@media screen and (max-width:640px){
    :root {
        --font-hd: .9em;
        --font-exp: .8em;
        --font20: 1.1em;
        --font24: 1.2em;
        --font36: 2em;
        --font-copy: 1.1em;
        --font-ipt: 1.3em;
    }
    main {padding:20px 0 0 0;}
    .inner{position:relative;width:100%;padding:0 10px;box-sizing: border-box;}
    header {position:relative;width:100%;height:75px;background:#FFFFFF;display:flex;font-size:var(--font-hd);justify-content: center;align-items: center;}

    header .inner .gnb_wrap{gap:0 10px;}
    header .inner .gnb_wrap .btn_join_num{width:auto;height:35px;background:#C89B6D;border-radius:40px;padding:0 10px;}

    main.bodyContent {padding-bottom:40px;}
    main.bodyContent .inner .phone{display:none;}

    main.bodyContent .inner .contents {width:100%;}
    main.bodyContent .inner .contents .process_wrapper {height:auto;}
    main.bodyContent .inner .contents .process_wrapper .step_wrapper {justify-content: center;}
    main.bodyContent .inner .contents .process_wrapper .step_wrapper .step{position:relative;width:30%;padding:0 50px;}
    main.bodyContent .inner .contents .process_wrapper .step_wrapper .step::before{position:absolute;content:'';background-image: url('../images/chk.png');width:20px;height:20px;left:20px;}

    main.bodyContent .inner .contents .items_wrapper .content_btn_wrapper {display:none;}

    main.bodyContent .inner .contents .content_form_wrapper{position:relative;width:100%;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper {position:relative;width:100%;background:#FFFFFF;padding:28px 24px;box-sizing: border-box;border-radius:20px;box-shadow: rgba(0,0,0,.2) 0 10px 24px 8px;display:flex;flex-direction:column;gap:30px 0;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .ttl_wrap{position:relative;display:flex;flex-direction: column;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .ttl_wrap .title {color:#505050;font-size:var(--font36);font-weight:700;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .ttl_wrap .stitle {width:60%;color:#FF6B00;font-size:var(--font-hd);}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .form_hd{position:relative;font-size:var(--font24);font-weight:700;color:#505050;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .form_hds{position:relative;font-size:var(--font20);font-weight:700;color:#505050;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .form_hds .stitle{font-weight:400;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .item{display:flex;flex-direction: column;gap:10px 0;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .item .caption{font-size:var(--font-hd);font-weight:700;color:#505050;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .item .caption span{color:#C89B6D;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .item .ipt{position:relative;display:flex;gap:0 10px;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .item .ipt.col{flex-direction: column;gap:10px 0;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .btns_wrap{display:flex;justify-content: center;gap:0 10px;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .btns_wrap .btn{flex:1;height:54px;border-radius:7px;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .btns_wrap .btn.btn_close{background:#E6E6E6;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .btns_wrap .btn.btn_close a{color:#999999;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .btns_wrap .btn.btn_save{background:#C89B6D;color:#FFFFFF;}

    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .polite_wrap {gap:10px 1%;}
    main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .polite_wrap .item{width:48%;}



    footer {padding:20px 10px;}
    footer .inner .copyright_wrapper{flex-direction: column-reverse;justify-content: space-between;}
    footer .inner .copyright_wrapper .p_wrap{width:100%;display:flex;margin-bottom:20px;}


    footer .inner .cont_wrap{width:100%;display:flex;flex-direction:column;justify-content: center;gap:0 30px;align-items:start;}
    footer .inner .cont_wrap .l_part{width:100%;display:flex;flex-direction: column;}

    footer .inner .cont_wrap .l_part .company_wrap{display:flex;flex-direction: column;}
    footer .inner .cont_wrap .l_part .company_wrap .info{padding:19px 0;border-bottom:1px solid #E9E9E9;display:flex;width:100%;}
    footer .inner .cont_wrap .l_part .company_wrap .info .ttl{width:120px;font-size:var(--font-exp);font-weight:700;}
    footer .inner .cont_wrap .l_part .company_wrap .info .txt{font-size:var(--font-exp);font-weight:400;}

    footer .inner .cont_wrap .r_part{width:100%;display:flex;flex-direction: column;}
    footer .inner .cont_wrap .r_part .info{padding:19px 0;border-bottom:1px solid #E9E9E9;display:flex;width:100%;justify-content: start;}
    footer .inner .cont_wrap .r_part .info .ttl{width:120px;font-size:var(--font-exp);font-weight:700;}
    footer .inner .cont_wrap .r_part .info .txt{font-size:var(--font-exp);font-weight:400;}

    .ctrl_wrapper {display:flex;flex-direction: column;gap: 30px 0;}
    input[type=text], input[type=date], input[type=datetime-local]{font-size:var(--font-ipt);}
    input[type=text]:focus {outline:none;}
    input[type=text]::placeholder {color:#999999;font-weight:400;font-size:var(--font-hd)}
    input[type=checkbox] {display:none;}
    input[type=radio] {display:none;}

    textarea{border:1px solid #C89B6D;height:60px;font-size:var(--font-hd);padding:20px 20px;box-sizing:border-box;border-radius:5px;}
    textarea:focus{outline:none;}

    .rdo_group {display:flex;gap:0 20px;align-items: center;}
    .rdo_group .rdo{display:flex;gap:0 15px;align-items: center;}
    .rdo_group label{display:flex;align-items: center;gap:0 10px;}

    .switch_wrap.mo {top:5px;width:auto;height:40px;}
    .switch_wrap .switch{width:100%;height:100%;background:#DEDEDE;display:flex;align-items: center;justify-content:center;gap:0 5px;border-radius:10px;color:#666;cursor:pointer;transition: .5s all;}
    .switch_wrap.mo .switch{padding:0 10px;}
    .switch_wrap .switch.on{background:#C89B6D;color:#FFFFFF;transition: .5s all;flex-direction: row-reverse;}
    .switch_wrap .switch::before{content:'';width:20px;height:20px;background:#FFFFFF;border-radius:50%;}
    .switch_wrap.mo .switch::before{content:'';width:15px;height:15px;background:#FFFFFF;border-radius:50%;}
    .switch_wrap .switch.on::before{display:inline-block;content:'';width:20px;height:20px;background:#FFFFFF;border-radius:50%;}
    .switch_wrap.mo .switch.on::before{width:15px;height:15px;}


    .photo_box .photo{position:relative;width:100%;}
    .photo_box .photo img{width:100%;height:100%;object-fit: contain;}

    .gallery_box {gap:10px 10px;}
    .gallery_box .photo{position:relative;width:48%;height:150px;}
    .gallery_box .photo .btns_wrap{position:absolute;left:0;bottom:0;width:100%;height:30px;background-color: rgba(0,0,0,.7);}
    .gallery_box .btn_wrap{position:relative;width:100%;display: flex;flex-direction:column;justify-content: start;align-items:start;padding:10px 0;color:#FF0000;gap:5px 0;}
    .gallery_box .btn_wrap .btn_sort{position:relative;background:#FF7E00;color:#FFFFFF;border-radius:5px;padding:10px 10px;}
    .gallery_box .gallery_real_box{position:relative;width:100%;display:flex;flex-wrap:wrap;gap:10px 10px;}
    .gallery_box .gallery_real_box.drag{flex-direction: column;}
    .gallery_box .photo{position:relative;width:48%;height:190px;border:1px solid #DEDEDE;box-sizing: border-box;border-radius:10px;overflow: hidden;}

    .skin_wrapper .skin{width:47%;}
    .skin_wrapper .skin .rdo{width:20px;height:20px;}
    .skin_wrapper .skin:hover .rdo{width:20px;height:20px;}
    .skin_wrapper .skin.on .rdo{width:20px;height:20px;}


    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper {padding:28px 10px;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .ttl_wrap{margin-bottom:30px;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .ttl_wrap .title {font-size:var(--font36);font-weight:700;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .ttl_wrap .stitle {font-size:var(--font-hd);}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who{gap:10px 0;flex:1;color:#505050;align-items:center;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .chk{width:7%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .flag{width:15%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .relation{width:15%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .name{width:15%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .hp{width:30%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .stat{width:18%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .btn{display:none;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .foot_btns_wrap{padding:10px 0 30px 0;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .foot_btns_wrap .btn_present{display:inline-block;background:#0a90eb;padding:10px 20px;border-radius:5px;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .foot_btns_wrap .btn_present a{color:#FFFFFF;}


    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .chk{width:7%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .flag{width:15%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .relation{width:15%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .name{width:15%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .hp{width:30%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .stat{width:18%;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .btn {display:none}

    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .btns_wrap{display:flex;justify-content: center;gap:0 10px;padding:30px 0;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .btns_wrap .btn{flex:1;height:54px;border-radius:7px;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .btns_wrap .btn.btn_close{background:#E6E6E6;}
    main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .btns_wrap .btn.btn_close a{color:#999999;}


    /* SNS  로그인 */
    .hmsc_login_wrapper .hmsc_login_wrap{width:90%;}
    #kakao-login-btn{width:93%;height:11vw;}
    #naver_id_login{width:93%;height:11vw;}
    #btnGoogleLogin{width:93%;height:11vw;}

    /* SNS  로그인 */

    div.col {display:flex;flex-direction: column;gap:5px 0;}
    div.row {display:flex;gap:0 5px;}
    input[type="checkbox"] + label:before {
        content: ' ';
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url('../images/cb.png');
    }
    input[type="checkbox"]:checked + label:before {
        background: url('../images/cb_on.png');
    }
    input[type="checkbox"]:checked + label{
        font-weight:700;
    }
    input[type="radio"]:checked + label{
        font-weight:700;
    }

    input[type="radio"] + label:before {
        content: ' ';
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url('../images/rdo.png');
    }
    input[type="radio"]:checked + label:before {
        background: url('../images/rdo_on.png');
    }

    /* 웨딩홀 지도 */
    .hall_map {position:relative;display:none;width:100%;height:300px;}
    /* 웨딩홀 지도 */


    .btn {position:relative;cursor:pointer;display:flex;justify-content: center;align-items:center;font-weight:700;}
    .btn_file_attach {border:1px solid #C89B6D;height:60px;border-radius:5px;text-align:center;color:#666666;font-weight:400;}
    .btn_find_zip {background:#EFEFEF;height:60px;border-radius:5px;text-align:center;color:#666666;font-weight:400;padding:0 20px;}
    .btn a{color:#FFFFFF;}
    .ui-input-text {width:100%;}

    .mw10p {width:10% !important;}
    .mw20p {width:20% !important;}
    .mw30p {width:30% !important;}
    .mw40p {width:40% !important;}
    .mw50p {width:50% !important;}
    .mw60p {width:60% !important;}
    .mw70p {width:70% !important;}
    .mw80p {width:80% !important;}
    .mw90p {width:90% !important;}
    .mw100p {width:100% !important;}
}