@charset "utf-8";
/* ******************************************************
	@form
*******************************************************/
.form_sub_title{margin:30px 0 20px;font-size: 30px;}

/* ******************************************************
	form write 공통사용
*******************************************************/
.necessary:after {content: '*';display: inline-block;margin-left: 3px;color: #9a1e23;font-size: 15px;vertical-align: text-top;font-family: 'NotoSansKR-Bold';}
.form_write_tt{display:block;font-size:17px;font-weight:600;margin-bottom:5px;}
.form_write__basic{border-top:2px solid #434343;display:table;width:100%}
.form_write__basic
.form_write__item *{font-size:14px}
.form_write__item{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0}
.form_write__item .form_title,
.form_write__item .form_item{padding:10px}
.form_write__item .form_title{width:20%;border-right:1px solid #e0e0e0;color:#666}
.form_write__item .form_item{width:calc(100% - 20%)}
.form_write__item.col2 .form_item{width:calc(50% - 20%);}
.form_write__item.col2 > div:nth-child(odd){border-left:1px solid #e0e0e0;}
.form_write__item.col2 > div:first-child{border-left:0}
.form_write__item .form_item.col1 input,
.form_write__item .form_item.col1 select,
.form_write__item .form_item.col1 .form_selectbox,
.form_write__item .form_item.col1 textarea{width:100%;}
.form_write__item .form_item.variable input[type="text"],
.form_write__item .form_item.variable select,
.form_write__item .form_item.variable .form_selectbox,
.form_write__item .form_item.variable textarea{display:inline-block;width:auto;}
.form_write__item .form_item .notice{margin:5px 0 0 0;font-size:12px;}
.form_write__item input,
.form_write__item select,
.form_write__item textarea{padding:4px 10px;border:1px solid #eee;color:#111;vertical-align: middle}
.form_write__item .form_item > span{vertical-align:middle;}
.form_write__item input::placeholder,
.form_write__item select::placeholder ,
.form_write__item textarea::placeholder{color:#e9e9e9;}
#re_contents::placeholder{color:#ccc;}
.form_write__item select{padding-right:30px;min-width:100px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg)no-repeat calc(100% - 10px) center}
.form_write__item .button_input{display:inline-block}
.form_write__item .button_input button{display:inline-block;padding:4px 10px;background:#111;color:#fff;overflow:hidden;font-size:13px;border-radius:4px;vertical-align:middle}
.form_write__item .button_input.identity{margin-left:10px}
.form_write__item .form_item .certYn{display:inline-block;max-width:100px;vertical-align:middle;}
.form_write__item input[type="text"]:read-only,
.form_write__item input[type="text"]:disabled,
.form_write__item select:disabled,
.form_write__item textarea:disabled{background-color:#f7fdff;color:#333;cursor:default;}
.form_write__item input[type="text"].dateTimepick{background-color:#fff;}
.form_selectbox{position:relative}
.form_selectbox > label{position:absolute;opacity:0;text-indent:-9999px;width:0;height:0}
.form_write__item.viewer input[type="text"],
.form_write__item.viewer input[type="text"]:disabled,
.form_write__item.viewer select,
.form_write__item.viewer select:disabled,
.form_write__item.viewer textarea,
.form_write__item.viewer textarea:disabled{padding:4px 0;background:none;border:0;}
.form_write__item .w150{display:inline-block;width:150px !important;}
.form_write__item .w200{display:inline-block;width:200px !important;}
.form_write__item .w200{display:inline-block;width:200px !important;}
.certYn{color:red}
.certYn.ok{color:green}
.form_write__item .emailbox{display:inline-block}
.form_write__item .address .address_first{width:170px;}
.form_write__item .address .address_second{display:block;margin:5px 0;width:50%}
.form_write__item .call_num{display:inline-block}
.form_write__item .call_num .call_txt{margin:0 1px 0 3px}
.form_write__item .call_num .call_num_box,
.form_write__item .form_item .deadline_date{width:65px;min-width:auto;}
.pw_modify_box{display:none;padding-top:10px}
.pw_modify_box.active{display:block}
.pw_modify_box input{width:35%}
.pw_modify_box span{display:inline-block;width:130px;line-height:30px;font-family:'NotoSansKR-DemiLight';color:#434343}
.form_write__item input[type="checkbox"]{width:0 !important;height:0 !important;opacity:0 !important;padding:0 !important;border:0 !important;margin:0 !important;min-width:0 !important;}
.form_write__item input[type="checkbox"] + label{padding-left:16px;padding-right:10px;background-repeat:no-repeat;background-position:0 center;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_off.svg);cursor:pointer}
.form_write__item input[type="checkbox"]:checked + label{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_on.svg)}
.form_write__item input[type="radio"]{position:relative;position:absolute;width:1px !important;height:1px !important;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.form_write__item input[type="radio"] + label{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:#333;font-size:13px;padding-left:27px;text-indent:-27px}
.form_write__item input[type="radio"] + label:before{content:"";display:inline-block;width:18px;height:18px;line-height:18px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;background:#fff;border:1px solid #333;border-radius:100%}
.form_write__item input[type="radio"] + label:active:before,
.form_write__item input[type="radio"]:checked + label:active:before{box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1)}
.form_write__item input[type="radio"]:checked + label:before{content:'';color:#fff;background:#333;border:1px solid #333}
.form_write__item input[type="radio"]:checked + label:after{content:'';width:9px;height:5px;position:absolute;top:5px;left:4px;border:2px solid #fff;border-top:none;border-right:none;background:transparent;transform:rotate(-45deg)}
.form_write__item input[type="radio"]:disabled + label{color:#666;}
.form_write__item input[type="radio"]:disabled + label:before{border-color:#e5e5e5;background:#ddd;}
.form_write__item input.btn_radio{width:0 !important;height:0 !important;opacity:0 !important;padding:0 !important;margin:0 !important;}
.form_write__item input.btn_radio + label{display:inline-block;padding:4px 10px;border:1px solid #e0e0e0;border-radius: 6px;font-size:13px;cursor:pointer;color:#666;text-indent:0;}
.form_write__item input.btn_radio + label:before,
.form_write__item input.btn_radio + label:after{display:none;}
.form_write__item input.btn_radio:checked + label{background-color:#333;color:#fff;}
.form_write__item input.btn_radio:checked:focus + label{color:#fff;}
.form_write__item input[type="radio"]:focus + label{color:#000;border:1px dashed #ccc;}
.form_view__item{padding:10px;}
.form_view__item .form_view_tt{display:block;margin-bottom:5px;font-size:17px;}
.form_write__item .form_item .input_btn_item input,
.form_write__item .form_item .input_btn_item select{width:calc(100% - 35%);}
.form_write__item .form_item .input_btn_item.style2 input,
.form_write__item .form_item .input_btn_item.style2 select{width:calc(100% - 125px);}
.form_write__item .form_item .input_btn_item.style2 button{width:120px;}
.total_price_box{padding:10px 0; text-align: right;font-size:16px;word-break:keep-all;}
.form_write__item .promise_date{display: inline-block;margin-right: 10px;vertical-align: middle; }

.radio_chk > p{display:inline-block;margin-right:15px;margin-bottom:3px;}
.radio_chk .w100{display:block;}
.radio_chk input{width:0 !important;}

.txt_agree_date{font-size:12px !important;color:#aaa;}
.ad_agree__chk label{word-break:keep-all;}
.ad_sub__chk{display:inline-block;margin-left:10px;color:#aaa}
.ad_sub__chk label{margin-right:10px;}
.info_txt{margin-top:5px;color:#aaa;font-size:12px !important;}

.branch_img{}
.branch_img img{margin-top:10px;width:450px;}

.form_write__item .selected_box.active{padding:10px 0;}
.form_write__item .selected_box > a {display: inline-block;margin:0 2px 2px 0; padding: 4px 26px 4px 10px; border: 1px solid #eee; font-size: 14px; border-radius: 4px; position: relative;}
.form_write__item .selected_box > a:after{content: "x"; position: absolute; top: 50%; right: 5px;transform:translateY(-50%); font-size: 13px; font-weight: bold; background: #d3d3d3; width: 17px; height: 17px;border-radius: 50%; text-align: center; line-height: 13px; color: #fff;}

/*상품 후기*/
.form_write__item .form_item.variable input.review_link{width:calc(100% - 400px);}

.form_review_intro{text-align:center; background: #fafafa;padding:30px 20px; margin-bottom:50px;line-height:1.6;word-break:keep-all;}
.form_review_intro strong{display:block;font-size:20px;}
.form_review_intro p{margin-top:5px;font-size:18px;}

@media all and (max-width:640px){
	.form_write__basic{padding-bottom:20px;border-bottom:1px solid #e0e0e0;}
	.form_write__item{display:block;flex-wrap:inherit;border-bottom:0;}
	.form_write__item .form_title{padding:20px 0 5px 0;width:100%;border-right:0;}
	.form_write__item .form_title.bg{margin-bottom:10px;padding:10px;background:#f9f9f9;}
    .form_write__item.col2 .form_item,
	.form_write__item .form_item{padding:0;width:100%;}
	.form_write__item.col2 > div:nth-child(odd){border-left:0;}
	.userEmail1,
	.userEmail2{width:140px;}
	.form_write__item .button_input button{padding:8px 10px;}
	.form_write__item .address .address_second{width:100%;}
	.info_txt{margin:0;}
	.form_write__item input[type="text"],
	.form_write__item select,
	.form_write__item textarea{padding:8px 10px;min-height:38px;}
	.form_write__item .selected_box > a{padding:8px 26px 8px 10px;}
	
	.form_write__item.viewer input[type="text"],
	.form_write__item.viewer select,
	.form_write__item.viewer textarea{padding:8px 10px;border:1px solid #eee;}
	.form_write__item.viewer input[type="text"]:disabled,
	.form_write__item.viewer select:disabled,
	.form_write__item.viewer textarea:disabled{padding:8px 10px;border:1px solid #eee;background:#f7fdff;}
	
	.form_view__item{padding:10px 0;}
	
	.form_selectbox.w100,
	.form_selectbox.w100 select{width:100%;}
	.form_selectbox.w100 + input{width:100% !important;margin-top:5px;}
	
	.pw_modify_box {padding:10px;margin:5px 0;border:1px solid #eee;}
	.pw_modify_box span{display:block;width:100%;}
	.pw_modify_box input{width:100%;height:38px;}
	
	/*상품 후기*/
	.form_write__item .form_item.variable input.review_link{display:block;margin-top:5px;width:100%;}
}
@media all and (max-width:540px){
	.userEmail1,
	.userEmail2{width:45%;}
	.form_write__item .emailbox{margin-top:5px;}

    .form_review_intro strong{font-size:18px;}
    .form_review_intro p{font-size:16px;}
}
@media all and (max-width:414px){
	.form_write__item select{min-width:80px;}
}
/* ******************************************************
	filter 공통사용
	filter_search
*******************************************************/
.filter_search .filter_items{display:flex;flex-wrap:wrap;}
.filter_search .filter_item{margin:5px 5px 0 0;}
.filter_search input,
.filter_search select{padding:4px 10px;min-width:130px;color:#1d1d1d;}
.filter_search select{padding-right:30px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg)no-repeat calc(100% - 10px) center #fff;}
.filter_search .filter_button .btn_search{display:inline-block;padding:4px 15px;font-size:13px;}

/*
제안 & 문의 페이지 form
법인관공서 문의 신청, 렌탈 사업 제안 등록, 투자 및 M&A 제안,
부동산 매매·임대 제안,공유안마의자,수출 및 해외사업 문의,
서비스접수,고객의 소리, 분해조립, 이전설치 , 1:1문의
*/
.proposal_wrap .form_write__item input,
.proposal_wrap .form_write__item textarea{width:100%;}
.proposal_wrap .form_write__item input[type="button"]{width:auto;}
.proposal_wrap .form_selectbox{display:inline-block;}
.proposal_wrap .form_write__item .datepick:read-only,
.proposal_wrap .form_write__item .datepick,
.form_write__item .datepick:read-only,
.form_write__item .datepick{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_calendar.png) no-repeat right 5px center;width:140px;cursor: pointer;}
.proposal_wrap .form_write__item .dateTimepick,
.form_write__item .dateTimepick{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_calendar.png) no-repeat right 5px center;width:260px;}
.proposal_wrap .form_write__item .search_form{display:flex;width:50%;}
.proposal_wrap .form_write__item .search_form input{display:inline-block;padding-right:31px;}
.proposal_wrap .form_write__item .search_form .btn_search{display:inline-block;width:31px;height:31px;border:1px solid #eee;border-left:0;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_search_black.svg)no-repeat center;}
.proposal_wrap .form_write__item .email_box input{width:auto;}
.proposal_wrap .form_write__item .email_box .email_1{width:50%;}
.proposal_wrap .form_write__item .email_box .email_1::placeholder {color:#eee;}
/*베송 조회*/
.deliverytracking_schedule{padding:10px 0;margin:10px 0;font-size:14px;color:#111;}

@media all and (max-width:640px){
	.proposal_wrap .form_write__item .w100,
	.proposal_wrap .form_write__item .email_box .email_1,
	.proposal_wrap .form_write__item .search_form{width:100%;}
	.proposal_wrap .form_write__item .search_form input{padding-right:38px;}
	.proposal_wrap .form_write__item .search_form .btn_search{width:38px;height:38px;}
}

/* ******************************************************
	temp 개인정보동의
*******************************************************/
.temp_agree_wrap{margin:30px 0 0;}
.temp_agree_wrap .temp_title{margin:0 0 5px 0;font-size:17px;font-family: 'NotoSansKR-Bold';}
.temp_agree_wrap .temp_sub_title{margin:0 0 5px 0;font-size:14px;}
.temp_agree_wrap .temp_txt{ padding: 10px;height: 95px;border: 1px solid #e0e0e0;word-break:keep-all; overflow-y: scroll;color: #666; font-size: 12px; line-height: 1.4;letter-spacing: -.5px;}
.temp_agree_box > .temp_agree_chk{padding:10px 0;border-bottom:1px solid #e0e0e0;}
.temp_agree_box > .temp_agree_chk .btn_right{float:right;padding:2px 10px;font-size:13px;}


@media all and (max-width:540px){
	.temp_agree_box > .temp_agree_chk .btn_right{float:inherit; display: block; width: 74px; margin-top: 10px;}
}

/* ******************************************************
	temp 개인정보동의2
*******************************************************/
.terms_agree_wrap{margin:40px 0 30px;}
.terms_agree_wrap h4{margin-bottom:10px;}
.terms_agree_wrap dl{padding:10px 20px;border:1px solid #e0e0e0;}
.terms_agree_wrap .temp_title{margin:10px 0;}
.terms_agree_wrap .temp_title label{font-size:17px;font-family: 'NotoSansKR-Bold';background-position: 0 7px !important;}
.terms_list dd{position:relative;padding:8px 0 8px 20px;}
.terms_list dd:hover{background:#fafafa;}
.terms_list dd a{position: absolute;top:8px;right:0;width:20px;height:20px;}
.terms_list dd a:hover{border:1px solid #e0e0e0;}
.terms_list dd a:after{content:"";position: absolute;top:50%;right:5px;width:10px;height:10px;border-top:2px solid #afafaf;border-right:2px solid #afafaf;transform:translateY(-50%) rotate(45deg);}
.terms_list dd a .hdtxt{font-size:0;}
@media all and (max-width:640px){
	.terms_list dd{padding-left:0;}
}
/* ******************************************************
	temp 개인정보동의 공통
*******************************************************/
.temp_agree_chk {margin:5px 0 5px 0;}
.temp_agree_chk *{font-size:14px;}
.temp_agree_chk input[type="checkbox"]{width:0;height:0;opacity:0;padding:0;margin:0;position: absolute;}
.temp_agree_chk input[type="checkbox"]:focus + label{color:#9a1e23;}
.temp_agree_chk input[type="checkbox"] + label{display:block;padding-left:22px;padding-right:20px;background-repeat:no-repeat;background-position:0 4px;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_off.svg);cursor:pointer}
.temp_agree_chk input[type="checkbox"] + label em{display:inline-block;vertical-align: top;}
.temp_agree_chk input[type="checkbox"]:checked + label{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_on.svg)}
.temp_agree_chk.simple input[type="checkbox"] + label{font-size:16px;background-size: 20px;background-position:0 5px; padding-left: 26px;padding-top: 2px; padding-bottom: 2px;}
.temp_agree_chk.simple input[type="checkbox"]:checked + label{font-weight:700;background-size: 20px;}
.temp_agree_chk input[type="checkbox"] + label.bold{font-weight:700;}

/* ******************************************************
	policy_wrap 개인정보처리방침 | 이용약관
*******************************************************/
.policy_wrap {}
.policy_wrap select{padding-right: 30px;min-width: 100px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg)no-repeat calc(100% - 10px) center;}
.enforcement_date {display:flex;justify-content: end;font-size:14px;}
.enforcement_date label{margin:3px 10px 0 0;}

.terms{margin-top:40px;border:1px solid #eee;padding:20px;font-size:14px;line-height:1.6; color:#111;}
.terms h3,
.terms h4 {padding: 30px 0 5px;}
.terms p{font-weight:600;}
.terms ul{margin-left: 15px; text-indent: -15px;}
.terms li > p{text-indent:0;margin-top:7px}
.terms li a{text-indent:0}
.terms ul + p, 
.termsConts p + ul, 
.termsConts p + p{margin-top:5px}
.terms li >ul > li> ul > li{padding:0;line-height:20px}
.terms em{display:block; text-indent:-16px; margin-left:16px; margin-top:10px}
.terms dl dt{font-weight:600;margin-top:10px}
.terms li i {position:relative; top:-2px; margin-right:3px; }
.terms table.polices_table {text-align:center; margin-top:20px;}
.terms table.polices_table th, table.polices_table td {padding:7px; border:1px solid #e4e4e4;}
.terms table.polices_table th{background:#f2f2f2;font-weight:700;}
.terms table.polices_table td{text-align:left;word-break:keep-all;}
@media all and (max-width:830px){
	.terms{font-size:12px;}
}

/* ******************************************************
	review_wrap 구매후기
*******************************************************/
.review_wrap .form_write__item input[type="text"],
.review_wrap .form_write__item textarea{width:100%;}
.review_wrap .form_write__item .title small{display:block;}
.review_wrap .form_write__item .agree__chk{margin-top:10px;}

@media all and (max-width:640px){
	.review_wrap .form_write__basic ~ p{font-size:13px;}
	.review_wrap .form_write__item .title small{display:inline;}
}
/* ******************************************************
	customer_issue_wrap 고객의소리
*******************************************************/
.customer_issue_banner{display:flex;padding:40px;background:#f9f9f9;}
.customer_issue_banner > div{position: relative; flex-grow: 1;padding-top:60px;height:325px;background-repeat: no-repeat;background-position: center 0;text-align: center;}
.customer_issue_banner > div:after{content: " ";position: absolute;top:50%;right:0;transform: translateY(-50%); width:1px;height:180px;background: #dedede;}
.customer_issue_banner > div:last-child:after{display:none;}
.customer_issue_banner > div strong{display:block;margin-bottom:15px;font-size:40px;}
.customer_issue_banner > div p{font-size:16px;line-height: 1.4;color:#666;}
.customer_issue_banner .good_issue{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/support/voc/ico_smile.png);}
.customer_issue_banner .bad_issue{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/support/voc/ico_angry.png);}
.customer_issue_banner .suggest_issue{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/support/voc/ico_suggestion.png);}
.customer_issue_banner .good_issue strong span{color:#122894;}
.customer_issue_banner .bad_issue strong span{color:#d4202b;}
.customer_issue_banner .suggest_issue strong span{color:#00bf65;}
.customer_issue_banner .btn_black{display:inline-block;position: absolute;left:50%;bottom:0;transform: translateX(-50%); padding:12px 40px;word-break: keep-all;}

.customer_issue_wrap .form_state_title{margin-top:70px;font-size:30px;}
.customer_issue_wrap.proposal_wrap .form_write__basic{margin-top:10px;}

@media all and (max-width:1024px){
	.customer_issue_banner{padding:20px;}
	.customer_issue_banner .btn_black{padding:12px 20px;}
}
@media all and (max-width:830px){
    .customer_issue_banner {flex-flow: column nowrap;}
    .customer_issue_banner > div {height: 300px;}
    .customer_issue_banner > div:not(:last-child) {margin-bottom: 4rem;}
    .customer_issue_banner > div:after {width: 100%; height: 1px; top: calc(100% + 2rem); left: 50%; transform: translateX(-50%);}
}
@media all and (max-width:640px){
    .customer_issue_banner {padding: 20px;}
  .customer_issue_banner > div{padding-top: 0;height: 230px; background-position: calc(0px + 195px) 9px; background-size: 45px;}
  .customer_issue_banner > div.suggest_issue{background-position: calc(0px + 195px) 1px;}
  .customer_issue_banner > div p{text-align: left;}
  .customer_issue_banner > div strong{width: fit-content;text-align: left;}
  .customer_issue_banner .btn_black{padding: 7px 35px; font-size: 18px;}
}
@media all and (max-width:364px){
    .customer_issue_banner > div{height: auto;background-position: calc(0px + 145px) 6px;background-size: 35px;}
    .customer_issue_banner > div.suggest_issue{background-position: calc(0px + 145px) 1px;}
    .customer_issue_banner > div strong{font-size:30px;}
    .customer_issue_banner > div a.btn_black{position: static; margin-top:2rem; transform: none;}
}

/* ******************************************************
	write_notice 주의사항, 기타 등
*******************************************************/
.write_notice{margin:20px 0 10px 0;padding:20px;font-size:13px;background:#f9f9f9;}
.write_notice > strong{display:block;font-size:16px;margin-bottom:10px;}
.write_notice li{margin-bottom:6px;word-break:keep-all;font-size:14px;line-height:1.6;}
.write_notice li > a{}

.write_notice2{margin:20px 0 10px 0;padding:40px;background:#f5f5f5;border-radius:10px; font-size:14px;}
.write_notice2 strong{display:block;margin-bottom:20px;font-size:16px;}
.write_notice2 li{word-break:keep-all;line-height:1.6;}
 @media all and (max-width:540px){
 	.write_notice2{padding:30px 15px;}
 	.write_notice2 strong,
 	.write_notice2{font-size:13px;}
 }
/* ******************************************************
	서비스접수
*******************************************************/
/*서비스접수 > 기존 설치 정보*/
.form_write_inner {border:1px solid #e0e0e0;}
.form_write_inner > dl{display:flex;}
.form_write_inner > dl dt,
.form_write_inner > dl dd{padding:5px;border-bottom:1px solid #e0e0e0;font-size:16px;}
.form_write_inner > dl dt{width:20%;background:#f9f9f9;border-right:1px solid #e0e0e0;}
.form_write_inner > dl dd{width:calc(100% - 20%);}
.form_write_inner > dl:last-child dt,
.form_write_inner > dl:last-child dd{border-bottom:0;}

.after_service .address .address_second{width:100%;}

 @media all and (max-width:414px){
 .form_write_inner > dl dt,
 .form_write_inner > dl dd{font-size:14px;}
 }

/* ******************************************************
 service_step_line_wrap 접수 단계, 작성 단계  
 *******************************************************/
 .service_step_line_wrap {margin:40px 0;}
 .service_step_line_wrap ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
 .service_step_line_wrap ul li{flex-grow: 1;text-align: center;}
 .service_step_line_wrap.col2 ul li{width:50%;}
 .service_step_line_wrap ul li span{display:block;padding:0 0 15px 0;font-size:13px;color:#ccc;}
 .service_step_line_wrap ul li em{display:block;position:relative; margin:0 auto;width:calc(100% - 10px);height:5px;background:#f2f2f2;}
 .service_step_line_wrap ul li em i {text-align: center;font-size:13px;font-weight:600;position: relative;z-index: 1;top: -10px;}
 .service_step_line_wrap ul li em:after{content:"";position: absolute;top:-10px;left:50%;transform:translateX(-50%);width: 55px;height: 22px;background:#fff;border:3px solid #f2f2f2;border-radius: 25px;}
 .service_step_line_wrap ul li.active em{background:#55efff;}
 .service_step_line_wrap ul li.active em:after{border-color:#55efff;}
 .service_step_line_wrap ul li.active span{color:#666;}
 @media all and (max-width:640px){
 .service_step_line_wrap{margin:20px 0;}
 .service_step_line_wrap ul{display:block;}
 .service_step_line_wrap.col2 ul li{margin-bottom:5px;}
 .service_step_line_wrap.col2 ul li{width:100%;padding:0 20px;display: flex; flex-direction: row-reverse;justify-content: flex-end;align-items: center;}
 .service_step_line_wrap ul li.active em,
 .service_step_line_wrap ul li em{display: inline-block;margin:inherit;background:none;width:100px;height:auto;}
 .service_step_line_wrap ul li em:after{top:4px;}
 .service_step_line_wrap ul li em i{top:-2px;font-size:14px;}
 .service_step_line_wrap ul li span{padding:0;text-align: left;}
 }
 
  @media all and (max-width:414px){
  .service_step_line_wrap.col2 ul li{padding:0;}
  .service_step_line_wrap ul li.active em, .service_step_line_wrap ul li em{width:70px;}
  .service_step_line_wrap ul li span{width:calc(100% - 70px);}
  }
/* ******************************************************
	.transfer_wrap 제품 이전/설치 서비스, 제품 분해/조립 서비스 
*******************************************************/
.transfer_wrap .btn_radio{margin-bottom:10px;}
.transfer_wrap .btn_radio:last-child{margin-bottom:0;}
.transfer_wrap .btn_radio label > strong{display:inline-block;padding-left:25px;width:90px;}
.transfer_service_view{display:none; margin-bottom: 20px;padding:20px;background: #f9f9f9;border-radius: 4px;}
.transfer_service_view.active{display:block;}
.transfer_service_view ul{margin-top:5px;display:flex;}
.transfer_service_view ul > li{margin: 0 5px 0 0;padding: 8px 20px; border: 1px solid #000; border-radius: 4px; font-weight:600;}
.transfer_service_view ul > li.no{position:relative;border-color:#ccc;color:#aaa;overflow:hidden;}
.transfer_service_view ul > li.no:before,
.transfer_service_view ul > li.no:after{content:"";position:absolute;top:50%;left:50%; width:1px;height:100px;background:#d4202b;}
.transfer_service_view ul > li.no:before{transform:translate(-50%,-50%) rotate(70deg);}
.transfer_service_view ul > li.no:after{transform:translate(-50%,-50%) rotate(-70deg);}

.form_view__item .payment{padding:0;}
.form_view__item .payment_item {margin-bottom:0;border-bottom:1px solid #e0e0e0;}
.form_view__item .payment_item.active{border:1px solid #e0e0e0;}
.form_view__item .payment_item input[type="radio"]{position:relative;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.form_view__item .payment_item input[type="radio"] + label{display:block;position:relative;padding:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:#333;font-size:13px;padding-left:27px;text-indent:-27px}
.form_view__item .payment_item input[type="radio"] + label:before{content:"";display:inline-block;width:18px;height:18px;line-height:18px;margin:-2px 8px 0 10px;text-align:center;vertical-align:middle;background:#fff;border:1px solid #333;border-radius:100%}
.form_view__item .payment_item input[type="radio"]:checked + label{background:#f9f9f9;}
.form_view__item .payment_item input[type="radio"] + label:active:before,
.form_view__item .payment_item input[type="radio"]:checked + label:active:before{box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1)}
.form_view__item .payment_item input[type="radio"]:checked + label:before{content:'';color:#fff;background:#333;border:1px solid #333}
.form_view__item .payment_item input[type="radio"]:checked + label:after{content:'';width:9px;height:5px;position:absolute;top:15px;left:14px;border:2px solid #fff;border-top:none;border-right:none;background:transparent;transform:rotate(-45deg)}
.form_view__item .payment_item input{width:0;height:0;opacity:0;padding:0;margin:0;}
.form_view__item .payment_des{display:none;padding:10px;border-top:1px dashed #e0e0e0;font-size:14px;} 
.form_view__item .payment_item input[type="radio"]:checked ~ .payment_des{display:block;}
.form_view__item .payment_item label > strong{width:200px}

.transfer_wrap .chk_same_info{font-size:16px;}
.transfer_wrap .chk_same_info input{padding:0;border:0;width:0;height:0;}
.transfer_wrap .chk_same_info input + label{padding-left:20px;padding-right:10px;background-repeat:no-repeat;background-position:0 6px;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_off.svg);cursor:pointer}
.transfer_wrap .chk_same_info input:checked + label{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_on.svg)}

/* *****************************************************
	간편배송조회, 구매후기 팝업
*******************************************************/
#modal_order_product_chk{width:600px;z-index:11;}
#modal_order_product_chk .overflow_auto_y{min-height:100px;max-height:400px;}
#modal_order_product_chk .modal_con_inner{padding-bottom:0;}
#modal_order_product_chk .modal_con_inner .tt{margin-bottom:10px;display:block;text-align: center;}
#modal_order_product_chk .form_write__item{margin:10px 0;border-bottom:0;}
#modal_order_product_chk .form_write__item input[type="radio"] + label{font-size:14px;color:#111;}
#modal_order_product_chk .form_write__item input[type="radio"]:disabled + label{color:#ccc;}
#modal_order_product_chk .form_write__item .order_n{padding:0 7px;background:#f2f2f2;color:#333;font-size:12px;border-radius: 4px;}
#modal_order_product_chk .modal__bottom .btn_submit{display:inline-block;padding:4px 10px;}
#modal_order_product_chk .form_write__item label em{margin: 0 0 0 5px;padding: 0 5px;background: #f5f5f5f5;font-size: 12px;border-radius: 4px; }
#modal_order_product_chk .form_write__item .setting{background:#e8fffc;color:#0a9f8b;}

/*리뷰작성 팝업*/
#modal_review_product .tt{display:block;margin-bottom:10px;font-size:18px;}
#modal_review_product .board{margin-bottom:10px;padding:20px;background:#f4f4f4;}
#modal_review_product .board li{list-style:inside;}
#modal_review_product .my_orderlist{margin:20px 0 0 0;padding:10px;border:1px solid #f5f5f5;max-height:200px;}
#modal_review_product .my_orderlist *{font-size:16px;line-height:2;}
#modal_review_product .my_orderlist .form_write__item{padding:8px 0;border-style:dashed;}
#modal_review_product .form_write__item label em{margin:0 8px;padding: 0 5px;background: #f5f5f5f5;border-radius: 4px; }
#modal_review_product .form_write__item .setting{background:#e8fffc;color:#0a9f8b;}
#modal_review_product .form_write__item .order_n{padding:0 7px;background:#f2f2f2;color:#333;border-radius: 4px;}
#modal_review_product .form_write__item input[type="radio"]:checked + label{border:0;}
#modal_review_product .form_write__item input[type="radio"]:checked + label:after{top:8px;}

 @media all and (max-width:1024px){
    #modal_review_product{width:90%;height:calc(100% - 20px);}
}
 @media all and (max-width:640px){
 #modal_review_product,
  #modal_order_product_chk{width:100%;height:100%;}
  #modal_review_product .my_orderlist{max-height:350px;}
  #modal_order_product_chk .overflow_auto_y{max-height:500px;}
 }
  
/* ******************************************************
	scrore_str 별점
*******************************************************/

.radio_str_score a,
.radio_str_score em {display: inline-block;width: 28px;height: 28px;font-size: 0;letter-spacing: 0;text-decoration: none;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/score_star_off_red.svg) 0 0 no-repeat;background-size:100%;}
.radio_str_score a.on,
.radio_str_score em.on {width: 28px;height: 28px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/score_star_on_red.svg) 0 0 no-repeat;background-size:100%;}


/* ******************************************************
	file_list 파일첨부 이미지미리보기
*******************************************************/
/*첨부파일*/
.input_file_wrap input[type="file"]{margin:0!important;padding:0!important;overflow:hidden;width:0!important;height:0!important;border:0!important;min-width:0 !important;}
.input_file_wrap .btn_file{box-sizing:border-box;padding:4px 10px;font-size:13px;background:#333;border-radius:4px;cursor:pointer;color:#fff;text-align: center;}
.input_file_wrap .btn_file.loading{background: #eee;color:#aaa;}
.input_file_wrap .btn_file.loading:after{content:"업로드중...";}
.input_file_wrap .notice{margin:10px 0 0 0;font-size:12px;}
.input_file_wrap .notice .can_upload_files{margin:5px 0 0 0;font-size:12px;}
.input_file_wrap .notice .can_upload_files > em{display:inline-block;margin:0 1px 2px 0;padding:2px 4px;background:#f5f5f5;border-radius: 4px; color:#666;font-size:inherit;}
/*미리보기*/
.file_list{display:flex;flex-wrap:wrap;margin:10px 0 0}
.file_list ul{display: flex;flex-wrap: wrap;}
.file_list ul li,
.file_list>div{position:relative;margin:0 6px 0 0;width:150px;height:150px;background:#fff;border:1px solid #eee;justify-content:center;align-items:center;overflow:hidden}
.file_list ul li:last-child,
.file_list>div:last-child{margin-right: 0;}
.file_list .file_size,.file_list .file_name{display:block;position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.6);color:#fff;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}
.file_list .file_name{padding:2px 10px 0;bottom:19px}
.file_list .file_size{padding:0 10px 2px;bottom:0}
.file_list img{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9)}
.file_list .remove_file{padding:4px 8px;background:#ed6e6e;color:#fff;font-size:12px;margin:0 0 0 6px;position:absolute;top:0;right:0}
.file_list .added_file{padding:4px 10px;background:#f5f5f5;border-radius: 4px;color:#666;}
.file_list .added_file .size{padding:0 4px;font-size:12px;}
.file_list .added_file .remove{padding:2px 6px;background:#ed6e6e;color:#fff;border-radius: 4px;font-size:12px;}
.file_list ul .remove_file {display: block;position: absolute;	top: 0;right: 0; width: 17px;height: 17px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close.svg) center no-repeat;background-size: 90%; background-color:#fff;text-indent: -9999px;}
.file_list > .file_item{min-height:30px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_download.svg)no-repeat 10px center #f5f5f5;background-size:13px;border:1px solid #e0e0e0;padding:4px 10px 4px 35px;border-radius: 4px;font-size:13px;}
 @media all and (max-width:640px){
 .input_file_wrap{padding:10px 0;}
 .input_file_wrap .btn_file{display:inline-block;padding:8px 10px;}
 }
 @media all and (max-width:540px){
 .file_list ul li, .file_list>div{width:110px;height:110px;}
 }
/* ******************************************************
	complete_status 모바일 접수 확인 : pre_accep.jsp
*******************************************************/

.complete_status{margin:0 auto;width: 90%;box-sizing: border-box;background: #fdfdfd;padding: 30px 30px;max-width:640px;text-align: center;font-size:17px;border-radius: 10px;color:#000;word-break: keep-all;}
.complete_status h2{display:inline-block;position: relative;width:80%;height:47px;margin:10px auto 15px auto;word-break: keep-all;font-size:25px;line-height:1.4;}
.complete_status.success{background:#e8fffc;}
.complete_status.failure{background:#fff4f4;}
.complete_status.success h2,
.complete_status.failure h2{height:auto;}
.complete_status p{display:block;margin:10px auto;width:50%;height:35px;}
.complete_status.success p,
.complete_status.failure p{margin:0 auto;height:auto;width:100%;}
.complete_status .status{display:block;margin:10px auto;width:100px;height:60px;}
.complete_status.success .status{width:40px;height:20px;border:7px solid #33f7dd;border-top:0;border-right:0;transform:rotate(-45deg);transform-origin:25% 25%;}
.complete_status.failure .status{position:relative;}
.complete_status.failure .status:before,
.complete_status.failure .status:after{content:"";position: absolute;left:46%;height: 50px;width: 5px;background-color: #ff7a7a;}
.complete_status.failure .status:before {transform: rotate(45deg)}
.complete_status.failure .status:after {transform: rotate(-45deg)}
.complete_status p{word-break: keep-all;line-height:1.4;}

.complete_status.loading h2,
.complete_status.loading p,
.complete_status.loading .status{ animation: loadingAni 2s linear infinite forwards;background:linear-gradient(100deg, #f5f5f5 30%, #fff 50%, #f5f5f5 70%);background-size: 800px 104px;}
.complete_status.loading h2,
.complete_status.loading p{text-indent:-9999px;}
.complete_status.loading .status:before,
.complete_status.loading .status:after{opacity: 0;}

@media all and (max-width:640px){
	.complete_status{padding:30px 0;}
	.complete_status h2{font-size:22px;}
}