.sub_container {padding: 35px 0 50px 0;max-height: 100%;}
.sub_container.bggray {background-color: #f1f1f1;}
.member_tit {position: relative;text-align: center;font-size: 24px;color: #333;font-weight: 800;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}
.member_stit {text-align: center;font-size: 16px;color: #333;font-weight: 500;margin-bottom: 40px;}
.login_box {border: 1px solid #ccc;padding: 40px;border-radius: 15px;}
.login_box .field {height: 50px;padding-left: 65px;position: relative;}
.login_box .field.mar {margin-bottom: 20px;}
.login_box .field .th {height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;font-size: 14px;color: #333;font-weight: 500;}
.login_box .field .td {height: 100%;padding-right: 25px;border-bottom: 1px solid #ccc;position: relative;}
.login_box .field .td .input {font-size: 14px;color: #333;font-weight: 500;padding: 0 10px;height: 100%;width: 100%;border: none;}
.login_box .field .td .input::placeholder {font-size: 14px;color: #999999;font-weight: 400;}
.login_box .field .td .in_del {position: absolute;right: 0;top: 50%;margin-top: -10px;}
.login_box .field .td .in_del img {width: 20px;}
.login_box .submit {height: 50px;display: flex;align-items: center;cursor: pointer;border: none;background-color: #5C88DA;border-radius: 10px;font-size: 18px;color: #fff;font-weight: 500;justify-content: center;width: 100%;margin-top: 40px;}
.login_box .submit:hover {background-color: #1C3775;}
.mem_info {margin-top: 35px;display: flex;align-items: center;justify-content: center;}
.mem_info a {font-size: 16px;color: #333;font-weight: 500;}
.mem_info .inl.bar {padding-right: 17px;margin-right: 15px;position: relative;}
.mem_info .inl.bar:after {content: '';display: block;width: 1px;height: 16px;background-color: #CCC;position: absolute;right: 0;top: 3px;}
.join_btn {padding-bottom: 40px;border-bottom: 1px dashed #ccc;margin-bottom: 30px;}
.join_btn a {display: flex;align-items: center;justify-content: center;height: 50px;background-color: #5C88DA;border-radius: 10px;font-size: 18px;color: #fff;font-weight: 700;}
.sns_join .tit {font-size: 18px;color: #333333;font-weight: 500;text-align: center;margin-bottom: 20px;}
.sns {display: flex;align-items: center;justify-content: center;}
.sns a {display: block;margin: 0 10px;}
.sns a img {width: 60px;}

.icheck {display: flex;}
.icheck input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.icheck input[type=checkbox]:checked + label {background-position: 0 0;}
.icheck label {cursor: pointer;height: 30px;-webkit-box-align: center;align-items: center;display: flex;font-size: 18px;color: #333;font-weight: 700;}
.icheck input[type="checkbox"] + label:before {content: "";width: 30px;display: inline-block;height: 30px;overflow: hidden;background-position: 0 0;background-image:url('../img/sub/ichk_circle.png');background-size: 60px auto;margin-right: 10px;}
.icheck input[type="checkbox"]:checked + label:before {background-position: -30px 0;}

.border_box .icheck label {font-size: 14px;color: #333333;font-weight: 400;}
.border_box .icheck input[type="checkbox"] + label:before {width: 15px;height: 15px;background-size: 30px auto;margin-right: 5px;}
.agree_all_chk {margin-bottom: 20px;}
.border_box {border: 1px solid #ccc;border-radius: 15px;padding: 20px;}
.btn {cursor: pointer;height: 38px;border: 1px solid #ccc;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #333333;font-weight: 500;}
.btnin {position: relative;height: 38px;display: flex;align-items: center;}
.btnin .btn {position: absolute;right: 0;top: 0;}
.border_box .bb_label {margin-bottom: 10px;}
.border_box .bb_label:last-child {margin-bottom: 0;}
.blue_btn {display: flex;align-items: center;justify-content: center;height: 50px;background-color: #5C88DA;border-radius: 10px;font-size: 18px;color: #fff;font-weight: 700;width: 100%;cursor: pointer;border: none;}
.blue_btn.btn-xs {height: 37px;font-size: 16px;}
.line_btn {background-color: #fff;border: 1px solid #ccc;color: #333;font-weight: 500;}

.join_box {border: 1px solid #ccc;padding: 20px;border-radius: 10px;}
.join_box .field {height: 50px;padding-left: 75px;position: relative;}
.join_box .field.mar {margin-bottom: 20px;}
.join_box .field .th {height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;font-size: 14px;color: #333;font-weight: 500;}
.join_box .field .td {height: 100%;padding-right: 25px;border-bottom: 1px solid #ccc;position: relative;}
.join_box .field .td .input {font-size: 14px;color: #333;font-weight: 500;padding: 0 10px;height: 100%;width: 100%;border: none;}
.join_box .field .td .input::placeholder {font-size: 14px;color: #999999;font-weight: 400;}
.join_box .field .td .in_del {position: absolute;right: 0;top: 50%;margin-top: -10px;}
.join_box .field .td .in_del img {width: 20px;}

.square_chk .icheck input[type="checkbox"] + label:before {content: "";width: 24px;display: inline-block;height: 24px;overflow: hidden;background-position: 0 0;background-image:url('../img/sub/ichk_sa.png');background-size: 48px auto;margin-right: 10px;}
.square_chk .icheck label {height: 24px;font-size: 13px;color: #333;font-weight: 400;}
.square_chk .icheck input[type="checkbox"]:checked + label:before {background-position: -24px 0;}
.back {position: absolute;left: 0;top: 6px;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}
.back img {width: 22px;}
.pt_tit {font-size: 14px;color: #333;font-weight: 500;}
.prom_txt {padding-bottom: 50px;}
.prom_txt p {font-size: 14px;color: #333;font-weight: 400;word-break: keep-all;}
.prom_btn {background-color: #fff;position: fixed;left: 0;bottom: 0;padding: 10px 15px;width: 100%;}
.sub_tit {font-size: 24px;color: #333;font-weight: 700;text-align: center;position: relative;}
.sub_stit {font-size: 16px;color: #333;font-weight: 400;text-align: center;}
.btn_repair {font-size: 19px;color: #fff;font-weight: 500;border: none;height: 50px;width: 100%;border-radius: 8px;background-image: linear-gradient(90deg,#8C5CDA,#5C88DA);display: flex;align-items: center;justify-content: center;}
.btn_repair span {display: inline-block;padding-left: 28px;position: relative;font-size: 19px;color: #fff;font-weight: 500;}
.btn_repair span:before {content: '';display: inline-block;width: 22px;height: 40px;background-size: 22px auto;background-image: url('../img/sub/house_repair.png');background-repeat: no-repeat;background-position: 0 0;position: absolute;left: 0;top: 3px;}

.repair_list .item {background-color: #fff;border: 1px solid #ccc;border-radius: 16px;padding: 30px 20px;margin-bottom: 20px;}
.rl_state_wrap {display: flex;justify-content: space-between;align-items: center;}
.rl_state_tit {display: flex;align-items: center;font-size: 18px;color: #333;font-weight: 600;}
.rl_state_tit:before {content: '';display: block;width: 22px;height: 20px;background-size: 44px auto;background-image: url('../img/sub/ico_home.png');margin-right: 10px;}
.rl_stat {margin-left: 10px;padding: 0 10px;border-radius: 15px;height: 22px;display: flex;align-items: center;font-size: 18px;color: #333;font-weight: 600;font-size: 12px;color: #fff;background-color: #1C3775;}
.rl_date {color: #999;font-size: 14px;font-weight: 400;}
.rl_stit {font-size: 24px;color: #333;font-weight: 700;margin-bottom: 20px;}
.rl_bar {position: relative;height: 24px;width: 260px;margin: 0 auto;background-image: url('../img/sub/repair_bar.png');background-position: 0 0;background-size: 260px auto;background-repeat: no-repeat;}
.rl_bar:before {content: '';display: block;width: 24px;height: 24px;background-color: #FFDBA5;position: absolute;left: -4px;bottom: 0;border-radius: 50%;}
.rl_bar:after {content: '';display: block;width: 14px;height: 14px;background-color: #FFA720;position: absolute;left: 1px;bottom: 5px;border-radius: 50%;}
.rl_bar_wrap {padding-top: 50px;position: relative;width: 303px;margin: 0 auto;}
.stat_pop {position: absolute;left: -11px;top: 0;background-color: #FFA700;width: 77px;height: 30px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;font-weight: 500;}
.stat_pop:before {content: '';display: block;background-image: url('../img/sub/pop_bbo.png');width: 15px;height: 13px;background-size: 15px auto;position: absolute;left: 50%;margin-left: -7px;bottom: -13px;}
.btn_area {margin: 20px -5px 0 -5px;}
.btn_area:before {content: '';display: block;}
.btn_area:after {content: '';display: block;clear: both;}
.btn_area .btitem {float: left;width: 33.333333333%;padding: 0 5px;}
.btn_area .btitem button {height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 8px;background-color: #5C88DA;border: none;width: 100%;font-size: 16px;color: #fff;font-weight: 500;position: relative;}
.btn_area .btitem button .num {display: flex;width: 27px;height: 27px;background-color: #FFA700;border-radius: 50%;font-size: 16px;color: #fff;font-weight: 500;position: absolute;right: -8px;top: -12px;align-items: center;justify-content: center;}
.btn_area .btitem button:disabled {background-color: #DEDEDE;}

.repair_list .item.proceed .rl_stat {background-color: #FFA700;}
.repair_list .item.proceed .stat_pop {left: 114px;}
.repair_list .item.proceed .rl_bar:before {left: 121px;}
.repair_list .item.proceed .rl_bar:after {left: 126px;}

.repair_list .item.end .rl_stat {background-color: #C7C7C7;}
.repair_list .item.end .stat_pop {left: 241px;}
.repair_list .item.end .rl_bar:before {left: 247px;}
.repair_list .item.end .rl_bar:after {left: 252px;}
.repair_list .item.end .rl_state_tit:before {background-position: -22px 0;}
.repair_list .item.end .rl_state_tit {color: #999999;}
.repair_list .item.end .rl_stit {color: #999999;}
.house_request {border: 1px solid #ccc;background-color: #fff;padding: 30px 15px;border-radius: 15px;}
.house_request .field {margin-bottom: 15px;position: relative;padding-left: 80px;}
.house_request .field .th {position: absolute;left: 0;top: 0;height: 40px;display: flex;align-items: center;width: 80px;font-size: 14px;color: #333333;font-weight: 500;}
.house_request .field .td {height: 40px;}
.house_request .field .td .d_input {outline: none;width: 100%;border: none;height: 100%;font-size: 14px;color: #333333;font-weight: 500;border-bottom: 1px solid #ccc;}
.house_request .field .td .d_input::placeholder {color: #999;}
.house_request .field .td .delbtn {height: 100%;border-bottom: 1px solid #ccc;position: relative;padding-right: 25px;}
.house_request .field .td .delbtn .d_input {border-bottom: none;}
.house_request .field .td .delbtn .bdel {position: absolute;right: 0;top: 10px;}
.house_request .field .td .delbtn .bdel img {width: 20px;}
.house_request .field .td .delbtn .baddr {background-color: #fff;border: 1px solid #ccc;height: 34px;border-radius: 8px;padding: 0 10px;font-size: 12px;color: #333333;font-weight: 400;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 2px;}
.house_request .field .td .delbtn.addr {padding-right: 90px;}
.house_request .field .td .delbtn.pic {padding-right: 70px;}
.d_textarea {width: 100%;border: 1px solid #ccc;border-radius: 8px;height: 150px;background-color: #fff;padding: 10px;font-size: 14px;color: #333;font-weight: 400;}
.house_request .field.full {padding-left: 0;}
.house_request .field.full .th {position: relative;left: auto;top: auto;margin-bottom: 10px;}
.house_request .field.full .td,
.house_request .field.full .th {height: auto;}
.house_request .field.hauto .td,
.house_request .field.hauto .th {height: auto;}
.house_agree {margin: 20px 0 25px 0;}
.house_agree .square_chk label {font-size: 16px;color: #333;font-weight: 500;}
.repair_txt {font-size: 14px;color: #333;font-weight: 400;text-align: center;word-break: keep-all;}
.hr_tit span {display: inline-block;font-size: 18px;color: #5C88DA;font-weight: 700;position: relative;padding-bottom: 3px;}
.hr_tit span:after {height: 3px;background-color: #5C88DA;content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;}
.field.hauto .td .input_view {padding-bottom: 10px;}
.input_view {height: 100%;border-bottom: 1px solid #ccc;font-size: 14px;color: #333;font-weight: 400;display: flex;align-items: center;padding-left: 5px;word-break: keep-all;}
.estimate_list .item {margin-bottom: 10px;border-radius: 15px;background-color: #fff;padding: 20px 15px;}
.el_tit_wrap {display: flex;align-items: center;position: relative;padding-right: 94px;}
.el_tit {padding-left: 30px;font-size: 24px;color: #333;font-weight: 600;display: flex;align-items: center;position: relative;}
.el_tit:before {position: absolute;left: 0;top: 5px;content: '';display: block;width: 25px;height: 25px;background-size: 25px auto;background-image: url(../img/sub/ico_house.png);}
.btn_info {position: absolute;right: 0;top: 0;display: flex;align-items: center;height: 37px;color: #fff;background-color: #1C3775;border-radius: 8px;padding: 0 15px;}
.el_price_wrap {position: relative;display: flex;justify-content: end;}
.el_price_wrap .el_logo {position: absolute;left: 0;top: -10px;}
.el_price_wrap .el_logo img {width: 43px;}
.el_price {display: flex;align-items:end;font-size: 18px;color: #333;font-weight: 600;letter-spacing: -1px;}
.el_price strong {font-size: 36px;color: #333;font-weight: 700;line-height: 1;display: inline-block;margin-right: 5px;letter-spacing: -1px;}
.el_link a {height: 45px;background-color: #5C88DA;border-radius: 8px;font-size: 16px;color: #fff;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.hr_price {line-height: 1;margin-top: 25px;text-align: right;font-size: 16px;color: #333333;font-weight: 500;}
.hr_price strong {display: inline-block;margin-left: 10px;font-size: 32px;color: #F8A702;font-weight: 700;line-height: 1;}
.hr_info {position: relative;}
.hr_comnm {font-size: 18px;color: #333;font-weight: 700;line-height: 1.2;}
.hr_snm {font-size: 14px;color: #5C88DA;font-weight: 400;}
.hr_btn a {height: 34px;width: 85px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff;font-size: 14px;color: #333;font-weight: 400;padding: 0 15px;display: flex;align-items: center;justify-content: center;}
.hr_logo {position: absolute;right: 0;bottom: 0;}
.hr_logo img {width: 87px;}
.hr_stit {font-size: 16px;color: #333;font-weight: 500;}
.num_tit {display: flex;align-items: center;font-size: 16px;color: #333;font-weight: 700;}
.num_tit span {display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;background-color: #F8A702;font-size: 16px;color: #fff;font-weight: 500;border-radius: 50%;margin-right: 10px;}
.hr_num_list .hr_num_item {padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px dashed #ccc;}
.hr_num_list .hr_num_item:last-child {border-bottom: none;}

.popup_wrap {display: block;}
.popup_out {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 500;display: flex;align-items: center;justify-content: center;padding: 20px 15px;}
.popup_out:before {content: '';display: block;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.30);width: 100%;height: 100%;z-index: 501;}
.popup {-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);width: 100%;background-color: #fff;position: relative;z-index: 502;border-radius: 8px;padding: 20px;}
.popup.w360 {width: 360px;}
.popup.w720 {width: 720px;}
.popup.w840 {width: 840px;}
.popup .tit {height: 60px;display: flex;align-items: center;justify-content: center;color:#141824;text-align: center;font-size: 20px;font-weight: 600;border-radius: 8px 8px 0 0;background-color: #F5F7FA;position: relative;}
.popup .tit .close {position: absolute;right: 20px;top: 21px;}
.popup .tit .close img {width: 16px;}
.popup .cont {background-color: #fff;padding: 40px;border-radius: 0 0 8px 8px;}
.popup .cont.notit {border-radius: 8px;}
.cont-tit-wrap {position: relative;}
.cont-tit-wrap .close {position: absolute;right: 0;top: 0;}
.cont-tit-wrap .close img {width: 17px;}
.pop_view {border-top: 2px solid #333;border-bottom: 2px solid #333;}
.pop_view .field {height: 40px;margin-bottom: 15px;position: relative;padding-left: 100px;border-bottom: 1px dashed #ccc;}
.pop_view .field:last-child {border-bottom: none;}
.pop_view .field .th {position: absolute;left: 0;top: 0;height: 100%;display: flex;align-items: center;width: 100px;font-size: 14px;color: #333333;font-weight: 700;}
.pop_view .field .th.vat {align-items: start;}
.pop_view .field .td {display: flex;align-items: center;font-size: 16px;color: #333;font-weight: 400;height: 100%;}
.pop_view .field.hauto {height: auto;}
.pinput_view {height: 100%;border-bottom: 1px solid #ccc;font-size: 14px;color: #333;font-weight: 400;display: flex;align-items: center;padding-left: 5px;word-break: keep-all;}
.pcom_tit {margin-top: 40px;position: relative;padding-left: 70px;}
.pcom_tit .img {position: absolute;left: 0;top: 0;}
.pcom_tit .img img {width: 43px;}
.pt_btit {font-size: 24px;color: #333;font-weight: 700;line-height: 1.3;}
.pt_stit {font-size: 16px;color: #5C88DA;font-weight: 500;}
.history_list li {position: relative;padding-left: 60px;}
.history_list .hyear {font-size: 16px;color: #333;font-weight: 500;width: 50px;position: absolute;left: 0;top: 0;}
.history_list .hcont {font-size: 16px;color: #333;font-weight: 500;word-break: keep-all;}
.pop_img_list {overflow: hidden;margin: 0 -1px;}
.pop_img_list .item {float: left;padding: 0 1px;width: 33.333333333%;margin-bottom: 2px;}
.pop_img_list .item img {height: 87px;width: 100%;}
.popup_out_scroll {overflow-y: auto;max-height: 100%;}

.img_pop {display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 600;}
.img_pop_in {width: 100%;height: 100%;z-index: 600;position: relative;display: flex;align-items: center;height: 100%;}
.img_pop .img_pop_back {content: '';display: block;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.60);width: 100%;height: 100%;z-index: 501;}
.img_pop_close {position: absolute;right: 20px;top: 10px;z-index: 10;}
.img_pop_close img {width: 17px;z-index: 10;}
.pimg_wrap {position: relative;z-index: 600;overflow: hidden;padding: 0 15px;}

/*20240705*/
.sub_list .item {margin-bottom: 40px;text-align: center;}
.sub_list .item:last-child {margin-bottom: 0;}
.sub_list .item .tit {margin: 12px 0 13px 0;font-size: 18px;color: #333;font-weight: 600;}
.sub_list .item .txt {font-size: 16px;color: #333;font-weight: 400;}

.sub_progress .item {background-color: #fff;border: 1px solid #ccc;border-radius: 16px;padding: 30px 15px;margin-bottom: 20px;}
.sl_state_wrap {display: flex;justify-content: space-between;align-items: center;}
.sl_state_tit {display: flex;align-items: center;font-size: 16px;color: #333;font-weight: 600;}
.sl_state_tit:before {content: '';display: block;width: 22px;height: 24px;background-size: 44px auto;background-image: url('../img/sub/ico_home.png');margin-right: 5px;background-repeat: no-repeat;}
.sl_stat {margin-left: 10px;padding: 0 10px;border-radius: 15px;height: 22px;display: flex;align-items: center;font-size: 18px;color: #333;font-weight: 600;font-size: 12px;color: #fff;background-color: #1C3775;}

.estimate .sl_stat {background-color: #FFA700;}
.estimate .sbb1 {display: none;}
.estimate .sub_stat_pop {left: 77px;}
.estimate .sl_bar:before {left: 78px;}
.estimate .sl_bar:after {left: 83px;}

.service .sl_state_tit:before {background-image: url('../img/sub/ico_sub.svg');background-size: 18px auto;height: 22px;}
.service .sl_stat {background-color: #FFA700;}
.service .sbb1 {display: none;}
.service .sbb2 {display: none;}
.service .sub_stat_pop {left: 159px;}
.service .sl_bar:before {left: 160px;}
.service .sl_bar:after {left: 165px;}

.end .sl_state_tit:before {background-image: url('../img/sub/ico_sub_end.svg');background-size: 18px auto;height: 22px;}
.end .sl_stat {background-color: #C7C7C7;}
.end .sbb1 {display: none;}
.end .sbb2 {display: none;}
.end .sbb3 {display: none;}
.end .sub_stat_pop {left: 241px;}
.end .sl_bar:before {left: 242px;}
.end .sl_bar:after {left: 247px;}

.sl_date {color: #999;font-size: 13px;font-weight: 400;}
.sl_stit {font-size: 24px;color: #333;font-weight: 700;margin-bottom: 20px;}
.sl_bar {position: relative;height: 24px;width: 260px;margin: 0 auto;background-image: url('../img/sub/sub_bar.png');background-position: center center;background-size: 260px auto;background-repeat: no-repeat;}
.sl_bar:before {content: '';display: block;width: 24px;height: 24px;background-color: #B9CFF7;position: absolute;left: -6px;bottom: -1px;border-radius: 50%;}
.sl_bar:after {content: '';display: block;width: 14px;height: 14px;background-color: #5C88DA;position: absolute;left: -1px;bottom: 4px;border-radius: 50%;}
.sl_bar_wrap {padding-top: 50px;position: relative;width: 313px;margin: 0 auto;}

.sbb {width: 14px;height: 14px;background-color: #5C88DA;position: absolute;bottom: 4px;border-radius: 50%;}
.sbb.sbb1 {left: 110px;}
.sbb.sbb2 {left: 191px;}
.sbb.sbb3 {left: 273px;}

.sub_stat_pop {position: absolute;left: -7px;top: 0;background-color: #FFA700;width: 77px;height: 30px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;font-weight: 500;}
.sub_stat_pop:before {content: '';display: block;background-image: url('../img/sub/pop_bbo.png');width: 15px;height: 13px;background-size: 15px auto;position: absolute;left: 50%;margin-left: -7px;bottom: -13px;}

.s_img_wrap.owl-carousel .owl-nav .owl-prev,
.s_img_wrap.owl-carousel .owl-nav .owl-next {display: block;position: absolute;top: 50%;margin-top: -25px;height: 50px;background-color: #fff;background: rgba(0, 0, 0, 0.30);background-repeat: no-repeat;background-position: center center;z-index: 10;font-size: 0;width: 30px;}
.s_img_wrap.owl-carousel .owl-nav .owl-prev {left: 0;border-radius: 0 6px 6px 0;background-image: url('../img/sub/img_prev.svg');background-size: 10px auto;}
.s_img_wrap.owl-carousel .owl-nav .owl-next {right: 0;border-radius: 6px 0 0 6px;background-image: url('../img/sub/img_next.svg');background-size: 10px auto;}

.msg_popup {display: block;}
.msg_popup:before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.60);}
.msg_popup_out {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;padding: 0 15px;}
.msg_popup_in {height: 100%;display: flex;align-items: center;width: 100%;}
.msg_popup_box {position: relative;width: 100%;border: 1px solid #ccc;background-color: #fff;padding: 20px 30px;-webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 30%);box-shadow: 0 7px 18px rgb(0 0 0 / 30%);border-radius: 15px;}
.msg_close {position: absolute;right: 20px;top: 20px;}
.msg_close img {width: 17px;}
.msg_tit {font-size: 18px;color: #333;font-weight: 600;text-align: center;}
.msg_txt {font-size: 16px;color: #333;font-weight: 400;text-align: center;}
.msg_btn {overflow: hidden;margin: 30px -5px 0 -5px;}
.msg_btn.full a {margin: 0 auto;max-width: 160px;}
.msg_btn.full .mb_cell {width: 100%;}
.msg_btn .mb_cell {width: 50%;float: left;padding: 0 5px;}
.msg_btn a {display: flex;align-items: center;justify-content: center;width: 100%;height: 37px;border-radius: 8px;border: 1px solid #ccc;background-color: #fff;font-size: 16px;color: #333;font-weight: 500;}
.msg_btn .msg_ok {background-color: #5C88DA;border-color: #5C88DA;color: #fff;}
.hr_date {font-size: 12px;color: #999999;font-weight: 400;}
.hr_btit {font-size: 24px;color: #333;font-weight: 700;}
.hr_txt {font-size: 16px;color: #333;font-weight: 400;word-break: keep-all;}
.hr_tdline {border-bottom: 1px solid #ccc;height: 100%;font-size: 14px;color: #333;font-weight: 400;display: flex;align-items: center;padding: 0 10px;}
.hr_line {padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px dashed #707070;}
.total_price {color: #5C88DA;font-weight: 700;}
.pay_price {background-color: #F1F1F1;border-radius: 8px;height: 55px;padding: 0 25px 0 30px;display: flex;align-items: center;justify-content: space-between;}
.pp_th {font-size: 14px;color: #333;font-weight: 700;padding-top: 5px;}
.pp_price {position: relative;padding-right: 20px;font-size: 32px;color: #F8A702;font-weight: 700;line-height: 1;}
.pp_price span {font-size: 14px;color: #333;font-weight: 700;position: absolute;right: 0;bottom: 2px;}
.td_txt {font-size: 14px;color: #999999;font-weight: 400;word-break: keep-all;}
.chk_txt {font-size: 14px;color: #333;font-weight: 400;padding-left: 34px;}
.alarm_list .item {margin-bottom: 20px;border-radius: 16px;border: 1px solid #CCCCCC;background-color: #fff;padding: 30px 20px;}
.alc_tit_wrap {display: flex;align-items: center;justify-content: space-between;}
.alc_tit {font-size: 16px;color: #333;font-weight: 700;}
.alc_date {font-size: 14px;color: #999999;font-weight: 400;}
.alc_txt {font-size: 16px;color: #333;font-weight: 400;word-break: keep-all;}
.alc_txt strong {font-weight: 700;}

.w70 {width: 70px;}
.mb50 {margin-bottom: 50px;}
.mb40 {margin-bottom: 40px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}