@charset "utf-8";
/* HTML Reset  */

/* common  height:100%;#container{ margin:13.889vw 0 0 0; width:100%;overflow:auto;  display:block;clear: both; padding-bottom:8.333vw; }   height:15.278vw;*/
 
#wrap{ clear:both; overflow:hidden; position:relative; padding:0; margin:0; }
#container{ margin:13.889vw 0 8.333vw 0; width:100%;  overflow:auto;  display:block;  } 
#container2{ margin:24.889vw 0 8.333vw 0; width:100%;  overflow:auto;  display:block;  } 
#container-vw{ margin:13.889vw 0 16.667vw 0; width:100%;  overflow:auto;  display:block;} 

.base{overflow: hidden; display: block;clear: both;} 



	.dia_wrap {display: flex; align-items:center; width: 100%;}
	.dia_wrap > span{display: flex;}
	.dia_wrap > span.dia_left{background: url('../images/dia_left_gong.png')no-repeat center right; width:100%; height:16.111vw; background-size:6.9444vw;}
	.dia_wrap > span.dia_left.on{background: url('../images/dia_left_full.png')no-repeat center right; width:100%; height:16.111vw; background-size:6.9444vw;}
			  
	.dia_wrap > span.dia_right{background: url('../images/dia_right_gong.png')no-repeat center left; width:100%; height:16.111vw; background-size:6.9444vw;}
	.dia_wrap > span.dia_right.on{background: url('../images/dia_right_full.png')no-repeat center left; width:100%; height:16.111vw; background-size:6.9444vw;}
/* 2022 04 08 수정 수환 */
.set1 {white-space:pre-line;}
.no_alrm {display: flex; justify-content:center; align-items:center; height: 15vh; width: 100%;/* position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%); */}

/* hearder   */
header{position:fixed; top:0; left:0; width:100%; height:18.333vw;background:#fff;text-align:center;overflow:hidden;display:block; z-index:2; }
header h1{font-size:4.444vw; color:#111;line-height:6.667vw;padding-top:3.333vw;font-weight:normal;text-align:center; margin:0 auto; position: relative;}
.btn-back{ position:absolute; left:4.167vw; top:4.167vw;  height:4.444vw; width:2.778vw; background:url(../images/back_pink.png) no-repeat; display:block; text-indent:-2777.500vw; } 
.btn-back2{ position:absolute; left:4.167vw; top:4.167vw;  height:4.444vw; width:2.778vw; background:url(../images/back_pink.png) no-repeat; display:block; text-indent:-2777.500vw; } 
.btn-back3{ position:absolute;top: 62%;left: 4.1667vw;transform: translateY(-50%);background-size: 4vw; padding: 4vw; background:url(../images/back_pink.png) no-repeat center center; background-size: 4vw; display:block; text-indent:-2777.500vw; } 
.bg-wh{ background:#fff !important;}
.pk{ background:url(../images/back_pink.png) no-repeat center left/2.778vw;}
.bk{background:url(../images/back_black.png) no-repeat; left:5.556vw; width:3.056vw; height:5.000vw;}
 
.toptainer{ border-bottom: 1.111vw solid #EBEBEB; height:14.444vw;}
.toptainer h1{text-align:left; margin-left:16.944vw; margin-right:16.667vw; font-weight: 500;}


.util_l {position:absolute; left:4.444vw; top:3.333vw; padding-bottom: 4vw; padding-right: 4vw;}

.util_l a {margin-right:2.222vw;}
.util_l .iconl1 img {width:6.1111vw;height: auto;}
.util_l .iconl2 {height:4.444vw; width:2.778vw; background:url(../images/back_white.png) no-repeat; display:inline-block; text-indent:-2777.500vw; margin-top:1.111vw; margin-right:3.333vw; } 
.util_l .iconl3 {height:8.444vw; width:5.778vw; background:url(../images/chat_exit.png) no-repeat; display:inline-block; text-indent:-2777.500vw; margin-right:3.333vw; } 


/* .util_r .iconr2 {  position:absolute; top:3.222vw; right:28.889vw; } 
.util_r .iconr3 {  position:absolute; top:2.222vw; right:13.889vw; }  */
/* .util_r .iconr4 { position:absolute; top:3.056vw; right:4.167vw; } */
.util_r .iconr4 {position: relative;}
.util_r .iconr4 img {width:6.389vw;margin-top:1.389vw; }
.util_r .iconr4 span.bell_dot {text-indent:-2777.500vw; display:inline-block;border-radius:50%; width:1.944vw;height:1.944vw;background: #F31212 0% 0% no-repeat padding-box; position: absolute; top: 0;right: 0;}

.util_r .iconr5{  position:absolute; top:3.611vw; right:13.889vw; }
.util_r .iconr5 img{width: 7.778vw; height: 7.778vw;} 
.util_r .iconr6{  position:absolute; top:6.667vw; right:4.167vw; } 
.util_r .iconr6 img{width: 6.667vw; height:1.667vw; }
.util_r .iconr7{font-size: 4.444vw;  position:absolute; top:4.444vw; right:4.167vw;  letter-spacing: -0.089vw;    color: #FFFFFF;}
.util_r .iconr7 a{color: #FFFFFF;}

.util_r2{ position:absolute; top:0.000vw; right:26.389vw;}
.util_r2 a{ width: 8.333vw; display: inline-block; margin: 0 0.556vw;}
.util_r2 .iconr5 img{width: 7.778vw; height: 7.778vw; border: 0.000vw solid red;}
.util_r2 .iconr6 img{width: 6.667vw; height:1.667vw; border: 0.000vw solid red; margin-top: 3.056vw; }


/* 버튼 */
button{ font-weight:500;margin:0;padding:0;vertical-align:middle; text-align:center; cursor:pointer; -webkit-appearance:listbox; border:0; overflow:hidden;text-transform:none;color:inherit;
box-shadow: 0.000vw 0.833vw 1.667vw #00000029;border-radius:1.389vw;font-family: 'Pretendard', NanumSquare, sans-serif; }

 
.bsnone{box-shadow:none;}
.btn5{background: #FFBDBD 0% 0% no-repeat padding-box; border-radius: 1.389vw;box-shadow:none;}
.btn8{border-radius: 2.222vw;color: #FFFFFF;font-size:4.444vw; box-shadow:none;}
.btn8-vw{border-radius: 2.222vw;color: #FFFFFF;font-size:4.444vw; box-shadow:none;}
.btn8g{border-radius: 2.222vw;color: #898B86;font-size:4.444vw; box-shadow:none;background: #E1E9E1; height:10.5vw;}
.btn10{border-radius: 1.378vw;font-size:4.722vw; box-shadow:none; height:10.5vw; ;background: #6A7E90;color: #fff !important;}
.lo_bt_cs .btn10{border-radius: 1.378vw;font-size:4.722vw; box-shadow:none; height:10.5vw; ;background: #6A7E90;color: #fff !important; width: 90%;}

.btn-wh1{background:#6A7E90;color:#fff;font-size:4.444vw; height:10.5vw; }
.btn-wh2{background:#fff;color:#111;font-size:4.167vw; height:12.778vw;border-radius: 1.378vw; }
.btn-wh3{background:#AA9F8F;color:#fff;font-size:4.167vw; height:12.778vw;border-radius: 4vw; border:0.2778vw solid #000;margin-top:-7vw;}
.btn-pink1{background:#FCBCBC; color:#fff;font-size:4.444vw; height:10.5vw; }
.btn-pink2{font-size:4.444vw; height:10.5vw;color:#fff;background:#6A7E90}

.btn-pink3{background:#FFBDBD;border-radius:5.556vw;color: #4F493B;font-size:3.333vw; padding:1.389vw 2.778vw;box-shadow:none;}
.btn-pink_jung{background:#6a7e90;border-radius:1.556vw;color: #fff; padding:0.389vw 2.778vw;box-shadow:none;font-size: 3.0556vw;position: absolute;top: 2.2222vw;}
.btn-pink_loc{background:#6a7e90;border-radius:0.556vw;color: #fff; padding:0.389vw 2.778vw;box-shadow:none;font-size: 3.0556vw;width: 30% !important;}
.btn-pink4{background:#6a7e90;border-radius:2.778vw;color: #fff;font-size:3.333vw;padding:2.778vw 5.278vw;box-shadow:none;}

.step_wrap {padding: 2.7778vw 4.1667vw; box-sizing: border-box;}
.step_bar {width: 100%; display: block; position: relative; height: 1.3889vw;background: rgba(0,0,0,0.1);border-radius: 2.7778vw;}
.step_bar .step_per1{position: absolute; top: 50%;left: 0;transform: translateY(-50%); background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 20%;height: 1.3889vw; display: block;}
.step_bar .step_per2{position: absolute; top: 50%;left: 0;transform: translateY(-50%); background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 40%;height: 1.3889vw; display: block;}
.step_bar .step_per3{position: absolute; top: 50%;left: 0;transform: translateY(-50%); background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 60%;height: 1.3889vw; display: block;}
.step_bar .step_per4{position: absolute; top: 50%;left: 0;transform: translateY(-50%); background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 80%;height: 1.3889vw; display: block;}
.step_bar .step_per5{position: absolute; top: 50%;left: 0;transform: translateY(-50%); background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 100%;height: 1.3889vw; display: block;}


.btn-gray{box-shadow:none;background: #EBEFE9 0% 0% repeat padding-box;font-size:4.444vw; height:10.5vw; color:#898B86;}
.btn-6a{box-shadow:none;background: #6a7e90 0% 0% repeat padding-box;font-size:4.444vw; height:10.5vw; color:#fff;}

.btninner-b{ position:fixed; bottom:11.111vw; width:100%; }
.btninner-bbb>div{padding: 0 11.1111vw;}
.btn-grn{background: transparent linear-gradient(125deg, #D1E1D1 0%, #B2D1B2 100%) 0% 0% no-repeat padding-box; font-size: 4.444vw;}

.btn-trans{background: #F4F4F4; color:#9D8D89;box-shadow: 0.000vw 0.833vw 1.667vw #00000029;
border-radius:1.389vw;font-size:4.444vw; height:10.5vw;}



/* intro */
/* .intro{width:100%; height:100%; margin:0 auto; background: transparent linear-gradient(180deg, #FECFCF 0%, #FFBDBD 45%, #FCA6A6 100%) 0% 0% no-repeat padding-box;} */

.intro h1{text-align:center; margin:0 auto; width:55.611vw; height:36.667vw; padding-top:35.278vw;}



/* me 본인인증 */
.me{width:100%;  margin:13.333vw auto 0 auto;  display: block;text-align:center;}
.me_wrap{margin: 0.5556vw auto 0 auto;}
.me p{letter-spacing: -0.072vw; line-height:5.556vw;}
 
.icon-me{ margin-top: 13vw;width: 32.167vw;  height: 27.778vw;  }

.phnum{ text-align: center; padding-top: 16.333vw;}
.phnum input{ text-align: center; border-bottom:0.2778vw solid #403533; display: block; padding-bottom: 2.2222vw; width: 63%; margin: 0 auto; margin-bottom: 3.3333vw; height: auto; font-size:3.3333vw; -webkit-appearance: none; -webkit-border-radius: 0;}
.phnum input:last-child{margin-bottom: 0;}
.phnum input::placeholder {color: #000 !important; font-size:3.3333vw !important;}

/* 회원가입 join */
.joininner{padding-top:6.944vw;}

  
.listbox dt, .listbox dd{padding:0;margin:0;}
.listbox dt{font-size:3.889vw;padding-bottom:1.389vw;}
.listbox dd{color:#111;padding:0.833vw 0 5.556vw 0; }
.listbox dd.line{ border-bottom:0.278vw solid #403533;     padding: 0.833vw 0 3vw 0; margin-bottom:5.556vw;}
.ckbox li{padding-bottom:2.778vw; }
.ckbox u{margin-left:3.056vw; text-decoration:none;  margin-right:2.778vw;}

.pinkbnt{ border-radius: 1.389vw;    background: #6a7e90; padding:0 2.389vw;
     color: #fff; font-size: 3.333vw; display: inline-block; float: right;}


.seahpw1 li{padding-bottom: 2.778vw; position: relative;}
.seahpw1 li input{ width: 100%;}     
.seahpw1 li button{ box-shadow: none; color: #fff; position: absolute; right:1.389vw; top: 1.389vw;
    border-radius: 2.5vw; background: #FFBDBD;height:9.722vw; width:22.778vw;font-size: 3.333vw;}





/* men women*/
.choiceinner{ margin:0 auto; height:100%;   } 
.bg-men{background:url(../images/d324323.png) top center no-repeat; height:100%; background-size:cover; overflow: auto;  }
.bg-women{background:url(../images/women_bg.png) top center no-repeat;height:100%; background-size:cover; overflow: auto; }

.tit1{font-weight:500; font-size:5.000vw; color: #000;}
.box-wh{ width:100%;border-radius: 5.556vw;  background: rgba(255, 255, 255, 0.73) 0% 0% no-repeat padding-box;
    height:13.333vw;margin-bottom:5.833vw;cursor:pointer; -webkit-appearance:listbox;}
.box-wh span{background: #fff; width:10.000vw; height:10.000vw; border:0.556vw solid #BABDB4;
     border-radius:50%;text-align:center;vertical-align:middle; display:inline-block; margin:1.111vw 0 1.111vw 2.222vw; }
.box-wh span img{margin:0 auto;  }
.box-wh p{font-size:3.333vw;color:#000;letter-spacing: 0.017vw;vertical-align:middle;display:inline-block; padding-left:3.889vw;}
.box-wh span img.men1{width:6.944vw; height:3.333vw; padding-top:3.333vw; }
.box-wh span img.men2{width:4.444vw; height:4.444vw;padding-top:2.778vw; }
.box-wh span img.men3{width:5.000vw; height:5.278vw;padding-top:2.500vw; }
.box-wh span img.men4{width:6.667vw; height:4.167vw;padding-top:3.333vw; }
.box-wh span img.men5{width:6.944vw; height:5.833vw;padding-top:2.222vw; }
.box-wh span img.men6{width:5.000vw; height:4.167vw;padding-top:3.056vw; }
.box-wh span img.men7{width:7.778vw; height:2.778vw;padding-top:3.333vw; }
.box-wh span img.men8{width:6.389vw; height:5.278vw;padding-top:2.500vw; }
.box-wh span img.women1{width:6.667vw; height:6.667vw;padding-top:1.389vw; }
.box-wh span img.women2{width:5.278vw; height:6.667vw;padding-top:1.944vw; }




/* choice */
.bg-choice{ height:100%; background-size:cover; overflow: auto; }

.title-ty1{margin:12.222vw auto 10.000vw auto; text-align:center;}
.title-ty1 img{width:15.556vw; height:7.500vw;}
.title-ty1 h1{font-size:6.111vw; padding-top:6.944vw; position: relative;}
.title-ty1 h1 img {position: absolute; top: 0vw;right: 7vw;}
.dia_ch_img h1 img {right: 18vw;}

.genderbox{margin:0.000vw auto; text-align:center;}

.title-ty2{ color:#4F493B; font-size:3.889vw; font-weight:500; display:block; }
.title-ty2 p{color: #4F493B;width:27.778vw; height:4.167vw; background: #FCFDF8 0% 0% no-repeat padding-box; border-radius:50%;box-shadow: 0.000vw 0.833vw 1.667vw #00000029;  padding:1.667vw 0;opacity: 0.95;border:1.389vw double #BABDB4;}

/* .gdbox{background: #FFFFFF 0% 0% no-repeat padding-box;border-radius:3.333vw;opacity: 0.9;  padding:17.278vw 5.833vw 6.444vw 5.833vw;background: url('../images/man_bg3.svg')no-repeat center center/cover;}
.gdbox2{background: #FFFFFF 0% 0% no-repeat padding-box;border-radius:3.333vw;opacity: 0.9;  padding:21.278vw 5.833vw 6.444vw 5.833vw;background: url('../images/woman_bg3.svg')no-repeat center center/cover;} */
.gdbox p{color:#000; padding:0 0 3.333vw 0;}
.gdbox p img {width: 2.2222vw;margin-left: 1.3889vw;}
.gdbox button{color:#fff; width:70%; height:10.000vw;}

.hr-sect {display: flex;flex-basis: 100%; align-items: center; color: rgba(186, 189, 180, 1);  font-size: 3.333vw; margin: 2.222vw 0.000vw; }
.hr-sect::before, .hr-sect::after {content: ""; flex-grow: 1; background: rgba(186, 189, 180, 1); height:0.278vw; font-size:0.000vw; line-height:0.000vw; margin:0.000vw 1.667vw;}


/*  join-option */

.bg-grn{background:#E1E9E1; height:100%;}

.sqlinebox{padding:5.278vw 3.889vw 7.500vw 3.889vw; margin:0.000vw auto 7.222vw auto; text-align:center;border: 0.278vw solid #BABDB4;border-radius:5.556vw;}
.sqlinebox h2{ margin:0.000vw auto !important; text-align:center !important; width:27.778vw;}
.sqlinebox h2 p{margin:0 0 0 -1.667vw;}
.sqlinebox span{padding:4.167vw 0 2.778vw 0; display:block;}
.sqlinebox .cont{font-size:3.333vw; letter-spacing: 0.017vw;padding-bottom:4.722vw;color:#4F493B;}

.jopt1{width:12.500vw; height:10.5vw;}
.jopt2{width:13.056vw; height:14.167vw;}
 



/* 자기소개 */
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.vabl{vertical-align:baseline;}
.mt30-0 {margin: 8.3333vw 0;}
.fcn {color: #85898f;}

.intdimg1{width:4.111vw; height:3.889vw; margin-left:2.500vw;}
.intdimg2{width:4.333vw; height:4.111vw; margin-left:2.500vw;}

.ttbox1{ margin:1.389vw 0; padding:0.833vw; resize: none; border-radius: 1.6667vw;}
.pinkline{border:0.278vw solid #b7b7b7;padding:1.389vw;}
.tag {display: flex; align-items: center; justify-content: normal; gap: 3.8889vw;flex-wrap: wrap;margin-top: 11.1111vw;}
.tag button{font-size: 2.7778vw;}
.btn-tag{vertical-align:middle;background: #FFf;box-shadow: 0 0.2778vw 0.8333vw 0.2778vw rgba(0,0,0,0.12); border-radius: 0.5556vw;color: #4F493B;padding:1.111vw 4.444vw 1.389vw 4.444vw;} 
.btn-tag:active{  background:#D6D6D6;}
.btn-tag:visited {  background:#D6D6D6;}
.btn-tag.on {  background:#D6D6D6;}


/* 사진 및 영상 등록 pic */
.picinner{text-align:center !important; }
.picinner li{position:relative;  width:25.000vw; height:23.333vw;display:inline-block; margin:0 3.333vw 6.944vw 1.389vw;}
.picinner span{height:23.333vw; width:23.333vw;display:block;border-radius:1.3889vw;}
.picinner span img{width: 100%; height: 100%; object-fit: cover;}
.picinner button{position:absolute; right:0.000vw; bottom:0.000vw;width: 100% !important;height: 100% !important;opacity: 0; display:block; text-indent:-2777.500vw;border:0.556vw solid #fff;  }
.picinner .btn-pt{padding:0;margin:0;  height:10.000vw; width:10.000vw; box-shadow:none; }



.title-ty3{margin:0.000vw auto !important; text-align:center !important; width:27.778vw;color:#4F493B; font-size:3.889vw; font-weight:500; display:block; }
.title-ty3 p{margin:0 0 0 -1.667vw;color: #4F493B;width:27.778vw; height:4.167vw; background: #FCFDF8 0% 0% no-repeat padding-box; border-radius:50%;box-shadow: 0.000vw 0.833vw 1.667vw #00000029;  padding:1.667vw 0;opacity: 0.95;border:1.389vw double #BABDB4;}
span.gr {display: block; text-align: center; color: #85898f;margin-bottom: 22.2222vw;}
 /* 아는 사람 연락처 차단 block1 */ 

.bimg{width:6.667vw; width:6.667vw;margin-right:2.222vw; }

/* 가입승인 심사 */ 
.centerbox{position:absolute;overflow:auto;margin:-13.889vw auto 0.000vw auto;text-align:center;}
.centerbox.h1{padding-top:0.000vw !important;}



.hrsy1{display:block;  width:20.556vw;border:0.278vw solid #FBF4EE; border-bottom: 0.000vw; text-align:center; color:#FBF4EE;}
.textsy1{font-size:4.444vw; font-weight:700; line-height:6.389vw;letter-spacing: 0.006vw; width: 80%; margin: auto;}
.textsy2{color:#000;text-align: center;font-size:3.889vw;letter-spacing: 0.003vw;line-height:5.556vw;font-weight:400;}

/* 반려 */
.wait{width:100%; height:100%; margin:0 auto;  display: block;background: transparent linear-gradient(180deg, #BBC3C7 0%, #C2C9CB 10%, #CED3D3 48%, #D4D8D2 100%) 0% 0% no-repeat padding-box;}
.onetext{display:block;margin:0 auto;  border-radius:50%;width: 47.222vw;height: 47.222vw;background: transparent linear-gradient(115deg, #C1C1BF 0%, #CECECA 61%, #B5B5B3 100%) 0% 0% no-repeat padding-box;}
.onetext strong{text-align: center;font:bold 5.000vw/7.222vw Pretendard; color: #F7F3EE; padding-top:13.333vw;display:block; }
.diaimg1{width:23.889vw; height:11.111vw;}
.hrsy2{display:block;  width:20.556vw;border:0.278vw solid #FF8584; border-bottom: 0.000vw; text-align:center;margin:7.778vw auto;color:##FF8584;font-weight:400;}
 


/* 회원탈퇴 */

.change6{padding:23.889vw 0;font-size:3.889vw;  line-height:5.556vw;letter-spacing: -0.078vw;} 
.lpinkbox{margin:6.111vw 0 6.944vw 0; padding:6.667vw 3.056vw;background:#FBF4EE;border-radius: 2.222vw;}
.nemo input[type="checkbox"] + label span {display: inline-block; width:5.556vw; height:5.556vw;margin:-0.556vw 1.389vw 0 0; vertical-align: middle; background: url(../images/checkbox_n.png) left top no-repeat; cursor: pointer; background-size: cover;}
.nemo input[type="checkbox"]:checked + label span {display: inline-block; width:5.556vw; height:5.556vw;margin:-0.556vw 1.389vw 0 0; vertical-align: middle; background: url(../images/dia_ck_full.png) left top no-repeat; cursor: pointer; background-size: cover;}
.change6 .nemo label {color: #666666; font-weight:400;} 

/* 승인 */
.ok{width:100%; height:100%; margin:0 auto;  display: block;}
.ok .onetext{background: transparent linear-gradient(115deg, #FEBABA 0%, #FECDCD 30%, #FEBCBC 74%, #FCA8A8 100%) 0% 0% no-repeat padding-box;}
.ok hr{margin:7.778vw auto 13.056vw auto;}


/* login */
.login{text-align:left;}
.logimg1{width:26.5vw; height:auto;}
.dpn {display: none !important;}
.logininput{padding:16.389vw 0 0.000vw 0;text-align:left;}
.logininput ul{}
.logininput li{padding:0 0 11.1111vw 0; display: flex; align-items: center; justify-content: space-between; position: relative;}
.logininput li:last-child{padding-bottom: 5.5556vw;}
.logininput li input{border-bottom: 0.2778vw solid #403533; width: 80%;}
.logininput li input::placeholder {color: #b7aeae !important;font-size: 3.3333vw;}
.logininput p{font-size:4.1667vw;line-height:6.667vw;color:#403533; width: 20%;font-weight: 500;}
.logininput .login_check{position: absolute;  left: 18.0556vw; font-size: 3.0556vw; width: 100%; font-family: 'Pretendard';}
.logininput .lo_ck1{bottom: 5.5556vw;}
.logininput .lo_ck2{bottom: 0;}
.logininput .login_btn{width: 84% !important;}

.linktext1{font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.100vw;
color: #FFFFFF;}
.linktext1 a{color: #000; margin:0 3.222vw; font-weight: 600; font-size: 3.3333vw;}

/* 비밀번호 찾기  */

.searchinner{padding:10.833vw 4.167vw;}
.searchinner h1{font-size:6.944vw;line-height:10.000vw;letter-spacing: -0.139vw;color: #140101;font-weight:700;}
.lineinp{background: #FFFFFF 0% 0% no-repeat padding-box;border: 0.278vw solid #403533;border-radius: 2.500vw;padding:3.333vw;}
.lineinp::placeholder{color: #D3D3D3;}

.greenbox{background:#E1E9E1 !important; border-radius:2.222vw; padding:6.667vw !important; width:50% !important; }
.lockimg{width:15.556vw;height:18.611vw;}  
.pwinput li{padding-bottom:7.222vw;}
.pwinput li p{font: normal normal normal 3.056vw/5.556vw Pretendard;color: #B2B2B2;margin-left:4.167vw; } 
 

/* 문의   */
.resetinner{position:fixed; top:0; bottom:0;left: 0; right: 0;  background: rgba(25, 24, 24, 0.65);display: block;}

.mailinner{position:fixed; top:5.556vw; bottom:0;left: 0; right: 0;  background: rgba(255, 255, 255, 1);border-radius: 5.556vw 5.556vw 0.000vw 0.000vw;padding:0 4.167vw;  display:block;}
.mailinner .textinfo{font-size:5.556vw;letter-spacing: -0.111vw;color: #140101; font-weight:800; padding-left:2.778vw;}
.mailinner ul{font-size:14p;letter-spacing: -0.078vw;color: #140101;font-weight:400; padding-top:5.556vw;}

.mailinner ul li{border-bottom: 0.278vw solid #EBEBEB; padding:1.389vw 2.778vw;}
.mailinner ul li strong{font-weight:400; width:20%; padding-right:1.389vw; }
.mailinner ul li input{border-bottom:0; width:85%;}
.mailinner ul li textarea{border:0;}

.mailinner ul li.none{border-bottom:none }

.mailinner .btninner{font-weight:600;height:13.889vw; padding-top:5.556vw;font-size:4.444vw;letter-spacing: -0.089vw;color: #000000;}
.mailinner .btninner a{ color: #000000;}
.new_bet {display: flex; align-items: center;justify-content: normal; gap: 2.7778vw; border-bottom: 0.2778vw solid rgba(0,0,0,0.1);margin-bottom: 13.8889vw;}
.new_bet img{width: 16.6667vw;}
.new_bet .info{padding: 5.5556vw 0; box-sizing: border-box;width: 100%;}
.new_bet .info strong{font-size: 4.4444vw; font-weight: 400;}
.new_bet .info p{color: #BDBDBD; font-size: 3.3333vw;}
/* 서류로가입 bet */
.title-ty4{font-size:4.444vw;line-height:6.667vw;font-weight:700; color: #111111;padding-bottom:3.333vw;}
.title-ty4 span{  padding-left:3.611vw;font: normal normal normal 3.333vw/4.722vw Pretendard; color: #85898f;}

.btn-bet{position:relative;  width:100%;  background: #fff; box-shadow:none; border-radius:1.3889vw;border:0.2778vw solid #eee; padding:0.000vw 5.278vw; height:15.278vw; margin:1.667vw 0; text-align:left;}
.btn-bet img{width:14vw; height:14vw;}
.btn-bet2 img{width:16.222vw; height:12.222vw;}
.btn-bet strong{font-size:3.889vw; color: #111111;padding:0;display:inline-block; padding:1.389vw 0 0 2.500vw;}
.btn-bet strong span{font-size:3.333vw; color: #B2B2B2;  font-weight:500 !important;clear:both;display:block;}
.btn-bet em{text-align:right; font: normal normal normal 3.889vw/5.556vw Pretendard; color: #85898f; position:absolute; right:5.278vw; top: 50%;transform: translateY(-50%);
}
.maxed{ height:20.556vw;}
/* .maxed img{padding-top:2.778vw;} */


/* 인증 bet1 ~ bet24 */

.betinner{padding-bottom:10.278vw; text-align:center; }
.betinner em{margin:0 auto 3.333vw auto;background: #F7FAF7 0% 0% no-repeat padding-box;box-shadow: 0.000vw 0.833vw 1.667vw #00000029;border-radius: 5.556vw;width: 23.889vw;height: 23.889vw;display:block;}
.betinner em img{width: 19.167vw;height: 19.167vw; padding-top:2.500vw; }
.betinner strong{display:block;font-size:5.000vw;line-height:7.222vw;color: #111111; padding-bottom:1.944vw;}
.betinner p{font: normal normal normal 3.889vw/5.556vw Pretendard;color: #B2B2B2;}

.wayinner{margin-bottom:11.667vw;}
.wayinner h2{font: normal normal normal 4.444vw/6.667vw Pretendard;padding-bottom:5.556vw;}
.wayinner article{background: #F7FAF7 0% 0% no-repeat padding-box;border-radius: 5.556vw; margin-bottom:2.222vw;}
.wayinner dl{color: #000000;padding:2.778vw 1.944vw 2.778vw 2.778vw;}
.wayinner dl dt{margin-right:2.778vw;float:left;padding-top:2.500vw;text-align:center;border-radius:50%;font: normal normal normal 3.333vw/5.000vw Pretendard;
letter-spacing: 0.017vw;width:10.556vw;height:8.056vw; background: #FCFDF8 0% 0% no-repeat padding-box;box-shadow: 0.000vw 0.833vw 1.667vw #00000029; border:1.111vw double #BABDB4;}
.wayinner dl dd{float:left; width:81%; padding-top:1.111vw; vertical-align:middle; }
.wayinner dl dd b{font: normal normal bold 3.889vw/5.000vw Pretendard;
letter-spacing: 0.019vw; padding-bottom:0.556vw;
display:block;}
.wayinner dl dd span{font: normal normal normal 3.611vw/5.000vw Pretendard;
letter-spacing: 0.019vw;display:block;vertical-align:middle; } 
.wayinner dl dd em{display:block;font: normal normal normal 3.333vw/5.000vw Pretendard;
letter-spacing: 0.017vw; padding-top:1.667vw;
color: #B2B2B2;}
 
.exinner{margin-bottom:6.944vw;}
.exinner h3{font: normal normal normal 3.889vw/5.556vw Pretendard; padding-bottom:3.889vw;}
.exinner img{width:96%; margin:2%;}
.exinner .red{font: normal normal normal 3.333vw/4.722vw Pretendard;padding:0.000vw 0 2.778vw 0; color: #F11412;}
.area_view{border: 0.278vw solid #BABDB4; margin-bottom:2.778vw;}
.area_view .watermark{ background: url(../images/bet1_dia.png) no-repeat 50% 50%; } 
.imageblock{ z-index: -1; position: relative; }


.ptinner{margin:0 auto 6.944vw auto;  }
.ptinner h4{font: normal normal normal 3.889vw/5.556vw Pretendard; color: #B2B2B2;margin-bottom:3.056vw;}
 .ptinner div{ text-align:center;padding-top:5.556vw; background:#EBEBEB; border-radius: 1.389vw; width:25.833vw;height:auto; min-width:25.833vw; min-height:20.278vw;float:left;}
.cameraimg{ width:13.000vw; height:15.000vw; margin:0.000vw auto 0.000vw auto;}
.mglr26{margin:0 6.944vw;}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++            메인 main                +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* 검색 모양 */
.shlink{font-size:4.444vw; color: #191818;border: 0.417vw solid var(--unnamed-color-ffbdbd);box-shadow: 0.000vw 0.833vw 1.389vw #00000029;border: 0.556vw solid #FFBDBD;border-radius: 5.556vw; margin-top:2.500vw; 
height:6.667vw;line-height:6.667vw; padding:2.778vw 5.000vw;}
.shlink span{width: 5.556vw;  height: 4.722vw; text-align:right; display:inline-block; vertical-align:middle; padding-left:1.389vw; }
.shlink em{width: 6.111vw;  height: 6.111vw; text-align:right; display:inline-block;vertical-align:middle; float:right;}

/* search */
.searchbox{padding-top:2.500vw;}
.searchbox .field-container{border: 0.417vw solid var(--unnamed-color-ffbdbd);box-shadow: 0.000vw 0.833vw 1.389vw #00000029;border: 0.556vw solid #FFBDBD;border-radius: 5.556vw; position:relative;}
.searchbox .field-container input{padding:0.000vw 5.000vw; background:none; height:11.667vw;border:none;font-size:4.111vw;color: #191818; width:84%;}
.searchbox .field-container input::placeholder {color: #191818;} 
.searchbox .field-container .icons-container{background: url(../images/mypage_pink_7.png) no-repeat 34.722vw center; }
.searchbox .field-container .icon-search{display: block; background: url(../images/search.png) no-repeat;  background-position: right center; width: 6.111vw;
  height: 6.111vw; position:absolute; top: 2.611vw; right:5.000vw;text-indent:-99999;}
.searchbox .field-container button{ box-shadow: none !important; border-radius: unset !important;}

.searchbox .s-1-b input::placeholder {color: #B2B2B2 !important;}


.s-l{overflow: hidden;}
.s-l li{border-bottom: 0.278vw solid #EBEBEB; display:flex;}
.s-l a {padding: 3.333vw 0 3.333vw 12.500vw; width: 100%; background:url(../images/iconsh.png) center left  no-repeat; background-size: 7.778vw;}
.s-l li span{ float: right; color:#757575; margin-right: 1.389vw;  padding: 3.333vw 0vw 3.333vw 12.5vw;}

/* 재검색 */
.re-s {  cursor: pointer; float: right; color: #191818;font-size: 3.889vw; padding-bottom: 1.389vw; }
.re-s img {width: 4.444vw; height: 2.778vw; margin-top: 1.111vw; margin-left: 0.833vw; }
#search-toggle {  display: none; /* hide the checkbox */}
#re-box {  display: none;}
#search-toggle:checked + #re-box {  display: block;}
.s-bg{background: #EBEBEB;padding:1.944vw 2.778vw; display: block; overflow: hidden; margin-top: 1.667vw;}
.s-bg input{padding: 1.944vw 2.222vw; height: 10.556vw;font-size: 4.444vw;background: #fff; border: 0.278vw solid #B2B2B2;width: 72%;float: left;}
.s-bg input::placeholder{color: #B2B2B2; }
.s-bg button{ border-radius: 0 ; height: 10.556vw;background: #FF8584;color: #FFFFFF;font-size: 4.444vw; width: 26%; float: right;}
.s-r{font-size: 3.889vw;color: #191818; display: inline-block; margin-left:4.722vw;}
.s-r a{ width: 5.556vw; display: inline-block; margin-left: 1.389vw; 
height: 5.556vw; text-indent:-99999;background: url(../images/search2_7.png) 0 0.278vw no-repeat;   }


/*  
*/


/* 투데이카드 6장  */
.list_roll2{display: -moz-flex;	display: -webkit-flex;	display: -ms-flex;	display: flex;	-moz-flex-wrap: wrap;	-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;	flex-wrap: wrap; postiion: relative;margin: -1.5em 0 0 -1.5em;}
.list_roll2_a{display: -moz-flex;	display: -webkit-flex;	display: -ms-flex;	display: flex;	-moz-flex-wrap: wrap;	-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;	flex-wrap: wrap; postiion: relative;margin: -1.5em 0 -1.5em 0; }
.list_roll2 article{border-radius: 2.222vw; width: calc(50% - 1.5em);	margin: 1.5em 0 0 1.5em;   min-height:66.667vw; }
.list_roll2 article .card-after{border-radius: 2.222vw; height:70.278vw;}
.list_roll2 article .card-after img{ height: 70.278vw;}
.list_roll2 article .card-befor{ display: none; position: relative;}
.list_roll2 article .card-befor .image {height: 44.4444vw; align-content: center; display: block; overflow: hidden; border-radius: 2.222vw;}
.list_roll2 article .card-befor .image img{border-radius: 2.222vw;}
.list_roll2 article .card-befor .bet-acc{height:10.556vw;font-width:300;margin:0 auto; text-align:center;  padding:0.833vw 0 0.000vw 0;}
.list_roll2 article .card-befor .bet-acc img{width:20%; margin:0 auto;}
.list_roll2 article .card-befor .bet-acc .acc{ text-align:right; float:right;margin-top:2.778vw; background:#E1E9E1;border-radius: 1.389vw; font-size:3.333vw; color: #898B86;  overflow:hidden; padding:0.278vw 1.389vw; line-height:4.722vw; display:inline-block; }
.list_roll2 article .card-befor .content{padding:1.944vw;border-top:0.278vw solid #FBF8F8; position: relative;}
.list_roll2 article .card-befor .content .nick{line-height:6.667vw;}
.list_roll2 article .card-befor .content .area{font-size:3.333vw;}
.list_roll2 article .card-befor .content .area strong{margin-right:2.778vw;color:#FF8584;font-weight:400;} 
.list_roll2 article .card-befor .content .area span{ color: #B2B2B2;font-weight:400;}
.list_roll2 article .card-befor .content .key{}
.list_roll2 article .card-befor .content .key img{width: 6.389vw;height: 6.389vw; position: absolute; bottom: 1.389vw; right:0.833vw;}
 

.list_roll2_1{display: -moz-flex;	display: -webkit-flex;	display: -ms-flex;	display: flex;	-moz-flex-wrap: wrap;	-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;	flex-wrap: wrap; postiion: relative;margin: -1.5em 0 0 -1.5em;}
.list_roll2_1 article{border-radius: 2.7778vw; width: calc(50% - 1.5em);	margin: 1.5em 0 0 1.5em;   min-height:66.667vw; }
 
.list_roll2_1 article .card-befor{  padding:0.833vw; border: 0.278vw solid #FFBDBD;border-radius: 2.222vw;}
.list_roll2_1 article .card-befor .image {border-radius: 2.222vw; height: 44.4444vw;align-content: center; display: grid; overflow: hidden; }
/* .sli_wrap article .card-befor .image {border-radius: 2.222vw; height: 44.4444vw;align-content: center; display: grid; overflow: hidden; } */
.list_roll2_1 article .card-befor .bet-acc{height:10.556vw;font-width:300;margin:0 auto; text-align:center;  padding:0.833vw 0 0.000vw 0;}

.list_roll2_1 article .card-befor .bet-acc img{width:20%; margin:0 auto;}
.list_roll2_1 article .card-befor .bet-acc .acc{ text-align:right; float:right;margin-top:2.778vw; 
    background:#E1E9E1;border-radius: 1.389vw; font-size:3.333vw; color: #898B86;  overflow:hidden; padding:0.278vw 1.389vw; line-height:4.722vw;
     display:inline-block; }
.list_roll2_1 article .card-befor .content{padding:1.944vw;border-top:0.278vw solid #FBF8F8; position: relative;}
.list_roll2_1 article .card-befor .content .nick{line-height:6.667vw;}
.list_roll2_1 article .card-befor .content .area{font-size:3.889vw;}
.list_roll2_1 article .card-befor .content .area strong{margin-right:2.778vw;color:#FF8584;font-weight:400;} 
.list_roll2_1 article .card-befor .content .area span{ color: #B2B2B2;font-weight:400;}
.list_roll2_1 article .card-befor .content .key{}
.list_roll2_1 article .card-befor .content .key img{width: 6.389vw;height: 6.389vw; position: absolute; bottom: 1.389vw; right:0.833vw;}


.list_roll2_99{}
.list_roll2_99 article{border-radius: 2.222vw; width: 90%;	margin: auto;   min-height:66.667vw; }
.list_roll2_99 article .card-after{border-radius: 2.222vw; height:70.278vw;}
.list_roll2_99 article .card-after img{ height: 70.278vw;}
.list_roll2_99 article .card-befor{ display: none; padding:0.833vw; border: 0.278vw solid #FFBDBD;border-radius: 2.222vw;}
.list_roll2_99 article .card-befor .image{height: 59.999vw;align-content: center;display: grid;overflow: hidden;border-radius: 2.222vw;}
.list_roll2_99 article .card-befor .image img{border-radius: 2.222vw;}
.list_roll2_99 article .card-befor .bet-acc{height:10.556vw;font-width:300;margin:0 auto; text-align:center;  padding:0.833vw 0 0.000vw 0;}
.list_roll2_99 article .card-befor .bet-acc img{width:20%; margin:0 auto;}
.list_roll2_99 article .card-befor .bet-acc .acc{ text-align:right; float:right;margin-top:2.778vw; background:#E1E9E1;border-radius: 1.389vw; font-size:3.333vw; color: #898B86;  overflow:hidden; padding:0.278vw 1.389vw; line-height:4.722vw; display:inline-block; }
.list_roll2_99 article .card-befor .content{padding:1.944vw;border-top:0.278vw solid #FBF8F8; position: relative;}
.list_roll2_99 article .card-befor .content .nick{line-height:6.667vw;}
.list_roll2_99 article .card-befor .content .area{font-size:3.889vw;}
.list_roll2_99 article .card-befor .content .area strong{color:#FF8584;font-weight:400;} 
/* .list_roll2_99 article .card-befor .content .area strong{margin-right:2.778vw;color:#FF8584;font-weight:400;}  */
.list_roll2_99 article .card-befor .content .area span{ color: #B2B2B2;font-weight:400;}
.list_roll2_99 article .card-befor .content .key{}
.list_roll2_99 article .card-befor .content .key img{width: 6.389vw;height: 6.389vw; position: absolute; bottom: 1.389vw; right:0.833vw;}


/* 연애테스트 */
.testlist h2{font-size:4.444vw; color: #000000;margin-bottom:6.389vw;font-weight:400;}
.testlist article{padding-bottom:5.556vw;}
.testlist dl{ color:#000; display: flex; align-items: flex-start; justify-content: space-between;border:0.2778vw solid #b7b7b7;border-radius: 2.2222vw;padding: 2.7778vw 2.2222vw 1.3889vw 2.2222vw; box-sizing: border-box;box-shadow: 0 0.8333vw 1.6667vw rgba(0,0,0,0.12);}
.testlist dl dt{float:left; width:55%; }
.testlist dl dt strong{font-size:3.889vw; line-height:5.556vw;padding-bottom:0.833vw;display:block;font-weight:500; display: -webkit-box; -webkit-line-clamp: 1; white-space: normal; -webkit-box-orient: vertical;overflow: hidden;}
.testlist dl dt p{font-size: 2.7778vw !important;color: #bda674;  line-height:4.722vw; font-size:3.889vw;margin-top: 4.1667vw;   display: inline-block;   overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; white-space: normal; -webkit-box-orient: vertical;overflow: hidden; }
.testlist dl dt span{display:block;color: #B2B2B2;font: normal normal normal 3.333vw/4.722vw Pretendard;padding-bottom:2.778vw;}
/* .testlist dl dt button{width:100%; height:9.167vw;color: #FFFFFF;font-size:3.889vw;} */
.testlist dl dt button{background: #fff;box-shadow: none; border-radius: none; text-align: left;}
.testlist dl dd{float:right; width:42%; text-align:right;}
.testlist dl dd img{border-radius:2.222vw;}
.testlist dl dt em{ display: block; padding:1.389vw 0  2.778vw 0; text-align: right;;}
.testlist dl dt img{ width: 5.556vw;    height: 5.556vw;}





 
 /* 프로필보기 view_page ~ 2 */
.profileinner{  margin:0 auto; text-align:center;   }

.profileinner .photobox{padding-bottom:5.556vw; }
.profileinner .photobox img{border-radius:50%; border:2.778vw solid #fff;width: 50.000vw;height: 50.000vw;object-fit: cover;}
.profileinner .photobox figcaption{font-size:5.556vw; margin-top:4.167vw; color: #191818;}

.profileinner ul{padding-bottom:4.167vw; margin:0 auto;}
.profileinner ul li{display:inline-block; width:25%; padding-bottom:2.778vw;}
.profileinner ul li img{width:13.889vw; height: 13.889vw; object-fit: cover;}
.profileinner ul li strong{font-size:3.333vw; color: #111; display:block;font-weight:400;}

.betlist5_1{display: flex; flex-wrap: wrap; align-content: center;  align-items: center; justify-content:center; }
.betlist5_1 li{  align-content: center;   }

.greeting{text-align:center; padding:0 4.167vw 6.944vw 4.167vw; }
.greeting h2{padding:5.556vw 0 2.778vw 0; font-weight:400;}

.interviewlist{padding:5.556vw 4.167vw;}

.interviewlist ul{padding-bottom:1.389vw;}
.interviewlist ul li{font-weight:400;color: #000000; padding:1.389vw 0;}
.interviewlist ul li strong{font-weight:400;color: #B2B2B2;display:inline-block; width:13.889vw;}
.interviewlist ul li .injg{background: #6a7e90 0% 0% repeat padding-box;  display: inline-block;
    border-radius: 1.389vw;color: #FFFFFF;font-size: 3.333vw; padding: 0.278vw 1.389vw 0.833vw 1.389vw; margin-left: 1.389vw;  }
.interviewlist h2{padding:5.556vw 0 1.667vw 0;font-weight:400; }

.pinkline2{border: 0.278vw solid var(--unnamed-color-ffbdbd); min-height:17.778vw; padding:2.778vw 4.167vw;box-shadow: 0.000vw 0.833vw 0.833vw #00000019;border: 0.278vw solid #FFBDBD;border-radius: 2.222vw;}

.acc2{ text-align:center;  margin-top:2.778vw; background:#E1E9E1;border-radius: 1.389vw; font-size:3.333vw; color: #898B86;  overflow:hidden; padding:0.278vw 1.389vw; line-height:4.722vw;  }

/*  갤러리 */
@keyframes slidy {0% { left: 0%; }20% { left: 0%; }25% { left: -100%; }45% { left: -100%; }50% { left: -200%; }70% { left: -200%; }75% { left: -300%; }95% { left: -300%; }100% { left: -400%; }}
#slider { overflow: hidden; }
#slider figure img { width: 20%; float: left; }
#slider figure {  position: relative;  width: 500%;  margin: 0;  top:0;  left: 0;  text-align: left;  font-size: 0;  -webkit-animation: 20s slidy ease-in-out infinite;    animation: 20s slidy ease-in-out infinite; }

.likeinner1{color: #FF8584; padding-top:4.167vw; }
.likeinner1 img{width: 6.667vw; height:6.944vw;}

.heartbox{border-radius: 1.378vw;  margin-top: 2.222vw;
    background-size:25%;  font-size:3.889vw; line-height:5.556vw; padding:5.556vw 13.889vw 5.556vw 8.333vw;
    min-height:27.778vw; text-align:center; }

.telbox{background:#FFF;box-shadow: 0.000vw 0.556vw 1.667vw #00000029;border-radius: 2.222vw;color: #FF8584; padding:2.778vw 0;}


/* -------------------------------------------------------- Sub 공통으로 쓰는 css ------------------------------------------------------>
/* 더보기 공통 */
.more{ margin: 0 auto; text-align: center; overflow: hidden; clear: both;width: 6.667vw; height: 6.667vw;background: #E1E9E1; border-radius: 50%;}
.more a{ overflow: hidden;} 
.more a span{width: 5vw; height: 5vw; }
.more a span img{width: 3.333vw; height: 2.222vw; margin-top:2.222vw;}

.btn-write{z-index: 1; position: fixed; bottom:20.444vw;right: 4.167vw;z-index: 4;}
 
/* ---------------------------------------------------------------------------------------------- sub 2-----------------------------------------------------------------------------*/
/* History */

.submenu{ z-index: 1; width: 100%;height: 10.278vw; background: #FFFFFF; position:fixed; top:15.278vw;}
.submenu ul{overflow: hidden; padding: 3.611vw 4.167vw 2.222vw 4.167vw;box-shadow: 0.000vw 0.833vw 1.667vw #0000001A;}
.submenu ul li{float: left; width: 33.333%; margin: 0 auto; text-align: center;color: #FF8584;}
.submenu ul li a{color: #FF8584;}
.submenu ul li a.on{border-bottom: 0.833vw solid #FF8584; padding-bottom:1.389vw;}

.btn-gd1{background: transparent linear-gradient(90deg, #F4E2D4 0%, #EFE4E8 100%) 0% 0% no-repeat padding-box;
border-radius: 2.222vw; height: 12.778vw; font-size: 3.889vw; padding-left: 5.000vw; width: 100%; text-align: left;}
.btn-gd1 span{ float:right; margin-right: 5.000vw; text-align: right; color: #fff;  font-size:5.556vw; font-weight: 800; line-height:4.444vw;}

.afterdia{padding-top: 5.556vw;}
.afterdia h2{padding-bottom: 0.833vw;}
/* .afterdia article{  margin: 0 1.988vw 7.333vw 0; padding: 0.833vw 2.778vw 3vw 0;  position: relative;   float: left; width: 25.556vw; height:34.167vw; text-align: center; } */
.afterdia article{  margin: 0 1% 5vw 1%;;  position: relative;   float: left; width: 25.556vw; height: auto; text-align: center; }
/* .afterdia article:nth-child(3n){margin: 0 0 7.333vw 0 !important;} */
.afterdia article div{background:#fff; margin:0.278vw; padding:0.556vw 0.556vw 2.778vw 0.556vw; border-radius: 2.222vw;border: 0.278vw solid #FFBDBD; box-shadow: 0.000vw 0.833vw 0.833vw #00000029;}
.afterdia article div figure{ height:auto; width:23.611vw;overflow:hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.afterdia article div figure.card{height: auto; margin-bottom: -2.500vw;}
.afterdia article div figure img{border-radius:2.222vw;width:100%; height:32.5556vw;  object-fit:cover; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.afterdia article div figcaption{padding-top: 3.889vw; }
.afterdia article span{font: normal normal normal 3.889vw/5.556vw Pretendard; font-size: 2.7778vw; zoom: 0.95; display: block; color: #886836;}
.afterdia article .icon_k1{position: absolute; bottom:-1.389vw; right:1.389vw;}
.afterdia article .icon_k1 img{width: 5.000vw;   height: 5.000vw;}
.afterdia article .icon_k2{padding: 0.556vw 1.389vw;border-radius: 1.667vw; color: #fff; font-weight: 400; position: absolute; top:8.333vw; right:0.000vw; background: #FF8584; }
.afterdia article .chm5{ margin: 1vw auto 2vw auto; display: block; }

.chm5{background: #6A7E90 0% 0% no-repeat padding-box; 
    border-radius: 1.389vw;  font-size: 3.611vw; 
    height: 8vw;  width: 96%;  display: block;
    color: #FFFFFF;}


.sm-befor{display: none;}
/* ---------------------------------------------------------------------------------------------- sub 3 -----------------------------------------------------------------------------*/
/* Party  */
.partyinner{ margin: 0 auto;  display:flex;  flex-flow: row wrap; }
.partyinner article{background: #FFF9F9 0% 0% no-repeat padding-box;   box-shadow: 0.000vw 0.833vw 1.667vw #00000029;
     border-radius: 2.222vw;width:31.333%;     height: 40.556vw;   margin:0 1% 5vw 1%;  align-content: space-between; }
.partyinner article figure{width: 100%; height: 26.111vw;}
.partyinner article figure img{border-radius:2.222vw 2.222vw 0 0 ;width:100%; height:100%; object-fit:fill;}
.partyinner article div{overflow: hidden;padding:1.944vw 1.389vw;}
.partyinner article div span{ padding: 0.278vw 1.389vw 0.556vw 1.389vw; height: 4.167vw;border-radius: 0.833vw;color: #FFFFFF;font-size:3.056vw;}
.partyinner article div em{width: 5.556vw; height: 5.556vw; float: right; display: block;}
.partyinner article div p{padding-top:0.556vw;  display: block; width: 27.778vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600;}
.partyinner article .fig-wrap{position: absolute; top: 0; left: 0;}
.pt1{background: #FF8584 !important;}
.pt2{background: #66C3F3 !important;}
.pt3{background: #87EBAB !important;}
.pt4{background: #898B86 !important;}
.pt5{background: #f48e30 !important;}
.pt6{background: #0071ce !important;}
.pt7{background: #94d600 !important;}
.pt8{background: #e64784 !important;}

.partyinner article.mgnone{ margin-right: 0 !important;  }

.listnone{ align-items: center; text-align:center;  margin:15vw auto 0vw auto; width:100%;}
.listnone p{  text-align: center; margin: 0 auto;   } 
.listnone p img{width: 31.389vw;  height: 31.389vw;  display: block; text-align: center; margin:4vw auto;  }
/*
.listnone{  background: none !important; border: none !important; width:100% !important; height:50%; 
    box-shadow: none !important; padding: 13.889vw 0;}
.notext{ text-align: center; }
.listnone img{width: 31.389vw;  height: 31.389vw; text-align:center;  margin:5.556vw auto;}
.listnone p{width: 100% !important;}
 */
/* 쓰기 */
.writeinner{ width: 100%; display: block; height: 100%;}
.writeinner dt,.writeinner dd{ padding:2.500vw 0;border-bottom: 0.556vw solid #EBEBEB;}
.writeinner dt{font-size:4.444vw;   } 
.writeinner dt input{ width: 100%; border: none; }
.writeinner dd.btn {display: block; overflow: hidden;}
.writeinner dd.btn button{  border:none; background: none; box-shadow: none; width:100% ; text-align:left ;} 
.writeinner dd.btn button span{font-size:5.556vw; margin-right: 1.389vw; color:#FF8584; display:block; text-align: right; float: right; }
.writeinner dd textarea{border: none; padding:0.833vw 0; font-size: 3.889vw;}
.writeinner dd textarea::placeholder {color:#D3D3D3;}
.writeinner dd.winfo{background: #FBF4EE 0% 0% no-repeat padding-box;
    border-radius: 1.389vw; padding: 2.778vw; margin: 2.778vw 0; border-bottom: none;}
.writeinner dd.winfo strong{display: block;}
.writeinner dd.wfile{ display: block; overflow: hidden;   }
.writeinner dd.wfile input[type='file']{display: none;}
.writeinner dd.wfile label{  display:inline-block; height: 15.556vw;  width: 15.556vw; float: left; margin-right:2.222vw;}
.writeinner dd.wfile .miri{ display:inline-block; justify-content: space-between;  }
.writeinner dd.wfile .miri div{position: relative; }
.writeinner dd.wfile .miri div button{ border: 0.278vw solid #ccc; text-align: center;
         background: url(../images/iconx.png) no-repeat left top/5.556vw #DEDEDE; margin: 0 auto; 
        text-indent: -27777.500vw; width: 5.556vw; height:5.556vw; position: absolute; right:-0.833vw; top:-0.833vw; border-radius: 50%;  }
.writeinner dd.wfile .miri img{ border-radius: 1.389vw;height: 15.556vw; width: 15.556vw; object-fit: cover; 
            border: 0.278vw solid #eee; display: inline-block; }    
.writeinner dd.wfile .miri div{float: left;margin-right: 2.222vw;}
 
.writeinner dd.psw strong{font-weight: 400;  font-size:4.444vw;color: #000000; display: inline-block; margin-right:5.278vw;}
.writeinner dd.psw input{ background: none; width: ; border: none;}
.writeinner dd.psw input::placeholder{ 
    color: #B2B2B2;}
/* 보기 */
.viewinner{}
.viewbox{background: #FBF4EE; margin-bottom:0.4vw;}
.viewbox dl{ padding:5.333vw 4.167vw;}
.viewbox dl dt{ position: relative;}
.viewbox dl dt span{ color: #FFFFFF; font-size: 3.333vw;border-radius: 1.389vw; padding:0.556vw 1.667vw 0.833vw 1.667vw;}
.viewbox dl dt em{ position: absolute; top: 1.389vw; right: 0.000vw;} 
.viewbox dl dt em img{width: 5.556vw; height: 5.556vw;}
.viewbox dl dt p {vertical-align: middle; height: 8.333vw; margin:2.778vw 0  1.389vw 0;}
.viewbox dl dt p strong{   font-weight: 400; margin-top: 1.389vw;vertical-align: middle;}
.viewbox dl dt p img{width: 7.778vw;  height: 7.778vw; margin-right: 1.111vw;vertical-align: middle;}
.viewbox dl dt .data{padding:0;letter-spacing: 0.067vw;    color: #D3D3D3; font-size: 3.333vw;position: absolute; bottom: 0.556vw; right: 0.000vw; text-align: right;}
.viewbox dl dd{padding:1.667vw 0; font-size: 3.889vw;line-height: 5.556vw;}
.viewbox dl dd button{height: 11.111vw; color: #fff; font-size: 3.889vw; width: 100%;}
.viewbox dl .imgzone img{ border-radius: 1.378vw;}
 .party_info1{ padding: 13.889vw 0 0 0 ;}

/* 파티관리 */
/* */
.tab3-menu{display:block; overflow:hidden;background:#F7F3EE 0% 0% no-repeat padding-box;
    border-radius: 1.389vw; margin: 0 auto  5.556vw auto; text-align: center;padding: 1.944vw 0;}
.tab3-menu li{font-size: 3.889vw; float: left; width: 50%;color: #B2B2B2; padding: 0.833vw 0;}
.tab3-menu li.on{background: #FFBDBD 0% 0% no-repeat padding-box; border-radius: 1.389vw;color: #FFFFFF; }



/*gnb영역 */
.gnb_wrap{   width:100%;  position:fixed; top:0; right:0;  background:#fff; height:100%; z-index: 2;}
.gnb_wrap h2{text-align:center; margin:0 auto;    background:#FFBDBD;  
    border-bottom: 1.111vw solid #EBEBEB;
    height: 11.111vw; font-size:4.444vw; line-height:6.667vw; padding-top: 4.167vw;
    letter-spacing: 0.000vw;
    color: #191818; }
.gnb_wrap .close {  position:absolute;  top:5.000vw;  right:3.889vw;    font-size: 6.667vw;  font-weight: bold;  text-decoration: none;  color: #333;}
.gnb_wrap .close:hover {  color: #fff;}
.gnb_wrap .categorymenu{margin:2.222vw 0;} 
.gnb_wrap .categorymenu li{ vertical-align: middle; display:block; padding:3.889vw 5.556vw 3.889vw 4.167vw; border-bottom: 0.278vw solid #EBEBEB; font: normal normal normal 4.722vw/6.944vw Pretendard;color: #000000; overflow:hidden; display:block;   font-weight: 500;}
.gnb_wrap .categorymenu li span{   text-align: center;  vertical-align: middle;
    width: 8.333vw;height:8.333vw; border-radius: 50%; margin-right: 3.889vw; display: inline-block;  } 
.gnb_wrap .categorymenu li span img{width: 5.000vw; height: 2.222vw; margin-top: 2.778vw;}
 
 


/* comminner */
.comminner{}
.comminner ul{display: block; overflow: hidden; padding-bottom: 5.556vw;}
.comminner ul li{ display: block; overflow: hidden; border-bottom: 0.2778vw solid #eee; padding:2.500vw 4.167vw 2.500vw 0.8333vw; }
.comminner ul li img{width: 9.444vw; height: 9.444vw;  margin: 1.389vw 3.333vw 0 0;}
.comminner ul li strong{font: normal normal normal 3.889vw/5.556vw Pretendard;
    letter-spacing: 0.194vw; font-weight: 400; display:inline-block;
    color: #111111;   width: 53.556vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 55%;}
.comminner ul li strong span{font: normal normal normal 3.611vw/5.278vw Pretendard;
    letter-spacing: 0.181vw; display:block;
    color: #B2B2B2;}
.comminner ul li em{font: normal normal normal 3.333vw/4.722vw Pretendard;
    letter-spacing: 0.167vw; text-align: right;float: right; margin-top: 5.000vw;
    color: #B2B2B2;}

.comminner1{}
.comminner1 ul{display: block; overflow: hidden; padding-bottom: 5.556vw;}
.comminner1 ul li{ display: flex; overflow: hidden; border-bottom: 0.2778vw solid #eee; padding:2.500vw 4.167vw; }
.comminner1 ul li .img_box{border-radius: 50%; overflow: hidden; width: 9.444vw; height: 9.444vw;  background: #000; margin-right: 2vw;}
.comminner1 ul li .exit_img{margin-left: 7vw;}
.comminner1 ul li strong{font: normal normal normal 3.889vw/5.556vw Pretendard;
    letter-spacing: 0.194vw; font-weight: 400; display:inline-block;
    color: #111111;   width: 62.556vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.comminner1 ul li strong span{font: normal normal normal 3.611vw/5.278vw Pretendard;
    letter-spacing: 0.181vw; display:block;
    color: #B2B2B2;}
.comminner1 ul li em{font: normal normal normal 3.333vw/4.722vw Pretendard;
    letter-spacing: 0.167vw; text-align: right;float: right; margin-top: 5.000vw;
    color: #B2B2B2;}

.commbg{ background: #FBF4EE !important;   }
.commbg .categoryinner{padding-top: 8.333vw;  margin: 0 auto;}
.commbg .categoryinner p{font-size:4.444vw; color: #191818; text-align: center; font-weight: 600; margin-bottom: 11.111vw;}
.commbg .categoryinner ul{ margin:0 auto; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap;}
.commbg .categoryinner ul li{font-size: 3.889vw; margin:3.333vw 5.833vw; text-align: center;width: 21.111vw; display: inline-block;   }
.commbg .categoryinner ul li strong{ display: block; width: 21.111vw;  height:15.556vw;
    background: #FFFFFF 0% 0% no-repeat padding-box; padding-top:5.556vw; margin-bottom: 7.778vw;} 
.commbg .categoryinner ul li strong img{width:100%; display: block;  margin:0 auto;   }





/* 뷰 */
.d-t-in{border: 0.278vw solid #EBEBEB; border-radius: 1.389vw; margin-top: 2.778vw;}
.d-t-in input{ border:none; width:88%; padding: 1.389vw; }
.d-t-in input::placeholder{color: #757575;}
.d-t-in button{background: none; box-shadow: none; font: normal normal normal 3.889vw/5.556vw Pretendard;
letter-spacing: 0.078vw;color: #68C9F2;}
.d-t-in2{ display: block; overflow: hidden; }
.d-t-in2 .t-ing{background: #FBF6F6;font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.067vw; color: #B2B2B2; padding: 1.389vw 4.167vw; }
.d-t-in2 .t-ing a{ float: right; font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.067vw;color: #757575;}
.d-t-in2 input{ border:none; width:88%; padding: 1.389vw; }
.d-t-in2 input::placeholder{color: #757575;}
.d-t-in2 input::value{color: #ff8584;}
.d-t-in2 button{background: none; box-shadow: none; font: normal normal normal 3.889vw/5.556vw Pretendard;
letter-spacing: 0.078vw;color: #FF8584;}
.d-t-in2 p{border: 0.278vw solid #EBEBEB; border-radius: 1.389vw; margin:0.278vw 4.167vw 0 4.167vw;}
.c-b-view{ position: relative; padding: 3.333vw 4.167vw; }
.c-b-view .su{ position:absolute; right:4.167vw; top: 0; display: block;color: #FF8584; }
.c-b-view .su img{ vertical-align: middle;width: 4.444vw;height: 4.444vw; margin-right: 1.389vw;}
.c-b-view article{ position: relative; padding: 4.167vw 0 2.778vw 0 ; }
.c-b-view article em{ position: absolute; top:4.167vw; right:0.000vw; }
.c-b-view article div .fpimg {  }
.c-b-view article div .fpimg img{width: 6.667vw;height: 6.667vw; vertical-align: bottom;}
.c-b-view article div strong{font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.067vw;color: #060606; font-size: 4.1667vw; font-weight: 600; padding: 0 4.7222vw 0 1.6667vw;}
.c-b-view article div .letter {}

.c-b-view article div .letter img{width: 5.8333vw; vertical-align: bottom;}
.c-b-view article div p{font: normal normal normal 3.889vw/5.556vw Pretendard;
letter-spacing: 0.078vw; padding: 0.556vw 0 1.111vw 9.167vw;}
.c-b-view article div .minutes{font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.067vw; display: inline-block; margin: 0 4.167vw 0 9.167vw;color: #D3D3D3;}
.dletext p{padding-left:0 !important;}
.c-b-view article div .dttext{font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.067vw;color: #D3D3D3;}
.lpu{ line-height: 3.333vw; border-left: 0.556vw solid #68C9F2;   height: 2.222vw; display: inline-block; text-indent: -2777777777.500vw; }

.datext{   margin: 0 0.000vw 0 9.722vw; position: relative; right: 0; padding:1.389vw 6.944vw 0.833vw 0;  }
.datext em{ position: absolute; right:0.000vw !important; top:1.111vw !important; }
.datext .minutes{display: block !important; margin-left: 0.000vw !important;}

.commview{}
.commview dl{padding:3.333vw 0.000vw; display: block;}
.commview dl dt{ position: relative; padding: 3.333vw 4.167vw;}
.commview dl .fpimg {vertical-align: middle; }
.commview dl .fpimg img{width: 9.444vw;height: 9.444vw;}
.commview dl dt strong{padding: 0 4.722vw 0 2.778vw; font-size: 3.889vw;letter-spacing: 0.078vw;color: #111111; vertical-align: middle; }
.commview dl .letter img{width: 6.944vw;height: 6.944vw;}
.commview dl .data{font: normal normal normal 3.333vw/4.722vw Pretendard;
letter-spacing: 0.067vw;color: #D3D3D3; position: absolute; top: 4.722vw; right: 4.167vw;}
.commview dl dd{background: #FBF4EE; padding: 3.333vw 4.167vw;}
.commview dl .titzone{ position: relative; }
.commview dl .titzone em{position: absolute; top:4.167vw; right: 4.167vw;}
.commview dl .titzone em img{width: 5.556vw;height: 5.556vw;}
.commview dl .titzone span{font: normal normal normal 3.889vw/5.556vw Pretendard;
letter-spacing: 0.078vw; display: block; padding-bottom: 1.389vw;
color: #D3D3D3;}
.commview dl .titzone p{font-size: 5.000vw;}
.commview dl .textzone{font: normal normal normal 4.444vw/6.667vw Pretendard;
letter-spacing: 0.089vw;  padding-bottom:6.667vw;}


.madelist{padding-top:1.111vw;  }
.madelist .mlt1{ background: #fff; width: 94%; margin: 4.167vw auto;}
.madelist .mlt2{background: #FBF4EE 0% 0% repeat padding-box; min-height: 75%; padding-top:0.833vw;}
 
.madelist .mlt2 .mlist1 li{ margin-top:1.111vw; padding: 3.333vw 0;letter-spacing: 0.078vw; color: #111111; font-size: 3.889vw; background: #fff;}
 .mlist1 li strong, .mlist1 li span, .mlist1 li p{padding:0 4.167vw;}
.li_wi li p{width: 50% !important; padding: 0; font-size: 3.6111vw !important;}
 .mlist1 li strong{ color: #757575; font-weight: 400;}
 .mlist1 li span{  font-size: 3.333vw; color: #D3D3D3; display: block; padding-bottom: 0.833vw;}
 .mlist1 li p{width:91.667vw;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}

.madelist .mlt2 .mlist2{width: 94%; margin: 0 auto;font-weight: 400;}
 .mlist2 li{ border-bottom: 0.278vw solid #fff; padding: 3.333vw 0; font-size: 3.889vw;}
 .mlist2 li p{padding-bottom: 1.111vw;} 
 .mlist2 li p strong{font-weight: 400;} 
 .mlist2 li span{display: block;color: #D3D3D3; font-size: 3.333vw; padding-top: 0.278vw;}
 .mlist2 span em{float: right;color: #757575;}

 

/* profile   */
.nomore{text-align: center; margin:0.000vw auto ;  width: 100%; height:77%;   overflow: auto; padding-top: 16.667vw;   
background: transparent linear-gradient(180deg, #BBC3C7 0%, #C2C9CB 10%, #CED3D3 48%, #D4D8D2 100%) 0% 0% no-repeat padding-box;}


.nomore em {padding-bottom:8.333vw; padding-top: 8.333vw;}
.nomore em img{ width: 18.611vw; height: 8.889vw;}
.nomore span img{ width: 46.389vw;height: 65.556vw;}
.nomore span{ padding-bottom:11.111vw; }
.nomore p{font: normal normal medium 3.889vw/6.111vw Pretendard;color: #191818;}
.te1{ padding-bottom:4.167vw;  font-size: 4.444vw; color: #303030;font-weight: 800;}
.nomore span, .nomore em{display: block;}

.btncrno button{ cursor: none;}

/* event */
.eventinner{}
.eventinner h2{font-size: 5.000vw; padding-top: 8.444vw; font-weight: 400;    color: #FF8584;}
.eventinner article{border-bottom: 0.278vw solid #EBEBEB; padding: 4.444vw 0 6.389vw 0;}
.eventinner article figcaption{font-size: 4.444vw;  color: #111111; font-weight: 400;}
.eventinner article figcaption span{font-size: 3.333vw; color: #B2B2B2; display: block;}
.eventinner article figure{   height: 41.667vw; padding-top: 3.889vw;}
.eventinner article figure img{box-shadow: 0.000vw 0.833vw 0.556vw #00000029;    border-radius: 2.222vw;}

.viewinner2{margin-top: 5.556vw;}
.viewinner2 dt{display: block; overflow: hidden; font-size: 4.444vw;}
.viewinner2 dt .data{ float: right; font: normal normal normal 3.889vw/5.556vw Pretendard; color: #B2B2B2;}
.viewinner2 dd{padding: 2.778vw 0;}
.viewinner2 dd.titzone{}
.viewinner2 dd.textzone{font-size: 3.889vw;}
.viewinner2 dd.sotit{color: #B2B2B2;}


/* 검색 */

/* 연예테스트 chami */
.ch_top{ position: relative; top: 0; display: block;}
.ch_top figure{ display: block; }


.ch_smu{ z-index: 1; width: 100%;height: 10.278vw; background: #FFFFFF; }
.ch_smu ul{overflow: hidden; padding: 3.611vw 4.167vw 2.222vw 4.167vw;box-shadow: 0.000vw 0.833vw 1.667vw #0000001A;}
.ch_smu ul li{float: left; width: 33.333%; margin: 0 auto; text-align: center;color: #FF8584;}
.ch_smu ul li a{color: #FF8584; font-weight: 500 !important;}
.ch_smu ul li a.on{border-bottom: 0.833vw solid #FF8584; padding-bottom:1.389vw;}
.ch_smu ul li:nth-child(1){ width:20%;}
.ch_smu ul li:nth-child(2){width:40%;}
.ch_smu ul li:nth-child(3){ width:40%;}

/*

*/
.chabg1{background:#FBF4EE; display: block; padding: 2.778vw 0; overflow: hidden; margin-top: -1.389vw; }
.chabg article{font-size: 3.889vw;   margin-bottom: 1.111vw; padding: 4.444vw 4.167vw 5.556vw 4.167vw; border-bottom: 0.2778vw solid #eee;}
.chabg article button{font-size: 3.889vw; border-radius: 1.389vw; padding: 0.556vw 2.500vw;}
.chabg article div{ float: right;}
.btn_del{ margin-right: 2.222vw; color: #D3D3D3;border: 0.278vw solid #403533; background: #fff;   }
.btn_chs{background: #FFBDBD;color: #FFFFFF;}

.chabg article p{color: #000000; padding: 2.500vw 0 3.889vw; 0; } 
.chabg article ul li{  padding-bottom: 4.167vw; display: block;   vertical-align:top !important;}

.cc_bk2 input{display: none;} 
.cc_bk2 label{ font-size: 3.888vw;background:url(../images/chk.png)no-repeat left top/5.555vw;}
.cc_bk2 label span{ display: inline-block; margin-left:7.778vw; width: 90% !important; background: none !important; vertical-align: top;  }
.cc_bk2 input:checked+label{background: url(../images/chk_on.png)no-repeat 0.000vw 0.000vw/5.555vw;}



.cc_bk input{display: none;}
.cc_bk label{padding-left:7.778vw;font-size: 3.888vw;background: url(../images/chk.png)no-repeat left center/5.555vw;}
.cc_bk input:checked+label{background: url(../images/chk_on.png)no-repeat left center/5.555vw;}




/* 알림 */ 
.blist article{ background: url(../images/arrow.png) no-repeat right center/5.556vw;padding:5.000vw 4.167vw; margin-right:2.778vw; border-bottom: 0.278vw solid #FBF4EE; }
.blist article strong{display: block;padding-bottom: 1.389vw;}
.blist article p{width: 88.889vw;  white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.blist article span{color: #B2B2B2; font-size: 3.333vw; }
 
/* MyPage */
.my_top{}
.my_top dl{padding:2.778vw 4.167vw 5.556vw 4.167vw; background: #FBF4EE 0% 0% no-repeat padding-box; }
.my_top dl dt{height: 16.667vw; position: relative; 
    display: block; overflow: hidden;clear: both; margin-bottom: 5.556vw;   padding-top: 6.944vw;}
.my_top dl dt p{font: normal normal medium 3.333vw/4.722vw Pretendard; color: #4F493B; margin-top: 4.167vw;}
.my_top dl dt p strong{font: normal normal bold 4.444vw/5.000vw Pretendard;
    letter-spacing: 0.022vw;    color: #111111;}
.my_top dl dt p span{font: normal normal medium 4.444vw/6.667vw Pretendard;
    letter-spacing: 0.000vw; padding: 0 1.667vw 0 4.444vw; 
    color: #FF8584;}
.my_top dl dt figure{ width: 16.667vw;height: 16.667vw; text-align: right; position: absolute; right:0.000vw;top: 5.556vw;  }
.my_top dl dt figure img{ width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.my_top dl dd{display: block; overflow: hidden;}
.my_top dl dd ul{  }
.my_top dl dd ul li{ float: left; width: 23%; margin: 0 auto; text-align: center;background: #FFFFFF 0% 0% no-repeat padding-box;width: 20.833vw;
    height: 20.833vw; text-align: center; margin: 0 auto;   border-radius: 1.389vw; }

.my_top dl dd ul li:nth-child(1){margin-right:2.778vw;}
.my_top dl dd ul li:nth-child(2){margin-right:2.778vw;}
.my_top dl dd ul li:nth-child(3){margin-right:2.778vw;}
.my_top dl dd ul li:nth-child(4){margin-right: 0;}


.my_top dl dd ul li figure{padding-top: 4.167vw; height: 8.333vw; }
.my_top dl dd ul li figure img {width: 40%;}
.my_top dl dd ul li figcaption{  font-size: 3.333vw;text-align: center; margin: 1.389vw auto 0 auto;   }
  
.my_list{ display: block; overflow: hidden;background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4.167vw 4.167vw 0.000vw 0.000vw;}
.my_list ul{padding: 5.556vw 4.167vw;}
.my_list ul li{font-size: 3.889vw; border-bottom: 0.278vw solid #FBF4EE; padding: 3.056vw 4.167vw;}
.my_list ul li span{width: 5.556vw; display: inline-block; vertical-align: middle; margin-right: 3.056vw;}
 

/* 탭 */  

.tab{  width:100%; margin:4.167vw auto  0 auto;  }
.tabnav{background: #F7F3EE 0% 0% no-repeat padding-box;
    border-radius: 1.389vw; width:90%; margin: 0 auto; height: 9.444vw;}
.tabnav li{display: inline-block; text-align: center; font-size: 3.889vw; float: left;     
    width: 20%;color: #B2B2B2; padding: 0.833vw 0;}
  
.tabnav li a.active{border-bottom:0.278vw solid #fff;}
.tabnav li a{ position:relative; display:block; background: #F7F3EE 0% 0% no-repeat padding-box;
    border-radius: 1.389vw; padding: 1.111vw 0.000vw; color: #6B5D5D;}
.tabnav li a:hover,
.tabnav li a.active{ padding: 0.833vw 0.000vw; background: #FFBDBD 0% 0% no-repeat padding-box; border-radius: 1.389vw;color: #FFFFFF;  }
.tabcontent{ padding-top: 5.556vw;     }



    .a_hidden { display: none;  }

  
/* 다이아샵 */
.my_dia{}
.my_dia dl{ padding: 2.778vw 0.000vw; }
.my_dia dl dt{background: #FBF4EE 0% 0% repeat padding-box; margin: 1.389vw 4.167vw 10.278vw 4.167vw;
    border-radius: 1.378vw; padding:4.167vw 2.778vw 4.167vw 2.778vw; display: block;position: relative;}
.my_dia dl dt p{text-align: right;}
.my_dia dl dt p strong{float: left;font: normal normal medium 3.889vw/5.556vw Pretendard;  color: #111111; }
.my_dia dl dt p span{font: normal normal medium 5.556vw/8.056vw Pretendard;padding-left: 2.222vw; color: #FF8584;}
.my_dia dl .btngray{ cursor: pointer; color: #333; border-radius: 1.389vw;
     font-size: 3.056vw; position: absolute; bottom:-8.333vw; right: 0;
      border: 0.278vw solid #ccc; padding: 0.556vw 1.389vw;}   


.my_dia dl dd{padding:4.167vw 0.000vw; background: #FBF4EE 0% 0% no-repeat padding-box;}
/* .my_dia dl dd article{display: block; 
    box-shadow: 0.000vw 0.833vw 0.833vw #00000029; overflow: hidden; background: url(../images/store.png) 2.778vw center no-repeat #fff; background-size: 10.000vw 10.000vw;
    border-radius: 1.667vw;  margin: 1.389vw 4.167vw 6.389vw 4.167vw; padding:4.722vw 2.778vw 4.722vw 18.056vw;} */
.my_dia dl dd article div b{ background: url(../images/mypage_pink_7.png) center right no-repeat; background-size: 3.611vw 3.056vw; padding-right: 5.556vw;}  
.my_dia dl dd article div:nth-child(1) span{text-decoration: line-through;font: normal normal 300 5.000vw/7.222vw Pretendard; color: #B2B2B2; font-weight: 500;}
.my_dia dl dd article div:nth-child(1) strong{font: normal normal 400 5.000vw/7.222vw Pretendard;
     color: #FF8584; padding: 0 1.944vw 0 5.000vw;}
     .my_dia dl dd article div:nth-child(1) em{font: normal normal medium 4.444vw/6.667vw Pretendard;
        color: #FF8584;}
/* .my_dia dl dd article div:nth-child(2){font: normal normal normal 4.167vw/5.833vw Pretendard; padding: 1.389vw 0 0 0;} */
.my_dia dl dd article div:nth-child(2){font: normal normal normal 4.167vw/5.833vw Pretendard; padding: 1.389vw 0 0 0; font-weight: 300 !important;}


.my_dia_used{ width: 92%; margin: 5.556vw auto  0 auto; }
.my_dia_used dt {margin: 1.389vw 0.000vw 5.556vw 0.000vw;  display: block; position: relative; }
.my_dia_used dt p{background: #FBF4EE 0% 0% repeat padding-box; padding:4.167vw 2.778vw 4.167vw 2.778vw;border-radius: 1.378vw;}
.my_dia_used dt p strong{}
.my_dia_used dt p span{color: #FF8584; padding-left:4.167vw; float: right; font-size: 5.000vw;}
.my_dia_used dt em{ text-align: right; position: absolute;  right: 0; font-size: 3.333vw; padding-top:1.389vw; color: #777; font-weight: 400;}
.my_dia_used dd{ padding: 5.556vw 0;}
.my_dia_used dd ul{}
.my_dia_used dd ul li{ position: relative;  border-bottom: 0.278vw solid #EBEBEB; padding: 4.167vw 0; font-size: 3.889vw; display: block; }
.my_dia_used dd ul li span{ padding-right: 4.167vw;}
.my_dia_used dd ul li strong{ font-weight: 400;}
.my_dia_used dd ul li em{ text-align: right; position: absolute; right: 0;}


/* 공지사항 */
.notiinner{ height: 100%; background: #FBF4EE 0% 0% no-repeat padding-box;}
.notiinner ul{}
.notiinner ul li{ padding:5.000vw 4.167vw; margin-right:2.778vw; border-bottom: 0.278vw solid #FFFFFF; background: url(../images/arrow.png) no-repeat right center/5.556vw;}
.notiinner ul li p{width: 88.889vw;  white-space: nowrap;    overflow: hidden;
    text-overflow: ellipsis; }
.notiinner ul li span{color: #B2B2B2; }

.notiview{}
.notiview dl{}
.notiview dl dt{padding:5.556vw 4.167vw; background: #FBF4EE 0% 0% no-repeat padding-box;}
.notiview dl dt p{ padding-bottom: 1.111vw;}
.notiview dl dt span{color: #B2B2B2; font-size: 3.333vw;}
.notiview dl dt .nik{font: normal normal normal 3.889vw/5.556vw Pretendard;
    letter-spacing: 0.078vw;
    color: #6B5D5D;}  
    .notiview dl dt .tit {display: block;}
.notiview dl dt .tit span{ text-align: right; float: right;}

.notiview dl dd{padding: 6.111vw 4.167vw; line-height: 6.667vw;}
.notiview dl dd.con1{padding: 0.000vw 4.167vw 5.556vw 4.167vw; background: #FBF4EE 0% 0% no-repeat padding-box;}
.notiview dl dd.commtext{}
.notiview dl dd.commtext article{ display: block; margin-bottom: 5.556vw;}
.notiview dl dd.commtext article span{color: #757575;font-size: 3.333vw;}
.notiview dl dd.commtext article p{font-size: 3.889vw;}
.notiview dl dd.commtext article em{color: #D3D3D3; font-size: 3.333vw;}
/* qna*/
.pnalist{padding: 0 0 5.556vw 0; font-size: 3.889vw;}
.pnalist li{border-bottom: 0.278vw solid #FBF4EE; padding: 2.778vw 0;}
.pnalist li p{ padding:2.778vw 0; font-weight: 600;}
.pnalist li p span{color: #FF8584; display: inline-block; margin-right: 5.000vw;}

/* 건의문의 */
.com-top{position: relative; display: block; padding-bottom: 8.056vw;}
.com-top .btns{ width: 27.778vw; position: absolute; right: 0; top: 4.167vw;}
.com-top .btns button{box-shadow: none;  padding: 1.389vw 0; width: 100%; margin-bottom: 2.778vw;border-radius: 1.389vw; font-size: 3.889vw;}
.com-top .btns button:nth-child(1){color: #111111;background: #FFBDBD 0% 0% no-repeat padding-box;
    border: 0.278vw solid #FFBDBD;}
.com-top .btns button:nth-child(2){color: #FFFFFF;background: #FF8584 0% 0% no-repeat padding-box;
    border: 0.278vw solid #FFBDBD;}

.com-list{display: block; padding-top: 8.333vw; }    
.com-list li{ position: relative; border-bottom: 0.278vw solid #FBF4EE; padding: 4.167vw 0; display: block; overflow: hidden;}
.com-list li img{width: 3.056vw;    height: 3.889vw; margin-left: 1.389vw;}
.com2_list li p{font-weight: 600;}
.com-list li span{font: normal normal normal 3.056vw/4.444vw Pretendard;
    letter-spacing: 0.000vw;
    color: #B2B2B2;}
    .com-list li p strong{color: #F60E2D; margin-right: 1.111vw;}
.com-list li em{ text-align: right; position: absolute; right: 0;font: normal normal normal 3.333vw/4.722vw Pretendard;
    letter-spacing: 0.000vw; top: 4.167vw;
    color: #B2B2B2;}
.pkline{border-bottom: 0.833vw solid #FFBDBD; width: 60%; height: 8.333vw; background: none;  }

/* 계정정보 */

.change{ height: 100%; background: #FBF4EE 0% 0% no-repeat padding-box;}
.change ul{font: normal normal normal 4.444vw/6.667vw Pretendard;}
.change ul li{padding:5.000vw 4.167vw; margin-right:2.778vw; 
    
    background: url(../images/commu4_2.png) no-repeat 98% center/2.778vw;}
.change ul li.bgw{font: normal normal normal 3.889vw/5.556vw Pretendard;background: url(../images/commu4_2.png) no-repeat 95% center/2.778vw #fff;padding:5.000vw 4.167vw; margin-right:0.000vw; }
.change ul li.bgnone{ background: none; }

/* 비번변경 */
.pwch{ width: 90%; margin:7.778vw auto 0 auto; }
.pwch input{  width: 100%;}
.pwch input::placeholder{color: #B2B2B2;}
.pws1{ padding-bottom: 15.833vw;}
.pws1 h2{padding-bottom: 2.222vw;}
.pws2{ padding-bottom: 15.833vw;}
.pws2 h2{padding-bottom: 8.333vw;}
.pws2 input{margin-bottom: 8.333vw;}
.pwch button{ width: 100%; height: 11.111vw; color:#fff;}
.btnch1{ padding-top: 50%; display: block;}

/*  추가인증 */
.addbett1{ margin: 0 auto;   }
.addbett1 figure{ text-align: center; padding-bottom: 2.778vw;}
.addbett1 figure img{ width:34%; } 
.addbett1 figcaption{ padding-bottom: 5.556vw; font-weight: 400;}
.addbett1 figcaption p{ padding-top: 1.389vw; }

.addbett2{margin: 0 auto; width: 92%;}
.add_inpst3{}
.add_inpst3 input{ width: 100%; font-size: 3.889vw;}
.add_inpst3 input::placeholder{color: #B2B2B2;}

.selectBox2 * { box-sizing: border-box; }
.selectBox2 button { box-shadow:none; border-radius: none; }

.selectBox2 { position: relative; height: 13.889vw;   background: url('../images/icon_down_arrow.png') calc(100% - 1.944vw) center no-repeat;
  background-size: 4.167vw;cursor: pointer;}

.selectBox2:after {  content: '';  display: block;  width: 0.000vw;  height: 100%;   position: absolute;   top: 0; right: 9.722vw; }

.selectBox2 .label {  display: flex;  align-items: center;  width: 100%;  height: inherit;  border: 0 none;  outline: 0 none;  padding-left: 4.167vw;  background: transparent;  cursor: pointer;  font-size: 3.889vw;}

.selectBox2 .optionList {  position: absolute;  top: 13.889vw;  left: 0;  width: 100%;  background: #fff; 
  padding: 0;  border-radius: 1.667vw;  overflow: hidden;  max-height: 0; }

.selectBox2 .optionList::-webkit-scrollbar {width: 1.667vw;}
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 12.500vw;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

.selectBox2.active .optionList {
  max-height: 138.889vw;
  border: 0.278vw solid #BABDB4;
  border-radius: 2.222vw;
  text-align: center;
}

.selectBox2 .optionItem {
    font-size: 3.889vw;
  border-bottom: 0.278vw solid #BABDB4;
  padding: 2.778vw 0; 
  
}

 
.selectBox2 .optionItem:last-child {
  border-bottom: 0 none;
}



/* 카드받기설정 */
.cds1{padding: 6.111vw 0; width: 90%; margin: 0 auto;font: normal normal normal 4.167vw/5.833vw Pretendard;}

.cds2{background: #FBF4EE 0% 0% no-repeat padding-box; padding-bottom: 6.944vw;}
.cds2 h3{ padding:4.722vw 0 3.056vw 0;}
.cds2 h3, .cds2 ul{margin: 0 auto; font-weight: 400; width: 90%;}
.cds2 ul { display: block; overflow: hidden;}
.cds2 ul li{  display: block; font-size: 4.444vw; height: 16.667vw; overflow: hidden;}
.cds2 ul li input { display: none;  appearance: none;   -webkit-appearance: none;    -moz-appearance: none; background: #efefef; border: none;   }
.cds2 ul li label{background: #FFFFFF 0% 0% no-repeat padding-box;  border-radius: 5.556vw;width: 94%; 
     height: 10.000vw; display: block; padding: 3.333vw 0 0.000vw 4.167vw;  }
.cds2 ul li label span{ background: url(../images/ckp.png) no-repeat center center /5.556vw; display:inline-block;
     width: 5.556vw; height: 5.556vw; margin-right: 4.167vw; vertical-align:middle; }
 

.cds2 ul li input:checked+label{background: #FFBDBD 0% 0% no-repeat padding-box;}
.cds2 ul li input:checked+label span{background: url(../images/ckp_on.png) no-repeat center center /5.556vw; }
/* setting  설정  */
.settingin{background: #FBF4EE 0% 0% no-repeat padding-box;height: 100%;}

.setin1{ display: block;  padding: 6.389vw 0.000vw;  background: #FFF; overflow: hidden;}
.setin1 li:first-child{float: left; background: #FFF; width: 40%;font: normal normal normal 4.444vw/6.667vw Pretendard;
    letter-spacing: 0.000vw;
    color: #111111;}
.setin1 li:last-child{float:right; background: #FFF; width: 40%;  text-align: right; }
.setin1 li{padding: 0 4.167vw;}
.appset{ position: absolute; right: 0;}
 .appset{ width: 13.889vw;  height: 13.889vw;  text-align: center;  margin: 13.889vw auto;  }
 #switch {  position: absolute;  /* hidden */ 
     appearance: none;   -webkit-appearance: none;    -moz-appearance: none; background: #efefef; border: none;  }
 .switch_label {position: relative; cursor: pointer; display: inline-block; width: 16.111vw; height: 7.778vw;
    background: #efefef; border: 0.556vw solid #FF8584; border-radius: 5.556vw; transition: 0.2s;}
.switch_label:hover { background: #efefef;  }
.onf_btn {position: absolute; top:1.389vw;left:0.833vw;display: inline-block; width: 6.111vw !important; height: 6.111vw !important;
    border-radius:50%; background:#FF8584 !important; transition: 0.2s; 


}
  /* checking style */
#switch:checked+.switch_label {background: #FF8584; border: 0.556vw solid #FF8584; }
#switch:checked+.switch_label:hover { background: #FF8584;}
   /* move */
#switch:checked+.switch_label .onf_btn {left: 9.444vw; background: #fff !important; box-shadow: 0.278vw 0.556vw 0.833vw #00000020;}

.setin2 h2{font: normal normal normal 3.889vw/5.556vw Pretendard;padding: 6.389vw 0 2.778vw 4.167vw;
    color: #111111;}
.setin2 ul{font: normal normal normal 4.444vw/6.667vw Pretendard;
    letter-spacing: 0.000vw;
    color: #111111;}
.setin2 ul li{padding: 6.389vw 0  6.389vw 4.167vw; background: url(../images/commu4_2.png) no-repeat 95% center/2.778vw #fff;}
 

/* ----------------------------------------------------------------------------------------------   footer   -------------------------------------------------------------------------------------------------- */

/* 하단 고정 메뉴 	*/
footer{position: fixed;bottom: 0;width: 100%;height: 15.5000vw; background: #f9f9f9; margin:0 auto; text-align: center;padding-top: 3.3333vw;border-top:0.2778vw solid #eee;}
footer ul{}
footer ul li{float:left;width: 16.666%;  } 
footer ul li figure{margin:0 auto; text-align: center; }
footer ul li figure img{ width:6.111vw; height:6.111vw;}
footer ul li figure span {display: block; font-size: 2.7778vw;color: #BDBEC0;margin-top: 0.8333vw;}
footer ul li figure.sh span {color: #333;}
footer .sh{display: none;} 
footer li.on .hd{display: none;}
footer li.on .sh{display: block;}
/* footer .imgbm1 figure{margin:4.722vw auto 0 auto; }
footer .imgbm2 figure{margin:4.722vw auto 0 auto; }
footer .imgbm3 figure{margin:4.722vw auto 0 auto;}
footer .imgbm4 figure{margin:5.000vw auto 0 auto; }
footer .imgbm5 figure{margin:4.722vw auto 0 auto;}
footer .imgbm6 figure{margin:4.722vw auto 0 auto; } */


/*  하단 고정 다이아 */
.diainner{position:fixed; bottom:13.889vw;height: 18.111vw; background:#fff; margin:0.000vw auto 0.000vw auto; width: 100%;text-align:center;}
.diainner a {width: 14.722vw; display:inline-block; text-align:center;margin:0 auto 0 auto;  }
.diainner a img{width: 10.111vw;height: 9.444vw; margin-top:-1.389vw ; vertical-align: middle;}


/* ----------------------------------------------------------------------------------------   팝업   ---------------------------------------------------------------------------------------------------------- */

.overlay {position:fixed; top:0; bottom:0;left: 0; right: 0;  background: rgba(0, 0, 0, 0.7);  transition:opacity 500ms;  visibility: hidden;  opacity: 0;  z-index:2;overflow: auto; }
.overlay.on {  visibility: visible;  opacity: 1;}
.whitebg{background:none;}


/* 기본 팝업 */ 

.popup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);overflow:auto; margin: 0.000vw auto; width:80%;  background: #FBF4EE;border-radius:2.778vw;padding:13.889vw 4.167vw 5.556vw 4.167vw;text-align:center;}
.popup h2{text-align:center; font-family:NanumSquare, 'Pretendard' sans-serif important; font-weight:800; font-size:5.556vw; }
.popup .close {position:absolute;  top:3.277vw;  right:3vw; font-size:5.999vw;  font-weight: 500;   text-decoration: none;  color:#000; transition: all 200ms; }
.popup .close:hover {color:#F1787E;} 
.popup .content { padding:2.778vw 0 8.333vw 0;height:auto; width:100%; margin:0 auto; text-align:center; } 

.join-men{margin:5.000vw 2.778vw 0.000vw 2.778vw;display:inline-block; width:25%; min-width:33.611vw !important;  min-height:40.278vw;    background: #F7FAF7; box-shadow: 0.000vw 0.833vw 1.667vw #00000029; border-radius:5.556vw; padding:2.778vw 0 3.056vw 0;}
.join-men.maxwd{min-width:55.556vw; width:65%; padding:2.778vw 5.556vw;}
.join-men img{width:60%;}
.join-men strong{color: #111111;display:block;font-size:4.444vw;line-height:5.556vw;padding-top:1.389vw;}
.join-men span{color: #B2B2B2;display:block;  font-weight:300; line-height:4.167vw; padding-top:1.389vw;}

.popupgrn{background:#E1E9E1; border:0.278vw solid #707070; border-radius:2.222vw; padding:0; }
.popupwh{background:#FFF;border:0.278vw solid #707070;border-radius:2.222vw; padding:12.222vw 6.944vw 0.000vw 6.944vw;   }
.popupwh2{background:#FFF;border:0.278vw solid #707070;border-radius:2.222vw; padding:0.000vw; width:70%;   }

.inputty1{border: 0.278vw solid #403533;text-align:center;height: 10.278vw; margin-right:3.333vw;}

.popupnone{ background:none;  height:100%;  width:80%;position:relative;}
.contbottom{ position:absolute;bottom:16.667vw; width:80%; margin:0 auto; }

.listst{box-sizing: border-box; overflow:hidden;width:100%; margin:0.000vw auto -3vw auto; text-align:center;background: #FFFFFF;border-radius: 3.378vw; overflow-y:auto; max-height:138.8889vw;border:0.5556vw solid #403533;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.listst li{color: #333; font-size: 3.6111vw;;border-bottom: 0.278vw solid #403533; padding:3.611vw 0; font-weight: 400;}
.listst li.linenone{border-bottom:0;}

.popupsm{width:60%; padding:6.944vw 4.167vw;vertical-align:middle; margin:0.000vw auto 0 auto; text-align:center;background: #FFFFFF;border-radius: 2.222vw;}
.centerinner{position:absolute; bottom:1.389vw; left:50%; transform: translate(-50%, 0%);  overflow:auto;margin: 0.000vw auto; width:80%;   }


.centerinner2{position:absolute; top:70%; left:50%; transform: translate(-50%, -50%);  overflow:auto;margin: 0.000vw auto; width:80%;   }

.phpopup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);overflow:auto; margin: 0.000vw auto; width:100%;  background:none; padding:13.889vw 4.167vw 5.556vw 4.167vw;text-align:center;}
.phpopup .close {position:absolute; top:3.277vw;  right:6vw; font-size:5.999vw;  font-weight: 500;  text-decoration: none;  color:#fff; transition: all 200ms; }
.phpopup.close:hover {color:#F1787E;} 
 


.popuptext {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);overflow:auto; margin: 0 auto; width:80%; background:#E1E9E1; border-radius:2.778vw;
padding:5.278vw 4.722vw 5.556vw 4.722vw;text-align:center;}
.popuptext h2{text-align:center;  font-weight:600; padding:5.556vw 0 4.167vw 0;  }
.popuptext .close {position:absolute;  top:3.277vw;  right:3vw; font-size:5.999vw;  font-weight: 500;   text-decoration: none;  color:#000; transition: all 200ms; z-index: 99;}
.popuptext .close:hover {color:#F1787E;} 
.popuptext.content { padding:2.778vw 0 8.333vw 0;  width:100%; margin:0 auto; text-align:center; overflow:hidden; display:block; } 

.grntextarea{ background: #d5dcd3;border-radius: 2.222vw; border:none; padding:4.167vw; text-align:left;}

.linelist{background: #fff; text-align: center; margin: 0 auto;}
.linelist li{ padding:3.889vw 0; font-size: 3.889vw; border-bottom: 0.278vw solid #EBEBEB; font-weight: 500;}

.chamipop{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
    overflow:auto; margin: 0 auto;
     width:85%; background: #FBF4EE 0% 0% no-repeat padding-box;
     border-radius: 2.222vw; padding:3.333vw; }

.chmpop1{ height: 19.444vw; text-align: right; width: 98%; margin:0 auto; vertical-align: top;
background: url(../images/chami8_1.png) no-repeat 0.000vw bottom/16.667vw; position: relative;
}

.chmpop1 .close , .lovepop .close{font-size:6.111vw; display:inline-block; margin-bottom: 5.556vw; }
.chmpop1 .swiper-pagination-current{color: #FF8584;}
.chmpop1 .swiper-pagination-total{}
.chmpop1 .swiper-pagination{font-size: 4.444vw; position: absolute; right: 0; bottom: 1.389vw; text-align: right;}


.qnastpop{margin: 0 8.333vw;  }
.qnastpop p{ padding-bottom: 2.778vw; font-weight: 500;font-size: 3.889vw;}
.qnastpop ul li{ padding-bottom: 2.778vw;font-weight: 400;}
.qnastpop ul li input:checked+label{color: #FF8584;}


.chmpop2{background: #FFFFFF 0% 0% no-repeat padding-box; width: 98%; margin:0 auto;
    box-shadow: 0.000vw 0.833vw 1.667vw #00000029; padding: 8.333vw 0% 1.389vw 0%;   border-radius: 2.222vw;}
    
.chmpop2 .swiper-button-next, .chmpop2 .swiper-button-prev{  font-size: 7.778vw;  color:#585858 !important;  }

.swiper-button-next:after, .swiper-button-prev:after{font-size: 7.778vw !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: -1.111vw !important; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: -1.111vw !important; }

/* .infotext{font-size: 4.444vw; text-align: center !important; position: absolute; top:4.167vw; left:30%;} */
.infotext{font-size: 4.444vw; text-align: center !important; position: absolute; top:4.167vw; width: 100%; background: #fff;}
.infotext em{font-size: 3.333vw; padding-top: 1.389vw; padding-bottom: 3.389vw;}
.same{background: #FFBDBD 0% 0% no-repeat padding-box;
    border-radius: 1.389vw;color: #FFFFFF;font-size: 3.333vw; margin-left: 1.389vw; padding: 0.556vw 1.667vw;}

.lovepop{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
    overflow:auto; margin: 0 auto; text-align: center;
     width:75%; 
     border-radius: 2.222vw; padding:3.333vw 3.333vw 5.556vw 3.333vw;
     background: #fff;
    }
    .lovepop .close{ position: absolute; right: 4.167vw; }
    /* .lovepop button{ background: #FF8584 0% 0% no-repeat padding-box; border-radius: 1.389vw; font: normal normal medium 3.889vw/4.722vw Pretendard; height: 8.889vw; color: #FFFFFF;} */
    .lovepop button{ background: #6A7E90 0% 0% no-repeat padding-box; border-radius: 1.389vw; font: normal normal medium 3.889vw/4.722vw Pretendard; height: 8.889vw; color: #FFFFFF;}


#choice1 button, #choice2 button, #choice3 button, #choice4 button, #choice5 button,#choice6 button,#choice7 button, #choice8 button{ cursor: none; }


/*2022 03 17 김수환 추가*/
	.no_dia {width: 100vw;height: 100vh; background: rgba(0,0,0,0.7); position: relative;}
	.no_dia .no_dia_bg{}
	.no_dia .no_dia_pop{position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%); background: #fff; width: 50%; border-radius:2.22vw;padding:8.3333vw 4.1667vw;}
	.no_dia .no_dia_pop p{text-align: center; margin: 0; margin-bottom: 5.5556vw;font-size: 3.8889vw;}
	.no_dia .no_dia_pop a{display: block;text-align: center; background: #FFBDBD; color:#333;width: 70%; margin: 0 auto; margin: 0 auto; padding:2.7778vw; border-radius:2.22vw; text-decoration:none;font-size: 3.6111vw;}
	.no_dia .no_dia_pop span {padding: 2.7778vw; display: block; position: absolute; top: 1.3889vw; right: 1.3889vw;}
	.no_dia .no_dia_pop span img{max-width:4.1667vw;}

	.snre {}
	.snre span{display: block;text-align: center;margin-bottom: 5%;}
	.snre span img{width: 100%; max-width:27.7778vw;}
	.snre p{text-align: center; line-height: 160%;}

.lounge_submenu{ z-index: 1; width: 100%;height: 11.278vw; background: #FFFFFF; position:fixed; top:15.278vw;}
.lounge_submenu ul{overflow: hidden; padding: 3.611vw 4.167vw 2.222vw 4.167vw;box-shadow: 0.000vw 0.833vw 1.667vw #0000001A;}
.lounge_submenu ul li{float: left; width: 22%; margin: 0 auto; text-align: center;color: #FF8584;}
.lounge_submenu ul li a{color: #FF8584;}
.lounge_submenu ul li a.on{border-bottom: 0.833vw solid #FF8584; padding-bottom:1.389vw;}

#lounge_switch {  position: absolute;  /* hidden */ 
    appearance: none;   -webkit-appearance: none;    -moz-appearance: none; background: #efefef; border: none;  }

.settingin .switch_label {position: relative; cursor: pointer; display: inline-block; width: 16.111vw; height: 7.778vw;
    background: #efefef; border: 0.556vw solid #FF8584; border-radius: 5.556vw; transition: 0.2s;}
.settingin .switch_label:hover { background: #efefef;  }

.switch_label {position: relative; cursor: pointer; display: inline-block; width: 9.111vw; height: 4.778vw;
   background: #efefef; border: 0.556vw solid #FF8584; border-radius: 5.556vw; transition: 0.2s;}
.switch_label:hover { background: #efefef;  }
.onf_btn1 {position: absolute; top:1.389vw;left:0vw;display: inline-block; width: 3.222vw !important; height: 3.222vw !important;
   border-radius:50%; background:#FF8584 !important; transition: 0.2s; 


}
 /* checking style */
#lounge_switch:checked+.switch_label {background: #FF8584; border: 0.556vw solid #FF8584; }
#lounge_switch:checked+.switch_label:hover { background: #FF8584;}
  /* move */
#lounge_switch:checked+.switch_label .onf_btn1 {left: 5.000vw; background: #fff !important; box-shadow: 0.278vw 0.556vw 0.833vw #00000020;}

/* 2023 03 30 추가 */
.ckm {padding: 0 6.9444vw; box-sizing: border-box;}
.ckm>div{display: flex; align-items: center; justify-content: normal;width: 100%;margin-top: 13.8889vw;}
.ckm>div img{width: 15.2778vw;}
.ckm .fll{justify-content: flex-start;}
.ckm .fll img{}
.ckm .fll p{width: 80%; background: #fff; padding:2.7778vw; box-sizing: border-box;border-radius: 1.3889vw;text-align: left;}

.ckm .flr{justify-content: flex-end;}
.ckm .flr img{}
.ckm .flr p{width: 80%; background: #fff; padding:2.7778vw; box-sizing: border-box;border-radius: 1.3889vw;text-align: right;}

.new_base {display: block;margin-bottom: 8.3333vw;}
.new_base .nb_tit{display: flex; align-items: center; justify-content: normal; gap: 2.7778vw;margin-bottom: 1.3889vw;}
.new_base .nb_tit .num{background: #6A7E90; color: #fff; border-radius: 0.8333vw; padding: 0.8333vw 1.3889vw; box-sizing: border-box;}
.new_base .nb_tit .tit{font-weight: 500;font-size: 3.8889vw;}
.new_base .con{display: block; padding: 5.5556vw;box-sizing: border-box; width: 100%; border-radius: 1.6667vw; box-shadow: 0 0.8333vw 1.6667vw rgba(0,0,0,0.12);text-align: center;}

.grnbox{ margin:0.000vw auto 7.222vw auto; text-align:center; background:#EBEFE9; padding:5.278vw 2.778vw 7.778vw 2.778vw; 
    box-shadow: 0.000vw 0.833vw 1.667vw #00000029;border: 0.278vw solid #BABDB4; border-radius:5.556vw; width:80%;} 
    .grnbox p{letter-spacing: 0.017vw;}
    .nz {display: block; padding: 2.2222vw 2.7778vw; box-sizing: border-box; border-radius: 1.3889vw; border:0.2778vw solid #eee; }
    .nz b{background: #6A7E90; color: #fff; padding: 0.8333vw 2.2222vw; box-sizing: border-box; border-radius: 0.8333vw;font-weight: 500;}
    .nz p{display: block; margin-top: 2.2222vw;}
    .nz2 {margin-top: 13.8889vw;}
    .nz2 b{background: #D8837D;}
    span.gr2 {margin-bottom: 41.6667vw; display: block; text-align: center; margin-top: 1.3889vw;color: #B50000; font-weight: 400;}
    .gr3 {display: block; text-align: center; color: #85898F; margin-top: 6.9444vw;}
    .nb {width: 36.1111vw;background: #BDA674; padding: 1.3889vw 2.7778vw; box-sizing: border-box;font-size: 3.0556vw;border-radius: 0.8333vw;font-size: 3.0556vw !important;}

    .nintro {background: url('../images/d324323.png')no-repeat center center; background-size: cover; height: 100vh; position: relative;}
    /* .nintro {background: url('../images/d324323.png')no-repeat center center; background-size: cover;padding-bottom: 27.7778vw; height: 100vh;} */
    .nintro .at-container{ box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .nintro .img{width: 65.5556vw; display: block; margin: 0 auto;}
    .nintro .img img{width: 100%;}
    .nintro p{white-space: pre-line; margin-top: 27.7778vw;text-align: center; font-size: 4.1667vw; font-weight: 500;}

    .util_r {position: absolute; top: 50%;right: 6.3889vw;transform: translateY(-50%);display: flex; align-items: flex-end; justify-content: normal; gap:6.3889vw;}
.util_r a span {display: block;font-size: 2.7778vw;text-align: center;}

.util_r .iconr33 img{width: 8.3333vw;height: 8.3333vw;display: block; margin: 0 auto;}
.util_r .iconr3 img{width: 5.8333vw; display: block; margin: 0 auto;}
.util_r .iconr4 img{width: 5.0000vw; display: block; margin: 0 auto;}

.toptainer {height: 15.444vw;border-bottom: 0.2778vw solid #eee;}
.util_l .iconl1 img {width: 6vw;height: 6vw;}
header h1 {font-size: 5vw;}


.new_s {display: flex; align-items: center; justify-content: normal; gap: 2.2222vw; position: relative;padding: 3.3333vw 3.3333vw 0.8333vw 3.3333vw; box-sizing: border-box; border:0.5556vw solid #B7B7B7; border-radius: 1.9444vw;margin-top: 5.5556vw;}
.new_s .mh{}
.new_s .mh img{width: 5.5556vw;}
.new_s p{font-size: 3.8889vw; font-weight: 500; line-height: 4.1667vw; margin-top: 2px;}
/* .new_s p{font-size: 3.8889vw; font-weight: 500;} */
.new_s p span{font-size: 2.7778vw; font-weight: 300; color: #B7B7B7;display: block;}
.new_s .ns{position: absolute; top: 50%;right: 3.3333vw;transform: translateY(-50%);}
.new_s .ns img{width: 5.5556vw;}

.new_ca {text-align: center;margin-top: 4.7222vw; margin-bottom: 5.5556vw; color: #85898F; font-size:3.8889vw; }

.list_roll2 article .card-befor  {padding-bottom: 27.7778vw;border-color: #cacaca;border-radius: 3.3333vw; overflow: hidden;box-shadow: 0 0.8333vw 1.6667vw #cacaca;}
.list_roll2 article .card-befor .new_content {position: absolute; bottom: 0;left: 0;width: 100%;background: #fff; border:0.2778vw solid #cacaca; padding: 2.7778vw; border-radius: 3.3333vw; box-sizing: border-box;}
.list_roll2 article .card-befor .new_content .nick{font-size: 3.6111vw; font-weight: 500;padding-top: 2.7778vw;}
.list_roll2 article .card-befor .new_content .job{display: block; margin: 1.3889vw 0; font-size: 2.7778vw; font-weight: 300;color: #282828;}
.list_roll2 article .card-befor .new_content .area{font-size: 2.7778vw; font-weight: 300;color: #282828;}
.list_roll2 article .card-befor .new_content .area strong{font-size: 2.7778vw; font-weight: 300;color: #282828;}
.list_roll2 article .card-befor .bet-acc {border-bottom: 0.2778vw solid #cacaca;height: inherit;display: flex; align-items: center; justify-content: center; gap: 2.2222vw;}
.list_roll2 article .card-befor .bet-acc p {padding-bottom: 2.7778vw;}
.list_roll2 article .card-befor .bet-acc img {width: 8.3333vw;}
.sub_h1 {text-align: center !important;}
.mt30 {margin-top: 8.3333vw;}
.back_btn {background: transparent;position: absolute; top: 50%;left: 3.3333vw;transform: translateY(-50%);border:0; box-shadow: none;}
.back_btn img{width: 3.8889vw;}
.testlist dl {border-color: #ebebeb;}
.ch_smu ul {background: rgba(157,107,42,0.03);}
.ch_smu ul li a {color: #333;}
.ch_smu ul li a.on {border-color: #6a7e90; padding-bottom: 0;}
.submenu ul {background: rgba(157,107,42,0.03);}
.submenu ul li a {color: #333;}
.submenu ul li a.on {border-color: #6a7e90; padding-bottom: 0;}



.tit5 {margin-top: 5.5556vw;margin-bottom: 6.9444vw; font-size: 3.8889vw; font-weight: 500;}

.btn-write a img {width: 10vw;}

.btn-gd1 {background: #EEEDE7;border:0.2778vw solid #B7B7B7;position: relative;}
.btn-gd1 span {font-weight: 400; position: absolute; top: 50%;right: 0;transform: translateY(-50%);font-size: 0.2778vw; color: #333;display: flex; align-items: center; justify-content: normal;}
.btn-gd1 span img {width: 5.0000vw;margin-left: 2.7778vw;}

.afterdia h2 {margin-bottom: 2.7778vw;font-weight: 600;font-size: 4.1667vw;}
.afterdia h2 img {width: 4.4444vw;margin-left: 2.1667vw;}

#list {display: flex; align-items: baseline; justify-content: normal; flex-wrap: wrap;width: 100%;}
.afterdia article {width: 31.33%;}
/* .afterdia article div {position: relative;height: 19vh;padding: 0;border-color: #eee;overflow: hidden;box-shadow: none;} */
.afterdia article div {height: 19vh;padding: 0;border-color: #eee;overflow: hidden;box-shadow: none;}
/* .afterdia article div figcaption {border:0.2778vw solid #eee; border-radius: 2.7778vw;border-bottom-left-radius: 0;border-bottom-right-radius: 0; position: absolute; bottom: 0;left: 0; width: 100%; background: #fff;font-size: 2.7778vw;} */
.afterdia article div figcaption {border:0.2778vw solid #eee;position: absolute; border-radius: 2.7778vw; bottom: 0;left: 0; width: 100%; height: 16vw; background: #fff;font-size: 2.7778vw;}
.afterdia article div figure {width: 100%;}
.afterdia article div figcaption p {font-size: 2.7778vw; color: #886836; display: block; text-align: center;}

.afterTest{bottom:15.8333vw !important;}

.pdb25 {}

.npp {font-weight: 500; font-size: 3.3333vw !important;}

.partyinner article figure {position: relative;}
.partyinner article figure em {position: absolute; top: 1.3889vw;right: 1.3889vw;}
.partyinner article figure em  .gender_icon {width: 5.5556vw; height: 5.5556vw;}
.partyinner article div {position: absolute; bottom: 0;left: 0; background: #fff;border:0.2778vw solid #eee; border-radius: 2.7778vw;box-sizing: border-box;margin: 0 !important;width: 100%;padding: 2.2222vw 1.1111vw 4.1667vw 1.1111vw; box-sizing: border-box;}
.partyinner article {position: relative;border:0.2778vw solid #eee; border-radius: 2.7778vw; overflow: hidden;box-sizing: border-box; box-shadow: none;}
.partyinner article figure img {border-radius: 0 !important;}
.partyinner article div p {width: 80%; display: block;padding-top: 2.7778vw;font-size: 2.7778vw;padding-left: 3.6111vw;}
.partyinner article div span {border-radius: 2.7778vw;width: 100%;text-align: center;display: block;padding:0 0.5556vw; box-sizing: border-box;height: auto;color: #333;}
.partyinner article figure {height: 27.111vw;}

.pt1 {background: #FDE0E8 !important;}
.pt2 {background: #FFE6CC !important;}
.pt4 {background: #E6F6DD !important;}
.pt3 {background: #FCFBC8 !important;}
.pt5 {background: #DEDEF7 !important;}
.pt6 {background: #CAE5FB !important;}
.pt7 {background: #C7FADE !important;}

.util_l .iconl1 img {width: 6.1111vw;height: 6.1111vw;}

.searchbox .field-container {box-shadow: none;border-radius: 2.7778vw;border-color: #B7B7B7;}
.searchbox .field-container input {}
.searchbox .field-container .icon-search {background: url('../images/dos.png')no-repeat;background-position: right center;background-size: 6vw;}
.comminner ul li strong span {display: none;}
.comminner ul .list_com.on {display: flex !important;align-items: center;position: relative;box-sizing: border-box; width: 100%;}
.comminner ul li em {position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);margin-top: 0;font-size: 2.7778vw;}
.comminner ul li img {width: 6.666vw; height: 6.666vw;}
.commview dl dd {background: #fff;}
.commview dl .fpimg img {width: 6.666vw; height: 6.666vw;}
.commview dl dt{display: flex; align-items: center;}
.commview dl .titzone span {font-size: 2.7778vw;}
.commview dl .titzone p {font-size: 4.1667vw; font-weight: 500;}
.commview dl .textzone {font-size: 3.6111vw; font-weight: 400;}
.c-b-view article em img {width: 5vw;}

.msg_box_new {position: fixed; bottom: 18.8888vw; left: 0; width: 100%;background: #fff;z-index: 1;}
.msg_box_new .d-t-in{padding: 1.9444vw 4.4444vw; box-sizing: border-box;position: relative;}
.msg_box_new .d-t-in input{border:0.2778vw solid #898989; border-radius: 2.2222vw;background: #F6F6F6; padding: 2.5000vw 2.7778vw; box-sizing: border-box;font-size: 3.3333vw;width: 90%;}
.msg_box_new .d-t-in button img {width: 6.1111vw;position: absolute; top: 50%;right: 4.1667vw; transform: translateY(-50%);}
.d-t-in2 .t-ing {background: #fff; color: #333;padding: 1.389vw 0;}
.d-t-in2 .t-ing a {color: #999;}
.c-b-view article div p {padding: 2.5000vw 3.0556vw 0.5556vw 9.167vw; box-sizing: border-box;}

.d-t-in2 button {display: none;}
.d-t-in2 button.btn_regist_re_reply {display: block;}
.c-b-view article div p {border:0; position: relative;}
.c-b-view article div p input {border:0.2778vw solid #898989; background: #f6f6f6; padding: 2.5000vw 2.7778vw; box-sizing: border-box; font-size: 3.3333vw; width: 88% !important; border-radius: 2.2222vw;}
.c-b-view article div p button{position: absolute; top: 50%;right: 1.3889vw;transform: translateY(-50%); font-size: 0; background: url('../images/msg_send.png')no-repeat center center; background-size: 6.1111vw;padding: 3.0556vw; box-sizing: border-box;}
.c-b-view{ position: relative; padding: 3.333vw 4.167vw 10.333vw; }

.popuptext {background: #fff;padding: 10.278vw 4.722vw 10.556vw 4.722vw;}
.popuptext button {width: 100%;padding: 2.2222vw;box-sizing: border-box; text-align: center; color: #fff;background: #6A7E90; border-radius: 1.9444vw; }
.ho_go {}
.ho_go h1{font-size: 3.8889vw; font-weight: 500; margin-bottom: 6.9444vw;}
.ho_go .hb{display: flex; align-items: center; justify-content: center; gap: 2.2222vw;margin-bottom: 4.1667vw;}
.ho_go .hb img{width: 9.7222vw;}
.ho_go .hb b{font-weight: 400;font-size: 3.0556vw;}
.new_h {position: relative;}
.new_h .h1_n{padding-top: 0;padding: 3vw 0; font-weight: 500;}
.new_h .h1_n2{padding: 3vw 0;padding-left: 15vw; box-sizing: border-box; text-align: left;}
.new_h .por_a{position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);display: flex; align-items: center; justify-content: normal; gap: 4.1667vw;}
.new_h .por_a a img{width: 6.1111vw;}

.new_h_nob {display: block; padding: 4.1667vw 5.5556vw; box-sizing: border-box;}
.new_h_nob button{position: static;transform: inherit;}

.tab3-menu {background: #fff; }
.tab3-menu li.on {background: #fff;color: #333;border-radius: 0;}
.tab3-menu li span {font-weight: 500 !important;}
.tab3-menu li.on span {background: #fff; border-bottom: 0.5556vw solid #6a7e90;color: #333;border-radius: 0;}
.tab3-menu_a li span {background: #fff; color: #333;border-radius: 0; padding-bottom: 0.8333vw; font-size: 3.8889vw; font-weight: 500 !important;}
.tab3-menu_a li.on span {background: #fff; border-bottom: 0.5556vw solid #6a7e90;color: #333;border-radius: 0; padding-bottom: 0.8333vw;}

.madelist .mlt1 {width: 100%; margin: 0; padding: 1.9444vw 0;box-sizing: border-box; border-top:0.2778vw solid #eee; border-bottom: 0.2778vw solid #eee;margin-top: 2.2222vw;}
.madelist .made_a{border: 0; padding: 0; margin-bottom: 2.7778vw;}
.tab3-menu {margin: 0; padding: 0;}
.madelist .mlt2 {background: #fff;}
.madelist .mlt2 .mlist1 li {border-bottom: 0.2778vw solid #eee;display: flex; align-items: center; justify-content: normal;position: relative;}
.madelist .mlt2 .mlist1 li  span{position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);font-size: 2.7778vw;}
.madelist .mlt2 .mlist1 li strong img{width: 6.1111vw;}
.toptainer h1.ml18 {margin-left: 18.9vw;}
.toptainer h1 span {color: #6a5219;font-size: 2.7778vw;}

.nomore .nnom_btn {position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
.nnom {background: #fff;position: relative;}
.lounge_submenu ul {background: #000;}
.lounge_submenu ul li a {color: #fff;}
.lounge_submenu ul li a.on {color: #fff; border-color: #afe8be;}
.afterdia article div {border:0;}
.afterdia article div figcaption {padding: 1vw 0;}

.lounge_submenu ul li button {background: inherit;color: #fff;font-size: 2.7778vw;}
.lounge_submenu ul li button img{width: 6.1111vw;display: block;margin: 0 auto;}
.afterdia p span img {width: 6.1111vw;margin-right: 1.3889vw;}

.switch_label {background: #eee !important;height: 4.444vw !important;border:0.2778vw solid #eee;}
#lounge_switch+.switch_label { border-radius: 0.8333vw; margin-left: 5.5556vw;}

#lounge_switch:checked+.switch_label {background: #6A8091 !important;border:0.2778vw solid #eee;}
input[type="checkbox"] + label span {margin: 0;}

.onf_btn1 {border-radius: 0.5556vw;background: #fff !important;border:0;top: 50%;transform: translateY(-50%);width: 4.1667vw !important;height: 4.4444vw !important;}
.onf_btn1::after {content:''; display: block; background: #eee; width: 1.1111vw;height: 1.1111vw;position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
#lounge_switch:checked+.switch_label .onf_btn1 {}
.popuptext .close img {width: 3.8889vw;}
.list_roll2_99 article .card-befor {border:0;}
.list_roll2_99 article .card-befor .content {position: absolute; bottom: 0;left: 0; width: 100%;border-radius: 2.7778vw; border:0.2778vw solid #eee;background: #fff; padding: 5.2778vw; box-sizing: border-box;}
.list_roll2_99 article {width: 100%;}
.list_roll2_99 article .card-befor {padding: 0;}
.list_roll2_99 article .card-befor .image {width: 100%;}
.list_roll2_99 {position: relative;}

.pbtn_wrap {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;gap: 5.5556vw;margin-top: 5.5556vw;}
.pbtn_wrap button {width: 47%;box-shadow: none;padding: 2.2222vw; box-sizing: border-box; font-size: 3.0556vw;}
.pbtn_wrap button.chat {background: #C5E0F2;}
.pbtn_wrap button.open_card{background: #F9EAC6;}
.pbtn_wrap button.cl{background: #E8E8EC;}
.list_roll2_99 article .card-befor .content .nick { font-size: 4.7222vw; font-weight: bold;margin-bottom: 1.1111vw;}
.list_roll2_99 article .card-befor .content .area {font-size: 2.7778vw;margin-top: 1.9444vw;color: #333;}
.list_roll2_99 article .card-befor .content .area span{font-size: 2.7778vw;color: #333;}
.list_roll2_99 article .card-befor .content .area strong {color: #333;margin-left: 4.1667vw;}
.list_roll2_99 article {min-height: 76.667vw;}

.pbtn_wrap button {color: #333;}
.popuptext textarea {padding: 1.3889vw; box-sizing: border-box; border:0.2778vw solid #b7aeae; font-weight: 600;}
.popuptext textarea::placeholder {color: #b7aeae;}
.popuptext2 {padding: 7.278vw 4.722vw 10.556vw 4.722vw;}

.tbt {display: flex; align-items: center; justify-content: center; gap: 4.1667vw;}
.tbt button {padding: 1.9444vw !important; box-sizing: border-box;font-size: 3.3333vw;}
.tbt button:last-child {background: #BDA674;}

.eventinner h2 {font-weight: 600; color: #675687;}

.eventinner article figcaption {font-size: 4.1667vw;}

.viewinner2 dt .data {font-size: 2.7778vw;}
.viewinner2 dd.textzone {font-size: 3.0556vw;}
.viewinner2 dd.sotit {font-size: 3.0556vw;}
.viewinner2 dt {font-size: 3.8889vw;}
.eventinner h2 {font-size: 5.0000vw;font-weight: 500;}

.blist article strong {font-size: 3.6111vw;}
.blist article p {font-size: 3.3333vw;}
.blist article span {font-size: 2.7778vw;}

.blist article {background: url(../images/go_n.png) no-repeat right center/5.556vw; background-size: 1.9444vw;}

.nd_info {display: flex; align-items: center; justify-content: normal; position: relative ;gap: 4.7222vw;margin-top: 3.3333vw;padding: 4.1667vw; box-sizing: border-box;border-top:0.2778vw solid #eee; border-bottom: 0.2778vw solid #eee;}
.nd_info b{font-size: 3.6111vw; font-weight: 500;}
.nd_info p{font-size: 4.1667vw; font-weight: 500; color: #365877;}
.nd_info button{position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%); border:0.2778vw solid #C2C2C2; border-radius: 1.6667vw;font-size: 2.7778vw; padding: 1.1111vw 3.3333vw; box-sizing: border-box;box-shadow: none; background: #fff;font-weight: 400;}


.my_dia dl dd {background: #fff; padding: 0;padding-bottom: 13vw;}
.my_dia dl dd article{position: relative; border:0.2778vw solid #EBEBEB; display: block; box-shadow: 0.000vw 0.833vw 0.833vw  rgba(106,126,144,0.4); overflow: hidden;border-radius: 1.667vw;  margin: 1.389vw 4.167vw 6.389vw 4.167vw; padding: 4.1667vw 5.5556vw; box-sizing: border-box;}
.my_dia dl dd article div:nth-child(1) strong {font-size: 5.8333vw; font-weight: 800; color: #333;padding: 0;}
.my_dia dl dd article .nf {display: flex; align-items: center; justify-content: normal; gap: 2.7778vw;margin-top: 1.3889vw;}
.my_dia dl dd article div:nth-child(1) span {text-decoration: none;color: #333;font-weight: 500;}
.my_dia dl dd article div b {background: none;color: #D9AA6D; font-weight: 400; font-size: 3.3333vw;}
.my_dia dl dd article .nf p {color: #D9AA6D; font-weight: 500; font-size: 3.3333vw;}
.my_dia dl dd article div:nth-child(1) em {font-weight: 300; margin-left: 1.9444vw;color: #85898F;}

.my_dia dl dd article div:nth-child(2) {position: absolute; top: 50%;right: 5.5556vw;transform: translateY(-50%);background: #D9AA6D; color: #fff;font-size: 2.7778vw; font-weight: 400;width: 22.2222vw;text-align: center; border-radius: 1.3889vw;padding: 0;}
.my_dia dl dd article .dis_mark {position: absolute; top: 1.3889vw;right: 5.5556vw; color: #fff; font-size: 2.7778vw; font-weight: 400;background: #3C72A4; border-radius: 0.8333vw;padding: 0.2778vw 1.3889vw;box-sizing: border-box;}

.comminner1 ul li em {text-align: left; float: inherit;display: block;font-size: 2.7778vw;color: #B7B7B7;}
.comminner1 ul li {align-items: center;}
.comminner1 ul li .exit_img {margin-left: 11vw;}
.comminner1 ul li strong span {color: #333; font-size: 3.3333vw;font-weight: 500;}
.comminner1 ul li strong {font-size: 2.7778vw;}

.viewbox dl dt span {color: #333;font-size: 2.7778vw;padding: 1vw 1.667vw 1vw 1.667vw;}
.viewbox {background: #fff;}
.viewbox dl dt .data {font-size: 2.7778vw;}
.viewbox dl dd {font-size: 4.1667vw; font-weight: 600;margin-bottom: 5.2778vw;}

.viewbox dl dd.textzone {font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.viewbox dl dd button {width: 50%;background: #6A7E90; margin: 0 auto;display: block;height: 9.111vw;}
.util_r .iconr7 {color: #333;}
.n_a {position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);}
.n_a a{background: #6A7E90; color: #fff; padding: 0.8333vw 2.7778vw; box-sizing: border-box; border-radius: 1.3889vw;font-size: 2.7778vw;}
.writeinner dt input::placeholder {color: #85898f;}
.writeinner dd.btn button {position: relative;}
.writeinner dd.btn button .wi_party {max-width: 4.4444vw; position: absolute; top: 50%;right: 0.0000vw;transform: translateY(-50%);}
.writeinner .party_img{height: 3.6556vw;}
.writeinner dd textarea::placeholder {color: #b7aeae;font-weight: 400;}

.fcn {color: #b50000 !important;}

.listst {border:0.2778vw solid #403533; }
.btn-wh2 {background: #AA9F8F; color: #fff; border:0.2778vw solid #403533;border-radius: 2.378vw;}
.listst li {font-size: 4.4444vw; font-weight: 400;}
.listst li:last-child {padding-top: 3.611vw; padding-bottom: 6vw;}
.back_btn {z-index: 10;}

.searchbox .field-container {border:0;}
.searchbox .field-container input {height: 13vw;border:0.2778vw solid #B7B7B7;width: 100%;border-radius: 1.9444vw;}
.searchbox .field-container .icon-search {top: 3.611vw;}

.list_roll2_1 article .card-befor {padding: 0; border:0.2778vw solid #eee;}
.list_roll2_1 article .card-befor .image {height: inherit;}
.list_roll2_1 article {position: relative;box-shadow: 0 0.8333vw 1.6667vw rgba(0,0,0,0.12);}
.new_c {position: absolute; bottom: 0;left: 0;width: 100%; background: #fff;padding:0 2.7778vw 2.7778vw 2.7778vw; box-sizing: border-box;border:0.2778vw solid #eee;border-radius: 2.7778vw;}
.list_roll2_1 article .card-befor .bet-acc {border-bottom: 0.2778vw solid #eee;height: inherit; display: flex; align-items: center; justify-content: center; gap: 1.3889vw;padding: 0;padding: 1.3889vw 0;}
.list_roll2_1 article .card-befor .bet-acc p {width: 30%;}
.list_roll2_1 article .card-befor .bet-acc p img{width: 100%;}
.list_roll2_1 article .card-befor .content .nick {margin-bottom: 1.9444vw;}
.list_roll2_1 article .card-befor .content .area span {margin-right: 2.2222vw;font-size: 2.7778vw;color: #333;}
.list_roll2_1 article .card-befor .content .area strong {font-size: 2.7778vw; color: #333;}

.s-bg {background: #fff;padding: 0; box-sizing: border-box;}
#search-toggle:checked + #re-box {display: flex; align-items: center; justify-content: flex-end;width: 70%;}
.s-bg input {font-size: 2.7778vw;border-top-left-radius: 1.1111vw; border-bottom-left-radius: 1.1111vw;margin-right: -1.3889vw;}
.s-bg button {border-radius: 1.1111vw; background: #6A7E90;font-size: 2.7778vw;}

.stnew {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.profileinner ul {border-bottom: 0.2778vw solid #eee;}
/* .base {padding-bottom: 2.7778vw;} */

.ttbox1 {margin:0; padding: 0; }
.ttbox1 .pinkline{border:0; border-top:0.2778vw solid #eee; border-bottom: 0.2778vw solid #eee;font-weight: 400;text-align: left;font-size: 3.3333vw;}
.interviewlist ul li {font-size: 3.3333vw;}
.diainner {border-top:0.2778vw solid #eee;height: inherit; padding: 2.7778vw 0;}
.diainner p {display: none;}
.popuptext textarea {background: #fff; border-radius: 0;resize: none;}
.popuptext button {width: 50% !important;font-size: 3.3333vw;height: 9vw !important;}
.popuptext {padding: 6.278vw 4.722vw 6.556vw 4.722vw;}
.btn8-vw {background: #6A7E90;}
.greenbox {background: #fff !important;}
.pinkline2 {border:0;box-shadow: none;}
.interviewlist ul {border-bottom: 0.2778vw solid #eee;}
.tag {margin-top: 4.1667vw;}
.pinkline2 {min-height:13vw;}
.swiper-pagination-bullet {background: #c9c9c9 !important;opacity: 1 !important;}
.swiper-pagination-bullet-active {background: #fff !important;}
.diainner {bottom: 17.889vw !important;}
footer {padding-bottom: 0;}
.interviewlist {padding: 12.556vw 4.167vw;box-sizing: border-box;}
header {height: inherit; padding: 1.3889vw 0;border-bottom: 0.2778vw solid #eee;}

.new_my {padding-bottom: 20vw;}
.new_my .top{display: flex; align-items: center; justify-content: space-between;padding: 6.6667vw 5.5556vw; box-sizing: border-box;}
.new_my .top .nml{display: flex; align-items: center;justify-content: normal; gap: 2.7778vw;}
.new_my .top .nml .img{width: 18.6111vw;height: 18.6111vw;border-radius: 100%; overflow: hidden; object-fit: cover;}
.new_my .top .nml .img img{width: 100%;height: 100%; object-fit: cover;}
.new_my .top .nml .nick{font-size: 4.4444vw; font-weight: 500;}
.new_my .top .nmr{display: flex; align-items: center;justify-content: normal; gap: 2.7778vw;}
.new_my .top .nmr b{font-size: 3.6111vw; font-weight: 500;}
.new_my .top .nmr p{font-size: 4.1667vw; font-weight: 500;color: #365877;}
.new_my .cen{display: flex; align-items: center; justify-content: center;gap: 9.7222vw;padding: 4.1667vw 0; box-sizing: border-box; border-bottom: 0.2778vw solid #eee; border-top: 0.2778vw solid #eee;}
.new_my .cen a{display: block; width: 12%;}
.new_my .cen a img{display: block; width: 8.3333vw; margin: 0 auto;}
.new_my .cen a span{display: block; text-align: center;font-size: 2.7778vw; margin-top: 1.3889vw;}
.new_my .bot{}
.new_my .bot ul{}
.new_my .bot ul li{display: flex; align-items: center; justify-content: normal; gap: 4.1667vw;padding: 4.4444vw 5.5556vw; box-sizing: border-box;background: url('../images/go_n.png')no-repeat center right 5.5556vw; background-size: 2.5vw;}
.new_my .bot ul li img{width: 6.9444vw;}
.new_my .bot ul li span{font-size: 3.6111vw;}
.f-c-red2 {color: #b50000 !important;}
.writeinner dt input {padding: 4.1667vw; box-sizing: border-box;}
.writeinner dt input::placeholder {color: #85898f;}
.writeinner dd.winfo {background: #FAFBFA;font-weight: 400;}
.writeinner dd.winfo strong {font-weight: 600; display: block; margin-bottom: 1.3889vw;}
.writeinner dd textarea {padding: 4.1667vw; box-sizing: border-box;}
.writeinner dd textarea::placeholder {font-size: 3.3333vw; color: #B7AEAE; }
.writeinner dd.wfile {padding: 4.1667vw 4.1667vw 36.1111vw 4.1667vw;box-sizing: border-box;}
.report_padding dd.wfile {padding: 4.1667vw 4.1667vw 27.1111vw 4.1667vw;box-sizing: border-box;}
.notiinner {background: #fff;}
.notiinner ul li {background: #fff;}
.toptainer {height: inherit;}
header h1 {padding: 3.333vw 0;}
.notiinner ul li p {font-size: 3.8889vw; margin-bottom: 1.3889vw; display: block; font-weight: 500;}
.notiinner ul li span{font-size: 2.7778vw;font-weight: 300;}
.notiinner ul li {background: url('../images/go_n.png')no-repeat center right 4.1667vw; background-size: 1.9444vw;border-bottom: 0.2778vw solid #eee;margin-right: 0;}
.bgfa {background: #fafafa; padding: 3.6111vw 4.1667vw; box-sizing: border-box;}
.bgfa .pdt20 {font-size: 3.6111vw; font-weight: 600; margin-bottom: 1.9444vw;}
.bgfa .f-c-gray {font-size: 3.3333vw; font-weight: 400;color: #333;}
.pnalist li p {padding: 4.1667vw 5.5556vw; box-sizing: border-box;}
.pnalist li p span {color: #6A7E90; font-size: 3.8889vw;}
.com-top .btns button:nth-child(1) {background: #6A7E90; color: #fff;border:0;}
.com-top .btns button:nth-child(2) {background: #BDA674; color: #fff;border:0;}
.com-top {background: #fafafa;padding: 4.1667vw 4.1667vw 6.9444vw 4.1667vw; box-sizing: border-box;}
.com-top .pdt20 {display: block; margin-bottom: 2.7778vw;font-size: 3.6111vw; font-weight: 600;padding-top: 3.556vw !important;}
.com-top .btns {right: 4.1667vw;}
.com-list li {padding: 4.167vw; box-sizing: border-box;}
.com-list li em {right: 4.167vw;display: none;}
.com-list li img {width: 4.1667vw;height: 4.1667vw;margin-left: 2.2222vw;}
.com-list li span {position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);font-size: 2.7778vw;}
.com-list {padding-top: 0;}
.writeinner dd.btn {background: #fafafa; padding: 5vw 4.1667vw; box-sizing: border-box;}
.writeinner dt, .writeinner dd {padding: 2.5vw 4.1667vw;}
.writeinner dd.psw input::placeholder {font-size: 3.6111vw;}
.writeinner dd.winfo {padding: 4.1667vw; box-sizing: border-box;}
.writeinner dd textarea {padding: 0;}
.writeinner dt input {padding: 0;}
input::placeholder {color: #85898f !important;}
.listst {margin-bottom: -2.7778vw !important;}
.pkline {border-color: #b7aeae;}
.btn8-vw {height: inherit !important; padding: 2.7778vw 0; font-size: 3.3333vw;}
.com-list li {background: #fff; }

.newadd {}
.newadd .nab{display: block; padding: 22.2222vw 0; box-sizing: border-box; border-bottom: 0.2778vw solid #eee;}
.newadd .nab img{width: 16.6667vw; display: block; margin: 0 auto;}
.newadd .nab p{display: block; text-align: center; font-size: 3.6111vw; font-weight: 600;margin-top: 2.2222vw;margin-bottom: 13.8889vw;}
.newadd .nab button{height: inherit; background: #6A7E90; padding: 1.3889vw; box-sizing: border-box; border-radius: 1.3889vw; color: #fff; width: 41.6667vw !important; text-align: center; font-size: 3.6111vw; margin: 0 auto;display: block;}
.newadd .nab.na2{    padding: 22.2222vw 0 29.2222vw;}
.newadd .nab.na2 button{background: #BDA674; padding: 1.3889vw; box-sizing: border-box; border-radius: 1.3889vw; color: #fff; width: 41.6667vw !important; text-align: center; font-size: 3.6111vw; margin: 0 auto;display: block;}

.nab3 {padding-top: 13.8889vw;padding-bottom: 13.8889vw;}
.nab3 h2{text-align: center; font-size: 4.4444vw; font-weight: 500;}
.nab3 p{text-align: center; font-size: 2.7778vw;color: #6A7E90;}
.add_inpst3 input {width: 50%;border-color: #eee;font-size: 3.3333vw; font-weight: 500;}
.add_inpst3 input::placeholder {color: #B7AEAE !important;}
.nba4 {font-size: 2.7778vw !important; margin-top: 2.2222vw;}
.wayinner h2 {font-size: 3.8889vw; font-weight: 500; padding-top: 10vw !important;}
.wayinner dl {padding: 3.3333vw; box-sizing: border-box; background: #fff; box-shadow: 0 0.8333vw 1.6667vw rgba(0,0,0,0.12);display: flex; align-items: center; justify-content: normal; gap: 2.7778vw;}
.wayinner dl dt {border-radius: 0.8333vw; box-shadow: none; border:none; background: #6a7e90; color: #fff; font-size: 3.3333vw;height: inherit;line-height: inherit;padding-top: 0; padding: 0.8333vw;width: 11.1111vw; box-sizing: border-box;}
.wayinner dl dd span {font-weight: 500; font-size: 3.3333vw;}
.ptinner div {min-width: 25.833vw; min-height: 12.833vw;background: #fff;width: 12.833vw;border-radius: 1.3889vw;}
.btn-pink1 {background: #6a7e90;}
.addbett2 {margin-bottom: 27.7778vw;}
.change {background: #fff;}
.change ul li {background: url('../images/go_n.png')no-repeat 95% center/3vw #fff;margin-right: 0;font-size: 3.6111vw;font-weight: 500;}
.change ul li.bgw {background: url('../images/go_n.png')no-repeat 95% center/3vw #fff;}

.midder_11{margin: 0 21.9444vw;}



.hum {display: block;padding: 27.7778vw 4.1667vw; box-sizing: border-box;}
.hum .hum1{display: block;font-size: 4.7222vw; font-weight: 600; margin-bottom: 13.8889vw;}
.hum .hum2{display: block;}
.hum .hum2 b{font-size: 3.8889vw; font-weight: normal;margin-bottom: 2.7778vw;}
.hum .hum2 p{color: #85898F; font-size: 2.7778vw; }
.hum .hum3{display: block; margin-top: 13.8889vw; margin-bottom: 27.7778vw; padding: 13.8889vw 6.3889vw; box-sizing: border-box; box-shadow: 0 0.8333vw 1.6667vw rgba(0,0,0,0.12);}
.hum .hum3 p{font-size: 3.3333vw; display: block; }
.nbb {width: 80% !important; background: #6A7E90 !important; color: #fff !important; height: inherit !important;font-weight: 500; padding:1.9444vw 0 !important; border-radius: 1.6667vw !important;margin: 0 auto !important;display: block !important; font-size: 4.4444vw !important;}

.pwc_tit {font-size: 5.0000vw; font-weight: 600; display: block; margin-bottom: 15.2778vw;}
.pwc_tit2 {font-size: 4.4444vw; font-weight: 500; display: block;color: #B50000;}
.pwc_tit3 {font-size: 4.4444vw; font-weight: 500; display: block;margin-top: 8.3333vw;}
.pwc_tit4 {font-size: 4.4444vw; font-weight: 500; display: block;color: #B50000;}
.pws1 h2 {font-size: 3.6111vw; font-weight: 500;}
.pws_a h2 {margin-bottom: 0 !important; padding-bottom: 3.8889vw;}
.pwch input {border-color: #6a7e90;}
.pwch input::placeholder {color: #b7aeae !important;}
.pws2 .pink2 {font-size: 3.6111vw;color: #333 !important; font-size: 3.6111vw;font-weight: 500;}
.pws2 input {margin-bottom: 3.333vw;}
.pws2 h2 {padding-bottom: 4vw;}
.pwch button {background: #6a7e90; color: #fff;font-size: 4.4444vw;}
.fz10 {font-size: 2.7778vw !important;}
.fz12 {font-size: 3.3333vw !important;}
.pws1 h2 {color: #333 !important; font-size: 3.8889vw; margin-bottom: 5.5556vw;}
/* .popuptext button {width: 45% !important;} */

.change6 {padding: 15vw 0; box-sizing: border-box;}
.util_l {top: 50%; transform: translateY(-50%);padding-bottom: 0;}

.lpinkbox2 {padding: 4.1667vw 0; font-size: 3.3333vw; font-weight: 500; }
.nemo input[type="checkbox"] + label span {background: url('../images/ck_off.png')no-repeat left top;background-size: 5.5556vw;}
.nemo input[type="checkbox"]:checked + label span {background: url('../images/ck_on.png')no-repeat left top;background-size: 5.5556vw;}

.outn {display: flex; align-items: center; justify-content: center;}
.outn button {width: 85%; background: #6a7e90; color: #fff; padding: 1.9444vw; box-sizing: border-box; border-radius: 1.6667vw;}

.cds2{background: #fff;padding-bottom: 38vw;}
.cds2 ul li label {border-radius: 0.8333vw; box-shadow: 0.0000vw 0.8333vw 2.7778vw rgba(0,0,0,0.16);}
.cds2 ul li label span {display: none;}
.cds2 ul li input+label{}
.cds2 ul li input:checked+label{background: #d6d6d6;}

.cds1 {font-size: 4.1667vw; font-weight: 500;}
.cds2 h3, .cds2 ul {font-size: 4.1667vw; font-weight: 600;}
.cds2 ul li input+label {font-size: 3.6111vw; font-weight: 500; padding: 2.7778vw 8.3333vw; box-sizing: border-box;}

.settingin {background: #fff;}
.setin2 ul li {background: url(../images/go_n.png) no-repeat 95% center/2vw #fff;}

#switch:checked+.switch_label {}
#switch+.switch_label { border-radius: 0.8333vw;}
#switch:checked+.switch_label {background: #6A8091 !important;border:0.2778vw solid #eee;}
input[type="checkbox"] + label span {margin: 0;}

.onf_btn {border-radius: 0.5556vw;background: #fff !important;border:0;top: 50%;transform: translateY(-50%);width: 4.1667vw !important;height: 4.4444vw !important;}
.onf_btn::after {content:''; display: block; background: #eee; width: 1.1111vw;height: 1.1111vw;position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.settingin .switch_label {width: 10vw;height: 5vw !important;border:0.2778vw solid #eee;}
#switch:checked+.switch_label .onf_btn {left: 5.444vw;}

.set1 {padding: 4.1667vw; box-sizing: border-box;}
.fweb {font-weight: 600;}
.set_tit {font-weight: 800; font-size: 5.0000vw; display: block;}
.lounge_submenu ul {padding: 14.611vw 4.167vw 1.222vw 4.167vw;box-sizing: border-box;}

.ptn30 {padding-top: 17vw !important;}

.area_view .watermark {background: none;}
.listst li:last-child {margin-bottom: 7vw;}

.seahpw1 li button {background: #6a7e90;}

.ma {background: rgba(0,0,0,0.3) !important; position: absolute; top: 0;left: 0;width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 3.8889vw;z-index: 2;}

.more a span img {width: 100%; height: auto; margin-top: 0;}
.more {background: inherit; border-radius: 0; width: 12vw;overflow: inherit;width: 21vw;}

.btn_flex {display: flex; align-items: center; justify-content: center; gap: 4.1667vw;}
.btn_flex button{}

.jop {display: block; position: relative;margin-top: 11.1111vw;margin-bottom: 16.6667vw;font-size: 4.4444vw; font-weight: 500;text-align: center;}
.jop img {position: absolute; top: -5.5556vw;right: 0.0000vw;width: 6.6667vw;}
.sqlinebox.porr {position: relative;}
.sqlinebox.porr b {position: absolute;top: 1.3889vw;left: 2.7778vw; background: #6a7e90; color: #fff;font-size: 3.3333vw;font-weight: 500; padding: 0.8333vw 1.9444vw; box-sizing: border-box; border-radius: 0.8333vw;}
.sqlinebox.porr {border-radius: 1.6667vw;padding: 2.7778vw 2.7778vw 8.3333vw 2.7778vw; box-sizing: border-box;border:0; box-shadow: 0 0.8333vw 1.6667vw rgba(0,0,0,0.12);}
.sqlinebox.porr p {text-align: center; display: block; margin: 8.3333vw 0;}
.sqlinebox.porr button {width: 80%;background: #BDA674;}
.jopt1 {width: 17.5vw; height: 17.5vw;}
.jopt2 {width: 17.5vw; height: 17.5vw;}
.c-b-view .su {display: none;}
.c-b-view {border-top:2.7778vw solid #f7f7f7;}
.noch {font-size: 4.1667vw; display: block; text-align: center; font-weight: 500;}

.choo {display: block;}
.choo .my_choo{display: flex; align-items: center; justify-content: space-between;padding: 0 13.8889vw 0 5.5556vw; box-sizing: border-box;}
.choo .my_choo p{font-size: 3.8889vw; font-weight: 500; }
.choo .my_choo b{font-size: 3.8889vw; font-weight: 500; }
.choo .my_choo b input{}
.choo .btn_flex{display: flex; align-items: center; justify-content: center; margin-top: 8.3333vw;gap: 8.3333vw;}
.choo .btn_flex button{padding: 1.9444vw; box-sizing: border-box; border-radius: 1.3889vw; box-shadow: none; color: #fff; width: 35%;font-size: 3.3333vw;}
.choo .btn_flex button:first-child{background: #6A7E90;}
.choo .btn_flex button:last-child{background: #BDA674;}
.popuptext button {width: 47% !important;}
.eventinner article {border:0;}
.profileinner ul li img {height: 14.889vw;width: 14.889vw; object-fit: cover;}
.ttbox1 .pinkline {font-weight: 400;padding: 5.5556vw 0 !important;}
.util_l .iconl2 {background: url(../images/back_pink.png) no-repeat; background-size: 4.1667vw;padding: 5.5556vw; box-sizing: border-box;margin-top: 2.111vw;}
.msg_box {bottom: 17vw;}
.msg_box textarea {resize:none;}

.newpic {background: #fff;}
.newpic h2 {border-radius: 0;}
.newpic p {border-radius: 0; box-shadow: 0; border:0;}

.fwm {}

.me {margin:5vw auto 0 auto;}
/* .phnum input {font-size: 3.3333vw;display: block;margin: 0 auto;} */
.icon-me {margin-top: 10vw;}
.me_p2{padding-top: 2.7778vw;}

.btn-bet {display: flex; align-items: center; justify-content: normal; gap: 1.3889vw;}
.btn-bet strong span {margin-top: 1.9444vw;}
.btn-bet strong {font-weight: 500;}
.new_bet {padding: 4.1667vw 0;margin-bottom: 4.1667vw;}
.new_bet img {width: 14vw;}
.new_bet .info {padding: 0;padding-top: 1.3889vw;}
#container {margin:14.889vw 0 8.333vw 0;}
.new_bet .info p {margin-top: 1.3889vw;}
.pdrl155 {padding: 10vw 4.167vw;}
.ttbox1 .pinkline { border-radius: 0.0000vw;padding: 4.1667vw !important; box-sizing: border-box;}
.btn-back3 {top: 50%;}
.vab {display: flex; align-items: center; justify-content: normal;}
.list_roll2 article .card-befor .image {height: 45.5000vw;}
.testlist dl dt p {color: #333;}
.testlist dl {background: #fff;}
.testlist dl dt{width: 100%;}
.testlist dl dt button {width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.testlist dl dt button .test_tit{width: 55%;}
.testlist dl dt button .test_img {width: 40%;}
.testlist dl dt button .test_img img{width: 100%;height: auto;border-radius: 1.3889vw;}
/* .list_more dl dt p {color: #333;}
.list_more dl {background: #fff;}
.list_more dl dt{width: 100%;}
.list_more dl dt button {width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.list_more dl dt button .test_tit{width: 55%;}
.list_more dl dt button .test_img {width: 40%;}
.list_more dl dt button .test_img img{width: 100%;height: auto;border-radius: 1.3889vw;} */
.testlist dl dt strong {color: #333;}
.testlist dl {position: relative;}
.testlist dl dt em {position: absolute; top: 0;right: 2.7778vw;}
.testlist dl dt span {margin-top: 8.3333vw;}
.testlist dl dt span.test_img_a {margin-top: 0;}
.ch_smu ul {background: #fff;}
.chamipop {background: #fff;}
.chmpop1 {background: #fff;}
.chmpop2 {box-shadow: none; border-radius: 0;}
.chmpop1 .swiper-pagination {text-align: left;}
.chmpop1 {height: inherit;}
.chmpop1 .swiper-pagination-current {color: #333;}
.cc_bk2 input+label {padding: 1.3889vw 0;}
.cc_bk2 input:checked+label {padding: 1.3889vw 0;}
.chabg article {border-color:#eee;}
.btn_chs{background: #eee; color: #333;}
.submenu ul {background: #fff;}
.afterdia article div figcaption {border: 0 ;border:0.2778vw solid #c2c2c2; width: 100%; box-sizing: border-box;}
.afterdia article div{height: 38.6111vw;border:0.2778vw solid #c2c2c2 !important;}
.qnastpop ul li input:checked+label {color: #6a7e90;}
.overlay {z-index: 20;}
.gnb_wrap .util_l {top: 2vw;left: 5vw;transform: inherit;}
.gnb_wrap h2 {background: #fff; border-bottom: 0.2778vw solid #eee;}
.gnb_wrap .categorymenu li span {display: none;}
.gnb_wrap .categorymenu {padding: 4.1667vw 5.5556vw; box-sizing: border-box;}
.gnb_wrap .categorymenu li {display: block; width: 100%; padding: 3.0556vw; box-sizing: border-box; text-align: center; border-radius: 1.9444vw;border:0;margin-bottom: 5.5556vw;}
.gnb_wrap .categorymenu li:nth-last-child(1) {background: #E8E5E5;}
.gnb_wrap .categorymenu li:nth-last-child(2) {background: #C7FADE;}
.gnb_wrap .categorymenu li:nth-last-child(3) {background: #CAE5FB;}
.gnb_wrap .categorymenu li:nth-last-child(4) {background: #DEDEF7;}
.gnb_wrap .categorymenu li:nth-last-child(5) {background: #E6F6DD;}
.gnb_wrap .categorymenu li:nth-last-child(6) {background: #FCFBC8;}
.gnb_wrap .categorymenu li:nth-last-child(7) {background: #FFE6CC;}
.gnb_wrap .categorymenu li:nth-last-child(8) {background: #FDE0E8;}
textarea {resize:none !important;}
.listnone p img{display: none;}
.partyinner {margin-top: 6.9444vw;}
.toptainer {background: #fff; z-index: 15;}
.s-l a {background-size: 5.778vw;padding: 3.333vw 0 3.333vw 10.5vw;}
.writeinner dt, .writeinner dd {border-bottom: 0.2778vw solid #ebebeb;}
.writeinner dd.winfo {border-bottom: 0.2778vw solid #ebebeb;margin:0; margin-bottom: 2.778vw;}
.pnalist li {border-color: #eee;}

.diainner {z-index: 5;}
.footer {z-index: 5;}
.pinkline2 {display: block;word-break: break-all;}
.afterdia article div {border: 0 !important;}
.afterdia p {font-weight: 600;}
.btn-gd1 {height: 10.778vw;}
.btn-gd1 span {display: none !important;}
.btn-gd1 span.style_b {display: block !important; font-size: 3.0556vw; line-height: 5.444vw;}
.toptainer h1 span {color: #333;}
.pbtn_wrap button.cl {background: #e8e8ec !important;}
.list_roll2_99 article .card-befor .content .area strong {border-left: 0.2778vw solid #959595; padding-left: 2.7778vw;margin-left: 2.7778vw;}
.eventinner h2{color: #675687; font-weight: 800;}
.eventinner article{border-bottom: 0.2778vw solid #eee;}

.viewbox dl .imgzone img {border-radius:0;}
footer {z-index: 15;}
.re-s {display: flex; align-items: center; justify-content: flex-end; gap: 1.3889vw;width: 100%;}

.s-bg input {height: 9.556vw;}
.s-bg button {height: 9.556vw;}
.list_roll2_1 article .card-befor .content .area strong {border-left: 0.2778vw solid #e3e3e3; padding-left: 2.7778vw;}
.searchbox .field-container input{font-size: 3.6111vw;}
.wayinner h2 {font-weight: 600;}
.addbett2 {border-bottom: 0.2778vw solid #eee;width: 100%; padding: 0 4.1667vw; box-sizing: border-box;margin-bottom: 8.3333vw;padding-bottom: 22.2222vw;}
.hum .hum2 p {font-size: 3.3333vw;}
.hum .hum3 p {font-size: 3.8889vw;}
.hum .hum2 b {font-weight: 600;font-size: 4.1667vw;display: block; margin-bottom: 1.9444vw;}
.cds1 {font-weight: 600;}
.cds1 p {font-weight: 500;}
.cds2 ul li input+label {border:0.2778vw solid #eee; font-weight: 600;}
.cds2 ul {border-bottom: 0.2778vw solid #eee; width: 100%; padding: 0 6.9444vw; box-sizing: border-box;}
.cds2 ul:last-of-type {border-bottom: 0;}

.tabnav.tabnav_new {background: #fff; width: 100%; padding: 0 6.9444vw; box-sizing: border-box;display: flex; align-items: center; justify-content: space-between;border-bottom: 0.2778vw solid #eee;}
.tabnav.tabnav_new li {width: 25%; background: #fff;}
.tabnav.tabnav_new li a {padding: 0.8333vw 0; width: 100%; display: block; background: #fff; border-radius: 0;color: #333;}
.tabnav.tabnav_new li a.active {padding: 0.8333vw 0; width: 100%; display: block; border-bottom: 0.8333vw solid #6a7e90;}

.popupgrn {background: #fff;}
#btn_pop_close_cc {background: #BDA674 !important;}
#btn_chadan {background: #6A7E90 !important;}
.popup .content {padding: 2.778vw 0 4.333vw 0;}
/* .afterdia article div.bdim {border:0.2778vw solid #eee !important;} */
.afterdia article div.bdim {}
.afterdia article div.bdim figcaption {padding: 1vw 0;}

.chat_new_h {}
.chat_new_h a{}
.chat_new_h a img{width: 3.1111vw;display: block; margin: 0 auto;}
.chat_new_h a span{display:block; font-size: 2.7778vw;}

.new_0612 {background: inherit ; border:0; box-shadow: none; position: absolute; top: 19vw; left: 8vw;z-index: 25;}
.new_0612 img{width: 3.3333vw;}
.tabcontent {padding-top: 0;}

.my_dia dl dd article .dis_mark {background: transparent; border-radius: 0; padding: 0;}
.my_dia dl dd article .dis_mark span {padding: 0.2778vw 1.3889vw;color: #fff; border-radius: 1.3889vw; }
.my_dia dl dd article .dis_mark .dia_hot {background: #e670a5;}
.my_dia dl dd article .dis_mark .dia_best{background: #a73636;}
.my_dia dl dd article .dis_mark .dia_per{background: #3c72a4;}

.ptinner div {padding-top: 0;}
.ptinner div .cameraimg{width: 22.2222vw;height: 22.2222vw;}
.newpti {display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;}
.newpti h4 {display: block; text-align: left;width: 100%;}

.ttbox1 .pinkline.bdm {border:0.2778vw solid #eee;}

.btn-6a.pobbtn {position: fixed; bottom: 11.1111vw; left: 50%;transform: translateX(-50%);width: 91.5%; display: block;}
.afterdia article.finew div figure {height: 27.222vw;}
.lounge_submenu ul {padding: 5.611vw 4.167vw 1.222vw 4.167vw;}
.lounge_submenu ul li:last-child {padding-top: 0;}
.lounge_submenu ul li {padding-top: 1.3889vw;}

.profileinner .photobox_new {padding: 0; box-sizing: border-box;}
.profileinner .photobox_new a img{border-radius: 0; width: 100%; height: auto;border:0; max-height: 88vw;}
.profileinner ul li strong{color: #BF9764;}
.afterdia article div.bdim.bdim2 {height: 16vh;}
.afterdia article .icon_k1 {bottom:6.611vw;}

.greeting {padding: 0 0 6.944vw 0;}

.sub_back {position: absolute; top: 19.4444vw;left: 2.7778vw;background: inherit;border-radius: 0; border:0; box-shadow: none;z-index: 5;}
.sub_back img {width:8.3333vw;}
.telbox {color:#6A7E90 }

.notiview dl dt {background: #fff;}

.new_wait {background: #fff;padding: 16.6667vw 0;}
.new_wait img{display: block; margin: 0 auto; width: 20vw;}
.new_wait h1{display: block; text-align: center; margin-top: 22.2222vw; font-size: 6.1111vw; font-weight: 600;}
.new_wait p{display: block; text-align: center; font-size: 3.8889vw; font-weight: 500;margin-top: 41.6667vw;margin-bottom: 41.6667vw;}
.new_wait button{width: 80%;margin: 0 auto;display: block;}

.paging li.on {color: #6a7e90 !important;}

.tab3-menu {padding-bottom: 2.7778vw; border-bottom: 0.2778vw solid #eee;border-radius: 0;}

.commbg {background: #fff !important;}
.intdimg2 {margin-left: 1.5vw;}
.qwe{}

.textcenter .btn5 {background: #6A7E90; color: #fff; line-height: 6.9444vw;}
.login{padding-top: 16.6667vw;}
.ph_la1{}
.ph_la1 select{height: auto; border-radius: 0;padding-bottom: 0.8333vw; color: #000;}
.text_wrap{position: relative;}
.test_p{padding-top: 25vw;}
.font_si input{font-size: 4.1667vw !important;}
.font_si input::placeholder{font-size: 4.1667vw !important;}
.labtn1{background: #6A7E90;}
.plus_c{display: flex; align-items: center; position: absolute; right: 23%; bottom: 4.1667vw;}
.plus_c img{margin: 0 1.1111vw 0 0 !important; width: 4.4444vw !important; height: auto !important;}
.plus_c b{font-size: 2.7778vw; font-weight: 300; color: #6A7E90; width: 2.5000vw;}
.li_wi_a{}
.li_wi_a li{border-bottom: 0.2778vw solid #eee; position: relative;}
.li_wi_a .li_in{display: flex; gap: 1.9444vw;}
.li_wi_a .li_in img{width: 6.6667vw; height: 6.6667vw; border-radius: 50%; object-fit: cover;}
.li_wi_a .li_in .ri{width: 90%;}
.li_wi_a .li_in .ri_top{display: flex; justify-content: space-between; align-items: center; font-size: 3.6111vw; font-weight: 600; color: #B7B7B7; font-weight: 300;}
.li_wi_a .li_in .ri_top p{font-size: 3.6111vw; font-weight: 600; color: #060606;}
.li_wi_a .pink2{font-size: 3.6111vw; font-weight: 600;}
.li_wi_a .ri_bottom{font-size: 3.6111vw; color: #060606; font-weight: 400;}
.li_wi_a .ri_bottom em{font-size: 3.3333vw; font-weight: 300; color: #010101; position: absolute; right: 2.7778vw; bottom: 2.7778vw;}
.li_wi .li_in_sp{padding: 0; right: 1.3889vw !important; font-size: 3.3333vw !important;}
.afterdia article div figure.card img{height: 100% !important;}
.nnom_a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 69%;}
.nick_a{padding: 0.8vw 2.778vw !important;}
.area_a{padding: 0.8vw 2.778vw; font-size: 3.5vw; width: 28% !important;}
.ckmmm2 .fll p{width: auto !important; background: #fff; padding:2.7778vw 5.7778vw; box-sizing: border-box;border-radius: 1.3889vw;text-align: left;}
.ckmmm2 .fll p{width: auto !important; background: #fff; padding:2.7778vw 5.7778vw; box-sizing: border-box;border-radius: 1.3889vw;text-align: left;}
.ckmmm2 .flr p{width: auto !important; background: #fff; padding:2.7778vw 5.7778vw; box-sizing: border-box;border-radius: 1.3889vw;text-align: right;}
.ckmmm2>div{margin-top: 11.8889vw;}
.fwcss .fw_in{font-weight: 600 !important; }
.fwcss .in_sp1{font-weight: 500 !important; }
.fwcss .btn-bet{margin-bottom: 5.5556vw;}
.fwcss .btn-bet:last-child{margin-bottom: 2.7778vw;}
.title_wrap{padding-left: 5.5556vw; padding-right: 5.5556vw;}
.way_wrap{padding-top: 7vw !important;}
.new_base_wrap .nb_tit .tit{font-weight: 800 !important;}
.exinner .h3_1{font-weight: 600;}
.header_wrap h1{padding: 0; padding-bottom: 4.7222vw; font-weight: 600;}
.header_wrap1 h1{font-weight: 600;}
.profile_wrap{padding: 0 4.167vw 10vw 4.167vw;}
.pop_wrap_in{border-radius: 1.5vw;}
.pop_wrap_in .btn-wh3{border-radius: 3vw;}
.list_1 input{font-weight: 500 !important; color: #85898f;}
.list_1 input::placeholder{color: #85898f;}
.header_bb{border-bottom: 0;}
.intv2{padding-top: 20vw !important;}
.tag_flex{}
.tag_flex .btn-tag{ padding: 2.2222vw 0; width: 21%;}
.btn_backg{background: #fff; width: 100%;position: fixed; bottom: 0; left: 0; text-align: center;}
.btn_backg2{background: #fff; width: 100%;position: fixed; bottom: 16.6667vw; left: 0; text-align: center;}
.btn_backg button{height: 10.5vw; background: #6A7E90; width: 77%; color: #fff; font-size: 4.444vw; font-weight: 500; margin:5.5556vw 0 11.1111vw;}
.pic_wrap{}
.pic_wrap li:nth-child(4){margin-bottom: 2.7778vw;}
.pic_wrap li:nth-child(5){margin-bottom: 2.7778vw;}
.nz2mb{margin-bottom: 31vw !important;}
.nb_btn{padding: 1.9444vw 0; width: 31.3889vw;}
.listsec{}
.test_wrap dl{padding: 2.7778vw 2.2222vw 2.7778vw 2.2222vw;}
/* .test_wrap dl dt span{margin-top: 2.3333vw;} */
.test_wrap dl dt span{margin-top: 0 !important; padding-bottom: 0;}
.test_wrap dl dt button .test_tit{padding-top: 2.7778vw !important;}
.ma{font-weight: 800;}
.re_comment{padding: 1.9444vw 0 0.5556vw 8.8889vw;}
.re_comment2{padding: 1.9444vw 0 0.5556vw 8.8889vw;}
.popcss{}
.popcss .popuptext{width: 42% !important; padding: 5.2778vw 3.8889vw 3.0556vw;}
.popcss h1{position: relative;}
.popcss h1 img{position: absolute; width: 6.1111vw; left: 1.9444vw; top: -3.0556vw;}
.poi1 .hb{ gap: 2.2222vw;}
.poi1 .hb img{height: 5.2778vw; width: auto; margin-top: 0.8333vw;}
.poi1 .hb .hb_bl{text-align: left !important;}
.popbtnwidth button{width: 100% !important;}
.popcss2{}
.popcss2 p{font-size: 5.5556vw; font-weight: 600; margin-bottom: 5.5556vw;}
.popcss2 .pctext button{width: 84% !important; font-size: 4.4444vw;}
.popcss2 p{}
.lounge_list_wrap figcaption{padding: 3vw 0 !important; font-weight: 500 !important;}
.fig_wrap{height: 30.222vw !important;}
.vi2_so .sotit{padding: 0;}
.vi2_so .textzone{padding: 11.1111vw 0;}
#dev_dia3 button{background: #6A7E90 !important;}
.dia_wrap{margin-top: 0; border-top: 0; padding: 4.4444vw 4.1667vw 4.4444vw;}
.list_roll_wrap article .card-befor .content{padding: 3.2778vw !important;}
.dia_u_h .new_h .h1_n{text-align: center !important;}
.popdia{}
.popdia .popuptext{width: 64%; padding: 11.1111vw 0 5.5556vw;}
.popdia p{margin-bottom: 7.7778vw;}
.padding1{padding: 8.3333vw 0 8.3333vw;}
.new_card_wrap{display: flex; align-items: center; gap: 5.5556vw; margin-top: 5.5556vw;}
.new_card_wrap article{margin: 0 !important; width: 46.9%;}
.textleft{text-align:left !important;}
.party_wrap .titz1{padding: 6.9444vw 0 5.2778vw !important; margin-bottom: 0 !important;}
.party_wrap .titz2{padding: 0 0 5.2778vw 0; margin: 0 !important;}
.party_wrap  dl dt p strong{font-weight: 600 !important;}
.party_wrap  dl dt span{font-weight: 500 !important;}
.party_wrap  .viewbox dl dt .data{font-weight: 300;}

.wri1{height: auto;}
.wri1 dd.wfile{height: auto; padding: 4.1667vw !important;}
.mb0{margin-bottom: 0 !important;}
.new_card_wrap article .card-befor{padding-bottom: 17.1667vw;}
.new_card_wrap article .card-befor .new_content{padding: 0 2.7778vw 1.1111vw;}
.new_card_wrap article .card-befor .bet-acc{height: 9.7222vw; margin: 0; padding: 0;}
.new_card_wrap .job{margin: 0.3889vw 0 -0.2778vw !important;}
.new_card_wrap article .card-befor .bet-acc p{padding-bottom: 0;}
.new_card_wrap article .card-befor .new_content .nick{padding-top: 0.7778vw;}
.new_card_wrap article .card-befor .image{border-radius: 0;}
.new_card_wrap article .card-befor .image img{border-radius: 0; height: 100%; object-fit: cover;}
ul.betlist_wrap{border-bottom: 0 !important; padding-bottom: 2.7778vw;}
.sub5_in .pinkline{padding: 6.9444vw 0 8.3333vw !important; font-weight: 300 !important;}
.int_li{padding: 5.5556vw 4.167vw 20vw;}
.btn_wid{width: 85%; margin: 0 auto; padding-bottom: 0 !important;}
.btn_wid button{width: 40% !important;}
.pro_bt{border-top: 0.2778vw solid #eee; margin: 0 4.1667vw; padding-top: 5.5556vw;}
.hei_au span{height: auto !important;}
.poptext2{padding: 1.278vw 4.722vw 6.556vw 4.722vw;}
.faqbg{padding: 5.6111vw 4.1667vw; border-bottom: 0.2778vw solid #eee;}
.write_wrap{margin-top: 0;} 
.write_wrap .writeinner .btn img{height: 4.1667vw;}
.write_wrap .writeinner dd.wfile{padding: 4.1667vw 4.1667vw 29.1111vw 4.1667vw;}
.pop_bottom_no li:last-child{margin-bottom: 0;}
.com_top2{border-bottom: 0.2778vw solid #eee;}
.com_top2 .pdt20{margin-bottom: 0 !important;}
.line_h13{line-height: 3.6111vw !important;}
.line_h13-1{margin-bottom: 8.3333vw;}
.party_go_img{ height: 3.6556vw;}
/* .mid_wrap{border-bottom: 0.2778vw solid #eee; margin: 0 4.1667vw 4.1667vw;} */
.mid_wrap{ margin: 0 4.1667vw 4.1667vw;}
.like_wrap{}
.list_roll2_99 article .card-befor .content_la{padding: 2vw 5.2778vw !important;}
.date_loun{position: absolute; top: 41.9%; left: 50%; transform: translateX(-50%); width: 100%; font-size: 4.8vw; line-height: 5.7vw; color: #393E56;}
.date_loun .time_set{font-size: 5.8vw; letter-spacing: 0.2vw; color: #393E56;}
.lounge_in{position: absolute; top: 50%; top: 62%; left: 50%; transform: translate(-50%); width: 100%;}
.lounge_in .lgbtn_in{font-size: 9vw; border: 0; background: transparent; box-shadow: none; color: #3651A3; font-weight: 400;}
.lounge_in p{font-size: 4.5vw; width: 100%;color: #3651A3; font-weight: 600;}
.lounge_in1{}
.lounge_in2{top: 64%; font-weight: 500;}
.afterdia article div.ch6_wrap{height: auto !important;  width: 98%; position: absolute; overflow: hidden; margin: 0; border: 0.2778vw solid #C2C2C2 !important; box-sizing: border-box; top: 46%;}
.afterdia article div.ch6_wrap span{color: #886836; font-weight: 500; font-size: 2.7778vw;}
div.ch6_wrap figcaption{position: relative !important; border: 0 !important;}
.mh_i1 img{width: 8.3333vw !important; height: auto !important;}
.mh_i2 img{width: 5.8333vw !important; height: auto !important;}
.mh_i3 img{width: 5.0000vw !important; height: auto !important;}
.sli_wrap article .card-befor {height:48.7222vw;}
.sli_wrap article .card-befor .image{display: block; height: 100%;}
.sli_wrap article .card-befor .image img{height: 100%; object-fit: cover;}
.sli_wrap article .card-befor .bet-acc{min-height: 9.7222vw;}
.sli_wrap article .card-befor .bet-acc p{display: flex; justify-content: center; align-items: center; gap: 2.222vw;}
.new_c_wrap{padding: 0 2.7778vw 1.1111vw;}
.sli_wrap article .card-befor .bet-acc p img{width: 7.5vw; height: 7.5vw; object-fit: cover;}
.list_roll2_1 article .card-befor .bet-acc img{width: 7.5vw; height: 7.5vw; object-fit: cover;}
.more_last{background: #6a7e90 !important; color: #fff !important;}hf
.free_btn{margin: 0 4.1667vw !important; width: 91%;}
.hicon img{margin-bottom: 3.0556vw;}
.sli_wrap article .card-befor .bet-acc {padding: 0;}
.list_roll2_1 article .card-befor .content{padding: 0 1.944vw;}
.list_roll2_1 article .card-befor .content .nick{margin-bottom: 0;}
/* .ph_wrap_last{width: 29.7222vw; margin: 0 auto;} */
.ph_la1{display: flex; justify-content: center; gap: 5.5556vw;}
.ph_la1 span{width: 12%; text-align: end;  white-space: nowrap;}
.pic_wrap2{}
.pic_wrap2 p{text-align: center;}
.wait_last{background: #fff;}
.wait_last {}
.wait_last section{margin-bottom: 47px;}
.wait_last .onetext{background: #fff; width: auto; height: auto;}
.wait_last .onetext strong{color: #000; font-size: 24px; font-weight: 600; letter-spacing: 2px; padding-top: 85px;}
.wait_last .textsy2{font-size: 16px; font-weight: 500; margin-top: 90px; letter-spacing: 1.5px; line-height: 22px;}
.wa_btns .mgb12{margin-bottom: 5.3333vw !important;}
.pro_header{padding: 2.7vw 0;}
.pro_header h1{padding-top: 0; padding: 0;}
.pro_t_wrap{line-height: 5.2778vw;}
.pro_title{font-size: 3.0556vw; font-weight: 500; color: #6A5219;}
.color_iphone{color: #000 !important;}
.join_com_w{background: #fff; text-align: center;position: relative; height: 100vh;}
.join_com_w .join_last{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.join_com_w .img{width: 80.5556vw; margin: 0 auto; margin-bottom: 27.7778vw;}
.join_com_w .join_p1{font-size: 6.3889vw; font-weight: 600; line-height: 16.6667vw;margin-bottom: 22.2222vw; letter-spacing: 0.5556vw;}
.join_com_w .join_p2{font-size: 4.4444vw; font-weight: 500; line-height: 8.3333vw;}

.c_ing_wrap{position: relative;}
.c_ing_wrap .c_ing{position: absolute; top: 0; right: 0; color: #fff; font-size: 3.8889vw; background: rgba(0,0,0,0.3) !important; width: 100%; height: 100%; border-radius: 2.222vw;} 
.c_ing_wrap .c_ing p{text-align: end; padding: 1.1111vw 1.9444vw 0 0;} 
.msg_box textarea{background: none; border: 0; border-radius: 0; height: auto; padding: 1.3889vw 0 1.3889vw; height: 6.9444vw; width: 89%; font-size: 3.6111vw; -ms-overflow-style: none;  scrollbar-width: none;}

.msg_box textarea::-webkit-scrollbar {display: none;}

.msg_box{gap: 3.6111vw;}
.msg_box{gap: 3.6111vw;}
.msg_box .chat_wrap{display: flex; justify-content: space-between; align-items: center; background:#F2F3F6; border: 0.2778vw solid #ddd; border-radius: 3.3333vw; width: 90%; padding: 1.1111vw;}
.msg_box .chat_wrap button{background: #F2F3F6; box-shadow: none !important;}
.msg_box .chat_wrap button img{width: 13.8889vw !important;}
.chat_pop_wrap article .card-befor .content{padding: 2vw 5.2778vw; border: 0; border-bottom: 0.2778vw solid #eee; border-radius: 0; border-top-left-radius: 2.7778vw; border-top-right-radius: 2.7778vw;}
.chat_pop_wrap article .card-befor .image img{border-radius: 0;}

.ptinner div.upload {
    text-align: center;
    padding-top: 5.556vw;
    background: #EBEBEB;
    border-radius: 1.389vw;
    width: 25.833vw;
    height: auto;
    min-width: 25.833vw;
    min-height: 20.278vw;
    float: left;
}

.ptinner div.upload {
    min-width: 12.833vw;
    min-height: 12.833vw;
    background: #fff;
    width: 12.833vw;
    border-radius: 1.3889vw;
}

.ptinner div.upload {
    padding-top: 0;
}

/* Romance test question emphasis. */
.qnastpop > p:first-child { color: #00704a; font-weight: 600; }
.love-personal-section { margin-top: 24px; scroll-margin-top: 80px; }
.love-personal-section h2 { color: #1c3931; font-size: 20px; margin-bottom: 16px; }
.love-personal-section .personal-test-link { display:flex; gap:14px; padding:16px; color:#1c3931; }
.love-personal-section .personal-test-copy { flex:1; min-width:0; }
.love-personal-section strong { display:block; overflow-wrap:anywhere; }
.love-personal-section p { font-size:14px; line-height:1.6; margin-top:8px; overflow-wrap:anywhere; }
.love-personal-section img { width:96px; height:96px; object-fit:cover; border-radius:12px; flex-shrink:0; }
.love-personal-more { display:block; text-align:center; padding:14px; color:#00704a; }

.test-joined-sticker{display:inline-block!important;padding:3px 7px!important;margin:0 0 6px!important;border-radius:6px;background:#e1f1e7;color:#00704a;font-size:11px!important;line-height:1.4;font-weight:700;}
.btn_test:disabled{opacity:1;cursor:default;}

.today-empty-card{box-sizing:border-box;width:100%;margin:18px 0 8px;padding:24px 18px;text-align:center;border:1px solid #dce8e0;border-radius:20px;background:linear-gradient(145deg,#fff,#f0f6f2);color:#1e3932;}
.today-empty-title{font-size:17px;font-weight:700;line-height:1.5;word-break:keep-all;}
.today-empty-copy{margin-top:10px;font-size:13px;line-height:1.8;color:#66786d;word-break:keep-all;}
.today-empty-history{margin-top:22px;padding-top:20px;border-top:1px solid #dce8e0;}
.today-empty-history p{font-size:14px;line-height:1.7;word-break:keep-all;}
.today-history-button{display:block;width:min(220px,90%);min-height:48px;margin:16px auto 4px;padding:12px 20px;box-sizing:border-box;border:1px solid #005437;border-radius:12px;background:linear-gradient(#008557,#006341);color:#fff;font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff45,0 4px 0 #004c32,0 7px 12px #003c2826;}
.today-history-button:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #003c2830,0 2px 0 #004c32;}