@charset "utf-8";
*{ box-sizing: border-box; margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -0.5px; color: #000;}
a{ text-decoration: none;}
img{ display: block;}
select::-ms-expand{ display:none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #;}
body{ overflow: hidden; padding: 70px 0 100px 0; background: #; -webkit-text-size-adjust: none; word-break: keep-all;}


.zzs-font-g{ font-family: "GmarketSans", sans-serif; font-weight: 500;}
.zzs-bg{ position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/10%), rgba(0 0 0/0%), rgba(0 0 0/0%));}


.zzs_home{ display: flex; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000;}
.zzs_home .logo{ position: absolute; z-index: 10; top: 50px; left: 50%; transform: translate(-50%,0); height: 50px;}
.zzs_home .logo img{ width: auto; height: 100%;}
.zzs_home .rolling{ position: absolute; z-index: 3; top: 0; bottom: 0; margin: 0; max-width: 600px; width: 100%;}
.zzs_home .rolling .slide{ padding: 0 50px; height: 100vh;}
.zzs_home .rolling .slide img{ width: 100%;}
.zzs_home .rolling .slide.slick-active{}
.zzs_home .rolling .slide .t1{ margin-top: 32vh;}
.zzs_home .rolling .slide .t2{ margin-top: 22vh;}
.zzs_home .rolling .slide .t3{ margin-top: 12vh;}
.zzs_home .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; top: 130px; right: 0; bottom: initial; left: 0;}
.zzs_home .rolling .slick-dots li{ margin: 0 2px; width: auto; height: auto; transition: all .3s;}
.zzs_home .rolling .slick-dots li button{ padding: 0; width: 10px; height: 3px; border-radius: 2px; background: rgba(255 255 255/50%); transition: all .3s;}
.zzs_home .rolling .slick-dots li button:before{ display: none;}
.zzs_home .rolling .slick-dots li.slick-active button{ width: 20px; background: #F00;}
.zzs_home .lb{ position: absolute; z-index: 10; bottom: 0;; padding: 0 50px 50px 50px; max-width: 600px; width: 100%;}
.zzs_home .lb .login{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 30px; background: #F00; cursor: pointer;}
.zzs_home .lb .login p{ font-size: 16px; font-weight: 700; color: #FFF;}
.zzs_home .lb .join{ display: flex; justify-content: flex-end; align-items: center; margin: 30px 0 0 0; cursor: pointer;}
.zzs_home .lb .join p{ margin: 0 20px 0 0; font-size: 14px; color: #FFF;}
.zzs_home .lb .join i{ margin: 0 0 0 -10px; font-size: 20px; color: #FFF;}
.zzs_home .color{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/80%));}
.zzs_home .bg{ overflow: hidden; display: flex; justify-content: flex-start; position: absolute; z-index: 1; top: 0; bottom: 0; max-width: 600px; width: 100%;}
.zzs_home .bg img{ width: auto; height: 100%; transition: all 2s;}
.zzs_home .bg.dh1 img{ transform: translate(-20%,0);}
.zzs_home .bg.dh2 img{ transform: translate(-30%,0);}
.zzs_home .bg.dh3 img{ transform: translate(-40%,0);}
@media(max-width: 376px){
	.zzs_home .rolling .slide .t1{ margin-top: 30vh;}
	.zzs_home .rolling .slide .t2{ margin-top: 20vh;}
	.zzs_home .rolling .slide .t3{ margin-top: 10vh;}
}


.header{ position: fixed; z-index: 60; top: 0; right: 0; left: 0; height: 70px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/5%);}
.header .logo{ position: absolute; top: 17px; left: 15px; height: 36px;}
.header .logo img{ display: block; height: 100%;}
.header .tit{ display: none; justify-content: center; align-items: center; height: 70px; font-size: 20px; font-weight: 700; color: #000;}
.header .tit span{ display: flex; align-items: center; position: relative; padding: 0 0 0 20px; font-size: 12px; color: #000;}
.header .tit span:before{ content: ""; display: block; position: absolute; top: 50%; left: 5px; margin: -5px 0 0 0; width: 10px; height: 10px; border-radius: 50%; background: #50c509;}
.header .tit font{ display: flex; align-items: center; position: relative; padding: 0 0 0 20px; font-size: 12px; color: #999;}
.header .tit font:before{ content: ""; display: block; position: absolute; top: 50%; left: 5px; margin: -5px 0 0 0; width: 10px; height: 10px; border-radius: 50%; background: #CCC;}
.header .hr{ display: flex; align-items: center; position: absolute; top: 20px; right: 15px; height: 30px;}
.header .mission{ margin: 0 15px 0 0; height: 24px;}
.header .mission img{ height: 100%;}
.header .point{ display: flex; align-items: center; height: 24px;}
.header .point img{  margin: 0 4px 0 0; height: 100%;}
.header .point p{ padding: 4px 0 0 0; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 0;}
.header .back{ display: none; position: absolute; top: 20px; left: 15px; cursor:pointer;}
.header .back i{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 26px; color: #000;}
.header.back .back{ display: block;}
.header.back .logo{ display: none;}
.header.back .hr{ display: none;}
.header.back .tit{ display: flex;}
.header.bg{ background: linear-gradient(180deg, rgba(0 0 0/50%), rgba(0 0 0/0)); box-shadow: none;}
.header.bg .back i{ color: #FFF;}
.header.bg .tit{ color: #FFF;}

.header .menu{}
.header .menu ul{ display: flex; justify-content: center; align-items: center;}
.header .menu ul li{ margin: 0 25px;}
.header .menu ul li a{ display: block; position: relative;}
.header .menu ul li a p{ display: flex; align-items: center; height: 70px; font-size: 16px; color: #999;}
.header .menu ul li a span{ display: flex; align-items: center; position: absolute; z-index: 10; top: 14px; left: 50%; margin: 0 0 0 50%; padding: 0 7px 1px 7px; height: 18px; border-radius: 10px; background: #F00; font-size: 10px; color: #FFF;}
.header .menu ul li.on a p{ font-size: 20px; font-weight: 700; color: #000;}

.header .my_setting{ position: absolute; z-index: 10; top: 24px; right: 90px; height: 24px;}
.header .my_setting img{ height: 100%;}
.header .my_out{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 22px; right: 15px; width: 60px; height: 26px; border-radius: 20px; background: #333; font-size: 10px; color: #FFF;}


.header_chat{ position: fixed; z-index: 60; top: 0; right: 0; left: 0; height: 70px; background: #333;}
.header_chat:before{ content: ""; display: block; position: absolute; top: 70px; left: 0; width: 30px; height: 30px; background: url(/images/header_chat_l.png) center/cover;}
.header_chat:after{ content: ""; display: block; position: absolute; top: 70px; right: 0; width: 30px; height: 30px; background: url(/images/header_chat_r.png) center/cover;}
.header_chat .back{ position: absolute; top: 20px; left: 15px; cursor:pointer;}
.header_chat .back i{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 26px;  color: rgba(255 255 255/50%);}
.header_chat .user{ display: flex; align-items: center; position: absolute; top: 15px; left: 60px;}
.header_chat .user .img{ position: relative; width: 40px; height: 40px; border-radius: 50%;}
.header_chat .user .img img{ position: absolute; right: 0; bottom: 0; height: 16px;}
.header_chat .user .fr{ margin: 0 0 0 10px;}
.header_chat .user .fr .name{ display: flex; align-items: center;}
.header_chat .user .fr .name p{ font-size: 16px; color: #FFF;}
.header_chat .user .fr .name span{ display: flex; align-items: center; margin: 0 0 0 8px; padding: 0 8px; height: 22px; border-radius: 20px; border: 1px solid rgba(255 255 255/30%); font-size: 8px; color: rgba(255 255 255/100%);}
.header_chat .user .fr .name span img{ margin: 0 2px 0 0; height: 8px;}
.header_chat .user .fr .info{ display: flex; align-items: center; margin: 6px 0 0 1px;}
.header_chat .user .fr .info p{ font-size: 10px; color: rgba(255 255 255/50%); letter-spacing: 0;}
.header_chat .user .fr .info span{ display: block; margin: 0 8px; width: 1px; height: 8px; background: rgba(255 255 255/20%);}
.header_chat .user .fr .info .online{ display: flex; align-items: center; margin: 0 0 0 10px;}
.header_chat .user .fr .info .online .icon{ width: 6px; height: 6px; border-radius: 50%; background: #00ff30;}
.header_chat .user .fr .info .online .txt{ margin: 0 0 0 4px; font-size: 8px; color: rgba(255 255 255/80%); letter-spacing: 0.5px;}
.header_chat .delete{ display: flex; justify-content: center; align-items: center; position: absolute; top: 20px; right: 15px; width: 30px; height: 30px; cursor:pointer;}
.header_chat .delete img{ width: 20px; opacity: 0.5;}


.gnb{ position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; height: 70px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.gnb ul{ display: flex;}
.gnb ul li{ width: 16.666%;}
.gnb ul li a{ display: block; position: relative; padding: 15px 0; height: 70px;}
.gnb ul li a span{ display: flex; align-items: center; position: absolute; z-index: 10; top: 6px; left: 50%; margin: 0 0 0 15%; padding: 0 7px 1px 7px; height: 18px; border-radius: 10px; background: #F00; font-size: 10px; color: #FFF;}
.gnb ul li a .icon{}
.gnb ul li a .icon img{ margin: 0 auto; width: auto; height: 24px; opacity: 0.4;}
.gnb ul li a .icon img.on{ display: none;}
.gnb ul li a p{ margin: 8px 0 0 0; text-align: center; font-size: 10px; color: #999;}
.gnb ul li.on a .icon img{ display: none;}
.gnb ul li.on a .icon img.on{ display: block; opacity: 1;}
.gnb ul li.on a p{ color: #000;}


.banner_max{ position: relative; margin: 0 !important; padding: 0 0 20px 0;}
.banner_max .slide{}
.banner_max .slide a{ display: block; margin: 0 7px;}
.banner_max .slide a img{ width: 100%;}
.banner_max .slick-dots{ display: flex; justify-content: center; align-items: center; right: 0; bottom: 0; left: 0;}
.banner_max .slick-dots li{ margin: 0 2px; width: auto; height: auto; transition: all .3s;}
.banner_max .slick-dots li button{ padding: 0; width: 16px; height: 3px; border-radius: 2px; background: rgba(0 0 0/20%); transition: all .3s;}
.banner_max .slick-dots li button:before{ display: none;}
.banner_max .slick-dots li.slick-active button{ width: 20px; background: #F00;}


.banner_min{ position: relative; margin: 0 !important;}
.banner_min .slide{}
.banner_min .slide a{ display: block;}
.banner_min .slide a img{ width: 100%;}


.card_head{ display: flex; justify-content: center; align-items: center; padding: 20px 0;}
.card_head .fl{}
.card_head .fl .t1{ font-size: 22px; font-weight: 700; color: #000;}
.card_head .fl .t1 span{ font-weight: 700; color: #F00;}
.card_head .fl .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 14px; color: #666;}
.card_head img{ margin: 0 0 0 10px; height: 110px;}


.card_girl{ padding: 0 0 20px 0;}
.card_girl .user{ overflow: hidden; position: relative; margin: 0 auto; width: 300px; border-radius: 10px;}
.card_girl .user .bx-wrapper{ margin: 0;}
.card_girl .user .bx-wrapper .bx-viewport{ left: 0; margin: 0; height: auto; border: 0; box-shadow: none;}
.card_girl .user .card_girl_rolling{}
.card_girl .user .card_girl_rolling li{}
.card_girl .user .card_girl_rolling li a{ display: block; position: relative;}
.card_girl .user .card_girl_rolling li a .tip{ display: flex; align-items: center; position: absolute; z-index: 3; top: 0; left: 0; padding: 0 15px; height: 36px; border-radius: 0 0 10px 0; background: #000; font-size: 14px; font-weight: 700; color: #FFF;}
.card_girl .user .card_girl_rolling li a .tip.ok{ background: #F00;}
.card_girl .user .card_girl_rolling li a .tip.pass{ background: #666;}
.card_girl .user .card_girl_rolling li a .tip.wait{ color: #F00;}
.card_girl .user .card_girl_rolling li a .info{ display: flex; justify-content: space-between; align-items: flex-end; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 20px;}
.card_girl .user .card_girl_rolling li a .info .fl{}
.card_girl .user .card_girl_rolling li a .info .fl .t1{ font-size: 18px; font-weight: 700; color: #FFF;}
.card_girl .user .card_girl_rolling li a .info .fl .t2{ display: flex; align-items: center; padding: 8px 0 0 1px; font-size: 12px; color: rgba(255 255 255/60%);}
.card_girl .user .card_girl_rolling li a .info .fl .t2 span{ display: block; margin: 0 10px; width: 1px; height: 12px; background: rgba(255 255 255/30%);}
.card_girl .user .card_girl_rolling li a .info .fr{ display: flex;}
.card_girl .user .card_girl_rolling li a .info .fr img{ margin: 0 0 0 10px; width: auto; height: 16px;}
.card_girl .user .card_girl_rolling li a .bg{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/50%));}
.card_girl .user .card_girl_rolling li a img{ width: 100%;}
.card_girl .page{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 10px 0 0 0; padding: 0; height: 50px;}
.card_girl .page a{ overflow: hidden; position: relative; margin: 0 5px; border-radius: 50%; filter: 100%; -webkit-filter: grayscale(100%); opacity: 0.5; transition: all .3s;}
.card_girl .page a span{ display: block; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 50%; border: 3px solid #F00; opacity: 0; transition: all .3s;}
.card_girl .page a img{ width: 30px; height: 30px; transition: all .3s;}
.card_girl .page a.active{ filter: none; -webkit-filter: grayscale(0%); opacity: 1;}
.card_girl .page a.active span{ opacity: 1;}
.card_girl .page a.active img{ width: 50px; height: 50px;}
.card_girl .page .add{ display: block; margin: 0 5px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #DDD; background: url(/images/icon_plus.png) no-repeat center; background-size: 10px auto;}
.card_girl .txt{ padding: 10px 0 0 0; text-align: center; font-size: 14px; color: #666;}


.card_profile_img{ overflow: hidden; position: relative; margin: -70px 0 0 0;}
.card_profile_img .box{ overflow: hidden; display: flex; justify-content: center; align-items: flex-end; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 1200px; height: 1200px; border-radius: 50%;}
.card_profile_img .rolling{ margin: 0; width: 100vw;}
.card_profile_img .rolling .slide{}
.card_profile_img .rolling .slide a{ display: block; position: relative;}
.card_profile_img .rolling .slide a:before{ content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/50%));}
.card_profile_img .rolling .slide a img{ width: 100%;}
.card_profile_img .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; right: 0; bottom: 60px; left: 0;}
.card_profile_img .rolling .slick-dots li{ margin: 0 2px; width: auto; height: auto; transition: all .3s;}
.card_profile_img .rolling .slick-dots li button{ padding: 0; width: 16px; height: 3px; border-radius: 2px; background: rgba(255 255 255/50%); transition: all .3s;}
.card_profile_img .rolling .slick-dots li button:before{ display: none;}
.card_profile_img .rolling .slick-dots li.slick-active button{ width: 20px; background: #F00;}
.card_profile_img .board{ width: 100%;}


.card_profile_user{ position: relative; z-index: 10; padding: 0 20px;}
.card_profile_user .img{ position: relative; margin: -40px auto 0 auto; border-radius: 50%; width: 80px;}
.card_profile_user .img .online{ display: none; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-radius: 50%; background: #00ff30;}
.card_profile_user .img img{ display: block; width: 100%;}
.card_profile_user .img.on .online{ display: block;}
.card_profile_user .name{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0;}
.card_profile_user .name p{ line-height: 30px; font-size: 22px; font-weight: 700; color: #000;}
.card_profile_user .name span{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; padding: 0 15px 2px 15px; height: 30px; border-radius: 20px; background: #F00; font-size: 14px; font-weight: 500; color: #FFF;}


.card_profile_btn{ margin: 25px 0 0 0; padding: 0 20px;}
.card_profile_btn .row{ display: flex; justify-content: center;}
.card_profile_btn .ok{ display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border-radius: 30px; background: #F00; font-size: 16px; font-weight: 700; color: #FFF;}
.card_profile_btn .ok img{ margin: 0 5px 0 0; height: 20px;}
.card_profile_btn .pass{ flex: 0 0 50px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 50px; height: 50px; border-radius: 30px; background: #000; font-size: 14px; font-weight: 700; color: #FFF;}
.card_profile_btn .follow{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 100%; height: 50px; border-radius: 30px; background: #f0f0f0; font-size: 16px; font-weight: 700; color: #000;}
.card_profile_btn .follow img{ margin: 0 5px 0 0; height: 20px;}
.card_profile_btn .follow.on{ background: #F00; color: #FFF;}
.card_profile_btn .talk{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 100%; height: 50px; border-radius: 30px; background: #F00; font-size: 16px; font-weight: 700; color: #FFF;}
.card_profile_btn .talk img{ margin: 0 5px 0 0; height: 20px;}


.card_profile{ padding: 0 20px;}
.card_profile > .tit{ margin: 25px 0 0 0; padding: 0 0 15px 0; font-size: 14px; font-weight: 700; color: #000;}
.card_profile .point{ margin: 0 -20px; background: #f0f0f0;}
.card_profile .point ul{ display: flex;}
.card_profile .point ul li{ display: flex; flex-direction: column; align-items: center; padding: 30px 0; width: 33.333%; text-align: center;}
.card_profile .point ul li img{ height: 20px;}
.card_profile .point ul li .t1{ margin: 10px 0 0 0; font-size: 14px; font-weight: 500; color: #000;}
.card_profile .point ul li .t2{ margin: 5px 0 0 0; font-size: 12px; color: #666;}
.card_profile .info{ position: relative; padding: 20px; border-radius: 5px; border: 1px solid #DDD; background: linear-gradient(180deg, rgba(0 0 0/5%), rgba(0 0 0/0%), rgba(0 0 0/0%));}
.card_profile .info ul{ position: relative; z-index: 10;}
.card_profile .info ul li{ display: flex; align-items: center; padding: 8px 0;}
.card_profile .info ul li p{ flex: 0 0 80px; font-size: 12px; color: #666;}
.card_profile .info ul li span{ font-size: 14px; font-weight: 500; color: #000;}
.card_profile .info img{ position: absolute; right: 20px; bottom: 0; height: 300px;}
.card_profile .my{ padding: 20px; border-radius: 5px; border: 1px solid #DDD; line-height: 1.4; font-size: 14px; color: #333;}
.card_profile .keyword{}
.card_profile .keyword ul{ display: flex; flex-wrap: wrap; margin: -10px 0 0 0;}
.card_profile .keyword ul li{ display: flex; align-items: center; margin: 10px 10px 0 0; padding: 0 10px; height: 40px; border-radius: 5px; border: 1px solid #DDD; font-size: 14px; color: #333;}


.nearby_banner_top{}
.nearby_banner_top img{ width: 100%;}


.nearby_jump{ display: flex; justify-content: center; align-items: center; height: 50px; background: url(/images/nearby_jump_bg.png) center/cover;}
.nearby_jump img{ height: 30px;}
.nearby_jump p{ padding: 0 10px; font-size: 16px; font-weight: 500; font-style: italic; color: #FFF;}
.nearby_jump span{ border-bottom: 1px solid #f1cb90; font-size: 16px; font-weight: 700; font-style: italic; color: #f1cb90;}


.nearby_list{}
.nearby_list li{}
.nearby_list li .row{ border-bottom: 1px solid rgba(0 0 0/10%);}
.nearby_list li .row .ft{ padding: 25px 20px 15px 130px; background: linear-gradient(90deg, rgba(240 240 240/0%), rgba(240 240 240/100%));}
.nearby_list li .row .ft .head{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 0 -110px; padding: 0 0 20px 0;}
.nearby_list li .row .ft .head .hl{}
.nearby_list li .row .ft .head .hl .t1{ font-size: 18px; font-weight: 700; color: #000;}
.nearby_list li .row .ft .head .hl .t2{ margin: 5px 0 0 0; font-size: 12px; color: #333;}
.nearby_list li .row .ft .head .btn{ display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 36px; border-radius: 20px; background: #333; font-size: 14px; color: #FFF;}
.nearby_list li .row .ft .name{ display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: 700; color: #000;}
.nearby_list li .row .ft .name .online{ display: none; margin: 0 10px 0 0; width: 10px; height: 10px; border-radius: 50%; background: #00ff30;}
.nearby_list li .row .ft .info{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0 0 0;}
.nearby_list li .row .ft .info .il{ display: flex;}
.nearby_list li .row .ft .info .il img{ display: none; margin: 0 10px 0 0; height: 25px; opacity: 0.3;}
.nearby_list li .row .ft .info .ir{ display: flex; align-items: center;}
.nearby_list li .row .ft .info .ir p{ font-size: 12px; color: #666;}
.nearby_list li .row .ft .info .ir span{ display: block; margin: 0 8px; width: 1px; height: 12px; background: #DDD;}
.nearby_list li .row .fb{ display: flex; justify-content: space-between; align-items: flex-end; padding: 25px 20px;}
.nearby_list li .row .fb .user{ display: block; margin: -70px 0 0 0;}
.nearby_list li .row .fb .user .img{ position: relative; width: 100px; height: 100px; border-radius: 50%;}
.nearby_list li .row .fb .user .img .ok_vip{ display: none; position: absolute; right: 0; bottom: 0; height: 30px !important;}
.nearby_list li .row .fb .user .type{ margin: 10px -10px 0 -10px; text-align: center; font-size: 14px; color: #333; letter-spacing: -1px;}
.nearby_list li .row .fb .fbr{ display: flex}
.nearby_list li .row .fb .fbr .img{ margin: 0 5px 0 0; width: 40px; height: 40px; border-radius: 50%;}
.nearby_list li .row .fb .fbr .btn_talk{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #F00;}
.nearby_list li .row .fb .fbr .btn_talk img{ height: 18px;}
.nearby_list li.my .row{ background: url(/images/nearby_my_bg.jpg) center/cover;}
.nearby_list li.my .row .fb .user .img{ display: flex; justify-content: center; align-items: center; background: #FFF;}
.nearby_list li.my .row .fb .user .img img{ height: 50px;}
.nearby_list li.my .row .fb .fbr .img{ display: flex; justify-content: center; align-items: center; background: #FFF;}
.nearby_list li.my .row .fb .fbr .img img{ height: 20px; opacity: 0.3;}
.nearby_list li.ok_vip .ok_vip{ display: block !important;}
.nearby_list li.ok_tel .ok_tel{ display: block !important;}
.nearby_list li.ok_name .ok_name{ display: block !important;}
.nearby_list li.ok_online .online{ display: block !important;}


.nearby_time{ padding: 25px 20px 0 20px; text-align: center; font-size: 14px; color: #999;}
.nearby_time span{ font-weight: 700; color: #000;}


.today_webtoon{}
.today_webtoon .head{ padding: 25px 0; text-align: center;}
.today_webtoon .head .t1{ font-size: 22px; font-weight: 700; color: #000;}
.today_webtoon .head .t2{ margin: 10px 0 0 0; font-size: 14px; color: #666;}
.today_webtoon .rolling{ margin: 0; padding: 0 0 20px 15px;}
.today_webtoon .rolling .slick-list{ overflow: visible;}
.today_webtoon .rolling .slide{}
.today_webtoon .rolling .slide a{ overflow: hidden; display: block; position: relative; margin: 0 5px; width: 200px; border-radius: 5px;}
.today_webtoon .rolling .slide a .point{ display: flex; align-items: center; position: absolute; z-index: 2; right: 20px; bottom: 15px;}
.today_webtoon .rolling .slide a .point img{ margin: 0 5px 0 0; width: 20px; height: 20px;}
.today_webtoon .rolling .slide a .point span{ padding: 4px 0 0 0; font-size: 14px; font-weight: 400; color: #FFF;}
.today_webtoon .rolling .slide a .bg{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/80%));}
.today_webtoon .rolling .slide a img{ width: 100%;}
.today_webtoon .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; right: 0; bottom: 0; left: 0;}
.today_webtoon .rolling .slick-dots li{ margin: 0 2px; width: auto; height: auto; transition: all .3s;}
.today_webtoon .rolling .slick-dots li button{ padding: 0; width: 16px; height: 3px; border-radius: 2px; background: rgba(0 0 0/20%); transition: all .3s;}
.today_webtoon .rolling .slick-dots li button:before{ display: none;}
.today_webtoon .rolling .slick-dots li.slick-active button{ width: 20px; background: #F00;}


.today_game{ padding: 25px 20px;}
.today_game a{ display: block; margin: 10px 0 0 0;}
.today_game a:first-child{ margin: 0;}
.today_game a img{ display: block; width: 100%; border-radius: 5px;}


.today_ranking_rolling{ margin: 0; background: url(/images/today_ranking_rolling_bg.jpg) center/cover;}
.today_ranking_rolling .slide{ display: flex; justify-content: center; align-items: center; padding: 15px 0;}
.today_ranking_rolling .slide > img{ height: 50px;}
.today_ranking_rolling .slide .t1{ padding: 0 10px;}
.today_ranking_rolling .slide .t1 p{ font-size: 16px; font-weight: 700; color: #000;}
.today_ranking_rolling .slide .t1 span{ font-size: 12px; color: #666;}
.today_ranking_rolling .slide .t2{ display: flex; justify-content: center; align-items: center;}
.today_ranking_rolling .slide .t2 p{ position: absolute; z-index: 1; padding: 1px 0 0 0; font-size: 11px; color: #FFF; font-weight: 400; letter-spacing: 0;}
.today_ranking_rolling .slide .t2 img{ height: 26px;}


.today_ranking{}
.today_ranking .head{ position: relative; background: url(/images/today_ranking_bg.jpg) center/cover;}
.today_ranking .head .title{ position: absolute; z-index: 1; top: 40px; right: 0; left: 0;text-align: center;}
.today_ranking .head .title .t1{ font-size: 14px; color: rgba(255 255 255/70%);}
.today_ranking .head .title .t2{ margin: 5px 0 0 0; font-size: 22px; font-weight: 700; color: #FFF;}
.today_ranking .head .user{ position: absolute; z-index: 2; width: 140px;}
.today_ranking .head .user.u1{ top: 50%; left: 50%; transform: translate(-50%,-55%);}
.today_ranking .head .user.u2{ top: 50%; left: 3%; transform: translate(0,-37%);}
.today_ranking .head .user.u3{ top: 50%; right: 3%; transform: translate(0,-20%);}
.today_ranking .head .user .guan{ position: relative; z-index: 1; margin: 0 auto; height: 40px;}
.today_ranking .head .user .img{ display: flex; justify-content: center; align-items: center; margin: -15px auto 0 auto; width: 80px; height: 80px; border-radius: 50%; background: #FFF;}
.today_ranking .head .user .img img{ height: 40px;}
.today_ranking .head .user .name{ margin: 10px 0 0 0; text-align: center; font-size: 12px; color: #FFF;}
.today_ranking .head .user .point{ margin: 5px 0 0 0; padding: 2px 0 0 0; text-align: center; font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 400; color: #FFF; letter-spacing: 0;}
.today_ranking .head .user.u1 .img{}
.today_ranking .head .user.u2 .img{ opacity: 0.8;}
.today_ranking .head .user.u3 .img{ opacity: 0.6;}
.today_ranking .head .user.u1 .point{ color: #ffd200;}
.today_ranking .head .user.u2 .point{ color: #f0f0f0;}
.today_ranking .head .user.u3 .point{ color: #dba532;}
.today_ranking .head > img{ width: 100%;}
.today_ranking .list{ overflow: hidden;}
.today_ranking .list ul{}
.today_ranking .list ul li{}
.today_ranking .list ul li .row{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 0 0 0 70px; padding: 20px 0; border-bottom: 1px solid #f0f0f0;}
.today_ranking .list ul li .row .number{ display: flex; align-items: center; position: absolute; top: 0; left: -50px; bottom: 0; font-size: 20px; font-weight: 400; font-family: "GmarketSans", sans-serif; color: #CCC;}
.today_ranking .list ul li .row .user{ display: flex; align-items: center;}
.today_ranking .list ul li .row .user .img{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; background: #f0f0f0;}
.today_ranking .list ul li .row .user .img img{ height: 20px; opacity: 0.3;}
.today_ranking .list ul li .row .name{ margin: 0 0 0 10px; font-size: 14px; color: #666;}
.today_ranking .list ul li .row .point{ padding: 0 20px 0 0; font-family: "GmarketSans", sans-serif; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 0;}
.today_ranking .list ul li.ok_vip .user .name img{ display:block !important;}


.today_webtoon_detail{ overflow: hidden; padding: 25px 20px;}
.today_webtoon_detail > *:first-child{ margin: 0 !important;}
.today_webtoon_detail img{ margin: 0px 0 0 0; width: 100%;}


.today_webtoon_detail_gnb{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; padding: 0 20px; height: 70px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.today_webtoon_detail_gnb .point{ display: flex; align-items: center;}
.today_webtoon_detail_gnb .point p{ font-size: 14px; color: #666;}
.today_webtoon_detail_gnb .point img{ margin: 0 5px; height: 20px;}
.today_webtoon_detail_gnb .point span{ padding: 4px 0 0 0; font-size: 16px;}
.today_webtoon_detail_gnb .btn{ display: flex;}
.today_webtoon_detail_gnb .btn i{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #f0f0f0; font-size: 14px; color: #999;}
.today_webtoon_detail_gnb .btn select{ display: flex; align-items: center; margin: 0 5px; padding: 0 35px 0 15px; height: 40px; width: auto; border-radius: 20px; border: 0; background:url(/images/select_icon_hei.png) no-repeat center right 15px #f0f0f0; background-size: 10px auto; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}


.today_game_gnb{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; padding: 0 20px; height: 70px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.today_game_gnb .point{ display: flex; align-items: center;}
.today_game_gnb .point p{ font-size: 14px; color: #666;}
.today_game_gnb .point img{ margin: 0 5px; height: 20px;}
.today_game_gnb .point span{ padding: 4px 0 0 0; font-size: 16px;}
.today_game_gnb .btn{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 30px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #ffedc6, #e0a04a); font-size: 16px; font-weight: 700; color: #000;}
.today_game_gnb .btn:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}


.today_game_racing{ overflow: hidden; position: relative; height: 100vw; background: #FFF;}
.today_game_racing .start{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; bottom: 30px; left: 50%; margin: 0 0 0 -50px; width: 100px; height: 40px; border-radius: 20px; background: #F00; box-shadow: 0 5px 30px 0 rgba(255 0 0/80%); font-size: 16px; font-weight: 700; color: #FFF;}

.today_game_racing .stop_tit{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 6%; left: 50%; transform: translate(-50%,0); width: 240px;}
.today_game_racing .stop_tit .row{ position: absolute; z-index: 10; padding: 25px 20px 0 20px; width: 100%;}
.today_game_racing .stop_tit ul{ display: flex; justify-content: center; align-items: flex-end;}
.today_game_racing .stop_tit ul li{ padding: 0 5px;}
.today_game_racing .stop_tit ul li .user{ margin: 0 auto; height: 50px;}
.today_game_racing .stop_tit ul li .guan{ position: relative; z-index: 1; margin: -20px auto 0 auto; height: 40px;}
.today_game_racing .stop_tit .txt{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; font-size: 12px; color: rgba(0 0 0/80%);}
.today_game_racing .stop_tit .txt span{ font-weight: 500; color: #F00;}
.today_game_racing .stop_tit .bg{ width: 100%;}

.today_game_racing .go_tit{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 6%; left: 50%; transform: translate(-50%,0); width: 240px;}
.today_game_racing .go_tit .row{ position: absolute; z-index: 10; padding: 25px 20px 0 20px; width: 100%;}
.today_game_racing .go_tit ul{ display: flex; justify-content: center; align-items: flex-end;}
.today_game_racing .go_tit ul li{ padding: 0 5px;}
.today_game_racing .go_tit ul li .user{ margin: 0 auto; height: 50px;}
.today_game_racing .go_tit ul li .guan{ position: relative; z-index: 1; margin: -20px auto 0 auto; height: 40px;}
.today_game_racing .go_tit .txt{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; font-size: 12px; color: rgba(0 0 0/80%);}
.today_game_racing .go_tit .txt span{ font-weight: 500; color: #F00;}
.today_game_racing .go_tit .bg{ width: 100%;}

.today_game_racing .sd{ position: absolute; z-index: 10; left: 0; bottom: 30px; right: 0;}
.today_game_racing .sd li{ position: relative; margin: 20px 0 0 0; height: 20px;}
.today_game_racing .sd li:nth-child(1){ z-index: 1;}
.today_game_racing .sd li:nth-child(2){ z-index: 2;}
.today_game_racing .sd li:nth-child(3){ z-index: 3;}
.today_game_racing .sd li .user{ position: absolute; z-index: 4; left: 20px; bottom: 20px; height: 50px;}
.today_game_racing .sd li .qi{ position: absolute; z-index: 5; right: 20px; bottom: 20px; height: 30px;}
.today_game_racing .sd li .lu{ width: 100%;}
.today_game_racing .bg_sky{ position: absolute; z-index: 1; top: 0; bottom: 30%; left: 0; width: 200vw; background: url(/images/game_racing/sky.png) bottom center/cover; background-size: auto 150%;}

.today_game_racing.on .start{ display: none;}
.today_game_racing.on .stop_tit{ display: none;}
.today_game_racing.on .go_tit{ display: flex;}
.today_game_racing.on .sd li:nth-child(1) .user{ left: 100%; transition: all 13s;}
.today_game_racing.on .sd li:nth-child(2) .user{ left: 100%; transition: all 15s;}
.today_game_racing.on .sd li:nth-child(3) .user{ left: 100%; transition: all 10s;}
.today_game_racing.on .sd li .user{ animation: game_racing_user .8s infinite;}
.today_game_racing.on .bg_sky{ transform: scale(1) rotate(0deg) translate(-100vw,0); transition: all 10s;}
@keyframes game_racing_user{
	0%   {}
	50%  { height: 55px;}
	100% {}
}


.today_game_roulette{ overflow: hidden; position: relative; height: 100vw; background: url(/images/game_roulette/bg.jpg) center/cover;}
.today_game_roulette .tit{ padding: 30px 0 0 0; text-align: center;}
.today_game_roulette .tit p{ font-size: 16px; color: #FFF;}
.today_game_roulette .tit span{ display: block; padding: 10px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 30px; font-weight: 500; color: transparent; background: linear-gradient(90deg, #e0a04a, #ffedc6, #e0a04a); background-clip: text; -webkit-background-clip: text; }
.today_game_roulette .lt{ position: absolute; z-index: 1; top: 110px; left: 50%; transform: translate(-50%,0); width: 460px;}
.today_game_roulette .lb{ position: absolute; top: 196px; left: 50%; margin: 0 0 0 -200px; width: 400px;}
.today_game_roulette.on .lb{ animation: game_roulette 5s; animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes game_roulette{
	0%   {}
	100% { transform: rotate(3720deg);}
}
/*
    3600 + 360 = x 100
    3600 + 300 = + 100
    3600 + 240 = - 100
    3600 + 180 = x 10
    3600 + 120 = + 100
    3600 + 60 = - 100
*/


.today_game_menu{}
.today_game_menu .head{ background: #FFF;}
.today_game_menu .head ul{ display: flex; justify-content: center; align-items: center;}
.today_game_menu .head ul li{ margin: 0 20px;}
.today_game_menu .head ul li a{ display: block;}
.today_game_menu .head ul li a p{ display: flex; align-items: center; height: 70px; font-size: 16px; color: #999;}
.today_game_menu .head ul li.on a p{ font-size: 20px; font-weight: 700; color: #000}
.today_game_menu .body{ overflow: hidden; padding: 25px 20px; background: linear-gradient(180deg, rgba(0 0 0/10%), rgba(0 0 0/0%), rgba(0 0 0/0%));}
.today_game_menu .body > li{ display: none;}
.today_game_menu .body > li.on{ display: block;}
.today_game_menu .game_txt{ margin: 20px 0 0 0; text-align: center; font-size: 12px; color: #F00;}
.today_game_menu .game_btn_more{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 40px; border-radius: 5px; background: #f0f0f0; font-size: 14px; color: #000;}


.today_game_racing_bet{ display: flex; margin: 0 -5px;}
.today_game_racing_bet li{ width: 33.333%;}
.today_game_racing_bet li a{ overflow:hidden; display: block; position: relative; margin: 0 5px; padding:15px 0; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.today_game_racing_bet li a .img{ margin: 0 auto; height: 60px;}
.today_game_racing_bet li a .input{ position: relative; margin: 10px 15px 0 15px; border-radius: 20px; height: 30px; background: #f0f0f0;}
.today_game_racing_bet li a .input i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; top: 0; width: 30px; height: 30px; font-size: 12px; color: #666;}
.today_game_racing_bet li a .input i.xi-minus{ left:0;}
.today_game_racing_bet li a .input i.xi-plus{ right:0;}
.today_game_racing_bet li a .input p{ display: flex; justify-content: center; align-items: center; height: 30px; font-size: 12px; color: #000; letter-spacing: 0;}
.today_game_racing_bet li a .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 15px 0 15px; border-radius: 20px; height: 30px; background: #333; font-size: 12px; color: #FFF; cursor: pointer;}
.today_game_racing_bet li.ok a{ background: #b2d84d;}
.today_game_racing_bet li.ok a .input{ background: none;}
.today_game_racing_bet li.ok a .input i{ display: none;}
.today_game_racing_bet li.ok a .input p{ font-size: 16px; font-weight: 700; color: #000;}
.today_game_racing_bet li.ok a .btn{ background: #F00; color: #FFF;}


.today_game_roulette_bet{ display: flex; justify-content: center; align-items: center; position: relative; border-radius: 5px; height: 50px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.today_game_roulette_bet:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.today_game_roulette_bet p{ display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; color: #000;}
.today_game_roulette_bet p img{ margin: 0 4px 0 10px; height: 24px;}


.game_bet_wan{ overflow: hidden; display: flex; justify-content: center; margin: 10px 0 0 0; padding: 20px 0; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.game_bet_wan li{ padding: 0 10px;}
.game_bet_wan li a{ display: flex; align-items: flex-end;}
.game_bet_wan li p{ font-size: 12px;}
.game_bet_wan li font{ margin: 0 5px; font-size: 14px; color: #F00; letter-spacing: 0;}
.game_bet_wan li span{ font-size:12px; color: #999; letter-spacing: 0;}


.game_my_bet{}
.game_my_bet table{ border-spacing: 0; table-layout: fixed; width: 100%;}
.game_my_bet table tr{}
.game_my_bet table tr td{}
.game_my_bet table thead{}
.game_my_bet table thead tr{}
.game_my_bet table thead tr td{ padding: 15px 0; background: #333; text-align: center; font-size: 12px; font-weight: 500; color: #FFF;}
.game_my_bet table thead tr td:first-child{ border-radius: 5px 0 0 5px;}
.game_my_bet table thead tr td:last-child{ border-radius: 0 5px 5px 0;}
.game_my_bet table tbody{}
.game_my_bet table tbody tr{}
.game_my_bet table tbody tr td{ padding: 10px 0; border-bottom: 1px solid #e5e5e5; text-align: center; line-height: 15px; font-size: 12px; color: #333; letter-spacing: 0;}
.game_my_bet table tbody tr td font{ letter-spacing: 0;}
.game_my_bet table tbody tr td p{ letter-spacing: 0;}
.game_my_bet table tbody tr td img{ margin: 0 auto;}


.talk_list{}
.talk_list ul{}
.talk_list ul li{}
.talk_list ul li .row{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 0 90px; padding: 20px 20px 20px 0; border-bottom: 1px solid #e5e5e5;}
.talk_list ul li .row .user{ display: flex; align-items: center; margin: 0 0 0 -70px; width: 100%;}
.talk_list ul li .row .user .img{ flex: 0 0 50px; position: relative; margin: 0 20px 0 0; width: 50px; height: 50px; border-radius: 30px;}
.talk_list ul li .row .user .img span{ display: flex; align-items: center; position: absolute; z-index: 10; top: -4px; right: -4px; margin: 0 0 0 40%; padding: 0 7px 1px 7px; height: 18px; border-radius: 10px; background: #F00; font-size: 10px; color: #FFF;}
.talk_list ul li .row .user .text{ width: 100%;}
.talk_list ul li .row .user .text .name{ font-size: 16px; font-weight: 700; color: #000;}
.talk_list ul li .row .user .text .txt{ margin: 10px 0 0 0; font-size: 12px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.talk_list ul li .row .date{ flex: 0 0 80px; text-align: right; font-size: 12px; color: #CCC;}


.talk_list_follow{}
.talk_list_follow ul{}
.talk_list_follow ul li{}
.talk_list_follow ul li .row{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 0 90px; padding: 20px 20px 20px 0; border-bottom: 1px solid #e5e5e5;}
.talk_list_follow ul li .row .user{ display: flex; align-items: center; margin: 0 0 0 -70px; width: 100%;}
.talk_list_follow ul li .row .user .img{ flex: 0 0 50px; position: relative; margin: 0 20px 0 0; width: 50px; height: 50px; border-radius: 30px;}
.talk_list_follow ul li .row .user .img .ok_vip{ display: none; position: absolute; z-index: 10; right: -5px; bottom: 0; height: 20px;}
.talk_list_follow ul li .row .user .img span{ display: flex; align-items: center; position: absolute; z-index: 10; top: -4px; right: -4px; margin: 0 0 0 40%; padding: 0 7px 1px 7px; height: 18px; border-radius: 10px; background: #F00; font-size: 10px; color: #FFF;}
.talk_list_follow ul li .row .user .fr{ width: 100%;}
.talk_list_follow ul li .row .user .fr .name{ display: flex; align-items: center;}
.talk_list_follow ul li .row .user .fr .name p{ font-size: 16px; font-weight: 700; color: #000;}
.talk_list_follow ul li .row .user .fr .name img{ display: none; margin: 0 0 0 10px; height: 12px; opacity: 0.3;}
.talk_list_follow ul li .row .user .txt{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 12px; color: #999; letter-spacing: 0;}
.talk_list_follow ul li .row .user .txt span{ display: block; margin: 0 8px; width: 1px; height: 12px; background: #DDD;}
.talk_list_follow ul li .row .btn{ flex: 0 0 80px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; height: 30px; border-radius: 20px; background: #f0f0f0;}
.talk_list_follow ul li .row .btn img{ margin: 0 5px 0 0; height: 12px;}
.talk_list_follow ul li .row .btn p{ font-size: 12px; color: #666;}
.talk_list_follow ul li .row .btn.on{ background: #F00;}
.talk_list_follow ul li .row .btn.on p{ color: #FFF;}
.talk_list_follow ul li.ok_vip .ok_vip{ display: block !important;}
.talk_list_follow ul li.ok_tel .ok_tel{ display: block !important;}
.talk_list_follow ul li.ok_name .ok_name{ display: block !important;}


.talk_tel{ position: fixed; z-index: 200; right: 0; bottom: 0; left: 0;}
.talk_tel .close{ position: fixed; z-index: 10; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(255 255 255/0.01%);}
.talk_tel .row{ position: fixed; z-index: 30; right: 0; bottom: -200px; left: 0; padding: 20px; background: rgba(255 255 255/80%); box-shadow: 0 0 0 1px rgba(0 0 0/10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: all .3s;}
.talk_tel .row ul{ display: flex;}
.talk_tel .row ul li{ width: 50%;}
.talk_tel .row ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 140px; cursor: pointer;}
.talk_tel .row ul li a i{  font-size: 36px; color: #000;}
.talk_tel .row ul li a p{ margin: 10px 0 0 0; font-size: 14px; color: #000;}
.talk_tel.on .close{ top: 0; bottom: 0;}
.talk_tel.on .row{ bottom: 0; opacity: 1;}


.talk_tel_text{ display: none; position: fixed; z-index: 200; top: 0; right: 0; bottom: 0; left: 0;}
.talk_tel_text .row{ position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; border-radius: 50px; background: #F00; animation: talk_tel_text 2s; animation-iteration-count: infinite;}
.talk_tel_text .tit{ text-align: center; line-height: 100px; font-size: 14px; color: #FFF;}
.talk_tel_text .txt{ display: none; text-align: center; line-height: 100px; font-size: 14px; color: #FFF;}
.talk_tel_text.on1{ display: block;}
.talk_tel_text.on2{ display: block;}
.talk_tel_text.on2 .tit{ display: none;}
.talk_tel_text.on2 .txt{ display: block;}
@keyframes talk_tel_text{
	0%   { background: #F00; box-shadow: 0 5px 30px 0 rgba(255 0 0/100%);}
	50%  { background: #000; box-shadow: 0 5px 30px 0 rgba(0 0 0/100%);}
	100% { background: #F00; box-shadow: 0 5px 30px 0 rgba(255 0 0/100%);}
}


.talk_emoji{ position: fixed; z-index: 300; right: 0; bottom: 0; left: 0;}
.talk_emoji .close{ position: fixed; z-index: 10; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/0.0001%);}
.talk_emoji .row{ position: fixed; z-index: 30; right: 0; bottom: -400px; left: 0; background: rgba(255 255 255/70%); box-shadow: 0 0 0 1px rgba(0 0 0/10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: all .3s;}
.talk_emoji .row .head{ display: flex; align-items: center; padding:0 15px; height:60px; border-bottom:1px solid #f0f0f0;}
.talk_emoji .row .head img{ display: block; height: 30px;}
.talk_emoji .row .head p{ margin: 0 0 0 5px; font-size: 16px;}
.talk_emoji .row .head .right{ float:right; margin:15px 0 0 0;}
.talk_emoji .row .head .right .my{ float:left; height:30px; line-height:32px; font-size:18px; font-weight:800; color:#ffbe30; letter-spacing:0;}
.talk_emoji .row .head .right .my img{ display:block; float:left; margin:5px 2px 0 0; width:auto; height:20px;}
.talk_emoji .row .head .right .btn{ float:left; margin:0 0 0 10px; padding:0 15px; height:30px; border-radius:15px; background:#F00; line-height:32px; font-size:13px; color:#FFF; cursor:pointer;}
.talk_emoji .row .body{}
.talk_emoji .row .body .list{ margin: 0; padding: 0 0 20px 0;}
.talk_emoji .row .body .list .slide{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px 10px;}
.talk_emoji .row .body .list .slide a{ display: flex; justify-content: center; align-items: center; width: 20%; height: 100px; border-radius: 20px; cursor: pointer;}
.talk_emoji .row .body .list .slide a.on{ background: rgba(0 0 0/10%);}
.talk_emoji .row .body .list .slide a > img{ width: 70%;}
.talk_emoji .row .body .list .slick-dots{ display: flex; justify-content: center; align-items: center; right: 0; bottom: 20px; left: 0;}
.talk_emoji .row .body .list .slick-dots li{ margin: 0 2px; width: auto; height: auto; transition: all .3s;}
.talk_emoji .row .body .list .slick-dots li button{ padding: 0; width: 16px; height: 3px; border-radius: 2px; background: rgba(0 0 0/20%); transition: all .3s;}
.talk_emoji .row .body .list .slick-dots li button:before{ display: none;}
.talk_emoji .row .body .list .slick-dots li.slick-active button{ width: 20px; background: #F00;}
.talk_emoji .row .bottom{ overflow: hidden; padding: 15px 20px; height: 70px; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.talk_emoji .row .bottom .btn{ display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 20px; background: #333; font-size: 14px; color: #FFF;}
.talk_emoji.on .close{ top: 0; bottom: 0;}
.talk_emoji.on .row{ bottom: 0 !important; opacity: 1;}


.talk_gift{ position: fixed; z-index: 100; right: 0; bottom: 0; left: 0;}
.talk_gift .close{ position: fixed; z-index: 10; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/0.00001%);}
.talk_gift .row{ position: fixed; z-index: 30; right: 0; bottom: -100%; left: 0; background: rgba(255 255 255/70%); box-shadow: 0 0 0 1px rgba(0 0 0/10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: all .3s;}
.talk_gift .row .head{ padding: 0 20px; height: 70px; border-bottom: 1px solid rgba(0 0 0/10%);}
.talk_gift .row .head .ff{ display: flex; justify-content: space-between; align-items: center; height: 70px;}
.talk_gift .row .head .ff .fl{ display: flex; align-items: center;}
.talk_gift .row .head .ff .fl p{ font-size: 16px; font-weight: 500; color: #000;}
.talk_gift .row .head .ff .fr{ display: flex; align-items: center;}
.talk_gift .row .head .ff .fr .my{ display: flex; align-items: center; margin: 0 10px 0 0; font-size: 16px; font-weight: 500; color: #000; letter-spacing: 0;}
.talk_gift .row .head .ff .fr .my img{ margin: 0 4px 0 0; height: 20px;}
.talk_gift .row .head .ff .fr .btn{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 20px; height: 40px; border-radius: 5px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.talk_gift .row .head .ff .fr .btn p{ position: relative; z-index: 1; font-size: 14px; font-weight: 500; color: #000;}
.talk_gift .row .head .ff .fr .btn:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.talk_gift .row .body{}
.talk_gift .row .body .list{ margin: 0; padding: 0 0 20px 0;}
.talk_gift .row .body .list .slick-list{ padding: 20px 10px;}
.talk_gift .row .body .list .slide{ width: 12.5% !important;}
.talk_gift .row .body .list .slide a{ display:block; padding:5px 0; border-radius:10px; cursor:pointer;}
.talk_gift .row .body .list .slide a.on{ background: rgba(0 0 0 / 10%);}
.talk_gift .row .body .list .slide a > img{ display:block; margin:0 auto; width:auto; height:40px;}
.talk_gift .row .body .list .slide a p{ text-align:center; line-height:20px; font-size:13px; color:#666;}
.talk_gift .row .body .list .slide a font{ display:block; overflow:hidden; height:20px; text-align:center; line-height:20px; font-size:12px; color:#ffbe30; letter-spacing:0;}
.talk_gift .row .body .list .slide a font img{ display:inline-block; vertical-align:top; margin:1px 3px 0 0; height:16px;}
.talk_gift .row .body .list .slick-dots{ display: flex; justify-content: center; align-items: center; right: 0; bottom: 20px; left: 0;}
.talk_gift .row .body .list .slick-dots li{ margin: 0 2px; width: auto; height: auto; transition: all .3s;}
.talk_gift .row .body .list .slick-dots li button{ padding: 0; width: 16px; height: 3px; border-radius: 2px; background: rgba(0 0 0/20%); transition: all .3s;}
.talk_gift .row .body .list .slick-dots li button:before{ display: none;}
.talk_gift .row .body .list .slick-dots li.slick-active button{ width: 20px; background: #F00;}
.talk_gift .row .input{ padding: 15px 20px; height: 70px; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.talk_gift .row .input .ff{ display: flex; justify-content: space-between; align-items: center;}
.talk_gift .row .input .ff .fl{ display: flex; align-items: center;}
.talk_gift .row .input .ff .fl p{ font-size: 16px; font-weight: 500; color: #000;}
.talk_gift .row .input .ff .fl ul{ display: flex; margin: 0 0 0 5px;}
.talk_gift .row .input .ff .fl ul li{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 30px; height: 30px; border-radius: 50%; background: #f0f0f0; font-size: 12px; color: #000; letter-spacing: 0; cursor: pointer;}
.talk_gift .row .input .ff .fl ul li.on{ background: #F00; color: #FFF;}
.talk_gift .row .input .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 5px; background: #F00; font-size: 14px; font-weight: 500; color: #FFF;}
.talk_gift.on .close{ top: 0; bottom: 0;}
.talk_gift.on .row{ bottom: 0; opacity: 1;}


.talk_input{ position: fixed; z-index: 20; right: 0; bottom: 0; left: 0;}
.talk_input .ft{ position: fixed; right: 0; bottom: 70px; left: 0; padding: 15px 20px; display: flex; background: linear-gradient(180deg, rgba(255 255 255/0%), rgba(255 255 255/100%));}
.talk_input .ft .talk_img_btn{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 40px; height: 40px; border-radius: 20px; background: #f0f0f0; cursor: pointer;}
.talk_input .ft .talk_img_btn img{ height: 16px;}
.talk_input .ft .talk_meeting_btn{ display: flex; align-items: center; margin: 0 10px 0 0;}
.talk_input .ft .talk_meeting_btn .img{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(180deg, #5d0adb, #e051a8);}
.talk_input .ft .talk_meeting_btn .img img{ height: 20px;}
.talk_input .ft .talk_meeting_btn .txt{ margin: 0 0 0 4px;}
.talk_input .ft .talk_meeting_btn .txt .t1{ line-height: 1.2; font-size: 10px; color: #5d0adb;}
.talk_input .ft .talk_meeting_btn .txt .t2{ line-height: 1.2; font-size: 12px; font-weight: 500; color: #000;}
.talk_input .ft .talk_anquan_btn{ display: flex; align-items: center;}
.talk_input .ft .talk_anquan_btn .img{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #2c8ff5;}
.talk_input .ft .talk_anquan_btn .img img{ height: 18px;}
.talk_input .ft .talk_anquan_btn .txt{ margin: 0 0 0 4px; line-height: 1.2; font-size: 10px;}
.talk_input .ft .talk_anquan_btn .txt span{ color: #2c8ff5;}
.talk_input .ft .talk_anquan_btn .txt font{ color: #F00;}
.talk_input .fb{ display: flex; position: fixed; z-index: 1; right: 0; bottom: 0; left: 0; padding: 15px 20px; height: 70px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.talk_input .fb .in{ position: relative; width: 100%;}
.talk_input .fb .in .talk_gift_btn{ position: absolute; z-index: 10; top: 10px; right: 40px; height: 20px;}
.talk_input .fb .in .talk_gift_btn img{ height: 100%; opacity: 0.5;}
.talk_input .fb .in .talk_emoji_btn{ position: absolute; z-index: 10; top: 10px; right: 10px; height: 20px;}
.talk_input .fb .in .talk_emoji_btn img{ height: 100%; opacity: 0.5;}
.talk_input .fb .in input{ display: flex; align-items: center; padding: 0 70px 0 20px; width: 100%; height: 40px; border-radius: 20px; border: 0; background: #f0f0f0; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.talk_input .fb .talk_tel_btn{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 40px; height: 40px; border-radius: 20px; background: #f0f0f0; cursor: pointer;}
.talk_input .fb .talk_tel_btn img{ height: 16px;}
.talk_input .fb .btn{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 40px; height: 40px; border-radius: 20px; background: #333; cursor: pointer;}
.talk_input .fb .btn img{ height: 16px;}


.talk_chat_list{ position: relative; z-index: 10; padding: 25px 20px 100px 20px;}
.talk_chat_list .time{ padding: 0 0 25px 0; line-height: 1.4; text-align: center; font-size: 12px; color: rgba(0 0 0/50%); letter-spacing:0;}
.talk_chat_list .notice{ padding: 0 0 25px 0; text-align: center;}
.talk_chat_list .notice .t1{ font-size: 14px; color: #F00;}
.talk_chat_list .notice .t2{ margin: 5px 0 0 0; line-height: 1.4; font-size: 12px; color: #333;}
.talk_chat_list .item{ display: flex; justify-content: flex-start; padding-bottom: 25px;}
.talk_chat_list .item .user{ margin: 0 10px 0 0; width: 50px; height: 50px; border-radius: 50%;}
.talk_chat_list .item .row{ padding: 15px 20px; border-radius: 0 20px 20px 20px; max-width: 60%; background: #f0f0f0;}
.talk_chat_list .item .row p{ line-height: 1.2; font-size: 14px; font-weight: 500; color: #000;}
.talk_chat_list .item .row p img{ margin: 0 0 5px 0; max-width: 120px; height: auto; border-radius: 5px;}
.talk_chat_list .item .row p img.emoji{ width: 30px; height: 30px;}
.talk_chat_list .item .row p font{ color: #F00;}
.talk_chat_list .item .row span{ display: block; margin: 10px 0 0 0; font-size: 12px; color: rgba(0 0 0/50%); letter-spacing: 0;}
.talk_chat_list .item.right{ justify-content: flex-end;}
.talk_chat_list .item.right .user{ margin: 0 0 0 10px;}
.talk_chat_list .item.right .row{ border-radius: 20px 0 20px 20px; border: 1px solid #DDD; background: #FFF;}
.talk_chat_list .item.right .row p{ display: flex; flex-direction: column; justify-content: flex-end; text-align: right;word-wrap: break-word;}
.talk_chat_list .item.right .row p img{}
.talk_chat_list .item.right .row span{ text-align: right;}


.shop_vip{ padding: 25vw 20px 0 20px; background: url(/images/shop_vip_bg.jpg) no-repeat top center/100% auto;}
.shop_vip .logo{ margin: 0 auto; width: 80px;}
.shop_vip .tit{ margin: 30px auto 0 auto; height: 40px;}
.shop_vip .txt{ margin: 40px 0 0 0; text-align: center; font-size: 18px; font-weight: 500; color: rgba(255 255 255/100%);}
.shop_vip .info{}
.shop_vip .info ul{ display: flex; flex-wrap: wrap; padding: 0 40px 0 40px;}
.shop_vip .info ul li{ margin: 20px 0 0 0; width: 33.333%;}
.shop_vip .info ul li a{ display: block;}
.shop_vip .info ul li a img{ margin: 0 auto; height: 40px;}
.shop_vip .info ul li a p{ margin: 10px 0 0 0; text-align: center; font-size: 12px; color: rgba(255 255 255/80%);}
.shop_vip .menu{ margin: 30px 0 0 0; position: relative; z-index: 10;}
.shop_vip .menu ul{ display: flex; margin: 0 -2.5px;}
.shop_vip .menu ul li{ width: 25%;}
.shop_vip .menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 2.5px; height: 40px; border-radius: 5px; border: 1px solid rgba(255 255 255/20%);}
.shop_vip .menu ul li a p{ font-size: 14px; color: rgba(255 255 255/100%);}
.shop_vip .menu ul li.on a{ border-color: #edc17f; background: #edc17f;}
.shop_vip .menu ul li.on a:after{ content: ""; display: block; position: absolute; left: 50%; bottom: -10px; width: 10px; height: 10px; background: #edc17f; transform: rotate(45deg) translate(-50%,0);}
.shop_vip .menu ul li.on a p{ font-weight: 500; color: #000;}
.shop_vip .button{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 10px 0 0 0; padding: 0 20px; height: 60px; border-radius: 5px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.shop_vip .button:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.shop_vip .button .fl{ display: flex; align-items: center; position: relative; z-index: 1;}
.shop_vip .button .fl img{ margin: 0 10px 0 0; height: 30px;}
.shop_vip .button .fl p{ font-size: 16px;}
.shop_vip .button .fl span{ font-weight: 700;}
.shop_vip .button .fr{ display: flex; align-items: center; position: relative; z-index: 1;}
.shop_vip .button .fr img{ height: 20px;}
.shop_vip .button .fr p{ padding: 4px 0 0 4px; font-size: 16px;}


.shop_vip_bg{ position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #3f3f3f;}


.shop_point{ padding: 0 20px;}
.shop_point .banner{ margin: 0 -20px;}
.shop_point .banner img{ width: 100%;}
.shop_point .list{ padding: 10px 0 0 0;}
.shop_point .list ul{}
.shop_point .list ul li{ margin: 10px 0 0 0;}
.shop_point .list ul li a{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 12px 20px; border-radius: 5px; border: 1px solid rgba(0 0 0/5%); background: url(/images/point_icon.png) no-repeat left 30% bottom #f5f5f5; background-size: auto 70%;}
.shop_point .list ul li a .point{ display: flex; align-items: center;}
.shop_point .list ul li a .point img{ margin: 0 6px 0 0; height: 20px;}
.shop_point .list ul li a .point p{ padding: 4px 0 0 0; font-size: 16px; font-weight: 400;}
.shop_point .list ul li a .price{ display: flex; flex-direction: column; align-items: flex-end;}
.shop_point .list ul li a .price p{ font-family: 'Noto Sans KR', sans-serif;  font-size: 12px; font-weight: 400; color: rgba(0 0 0/50%); letter-spacing: 0;}
.shop_point .list ul li a .price p:first-child{ text-decoration: line-through !important;}
.shop_point .list ul li a .price p span{ font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 12px; color: #000;}
.shop_point .list ul li a .price p.on{ margin: 5px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 12px; color: rgba(0 0 0/50%); letter-spacing: 0;}
.shop_point .list ul li a .price p.on span{ font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 500; color: #F00;}
.shop_point .list ul li.on a{ border: 1px solid #F00;}
.shop_point .menu{ margin: 20px 0 0 0; position: relative; z-index: 10;}
.shop_point .menu ul{ display: flex; margin: 0 -2.5px;}
.shop_point .menu ul li{ width: 25%;}
.shop_point .menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 2.5px; height: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/15%);}
.shop_point .menu ul li a p{ display: flex; align-items: flex-end; font-size: 14px; font-weight: 500; color: rgba(0 0 0/100%);}
.shop_point .menu ul li a span{ margin: 0 0 0 2px; font-size: 10px; color: rgba(0 0 0/60%);}
.shop_point .menu ul li.on a{ border-color: #F00; background: #F00;}
.shop_point .menu ul li.on a:after{ content: ""; display: block; position: absolute; left: 50%; bottom: -10px; width: 10px; height: 10px; background: #F00; transform: rotate(45deg) translate(-50%,0);}
.shop_point .menu ul li.on a p{ font-weight: 500; color: #FFF;}
.shop_point .menu ul li.on a p span{ color: #FFF;}
.shop_point .button{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 5px 0 0 0; padding: 0 20px; height: 60px; border-radius: 5px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.shop_point .button:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.shop_point .button .fl{ display: flex; align-items: center; position: relative; z-index: 1;}
.shop_point .button .fl img{ margin: 0 10px 0 0; height: 20px;}
.shop_point .button .fl p{ font-size: 16px;}
.shop_point .button .fl span{ font-weight: 700;}
.shop_point .button .fr{ display: flex; align-items: center; position: relative; z-index: 1;}
.shop_point .button .fr img{ height: 20px;}
.shop_point .button .fr p{ display: flex; align-items: center; font-size: 16px; color: rgba(0 0 0/60%);}
.shop_point .button .fr p span{ padding: 5px 2px 0 0; font-weight: 500; color: #F00;}


.shop_point_my{ padding: 20px 20px 0 20px;}
.shop_point_my .my{ display: flex; flex-direction: column; justify-content: space-between; padding: 20px; height: 160px; border-radius: 10px; border: 1px solid rgba(0 0 0/5%); background: url(/images/shop_point_my_bg.jpg) center/cover;}
.shop_point_my .my .ft{ display: flex; justify-content: space-between; align-items: center;}
.shop_point_my .my .ft .t1{ font-size: 12px; color: rgba(0 0 0/80%);}
.shop_point_my .my .ft .t2{ font-size: 12px; color: rgba(0 0 0/80%);}
.shop_point_my .my .ft .t2 span{ font-size: 14px; font-weight: 500; color: #000;}
.shop_point_my .my .img{ display: flex; align-items: center;}
.shop_point_my .my .img img{ margin: 0 6px 0 0; height: 30px;}
.shop_point_my .my .img .zzs-font-g{ padding: 5px 0 0 0; font-size: 26px;}
.shop_point_my .my .fb{ display: flex; justify-content: space-between; align-items: center;}
.shop_point_my .my .fb .row{ text-align: right;}
.shop_point_my .my .fb .row .t1{ font-size: 12px; color: rgba(0 0 0/50%);}
.shop_point_my .my .fb .row .t2{ padding: 2px 0 0 0; font-size: 14px; color: #000;}
.shop_point_my .my .fb .row:first-child{ text-align: left;}
.shop_point_my .list{ margin: 40px 0 0 0;}
.shop_point_my .list .title{ font-size: 18px; font-weight: 500; color: #000;}
.shop_point_my .list ul{ margin: 15px -20px 0 -20px; border-top: 1px solid rgba(0 0 0/10%);}
.shop_point_my .list ul li{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 0 20px; padding: 15px 20px 15px 0; border-bottom: 1px solid rgba(0 0 0/10%);}
.shop_point_my .list ul li .fl{}
.shop_point_my .list ul li .fl p{ font-size: 14px; color: #000;}
.shop_point_my .list ul li .fl span{ padding: 4px 0 0 0; font-size: 10px; color: #999; letter-spacing: 0;}
.shop_point_my .list ul li .fr{ padding: 4px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0;}


.mypage_my{ padding: 0 20px;}
.mypage_my .ft{ position: relative; padding: 40px 0 0 0;}
.mypage_my .ft .ok{ display: flex; position: absolute; top: 20px; right: 0;}
.mypage_my .ft .ok img{ margin: 0 0 0 15px; height: 16px; opacity: 0.3;}
.mypage_my .ft .user{}
.mypage_my .ft .user .img{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background: #FFF;}
.mypage_my .ft .user .img img{ height: 50px;}
.mypage_my .ft .user .img .vip{ position: absolute; right: 0; bottom: 0; height: 30px;}
.mypage_my .ft .user .name{ padding: 12px 0 0 0; text-align: center; font-size: 20px; font-weight: 500; color: #000;}
.mypage_my .ft .user .txt{ padding: 8px 0 0 0; text-align: center; font-size: 14px; color: #F00;}
.mypage_my .fb{ padding: 30px 0 40px 0;}
.mypage_my .fb ul{ display: flex; justify-content: center;}
.mypage_my .fb ul li{ margin: 0 10px;}
.mypage_my .fb ul li a{ display: block; text-align: center;}
.mypage_my .fb ul li a p{ font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0;}
.mypage_my .fb ul li a span{ display: block; padding: 2px 0 0 0; font-size: 12px; color: #999;}


.mypage_menu{ padding: 30px 20px 0 20px;}
.mypage_menu .title{ font-size: 14px; font-weight: 500; color: #999;}
.mypage_menu ul{ padding: 0 0 0 10px;}
.mypage_menu ul li{ margin: 25px 0 0 0;}
.mypage_menu ul li a{ display: flex; justify-content: space-between; align-items: center;}
.mypage_menu ul li a .fl{ display: flex; align-items: center;}
.mypage_menu ul li a .fl img{ height: 20px;}
.mypage_menu ul li a .fl p{ position: relative; margin: 0 0 0 20px; font-size: 14px;}
.mypage_menu ul li a .fl p font{ display: block; position: absolute; top: -10px; right: -15px; width: 10px; height: 10px; border-radius: 50%; background: #F00;}
.mypage_menu ul li a i{ display: block; font-size: 15px; color: #DDD;}


.mypage_setting{ padding: 0 50px;}
.mypage_setting .head{ padding: 40px 0 20px 0; font-size: 14px; font-weight: 700; color: #000;}
.mypage_setting .body{}
.mypage_setting .list{}
.mypage_setting .list ul{}
.mypage_setting .list ul li{ margin: 20px 0 0 0; border-bottom: 1px solid rgba(0 0 0/10%);}
.mypage_setting .list ul li:first-child{ margin: 0;}
.mypage_setting .list ul li .row{ display: flex; justify-content: space-between; align-items: center; height: 40px;}
.mypage_setting .list ul li .row .tit{ font-size: 14px; color: rgba(0 0 0/60%);}
.mypage_setting .list ul li .row .txt{ font-size: 14px; color: rgba(0 0 0/100%);}
.mypage_setting .write{}
.mypage_setting .write ul{}
.mypage_setting .write ul li{ margin: 20px 0 0 0; border-bottom: 1px solid rgba(0 0 0/10%);}
.mypage_setting .write ul li:first-child{ margin: 0;}
.mypage_setting .write ul li .row{ position: relative;}
.mypage_setting .write ul li .row img{ position: absolute; z-index: 1; top: 10px; right: 10px; height: 20px; opacity: 0.3;}
.mypage_setting .write ul li .row input{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 0; width: 100%; height: 40px; border-radius: 0; border: 0; background: none; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.mypage_setting .write ul li .row.on img{ opacity: 1;}
.mypage_setting .button{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; height: 50px; border-radius: 30px; background: #F00; font-size: 16px; font-weight: 500; color: #FFF;}


.notice_list{ margin: 25px 0 0 0;}
.notice_list >  ul{ border-top: 1px solid rgba(0 0 0/10%);}
.notice_list >  ul > li{ border-bottom: 1px solid rgba(0 0 0/10%);}
.notice_list >  ul li .row{ cursor: pointer; padding: 20px 20px;}
.notice_list >  ul li .row .head{ display: flex;}
.notice_list >  ul li .row .head .fl{ width: 100%;}
.notice_list >  ul li .row .head .fl .tit{ font-size: 16px; font-weight: 500; color: #000;}
.notice_list >  ul li .row .head .fl .tit span{ color: #F00;}
.notice_list >  ul li .row .head .fl .date{ padding: 10px 0 0 0; font-size: 12px; color: #999; letter-spacing: 0;}
.notice_list >  ul li .row .head i{ display: flex; flex: 0 0 15px; margin: 0 0 0 35px; align-items: center; font-size: 15px; color: #999; transition: all .5s;}
.notice_list >  ul li .body{ display: none; padding: 20px;}
.notice_list >  ul li .body .txt{ line-height: 1.4; font-size: 14px; color: #000;}
.notice_list >  ul li .body .txt img{ display: block; margin: 10px 0; max-width: 80%; height: auto;}
.notice_list >  ul li.on .row .head i{ transform: rotate(180deg);}


.qna_head{ margin: 0 0 -15px 0; padding: 25px 20px 0 20px; text-align: center;}
.qna_head .t1{ font-size: 20px; font-weight: 500; color: #000;}
.qna_head .t2{ padding: 10px 0 0 0; font-size: 12px; color: #666;}
.qna_head .btn{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 50px; border-radius: 5px; background: url(/images/nearby_jump_bg.png) center/cover; font-size: 16px; font-weight: 500; color: #FFF;}


.qna_list{ margin: 25px 0 0 0;}
.qna_list ul{ border-top: 1px solid rgba(0 0 0/10%);}
.qna_list ul li{ border-bottom: 1px solid rgba(0 0 0/10%);}
.qna_list ul li a{ display: block;}
.qna_list ul li a .top{ display: flex; align-items: center; padding: 20px;}
.qna_list ul li a .top .fl{ width: 100%;}
.qna_list ul li a .top .fl .tit{ font-size: 16px; color: #000;}
.qna_list ul li a .top .fl .txt{ padding: 10px 0 0 0; font-size: 12px; color: #999; letter-spacing: 0;}
.qna_list ul li a .top .point{ display: flex; flex: 0 0 70px; justify-content: center; align-items: center; position: relative; margin: 0 0 0 30px; height: 34px; border-radius: 30px; border: 1px solid #CCC; font-size: 12px; color: #000;}
.qna_list ul li a .top .point font{ display: block; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #F00;}
.qna_list ul li a .row{ display: none; transition: none;}
.qna_list ul li a .middle{ display: flex; padding: 20px; border-top: 1px solid #DDD;}
.qna_list ul li a .middle .txt{ line-height: 1.4; font-size: 14px; color: #333;}
.qna_list ul li a .middle .txt img{ margin: 10px 0; max-width: 100%;}
.qna_list ul li a .middle .point{ display: flex; flex: 0 0 70px; justify-content: center; align-items: center; margin: 0 0 0 30px; height: 34px; border-radius: 30px; background: #f0f0f0; font-size: 12px; color: #333;}
.qna_list ul li a .bottom{ display: flex; padding: 20px; border-top: 1px solid #DDD;}
.qna_list ul li a .bottom .txt{ line-height: 1.4; font-size: 14px; color:#000;}
.qna_list ul li a .bottom .txt img{ margin: 10px 0; max-width:100%;}
.qna_list ul li a .bottom .point{ display: flex; flex: 0 0 70px; justify-content: center; align-items: center; position: relative; margin: 0 0 0 30px; height: 34px; border-radius: 30px; background: #F00; font-size: 12px; color: #FFF;}
.qna_list ul li.on a .top .point{ border-color: #333; background: #333; color: #FFF;}


.mypage_version{}
.mypage_version ul{}
.mypage_version ul li{ display: flex; align-items: center; padding: 20px; border-bottom: 1px solid rgba(0 0 0/5%);}
.mypage_version ul li .tit{ flex: 0 0 80px; font-size: 12px; color: #666;}
.mypage_version ul li .txt{ font-size: 12px; letter-spacing: 0;}


.mypage_friedn{}
.mypage_friedn .banner{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 100vw; background: url(/images/mypage_friedn_bg.jpg) center/cover; text-align: center;}
.mypage_friedn .banner .news{ margin: 0; width: 180px; height: 34px; border-radius: 20px; border: 1px solid rgba(255 255 255/20%);}
.mypage_friedn .banner .news .slide{}
.mypage_friedn .banner .news .slide a{ display: flex; justify-content: center; align-items: center; height: 32px;}
.mypage_friedn .banner .news .slide a p{ font-size: 14px; color: #FFF;}
.mypage_friedn .banner .news .slide a p span{ font-weight: 500; color: #f3cf95;}
.mypage_friedn .banner .img{ margin: 20px 0 0 0; height: 40px;}
.mypage_friedn .banner .t1{ margin: 10px 0 0 0; font-size: 14px; color: #FFF;}
.mypage_friedn .banner .t2{ margin: 10px 0 0 0; padding: 5px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 40px; font-weight: 500; color: transparent; background: linear-gradient(90deg, #e0a04a, #ffedc6, #e0a04a); background-clip: text; -webkit-background-clip: text; letter-spacing: -1px;}
.mypage_friedn .banner .t3{ display: flex; align-items: center; margin: 5px 0 0 0; line-height: 1.2; font-size: 14px; color: #FFF;}
.mypage_friedn .banner .t3 span{ display: block; margin: 0 0 0 4px; border-bottom: 1px solid #f3cf95; line-height: 1.2; color: #f3cf95;}
.mypage_friedn .banner .btn{ display: flex; justify-content: center; align-items: center; position: relative; margin: 30px 0 0 0; width: 280px; height: 50px; border-radius: 30px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.mypage_friedn .banner .btn:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 20px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.mypage_friedn .banner .btn p{ position: relative; z-index: 1; font-size: 16px; font-weight: 700; color: #000;}
.mypage_friedn .list{}
.mypage_friedn .list .head{ display: flex; align-items: center;}
.mypage_friedn .list .head a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 70px; font-size: 16px; color: #666;}
.mypage_friedn .list .head a.on{ font-size: 20px; font-weight: 700; color: #000;}
.mypage_friedn .list .body{}
.mypage_friedn .list .body .my{ display: none;}
.mypage_friedn .list .body .my.on{ display: block;}
.mypage_friedn .list .body .my .info{ display: flex; justify-content: center; align-items: center; height: 40px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.mypage_friedn .list .body .my .info p{ margin: 0 25px; font-size: 12px; color: rgba(0 0 0 / 80%);}
.mypage_friedn .list .body .my .info p span{ font-weight: 700; color: #000; letter-spacing: 0;}
.mypage_friedn .list .body .my ul{}
.mypage_friedn .list .body .my ul li{ display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
.mypage_friedn .list .body .my ul li .user{ display: flex; align-items: center;}
.mypage_friedn .list .body .my ul li .user .img{ margin: 0 10px 0 0; width: 40px; height: 40px; border-radius: 50%; background: url(/images/icon_name_bai.png) no-repeat center #DDD; background-size: 20px auto;}
.mypage_friedn .list .body .my ul li .user p{ font-size: 14px;}
.mypage_friedn .list .body .my ul li .point{ padding: 4px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 400; color: #F00; letter-spacing: 0;}
.mypage_friedn .list .body .rank{ display: none;}
.mypage_friedn .list .body .rank.on{ display: block;}
.mypage_friedn .list .body .rank ul{ border-top: 1px solid #e5e5e5;}
.mypage_friedn .list .body .rank ul li{ border-bottom: 1px solid #f0f0f0;}
.mypage_friedn .list .body .rank ul li .row{ display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; width: 100%;}
.mypage_friedn .list .body .rank ul li .row .user{ display: flex; align-items: center; margin: 0 15px 0 0;}
.mypage_friedn .list .body .rank ul li .row .user .img{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 40px; height: 40px; font-size: 20px; color: #999;}
.mypage_friedn .list .body .rank ul li .row .user .img img{ height: 30px;}
.mypage_friedn .list .body .rank ul li .row .user .name{ font-size: 14px;}
.mypage_friedn .list .body .rank ul li .row .point{ padding: 4px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 400; color: #f3cf95; letter-spacing: 0;}


.mypage_phone{}
.mypage_phone .head{ display: flex; flex-direction: column; align-items: center; padding: 40px 0 0 0; background: url(/images/mission_tel_bg.png) no-repeat bottom center/cover;}
.mypage_phone .head .t1{ font-size: 16px; color: #FFF;}
.mypage_phone .head .t2{ margin: 10px 0 0 0; padding: 5px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 40px; font-weight: 500; color: transparent; background: linear-gradient(90deg, #e0a04a, #ffedc6, #e0a04a); background-clip: text; -webkit-background-clip: text; letter-spacing: -1px;}
.mypage_phone .head .t3{ margin: 10px 0 0 0; line-height: 1.4; text-align: center; font-size: 12px; color: rgba(255 255 255/80%);}
.mypage_phone .head .icon{ margin: 40px auto -40px auto; width: 140px;}
.mypage_phone .body{ padding: 60px 50px 0 50px;}
.mypage_phone .body .t1{ text-align: center; font-size: 22px; font-weight: 700; color: #000;}
.mypage_phone .body .t2{ margin: 10px 0 30px 0; text-align: center; font-size: 16px; color: #666;}
.mypage_phone .body .in{ position: relative; margin: 15px 0 0 0;}
.mypage_phone .body .in .icon{ position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); left: 20px; height: 16px;}
.mypage_phone .body .in .code{ position: absolute; z-index: 1; top: 15px; right: 20px; height: 20px;}
.mypage_phone .body .in .btn{ display: flex; align-items: center; position: absolute; z-index: 1; top: 0; right: 0; height: 50px; border-radius: 30px; padding: 0 15px; background: #eab973; font-size: 14px; color: rgba(0 0 0/80%);}
.mypage_phone .body .in input{ display: flex; align-items: center; padding: 0 20px 0 56px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.mypage_phone .body .in_check{ margin: 15px auto 0 auto; width: 160px;}
.mypage_phone .body .in_check input{ display: flex; align-items: center; padding: 0; width: 100%; height: 50px; border-radius: 0; border: 0; border-bottom: 1px solid #eab973; background: #FFF; text-align: center; font-size: 14px; color: #eab973; outline: none; -webkit-appearance: none;}
.mypage_phone .body .in_check input::placeholder{ color: #eab973;}
.mypage_phone .body .in_img{ display: flex; margin: 15px -5px 0 -5px;}
.mypage_phone .body .in_img .btn{ display: flex; flex-direction: column; align-items: center; margin: 0 5px; padding: 15px 0; width: 50%; border-radius: 25px; border: 1px solid rgba(0 0 0/15%);}
.mypage_phone .body .in_img .btn i{ font-size: 20px; color: #666;}
.mypage_phone .body .in_img .btn p{ margin: 10px 0 0 0; font-size: 14px; color: #666;}


.mission_btn{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 20; right: 0; bottom: 0; left: 0; height: 50px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.mission_btn:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 20px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.mission_btn p{ position: relative; z-index: 1; font-size: 16px; font-weight: 700; color: #000;}






.board_write{}
.board_write > ul{ display: flex; flex-wrap: wrap; margin: -20px -5px 0 -5px;}
.board_write > ul > li{ position: relative; margin: 20px 0 0 0; width: 100%;}
.board_write > ul > li > .row{ margin: 0 5px;}
.board_write > ul > li > .row .tit{ margin: 0 0 10px 0; line-height: 1.4; font-size: 12px; color: rgba(0 0 0/80%); letter-spacing: 0;}

.board_write .input{ display: flex; align-items: center; padding: 0 15px; width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.board_write select{ display: flex; align-items: center; padding: 0 40px 0 15px; width: 100%;  height: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: url(/images/select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.board_write textarea{ display: block; padding: 10px 15px; width: 100%; max-width: 100%; height: 150px; max-height: 150px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; line-height: 1.4; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.board_write .txt{ margin: 10px 0 0 0; line-height: 1.4; font-size: 12px; color: rgba(0 0 0/70%);}

.board_write .profile_img{}
.board_write .profile_img ul{ display: flex; flex-wrap: wrap; margin: -10px -5px 0 -5px;}
.board_write .profile_img ul li{ margin: 10px 0 0 0; width: 50%;}
.board_write .profile_img .img{ display: flex; justify-content: center; align-items: center; margin: 0 5px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: url(/images/icon_boy2.png) no-repeat center/cover;}
.board_write .profile_img .img img{ width: 100%;}

.board_write .keyword{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0;}
.board_write .keyword li{ display: flex; align-items: center; margin: 10px 5px 0 0; padding: 0 10px; height: 30px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #000;}
.board_write .keyword li.on{ border-color: #F00; background: #F00; color: #FFF;}

.board_write .file{ display: flex;}
.board_write .file .input{}
.board_write .file .btn{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; border-radius: 5px; background: #333; font-size: 14px; color: #ffe200;}

.board_write .pw{ position: relative;}
.board_write .pw i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; width: 40px; height: 40px; font-size: 25px; color: rgba(0 0 0 / 50%);}
.board_write .pw i.on{ color: #8a36f6;}

.board_write .sex{}
.board_write .sex ul{ display: flex; justify-content: center; margin:10px 0 0 0;}
.board_write .sex ul li{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; padding: 0 10px;}
.board_write .sex ul li i{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50px; left: 50%; margin: 0 0 0 10px; width: 30px; height: 30px; border-radius: 50%; background: #8a36f6; box-shadow: 0 1px 5px 0 rgb(138 54 246 / 60%); font-size: 16px; color: #FFF;}
.board_write .sex ul li a{ display:block; overflow: hidden; padding: 20px 0 0 0; width:80px; height:80px; border-radius:50%; background: #f0f0f0;}
.board_write .sex ul li a img{ display: block; margin: 0 auto; height: 100%;}
.board_write .sex ul li.on i{ display: flex;}


.board_btn_nearby{ display:flex; justify-content: center; align-items: center; border-radius:25px; height: 40px; background: url(/images/btn_bg_01.png); background-size: 100% 100%; box-shadow:0 5px 10px 0 rgba(255,190,48,0.6); text-align:center; font-size:15px; color:#000; letter-spacing:0; cursor:pointer;}
.board_btn_01{ display:flex; justify-content: center; align-items: center; border-radius:25px; height: 40px; background: #ffbb00; box-shadow:0 5px 10px 0 rgba(255,190,48,0.6); text-align:center; font-size:15px; color:#000; letter-spacing:0; cursor:pointer;}
.board_btn_01_color{ display:flex; justify-content: center; align-items: center; border-radius:25px; height: 40px; background: #8a36f6; box-shadow:0 5px 10px 0 rgba( 138 54 246 / 60%); text-align:center; font-size:15px; color:#FFF; letter-spacing:0; cursor:pointer;}

.board_btn_02{}
.board_btn_02 ul{ overflow:hidden; border-radius:25px;}
.board_btn_02 ul li{ float:left; width:50%; background:#333;}
.board_btn_02 ul li a{ display:block; text-align:center; line-height:50px; font-size:17px; font-weight:700; color:#FFF; cursor:pointer;}
.board_btn_02 ul li:last-child a{ border-radius:25px 0 0 0; background:#e5004f;}









.zzs_search{ position: relative; margin: 25px 20px 0 20px;}
.zzs_search input{ display: flex; align-items: center; padding: 0 40px 0 15px; width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.zzs_search i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; top: 0; right: 0; width: 40px; height: 40px; font-size: 20px; color: #000;}


.zzs_btn_more{ display: flex; justify-content: center; align-items: center; margin: 25px 20px 0 20px; height: 40px; border-radius: 20px; background: #f0f0f0; font-size: 14px; color: #000; letter-spacing: 0; cursor: pointer;}


.member_login{ padding: 0 50px;}
.member_login .head{ padding: 40px 0 0 0;}
.member_login .head .logo{ margin: 0 auto; height: 40px;}
.member_login .head p{ margin: 20px 0 0 0; text-align: center; line-height: 1.4; font-size: 16px; color: #000;}
.member_login .head p span{ color: #F00;}
.member_login .body{ padding: 40px 0 0 0;}
.member_login .body > *:first-child{ margin: 0 !important;}
.member_login .body .tit{ margin: 25px 0 0 0; font-size: 14px; font-weight: 700; color: #000;}
.member_login .body .in{ position: relative; margin: 15px 0 0 0;}
.member_login .body .in .icon{ position: absolute; top: 50%; transform: translate(0,-50%); left: 20px; height: 16px;}
.member_login .body .in .icon_pw{ position: absolute; top: 50%; transform: translate(0,-50%); right: 20px; height: 20px; opacity: 0.3;}
.member_login .body .in input{ display: flex; align-items: center; padding: 0 20px 0 56px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.member_login .body .in select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 56px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0 / 15%); background:url(/images/select_icon.png) no-repeat center right 20px #FFF; background-size: 14px auto; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.member_login .body .in.on .icon_pw{ opacity: 1;}
.member_login .body .in_qna{ margin: 15px 0 0 0;}
.member_login .body .in_qna input{ display: flex; align-items: center; padding: 0 20px; width: 100%; height: 50px; border-radius: 5px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.member_login .body .in_qna textarea{ display: block; padding: 15px 20px; width: 100%; height: 150px; border-radius: 5px; border: 1px solid rgba(0 0 0/15%); background: #FFF; line-height: 1.4; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.member_login .body .file{ display: flex; margin: 20px -5px 0 -5px;}
.member_login .body .file a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 33.333%; height: 40px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #666;}
.member_login .body .file a.on{ border-color: #F00; background: #F00; color: #FFF;}
.member_login .body .sex{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0;}
.member_login .body .sex .btn{ margin: 0 15px;}
.member_login .body .sex .btn .img{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #CCC;}
.member_login .body .sex .btn .img img{ display: block; width: auto; height: 50px;}
.member_login .body .sex .btn p{ padding: 5px 0 0 0; text-align: center; font-size: 14px; color: #666;}
.member_login .body .sex .btn.on .img{ border: 2px solid #F00;}
.member_login .body .save{ display: flex; justify-content: flex-end; align-items: center; margin: 15px 0 0 0;}
.member_login .body .save p{ font-size: 14px; color: #666;}
.member_login .body .save .check{ display: flex; align-items: center; margin: 0 0 0 5px; padding: 4px; width: 30px; height: 20px; border-radius: 20px; background: #333; transition: all .3s;}
.member_login .body .save .check span{ width: 12px; height: 12px; border-radius: 50%; background: #FFF; transition: all .3s;}
.member_login .body .save .check.on{ background: #F00;}
.member_login .body .save .check.on span{ margin: 0 0 0 10px;}
.member_login .body .terms{ display: flex; flex-direction: column; align-items: flex-start; margin: 25px 0 0 0;}
.member_login .body .terms .btn{ display: flex; align-items: center; margin: 15px 0 0 0;}
.member_login .body .terms .btn:first-child{ margin: 0;}
.member_login .body .terms .btn i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #CCC; font-size: 12px; transition: all .3s;}
.member_login .body .terms .btn p{ margin: 0 0 0 5px; font-size: 14px; color: #666;}
.member_login .body .terms .btn.on i{ border-color: #F00; background: #F00; color: #FFF;}
.member_login .body .button{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; height: 50px; border-radius: 30px; background: #F00;}
.member_login .body .button p{ font-size: 16px; font-weight: 700; color: #FFF;}
.member_login .body .join_ok{}
.member_login .body .join_ok img{ margin: 0 auto; height: 140px;}
.member_login .body .join_ok p{ margin: 20px 0 0 0; text-align: center; line-height: 1.4; font-size: 26px; color: #000;}
.member_login .body .join_ok p span{ font-weight: 500; color: #F00;}
.member_login .foot{ margin: 40px 0 0 0;}
.member_login .foot .txt{ text-align: center; font-size: 14px; color: #666;}
.member_login .foot .btn{ display: flex; margin: 20px -10px 0 -10px;}
.member_login .foot .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 10px; width: 50%; height: 44px; border-radius: 30px; border: 1px solid #DDD;}
.member_login .foot .btn a p{ font-size: 14px; font-weight: 500; color: #666;}
.member_login .foot .btn a:last-child{ border-color: #F00;}
.member_login .foot .btn a:last-child p{ color: #F00;}
.member_login .bg{ position: absolute; top: 0; right: -100px; bottom: 0; left: 0; background: url(/images/mi_bg_01.jpg) center; background-size: cover; animation:mihb 120s infinite;}


.zzs_popup{ display: flex; flex-direction: column; position: fixed; z-index: 100; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 30px; background: rgba(0 0 0/80%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity 0.5s;}
.zzs_popup .body{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; transform: translate(0,100px); opacity: 0; transition: all .7s;}
.zzs_popup .body .title-t{ display: flex; justify-content: center; align-items: center; margin: 0 0 30px 0; padding: 2px 15px 0 15px; height: 30px; border-radius: 20px; border: 1px solid rgba(255 255 255/20%); background: rgba(255 255 255/10%); font-size: 10px; font-weight: 400; color: rgba(255 255 255/80%); letter-spacing: 0;}
.zzs_popup .body .title-b{ text-align: center;}
.zzs_popup .body .title-b .t1{ padding: 30px 0 0 0; font-size: 30px; font-weight: 500; color: transparent; background: linear-gradient(90deg, #e0a04a, #ffedc6, #e0a04a); background-clip: text; -webkit-background-clip: text; letter-spacing: -1px;}
.zzs_popup .body .title-b .t1.gray{ color: transparent; background: linear-gradient(90deg, #999, #FFF, #999); background-clip: text; -webkit-background-clip: text;}
.zzs_popup .body .title-b .t2{ padding: 10px 0 0 0; text-align: center; line-height: 1.4; font-size: 16px; color: #FFF;}
.zzs_popup .body .title-b .t2 span{ border-bottom: 1px solid #f1cb90; color: #f1cb90; font-weight: 500; }
.zzs_popup .body .title-b .t3{ padding: 10px 0 0 0;}
.zzs_popup .body .title-b .t3 p{ display: flex; align-items: center; line-height: 2; font-size: 16px; color: #FFF;}
.zzs_popup .body .title-b .t3 p img{ margin: 0 10px 0 0; height: 16px;}
.zzs_popup .body .title-b .t3 p span{ color: #f1cb90; font-weight: 500; }
.zzs_popup .foot{ display: flex; padding: 30px 0; border-top: 1px solid rgba(255 255 255/15%); transform: translate(0,200px); opacity: 0; transition: all 1s;}
.zzs_popup .foot .btn_close{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 50%; height: 50px; border-radius: 5px; border: 1px solid rgba(255 255 255/30%);}
.zzs_popup .foot .btn_close p{ position: relative; z-index: 1; font-size: 16px; font-weight: 500; color: #FFF;}
.zzs_popup .foot .btn_ok{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 0 5px; width: 50%; height: 50px; border-radius: 5px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.zzs_popup .foot .btn_ok:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.zzs_popup .foot .btn_ok.gray{ background: linear-gradient(90deg, #DDD, #999);}
.zzs_popup .foot .btn_ok p{ position: relative; z-index: 1; font-size: 16px; font-weight: 700; color: #000;}
.zzs_popup.on{ top: 0; bottom: 0; opacity: 1;}
.zzs_popup.on .body{ transform: translate(0,0); opacity: 1;}
.zzs_popup.on .foot{ transform: translate(0,0); opacity: 1;}


.popup_mission{ display: flex; flex-direction: column; position: fixed; z-index: 100; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 30px; background: rgba(0 0 0/80%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity 0.5s;}
.popup_mission .body{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; transform: translate(0,100px); opacity: 0; transition: all .7s;}
.popup_mission .body .title{ margin: 20px 0 0 0; padding: 0 0 15px 0; text-align: center;}
.popup_mission .body .title:first-child{ margin: 0;}
.popup_mission .body .title .t1{ padding: 4px 0 0 0; font-size: 30px; font-weight: 500; color: transparent; background: linear-gradient(90deg, #e0a04a, #ffedc6, #e0a04a); background-clip: text; -webkit-background-clip: text; letter-spacing: -1px;}
.popup_mission .body .title .t2{ padding: 4px 0 0 0; text-align: center; line-height: 1.4; font-size: 14px; color: #FFF;}
.popup_mission .body .title .t2 span{ border-bottom: 1px solid #f1cb90; color: #f1cb90; font-weight: 500;}
.popup_mission .body .check{ position: relative; max-width: 280px; width: 100%;}
.popup_mission .body .check .row{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; padding: 50px 0 0 0;}
.popup_mission .body .check .row ul{ display: flex;}
.popup_mission .body .check .row ul li{ width: 20%;}
.popup_mission .body .check .row ul li a{ display: block; margin: 0 2px;}
.popup_mission .body .check .row ul li a .box{ padding: 8px 0; width: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/5%); background: #f5f5f5;}
.popup_mission .body .check .row ul li a .box p{ text-align: center; font-size: 10px; color: #999; letter-spacing: 0;}
.popup_mission .body .check .row ul li a .box .img{ margin: 5px auto 0 auto; width: 20px; height: 20px;}
.popup_mission .body .check .row ul li a .box .img img{ display: none; width: 20px; height: 20px;}
.popup_mission .body .check .row ul li a .box .img img:first-child{ display: block;}
.popup_mission .body .check .row ul li a span{ display: block; padding: 4px 0 0 0; text-align: center; font-size: 10px; color: #999; letter-spacing: 0;}
.popup_mission .body .check .row ul li.on a .box{ background: #ffe5bf;}
.popup_mission .body .check .row ul li.on a .box p{ font-weight: 500; color: #000;}
.popup_mission .body .check .row ul li.on a .box .img img:first-child{ display: none;}
.popup_mission .body .check .row ul li.on a .box .img img:last-child{ display: block;}
.popup_mission .body .check .row .button{ display: flex; justify-content: center; align-items: center; position: relative; margin: 15px 0 0 0; width: 220px; height: 40px; border-radius: 30px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.popup_mission .body .check .row .button:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_mission .body .check .row .button p{ position: relative; z-index: 1; font-size: 14px; font-weight: 700; color: #000;}
.popup_mission .body .check img{ width: 100%;}
.popup_mission .body .mis{ margin: 0; width: 260px;}
.popup_mission .body .mis .slick-list{ overflow: visible;}
.popup_mission .body .mis .slide{}
.popup_mission .body .mis .slide a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 10px 0 0; width: 100px; height: 100px; border-radius: 50%; border: 1px solid rgba(255 255 255/15%);}
.popup_mission .body .mis .slide a img{ position: relative; z-index: 1; margin: 0 auto; height: 20px;}
.popup_mission .body .mis .slide a p{ position: relative; z-index: 1; padding: 10px 0 6px 0; text-align: center; font-size: 14px; color: #FFF;}
.popup_mission .body .mis .slide a span{ display: block; position: relative; z-index: 1; text-align: center; font-size: 10px; color: rgba(255 255 255/60%); letter-spacing: 0;}
.popup_mission .body .mis .slide.on a{ background: url(/images/mission_on_bg.png) top center/cover;}
.popup_mission .body .mis .slide.on a:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 5px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%; opacity: 0;}
.popup_mission .body .mis .slide.on a img{ height: 24px;}
.popup_mission .body .mis .slide.on a p{ font-size: 14px; font-weight: 500; color: #000;}
.popup_mission .foot{ display: flex; padding: 30px 0; border-top: 1px solid rgba(255 255 255/15%); transform: translate(0,200px); opacity: 0; transition: all 1s;}
.popup_mission .foot .btn_close{ display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border-radius: 5px; border: 1px solid rgba(255 255 255/30%);}
.popup_mission .foot .btn_close p{ position: relative; z-index: 1; font-size: 16px; font-weight: 500; color: #FFF;}
.popup_mission.on{ top: 0; bottom: 0; opacity: 1;}
.popup_mission.on .body{ transform: translate(0,0); opacity: 1;}
.popup_mission.on .foot{ transform: translate(0,0); opacity: 1;}


.popup_card_add .card_img{ position: relative;}
.popup_card_add .card_img img{ position: absolute; top: 0; left: 50%; margin: 0 0 0 -80px; width: 160px; box-shadow: 0 10px 30px 0 rgba(0 0 0/30%); transition: all .3s;}
.popup_card_add .card_img img:nth-child(1){ position: relative; z-index: 10; left: initial; margin: 0;}
.popup_card_add .card_img img:nth-child(2){ z-index: 9;}
.popup_card_add .card_img img:nth-child(3){ z-index: 8;}
.popup_card_add .card_img img:nth-child(4){ z-index: 7;}
.popup_card_add .card_img img:nth-child(5){ z-index: 6;}
.popup_card_add .card_img img:nth-child(6){ z-index: 5;}
.popup_card_add .card_img img:nth-child(7){ z-index: 4;}
.popup_card_add .card_img img:nth-child(8){ z-index: 3;}
.popup_card_add .card_img img:nth-child(9){ z-index: 2;}
.popup_card_add .card_img img:nth-child(10){ z-index: 1;}
.popup_card_add .card_img.add5 img:nth-child(2){ transform: translate(-30px,0) scale(0.9) rotate(-5deg);}
.popup_card_add .card_img.add5 img:nth-child(3){ transform: translate(-60px,0) scale(0.8) rotate(-10deg);}
.popup_card_add .card_img.add5 img:nth-child(4){ transform: translate(30px,0) scale(0.9) rotate(5deg);}
.popup_card_add .card_img.add5 img:nth-child(5){ transform: translate(60px,0) scale(0.8) rotate(10deg);}
.popup_card_add .card_img.add10 img:nth-child(1){ transform: translate(-20px,0) scale(1) rotate(-25deg);}
.popup_card_add .card_img.add10 img:nth-child(2){ transform: translate(-10px,0) scale(0.95) rotate(-20deg);}
.popup_card_add .card_img.add10 img:nth-child(3){ transform: translate(0,0) scale(0.9) rotate(-15deg);}
.popup_card_add .card_img.add10 img:nth-child(4){ transform: translate(10px,0) scale(0.85) rotate(-10deg);}
.popup_card_add .card_img.add10 img:nth-child(5){ transform: translate(20px,0) scale(0.8) rotate(-5deg);}
.popup_card_add .card_img.add10 img:nth-child(6){ transform: translate(30px,0) scale(0.75) rotate(0deg);}
.popup_card_add .card_img.add10 img:nth-child(7){ transform: translate(40px,0) scale(0.7) rotate(5deg);}
.popup_card_add .card_img.add10 img:nth-child(8){ transform: translate(50px,0) scale(0.65) rotate(10deg);}
.popup_card_add .card_img.add10 img:nth-child(9){ transform: translate(60px,0) scale(0.6) rotate(15deg);}
.popup_card_add .card_img.add10 img:nth-child(10){ transform: translate(70px,0) scale(0.55) rotate(20deg);}
.popup_card_add .card_img_btn{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.popup_card_add .card_img_btn a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 5px; width: 80px; height: 40px; border-radius: 20px; border: 1px solid rgba(255 255 255/30%);}
.popup_card_add .card_img_btn a p{ position: relative; z-index: 1; padding: 4px 0 0 0; font-size: 16px; font-weight: 500; color: #FFF; font-family: "GmarketSans", sans-serif;}
.popup_card_add .card_img_btn a.on{ background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.popup_card_add .card_img_btn a.on:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_card_add .card_img_btn a.on p{ color: #000;}


.popup_card_today .card{ position: relative;}
.popup_card_today .card .guan{ position: absolute; z-index: 1; top: 50%; left: 50%; margin: -120px 0 0 -60px; width: 120px;}
.popup_card_today .card .img{ position: absolute; z-index: 2; top: 50%; left: 50%; margin: -60px 0 0 -60px; width: 120px; border-radius: 50%;}
.popup_card_today .card .img img{ width: 100%;}
.popup_card_today .card .card{ width: 200px;}


.popup_card_today_my_ok .card img{ width: 220px;}


.popup_card_today_ok .card{ position: relative; padding: 50px 0 0 0;}
.popup_card_today_ok .card .top{ position: absolute; z-index: 5; bottom: 0; left: 50%; margin: 0 0 0 -110px; width: 220px;}
.popup_card_today_ok .card .guan{ position: absolute; z-index: 1; top: 50%; left: 50%; margin: -110px 0 0 -60px; width: 120px;}
.popup_card_today_ok .card .img{ position: absolute; z-index: 2; top: 50%; left: 50%; margin: -50px 0 0 -60px; width: 120px; border-radius: 50%;}
.popup_card_today_ok .card .img img{ width: 100%;}
.popup_card_today_ok .card .bottom{ margin: 0 auto; width: 220px;}


.popup_card_today_pass .card{ position: relative;}
.popup_card_today_pass .card .guan{ position: absolute; z-index: 1; top: 50%; left: 50%; margin: -120px 0 0 -60px; width: 120px; filter: grayscale(100%);}
.popup_card_today_pass .card .img{ position: absolute; z-index: 2; top: 50%; left: 50%; margin: -60px 0 0 -60px; width: 120px; border-radius: 50%; filter: grayscale(80%);}
.popup_card_today_pass .card .img img{ width: 100%;}
.popup_card_today_pass .card .card{ width: 200px; filter: grayscale(100%);}


.popup_nearby_up .nearby_up img{ height: 200px;}


.popup_meeting_ticket{}
.popup_meeting_ticket .meeting_ticket{ max-width: 260px; width: 100%;}
.popup_meeting_ticket .meeting_ticket > .top{ display: flex; justify-content: space-between; align-items: flex-end; padding: 15px 20px; border-radius: 5px; background: #F00;}
.popup_meeting_ticket .meeting_ticket > .top img{ height: 20px;}
.popup_meeting_ticket .meeting_ticket > .top p{ font-size: 10px; color: #FFF;}
.popup_meeting_ticket .meeting_ticket .middle{ border-radius: 5px; background: #FFF;}
.popup_meeting_ticket .meeting_ticket .middle .top{ display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;}
.popup_meeting_ticket .meeting_ticket .middle .top p{ font-size: 12px;}
.popup_meeting_ticket .meeting_ticket .middle .top i{ font-size: 20px; color: #f1cc92;}
.popup_meeting_ticket .meeting_ticket .middle .top span{ font-size: 14px; color: #F00;}
.popup_meeting_ticket .meeting_ticket .middle .list{ padding: 0 0 20px 0;}
.popup_meeting_ticket .meeting_ticket .middle .list ul{  border-top: 1px solid rgba(0 0 0/10%);}
.popup_meeting_ticket .meeting_ticket .middle .list ul li{ border-bottom: 1px solid rgba(0 0 0/10%);}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a{ display: flex; justify-content: space-between; align-items: flex-end; position: relative; padding: 10px 20px;}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a .fl{ position: relative; z-index: 1;}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a .fl .t1{ font-size: 14px; font-weight: 500; color: #000;}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a .fl .t2{ padding: 5px 0 0 0; font-size: 10px; color: rgba(0 0 0/60%);}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a .fr{ font-size: 14px; font-weight: 300; color: rgba(0 0 0/60%);}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a .fr .zzs-font-g{ font-weight: 500; color: #F00;}
.popup_meeting_ticket .meeting_ticket .middle .list ul li a .btn{ display: flex; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; background: #F00; font-size: 12px; font-weight: 400; color: #FFF;}
.popup_meeting_ticket .meeting_ticket .middle .list ul li.on a{ z-index: 1; margin: -1px 0; padding: 11px 20px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.popup_meeting_ticket .meeting_ticket .middle .list ul li.on a:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 100px; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_meeting_ticket .meeting_ticket .bottom{ padding: 15px 20px; border-radius: 5px; background: #ededed;}
.popup_meeting_ticket .meeting_ticket .bottom img{ width: 100%;}


.popup_free_point{}
.popup_free_point .free_point{ max-width: 300px; width: 100%;}
.popup_free_point .free_point .btn{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 10px 0 0 0; border-radius: 5px; padding: 20px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.popup_free_point .free_point .btn img{ position: relative; z-index: 1; margin: 0 0 0 20px; height: 30px;}
.popup_free_point .free_point .btn .txt{ text-align: right;}
.popup_free_point .free_point .btn .txt .t1{ font-size: 16px; font-weight: 700; color: #000;}
.popup_free_point .free_point .btn .txt .t2{ padding: 5px 0 0 0; font-size: 12px; color: rgba(0 0 0/50%);}
.popup_free_point .free_point .btn:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_free_point .free_point .btn:nth-child(1){ margin: 0;}
.popup_free_point .free_point .btn:nth-child(2){ background: linear-gradient(90deg, #f0f0f0, #CCC);}
.popup_free_point .free_point .btn:nth-child(2) img{ margin: 0; height: 50px;}
.popup_free_point .free_point .btn:nth-child(2) .t1{ font-size: 22px;}


.popup_event_off .event_off img{ height: 180px;}


.popup_point_buy{}
.popup_point_buy .point_buy{ width: 100%;}
.popup_point_buy .title{ text-align: center; font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 300; color: #FFF; letter-spacing: 0;}
.popup_point_buy .title span{ margin: 0 1px; font-family: "GmarketSans", sans-serif; font-size: 16px; font-weight: 500; color: #F00;}
.popup_point_buy .menu{ margin: 20px 0 0 0;}
.popup_point_buy .menu ul{ display: flex; margin: 0 -5px;}
.popup_point_buy .menu ul li{ width: 25%;}
.popup_point_buy .menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 5px; height: 40px; border-radius: 5px; border: 1px solid rgba(255 255 255/15%);}
.popup_point_buy .menu ul li a p{ display: flex; align-items: flex-end; font-size: 14px; font-weight: 500; color: rgba(255 255 255/100%);}
.popup_point_buy .menu ul li a span{ margin: 0 0 0 2px; font-size: 10px; color: rgba(255 255 255/60%);}
.popup_point_buy .menu ul li.on a{ border-color: #F00; background: #F00;}
.popup_point_buy .menu ul li.on a:after{ content: ""; display: block; position: absolute; left: 50%; bottom: -10px; width: 10px; height: 10px; background: #F00; transform: rotate(45deg) translate(-50%,0);}
.popup_point_buy .menu ul li.on a p{ font-weight: 500; color: #FFF;}
.popup_point_buy .menu ul li.on a p span{ color: #FFF;}
.popup_point_buy .button{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 20px 0 0 0; padding: 0 20px; height: 60px; border-radius: 5px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.popup_point_buy .button:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_point_buy .button .fl{ display: flex; align-items: center; position: relative; z-index: 1;}
.popup_point_buy .button .fl img{ margin: 0 10px 0 0; height: 20px;}
.popup_point_buy .button .fl p{ font-size: 14px;}
.popup_point_buy .button .fl span{ font-weight: 700;}
.popup_point_buy .button .fr{ display: flex; align-items: center; position: relative; z-index: 1;}
.popup_point_buy .button .fr img{ height: 20px;}
.popup_point_buy .button .fr p{ display: flex; align-items: center; font-size: 14px; color: rgba(0 0 0/60%);}
.popup_point_buy .button .fr p span{ padding: 5px 2px 0 0; font-size: 26px; font-weight: 500; color: #F00;}


.popup_vip_buy{}
.popup_vip_buy .vip_buy{ width: 100%;}
.popup_vip_buy .tit{ margin: 0 auto; height: 100px;}
.popup_vip_buy .menu{ margin: 20px 0 0 0;}
.popup_vip_buy .menu ul{ display: flex; margin: 0 -5px;}
.popup_vip_buy .menu ul li{ width: 25%;}
.popup_vip_buy .menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 5px; height: 40px; border-radius: 5px; border: 1px solid rgba(255 255 255/15%);}
.popup_vip_buy .menu ul li a p{ display: flex; align-items: flex-end; font-size: 14px; font-weight: 500; color: rgba(255 255 255/100%);}
.popup_vip_buy .menu ul li.on a{ border-color: #edc17f; background: #edc17f;}
.popup_vip_buy .menu ul li.on a:after{ content: ""; display: block; position: absolute; left: 50%; bottom: -10px; width: 10px; height: 10px; background: #edc17f; transform: rotate(45deg) translate(-50%,0);}
.popup_vip_buy .menu ul li.on a p{ font-weight: 500; color: #000;}
.popup_vip_buy .button{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 20px 0 0 0; padding: 0 20px; height: 50px; border-radius: 5px; background: linear-gradient(90deg, #ffedc6, #e0a04a);}
.popup_vip_buy .button:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_vip_buy .button .fl{ display: flex; align-items: center; position: relative; z-index: 1;}
.popup_vip_buy .button .fl img{ margin: 0 10px 0 0; height: 30px;}
.popup_vip_buy .button .fl p{ font-size: 16px;}
.popup_vip_buy .button .fl span{ font-weight: 700;}
.popup_vip_buy .button .fr{ display: flex; align-items: center; position: relative; z-index: 1;}
.popup_vip_buy .button .fr img{ height: 20px;}
.popup_vip_buy .button .fr p{ padding: 4px 0 0 4px; font-size: 16px;}


.popup_payment_select{}
.popup_payment_select .payment_select{}
.popup_payment_select .payment_select a{ display: block; margin: 10px 0 0 0;}
.popup_payment_select .payment_select a:first-child{ margin: 0;}
.popup_payment_select .payment_select a img{ width: 100%;}



.popup_in_buy{}
.popup_in_buy .in_buy{ width: 100%;}
.popup_in_buy .in_buy .list{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 20px; border-radius: 5px; border: 1px solid rgba(0 0 0/5%); background: url(/images/point_icon.png) no-repeat left 30% bottom #f5f5f5; background-size: auto 70%;}
.popup_in_buy .in_buy .list .tip{ display: flex; justify-content: center; align-items: center; position: absolute; top: -20px; right: 10px; padding: 0 10px; height: 30px; border-radius: 5px; background: #F00;}
.popup_in_buy .in_buy .list .tip:after{ content: ""; display: block; position: absolute; left: 50%; bottom: -10px; width: 10px; height: 10px; background: #F00; transform: rotate(45deg) translate(-50%,-2px);}
.popup_in_buy .in_buy .list .tip p{ display: flex; align-items: flex-end; font-size: 10px; font-weight: 500; color: #FFF; letter-spacing: 0;}
.popup_in_buy .in_buy .list .tip p span{ margin: 0 2px 0 0; font-size: 14px; color:#FFF;}
.popup_in_buy .in_buy .list .point{ display: flex; align-items: center;}
.popup_in_buy .in_buy .list .point img{ margin: 0 6px 0 0; height: 20px;}
.popup_in_buy .in_buy .list .point p{ padding: 4px 0 0 0; font-size: 16px; font-weight: 400;}
.popup_in_buy .in_buy .list .price{ display: flex; flex-direction: column; align-items: flex-end;}
.popup_in_buy .in_buy .list .price p{ display: flex; align-items: center; font-size: 12px; color: rgba(0 0 0/50%); letter-spacing: 0;}
.popup_in_buy .in_buy .list .price p:first-child{ text-decoration: line-through !important;}
.popup_in_buy .in_buy .list .price p span{ padding: 2px 1px 0 0; font-size: 12px; color: #000;}
.popup_in_buy .in_buy .list .price p.ok{ margin: 5px 0 0 0;}
.popup_in_buy .in_buy .list .price p.ok span{ padding: 3px 1px 0 1px; font-size: 18px; color: #F00;}
.popup_in_buy .in_buy .card{ margin: 10px 0 0 0; padding: 20px; border-radius: 5px; background: url(/images/popup_in_buy_bg.png) center/cover;}
.popup_in_buy .in_buy .card .t1{ font-size: 16px; color: #000;}
.popup_in_buy .in_buy .card .t2{ padding: 15px 0 0 0; font-family: "GmarketSans", sans-serif; font-size: 26px; font-weight: 500; color: #000;}
.popup_in_buy .in_buy .card .t3{ display: flex; justify-content: space-between; align-items: flex-end; margin: 15px 0 0 0;}
.popup_in_buy .in_buy .card .t3 img{ height: 30px;}
.popup_in_buy .in_buy .card .t3 span{ font-size: 14px; color: #000;}
.popup_in_buy .in_buy .in{ position: relative; margin: 10px 0 0 0;}
.popup_in_buy .in_buy .in .icon{ position: absolute; top: 50%; transform: translate(0,-50%); left: 20px; height: 16px;}
.popup_in_buy .in_buy .in input{ display: flex; align-items: center; padding: 0 20px 0 56px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}


.popup_new_talk{ position: fixed; z-index: 1000; top: -500px; right: 0; left: 0; padding: 30px; transition: all .5s;}
.popup_new_talk .row{ position: relative;}
.popup_new_talk .row i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 16px; color: #FFF; transform: translate(0,-200px); transition: all 1.5s;}
.popup_new_talk .row a{ display: flex; align-items: center; padding: 15px 20px; border-radius: 10px; background: linear-gradient(90deg, #ffedc6, #e0a04a); box-shadow: 0 10px 50px 0 rgba(0 0 0/50%); transform: translate(0,-200px); opacity: 0; transition: all 1s;}
.popup_new_talk .row a:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; background: url(/images/btn_bg.png) no-repeat left center/auto 100%;}
.popup_new_talk .row a .user{ flex: 0 0 50px; float: left; position: relative; z-index: 1; margin: 0 10px 0 0; width: 50px; height: 50px; border-radius: 50%;}
.popup_new_talk .row a .text{ position: relative; z-index: 1;}
.popup_new_talk .row a .text .t1{ font-size: 16px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.popup_new_talk .row a .text .t2{ margin: 8px 0 0 0; font-size: 12px; color: rgba(0 0 0/80%); letter-spacing: 0;}
.popup_new_talk.on{ top: 0; background: linear-gradient(180deg, rgba(0 0 0/80%), rgba(0 0 0/0));}
.popup_new_talk.on .row i{ transform: translate(0,0);}
.popup_new_talk.on .row a{ transform: translate(0,0); opacity: 1;}