/* @font-face {
    font-family: "malgun";
    src: url(../font/malgun.ttf);
}
@font-face {
    font-family: "NanumSquare";
    src: url(../font/NanumSquare.ttf);
} */


.main_1{text-align: center;margin-bottom: 3.888vw;}
.main_1>div{width: 25.555vw;margin: 2.277vw auto 2.888vw;}
.main_1>p{font-size: 7.5vw;font-family: 'Noto Sans KR', sans-serif;font-weight: bold; color: #5b5b5b;}
.pdt{padding-top: 22.5vw;}
h6{margin: 0;}
figure{margin: 0;}
input[type='file']{display: none;}
input[type='radio']{display: none;}
input[type='checkbox']{display: none;}
.shadow{
    -webkit-box-shadow: 0 0.555vw 2.888vw rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.555vw 2.888vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.555vw 2.888vw rgba(0, 0, 0, 0.1);
}

  .text_input1{box-sizing: border-box;padding: 1.389vw 0;border: none;background: none;border-bottom: 1px solid #e1b156;display: block;width: 100%;font-size: 3.611vw;}
  .text_input2{box-sizing: border-box;padding: 3.333vw;border: none;background: none;border: 1px solid #e1b156;display: block;width: 100%;font-size: 3.611vw;}

.h1_chat{width: 12.222vw !important;}
.h_gold{width: 9.722vw !important;}
.posm{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.main{height: 100%;padding: 7vw 0;box-sizing: border-box;}
.main_2>li{width: 100%;padding: 3.333vw 0;border:1px solid #e1b156;border-radius: 3.333vw;text-align: center;margin-bottom: 3.888vw;}

.main_2>li>div{width: 15vw;height: 15vw;margin: 0px auto 1.666vw;}
.main_2>li:nth-child(1)>div{background: url(../img/ic1.png) no-repeat center/100%;}
.main_2>li:nth-child(2)>div{background: url(../img/ic2.png) no-repeat center/100%;width: 17vw;height: 12.777vw}
.main_2>li:nth-child(3)>div{background: url(../img/ic3.png) no-repeat center/100%;width: 18.222vw;height: 12.777vw;;}
.main_2>li:nth-child(4)>div{background: url(../img/ic4.png) no-repeat center/100%;padding: 1.111vw 0;width: 12vw;height: 12vw;}
.main_2>li:nth-child(5)>div{background: url(../img/gold_shop.png) no-repeat center/100%;padding: 1.111vw 0;width: 12vw;height: 12vw;}

.main_2>li:last-of-type{margin-bottom: 0;}
.main_2>li>p{font-size: 5vw;font-family: "NanumSquare"; font-weight: 600; color: #393939;}

footer{position: fixed;left: 0;bottom: 0;width: 100%;padding: 2.222vw 0;background: #E1B156;}
.foot2{background: #F1E0BF;}

.bt_menu{display: flex;justify-content: space-around;text-align: center;color: #fff;}
.bt_menu>li{position: relative;width: calc(100%/4);}
.bt_menu>li>div{width: 8.888vw;height: 8.888vw;margin: 0px auto;}

.bt_menu>li:nth-child(1)>div{background: url(../img/fo1_off.png) no-repeat center/80%;}
.foot2 .bt_menu>li:nth-child(1)>div{background: url(../img/f1_off.png) no-repeat center/80%;}
.bt_menu>.bt_on:nth-child(1)>div{background: url(../img/fo1_on.png) no-repeat center/80%;}
.bt_menu>.bt_on:nth-child(1)>p{color: #ffff01;}
.foot2 .bt_menu p{color: #e1b156 !important;}

.bt_menu>li:nth-child(2)>div{background: url(../img/fo2_off.png) no-repeat center/90%;}
.foot2 .bt_menu>li:nth-child(2)>div{background: url(../img/f2_off.png) no-repeat center/90%;}
.bt_menu>.bt_on:nth-child(2)>div{background: url(../img/fo2_on.png) no-repeat center/90%;}
.bt_menu>.bt_on:nth-child(2)>p{color: #ffff01;}

.bt_menu>li:nth-child(3)>div{background: url(../img/fo3_off.png) no-repeat center/70%;}
.foot2 .bt_menu>li:nth-child(3)>div{background: url(../img/f3_off.png) no-repeat center/70%;}
.bt_menu>.bt_on:nth-child(3)>div{background: url(../img/fo3_on.png) no-repeat center/70%;}
.bt_menu>.bt_on:nth-child(3)>p{color: #ffff01;}

.bt_menu>li:nth-child(4)>div{background: url(../img/fo4_off.png) no-repeat center/80%;}
.foot2 .bt_menu>li:nth-child(4)>div{background: url(../img/f4_off.png) no-repeat center/80%;}
.bt_menu>.bt_on:nth-child(4)>div{background: url(../img/fo4_on.png) no-repeat center/80%;}
.bt_menu>.bt_on:nth-child(4)>p{color: #ffff01;}

.go_select{border-top: 1px solid #E1B156;border-bottom: 1px solid #E1B156;padding: 1.389vw 0;display: flex;justify-content: space-between;}
.go_select>select{font-size: 3.333vw;border:1px solid #c5c5c5;padding: 0.555vw 5.556vw 0.555vw 5.556vw;background: url(../img/select.png) no-repeat 90% 50%/3.333vw; color:#5b5b5b;width: 37.5vw;}

.bt_menu>li>h5{position: absolute;right: 5.333vw;top:-1.777vw;font-size: 4.444vw;color: #ff0c0c;}

.hand_1>div>section{font-size: 3.888vw;}
.hand_1>div>section>p{padding-bottom:1.389vw;font-size: 3.889vw;}
.hand_1>div>section>h3{font-weight: 500;color: #e1b156;font-size: 3.889vw;}
.hand_1>div>section>figure{width: 18.333vw;margin-bottom: 1.389vw;}

.go_han1{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 10vw;}
.go_han1>li{width: 100%;display: flex;position: relative;border-bottom: 1px solid #F1E0BF;padding: 2.222vw 0;}
.go_han1>li>div:nth-child(1){width:36.1111vw;margin-right: 3.333vw;height: 27.5vw;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);position: relative;  }
.go_han1>li>div:first-child>img{object-fit: cover;}
.go_han1>li>div:nth-child(2){box-sizing: border-box; position: relative;}
.go_han1>li>div:nth-child(2)>p:nth-child(1){font-size: 4.167vw;color: #131313;margin-bottom: 1.667vw;}
.go_han1>li>div:nth-child(2)>p:nth-child(2){font-size: 4.167vw;color:#000;font-weight:400;}
.go_han1>li>div:nth-child(2)>div{display: flex;position: absolute; left: 0;bottom: 0;}
.go_han1>li>div:nth-child(2)>div>p{font-size: 1.2162vh; padding-left: 3.3333vw;}
.go_han1>li>div:nth-child(2)>div>p:nth-child(1){padding-right: 4vw;background: url(../img/wish_on.png) no-repeat left center/2.888vw;margin-right: 2.333vw;}
/* .go_han1>li>div:nth-child(2)>div>p.a{padding-right: 4vw;background: url(../img/wish_on.png)no-repeat right center/2.222vw;margin-right: 2.333vw;} */
.go_han1>li>div:nth-child(2)>div>.b{padding-right: 6vw;background: url(../img/scc.png) no-repeat right center/3.333vw;margin-right: 2.333vw;}
.go_han1>li>div:nth-child(2)>div>.c{padding-right: 6vw;background:url(../img/aacc.png) no-repeat 100% 52%/3.333vw}

.go_han1>li>div:nth-child(2)>h4{position: absolute;right: 0;bottom: 0;font-size: 2.888vw;color: #fff;text-align: center;width: 10vw;padding: 0.555vw 0;border-radius: 1.666vw;}
.go_han1>li>div:nth-child(2)>h4.ou1{background: #0066BF;}
.go_han1>li>div:nth-child(2)>h4.ou2{background: #e1b156;}
.go_hanq1>li>div:nth-child(2)>h5{font-size: 4.167vw;color: #5B5B5B;font-weight: bold;}
.go_hanq1>li>div:nth-child(2)>h6{font-size: 2.778vw;color: #0066BF;font-weight: normal;padding-top: 1.389vw;}

.go_han1>li>input{display: none;}
.go_han1>li>label{display: block;position: absolute;right: 0;top: 5%;width: 5.555vw;height: 7.5vw;background: url(../img/wish_off.png) no-repeat center/90%;}
.go_han1>li>input:checked+label{background: url(../img/wish_on.png) no-repeat center/90%;}

.hd1{position: fixed;left: 0;top: 0;width: 100%;padding: 5.556vw 0 3.333vw 0;background: #fff;z-index: 99; }
.hd1>div{display: flex;justify-content: space-between;align-items: center;}
.hd1>div>h1{width: 39.722vw;}
.hd1>div>p{font-size: 4.167vw;color: #707070;}
.hd1>div>.searchs{color: #E3B865;padding: 1.667vw 11vw 1.667vw 0;background: url(../img/aa.png) no-repeat right center/8.333vw;font-weight: 300;}


.ser_top>div{width: 76vw;background: #F2F3F6;box-sizing: border-box;padding: 2.778vw 5.556vw;display: flex;justify-content: space-between;position:relative;}
.ser_top>div>input{background: none;border:none;width: 57vw;font-size: 3.333vw;}
.ser_top>div>button{width: 6.667vw;height: 6.667vw;background: url(../img/aa.png) no-repeat center/cover;position:absolute;right:5%;top: 50%;transform:translateY(-50%)}

.back_1{padding-left: 5vw;background: url(../img/back.png) no-repeat 0 65%/3.111vw;font-size: 5vw !important;font-weight: 300;}

.login_wrap>a{text-align: right;font-size: 3.611vw;padding-bottom: 2.888vw;display: block;font-weight:500;color: #5B5B5B}

.login_form{margin-bottom: 3.056vw;}
.login_form>div:nth-child(1){margin-bottom: 8.333vw;}
.login_form>div>p{font-size: 4.722vw;font-weight: bold;padding-bottom: 2.222vw; letter-spacing: 0.277vw;}
.lo_id,.lo_pw,.lo_pw_check{display: none; color: #cc0000;}
.ck_box2>label {color:#5B5B5B; letter-spacing:-0.0833vw;}

.login_bt{width: 100%;height: 15.277vw;background: #e1b156;color: #fff;font-size: 5vw;display: block;margin: 6.111vw 0 0;}

.join_stat{display: flex;align-items: center;justify-content: center;}
.join_stat span{font-size: 4.167vw;color: #5B5B5B;font-weight: bold;}
.join_stat strong{margin-left: 5.556vw;font-size: 6.111vw;color: #e1b156; font-weight: 500;}

.sns_wrap{margin-top: 15.833vw;}
.sns_wrap>button{display: block;margin-bottom: 3.889vw;}
.sns_wrap>button:last-of-type{margin-bottom: 0;}

.join_wrap>h2{font-size: 5.278vw;padding: 4.444vw 0 1.389vw;margin-bottom: 5vw; font-weight: bold; border-bottom: 1px solid #e1b156;}
.join_top>div{margin-bottom: 5vw;}
.join_info>div{margin-bottom: 4.167vw;}
.join_info>div:last-of-type{margin-bottom: 0;}
.join_info>div>p{font-size: 4.167vw;font-weight: 400;padding-bottom: 1.667vw;}

.phone_check>div:nth-child(1){box-sizing: border-box;padding: 2.3vw;border: none;background: none;border: 1px solid #e1b156;display: block;width: 100%;font-size: 3.888vw;display: flex;justify-content: space-between;}
.phone_check>div:nth-child(1) input{border: none;background: none;width: 70%;font-size: 3.611vw;}
.phone_check>div:nth-child(1) button{background: #e1b156;color: #fff;border-radius: 1.667vw;box-sizing: border-box;padding: 1.111vw 1.666vw;}

.sns_wrap2{margin-top: 9.444vw;margin-bottom: 5vw;}

.phone_check>div:nth-child(2){box-sizing: border-box;padding: 1.666vw;border: none;background: none;border-bottom: 1px solid #e1b156;display: block;width: 100%;font-size: 3.888vw;display: flex;justify-content: space-between;margin-top: 3.333vw;}
.phone_check>div:nth-child(2)>input{border: none;background: none;font-size: 3.888vw;text-align: center;width: 62vw;}
.phone_check>div:nth-child(2)>button{background: #C5C5C5;color: #fff;padding: 1.111vw 2.333vw;border-radius: 1.667vw;font-size: 3.056vw; line-height: 1.5;}
.sns_wrap2>h2{font-size: 5vw;padding-bottom: 7.777vw;font-weight: bold;text-align: center;}
.sns_wrap2>div{display: flex;justify-content: space-evenly;}
.sns_wrap2>div>button{display: block;width: 15.555vw;}

.join_checkbox{margin: 11.111vw 0 !important;}
.join_checkbox>div{margin-bottom: 6.666vw;display: flex;justify-content: space-between;align-items: center;}
.join_checkbox>div button{width: 2.778vw;}

.join_checkbox>div input{display: none;}
.join_checkbox>div label{font-size: 3.889vw;background: url(../img/check_off.png) no-repeat 0 70%/7.222vw;font-weight: bold;line-height: 5.556vw;padding: 1.111vw 0 1.111vw 12.777vw;color: #5B5B5B;}
.join_checkbox>div input:checked+label{background: url(../img/check_on.png)no-repeat left center/6vw;}

.bt_1{width: 100%;height: 15.277vw;color: #fff;font-weight: bold;font-size: 5.555vw;background: #e1b156;border-radius: 10vw;display: block;}

.lo_pw_checks{display: none;}

.hand_1{display: flex;justify-content: space-between;border-top: 1px solid #e1b156;border-bottom: 1px solid #e1b156;}
.hand_1>div{display: flex;padding: 2.778vw 0;}
.hand_1>div>div{width: 18.889vw;height: 18.889vw; margin-right: 2.5vw;border-radius: 1.389vw;overflow: hidden;}
.hand_1>div>p{font-size: 4.166vw}
.hand_1>table td{font-size: 3.611vw;text-align: center;color: #5B5B5B;}
.hand_1>table tr:nth-child(1) div{width:4.444vw;height:6.111vw;float: right;}
.hand_1>table tr:nth-child(3) div{width: 5.167vw;float: right;}

.hand_2{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 1.944vw; max-height: 67vw;padding-top: 2.778vw;}
.hand_2>li{width: 30%;}
.hand_2 .swiper-slide img { height: 55vw !important; }

.hand_2_top{box-shadow: 1px 1px 1px rgba(0,0,0,0.16);}
.hand_2_top p{font-size: 3.333vw;display: block;box-sizing: border-box;padding: 0.555vw;background: #F8F8F8;}

.hand_2_bt{display: flex;justify-content: space-between;box-sizing: border-box;padding: 0.555vw;}
.hand_2_bt>p{font-size: 3.333vw}
.hand_2_bt>p:nth-child(1){padding-left: 3.333vw;background: url(../img/wish.png)no-repeat left center/2.222vw}
.hand_2_bt>p:nth-child(2){color: #e1b156;}
.hand_2_bt>p:nth-child(2) span{display: inline-block;margin-left: 1.666vw;width: 1.944vw;height: 1.944vw;border-radius: 50%;background: #E15656}
.hand_2_bt>.hand_ar{color: #5BE84B !important;}
.hand_2_bt>.hand_ar span{background: #5BE84B !important;}

/* .deal_scroll{overflow-y: auto;} */
.deal_scroll .st_ti{font-size: 4.444vw;font-weight: 500;margin-bottom:1.111vw;text-align: center;}
.deal_scroll .normal{font-size: 4.444vw;font-weight: 300;white-space:pre-line;height:38.889vw;padding-bottom: 8.333vw;width:86%;margin: 0 auto; overflow-y: auto;}

.hand_3>h3{font-size: 4.444vw;font-weight: 900;color: #e1b156;}
/* 수정 전 */
/* .hand_3>h4{color: #C5C5C5;font-weight: 300;padding: 1.111vw 0;border-top: 0.5px solid #F1E0BF;border-bottom: 1px solid #F1E0BF;} */
/* 수정 후 */
.hand_3>h4{color: #C5C5C5;font-weight: 300;padding: 1.111vw 0;border-top: 0.5px solid #F1E0BF;}
.hand_3 > .title_box { border: 1px solid #F1E0BF; padding: 3px;box-sizing: border-box;text-align: center;font-size: 4.444vw;font-weight: 500;}
.hand_3 > .intro_box { padding: 5px;white-space: pre-line;font-size: 4.444vw;}
.hand_4{padding: 1.389vw 0;border-bottom: 1px solid #F1E0BF;border-top: 1px solid #F1E0BF;background-color: #FFF;}
.hand_4 ul li {
	display: inline-block;
	width : calc(100% / 2 - 4vw);
	margin: 0 1vw;
}
.hand_4 ul li.chk_b {
	width: 100%;
}
.hand_4 .chat_img { width: 10vw; padding: 5vw; }


.home_bt{width: 12.222vw !important;padding-top: 2.888vw;}

.sp_br{display: block;}

.hand_4_1{display: flex;justify-content: space-between;}
.hand_4_1>button{width: 48%;color: #fff;background: #E1B156;padding: 2.778vw 0;font-size: 4.444vw;}

.dim_wrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.7);z-index: 9998;display: none;}
.ranking_dim>div{width: 84%;box-shadow: 0px 1.111vw 1.666vw rgba(0,0,0,0.16);}
.dim_wrap>div{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;background: #fff;border: 1px solid #e1b156;}
.dim_close{width: 4.444vw;height: 4.444vw;position: absolute;right: 5vw;top: 5.555vw;background: url(../img/close.png)no-repeat center/90%;}
.dim_wrap>div>h2{text-align: center;font-size: 8.333vw;font-weight: 900;padding-bottom: 18.333vw;}

.ranking_list .flex{display: flex;}
.ranking_list>li{display: flex;justify-content: space-between;margin-bottom: 6.111vw;text-align: center;}
.ranking_list>li>div>div{width: 17.222vw;height: 17.222vw;border-radius: 50%;}
.ranking_list>li:nth-child(1)>div>div{background: url(../img/e3.png) no-repeat center/96%;}
.ranking_list>li:nth-child(2)>div>div{background: url(../img/e2.png) no-repeat center/96%;}
.ranking_list>li:nth-child(3)>div>div{background: url(../img/e1.png) no-repeat center/96%;}
.ranking_list>li:nth-child(4)>div>div{background: url(../img/e4.png) no-repeat center/96%;}
.ranking_list>li:last-of-type{margin-bottom: 0;}

.ranking_list>li h3{font-size: 5.555vw;line-height: 17.222vw;display: block;width: 14.444vw;font-weight: bold;margin-left: 3.333vw;text-align: start;}
.ranking_list>li:nth-child(1) h3{color: #e1b156;}
.ranking_list>li:nth-child(2) h3{color: #ababa9;}
.ranking_list>li:nth-child(3) h3{color: #f3b151;}
.ranking_list>li:nth-child(4) h3{color: #ffc200;}
.ranking_list>li>p{line-height: 17.222vw;;}
.hd1>div>.hw1{display: flex;width: 48vw;align-items: center;}
.hd1>div>.hw1>div{width: 16.111vw;margin-right: 3.333vw;}
.hd1>div>.hw1>p{font-size: 4.722vw;font-weight: 500;color: #131313;}

.hd1>div>.hw1>.ic1{width: 12.222vw;}
.hd1>div>.hw1>.ic2{width: 15.611vw;}
.hd1>div>.hw1>.ic3{width: 19.722vw;}
.hd1>div>.hw1>.ic4{width: 10.667vw;}
.hd1>div>.hw1>.ic5{width: 10.556vw;}

.trade_list>li{padding: 4.444vw 0;border-top:1px solid #e1b156;display: flex;position: relative;}
.trade_list>li>div:nth-child(1){width: 42.222vw;height: 32.222vw;box-shadow: 1px 1px 1px rgba(0,0,0,0.16);margin-right: 3.888vw;}
/* .trade_list>li>div:nth-child(2){} */
.trade_list>li>div:nth-child(2)>h3{font-size: 4.166vw;padding-bottom: 1.666vw;;}
.trade_list>li>div:nth-child(2)>h4{font-size: 4.166vw;}
.trade_list>li>div:nth-child(2)>div{position: absolute;right: 0;bottom: 4.444vw;display: flex;}
.trade_list>li>div:nth-child(2)>div>.tran_wi_on{background: url(../img/wish_on.png) no-repeat center/90%;width: 6.111vw;height: 9.444vw;margin-left: 1.111vw;}
.trade_list>li>div:nth-child(2)>div>.tran_wi_off{background: url(../img/wish_off.png) no-repeat center/90%;width: 6.111vw;height: 9.444vw;margin-left: 1.111vw;}
.trade_list>li>div:nth-child(2)>div>p{padding-top: 3.333vw;}

.trade_slide .swiper-slide{width: 100%;height: 72.222vw;}

.trd1{margin-bottom: 5.555vw;}

.trd2{padding-bottom: 2.888vw;border-bottom: 1px solid #e1b156;}
.trd2>div:nth-child(1){display: flex;justify-content: space-between;margin-bottom: 3.888vw;}
.trd2>div:nth-child(1)>div:nth-child(1),.trd2>div:nth-child(1)>div:nth-child(3){width: 20vw;text-align: center;}
.trd2>div:nth-child(1)>div:nth-child(2){font-size: 5.555vw;width: 40vw;}
.trd2>div:nth-child(1)>div:nth-child(3){color: #e1b156;box-sizing: border-box;padding: 0.555vw 1.666vw;border: 1px solid #e1b156;font-size: 4.166vw;}

.trd2>div:nth-child(2){color: #919191;font-size: 4.444vw;min-height: 52.777vw;}
.trd2>ul{display: flex;margin-top: 2.888vw;}
.trd2>ul>li{background: #e1b156;color: #fff;padding: 1.111vw;margin-right: 1.111vw;}

.trd3{display: flex;justify-content: space-between;padding: 3.333vw 0;font-size: 6.666vw;}
.trd3>h3{font-size: 6.666vw;}
.trd3>div{line-height: 10vw;}
.trd3 label{color: #9a9a9a;padding-right: 8vw;display: inline-block;background: url(../img/wish_off.png)no-repeat center right/5.555vw;}
.trd3 input:checked+label{background: url(../img/wish_on.png)no-repeat center right/5.555vw;}

.trd4{display: flex;justify-content: space-between;padding: 2.888vw 0;border-top: 1px solid #e1b156;border-bottom: 1px solid #e1b156;}
.trd4 button{display: block;width: 48%;;}

.trd5{display: block;color: #e1b156;height: 12.5vw;border: 1px solid #e1b156;margin: 2.8888vw auto 0;font-size: 4.444vw;}

.review_for{width: 100%;min-height: 124.444vw;background: #fff;position: fixed;left: 0;bottom: -127vw;box-shadow: 0px -3px 6px rgba(0,0,0,0.16);padding: 3.888vw 7.777vw;box-sizing: border-box;z-index: 9999;transition: all 600ms cubic-bezier(0.85,0,0.07,1);}
.modal_open{bottom: 0;}
.review_for>div{display: flex;justify-content: space-between;margin-bottom: 13.888vw;align-items: center;}
.review_for>div>div:nth-child(1),.review_for>div>div:nth-child(3){width: 3.888vw;height: 3.888vw;}
.review_for>div>div:nth-child(2){font-size: 3.888vw;}
.review_list>li{display: flex;justify-content: space-between;border-bottom: 1px dashed #e1b156;padding: 3.333vw 0;}
.review_list>li:first-child{padding-top: 0;}
.review_list>li>div:nth-child(1){width: 56.944vw;}
.review_list>li>div:nth-child(2){width: 22.222vw;height: 17.222vw;}
.review_list>li>div:nth-child(1)>ul{display: flex;margin-bottom: 1.666vw;}
.review_list>li>div:nth-child(1)>ul>li:nth-child(1){font-size: 3.333vw;color: #afafaf;margin-right: 2.888vw;}
.review_list>li>div:nth-child(1)>ul>.star_wrap{display: flex;}
.star_wrap>div{width: 3.888vw;height: 4.888vw;margin-right: 1.111vw;}
.star_wrap>.star_on{background: url(../img/star_on.png)no-repeat center/90%;}
.star_wrap>.star_off{background: url(../img/star_off.png)no-repeat center/90%;}
.star_wrap>div:last-of-type{margin-right: 0;}

.trade_dim>.tr_dim_wr{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 86%;box-shadow: 0px 4px 7px rgba(0,0,0,0.16);background: #fff;text-align: center;position: relative;}
.trade_dim>.tr_dim_wr .dim_close2{width: 3.888vw;height: 3.888vw;position: absolute;right: 5.555vw;top: 6.111vw;background: url(../img/close.png)no-repeat center/90%;}
.trade_dim>.tr_dim_wr>div{width: 20.555vw;margin: 0 auto 9.444vw; padding-top: 8.333vw;}
.trade_dim>.tr_dim_wr>ul{margin-bottom: 11.111vw;}
.trade_dim>.tr_dim_wr>ul>li{font-size: 4.444vw;}
.trade_dim>.tr_dim_wr>button{width: 100%;font-size: 5vw;;color: #fff;height: 15.277vw;background: #e1b156;}

.order_1{padding-bottom: 3.888vw;width: 100%;}
.order_1>div{display: flex;justify-content: space-between;}
.order_1>div>p{line-height: 10vw;}
.order_1>div>div{border: 1px solid #e1b156;box-sizing: border-box;padding: 2.333vw 3.333vw;display: flex;justify-content: space-between;}
.order_1>div>div>input{border: none;background: none;width: 52vw;;}
.order_1>div>div>button{width: 5.555vw;height: 5.555vw;background: url(../img/ser2.png.png) no-repeat center/90%;}

.order_1 .se_div{border-top: 1px solid #e1b156;border-bottom: 1px solid #e1b156;padding: 1.389vw 0;}
.se_div2>div{border:none !important}
.se_div2>select{font-size: 1.6216vh;border:1px solid #c5c5c5;padding: 0.555vw 5.556vw 0.555vw 5.556vw;background: url(../img/select.png) no-repeat 90% 50%/3.333vw; color:#5b5b5b;width: 37.5vw;}

.order_2{height:64vh;overflow-y: auto;}
.order_2>li{border-bottom: 1px solid #F1E0BF;padding: 2.888vw 0;display: flex;justify-content: space-between;}
.order_2>li:first-child{padding-top: 0;}
.order_2>li:last-child{border-bottom: 0;}
.order_2>li>div:nth-child(1){width: 1.666vw;height: 1.666vw;background: #e1b156;margin-top: 1.666vw;}
.order_2>li>div:nth-child(3){text-align: right;}
.order_2>li>div:nth-child(3)>p:nth-child(1){color: #2841BF;padding-bottom: 1.111vw;}
.order_2>li>div:nth-child(3)>p:nth-child(2){padding-right: 3.7vw;background: url(../img/aacc.png) no-repeat right center/3.333vw;}
.order_2>li>div:nth-child(3)>div{font-size: 2.888vw;color: #fff;background: #2841BF;border-radius: 1.111vw;box-sizing: border-box;padding: 0.555vw 1.111vw;margin-top: 0.555vw;}
.order_2>li>div:nth-child(2){width: 72vw;}
.order_2>li>div:nth-child(2) h3{font-size:4.167vw;}
.order_2>li>div:nth-child(2)>ul{display: flex;color: #afafaf;}
.order_2>li>div:nth-child(2)>ul>li:nth-child(2){color: #e1b156;margin-left: 1.111vw;font-size: 2.778vw;width: 82%;}
.order_2>li>div:nth-child(2)>ul>li:nth-child(1){font-size: 2.778vw;}
.order_2>li>div:nth-child(2)>ul:nth-child(2){margin-top: 1.667vw;}

.czc1{background: #e1b156 !important;}

.or_bottom{width: 100%;border-top: 2px solid #e1b156;padding: 2.778vw 0;background: #FFF;}
.or_bottom>button{display: block;border:1px solid #e1b156;box-sizing: border-box;padding: 1.666vw;}
.or_bottom>button>div{background: #e1b156;color: #fff;font-size: 7.222vw;padding: 1.389vw 0 2.222vw 0;}
.or_bottom>button>div>span{font-size: 5.555vw;}

.order_1_1{text-align: center;font-size: 5vw;margin-bottom: 4.777vw;width: 86%;margin: 0 auto;padding: 1.667vw 0;border-top:1px solid #e1b156;border-bottom:1px solid #e1b156;}
.order_top{display: flex;justify-content: space-between;padding: 2.778vw 0 1.111vw 0;}
.order_top>div{display: flex;justify-content: space-between;align-items: center;}
.order_top>div:nth-child(1)>div:nth-child(1){color: #afafaf;margin-right: 1.666vw;font-size: 2.778vw;}
.order_top>div:nth-child(1)>div:nth-child(2){font-weight: 300;}
.order_top>div:nth-child(2)>div{color: #0066BF;}
.order_top>div:nth-child(2)>div:nth-child(1){margin-right: 2.333vw;}

.order_mid{border: 1px solid #F1E0BF;box-sizing: border-box;}
.order_mid .dr_md_1{display: flex;justify-content: space-between;padding: 2.888vw 0 1.389vw 0;border-bottom: 1px solid #F1E0BF;width:92%;margin: 0 auto;}
.order_mid .dr_md_1>p:nth-child(1){color:#F1E0BF}
.order_mid .dr_md_1>p:nth-child(2){color:#db0606;font-size: 4.166vw;}

.hy_ty{display: flex;justify-content: space-between;margin-top: 1.666vw;}
.hy_ty>div{display: flex;justify-content: space-between;}
.hy_ty>div>div{background: #e1b156;color: #fff;box-sizing: border-box;padding: 0.555vw 1.111vw;;}
.hy_ty>div>div:nth-child(1){margin-right: 1.111vw;}

.order_info{width: 92%;min-height: 81vw;margin: 2.222vw auto;overflow-y: auto;font-size: 4.444vw;font-weight: 300;white-space: pre-line;}

.order_file{width: 100%;}
.order_file>h3{display: flex;border-bottom: 1px solid #F1E0BF;color: #e1b156;position: relative;justify-content: space-between;align-items: center;padding: 0 2.778vw 1.111vw 2.778vw;}
.order_file>h3>div{display: flex;align-items: center;}
.order_file>h3>div span{color: #5B5B5B;font-size: 4.167vw;padding-right: 1.111vw;}
.order_file>h3>div img{width: 6.111vw;}
.order_file>ul{overflow: auto;white-space: nowrap;padding: 2.778vw 0;box-sizing: border-box;width: 96%;margin: 0 auto;}
.order_file>ul>li{width: 22.222vw;height: 17.222vw;margin-left: 2.222vw;display: inline-block;}
.order_file>ul>li:first-child{margin-left: 0;}
.order_file .bot{color: #AFAFAF;border-top: 1px solid #F1E0BF;padding: 2.222vw 2.778vw;}
.order_file .bot p{font-size: 2.778vw;}
.order_file .bot span{color: #E1B156;margin-left: 1.111vw;}

.ogt{display: flex;justify-content: space-between;margin-top: 2.222vw;}
.ogt>div:nth-child(1){width: 79.166vw;margin-right: 1.111vw;}
.ogt>div:nth-child(2){width: 13.888vw;}

.ogt2>div:nth-child(1){width: 68.388vw;height: 11.944vw;line-height: 11.944vw;text-align: center;font-size: 4.444vw;color: #fff;background: #E1B156;}
.ogt2>div:nth-child(2){width: 15.388vw;height: 10.944vw;line-height: 10.944vw;text-align: center;font-size: 4.444vw;color: #e1b156;border:1px solid #e1b156;}

.order_1_1z{display: flex;justify-content: space-between;}
.order_1_1z>div>div{border:none}
.order_1_1z>div>div:nth-child(2){font-size: 5.555vw;}
.order_1_1z>div>div:nth-child(1),.order_1_1z>div>div:nth-child(3){width: 10.555vw;}
.order_1_1z>div>div:nth-child(3){background: url(../img/ff1.png)no-repeat left center/80%;position: relative;}
.order_1_1z>div>div:nth-child(3)>p{position: absolute;right: 0;top: 0;font-size: 4.444vw;color: #ff0c0c;}

.cccg{margin-top: 3.333vw;}
.cccg>h2{font-size: 3.888vw;padding-bottom: 2.333vw;}
.cccg>textarea{border:none;width: 100%;}

.bt_ne{width: 100%;margin: 1.389vw auto;color: #fff;font-size: 5vw;display: block;padding: 2.778vw 0;background-color: rgba( 225, 177, 86, 0.5);}
.border{border-top: 1px solid #F1E0BF;border-bottom: 1px solid #F1E0BF;width: 90%;margin: 0 auto;}
.or_wr>input {width: 100%;padding: 3.333vw 0;font-size: 4.1666vw;box-sizing: border-box;background: #fff;border:none;border-bottom: 1px solid #F1E0BF;}
.or_wr>.or_wr_2{width: 100%;padding: 4.722vw 0;box-sizing: border-box;border:none;border-bottom: 1px solid #e1b156;}
.or_wr>.or_wr_2>div:nth-child(1){display: flex;}
.or_wr>.or_wr_2>div:nth-child(1) input{display: none;}
.or_wr>.or_wr_2>div:nth-child(1) label{width: 16.667vw;height: 16.667vw;display: inline-block;}
.or_wr>.or_wr_2>div:nth-child(1) p{font-size: 4.166vw;color: #afafaf;padding-top: 2.222vw;}

.oioo{border:none;border-bottom: 1px solid #F1E0BF;background: none;width: 100%;font-size: 3.888vw;}

.fffg{display: flex;justify-content: space-between;}
.fffg input[data='date']{border:none;font-size: 3.888vw;}


.image-label{display: none;}
#image_container{display: flex;justify-content: space-between;}
#image_container img{width: 100%;width: 22.222vw;height: 22.222vw;border-radius: 2.888vw;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);margin: 3.333vw 0;}

.ch_in1>div>h3{display:block;width:86%;font-size:5vw;text-align: center;border-top: 1px solid #e1b156; border-bottom: 1px solid #e1b156;box-sizing: border-box;padding: 2.222vw 0;margin: 0 auto;}
.ch_in1_for>ul{width: 86%;margin: 0 auto;}
.ch_date{display:block;width:100%;font-size:5vw;text-align: center;border: 1px solid #e1b156;box-sizing: border-box;padding: 1.666vw 0;margin: 5.555vw 0 8.888vw;}
.ch_in1>div>ul>li{display: flex;justify-content: space-between;padding: 4.444vw 0;border-bottom: 1px dotted #F1E0BF;}
.ch_in1>div>ul>li>div:nth-child(1){display: flex;}
.ch_in1>div>ul>li>div:nth-child(1)>div{width: 16.666vw;height: 14.722vw;margin-right: 2.888vw;background: #f3f3f3;border-radius: 1.389vw;overflow: hidden;}
.ch_in1>div>ul>li>div:nth-child(1)>ul>li:nth-child(1){font-size: 4.166vw;padding-bottom: 2.333vw;color: #131313;}
.ch_in1>div>ul>li>div:nth-child(1)>ul>li:nth-child(2){font-size: 3.333vw;color: #C5C5C5;}

.ch_in1>div>ul>li>div:nth-child(2){text-align: center;display: flex;flex-direction: column;align-items: flex-end;}
.ch_in1>div>ul>li>div:nth-child(2)>p:nth-child(1){color: #C5C5C5;padding-bottom: 2.333vw;font-weight: 300;}
.ch_in1>div>ul>li>div:nth-child(2)>p:nth-child(2){background-image: url(/img/c_count.png);background-position: center center;background-repeat: no-repeat;background-size: 8.889vw;color: #E1B156;height: 8.222vw;line-height: 8.222vw;width:8.889vw;font-size: 3.111vw;}

.back{width: 5vw;height: 4.722vw;background: url(../img/back2.png)no-repeat 0 50%/100%;margin-right: 4.888vw;}

.hd2>div>.hw1{display: flex;width: 48vw;}
.hd2>div>.hw1>p{line-height: normal;}
.hd2 .tuo{background: #C262E3;color: #fff;font-size: 4.166vw;padding: 1.111vw 3.333vw;border-radius: 1.667vw;}
.hd2 .tuo2{background: #2841BF;color: #fff;font-size: 4.166vw;padding: 1.111vw 3.333vw;border-radius: 1.667vw;}
.hd2 .tuo3{background: #249509;color: #fff;font-size: 4.166vw;padding: 1.111vw 3.333vw;border-radius: 1.667vw;}
.hd2 .tuo4{background: #ccc;color: #fff;font-size: 4.166vw;padding: 1.111vw 3.333vw;border-radius: 1.667vw;}


.ch_date{font-size: 3.111vw !important;background: #EEEEEE;border-radius: 2.333vw;border:none !important;width: 35vw !important;margin: 5.555vw auto 8.888vw !important;color: #5B5B5B;}
.c_view_1>section>div{margin-bottom: 7.555vw;}
.c_view_1 .chat_you{display: flex;}
.c_view_1 .chat_you2 {display: block;}
/* .c_view_1 .chat_you>div:nth-child(1){width: 74.444vw;} */
.c_view_1 .chat_you .chat_you_profile{display: flex;margin-bottom: 2.333vw;}
.c_view_1 .chat_you .chat_you_profile>div{width: 11.944vw;height: 10.277vw;background: #ededed;margin-right: 3.333vw;}
.c_view_1 .chat_you .chat_you_profile>p{line-height: 10.222vw;font-size: 3.333vw;}
.c_view_1 .chat_you .chat_you_info{display: flex;margin-bottom: 4.166vw;}
.c_view_1 .chat_you .chat_you_info:last-of-type{margin-bottom: 0;}
/* .c_view_1 .chat_you .chat_you_info div{border: 1px solid #e1b156;box-sizing: border-box;padding: 2.333vw;margin-right: 1.111vw;font-size: 4.444vw;color: #393939;max-width: 61vw;} */
.c_view_1 .chat_you .chat_you_info>div{box-sizing: border-box;font-size: 4.444vw;color: #393939;}
.c_view_1 .chat_you .chat_you_info section{display: flex;flex-direction: column-reverse;}

.ccyu{position: fixed;right: 10vw;bottom: 85px;background: #fff;box-sizing: border-box;padding: 2.333vw;width: 30vw !important;border:none !important;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);display: none;}
.ccyu>div>button{display: block;width: 100%;font-size: 3.888vw;color: #e1b156;}
.ccyu>div>button:nth-child(1){padding-bottom: 2.333vw;margin-bottom: 2.333vw;border-bottom: 1px solid #e1b156;}

.c_view_1 .chat_me{display: flex;justify-content: space-between;}
.c_view_1 .chat_me>div:nth-child(1){width: 15vw;}
.c_view_1 .chat_me>div:nth-child(2){display: flex;}
.c_view_1 .chat_me>div:nth-child(2)>div{box-sizing: border-box;padding: 2.333vw;border: 1px solid #F1E0BF;margin-left: 1.111vw;font-size: 4.444vw;background: #F1E0BF;max-width: 57vw;} 
/*
.c_view_1 .chat_me>div:nth-child(2)>div{box-sizing: border-box;margin-left: 1.111vw;font-size: 4.167vw;max-width: 57vw; color: #000; background: #F1E0BF;} 
*/
.c_view_1 .chat_me>div:nth-child(2)>section{display: flex;flex-direction: column-reverse;}

.c_view_1 .chat_me_safe>div:nth-child(1){width: 0vw;}

.chat_ft{position: fixed;left: 0;bottom: 0;width: 100%;background: #F1E0BF;}
.chat_ft>div{display: flex;justify-content: space-between;align-items: center;padding-top: 4.722vw;padding-bottom: 5.556vw;}
.chat_ft>div>div{display: flex;width: 77.555vw;align-items: center;}
.chat_ft>div>div>input[type="file"]{display: none;}
.chat_ft>div>div>input[type="text"]{background: #FFF;font-size: 4.444vw;display: block;width: 100%;margin-left: 4.167vw;border: 1px solid #e1b156;padding: 2.333vw 3.333vw;}
.chat_ft>div>div>input[type="text"]::placeholder{color: #5B5B5B;opacity: 0.3;}
.chat_ft .set_bt{width: 1.667vw;height: 8.889vw;}

.chat_label{display: inline-block;width: 4.333vw;height: 8.333vw;background: url(../img/chat_fi.png)no-repeat center/3.888vw;}


.trade_go>div{box-sizing: border-box;padding: 1.667vw 2.778vw 3.611vw 3.056vw;}
.trade_go{width: 66.111vw;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);border: 1px solid #e1b156;background-color: #FFF;}
.trade_go .t_g_h{display: flex;align-items: center;justify-content: center;margin-bottom: 2.222vw;}
.trade_go .t_g_h figure{width: 8.889vw;}
.trade_go .t_g_h figcaption{font-size: 4.722vw;font-weight: 500;color: #131313;margin-left: 1.111vw;}
.trade_go .dim_close{top: 2.778vw;right: 2.778vw;}
.ch_ul_1{text-align: center;margin-bottom: 4.167vw;}
.ch_ul_1>li{font-size: 3.889vw;color: #5B5B5B;font-weight: 300;}
.chat_dim .num_box{width: 100%;border: none;background: #fff;border: 1px solid #e1b156;box-sizing: border-box;padding: 1.667vw;font-size: 5.556vw;text-align: right;color: #2841BF;}
.ch_ul_2{display: flex;justify-content: space-around;margin: 4.444vw 0;}
.ch_ul_2>li{color: #777;}
.ch_ul_2>li label{font-size: 4.444vw;padding-right: 9vw;background: url(../img/check3_off.png)no-repeat right bottom/5.666vw;}
.ch_ul_2>li input[type='radio']:checked+label{background: url(../img/check3_on.png)no-repeat right center/6.666vw;}
.chat_dim>div>button{width: 100%;background: #e1b156;;color: #fff;font-size: 5vw;font-weight: 500;padding: 3.111vw 0;}




.c_view_1 .chat_me_safe>div:nth-child(2)>section{display: flex;flex-direction: column-reverse;}





.work_list>li{margin-bottom: 6.111vw;}
.work_list>li input[type="text"]{width: 100%;box-sizing: border-box;padding: 2.333vw 0;font-size: 4.166vw;background: #fff;border:none;border-bottom:1px solid #e1b156;}
.work_list>li select{width: 100%;box-sizing: border-box;padding: 2.333vw 0;font-size: 4.166vw;background: #fff;border:none;border-bottom:1px solid #e1b156;}
.work_list>li input[type="file"]{display: none;}
.work_list>li textarea{width: 100%;height: 61.944vw;background: #fff;border:1px solid #e1b156;box-sizing: border-box;padding: 2.333vw 3.333vw;font-size: 4.444vw;}

.wr_title{font-size: 5vw;padding-bottom: 1.111vw;color: #777;}
.wr_title>.wr_ts{display: inline-block;width: 1.666vw;height: 1.666vw;background: #e1b156;margin-right: 1.666vw;}

.work_list .work_img{border: 1px solid #e1b156;box-sizing: border-box;padding: 2.333vw 3.333vw;;}
.work_list .work_img>div:nth-child(1){width: 16.111vw;}


.mypage_list{margin-top: 1.389vw;border-top: 1px solid #e1b156;}
.mypage_list>.mp_1{display: flex;justify-content: space-between;}
.mypage_list>.mp_1>div:nth-child(1){display: flex;}
.mypage_list>.mp_1>div:nth-child(1)>div:nth-child(1){width: 22.222vw;height: 22.222vw;background: #f2f2f2;border-radius: 2.333vw;margin-right: 2.333vw;box-shadow: 0.555vw 0.555vw 0.555vw rgba(0,0,0,0.16);}
.mypage_list>.mp_1>div:nth-child(1)>div:nth-child(2)>h3{font-size: 4.444vw;padding-bottom: 1.666vw;}
.mypage_list>.mp_1>div:nth-child(2){text-align: center;margin-top: 1.333vw;}
.mypage_list>.mp_1>div:nth-child(2)>div:nth-child(1){width: 15.555vw;margin: 0px auto 1.111vw;;}

.my_div{display: flex;justify-content: space-between;padding: 3.889vw 0;border-bottom: 1px solid #F1E0BF;align-items: center;}
.my_div:last-of-type{margin-bottom: 0;}
.my_div p{font-size: 4.444vw;color: #5B5B5B;font-weight: 300;}
.my_div p:nth-child(1){padding: 1.111vw 0 1.111vw 9vw;}

.my_div2 p:nth-child(1){padding: 0;}
.my_div2>div>span{color: #C5C5C5;font-size: 4.444vw;font-weight: 300;}

.my_div2 .flex{display: flex;padding: 3.889vw 0;justify-content: space-between;align-items:center;}
.my_div2 .flex p{font-size: 4.444vw;color: #5B5B5B;font-weight: 300;}
.my_div2 .clock{display: flex;justify-content: space-between;align-items: center;margin-bottom: 3.333vw;}

.m1{background: url(../img/m1.png) no-repeat left center/7vw;}
.m2{background: url(../img/m2.png) no-repeat left center/7vw;}
.m3{background: url(../img/m3.png) no-repeat left center/7vw;}
.m4{background: url(../img/m4.png) no-repeat left center/7vw;}
.m5{background: url(../img/m5.png) no-repeat left center/7vw;}

.set_hash{font-size: 3.333vw;color: #b5b5b5;padding-top: 1.666vw;}

.set_sp{box-sizing: border-box;padding: 0.555vw 1.666vw;background: #e1b156;color: #fff;font-size: 3.333vw;display: inline-block;margin-left: 2.333vw;}

.my_div_last>select{box-sizing: border-box;padding: 2.333vw 3.333vw;background: #fff;border:1px solid #E8C581;font-size: 3.888vw;}
.ser_wraps{margin-top: 5.556vw;width: 100%;box-sizing: border-box;padding: 2.333vw 3.333vw;border:1px solid #E8C581;display: flex;justify-content: space-between;margin-bottom: 1.666vw;}
.ser_wraps>input{background: none;border: none;font-size: 3.888vw;width: 85%;}
.ser_wraps>input::placeholder{font-size: 3.333vw;}
.my_div_last>p{font-size: 3.888vw;color: #b5b5b5;}
.ser_wraps>button{width: 5.555vw;height:5.555vw;display: block;background: url(../img/set_bt.png)no-repeat right center/5.666vw;}

.ke_list{width: 94%;margin: 0px auto;;}
.ke_list>li{padding: 2.333vw 0;display: flex;justify-content: space-between;border-bottom: 1px solid #F9EDD7;}
.ke_list>li>p{font-size: 4.444vw;color: #777;}
.ke_list>li>button{width: 5vw;height: 7vw;background: url(../img/ser_close.png)no-repeat center/5vw;} 

.point_wrap>ul:nth-child(1){margin-bottom: 2.222vw;} 
.point_wrap>ul:nth-child(1)>li{display: flex;justify-content: space-between;}

.point_wrap>ul:nth-child(1)>li:first-of-type{border-bottom: 1px solid #E8C480;padding-bottom: 3.889vw;}
.point_wrap>ul:nth-child(1)>li:first-of-type>p:nth-child(1){font-weight: 900;}
.point_wrap>ul:nth-child(1)>li:first-of-type>p:nth-child(1)>span{display: inline-block;margin-left: 3.888vw;box-sizing: border-box;padding: 0.555vw 2.222vw;font-size: 3.333vw;font-weight: normal;color: #fff;background: #e1b156;}
.point_wrap>ul:nth-child(1)>li:first-of-type>p:nth-child(2){font-weight: bold;;}
.tol_p{color: #e1b156;padding-left: 1.666vw;font-weight: normal;}
.point_wrap>ul>li:last-of-type{margin-bottom: 0;}
.point_wrap>ul>li>p{font-size: 4.167vw;color: #777;}
.point_wrap>ul>li>p:nth-child(2){padding-top: 1.111vw;}

.point_wrap>ul:nth-child(2) h2{font-size: 5vw;margin-bottom: 2.222vw;font-weight: bold;}
.point_wrap>ul:nth-child(2)>li{display: flex;justify-content: space-between;} 
.point_wrap>ul:nth-child(2)>li .point_date{padding-left: 6vw;color: #afafaf;font-size: 3.333vw;}
.point_wrap .p_li{margin-bottom: 1.667vw;}

.info_list>li{padding: 4.444vw 0;border-bottom: 1px dotted #e1b156;display: flex;}
.info_list>li span{display: inline-block;background: #E1B156;width: 1.667vw;height: 1.667vw;margin-top: 2.222vw;}
.info_list>li>div{margin-left: 2.222vw;}
.info_list>li .nw{white-space: nowrap;text-overflow: ellipsis;}
.se_div2{display: flex;justify-content: space-between;}

.chat_rip>li>h2{font-size: 4.722vw;padding-bottom: 4.167vw;}
.chat_rip>li>h2>span{color: #9F9E9E;font-size: 3.611vw;padding-left: 2.333vw;font-weight: 300;}
.chat_rip>li>div{margin-bottom: 4.444vw;display: flex;justify-content: space-between;}
.chat_rip>li>div>div:nth-child(1){width: 72.222vw;box-sizing: border-box;font-size: 4.444vw;text-align: center;}
.chat_rip>li>div>div:nth-child(1)>h3{border:1px  solid #e1b156;font-size: 4.722vw;padding: 1.111vw 0;}
.chat_rip>li>div>div:nth-child(1)>ul{display: flex;justify-content: space-between;font-size: 2.888vw;color: #E1B156;}
.chat_rip>li>div>div:nth-child(2){width: 10.555vw;height: 10.555vw;position: relative;background: url(../img/chat_2.png)no-repeat center/8.333vw;}
.chat_rip>li>div>div:nth-child(2)>p{position: absolute;right: -1.333vw;top: -1.333vw;font-size: 3.888vw;color: #ff0c0c;}

.page_box{min-height:81.111vw;padding:3.333vw 0;box-sizing: border-box;border-top: 1px solid #e1b156;}
.num_page{display: flex;align-items: center;justify-content: center;margin-top: 4.444vw;}
.num_page button{width: 5vw;}
.num_page .flex{padding: 0 2.222vw;}
.num_page .flex a{color: #C5C5C5;font-weight: 300;padding: 1.111vw;font-size: 3.889vw;}
.num_page .flex a.on{color: #000;}

.or_list{width: 86%;margin: 0 auto;border-top: 1px solid #e1b156;}
.or_list>li{padding: 7.5vw 0 2.222vw 0;border-bottom: 1px solid #F1E0BF;}
.or_list>li>p{font-size: 5.278vw;background: url(../img/next2.png)no-repeat right center/2.778vw;color: #393939;}
.or_list>li>p>span{padding-left: 2.778vw;}
.or_list>li .red{font-size: 3.889vw;color: #E15656;}
.oror{font-size: 3.889vw;color: #e1b156;width: 86%;margin: 4.444vw auto;opacity: 80%;}

.or_sa_1{background: #e1b156;padding: 4.777vw 0;margin-bottom: 2.888vw;}
.or_sa_1>div{display: flex;justify-content: space-between;}
.or_sa_1>div>p{font-size: 5.555vw;color: #fff;}
.or_sa_1>div>p span{padding-left: 3.333vw;}
.or_sa_1>div>div{display: flex;}
.or_sa_1>div>div input{display: none;}
.or_sa_1>div>div label{display: inline-block;width: 21vw;font-size: 3.888vw;color: #ffff01;}

.se_div{border-top: 1px solid #e1b156;border-bottom: 1px solid #e1b156;padding: 1.389vw 0; position: fixed; z-index: 98; top: 20vw; left: 7%; width: 86%; background: #fff;}
.se_div>select{font-size: 3.333vw;border:1px solid #C5C5C5; padding: 1px 5.556vw 1px 5.556vw; background:url(../img/select.png) no-repeat 90% 50%/3.333vw; color:#5b5b5b;float: right;width: 37.5vw;}
.or_sa_2{height:157vw;overflow-y: auto; margin-top: 10vw;}
.or_sa_2>ul>li{padding: 2.222vw 0;border-bottom: 1px solid #F1E0BF;display: flex;position: relative;}
.or_sa_2>ul>li>div:nth-child(1){width: 36.222vw;height: 25.222vw;background: #f2f2f2;margin-right: 3.333vw;box-shadow: 1px 1px 1px rgba(0,0,0,0.16);}
.or_sa_2>ul>li>div:nth-child(2){width: 45vw;position: relative;}
.or_sa_2>ul>li>div:nth-child(2)>p{font-size: 4.166vw;}
.or_sa_2>ul>li>div:nth-child(2)>h3{font-size: 5.555vw;font-weight: bold;position: absolute;right: 0;bottom: 0;text-align: right;}
.or_sa_2>ul>li>div:nth-child(2)>.or_1{color: #f55f47;}
.or_sa_2>ul>li>div:nth-child(2)>.or_2{color: #0066bf;}
.or_sa_2>ul>li>div:nth-child(2)>.or_3{color: #e1b156;}
.or_sa_2 .se_div:after{clear:both;content: '';display: block;}

.order_dim>section{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;text-align: center;border: 1px solid #e1b156;box-shadow: 0px 1.111vw 2vw rgba(0,0,0,0.16);background: #fff;}
.order_dim>section>div:nth-child(1){box-sizing: border-box;padding: 5vw;}
.order_dim>section>div>.or_img{width: 17.222vw;margin: 0 auto 5vw;}
.order_dim>section>div>ul{font-size: 3.333vw;}

.order_dim>section>div:nth-child(2){display: flex;;}
.order_dim>section>div:nth-child(2)>button{width: 50%;height: 15.277vw;font-size: 4.444vw;border-top: 1px solid #e1b156;color: #e1b156;}
.order_dim>section>div:nth-child(2)>button:nth-child(2){color: #fff;background: #e1b156;}

.or_1_1{font-size: 3.333vw;color: #f55f47;}

.handz_1>div>section>p{padding-bottom: 1.111vw;font-size: 4.444vw;}
.handz_1>div>section>h3{font-size: 3.333vw;color: #D6D5D5;font-weight: normal;display: inline-block;width: 40vw;;}

.handz_1>div>div{width: 18.889vw;margin-right: 2.888vw;}
.handz_1>div>div input{display: none;}

.hand_2_1{justify-content: start;margin: 4.722vw auto 0;padding-bottom: 4.722vw;}
.hand_2_1 input[type='file']{display: none;}
/* .hand_2_1 label{display: inline-block;width: 16.666vw;height: 15.555vw;border:1px solid #C8C6C6;border-radius: 1.111vw;box-sizing: border-box;padding: 2.333vw 3.888vw;margin-right: 3.333vw;} */
.hand_2_1 label p{text-align: center;font-size: 2.222vw;padding-top: 1px;color: #AFAFAF;}
.hand_2_1 label{ display: flex; align-items: center; justify-content: center;border: 1px solid #ccc; width: 16.944vw;height: 16.111vw;box-sizing: border-box;flex-direction: column;} 
.hand_2_1 label figure{width: 9.167vw;}

.hand_2_1>li{width: auto;}

.hand_2_1>li:nth-child(2){color: #9F9E9E;font-size: 3.888vw;padding-top: 2.333vw;}

.hand_2_2{padding: 2.778vw 0;}
.hand_2_2 input{width: 100%;font-size: 4.444vw;border:none;background: none;}
.hand_2_2 #mb_2 { color: #9F9E9E; font-size: 3.8vw; }
.hand_2_2_2{margin-bottom: 2.222vw;}
.hand_2_2_2 input{font-size: 3.333vw;font-weight: 300;}

.hand_2_3{display: flex;justify-content: space-between;}
.hand_2_3>div{width: 48%;text-align: center;}
.hand_2_3>div>input{display: none;}
.hand_2_3>div>label{width: 100%;font-size: 3.889vw;padding: 1.111vw 0;display: inline-block;color: #8A8A8A;border:1px solid #C5C5C5;box-sizing: border-box;}
.hand_2_3>div>input:checked+label{color: #FFF;background: #E1B156;border: 1px solid #E1B156;}
.hand_2_3>div>p{font-size: 3.333vw;color: #F1D6A1;}

.hand_3_3 textarea{width: 100%;border:none;background: none;font-size: 4.167vw;}
.hand_4_2>button{width: 100%;}

.ser_to_1>h2{font-size: 4.444vw;font-weight: bold;padding-bottom: 3.888vw;}
.ser_to_1>ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 3.889vw;}
.ser_to_1>ul>li{width: 30%;text-align: center;border:1px solid #e1b156;font-size: 3.888vw;font-weight: bold;border-radius: 1.111vw;padding: 2.333vw 0;margin-bottom: 2.888vw;}

.ser_to_2>ul>li{width: 50%;display: flex;border:none;margin-bottom: 0;}
.ser_to_2>ul>li>div{background: #F3F3F3;border:1.111vw;width: 36.111vw;padding: 2.333vw 0;}
.ser_to_2>ul>li>button{background: url(../img/close.png)no-repeat center left/50%;width: 5.555vw;height: 5.555vw;margin-top: 2.333vw;position: relative;}

.point_bt{margin-bottom: 2.778vw;display: flex;justify-content: space-between; }
.point_bt>div{text-align: right;}
.point_bt>div>h4{background: url(../img/m1.png)no-repeat left top/7.222vw;display: inline-block;padding: 0 0 2.222vw 8vw;}
.point_bt>div>p{font-size: 3.111vw;color: #C4C0C0;}

.or_sa_2>.req_list>li>div:nth-child(1){width: 1.666vw;height: 1.666vw;background: #e1b156;margin-right: 3.333vw;margin-top: 2.222vw;}
.or_sa_2>.req_list>li>div:nth-child(2){width: 61.666vw;margin-right: 11.666vw;}
.or_sa_2>.req_list>li>div:nth-child(2)>p:nth-child(1){font-size: 4.167vw;padding-bottom: 2.333vw;}
.or_sa_2>.req_list>li>div:nth-child(2)>p:nth-child(2){font-size: 2.888vw;color: #AFAFAF;}
.or_sa_2>.req_list>li>div:nth-child(2)>p:nth-child(2) span{color: #e1b156;}
.or_sa_2>.req_list>li>div:nth-child(2)>p:nth-child(3){font-size: 2.888vw;color: #AFAFAF;}
.or_sa_2>.req_list>li>div:nth-child(2)>p:nth-child(3) span{color: #e1b156;}

.or_sa_2>.req_list>li>div:nth-child(3){text-align: right;}
.or_sa_2>.req_list>li>div:nth-child(3)>p:nth-child(1){font-size: 3.333vw;color: #2841BF;padding-bottom: 1.666vw;}
.or_sa_2>.req_list>li>div:nth-child(3)>p:nth-child(2){font-size: 2.778vw;background: url(../img/aacc.png)no-repeat 96% 57%/3.889vw;padding-right: 5vw;}
.or_sa_2>.req_list>li>div:nth-child(3)>p:nth-child(3){display: block;margin-top: 1.666vw;background: #0066BF;color: #fff;width: 12vw;text-align: center;border-radius: 1.111vw;padding: 0.555vw 0;}

.find_id2{padding: 8.333vw 0;display: none;}
.find_id2 p{border: 1px solid #e1b156;padding: 18.056vw 0;text-align: center;font-size: 6.111vw;margin-bottom: 13.889vw;}
.find_id2 button{display: block;width: 100%;padding: 4.444vw 0;font-size: 4.444vw;background: #e1b156;color: #fff;}


/* 12/24 마이페이지 랭크 창 */
.lank{position: fixed;top:30px; left:50%; transform: translateX(-50%); border: 2px solid #DEB042; box-sizing: border-box;background-color: #fff; height: 550px; width:324px; z-index: 99; display:none;}
.lank h2{text-align: center; font-size: 25px; font-weight: bold; margin-bottom: 20px; margin-top: 30px;}
.lank>ul>li::after{content: ''; display: block; clear: both;}
.lank>ul{position: relative; padding: 10px 20px 10px 20px;}
.lank>ul>li{position: relative; margin-bottom: 20px;}
.lank>ul>li::after{content: ''; display: block; clear: both;}
.lank>ul>li img{width: 30%; float:left;}
.lank>ul>li h3{font-weight: bold; font-size: 16px; float: left; margin-left: 20px; color: #DEB042; font-size: 16px; float: left;}

.lank>ul>li .text_box{float: right; width: 70%; height: 20px;margin-top: 32px;}
.lank>ul>li .text_box::after{content: ''; display: block; clear: both;}
.lank>ul>li .text_box h3{float: left;}
.lank>ul>li:nth-child(2) .text_box h3{color: #B3B2B1;}
.lank>ul>li:nth-child(3) .text_box h3{color: #EEAD4F;}
.lank>ul>li:nth-child(4) .text_box h3{color: #FFC100;}
.lank>ul>li .text_box p{float: right;font-size: 16px; float: left; margin-left: 20px; display: block;}
.lank .close{position: absolute; right:20px; top:20px; width: 3.333vw;height: 3.333vw;} 

/* premium */
.premium{width: 50%; margin-bottom: 5px;}

/* my_profile */
#my_info{position: relative;}
#my_info .photo{position: relative;}
#my_info .photo label{width: 30%;}
.choose{border-top: 1px solid  #E1B156; border-bottom:1px solid  #E1B156; padding:10px;margin-bottom: 20px;width: 90%; margin: 0 auto;}
.choose:after{content: ''; display: block; clear: both;}
.choose>button{width: 49%; border:1px solid #E1B156; font-size: 16px; float: left; margin-left: 2%; padding:10px;}
.choose>button:first-child{margin-left: 0;}
.choose>button:hover{background-color: #E1B156; color:#fff;}

.info_photo{position: relative;width: 92%; margin:0 auto 20px auto; border-bottom: 1px solid #E1B156; padding-bottom: 20px;}
.info_photo::after{content: ''; display: block; clear: both;}
.info_photo p{margin-top: 30px;}

#my_info .title{width: 92%; margin: 0 auto; border-bottom: 1px solid  #E1B156; height: 100px;}
#my_info .title>textarea{border:none; width:100%; padding:20px; box-sizing: border-box;}

#my_info .tag{border-top: 1px solid #E1B156;position: relative;width:92%; margin:0 auto;}
#my_info .tag>textarea{border:none; width:100%; padding:20px; box-sizing: border-box;}


#my_intro{position: relative;width: 92%; margin:0 auto;}
#my_intro>textarea{border:none; width:100%; padding:20px; box-sizing: border-box;}
.button_area{border-top: 1px solid  #E1B156; border-bottom:1px solid  #E1B156; padding: 10px;margin-bottom: 20px;}
/* 수정 전 */
/* .bt_outline{border-top: 1px solid #F9EEDA;border-bottom: 1px solid #F9EEDA;padding: 1.389vw 0;width: 92%;margin: 0 auto;position: fixed;bottom: 13px;left: 50%;transform: translateX(-50%);} */
/* 수정 후 */
.bt_outline{border-top: 1px solid #F9EEDA;border-bottom: 1px solid #F9EEDA;padding: 1.389vw 0;width: 92%;margin: 0 auto;}
.finish{width: 100%; background-color:#E1B156; padding: 2.222vw 0 2.778vw 0; font-size:4.444vw; color:#fff;}

#popup{position: fixed; width: 90%; height: 180px; border-radius: 20px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); top:50%; left:50%; transform: translate(-50%,-50%); background-color: #fff; display: none;}
#popup .text_box{position: relative;margin:0 auto;width: 100%;}
#popup .text_box h2{font-size: 16px; text-align: center;margin-top: 10px;}
#popup .text_box h3{font-size: 16px; color:#E1B156; text-align: center;}
#popup .text_box h4{font-size: 16px; text-align: center;}
#popup .button_box{position: relative; width: 100%;position: absolute; bottom: 15px; left:50%; transform: translateX(-50%);box-sizing: border-box;}
#popup .button_box button{ width:100px; border:1px solid #DEB042; border-radius: 20px; height: 40px; box-shadow: 2px 1px 3px rgba(0,0,0,0.16);}
#popup .button_box button:first-child{margin-right: 10px; margin-left: 42px;}
#popup .button_box button:last-child{margin-left: 10px;}

#view_popup{position: fixed; width:100%;height: 100%; top:50%; left:50%; transform: translate(-50%,-50%); background-color: #fff; border: 1px solid #E1B156; z-index: 9999;display: none;}
#view_popup .text{width: 86%;margin: 0 auto;padding: 6.667vw 0;display: flex;justify-content: space-between;align-items: center;}
#view_popup .text p:first-child{font-size: 4.722vw; color:#131313;display: flex;align-items: center;font-weight: 500;}
#view_popup .text p span{width: 10vw;padding-right: 2.389vw;}
#view_popup .text p:last-child{font-size: 5vw; color:#707070;font-weight: 300;background: url(../img/back.png)no-repeat left center/2.778vw;padding-left: 5vw;}

#view_popup .title{font-size: 5vw;text-align: center;padding: 1.944vw 0;border-bottom: 1px solid #e1b156;width: 92%;margin: 0 auto;border-top: 1px solid #e1b156;}

#view_popup .photo{width: 92%;margin: 0 auto;padding: 3.333vw 0;border-bottom: 1px solid #F9EEDA;display: flex;align-items: center;overflow-x: auto;}
#view_popup .photo_box label{border: 1px solid #C8C6C6;display: block;padding: 3.333vw 0 2.222vw 0;width: 16.944vw;}
#view_popup .photo_box figure{width: 8.889vw;margin: 0 auto;}
#view_popup .photo_box p{font-size: 2.222vw;color: #AFAFAF;text-align: center;}
#view_popup .text_box{color: #C4C0C0;margin-left: 4.444vw;}
#view_popup .text_box p{font-size: 3.889vw;}

#view_popup .text_area{position: relative; width: 92%; margin: 0 auto 3.333vw;}
#view_popup .text_area>textarea{width: 100%; font-size: 3.889vw; padding:2.778vw; box-sizing: border-box; border: none;min-height: 86vw;font-size: 4.167vw;resize: none;}
#view_popup .text_area>textarea::placeholder{color: #131313;opacity: 30%;}

.safa_new{position: relative;}
.safa_new>p{display: block; background-color: #f0f0f0; font-size: 12px; width: 120px; height: 28.5px; border-radius: 2.333vw;padding:2px 5px 2px 5px;margin:0 auto;line-height: 28.5px; text-align: center;}
.safa_new:after{content: ''; display: block; clear: both;}
.safa_new .rivew{position: relative; float: right; background-color: #E1B156; width:200px; height:90px; margin-top: 20px;}
.safa_new .rivew>p{color: #fff; font-size: 16px;text-align: center; margin-top: 10px;margin-bottom: 10px;}
.safa_new .rivew>button{border: none; background-color: #fff; color: #E1B156; width:90%; margin-left:10px; height: 30px; font-size: 16px; bottom:0; position: relative;}

.safa_new2{position: relative; padding-bottom: 100px; display: none;}
.safa_new2 .rivew{position: relative; float: left; background-color: #E1B156; width:200px; height:40px; margin-top: 20px;}
.safa_new2 .rivew p{color: #fff; font-size: 16px;text-align: center;  line-height: 40px;}
.bt_box{display: flex;justify-content: center;align-items: center;}


/* .ck_box{padding: 3.333vw 0;} */
.ck_box2{padding: 3.333vw 0;}
.ck_box input{display: none;}

.ck_box2 input+label{background: url(../img/ck_off.png)no-repeat right center/4.444vw;padding-right: 6vw;}
.ck_box2 input:checked+label{background: url(../img/ck_on.png)no-repeat right center/4.444vw;padding: 1.111vw 6vw 1.111vw 0;}
.ck_box input:checked+label{background: url(../img/ck_on.png)no-repeat right center/4.444vw;padding-right: 6vw;}

.sns_wrap p{margin-bottom: 3.611vw;font-size: 4.722vw;font-weight: bold;}

.bg{width: 100%;background: #000;position: fixed;top: 0;left: 0;height: 100%;z-index: 100;}
.categori{display: none;}
.categori .pop_close{display: flex;justify-content: space-between;align-items: center;width: 86%;margin: 11.111vw auto;}
.categori .cate_back{display: flex;align-items: center;}
.categori .cate_back figure{width: 3.333vw;}
.categori .cate_back p{font-size: 2.4324vh;color:#8A8A8A;line-height: 15.833vw;margin-left: 0.56vw;}
.categori .ok{display: block;width: 86%;margin: 0 auto;padding: 3.333vw 0;background: #DEB042;color: #fff;font-size: 5vw;}
.ser_to_3{padding-bottom: 6.667vw;border-bottom: 1px solid #E1B156;margin-bottom: 2.222vw;}
.ser_to_3 h2{font-size: 4.444vw;font-weight: bold;margin-bottom: 3.889vw;}
.ser_to_3 .cate{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ser_to_3 .cate li{width: 30%;margin-bottom: 2.778vw;}
.ser_to_3 .cate input+label{display: block;text-align: center;padding: 2.222vw 0;font-weight: normal;font-size: 3.889vw;border-radius: 2.778vw;border: 0.6px solid #e1b156; color: #5B5B5B;}
.ser_to_3 .cate input:checked+label{background: #DEB042;color: #fff;}
.ser_to_1 .top{display: flex;justify-content: space-between;align-items: center;padding-top: 3.333vw;border-top: 1px solid #E1B156;margin-bottom: 3.333vw;}
.ser_to_1 .top h2{font-size: 4.444vw;font-weight: bold;}
.ser_to_1 .top button{font-size: 3.889vw;color: #AFAFAF;}

.categori{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFF;z-index: 100;}


#image_preview .flex_box{display: flex; align-items: center;width: 100%;}
#image_preview .flex_box>p{margin-left: 3.333vw;color: #C5C5C5;font-size: 3.333vw;width: 65%;font-weight: 300;}

.trade_pop section p{font-size: 2.222vw;}
.c_view_1 .chat_me>div:nth-child(2)>section p{font-size: 2.222vw;color: #C5C5C5;font-weight: 300;}
.c_view_1 .chat_you .chat_you_info:last-of-type section p{font-size: 2.222vw;font-weight: 300;color: #C5C5C5;margin-left: 1.389vw;}
.c_view_1 .chat_you .chat_you_info section p{font-size: 2.222vw;}

.intro{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 41.6vw;}

.rank_img{position: absolute;bottom: 5%;right: 0;width: 7vw;height: 7vw;}

.terms{border-top: 2px solid #e1b156;}

.ez_join{width: 86%;margin: 0 auto;padding-bottom: 5.556vw;}
.ez_join .top{padding-bottom: 8.889vw;border-bottom: 1.5px solid #e1b156;}
.ez_join .top .a1{display: flex;width: 100%;border: 1px solid #e1b156;padding: 3.333vw 2.778vw;background: url(../img/next.png)no-repeat 95% 50%/2.778vw;margin-bottom: 3.333vw;align-items: center;box-sizing: border-box;}
.ez_join .top input+label{background: url(../img/check_off.png)no-repeat left center/5.556vw;padding: 2.778vw 0 2.778vw 8vw;font-size: 4.444vw;}
.ez_join .top input:checked+label{background: url(../img/check_on.png)no-repeat left center/5.556vw;padding: 2.778vw 0 2.778vw 8vw;font-size: 4.444vw;}
.ez_join .top p{font-size: 5vw;}
.ez_join .mid{padding: 5.556vw 0;margin-bottom: 5.556vw;}
.ez_join .mid .st{font-size: 5vw;font-weight: bold;margin-bottom: 4.167vw;}
.ez_join .mid .st2{font-size: 4.444vw;font-weight: bold;margin-bottom: 1.111vw;}
.ez_join .mid>div{margin-bottom: 4.444vw;}
.ez_join .mid .bt_box button{display: block;width: 48%;padding: 1.111vw 0;font-size: 5.889vw;}
.ez_join .mid .bt_box .bt_cancel{border: 1px solid #e1b156;color: #e1b156;}
.ez_join .mid .bt_box .bt_join{background: #e1b156;color: #FFF;}
.ez_join .bot{border: 1px solid #e1b156;padding: 3.333vw;box-sizing: border-box;}
.ez_join .bot p{font-size: 4.444vw;margin-bottom: 2.778vw;color: #4A4A4A;}
.ez_join .bot .go_id{border: 1px solid #e1b156;display: block;width: 100%;border-radius: 2.222vw;padding: 3.889vw 3.333vw;box-sizing: border-box;background: url(../img/next.png)no-repeat 95% 59%/3.333vw;text-align: start;font-size: 5vw;color: #717171;}

.link_id .pop{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #FFF;width: 92%;padding: 8.333vw 0;z-index: 101;}
.link_id .pop .head{font-size: 5vw;font-weight: bold;text-align: center;margin-bottom: 3.889vw;}
.link_id .pop .box{width: 90%;border-radius: 2.222vw;background: #E1B156; color: #FFF;padding: 5vw 2.222vw;margin: 0 auto 8.333vw;font-size: 3.889vw;text-align: center;}
.link_id .pop .join_info{width: 90%;margin: 0 auto;}
.link_id .pop .bt_link{display: block;width: 38.889vw;padding: 1.111vw 0;font-size: 5.778vw;background: #E1B156;color: #FFF;margin: 5.556vw auto;}

.rayer_ser{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background: #FFF;display: none;height: 100%;}

#chat-list{height:100%;overflow:hidden;box-sizing:border-box;}

.login_pop{display: none;}
.login_pop .popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 75%;background: #FFF;z-index: 101;border: 1px solid #E1B156;}
.login_pop .bt_x{position: absolute;top: 2.222vw;right: 2.222vw;width: 4.444vw;}
.login_pop p{padding: 8.333vw 6.667vw 5.556vw 6.667vw;font-size: 4.722vw;text-align: center;}
.login_pop .bt_ok{display: block;width: 100%;padding: 3.889vw 0;font-size: 5vw;color: #FFF;background: #e1b156;border: 1px solid #e1b156;box-sizing: border-box;}

.div_pop{display: none;}
.div_pop .popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 93%;background: #FFF;z-index: 101;border: 1px solid #E1B156;}
.div_pop .bt_x{position: absolute;top: 5.556vw;right: 5.556vw;width: 3.889vw;}
.div_pop p{padding: 11.111vw;font-size: 5vw;text-align: center;}
.div_pop .bt_ok{display: block;width: 100%;padding: 3.333vw 0;font-size: 5vw;color: #FFF;background: #e1b156;border: 1px solid #e1b156;box-sizing: border-box;}

.often>ul>li{border-bottom: 1px solid #DDD;}
.often .st{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.often .toggle{font-size: 3.889vw;display: none;margin-top: 3.333vw;}

.bt_wr{display: block;width: 92%;margin: 12vw auto;padding: 3.333vw 0;font-weight: bold;color: #FFF;background: #e1b156;font-size: 5vw;}

.notice_write .top{border-bottom: 1px solid #e1b156;width: 92%;margin: 0 auto 5.556vw;}
.notice_write .top input{border: 0;width: 100%;padding: 3.333vw;box-sizing: border-box;font-size: 4.444vw;}
.notice_write textarea{width: 92%;margin: 0 auto 5.556vw;display: block;padding: 3.333vw;box-sizing: border-box;border:0;}
.notice_write .bt_ok{display: block;width: 92%;margin: 0 auto;padding: 3.333vw;font-size: 4.444vw;font-weight: bold;color: #FFF;background: #e1b156;}


.g_shop .top{background: #E1B156;display: flex;justify-content: space-around;align-items: center;padding: 5vw 0;}
.g_shop .top .le{display: flex;align-items: center;}
.g_shop .top .le figure{width: 6.944vw;margin-right: 10vw;}
.g_shop .top .le p{color: #FFFF01;font-size: 4.722vw;}
.g_shop .top .le p span{font-weight: 300;font-size: 4.167vw;color: #FFF;}
.g_shop .top>p{color: #F1E0BF;font-size: 4.167vw;}
.g_shop .mid{width: 92%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 6.667vw 0;flex-wrap: wrap;}
.g_shop .mid li{width: 46%;margin-bottom: 8.889vw;}
.g_shop .mid figure{box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1);overflow: hidden;margin-bottom: 1.111vw;}
.g_shop .mid p{text-align: end;font-size: 4.167vw;color: #5B5B5B;}
.g_shop .mid p span{color: #e1b156;font-size: 3.889vw;font-weight: 300;}

.img_big>.swiper{position: fixed;width: 100%;top: 50%;left: 0;transform: translateY(-50%);z-index: 1001;}

.review_chat{border: 1px solid #e1b156;width:86%;margin: 0 auto;display: flex;align-items: center;position:fixed;bottom: 13px;left: 50%;transform: translateX(-50%);}
.review_chat input{border: 0;background: none;padding: 2.222vw;box-sizing: border-box;}
.review_chat .rev{width: 80%;}
.review_chat .ok{width: 20%;background: #E1B156;color: #FFF;font-weight: bold;}

.ke1_pop{position:fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFF;z-index: 99;display: none;}
.ke2_pop{position:fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFF;z-index: 99;display: none;}

.bt_myprofile{position:fixed;right: 5%;bottom: 12%;font-size: 4.444vw;color: #FFFF01;border-radius: 1.944vw;background: #e1b156;padding: 1.667vw 0;box-shadow: 2px 2px 2px rgba(0,0,0,0.16);width: 38.611vw;}


.report_write_pop .report_box{width: 100%;height:100%;background: #FFF;position: fixed;top: 50%;left: 50%;z-index: 10000;transform: translate(-50%,-50%);}
.report_write_pop .report_box .header{display: flex;justify-content: space-between;align-items: flex-end;width: 90%;margin: 6.667vw auto 5.556vw;padding-bottom: 6.111vw;border-bottom: 1px solid #E1B156;}
.report_write_pop .report_box .header p{color: #FF0000;font-size: 4.722vw;font-weight: 500;display: flex;align-items: flex-end;}
.report_write_pop .report_box .header p span{width: 8.333vw;margin-right: 2.222vw;}
.report_write_pop .report_box .header .bt_close{background: url(../img/back.png)no-repeat 0 65%/3.056vw;padding-left: 5vw;font-size: 5vw;font-weight: 300;color: #ACACAC;}
.reason{width: 90%;margin: 0 auto;}
.reason p{text-align: center;margin-bottom: 4.444vw;}
.reason ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.reason li{width: 26.667vw;margin-bottom: 4.444vw;}
.reason li label{display: block;width: 100%;border: 1px solid #FF0000;color: #FF0000;font-size: 4.167vw;text-align: center;padding: 2.222vw 0;}
.reason li input:checked+label{background: #FF0000;color: #FFFF01;}
.report_box textarea{width: 90%;margin: 0 auto;min-height: 60.889vw;display: block;box-sizing: border-box;padding: 2.778vw 4.444vw;margin-bottom: 8.333vw;border: 1px solid #8A8A8A;font-size: 4.167vw;resize: none;}
.report_box .bot_bt{padding: 1.389vw 0;width: 90%;margin: 0 auto;border-top: 1px solid #EFD5A4;border-bottom: 1px solid #EFD5A4;}
.report_box .bot_bt button{display: block;width: 100%;background: #E1B156;color: #FFF;font-size: 4.444vw;font-weight: 400;padding: 2.222vw 0;}

.hd_review{display: flex;align-items: center;}
.hd_review div{width: 10vw;margin-right: 2.222vw;}
.hd_review p{font-size: 4.611vw;font-weight: 500;color: #131313;}

.footer_main{background: #efefef;}
.footer_main>div { width: 100%; }
/* .footer_main .new_footer {
  max-height:0;
  overflow: hidden;
  transition:all .5s cubic-bezier(0, 0, 1, 1)
}
.footer_main.on .new_footer{
  max-height: 250px;
} */
.footer_head{padding: 2.778vw 0 1.389vw 0;display:flex;align-items:center;width:92%;margin: 0 auto;}
.footer_head h1{font-size:2.778vw;color:#5B5B5B;}
.footer_head>div{background:url(../img/down.png);background-repeat:no-repeat;padding:2.222vw;background-size:2.222vw;background-position:50% 50%;margin-left:4.167vw;transform:rotate(180deg)}
.footer_main.on .footer_head>div{background:url(../img/down.png);background-repeat:no-repeat;padding:2.222vw;background-size:2.222vw;background-position:50% 50%;margin-left:4.167vw;transform:rotate(0deg)}

.new_footer{width:92%;margin: 0 auto;color:#6a6a6a;}
.new_footer ul{display: none;}
.new_footer p{font-size: 2.222vw;padding-bottom: 3.889vw;color: #989898;}
.new_footer .yi{padding: 2.222vw 0;}
.new_footer .yi a{color:#5B5B5B;font-weight:300;font-size: 2.222vw;}
.new_footer .yi span{background: #787878;width:1px;height: 2.5vw;display: inline-block;margin-right: 2.222vw;}
.new_footer ul li{font-size: 2.222vw;font-weight: 300;color: #989898;}

html{height:100%;}
body{position: relative;min-height: 100%;}
.bg_x{position: absolute;top: 2%;left:50%;z-index:1002;width: 4.444vw;}

.m_reception{background:url(/img/m_on.png);background-repeat: no-repeat;background-position: left top;background-size: 10vw;padding-left: 11vw;}
.m_sent{background:url(/img/m_off.png);background-repeat: no-repeat;background-position: left top;background-size: 10vw;padding-left: 11vw;}

.chat_out{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #F3F3F3;border-radius: 2.778vw;box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);overflow: hidden;width: 66.111vw;padding: 1.667vw 0 3.333vw 0;display: none;display: none;}
.chat_out p{text-align: center;}
.chat_out .a1{margin-bottom: 3.111vw;font-size: 4.167vw;font-weight: bold;color: #464646;}
.chat_out .a2{font-size: 4.167vw;font-weight: 300;margin-bottom:5vw;color: #464646;}
.chat_out .bt_box2{display: flex;justify-content: space-around;align-items: center;}
.chat_out .bt_box2 button{display: block;width: 24.444vw;font-size: 3.611vw;padding: 1.389vw 0;border: 1px solid #E4B354;border-radius: 2.778vw;box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);}

.share_container{width: 86%;margin: 0 auto;border-top: 1px solid #e1b156;padding: 8.889vw 0;}
.share_container li{width: 37.222vw;height:37.222vw;border-radius: 50%;text-align: center;position:relative;margin: 0 auto;}
.share_container .li1{background: #e1b156;color: #FFF;margin-bottom: 8.333vw;}
.share_container .li2{border: 1px solid #e1b156;color: #e1b156;}
.share_container li p{position: absolute;top: 50%;left: 0;transform:translateY(-50%);text-align: center;width: 100%;font-size: 5.278vw;font-weight: 500;}

#reg_result{position: absolute;top: 50%;left: 0;transform:translateY(-50%);width:100%;}
#reg_result .ck_img{width: 15.556vw;margin: 0 auto 6.667vw;}
#reg_result .reg_cong{text-align: center;}
#reg_result .reg_cong strong{display: block;font-size: 5.556vw;font-weight: bold;}
#reg_result .reg_cong small{display: block;font-size: 5.556vw;font-weight: 400;margin-bottom: 3.333vw;}
#reg_result .reg_cong span{font-size: 3.889vw;color: #9F9E9E;}
#reg_result .reg_result_wr{margin-bottom: 11.111vw;}
#reg_result .btn_confirm{width: 80%;margin: 0 auto;}
#reg_result .btn_confirm a{display: block;border: 1px solid #E1B156;padding: 3.333vw 0;text-align: center;margin-bottom: 5.556vw;font-weight:500;font-size: 4.167vw;}
#reg_result .btn_confirm a:first-child{background: #e1b156;color: #FFF;}
#reg_result .btn_confirm a:last-child{color: #e1b156;}
.member_ok{display: block;width: 100%;background: #e1b156;color: #FFF;font-size: 5vw;padding: 4.167vw 0;position: absolute;bottom: 0;}

.work_list .bt_dat{width: 3.889vw !important;}

.plus_box{padding: 1.667vw 0;display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;align-items: center;}
.plus_box .bt_plus{width: 6.667vw;flex: 0 0 auto;}
.plus_box input{color: #9F9E9E;font-size: 3.333vw;font-weight: 300;margin-left: 2.222vw;flex: 0 0 auto;border: 0;}
.plus_box .plus_li{border-radius: 6px;background-color:#C5C5C5;color: #FFF;padding: 2px 6px;margin-left: 2.222vw;flex: 0 0 auto;}
/* 수정 전 */
/* .bt_fix{position: fixed;left:50%;bottom:1px;transform:translateX(-50%);width:86%;z-index:10; z-index: 9;} */
/* 수정 후 */
.bt_fix{left:50%; bottom:1px;width:86%;z-index:10; z-index: 9;}

.plus_del{position:fixed;top:50%;left:50%;width:56.111vw;border-radius: 2.778vw;transform:translate(-50%,-50%);background-color: #F3F3F3;box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.plus_del.hide{display: none;}
.plus_del p{text-align: center;font-size: 4.167vw;}
.plus_del .st{font-weight: bold;padding: 1.667vw 0;color: #464646;}
.plus_del .nm{font-weight: 300;}
.plus_del .bt_box{display: flex;justify-content: space-around;align-items: center;padding: 2.222vw 0 4.167vw 0;}
.plus_del .bt_box input{width: 24.444vw;border-radius: 2.778vw;padding: 1.389vw 0;font-size: 3.889vw;box-shadow: 0 3px 6px rgba(0,0,0,0.16);border: 1px solid #e1b156;}

.prod_write_btn {
	position: fixed;
	bottom: 12%;
	right: 5%;
}
.prod_write_btn .write_btn {
  width: 38.611vw;
	background: #e1b156;
	padding: 1.667vw 0;
	border-radius: 1.944vw;
	color: #FFFF01;
	font-size: 4.444vw;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.16);
}

.pop_p{width: 66.111vw;border-radius: 2.778vw;border: 1px solid #E1B156;background-color: #FCFCFC;padding: 1.944vw 0 5vw 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.pop_p p{text-align: center;font-size: 4.167vw;font-weight: 300;color: #5B5B5B;}
.pop_p .clr{font-weight: 500;color: #e1b156;margin-top: 1.667vw;margin-bottom: 3.333vw;}
.pop_p button{width: 24.444vw;border-radius: 2.778vw;border: 1px solid #e1b156;padding: 1.389vw 0;color: #5B5B5B;font-weight: 500;box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.pop_p button.bt_a{margin-right: 3.889vw;}

.pop_s{width: 66.111vw;border-radius: 2.778vw;background-color: #F3F3F3;padding: 5.556vw 0 3.333vw 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.pop_s p{text-align: center;font-size: 4.444vw;font-weight: 300;color: #464646;}
.pop_s .bt_box{margin-top: 3.333vw;}
.pop_s button{width: 24.444vw;border-radius: 2.778vw;border: 1px solid #e1b156;padding: 1.389vw 0;color: #5B5B5B;font-weight: 500;box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.pop_s .bt_b{margin-left: 3.889vw;}

.bt_more{display: block;width: 41.667vw;padding: 2.222vw 0;font-weight: bold;background-color: #e1b156;color: #FFFF01;border-radius: 2.222vw;margin: 3.333vw auto;}
.bt_top{padding: 0 1.667vw;color: #F8FF31;background-color: #E1B156;border-radius: 1.111vw;font-size: 3.611vw;}
.order_view_scroll{overflow-y: auto;height: 106.389vw;}

.ndate { color: #C5C5C5; padding: 1vw 0; }

.time_box{display: none;}
.time_pop{position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 86%;border: 1px solid #CCC;background-color: #FFF;display: none;}
.time_pop .tabs{display: flex;align-items: center;}
.time_pop .tabs>li{width: 50%;text-align: center;padding: 3.333vw 0;font-size: 4.444vw;font-weight: 500;color: #707070;}
.time_pop .tabs>li.current{border-bottom: 2px solid #F1E0BF;color: #e1b156;}
.time_pop .tab-content{display:none;}
.time_pop .tab-content.current{display:block;}
.time_pop .flex{display: flex;align-items:center;padding: 3.333vw;box-sizing: border-box;justify-content: space-evenly;}
.time_pop .flex select{border: 0;padding: 3.333vw;}
.time_pop .flex .aa{font-size: 5vw;}
.time_pop .flex .bb{font-size: 6.667vw;}
.time_pop .bt_box{display: flex;justify-content:center;align-items: center;padding: 5.556vw 0;}
.time_pop .bt_box button{padding:3.333vw 0;border-radius: 1.667vw;font-weight: 500;width: 35%;font-size: 4.167vw;}
.time_pop .bt_box .ok{background-color: #e1b156;color: #FFF;}
.time_pop .bt_box .no{border: 1px solid #707070;color: #707070;margin-left: 3.889vw;}

.write_edit{width: 86%;margin: 0 auto;}
.write_edit .img{padding: 4.722vw 0;border-top: 1px solid #e1b156;border-bottom: 1px solid #e1b156;}
.write_edit input{max-width: 100%;font-size: 4.167vw;border: 0;}
.write_edit .img label{display: block;border: 1px solid #cbc6c6;width: 16.944vw;height: 16.111vw;box-sizing: border-box;}
.write_edit .img label figure img{width: 9.167vw;height: auto;margin: 3.333vw auto 0;}
.write_edit .img label p{text-align: center;color: #AFAFAF;font-size: 2.222vw;font-weight: 300;}
#att_zone { display: flex; overflow-x: auto; }
#att_zone2{display: flex;overflow-x: auto;width: 100%;margin-top: 2vw;}