:root {
    --font-hd: 18px;
    --font-exp: 15px;
    --font20: 20px;
    --font24: 24px;
    --font36: 36px;
    --font-copy: 20px;
}
section {position:relative;width:100%;}
main {position:relative;width:100%;padding:100px 0 0 0;}
.inner{position:relative;width:1600px;display:flex;justify-content: space-between;align-items:center;}

header {position:relative;width:100%;height:75px;background:#FFFFFF;display:flex;font-size:var(--font-hd);justify-content: center;align-items: center;}
header .inner .logo{background-image: url('../images/mlogo.png');width:160px;height:46px;}
header .inner .gnb_wrap{display:flex;gap:0 36px;align-items: center;}
header .inner .gnb_wrap .btn_join_num{width:154px;height:45px;background:#C89B6D;border-radius:40px;}

main.bodyContent {width:100%;display:flex;justify-content: center;padding-bottom:120px;}
main.bodyContent .inner .phone_wrap{position:relative;width:430px;}
main.bodyContent .inner .phone{position:fixed;top:120px;width:430px;height:850px;background-image: url('../images/phone.png');padding:55px 26px;box-sizing:border-box;zoom:.8;}
main.bodyContent .inner .phone.fixed{position:fixed;top:1%;z-index:9;transition: 1s all;}
main.bodyContent .inner .phone iframe{width:100%;height:100%;border-radius:10px;}

main.bodyContent .inner .contents {width:1076px;height:100%;display:flex;flex-direction: column;align-items: start;}
main.bodyContent .inner .contents .process_wrapper{width:100%;height:322px;background:#FFFFFF;padding:28px 24px;box-sizing: border-box;border-radius:20px;box-shadow: rgba(0,0,0,.2) 0 10px 24px 8px;}
main.bodyContent .inner .contents .process_wrapper .ttl{font-size:var(--font-hd);font-weight:700;color:#0B0D0F;margin-bottom:10px;}
main.bodyContent .inner .contents .process_wrapper .sttl{font-size:var(--font-exp);font-weight:400;color:#868A93;margin-bottom:16px;}
main.bodyContent .inner .contents .process_wrapper .process_bar{position:relative;width:100%;height:6px;background:#EEEEEE;border-radius:100px;}
main.bodyContent .inner .contents .process_wrapper .process_bar .bar{position:relative;height:100%;background:#C89B6D;border-radius:100px;width:0;}
main.bodyContent .inner .contents .process_wrapper .process_bar .percent{position:absolute;right:0;top:-50px;color:#C89B6D;font-size:var(--font36);font-weight:700;}

main.bodyContent .inner .contents .process_wrapper .step_wrapper{position:relative;width:100%;display:flex;flex-wrap: wrap;gap:8px 8px;margin:16px 0 0 0;}
main.bodyContent .inner .contents .process_wrapper .step_wrapper .step{position:relative;width:337px;height:52px;background: #F9F4EE;border-radius:20px;display:flex;align-items: center;font-size:var(--font-hd);font-weight:700;padding:0 64px;box-sizing: border-box;cursor:pointer;}
main.bodyContent .inner .contents .process_wrapper .step_wrapper .step a{width:100%;height:100%;display:flex;align-items: center;}
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 .process_wrapper .step_wrapper .step.on{background: #faecde;}
main.bodyContent .inner .contents .process_wrapper .step_wrapper .step.on::before{background-image: url('../images/chk_on.png');}

main.bodyContent .inner .contents .items_wrapper {width:100%;margin:60px 0 0 0;}
main.bodyContent .inner .contents .items_wrapper .title {color:#505050;font-size:var(--font36);font-weight:700;}
main.bodyContent .inner .contents .items_wrapper .stitle {color:#FF6B00;font-size:var(--font-hd);}
main.bodyContent .inner .contents .items_wrapper .items_wrap {width:100%;display:flex;flex-wrap:wrap;gap:30px 50px;margin:40px 0 0 0;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item{position:relative;display:flex;justify-content:space-between;gap:0 20px;width:325px;height:140px;background: #FFFFFF;border-radius:20px;padding:24px;box-sizing: border-box;box-shadow: rgba(0,0,0,.1) 0 10px 24px 8px;cursor:pointer;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item.on{background: #e0e9ef;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item.on::after{position:absolute;content:'';background-image: url('../images/check.png');width:20px;height:20px;right:10px;top:10px;background-size: 100%;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item .pic{width:92px;height:92px;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item .info{display: flex;flex-direction: column;gap:10px 0;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item .info .ttl{font-size:var(--font-hd);font-weight:700;color:#0B0D0F;}
main.bodyContent .inner .contents .items_wrapper .items_wrap .item .info .exp{font-size:var(--font-exp);font-weight:400;color:#868A93;}

main.bodyContent .inner .contents .items_wrapper .items_add_wrap {width:100%;display:flex;flex-wrap:wrap;gap:30px 30px;margin:40px 0 0 0;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item{display:flex;justify-content:space-between;gap:0 20px;width:522px;height:124px;background: #FFFFFF;border-radius:20px;padding:16px 24px;box-sizing: border-box;box-shadow: rgba(0,0,0,.1) 0 10px 24px 8px;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item.i01{background:#E2EFFF;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item.i02{background: #dfcdee;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item.i03{background: #c4e8e3;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item.i04{background: #d3eccd;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item .pic{width:92px;height:92px;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item .info{height:100%;display: flex;flex-direction: column;gap:10px 0;justify-content: space-between;padding:10px 0;box-sizing: border-box;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item .info .ttl{font-size:var(--font-hd);font-weight:700;color:#0B0D0F;}
main.bodyContent .inner .contents .items_wrapper .items_add_wrap .item .info .exp{font-size:var(--font-exp);font-weight:400;color:#868A93;}

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 {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;padding:30px 0;}
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 {width:100%;display:flex;flex-wrap: wrap;gap:40px 20px;}
main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .polite_wrap .item{width:30%;border:1px solid #DEDEDE;padding:20px;box-sizing: border-box;border-radius:10px;cursor:pointer;}
main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .polite_wrap .item:hover{border:1px solid #d9b499;background: #e8c5a0;color:#FFFFFF;}
main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .polite_wrap .item.on{background:#e8c5a0;color:#FFFFFF;}
main.bodyContent .inner .contents .content_form_wrapper .form_wrapper .polite_wrap .item .txt{font-size:var(--font-exp);line-height:1.5;}

main.bodyContent .inner .contents .content_form_wrapper{position:relative;width:100%;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper {position:relative;width:100%;background:#FFFFFF;border-radius:20px;padding:28px 24px;box-sizing: border-box;box-shadow: rgba(0,0,0,.2) 0 10px 24px 8px;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .visit_list_cover{position:relative;display:flex;flex-direction: column;padding:28px 24px;box-sizing: border-box;max-height:700px;overflow-y:auto;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .ttl_wrap{position:relative;display:flex;flex-direction: column;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .ttl_wrap .title {color:#505050;font-size:var(--font36);font-weight:700;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .ttl_wrap .stitle {color:#FF6B00;font-size:var(--font-hd);}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item{display:flex;gap:0 10px;justify-content: space-between;border-bottom:1px dotted #DEDEDE;padding:0 0 20px 0;margin:0 0 20px 0 !important;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who{display:flex;flex-direction: column;gap:10px 0;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who .none{width:100%;padding:30px 0;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who .caption{font-size:var(--font-hd);font-weight:700;color:#505050;display:flex;flex-direction:column;gap:10px 0;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who .caption .p_wrap{display:flex;gap:0 10px;align-items:center;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who .caption .p_wrap .photo{width:2.5rem;height:2.4rem;border-radius:50%;overflow:hidden;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who .caption .p_wrap .photo img{width:100%;height:100%;object-fit:cover;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .who .txt{line-height:1.5;padding:0 5px;box-sizing: border-box;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .btn .del{background:#666;padding:5px 10px;border-radius:5px;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .item .btn .del a{color:#FFFFFF;font-size:var(--font-exp);}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .btns_wrap{display:flex;justify-content: center;gap:0 10px;padding:30px 0;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .btns_wrap .btn{flex:1;height:54px;border-radius:7px;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .btns_wrap .btn.btn_close{background:#E6E6E6;}
main.bodyContent .inner .contents .content_form_wrapper .visit_wrapper .btns_wrap .btn.btn_close a{color:#999999;}

main.bodyContent .inner .contents .content_form_wrapper{position:relative;width:100%;}
main.bodyContent .inner .contents .content_form_wrapper .join_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:0 0;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .ttl_wrap{position:relative;display:flex;flex-direction: column;margin-bottom:30px;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .ttl_wrap .title {color:#505050;font-size:var(--font36);font-weight:700;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .ttl_wrap .stitle {color:#FF6B00;font-size:var(--font-hd);}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head{display:flex;gap:0 10px;justify-content: space-between;border-bottom:1px dotted #DEDEDE;padding:20px 0 20px 0;border-top:2px solid #666;background:#f8f8f8}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who{display:flex;gap:10px 0;flex:1;color:#505050;align-items:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .chk{width:5%;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .flag{width:10%;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .relation{width:10%;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .name{width:10%;font-size:var(--font-hd);text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .hp{width:20%;font-size:var(--font-hd);text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .who .stat{width:10%;padding:0 5px;box-sizing: border-box;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .who_head .btn{padding:0 10px;}
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{display:flex;gap:0 10px;justify-content: space-between;border-bottom:1px dotted #DEDEDE;padding:10px 0;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who{display:flex;gap:10px 0;flex:1;color:#505050;align-items:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .none{width:100%;padding:30px 0;text-align: center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .chk{width:5%;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .flag{width:10%;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .relation{width:10%;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .name{width:10%;font-size:var(--font-hd);font-weight:700;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .hp{width:20%;font-size:var(--font-hd);font-weight:400;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .who .stat{width:10%;padding:0 5px;box-sizing: border-box;text-align:center;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .btn {padding:0 10px;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .btn .btn_present{background:#666;padding:5px 10px;border-radius:5px;}
main.bodyContent .inner .contents .content_form_wrapper .join_wrapper .item .btn .btn_present a{color:#FFFFFF;font-size:var(--font-exp);}
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;}


footer {position:relative;width:100%;display:flex;justify-content: center;background: #F9F9F9;padding:70px;box-sizing: border-box;}
footer .inner{justify-content: center;gap:0 30px;flex-direction:column;align-items:start;}
footer .inner .copyright_wrapper{position:relative;width:100%;display:flex;justify-content: space-between;}
footer .inner .copyright_wrapper .copyright{font-size:var(--font-copy);font-weight:700;}
footer .inner .copyright_wrapper .p_wrap{width:720px;display:flex;margin-bottom:70px;gap:0 40px;font-size:var(--font-exp)}
footer .inner .copyright_wrapper .p_wrap div{border-bottom:1px solid #000000;color:#000000;}

footer .inner .cont_wrap{width:100%;display:flex;justify-content: center;gap:0 30px;align-items:start;}
footer .inner .cont_wrap .l_part{width:720px;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:300px;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:720px;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:300px;font-size:var(--font-exp);font-weight:700;}
footer .inner .cont_wrap .r_part .info .txt{font-size:var(--font-exp);font-weight:400;}

.skin_wrapper {position:relative;width:100%;display:flex;gap:20px 20px;flex-wrap:wrap;}
.skin_wrapper .skin{position:relative;display:flex;flex-direction: column;width:230px;justify-content: center;align-items: center;gap:20px 0;cursor:pointer;}
.skin_wrapper .skin .pic{}
.skin_wrapper .skin .pic img{width:100%;}
.skin_wrapper .skin .rdo{border:1px solid #DEDEDE;width:30px;height:30px;border-radius:50%;}
.skin_wrapper .skin:hover .rdo{border:1px solid #c28e59;width:30px;height:30px;border-radius:50%;background:#C89B6D}
.skin_wrapper .skin.on .rdo{border:1px solid #c28e59;width:30px;height:30px;border-radius:50%;background:#C89B6D}

.music_box {display:flex;width:100%;gap:0 20px;}
.music_box .music_rdo{border:1px solid #C89B6D;height:60px;border-radius:5px;display:flex;justify-content: center;align-items: center;cursor:pointer;font-size:var(--font-hd);font-weight:700;}
.music_box .music_rdo:hover{background:#C89B6D;color:#FFFFFF;}
.music_box .music_rdo.on{background:#C89B6D;color:#FFFFFF;}
.music_box .btn_music{flex:1;border:1px solid #DEDEDE;height:60px;background:#DEDEDE;border-radius:5px;display:flex;justify-content: center;align-items: center;}

.font_box {display:flex;width:100%;gap:0 20px;}
.font_box .font_rdo{border:1px solid #C89B6D;height:60px;border-radius:5px;display:flex;justify-content: center;align-items: center;cursor:pointer;}
.font_box .font_rdo:hover{background:#C89B6D;color:#FFFFFF;}
.font_box .font_rdo.on{background:#C89B6D;color:#FFFFFF;}
.font_box .btn_font{flex:1;border:1px solid #DEDEDE;height:60px;background:#DEDEDE;border-radius:5px;display:flex;justify-content: center;align-items: center;}

.effect_box {display:flex;width:100%;gap:0 20px;}
.effect_box .effect_rdo{border:1px solid #C89B6D;height:60px;border-radius:5px;display:flex;justify-content: center;align-items: center;cursor:pointer;}
.effect_box .effect_rdo:hover{background:#C89B6D;color:#FFFFFF;}
.effect_box .effect_rdo.on{background:#C89B6D;color:#FFFFFF;}
.effect_box .btn_font{flex:1;border:1px solid #DEDEDE;height:60px;background:#DEDEDE;border-radius:5px;display:flex;justify-content: center;align-items: center;}

.ipt_alert_box {color:#FF0000;}

/* SNS  로그인 */
.hmsc_login_wrapper {position:fixed;left:0;top:-100vh;background-color: rgba(0,0,0,.6);width:100%;height:100vh;z-index:90;display:flex;justify-content: center;align-items: center;}
.hmsc_login_wrapper.on {top:0;transition: 1s all;}
.hmsc_login_wrapper .hmsc_login_wrap{position:relative;width:400px;background: #FFFFFF;padding:30px;box-sizing:border-box;border-radius:20px;display:flex;flex-direction: column;align-items:center;gap:30px 0;}
.hmsc_login_wrapper .hmsc_login_wrap .sns-title{position:relative;color:#000;font-size:var(--font24);font-weight: 700;}
.hmsc_login_wrapper .hmsc_login_wrap .sns-wrapper{position:relative;width:100%;display:flex;flex-direction: column;gap:10px 0;}
.hmsc_login_wrapper .hmsc_login_wrap .sns-wrapper a{position:relative;display:flex;justify-content: center;}
/* SNS  로그인 */
.ctrl_wrapper {display:flex;flex-direction: column;gap: 30px 0;}
.align-right {float:right;font-size:var(--font-exp);display:flex;gap:0 20px;}
.align-right label{display:flex;align-items: center;gap:0 10px;}
.up_image_hall img{max-width:300px;}
input[type=text], input[type=date], input[type=datetime-local]{border:1px solid #C89B6D;height:60px;font-size:var(--font-hd);padding:0 20px;box-sizing:border-box;border-radius:5px;}
input[type=text]:focus {outline:none;}
input[type=text]::placeholder {color:#999999;font-weight:400;}
input[type=checkbox] {display:none;}
input[type=radio] {display:none;}

.info-row {display:flex;justify-content: center;gap:0 10px;border-top:1px dotted #DEDEDE;padding:50px 0 0 0;}
.info-row .btn_link {background:#61677f;color:#FFFFFF;width:40%;padding:20px 0;border-radius:10px;text-align:center;border:1px solid #666;}
.info-row .btn_link a{display:block;width:100%;height:100%;color:#FFFFFF;}
.info-row .btn_kakao {background: #ffff00;color:#000;width:40%;padding:20px 0;border-radius:10px;text-align:center;border:1px solid #dedede;}
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 {position:absolute;right:5px;height:50px;top:5px;width:120px;display:flex;justify-content: center;align-items: center;}
.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;font-size:var(--font-hd);font-weight:400;}
.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 .switch.on::before{display:inline-block;content:'';width:20px;height:20px;background:#FFFFFF;border-radius:50%;}

.photo_box {position:relative;width:100%;display:flex;flex-wrap:wrap;margin-bottom:50px;}
.photo_box .photo{position:relative;width:300px;}
.photo_box .photo img{max-width:100%;max-height:100%;object-fit: contain;}

.gallery_box {position:relative;width:100%;}
.gallery_box .btn_wrap{position:relative;width:100%;display: flex;justify-content: start;padding:0 0 10px 0;color:#FF0000;gap:0 10px; align-items:center;}
.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;justify-content: start;}

.gallery_box .photo{position:relative;width:190px;height:190px;border:1px solid #DEDEDE;box-sizing: border-box;border-radius:10px;overflow: hidden;}
.gallery_box .photo img{width:100%;height:100%;object-fit: cover;object-position: center}
.gallery_box .photo .ctrl_wrap{position:absolute;left:0;bottom:0;width:100%;height:40px;background-color: rgba(0,0,0,.7);font-size:var(--font-hd);}
.gallery_box .photo .ctrl_wrap .btn_del{display:flex;width:100%;height:100%;justify-content: center;align-items: center;color:#FFFFFF;}
.gallery_box .photo .ctrl_wrap a{display:flex;width:100%;height:100%;justify-content: center;align-items: center;color:#FFFFFF;}

.btn_rotate{position:absolute;top:10px;right:10px;background:#FFFFFF;border-radius:50%;}
.btn_rotate .rotate{position:relative;background-image: url('../images/icon_rotate.png');width:30px;height:30px;background-size: 100%;border-radius:50%;overflow: hidden;}
.btn_rotate .rotate .loading{position:absolute;}
.btn_rotate .rotate a{display:block;width:100%;height:100%;}

.video_wrapper {position:relative;width:100%;}
.video_wrapper .video_wrap {position:relative;width:360px;height:240px;border-radius:10px;overflow: hidden;padding:10px;box-sizing: border-box;background:#000000;}
.video_wrapper .video_wrap video{position:relative;width:100%;height:100%;}
.video_wrapper .video_wrap .controls{position:absolute;width:100%;height:30px;left:0;bottom:0;background-color:rgba(255,0,0,.5);}
.video_wrapper .video_wrap .controls a{display:flex;width:100%;height:100%;justify-content: center;align-items: center;color:#FFFFFF;}
.sns_kakao {display:flex;justify-content: center;}
.sns_naver {display:flex;justify-content: center;}
.sns_google {display:flex;justify-content: center;cursor:pointer;}

.rotate1 {transform: rotate(90deg);}
.rotate2 {transform: rotate(180deg);}
.rotate3 {transform: rotate(270deg);}
.rotate4 {transform: rotate(360deg);}

.ui-sortable-handle.move td{display:none !important;}
.drag-placeholder {
    border: 3px dotted rgb(255, 0, 0);
    margin: 0 10px 10px 0;
    width: 190px;
    height: 190px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(231, 136, 107);
    box-sizing:border-box;
}

#naver_id_login{
    background-image:url('../images/naver_login.png');
    width:324px;height:50px;
    background-size:contain;
    overflow:hidden;
    background-repeat: no-repeat;
}
#naver_id_login a {
    display:block;width:100%;height:100%;
}
#naver_id_login a img {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#btnGoogleLogin{
    background-image:url('../images/google_login.png');
    width:324px;height:50px;
    background-size:contain;
    overflow:hidden;
    background-repeat: no-repeat;
}
#kakao-login-btn{
    background-image:url('../images/kakao_login.png');
    width:324px;height:50px;
    background-size:contain;
    overflow:hidden;
    background-repeat: no-repeat;
}
#kakao-login-btn a{
    display:block;width:100%;height:100%;
}
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');
}

.sfont01 {
    font-family:'Pretendard',sans-serif;
    font-weight: 400;
    font-style: normal;
}
.sfont02 {
    font-family: "Nanum Myeongjo", serif;
    font-weight: 400;
    font-style: normal;
}
.sfont03 {
    font-family: "Gamja Flower", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:23px;
}
.sfont04 {
    font-family: "Cute Font", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:28px;
}
.sfont05 {
    font-family: "Nanum Brush Script", cursive;
    font-weight: 400;
    font-style: normal;
    font-size:25px;
}
.sfont06 {
    font-family: "Sunflower", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size:20px;
}

/* 웨딩홀 지도 */
.hall_map {position:relative;display:none;width:100%;height:400px;}
.hall_map > .map_cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.1);box-sizing: border-box;z-index:99;}
.hall_map > .map_cover > p{position:absolute;right:10px;bottom:10px;display:inline-block;background:#000000;color:#FFFFFF;padding:10px 10px;border-radius:10px;box-sizing:border-box;font-size:var(--font-exp);text-align:center;}
.hall_map > .map_cover > p > .btn_map_move{background:yellow;color:#000000;border-radius:5px;padding:3px 10px;}
.hall_map > #map{width:100%;height:100%;}
/* 웨딩홀 지도 */


.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:#000;height:60px;border-radius:5px;text-align:center;color:#666666;font-weight:400;padding:0 20px;}
.btn_find_zip a{display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.btn a{color:#FFFFFF;}
.ui-input-text {width:100%;}
.w10p {width:10%;}
.w20p {width:20%;}
.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}

.h100 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}
.h500 {height:500px;}