input{ margin:0; padding:0;}
textarea{margin:0; padding:0;}
.member_cen{
width:1200px; margin:0 auto;}
.mar_cen{
    width:1200px; margin:0 auto;    
}

.title_box{

    width:100%;
    
}
.title_box p{
    width:100%; text-align:center
}
.title_box p:first-child{
    font-size:36px; 
    font-weight:600; 
    padding-top:70px;
}
.title_box p:last-child{
    font-size:25px;  
    padding-top:70px; 
    line-height:24px; 
    padding:30px 0px;
    color:#8c8c8c
}
.question{
    line-height:40px;
}
.answer{border-top:1px solid #e0e0e0;}
.click_show{
    cursor:pointer;
}

.login_box{
    width:862px;
    margin-left: 400px;
 
    
}
.sign_up_box{
    width:898px;
    margin:0 auto;
}
.other_choice {
    text-align: center;
    margin-top: 10px;
}
.other_choice_line{
    display: flex;
    flex-basis:390px;
    color:rgba(0,0,0,0.35);
    align-items:center;
    font-size: 14px;
    margin: 10px 390px;
}
.other_choice_line:before{
    content:"";
    flex-grow:1;
    margin: 0px 16px;
    background:rgba(0,0,0,0.35);
    height: 1px;
    font-size: 0px;
    line-hight:0px;
}
.other_choice_line:after{
    content:"";
    flex-grow:1;
    margin: 0px 16px;
    background:rgba(0,0,0,0.35);
    height: 1px;
    font-size: 0px;
    line-hight:0px;
}
.new_sign_choice {
    width: 380px;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 400px;
}
.new_sign_choice p{
    line-height:22px; 
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}
.new_sign_choice a{
    display:inline-block;
    width:330px; 
    height:40px;
    margin-bottom:10px;
    border-radius:8px;
    margin-left: 6px;
    margin-right: 14px;
}
.new_sign_choice span{
    border-left: solid 2px; 
    padding-left: 10px;
}
.new_login{
    width: 380px;
    height: 222px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    margin-top: 30px;
}
.new_login p{
    line-height:22px; 
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}
.new_login a{
    display:inline-block;
    width:310px; 
    height:40px;
    margin-bottom:10px;
    border-radius:8px;
    margin-left: 6px;
    margin-right: 14px;
}
.new_login span{
    border-left: solid 2px; 
    padding-left: 10px;
}
.general_l{
    border:1px solid #e2e2e2;
    background:url("/mainimg/member/diy-login-DIY.png")  no-repeat 0px 0px / 60px auto;
    font-size:17px;
    padding:0px 0px 0px 50px;
    font-weight:bold;
    background-color: #fff;
    line-height: 2.3;
    margin-top:70px;
}
.naver_l{
    border:2px solid #00bf18;
    background:url("/mainimg/member/naver_icon.gif")  no-repeat 0px 0px / 60px auto;
    font-size:17px;
    padding:0px 0px 0px 50px;
    color:#fff;
    font-weight:200;
    background-color: #00bf18;
    line-height: 2.3;
}
.kakao_l{
    border:2px solid #fae301;
    background:url("/mainimg/member/kakao_icon.gif") no-repeat 0px 0px / 60px auto;
    font-size:17px;
    padding:0px 0px 0px 50px;
    font-weight:200;
    background-color: #fae301;
    line-height: 2.3;
}
.google_l{
    border:2px solid #ececec;
    background:url("/mainimg/member/google_icon_New2.png") no-repeat 0px 0px / 60px auto;
    font-size:17px;
    padding:0px 0px 0px 50px;
    color:#000000;
    font-weight:200;
    line-height: 2.3;
}

.login_form{
    width:360px; 
    padding:10px;
    border:1px solid #e2e2e2;
    border-radius:10px;
}
.member_type_box{
    width:100%;  
    margin-bottom:20px;  
}
.member_type_box div{
    cursor:pointer;
    padding-top:11px;
    padding-bottom:6px;
    font-size:19px;
    font-weight:600;
    text-align:center;
}
.login{
    width:220px;
    border:1px solid #d8d8d8;
    color:#747474;
    border-bottom:1px solid #000000;
}
.login_active{
    width:100%;
    text-align:center;
}
.dislogin{
    width:220px;
    border:1px solid #d8d8d8;
    color:#747474;
    border-left:0px;
    border-bottom:1px solid #000000;
}
.dislogin_active{
    width:217px;
    border:1px solid #000000;
   
    border-bottom:0px;
}

.member_type_box2{
    width:100%;
    padding-bottom:20px;
}

.member_type_box2 div{
    padding-top:19px;
    padding-bottom:23px;
    font-size:19px;
    font-weight:600;
     text-align:center;
}
.email_type{
    width:397px;
    border:1px solid #000000;
   
    border-bottom:0px;
}
.phone_type{
    width:400px;
    border:1px solid #d8d8d8;
    color:#747474;
    border-left:0px;
    border-bottom:1px solid #000000;
}



.text_box_default{
    width:100%;
}
.text_box_default div{
    margin-bottom:10px;
}
.text_box_default input[type='text'],.text_box_default input[type='password'] {
    width:340px;
    padding-left:18px;
    border:1px solid #d8d8d8;
    height:43px; line-height:43px; 
    font-size:15px;
    border-radius:5px;
}
/*.text_check_id_box div:first-child{
    margin:5px 9px 15px 0 ;
}
/*체크 박스 css*/

.second_agree{
    margin: 8px 55px 8px 70px;
    line-height: initial;
}
.third_agree{
    margin: 10px 55px 10px 100px;
}
.login_check_div{
    padding-bottom:5px;
}
.checkbox_memory{
    font-size: 15px;
    line-height: 22px;
    color: #4e4e4e;
    font-weight: 600;
    margin-left: 72px;
    margin-top: 10px;
    margin-bottom: 25px;
}
.checkbox-wrap{
    cursor:pointer;
    font-size: 15px;
}
.checkbox-wrap .check-icon{
    display: inline-block; 
    width: 20px; 
    height: 20px; 
    background: url("/mainimg/member/member_checkbox_off.gif") left center no-repeat; 
    vertical-align: middle; 
    transition-duration: .4s;  
    background-size: 20px;
    margin: 0px 7px 0px 0px;
}
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url("/mainimg/member/member_checkbox_on.gif"); }

.checkbox-wrap2{
    cursor:pointer;
    font-size: 20px;
    color: #111111;
    font-weight: bold;
}
.checkbox-wrap2 .check-icon{
    display: inline-block; 
    width: 32px; 
    height: 32px; 
    background: url("/mainimg/member/member_checkbox_off.gif") left center no-repeat; 
    vertical-align: middle; 
    transition-duration: .4s;  
    background-size: 30px;
    margin: 7px 0px 7px 0px;
}
.checkbox-wrap2 input[type=checkbox] { display: none; }
.checkbox-wrap2 input[type=checkbox]:checked + .check-icon { background-image: url("/mainimg/member/DIY-check_af.png"); }
/*체크 박스 css*/

.text_check_id_box div:last-child{
    font-size:15px;
}
.button_box input[type="button"]{
    border:0px;border-radius:4px; color:#fff; font-size:16px;
    width:100%; height:56px; text-align:center; background-color:#0d0d29;
    cursor:pointer;
}
.button_box input[type="submit"]{
    border:0px;border-radius:4px; color:#fff; font-size:16px; float: right;
    width:100px; height:40px; text-align:center; background-color:#ff5349;
    cursor:pointer;
}
.text_box_default input[type='text']:focus, .text_box_default input[type='password']:focus {
    border: 1px solid var(--main-color);
    outline: none;
}
.member_find_box{
  padding:4px 0;
}
.member_find_box a{
    display:inline-block;
    font-size:15px;
    font-weight:600;
    text-decoration: underline;
    color: #a1a1a1;
    font-weight:100;
}
.member_find_box span{
    display:inline-block;
    padding:0px 7px 0 7px;
    font-size:14px;
    font-weight:600;
    line-height:15px;
}
.sign_up_start{
    width: 140px;
    height: 140px;
    border: 1px solid #4e4e4e;
    margin: auto;
    border-radius: 10px;
    text-align: center;
    cursor:pointer;
}
.sign_up_start p{
    width:100%;
    text-align:center;
}
.sign_up_start p:first-child{
    padding:23px 0 19px;
    font-size:19px;
    font-weight:600;
    color: #4e4e4e;
}
.sign_up_start p:first-child span{
    font-weight:bold;
}
.sign_up_start a{
    display:inline-block;
    width:53px;
    height:60px;
    line-height:56px;
    text-align:center;
    font-size:16px;
    border-radius:4px;
}
.sign_up_start p:last-child{
    font-weight:bold;
    line-height:22px;
    padding-top:16px;
    font-size:15px;
    font-weight:600;
}
.sign_up_border{
    width:523px;
    height:226px;
    border:1px solid #dbdbdb;
}
.sign_up_border p{
    width:100%;
    text-align:center;
}
.sign_up_border p:first-child{
    padding:50px 0 16px;
    font-size:19px;
    font-weight:600;
}
.sign_up_border p:first-child span{
    font-weight:bold;
}
.sign_up_border a{
    display:inline-block;
    width:323px;
    margin-left:100px;
    height:56px;
    line-height:56px;
    text-align:center;
    background-color:#0d0d29;
    color:#ffffff;
    font-size:16px;
    border-radius:4px;
}
.sign_up_border p:last-child{
    font-weight:bold;
    line-height:22px;
    padding-top:16px;
    font-size:15px;
    font-weight:600;
}

/*회원가입 1번창 media 쿼리 */

@media(max-width: 500px) {
    #tail {
        display: none;
    }
}

@media(max-width:425px) {
    .title_box {
        margin-left: 9px;
    }
    .title_box p:first-child{
        width: 34%;
    }
    .title_box p:last-child{
        width: 34%;
    }
    .sign_up_box {
        margin:0px;
    }
    .sign_up_border {
        width: 746px;
    }
    .sign_up_border p:first-child {
        width:528px;
    }
    .sign_up_border p:last-child {
        width:519px;
    }  
    .login_box {
        padding-top:0px;
        
    }
}

@media(max-width:414px) {
    .title_box {
        margin-left: 5px;
    }
    .title_box p:first-child{
        width: 34%;
    }
    .title_box p:last-child{
        width: 34%;
    }
    .sign_up_box {
        margin:0px;
    }
    .sign_up_border {
        width: 754px;
    }
    .sign_up_border p:first-child {
        width:528px;
    }
    .sign_up_border p:last-child {
        width:519px;
    }  
}

@media(max-width:390px) {
    .title_box {
        margin-left: 5-4px;
    }
    .title_box p:first-child{
        width: 34%;
    }
    .title_box p:last-child{
        width: 34%;
    }
    .sign_up_box {
        margin:0px;
    }
    .sign_up_border {
        width: 764px;
    }
    .sign_up_border p:first-child {
        width:528px;
    }
    .sign_up_border p:last-child {
        width:519px;
    }  
}

@media(max-width:375px) {
    .title_box {
        margin-left: -13px;
    }
    .title_box p:first-child{
        width: 34%;
    }
    .title_box p:last-child{
        width: 34%;
    }
    .sign_up_box {
        margin:0px;
    }
    .sign_up_border {
        width: 770px;
    }
    .sign_up_border p:first-child {
        width:528px;
    }
    .sign_up_border p:last-child {
        width:519px;
    }  
}

@media(max-width:360px) {
    .title_box {
        margin-left: -22px;
    }
    .title_box p:first-child{
        width: 34%;
    }
    .title_box p:last-child{
        width: 34%;
    }
    .sign_up_box {
        margin:0px;
    }
    .sign_up_border {
        width: 779px;
    }
    .sign_up_border p:first-child {
        width:528px;
    }
    .sign_up_border p:last-child {
        width:519px;
    }  
    .login_box {
        padding-top:0px;
    }
}


@media(max-width:320px) {
    .title_box {
        margin-left: -42px;
    }
    .title_box p:first-child{
        width: 34%;
        font-size: 33px;
    }
    .title_box p:last-child{
        width: 34%;
        font-size: 13px;
    }
    .sign_up_box {
        margin:0px;
    }
    .sign_up_border {
        width: 799px;
    }
    .sign_up_border p:first-child {
        width:528px;
        font-size: 18px;
    }
    .sign_up_border p:last-child {
        width:519px;
        font-size: 13px;
    }  
}
.check_able_box{
    margin:10px 0px;
    display: flex;
}
.icon_number_on{
    font-size: 26px;
    line-height: 50px;
    font-weight: bold;
    color: var(--main-color);
}
.icon_number_off{
    font-size: 26px;
    line-height: 50px;
    color: #bbbbbb;
}
.icon_title_end{
    font-size: 18px;
    line-height: 50px;
    color: var(--main-color);
}
.icon_title_on{
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    color: var(--main-color);
}
.icon_title_off{
    font-size: 18px;
    line-height: 50px;
    color: #bbbbbb;
}
.icon_box_end{
    width:80px;
    height: 80px;
    border-radius: 40px;
    border: 3px solid var(--main-color);
    margin: 2px 0 0 150px;
}
.icon_box_on{
    width:80px;
    height: 80px;
    border-radius: 40px;
    border: 3px solid var(--main-color);
    background-color: var(--main-color);
    margin: 2px 0 0 150px;
}
.icon_box_off{
    width:80px;
    height: 80px;
    border-radius: 40px;
    border: 3px solid #bbbbbb;
    background-color: #fff;
    margin: 2px 0 0 100px;
}
.check_able_box .icon1_on{
    width: 53px;
    height: 55px;
    background: url(/mainimg/member/DIY_register-step1_af.png) no-repeat 0px 0px / 100% auto;
    margin-top: 13px;
    margin-left: 12px;
}
.check_able_box .icon1_end{
    width: 53px;
    height: 55px;
    background: url(/mainimg/member/DIY_register-step1_bf.png) no-repeat 0px 0px / 100% auto;
    margin-top: 13px;
    margin-left: 12px;
}
.check_able_box .icon2_on{
    width:56px; 
    height:58px;
    margin:12px 0 0 12px;
    background:url("/mainimg/member/DIY_register-step2_af.png") no-repeat 0px 0px / 100% auto;
}
.check_able_box .icon2_off{
    width: 56px;
    height: 58px;
    margin: 12px 0 0 12px;
    background: url(/mainimg/member/DIY_register-step2_bf.png) no-repeat 0px 0px / 100% auto
}

.check_able_box .icon3_on{
    width: 47px;
    height: 47px;
    margin: 17px 0 0 18px;
    background:url("/mainimg/member/DIY_register-step3_af.png") no-repeat 0px 0px / 100% auto;
}
.check_able_box .icon3_off{
    width: 47px;
    height: 47px;
    margin: 17px 0 0 18px;
    background:url("/mainimg/member/DIY_register-step3_bf.png") no-repeat 0px 0px / 100% auto;
}

.check_able_box .icon4_on{
    width: 55px;
    height: 55px;
    margin: 13px;
    background:url("/mainimg/member/DIY_register-step4_af.png") no-repeat 0px 0px / 100% auto;
}
.check_able_box .icon4_off{
    width: 55px;
    height: 55px;
    margin: 13px;
    background:url("/mainimg/member/DIY_register-step4_bf.png") no-repeat 0px 0px / 100% auto;
}
.check_able_line {
    width:190px; 
    height:1px;
    margin-top:45px;
    background-color: #bbbbbb;
}
.check_able_box p{
    padding:20px 11px 0 15px;
    font-size:16px;
    font-weight:600;
    color:#c6c6c6;       
}


.check_able_box p.on_text{
    color:#000000;
}



.check_able_box .dot_off{
    width:5px; height:5px; margin:26px 0 0 13px;
    background:url("/mainimg/member/dot_off.gif") no-repeat 0px 0px / 100% auto;
}
.check_able_box .dot_on{
    width:5px; height:5px; margin:26px 0 0 13px;
    background:url("/mainimg/member/dot_on.gif") no-repeat 0px 0px / 100% auto;
}

.joinus_title{
    font-size:29px; font-weight:bold;
    width:100%;
    text-align:center;
    margin-bottom:9px;
}
.second_joinus_title{
    font-size:21px; 
    font-weight:500;
    width:100%;
    color: #000000;
    text-align:center;
    margin-bottom:40px;
    margin-top:30px;
}
.third_joinus_title{
    font-size:21px; 
    font-weight:500;
    width:100%;
    color: #000000;
    text-align:center;
    margin-bottom:40px;
    margin-top:30px;
}
.cerification_title{
    font-size:29px; font-weight:bold;
    width:100%;
    text-align:center;
    margin-bottom:64px;
}

.terms_box{
    width:100%;
}
.term_title{
    margin:55px 0 21px;
    font-size:20px;
    font-weight:bold;
}

.text_area_box{
    width:1156px;
    height:137px;
    border:1px solid #d8d8d8;
    padding:21px;
    overflow-y:scroll;
    overflow-x:hidden;
    line-height:22px;
    font-size:15px;
}


.agree_ment_box{
    padding-top:20px;
}
.agree_ment_box p{
    font-size:15px;
    margin-right:21px;
}

.agree_ment_box input[type=checkbox]{
    width:14px; height:14px;
    border:0px;

}
.agree_ment_box label{
    font-size:15px;
}
.check_label{
    font-size: 18px;
    color:#585858;
}
.check_box a{
    text-decoration: underline; 
    float:right; 
    color:#929292;
}
.second_check_icon{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/mainimg/member/member_checkbox_off.gif) left center no-repeat;
    vertical-align: middle;
    transition-duration: .4s;
    background-size: 25px;
    margin: 8px 0px 12px 0px;
}
.joinus_submit_box{
    width:566px;
    margin:0 auto;
    padding:49px 0 92px;
}
.agree_box{
    width: 900px;
    height: 500px;
    border: 2px solid #e2e2e2;
    border-radius: 10px;
    margin-left: 150px;
    margin-bottom: 150px;
}

.joinus_submit_box input[type=submit]{
    width:273px; height:56px; 
    font-size:16px;
    cursor:pointer;
    background-color:var(--main-color);
    color:#ffffff;
    text-align:center;
    border:0px;
    border-radius:10px;
}

.joinus_submit_box input[type=button]{
    width:273px; height:56px; 
    font-size:16px;
    cursor:pointer;
    background-color:#e2e2e2;
    color:#4e4e4e;
    border:0px;
    text-align:center;
    border-radius:10px;
}


/*회원가입 두번째 창 media 쿼리 */

@media(max-width:425px) {
    .check_able_box {
        display:none;
    }
    .joinus_title {
        font-size: 23px;
        margin-top: 46px;
        width:36%;
    }
    .terms_box {
        width:35%;
    }
    .term_title{
        margin: 76px 0 20px 21px;
    }
    .text_area_box {
        overflow:auto;
        padding-left:2px;
        padding-top:3px;
    }
    .agree_ment_box {
        padding-top:20px;
        margin-right:36px;
    }
    .joinus_submit_box {
        margin: 0px;
    }
    .joinus_submit_box input[type=button] {
        width:176px;
        margin-left: 41px;
    }
    .joinus_submit_box input[type=submit] {
        width:176px;
        margin-right:172px;
    }
}

@media(max-width:390px) {
    .check_able_box {
        display:none;
    }
    .joinus_title {
        font-size: 23px;
        margin-top: 46px;
        width:32%;
    }
    .terms_box {
        width:32%;
    }
    .term_title{
        margin: 76px 0 20px 21px;
    }
    .text_area_box {
        overflow:auto;
        padding-left:2px;
        padding-top:3px;
    }
    .agree_ment_box {
        padding-top:20px;
        margin-right:14px;
    }
    .joinus_submit_box {
        margin: 0px;
    }
    .joinus_submit_box input[type=button] {
        width:176px;
        margin-left:15px;
    }
    .joinus_submit_box input[type=submit] {
        width:176px;
        margin-right:197px;
    }
}

@media(max-width:375px) {
    .check_able_box {
        display:none;
    }
    .joinus_title {
        font-size: 23px;
        margin-top: 46px;
        width:31%;
    }
    .terms_box {
        width:31%;
    }
    .term_title{
        margin: 76px 0 20px 21px;
    }
    .text_area_box {
        overflow:auto;
        padding-left:2px;
        padding-top:3px;
    }
    .agree_ment_box {
        padding-top:20px;
        margin-right:14px;
    }
    .joinus_submit_box {
        margin: 0px;
    }
    .joinus_submit_box input[type=button] {
        width:176px;
        margin-left:9px;
    }
    .joinus_submit_box input[type=submit] {
        width:176px;
        margin-right:204px;
    }
}

@media(max-width:360px) {
    .check_able_box {
        display:none;
    }
    .joinus_title {
        font-size: 21px;
        margin-top: 46px;
        width:30%;
    }
    .terms_box {
        width:30%;
    }
    .term_title{
        margin: 76px 0 20px 21px;
    }
    .text_area_box {
        overflow:auto;
        padding-left:2px;
        padding-top:3px;
    }
    .agree_ment_box {
        padding-top:20px;
        margin-right:8px;
    }
    .joinus_submit_box {
        margin: 0px;
    }
    .joinus_submit_box input[type=button] {
        width:176px;
        margin-left:4px;
    }
    .joinus_submit_box input[type=submit] {
        width:176px;
        margin-right:209px;
    }
}

@media(max-width:320px) {
    .check_able_box {
        display:none;
    }
    .joinus_title {
        font-size: 18px;
        margin-top: 46px;
        width:27%;
    }
    .terms_box {
        width:27%;
    }
    .term_title{
        margin: 76px 0 20px 21px;
    }
    .text_area_box {
        overflow:auto;
        padding-left:2px;
        padding-top:3px;
    }
    .agree_ment_box {
        padding-top:20px;
        margin-right:-27px;
    }
    .agree_ment_box p {
        font-size:12px;
    }
    .agree_ment_box input[type=checkbox] {
        width:12px;
    }
    .agree_ment_box label {
        font-size: 13px;
        margin-right: 44px;
    }
    .joinus_submit_box {
        margin: 0px;
    }
    .joinus_submit_box input[type=button] {
        width:157px;
        margin-left:0px;
    }
    .joinus_submit_box input[type=submit] {
        width:157px;
        margin-right:249px;
    }
}



/* 3번째 로그인 */

.certification_box{
    width:900px;
    margin:0 auto;
}


.certi_button_box div{
    text-align:center;
    font-size:22px;
    height:60px;
    line-height:60px;
    font-weight:600;
    margin-bottom:40px;
    cursor:pointer;
}


.certi_button_box div.off{
 width:445px;
 border-top:1px solid #d8d8d8;
 border-left:1px solid #d8d8d8;
 border-right:1px solid #d8d8d8;
 border-bottom:1px solid var(--main-color);   
}

.certi_button_box div.on{
 width: 445px;
 color:#fff;
 border: 1px solid var(--main-color);
 background-color: var(--main-color);   
}

.certification_table{
   
   width:895px;
    border-top: 2px solid #111111;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8; 
}
.certification_table table{width:100%; border-collapse: collapse;}

@media(max-width:400px) {
    .certification_table {
        width:75%;
    }
    
}


.certification_table table tr td{
    border-collapse: collapse;
    border:1px solid #d8d8d8;
    height:65px;
    
}

.certification_table table tr td:first-child{
    background-color: #f8f8f8;
    width: 150px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;

}

@media(max-width:400px) {
    .certification_table table tr td:first-child {
        width:71px;
        font-size:12px;
        text-align: center;
        padding-left:3px;
        
    }
}
.certification_table table tr td:last-child{
   
    padding-left:14px;
    font-size:18px;
    font-weight:600;

}

.sign_enter_table{
    margin-bottom:44px;
    width:893px; 
    border-top:2px solid #111111;
    border-bottom:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    justify-content: center;
}
.sign_enter_table table{width:100%; border-collapse: collapse;}

.sign_enter_table table tr td{
    border-collapse: collapse;
    
    height:65px;
    
}
.sign_enter_table table tr td:first-child{
    background-color: #f8f8f8;
    width: 150px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.sign_enter_table table tr td:last-child{
    padding:10px 14px 14px 14px;
    font-size:18px;
    font-weight:600;
    border-bottom:1px solid #d8d8d8;
}




.input1{
    width:474px; 
    height:43px;
    padding-left:20px;
    border:1px solid #d8d8d8;
    font-size:14px;
    border-radius: 5px;
}

 .input2{
    width:181px; height:43px;
    padding-left:20px;
    border:1px solid #d8d8d8;
    font-size:14px;
    border-radius: 5px;
}



.input3{
    width:123px; height:43px;
    padding-left:20px;
    border:1px solid #d8d8d8;
    font-size:14px;
    border-radius: 5px;
}



.input4{
    width:153px; 
    height:45px;
    padding-left:20px;
    border:1px solid #d8d8d8;
    font-size:14px;
}

.input5{
    width:191px; 
    height:45px;
    padding-left:20px;
    border:1px solid #d8d8d8;
    font-size:14px;
}

.input6{
    width: 210px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    border-radius: 5px;
}
.input7{
    width: 328px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    border-radius: 5px;
}
.input8{
    width: 230px;
    height: 45px;
    text-indent: 10px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    border-radius:5px;
}
.input9{
    width: 123px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    border-radius: 5px;
}

.input10{
    width: 300px;
    height: 40px;
    text-indent: 10px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    border-radius: 5px;
}

.input11{
    width:544px; height:43px;
 
    text-indent: 20px;
    border:1px solid #d8d8d8;
    font-size:14px;
}
.input12{
    width: 474px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    margin-left: 20px;
    margin-right: 20px;
    text-indent: 10px;
    
}

.input13{
    width:220px; height:43px;
 
    text-indent: 10px;
    border:1px solid #d8d8d8;
    font-size:14px;
}

.input14{
    width:94px; height:23px;
 
    text-indent: 14px;
    border:1px solid #d8d8d8;
    font-size:11px;
    color:#000000;
    border-radius:4px;
    margin-right:3px;
}

.input15{
    width:648px; height:32px;
 
    text-indent: 14px;
    border:1px solid #d8d8d8;

    color:#000000;

}

.input16{
    vertical-align:top;
    width:200px; height:32px;
 
    text-indent: 14px;
    border:1px solid #d8d8d8;

    color:#000000;

}

.input17{
    vertical-align:top;
    width:100px; height:32px;
 
    text-indent: 14px;
    border:1px solid #d8d8d8;

    color:#000000;

}

.input18{
    vertical-align:top;
    width:50px; height:32px;
 
    text-indent: 14px;
    border:1px solid #d8d8d8;

    color:#000000;

}
.input19{
    width: 328px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    border-radius: 5px;
}
.input20{
    width: 328px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    border-radius: 5px;
}


.day_check{
    width:14px; height:14px;
}

.on_button_m input{
    width:56px; height:45px;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:13px;
    border-radius:5px 0px 0px 5px;
}
.off_button_m{
    border:1px solid #d8d8d8;
    border-radius:5px 0px 0px 5px;
}
.off_button_m input{
    width:56px; 
    height:43px;
    border:0px;
    background-color:#ffffff;
    color:#747474;
    font-size:13px;
    border-radius:5px 0px 0px 5px;
}
.on_button_wm input{
    width:56px; height:45px;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:13px;
    border-radius:0px 5px 5px 0px;
}
.off_button_wm{
    border:1px solid #d8d8d8;
}
.off_button_wm input{
    border:1px solid #d8d8d8;
    border-radius:0px 5px 5px 0px;
    width:54px; 
    height:42px;
    border:0px;
    background-color:#ffffff;
    color:#747474;
    font-size:13px;
}
.off_button_wm{
    border:1px solid #d8d8d8;
    border-radius: 5px;
}
.on_button2 input{
    width:64px; height:45px;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:13px;
}


.off_button2 input{  
    width:64px; height:45px;
    border:1px solid #d8d8d8;
    background-color:#ffffff;
    color:#747474;
    font-size:13px;
}


.button2{
    width:114px; height:45px;
    border:1px solid #d8d8d8;
    background-color:#ffffff;
    color:#000000;
    font-size:15px;
    border-radius: 5px;
}
.button3{
    width:114px; height:45px;
    border:1px solid #d8d8d8;
    background-color:#ffffff;
    color:#c3c3c3;
    font-size:15px;
    border-radius: 5px;
}
input[type="button"]{
    cursor:pointer;
}
.button4{
    width:100px; 
    height:45px;
    border:0px;
    background-color:var(--main-color);
    color:#ffffff;
    font-size:15px;
    border-radius: 5px;
}
.button5{
    width: 273px;
    height: 56px;
    font-size: 18px;
    color: #ffffff;
    background-color: var(--main-color);
    border: 0px;
    text-align: center;
    border-radius: 10px;
}
.button6{
    border-radius:4px;
    width:203px; 
    height:56px;
    background-color:var(--main-color);
    line-height:56px;
    text-align:center;
    display:inline-block;
    color:#fff !important;
    font-size:18px;
}
.button7{
    width: 273px;
    height: 56px;
    border: 0px;
    font-size: 18px;
    color: #4e4e4e;
    background-color: #e2e2e2;
    border-radius: 10px;
    text-align: center;
}
.select1{
    width:123px;
    padding-left:10px;
    height:45px;
    border:1px solid #d8d8d8;
    border-radius: 5px;
    background: url('/mainimg/member/select_img.gif') no-repeat 102px 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size:14px;
color:#c3c3c3;
}

.select2{
      width:200px;
    padding-left:37px;
    height:45px;
    border:1px solid #d8d8d8;
    background: url('/mainimg/member/select_img.gif') no-repeat 170px 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size:14px;
color:#c3c3c3; 
}



.select3{
      width:146px;
    padding-left:37px;
    height:45px;
    border:1px solid #d8d8d8;
    background: url('/mainimg/member/select_img.gif') no-repeat 120px 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size:14px;
color:#c3c3c3; 
}
.select4{
      width:223px;
    padding-left:37px;
    height:45px;
    border:1px solid #d8d8d8;
    background: url('/mainimg/member/select_img.gif') no-repeat 188px 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size:15px;
color:#c3c3c3; 
}

.select5{
      width:172px;
    padding-left:16px;
    height:34px;
    border:1px solid #d8d8d8;
    background: url('/mainimg/member/select_img.gif') no-repeat 148px 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size:14px;
color:#000000; 
}

.select6{
      width:288px;
    padding-left:16px;
    height:34px;
    border:1px solid #d8d8d8;
    background: url('/mainimg/member/select_img.gif') no-repeat 258px 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size:14px;
color:#c3c3c3; 
}
.certifi_button_box{
    margin-top:50px;
    width:100%;
    margin-bottom:148px;
}
.certifi_button_where{
    width: 566px;
    margin: 0 auto;
    padding: 49px 0 92px;
}
.enter_button1{
    width:183px; height:56px;
    font-size:16px;
    color:#ffffff;
    background-color:#0d0d29;
    border:0px;
    border-radius:4px;
    cursor:pointer;
}

.enter_button2{
    width:273px; 
    height:56px;
    font-size:18px;
    color:#ffffff;
    background-color:var(--main-color);
    border:0px;
    text-align: center;
    border-radius:10px;
    cursor:pointer;
}
  
  .enter_button3{
    width:273px; 
    height:56px;
    border:0px;
    font-size:18px;
    color:#4e4e4e;
    background-color:#e2e2e2;
    border-radius:10px;
    cursor:pointer;
    text-align: center;
}  
.member_ti1{
    font-size:19px;
    font-weight:600;
    color:#000000;
    padding-bottom:31px;
}
.member_enter_ti1{
    font-size:19px;
    font-weight:bold;
    color:#111111;
    margin-bottom: 12px;
}
.table_text{
    font-size:15px;
    line-height:22px;
    font-weight:600;
    padding-top:12px;   
}
.table_id_text{
    font-size:15px;
    line-height:22px;
    font-weight:600;
    padding-bottom:10px;   
}
.table_id_text span{                       
    color:var(--main-color);
    font-weight:bold;
}

.sign_enter_submit{
    width: 566px;
    height: 130px;
    margin: 0 auto;
    padding: 49px 0 92px;
}
.bg_finish{
 width:100%; height:67px; 
background: url('/mainimg/member/sign_finsh_bg.gif') no-repeat top center / 67px auto;;
margin-bottom:40px;
}
.finish_text{
    width: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    margin-top: 52px;
    font-weight: 600; 
}
.finish_text_box{
    width: 900px;
    height: 310px;
    border: 2px solid #e2e2e2;
    border-radius: 10px;
    margin-left: 150px;
    margin-bottom: 35px;
    margin-top:45px;
}
.finish_text span{
    font-weight:600;
    color:#000000;
}
.finish_import_text{
    font-size:16px;
    font-weight:600px;
    padding:4px 5px;
    width:200px;
    margin:0 auto;
    text-align:left;
}
.finish_point_add{
    width:100%; 
    height:22px; 
    background: url('/mainimg/member/DIY_Point-add.png') no-repeat top center / 22px auto;;
    margin-bottom:10px;
    margin-top:18px;
}

.finish_text_sub{
    font-size:16px;
    font-weight:600;
    width:100%;
    text-align:center;
    margin-bottom:30px;
    line-height: 24px;
}
.finsh_button_box{
    margin:0 auto;
    width:203px;
    padding-bottom:187px;
    margin-top: 50px;
}
.big_title div{
    height:60px;
    line-height:60px;
    border:1px solid #000000;
    text-align:center;
    font-size:19px;
    cursor:pointer;
}
.big_title{
    margin-bottom:50px;
}
.big_title > .on{
    width:399px;
    background: url('/mainimg/member/id_pw_btn.png') no-repeat   363px center / 18px #000000;
    color:#ffffff;
}
.big_title > .off{
    width:397px;
    
}

.small_title{
    margin-bottom:50px;
}

.member_certi_box{
    width:100%;
    height:329px;
}
.member_certi_box p{
    width:100%;
    text-align:center;
    line-height:31px;
    padding-top:118px;
    font-size:18px; 
    color:#747474;
    
}

.find_btn_box{
    width:276px;
    margin:0 auto;
    padding:20px 0 190px;
}

.find_btn_box input.before{
    width:133px; height:56px; 
    font-size:16px;
    cursor:pointer;
    background-color:#0d0d29;
    color:#ffffff;
    text-align:center;
    border:0px;
    border-radius:4px;
}

.find_btn_box input.next{
    width:133px; height:56px; 
    font-size:16px;
    cursor:pointer;
    background-color:#fff;
    border:2px solid #000000;

    text-align:center;

    border-radius:4px;
}
.member_break_box{
    margin:40px 0 47px;
     background-color:#cdd2dd;
    padding:10px;
}
.member_break_box >div{
    height:192px;
    border-radius:9px;
    background-color:#ffffff;
}
.member_break_box >div:first-child{
    width:272px; 
    background: url('/mainimg/member/Gear.gif') no-repeat   120px 111px / 33px #ffffff;
}
.member_break_box >div:first-child > p{
      font-size:16px;
    font-weight:600;
    text-align:center;
}
.member_break_box >div:first-child > p:first-child{
    
    padding-top:59px;
  
}
.member_break_box >div:first-child > p:last-child{

    padding-top:9px;
    
}

.member_break_box >div:last-child{
    width:898px; 
   
}
.member_break_box >div:last-child >div{
    padding:51px 90px 33px;
}

.member_break_box >div:last-child >div >div{
    width:78px; padding-right:135px;
}
.member_break_box >div:last-child >div >div:last-child{
    width:78px; padding-right:0;
}

.member_break_box >div:last-child >div >div >div{
    height:78px;
    line-height:78px;
    border-radius:9px;
     text-align:center; color:#fff; background-color:#cdd2dd; 
    font-size:29px; 
    margin-bottom:14px;
}

.member_break_box >div:last-child >div >div:first-child >div{
    background-color:#f63942; 
    
}
.member_break_box >div:last-child >div >div >p{
   text-align:center;
   font-size:16px;
   font-weight:600;
   
}

.member_content > div:first-child{
    width:250px;
    
}
.member_content > div:last-child{
    width:910px;
    
}
.left_menu_box{
    margin:2px 0 657px;;

}
.left_menu_box > p{
    font-size:29px;
    padding-bottom:29px;
    font-weight:600;
    border-bottom:2px solid var(--main-color);
}

.left_menu_box > a:active , .left_menu_box > a:visited , .left_menu_box > a:hover , .left_menu_box > a:link{
    display:inline-block;
    width:100%; 
    box-sizing: border-box;
    padding:18px 0 16px 10px;
    border-bottom:1px solid #d8d8d8;
    font-size:16px;
} 

.left_menu_box> .active{
    background-color:#ff5349;
    color:#ffffff;
}

.mypage_table{
    width: 635px;
    height: 100px;
}
.mypage_table table{border-collapse: collapse;}

.mypage_table table tr td{
    border-collapse: collapse;
    border:1px solid #d8d8d8;
    height: 50px;         
}
.mypage_table table tr td:first-child{
    background-color:#f8f8f8;
    width:140px; padding-left:46px;
    font-size:18px;
    font-weight:600;
    border-left:0px;
}
.mypage_table table tr td:last-child{  
    padding-left:23px;
    font-size:18px;
    font-weight:600;
    border-right:0px;
}


.mypage_enter_table{
    margin-top:44px;
    width:908px; 
   
}
.mypage_enter_table table{width:100%; border-collapse: collapse;}

.mypage_enter_table table tr td{
     border-collapse: collapse;
    border:1px solid #d8d8d8;
    height:74px;       
}
.mypage_enter_table table tr td:first-child{
    background-color:#f8f8f8;
    width:135px; padding-left:45px;
    font-size:18px;
    font-weight:600;            
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
}
.mypage_enter_table table tr td:last-child{  
    padding:10px 14px 14px 23px;
    font-size:18px;
    font-weight:600;
    border-bottom:1px solid #d8d8d8;
}

.mypage_submit{
    padding:48px 0 151px;
    width:183px;
    margin:0 auto;
}
.serch_box{   
    border-bottom:2px solid #000000;
}
.serch_box > p{
    font-size:29px;
    padding:2px 220px 29px 0;
    font-weight:600;
}
.serch_box  a:active , .serch_box a:visited ,  .serch_box  a:hover ,.serch_box a:link{
    display:inline-block;
    font-size:14px;
    padding:4px 18px 5PX;
    border-radius:11px;
    border:1px solid #dadada;
    margin:16px 6px 0 0;
    color:#969696;    
}


.serch_box  .active {
    background-color:#333333;
    color:#ffffff !important;
    border:1px solid #333333;
}



.slush_btn{
    width:24px;
    text-align:center;
    line-height:26px;
    color:#7f7f7f;
}
.serch_box > div:last-child{
    padding-top:16px;
}
.serch_box > div:last-child > p:first-child{
     margin:6px 8px 0 0;
}


.booking_list_table table{width:100%; border-collapse: collapse;}


.booking_list_table table tr td{
    text-align:center;
    border-collapse: collapse;
    border-bottom:1px solid #d8d8d8;
    padding:20px 0 15px;

    
}



.left p{
    font-size:12px;
    color: var(--main-color);
    filter: brightness(1.2);
    text-align:left;
    padding-left:37px;
}
.left p:first-child{
    font-size:15px; 
    color:#000000;
    padding-bottom:8px;
    text-align:left;
}
.booking_list_table table tr th{
    background-color:#f8f8f8;
    height:49px;
    text-align:center;

    font-weight:400;
    border-bottom:1px solid #d8d8d8;
}


.wish_box{
    margin-bottom:36px;  
}
.wish_box div{
    cursor:pointer;
    padding-top:19px;
    padding-bottom:21px;
    font-size:20px;
    font-weight:600;
     text-align:center;
     box-sizing:border-box;
}
.wish{
    width:454px;
   
    border:1px solid #d8d8d8;
    color:#747474;
    border-right:0px;
    border-bottom:1px solid #000000;
}
.wish_active{
    width:454px;
    
    border:1px solid #000000;
   
    border-bottom:0px;
}
.last_see{
    width:456px;
    border:1px solid #d8d8d8;
    color:#747474;
    border-left:0px;
    border-bottom:1px solid #000000;
}
.last_see_active{
    width:456px;
    border:1px solid #000000;
   
    border-bottom:0px;
}

.wish_content{margin-left:10px;}
.wish_content > div > div{
    padding-bottom:15px;
    padding-top:15px;
    
    border-bottom:1px solid #d8d8d8;
}
.wish_content > div > div >div:first-child{
    width:161px;
    height:104px; 
    padding-right:20px;
    
}
.wish_content > div > div >div:first-child > img{
    width:100%;
    height:100%;
}

.wish_content > div > div >div:last-child{
    width:67px;
    
    
}
.wish_content > div > div >div:last-child a{
    display:inline-block;
    width:65px;
    font-size:16px;
    border:1px solid #d8d8d8;
    color:#9d9d9d;
    padding:6px 0;
    text-align:center;
    margin-bottom:5px;
}
.wish_content_detail{
            position:relative;
}
.wish_content_detail:hover > div:last-child, .wish_content_detail + div:last-child:hover{
    display:block !important;
}
.wish_content_detail > div:last-child{
    background-color: rgba(255,83,73,0.8);
    position: absolute;
    top:0;
    left:0;
    z-index: 3;
    width:100% !important;
    height:100%;
    display:none;
}

.wish_text p{
    padding-top:10px;
}
.ask_box{border-top:1px solid #000000; margin-top:50px;}

.ask_box table{width:100%; border-collapse: collapse;}

.ask_box table tr td{
    border-collapse: collapse;
    border-bottom:1px solid #d8d8d8;
    
    padding:8px 0 8px 30px;
    
}
.ask_box table tr td:first-child{
    background-color:#f8f8f8;
    width:170px; 
}
.ask_box table tr td:first-child span{
    color:#ff5959;
}
.ask_box table tr td:last-child{
   
    width:680px;
    font-size:13px;
    font-weight:600;
    border-bottom:1px solid #d8d8d8;
}

.ask_box table tr td:last-child span{
     color:#ff5959; line-height:34px;
}
.button_book{
    display:inline-block;
    width:112px; height:32px; 
    border:1px solid #000000;
    color:#000000;
    text-align:center;
    font-size:15px;
    line-height:32px;
    color:#000000;
    margin-left:8px;
}

.textarea1{
    width:618px;
    height:322px;
    padding:15px;

    border:1px solid #d8d8d8;
    resize:none;
}

.ask_list_button_box{
    width:277px; margin:0 auto;
    margin-top:48px;
}

.ask_list{
    margin-top:43px;
    
}
.ask_list > p{
    font-size: 24px;
    line-height: 50px;
    color: #4e4e4e;
    font-weight: bold;
    font-family: "Noto Sans CJ Kkr";
    padding-bottom:10px;
    border-bottom:2px solid #ff5349;
}
.ask_list > div > table{
    width:100%;
    border:0;
}
.ask_list > div > table tr th{
    border:0px;
    height:49px;
    background-color:#f8f8f8;
    font-weight:400;
    
}
.ask_list > div > table tr td{
    border:0px;
    height:49px;
    
}

.ask_list .finish{
    color:#39baf6;
}
.compnay_box{
    margin-top:30px;
}

.compnay_box img{width:100%;}

.company_intro1_top{
    margin-bottom:50px;
    line-height:1.5;
}

.company_intro1_bottom > table {
    width:100%; border-collapse: collapse;
}

.company_intro1_bottom > table  tr td:first-child{
    background-color:lightgrey;
    width:20%;
}

.company_intro2_top{
         margin-bottom:50px;
}
.company_intro2_text{
    text-align:center;
    line-height:1.5;
}

.company_3_div > div{
    line-height:1.2;
}

.company_intro4 {
    line-height:1.2;
}
.com4_ti1{padding:0 0 20px 15px;}

.com4_ti2{ padding:0 0 40px 15px;}

.company_intro4 table{width:100%; border-collapse: collapse; margin:30px 0;}
.company_intro4 table tr td{
    border-collapse: collapse; border:1px solid #e0e0e0;
}

.company_intro4 table tr th{
    border-collapse: collapse; border:1px solid #e0e0e0;
    font-weight:400;
    height:50px;
    background-color:lightgrey;
}

.infor_box{margin-top:30px;}

.infor_box >div{
    line-height:1.2;
}
.customer_div {
    margin-top:50px;
}

.compnay_box2{
    margin-top:30px;
}
.con-tbls  {
    margin-top:20px;
    width:100%;
    border-collapse: collapse;
}
.con-tbls  tr td{
    border-collapse: collapse;
    border:1px solid #000000;
}
.none_border tr td{
    border:0px;
}

/*세번째 로그인 페이지*/
@media(max-width:425px) {
    .sign_enter_table {
        width:470px;
    }
    .sign_enter_table table tr td:first-child {
        width:30px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    .input10 {
        width:324px;
    }
    .certification_table table {
        width:200%;
    }
    .input6 {
        width:177px;
    }
    .input7 {
        width:294px;
        
    }
    .input5 {
        width:135px;
    }
    .input4 {
        width:134px;
    }
    .sign_enter_submit {
        margin:0px;
        padding-left: 110px;
    }
    .member_ti1 {
        padding-left:131px;
        
    }
}

@media(max-width:425px) {
    .certification_box{
        margin:0px; 
    }
    .certi_button_box div.off {
        width:209px;
    }
    .certi_button_box div.on {
        width:211px;
    }
    .certification_table {
        width:63%;
    }
    .certification_table table tr td:last-child {
        padding-left: 0px;
        padding-right:10px;
    }
    .certification_table table tr td:first-child {
        padding-left: 0px;
        text-align: center;
        width:71px;
        font-size: 13px;    
    }
    /*.oh {
        width:74%;
    }*/
    .off_button input {
        width:175px;
    }
    .on_button input {
        width:177px;
    }
    .button2 {
        width:354px;
    }
    .input1 {
        width:733px; 
    }
    .input2 {
        padding-left: 87px;
        padding-right: 90px;
    }
    .input3 {
        width:567px;
    }
    .select1 {
       display:none;
    }
    .enter_button2 {
        margin-right: 430px;
    }
}


/*세번째 로그인 페이지*/
@media(max-width:375px) {
    .certification_box{
        margin:0px; 
    }
    .certi_button_box div.off {
        width:184px;
    }
    .certi_button_box div.on {
        width:184px;
    }
    .certification_table {
        width:63%;
    }
    .certification_table table tr td:first-child {
        width: 67px;
        font-size: 12px;
    }
    .certification_table table tr td:last -child {
        padding-left: 0px;
    }
  /* .oh {
        width:52%;
    }*/
    .off_button input {
        width:156px;
    }
    .on_button input {
        width:157px;
    }
    .button2 {
        width:315px;
    }
    .input1 {
        width:747px;
    }
    .input2 {
        padding-left: 69px;
        padding-right: 70px;
    }
    .input3 {
        width:593px;
    }
    .select1 {
        width:315px;
    }
    .enter_button2 {
        margin-right: 454px;
    }
}


/*세번째 로그인 페이지*/
@media(max-width:320px) {
    .certification_box{
        margin:0px; 
    }
    .certi_button_box div.off {
        width:157px;
    }
    .certi_button_box div.on {
        width:158px;
    }
    .certification_table {
        width:35%;
    }
    .certification_table table tr td:first-child {
        width: 67px;
        font-size: 12px;
    }
    .certification_table table tr td:last-child {
        padding-left: 0px;
    }
    /*.oh {
        width:52%;
    }*/
    .off_button input {
        width:133px;
    }
    .on_button input {
        width:135px;
    }
    .button2 {
        width:270px;
    }
    .input1 {
        width:447px;
    }
    .input2 {
        padding-left: 47px;
        padding-right: 47px;
    }
    .input3 {
        width:248px;
    }
    .select1 {
        width:270px;
    }
    .enter_button2 {
        margin-right: 480px;
    }
}

/*네번째 로그인 페이지*/ 
@media(max-width:320px) {
    .sign_enter_table table tr td:first-child {
        width:11px;
        padding-left:10px;
        padding-right:10px;
        text-align: center;
        font-size: 12px;
    }
    .sign_enter_table table tr td:last-child {
        padding:0px;
    }
    .input8 {
        width:294px;
        text-indent: 0px;
        text-align: center;
    }
    .input9 {
        width:294px;
        padding-left:0px;
        text-align: center;
    }
    .input10 {
        width:286px;
    }
    .button4 {
        width:300px;
    }
    
}
/*상세보기*/
.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1785px;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal.show {
  display: block;
}
.modal2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1785px;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal2.show {
  display: block;
}
.modal3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1785px;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal3.show {
  display: block;
}
.modal4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1785px;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal4.show {
  display: block;
}
.modal_body {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 770px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  transform: translateX(-50%) translateY(-68%);
}
.pop_up_dsign{
    border:0px;
    background-color: #fff;
    text-decoration: underline;
    float: right;
    color: #929292;
    font-size: 18px;
    margin-right: -5px;
    margin-top: 8px;
}
.pop_up_body{
    width: 100%;
    height:55px;
    background-color: var(--main-color);
    font-size: 18px;
    line-height: 55px;
    color: #fffefe;
    font-weight: bold;
    text-align: left;
    border-radius: 10px 10px 0px 0px;
}
.pop_up_times{
    width: 30px;
    height: 35px;
    border: 0px;
    color: #fff;
    float: right;
    background-color: var(--main-color);
    font-size: 30px;
    font-weight: bold;
    margin-right: 25px;
    margin-top: 2px;
}
.pop_text_body{
    width: 628px;
    height: 580px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    margin: 10px;
    font-size: 14px;
    color:#111111;
    font-weight: 300;
    white-space: pre-line; 
    overflow-y: scroll;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
.pop_up_close{
    width: 110px;
    height: 40px;
    border-radius: 6px;
    background-color: #474747;
    color: #fff;
    margin-left: 294px;
    margin-top: 20px;
}