/* 팝업 */
.layer_pop_form {position: fixed;width: 100%;height: 100%;z-index: 9999;left: 0;top: 0;}
.layer_pop_form .layer_popup_bg{background-image: url('/static/_images/common/opa30.png'); position: absolute;width: 100%;height: 100%;left: 0;top: 0;text-indent: -9999px;overflow: hidden;}

/* 공통 */

.essential-star {font-weight: 500; font-size: 18px; line-height: 26px; color:#FB133A;}
.btn.white-green {border:2px solid #addad9; color:#069b98;}
.btn.black {background:#4a4a4a; color:#fff; }
.btn.white-gray {border:2px solid #ddd; background: #fff; color: #666;}
.btn.blue-gray {border:2px solid #d1ddff; color: #668BF7; background: #fff;}
.btn.blue-blue {border:2px solid #668BF7; color: #fff; background: #668BF7;}
.btn.light-green {background: #d1efee; color:#069b98; }

/* 중개전문가레이어-방문예약 팝업 */
.visit_popup_box{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%); width:400px;background:#fff;border-radius:12px;display: none;}
.popup_box_visit .close-btn {border:none;background: url("/static/_images/common/popup_close_new.png")no-repeat; background-size:30px 30px; width:30px; height: 30px; position: absolute;right: 30px;top: 30px;}
.popup_box_visit {
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    background:#fff;
    width:700px;
    display: block;
    max-height: 95vh;
    padding: 35px 30px 30px;
    overflow-y:auto;
}
.popup_box_visit .visit_header {}
.popup_box_visit .visit_header .visit_title {margin-bottom:20px; font-size: 24px; line-height: 34px; font-weight: 500; color:#333;display: inline-block;}
.popup_box_visit .visit_header .visit_title:after {width:23px; height: 23px; background: url("/static/_images/common/clock.png")50% 50% no-repeat; background-size: 23px 23px; content:"";display: inline-block; margin-left:10px;}
.popup_box_visit .visit_header .visit_explain {font-size: 15px; font-weight:400; line-height: 25px; color:#666; letter-spacing: -0.06em; margin-bottom:10px;}
.popup_box_visit .visit_header .essenstial {font-size: 14px; font-weight: 500; line-height: 25px; color:#FB133A; padding-bottom: 20px; border-bottom:1px solid #ddd;}
.popup_box_visit .visit_btn {text-align: center; margin: 40px 0 30px 0;}

.popup_box_visit .visit_header .recommendation_title {margin-bottom:20px; font-size: 24px; line-height: 34px; font-weight: 500; color:#333;display: inline-block;}
.popup_box_visit .visit_header .recommendation_title:after {width:23px; height: 23px; no-repeat; background-size: 23px 23px; content:"";display: inline-block; margin-left:10px;}


.visit_contents .question_wrap {padding-bottom: 40px;}

.visit_contents {padding:30px 0 0;}
.visit_contents .warning_box {line-height: 30px;  font-size: 13px;  color: red;margin-top: 15px;}
/*.visit_contents .visit_input_half {margin-bottom: 30px;}*/
.visit_contents .visit_input_half .title {font-weight: 500; color:#333; font-size: 18px; line-height: 30px; margin-bottom:10px;}
.visit_contents .visit_input_half .txtarea_one {overflow:hidden; font-size:14px; padding:9px;border:1px solid #ccc; border-radius: 4px; width:200px;resize: none; height: 40px;}

/*.visit_contents .visit_input_full {margin-bottom: 30px;}*/
.visit_contents .visit_multi-input_half .title {font-weight: 500; color:#333; font-size: 18px; line-height: 30px; margin-bottom:10px;}
.visit_contents .visit_multi-input_half .txtarea_one {overflow:hidden; font-size:14px; padding:9px;border:1px solid #ccc; border-radius: 4px; width:200px;resize: none; height: 40px; margin-right: 10px;}

.visit_contents .visit_input_full .title {font-weight: 500; color:#333; font-size: 18px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_input_full .txtarea_one {padding:10px; border:1px solid #ccc; border-radius: 4px; width:100%;height: 40px; resize: none;}

.visit_contents .visit_radio_vertical .title {font-size: 18px; line-height: 21px; font-weight: 500; color:#333; margin-bottom:10px; }
/*.visit_contents .visit_radio_vertical {margin-bottom:33px;}*/
.visit_contents .visit_radio_vertical .radio-box .radio {height: 30px; margin-right:12px;}
.visit_contents .visit_radio_vertical .radio-box {font-size: 16px; line-height:21px; font-weight: 400; color:#666; }
.visit_contents .visit_radio_vertical .radio-box > li {margin-bottom: 10px;}

.visit_contents .visit_radio_horizontal {margin-bottom: 33px;}
.visit_contents .visit_radio_horizontal .title {font-weight: 500; color:#333; font-size: 18px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_radio_horizontal .radio-box {font-size: 16px; line-height: 21px; font-weight: 400; color:#666;}
.visit_contents .visit_radio_horizontal .radio-box .radio {margin-right:12px;}
.visit_contents .visit_radio_horizontal .radio-box > li {width:49%; display: inline-block; margin-bottom: 10px;}

/*.visit_contents .visit_check_horizontal {margin-bottom: 33px;}*/
.visit_contents .visit_check_horizontal .title {font-weight: 500; color:#333; font-size: 18px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_check_horizontal .check-box {font-size: 16px; line-height: 21px; font-weight: 400; color:#666;}
.visit_contents .visit_check_horizontal .check-box .check {margin-right:12px;}
.visit_contents .visit_check_horizontal .check-box .txtarea-etc {display:inline-block;position: absolute; top: 0px;left: 55px; margin: 0 10px 0 5px; padding: 7px 10px 0;font-size: 13px;border: 1px solid #ccc; border-radius: 4px;width: 175px;resize: none; height: 38px;}
.visit_contents .visit_check_horizontal .check-box .txtarea-etc.off{display:none;}
.visit_contents .visit_check_horizontal .check-box > li { width:49%; display: inline-block; margin-bottom: 10px;}
.visit_contents .visit_check_horizontal .check-box li:last-child {width: 12%; display: inline; margin-bottom: 0;}

/*.visit_contents .visit_check_vertical {margin-bottom: 33px;}*/
.visit_contents .visit_check_vertical .title {font-weight: 500; color:#333; font-size: 18px; line-height: 26px; margin-bottom:10px;letter-spacing: -0.05em;}
.visit_contents .visit_check_vertical .check-box {font-size: 16px; line-height:21px; font-weight: 400; color:#666;letter-spacing: -0.05em;}
.visit_contents .visit_check_vertical .check-box .checkbox {margin-right:12px;}
.visit_contents .visit_check_vertical .check-box > li {margin-bottom:10px;}
.visit_contents .visit_check_vertical .check-box .txtarea-etc {position: absolute; top: 0px; left: 53px; margin: 0 0 0 10px; padding: 7px 10px 0; font-size: 13px;border: 1px solid #ccc; border-radius: 4px;width:460px;resize: none; height: 40px;}
.visit_contents .visit_check_vertical .check-box .txtarea-etc.off{display:none;}
/*
.visit_contents .visit_personal_section .personal_title {font-size: 16px; line-height: 21px; font-weight: 500; color:#333; margin-bottom:10px; }
.visit_contents .visit_personal_section {margin-bottom:33px;}
.visit_contents .visit_personal_section .radio-box .radio {height: 30px; margin-right:12px;}
.visit_contents .visit_personal_section .radio-box {font-size: 15px; line-height:21px; font-weight: 400; color:#666; }
.visit_contents .visit_personal_section .radio-box > li {margin-bottom: 10px;}

.visit_contents .visit_interest_section {margin-bottom: 33px;}
.visit_contents .visit_interest_section .interest_title {font-weight: 500; color:#333; font-size: 16px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_interest_section .check-box {font-size: 15px; line-height: 21px; font-weight: 400; color:#666;}
.visit_contents .visit_interest_section .check-box .check {margin-right:12px;}
.visit_contents .visit_interest_section .check-box #txtarea-etc {overflow:hidden; position:relative; top:0; right:0; margin:0 10px 0 5px; padding:7px 10px 0; font-size:13px;border:1px solid #ccc; border-radius: 4px;width:175px;resize: none; height: 38px;}

.visit_contents .visit_period_section {margin-bottom:33px;}
.visit_contents .visit_period_section .period_title {font-weight: 500; color:#333; font-size: 16px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_period_section .radio-box .radio {margin-right:12px;}
.visit_contents .visit_period_section .radio-box  > li {margin-bottom:10px;}
.visit_contents .visit_period_section .radio-box {font-size: 15px; line-height: 21px; font-weight: 400; color:#666; letter-spacing: -0.05em;}


.visit_contents .visit_interest_section .check-box > li { width:49%; display: inline-block; margin-bottom: 10px;}
.visit_contents .visit_interest_section .check-box li:last-child {width: 12%; display: inline; margin-bottom: 0;}

.visit_contents .visit_percent_section {margin-bottom: 33px;}
.visit_contents .visit_percent_section .percent_title {font-weight: 500; color:#333; font-size: 16px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_percent_section .radio-box {font-size: 15px; line-height: 21px; font-weight: 400; color:#666;}
.visit_contents .visit_percent_section .radio-box .radio {margin-right:12px;}
.visit_contents .visit_percent_section .radio-box > li {width:49%; display: inline-block; margin-bottom: 10px;}

.visit_contents .visit_needs_section {margin-bottom: 33px;}
.visit_contents .visit_needs_section .needs_title {font-weight: 500; color:#333; font-size: 16px; line-height: 26px; margin-bottom:10px;letter-spacing: -0.05em;}
.visit_contents .visit_needs_section .check-box {font-size: 15px; line-height:21px; font-weight: 400; color:#666;letter-spacing: -0.05em;}
.visit_contents .visit_needs_section .check-box .checkbox {margin-right:12px;}
.visit_contents .visit_needs_section .check-box > li {margin-bottom:10px;}
.visit_contents .visit_needs_section .check-box #txtarea-etc {position:relative; top:0; left:0; margin:0 0 0 10px; padding:7px 10px 0; font-size:13px;border:1px solid #ccc; border-radius: 4px;width:460px;resize: none; height: 40px;}

.visit_contents .visit_suggest_section .suggest_title {font-weight: 500; color:#333; font-size: 16px; line-height: 26px; margin-bottom:10px;}
.visit_contents .visit_suggest_section #txtarea {padding:10px;border:1px solid #ccc; border-radius: 4px; margin-bottom: 30px;width:100%;height: 40px; resize: none;}
 */

/*.visit_contents input[type="radio"] {position: absolute; left: -3000%;}*/
/*.visit_contents input[type="radio"] + label {position: relative;cursor:pointer;}*/
/*.visit_contents input[type="radio"] + label:before {content:""; display:inline-block; width:20px; height: 20px;position: relative; margin: 0 4px 0 0; top:4px; background: url("/static/_images/common/checked-1.png")no-repeat; background-size: 20px 20px;}*/
/*.visit_contents input[type="radio"]:checked + label:after {background: url("/static/_images/common/checked-2.png")no-repeat; width:20px; height: 20px; background-size: 20px 20px; position:absolute; top: 1px;left: 0; content: "";}*/

.visit_contents .radio_wrap {margin-bottom: 10px;}
.visit_contents label.survey_radio {
    position: relative;
    overflow: hidden;
    background: url(/static/_images/common/new_radio_d.png) no-repeat ;
    background-size: 20px 20px;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
}
.visit_contents label.survey_radio.on {
    background: url("/static/_images/common/new_radio.png")no-repeat;
    background-size: 20px 20px;
}
.visit_contents label.survey_radio input[type="radio"] {
    position: absolute;
    left: -9999999px;
    opacity: 0;
}

/*.visit_contents input[type="checkbox"] {position: absolute; left: -3000%;}*/
/*.visit_contents input[type="checkbox"] + label {position: relative;cursor:pointer;display: inline-block;}*/
/*.visit_contents input[type="checkbox"] + label:before {content:""; display:inline-block; width: 20px; height: 20px;position: relative; margin: 0 4px 0 0; top: 3px;background: url("/static/_images/common/vector-check_box-1.png")no-repeat; background-size: 20px 20px;}*/
/*.visit_contents input[type="checkbox"]:checked + label:after {background: url("/static/_images/common/vector-check_box-2.png")no-repeat; width: 20px; height: 20px; background-size: 20px 20px; position:absolute; top: 3px;left: 0px; content: "";}*/
.visit_contents .check_wrap {margin-bottom: 10px;}
.visit_contents label.survey_check {
    position: relative;
    overflow: hidden;
    background: url(/static/_images/common/new_checkbox_d.png) no-repeat ;
    background-size: 20px 20px;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
}
.visit_contents label.survey_check.on {
    background: url("/static/_images/common/new_checkbox.png")no-repeat;
    background-size: 20px 20px;
}
.visit_contents label.survey_check input[type="checkbox"] {
    position: absolute;
    left: -9999999px;
    opacity: 0;
}

.visit_contents input::-ms-input-placeholder {display: block;}
.visit_contents input::-webkit-input-placeholder {display: block;}
.visit_contents input::-mos-input-placeholder {display: block;}


.visit_check_agree {font-size: 14px; line-height: 21px; color: #666; font-weight: 400;}
.visit_check_agree .agree_section {display: inline-block;}
.visit_check_agree .agree_section li:first-child{margin-bottom: 5px}
.visit_check_agree .agree_section li:last-child{text-align:left;}
.visit_check_agree .agree_section .warning_box {line-height: 30px;  font-size: 13px;  color: red;margin-top: 15px;}
.visit_check_agree .checkbox {margin-left: 10px;}
.visit_check_agree input[type="checkbox"] {position: absolute; left: -3000%;}
.visit_check_agree input[type="checkbox"] + label {position: relative;cursor:pointer;}
.visit_check_agree input[type="checkbox"] + label:before {content:""; display:inline-block; width:18px; height: 18px;position: relative; margin: 0 4px 0 0; top:4px;background: url("/static/_images/common/agree-icon.png")no-repeat; background-size: 18px 18px;}
.visit_check_agree input[type="checkbox"]:checked + label:after {background: url("/static/_images/common/agree-icon-checked.png")no-repeat; width:18px; height: 18px; background-size: 18px 18px; position:absolute; top: 4px;
    left: 0; content: "";}

.visit_btn {text-align: center; margin-bottom:30px;}
.visit_btn .visit {width:160px; padding:18px 0; border-radius: 90px; font-size: 16px; line-height: 20px; font-weight: 500;}
.visit_btn .visit:first-child{margin-right: 10px;}
/*중개전문가-방문예약 팝업*/