.mp_1{background: #000;display: flex;align-items: center;padding: 5.556vw 0 4.444vw 0;}
.mp_1 .le{width: 42.778vw;}
.mp_1 .le p{text-align: end;border-bottom: 1px solid #E1B156;color: #DFA025;font-size: 5vw;}
.mp_1 .lank_chart{margin-left: 15vw;}
.mp_1 .lank_chart div{width: 23.778vw;margin-bottom: 2.222vw;}
.mp_1 .lank_chart p{color: #777;font-size: 3.889vw;text-align: center;}
.mp_1 .lank_chart .my_ding{color: #DFA025;}
.mp_2{border-top: 1px solid #e1b156;border-bottom: 1px solid #e1b156;padding: 6.111vw 0 3.889vw 0;display: flex;justify-content: center;width: 86%;margin: 0 auto;}
.mp_2 .lank_chart div{width: 21.389vw;margin-bottom: 2.778vw;}
.mp_2 p{text-align: center;color: #777;}
.mp_2 .my_ding{color: #E1B156;}

.mypage_list .li1{display: flex;}
.mypage_list .li1 p{font-size: 3.611vw;color: #777;font-weight: 300;}
.mypage_list .li1 p:last-child{color: #E1B156;margin-left: 4.167vw;}
.mypage_list .li1 .sb{background: #DFA025;width: 3px;height: 3px;display: inline-block;vertical-align: middle;}
.mypage_list .p_ding{color: #E1B156;margin-left: 1.111vw;}
.my_profile{display: block;width: 86%;margin: 0 auto;border: 1px solid #e1b156;color: #E1B156;padding: 2.778vw 0;font-size: 4.444vw;}
.mypage_list .st{font-size: 5.556vw;font-weight: bold;margin-bottom: 3.889vw;}
.mypage_list .li2{display: flex;align-items: center;border-bottom: 1px solid #f1c775;padding: 5.556vw 0;}
.mypage_list .li2>div{display: flex;align-items: center;}
.mypage_list .li2 figure{width: 8.611vw;}
.mypage_list .li2 p{font-size: 5vw;margin-left: 4.167vw;color: #8A8A8A;}
.mypage_list .li2 .nm{color: #C5C5C5;font-size: 4.167vw;font-weight: 300;}
.join_out{font-size: 4.444vw;color: #C4C0C0;}
.mp_1 .le .gol{border-bottom: 1px solid #E1B156;padding-bottom: 1.111vw;display: flex;justify-content: end;}
.mp_1 .le .gol img{width: 35vw;}
.lank_chart .e3{margin-bottom: 0 !important;margin-left: 3.333vw;width: 22.5vw !important;}
.pay_ul{width: 86%;margin: 0 auto;padding: 5.556vw 0;display: flex;justify-content: space-evenly;align-items: stretch;border-bottom: 1px dotted #E1B156;}
.pay_ul li{border: 1px solid #E1B156;border-radius: 2.778vw;width: 23.611vw;text-align: center;overflow: hidden;}
.pay_ul li div:first-child p{font-size: 4.444vw;}
.pay_ul .smsm{height: 22.222vw;position: relative;}
.pay_ul .smsm p{position:absolute;top: 50%;width:100%;transform:translateY(-50%);}
.pay_ul .bot{color: #FFF;font-size: 3.889vw;height: 12.5vw;position: relative;background-image: url(/img/si.png);background-repeat: no-repeat;background-size: 101%;}
.pay_ul .bot p{font-size: 3.889vw;position: absolute;top: 50%;left:0;transform:translateY(-50%);width: 100%;}
.pay_ul .last_bot{}
.pay_ul .last_bot p{font-size: 3.333vw;color: #FFFF01;text-align: center;position: absolute;top: 50%;left:0;transform:translateY(-50%);width: 100%;}
.pay_ul .last_bot span{font-size: 1.111vw;color: #FFF;display: block;}
.benefits{width: 86%;margin: 0 auto;padding: 3.333vw 0;}
.benefits .st{font-weight: bold;margin-bottom: 2.778vw;color: #6D6D6D;}
.benefits ul li{margin-bottom: 1.111vw;display: flex;align-items: center;}
.benefits li p{font-weight: 300;font-size: 2.778vw;margin-left: 1.111vw;color: #6D6D6D;}
.benefits li div{width: 1.111vw;height: 1.111vw;background: red;}
.point_wrap .last{border-bottom: 1px solid #E8C480;padding-bottom: 4.444vw;}
.top_img{margin-bottom: 8.333vw;}
.gold_shop{display: flex;width: 86%;margin: 0 auto;justify-content: center;align-items: center;padding: 2.222vw 0;background: #E1B156;}
.gold_shop figure{width: 7.778vw;}
.gold_shop p{font-size: 5.556vw;color: #FFF;margin-left: 1.111vw;}

.info_list>li>p{text-align: left;}
.info_list>li>p:first-child{color: #777;font-size: 4.167vw;}
.info_list>li>p:last-child{font-size: 3.333vw;font-weight: 300;color: #AFAFAF;}

.guide_li{width: 86%;margin: 0 auto;}
.guide_li li{display: flex;align-items: center;padding: 3.889vw 0;border-bottom: 1px dotted #E1B156;}
.guide_li li figure{width: 4.444vw;}
.guide_li li p{font-size: 4.444vw;font-weight: 300;margin-left: 2.222vw;}
.guide_li img {max-width: 6px;}
.version{width: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.version figure{width: 33.889vw;margin: 0 auto 5.556vw;}
.version p{font-size: 5vw;text-align: center;color: #6D6D6D;}
.version p span{color: #DFA025;}
.version .update{width: 48.056vw;margin: 8.889vw auto;padding: 1.667vw 0;border-radius: 2.778vw;font-size: 5.556vw;font-weight: bold;background: #DFA025;color: #FFF;display: block;}

.review_box{width: 86%;margin: 0 auto;border-top: 1px solid #e1b156; padding-bottom: 20vw; }
.review_box li{padding: 5vw 0;border-bottom: 1px dashed #F1E0BF;}
.review_box .li_top{display: flex;justify-content: space-between;align-items: center;background: #E1B156;padding: 0 2.222vw;margin-bottom: 2.222vw;}
.review_box .li_top p:first-child{color: #FFF;font-size: 4.167vw;}
.review_box .li_top p:last-child{color: #6D6D6D;font-size: 3.333vw;}
.review_box .li_mid{display: flex;justify-content: space-between;}
.review_box .li_mid .id{color: #AFAFAF;font-size: 3.889vw;margin-bottom: 2.222vw;font-weight: 400;}
.review_box .li_mid .le{width: 66.667vw;}
.review_box .li_mid .ri{width: 19.444vw;height:19.444vw;position: relative;}
.review_box .li_mid .ri img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.review_box .li_mid .ri .icon_deal{width:11.111vw;height: 7.222vw;}
.review_box .li_mid .ri .icon_review{width:8.333vw;height: 6.667vw;}
.review_box .li_mid .ri .icon_write{width: 9.444vw;height: 11.111vw;}

.pay{width: 86%;margin: 0 auto;}
.pay .top{margin-bottom: 8.889vw;}
.pay .top select {
    padding: 1.111vw 8.889vw 1.111vw 2.778vw;
    border: 1px solid #F6E7CB;
    background: url(../img/select.png)no-repeat 95% 50%/3.333vw;
    font-size: 5vw;
    color: #5B5B5B;
    margin-bottom: 11.111vw;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
.pay .top div{display: flex;justify-content: space-between;align-items: center;background: #E1B156;color: #FFF;padding: 1.111vw 2.778vw;}
.pay .top .sib{background: none;color: #5B5B5B;font-size: 4.167vw;padding: 0;margin: 2.222vw auto 1.111vw;}

.pay .top div p:first-child{font-size: 5vw;}
.pay .top div p:last-child{font-size: 5.556vw;font-weight: bold;}
.pay .top .sib>p{font-weight: 300 !important;font-size: 4.167vw !important;}
.pay .top .rum{color: #5B5B5B;font-size: 3.111vw;font-weight: 300;text-align: end;display: block;}
.pay .st{font-size: 5vw;font-weight: bold;}
.pay .mid ul{border-top: 1px solid #E7D3AD;margin-top: 2.222vw;padding: 3.889vw 0;}
.pay .mid ul li{margin-bottom: 3.333vw;}
.pay .mid input+label{font-size: 5vw;background: url(../img/off.png)no-repeat left center/6.667vw;padding: 1.111vw 0 1.111vw 8vw;}
.pay .mid input:checked+label{font-size: 5vw;background: url(../img/on.png)no-repeat left center/6.667vw;padding: 1.111vw 0 1.111vw 8vw;}
.pay .mid2{margin-bottom: 8.333vw;}
.pay .mid2 .agreement-container{background: #ECECEC;margin-top: 3.889vw;box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.15);}
.pay .mid2 .agreement-allcheck{text-align: end;padding: 1.667vw 3.333vw;border-bottom: 1px solid #E7D3AD;}
.pay .mid2 .agreement-container input+label{background: url(../img/ck_off.png)no-repeat left center/3.333vw;padding-left: 5vw;color: #131313;font-size: 3.889vw;font-weight: 300;opacity: 56%;}
.pay .mid2 .agreement-container input:checked+label{background: url(../img/ck_on.png)no-repeat left center/3.333vw;padding-left: 5vw;color: #000;}
.pay .mid2 .check-group{padding: 2.222vw 3.333vw;}
.pay .mid2 .check-group{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.pay .mid2 .check-group button{width: 4.167vw;padding: 1.111vw;}
.pay .mid2 .check-group .ck_view{background: #F5F5F5;padding: 3.333vw;box-sizing: border-box;margin-top: 3.333vw;max-height: 22.222vw;overflow: scroll;display: none;}
.pay .mid3 .st{padding-bottom: 5vw;border-bottom: 1px solid #E7D3AD;}
.pay .mid3>div{display: flex;justify-content: space-between;align-items: center;padding: 2.778vw 0;}
.pay .mid3>div p:first-child{color: #8A8A8A;font-size: 4.444vw;font-weight: 300;}
.pay .mid3>div p:last-child{color: #DFA025;font-size: 5vw;font-weight: bold;}
.pay>button{display: block;width: 100%;padding: 2.222vw 0;background: #DFA025;color: #FFF;font-size: 5.556vw;}

.pay2 .top{display: flex;justify-content: space-between;align-items: center;width: 86%;margin: 0 auto;padding: 2.222vw 0;border-bottom: 1px solid #E1B156;}
.pay2 .top p:first-child{font-size: 5.556vw;font-weight: bold;}
.pay2 .top p:last-child{font-size: 4.722vw;font-weight: bold;color: #DFA025;}
.pay2 .mid{padding: 8.333vw 0;width: 86%;margin: 0 auto 22.222vw;}
.pay2 .mid li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 3.333vw;}
.pay2 .mid li>p{font-size: 4.722vw;width: 30%;}
.pay2 .mid li>div{position: relative;border: 1px solid #C7C7C7;padding: 2.778vw 3.889vw;width: 70%;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
.pay2 .mid .flex{display: flex;justify-content: space-between;align-items: center;border: 0;padding: 0;}
.pay2 .mid .flex input{width: 37%;border: 1px solid #C7C7C7;padding: 3.333vw;}
.pay2 .mid li>div input{border: 0;}
.pay2 .mid li>div button{width: 14.722vw;border-radius: 1.944vw;background: #DFA025;color: #FFF;padding: 0.556vw 0;}
.pay2 .bot{width: 86%;margin: 0 auto 8.889vw;}
.pay2 .bot input+label{background: url(../img/ck_off.png)no-repeat left center/3.889vw;padding-left: 5vw;color: #C3C3C3;}
.pay2 .bot input:checked+label{background: url(../img/ck_on.png)no-repeat left center/3.889vw;padding-left: 5vw;color: #000;}
.pay2 .bt_box{width: 86%;margin: 0 auto;justify-content: space-between;}
.pay2 .bt_box button{width: 49%;border: 1px solid #000;padding: 2.778vw 0;font-size: 4.167vw;}
.pay2 .bt_box .yes{background: #DFA025;color: #FFF;border-color: #DFA025;}

.card{width: 86%;position: fixed;top: 42%;left: 50%;transform: translate(-50%,-50%);background: #FFF;z-index: 1;padding: 2.778vw;box-sizing: border-box;box-shadow: 0 2px 4px 2px #CCC;display: none;}
.card .c_top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6.667vw;}
.card .c_top>p{font-size: 5vw;}
.card .c_top>div{border: 1px solid #CDCCCC;width: 72%;display: flex;justify-content: space-between;align-items: center;padding: 2.778vw 3.889vw;box-sizing: border-box;}
.card .c_top>div button{border-radius: 1.944vw;background: #DFA025;color: #FFF;padding: 0.556vw 2.222vw;}
.card ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.card li{width: 32%;margin-bottom: 2.222vw;}
.card li input+label{border: 1px solid #9F9E9E;display: block;padding: 3.333vw 0;text-align: center;}
.card li input:checked+label{background: #DFA025;color: #FFF;}
.card .ok{width: 100%;padding: 3.333vw 0;background: #DFA025;color: #FFF;font-weight: bold;font-size: 3.889vw;}

.pay3 ul{width: 86%;margin: 0 auto 6.667vw;}
.pay3 li{padding: 6.667vw 0;border-bottom: 1px solid #E1B156;}
.pay3 li:last-child{border: 0;}
.pay3 li:first-child{display: flex;align-items: center;}
.pay3 li .st{font-size: 5.556vw;font-weight: bold;}
.pay3 li figure{width: 7.222vw;margin-left: 3.333vw;}
.pay3 li div{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6.667vw;}
.pay3 li div p{font-size: 4.444vw;font-weight: 300;}
.pay3 li div .cc{color: #DFA025;font-weight: bold;}
.pay3>button{width: 86%;display: block;margin: 0 auto;padding: 2.222vw 0;background: #DFA025;color: #FFF;font-size: 5.556vw;}

.out_box{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid #E1B156;width: 86%;background: #FFF;display: none;}
.out_box .top{display: flex;justify-content: space-between;align-items: center;width: 92%;margin: 0 auto;padding: 2.778vw 0 1.111vw 0;font-size: 4.722vw;font-weight: bold;}
.out_box .top .area{width: 3.333vw;height: 3.333vw;}
.out_box .top p{font-size: 4.722vw;font-weight: bold;}     
.out_box .top button{width: 3.889vw;}
.out_box .mid{text-align: center;padding-bottom: 3.333vw;}
.out_box .mid p{width: 72%;margin: 0 auto;color: #5B5B5B;font-size: 3.111vw;font-weight: 300;}
.out_box .bt_box button{padding: 3.889vw 0;font-size: 5vw;width: 100%;}
.out_box .bt_box .no{border-top: 1px solid #E1B156;color: #E1B156;}
.out_box .bt_box button:last-child{background: #E1B156;color: #FFF;border: 1px solid #E1B156;}
.notice_info{width: 86%;margin: 0 auto;padding: 6.667vw 0;}
.notice_info .top{margin-bottom: 5.556vw;}
.notice_info .st{font-size: 4.444vw;text-align: center;padding: 2.222vw 0;border-top: 1px solid #F2D8A6;border-bottom: 1px solid #F2D8A6;}
.notice_info .date{font-size: 3.333vw;color: #AFAFAF;text-align: end;}
.notice_info .mid{font-size: 4.167vw;font-weight: 300;color: #8A8A8A;}

.email_ask{width: 86%;margin: 0 auto;}
.email_ask p{text-align: center;font-size: 7vw;color: #777777;margin-bottom: 16.667vw;}
.email_ask button{width: 48vw;color: #FFF;background: #DFA025;border-radius: 2.778vw;padding: 1.667vw 0;font-size: 5.556vw;display: block;margin: 0 auto;}

.often ul{width: 86%;margin: 0 auto;}
.often li{padding: 8.333vw 0;border-bottom: 1px dotted #F9EEDB;}
.often li p{font-size: 4.167vw;}

.log_box{border-bottom: 1px solid #f1c775;padding: 6.111vw 0;}
.log_box .log_out{font-size: 4.444vw;color: #C4C0C0;}

.pay_container .pay_ck{width: 86%;margin: 0 auto 5.556vw;border-top: 1px solid #E7D3AD;padding-top: 3.333vw;}
.pay_container .st{font-size: 4.167vw;font-weight: bold;margin-bottom: 3.333vw;}
.pay_container .pay_ck input+label{background: url(../img/ck_off.png);background-repeat: no-repeat;background-position: left center;background-size: 4.444vw;padding-left: 7vw;margin-bottom: 1.111vw;display: block;font-size: 3.611vw;color: #5B5B5B;font-weight: 300;}
.pay_container .pay_ck span{font-weight: 500;color: #5B5B5B;}
.pay_container .pay_ck input:checked+label{background: url(../img/ck_on.png);background-repeat: no-repeat;background-position: left center;background-size: 4.444vw;}
.pay_container .pay_ck li{margin-bottom: 2px;color: #5B5B5B;font-weight: 300;display:flex;}
.pay_container .pay_ck li span{width: 1.111vw;height: 1.111vw;background: #8A8A8A;display: inline-block;margin-top: 2.222vw;margin-right: 1.389vw;}
.bt_pay{display: block;width: 86%;margin: 0 auto 8.333vw;font-weight: 500;color: white;background: #E1B156;padding:2.222vw 0;font-size: 5vw;}
.pay_container .box{background:#F5F5F5;padding: 3.333vw 0;}
.pay_container .box .st{width: 92%;margin: 0 auto 1.389vw;font-size: 2.778vw;background: url(../img/down.png);background-repeat: no-repeat;background-position:48% 50%;background-size: 3.889vw;color: #5B5B5B;}
.pay_container .box .st.on{background: url(../img/up.png);background-repeat: no-repeat;background-position:48% 50%;background-size: 3.889vw;}
.pay_container .box ul{width: 92%;margin: 0 auto;display:none;}
.pay_container .box ul li{color:#5B5B5B;font-size: 2.222vw;font-weight: 300;}
.pay_container .box ul .qwe{margin: 2.778vw auto;}
.pay_container .box ul .qwe a{color: #5b5b5b;font-size: 2.222vw;font-weight: 300;}

.share_con{display:none;}
.share_box{position: fixed;left: 0;bottom: 0;width: 100%;border-radius: 3.333vw 3.333vw 0 0;z-index:102;background: #FFF;box-shadow: 0 2px 4px 2px rgba(0,0,0,0.3);padding: 3.333vw 0;display: none;}
.share_box .g_bar{width: 11.111vw;height:1.111vw;background:#DEDEDE;display: block;margin: 0 auto 3.889vw;}
.share_box>p{text-align: center;color: #777777;}
.share_box .a1{margin-bottom: 5.556vw;font-size: 4.444vw;}
.share_box .a2{font-size: 4.444vw;}
.share_box .a3{font-size: 4.444vw;display: block;width: 92%;margin: 0 auto 3.889vw;border: 0;text-align: center;}
.share_box .bt_cc{display: flex;align-items: center;border: 1px solid #DFA025;border-radius: 1.111vw;font-size: 3.889vw;color: #0066BF;padding: 0.556vw 2.222vw;margin:0 auto 3.889vw;}
.share_box .bt_cc img{width: 3.333vw;margin-right: 1.111vw;}
.share_box .list1{border-top: 1px solid #AFAFAF;padding: 2.222vw 0;width: 86%;margin: 0 auto;display:flex;}
.share_box .list1 li{width:25%}
.share_box .list1 .profile{position:relative;margin-bottom: 2.222vw;}
.share_box .list1 .profile figure{border-radius: 50%;overflow: hidden;width: 14.667vw;height:14.667vw;margin: 0 auto;}
.share_box .list1 .profile span{position: absolute;right: 10%;bottom: 0;width: 5.333vw;height:5.333vw;}
.share_box .list1 figcaption{font-weight: bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;margin: 0 auto;}
.share_box .list1 .gray{color: #777;}
.share_box .list1 .link figure{width:14.667vw;height:14.667vw;margin: 0 auto 2.222vw;}
.share_box .list1 figcaption span{color: #777;}

#orderPrice .ha{font-size: 3.889vw;font-weight: 300;color: #8A8A8A;padding-right: 4.167vw;}

.logout{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 66.111vw;
    background: #F3F3F3;
    border-radius: 2.778vw;
    box-shadow: 0px 2px 4px 2px #CCC;
}
.logout .st{font-size: 4.167vw;font-weight: bold;padding: 2.222vw 0 3.111vw 0;text-align: center;color: #464646;}
.logout .nm{font-size: 4.167vw;font-weight: 300;color: #464646;margin-bottom: 5vw;text-align: center;}
.logout .bt_box{padding-bottom: 3.611vw;}
.logout button{border: 1px solid #E9C98B;border-radius: 2.778vw;display: block;width: 24.444vw;padding: 1.667vw 0;font-size: 3.889vw;color: #464646;box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.logout .bt_ok{margin-left: 3.889vw;}