.at-container {display: block; padding: 0 15px; box-sizing: border-box;}
.d_btn {width: 100%; padding: 10px; box-sizing: border-box; text-align: center; color: #fff; background: #C70A0A;border-radius: 15px; margin: 50px 0;font-size: 16px;border:0;} 
.d_btn3 {width: 50%; padding: 10px; box-sizing: border-box; text-align: center; color: #fff; background: #C70A0A;border-radius: 15px;font-size: 16px;border:0; margin: 0 auto; display: block;} 
.d_btn2 {width: 100%; padding: 10px; box-sizing: border-box; text-align: center; color: #c70a0a; background: #fff;border-radius: 15px; margin: 50px 0;font-size: 16px; border:0;} 


/* 12/27 데일리톡 수정 */


.my_btn2 {width: 100%; display: flex; justify-content: space-between;gap: 1px;}
.my_btn2 button{width: 100%;display: flex; align-items: center; justify-content: center; flex-wrap: wrap;padding: 10px 0;border:0; background: #D8BCA4;}
.my_btn2 button img{max-width: 22px; display: block; margin: 0 auto;}
.my_btn2 button span{width: 100%; display: block;color: #fff; font-weight: bold;margin-top: 5px;}
.my_btn2 input {width: 30%;text-align: center; color: #c70a0a;font-weight: bold;border:0; border-radius: 5px;}
.my_btn2 input::placeholder {color: #c70a0a;}

.main_menu .tab_wrap .tab_btn ul {white-space: nowrap; gap: 3%;padding: 0 15px;}



.juend {display: flex; align-items: center; justify-content: flex-end;}
.jucenter {display: flex; align-items: center; justify-content: center;}
.alend {display: flex; align-items: flex-end;}
/* 여자가 남자 프로필 */
.my_btn2 {width: 100%; display: flex; justify-content: space-between;gap: 1px;}
.my_btn2 button{width: 100%;display: flex; align-items: center; justify-content: center; flex-wrap: wrap;padding: 10px 0;border:0; background: #D8BCA4;}
.my_btn2 button img{max-width: 22px; display: block; margin: 0 auto;}
.my_btn2 button span{width: 100%; display: block;color: #fff; font-weight: bold;margin-top: 5px;}
.my_btn2 input {width: 30%;text-align: center; color: #c70a0a;font-weight: bold;border:0; border-radius: 5px;}
.my_btn2 input::placeholder {color: #c70a0a;}

.pop {position: fixed; top: 0;left: 0; background: rgba(0,0,0,0.5); height: 100vh;width: 100%;z-index: 6;display: none;}
.pop .pop_body{display: block; width: 95%; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;}
.pop .pop_body h1{display: block; width: 100%; padding: 10px 0; text-align: center; color: #fff; position: relative;background: #C70A0A;}
.pop .pop_body h1 button{position: absolute; top: 50%;right: 15px;transform: translateY(-50%);border:0;}
.pop .pop_body h1 button img{max-width: 18px;}
.pop .pop_body h2 {font-weight: normal; display: block; text-align: center; padding: 50px 0;}
.pop .pop_body .pop_btn_two{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;padding: 0 35px;}
.pop .pop_body .pop_btn_two button{display: block; width: 40%;background: #c70a0a; color: #fff; text-align: center; padding: 10px 0;border:0; border-radius: 10px;}
.pop .pop_body .pop_btn_two button:first-child{background: #c1c1c1;color: #333;}

.pop .pop_body .pop_btn_one {display: flex; align-items: center; justify-content: center;padding: 10px 0;}
.pop .pop_body .pop_btn_one button{width: 70%; background: #c70a0a; color: #fff; text-align: center; padding: 8px 0; font-size: 16px;border-radius: 15px;}

.pop .pop_txt {padding: 15px; box-sizing: border-box;}
.pop .pop_txt textarea{width: 100%; border-color: #ddd; resize:none; padding: 15px; box-sizing: border-box;}
.pop .pop_txt input{width: 100%; border-color: #ddd; padding: 10px; }


.pop .loc_box {display: flex; align-items: center; justify-content: space-between;gap: 5%;margin-top: 5px;}
.pop .loc_box select{width: 47%; border:0; border-bottom: 1px solid #707070; padding: 5px 0;}


.pop .coin_pop{background: #fff; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 90%; padding: 25px; border-radius: 15px; box-sizing: border-box;}
.pop .coin_pop button.close_btn{border:0;position: absolute; top: 15px;right: 15px;}
.pop .coin_pop button.close_btn img{max-width: 18px;}
.pop .coin_pop h3{background: #c70a0a; color: #fff; text-align: center; padding: 8px 0;width: 38%;border-radius: 10px;}
.pop .coin_pop h3 span{}
.pop .coin_pop .center{display: flex; align-items: center; margin: 35px 0;justify-content: center;}
.pop .coin_pop .center img{max-width: 38px;margin-bottom: 15px;}
.pop .coin_pop .center input{width: 50%; padding: 10px;margin-left:2%;display: block; box-sizing: border-box;}
.pop .coin_pop .pop_btn_coin {display: flex; align-items: center; justify-content: center;}
.pop .coin_pop button.c_p_btn{background: #c70a0a; color: #fff; text-align: center; padding: 5px 10px; border-radius: 10px;font-size: 14px;}

.pop17 {}
.pop17 .pop_body{padding: 60px 20px;box-sizing: border-box;position: relative;border-radius: 10px;}
.pop17 .au_btn {border:0;position: absolute; top: 10px;right: 010px;}
.pop17 .au_btn img{max-width: 18px;}
.pop17 img{display: block; margin: 0 auto;max-width: 40px;}
.pop17 .audio_bar{width: 100%;background: #C1C1C1; padding: 4px 0; position: relative;margin-top: 10px;margin-bottom: 20px;}
.pop17 .audio_bar span{background: #C70A0A; padding: 4px 0; position: absolute; top: 0;left: 0;width: 40%;}
.pop17 .audio_btn_wrap{display: flex; align-items: center; gap: 30%;justify-content: center;}
.pop17 .audio_btn_wrap button{background: #656565; color: #fff; padding: 10px; border-radius: 10px; box-sizing: border-box;}
.pop17 .audio_btn_wrap button:nth-child(1){}
.pop17 .audio_btn_wrap button:nth-child(2){background: #4284E8;}


.mypage_pop {}
.mypage_pop h1{}
.mypage_pop ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;gap: 5%;padding: 30px 15px; box-sizing: border-box;}
.mypage_pop ul li{width: 30%;margin-bottom: 8%;}
.mypage_pop ul li input+label{ border:1px solid #ddd; display: block; text-align: center; padding: 5px;border-radius: 10px; width: 100%;box-sizing: border-box;}
.mypage_pop ul li input:checked+label{ border:1px solid #c70a0a; display: block; text-align: center; padding: 5px;border-radius: 10px; width: 100%;box-sizing: border-box; background: #c70a0a; color: #fff;}



.login {background: #FAEEE0;padding: 60px 0;height: 100vh;}
.login h1.logo{display: block; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.login h1.logo img{max-width: 112px;}
.login h2{font-size: 42px; display: block; text-align: center; font-weight: normal;color: #C70A0A;}
.login ul{display: block;margin: 15px 0;}
.login ul li{display: block;}
.login ul li b{display: block;font-size: 16px; margin-top: 15px;}
.login ul li input{display: block; width: 100%; border:0; border-bottom: 1px solid #333; padding: 5px;background: inherit;}
.login button.login_btn{display: block; padding: 10px; border-radius: 10px; background: #C70A0A; color: #fff; text-align: center;width: 100%; margin-top: 10px;border:0; box-shadow: 0 3px 6px #ddd;font-size: 16px; font-weight: bold;}
.login button.join_btn{color: #333; background: #fff;}
.login .a_wrap{display: flex; align-items: center; justify-content: flex-end;margin-top: 15px;}
.login .a_wrap a{font-weight: bold;font-size: 14px;}

.header_back {height: 54px;}
.header {background: #D8BCA4; position: relative;padding: 13px 15px;display: block; position: fixed; left: 0;top: 0;width: 100%;box-sizing: border-box;z-index:99; display: flex;align-items: center;}
.header h1 {display: block; text-align: center;}
.header h1 img{max-width: 146px;}
.header button.police_btn{position: absolute; top: 50%;right: 15px;transform: translateY(-50%);background: inherit;border:0;}
.header button.police_btn img{max-width: 30px;}

.header button.search_btn{position: absolute; top: 50%;right: 55px;transform: translateY(-50%);background: inherit;border:0;}
.header button.search_btn img{max-width: 26px;}

.header button.back_btn {display: block; margin-right: 10px;background: inherit;border:0;}
.header button.back_btn img {max-width: 13px;}
.header h2{color: #fff;font-size: 16px;}

.md {display: flex; align-items: center;padding: 8px 15px;}
.md img{max-width: 22px;}
.md p{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 14px; margin-left: 2%; width: 90%;}

.banner {width: 100%;position: relative; overflow: hidden;}
.banner img{width: 100%;}
.banner button{position: absolute; bottom: 15px;right: 15px; background: rgba(255,255,255,0.5); color: #666;padding: 5px; border-radius: 10px; z-index: 9;}

.content {background: #FAEEDF;}
.content p.hot {padding: 13px 0; display: block; text-align: center;font-size: 16px; font-weight: bold;color: #C70A0A;}
.content ul.hot_list{display: flex; align-items: center; justify-content: space-between;gap: 2%; padding: 0 15px;}
.content ul.hot_list li{width: 48%; border-radius: 20px; background: #D8BCA4; padding: 10px 0;}
.content ul.hot_list li span.top{display: flex; align-items: center; justify-content: center;color: #fff; font-weight: bold;font-size: 14px;}
.content ul.hot_list li span.top img{max-width: 16px;margin-right: 5px;}
.content ul.hot_list li span.hot_img{display: block;margin-top: 5px;margin-bottom: 5px; }
.content ul.hot_list li span.hot_img img{display: block; margin: 0 auto;max-width: 18.9455vw; height: 23.5897vw; object-fit: cover; border-radius: 5px; }
.content ul.hot_list li span.hot_name {display: block; text-align: center; color: #fff;}

.menu_list {background: #FAEEDF;padding: 35px 0;}
.menu_list ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.menu_list ul li{display: block;width: 25%;margin-bottom: 10%;}
.menu_list ul li img{max-width: 60px; display: block; margin: 0 auto;}
.menu_list ul li span{display: block; margin-top: 10px; text-align: center;}

.footer_back {width: 100%; display: block; height: 60px;}
.footer {position: fixed; left: 0;bottom: 0; width: 100%; background: #fff;}
.footer ul{display: flex; align-items: center; justify-content: space-between;}
.footer > ul > li{width: 20%;}
.footer > ul > li a{display: block; padding: 8px 0;}
.footer > ul > li a img{display: block; margin: 0 auto; max-width: 22px;}
.footer > ul > li a span{display: block;text-align: center; margin-top: 5px;}
.footer > ul > li a span.on{color: #c70a0a;}

.footer > ul > li a span.chat_count {position: relative;width: 22px;display: block; margin: 0 auto;}
.footer > ul > li a span.chat_count img {width: 100%;}
.footer > ul > li a span.chat_count .cnt_ico{background: #c70a0a; color: #fff; border-radius: 100%;font-size: 12px; position: absolute; top: -10px;right: -10px; width: 20px;height: 20px;}


.ready {display: flex; align-items: center; justify-content: center; height: 100vh; background: #faeedf;}
.ready h1{color: #333; font-size: 40px; font-weight: bold;text-align: center;}

.join {margin-top: 30px;}
.join .join_box{background: #fff;padding: 10px 0;}
.join .join_box h1{font-size: 16px; display: block;margin-bottom: 8px;}
.join .join_box h2{display: flex; align-items: center; margin-bottom: 20px;}
.join .join_box h2 input+label{position: relative; background: url('/img/ck2_off.png')no-repeat center left; background-size:20px ; padding-left: 30px;}
.join .join_box h2 input:checked+label{position: relative; background: url('/img/ck2_on.png')no-repeat center left; background-size:20px ; padding-left: 30px;}
.join .join_box ul{}
.join .join_box ul li{margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between;}
.join .join_box ul li input+label{ background: url('/img/ck_off.png')no-repeat center left; background-size:20px ; padding-left: 30px;}
.join .join_box ul li input:checked+label{ background: url('/img/ck_on.png')no-repeat center left; background-size:20px ; padding-left: 30px;}

.join .join_box button.d_btn {margin-top: 125px;}

span.guide1 {font-size: 12px; color: #333;}
span.guide2 {font-size: 12px; color: #E50C0C;}
span.guide3 {font-size: 12px; color: #4284E8;}

.join2 {}
.join2 .box{}
.join2 .box b{display: block;margin-top: 20px;margin-bottom: 10px;}

.join2 .box1 ul{display: flex; align-items: center; justify-content: space-between;}
.join2 .box1 ul li{width: 50%; display: block;}
.join2 .box1 ul li input+label{display: block; padding: 6px 0; text-align: center; background: #fff; color: #333;}
.join2 .box1 ul li input:checked+label{display: block; padding: 6px 0; text-align: center; background: #C70A0A; color: #fff;}

.join2 .box2 ul{}
/* .join2 .box2 ul li{display: flex; align-items: flex-end;justify-content: space-between;} */
.join2 .box2 ul li input{background: inherit; border:0; border-bottom: 1px solid #777; padding: 5px 0;width: 100%;}
.join2 .box2 ul li button{width: 30%;background: #fff; color: #333; text-align: center; padding: 8px 0;border:0; border-radius: 15px;}

.join2 .box3{}
.join2 .box3 select{ padding: 5px 0; border:0; border-bottom: 1px solid #777; background: inherit; width: 40%;}
.join2 .box3 ul {display: flex; align-items: center;width: 100%;}
.join2 .box3 ul li{width: 100%;}
.join2 .box3 ul li select{width: 80%;}

.coin_pop {}
.coin_pop .center .coin_bar{display: block;width: 80%; margin-left: 3%;}
.coin_pop .center .coin_bar .bar_body{ border-radius: 20px; border:1px solid #707070; width: 100%;padding: 6px; box-sizing: border-box; position: relative; overflow: hidden;}
.coin_pop .center .coin_bar .bar_body span.bar_g{content:''; background: #c70a0a; position: absolute; top: 50%;left: 0;padding: 10px 0; transform: translateY(-50%); border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.coin_pop .center .coin_bar .bar_count{display: flex; align-items: center; justify-content: space-between;}
.coin_pop .center .coin_bar .bar_count span{color: #C70A0A; font-weight: bold;font-size: 14px;}

.join2 .box4 {}
.join2 .box4 ul{}
.join2 .box4 ul li{display: block; margin-bottom: 15px;}
.join2 .box4 ul li input{border:0; border-bottom: 1px solid #777; padding: 5px 0; width: 100%; background: inherit;}

.hash {}
.hash b{display: block; margin-top: 10px;margin-bottom: 30px;text-align: center; font-size: 16px;font-weight: 500;}
.hash b span{font-size: 14px; font-weight: normal;}
.hash ul{display: flex; align-items: center;flex-wrap: wrap;background: #fff;padding-bottom: 100px;}
.hash ul li{ width: 25%;padding: 15px; box-sizing: border-box;text-align: center;display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.hash ul li span{display: block; width: 100%;}
.hash ul li input+label{background: url('/img/ck3_off.png')no-repeat center center; background-size: 21.5px;display: block; padding: 15px;}
.hash ul li input:checked+label{background: url('/img/ck3_on.png')no-repeat center center; background-size: 21.5px;display: block; padding: 15px;}

.police {padding: 30px 0;}
.police b{display: block; margin-bottom: 25px;}
.police input[type=text]{width: 100%; display: block; padding: 5px 0; border:0; border-bottom: 1px solid #777;background: inherit;}
.police ul{margin: 20px 0;}
.police ul p{display: block;font-weight: bold;}
.police ul li{display: block; margin-top: 15px;}
.police ul li input+label{background: url('/img/ck4_off.png')no-repeat center left; background-size: 20px; padding-left: 30px;}
.police ul li input:checked+label{background: url('/img/ck4_on.png')no-repeat center left; background-size: 20px; padding-left: 30px;}

.search {background: #fff;padding-bottom: 30px;}
.search .top{padding: 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.search .top input{width: 80%; padding: 5px 10px;box-sizing: border-box;background: inherit; border:0; border-bottom: 1px solid #707070;}
.search .top button{width: 20%; background: #c70a0a; color: #fff; text-align: center; padding: 5px 0;}
.search ul.search_list{display: block;}
.search ul.search_list li{display: flex; align-items: center;padding: 10px 15px; box-sizing: border-box;position: relative;border-top:1px solid #707070;}
.search ul.search_list li:last-child {border-bottom: 1px solid #707070;}
.search ul.search_list li span.left{width: 17%; border-radius: 15px; display: block; overflow: hidden; border:2px solid #c70a0a;}
.search ul.search_list li span.left img{width: 100%;}
.search ul.search_list li span.center{width: 65%;margin-left: 2%;}
.search ul.search_list li span.center span.up{display: flex; align-items: center;margin-bottom: 20px;}
.search ul.search_list li span.center span.up span:nth-child(1){font-size: 12px;font-weight: bold;margin-right: 8px;}
.search ul.search_list li span.center span.up span:nth-child(2){font-size: 12px;margin-right: 8px;}
.search ul.search_list li span.center span.up span:nth-child(2) img{max-width: 10px;}
.search ul.search_list li span.center span.up span:nth-child(3){white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 12px;display: block; width: 50%;}
.search ul.search_list li span.center span.down{font-size: 12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 95%;}
.search ul.search_list li span.right{position: absolute ;top: 50%;right: 15px;transform: translateY(-50%);}
.search ul.search_list li span.right span.up{display: flex;margin-bottom: 20px;font-size: 12px;}
.search ul.search_list li span.right span.up img{max-width: 20px;margin-right: 5px;}
.search ul.search_list li span.right span.down{display: flex;font-size: 12px; color: #c70a0a;}
.search ul.search_list li span.right span.down img{max-width: 20px;margin-left: 5px;}

.event {padding: 30px 0;}
.event ul{background: #fff;}
.event ul li{display: block; width: 100%;box-sizing: border-box; border-bottom: 1px solid #ddd;;}
.event ul li img{display: block; width: 100%; height: 17vw; object-fit: cover;}
.event ul li a{display: block; padding: 10px 15px; box-sizing: border-box;}
.event ul li a span{}
.event ul li a span:nth-child(1){font-weight: bold; display: block; font-size: 14px; margin-bottom: 5px;}
.event ul li a span:nth-child(2){position: relative;}
.event ul li a span:nth-child(2) span{position: absolute; top: 0;left: 0; width: 100%;background: rgba(0,0,0,0.5);height: 100%; display: flex; align-items: center; justify-content: center; color: #fff;font-weight: bold;}
.event ul li a span:nth-child(3){display: block; text-align: right; font-size: 12px; margin-top: 5px;}

.event_view {display: block;padding: 15px 0;}
.event_view .view_con {background: #fff;padding: 15px; box-sizing: border-box;}
.event_view b{display: block; width: 100%;font-size: 14px; display: block;padding-bottom: 10px;}
.event_view span{display: block; width: 100%; text-align: right; font-size: 12px;padding-bottom: 5px;}
.event_view img{width: 100%; display: block;}
.event_view p{padding-top: 10px; width: 100%;}
.event_view .view_btn {display: flex; align-items: center; justify-content: flex-end;}
.event_view .view_btn button{background: #c70a0a; color: #fff; font-size: 16px; text-align: center; padding: 5px 10px;border:0; margin-top: 100px;}

.main_menu {background: #fff; margin-bottom: 35vw;}
.main_menu .top{padding: 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.main_menu .top input{width: 80%; padding: 5px 10px;box-sizing: border-box;background: inherit; border:0; border-bottom: 1px solid #707070;}
.main_menu .top button{width: 20%; background: #c70a0a; color: #fff; text-align: center; padding: 5px 0;}
.main_menu ul.main_menu_list{display: block;position: relative;}
.main_menu ul.main_menu_list li{display: flex; align-items: center;padding: 10px 15px; box-sizing: border-box;position: relative;border-bottom:1px solid #707070;}
.main_menu ul.main_menu_list li span.left{width: 17%; border-radius: 15px; display: block; overflow: hidden; border:2px solid #c70a0a;}
.main_menu ul.main_menu_list li span.left img{width: 100%; height: 16vw; object-fit: cover;}
.main_menu ul.main_menu_list li span.center{width: 65%;margin-left: 2%;}
.main_menu ul.main_menu_list li span.center span.up{display: flex; align-items: center;margin-bottom: 20px;}
.main_menu ul.main_menu_list li span.center span.up span:nth-child(1){font-size: 12px;font-weight: bold;margin-right: 8px;}
.main_menu ul.main_menu_list li span.center span.up span:nth-child(2){font-size: 12px;margin-right: 8px;}
.main_menu ul.main_menu_list li span.center span.up span:nth-child(2) img{max-width: 10px;}
.main_menu ul.main_menu_list li span.center span.up span:nth-child(3){white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 12px;display: block; width: 50%;}
.main_menu ul.main_menu_list li span.center span.down{font-size: 12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 95%;}
.main_menu ul.main_menu_list li span.right{position: absolute ;top: 50%;right: 15px;transform: translateY(-50%);}
.main_menu ul.main_menu_list li span.right span.up{display: flex;margin-bottom: 20px;font-size: 12px;}
.main_menu ul.main_menu_list li span.right span.up img{max-width: 20px;margin-right: 5px;}
.main_menu ul.main_menu_list li span.right span.down{display: flex;font-size: 12px;}
.main_menu ul.main_menu_list li span.right span.down span.wifi{ color: #c70a0a;}
.main_menu ul.main_menu_list li span.right span.down span.wifi2{color: #D8BCA4;}
.main_menu ul.main_menu_list li span.right span.down span.wifi3{color: #656565;}
.main_menu ul.main_menu_list li span.right span.down img{max-width: 20px;margin-left: 5px;}

.main_menu .tab_wrap .tab_btn {}
.main_menu .tab_wrap .tab_btn ul{display: flex; align-items: center;flex-wrap: nowrap; overflow-x: scroll;box-shadow: 0 3px 5px #ddd;}
.main_menu .tab_wrap .tab_btn ul li{width: 20%; display: flex; align-items: center; justify-content: center;}
.main_menu .tab_wrap .tab_btn ul li span {display: block; padding: 5px 0;font-size: 14px; color: #333; font-weight: bold;}
.main_menu .tab_wrap .tab_btn ul li.on span {border-bottom: 2px solid #c70a0a; font-weight: bold;color: #c70a0a;}

.main_menu button.more_btn {position: fixed; left: 0;bottom: 0; width: 100%; padding-top: 40px;padding-bottom: 60px;background: rgba(0,0,0,0.6);color: #fff;font-size: 16px;font-weight: bold;}
.main_menu button.more_btn span {color: #c70a0a;}

.chat {}
.chat ul{background: #fff;}
.chat ul li{display: block;border-bottom: 1px solid #D8BCA4;}
.chat ul li a{display: flex; padding: 10px 15px; position: relative;}
.chat ul li a span.chat_p{width: 17.5%; border-radius: 15px; overflow: hidden; border:2px solid #c70a0a; display: block;}
.chat ul li a span.chat_p img{width: 100%; height: 15vw; object-fit: cover;}
.chat ul li a span.center{display: block;margin-left: 2%;}
.chat ul li a span.center span.nick{display: block;margin-bottom: 15px;font-weight: bold;}
.chat ul li a span.center span.msg{display: block;width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chat ul li a span.date{position: absolute; top: 10px;right: 15px; font-size: 12px;}
.chat ul li a span.read_msg { color: #fff; background: #c70a0a;  position: absolute; bottom: 2vh; right: 6vw; border-radius: 50%; border: 1px solid #c70a0a; padding: 0.5vw 1.5vw; }

.chat_hader_back {display: block; width: 100%; display: block;height: 60px;}
.chat_header {position: fixed; left: 0;top: 0; width: 100%; display: flex; align-items: center;background: #D8BCA4;padding: 15px; box-sizing: border-box; z-index: 9;}
.chat_header button.back_btn{border:0;margin-right: 2%;}
.chat_header button.back_btn img{max-width: 13.5px;}
.chat_header h1 {color: #fff; font-size: 16px;}
.chat_header input+label{padding: 15px; background: url('/img/f1_on.png')no-repeat center center;background-size: 21.5px; }
.chat_header input:checked+label{padding: 15px; background: url('/img/ck3_on.png')no-repeat center center;background-size: 21.5px; }
.chat_header p{width: 20%; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);background: #c70a0a; color: #fff; text-align: center; padding: 5px 10px;border-radius: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.chat_header p span{margin-right: 5%;font-size: 16px; font-weight: bold;}
.chat_header button.chat_ham{border:0;position: absolute; top: 50%;right: 15px; transform: translateY(-50%);}
.chat_header button.chat_ham img{max-width: 20px;}

.chat_view {}
.chat_view .date_bar{display: block; margin: 30px 0; display: flex; align-items: center; justify-content: center; width: 100%;position: relative;}
.chat_view .date_bar span{position: relative;display: block; text-align: center;background: #FAEEE0; width: 40%;font-size: 12px;}
.chat_view .date_bar::before{content:''; display: block; width: 100%; height: 1px; background: #777; position: absolute; top: 50%;left: 0;transform: translateY(-50%);}

.chat_view ul {padding: 0 15px; display: block;}
.chat_view ul li.your_chat{display: flex;margin-bottom: 15px;justify-content: flex-start; margin-bottom: 5vw; position: relative;}
.chat_view ul li.your_chat .c_l{display: flex; align-items: flex-start;width: 13%;margin-right: 2%;}
.chat_view ul li.your_chat .c_l .c_p{display: block; border-radius: 10px; border:2px solid #c70a0a; overflow: hidden; display: block;width: 100%;}
.chat_view ul li.your_chat .c_l .c_p img{width: 100%;}
.chat_view ul li.your_chat .c_c{display: flex; align-items: center;background: #fff;padding: 5px 10px; border-radius: 10px; max-width: 60%;}
.chat_view ul li.your_chat .c_c .c_box{}
.chat_view ul li.your_chat .c_c .c_box img { width: 20vw; }
.chat_view ul li.your_chat .c_r{display: flex;align-items: flex-end;}
.chat_view ul li.your_chat .c_r .c_date{font-size: 12px;}

.chat_view ul li.my_chat {display: flex;justify-content: flex-end; margin-bottom: 5vw;}
.chat_view ul li.my_chat .c_l{display: flex; align-items: flex-end;}
.chat_view ul li.my_chat .c_l .c_date{font-size: 12px;}
.chat_view ul li.my_chat .c_r{display: flex; align-items: center; max-width: 60%;padding: 10px;background: #fff; border-radius: 10px;margin-left: 2%;}
.chat_view ul li.my_chat .c_r .c_box{}
.chat_view ul li.my_chat .c_r .c_box img { width: 20vw; }

.chat_view p.change_coin {background: #fff; display: flex; align-items: center; justify-content: center; padding: 8px 0; width: 100%;margin: 30px 0;font-size: 12px;}

.chat_view .chat_list {padding: 0 24px; height: 180vw; margin-bottom: 20vw; overflow-y: scroll;}


.chat_bot {position: fixed; left: 0;bottom: 0;width: 100%;}
.chat_bottom {padding: 10px 15px; background: #D8BCA4; display: flex; align-items: center; justify-content: space-between;position: absolute; left: 0;bottom: 0;width: 100%;box-sizing: border-box;}
.chat_bottom button.cb_plus{border:0;}
.chat_bottom button.cb_plus img{max-width: 23px;}
.chat_bottom button.cb_send{border:0;}
.chat_bottom button.cb_send img{max-width: 36px;}
.chat_bottom input{width: 70%; display: block; background: #fff; border:0; border-radius: 10px !important;padding: 10px;}


.chat_bot .plus_box {background: #fff;position: absolute; left: 0;bottom:0; width: 100%;transition: 0.3s ease all; display: none;}
.chat_bot .plus_box.on {bottom: 60px; display: block;}
.chat_bot .plus_box ul{display: flex; align-items: center; flex-wrap: wrap;}
.chat_bot .plus_box ul li{width: 33%;display: flex; align-items: center; justify-content: center;}
.chat_bot .plus_box ul li button{border:0; display: flex; align-items: center; justify-content: center;flex-wrap: wrap;padding: 15px 0;}
.chat_bot .plus_box ul li button img{display: block;max-width: 36px;}
.chat_bot .plus_box ul li button span.p_name{display: block;width: 100%;margin-top: 1%;}

.chat_bot .plus_box ul li button span.p_img{position: relative;}
.chat_bot .plus_box ul li button span.p_img .p_on{display: block; background: #c70a0a; color: #fff;padding: 3px; border-radius: 100%; position: absolute; bottom: -5px;right: -5px; font-size: 12px; display: flex; align-items: center; justify-content: center;}

.gift {width: 100%; display: block; padding: 60px 15px;box-sizing: border-box;}
.gift ul{display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;gap: 5%;}
.gift ul li{width: 25%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;margin-bottom: 5%;}
.gift ul li button{display: block;width: 100%;border:0;}
.gift ul li button img{display: block;width: 100%;}
.gift ul li button p{display: block;width: 100%;margin: 5px 0;}
.gift ul li button>span{display: flex;width: 100%;align-items: center; justify-content: center;}
.gift ul li button span span{display: block;margin-left: 3%; color: #c70a0a;}

.buy_coin {padding: 15px; display: block; box-sizing: border-box;}
.buy_coin .top{background: #fff;padding: 20px; box-sizing: border-box; display: block;position: relative;margin-bottom: 15px;}
.buy_coin .top img{position: absolute; top: 50%;left: 25px; transform: translateY(-50%);max-width: 50px;}
.buy_coin .top p{display: block;margin-left: 100px;}
.buy_coin .top b{display: block; margin-left: 160px;margin-top: 10px;}
.buy_coin .list{}
.buy_coin .list ul{display: flex; align-items: center;background: #fff;flex-wrap: wrap;padding: 10px; box-sizing: border-box;gap: 7%;}
.buy_coin .list ul li{width: 28%;display: flex; justify-content: center;margin-bottom: 10%;}
.buy_coin .list ul li button{display: block;border:0;width: 100%;}
.buy_coin .list ul li button span.con{display: block;background: #c70a0a; border-radius: 10px;padding: 10px;box-sizing: border-box;}
.buy_coin .list ul li:first-child button span.con{display: block;background: #c70a0a; border-radius: 10px;padding: 30px 0;;box-sizing: border-box;}
.buy_coin .list ul li button span.con span {display: block;color: #fff;width: 100%;}
.buy_coin .list ul li button span.con span:nth-child(1){font-size: 16px;font-weight: bold;}
.buy_coin .list ul li button span.con span:nth-child(2){font-size: 14px; color: #333;}
.buy_coin .list ul li button span.con span:nth-child(3){font-size: 16px;font-weight: 500;color: #FFE330;}
.buy_coin .list ul li button span.con2{display: block;margin-top: 5px;}
.buy_coin .list ul li button span.con2 span{font-size: 16px;}

/* 사이드메뉴 채팅 */
.chat_sidemenu {position: fixed; top: 0;left: 100%;width: 100%; height: 100vh;z-index: 10;transition: 0.3s ease all;}
.chat_sidemenu.on {position: fixed; top: 0;left: 0%;width: 100%; height: 100vh;z-index: 10;}
.chat_sidemenu .side_back{background: rgba(0,0,0,0.5);position: fixed; top: 0;left: 0;width: 100%;height: 100%;display: none;}
.chat_sidemenu.on .side_back{background: rgba(0,0,0,0.5);position: fixed; top: 0;left: 0;width: 100%;height: 100%;display: block;}
.chat_sidemenu .list{position: absolute; top: 0;right: 0;background: #fff;height: 100%;width: 60%;}
.chat_sidemenu .list h1{background: #c70a0a; display: flex; align-items: center; justify-content: space-between; padding:10px 15px;color: #fff;}
.chat_sidemenu .list h1 button{border:0;}
.chat_sidemenu .list h1 button img{max-width: 17px;}
.chat_sidemenu .list ul{}
.chat_sidemenu .list ul li{display: block; border-bottom: 1px solid #ddd;}
.chat_sidemenu .list ul li:last-child {border-bottom:0;}
.chat_sidemenu .list ul li button{display: block; ; padding: 15px 13px; box-sizing: border-box;border:0;width: 100%;text-align: left;}
.chat_sidemenu .list .out_btn{position: absolute; left: 0;bottom: 0;width: 100%;display: flex; align-items: center;width: 100%;}
.chat_sidemenu .list .out_btn button{border:0; display: flex; align-items: center;width: 100%; padding: 15px;box-sizing: border-box;}
.chat_sidemenu .list .out_btn button img{max-width: 25px;display: block; margin-right: 5%;}
.chat_sidemenu .list .out_btn button span{}

.mypage {margin-bottom: 30px;}
.mypage .intro{display: flex; width: 100%; height: 112vw; position: relative; align-items: center; justify-content: center; background: #fff;}
.mypage .intro .intro_back {background: rgba(0,0,0,0.3); position: absolute; top: 0;left: 0; width: 100%;height: 100%;display: block;}
.mypage .intro img{width: 50%;display: block; margin: 0 auto;}
.mypage .intro h1{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);color: #fff; font-size: 14px;display: flex; align-items: center;}
.mypage .intro h1 button {border:0;}
.mypage .intro h1 button img{max-width: 64px;}
.mypage .intro button.edit_com {display: flex; align-items: center; position: absolute; top: 15px;right: 15px; border-radius: 10px; background: #c70a0a; color: #fff;border:0; padding: 8px;}
.mypage .intro button.edit_com img{max-width: 18px; margin-right: 5px;}
.mypage .intro button.edit_back {position: absolute; bottom: 15px;right: 0px;border:0; background: transparent;}
.mypage .intro button.edit_back img{max-width: 64px;}
.mypage .intro button.back_btn {position: absolute; top: 15px;left: 15px;background: transparent;border:0;}
.mypage .intro button.back_btn img {max-width: 26px;}
.mypage .intro button.cha_btn {position: absolute; top: 15px;right: 45px;background:transparent;border:0;}
.mypage .intro button.cha_btn input+label {background: url('/img/cha_off.png')no-repeat center center; background-size: 24px;padding: 12px;display: block;}
.mypage .intro button.cha_btn input:checked+label {background: url('/img/cha_on.png')no-repeat center center; background-size: 24px;padding: 12px;display: block;}
.mypage .intro button.star_btn {position: absolute; top: 14px;right: 15px;background:transparent;border:0;}
.mypage .intro button.star_btn input+label {background: url('/img/star_off.png')no-repeat center center; background-size: 25px;padding: 12px;display: block;}
.mypage .intro button.star_btn input:checked+label {background: url('/img/star_on.png')no-repeat center center; background-size: 25px;padding: 12px;display: block;}
.mypage .profile{position: relative;padding: 35px 0 75px 0;}
.mypage .profile .pro_img{position: absolute; top: -100px;left: 50%;transform: translateX(-50%); display: block;width: 24.3vw; height: 24.3vw;}
.mypage .profile .pro_img img{width: 100%; border-radius: 100%;}
.mypage .profile button.edit_pimg {position: fixed; bottom: 0;right: 0;border:0;z-index: 5;}
.mypage .profile button.edit_pimg img{max-width: 44px;}

.mypage .profile .p_top {display: flex; align-items: center; justify-content: center; gap: 5%;}
.mypage .profile .p_top span.gold{display: flex; align-items: center; border-radius: 15px; background: #F5D143; color: #fff; font-size: 12px;width: 15%;justify-content: center; gap: 4%; padding: 5px;}
.mypage .profile .p_top span.gold img{max-width: 16px;display: block; margin-right: 2%;}
.mypage .profile .p_top span.pla{display: flex; align-items: center; border-radius: 15px; background: #87ECFC; color: #fff; font-size: 12px;width: 15%;justify-content: center; gap: 4%; padding: 5px;}
.mypage .profile .p_top span.pla img{max-width: 16px;display: block; margin-right: 2%;}
.mypage .profile .p_top span.dia{display: flex; align-items: center; border-radius: 15px; background: #FF8FAA; color: #fff; font-size: 12px;width: 15%;justify-content: center; gap: 4%; padding: 5px;}
.mypage .profile .p_top span.dia img{max-width: 16px;display: block; margin-right: 2%;}
.mypage .profile .p_top span.vip{display: flex; align-items: center; border-radius: 15px; background: #C70A0A; color: #fff; font-size: 12px;width: 15%;justify-content: center; gap: 4%; padding: 5px;}
.mypage .profile .p_top span.vip img{max-width: 16px;display: block; margin-right: 2%;}
.mypage .profile .p_top span.vvip{display: flex; align-items: center; border-radius: 15px; background: #1E1E1E; color: #fff; font-size: 12px;width: 15%;justify-content: center; gap: 4%; padding: 5px;}
.mypage .profile .p_top span.vvip img{max-width: 16px;display: block; margin-right: 2%;}

.mypage .profile .p_top span.nick{font-size: 16px; font-weight: bold;}
.mypage .profile .p_top span.nick{}
.mypage .profile .p_top span.voice{}
.mypage .profile .p_top span.voice input+label{background: url('/img/voice_off.png')no-repeat center center; background-size: 36px; padding: 18px; display: block;}
.mypage .profile .p_top span.voice input:checked+label{background: url('/img/voice_on.png')no-repeat center center; background-size: 36px; padding: 18px; display: block;}
.mypage .profile .p_center{display: flex; align-items: center; justify-content: center; gap: 10%;margin-top: 20px;}
.mypage .profile .p_center span.age{font-size: 12px; font-weight: bold;}
.mypage .profile .p_center span.gender{font-size: 12px; font-weight: bold;display: flex; align-items: center;}
.mypage .profile .p_center span.gender img{max-width: 12px;margin-right: 5px;}
.mypage .profile .p_center span.loc{font-size: 12px; font-weight: bold;display: flex; align-items: center;}
.mypage .profile .p_center span.loc button {border:0;}
.mypage .profile .p_center span.loc button img{max-width: 16px;margin-left: 5px;}
.mypage .profile .p_center span.coin{font-size: 12px; font-weight: bold;display: flex; align-items: center;}
.mypage .profile .p_center span.coin img{max-width: 12px;margin-right: 5px;}
.mypage .profile .p_bot{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;margin-top: 15px;}
.mypage .profile .p_bot ul{width: 70%;display: flex; align-items: center;flex-wrap: wrap;}
.mypage .profile .p_bot ul li{color: #c70a0a;width: 30%;text-align: center;margin-bottom: 3px;}
.mypage .profile .p_bot ul li:nth-child(1){color: #c70a0a;width: 30%;text-align: right;margin-left: 30px;margin-right: 10px;}
.mypage .profile .p_bot ul li:nth-child(2){color: #c70a0a;width: 50%;text-align: left;}
.mypage .profile .p_bot button.pb_more{background: #fff; border:0; padding: 5px;border-radius: 10px;}
.mypage .profile .p_bot button.pb_more span{font-size: 12px;display: block;font-weight: bold;}
.mypage .profile .p_bot button.pb_more span img{max-width: 12px;}

/*.my_btn {position: absolute; bottom: 60px;left: 0; width: 100%; display: flex; justify-content: space-between;gap: 1px;} */
.my_btn {width: 100%; display: flex; justify-content: space-between;gap: 1px;}

.my_btn button{width: 50%;display: flex; align-items: center; justify-content: center; flex-wrap: wrap;padding: 10px 0;border:0; background: #D8BCA4;}
.my_btn button img{max-width: 22px; display: block; margin: 0 auto;}
.my_btn button span{width: 100%; display: block;color: #fff; font-weight: bold;margin-top: 5px;}
.my_btn input {width: 30%;text-align: center; color: #c70a0a;font-weight: bold;border:0; border-radius: 5px;}
.my_btn input::placeholder {color: #c70a0a;}

.edit_proimg {padding: 30px 15px; box-sizing: border-box;}
.edit_proimg button.chg_com{background: #c70a0a; color: #fff; display: flex; align-items: center; padding: 5px 15px;box-sizing: border-box; border-radius: 10px;}
.edit_proimg button.chg_com img{margin-right: 5px;max-width: 20px;}
.edit_proimg ul {display: flex; align-items: center; justify-content: space-between;gap: 3%; flex-wrap: wrap;}
.edit_proimg ul li{width: 30%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;margin-top: 10%;}
.edit_proimg ul li span.p_img{display: block;position: relative;}
.edit_proimg ul li span.p_img button{position: absolute; top: 5px;right: 5px; border:0;}
.edit_proimg ul li span.p_img button img{max-width: 21px;}
.edit_proimg ul li span.p_img span img{width: 28vw; height: 28vw; border-radius: 10px; object-fit: cover;}
.edit_proimg ul li span:nth-child(2){display: block; width: 100%; margin-top: 5px;}
.edit_proimg ul li span:nth-child(2) input+label{display: block; border-radius: 10px; padding: 5px 15px; background: #fff; box-sizing: border-box;font-weight: bold;}
.edit_proimg ul li span:nth-child(2) input:checked+label{display: block; border-radius: 10px; padding: 5px 15px; background: #c70a0a; box-sizing: border-box;font-weight: bold;color: #fff;}

.edit_proimg .pbtn{margin-top: 32px;}
.edit_proimg .pbtn button{display: flex;align-items: center;justify-content:center; width: 100%; border-radius: 10px; padding: 10px 0; font-size: 16px;}
.edit_proimg .pbtn button img{max-width: 20px;margin-right: 7px;}
.edit_proimg .pbtn button:nth-child(1){background: #c70a0a; color: #fff;margin-bottom: 15px;}
/*
.edit_proimg .pbtn button:nth-child(2){background: #c70a0a; color: #fff; border:1px solid #c70a0a; margin-bottom: 15px;}
.edit_proimg .pbtn button:nth-child(3){background: #fff; color: #c70a0a; border:1px solid #c70a0a;}
*/
.edit_proimg .pbtn button.img_file{background: #c70a0a; color: #fff; border:1px solid #c70a0a; margin-bottom: 15px;}
.edit_proimg .pbtn button.camera{background: #fff; color: #c70a0a; border:1px solid #c70a0a;}
.edit_proimg .pbtn button input[type=file]{position: fixed; left: -9999px;}

.setting {}
.setting .top{display: flex; align-items: center; justify-content: center; gap: 5%;padding: 30px 15px; box-sizing: border-box;}
.setting .top button{display: flex; background: #fff; border-radius: 100%; width: 92px;height: 92px; border:0; align-items: center; justify-content: center; flex-wrap: wrap;}
.setting .top button img{display: block;max-width: 24px;}
.setting .top button span{display: block; width: 100%;font-size: 12px;margin-top: -25px;}
.setting .top button:nth-child(1){}
.setting .top button:nth-child(2){}
.setting .top button:nth-child(3){}

.setting .setting_list {padding: 1px 15px 15px 15px; box-sizing: border-box; display: block; background: #fff;}
.setting .setting_list ul{}
.setting .setting_list ul li:first-child{ color: #c70a0a;font-size: 16px; font-weight: bold;border:0;margin-top: 30px;}
.setting .setting_list ul li {border-bottom: 1px solid #ccc;}
.setting .setting_list ul li a{display: block;padding: 15px 5px; font-weight: bold;box-sizing: border-box;}

.coin_list {}
.coin_list .buy_coin{position: relative;}
.coin_list .buy_coin span{display: block;margin-right: 5px;color: #c70a0a;font-size: 14px; font-weight: bold;}
.coin_list .buy_coin a img{display: block; max-width: 10px;position: static;transform: unset;}
.coin_list .buy_coin a{position: absolute; bottom: 5px;right: 5px; display: flex; align-items: center;}

.coin_list .coin_tab {padding: 15px;box-sizing: border-box;}
.coin_list .coin_tab .tab_btn{display: flex; align-items: center; justify-content: space-between;border-bottom: 1px solid #ccc;}
.coin_list .coin_tab .tab_btn button{display: block; width: 50%; padding: 8px; box-sizing: border-box; text-align: center; background: #fff; color: #333; font-weight: bold; font-size: 14px;}
.coin_list .coin_tab .tab_btn button.on {background: #c70a0a; color: #fff;}
.coin_list .coin_tab .tab_content{background: #fff; display: none;padding-bottom: 180px;}
.coin_list .coin_tab .tab_content.on{background: #fff; display: block;}
.coin_list .coin_tab .tab_content ul{}
.coin_list .coin_tab .tab_content ul li{display: block; background: #fff; border-bottom: 1px solid #ccc;padding: 15px;box-sizing: border-box;}
.coin_list .coin_tab .tab_content ul li span.top{display: flex; align-items: center; justify-content: space-between;}
.coin_list .coin_tab .tab_content ul li span.top span:nth-child(1){font-size: 16px; font-weight: normal;}
.coin_list .coin_tab .tab_content ul li span.top span:nth-child(2){font-size: 12px;}
.coin_list .coin_tab .tab_content ul li span.top span:nth-child(2) span.plus_coin{font-size: 16px; color: #4284E8; margin-right: 5px;}
.coin_list .coin_tab .tab_content ul li span.top span:nth-child(2) span.miner_coin{font-size: 16px; color: #c70a0a; margin-right: 5px;}
.coin_list .coin_tab .tab_content ul li span.bot{display: flex; align-items: center; justify-content: space-between;margin-top: 3px;}
.coin_list .coin_tab .tab_content ul li span.bot span{font-size: 12px; color: #c1c1c1;}
.coin_list .coin_tab .tab_content ul li span.bot span:nth-child(1){}
.coin_list .coin_tab .tab_content ul li span.bot span:nth-child(2){}

.inz {padding: 15px;box-sizing: border-box;}
.inz .top{background: #fff; padding: 25px; box-sizing: border-box; display: flex; justify-content: space-between;gap: 3%;border-radius: 15px;}
.inz .top button{width: 30%;display: block;border:0;}
.inz .top button img{display: block; width: 70%; margin: 0 auto;}
.inz .top button span {display: block; width: 100%; text-align: center;margin-top: 5px;}
.inz .top button:nth-child(2) span {display: block; width: 100%; text-align: center;margin-top: 15px;}
.inz .top button:nth-child(3) span {display: block; width: 100%; text-align: center;margin-top: 15px;}
.inz .con{background: #fff; padding: 15px; box-sizing: border-box; border-radius: 15px;margin-top: 30px;}
.inz .con h3{display: block; color: #c70a0a; margin-bottom: 15px;}
.inz .con p{display: block; color: #c70a0a;margin-bottom: 10px;font-size: 12px;}
.inz .con h4{display: block; margin-top: 30px; padding-bottom: 15px;}
.inz .con span{display: block;font-size: 12px;color: #666;line-height: 160%;}
.inz button.inz_more{background: #c70a0a; font-size: 16px; font-weight: bold; color: #fff; text-align: center; width: 100%; padding: 10px 0; margin-top: 30px; border-radius: 15px;}

.secu {padding: 30px 0;}
.secu ul{background: #fff;display: block; padding: 15px; box-sizing: border-box;padding-bottom: 100px;}
.secu ul li{display: block; width: 100%; border-bottom: 1px solid #ccc;}
.secu ul li:first-child{color:#c70a0a; font-weight: bold; font-size: 16px; display: block; margin-bottom: 5px;border:0;}
.secu ul li a{display: block; padding: 15px 0; font-weight: bold; font-size: 14px;}

.copyright { padding: 15px; background: #fff; }
.copyright .title { padding: 1.3vw 0px; font-weight: 500; }
.copyright .title ul{margin-top: 3px;display: none;}
.copyright .t_inner{ padding: 0.3vw 0px; font-size: 12px; color: #333; }
.phone_chg {background: #fff;padding-top: 15px; padding-bottom: 150px;margin-top: 15px;}

.phone_chg ul li:nth-child(1) button{background: #c70a0a;color: #fff; border-radius: 10px;}
.phone_chg ul li:last-child button{background: #c1c1c1;color: #fff; border-radius: 10px;}
.mt30 {margin-top: 30px;}

.alrm {background: #fff; padding: 15px;margin: 15px 0;}
.alrm b{display: block; font-size: 16px; font-weight: bold; color: #c70a0a;margin-bottom: 15px;}
.alrm ul{}
.alrm ul li{display: flex; align-items: center; justify-content: space-between; width: 100%;padding: 10px; box-sizing: border-box; border-bottom: 1px solid #c1c1c1;}
.alrm ul li span{}
.alrm ul li button{display: block;width: 60px;padding: 15px 0; border:1px solid #999; border-radius: 15px;position: relative;transition: 0.3s ease all;}
.alrm ul li button:after{content:''; display: block; padding: 12px; border-radius: 100%; background: #c70a0a; position: absolute; top: 50%;left: 5%;transform: translateY(-50%);transition: 0.3s ease all;}
.alrm ul li button.on {background: #c70a0a;}
.alrm ul li button.on::after {left: 50%;background: #fff;}

.alrm_list {}
.alrm_list ul{background: #fff; margin: 3vw 0;}
.alrm_list ul li{display: block;padding: 15px; box-sizing: border-box; border-bottom: 1px solid #c1c1c1;}
.alrm_list ul li span.subj{display: block; background: url('/img/down_ico.png')no-repeat center right 15px; background-size: 20px;}
.alrm_list ul li span.con{padding: 15px 0;font-size: 12px; display: none;}
.alrm_list ul li.on span.con{display: block;}
.alrm_list ul li.on span.con img {max-width: 100%; border-radius: 5px; }

.main_menu ul.main_menu_list.cha li {align-items: flex-start;}
.main_menu ul.main_menu_list.cha li span.center span.up span:nth-child(3) {width: 65%;}
.main_menu ul.main_menu_list.cha li span.center {width: 83%;}
.qna {padding-bottom: 100px;background: #fff;margin: 15px 0;padding-top: 0;}
.qna ul {padding-bottom: 0;}
.qna .e_qna{padding: 15px 30px; display: block; box-sizing: border-box; border-bottom: 1px solid #c1c1c1;}
.qna .e_qna b{display: block;margin-bottom: 10px;}
.qna .e_qna p{display: block;}
.qna span{color: #666; padding: 10px 15px; box-sizing: border-box;display: block;}


.qna_list {padding: 15px; box-sizing: border-box; display: block;}
.qna_list button {width: 100%; padding: 10px; box-sizing: border-box; text-align: center; color: #fff; background: #D8BCA4;border:0; border-radius: 5px; margin-bottom: 15px;font-size: 14px; font-weight: bold;}
.qna_list .list_more{margin: 0; margin-top: 15px;}
.qna_list ul{background: #fff;}
.qna_list .list_box ul  li{box-sizing: border-box; width: 100%; border-bottom: 1px solid #c1c1c1;}
.qna_list .list_box ul  li a{display: block;padding: 15px 10px;  box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.qna_list .list_box ul  li a span{}
.qna_list .list_box ul  li a span:nth-child(1){display: block; max-width: 90%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.qna_list .list_box ul  li a span:nth-child(2){font-size: 12px; color: #c1c1c1;}

.notice_view {margin: 15px 0;background: #fff;padding: 15px;box-sizing: border-box;}
.notice_view h1{display: block; margin-bottom: 15px;}
.notice_view p{display: block;}
.notice_view .juend{margin-top: 200px;}
.notice_view .juend button{background: #c70a0a; color: #fff; border-radius: 10px; padding: 5px;}

.version {background: #fff;padding-bottom: 200px;margin-top: 15px;}
.version h1{display: block;padding: 15px; box-sizing: border-box;margin-bottom: 20px;}
.version .box{display: block; padding: 15px 25px; box-sizing: border-box;}
.version .box b{font-weight: normal;margin-bottom: 12px;display: block;}
.version .box p{font-weight: normal; font-size: 16px; color: #c70a0a;}
.version .box1{border-bottom: 1px solid #c1c1c1;}
.version .box2{padding: 30px 25px; display: block; box-sizing: border-box;}
.version .box2 p {margin-bottom: 15px;}
.version .box2 span{display: block; color: #666; font-size: 12px; margin-top: 10px;}
/* 버전안에 이용약관 바로가기 추가 */
.version .a_policy{display: flex; align-items: center;  flex-wrap: wrap; padding: 0 25px; margin-top: 30px;}
.version .a_policy .top{margin-bottom: 2px;}
.version .a_policy a{font-size: 12px; color: #666; margin-right: 15px; cursor: pointer;}

.inz2 {padding: 15px; display: block; box-sizing: border-box;}
.inz2 h1{}
.inz2 .at-container{background: #fff; padding: 15px;box-sizing: border-box; border-radius: 10px;}
.inz2 .at-container p{white-space: pre-line;font-size: 12px;}
.inz2 .at-container p span {font-size: 12px; color: #c70a0a;}

.sang {display: flex; align-items: center; justify-content: center; padding: 250px 0; background: #fff;margin-top: 15px;}
.sang h1{}

.pop15 {}
.pop15 .exchg{padding: 25px; box-sizing: border-box;}
.pop15 .exchg .top{display: flex; align-items: flex-start;}
.pop15 .exchg .top p{}
.pop15 .exchg .top p:nth-child(1){width: 30%;}
.pop15 .exchg .top p:nth-child(2){width: 60%;display: block;}
.pop15 .exchg .top p:nth-child(2) input{width: 100%; box-sizing: border-box;padding: 5px 0;}
.pop15 .exchg .top p:nth-child(2) span{font-size: 12px;color: #c1c1c1;}
.pop15 .exchg .top p:nth-child(3){margin-left: 10px;}

.pop15 .exchg .top2 {display: flex; align-items: center;margin-top: 20px;}
.pop15 .exchg .top2 span:first-child{margin-right: 20%;}

.pop15 .exchg .top3{display: flex; align-items: center;margin-top: 20px;}
.pop15 .exchg .top3 span{}
.pop15 .exchg .top3 span span{margin-left: 10px; color: #c70a0a;}
.pop15 .exchg .top4{margin-top: 15px;}
.pop15 .exchg .top4 b{display: flex; align-items: center;}
.pop15 .exchg .top4 b span{margin-left: 10px;font-weight: normal;}
.pop15 .exchg .top5{margin-top: 15px;}
.pop15 .exchg .top5 b{color: #c70a0a; }
.pop15 .exchg .top5 span{color: #c70a0a;display: block;margin-top: 5px;}

.hash_com {overflow-x: hidden;}
.hash_com img {width: 100%;}

.off { visibility: hidden; }


.profile_img_pop {position: fixed; top: 0;left: 0; width: 100%;height: 100%;z-index: 999;background-color: #C1C1C1;padding: 15px; box-sizing: border-box;display: none;}
.profile_img_pop .swiper-pagination-fraction {bottom: 85%;color: #fff;}
.profile_img_pop .close_pip {position: absolute; top: 15px;left: 15px; border:0;}
.profile_img_pop .close_pip img {max-width:15px;}
.profile_img_pop .pip_content {width: 100%;padding: 20px 0; background: #000;margin-top: 100px;}
.profile_img_pop .swiper-container3  {overflow: hidden;}
.profile_img_pop .swiper-container3 .swiper-slide img{width: 100%;}

.chat_coin {
	position: absolute;
	bottom: 2vw;
	right: 2vw;
	background: #fff;
	padding: 0.5vw 3vw;
	border-radius: 5px;
	color: #c70a0a;
	font-weight: 600;
}


/* 이용약관 */
.policy{padding: 15px 0; background: #fff;}
.policy h3{font-size: 18px;}
.policy p{white-space: pre-line;}