@charset "UTF-8"; 

/** common **/
#registerContents .toggle-button { position: relative; display: inline-block; height:20px; line-height: 20px; color: #333; } 
#registerContents .toggle-button label { display: inline-block; text-transform: uppercase; cursor: pointer; text-align: left; } 
#registerContents .toggle-button input { display: none; } 
#registerContents .toggle-button__icon { cursor: pointer; pointer-events: none; } 
#registerContents .toggle-button__icon:before, .toggle-button__icon:after { content: ""; position: absolute; top: 45%; left: 35%; transition: 0.2s ease-out; } 
#registerContents .toggle-button input { display: none; } 
#registerContents .toggle-button--tuli label { line-height: 20px; text-indent: 30px; font-weight: normal; } 
#registerContents .toggle-button--tuli input[type=checkbox]:checked ~ .toggle-button__icon,
#registerContents .toggle-button--tuli input[type=radio]:checked ~ .toggle-button__icon { background: #fff; border:2px solid #7FBE6A; } 
#registerContents .toggle-button--tuli input[type=checkbox]:checked ~ .toggle-button__icon:before,
#registerContents .toggle-button--tuli input[type=checkbox]:checked ~ .toggle-button__icon:after,
#registerContents .toggle-button--tuli input[type=radio]:checked ~ .toggle-button__icon:before,
#registerContents .toggle-button--tuli input[type=radio]:checked ~ .toggle-button__icon:after { opacity: 1; } 

#registerContents .toggle-button--tuli.toggle-button-radio .toggle-button__icon { border-radius: 10px; } 
#registerContents .toggle-button--tuli .toggle-button__icon { position: absolute; top: 1px; left: 1px; width: 20px; height: 20px; transition: all 0.2s; border: 2px solid #ccc; } 
#registerContents .toggle-button--tuli .toggle-button__icon:before, 
#registerContents .toggle-button--tuli .toggle-button__icon:after { left: 2.5px; width: 10px; height: 3px; border-radius: 3px; background: #fff; top: 30%; background: #ff9cf0; opacity: 0; transform-origin: left center; } 


#registerContents .toggle-button--tuli .toggle-button__icon:before { transform: translate(0, 0) rotate(45deg) scale(0.6, 1); } 
#registerContents .toggle-button--tuli .toggle-button__icon:after { transform: translate(4px, 6px) rotate(-45deg); } 

#registerContents .toggle-button--tuli:hover input[type=checkbox]:not(:checked) ~ .toggle-button__icon,
#registerContents .toggle-button--tuli:hover input[type=radio]:not(:checked) ~ .toggle-button__icon { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } 

#registerContents .register_wrap { max-width: 1300px; margin: 0 auto; } 
#registerContents h2 { letter-spacing: -1.5px; font-weight: bold; } 
#registerContents .register_step { background:#f8f8f8; padding:38px 0 50px; } 
#registerContents .register_step ol { display: table; width: 100%; padding:0; margin:0 auto; } 
#registerContents .register_step ol::after { content:""; display: block; clear: both; } 
#registerContents .register_step li { position: relative; float: left; width: calc(100% / 3); font-size:16px; color:#ccc; text-align: center; } 
#registerContents .register_step li.on,
#registerContents .register_step li.on2 { color:#305d52; font-weight: 500; } 

#registerContents .register_step li .ico_step { position: relative; top:10px; display: inline-block; width: 36px; height: 36px; margin-right: 10px; } 
#registerContents .register_step li:nth-child(1) .ico_step { background: url(/img/register/01_off.svg) no-repeat; background-size: 100% 100%; } 
#registerContents .register_step li:nth-child(2) .ico_step { background: url(/img/register/02_off.svg) no-repeat; background-size: 100% 100%; } 
#registerContents .register_step li:nth-child(3) .ico_step { background: url(/img/register/03_off.svg) no-repeat; background-size: 100% 100%; } 

#registerContents .register_step li.on:nth-child(1) .ico_step { background: url(/img/register/01_on.svg) no-repeat; background-size: 100% 100%; } 
#registerContents .register_step li.on:nth-child(2) .ico_step { background: url(/img/register/02_on.svg) no-repeat; background-size: 100% 100%; } 
#registerContents .register_step li.on:nth-child(3) .ico_step { background: url(/img/register/03_on.svg) no-repeat; background-size: 100% 100%; } 

#registerContents .register_step li:nth-child(2):before,
#registerContents .register_step li:nth-child(2):after { content:""; position: absolute; top:19px; left:0; width: 10px; height: 18px; background:url(/img/register/ico_right.svg) no-repeat 0 0; background-size: 100%; } 
#registerContents .register_step li:nth-child(2):after { left: inherit; right:0; } 
#registerContents .register_step li.on:nth-child(2):before { content:""; position: absolute; top:19px; left:0; width: 10px; height: 18px; background:url(/img/register/ico_right_on.svg) no-repeat 0 0; } 

#registerContents .register_step01 { margin:90px 0 50px; text-align: center;} 
#registerContents .register_title {text-align: center; margin-top: 60px;}
#registerContents .register_title p {font-size: 30px; line-height: 44px; letter-spacing: -0.75px; margin-bottom: 0;}
#registerContents .img_contents { margin:65px 0; } 
#registerContents .btn_wrap .btn { position: relative; max-width: 243px; width: 100%; height: 55px; line-height: 55px; font-size:16px; font-weight: 500; text-align: left; padding:0 0 0 24px; } 
#registerContents .btn_wrap .btn.type01 { border:1px solid #009473; box-sizing: border-box; color:#009473; } 
#registerContents .btn_wrap .btn.type01:after { content:"▶"; font-size:8px; float:right; margin-right:24px;} 
#registerContents .btn_wrap .btn.type02 { background: #009473; color:#fff; } 
#registerContents .btn_wrap.type02 .btn {max-width: 300px; width: 49%; margin-right: 2%;}
#registerContents .btn_wrap.type02 .btn:last-child {margin-right: 0;}

#registerContents .deardeer_notice { margin-top: 100px; text-align: left;} 
#registerContents .deardeer_notice dl { max-width: 920px; border:1px solid #ccc; box-sizing: border-box; margin: 0 auto; padding:40px 68px 34px; } 
#registerContents .deardeer_notice dt { font-size: 14px; line-height: 26px; } 
#registerContents .deardeer_notice dd { position: relative; font-size: 14px; line-height: 26px; padding-left:12px; } 
#registerContents .deardeer_notice dd:before { content:""; position: absolute; top:12px; left:0; width: 4px; height:4px; background:#333; border-radius: 50%; } 


/** 회원가입 STEP02 **/
#registerContents .register_form { max-width:900px; margin:80px 0; padding:0 15px;} 
#registerContents .register_form .ti_l { text-indent: 28px; } 
#registerContents .register_form p { margin:0; } 
#registerContents .register_form li { margin:30px 0; line-height: 40px; } 
#registerContents .register_form li:after { content:""; display: block; clear: both; } 
#registerContents .register_form .form_title { min-width: 100px; max-width:300px; width: 100%; float: left; font-size:16px; color:#333; font-weight: 500; } 
#registerContents .register_form .form_title .fa-asterisk { color:#FF9CF0; margin-right: 6px; } 
#registerContents .register_form .form_content { float: left; width: calc(100% - 300px); } 
#registerContents .register_form .form_content * { font-size: 16px; } 
#registerContents .register_form .form_content .radio_box { height: 40px; } 
#registerContents .register_form .form_content .radio_box label { margin-right: 30px; cursor: pointer; } 
#registerContents .register_form .form_content .radio_box .toggle-button--tuli:last-child label { margin-right: 0; } 
#registerContents .register_form .form_content select { display: inline-block; width: 100px; height: 40px; margin-left: 20px; border:1px solid #e1e1e1; background:url(/img/register/ico_select_arr.svg) no-repeat 95%; background-size:14px; box-sizing: border-box; -webkit-appearance: none; appearance:none;}
#registerContents .register_form .form_content select::-ms-expand {display:none} 
#registerContents .register_form .form_content select:nth-of-type(1) { margin-left: 0; } 
#registerContents .register_form .form_content .inp { width: 100%; height: 40px; border:1px solid #e1e1e1; box-sizing: border-box; text-indent: 10px; -webkit-appearance: none; border-radius: 0;} 
#registerContents .register_form .form_content .inp::placeholder { font-size:14px; color:#999; font-weight: 300; } 
#registerContents .register_form .form_content .inp:read-only {background:#eee;}
#registerContents .register_form .form_content .inp.user_id {width: calc(100% - 75px);}
#registerContents .register_form .form_content .inp.user_id + .wh_btn {float: right;}
#registerContents .register_form .form_content .inp.search_inp {display:inline-block; vertical-align: middle; width: 150px;} 
#registerContents .register_form .form_content .inp.search_inp02 { margin:10px 0; } 
#registerContents .register_form .form_content .wh_btn { width: 70px; height: 40px; line-height: 40px; font-size:13px; padding: 0; border:1px solid #e1e1e1; margin-left: 5px; } 

#registerContents .register_form .form_content .birthday_box {display:inline-block;}
#registerContents .register_form .form_content .birthday_box .inp {width:100px; margin:0 4px 0 20px; }
#registerContents .register_form .form_content .birthday_box .inp:nth-child(1) {margin-left:0;}

#registerContents .register_form .form_content .phone_number { width: 95px; } 
#registerContents .register_form .form_content .phone_check { margin-top: 10px; } 
#registerContents .register_form .form_content .phone_check label { font-size:14px; color:#009474; font-weight: 500; margin-bottom: 0; } 
#registerContents .register_form .form_content .phone_check .check_text { line-height:20px; font-size:13px; color:#666; font-weight: 300; margin:4px 0 0 28px; } 
#registerContents .register_form .form_content .phone_check .auth_text { line-height:20px; font-size:13px; color:#009474; font-weight: 500; margin-top:4px; } 

#registerContents .register_form .form_content .email_wrap .email_inp { width: 27%; } 
#registerContents .register_form .form_content .email_wrap .form-control { width: 164px; } 
#registerContents .register_form .form_content .email_wrap .add_input { margin-top: 10px; } 
#registerContents .register_form .form_content .email_wrap span { margin: 0 10px; } 
#registerContents .register_form .form_content .date_wrap .inp { position: relative; width: 180px; background:url(/img/register/icon_calender.svg) no-repeat 93%; } 

#registerContents .register_form .form_content .form_radio_list li { display: inline-block; height: 40px; line-height: 40px; margin:0 40px 0 0; } 
#registerContents .register_form .form_content .form_radio_list li:last-child { margin-right: 0; } 

#registerContents .f_banner_wrap {border-bottom: 1px solid #e9e9e9; padding:0 10px 90px; margin-bottom: 90px;}
#registerContents .swiper-register-banner .swiper-wrapper {height: auto;}
#registerContents .swiper-register-banner .swiper-pagination {text-align: left; padding-left: 2.5%; bottom:15px;}
#registerContents .swiper-register-banner .swiper-pagination-bullet {background: #000; opacity: 0.2;}
#registerContents .swiper-register-banner .swiper-pagination-bullet-active {opacity: 0.6;}

.panel .panel-footer {padding:0;}



/*이용약관
------------------------------------------*/

.cont_a_in.check_all_area.step01 {padding-top: 100px; padding-bottom: 100px}
#registerContents .agreement_wrap .term_s .term_b .txt_a {height:510px; border:0;}
#registerContents .agreement_wrap .term_s .use_policy { margin-top: 10px; } 
#registerContents .agreement_wrap .term_s .use_policy label { font-size:1em; color:#009474; font-weight: 500; margin-bottom: 0; } 
#registerContents .agreement_wrap .term_s .use_policy .check_text { line-height:20px; font-size:13px; color:#666; font-weight: 300; margin:4px 0 0 28px; } 

/* 회원정보수정 */
#registerContents.edit .register_form {margin:60px 0;}
#registerContents.edit .panel-footer {border-top: 1px solid #e9e9e9; padding-top: 80px;}
#registerContents.edit .panel-heading {position: relative;}
#registerContents.edit .leave_btn {position: absolute; right:0; bottom:30px;}


/* 회원가입완료 */
#registerContents.comp .register_form {max-width: 620px; border-top: 2px solid #333; margin:90px auto; padding:0;}
#registerContents.comp .register_form li {margin:0; padding:12px 0; border-bottom: 1px solid #e5e5e5;}
#registerContents.comp .register_form .form_title {text-align: center;}
#registerContents.comp .register_form .form_content p {color:#000; font-weight: 500;} 

#registerContents.comp .panel-footer {max-width:620px; margin: 0 auto; padding:0;}
#registerContents.comp .btn_wrap .btn {text-align: center; padding: 0;}
#registerContents.comp .btn_wrap .btn::after {content: none;}



/* 중복아이디 */
#registerContents .duplicate .register_title p {line-height: 36px; font-weight: 500;}
#registerContents .duplicate .register_title .point01 {color:#009474;}
#registerContents .duplicate .register_title .rt_text {font-size:14px; line-height: 20px; font-weight: 500; margin-top: 20px;}
#registerContents .duplicate .panel-footer {margin: 90px auto 40px;}

/* 네이버회원 안내 문구 */
.naver_info_text {margin-top:30px; padding:0 40px; word-break: keep-all;}

body, .navbar-fixed-top, .navbar-fixed-bottom {background: #fff;}
@media screen and (max-width: 1300px){
    #registerContents h2 {margin-left: 15px;}

    /* 회원정보수정 */
    #registerContents.edit .leave_btn {right:15px;}
}

@media screen and (max-width:1024px){

    
    #registerContents .register_form .form_content select,
    #registerContents .register_form .form_content .birthday_box .inp {width: 70px;}
    #registerContents .register_form .form_content .radio_box label {margin-right: 10px;}
}

@media screen and (min-width: 801px){
    #registerContents .m_content {display: none;}
}
@media (max-width: 800px) {
    
    #registerContents .pc_content {display: none;}
    #registerContents .register_title p {font-size: 24px; line-height: normal;}

    /* step01 */
    #registerContents h2 { margin-top: 10px; text-indent: 15px; } 
    #registerContents .register_step { padding:14px 0 20px; } 
    #registerContents .register_step li:nth-child(2):before, 
    #registerContents .register_step li:nth-child(2):after { top:26px; } 
    #registerContents .register_step li .ico_step { display: block; width: 24px; height: 25px; margin: 0 auto 14px; } 
    
    #registerContents .register_step01 { margin: 45px 0 25px; } 
    #registerContents .img_contents { margin: 35px 0; } 
    #registerContents .deardeer_notice { margin: 85px 15px 0; } 
    #registerContents .deardeer_notice dl { padding:40px 25px; } 

    /* step02 */
    #registerContents .register_form .form_content {width:calc(100% - 200px);}
    #registerContents .register_form .form_content * { font-size: 14px; } 
    #registerContents .register_form {margin:40px 0; } 
    #registerContents .register_form li.wedding_hall01 {margin-bottom: 0;}
    #registerContents .register_form li.wedding_hall02 {margin:0 0 30px;}
    #registerContents:not(.comp) .register_form li.dpil .form_title { width: 100px; } 
    #registerContents:not(.comp) .register_form li.dpil .form_content { width: calc(100% - 100px); text-align: right; } 
    #registerContents:not(.comp) .register_form li:not(.dpil) .form_title { min-width: inherit; width: auto; margin-bottom: 4px; } 
    #registerContents:not(.comp) .register_form li:not(.dpil) .form_content { min-width: inherit; width: calc(100% - 28px); float: right; } 


    #registerContents .register_form .form_content .select_number { width: 72px; } 
    #registerContents .register_form .form_content .phone_number { width: 65px; } 

    #registerContents .register_form .form_content .select_box,
    #registerContents .register_form .form_content .radio_box { float: none; } 

    #registerContents .register_form .form_content .year_select { width: 80px; } 
    #registerContents .register_form .form_content .date_select { width: 55px; } 

    #registerContents .register_form .form_content .email_wrap .email_inp {width: 130px;} 
    #registerContents .register_form .form_content .email_wrap .form-control { display: block; width: 289px; margin-top: 10px;} 
    #registerContents .register_form .form_content .email_wrap span { margin:0 5px; } 

    #registerContents .register_form .form_content .form_radio_list li { float:left; width: calc(100% / 3); margin:0; } 

    .agreement_wrap .term_s .term_b .txt_a  {height:510px;}
    .agreement_wrap .third_party .tp_agreement,
    .agreement_wrap .third_party .sub_check_box {float: none; width: 100%; line-height: inherit;}
    .agreement_wrap .third_party .tp_agreement:last-child {margin-top: 25px; margin-left: 0;}

    #registerContents .f_banner_wrap {padding:0 10px 50px; margin-bottom: 50px;}
    #registerContents .swiper-register-banner .swiper-pagination {padding-left:5%; bottom: 10%;}

    /* 회원정보수정 */
    #registerContents.edit .register_form {margin:30px 0;}
    #registerContents.edit .leave_btn {bottom: 22px; min-width: 130px;}
    #registerContents.edit .panel-footer {padding-top:50px;}

    /* 회원가입완료 */
    #registerContents.comp .panel {padding: 0 15px 60px;}
    #registerContents.comp .register_form {margin:40px auto;}
    #registerContents.comp .register_form .form_title {width: auto;}
    #registerContents .btn_wrap.type02 .btn {float: none; max-width: inherit; width: 100%; margin:0;}
    #registerContents .btn_wrap.type02 .btn:last-child {margin-top: 10px;}

    /* 중복 아이디 */
    #registerContents .duplicate .panel-footer {margin: 40px auto 20px;}
}

@media screen and (max-width:375px){
    #registerContents .register_form .form_content .birthday_box .inp:not(:nth-child(1)) {width:46px;}
}

@media screen and (max-width:340px) { 
    /* step02 */
    #registerContents .register_form .form_content .date_select { margin-left: 10px; } 
}

/* 마케팅 동의 부분 개선 */
.agreement_wrap .term_s .term_b{margin:0px;}
.agreement_wrap .all_check_box{margin-bottom:18px}
.agreement_wrap .form_policy{margin-bottom: 10px;}
.agreement_wrap .form_policy input[type="radio"], input[type="checkbox"] {margin-right:4px;}
.agreement_wrap .form_policy label{font-size:16px;}
.agreement_wrap .form_policy .policy_btn{background-color: inherit;border:none;font-size:16px;font-weight:bold;}
.agreement_wrap .third_party .sub_check_box{line-height: inherit;}
.agreement_wrap .third_party .sub_check_box.group{display:flex;align-items: center;column-gap: 10px;}
.agreement_wrap .third_party .sub_check_box.group label{margin-bottom: 0px;;}
.agreement_wrap .form_policy .sub_check_box label{font-size:15px;}
.agreement_wrap .form_policy .sub_check_box a{font-size:14px;text-decoration: underline;}
.agreement_wrap .form_list{background-color: #f7f8f9;padding:10px 20px;display:none;}
.agreement_wrap .form_policy.on .form_list{display:block;}

.duty .policy_a h2{font-size:18px;padding-top:20px;font-weight: bold;}
.duty .policy_a h2:first-child{margin-bottom: 10px;padding-top:0px;}
.duty .policy_a ul{padding-left:14px;margin:5px 0px 8px;}
.duty .policy_a table.header_h th{background-color: #efefef;padding:10px 0px;letter-spacing: -1px;text-align: center;}
.duty .policy_a table.header_h tr:first-child td{background-color: inherit;}
.duty .policy_a table.header_h td{border:1px solid #efefef;}
.duty .policy_a .form_checkbox{padding-top:10px}
.duty .policy_a .form_checkbox:first-child{padding-top:0px;}

.agreement_wrap .policy_all_btn{
    position: absolute;
    right: 0px; 
    top: 10px;
    content: '';
    width: 15px;
    height: 15px;
    border:none;
    border-top: 2px solid #808080; 
    border-right: 2px solid #808080; 
    transform: rotate(135deg); 
    background: none;
    outline: none;
}

.agreement_wrap .term_s.barun_s{
    display:none;
}

.agreement_wrap.on .term_s.barun_s{
    display:block;
}

#registerContents .f_banner_wrap{
    border-bottom: 0px;
    padding: 0px;
    margin:0px;
}

.agreement_wrap.on .policy_all_btn{
    transform: rotate(315deg);
    top: 20px;
}