@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}

/* 마이페이지 */
.purple {color: #7457F9;}
.tab {display: none;}
.tab.on {display: block;}
.h_pop {display: none;}
.h_pop.on {display: block;}
.search_results_content .sr_toptxt_wrap.mg0 {margin: 0;}


/* 팝업 */
.h_pop {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9;}
.h_pop .black_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35,35,35,0.2); z-index: 9;}
.h_pop .white_bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding : 30px; box-sizing: border-box; width: 600px; z-index: 10;}

/* 마이페이지 왼쪽메뉴 */
.my_nav .pro_area {padding: 42px 47px 32px; box-sizing: border-box; text-align: center;}
.my_nav .pro_area .pic_area {width: 90px; height: 90px; overflow: hidden; border-radius: 50%; margin: 0 auto 10px;}
.my_nav .pro_area .pic_area .grid {width: 100%; height: 100%; justify-content: center; justify-items: center; align-content: center;}
.my_nav .pro_area .name {font-size: 24px; font-weight: 500;}
.my_nav .pro_area .upd {font-size: 16px; font-weight: 500; color: #7457F9;}
.my_nav .mya_wrap {font-size: 0; margin-bottom: 10px;}
.my_nav .mya_wrap .my_a {display: block; padding: 17px 20px; box-sizing: border-box;}
.my_nav .mya_wrap .my_a.on {color: #7457F9;}
.my_nav .mya_wrap .my_a .icon {width: 23px; margin-right: 20px; display: inline-block; vertical-align: middle;}
.my_nav .mya_wrap .my_a .icon img {width: 100%;}
.my_nav .mya_wrap .my_a .my_t {font-size: 18px; display: inline-block; vertical-align: middle; width: calc(100% - 43px);}

.cont .sel_area {margin-bottom: 50px; position: relative;}
.cont .sel_area .show_area {width: 210px; position: relative; cursor: pointer;}
.cont .ul_close {position: fixed; z-index: 2; width: 100vw; height: 100vh; background: transparent; top: 0; left: 0; display: none;}
.cont .ul_close.on {display: block;}
.cont .sel_area .show_area::after {width: 24px; height: 24px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); content: ""; display: inline-block; background: url("/org/img2/arrow_down.png") no-repeat center center / 24px;}
.cont .sel_area .s_ul {position: absolute; top: 150%; left: 0; box-shadow: 0 0 5px rgba(0,0,0,0.16); border-radius: 10px; display: none; z-index: 5;}
.cont .sel_area .s_ul.on {display: block;}
.cont .sel_area .s_li {padding: 15px 20px; box-sizing: border-box; font-size: 18px; cursor: pointer; background: #fff;}
.cont .sel_area .s_li:hover {color: #7457F9;}
.cont .no_list {width: 100%; text-align: center; margin-bottom: 57px; display: none;}
.cont .no_list.on {display: block;}
.cont .no_list img {width: 200px; margin: 0 auto 50px;}
.cont .no_list .no1 {margin-bottom: 10px; font-size: 20px; font-weight: 500;}
.cont .no_list .no2 {font-size: 16px; color: #888888;}
.cont .choices .ch_tit {margin-bottom: 20px; font-size: 18px; font-weight: 500;}
.sr_content_list_wrap.ch_list li {width: 32%;}
.cont .choices .more {margin-top: 40px; text-align: center;}
.cont .choices .more .more_btn {font-size: 18px; font-weight: 500; border: 1px solid #232323; padding: 8px 0; border-radius: 4px; width: 125px; margin: 0 auto;}

/* 예약있을때 */
.cont .bk_box {border: 1px solid #E0E0E0; border-radius: 10px; box-sizing: border-box; padding: 24px 20px 24px 40px; font-size: 0; position: relative; margin-bottom: 20px;}
.cont .bk_box:last-child {margin-bottom: 0;}
.cont .bk_box .bk1 {width: 10px; display: inline-block; vertical-align: top;}
.cont .bk_box .bk2 {width: calc(100% - 141px); display: inline-block; vertical-align: top; padding-left: 10px; box-sizing: border-box;}
.cont .bk_box .bk2 .bk2_1 {font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.cont .bk_box .bk2 .bk2_2 {margin-bottom: 9px;}
.cont .bk_box .bk2 .bk2_2 .gray1 {color: #888888; font-size: 14px;}
.cont .bk_box .bk2 .bk2_3 {font-size: 16px; font-weight: 600;}
.cont .bk_box .bk2 .bk2_4 {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.cont .bk_box .bk2 .bk2_5 {font-size: 16px; font-weight: 500;}
.cont .bk_box .b_btn {width: 140px; padding: 8px 0; font-weight: 500; border: 1px solid #232323; border-radius: 4px;}
.cont .bk_box .bk3 {width: 131px; display: inline-block; vertical-align: top;}
.cont .bk_box .b_btn.gopay {background: #7457F9; color: #fff; border-color: #7457F9;}
.cont .bk_box .bk3 .img_area {width: 100%; height: 98px; overflow: hidden; margin-bottom: 79px; border-radius: 10px; display: block;}
.cont .bk_box .bk3 .img_area .grid {width: 100%; height: 100%; display: grid; align-content: center; justify-items: center;}
.cont .bk_box .bk3 .img_area img {width: 140%; max-width:none!important;}
.cont .bk_box .act_btn {height: 20px; position: absolute; right: 20px; bottom: 13px; width: 20px;}
.cont .bk_box .act_btn .b_ul {box-shadow: 0 0 5px rgba(0,0,0,0.16); width: 120px; border-radius: 10px; background: #fff; padding: 10px 0; box-sizing: border-box; position: absolute; right: -20px; top: 100%; z-index: 6; display: none;}
.cont .bk_box .act_btn .b_ul.on {display: block;}
.cont .bk_box .act_btn .b_li {font-size: 18px; padding: 15px 0; box-sizing: border-box;}
.cont .bk_box .act_btn .b_li:hover {color: #7457F9;}

.cont .sr_toptxt_wrap .filter_btn2 {width: 75px;}
.cont .sr_toptxt_wrap .filter_btn2 img {width: 17px;}

/* Awaiting Payment */
.await_pay {padding: 30px 0 120px; box-sizing: border-box;}
.await_pay .gray_border {border: 1px solid #E0E0E0; box-sizing: border-box; padding: 30px; border-radius: 10px; margin-bottom: 30px;}
.await_pay .gray_border:last-child {margin-bottom: 0;}
.await_pay .gray_border .border_b {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #E0E0E0; font-size: 0;}
.await_pay .gray_border .border_b.pd60 {padding-bottom: 60px;}
.await_pay .gray_border .border_b .ap1_l {width: 50%; display: inline-block; vertical-align: middle;}
.await_pay .gray_border .border_b .ap1_h2 {font-size: 24px; font-weight: 600;}
.await_pay .gray_border .border_b .ap1_l .ap1_sub {font-size: 16px; color: #888888; margin-top: 5px;}
.await_pay .gray_border .border_b .ap1_r {width: 50%; display: inline-block; vertical-align: middle;}
.await_pay .gray_border .border_b .ap1_r .ap1_sub {font-size: 16px; color: #888888; text-align: right;}
.await_pay .gray_border .ap2 {font-size: 0;}
.await_pay .gray_border .ap2 .ap2_l {width: 40%; display: inline-block; vertical-align: middle;}
.await_pay .gray_border .ap2 .ap2_l .ap2_l1 {margin-right: 20px; font-size: 20px; font-weight: 600; display: inline-block; vertical-align: middle;}
.await_pay .gray_border .ap2 .ap2_l .ap2_l1.purple {font-size: 16px;}
.await_pay .gray_border .ap2 .ap2_r {width: 60%; display: inline-block; vertical-align: middle; text-align: right;}
.await_pay .gray_border .ap2 .ap2_r .btns {border: 1px solid #232323; box-sizing: border-box; padding: 8px 20px; font-size: 16px; font-weight: 500; border-radius: 4px; display: inline-block; margin-right: 10px;}
.await_pay .gray_border .ap2 .ap2_r .btn2 {margin-right: 0; background: #7457F9; color: #fff; border-color:#7457F9}
.await_pay .gray_border .ap3 {font-size: 0;}
.await_pay .gray_border .ap3 .ap3_l {display: inline-block; vertical-align: top; cursor: pointer;}
.await_pay .gray_border .ap3 .ap3_l .img_area {width: 141px; height: 106px; overflow: hidden; border-radius: 10px;}
.await_pay .gray_border .ap3 .ap3_l .img_area .grid {width: 100%; height: 100%; display: grid; justify-items: center; align-content: center;}
.await_pay .gray_border .ap3 .ap3_l .img_area .grid img {width: 150%; max-width: none!important;}
.await_pay .gray_border .ap3 .ap3_r {width: calc(100% - 141px); padding-left: 30px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.await_pay .gray_border .ap3 .ap3_r .ap3_r1 {margin-bottom: 20px; font-size: 20px; font-weight: 500;}
.await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line {margin-bottom: 10px;}
.await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line:last-child {margin-bottom: 0;}
.await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line .left {display: inline-block; width: 20%; font-size: 16px; font-weight: 500; vertical-align: middle;}
.await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line .right {display: inline-block; width: 80%; color: #888888; font-size: 16px; vertical-align: middle;}
.await_pay .gray_border .ap4 {font-size: 0;}
.await_pay .gray_border .ap4 .ap4_l {font-size: 16px; display: inline-block; vertical-align: middle; width: 50%;}
.await_pay .gray_border .ap4 .ap4_r {font-size: 16px; display: inline-block; vertical-align: middle; width: 50%;}
.await_pay .gray_border .d_h2 {font-size: 24px; font-weight: 600; display: inline-block; vertical-align: middle; width: calc(100% - 140px);}
.await_pay .gray_border {font-size: 0;}
.await_pay .gray_border .gochat {font-size: 16px; font-weight: 500; display: inline-block; vertical-align: middle; width: 140px; background: #7457F9; color: #fff; border-radius: 4px; padding: 8px 0;}
.await_pay .exp_area {margin-top: 65px;}
.await_pay .exp_t {font-size: 36px; margin-bottom: 32px;}

/* Payment Detailes 팝업 */
.pay_det .close_btn {position: absolute; right: 0; transform: translateX(125%); top: 0; width: 32px;}
.pay_det .pd1 {margin-bottom: 30px; font-size: 24px; font-weight: 600;}
.pay_det .pd2 {margin-bottom: 40px;}
.pay_det .pd2 .border_b {border-bottom: 1px solid #E0E0E0; box-sizing: border-box; font-size: 0; padding-bottom: 15px; margin-bottom: 15px;}
.pay_det .pd2 .border_b .left {font-size: 16px; display: inline-block; vertical-align: middle; width: 50%;} 
.pay_det .pd2 .border_b .right {font-size: 16px; display: inline-block; vertical-align: middle; text-align: right; width: 50%; padding-right: 5px; box-sizing: border-box;}
.pay_det .pd2 .border_n {font-size: 0; margin-bottom: 40px;}
.pay_det .pd2 .border_n .left {font-size: 18px; display: inline-block; vertical-align: middle; width: 50%; font-weight: 600;}
.pay_det .pd2 .border_n .right {font-size: 18px; display: inline-block; vertical-align: middle; text-align: right; width: 50%; font-weight: 700; font-family: 'SUITE', sans-serif;}
.pay_det .pd2 .rec_area .rec_btn {border: 1px solid #232323; width: 130px; box-sizing: border-box; padding: 8px 0; border-radius: 4px; font-weight: 500;}
.pay_det .pd3 .pd3_1 {font-size: 18px; font-weight: 600; padding-bottom: 15px; box-sizing: border-box; border-bottom: 2px solid #7457F9;}
.pay_det .pd3 .pd3_2 {background: #F5F5F5; padding: 16px 20px; box-sizing: border-box; font-size: 24px; font-weight: 600;}
.pay_det .pd3 .pd3_3 .line {border-bottom: 1px solid #E0E0E0; box-sizing: border-box; background: #FBFBFB; padding: 20px; font-size: 0;}
.pay_det .pd3 .pd3_3 .line:last-child {border-bottom: 0;}
.pay_det .pd3 .pd3_3 .line .line_l {width: 50%; display: inline-block; vertical-align: middle; font-size: 16px; font-family: 'SUITE', sans-serif;}
.pay_det .pd3 .pd3_3 .line .line_l:last-child {text-align: right;}

.canpop .white_bg {width: 430px; padding: 30px 30px 27px; box-sizing: border-box; border-radius: 4px;}
.canpop .white_bg .con_p {font-size: 16px; color: #888888; text-align: center; margin-bottom: 20px;}
.canpop .white_bg .btn_area {text-align: right; font-size: 0;}
.canpop .white_bg .btn_area .btns {width: 110px; border: 1px solid #232323; padding: 8px 0; box-sizing: border-box; font-size: 16px; font-weight: 500; margin-right: 10px; border-radius: 4px; display: inline-block;}
.canpop .white_bg .btn_area .btn2 {margin-right: 0; background: #7457F9; border-color: #7457F9; color: #fff;}


/* Reviews */
.con2 .gray_border {border: 1px solid #E0E0E0; border-radius: 10px; padding: 20px; box-sizing: border-box;}
.con2 .myp_twrap {font-size: 0;}
.con2 .myp_h2 {font-size: 24px; font-weight: 600; margin-bottom: 30px; width: calc(100% - 30px); display: inline-block; vertical-align: middle;}
.con2 .eye_btn {width: 24px; display: inline-block; vertical-align: middle;}
.con2 .eye_btn img {display: none;}
.con2 .eye_btn img.on {display: block;}
.con2 .myr_ul {border-bottom: 1px solid #DBDBDB; width: 100%; font-size: 0;}
.con2 .myr_li {padding: 10px 35px; box-sizing: border-box; font-size: 18px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;}
.con2 .myr_li.on {color: #7457F9; font-weight: 500; position: relative;}
.con2 .myr_li.on::after {content: ""; display: block; width: 100%; height: 4px; background: #7457F9; transform: none; position: absolute; top: 100%; left: 0;}
.con2 .no_revlist {padding: 213px 0; box-sizing: border-box; text-align: center;}
.con2 .no_revlist img {width: 200px; margin:0 auto 40px;}
.con2 .no_revlist .no1 {font-size: 20px; margin-bottom: 10px;font-weight: 500;}
.con2 .no_revlist .no2 {font-size: 16px; color: #888888;}

/* Chat */
.con2 .c_wrap {border-top: 1px solid #E4E4E4; box-sizing: border-box; height: 762px; overflow: scroll;}
.con2 .c_wrap::-webkit-scrollbar {display: none;}
.con2 .c_wrap {-ms-overflow-style: none; scrollbar-width: none;}

.con2 .c_wrap .chat_a {padding: 19px 15px 19px 0; box-sizing: border-box; display: block; border-bottom: 1px solid #E4E4E4; font-size: 0;}
.con2 .c_wrap .chat_a .ca_left {display: inline-block; vertical-align: middle; width: 50%;}
.con2 .c_wrap .chat_a .ca_left .profile {width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle;}
.con2 .c_wrap .chat_a .ca_left .profile .grid {display: grid; align-content: center; justify-items: center;}
.con2 .c_wrap .chat_a .ca_left .nick {padding-left: 15px; box-sizing: border-box; font-size: 16px; font-weight: 500; display: inline-block; vertical-align: middle;}
.con2 .c_wrap .chat_a .ca_right {display: inline-block; vertical-align: middle; width: 50%; text-align: right;}
.con2 .c_wrap .chat_a .ca_right .date {color: #949494; font-size: 12px; font-family: 'SUITE', sans-serif; margin-right: 32px; display: inline-block; vertical-align: middle;}
.con2 .c_wrap .chat_a .ca_right .del_btn {width: 73px; border: 1px solid #7457F9; padding: 4px 0; font-size: 16px; box-sizing: border-box; display: inline-block; vertical-align: middle; border-radius: 5px;}

.c_delpop .white_bg {width: 430px; padding: 30px 30px 27px; box-sizing: border-box; border-radius: 4px;}
.c_delpop .white_bg .con_p {font-size: 16px; color: #888888; text-align: left; margin-bottom: 20px;}
.c_delpop .white_bg .btn_area {text-align: right; font-size: 0;}
.c_delpop .white_bg .btn_area .btns {border: 1px solid #232323; padding: 8px 10px; box-sizing: border-box; font-size: 16px; font-weight: 500; margin-right: 10px; border-radius: 4px; display: inline-block;}
.c_delpop .white_bg .btn_area .btn2 {margin-right: 0; background: #7457F9; border-color: #7457F9; color: #fff;}

/* Chat sub */
.con2 .cht {font-size: 0; height: 845px; padding: 0;}
.con2 .cht .cht_left {width: 200px; border-right: 1px solid #E4E4E4; height: 100%; padding: 20px 15px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.con2 .cht .cht_left .block {margin-bottom: 20px; display: block; width: 100%;}
.con2 .cht .cht_left .cht_pro {width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle;}
.con2 .cht .cht_left .cht_pro .grid {align-content: center; justify-items: center; display: grid;}
.con2 .cht .cht_left .cht_info {display: inline-block; vertical-align: middle; width: calc(100% - 42px); padding-left: 15px; box-sizing: border-box; text-align: left;}
.con2 .cht .cht_left .cht_info .ci1 {font-size: 16px; font-weight: 500;}
.con2 .cht .cht_left .cht_info .ci2 {font-size: 12px; color: #888888;}

.con2 .cht .cht_right {display: inline-block; vertical-align: top; width: calc(100% - 200px);}
.con2 .cht .cht_right .cr_top {padding: 7px 15px; box-sizing: border-box; border-bottom: 1px solid #E0E0E0; height: 55px; position: relative;}
.con2 .cht .cht_right {height: 100%;}
.con2 .cht .cht_right .cr_top .act_btn {width: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}
.con2 .cht .cht_right .cr_top .ctt_pro {display: none;}
.con2 .cht .cht_right .cr_top .ctt_pro.on {display: block;}
.con2 .cht .cht_right .cr_top .ctt_pro .profile {width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle;}
.con2 .cht .cht_right .cr_top .ctt_pro .profile .grid {align-content: center; justify-items: center; display: grid;}
.con2 .cht .cht_right .cr_top .ctt_pro .name {font-size: 16px; font-weight: 500; padding-left: 15px; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.con2 .cht .cht_right .cr_bot {height: calc(100% - 55px); position: relative;}
.con2 .cht .cht_right .cr_bot .no_list {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -75%);}
.con2 .cht .cht_right .cr_bot .no_list img {width: 140px; margin-bottom: 23px;}
.con2 .cht .cht_right .cr_bot .no_list .no_gray {font-size: 24px; font-weight: 500; color: #BBBBBB;}
.con2 .cht .cht_right .ct_input {position: absolute; bottom: 0; left: 0; padding: 25px 10px 25px 15px; box-sizing: border-box; background: #F5F5F9; width: 100%; font-size: 0; border-top: 1px solid #E4E4E4;}
.con2 .cht .cht_right .ct_input > div {display: inline-block; vertical-align: middle;}
.con2 .cht .cht_right .ct_input .cti1 {width: 41px;}
.con2 .cht .cht_right .ct_input .cti1 #customFile {display: none;}
.con2 .cht .cht_right .ct_input .cti1 .f_btn {width: 100%; display: block;}
.con2 .cht .cht_right .ct_input .cti2 {width: calc(100% - 132px); padding: 0 10px; box-sizing: border-box;}
.con2 .cht .cht_right .ct_input .cti2 .text {border: 1px solid #E4E4E4; width: 100%; font-size: 16px; padding: 14px; box-sizing: border-box;}
.con2 .cht .cht_right .ct_input .cti3 {width: 91px;}
.con2 .cht .cht_right .ct_input .cti3 .sd_btn {width: 100%; background: #7457F9; font-size: 16px; color: #fff; padding: 14px 0; border-radius: 5px;}
.cont .yes_list {display: none;}
.cont .yes_list.on {display: block;}
.cont .ct_area {overflow: scroll;}
.cont .ct_area::-webkit-scrollbar {display: none;}
.cont .ct_area {-ms-overflow-style: none; scrollbar-width: none;}
.cont .ct_area .ct_date {padding: 12.5px 0; box-sizing: border-box; font-size: 16px; font-family: 'SUITE', sans-serif; text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; background: #fff;}
.cont .ct_area .ct_wrap {padding: 0 25px 33px; box-sizing: border-box; position: absolute; bottom: 100px; width: 100%;}
.cont .ct_area .ct_wrap .chat {margin-bottom: 24px;}
.cont .ct_area .ct_wrap .chat.my {justify-items: end; display: grid;}
.cont .ct_area .ct_wrap .chat .metro {padding: 8px 10px; box-sizing: border-box; width: 172px; font-size: 14px; margin-bottom: 5px; position: relative; font-family: 'Pretendard-Medium';}
.cont .ct_area .ct_wrap .chat .metro.line2 {width: 220px;}
.cont .ct_area .ct_wrap .chat .metro:last-child {margin-bottom: 0;}
.cont .ct_area .ct_wrap .chat.my .metro {background: #E6E7F2; border-radius: 4px 4px 0 4px;}
.cont .ct_area .ct_wrap .chat.other .metro {background: #F8F8F8; border-radius: 0 4px 4px 4px;}
.cont .ct_area .ct_wrap .chat.other .profile {width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle;}
.cont .ct_area .ct_wrap .chat.other .co_r {display: inline-block; vertical-align: middle; padding-left: 11px; box-sizing: border-box;}
.cont .ct_area .ct_wrap .chat.other .co_r .oc_name {font-size: 16px; font-weight: 500; font-family: 'Pretendard-Medium'; font-size: 16px;}
.cont .ct_area .ct_wrap .chat.my .metro:last-child::before {content: "PM 4:41"; position: absolute; left: -30%; bottom: 0; font-size: 12px; font-weight: 500; font-family: 'Pretendard-Medium';}

/* Payment methods */
.con2 .paymth .gray_p {color: #888888; font-size: 16px;}
.con2 .paymth .no_list {margin-top: 50px;}
.con2 .paymth .no_list img {width: 200px; margin-bottom: 50px;}
.con2 .paymth .no_list .black {margin-bottom: 10px; font-size: 20px; font-weight: 500;}
.con2 .paymth .no_list .gray_p {margin-bottom: 30px;}
.con2 .paymth .no_list .add_btn {font-size: 14px; font-weight: 500; color: #fff; background: #7457F9; margin: 0 auto; width: 182px; padding: 10px 0; border-radius: 4px;}
.con2 .paymth .yes_list .card_box {background: #F5F5F5; border-radius: 4px; font-size: 0; padding: 20px; box-sizing: border-box; width: 400px;}
.con2 .paymth .yes_list .card_box .icon {width: 80px; display: inline-block; vertical-align: middle; background: #fff; padding: 8px 0; box-sizing: border-box; text-align: center;}
.con2 .paymth .yes_list .card_box .icon img {width: 60px; margin: 0 auto;}
.con2 .paymth .yes_list .card_box .card_num {width: calc(100% - 160px); padding-left: 10px; box-sizing: border-box; font-size: 16px; color: #707070; display: inline-block; vertical-align: middle;}
.con2 .paymth .yes_list .card_wrap {margin-top: 10px;}
.con2 .paymth .yes_list .card_box .del_btn {width: 80px; text-align: right; display: inline-block; vertical-align: middle; font-size: 16px; color: #7457F9;}
.con2 .paymth .yes_list .btn_area {margin-top: 20px;}
.con2 .paymth .yes_list .btn_area .add_btn {padding: 10px 0; background: #7457F9; color: #fff; font-size: 14px; font-weight: 500; width: 182px; border-radius: 4px;}

.p_delpop .white_bg {width: 430px; padding: 30px 30px 27px; box-sizing: border-box; border-radius: 4px;}
.p_delpop .white_bg .con_p {font-size: 16px; color: #232323; text-align: left; margin-bottom: 20px;}
.p_delpop .white_bg .btn_area {text-align: right; font-size: 0;}
.p_delpop .white_bg .btn_area .btns {border: 1px solid #232323; padding: 8px 10px; box-sizing: border-box; font-size: 16px; font-weight: 500; margin-right: 10px; border-radius: 4px; display: inline-block;}
.p_delpop .white_bg .btn_area .btn2 {margin-right: 0; background: #7457F9; border-color: #7457F9; color: #fff;}

/* Card Details pop  */
.p_addpop .white_bg {padding: 0 60px 33px; width: 800px; height: calc(100vh - 40px); overflow: scroll;}
.p_addpop .white_bg::-webkit-scrollbar {display: none;}
.p_addpop .white_bg {-ms-overflow-style: none;scrollbar-width: none;}
.p_addpop .pa_tit {padding: 20px 0; box-sizing: border-box; text-align: center; position: relative;}
.p_addpop .pa_tit .title {font-size: 24px; font-weight: 600;}
.p_addpop .pa_tit .close_btn {width: 15px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.p_addpop .pa_tit .close_btn img {width: 100%; }
.p_addpop .pa_con .gray_bg {background: #F5F5F5; border-radius: 4px; padding: 13px 20px; box-sizing: border-box; margin-bottom: 20px;}
.p_addpop .pa_con .gray_bg img {display: inline-block; vertical-align: middle;}
.p_addpop .pa_con .gray_bg .img1 {width: 39px; margin-right: 22px;}
.p_addpop .pa_con .gray_bg .img2 {width: 30px;}
.p_addpop .block {margin-bottom: 26px;}
.p_addpop .block .pa_lab {margin-bottom: 10px; font-size: 16px; display: block;}
.p_addpop .block .input {width: 100%; border: none; border-bottom: 1px solid #E0E0E0; width: 100%; font-size: 20px; padding-bottom: 5px; box-sizing: border-box;}
.p_addpop .block .input::placeholder {color: #888888;}
.p_addpop .info {width: 100%; border-radius: 4px; padding: 10px 15px; box-sizing: border-box; font-size: 0; margin-bottom: 10px;}
.p_addpop .info .i_left {width: 25px; display: inline-block; vertical-align: top;}
.p_addpop .info .i_left img {width: 100%;}
.p_addpop .info .i_right {width: calc(100% - 25px); padding-left: 10.5px; box-sizing: border-box; font-size: 17px; color: #707070; display: inline-block; vertical-align: top;}
.p_addpop .info.bg_g {background: #E6F7F2; border: 1px solid #08B371; margin-top: 49px;}
.p_addpop .info.bg_p {background: #F4ECFC; border: 1px solid #7457F9;}
.p_addpop .gray_p {color: #888888; font-size: 14px; margin-bottom: 30px;}
.p_addpop .btn_area {text-align: center;}
.p_addpop .btn_area .form_btn {width: 80px; padding: 10px 0; color: #fff; background: #7457F9; border-radius: 4px; margin: 0 auto;}

/* Personal info */
.info_edit .myp_h2 {margin-bottom: 10px;}
.info_edit .gray_p {font-size: 16px; color: #888888;}
.info_edit .edit_form {padding-top: 30px; box-sizing: border-box;}
.info_edit .edit_form .e_block {margin-bottom: 50px; position: relative; border-bottom: 1px solid #E0E0E0; box-sizing: border-box; padding-bottom: 30px;}
.info_edit .edit_form .e_block:last-child {margin-bottom: 10px;}
.info_edit .edit_form .e_block .e_lab {margin-bottom: 5px; font-size: 16px; color: #888888; display: block;}
.info_edit .edit_form .e_block .result {font-size: 18px; display: none;}
.info_edit .edit_form .e_block .result.on {display: block;}
.info_edit .edit_form .e_block .edit_btns {font-size: 18px; position: absolute; top: 0; right: 0; color: #DF25AD;}
.info_edit .edit_form .e_block .edit_btns2 {font-size: 18px; position: absolute; top: 0; right: 0; color: #DF25AD;}
.info_edit .edit_form .e_block .edit_btns:disabled {color: #888888}

.info_edit .edit_form .e_form {width: calc(100% - 128px); font-size: 0; display: none;}
.info_edit .edit_form .e_form.on {display: block;}
.info_edit .edit_form .e_form .wid50 {width: calc((100% - 20px) / 2); display: inline-block; vertical-align: middle; margin-right: 20px;}
.info_edit .edit_form .e_form .wid50:last-child {margin-right: 0;}
.info_edit .edit_form .e_form .wid50 .f_lab {font-size: 16px; display: block; margin-bottom: 10px;}
.info_edit .edit_form .e_form .wid50 .form {font-size: 14px; width: 100%; padding: 10px 15px; box-sizing: border-box; border: 1px solid #E0E0E0; box-sizing: border-box; border-radius: 4px;}
.info_edit .edit_form .e_form .save_btn {font-size: 16px; font-weight: 500; background: #7457F9; color: #fff; border-radius: 10px; padding: 8px 0; width: 60px; margin-top: 20px;}
.info_edit .edit_form .e_form .wid50 .f_lab2 {font-size: 16px; color: #888888; margin-bottom: 5px; display: block;}
.info_edit .edit_form .e_form .orange {color: #FFAA00; display: inline-block; margin-left: 1px;}
.info_edit .edit_form .e_form select {appearance: none; background: url("/org/img2/arrow_down.png") no-repeat center right 15px / 30px;}
.info_edit .edit_form .e_form .calendar {width: 355px;}
.info_edit .edit_form .e_form .calendar .c_date {padding: 11px 0; box-sizing: border-box;}
.info_edit .edit_form .e_form .calendar .c_date .btns {display: inline-block; vertical-align: middle; width: 25px;}
.info_edit .edit_form .e_form .calendar .c_center {font-size: 21px; display: inline-block; vertical-align: middle; width: calc(100% - 50px); text-align: center;}
.info_edit .edit_form .e_form .calendar .c_table {width: 100%;}
.info_edit .edit_form .e_form .calendar .c_table .th {font-size: 18px; font-weight: 400; padding: 13px 0; box-sizing: border-box;}
.info_edit .edit_form .e_form .calendar .c_table .td {font-size: 19px; font-weight: 400; padding: 10px 0; box-sizing: border-box; font-family: 'SUITE', sans-serif; text-align: center; cursor: pointer; width: calc(100% / 7);}
.info_edit .edit_form .e_form .calendar .c_table .td.prev,
.info_edit .edit_form .e_form .calendar .c_table .td.next {color: #AAAAAA;}
.info_edit .edit_form .e_form .calendar .c_table .td.selected {background: #7457F9; border-radius: 50%; color: #fff;}

/* Select country/region */
.i4_pop .white_bg {border-radius: 15px; width: 680px;}
.i4_pop .title_area {font-size: 0;}
.i4_pop .title_area .purple {font-size: 24px; font-weight: 600; width: calc(100% - 25px); display: inline-block; vertical-align: middle;}
.i4_pop .title_area .close_btn {width: 25px; display: inline-block; vertical-align: middle;}
.i4_pop .title_area .close_btn img {width: 100%;}
.i4_pop .gray {color: #888888; font-size: 16px; margin-bottom: 5px;}
.i4_pop .s_area {width: 100%; position: relative; margin-bottom: 30px;}
.i4_pop .s_area .text {width: 100%; font-size: 14px; padding: 10px 46px 10px 15px; box-sizing: border-box;}
.i4_pop .s_area .s_btn {width: 20px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
.i4_pop .cor_area {margin-bottom: 30px;}
.i4_pop .cor_area .cor_t {font-size: 16px; margin-bottom: 10px;}
.i4_pop .cor_area .cor {display: none;}
.i4_pop .cor_area .cor:checked+ .cor_lab {font-size: 14px; display: inline-block; width: 200px; border: 1px solid #7457F9; border-radius: 4px; box-sizing: border-box; padding: 10px 15px; background: #F5F5F9; color: #7457F9;}
.i4_pop .sel_area {height: 260px; overflow: scroll;}
.i4_pop .sel_area::-webkit-scrollbar {display: none;}
.i4_pop .sel_area {-ms-overflow-style: none;scrollbar-width: none;}
.i4_pop .sel_area .sb_tit {font-size: 16px; margin-bottom: 15px;}
.i4_pop .sel_area .sb_txt {font-size: 0; margin-bottom: 30px;}
.i4_pop .sel_area .sbt {padding: 15px 10px; box-sizing: border-box; display: inline-block; vertical-align: middle; width: calc(100% / 3); font-size: 14px; text-align: left;}
.i4_pop .btn_area {font-size: 0;}
.i4_pop .btn_area .btns {font-size: 18px; font-weight: bold; width: calc((100% - 20px) / 2); display: inline-block; border: 1px solid #232323; border-radius: 4px; padding: 12.5px 0; box-sizing: border-box; margin-right: 20px;}
.i4_pop .btn_area .btn2 {margin-right: 0; background: #7457F9; color: #fff; border-color: #7457F9;}

.con2 .eye_btn {position: absolute;}

/* login method */
.logmd .myp_h2 {margin-bottom: 10px; width: calc(100% - 30px);}
.logmd .gray_p {font-size: 16px; color: #888888;}
.logmd .l_form .lf_1 {margin: 30px 0;}
.logmd .l_form .l_tit {font-size: 18px; margin-bottom: 15px;}
.logmd .l_form .l_txt {font-size: 0;}
.logmd .l_form .l_txt .lt {width: calc((100% - 20px) / 2); display: inline-block; vertical-align: middle; margin-right: 20px; border: 1px solid #E0E0E0; box-sizing: border-box; padding: 20px; position: relative; border-radius: 4px;}
.logmd .l_form .l_txt .lt .lt_1 {font-size: 18px; margin-bottom: 7px;}
.logmd .l_form .l_txt .lt .lt_2 {font-size: 16px; color: #888888;}
.logmd .l_form .l_txt .lt:nth-child(2n) {margin-right: 0;}
.logmd .l_form .l_txt .lt .lt_2.noshow, .logmd .l_form .l_txt .lt .lt_2.show {display: none;}
.logmd .l_form .l_txt .lt .lt_2.noshow.on, .logmd .l_form .l_txt .lt .lt_2.show.on {display: block;}
.logmd .l_form .l_txt .lt .btns {position: absolute; font-size: 16px; color: #DF25AD; bottom: 20px; right: 20px;}
.logmd .l_form .lf_2 .l_txt .lt {margin-bottom: 20px;}
.logmd .l_form .lf_2 .l_txt .lt .lt_1 {margin-bottom: 0; width: calc(100% - 60px); display: inline-block; vertical-align: middle;}
.logmd .l_form .l_txt .lt .btns2 {width: 60px; background: #7457F9; color: #fff; font-size: 16px; font-weight: 500; padding: 10px 0 ;border-radius: 10px; display: inline-block; vertical-align: middle;}

/* verify account */
.logpop1 .title {font-size: 24px; margin-bottom: 20px; font-weight: 600; text-align: center;}
.logpop1 .text {font-size: 18px; margin-bottom: 38px;text-align: center;}
.logpop1 .btn_area {font-size: 0;}
.logpop1 .input {width: 100%; font-size: 16px; padding: 8.5px 15px; box-sizing: border-box; border: 1px solid #E0E0E0; border-radius: 4px; margin-bottom: 30px;}
.logpop1 .input::placeholder {color: #888888;}
.logpop1 .btn_area .btns {font-size: 18px; font-weight: bold; width: calc((100% - 20px) / 2); display: inline-block; border: 1px solid #232323; border-radius: 4px; padding: 11px 0; box-sizing: border-box; margin-right: 20px;}
.logpop1 .btn_area .btn2 {margin-right: 0; background: #7457F9; color: #fff; border-color: #7457F9;}

.logpop1 .tab2 {text-align: center;}
.logpop1 .tab2 img {width: 95px; margin: 0 auto 30px;}
.logpop1 .tab2 .gray {color: #888888; font-size: 18px; margin-bottom: 15px;}
.logpop1 .tab2 .tb2_3 {margin-bottom: 30px;}
.logpop1 .tab2 .tb2_3 .email {font-size: 18px; margin-right: 30px; display: inline-block; vertical-align: middle;}
.logpop1 .tab2 .tb2_3 .c_btn {font-size: 18px; color: #DF25AD; display: inline-block; vertical-align: middle;}
.logpop1 .tab2 .btn100 {width: 100%;}
.logpop1 .tab2 .btn100 .btn_ok {width: 100%; border-radius: 4px; background: #7457F9; color: #fff; padding: 12.5px 0; font-size: 18px; font-weight: bold;}
/* .logpop1 .tab3 .btn_area .btns {font-weight: 500;} */

.logpop2 .white_bg {padding: 0;}
.logpop2 .gray_bg {background: #F5F5F9; padding: 30px; box-sizing: border-box; font-size: 0; position: relative;}
.logpop2 .gray_bg .wid33 {width: calc(100% / 3); display: inline-block; vertical-align: top; font-size: 14px; color: #888888; text-align: center; position: relative; z-index: 2;}
.logpop2 .gray_bg .wid33:first-child::before {display: none;}
.logpop2 .gray_bg .wid33 img {width: 12px; margin: 0 auto 15px;}
.logpop2 .gray_bg .line {width: 31%; height: 1px; background: #E0E0E0; display: inline-block; position: absolute; top: 35px; left: 20%;}
.logpop2 .gray_bg .line.on {background: #DF25AD;}
.logpop2 .gray_bg .wid33.on {color:#232323;}
.logpop2 .gray_bg .ln2 {left: 49.5%;}
.logpop2 .padding {padding: 20px 30px 30px; box-sizing: border-box;}
.logpop2 .text {font-size: 18px; margin-bottom: 20px;}
.logpop2 .input {width: 100%; font-size: 16px; padding: 8.5px 15px; box-sizing: border-box; border: 1px solid #E0E0E0; border-radius: 4px; margin-bottom: 30px;}
.logpop2 .input::placeholder {color: #888888;}
.logpop2 .btn_area {font-size: 0;}
.logpop2 .btn_area .btns {font-size: 18px; font-weight: bold; width: calc((100% - 20px) / 2); display: inline-block; border: 1px solid #232323; border-radius: 4px; padding: 11px 0; box-sizing: border-box; margin-right: 20px;}
.logpop2 .btn_area .btn2 {margin-right: 0; background: #7457F9; color: #fff; border-color: #7457F9;}
.logpop2 .fs0 {font-size: 0;}
.logpop2 .select {width: 160px; display: inline-block; vertical-align: top; border: 1px solid #E0E0E0; border-radius: 4px; font-size: 16px; padding: 8px 15px; box-sizing: border-box;}
.logpop2 .area {width: calc(100% - 160px); padding-left: 20px; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.logpop2 .tab2 .padding .text {text-align: center;}
.logpop2 .tab3 .padding .purple_t {font-size: 24px; font-weight: 600; margin-bottom: 15px; color: #7457F9;}
.logpop2 .tab3 .padding .fs0 {margin-bottom: 20px;}
.logpop2 .tab3 .padding .fs0 .left {width: calc(100% - 90px); display: inline-block; vertical-align: middle;}
.logpop2 .tab3 .padding .fs0 .left .l1 {margin-bottom: 5px; font-size: 18px; color: #888888;}
.logpop2 .tab3 .padding .fs0 .left .l2 {font-size: 18px;}
.logpop2 .tab3 .padding .fs0 .right {width: 90px; text-align: right; display: inline-block; vertical-align: middle;}
.logpop2 .tab3 .padding .fs0 .right .c_btn {font-size: 18px; color: #DF25AD;}
.logpop2 .tab3 .padding .num_area {width: 543px; height: 60px; overflow: hidden; margin-bottom: 30px; background: url("/org/img2/num.png") no-repeat center left 40px / 460px 60px; padding-left: 40px; box-sizing: border-box;}
.logpop2 .tab3 .padding .num_area .num {width: 100%; height:100%; letter-spacing: 62.5px; font-size: 30px; padding-left: 26px; border: none; background: transparent; caret-color: transparent;}
.logpop2 .tab4 {text-align: center;}
.logpop2 .tab4 .padding {padding: 30px 32px; box-sizing: border-box;}
.logpop2 .tab4 img {width: 95px; margin: 0 auto 30px;}
.logpop2 .tab4 .black2 { font-size: 18px; margin-bottom: 30px;}
.logpop2 .tab4 .tb2_3 {margin-bottom: 30px;}
.logpop2 .tab4 .tb2_3 .email {font-size: 18px; margin-right: 30px; display: inline-block; vertical-align: middle;}
.logpop2 .tab4 .tb2_3 .c_btn {font-size: 18px; color: #DF25AD; display: inline-block; vertical-align: middle;}
.logpop2 .tab4 .btn100 {width: 100%;}
.logpop2 .tab4 .btn100 .btn_ok {width: 100%; border-radius: 4px; background: #7457F9; color: #fff; padding: 12.5px 0; font-size: 18px; font-weight: bold;}
.logpop2 .tab4 .info {font-size: 0; margin-top: 18px;}
.logpop2 .tab4 .info .icon {width: 26px; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.logpop2 .tab4 .info .middle {font-size: 14px; display: inline-block; vertical-align: middle; width: calc(100% - 26px); padding-left: 4px; box-sizing: border-box; text-align: left;}

/* Delivery details */
.deli.gray_border {margin-bottom: 20px;}
.deli.gray_border:last-child {margin-bottom: 0;}
.deli .area {margin-bottom: 30px;}
.deli .p_btn {width: 130px; background: #7457F9; color: #fff; font-size: 14px; font-weight: 500; border-radius: 4px; padding: 10px 0;}
.deli .gray_p {font-size: 16px; color: #888888;}
.deli .d_info {position: relative;}
.deli .d_info .noshow, .deli .d_info .show {display: none;}
.deli .d_info .noshow.on, .deli .d_info .show.on {display: block;}
.deli .d_info div {margin-bottom: 5px; font-size: 16px;}
.deli .d_info .di1, .deli .d_info .di2 {font-weight: 600;}
.deli .d_info div:last-child {margin-bottom: 0;}
.deli .d_info .act_wrap {position: absolute; right: 0; top: 0;}
.deli .d_info .act_wrap .act_btns {width: 24px; margin-right: 10px; display: inline-block;}
.deli .d_info .act_wrap .act_btns:last-child {margin-right: 0;}

/* Add address */
.delpop1 .white_bg {width: 800px;}
.delpop1 .close_btn {position: absolute; right: 0; transform: translateX(125%); top: 0; width: 32px;}
.delpop1 .title {font-size: 24px; font-weight: 600; margin-bottom: 40px;}
.delpop1 .b_wrap .block {margin-bottom: 40px; font-size: 0;}
.delpop1 .b_wrap .block .wid50 {display: inline-block; vertical-align: middle; width: calc((100% - 20px) / 2); margin-right: 20px;}
.delpop1 .b_wrap .block .wid50:nth-child(2n) {margin-right: 0;}
.delpop1 .b_wrap .block .wid50 .label {font-size: 16px; margin-bottom: 10px; display: block;}
.delpop1 .b_wrap .block .wid50 .label .orange {color: #FFBE26;}
.delpop1 .b_wrap .block .wid50 .input {width: 100%; padding: 10px 13px; box-sizing: border-box; font-size: 14px; border: 1px solid #DBDBDB;}
.delpop1 .b_wrap .block .wid50 .input::placeholder {color: #888888;}
.delpop1 .b_wrap .block .wid50 .select {position: relative;}
.delpop1 .b_wrap .block .wid50 .show {color: #888888; cursor: pointer;}
.delpop1 .b_wrap .block .wid50 .show::after {content: ""; display: inline-block; width: 24px; height: 24px; background: url("/org/img2/arrow_down.png") center center / 100% 100%; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

.delpop1 .s_ul {display: none; position: absolute; top: 102%; left: 0; background: #FFFFFF; padding: 14px 15px; box-sizing: border-box; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16); z-index: 12; border-radius: 4px;}
.delpop1 .s_ul.on {display: block;}
.delpop1 .s_ul .s_li {font-size: 16px; color: #888888; background: #FFFFFF; border: none; padding: 5px 15px 5px 25px; box-sizing: border-box; border-radius: 5px; cursor: pointer;}
.delpop1 .s_ul .s_li.cate {padding-left: 15px; color: #000000; cursor: default;}
.delpop1 .s_ul .s_li:hover {background: #F5F5F9; color: #7457F9;}
.delpop1 .s_ul .s_li.cate:hover {padding-left: 15px; color: #000000; background: #fff;}
.delpop1 .ul_close {position: fixed; z-index: 11; width: 100vw; height: 100vh; background: transparent; top: 0; left: 0; display: none;}
.delpop1 .ul_close.on {display: block;}

.delpop1 .radio_wrap {margin-bottom: 50px;}
.delpop1 .radio_wrap .radio {appearance: none; width: 68px; height: 32px; background: url("/org/img2/radio.png") no-repeat center center / 100% 100%; margin-right: 10px; vertical-align: middle;}
.delpop1 .radio_wrap .radio:checked {background-image: url("/org/img2/radio_on.png");}
.delpop1 .radio_wrap .r_lab {font-size: 14px; vertical-align: middle;}
.delpop1 .btn_area {text-align: right;}
.delpop1 .btns {display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border: 1px solid #232323; border-radius: 4px; margin-right: 16px;}
.delpop1 .btn2 {background: #7457F9; color: #fff; border-color: #7457F9; margin-right: 0;}
.delpop2 .white_bg {width: 430px; padding: 30px 30px 27px; box-sizing: border-box; border-radius: 4px;}
.delpop2 .white_bg .con_p {font-size: 16px; text-align: left; margin-bottom: 20px;}
.delpop2 .white_bg .btn_area {text-align: right; font-size: 0;}
.delpop2 .white_bg .btn_area .btns {border: 1px solid #232323; padding: 8px 0; box-sizing: border-box; font-size: 14px; font-weight: 500; margin-right: 10px; border-radius: 4px; display: inline-block; width: 70px;}
.delpop2 .white_bg .btn_area .btn2 {margin-right: 0; background: #7457F9; border-color: #7457F9; color: #fff;}

/* wishlist */
.wish {height: 915px;}
.wish .wish_wrap {font-size: 0;}
.wish .wish_wrap .wish_box {width: calc((100% - 20px) / 3); overflow: hidden; border: 1px solid #E0E0E0; border-radius: 15px; box-sizing: border-box; display: inline-block; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
.wish .wish_wrap .wish_box:nth-child(3n) {margin-right: 0;}
.wish .wish_wrap .wish_box .img_area {width: 100%; height: 170px; overflow: hidden; position: relative;}
.wish .wish_wrap .wish_box .img_area .heart {position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; appearance: none; background: url("/org/img2/heart.png") no-repeat center center / 100% 100%;}
.wish .wish_wrap .wish_box .img_area .heart:checked {background-image: url("/org/img2/heart_on.png");}
.wish .wish_wrap .wish_box .img_area .grid {width: 100%; height: 100%; display: grid; justify-content: center; justify-items: center; align-content: center;}
.wish .wish_wrap .wish_box .img_area .grid img {max-width: inherit; width: 200%;}
.wish .wish_wrap .wish_box .info_area {padding: 10px; box-sizing: border-box;}
.wish .wish_wrap .wish_box .info_area .ia1 {margin-bottom: 5px; font-size: 14px; color: #888888;}
.wish .wish_wrap .wish_box .info_area .ia2 {margin-bottom: 5px; font-size: 16px; font-weight: 600;}
.wish .wish_wrap .wish_box .info_area .ia3 {margin-bottom: 5px;}
.wish .wish_wrap .wish_box .info_area .ia3 .ib {display: inline-block; font-size: 14px; vertical-align: middle;}
.wish .wish_wrap .wish_box .info_area .ia3 img {width: 18px; margin-right: 3px; display: inline-block; vertical-align: middle;}
.wish .wish_wrap .wish_box .info_area .ia3 .ib1 {margin-right: 3px; color: #FFBE26; font-weight: bold;}
.wish .wish_wrap .wish_box .info_area .ia3 .ib2 {color: #888888;}
.wish .wish_wrap .wish_box .info_area .ia4 {margin-bottom: 17px;}
.wish .wish_wrap .wish_box .info_area .ia4 .gray {background: #F2F2F2; border-radius: 3px; font-size: 12px; color: #707070; display: inline-block; padding: 2px 5px; box-sizing: border-box; margin-right: 5px;}
.wish .wish_wrap .wish_box .info_area .ia4 .gray:last-child {margin-right: 0;}
.wish .wish_wrap .wish_box .info_area .ia5 {font-size: 16px; font-weight: bold;}
.wish .wish_wrap .wish_box .info_area .ia5 div {display: inline-block; margin-right: 10px;}
.wish .wish_wrap .wish_box .info_area .ia5 .p_gray {color: #888888; margin-right: 0;}

/* setting */
.set .myp_h2 {margin-bottom: 10px;}
.set {position: relative; margin-bottom: 10px;}
.set .arrow {position: absolute; width: 24px; top: 25px; right: 9px;}
.set .gray_p {margin-bottom: 20px; color: #888888; font-size: 16px;}
.set .fb {margin-bottom: 20px;}
.set .fb .label {margin-bottom: 10px; display: block; font-size: 16px;}
.set .fb .input_wrap {position: relative; display: inline-block;}
.set .fb .input {width: 280px; padding: 7px 42px 7px 10px; box-sizing: border-box; font-size: 18px; border: 1px solid #E0E0E0; border-radius: 4px;}
.set .fb .input::placeholder {font-size: 18px ;color: #E0E0E0;}
.set .fb .eye_btn {position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 20px;}
.set .fb .eye_btn img {display: none;}
.set .fb .eye_btn img.on {display: block;}
.set .mb10 {margin-bottom: 10px;}
.set .btn_area .save_btn {width: 60px; background: #7457F9; color: #fff; font-size: 16px; font-weight: 500; padding: 8px 0; border-radius: 4px;}

.set2 .myp_h2 {margin-bottom: 10px;}
.set2 .black_p {margin-bottom: 5px; font-size: 18px; font-weight: 500;}
.set2 .block {margin-bottom: 31px;}
.set2 .block .gray_p {margin-bottom: 20px;}
.set2 .block .r_l {display: inline-block; vertical-align: middle; margin-right: 76px;}
.set2 .block .r_l .ckbox:checked {background-image: url("/org/img2/ckbox_on.png");}
.set2 .block .r_l:last-child {margin-right: 0;}
.set2 .block .r_l .ckbox {width: 24px; height: 24px; appearance: none; background: url("/org/img2/ckbox.png") no-repeat center center / 100% 100%; vertical-align: middle; margin-right: 11px;}
.set2 .block .r_l .ckbox:disabled {background-image: url("/org/img2/ckbox_disa.png");}
.set2 .btn_area {margin-top: 50px;}
.set2 .btn_area .save_btn {width: 120px;}

.set3 {cursor: pointer;}
.set3 .gray_p {margin: 0;}
.set3 .arrow {top: 50%; transform: translateY(-50%);}

.search_results_content.wid100 {width: 100%;}
.delacc {width: 440px; margin: 0 auto; border: 1px solid #E0E0E0; border-radius: 10px; padding: 40px; box-sizing: border-box;}
.delacc .myp_h2 {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.delacc .gray_p {font-size: 16px; color: #888888; margin-bottom: 50px;}
.delacc .agree {margin-bottom: 21px;}
.delacc .agree .ckbox {width: 24px; height: 24px; appearance: none; background: url("/org/img2/ckbox.png") no-repeat center center / 100% 100%; vertical-align: middle; margin-right: 11px;}
.delacc .agree .ckbox:checked {background-image: url("/org/img2/ckbox_on.png");}
.delacc .agree .a_lab {font-size: 16px;}
.delacc .btn100 .btn_ok {font-size: 16px; padding: 8px 0; background: #7457F9; color: #fff; width: 100%; border-radius: 4px; font-weight: 500;}

.setpop .close_btn {position: absolute; right: 0; transform: translateX(125%); top: 0; width: 32px;}
.setpop .white_bg {width: 420px; text-align: center;}

.setpop .title {margin-bottom: 10px; font-size: 24px; font-weight: 600;}
.setpop .sub {color: #888888; font-size: 14px; margin-bottom: 30px;}
.setpop .input_wrap {position: relative; margin-bottom: 10px;}
.setpop .input_wrap .input {width: 100%; padding: 7px 10px; box-sizing: border-box; font-size: 18px; border: 1px solid #E0E0E0; border-radius: 4px;}
.setpop .eye_btn {width: 24px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.setpop .eye_btn img {display: none;}
.setpop .eye_btn img.on {display: block;}
.setpop .btn100 {width: 100%;}
.setpop .btn100 .btn_ok {width: 100%; border-radius: 4px; background: #7457F9; color: #fff; padding: 12.5px 0; font-size: 18px; font-weight: 500;}




.parti .gray_p {color: #888888; margin-bottom: 40px;}
.parti .add_btn {width: 185px; padding: 7px 0; font-size: 14px; font-weight: 500; color: #7457F9; border: 1px solid #7457F9; border-radius: 4px; background: #FBFBFB; display: inline-block; vertical-align: middle;}
.parti .add_btn::before {content: ""; display: inline-block; width: 15px; height: 15px; background: url("/org/img2/addid.png") no-repeat center center / 100% 100%; margin-right: 10px; vertical-align: middle;}
.parti .ib {display: inline-block; vertical-align: middle; color: #888888; margin-left: 30px;}

.mb20 {margin-bottom: 20px;}
.partipop .white_bg {width: 800px; height: calc(100vh - 40px); overflow: scroll; z-index: 15;}
.partipop .white_bg::-webkit-scrollbar {display: none;}
.partipop .white_bg {-ms-overflow-style: none;scrollbar-width: none;}

.partipop .close_btn {position: absolute; right: 0; transform: translateX(125%); top: 0; width: 32px;}
.partipop .title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.partipop .title2 {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.partipop .b_wrap .block {margin-bottom: 10px; font-size: 0;}
.partipop .b_wrap .block .wid50 {display: inline-block; vertical-align: middle; width: calc((100% - 20px) / 2); margin-right: 20px;}
.partipop .b_wrap .block .wid50.id_yes {display: none;}
.partipop .b_wrap .block .wid50.id_yes.on {display: inline-block;}
.partipop .b_wrap .block .wid50:nth-child(2n) {margin-right: 0;}
.partipop .b_wrap .block .wid50 .label {font-size: 16px; margin-bottom: 10px; display: block;}
.partipop .b_wrap .block .wid50 .label .orange {color: #FFBE26;}
.partipop .b_wrap .block .wid50 .input {width: 100%; padding: 7px 13px; box-sizing: border-box; font-size: 14px; border: 1px solid #DBDBDB;}
.partipop .b_wrap .block .wid50 .input::placeholder {color: #888888;}
.partipop .b_wrap .block .wid50 .select {position: relative;}
.partipop .b_wrap .block .wid50 .show {color: #888888; cursor: pointer;}
.partipop .b_wrap .block .wid50 .show::after {content: ""; display: inline-block; width: 24px; height: 24px; background: url("/org/img2/arrow_down.png") center center / 100% 100%; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.partipop .block .gray_id {color: #888888; margin-bottom: 5px; font-size: 14px;}
.partipop .block.mb20 {margin-bottom: 20px;}
.partipop .block .gray_id .orange {color: #FFBE26;}
.partipop .addid_area {border-top: 1px solid #E0E0E0; padding-top: 20px; margin-bottom: 40px;}
.partipop .addid_area .addid {width: 105px; padding: 7px 0; font-size: 14px; font-weight: 500; color: #7457F9; border: 1px solid #7457F9; border-radius: 4px; background: #FBFBFB;}
.partipop .addid_area .addid::before {content: ""; display: inline-block; width: 15px; height: 15px; background: url("/org/img2/addid.png") no-repeat center center / 100% 100%; margin-right: 10px; vertical-align: middle;}
.partipop .myself {font-size: 16px; font-weight: 500; margin:20px 0 5px;}

.partipop .s_ul {display: none; position: absolute; top: 104%; left: 0; background: #FFFFFF; padding: 10px 0; box-sizing: border-box; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16); z-index: 12; border-radius: 4px;}
.partipop .s_ul.on {display: block;}
.partipop .s_ul .s_li {font-size: 16px; background: #FFFFFF; border: none; padding: 8px 10px; box-sizing: border-box; border-radius: 5px; cursor: pointer;}
.partipop .s_ul .s_li.cate {padding-left: 15px; color: #000000; cursor: default;}
.partipop .s_ul .s_li:hover {background: #F5F5F9; color: #7457F9;}
.partipop .s_ul .s_li.cate:hover {padding-left: 15px; color: #000000; background: #fff;}
.partipop .ul_close {position: fixed; z-index: 11; width: 100vw; height: 100vh; background: transparent; top: 0; left: 0; display: none;}
.partipop .ul_close.on {display: block;}

.partipop .radio_wrap {margin-bottom: 20px;}
.partipop .radio_wrap .radio {appearance: none; width: 68px; height: 32px; background: url("/org/img2/radio.png") no-repeat center center / 100% 100%; margin-right: 10px; vertical-align: middle;}
.partipop .radio_wrap .radio:checked {background-image: url("/org/img2/radio_on.png");}
.partipop .radio_wrap .r_lab {font-size: 14px; vertical-align: middle;}
.partipop .btn_area {text-align: right;}
.partipop .btns {display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border: 1px solid #232323; border-radius: 4px; margin-right: 16px;}
.partipop .btn2 {background: #7457F9; color: #fff; border-color: #7457F9; margin-right: 0;}

.parti.pb60 {padding-bottom: 60px;}
.parti .par_on { margin: 40px 0 10px;}
.parti .par_on .po1 { margin-bottom: 5px; font-size: 0;}
.parti .par_on .po1 .p1_left {width: 70%; display: inline-block; vertical-align: middle;}
.parti .par_on .po1 .p1_left div {display: inline-block; vertical-align: middle;}
.parti .par_on .po1 .p1_left .p1_sp {font-size: 20px; font-weight: 500; margin-right: 5px;}
.parti .par_on .po1 .p1_left .p1_sp2 {font-size: 10px;}
.parti .par_on .po1 .p1_right {width: 30%; display: inline-block; vertical-align: middle; text-align: right;}
.parti .par_on .po1 .p1_right .p1_btns {font-size: 16px; color: #7457F9; margin-right: 30px; display: inline-block;}
.parti .par_on .po1 .p1_right .p1_btns:last-child {margin-right: 0;}
.parti .par_on .po2 {padding-bottom: 13.5px; margin-bottom: 20px; border-bottom: 1px solid #707070;}
.parti .par_on .po1 .p1_right .btn2 {color: #DF25AD;}
.parti .par_on .po2 .p2_sp {color: #888888; font-size: 16px; margin-right: 30px; display: inline-block; vertical-align: middle;}
.parti .par_on .po2 .p2_sp:last-child {margin-right: 0;}
.parti .par_on .po3 {color: #888888; font-size: 16px; font-weight: 500; text-align: center;}
.parti .par_on .noshow, .parti .par_on .show {display: none;} 
.parti .par_on .noshow.on, .parti .par_on .show.on {display: block;} 

.partipop .block .select .calendar {width: 101%; position: absolute; top: -1px; left:-2px; z-index: 12; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.16);padding: 10px 4.5px; box-sizing: border-box; border-radius: 5px; display: none;}
.partipop .block .select .calendar.on {display: block;}
.partipop .block .select .calendar .c_date {padding: 11px 0; box-sizing: border-box; font-size: 0;}
.partipop .block .select .calendar .c_date .c_btns {display: inline-block; vertical-align: middle; width: 25px;}
.partipop .block .select .calendar .c_center {font-size: 21px; display: inline-block; vertical-align: middle; width: calc(100% - 50px); text-align: center;}
.partipop .block .select .calendar .c_table {width: 100%;}
.partipop .block .select .calendar .c_table .th {font-size: 18px; font-weight: 400; padding: 13px 0; box-sizing: border-box;}
.partipop .block .select .calendar .c_table .td {font-size: 19px; font-weight: 400; padding: 10px 0; box-sizing: border-box; font-family: 'SUITE', sans-serif; text-align: center; cursor: pointer; width: calc(100% / 7);}
.partipop .block .select .calendar .c_table .td.prev,
.partipop .block .select .calendar .c_table .td.next {color: #AAAAAA;}
.partipop .block .select .calendar .c_table .td.selected {background: #7457F9; border-radius: 50%; color: #fff;}
@media(max-width:960px){
    .partipop .block .select .calendar .c_table .td {padding: 5px 0; font-size: 15px;}
    .partipop .block .select .calendar .c_date {padding: 8px 0;}
    .partipop .block .select .calendar .c_center {font-size: 17px;}
    .partipop .block .select .calendar .c_table .th {font-size: 15px; padding: 8px 0;}
}



@media (max-width:1200px) {
    .await_pay {padding: 30px 20px 120px; box-sizing: border-box;}

}

@media (max-width:1080px) {
    /* bookings */
    .my_nav .mya_wrap .my_a {padding: 10px 15px;}
    .my_nav .mya_wrap .my_a .my_t {font-size: 14px;}
    .my_nav .pro_area {padding: 20px 23px 15px;}
    .my_nav .pro_area .pic_area {width: 60px; height: 60px;}
    .my_nav .pro_area .name {font-size: 20px;}
    .my_nav .pro_area .name {font-size: 20px;}
    .my_nav .pro_area .upd {font-size: 14px;}

    .cont .sel_area {margin-bottom: 25px;}
    .cont .bk_box {padding: 15px 10px 15px 20px;}

    /* await pay */
    .await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line .left {width: 40%;}
    .await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line .right {width: 60%;}

    .delpop1 .white_bg {width: 80%;}
    .partipop .white_bg {width: 80%;}
}

@media (max-width:768px) {
    /* left menu */
    .mob_nav {display: block!important; width: 100%; display: block; padding-bottom: 50px;}
    .mob_nav .pro_area {padding: 22px 23px 16px; box-sizing: border-box; text-align: center;}
    .mob_nav .pro_area .pic_area {width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin: 0 auto 10px;}
    .mob_nav .pro_area .pic_area .grid {width: 100%; height: 100%; justify-content: center; justify-items: center; align-content: center;}
    .mob_nav .pro_area .name {font-size: 24px; font-weight: 500;}
    .mob_nav .pro_area .upd {font-size: 16px; font-weight: 500; color: #7457F9; text-align: center;}
    .mob_nav .pro_area .upd .upd_btn {margin: 0 auto;}
    .mob_nav .mya_wrap {font-size: 0; margin-bottom: 10px;}
    .mob_nav .mya_wrap .my_a {display: block; padding: 17px 20px; box-sizing: border-box;}
    .mob_nav .mya_wrap .my_a.on {color: #7457F9;}
    .mob_nav .mya_wrap .my_a .icon {width: 23px; margin-right: 20px; display: inline-block; vertical-align: middle;}
    .mob_nav .mya_wrap .my_a .icon img {width: 100%;}
    .mob_nav .mya_wrap .my_a .my_t {font-size: 18px; display: inline-block; vertical-align: middle; width: calc(100% - 43px);}

    /* bookings */
    .cont .bk_box .bk2 {width: calc(100% - 10px);}
    .cont .bk_box .bk2 .bk2_1 {font-size: 14px;}
    .cont .bk_box .bk2 .bk2_2 .gray1 {font-size: 12px;}
    .cont .bk_box .bk2 .bk2_3 {font-size: 14px;}
    .cont .bk_box .bk3 {padding-left: 20px; box-sizing: border-box; width: 100%; margin-top: 20px;}
    .cont .bk_box .bk2 .bk2_4 {font-size: 14px;}
    .cont .bk_box .b_btn {font-size: 14px; width: 120px;}
    .cont .bk_box {padding: 15px 40px 15px 10px;}
    .cont .bk_box .bk3 .img_area {margin-bottom: 0; width: 131px;}
    .cont .bk_box .act_btn {bottom: auto; top: 15px; right: 10px;}
    .cont .bk_box .act_btn .b_li {font-size: 14px; padding: 10px 0;}
    .cont .bk_box .act_btn .b_ul {width: 100px; right: 5px;}
    .cont .sr_toptxt_wrap .filter_btn2 {display: block;}
    .cont .sel_area .s_li {font-size: 14px; padding: 10px 15px;}
    .cont .no_list {margin-bottom: 30px;}
    .cont .no_list img {width: 130px; margin: 35px auto 25px;}
    .cont .no_list .no1 {font-size: 16px;}
    .cont .no_list .no2 {font-size: 14px;}
    .sr_content_list_wrap.ch_list li {width: 49%;}
    .cont .choices .more .more_btn {font-size: 14px;}

    /* await pay */
    .await_pay .gray_border {padding: 20px;}
    .await_pay .gray_border .border_b .ap1_l {width: 100%; display: block; margin-bottom: 10px;}
    .await_pay .gray_border .border_b .ap1_r {width: 100%; display: block;}
    .await_pay .gray_border .border_b.pd60 {padding: 0 0 20px; margin-bottom: 20px;}
    .await_pay .gray_border .border_b .ap1_h2 {font-size: 20px;}
    .await_pay .gray_border .border_b .ap1_l .ap1_sub {font-size: 14px;}
    .await_pay .gray_border .border_b .ap1_r .ap1_sub {font-size: 14px;}
    .await_pay .gray_border .ap2 .ap2_l {width: 100%; display: block; margin-bottom: 10px;}
    .await_pay .gray_border .ap2 .ap2_l .ap2_l1 {font-size: 18px;}
    .await_pay .gray_border .ap2 .ap2_l .ap2_l1.purple {font-size: 14px;}
    .await_pay .gray_border .ap2 .ap2_r {width: 100%; display: block;}
    .await_pay .gray_border .ap2 .ap2_r .btns {font-size: 14px;}
    .await_pay .gray_border .ap3 .ap3_l {width: 100%; display: block; margin-bottom: 10px;}
    .await_pay .gray_border .ap3 .ap3_r {padding: 0; width: 100%; display: block;}
    .await_pay .gray_border .ap3 .ap3_r .ap3_r1 {width: 100%;}
    .await_pay .gray_border .ap4 .ap4_l { width: 100%; display: block; margin-bottom: 10px;}
    .await_pay .gray_border .ap4 .ap4_r {width: 100%; display: block;}
    .await_pay .gray_border .d_h2 {font-size: 20px; display: block; width: 100%; margin-bottom: 10px;}
    .await_pay .exp_area {margin-top: 30px;}
    .await_pay .exp_t {font-size: 25px; margin-bottom: 15px;}

    /*pop*/
    .h_pop .white_bg {width: 80%; transform: translate(-52%, -50%); padding: 20px;}
    .pay_det .pd3 .pd3_2 {padding: 8px 10px; font-size: 20px;}
    .pay_det .pd3 .pd3_3 .line {padding: 10px;}
    .pay_det .pd3 .pd3_3 .line .line_l {font-size: 14px;}
    .pay_det .pd2 {margin-bottom: 20px;}
    .pay_det .pd1 {font-size: 20px; margin-bottom: 15px;}
    .pay_det .pd2 .border_n .left {font-size: 16px;}
    .pay_det .pd2 .border_n .right {font-size: 16px;}
    .pay_det .pd3 .pd3_1 {font-size: 16px;}
    .pay_det .pd2 .border_b {margin-bottom: 10px; padding-bottom: 10px;}
    .pay_det .pd2 .border_n {margin-bottom: 20px;}
    .pay_det .close_btn {transform: translateX(105%);}

    .canpop .white_bg {width: 90%; padding: 30px;}
    .canpop .white_bg .con_p {font-size: 14px;}
    .canpop .white_bg .btn_area .btns {font-size: 14px; width: 100%; margin: 0; display: block; margin-bottom: 8px;}
    .canpop .white_bg .btn_area .btn2 {margin-bottom: 0;}

    /* Reviews */
    .con2 .myp_h2 {margin-bottom: 10px;}
    .con2 .no_revlist {padding: 150px 0;}

    /* Chat */
    .c_delpop .white_bg {width: 90%; padding: 30px;}
    .c_delpop .white_bg .con_p {font-size: 14px;}
    .c_delpop .white_bg .btn_area .btns {font-size: 14px; width: 100%; margin: 0; display: block; margin-bottom: 8px;}
    .c_delpop .white_bg .btn_area .btn2 {margin-bottom: 0;}

    .con2 .c_wrap {height: 400px;}
    .con2 .c_wrap .chat_a {padding: 13px 0;}
    .con2 .c_wrap .chat_a .ca_left .profile {width: 30px; height: 30px;}
    .con2 .c_wrap .chat_a .ca_left .nick {font-size: 14px; padding-left: 7px;}
    .con2 .c_wrap .chat_a .ca_right .date {margin-right: 15px; font-size: 10px;}
    .con2 .c_wrap .chat_a .ca_right .del_btn {width: 60px; font-size: 14px;}

    /* chat sub */
    .con2 .cht {height: 600px;}
    .con2 .cht .cht_left {width: 120px; padding: 15px 10px;}
    .con2 .cht .cht_left .cht_pro {width: 30px; height: 30px;}
    .con2 .cht .cht_left .cht_info {width: calc(100% - 30px); padding-left: 8px;}
    .con2 .cht .cht_left .cht_info .ci1 {font-size: 14px;}
    .con2 .cht .cht_left .cht_info .ci2 {font-size: 10px;}
    .con2 .cht .cht_right {width: calc(100% - 120px);}
    .con2 .cht .cht_right .cr_top {height: 40px;}
    .con2 .cht .cht_right .cr_bot {height: calc(100% - 40px);}
    .con2 .cht .cht_right .cr_bot .no_list img {width: 100px; margin-bottom: 15px; margin-top: 0;}
    .con2 .cht .cht_right .cr_bot .no_list .no_gray {font-size: 18px;}
    .con2 .cht .cht_right .ct_input {padding: 15px 10px;}
    .con2 .cht .cht_right .ct_input .cti3 .sd_btn {padding: 12px 0; font-size: 14px;}
    .con2 .cht .cht_right .ct_input .cti2 .text {font-size: 14px; padding: 12px 8px;}

    .cont .ct_area .ct_wrap .chat.other .profile {width: 25px; height: 25px;}
    .cont .ct_area .ct_wrap .chat.other .co_r {padding-left: 5px;}
    .cont .ct_area .ct_wrap .chat.other .co_r .oc_name {font-size: 14px;}
    .cont .ct_area .ct_wrap .chat .metro {font-size: 12px;}
    .cont .ct_area .ct_wrap .chat.my .metro:last-child::before {font-size: 10px; left: -25%;}
    .cont .ct_area .ct_date {font-size: 14px; padding: 8px 0;}
    .cont .ct_area .ct_wrap {padding: 0 15px; bottom: 78px;}
    .cont .ct_area .ct_wrap .chat {margin-bottom: 15px;}

    .con2 .cht .cht_right .cr_top .ctt_pro .profile {width: 25px; height: 25px;}
    .con2 .cht .cht_right .cr_top .ctt_pro .name {font-size: 14px; padding-left: 7px;}

    /* payment method */
    .p_addpop .pa_tit .close_btn {right: 0; top: 10px; transform: none;}
    .p_addpop .pa_tit {padding: 0 0 20px;}
    .p_addpop .block .pa_lab {font-size: 14px;}
    .p_addpop .block .input {font-size: 18px;}
    .p_addpop .info.bg_g {margin-top: 30px;}
    .p_addpop .info .i_right {font-size: 15px;}

    /* personal info */
    .info_edit .edit_form .e_form {width: 100%;}
    .info_edit .edit_form .e_form .wid50 {margin: 0; width: 100%; display: block; margin-bottom: 5px;}
    .info_edit .edit_form .e_form .wid50 .f_lab {margin-bottom: 5px;}
    
    /* Select country/region */
    .i4_pop .title_area .purple {font-size: 18px;}
    .i4_pop .title_area .close_btn {width: 20px;}
    .i4_pop .gray {font-size: 14px;}
    .i4_pop .sel_area .sbt {font-size: 12px; padding: 10px 5px;}
    .i4_pop .cor_area .cor:checked+ .cor_lab {font-size: 14px; width: 150px; padding: 5px 8px;}
    .i4_pop .cor_area .cor_t {font-size: 14px;}
    .i4_pop .sel_area .sb_tit {font-size: 14px; margin-bottom: 10px;}
    .i4_pop .btn_area .btns {margin: 0; width: 100%; display: block; font-size: 14px; margin-bottom: 5px; padding: 8px 0;}
    .i4_pop .btn_area .btn2 {margin: 0;}

    /* login method */
    .logmd .l_form .lf_1 {margin: 20px 0;}
    .logmd .l_form .l_tit {font-size: 16px; margin-bottom: 10px;}
    .logmd .l_form .l_txt .lt .btns {top: 5px; right: 10px; bottom: auto; font-size: 14px;}
    .logmd .l_form .l_txt .lt {padding: 25px 15px 15px;}
    .logmd .l_form .l_txt .lt .lt_1 {font-size: 16px; margin-bottom: 5px;}
    .logmd .l_form .l_txt .lt .lt_2 {font-size: 14px;}
    .logmd .l_form .lf_2 .l_txt .lt .lt_1 {font-size: 14px;}
    .logmd .l_form .lf_2 .l_txt .lt {padding: 20px 15px;}

    .logpop1 .title {font-size: 20px; margin-bottom: 10px;}
    .logpop1 .text {font-size: 16px; margin-bottom: 15px;}
    .logpop1 .btn_area .btns {width: 100%; display: block; margin: 0; margin-bottom: 10px; font-size: 14px; padding: 8px 0;}
    .logpop1 .btn_area .btn2 {margin-bottom: 0;}
    .logpop1 .input {font-size: 14px; margin-bottom: 15px;}
    .logpop1 .tab2 img {width: 60px; margin: 0 auto 20px;}
    .logpop1 .tab2 .gray {font-size: 16px; margin-bottom: 10px;}
    .logpop1 .tab2 .tb2_3 .email {margin: 0; margin-bottom: 5px; font-size: 16px; display: block; width: 100%;}
    .logpop1 .tab2 .tb2_3 .c_btn {font-size: 16px; display: block; width: 100%;}
    .logpop1 .tab2 .btn100 .btn_ok {font-size: 16px; padding: 10px 0;}

    .logpop2 .white_bg {padding: 0;}
    .logpop2 .gray_bg .wid33 {font-size: 12px;}
    .logpop2 .gray_bg {padding: 20px 15px 15px;}
    .logpop2 .text {font-size: 16px;}
    .logpop2 .btn_area .btns {width: 100%; display: block; margin: 0; margin-bottom: 10px; font-size: 14px; padding: 8px 0;}
    .logpop2 .btn_area .btn2 {margin-bottom: 0;}
    .logpop2 .input {font-size: 14px; margin-bottom: 15px;}
    .logpop2 .gray_bg .line {top: 26px; left: 19%;}
    .logpop2 .gray_bg .ln2 {top: 26px; left: 49.5%;}
    .logpop2 .padding {padding: 10px 15px;}
    .logpop2 .tab2 .padding .text {font-size: 14px;}
    .logpop2 .select {width: 100px; font-size: 14px;}
    .logpop2 .area {width: calc(100% - 100px); padding-left: 10px; font-size: 14px;}

    .logpop2 .tab3 .padding .purple_t {font-size: 20px; margin-bottom: 8px;}
    .logpop2 .tab3 .padding .fs0 .left .l1 {font-size: 14px;}
    .logpop2 .tab3 .padding .fs0 .left .l2 {font-size: 16px;}
    .logpop2 .tab3 .padding .fs0 .right {width: 58px;}
    .logpop2 .tab3 .padding .fs0 .left {width: calc(100% - 58px);}
    .logpop2 .tab3 .padding .fs0 .right .c_btn {font-size: 14px;}
    .logpop2 .tab3 .padding .num_area {width: 381px; height: 40px; background-size: 300px 40px; margin: 0 auto 20px;}
    .logpop2 .tab3 .padding .num_area .num {height: 40px; padding-left: 17px; letter-spacing: 40.5px; font-size: 20px;}

    .logpop2 .tab4 .padding {padding: 20px 16px 15px;}
    .logpop2 .tab4 img {width: 60px; margin: 0 auto 20px;}
    .logpop2 .tab4 .tb2_3 .email {margin: 0; margin-bottom: 5px; font-size: 16px; display: block; width: 100%;}
    .logpop2 .tab4 .tb2_3 .c_btn {font-size: 16px; display: block; width: 100%;}
    .logpop2 .tab4 .btn100 .btn_ok {font-size: 16px; padding: 10px 0;}
    .logpop2 .tab4 .black2 {font-size: 14px; margin-bottom: 10px;}
    .logpop2 .tab4 .info .middle {font-size: 12px;}

    /* delivery */
    .deli .p_btn {width: 100%; font-size: 14px; padding: 7px 0;}
    .deli .area {margin-bottom: 15px;}
    .deli .gray_p {font-size: 14px;}

    .delpop1 .title {font-size: 20px; margin-bottom: 20px;}
    .delpop1 .b_wrap .block {margin-bottom: 10px;}
    .delpop1 .b_wrap .block .wid50 {margin: 0; margin-bottom: 5px; width: 100%; display: block;}
    .delpop1 .b_wrap .block .wid50 .label {font-size: 14px; margin-bottom: 5px;}
    .delpop1 .b_wrap .block .wid50 .label.empty {display: none;}
    .delpop1 .b_wrap .block .wid50 .input {font-size: 12px; padding: 6px 10px;}
    .delpop1 .b_wrap .block .wid50 .input::placeholder {font-size: 12px;}
    .delpop1 .s_ul {padding: 12px 10px;}
    .delpop1 .s_ul .s_li {font-size: 14px; padding-left: 10px;}
    .delpop1 .radio_wrap {margin-bottom: 20px;}
    .delpop1 .radio_wrap .radio {width: 34px; height: 16px; margin-right: 4px;}
    .delpop1 .btns {font-size: 13px; margin-right: 5px; padding: 5px 10px;}
    .delpop1 .btn2 { margin-right: 0;}
    .deli .d_info div {font-size: 14px;}

    .partipop .title {font-size: 20px; margin-bottom: 20px;}
    .partipop .b_wrap .block {margin-bottom: 10px;}
    .partipop .b_wrap .block .wid50 {margin: 0; margin-bottom: 5px; width: 100%; display: block;}
    .partipop .b_wrap .block .wid50 .label {font-size: 14px; margin-bottom: 5px;}
    .partipop .b_wrap .block .wid50 .label.empty {display: none;}
    .partipop .b_wrap .block .wid50 .input {font-size: 12px; padding: 6px 10px;}
    .partipop .b_wrap .block .wid50 .input::placeholder {font-size: 12px;}
    .partipop .s_ul {padding: 12px 10px;}
    .partipop .s_ul .s_li {font-size: 14px; padding-left: 10px;}
    .partipop .radio_wrap {margin-bottom: 20px;}
    .partipop .radio_wrap .radio {width: 34px; height: 16px; margin-right: 4px;}
    .partipop .btns {font-size: 13px; margin-right: 5px; padding: 5px 10px;}
    .partipop .btn2 { margin-right: 0;}

    /* wishlist */
    .wish .wish_wrap .wish_box {width: calc((100% - 10px) / 2); margin: 0; margin-right: 10px; margin-bottom: 10px;}
    .wish .wish_wrap .wish_box:nth-child(2n) {margin-right: 0;}

    /* setting */
    .set .fb .input {font-size: 14px; width: 100%;}
    .set .fb .input::placeholder {font-size: 14px;}
    .set .gray_p {font-size: 14px; margin-bottom: 10px;}
    .set .fb .label {font-size: 14px;}
    .set .btn_area .save_btn {font-size: 14px;}
    .set2 .black_p {font-size: 16px;}
    .set2 .block .r_l {margin-right: 30px;}
    .set2 .block .r_l:last-child {margin-right: 0;}
    .set .gray_p {padding-right: 20px; box-sizing: border-box;}
    .set2 .block .r_l .ckbox {margin-right: 6px;}
    .setpop .btn100 .btn_ok {font-size: 14px; padding: 8px 0;}
    .setpop .input_wrap .input {font-size: 14px;}
    .setpop .sub {margin-bottom: 15px;}
    .setpop .title {font-size: 20px;}
    .setpop .input_wrap .input::placeholder {font-size: 14px;}

    .parti .add_btn {width: 100%; margin-bottom: 5px;}
    .parti .ib {width: 100%; margin:0; padding: 0 ; text-align: center;}

    .partipop .block .select .calendar {width: 275px;}
    .partipop .block .select .calendar .c_center {font-size: 15px;}
    .partipop .block .select .calendar .c_date {padding: 5px 0;}
    .partipop .block .select .calendar .c_date .c_btns {width: 20px;}
}

@media (max-width:500px) {
    .await_pay .gray_border .ap2 .ap2_r .btns {margin: 0; width: 100%; display: block; margin-bottom: 10px;}
    .await_pay .gray_border .ap2 .ap2_r .btns:last-child {margin-bottom: 0;}
    .await_pay .gray_border .ap3 .ap3_r .ap3_r1 {font-size: 18px;}
    .await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line .left {font-size: 14px; width: 50%;}
    .await_pay .gray_border .ap3 .ap3_r .ap3_r2 .line .right {font-size: 14px; width: 50%;}

    /* Reviews */
    .con2 .myp_h2 {font-size: 20px;}
    .con2 .myr_li {width: 50%; font-size: 14px; padding: 8px 0;}
    .con2 .no_revlist {padding: 80px 0;}
    .con2 .no_revlist img {width: 120px; margin: 0 auto 20px;}
    .con2 .no_revlist .no1 {font-size: 18px;}
    .con2 .no_revlist .no2 {font-size: 14px;}

    /* Chat */
    .con2 .c_wrap .chat_a .ca_left, .con2 .c_wrap .chat_a .ca_right {width: 100%; display: block;}

    /* payment method */
    .con2 .paymth .no_list img {width: 150px; margin-bottom: 25px;}
    .con2 .paymth .no_list .black {font-size: 18px;}
    .con2 .paymth .no_list .gray_p {font-size: 14px;}

    .p_addpop .pa_tit .title {font-size: 20px;}
    .p_addpop .block .input {font-size: 16px;}
    .p_addpop .block {margin-bottom: 15px;}
    .p_addpop .block .pa_lab {font-size: 12px;}
    .p_addpop .info .i_right {font-size: 13px;}
    .p_addpop .info .i_left {width: 20px;}
    .p_addpop .info {padding: 8px 10px;}
    .p_addpop .gray_p {font-size: 12px; margin-bottom: 15px;}

    .con2 .paymth .yes_list .card_box {width: 100%; padding: 10px 15px;}
    .con2 .paymth .yes_list .card_box .del_btn {width: 100%; display: block; margin-top: 4px;}
    .con2 .paymth .yes_list .card_box .card_num {width: calc(100% - 40px);}
    .con2 .paymth .yes_list .card_box .icon {width: 40px;}
    .con2 .paymth .yes_list .card_box .icon img {width: 90%;}

    /* personal info */
    .info_edit .edit_form .e_block .edit_btn {top: -29px;}
    .info_edit .edit_form {padding-top: 40px; margin-top: 20px; border-top: 1px solid #E0E0E0;}
    .info_edit .edit_form .e_block .e_lab {font-size: 14px;}
    .info_edit .edit_form .e_block .result {font-size: 16px;}
    .info_edit .edit_form .e_block .edit_btn {font-size: 16px;}

    .info_edit .edit_form .e_form .calendar {width: 210px;}
    .info_edit .edit_form .e_form .calendar .c_date {padding: 7px 0;}
    .info_edit .edit_form .e_form .calendar .c_center {font-size: 17px;}
    .info_edit .edit_form .e_form .calendar .c_table .th {padding: 8px 0; font-size: 16px;}
    .info_edit .edit_form .e_form .calendar .c_table .td {font-size: 16px; padding: 2px 0;}

    /* login method */
    .logmd .l_form .lf_2 .l_txt .lt {margin: 0; margin-bottom: 10px; width: 100%; display: block;}
    .logmd .l_form .l_txt .lt .btns2 {font-size: 14px;}
    .logmd .l_form .l_txt .lt {width: 100%; margin: 0 ;margin-bottom: 10px; display: block;}

    .wish .wish_wrap .wish_box {width: 100%; display: block; margin-right: 0;}

    .delacc {width: 100%; padding: 20px 15px;}
    .delacc .myp_h2 {font-size: 20px; margin-bottom: 10px;}
    .delacc .gray_p {font-size: 14px; margin-bottom: 20px;}
    .delacc .agree .a_lab {font-size: 14px;}
    .delacc .btn100 .btn_ok {font-size: 14px; padding: 6px 0;}

    /*participant*/
    .logpop2 .white_bg {min-width: 316px; margin-left: 7px; overflow-x: hidden;}
    .parti .par_on .po1 .p1_left .p1_sp {font-size: 16px;}
    .parti .par_on .po2 .p2_sp {font-size: 13px; margin-right: 15px;}
    .parti .par_on .po3 {font-size: 14px;}
    .parti .par_on .po1 .p1_right .p1_btns {margin: 0;font-size: 14px; display: block;}

    .logpop2 .tab3 .padding .num_area {width: 296px; background-size: 264px 100%; padding: 0 ; background-position: center left; margin: 0; margin-bottom: 20px; height: 36px;}
    .logpop2 .tab3 .padding .num_area .num {font-size: 18px; letter-spacing: 35px; height: 36px;}
    .partipop .addid_area {padding-top: 10px; margin-bottom: 20px;}
    .partipop .addid_area .addid {font-size: 12px;}

}

@media (max-width:400px) {
    .con2 .cht .cht_left {display: none;}
    .con2 .cht .cht_right {width: 100%; display: block;}
    .con2 .cht .cht_right .ct_input .cti3 {width: 70px;}
    .con2 .cht .cht_right .ct_input .cti3 .sd_btn {padding: 8px 0;}
    .con2 .cht .cht_right .ct_input .cti1 {width: 32px;}
    .con2 .cht .cht_right .ct_input .cti2 {width: calc(100% - 102px); padding: 0 5px;}
    .con2 .cht .cht_right .ct_input .cti2 .text {padding: 8px;}
    .con2 .cht .cht_right .cr_bot .no_list img {width: 70px; margin: 0 auto 10px;}
    .con2 .cht .cht_right .cr_bot .no_list .no_gray {font-size: 16px;}
    .cont .ct_area .ct_wrap .chat .metro {width: 80%;}
    .cont .ct_area .ct_wrap .chat .metro.line2 {width: 90%;}

    .logpop2 .select {width: 100%; display: block; margin-bottom: 5px;}
    .logpop2 .area {width: 100%; display: block; padding: 0;}

    .logpop2 .tab3 .padding .fs0 .left {width: 100%; display: block;}
    .logpop2 .tab3 .padding .fs0 .right {width: 100%; display: block; text-align: right; margin-top: 10px;}

    .partipop .block .select .calendar {width: 101%; padding: 5px 3px;}
    .partipop .block .select .calendar .c_table .td {font-size: 13px; padding: 6px 0;}

}