/* heainput{margin:0; padding:0;} */

.member_cen{
    
    margin:0 0.9833rem;
    margin-top: 5rem;
}
.member_tab_box{
    margin:0.5833rem 0;
}

.member_tab_box div{
    width:50%;
    font-size:0.6833rem;
    padding:0.6833rem 0 0.8666rem; 
    box-sizing:border-box;
    text-align:center;
    font-weight:600;
}

.member_tab_box div.on{
    border:1px solid #000000;
    border-bottom:0px;
}
.member_tab_box div.off{
    border:1px solid #d8d8d8;
    color:#747474;
    border-bottom:1px solid #000000; 
}


.login_title{
    width: 100%;
    margin-bottom: 3rem;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
}
.login_title>span{
    color: var(--main-color);
}
.ask_tab_box div{
    width:50%;
    font-size:0.6833rem;
    padding:0.6833rem 0 0.8666rem; 
    box-sizing:border-box;
    text-align:center;
    font-weight:600;
}
.ask_active{
    border:1px solid #000000;
    border-bottom:0px;
}
.ask_disactive{
    border:1px solid #d8d8d8;
    color:#747474;
    border-bottom:1px solid #000000;
    border-left:0px;
}


.member_login_box{
    margin:0.5833rem 0;
    
}
.member_login_box div{
    height: 2rem;
    border-radius: 0.5rem;
    width:100%;
    font-size:0.6833rem;
    padding:0.6833rem 0 0.8666rem; 
    box-sizing:border-box;
    text-align:center;
    font-weight:600;
}
.member_login_box .login{
    border:1px solid #d8d8d8;
    color:#747474;
    /* border-bottom:1px solid #000000; */
    /* border-right:0px; */
}
.member_login_box .login_active{
    display: none;
    /* border:1px solid #000000; */
    /* border-bottom:0px; */
}
.member_login_box .dislogin{
    border:1px solid #d8d8d8;
    color:#747474;
    /* border-bottom:1px solid #000000; */
    /* border-left:0px;  */
}
.member_login_box .dislogin_active{
    display: none;
    /* border:1px solid #000000; */
    /* border-bottom:0px; */
}

.keep_off_box{
    border:1px solid #d8d8d8;
    color:#747474;
    border-bottom:1px solid #000000;
    border-right:0px;
}
.keep_on_box{
    border:1px solid #000000;
    border-bottom:0px;
}
.recent_off_box{
    border:1px solid #d8d8d8;
    color:#747474;
    border-bottom:1px solid #000000;
    border-left:0px; 
}
 .recent_on_box{
    border:1px solid #000000;
    border-bottom:0px;
}

.member_text_box div{
width:100%;
}
.member_text_box div:first-child{
    margin-bottom:0.35rem;
}
.member_text_box div > input{
    
    border-radius: 0.5rem;
     box-sizing:border-box;
     border:1px solid #d9d9d9;
     height:1.6166rem;
     width:100%;
     text-indent:0.6666rem;
     font-size:0.4833rem;
}
.member_text_box div > input:focus{
    outline: 1px solid var(--main-color);
    border-radius:10px;
}
.member_auto_login_box{
    margin:0.5333rem 0 0.7333rem;
}

.button1{
   width:100%;  border:0; 
   border-radius:10px !important; 
   height:2.05rem; 
   font-size:0.7rem;
   color:#fff;
   background-color: var(--main-color);
}

.button3{
   width:100%;  border:2px solid #000000;; 
  border-radius:3px !important; 
   height:1.5833rem; 
   font-size:0.4666rem;
   color:#000000;
   background-color:#ffffff;
}
.button4{
   width:100%;  
    box-sizing:border-box;
    border:1px solid #e0e0e0;

    font-size:0.5rem;
    height:1.6666rem;
    background-color:#fff;
}

.button5_on{
    width:50%;  
    box-sizing:border-box;
    border:0px;
    color:#fff;
    font-size:0.5rem;
    height:1.6666rem;
    background-color:#000000;
}

.button6_on{
    width:100%;  
    box-sizing:border-box;
    border:0px;
    color:#fff;
    font-size:0.5rem;
    height:1.6666rem;
    background-color:#000000;
}
.button5_off{
    width:50%;  
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    font-size:0.5rem;
    height:1.6666rem;
    background-color:#fff;
}
.login_new_page{
    
    color: #a1a1a1!important;
    text-align: right;
    margin-bottom: 0.5rem;
}
.login_new_page a{
    color: #a1a1a1!important;
    display:inline-block;
    color:#000000;
    font-size:0.6rem;
}
.login_new_page.sign_up_btn a{
    color: var(--main-color)!important;
}
.login_new_page span{
    display:inline-block;
    color:#000000;
    font-size:0.6rem;
    padding:0.05rem 0.3rem 0 0.3rem;
}
.login_bot{
    overflow: visible;
    display: flex;
    justify-content: space-between;
}
.auto_login{
    display: none;
}
.auto_login_label{
    position: relative;
    color: black;
    padding-left: 1rem;
    box-sizing: border-box;
}
.auto_login_label::before{
    content: '';
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    border: 1px solid black;
    border-radius: 50%;
}
.auto_login_label::after{
    display: none;
    z-index: 120;
    content: '';
    position: absolute;
    top:50%;
    transform: translateY(-70%) rotate(-45deg);
    left: 0.2rem;
    width: 0.3rem;
    height: 0.15rem;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
.auto_login:checked + .auto_login_label::after{
    display: block;
}
.member_text2{
    margin:1.85rem 0 0.6666rem;
    font-size:0.6666rem;
    text-align:center;
}
.icon_box{
    width:6.7rem;
    margin:0 auto;
}
.icon_box a{
    display:inline-block;
    width:1.9rem;
    height:1.9rem;
    background:url("/mainimg/mobile/kakao_login.gif") no-repeat center / 100% auto;
}

.icon_box a{
    display:inline-block;
    width:1.9rem;
    height:1.9rem;
    background:url("/mainimg/mobile/kakao_login.gif") no-repeat center / 100% auto;
}

.icon_box a:first-child{
    display:inline-block;
    width:1.9rem;
    height:1.9rem;
    margin-right:0.5rem;
    background:url("/mainimg/mobile/naver_login.gif") no-repeat center / 100% auto;
}
.icon_box a:last-child{
    display:inline-block;
    width:1.9rem;
    height:1.9rem;
    margin-left:0.5rem;
    background:url("/mainimg/mobile/google_login.gif") no-repeat center / 100% auto;
}
.sing_up_title{
    padding: 1rem 0rem 3rem;
    FONT-WEIGHT: 100;
    font-size: 0.7rem;
    line-height: 1rem;
    text-align:center;
}
.sing_up_title span{
    font-weight:bold;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #111111;
}

.sign_button_box {
    padding:1.55rem 0 2rem;
}
.sign_button_box span{
    border-left: solid 2px;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
}
.sign_button_box a{
    display:inline-block;
    width:100%;
    height:2.05rem;
    line-height:2.05rem;
    font-size:0.7rem;
    color:#000000;
    margin-bottom:0.4333rem;
    border-radius:10px;
    text-indent: 2rem;
    background:url("/mainimg/member/kakao_icon.gif") no-repeat 0rem / 2.5rem auto #fae301;
}

.sign_button_box a:first-child{
    display:inline-block;
    width:100%;
    color:#fff;
    height:2.05rem;
    margin-bottom:0.4333rem;
    border-radius:10px;
    background:url("/mainimg/member/naver_icon.gif") no-repeat 0rem / 2.5rem auto #00bf18;
}

.sign_button_box a:last-child{
    display:inline-block;
    width:100%;
    height:2.05rem;
    margin-bottom:0.4333rem;
    border: 1px solid #e2e2e2;
    border-radius:10px;
    background:url("/mainimg/member/google_icon_New2.png") no-repeat 0rem / 2.5rem auto #fff;
}

.agree_ment_title{
    padding:1.3833rem 0 0.55rem;
    
    font-size:0.5666rem;
}
.all_check_box{
    margin-bottom:1.6333rem;
}
.agree_ment_box p{
    font-size:0.55rem;
    padding-bottom:0.4rem;
}
.agree_border_box{
    box-sizing:border-box;
    padding:0.4333rem;
    border:1px solid #c8c8c8;
    border-radius:4px;
    height:6.8833rem;
    line-height:0.8rem;
    font-size:0.5333rem;
}
.check_box{text-align:right; margin-bottom:1.1666rem;}
.agree_btn-box{
    margin-top:0.3166rem;
}
.agree_btn-box div{
    width:47%;
    box-sizing:border-box;
}
.information_box > div{
    margin-bottom:0.4333rem;
}
.information_input{
    width:77%;
}

.first_input{
    width:32%;
    margin-right:1%;
}

.second_input{
    width:32%;
     margin-right:1%;
}
.last_input{
    width:34%;
}

.information_input input{
    width:100%;
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    text-indent: 0.6833rem;
    font-size:0.5rem;
    height:1.6666rem;
}

.information_input2{
    width:100%;
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    text-indent: 0.6833rem;
    font-size:0.5rem;
    height:1.6666rem;
}

.information_input3{
    width:100%;
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    text-indent: 0.2833rem;
    font-size:0.5rem;
    height:1.6666rem;
}

.information_input4{
    width:100%;
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    text-indent: 0.3833rem;
    font-size:0.5rem;
    height:1.6666rem;
}

.information_button{
    width:21%;
}


.information_box > div:last-child{
    margin-bottom:1rem;
}

.id_pw_box{
    box-sizing:border-box;
    border:1px solid #000000;
    padding:0.4333rem;
    margin-bottom:2rem;
}
.id_pw_mar_bo{
    
    margin-bottom:0.4333rem;
}
.id_pw_text{width:77%}
.email_text{width:100%;}

.id_pw_box p{font-size:0.5rem; line-height:1.3;    padding-bottom:0.4333rem;}

.color_red{color:#ff0000; padding-top:0px !important; padding-bottom:0.4333rem}
.serch_box{
    padding-bottom:0.6833rem;
    
    border-bottom:2px solid #000000;
}
.serch_box a{
    display:inline-block;
    width:24.25%;
    height:1.3333rem;
    line-height:1.3333rem;
    font-size:0.5166rem;
    margin-right:1%;
    text-align:center;
    color:000000;
   
    border-radius:9px;
    box-sizing:border-box;
    color:#969696;
    border:1px solid #d9d9d9;
}

.serch_box a:last-child{
    margin:0px;
}
.serch_box a.active{
    border:1px solid #000000;
    color:#000000;
}

.booking_serch{
    width:80%;
    margin:0 auto;
    padding-top:0.6666rem;

}

.booking_serch div{
    
    height:0.9rem;
    line-height:0.9rem;
    font-size:0.5rem;
}
.booking_serch_title{
    width:18%;
}
.width_text_box{
    width:38%;
    
}

.width_text_box > img{
    height:0.9rem;
}

.width_center_text{
    width:6%;
    text-align:center;
}

.serch_input_button{
    width:10%;
    height:0.9rem;
}

.information_text_box_input{
    margin-right:0.3rem;
    width:70%;
    border-radius:4px;
    text-indent: 15%;
    margin-top:-1px;
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    height:0.9rem;
    font-size:0.5rem;
}

.information_input5{
    border-radius:4px;
    width:100%;
    text-indent: 15%;
    margin-top:-1px;
    box-sizing:border-box;
    border:1px solid #e0e0e0;
    height:0.9rem;
    font-size:0.5rem;

   
}
.booking_content_box > div{
    border: 1px solid #dbdbdb;
    margin: 0.5rem 0rem;
    border-radius: 0.5rem;
}
.booking_content_date{
    width: 100%;
    background-color: #f9f9f9;
    padding-left: 0 !important;
    height: 1.2rem;
    border-bottom: 1px solid #e2e2e2;
    font-size: 0.7rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #4e4e4e;
}
.booking_content_date > span{
    font-size: 0.6rem;
    color: var(--main-color);
    float: right;
    margin-right: 0.5rem;
}
.booking_t1_box{
    padding-left: 0.5rem;
}
.booking_t1_box p{
    font-size:0.4166rem;
    color:#969696;
}
.booking_t1_box p:first-child{
    color: var(--main-color);
    font-size: 0.6rem;
    line-height: 1.5rem;
}
.booking_t2_box {
    padding-left: 0.5rem;
}

.booking_t2_box p{
    font-size: 0.7rem;
    color: #4e4e4e;
    font-weight: bold;
    line-height: 0.8rem;
}

.booking_t3_box {
    padding-left: 0.5rem;
}

.booking_t3_box p{
    font-size:0.5166rem;
    font-weight:bold;
    color:#ff0000;
    
}
.booking_t3_box p:first-child{
    font-weight: bold;
    color: var(--main-color);
    font-size: 0.8rem;
    line-height: 2rem;
}

.booking_content_box .wait{
    color:#969696 !important;
}
.booking_content_box .finish{
    color:#ff0000 !important;
}

.cancel p{
    color:#969696 !important;
}

.booking_content_box > p{
    text-align:center; 
    font-size:0.6666rem;
    
    padding:3.1333rem 0;
}

.wish_content_box > p{
    text-align:center; 
    font-size:0.6666rem;
    
    padding:3.1333rem 0;
}

.wish_content_box > div{
    padding: 0.5rem 0.5rem;
    border: 1px solid #dbdbdb;
    margin: 0.5rem 0rem;
    border-radius: 0.5rem;
}

.wish_content_box > div >div:first-child{
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0.5rem;
}
.wish_content_box > div >div:first-child img{
    width:100%;
    height:100%;
    
}
.wish_content_box > div >div:last-child{
    width:calc(100% - 4rem);
}
.wish_content_box > div >div:last-child > p{
    font-size: 0.7rem;
    line-height: 1rem;
    color: var(--main-color);
    font-weight: bold;
    margin-top: 0.7rem;
}
.wish_content_box > div >div:last-child > p:first-child{
    font-size: 0.7rem;
    line-height: 1rem;
    color: #4e4e4e;
    font-weight: bold;
    margin-top: 0.8rem;
}
.wish_content_box > div >div:last-child > p:last-child{
    padding-top:0.2rem;
    font-weight:bold;
    color:#ff0000;
    
}
.ask_list_box{
    padding-bottom:0.6833rem;
    border-bottom:2px solid #000000;
}

.ask_cont{
    margin-top:0.6833rem;
}

.ask_cont > div{
    margin-bottom:0.25rem;
    
}
.select_1{
    width:100%;
    text-indent: 5%;
    height:100%;
    box-sizing:border-box;
    border:1px solid #dcdcdc;
    background: url('/mainimg/mobile/select_arrow.gif') no-repeat 98% center / 0.4rem auto;
    font-size:0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height:1.6166rem;
}

.input_1{
    box-sizing:border-box;
    width:100%;
    text-indent: 5%;
    height:100%;
    font-size:0.5rem;
    border:1px solid #dcdcdc;
    height:1.6166rem;
}
.ask_title{
    margin:1.1166rem 0 0.3666rem;
    font-size:0.7rem;
    font-weight:600;
}
.ask_title2{
    margin:1.3166rem 0 0.7333rem;
    font-size:0.7rem;
    font-weight:600;
}
.textarea_1{
    box-sizing:border-box;
    width:100%;
    padding:2% 5%; 
    height:5rem;
    font-size:0.5rem;
    border:1px solid #dcdcdc;
    resize:none;
}
.text_area_text{
    text-align:right;
    font-size:0.4rem;
    line-height:0.5rem;
    color:#c2c2c2;
    margin-bottom:1rem;
}
.text_area_text span{
    color:#000000;
    font-size:0.45rem;
}

.text_button_div{
    height:1.7166rem;
    margin-bottom:0.6333rem !important;
}

.button_1{
    width:100%;
    height:100%;
    background-color:#fff;
    text-align:center;
    font-size:0.5rem;
    border:1px solid #000000;
}
.file_text{
    font-size:0.3333rem;
    margin-bottom:0.3833rem;
}

.ask_btn-box{
    margin-top:1.9666rem;
}
.ask_btn-box div{
    width:47%;
    box-sizing:border-box;
}
.input_radio_box input[type="radio"]{
    width:0.7333rem;
    height:0.7333rem;
    vertical-align:top;
}

.input_radio_box div:first-child{
    margin:0 0.2833rem 0 0.1rem;
}

.input_radio_box div:last-child{
    line-height:0.7333rem;
    font-size:0.55rem;
}

.input_radio_box .active{
    font-weight:600;
}

.ask_list_cont >div {
    padding:0.45rem 0 0.4rem;
    border-bottom:1px solid #d9d9d9;
}

.ask_list_cont >div >  p{
    font-size:0.5rem;
    margin-top:0.3166rem;
}
.ask_list_cont >div > div > p{
    font-size:0.4166rem;
}
 .ask_list_cont > div > div> p:first-child{
    font-size:0.3333rem;
    color:#969696;
    margin-right:0.3rem;
}
.ask_list_cont .active{
    color:#ff0000;
}


.finish_ment{
    text-align:center;
    
    font-size:0.8166rem;
    padding-top:2.2rem;
    font-weight:600;
    background: url('/mainimg/mobile/login_finish_icon.gif') no-repeat top center / 1.4rem auto;
}
.finish_ment2{
    text-align:center;
    padding:0.4rem 0;
    font-size:0.8166rem;

    font-weight:600;
    
}
.finish_ment3{
    text-align:center;
    font-size:0.4333rem;
    padding-bottom: 1.3333rem;
    font-weight:400;
    line-height:0.4333rem;
}
.finsh_btn-box{
    margin:0.3166rem 0 8.3666rem;
}
.finsh_btn-box div{
    width:47%;
    box-sizing:border-box;
}
.member_choice_cen{
    margin: 0 0.9833rem;
    margin-top: 5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sign_choice_box{
    border: 1px solid var(--main-color);
    border-radius: 10px;
    width: 5rem;
    height: 5rem;
    text-align: center;
    margin-bottom: 5rem;
    margin-top: 2rem;
}
.sign_choice_subtitle{
    color:var(--main-color);
    font-size: 0.6rem;
    line-height: 0.9rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.6rem;
    margin-bottom: 0.2rem;
}
.other_choice_line{
    display: flex;
    flex-basis:20.5rem;
    color:rgba(0,0,0,0.35);
    align-items:center;
    font-size: 0.7rem;
    margin: 0.5rem -0.7rem;
}
.other_choice_line:before{
    content:"";
    flex-grow:1;
    margin: 0rem 0.8rem;
    background:rgba(0,0,0,0.35);
    height: 0.05rem;
    font-size: 0rem;
    line-hight:0rem;
}
.other_choice_line:after{
    content:"";
    flex-grow:1;
    margin: 0rem 0.8rem;
    background:rgba(0,0,0,0.35);
    height: 0.05rem;
    font-size: 0rem;
    line-hight:0rem;
}
.new_sign_choice {
    height:2rem;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
}
.general_l span{
    border-left: solid 2px; 
    padding-left: 0.5rem;
}
.general_l{
    background:url("/mainimg/member/diy-login-DIY.png")  no-repeat 0rem / 2.5rem auto;
    font-size:0.8rem;
    padding:0px 0px 0px 2.5rem;
    font-weight:bold;
    line-height: 2.5;
}
.sign_agree_num{
    font-size: 0.9rem;
    line-height: 2.5rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: center;
    margin-top: -2rem;
}
.sign_agree_title{
    font-size: 0.9rem;
    line-height: 2.5rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: center;
}
.sign_agree_explanation{
    font-size: 0.7rem;
    line-height: 1rem;
    color: #111111;
    text-align: center;
}
.agree_count_box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.icon_box_on{
    width:4rem;
    height: 4rem;
    border-radius: 2rem;
    border: 3px solid var(--main-color);
    background-color: var(--main-color);
}
.icon1_end{
    width: 2.6rem;
    height: 2.7rem;
    background: url(/mainimg/member/DIY_register-step1_af.png) no-repeat 0px 0px / 100% auto;
    margin-top: 0.68rem;
    margin-left: 0.68rem;
}
.icon2_on{
    width: 2.6rem;
    height: 2.7rem;
    margin-top: 0.65rem;
    margin-left: 0.7rem;
    background:url("/mainimg/member/DIY_register-step2_af.png") no-repeat 0px 0px / 100% auto;
}
.icon3_on{
    width: 2.3rem;
    height: 2.4rem;
    margin-top: 0.9rem;
    margin-left: 1.05rem;
    background:url("/mainimg/member/DIY_register-step3_af.png") no-repeat 0px 0px / 100% auto;
}
.icon4_on{
    width: 2.3rem;
    height: 2.4rem;
    margin-top: 0.9rem;
    margin-left: 0.9rem;
    background:url("/mainimg/member/DIY_register-step4_af.png") no-repeat 0px 0px / 100% auto;
}
.agree_Content_box{
    margin-top:1.5rem;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}
.checkbox-wrap{
    font-size: 0.75rem;
    line-height:2rem;
}
.checkbox-wrap .check-icon{
    display: inline-block; 
    width: 1rem; 
    height: 1rem; 
    background: url("/mainimg/member/member_checkbox_off.gif") left center no-repeat; 
    vertical-align: middle; 
    transition-duration: .4s;  
    background-size: 1rem;
    margin: 0rem 0.3rem;
}
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url("/mainimg/member/DIY-check_af.png"); }

.checkbox-wrap2{
    line-height:1.5rem;
    font-size: 0.7rem;
    color: #111111;
    font-weight: 500;
}
.checkbox-wrap2 .check-icon{
    display: inline-block; 
    width: 1rem; 
    height: 1rem; 
    background: url("/mainimg/member/member_checkbox_off.gif") left center no-repeat; 
    vertical-align: middle; 
    transition-duration: .4s;  
    background-size: 1rem;
    margin: 0rem 0.3rem;
}
.checkbox-wrap2 input[type=checkbox] { display: none; }
.checkbox-wrap2 input[type=checkbox]:checked + .check-icon { background-image: url("/mainimg/member/DIY-check_af.png"); }

.check_label{
    font-size: 0.6rem;
    line-height: 1.25rem;
    color:#828282;
}
.more_text_view{
    text-decoration: underline;
    font-size: 0.6rem;
    line-height: 1.25rem;
    color:#828282;
    float: right;
    margin-top: 0.1rem;
    margin-right: 0.4rem;
}
.joinus_submit_box{
    margin:0 auto;
    height:4rem; 
    margin-top: 2rem;
}
.joinus_submit_box input[type=submit]{
    width:7.7rem; 
    height:2.8rem; 
    font-size:0.8rem;
    background-color:var(--main-color);
    color:#ffffff;
    text-align:center;
    border:0px;
    border-radius:10px;
}

.joinus_submit_box input[type=button]{
    width:7.7rem; 
    height:2.8rem; 
    font-size:0.8rem;
    background-color:#e2e2e2;
    color:#4e4e4e;
    border:0px;
    text-align:center;
    border-radius:10px;
}
.certification_choice_box{
    width: 100%;
    height: 2rem;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    color: #4e4e4e;
    font-size: 0.8rem;
    line-height: 1.9rem;
    margin-top: 1.5rem;
}
.certification_choice_box2{
    width: 100%;
    height: 2rem;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    color: #4e4e4e;
    font-size: 0.8rem;
    line-height: 1.9rem;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}
.certification_explanation{
    font-size: 0.7rem;
    line-height: 1rem;
    color: #111111;
    font-weight: bold;
    text-align: center;
    margin: 1rem 0rem;
}
.sign_enter_explanation{
    font-size: 0.7rem;
    line-height: 1rem;
    color: #111111;
    font-weight: bold;
    text-align: left;
    margin: 0.5rem 0rem;
}
.certification_table{
    border-top: 2px solid var(--main-color);
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8; 
}
.certification_table table tr td{
    border-collapse: collapse;
    border: 0px;
    height:2rem;
}
.certification_table table tr td:first-child{
    background-color: #f8f8f8;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
    width: 3.8rem;
}
.certification_table table tr td:last-child{  
    padding-left:0.3rem;
    font-size:0.6rem;
    font-weight:600;
}
.on_button2 input{
    height:1.5rem;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:0.6rem;
}

.off_button2 input{  
    height:1.5rem;
    border:1px solid #d8d8d8;
    background-color:#ffffff;
    color:#747474;
    font-size:0.6rem;
}
.input1{ 
    height:1.5rem;
    border:1px solid #d8d8d8;
    font-size:0.6rem;
    border-radius: 5px;
    width: calc(100% - 4.5rem);
    padding-left: 0.3rem;
}
.input2{ 
    height:1.5rem;
    border:1px solid #d8d8d8;
    font-size:0.6rem;
    border-radius: 5px;
    width: calc(100% - 0.4rem);
    padding-left: 0.3rem;
}
.button2{
    float:left;
    height:1.5rem;
    border:1px solid #d8d8d8;
    background-color:#ffffff;
    color:#000000;
    font-size:0.5rem;
    border-radius: 5px;
    margin-left: -3.55rem;
    width: 4rem;
}
.on_button_m input{
    width:2.2rem; 
    height:1.5rem;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:0.6rem;
    border-radius:0.25rem 0rem 0rem 0.25rem;
    margin-left: -3.65rem;
}
.off_button_m{
    border:1px solid #d8d8d8;
    border-radius:0.25rem 0rem 0rem 0.25rem;
}
.off_button_m input{
    border:1px solid #d8d8d8;
    border-radius:0.25rem 0rem 0rem 0.25rem;
    width:2rem; 
    height:1.5rem;
    background-color:#ffffff;
    color:#747474;
    font-size:0.6rem;
    margin-left: -3.55rem;
}
.on_button_wm input{
    width:2rem; 
    height:1.50rem;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:0.6rem;
    border-radius:0rem 0.25rem 0.25rem 0rem;
    margin-left: -1.58rem;
    margin-top: 0.03rem;
}

.off_button_wm input{
    width:2rem;  
    height:1.5rem;
    border:0px;
    background-color:#ffffff;
    color:#747474;
    font-size:0.6rem;
    margin-left: -1.58rem;
    border:1px solid #d8d8d8;
    border-radius:0rem 0.25rem 0.25rem 0rem;
}
.table_id_text{
    font-size:0.6rem;
    line-height:0.9rem;
    color:#111111 
}
.emergency_text{
    font-size:0.6rem;
    line-height:0.9rem;
    color:var(--main-color); 
}
.button6{
    border-radius:10px;
    width:7.7rem; 
    height:2.5rem;
    background-color:var(--main-color);
    text-align:center;
    display:inline-block;
    color:#fff !important;
    font-size:0.8rem;
    line-height: 2.5rem;
    margin: 2rem 0rem;
}
.button7{
    border-radius:10px;
    width:90%;
    height:2.5rem;
    background-color:var(--main-color);
    text-align:center;
    display:inline-block;
    color:#fff !important;
    font-size:0.8rem;
    line-height: 2.5rem;
    margin: 2rem 0rem;
    position:relative;
    bottom:1.5rem;
}
.term_box_top{
    width: 100%;
    height: 2.5rem;
    background-color: var(--main-color);
    font-size: 0.8rem;
    line-height: 2.5rem;
    color: #fffefe;
    font-weight: 500;
    padding-left: 1rem;
}
.term_content_box{
    padding: 1rem 1rem 0rem 1rem;
    margin: 1rem;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    height: 23rem;
    border-radius: 10px;
    white-space: pre-line; 
    overflow-y: scroll;
}
.pop_up_times{
    border: 0px;
    background-color: var(--main-color);
    font-size: 0.9rem;
    color: #fff;
    line-height: 2.5rem;
    float: right;
    margin-right: 2rem;
}
.check_title_deco{
    color: var(--main-color);
    font-size: 0.6rem;
    line-height: 0.9rem;
    font-weight: bold;
}
.DIY_title_deco{
    color:var(--main-color);
}
.finish_text{
    font-size: 0.8rem;
    line-height: 1.25rem;
    font-weight: bold;
    text-align: center;
    margin-top: 1.5rem;
}
.finish_text_sub{
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #4e4e4e;
    text-align: center;
    margin: 2rem 0rem;
}
.company_box{
    margin: 1.5rem 1rem 3.5rem 1rem;
}
.company_table{
    border-top: 2px solid var(--main-color);
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8; 
}
.company_table table tr td{
    height:2rem;
}
.company_table table tr td:first-child{
    background-color: #f8f8f8;
    font-size: 0.7rem;
    line-height: 1rem;
    font-weight: 600;
    text-align: center;
    width: 3.8rem;
    border: 1px solid #d8d8d8;
}
.company_table table tr td:last-child{  
    padding-left:0.3rem;
    font-size:0.6rem;
    font-weight:600;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}
.company_intro1_top{
    margin-top: 2.5rem;
}
.company_intro1_top > img {
    width : 100% !important;
    height: auto !important;
}
.first {
    height: 2rem;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    align-items : center;
    display : flex;
    justify-content : left;
    margin: 0rem 1rem;
    margin-top: 3rem;
}
.first > p {
    font-size: 0.7rem;
    line-height: 2rem;
    color: #111111;
    font-weight: bold;
    padding-left: 0.5rem;
}
.first > p > span {
    color: var(--main-color);
}
.two {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
    margin-top:1rem;
}
.level_cnt_box{
    align-items:center;
    display: flex; 
    justify-content:center;
    margin-top: 1.5rem;
    text-align: center;
}
.imgdiv {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    align-items:center;
    display: flex; 
    justify-content:center;
}
.imgsize {
    width: 1.7rem;
    height: 1.7rem;
    background-color: #ffffff;
}
.arrow {
    font-size: 0.8rem;
    line-height: 1.2rem;
    color: #828282;
    font-weight: bold;
    text-align: center;
    margin-left:0.5rem;
    margin-right:0.5rem;
    margin-top: -1rem;
}
.complete_step{
    color:var(--main-color); 
    font-weight: bold;
    line-height: 1.2rem;
    font-size: 0.6rem;
}
.not_complete_step{
    color:#828282; 
    font-weight: bold;
    line-height: 1.2rem;
    font-size: 0.6rem;
}
.four {
    margin: 2rem 1rem 1rem 1rem;
}
.four > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
.four_1 {
    font-size: 0.7rem;
    line-height: 1.7rem;
    color: #111111;
    font-weight: bold;
}
.four_2 {
    height: 2.7rem;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    padding: 0.5rem;
    position: relative;
}
.four_2_content{
    font-size: 0.7rem;
    line-height: 1rem;
    color: #111111;
    font-weight: bold;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.four_3 {
    height: 2.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    padding: 0.5rem;
}
.four_4 {
    height: 4.5rem;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    padding: 0.5rem;
}
.product_each_price{
    float: right;
    font-size: 0.8rem;
    line-height: 0.9rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: right;
    position: absolute;
    right: 0.5rem;
    bottom: 0.2rem;
}
.product_final_price{
    float: right;
    font-size: 0.8rem;
    line-height: 0.9rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: right;
}
.product_mileage_use{
    float: right;
    font-size: 0.8rem;
    line-height: 0.9rem;
    margin-top: 0.4rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: right; 
}
.count_price_title1{
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #828282;
    margin-left: 2.5rem;
    margin-top: 0.4rem;
}
.count_price_title2{
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #828282;
    margin-left: 2.5rem;
}
.five {
    margin: 0rem 1rem 1rem 1rem;
}
.five > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
.five_1 {
    font-size: 0.7rem;
    line-height: 1.7rem;
    color: #111111;
    font-weight: bold;
}
.five_table table {
    border-collapse: collapse;
    width:100%;
    margin-bottom: 0.5rem;
}
.five_table_tr {
    height: 2rem;
    border: 1px solid #e2e2e2;
}
.five_table_td_1 {
    width: 3rem;
    height:2rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 1.7rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}
.five_table_td_2 {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #4e4e4e;
    padding-left: 0.5rem;
}
.six{
    margin: 0rem 1rem 1rem 1rem;
}
.six > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
.six_1 {
    font-size: 0.7rem;
    line-height: 1.7rem;
    color: #111111;
    font-weight: bold;
}
.six_table table {
    border-collapse: collapse;
    width: 100%;
}
.six_table_tr {
    height: 2rem;
    border: 1px solid #e2e2e2;
}
.six_table_td_1 {
    width: 3rem;
    height:1.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 1.7rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}
.six_table_td_2 {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #4e4e4e;
    padding-left: 0.5rem;
}
.seven{
    margin: 0rem 1rem 1rem 1rem;
}
.seven > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
.seven_1 {
    font-size: 0.7rem;
    line-height: 1.7rem;
    color: #111111;
    font-weight: bold;
}
.seven_table table {
    border-collapse: collapse;
    width: 100%;
}
.seven_table_tr {
    height: 2rem;
    border: 1px solid #e2e2e2;
}
.seven_table_td_1 {
    width: 3rem;
    height:1.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 1.7rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}
.seven_table_td_2 {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #4e4e4e;
    padding-left: 0.5rem;
}
.eight{
    margin: 0rem 1rem 1rem 1rem;
}
.eight > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
.eight_1 {
    font-size: 0.7rem;
    line-height: 1.7rem;
    color: #111111;
    font-weight: bold;
}
.eight_table table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.5rem;
}
.eight_table_tr {
    height: 2rem;
    border: 1px solid #e2e2e2;
}
.eight_table_td_1 {
    width: 3rem;
    height:1.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 1.7rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}
.eight_table_td_2 {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #4e4e4e;
    padding-left: 0.5rem;
}
.together_title {
    height: 1.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 1rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}
.paybutton {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.certpay_btn {
    width: 7rem;
    height: 2rem;
    border-radius: 10px;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    font-size: 0.8rem;
    line-height: 2rem;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}
.noncertpay_btn {
    width: 7rem;
    height: 2rem;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid var(--main-color);
    font-size: 0.8rem;
    line-height: 2rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}
.nine{
    margin: 0rem 1rem 1rem 1rem;
}
.nine > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
.nine_1 {
    font-size: 0.7rem;
    line-height: 1.7rem;
    color: #111111;
    font-weight: bold;
}
.nine_table table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.5rem;
}
.nine_table_tr {
    height: 2rem;
    border: 1px solid #e2e2e2;
}
.nine_table_td_1 {
    width: 3rem;
    height:1.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 1.7rem;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}
.nine_table_td_2 {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #4e4e4e;
    padding-left: 0.5rem;
}
.pick_up_title{
    font-size: 0.8rem;
    line-height: 2rem;
    color: #000000;
    font-weight: bold;
    margin-top: 4rem;
    border-bottom: 1px solid var(--main-color);
    margin-left: 1rem;
    margin-right: 1rem;
}
.more_comment_btn{
    margin-top: 0.5rem;
    Line-height: 0.5rem;
    border: 2px solid var(--main-color) !important;
    border-radius: 0.5rem;
    Font-size: 0.8rem !important;
    font-weight: bold;
    text-align: center;
    Color: var(--main-color);
    cursor: pointer;
}
.not_wish_list{
    padding: 0.5rem 0.5rem;
    border: 1px solid #dbdbdb;
    margin: 0.5rem 0rem;
    border-radius: 0.5rem;
    height: 4rem;
    line-height: 4rem;
    background-color: #f9f9f9;
    color: #4e4e4e;
}
.zero {
    width: 100%;
    text-align: center;
}
.zero_1{
    border: 1px solid var(--main-color);
    color: #fff;
    background-color: var(--main-color);
    padding: 0.3rem 1rem;
    font-size: 0.8rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 0.5rem 0rem 0rem 0.5rem;
}
.zero_2{
    border: 1px solid #e2e2e2;
    color: #828282;
    padding: 0.3rem 2.5rem;
    font-size: 0.8rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 0rem 0.5rem 0.5rem 0rem;
}
.reservation_list_title{
    font-size: 0.8rem;
    line-height: 2rem;
    color: #000000;
    font-weight: bold;
    border-bottom: 2px solid var(--main-color);
}
.all_search{
    width: 2.2rem;
    height: 1.3rem;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #828282;
    font-size: 0.6rem;
    text-align: center;
}
.all_search_active{
    width: 2.2rem;
    height: 1.3rem;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    font-size: 0.6rem;
    text-align: center;
}
.tonight_search{
    width: 2.2rem;
    height: 1.3rem;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #828282;
    font-size: 0.6rem;
    text-align: center;
    margin: -0.1rem;
    margin-right: 0.8rem;
}
.else_search_active{
    width: 2.2rem;
    height: 1.3rem;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    font-size: 0.6rem;
    text-align: center;
    margin: -0.1rem;
    margin-right: 0.3rem;
}
.else_search_active1{
    width: 2.2rem;
    height: 1.3rem;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    font-size: 0.6rem;
    margin: -0.1rem;
    text-align: center;
}
.week_search{
    width: 2.2rem;
    height: 1.3rem;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #828282;
    font-size: 0.6rem;
    text-align: center;
    margin: -0.1rem;
}
.month_search{
    width: 2.2rem;
    height: 1.3rem;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #828282;
    font-size: 0.6rem;
    text-align: center;
    margin: -0.1rem;
}
._3_month_search{
    width: 2.2rem;
    height: 1.3rem;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #828282;
    font-size: 0.6rem;
    text-align: center;
    margin: -0.1rem;
}
._6_month_search{
    width: 2.2rem;
    height: 1.3rem;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #828282;
    font-size: 0.6rem;
    text-align: center;
    margin: -0.1rem;
}
.periode_text_box{
    width: 45%;
    margin: 1rem 0rem;
    height: 1.2rem;
}
.periode_date_deco{
    margin: 0rem 0.1rem;
}
.periode_box_deco{
    border: 1px solid #e2e2e2;
    border-radius: 0.5rem;
    background-color: #fff;
}
.periode_title_deco{
    font-size: 0.8rem;
    line-height: 2rem;
    color: #111111;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    height: 2rem;
    padding-left: 1rem;
}
.dt_complete_btn{
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    color: #fff;
    text-align: center;
    border-radius: 0.5rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    font-weight: bold;
    width: 80%;
    float: right;
}
.pop_up_time2{
    float: right;
    background-color: #fff;
    border: 0px;
    font-size: 1rem;
    line-height: 2rem;
    padding-right: 1rem;
    color: #828282;
    border-radius: 0.5rem;
}
.mytour_header{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-bottom: 1px solid #e2e2e2;
    padding: 0.5rem 0rem;
    top: 0;
    background-color: white;
    z-index: 4;
    position: fixed;
    width: 100%;
}
.notice_header{
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-bottom: 1px solid #e2e2e2;
    padding: 0.5rem 0rem;
    top: 0;
    background-color: white;
    z-index: 4;
    position: fixed;
    width: 100%;
}
.mytour_h_logo{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #111111;
    font-weight: bold;
    margin: 0rem 2rem;
}
.notice_h_logo{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #111111;
    font-weight: bold;
    margin: auto;
}
.layer-popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.layer-popup.show {
  display: block !important;
}
.modal-content{
    margin: 6rem 1rem;
}
.search_title_deco{
    height: 2rem;
    line-height: 2rem;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #f9f9f9;
    margin-left: -1rem;
    padding-left: 1rem;
    font-size: 0.7rem;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-right: -1rem;
}
.format_img_deco{
    border: 1px solid #e2e2e2;
    padding: 0.5rem 0.7rem;
    border-radius: 0.5rem;
}
.re_add_btn{
    background-color: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    width: 100%;
    border-radius: 0.25rem;
    padding: 0.2rem;
    font-size: 0.8rem;
    font-weight: bold;
    height:2.5rem;
}
.mytour_h_logo2{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #111111;
    font-weight: bold;
    margin-right: 5.5rem;
    margin-left: 3rem;
}
#mainContent2 > div:first-child{
    border-bottom:2px solid red;
    height:1.5rem;
}
#mainContent2 > div:first-child > p{
    font-size:0.8rem;
    line-height: 1.5rem;
    font-weight:bold;
    color:#000000;
}
.one {
    margin-top: 0.5rem;
}
.select_product {
    width: 100%;
    height: 2rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    font-size: 0.8rem;
    line-height: 2rem;
    color: #4e4e4e;
    padding-left: 0.5rem;
}
.two2{
    margin-top: 0.5rem;
    width: 100%;
    height: 9rem;
    border-radius: 0.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
}
.two_first_p {
    font-size: 0.7rem;
    line-height: 2rem;
    color: #111111;
    font-weight: bold;
    text-align: center;
    margin-top : 0.5rem;
}
.star_rating {font-size:0; letter-spacing:-4px;}
.star_rating a {
    font-size:2rem;
    letter-spacing:0;
    display:inline-block;
    margin-left:0.25rem;
    color:#ffd33e;
    opacity: 0.302;
    text-decoration:none;
}
.star_rating a:first-child {margin-left:0;}
.star_rating a.on {color:#ffd33e; opacity: 1;}
.star_div {
    text-align:center;
    margin-top: 0.25rem;
}
.star_text {
    font-size: 0.7rem;
    line-height: 2rem;
    color: #4e4e4e;
    text-align: center;
    margin-top: 0.25rem;
    opacity: 0.302;
}
.three {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}
.review_title {
    width:100%;
    height: 2rem;
    border-radius: 0.5rem;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    font-size: 0.7rem;
    line-height: 2rem;
    color: #bbbbbb;
    padding-left: 0.5rem;
}
.four {
    margin-top: 0.5rem;
}
.textarea_deco{
    width: 100%;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 1.5rem;
    margin-left: -1rem;
    border: 1px solid #e2e2e2;
    border-radius: 0.5rem;
    height: 10rem;
    resize: none;
}
.five {
    margin-top: 1rem;
}
.sub_content_deco {
    font-size: 0.5rem;
    color: #828282;
    margin-top: -0.5rem;
}
.picture_cnt_deco{
    border: 1px solid #e2e2e2;
    width: 2.5rem;
    padding: 0.2rem 0.4rem;
    padding-right:0.7rem;
    border-radius: 0.25rem;
    float: right;
    margin-right: -1rem;
    margin-top: 0.1rem;
}
.five_img {
    margin-right:0.2rem;
}
.picture_count {
    font-size: 0.7rem;
    line-height: 0.8rem;
    color: var(--main-color);
    font-weight: bold;
    text-align: right;
    height: 1.5rem;
}
.photo_attach {
    width: 4rem;
    height: 1.5rem;
    border-radius: 0.25rem;
    background-color: #ffffff;
    border: 1px solid var(--main-color);
    font-size: 0.7rem;
    color: var(--main-color);
    text-align: center;
    margin-left: -1rem;
}
.six2 {
    text-align: center;
    margin-top: 1rem;
    margin-left: -0.5rem;
}
.six img{
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.25rem;
    background-color: #e1e1e1;
}
.six table {
    margin-left:auto; 
    margin-right:auto;
}
.six table td {
    padding-right: 0.5rem;
}
.submit_btn_deco{
    width: 100%;
    height: 2.5rem;
    border-radius: 0.5rem;
    background-color: var(--main-color);
    font-size: 0.8rem;
    line-height: 2.5rem;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid var(--main-color);
}
.seven2 {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.product_select {
    width: 100%;
    height: 4.5rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    margin-top: 0.5rem;
    display: none;
}
.product_img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}
.product_title {
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #111111;
    font-weight: bold;
}
.product_date {
    font-size: 0.7rem;
    line-height: 1.5rem;
    color: #828282;
}
.product_select_2 {
    margin-top: 1rem;
    width:10rem;
}
.product_select_box {
    width: 100%;
    height: 4.5rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    margin-top: 0.5rem;
}
.product_img2 {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}
.product_title2 {
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #111111;
    font-weight: bold;
    margin-top: -0.5rem;
    margin-left: 0.5rem;
}
.product_date2 {
    font-size: 0.7rem;
    line-height: 1.5rem;
    color: #828282;
    margin-left: 0.5rem;
}
.product_select_two {
    margin-top: 1rem;
}
.open_list_anyone {
    margin-top: 1.2rem;
    font-size: 0.8rem;
    margin-right: 0.4rem;
    font-weight: bold;
    color: var(--main-color);
}