header{position:sticky; top:0; z-index:1000; width:100%; height:60px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #E6E6E6; background-color:#fff; text-align:center; padding:0 16px; box-sizing:border-box;}
header .title{width:100%; display: inline-block;}
header .alarm_icon{position:relative; display:inline-block; float:left;}
header .alarm_icon .icon{width:20px; display:inline-block;}
header .alarm_icon .num{position:absolute; left:26px; display:inline-block; min-width:12px; height:22px; line-height:23px; padding:0 5px; background-color:#e30613; border-radius:23px; color:#fff;}
header .my_page{display:inline-block; width:20px; float:right;}
header .guardner{display:inline-block; width:120px;}
header .guardner a, header .guardner a img{display:block;}
header .btn_back{width:16px; position:relative; display:inline-block; float:left;}
header .btn_home{width:24px; display:inline-block; float:right;}
header .btn_set{width:24px; display:inline-block; float:right;}

main{clear:both; width:100%; height:100%; display:block;}
.contents{width:100%; display:inline-block; padding:0 16px; margin-top:16px; box-sizing:border-box;}
.contents .contents_box{width:100%; height:100%; margin-bottom:55px; display:flex; flex-wrap:wrap;}
.contents .qr_code{float:left; width:calc(50% - 8px); margin-right:16px; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.contents .qr_code h3{float:left;}
.contents .qr_code ul{clear:both; float:left; width:100%; margin-top:28px; margin-bottom:13px;}
.contents .qr_code ul li{width:100%; text-align:center;}
.contents .qr_code ul li .add_qr{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:100%; border:2px dashed #E6E6E6; border-radius:10px; box-sizing:border-box;}
.contents .qr_code ul li .add_qr img{width:50%; position:absolute; top:0; left:0; right:0; bottom:0; object-fit:cover; margin:auto;}
.contents .qr_code ul li .btn_add_qr{clear:both; display:inline-block; width:100%; margin-top:8px; padding:10px; background-color:#BDBDBD; color:#fff; font-weight:500; text-align:center; border-radius:6px; box-sizing:border-box;}

.contents .qr_code ul li .qr_img{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:100%; border-radius:10px; box-sizing:border-box;}
.contents .qr_code ul li .qr_img img{width:100%; position:absolute; top:0; left:0; right:0; bottom:0; object-fit:cover; margin:auto;}
.contents .qr_code ul li .btn_manage{clear:both; display:inline-block; width:100%; margin-top:8px; padding:10px; background-color:#207cde; color:#fff; font-weight:500; text-align:center; border-radius:6px; box-sizing:border-box;}

.contents .r_contents{width:calc(50% - 8px);}
.contents .parking{position:relative; float:left; width:100%; height:calc(50% - 8px); margin-bottom:16px; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box; cursor:pointer;}
.contents .parking h3{float:left;}
.contents .parking .img_box{position:absolute; right:5px; bottom:5px; width:72%;}

.contents .manner{position:relative; float:left; width:100%; height:calc(50% - 8px); padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box; cursor:pointer;}
.contents .manner h3{float:left;}
.contents .manner .img_box{position:absolute; right:5px; bottom:10px; width:72%;}

.contents .emergency{position:relative; clear:both; float:left; width:100%; margin-top:16px; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box; cursor:pointer;}
.contents .emergency h3{float:left;}
.contents .emergency .img_box{display:inline-block; float:right; width:12px;}

.m_bottom_banner{clear:both; width:100%; display:inline-block; margin-top:-39px; margin-bottom:126px;}
.m_bottom_banner .mp_banner{clear:both; float:left; display:inline-block; width:100%;}
.m_bottom_banner .mp_banner .banner_img{clear:both; float:left; display:inline-block; width:100%;}

.qr_cmr{position:fixed; bottom:0; z-index:1000; width:100%; height:96px; text-align:center; border-radius:15px 15px 0 0; box-sizing:border-box;}
.qr_cmr .btn_qr_cmr{display:inline-block; width:96px; height:96px; border-radius:96px; margin-top:-20px; padding:18px; background-color:#207cde; border:6px solid #fff; box-sizing:border-box; box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);}

/*qr코드 관리*/
.qr_code_mng{width:100%; display:inline-block; margin-bottom:55px;}
.qr_code_mng .btn_qr_add{width:100%; display:inline-block;}
.qr_code_mng .btn_qr_add .add_qr{position:relative; float:left; width:100%; background-color:#fff; display:inline-block; overflow:hidden; margin-bottom:16px; border:2px dashed #E6E6E6; border-radius:10px; padding:16px; text-align:center; box-sizing:border-box;}
.qr_code_mng .btn_qr_add .add_qr img{width:80px;}
.qr_code_mng .btn_qr_add .add_qr .txt{margin-top:10px;}

.qr_code_mng .rep_qr_code{clear:both; width:100%; float:left; display:inline-block; background-color:#fff; border-radius:12px; margin-bottom:16px; padding:16px; box-sizing:border-box;}
.qr_code_mng .rep_qr_code h3{float:left;}
.qr_code_mng .rep_qr_code .btn_set{float:right; width:17px; display:inline-block;}
.qr_code_mng .rep_qr_code .img_box{clear:both; float:left; width:115px; height:115px; display:inline-block; margin-top:16px; border:1px solid #E6E6E6; overflow:hidden; box-sizing:border-box;}
.qr_code_mng .rep_qr_code .text_box{float:left; width:calc(100% - 115px); margin-top:16px; padding-left:16px; box-sizing:border-box;}
.qr_code_mng .rep_qr_code .text_box .tit{float:left; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.qr_code_mng .rep_qr_code .text_box table{clear:both; float:left; width:100%; margin-top:5px;}
.qr_code_mng .rep_qr_code .text_box table th{vertical-align:top; line-height:1.5; color:#1C1C1B; font-weight:500;}
.qr_code_mng .rep_qr_code .text_box table td{vertical-align:top; line-height:1.5;}
.qr_code_mng .rep_qr_code .text_box table td p{display:inline-block; float:left;}
.qr_code_mng .rep_qr_code .text_box table td .green_light{width:14px; height:14px; border-radius:14px; margin-top:3px; margin-left:5px; display:inline-block; background-color:#4ab431;}
.qr_code_mng .rep_qr_code .text_box table td .red_light{width:14px; height:14px; border-radius:14px; margin-top:3px; margin-left:5px; display:inline-block; background-color:#d42b2b;}

.qr_code_mng .qr_car{clear:both; width:100%; float:left; display:inline-block;}
.qr_code_mng .qr_car ul{width:100%; float:left; display:inline-block;}
.qr_code_mng .qr_car ul li{clear:both; width:100%; float:left; display:inline-block; background-color:#fff; border-radius:12px; margin-bottom:10px; padding:16px; box-sizing:border-box; cursor:pointer;}
.qr_code_mng .qr_car ul li:last-child{margin-bottom:0;}
.qr_code_mng .qr_car ul li .img_box{position:relative; clear:both; float:left; width:80px; height:80px; display:inline-block; border:1px solid #E6E6E6; border-radius:6px; overflow:hidden; box-sizing:border-box;}
.qr_code_mng .qr_car ul li .img_box img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.qr_code_mng .qr_car ul li .text_box{float:left; width:calc(100% - 80px); padding-left:16px; box-sizing:border-box;}
.qr_code_mng .qr_car ul li .text_box table{clear:both; float:left; width:100%; margin-top:5px;}
.qr_code_mng .qr_car ul li .text_box table th{vertical-align:top; line-height:1.5; color:#1C1C1B; font-weight:500;}
.qr_code_mng .qr_car ul li .text_box table td{vertical-align:top; line-height:1.5;}

.qr_code_mng .b_add_qr{clear:both; margin-top:16px;}

/*본인인증 안내 팝업*/
.msg_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.msg_popup.on{visibility:visible; opacity:1;}
.msg_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.msg_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.msg_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.msg_popup .layer_popup ul li:last-child{margin-right:0;}
.msg_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.msg_popup .layer_popup ul li a.on{background-color:#207cde;}
.msg_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*카메라 접근 허용 팝업*/
.cmr_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.cmr_popup.on{visibility:visible; opacity:1;}
.cmr_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.cmr_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.cmr_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.cmr_popup .layer_popup ul li:last-child{margin-right:0;}
.cmr_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.cmr_popup .layer_popup ul li a.on{background-color:#207cde;}
.cmr_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 등록완료 팝업*/
.qr_reg_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.qr_reg_popup.on{visibility:visible; opacity:1;}
.qr_reg_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.qr_reg_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.qr_reg_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.qr_reg_popup .layer_popup ul li:last-child{margin-right:0;}
.qr_reg_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.qr_reg_popup .layer_popup ul li a.on{background-color:#207cde;}
.qr_reg_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.qr_reg_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 등록취소 팝업*/
.cancel_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.cancel_popup.on{visibility:visible; opacity:1;}
.cancel_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.cancel_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.cancel_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.cancel_popup .layer_popup ul li:last-child{margin-right:0;}
.cancel_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.cancel_popup .layer_popup ul li a.on{background-color:#207cde;}
.cancel_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 등록 촬영*/
.qr_register{position:fixed; width:100%; height:calc(100% - 60px); display:inline-block;}
.qr_register .mask_box{position:absolute; z-index:10; float:left; width:100%; height:100%; display:inline-block; overflow:hidden; padding-top:0;}
.qr_register .mask_box .mask {position:absolute; width:230px; height:230px; top:0; left:0; right:0; bottom:0; border:2px solid #207cde; border-radius:12px; overflow:hidden; background:rgba(0, 0, 0, 0.0); box-shadow:0px 0px 0px 99999px rgba(0, 0, 0, 1); box-sizing:border-box; object-fit:cover; margin:auto;}

.qr_register .cmr_box{position:absolute; width:100%; height:100%; display:inline-block;}
.qr_register .info_text{position:absolute; top:11%; z-index:11; width:100%; display:inline-block; text-align:center;}
.qr_register .info_text img{width:20px;}
.qr_register .info_text p{display:inline-block;}
.qr_register .info_text .txt{margin-left:5px;}
.qr_register .btn_flash{position:absolute; bottom:35px; left:50%; z-index:11; width:60px; height:60px; border-radius:60px; line-height:60px; margin-left:-30px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_register .btn_flash img{width:24px;}

.qr_data_input{width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.qr_data_input h3{float:left;}
.qr_data_input .car_num{clear:both; float:left; margin-top:16px;}
.qr_data_input .info_txt{clear:both; display:inline-block; margin-top:5px;}

.qr_data_input.red_on .car_num{border:1px solid #e30613;}
.qr_data_input.red_on .info_txt{color:#e30613;}

.qr_data_input .s_title{clear:both; width:100%; display:inline-block; margin-top:16px;}
.qr_data_input .name{clear:both; float:left; margin-top:5px;}

.qr_data_input .birth_date{clear:both; float:left; width:100%; margin-top:5px;}
.qr_data_input .birth_date li.year{float:left; width:calc(40% - 8px); margin-right:12px;}
.qr_data_input .birth_date li.month{float:left; width:calc(30% - 8px); margin-right:12px;}
.qr_data_input .birth_date li.day{float:left; width:calc(30% - 8px);}
.qr_data_input .select_box{clear:both; float:left; width:100%;}

.qr_data_input .gender{clear:both; float:left; width:100%; margin-top:5px; display:inline-block;}
.qr_data_input .gender li{float:left; display:inline-block; width:calc(50% - 8px); margin-right:12px;}
.qr_data_input .gender li:nth-child(even){margin-right:0;}
.qr_data_input .gender input.select_style {display: none;}
.qr_data_input .gender input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.qr_data_input .gender input.select_style + label{display:block; cursor:pointer;}
.qr_data_input .gender input.select_style:checked + label{color:#212121;}
.qr_data_input .gender input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}

.qr_data_input .blood_type{clear:both; float:left; display:inline-block; width:100%; margin-top:5px;}

.contents .btn_next{margin-top:16px;}
.contents .btn_next.on{background-color:#207cde;}
.contents .btn_conform{margin-top:16px;}
.contents .btn_conform.on{background-color:#207cde;}

/*qr코드 변경 팝업*/
.qr_change{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.qr_change.on{visibility:visible; opacity:1;}
.qr_change .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.qr_change .layer_popup .qr_list{clear:both; display:inline-block; width:100%; height:220px; margin-top:16px; overflow-y:auto; box-sizing:border-box;}
.qr_change .layer_popup .qr_list li{clear:both; display:inline-block; width:100%; margin-bottom:6px;}
.qr_change .layer_popup .qr_list li:last-child{margin-bottom:0;}
.qr_change .layer_popup .qr_list input.select_style {display: none;}
.qr_change .layer_popup .qr_list input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; color:#1C1C1B; font-weight:500; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.qr_change .layer_popup .qr_list input.select_style + label{display:block; cursor:pointer;}
.qr_change .layer_popup .qr_list input.select_style:checked + label{color:#212121;}
.qr_change .layer_popup .qr_list input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}

.qr_change .layer_popup .qr_list::-webkit-scrollbar {width:5px;}
.qr_change .layer_popup .qr_list::-webkit-scrollbar-thumb {background: rgba(120, 120, 120, 0.3); border-radius: 100px;}
.qr_change .layer_popup .qr_list::-webkit-scrollbar-thumb:hover {background: rgba(120, 120, 120, 0.5);}
.qr_change .layer_popup .qr_list::-webkit-scrollbar-track {background: rgba(245, 245, 245, 1);}

.qr_change .layer_popup .b_button{width:100%; display:inline-block; margin-top:25px;}
.qr_change .layer_popup .b_button li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.qr_change .layer_popup .b_button li:last-child{margin-right:0;}
.qr_change .layer_popup .b_button li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.qr_change .layer_popup .b_button li a.on{background-color:#207cde;}
.qr_change .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 변경완료 팝업*/
.qr_change2{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.qr_change2.on{visibility:visible; opacity:1;}
.qr_change2 .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.qr_change2 .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.qr_change2 .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.qr_change2 .layer_popup ul li:last-child{margin-right:0;}
.qr_change2 .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.qr_change2 .layer_popup ul li a.on{background-color:#207cde;}
.qr_change2 .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.qr_change2 .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 상세*/
.qr_detail{width:100%; display:inline-block; margin-bottom:55px;}
.qr_detail .car_info_box{width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-bottom:16px; box-sizing:border-box;}
.qr_detail .car_info_box .img_box{position:relative; clear:both; float:left; width:80px; height:80px; box-sizing:border-box;}
.qr_detail .car_info_box .img_box .btn_pic{position:absolute; right:-5px; bottom:-3px; z-index:10; display:block; width:32px; height:32px; line-height:29px; text-align:center; border-radius:32px; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_detail .car_info_box .img_box .btn_pic img{width:18px;}
.qr_detail .car_info_box .img_box .pic_img{position:relative; clear:both; float:left; width:100%; height:100%; display:inline-block; border:1px solid #E6E6E6; border-radius:6px; overflow:hidden; box-sizing:border-box;}
.qr_detail .car_info_box .img_box .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.qr_detail .car_info_box .text_box{float:left; width:calc(100% - 80px); padding-left:16px; box-sizing:border-box;}
.qr_detail .car_info_box .text_box .tit{clear:both; display:inline-block; float:left; line-height:1.5;}
.qr_detail .car_info_box .text_box .btn_ch_car_num{float:left; display:inline-block; padding:3.5px 8px; margin-left:6px; font-size:13px; color:#fff; border-radius:20px; background-color:#BDBDBD;}
.qr_detail .car_info_box .text_box table{clear:both; float:left; width:100%; margin-top:5px;}
.qr_detail .car_info_box .text_box table th{vertical-align:top; line-height:1.5; color:#1C1C1B; font-weight:500;}
.qr_detail .car_info_box .text_box table td{vertical-align:top; line-height:1.5;}
.qr_detail .car_info_box .text_box table td .nickname{display:inline-block;}
.qr_detail .car_info_box .text_box table td .btn_ch_nickname{display:inline-block; padding:2px 8px; margin-left:6px; font-size:13px; color:#fff; border-radius:20px; background-color:#BDBDBD;}

.qr_detail .psg_tit{clear:both; float:left; margin-top:10px;}
.qr_detail .passenger_box{width:100%; display:inline-block; margin:16px 0; box-sizing:border-box;}
.qr_detail .passenger_box .passenger_list{clear:both; display:inline-block; width:100%;}
.qr_detail .passenger_box .passenger_list li{clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-bottom:10px; box-sizing:border-box;}
.qr_detail .passenger_box .passenger_list li:last-child{margin-bottom:0;}
.qr_detail .passenger_box .passenger_list li .img_box{position:relative; clear:both; float:left; width:80px; height:80px; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.qr_detail .passenger_box .passenger_list li .img_box img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.qr_detail .passenger_box .passenger_list li .text_box{float:left; display:flex; flex-direction:column; justify-content: center; width:calc(100% - 80px); height:80px; padding-left:16px; box-sizing:border-box;}
.qr_detail .passenger_box .passenger_list li .text_box .tit{clear:both; width:100%; float:left;}
.qr_detail .passenger_box .passenger_list li .text_box .sub_txt{clear:both; width:100%; float:left; margin-top:5px;}

.qr_detail .btn_qr_del{clear:both; float:right; display:block; background-color:#fff; padding:8px 12px; border-radius:35px;}

/*프로필 사진 변경 카메라 팝업*/
.pic_select_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.pic_select_popup.on{visibility:visible; opacity:1;}
.pic_select_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.pic_select_popup .layer_popup ul{width:100%; display:inline-block;}
.pic_select_popup .layer_popup ul li{clear:both; width:100%; margin-bottom:6px;}
.pic_select_popup .layer_popup ul li:last-child{margin-bottom:0;}
.pic_select_popup .layer_popup ul li a{display:block; padding:15px; border-radius:6px; border:1px solid #e6e6e6; box-sizing:border-box;}
.pic_select_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*프로필 앨범 접근 허용 팝업*/
.album_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.album_popup.on{visibility:visible; opacity:1;}
.album_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.album_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.album_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.album_popup .layer_popup ul li:last-child{margin-right:0;}
.album_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.album_popup .layer_popup ul li a.on{background-color:#207cde;}
.album_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*차량 번호 수정 팝업*/
.car_num_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100%; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.car_num_popup.on{visibility:visible; opacity:1;}
.car_num_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.car_num_popup .layer_popup .input_box{margin-top:16px;}
.car_num_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.car_num_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.car_num_popup .layer_popup ul li:last-child{margin-right:0;}
.car_num_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.car_num_popup .layer_popup ul li a.on{background-color:#207cde;}
.car_num_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*차량 번호 수정 팝업2*/
.car_num_popup2{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.car_num_popup2.on{visibility:visible; opacity:1;}
.car_num_popup2 .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.car_num_popup2 .layer_popup .input_box{margin-top:16px;}
.car_num_popup2 .layer_popup p{display:inline-block; width:100%;}
.car_num_popup2 .layer_popup p span{display:inline-block; margin-top:10px;}
.car_num_popup2 .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.car_num_popup2 .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*닉네임 수정 팝업*/
.nickname_set_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.nickname_set_popup.on{visibility:visible; opacity:1;}
.nickname_set_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.nickname_set_popup .layer_popup .input_box{margin-top:16px;}
.nickname_set_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.nickname_set_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.nickname_set_popup .layer_popup ul li:last-child{margin-right:0;}
.nickname_set_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.nickname_set_popup .layer_popup ul li a.on{background-color:#207cde;}
.nickname_set_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 삭제 팝업*/
.qr_del_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.qr_del_popup.on{visibility:visible; opacity:1;}
.qr_del_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.qr_del_popup .layer_popup p{display:inline-block; width:100%;}
.qr_del_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.qr_del_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.qr_del_popup .layer_popup ul li:last-child{margin-right:0;}
.qr_del_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.qr_del_popup .layer_popup ul li a.on{background-color:#207cde;}
.qr_del_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 삭제 팝업2*/
.qr_del_popup2{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.qr_del_popup2.on{visibility:visible; opacity:1;}
.qr_del_popup2 .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.qr_del_popup2 .layer_popup .input_box{margin-top:16px;}
.qr_del_popup2 .layer_popup p{display:inline-block; width:100%;}
.qr_del_popup2 .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.qr_del_popup2 .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*주차관리*/
.parking_mng{width:100%; float:left; display:inline-block; padding:16px; margin-bottom:55px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.parking_mng h3{float:left; display:inline-block;}
.parking_mng .tooltip{float:left; display:inline-block; width:18px; margin-left:6px;}
.parking_mng .tooltip img{float:left;}
.parking_mng .parking_meno{clear:both; min-height:120px; margin-top:8px; margin-bottom:20px;}
.parking_mng .msg_set{margin-top:16px; margin-top:8px;}
.parking_mng .msg_set .input_text{width:calc(100% - 28px);}
.parking_mng .msg_set .btn_msg_del{display:inline-block; width:22px; margin-left:6px; margin-top:4px;}

/*매너지수*/
.manner_index{width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.manner_index h3{float:left; display:inline-block;}
.manner_index .tooltip{float:left; display:inline-block; width:18px; margin-left:6px;}
.manner_index .tooltip img{float:left;}

.gradient-mask {visibility: hidden;}
.gauge-container {margin-top:25px; display:flex; justify-content:space-around;}

.color-red {stop-color:#e23131;}
.color-yellow {stop-color:#fbe500;}
.color-green {stop-color:#25cd6b;}
.color-puple {stop-color:#6e4c8c;}
.color-blue {stop-color: #207cde;}

.gauge {width:95%;}
.gauge .dxg-range.dxg-background-range {fill: url(#gradientGauge);}
.gauge .dxg-line {transform:scaleX(1.04) scaleY(1.03) translate(-4px, -4px);}
.gauge .dxg-line path:first-child,
.gauge .dxg-line path:last-child {display:none;}
.gauge .dxg-line path:nth-child(2) {stroke: #ad3d5a;}
.gauge .dxg-line path:nth-child(3) {stroke: #6e4c8c;}
.gauge .dxg-line path:nth-child(4) {stroke: #5c569e;}
.gauge .dxg-line path:nth-child(5) {stroke: #207cde;}
.gauge .dxg-line path:nth-child(6) {stroke: #207cde;}

.gauge .dxg-elements text:first-child {transform: translate(19px, 13px);}
.gauge .dxg-elements text:last-child {transform: translate(-27px, 14px);}
.gauge .dxg-value-indicator path {transform: scale(1.2) translate(0, -5px); transform-origin: center center;}
.gauge .dxg-value-indicator .dxg-title {text-transform: uppercase;}
.gauge .dxg-value-indicator .dxg-title text:first-child {transform: translateY(5px);}
.gauge .dxg-value-indicator .dxg-spindle-border:nth-child(4),
.gauge .dxg-value-indicator .dxg-spindle-hole:nth-child(5) {transform: translate(0, -109px); display:none;}
.gauge .dxg-value-indicator .dxg-spindle-hole {fill: #1C1C1B;}
.gauge .dxg-title text:first-child{display:none;}

.response_rate{width:100%; float:left; display:inline-block; padding:16px; margin-top:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.response_rate h3{float:left; display:inline-block;}
.response_rate .tooltip{float:left; display:inline-block; width:18px; margin-left:6px;}
.response_rate .tooltip img{float:left;}
.response_rate .response01{clear:both; float:left; width:100%; display:flex; align-items:center; margin-top:16px;}
.response_rate .response01 .icon_img{float:left; display:inline-block; width:60px;}
.response_rate .response01 .icon_img .img_box{width:60px; height:60px; display:inline-block; border-radius:80px; background-color:#e30613; padding:16px; box-sizing:border-box;}
.response_rate .response01 .icon_img .img_box img{margin-top:-3px;}
.response_rate .response01 .icon_img .per{clear:both; width:100%; text-align:center; margin-top:5px; color:#e30613;}
.response_rate .response01 .text_box{float:left; display:inline-block; width:calc(100% - 76px); margin-left:16px; padding:16px; border:1px solid #e6e6e6; border-radius:6px; word-break:keep-all; box-sizing:border-box;}

.response_rate .response02{clear:both; float:left; width:100%; display:flex; align-items:center; margin-top:16px;}
.response_rate .response02 .icon_img{float:left; display:inline-block; width:60px;}
.response_rate .response02 .icon_img .img_box{width:60px; height:60px; display:inline-block; border-radius:80px; background-color:#f09744; padding:16px; box-sizing:border-box;}
.response_rate .response02 .icon_img .img_box img{margin-top:-3px;}
.response_rate .response02 .icon_img .per{clear:both; width:100%; text-align:center; margin-top:5px; color:#f09744;}
.response_rate .response02 .text_box{float:left; display:inline-block; width:calc(100% - 76px); margin-left:16px; padding:16px; border:1px solid #e6e6e6; border-radius:6px; word-break:keep-all; box-sizing:border-box;}

.response_rate .response03{clear:both; float:left; width:100%; display:flex; align-items:center; margin-top:16px;}
.response_rate .response03 .icon_img{float:left; display:inline-block; width:60px;}
.response_rate .response03 .icon_img .img_box{width:60px; height:60px; display:inline-block; border-radius:80px; background-color:#face05; padding:16px; box-sizing:border-box;}
.response_rate .response03 .icon_img .img_box img{margin-top:-3px;}
.response_rate .response03 .icon_img .per{clear:both; width:100%; text-align:center; margin-top:5px; color:#face05;}
.response_rate .response03 .text_box{float:left; display:inline-block; width:calc(100% - 76px); margin-left:16px; padding:16px; border:1px solid #e6e6e6; border-radius:6px; word-break:keep-all; box-sizing:border-box;}

.response_rate .response04{clear:both; float:left; width:100%; display:flex; align-items:center; margin-top:16px;}
.response_rate .response04 .icon_img{float:left; display:inline-block; width:60px;}
.response_rate .response04 .icon_img .img_box{width:60px; height:60px; display:inline-block; border-radius:80px; background-color:#51b44f; padding:16px; box-sizing:border-box;}
.response_rate .response04 .icon_img .img_box img{margin-top:-3px;}
.response_rate .response04 .icon_img .per{clear:both; width:100%; text-align:center; margin-top:5px; color:#51b44f;}
.response_rate .response04 .text_box{float:left; display:inline-block; width:calc(100% - 76px); margin-left:16px; padding:16px; border:1px solid #e6e6e6; border-radius:6px; word-break:keep-all; box-sizing:border-box;}

.response_rate .response05{clear:both; float:left; width:100%; display:flex; align-items:center; margin-top:16px;}
.response_rate .response05 .icon_img{float:left; display:inline-block; width:60px;}
.response_rate .response05 .icon_img .img_box{width:60px; height:60px; display:inline-block; border-radius:80px; background-color:#207cde; padding:16px; box-sizing:border-box;}
.response_rate .response05 .icon_img .img_box img{margin-top:-3px;}
.response_rate .response05 .icon_img .per{clear:both; width:100%; text-align:center; margin-top:5px; color:#207cde;}
.response_rate .response05 .text_box{float:left; display:inline-block; width:calc(100% - 76px); margin-left:16px; padding:16px; border:1px solid #e6e6e6; border-radius:6px; word-break:keep-all; box-sizing:border-box;}

.btn_mn_benefit{clear:both; width:100%; display:block; margin-top:16px; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.btn_mn_benefit p{float:left; color:#1C1C1B; font-size:16px; font-weight:500;}
.btn_mn_benefit img{float:right; width:12px;}

/*매너지수 혜택 팝업*/
.mn_benefit_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.mn_benefit_popup.on{right:0; visibility:visible; opacity:1;}
.mn_benefit_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.mn_benefit_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.mn_benefit_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.mn_benefit_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.mn_benefit_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding:16px 16px 55px 16px; box-sizing:border-box;}
.mn_benefit_popup .layer_popup .popup_con .tit{clear:both; float:left; margin-top:15px;}
.mn_benefit_popup .layer_popup .popup_con .txt{clear:both; float:left; margin-top:5px; word-break:keep-all;}
.mn_benefit_popup .layer_popup .popup_con .btn_bnf_apply{margin-top:25px;}

/*회원가입 유도 팝업*/
.join_popup{position:fixed; top:0; left:0; z-index:10020; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.join_popup.on{visibility:visible; opacity:1;}
.join_popup .layer_popup{position:relative; z-index:10021; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.join_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.join_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.join_popup .layer_popup ul li:last-child{margin-right:0;}
.join_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.join_popup .layer_popup ul li a.on{background-color:#207cde;}
.join_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*매너지수 등급 팝업*/
.mn_idx_low_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.mn_idx_low_popup.on{visibility:visible; opacity:1;}
.mn_idx_low_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.mn_idx_low_popup .layer_popup .input_box{margin-top:16px;}
.mn_idx_low_popup .layer_popup p{display:inline-block; width:100%;}
.mn_idx_low_popup .layer_popup p span{display:inline-block; margin-top:10px;}
.mn_idx_low_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.mn_idx_low_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*알림*/
.alarm{float:left; display:inline-block; width:100%; margin-bottom:55px; box-sizing:border-box;}
.alarm ul{float:left; width:100%; display:inline-block;}
.alarm ul li{clear:both; float:left; width:100%; background-color:#fffbeb; border-radius:6px; margin-bottom:8px; border:1px solid #E6E6E6;}
.alarm ul li:last-child{margin-bottom:0; border:0;}
.alarm ul li.off{background-color:#fff;}
.alarm ul li a{float:left; display:inline-block; padding:16px; box-sizing:border-box;}
.alarm ul li.event a .icon_img{float:left; width:70px; height:70px; display:flex; justify-content:center; align-items:center; background-color:#207cde; border-radius:70px; overflow:hidden; padding:18px; box-sizing:border-box;}
.alarm ul li.tip a .icon_img{float:left; width:70px; height:70px; display:flex; justify-content:center; align-items:center; background-color:#face05; border-radius:70px; overflow:hidden; padding:19px; box-sizing:border-box;}
.alarm ul li.review a .icon_img{float:left; width:70px; height:70px; display:flex; justify-content:center; align-items:center; background-color:#51b44f; border-radius:70px; overflow:hidden; padding:18px; box-sizing:border-box;}
.alarm ul li a .text_box{float:left; width:calc(100% - 80px); padding-left:16px; box-sizing:border-box;}
.alarm ul li a .text_box .tit{float:left; width:100%; margin-top:5px; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.alarm ul li a .text_box .day{clear:both; float:left; margin-top:5px;}

/*알림 상세 팝업*/
.alarm_view_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.alarm_view_popup.on{right:0; visibility:visible; opacity:1;}
.alarm_view_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.alarm_view_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.alarm_view_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.alarm_view_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.alarm_view_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding:0 16px 55px 16px; box-sizing:border-box;}
.alarm_view_popup .layer_popup .popup_con .alarm_top{width:100%; float:left; display:inline-block; padding:16px 0; border-bottom:1px solid #1C1C1B; box-sizing:border-box;}
.alarm_view_popup .layer_popup .popup_con .alarm_top .tit{width:100%; float:left; word-break:break-all;}
.alarm_view_popup .layer_popup .popup_con .alarm_top .day{clear:both; float:left; margin-top:5px;}
.alarm_view_popup .layer_popup .popup_con .alarm_body{clear:both; float:left; width:100%; display:inline-block; padding:25px 0; box-sizing:border-box;}

/*리뷰 팝업*/
.review_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.review_popup.on{right:0; visibility:visible; opacity:1;}
.review_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.review_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.review_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.review_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.review_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding:16px 16px 55px 16px; box-sizing:border-box;}
.review_popup .layer_popup .popup_con .mn_txt{text-align:center; margin-top:25px; word-break:keep-all;}

.review_popup .review_select{clear:both; float:left; width:100%; margin-top:35px; display:inline-block;}
.review_popup .review_select li{float:left; display:inline-block; width:100%; margin-bottom:8px;}
.review_popup .review_select li:last-child{margin-bottom:0;}
.review_popup .review_select input.select_style {display: none;}
.review_popup .review_select input.select_style + label p{display:flex; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.review_popup .review_select input.select_style + label p .rv_icon{width:50px; height:50px;}
.review_popup .review_select input.select_style + label p span{margin-left:15px; font-size:16px; font-weight:500;}
.review_popup .review_select input.select_style + label{display:block; cursor:pointer;}
.review_popup .review_select input.select_style:checked + label{color:#212121;}
.review_popup .review_select input.select_style:checked + label p{opacity:1; color:#207cde; border:1px solid #207cde;}
.review_popup .layer_popup .popup_con .btn_rv_conform{margin-top:16px;}
.review_popup .layer_popup .popup_con .btn_rv_conform.on{background-color:#207cde;}

/*마이페이지 메인*/
.mypage{width:100%; display:inline-block; margin-top:16px; margin-bottom:55px; box-sizing:border-box;}
.mypage .login_info{float:left; display:inline-block; width:100%; padding:0 16px; box-sizing:border-box;}
.mypage .login_info .log_out{float:left; display:inline-block; width:100%; margin-bottom:16px;}
.mypage .login_info .log_out .btn_login{float:left; display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.mypage .login_info .log_out .btn_login p{float:left; color:#1C1C1B; font-size:16px; font-weight:500;}
.mypage .login_info .log_out .btn_login .r_arrow_icon{float:right; width:12px;}

.mypage .login_info .log_in{float:left; display:inline-block; width:100%; margin-bottom:16px;}
.mypage .login_info .log_in .btn_user_set{float:left; display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.mypage .login_info .log_in .btn_user_set .user_info_text{float:left; display:inline-block;}
.mypage .login_info .log_in .btn_user_set .user_info_text p{float:left; color:#1C1C1B; font-weight:500;}
.mypage .login_info .log_in .btn_user_set .user_info_text .medical_icon{width:34px; margin-left:12px; margin-top:2px;}
.mypage .login_info .log_in .btn_user_set .r_arrow_icon{float:right; width:12px;}

.mypage .mp_banner{clear:both; float:left; display:inline-block; width:100%;}
.mypage .mp_banner .banner_img{clear:both; float:left; display:inline-block; width:100%;}
.mypage .mp_banner .owl-dots .owl-dot span{background-color:#fff;}
.mypage .mp_banner .owl-dots .owl-dot.active span, .mypage .mp_banner .owl-dots .owl-dot:hover span{background: #666666;}

.mypage .menu_list{clear:both; float:left; display:inline-block; width:100%; padding:0 16px; margin-top:35px; box-sizing:border-box;}
.mypage .menu_list ul{display:inline-block; width:100%; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.mypage .menu_list ul li{clear:both; float:left; display:inline-block; width:100%; border-bottom:1px solid #E6E6E6;}
.mypage .menu_list ul li:last-child{border-bottom:0;}
.mypage .menu_list ul li a{display:inline-block; width:100%; padding:18px; box-sizing:border-box;}

/*회원정보수정*/
.user_info_set{width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.user_info_set .s_title{clear:both; width:100%; display:inline-block;}
.user_info_set .nickname{clear:both; width:100%; display:inline-block; float:left; margin-top:5px; margin-bottom:16px;}
.user_info_set .nickname .input_box{float:left; margin-right:6px;}
.user_info_set .nickname .btn_duplicate_chk{float:left; display:inline-block; width:72px; height:51px; line-height:52px; background-color:#BDBDBD; text-align:center; color:#fff; border-radius:6px; box-sizing:border-box;}
.user_info_set .nickname .btn_duplicate_chk.on{background-color:#207cde;}
.user_info_set .account{margin-top:5px; margin-bottom:16px;}
.user_info_set .mobile_num{clear:both; width:100%; display:inline-block; float:left; margin-top:5px; margin-bottom:16px;}
.user_info_set .mobile_num .input_box{float:left; width:calc(100% - 78px); margin-right:6px;}
.user_info_set .mobile_num .btn_change{float:left; display:inline-block; width:72px; height:51px; line-height:52px; background-color:#207cde; text-align:center; color:#fff; border-radius:6px; box-sizing:border-box;}
.user_info_set .safety_num{margin-top:5px; margin-bottom:16px;}
.user_info_set .name{margin-top:5px; margin-bottom:16px;}
.user_info_set .birth_date{clear:both; float:left; width:100%; margin-top:5px; margin-bottom:16px;}
.user_info_set .birth_date li.year{float:left; width:calc(40% - 8px); margin-right:12px;}
.user_info_set .birth_date li.month{float:left; width:calc(30% - 8px); margin-right:12px;}
.user_info_set .birth_date li.day{float:left; width:calc(30% - 8px);}

.user_info_set .gender{clear:both; float:left; width:100%; margin-top:5px; display:inline-block;}
.user_info_set .gender li{float:left; display:inline-block; width:calc(50% - 8px); margin-right:12px;}
.user_info_set .gender li:nth-child(even){margin-right:0;}
.user_info_set .gender input.select_style {display: none;}
.user_info_set .gender input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.user_info_set .gender input.select_style + label{display:block; cursor:pointer;}
.user_info_set .gender input.select_style:checked + label{color:#212121;}
.user_info_set .gender input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}

.register_info{clear:both; width:100%; float:left; display:inline-block; padding:16px; margin-top:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.register_info table{width:100%;}
.register_info table th{height:30px; color:#1C1C1B;}
.register_info table td{height:30px; text-align:right;}
.register_info .e_mng_info{clear:both; width:100%; display:inline-block; float:left; margin-top:5px;}
.my_info_b_button{clear:both; float:right; display:inline-block; width:100%; margin-top:16px;}
.my_info_b_button ul{float:right;}
.my_info_b_button ul li{float:left;}
.my_info_b_button ul li:first-child{margin-right:6px;}
.my_info_b_button ul li a{display:inline-block; padding:6px 10px; background-color:#BDBDBD; color:#fff; border-radius:3px; box-sizing:border-box;}

.contents .btn_my_info_cf{margin-top:25px; margin-bottom:55px;}

/*닉네임 중복 확인 팝업*/
.d_nickname_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.d_nickname_popup.on{visibility:visible; opacity:1;}
.d_nickname_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.d_nickname_popup .layer_popup p{display:inline-block; width:100%;}
.d_nickname_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.d_nickname_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*내정보 수정 취소 팝업*/
.sv_cancel_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.sv_cancel_popup.on{visibility:visible; opacity:1;}
.sv_cancel_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.sv_cancel_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.sv_cancel_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.sv_cancel_popup .layer_popup ul li:last-child{margin-right:0;}
.sv_cancel_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.sv_cancel_popup .layer_popup ul li a.on{background-color:#207cde;}
.sv_cancel_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*수정 완료 팝업*/
.m_info_sv_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.m_info_sv_popup.on{visibility:visible; opacity:1;}
.m_info_sv_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.m_info_sv_popup .layer_popup p{display:inline-block; width:100%;}
.m_info_sv_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.m_info_sv_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*로그아웃 팝업*/
.logout_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.logout_popup.on{visibility:visible; opacity:1;}
.logout_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.logout_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.logout_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.logout_popup .layer_popup ul li:last-child{margin-right:0;}
.logout_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.logout_popup .layer_popup ul li a.on{background-color:#207cde;}
.logout_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*회원탈퇴*/
.withdrawal{width:100%; float:left; display:inline-block; margin-bottom:55px;}
.withdrawal .caution_text{width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.withdrawal .caution_text h3{clear:both; float:left; display:inline-block;}
.withdrawal .caution_text .txt{clear:both; float:left; display:inline-block; margin-top:10px; word-break:keep-all;}

.withdrawal .rs_withdrawal{clear:both; width:100%; float:left; display:inline-block; padding:16px; margin-top:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.withdrawal .rs_withdrawal h3{clear:both; float:left; display:inline-block;}
.withdrawal .rs_withdrawal .txt{clear:both; float:left; display:inline-block; margin-top:10px; word-break:keep-all;}
.withdrawal .rs_withdrawal ul{clear:both; width:100%; display:inline-block; margin-top:16px;}
.withdrawal .rs_withdrawal ul li{clear:both; width:100%; display:inline-block; margin-bottom:16px;}
.withdrawal .rs_withdrawal ul li:last-child{margin-bottom:0;}
.withdrawal .rs_withdrawal ul li .etc_box{clear:both; height:130px; margin-top:10px;}

.withdrawal .btn_b_button{clear:both; width:100%; float:left; display:inline-block; margin-top:16px;}
.withdrawal .btn_b_button li{float:left; display:inline-block; width:calc(50% - 3px); margin-right:6px;}
.withdrawal .btn_b_button li:last-child{margin-right:0;}

/*탈퇴 완료 팝업*/
.withdrawal_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.withdrawal_popup.on{visibility:visible; opacity:1;}
.withdrawal_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.withdrawal_popup .layer_popup p{display:inline-block; width:100%;}
.withdrawal_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.withdrawal_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*응급정보 관리*/
.emergency_mng{width:100%; float:left; display:inline-block; margin-bottom:55px;}
.emergency_mng .emergency_info{width:100%; float:left; display:inline-block;}
.emergency_mng .emergency_info .emergency_info_list{clear:both; display:inline-block; width:100%;}
.emergency_mng .emergency_info .emergency_info_list li{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; margin-bottom:10px; box-sizing:border-box;}
.emergency_mng .emergency_info .emergency_info_list li:last-child{margin-bottom:0;}
.emergency_mng .emergency_info .emergency_info_list li .link_box{position:relative; z-index:9; width:100%; float:left; display:inline-block; padding:16px; box-sizing:border-box;}
.emergency_mng .emergency_info .emergency_info_list li .btn_delete{position:absolute; z-index:10; display:inline-block; width:22px; right:10px; top:10px;}
.emergency_mng .emergency_info .emergency_info_list li .img_box{position:relative; clear:both; float:left; width:80px; height:80px; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.emergency_mng .emergency_info .emergency_info_list li .img_box img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.emergency_mng .emergency_info .emergency_info_list li .text_box{float:left; display:flex; flex-direction:column; justify-content: center; width:calc(100% - 100px); height:80px; padding-left:16px; box-sizing:border-box;}
.emergency_mng .emergency_info .emergency_info_list li .text_box .tit{clear:both; width:100%; float:left;}
.emergency_mng .emergency_info .emergency_info_list li .text_box .sub_txt{clear:both; width:100%; float:left; margin-top:5px;}
.emergency_mng .btn_add_emgc{clear:both; margin-top:16px;}

/*응급정보*/
.emergency_mng .emergency_profile{width:100%; float:left; margin-top:15px; display:inline-block;}
.emergency_mng .emergency_profile .prf_img_box{position:relative; clear:both; width:80px; height:80px; margin:0 auto; box-sizing:border-box;}
.emergency_mng .emergency_profile .prf_img_box .btn_pic{position:absolute; right:-5px; bottom:-3px; z-index:10; display:block; width:32px; height:32px; line-height:29px; text-align:center; border-radius:32px; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.emergency_mng .emergency_profile .prf_img_box .btn_pic img{width:18px;}
.emergency_mng .emergency_profile .prf_img_box .pic_img{position:relative; clear:both; float:left; width:100%; height:100%; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.emergency_mng .emergency_profile .prf_img_box .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}

.emergency_mng .emgc_user_info{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-top:30px; box-sizing:border-box;}
.emergency_mng .emgc_user_info .s_title{clear:both; width:100%; display:inline-block;}
.emergency_mng .emgc_user_info .name{clear:both; float:left; margin-top:5px; margin-bottom:16px;}

.emergency_mng .emgc_user_info .birth_date{clear:both; float:left; width:100%; margin-top:5px; margin-bottom:16px;}
.emergency_mng .emgc_user_info .birth_date li.year{float:left; width:calc(40% - 8px); margin-right:12px;}
.emergency_mng .emgc_user_info .birth_date li.month{float:left; width:calc(30% - 8px); margin-right:12px;}
.emergency_mng .emgc_user_info .birth_date li.day{float:left; width:calc(30% - 8px);}
.emergency_mng .emgc_user_info .select_box{clear:both; float:left; width:100%;}

.emergency_mng .emgc_user_info .gender{clear:both; float:left; width:100%; margin-top:5px; margin-bottom:16px; display:inline-block;}
.emergency_mng .emgc_user_info .gender li{float:left; display:inline-block; width:calc(50% - 8px); margin-right:12px;}
.emergency_mng .emgc_user_info .gender li:nth-child(even){margin-right:0;}
.emergency_mng .emgc_user_info .gender input.select_style {display: none;}
.emergency_mng .emgc_user_info .gender input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.emergency_mng .emgc_user_info .gender input.select_style + label{display:block; cursor:pointer;}
.emergency_mng .emgc_user_info .gender input.select_style:checked + label{color:#212121;}
.emergency_mng .emgc_user_info .gender input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}

.emergency_mng .emgc_user_info .blood_type{clear:both; float:left; display:inline-block; width:100%; margin-top:5px; margin-bottom:16px;}
.emergency_mng .emgc_user_info .emgc_contact{clear:both; float:left; display:inline-block; width:100%; margin-top:5px; margin-bottom:16px;}
.emergency_mng .emgc_user_info .etc_info{clear:both; float:left; display:inline-block; width:100%; height:120px; margin-top:5px;}

.emergency_mng .emgc_user_info table{clear:both; float:left; width:100%; margin-bottom:25px;}
.emergency_mng .emgc_user_info table th{height:30px;}
.emergency_mng .emgc_user_info table td{height:30px; color:#1C1C1B; font-weight:500;}
.emergency_mng .emgc_user_info table td.b_type{color:#e30613; font-weight:600;}

.emergency_mng .emgc_qr_register{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-top:16px; box-sizing:border-box;}
.emergency_mng .emgc_qr_register h3{clear:both; float:left; display:inline-block; margin-top:7px;}
.emergency_mng .emgc_qr_register .tooltip{float:left; display:inline-block; width:18px; margin-top:5px; margin-left:6px;}
.emergency_mng .emgc_qr_register .btn_qr_cf{float:right; display:inline-block; padding:6px 10px; background-color:#BDBDBD; color:#fff; border-radius:3px; box-sizing:border-box;}
.emergency_mng .emgc_qr_register .qr_code_list{clear:both; float:left; display:inline-block; width:100%;}
.emergency_mng .emgc_qr_register .qr_code_list li{clear:both; position:relative; float:left; width:100%; display:flex; justify-content:space-between; align-items:center; border:1px solid #207cde; border-radius:6px; padding:10px; margin-bottom:6px; box-sizing:border-box;}
.emergency_mng .emgc_qr_register .qr_code_list li:first-child{margin-top:10px;}
.emergency_mng .emgc_qr_register .qr_code_list li:last-child{margin-bottom:0;}
.emergency_mng .emgc_qr_register .qr_code_list li p{float:left; width:100%; text-align:center; color:#1C1C1B;}
.emergency_mng .emgc_qr_register .qr_code_list li .btn_delete{position:absolute; right:10px; float:right; display:inline-block; width:22px;}
.emergency_mng .btn_emgc_cf{clear:both; margin-top:16px;}
.emergency_mng .btn_emgc_edit{clear:both; margin-top:16px;}

/*qr코드 등록 팝업*/
.qr_add_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.qr_add_popup.on{visibility:visible; opacity:1;}
.qr_add_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.qr_add_popup .layer_popup .select_num{clear:both; width:100%; text-align:center; margin-top:12px;}
.qr_add_popup .layer_popup .qr_none{clear:both; width:100%; display:inline-block; text-align:center; border:1px solid #e6e6e6; border-radius:6px; background-color:#fff; margin-top:16px; padding:15px; box-sizing:border-box;}
.qr_add_popup .layer_popup .qr_list{clear:both; display:inline-block; width:100%; height:220px; margin-top:16px; overflow-y:auto; box-sizing:border-box;}
.qr_add_popup .layer_popup .qr_list li{clear:both; display:inline-block; width:100%; margin-bottom:6px;}
.qr_add_popup .layer_popup .qr_list li:last-child{margin-bottom:0;}
.qr_add_popup .layer_popup .qr_list input.select_style {display: none;}
.qr_add_popup .layer_popup .qr_list input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; color:#1C1C1B; font-weight:500; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.qr_add_popup .layer_popup .qr_list input.select_style + label{display:block; cursor:pointer;}
.qr_add_popup .layer_popup .qr_list input.select_style:checked + label{color:#212121;}
.qr_add_popup .layer_popup .qr_list input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}

.qr_add_popup .layer_popup .qr_list::-webkit-scrollbar {width:5px;}
.qr_add_popup .layer_popup .qr_list::-webkit-scrollbar-thumb {background: rgba(120, 120, 120, 0.3); border-radius: 100px;}
.qr_add_popup .layer_popup .qr_list::-webkit-scrollbar-thumb:hover {background: rgba(120, 120, 120, 0.5);}
.qr_add_popup .layer_popup .qr_list::-webkit-scrollbar-track {background: rgba(245, 245, 245, 1);}

.qr_add_popup .layer_popup .b_button{width:100%; display:inline-block; margin-top:25px;}
.qr_add_popup .layer_popup .b_button li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.qr_add_popup .layer_popup .b_button li:last-child{margin-right:0;}
.qr_add_popup .layer_popup .b_button li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.qr_add_popup .layer_popup .b_button li a.on{background-color:#207cde;}
.qr_add_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr응급정보 등록/수정 중단 팝업*/
.e_add_cancel_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.e_add_cancel_popup.on{visibility:visible; opacity:1;}
.e_add_cancel_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.e_add_cancel_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.e_add_cancel_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.e_add_cancel_popup .layer_popup ul li:last-child{margin-right:0;}
.e_add_cancel_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.e_add_cancel_popup .layer_popup ul li a.on{background-color:#207cde;}
.e_add_cancel_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*응급정보 삭제 팝업*/
.emgc_del_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.emgc_del_popup.on{visibility:visible; opacity:1;}
.emgc_del_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.emgc_del_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.emgc_del_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.emgc_del_popup .layer_popup ul li:last-child{margin-right:0;}
.emgc_del_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.emgc_del_popup .layer_popup ul li a.on{background-color:#207cde;}
.emgc_del_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*구급관리자 정보*/
.first_aid_mng{width:100%; float:left; display:inline-block; margin-bottom:55px;}
.first_aid_mng .emergency_profile{width:100%; float:left; margin-top:15px; margin-bottom:30px; display:inline-block;}
.first_aid_mng .emergency_profile .prf_img_box{position:relative; clear:both; width:80px; height:80px; margin:0 auto; box-sizing:border-box;}
.first_aid_mng .emergency_profile .prf_img_box .btn_pic{position:absolute; right:-5px; bottom:-3px; z-index:10; display:block; width:32px; height:32px; line-height:29px; text-align:center; border-radius:32px; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.first_aid_mng .emergency_profile .prf_img_box .btn_pic img{width:18px;}
.first_aid_mng .emergency_profile .prf_img_box .pic_img{position:relative; clear:both; float:left; width:100%; height:100%; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.first_aid_mng .emergency_profile .prf_img_box .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.first_aid_mng .emgc_user_info{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.first_aid_mng .emgc_user_info table{clear:both; float:left; width:100%;}
.first_aid_mng .emgc_user_info table th{height:30px;}
.first_aid_mng .emgc_user_info table td{height:30px; color:#1C1C1B; font-weight:500;}
.first_aid_mng .emgc_user_info .no_info{clear:both; display:inline-block; width:100%; text-align:center; margin-top:25px;}
.first_aid_mng .emgc_user_info .id_card_img{clear:both; display:inline-block; width:100%; margin-top:25px;}
.first_aid_mng .emgc_user_info .id_card_img li{float:left; width:calc(50% - 8px); margin-right:16px; box-sizing:border-box;}
.first_aid_mng .emgc_user_info .id_card_img li:last-child{margin-right:0;}
.first_aid_mng .emgc_user_info .id_card_img li .pic_img{position:relative; clear:both; float:left; width:100%; padding-top:155%; display:inline-block; border:1px solid #E6E6E6; border-radius:6px; overflow:hidden; box-sizing:border-box;}
.first_aid_mng .emgc_user_info .id_card_img li .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.first_aid_mng .btn_emgc_edit{clear:both; margin-top:16px;}

/*구급관리자 등록*/
.first_aid_mng .first_aid_info{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.first_aid_mng .first_aid_info .s_title{clear:both; width:100%; display:inline-block;}
.first_aid_mng .first_aid_info .name{clear:both; float:left; margin-top:5px; margin-bottom:16px;}
.first_aid_mng .first_aid_info .birth_date{clear:both; float:left; width:100%; margin-top:5px; margin-bottom:16px;}
.first_aid_mng .first_aid_info .birth_date li.year{float:left; width:calc(40% - 8px); margin-right:12px;}
.first_aid_mng .first_aid_info .birth_date li.month{float:left; width:calc(30% - 8px); margin-right:12px;}
.first_aid_mng .first_aid_info .birth_date li.day{float:left; width:calc(30% - 8px);}
.first_aid_mng .first_aid_info .select_box{clear:both; float:left; width:100%;}
.first_aid_mng .first_aid_info .gender{clear:both; float:left; width:100%; margin-top:5px;}
.first_aid_mng .first_aid_info .gender li{float:left; display:inline-block; width:calc(50% - 8px); margin-right:12px;}
.first_aid_mng .first_aid_info .gender li:nth-child(even){margin-right:0;}
.first_aid_mng .first_aid_info .gender input.select_style {display: none;}
.first_aid_mng .first_aid_info .gender input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.first_aid_mng .first_aid_info .gender input.select_style + label{display:block; cursor:pointer;}
.first_aid_mng .first_aid_info .gender input.select_style:checked + label{color:#212121;}
.first_aid_mng .first_aid_info .gender input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}

.first_aid_mng .first_aid_agree{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.first_aid_mng .f_agree_chk{clear:both; float:left; width:100%; display:inline-block; margin-top:15px; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.first_aid_mng .f_agree_chk .f_agree_chk_box{float:left;}
.first_aid_mng .f_agree_chk .btn_f_agree_chk{float:right; display:inline-block; width:12px;}

.first_aid_mng .firefighter{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-top:16px; box-sizing:border-box;}
.first_aid_mng .firefighter h3{clear:both; float:left; display:inline-block;}
.first_aid_mng .firefighter .info_text{clear:both; float:left; display:inline-block; margin-top:5px;}


.first_aid_mng .firefighter .f_register{display:inline-block; float:left; width:100%; margin-top:35px;}
.first_aid_mng .firefighter .f_register li{float:left; width:calc(50% - 8px); margin-right:16px; text-align:center; box-sizing:border-box;}
.first_aid_mng .firefighter .f_register li:last-child{margin-right:0;}
.first_aid_mng .firefighter .f_register li .pic_img{position:relative; clear:both; float:left; width:100%; margin-top:15px; padding-top:155%; display:inline-block; border:1px solid #E6E6E6; border-radius:6px; overflow:hidden; box-sizing:border-box;}
.first_aid_mng .firefighter .f_register li .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}


.first_aid_mng .firefighter .f_register li .pic_img{position:relative; clear:both; float:left; width:100%; padding-top:155%; display:inline-block; border:1px solid #E6E6E6; border-radius:6px; overflow:hidden; box-sizing:border-box;}
.first_aid_mng .firefighter .f_register li .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.first_aid_mng .firefighter .ff_info{clear:both; float:left; display:inline-block; width:100%; margin-top:10px;}

.first_aid_mng .direct_input{width:100%; float:left; margin-top:25px; display:inline-block;}
.first_aid_mng .direct_input .prf_img_box{position:relative; clear:both; width:80px; height:80px; margin:0 auto; margin-bottom:16px; box-sizing:border-box;}
.first_aid_mng .direct_input .prf_img_box .btn_pic{position:absolute; right:-5px; bottom:-3px; z-index:10; display:block; width:32px; height:32px; line-height:29px; text-align:center; border-radius:32px; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.first_aid_mng .direct_input .prf_img_box .btn_pic img{width:18px;}
.first_aid_mng .direct_input .prf_img_box .pic_img{position:relative; clear:both; float:left; width:100%; height:100%; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.first_aid_mng .direct_input .prf_img_box .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.first_aid_mng .direct_input .s_title{clear:both; float:left; width:100%; display:inline-block;}
.first_aid_mng .direct_input .region{clear:both; width:100%; display:inline-block; margin-top:5px; margin-bottom:16px;}
.first_aid_mng .direct_input .affiliated{clear:both; width:100%; display:inline-block; margin-top:5px; margin-bottom:16px;}
.first_aid_mng .direct_input .rank{clear:both; width:100%; display:inline-block; margin-top:5px; margin-bottom:16px;}
.first_aid_mng .direct_input .day{clear:both; width:100%; display:inline-block; margin-top:5px;}


.first_aid_mng .btn_apply{clear:both; margin-top:16px;}
.first_aid_mng .btn_apply.on{background-color:#207cde;}

/*구급 관리자 신청 팝업*/
.first_aid_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.first_aid_popup.on{visibility:visible; opacity:1;}
.first_aid_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.first_aid_popup .layer_popup p{display:inline-block; width:100%;}
.first_aid_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.first_aid_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*공지사항*/
.notice{width:100%; float:left; display:inline-block; margin-bottom:55px;}
.notice .notice_list{clear:both; position:relative; float:left; width:100%; display:inline-block; box-sizing:border-box;}
.notice .notice_list li{clear:both; float:left; width:100%; display:inline-block; margin-bottom:3px;}
.notice .notice_list li:last-child{margin-bottom:0;}
.notice .notice_list li a{width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.notice .notice_list li a .tit{float:left; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.notice .notice_list li a .day{clear:both; float:left; margin-top:5px;}

/*공지사항 뷰 팝업*/
.notice_view_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.notice_view_popup.on{right:0; visibility:visible; opacity:1;}
.notice_view_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.notice_view_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.notice_view_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.notice_view_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.notice_view_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding:0 16px 55px 16px; box-sizing:border-box;}
.notice_view_popup .layer_popup .popup_con .notice_top{width:100%; float:left; display:inline-block; padding:16px 0; border-bottom:1px solid #1C1C1B; box-sizing:border-box;}
.notice_view_popup .layer_popup .popup_con .notice_top .tit{width:100%; float:left;}
.notice_view_popup .layer_popup .popup_con .notice_top .day{clear:both; float:left; margin-top:5px;}
.notice_view_popup .layer_popup .popup_con .notice_body{clear:both; float:left; width:100%; display:inline-block; padding:25px 0; box-sizing:border-box;}

/*자주묻는질문*/
.faq_ctg{width:100%; float:left; display:inline-block;}
.faq_ctg ul{width:100%; float:left; display:inline-block;}
.faq_ctg ul li{float:left; display:inline-block; margin-right:8px; margin-bottom:8px;}
.faq_ctg ul li a{display:inline-block; background-color:#fff; padding:8px 12px; border-radius:35px; word-break:break-all;}
.faq_ctg ul li a.on{background-color:#207cde; color:#fff;}

.faq_body{clear:both; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:10px; margin-top:8px; margin-bottom:55px; box-sizing:border-box;}
.faq_body .qna-question {float:left; width:100%;}
.faq_body .qna-question:last-child{border-bottom:0;}
.faq_body .panel-title {float:left; position:relative; margin:0; width:100%; display:flex; align-items:center; cursor:pointer; padding:16px 0;}
.faq_body .panel-title .q{display:inline-block; float:left; width:25px; text-align:center;}
.faq_body .panel-title .text{float:left; width:calc(100% - 50px); line-height:1.3; word-break:break-all;}
.faq_body .panel-title .waiting{padding:5px 8px 5px 8px; background-color:#F5F5F5; border-radius:4px; margin-left:5px;}
.faq_body .panel-title .done{padding:5px 8px 5px 8px; background-color:#FEE440; border-radius:4px; margin-left:5px; color:#212121;}
.faq_body .panel-content {clear:both; float:left; height: 0; overflow: hidden; z-index: -1; position: relative; opacity:0;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}
.faq_body .panel-content p{display:inline-block; width:100%; padding:10px; box-sizing:border-box; word-break:break-all;}
.faq_body .panel:checked ~ .panel-content{position:relative; z-index:10; height:auto; opacity:1; width:100%; background-color:#f6f6f6; border-radius:3px;}
.faq_body .plus {position: absolute; right: 0; top: 50%; margin-top: -10px; line-height: 100%; color: #BDBDBD;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}
.faq_body .panel:checked + label .plus {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.faq_body .panel {display: none;}

/*환경설정*/
.alarm_set{clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-bottom:16px; box-sizing:border-box;}
.alarm_set .tit{float:left; display:inline-block;}
.alarm_set .alarm_set_con{clear:both; float:left; width:100%; display:inline-block; margin-top:15px;}
.alarm_set .alarm_set_con ul{clear:both; float:left; width:100%; margin-top:25px;}
.alarm_set .alarm_set_con ul li{clear:both; float:left; width:100%; display:inline-block; padding:5px 0; box-sizing:border-box;}
.alarm_set .alarm_set_con ul li:last-child{padding-bottom:0;}
.alarm_set .alarm_set_con ul li p{float:left; line-height:24px;}
.alarm_set .alarm_set_con ul li .switch__container{float:right;}

.evt_alarm_set{clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-bottom:16px; box-sizing:border-box;}
.evt_alarm_set ul{clear:both; float:left; width:100%;}
.evt_alarm_set ul li{clear:both; float:left; width:100%; display:inline-block; box-sizing:border-box;}
.evt_alarm_set ul li:last-child{padding-bottom:0;}
.evt_alarm_set ul li p{float:left; line-height:24px;}
.evt_alarm_set ul li .switch__container{float:right;}
.evt_alarm_set .info_text{clear:both; width:100%; display:inline-block; float:left; margin-top:5px;}

.terms_service{clear:both; float:left; width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; box-sizing:border-box;}
.terms_service .btn_terms{clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.terms_service .btn_terms p{float:left;}
.terms_service .btn_terms .r_arrow_icon{float:right; width:12px;}

.version{clear:both; float:left; width:100%; display:flex; justify-content:space-between; align-items:center; background-color:#fff; border-radius:12px; padding:16px; margin-bottom:55px; box-sizing:border-box;}

/*이벤트 프로모션 알림 팝업*/
.event_p_alarm{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.event_p_alarm.on{visibility:visible; opacity:1;}
.event_p_alarm .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.event_p_alarm .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.event_p_alarm .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.event_p_alarm .layer_popup ul li:last-child{margin-right:0;}
.event_p_alarm .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.event_p_alarm .layer_popup ul li a.on{background-color:#207cde;}
.event_p_alarm .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.event_p_alarm .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*서비스이용약관 팝업*/
.terms_sv_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.terms_sv_popup.on{right:0; visibility:visible; opacity:1;}
.terms_sv_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.terms_sv_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.terms_sv_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.terms_sv_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.terms_sv_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding-bottom:55px; box-sizing:border-box;}
.terms_sv_popup .layer_popup .popup_con .tab{position:sticky; top:60px; clear:both; float:left; width:100%; display:inline-block; border-bottom:1px solid #E6E6E6;}
.terms_sv_popup .layer_popup .popup_con .tab li{float:left; width:50%; text-align:center; box-sizing:border-box;}
.terms_sv_popup .layer_popup .popup_con .tab li a{display:inline-block; width:100%; padding:16px 0; background-color:#f5f5f5; box-sizing:border-box;}
.terms_sv_popup .layer_popup .popup_con .tab li.on a{background-color:#207cde; color:#fff;}
.terms_sv_popup .layer_popup .popup_con .terms_txt{clear:both; float:left; width:100%; display:inline-block; padding:16px; box-sizing:border-box;}

/*로그인*/
.bgcolor_login{background-color:#fff;}
.login{width:100%; height:100%; display:inline-block; padding:0 16px; margin-top:100px; box-sizing:border-box;}
.login .logo_img{width:50%; margin:0 auto;}
.login .login_btn{clear:both; width:100%; display:inline-block; margin-top:100px; margin-bottom:55px;}
.login .login_btn ul{width:100%; display:inline-block;}
.login .login_btn ul li{clear:both; float:left; width:100%; margin-bottom:10px; display:inline-block;}
.login .login_btn ul li a{display:block; text-align:center;}
.login .login_btn ul li .mb_login{height:52px; line-height:52px; background-color:#207cde; font-size:15px; color:#fff; font-weight:500; border-radius:6px;}
.login .login_btn ul li .kakao_login{height:52px; line-height:52px; background-color:#ffeb00; font-size:15px; color:#3c1e1e; font-weight:600; border-radius:6px;}
.login .login_btn ul li .kakao_login .kakao_icon{width:24px; margin-right:5px;}
.login .login_btn ul li .apple_login{height:52px; line-height:52px; background-color:#1C1C1B; font-size:15px; color:#fff; font-weight:500; border-radius:6px;}
.login .login_btn ul li .apple_login .apple_icon{width:24px; margin-right:5px;}

/*회원가입*/
.join{width:100%; height:100%; display:inline-block; padding:0 16px; margin-top:16px; margin-bottom:55px; box-sizing:border-box;}
.join .m_verification{position:relative; width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.join .m_verification .msg_box{visibility:hidden; position:absolute; top:0; left:0; background-color:#1C1C1B; width:100%; padding:16px 0; color:#fff; border-radius:6px; opacity:0; text-align:center; box-sizing:border-box; box-shadow:0px 3px 6px #00000029; transition:all 0.2s ease-in-out;}
.join .m_verification .msg_box.on{visibility:visible; opacity:0.9;}
.join .m_verification .s_title{clear:both; width:100%; display:inline-block;}
.join .m_verification .txt{clear:both; width:100%; display:inline-block;}
.join .m_verification .mobile_num{clear:both; width:100%; display:inline-block; float:left; margin-top:16px;}
.join .m_verification .certifi_num{clear:both; width:100%; display:inline-block; float:left; margin-top:16px;}
.join .m_verification .btn_send{margin-top:16px;}
.join .m_verification .btn_send.on{background-color:#207cde;}

.join .m_verification .certifi_num_box{clear:both; width:100%; display:inline-block; margin-top:16px;}
.join .m_verification .btn_ctf_conform{margin-top:16px;}
.join .m_verification .btn_ctf_conform.on{background-color:#207cde;}
a.btn_re_send{clear:both; width:100%; height:52px; line-height:50px; display:inline-block; text-align:center; border:1px solid #666; border-radius:6px; box-sizing:border-box;}
a.btn_re_send.on{background-color:#207cde; color:#fff; border:0;}
a.btn_re_send.on span{color:#fff;}

/*인증번호 확인 팝업*/
.m_certifi_num_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.m_certifi_num_popup.on{visibility:visible; opacity:1;}
.m_certifi_num_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.m_certifi_num_popup .layer_popup .input_box{margin-top:16px;}
.m_certifi_num_popup .layer_popup p{display:inline-block; width:100%;}
.m_certifi_num_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.m_certifi_num_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*인증번호 확인 팝업2*/
.m_certifi_num_popup2{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.m_certifi_num_popup2.on{visibility:visible; opacity:1;}
.m_certifi_num_popup2 .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.m_certifi_num_popup2 .layer_popup .input_box{margin-top:16px;}
.m_certifi_num_popup2 .layer_popup p{display:inline-block; width:100%;}
.m_certifi_num_popup2 .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.m_certifi_num_popup2 .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*회원가입 약관동의*/
.join .accept_terms{position:relative; width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.join .accept_terms .info_text{width:100%; float:left; display:inline-block; word-break:keep-all;}
.join .accept_terms .chk_box{clear:both; float:left; width:100%; display:inline-block; margin-top:16px;}
.join .accept_terms .chk_box li{clear:both; width:100%; float:left; padding:10px 0;}
.join .accept_terms .chk_box li .btn_terms01, .btn_terms02, .btn_terms03, .btn_terms04{float:right; width:12px;}
.join .btn_join_next{clear:both; margin-top:16px;}

/*회원가입 서비스이용약관 팝업*/
.join_terms01_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.join_terms01_popup.on{right:0; visibility:visible; opacity:1;}
.join_terms01_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.join_terms01_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.join_terms01_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.join_terms01_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.join_terms01_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding-bottom:55px; box-sizing:border-box;}
.join_terms01_popup .layer_popup .popup_con .terms_txt{clear:both; float:left; width:100%; display:inline-block; padding:16px; box-sizing:border-box;}

/*회원가입 개인정보처리방침 팝업*/
.join_terms02_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.join_terms02_popup.on{right:0; visibility:visible; opacity:1;}
.join_terms02_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.join_terms02_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.join_terms02_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.join_terms02_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.join_terms02_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding-bottom:55px; box-sizing:border-box;}
.join_terms02_popup .layer_popup .popup_con .terms_txt{clear:both; float:left; width:100%; display:inline-block; padding:16px; box-sizing:border-box;}

/*회원가입 개인정보 제 3자제공 동의 팝업*/
.join_terms03_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.join_terms03_popup.on{right:0; visibility:visible; opacity:1;}
.join_terms03_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.join_terms03_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.join_terms03_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.join_terms03_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.join_terms03_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding-bottom:55px; box-sizing:border-box;}
.join_terms03_popup .layer_popup .popup_con .terms_txt{clear:both; float:left; width:100%; display:inline-block; padding:16px; box-sizing:border-box;}

/*이벤트/프로모션 수신 동의 동의 팝업*/
.join_terms04_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.join_terms04_popup.on{right:0; visibility:visible; opacity:1;}
.join_terms04_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.join_terms04_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.join_terms04_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.join_terms04_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.join_terms04_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding-bottom:55px; box-sizing:border-box;}
.join_terms04_popup .layer_popup .popup_con .terms_txt{clear:both; float:left; width:100%; display:inline-block; padding:16px; box-sizing:border-box;}

/*회원가입 중단 팝업*/
.join_cancel_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.join_cancel_popup.on{visibility:visible; opacity:1;}
.join_cancel_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.join_cancel_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.join_cancel_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.join_cancel_popup .layer_popup ul li:last-child{margin-right:0;}
.join_cancel_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.join_cancel_popup .layer_popup ul li a.on{background-color:#207cde;}
.join_cancel_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*회원가입 완료 팝업*/
.join_complete_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.join_complete_popup.on{visibility:visible; opacity:1;}
.join_complete_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.join_complete_popup .layer_popup .input_box{margin-top:16px;}
.join_complete_popup .layer_popup p{display:inline-block; width:100%;}
.join_complete_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.join_complete_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*QR코드 호출*/
.user_guide{clear:both; float:left; width:100%; height:100%; display:inline-block;}
.user_guide .tab{position:sticky; top:60px; clear:both; float:left; width:100%; display:inline-block; border-bottom:1px solid #E6E6E6;}
.user_guide .tab li{float:left; width:50%; text-align:center; box-sizing:border-box;}
.user_guide .tab li a{display:inline-block; width:100%; padding:16px 0; background-color:#f5f5f5; box-sizing:border-box;}
.user_guide .tab li.on a{background-color:#207cde; color:#fff;}
.user_guide .qr_code_call{clear:both; float:left; width:100%; display:inline-block; padding:16px; background-color:#fff; box-sizing:border-box;}

/*스플래쉬 이미지*/
.splash_img{position:fixed; top:0; left:0; z-index:10010; display:flex; justify-content:center; align-items:center; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.splash_img.on{visibility:visible; opacity:1;}
.splash_img .img_box{width:40%;}

/*접근권한 설정 활성*/
.access_popup{position:fixed; bottom:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:flex-end; opacity:0; transition:all 0.2s ease-in-out;}
.access_popup.on{visibility:visible; opacity:1;}
.access_popup .layer_popup{position:relative; bottom:-100%; z-index:10011; width:100%; box-sizing:border-box; background-color:#fff; padding:35px 16px; border-radius:10px 10px 0 0; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box; transition:all 0.2s ease-in-out;}
.access_popup.on .layer_popup{bottom:0;}
.access_popup .layer_popup .tit{clear:both; float:left; width:100%; display:inline-block; text-align:center; word-break:keep-all;}
.access_popup .layer_popup .sub_txt{clear:both; float:left; width:100%; display:inline-block; text-align:left; margin-top:16px;}
.access_popup .layer_popup .sub_txt span{display:inline-block; word-break:keep-all;}
.access_popup .layer_popup ul{clear:both; float:left; width:100%; display:inline-block; background-color:#f5f5f5; border-radius:6px; margin-top:25px;}
.access_popup .layer_popup ul li{clear:both; float:left; width:100%; display:flex; align-items:center; padding:16px 0; box-sizing:border-box;}
.access_popup .layer_popup ul li .icon_img{float:left; width:25%; padding:0 30px; box-sizing:border-box;}
.access_popup .layer_popup ul li .icon_img img{max-width:30px;}
.access_popup .layer_popup ul li .txt{float:left; width:75%; text-align:left; padding:0 16px 0 0; box-sizing:border-box;}
.access_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:52px; line-height:52px; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; box-sizing:border-box;}
.access_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*팝업배너*/
.popup_banner{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.popup_banner.on{visibility:visible; opacity:1;}
.popup_banner .layer_popup{position:relative; z-index:10011; width:80%; box-sizing:border-box; background-color:#fff; padding:16px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.popup_banner .layer_popup ul{width:100%;}
.popup_banner .layer_popup ul li{width:100%; border:1px solid #E6E6E6; box-sizing:border-box;}
.popup_banner .layer_popup .owl-theme .owl-dots{position:absolute; top:-40px; margin-top:0!important;}
.popup_banner .layer_popup .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#fff;}
.popup_banner .layer_popup .owl-theme .owl-dots .owl-dot span{background-color:#666666;}
.popup_banner .layer_popup .chk_box{clear:both; float:left; margin-top:11px;}
.popup_banner .layer_popup .btn_popup_close{float:right; color:#1C1C1B; margin-top:8px; border-left:1px solid #E6E6E6; padding:3px 10px;}
.popup_banner .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*소방공무원증 등록 촬영*/
.f_camera{position:fixed; width:100%; height:calc(100% - 60px); display:inline-block;}
.f_camera .mask_box{position:absolute; z-index:10; float:left; width:100%; height:100%; display:inline-block; overflow:hidden; padding-top:0;}
.f_camera .mask_box .mask {position:absolute; width:230px; height:362px; top:0; left:0; right:0; bottom:0; border:2px solid #207cde; border-radius:12px; overflow:hidden; background:rgba(0, 0, 0, 0.0); box-shadow:0px 0px 0px 99999px rgba(0, 0, 0, 0.7); box-sizing:border-box; object-fit:cover; margin:auto;}
.f_camera .cmr_box{position:absolute; width:100%; height:100%; display:inline-block;}
.f_camera .info_text{position:absolute; top:6%; z-index:11; width:100%; display:inline-block; text-align:center;}
.f_camera .info_text img{width:20px;}
.f_camera .info_text p{clear:both; display:block;}
.f_camera .btn_flash{position:absolute; bottom:35px; left:50%; z-index:11; width:60px; height:60px; border-radius:60px; line-height:60px; margin-left:-30px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.f_camera .btn_flash img{width:24px; margin-top:-5px;}

/*소방공무원증 등록 촬영 확인*/
.bgcolor_f_camera{background-color:#fff;}
.f_camera_cf{width:100%; display:inline-block; padding:0 16px; margin-top:16px; box-sizing:border-box;}
.f_camera_cf .f_camera_cf_box{width:100%; float:left; display:inline-block; padding:16px; background-color:#fff; border-radius:12px; box-sizing:border-box;}
.f_camera_cf h3{width:100%; display:inline-block; text-align:center; margin-top:25px;}
.f_camera_cf .id_card_img{display:inline-block; float:left; width:100%; margin-top:35px;}
.f_camera_cf .id_card_img li{float:left; width:calc(50% - 8px); margin-right:16px; text-align:center; box-sizing:border-box;}
.f_camera_cf .id_card_img li:last-child{margin-right:0;}
.f_camera_cf .id_card_img li .pic_img{position:relative; clear:both; float:left; width:100%; margin-top:15px; padding-top:155%; display:inline-block; border:1px solid #E6E6E6; border-radius:6px; overflow:hidden; box-sizing:border-box;}
.f_camera_cf .id_card_img li .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.f_camera_cf .b_button{clear:both; float:left; width:100%; display:inline-block; margin-top:16px;}
.f_camera_cf .b_button li{float:left; width:calc(50% - 8px); margin-right:16px;}
.f_camera_cf .b_button li:last-child{margin-right:0;}
.f_camera_cf .b_button li a.btn_reshoot{display:inline-block; width:100%; height:52px; line-height:52px; text-align:center; background-color:#fff; border-radius:6px;}
.f_camera_cf .b_button li a.btn_us_photo{display:inline-block; width:100%; height:52px; line-height:52px; text-align:center; background-color:#207cde; color:#fff; border-radius:6px;}

/*사용자 위치 사용 허용 팝업*/
.user_location_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.user_location_popup.on{visibility:visible; opacity:1;}
.user_location_popup .layer_popup{position:relative; z-index:10011; width:85%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.user_location_popup .layer_popup p{display:inline-block; width:100%;}

.user_location_popup .layer_popup .map{width:100%; height:200px; display:inline-block; margin-top:25px; border-radius:6px; overflow:hidden; background-color:#f5f5f5;}

.user_location_popup .layer_popup ul{display:inline-block; width:100%; margin-top:16px;}
.user_location_popup .layer_popup ul li{clear:both; width:100%; margin-bottom:6px;}
.user_location_popup .layer_popup ul li:last-child{margin-bottom:0;}
.user_location_popup .layer_popup ul li a{display:block; padding:15px; border-radius:6px; border:1px solid #e6e6e6; box-sizing:border-box;}

.user_location_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.user_location_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*qr코드 인식*/
.qr_code_coll{position:fixed; width:100%; height:calc(100% - 60px); display:inline-block;}
.qr_code_coll .mask_box{position:absolute; z-index:10; float:left; width:100%; height:100%; display:inline-block; overflow:hidden; padding-top:0;}
.qr_code_coll .mask_box .mask {position:absolute; width:230px; height:230px; top:0; left:0; right:0; bottom:0; border:2px solid #207cde; border-radius:12px; overflow:hidden; background:rgba(0, 0, 0, 0.0); box-shadow:0px 0px 0px 99999px rgba(0, 0, 0, 0.7); box-sizing:border-box; object-fit:cover; margin:auto;}
.qr_code_coll .cmr_box{position:absolute; width:100%; height:100%; display:inline-block;}
.qr_code_coll .info_text{position:absolute; top:11%; z-index:11; width:100%; display:inline-block; text-align:center;}
.qr_code_coll .info_text img{width:20px;}
.qr_code_coll .info_text p{display:inline-block; vertical-align:middle;}
.qr_code_coll .info_text .txt{margin-left:5px;}
.qr_code_coll .camera_btn{position:absolute; bottom:25px; z-index:11; display:inline-block; width:100%; text-align:center;}
.qr_code_coll .camera_btn ul{position:relative; top:25px; display:inline-block;}
.qr_code_coll .camera_btn ul li{float:left;}
.qr_code_coll .camera_btn ul li .txt{color:#fff; margin-top:8px;}
.qr_code_coll .camera_btn .btn_flash{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 38px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll .camera_btn .num_pad{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 38px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll .camera_btn .btn_flash img{width:24px;}
.qr_code_coll .camera_btn .num_pad img{width:24px; margin-top:-2px;}
.qr_code_coll .btn_close{clear:both; width:50px; height:50px; border-radius:50px; line-height:50px; margin-left:16px; text-align:center; display:block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029; margin:0 auto;}
.qr_code_coll .btn_close img{width:18px; margin-top:-2px;}

/*코드번호 입력*/
.qr_code_coll02{position:fixed; top:0; left:0; width:100%; height:100%; padding:0 16px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.qr_code_coll02 .code_num_input{width:100%; float:left; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.qr_code_coll02 .code_num_input .txt{text-align:center; margin-top:10px; word-break:keep-all;}
.qr_code_coll02 .code_num_input .code_num_box{clear:both; float:left; width:100%; display:inline-block; margin-top:25px;}
.qr_code_coll02 .code_num_input .code_num_box li{float:left; width:calc(12.5% - 5.25px); margin-right:6px;}
.qr_code_coll02 .code_num_input .code_num_box li:last-child{margin-right:0;}
.qr_code_coll02 .code_num_input .code_num_box li .input_box{padding:5px;}
.qr_code_coll02 .code_num_input .code_num_box li .input_box.on{border:1px solid #207cde;}
.qr_code_coll02 .code_num_input .code_num_box li .input_box input[type="text"]{text-align:center;}

.qr_code_coll02 .camera_btn{clear:both; width:100%; margin-top:55px; text-align:center;}
.qr_code_coll02 .camera_btn ul{display:inline-block;}
.qr_code_coll02 .camera_btn ul li{float:left;}
.qr_code_coll02 .camera_btn ul li .txt{margin-top:8px;}
.qr_code_coll02 .camera_btn .btn_flash{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 38px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll02 .camera_btn .btn_qr_code{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 38px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll02 .camera_btn .btn_flash img{width:24px;}
.qr_code_coll02 .camera_btn .btn_qr_code img{width:24px; margin-top:-2px;}

/*차량조회*/
.qr_code_coll03{position:fixed; top:0; left:0; width:100%; height:100%; padding:0 16px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.qr_code_coll03 .loading_box{width:100%; float:left; display:inline-block; background-color:#fff; border-radius:12px; padding:55px 16px; box-sizing:border-box;}
.qr_code_coll03 .loading_box .txt{text-align:center; margin-top:25px; word-break:keep-all;}
.qr_code_coll03 .loading_box .loading_img{width:30px; display:block; margin:0 auto;}

/*주차중 입니다.*/
.qr_code_coll04{width:100%; height:100%; padding:0 16px; margin-top:16px; margin-bottom:55px; display:inline-block; box-sizing:border-box;}
.qr_code_coll04 .s_result_top{clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; box-sizing:border-box;}
.qr_code_coll04 .s_result_top .car_num{float:left; margin-top:5px;}
.qr_code_coll04 .s_result_top .rsps_rate{float:right;}
.qr_code_coll04 .s_result_top .rsps_rate p{display:inline-block;}
.qr_code_coll04 .s_result_top .rsps_rate .icon{display:inline-block; width:28px; height:28px; vertical-align:middle; border-radius:28px; padding:7px; margin-right:5px; box-sizing:border-box;}
.qr_code_coll04 .s_result_top .rsps_rate .icon img{margin-top:-6px;}

.qr_code_coll04 .s_result_top .rsps_rate .raps01{background-color:#e30613;}
.qr_code_coll04 .s_result_top .rsps_rate .raps02{background-color:#f09744;}
.qr_code_coll04 .s_result_top .rsps_rate .raps03{background-color:#face05;}
.qr_code_coll04 .s_result_top .rsps_rate .raps04{background-color:#51b44f;}
.qr_code_coll04 .s_result_top .rsps_rate .raps05{background-color:#207cde;}

.qr_code_coll04 .s_result{position:relative; clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; margin-top:16px; overflow:hidden; box-sizing:border-box;}
.qr_code_coll04 .s_result .txt{position:absolute; left:16px; top:0; width:50%; border:1px solid #E6E6E6; padding:12px; margin-top:8.5%; border-radius:6px; box-sizing:border-box;}
.qr_code_coll04 .s_result .txt:after{content:''; position:absolute; border-top:15px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-13px; right:15px;}
.qr_code_coll04 .s_result .txt:before {content:''; position:absolute; border-top:15px solid #E6E6E6; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-15px; right:15px;}

.qr_code_coll04 .camera_btn{clear:both; display:inline-block; width:100%; margin-top:35px; text-align:center;}
.qr_code_coll04 .camera_btn ul{display:inline-block;}
.qr_code_coll04 .camera_btn ul li{float:left;}
.qr_code_coll04 .camera_btn ul li:first-child a{margin-left:0;}
.qr_code_coll04 .camera_btn ul li:last-child a{margin-right:0;}
.qr_code_coll04 .camera_btn ul li .txt{margin-top:8px;}
.qr_code_coll04 .camera_btn .btn_phone{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 8px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll04 .camera_btn .btn_phone img{width:24px;}
.qr_code_coll04 .camera_btn .btn_alarm{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 8px; text-align:center; display:inline-block; background-color:#fff; border:2px solid #207cde; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll04 .camera_btn .btn_alarm img{width:24px; margin-top:-6px;}
.qr_code_coll04 .camera_btn .btn_message{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 8px; text-align:center; display:inline-block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll04 .camera_btn .btn_message img{width:24px; margin-top:-2px;}
.qr_code_coll04 .camera_btn .btn_emgc_info{width:60px; height:60px; border-radius:60px; line-height:60px; margin:0 8px; text-align:center; display:inline-block; background-color:#e30613; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_coll04 .camera_btn .btn_emgc_info img{width:22px; margin-top:-2px;}

/*알람전송*/
.qr_code_alarm{position:fixed; top:0; left:0; width:100%; height:100%; padding:0 16px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.qr_code_alarm .send_alarm{width:100%; float:left; display:inline-block; background-color:#fff; border-radius:12px; padding:45px 16px; box-sizing:border-box;}
.qr_code_alarm .send_alarm .txt{text-align:center;}
.qr_code_alarm .camera_btn{clear:both; display:inline-block; width:100%; margin-top:35px; text-align:center;}
.qr_code_alarm .camera_btn .btn_close{clear:both; width:50px; height:50px; border-radius:50px; line-height:50px; margin-left:16px; text-align:center; display:block; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029; margin:0 auto;}
.qr_code_alarm .camera_btn .btn_close img{width:20px; margin-top:-2px;}
.qr_code_alarm .processbar{position:relative; clear:both; display:block; width:90%; margin:0 auto; margin-top:25px;}
.qr_code_alarm .processbar .icon_img{position:relative; left:50%; margin-left:-18px; width:36px; display:inline-block;}
.progress{appearance:none; width:100%; float:left; margin-top:5px;}
.progress::-webkit-progress-bar{height:10px; background:#f5f5f5; border-radius:10px;}
.progress::-webkit-progress-value{height:10px; border-radius:10px; background: #207cde;}

/*응답하기*/
.qr_respond{width:100%; height:100%; padding:0 16px; margin-top:16px; margin-bottom:55px; display:inline-block; box-sizing:border-box;}
.qr_respond .respond_top{clear:both; float:left; display:inline-block; width:100%;}
.qr_respond .respond_top .call_car{float:left; width:calc(50% - 8px); display:inline-block; background-color:#fff; text-align:center; border-radius:12px; padding:16px; margin-right:16px; box-sizing:border-box;}
.qr_respond .respond_top .my_car_num{float:right; width:calc(50% - 8px); display:inline-block; background-color:#fff; text-align:center; border-radius:12px; padding:16px; box-sizing:border-box;}

.qr_respond .process_box{width:100%; float:left; display:inline-block; background-color:#fff; border-radius:12px; padding:45px 16px; margin-top:16px; box-sizing:border-box;}
.qr_respond .process_box .processbar{position:relative; clear:both; display:block; width:90%; margin:0 auto;}
.qr_respond .process_box .processbar .icon_img{position:relative; left:50%; margin-left:-18px; width:36px; display:inline-block;}
.qr_respond .process_box .btn_msg_send{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width:210px; height:52px; line-height:52px; border:1px solid #207cde; border-radius:6px; text-align:center; color:#207cde; font-weight:500; margin:0 auto; margin-top:55px;}

.qr_respond .required_time_box{clear:both; float:left; display:inline-block; width:100%; background-color:#fff; text-align:center; border-radius:12px; padding:35px 16px 35px 16px; margin-top:16px; box-sizing:border-box;}
.qr_respond .required_time_box .required_time{clear:both; display:block; width:160px; height:42px; line-height:42px; border:1px solid #E6E6E6; border-radius:42px; margin:0 auto; margin-top:25px;}
.qr_respond .required_time_box .required_time .btn_minus{float:left; width:36px; display:inline-block; vertical-align:middle; padding:0 10px; margin-left:5px; box-sizing:border-box;}
.qr_respond .required_time_box .required_time .time{display:inline-block;}
.qr_respond .required_time_box .required_time .btn_plus{float:right; width:36px; display:inline-block; vertical-align:middle; padding:0 10px; margin-right:5px; box-sizing:border-box;}
.qr_respond .btn_send{margin-top:16px;}

/*전송 완료 팝업*/
.send_conform_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.send_conform_popup.on{visibility:visible; opacity:1;}
.send_conform_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.send_conform_popup .layer_popup p{display:inline-block; width:100%;}
.send_conform_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.send_conform_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*호출 취소 팝업*/
.call_cancel_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.call_cancel_popup.on{visibility:visible; opacity:1;}
.call_cancel_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.call_cancel_popup .layer_popup p{display:inline-block; width:100%;}
.call_cancel_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.call_cancel_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*메세지 선택 팝업*/
.message_s_popup{position:fixed; bottom:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:flex-end; opacity:0; transition:all 0.2s ease-in-out;}
.message_s_popup.on{visibility:visible; opacity:1;}
.message_s_popup .layer_popup{position:relative; bottom:-100%; z-index:10011; width:100%; box-sizing:border-box; background-color:#fff; padding:35px 16px; border-radius:10px 10px 0 0; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box; transition:all 0.2s ease-in-out;}
.message_s_popup.on .layer_popup{bottom:0;}
.message_s_popup .layer_popup .tit{clear:both; float:left; width:100%; display:inline-block; text-align:center; word-break:keep-all;}
.message_s_popup .layer_popup .message_select{clear:both; width:100%; display:inline-block; margin-top:16px;}
.message_s_popup .layer_popup .message_select li{clear:both; width:100%; display:inline-block; margin-bottom:6px;}
.message_s_popup .layer_popup .message_select li:last-child{margin-bottom:0;}
.message_s_popup .layer_popup .message_select input.select_style {display: none;}
.message_s_popup .layer_popup .message_select input.select_style + label em{display:flex; justify-content:center; align-items:center; width:100%; height:100%; min-height:51px; border-radius:6px; padding:15px; border:1px solid #e6e6e6; background-color:#fff; color:#1C1C1B; font-weight:500; box-sizing:border-box; vertical-align:middle; overflow:hidden; cursor:pointer; transition:all 0.1s ease;}
.message_s_popup .layer_popup .message_select input.select_style + label{display:block; cursor:pointer;}
.message_s_popup .layer_popup .message_select input.select_style:checked + label{color:#212121;}
.message_s_popup .layer_popup .message_select input.select_style:checked + label em{opacity:1; color:#207cde; font-weight:500; border:1px solid #207cde;}
.message_s_popup .layer_popup .btn_msg_select{margin-top:16px;}
.message_s_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*호출 완료*/
.qr_code_coll05{width:100%; height:100%; padding:0 16px; margin-top:16px; margin-bottom:55px; display:inline-block; box-sizing:border-box;}
.qr_code_coll05 .s_result{position:relative; clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; overflow:hidden; box-sizing:border-box;}
.qr_code_coll05 .s_result .tit{text-align:center; margin-top:25px;}
.qr_code_coll05 .s_result .txt{position:absolute; left:16px; top:50px; width:50%; border:1px solid #E6E6E6; padding:12px; margin-top:8.5%; border-radius:6px; box-sizing:border-box;}
.qr_code_coll05 .s_result .txt:after{content:''; position:absolute; border-top:15px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-13px; right:15px;}
.qr_code_coll05 .s_result .txt:before {content:''; position:absolute; border-top:15px solid #E6E6E6; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-15px; right:15px;}
.qr_code_coll05 .btn_end{clear:both; margin-top:16px;}

/*호출 실패*/
.qr_code_coll06{width:100%; height:100%; padding:0 16px; margin-top:16px; margin-bottom:55px; display:inline-block; box-sizing:border-box;}
.qr_code_coll06 .s_result{position:relative; clear:both; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; overflow:hidden; box-sizing:border-box;}
.qr_code_coll06 .s_result .tit{text-align:center; margin-top:25px;}
.qr_code_coll06 .s_result .sub_txt{text-align:center; margin-top:16px;}
.qr_code_coll06 .s_result .txt{position:absolute; left:16px; top:32%; width:50%; border:1px solid #E6E6E6; padding:12px; border-radius:6px; word-break:keep-all; box-sizing:border-box;}
.qr_code_coll06 .s_result .txt:after{content:''; position:absolute; border-top:15px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-13px; right:15px;}
.qr_code_coll06 .s_result .txt:before {content:''; position:absolute; border-top:15px solid #E6E6E6; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-15px; right:15px;}
.qr_code_coll06 .s_result .btn_recall_box{position:absolute; left:16px; top:55%; width:50%; text-align:center;}
.qr_code_coll06 .s_result .btn_recall_box .btn_recall{display:inline-block; padding:12px; border:1px solid #207cde; border-radius:6px; box-sizing:border-box;}
.qr_code_coll06 .s_result .btn_recall_box .btn_recall_end{display:inline-block; padding:12px; border:1px solid #E6E6E6; color:#BDBDBD; border-radius:6px; box-sizing:border-box;}
.qr_code_coll06 .btn_end{clear:both; margin-top:16px;}

/*앱으로 이동 팝업*/
.app_move_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.app_move_popup.on{visibility:visible; opacity:1;}
.app_move_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.app_move_popup .layer_popup .logo_img{width:80px; margin:0 auto; margin-top:16px;}
.app_move_popup .layer_popup .txt{display:inline-block; width:100%; margin-top:25px;}
.app_move_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.app_move_popup .layer_popup .btn_mo_web{display:inline-block; width:100%; margin-top:16px; color:#BDBDBD;}
.app_move_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*응급정보*/
.qr_code_emgc{width:100%; height:100%; padding:0 16px; margin-top:16px; margin-bottom:55px; display:inline-block; box-sizing:border-box;}
.qr_code_emgc .qr_code_emgc_top{position:relative; clear:both; float:left; width:100%; display:flex; align-items:center; justify-content:space-between; background:url('../images/car_num_bg.jpg') #fff 0 0 repeat-y; background-size:35px; border:2px solid #207cde; border-radius:12px; padding:16px 10px; overflow:hidden; box-sizing:border-box;}
.qr_code_emgc .qr_code_emgc_top .icon_img{width:14px; display:inline-block;}
.qr_code_emgc .qr_code_emgc_top .icon_img img{float:left;}
.qr_code_emgc .qr_code_emgc_top .number_txt{display:inline-block; line-height:1;}

.qr_code_emgc .emergency_info{width:100%; float:left; display:inline-block; margin-top:16px;}
.qr_code_emgc .emergency_info .emergency_info_list{clear:both; display:inline-block; width:100%;}
.qr_code_emgc .emergency_info .emergency_info_list li{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; margin-bottom:10px; box-sizing:border-box;}
.qr_code_emgc .emergency_info .emergency_info_list li:last-child{margin-bottom:0;}
.qr_code_emgc .emergency_info .emergency_info_list li .link_box{position:relative; z-index:9; width:100%; float:left; display:inline-block; padding:16px; box-sizing:border-box;}
.qr_code_emgc .emergency_info .emergency_info_list li .img_box{position:relative; clear:both; float:left; width:80px; height:80px; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.qr_code_emgc .emergency_info .emergency_info_list li .img_box img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.qr_code_emgc .emergency_info .emergency_info_list li .text_box{float:left; display:flex; flex-direction:column; justify-content: center; width:calc(100% - 100px); height:80px; padding-left:16px; box-sizing:border-box;}
.qr_code_emgc .emergency_info .emergency_info_list li .text_box .tit{clear:both; width:100%; float:left;}
.qr_code_emgc .emergency_info .emergency_info_list li .text_box .sub_txt{clear:both; width:100%; float:left; margin-top:5px;}

.qr_code_emgc .emergency_profile{width:100%; float:left; margin-top:15px; display:inline-block;}
.qr_code_emgc .emergency_profile .prf_img_box{position:relative; clear:both; width:80px; height:80px; margin:0 auto; box-sizing:border-box;}
.qr_code_emgc .emergency_profile .prf_img_box .btn_pic{position:absolute; right:-5px; bottom:-3px; z-index:10; display:block; width:32px; height:32px; line-height:29px; text-align:center; border-radius:32px; background-color:#fff; box-sizing:border-box; box-shadow:0px 3px 6px #00000029;}
.qr_code_emgc .emergency_profile .prf_img_box .btn_pic img{width:18px;}
.qr_code_emgc .emergency_profile .prf_img_box .pic_img{position:relative; clear:both; float:left; width:100%; height:100%; display:inline-block; border:1px solid #E6E6E6; border-radius:80px; overflow:hidden; box-sizing:border-box;}
.qr_code_emgc .emergency_profile .prf_img_box .pic_img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}

.qr_code_emgc .emgc_user_info{clear:both; position:relative; float:left; width:100%; display:inline-block; background-color:#fff; border-radius:12px; padding:16px; margin-top:30px; box-sizing:border-box;}
.qr_code_emgc .emgc_user_info .s_title{clear:both; width:100%; display:inline-block;}
.qr_code_emgc .emgc_user_info table{clear:both; float:left; width:100%; margin-bottom:25px;}
.qr_code_emgc .emgc_user_info table th{height:30px;}
.qr_code_emgc .emgc_user_info table td{height:30px; color:#1C1C1B; font-weight:500;}
.qr_code_emgc .emgc_user_info .etc_info{clear:both; float:left; display:inline-block; width:100%; height:120px; margin-top:5px;}
.qr_code_emgc .btn_code_e_back{clear:both; margin-top:16px;}

/*프로필 사진 크게 보기 팝업*/
.p_big_img_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.p_big_img_popup.on{visibility:visible; opacity:1;}
.p_big_img_popup .layer_popup{position:relative; z-index:10011; width:100%; box-sizing:border-box; background-color:#fff; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.p_big_img_popup .btn_popup_close{position:absolute; right:16px; top:16px; z-index:10; width:20px; display:inline-block;}
.p_big_img_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*카카오 로그인 팝업*/
.kakao_login_popup{position:fixed; top:0; left:0; z-index:10020; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.kakao_login_popup.on{visibility:visible; opacity:1;}
.kakao_login_popup .layer_popup{position:relative; z-index:10021; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.kakao_login_popup .layer_popup ul{width:100%; display:inline-block; margin-top:25px;}
.kakao_login_popup .layer_popup ul li{float:left; display:inline-block; width:calc(50% - 6px); margin-right:12px;}
.kakao_login_popup .layer_popup ul li:last-child{margin-right:0;}
.kakao_login_popup .layer_popup ul li a{display:inline-block; width:100%; height:100%; text-align:center; background-color:#BDBDBD; color:#fff; border-radius:6px; padding:10px; box-sizing:border-box;}
.kakao_login_popup .layer_popup ul li a.on{background-color:#207cde;}
.kakao_login_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*와이파이 연결 팝업*/
.wifi_join_popup{position:fixed; top:0; left:0; z-index:10010; width:100%; height:100vh; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.wifi_join_popup.on{visibility:visible; opacity:1;}
.wifi_join_popup .layer_popup{position:relative; z-index:10011; width:75%; box-sizing:border-box; background-color:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.wifi_join_popup .layer_popup .btn_yes100{display:inline-block; width:100%; height:100%; text-align:center; background-color:#207cde; color:#fff; border-radius:6px; margin-top:25px; padding:10px; box-sizing:border-box;}
.wifi_join_popup .popup_bg{position:fixed; top:0; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*더보기*/
.btn_more_box{clear:both; float:left; width:100%; margin-top:5px; text-align:center;}
.bottom_btn_more{display:none;clear:both; width:100%; height:38px; display:inline-block; line-height:34px; border-radius:38px; text-align:center; transition:all 0.3s ease;background:#fff}
.bottom_btn_more:hover{box-shadow: 0px 2px 4px 0px #00000010;}
.bottom_btn_more span{vertical-align:middle;}

/*베이직팝업*/
.basic_popup{position:absolute; top:0; width:100%; height:100%; box-sizing:border-box; opacity:1; transition:all 0.5s; overflow:hidden; z-index:100000; display:none; justify-content:center; align-items:center;}
.basic_popup .layer{position:fixed; display:block; width:80%; max-width:520px; border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgb(0 0 0 / 30%);}
.basic_popup .basic_popup_con{ text-align:center; overflow:hidden;}
.basic_popup .popup_close{height:35px; background-color:#333;padding-top:10px}
.basic_popup .popup_close .popup_close_chk{float:left; text-align:left; margin-top:4px; margin-left:10px;}
.basic_popup .popup_close .popup_close_btn{float:right; margin-top:4px; margin-right:10px;}
.basic_popup .popup_close .popup_close_btn a{display:inline-block; color:#c8c8c8;}
.index_popup_bg{position:fixed; width:100%; height:100%; top:0px; background-color:#000; opacity:0.75;z-index:99999;display:none}

/*위치정보 수집 및 제공 동의 팝업*/
.location_info_popup{position:fixed; top:0; right:-100%; z-index:10010; visibility:hidden; width:100%; height:100%; background-color:#fff; overflow-x:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.location_info_popup.on{right:0; visibility:visible; opacity:1;}
.location_info_popup .layer_popup{position:absolute; display:inline-block; width:100%; min-height:100%; background-color:#fff;}
.location_info_popup .layer_popup .top{position:sticky; top:0; width:100%; height:60px; background-color:#fff; text-align:center; display:inline-block; border-bottom:1px solid #E6E6E6; padding:0 16px; box-sizing:border-box;}
.location_info_popup .layer_popup .top .title{display:inline-block; line-height:60px;}
.location_info_popup .layer_popup .top .btn_popup_close{position:absolute; top:19px; right:16px; width:16px; display:inline-block; float:right;}
.location_info_popup .layer_popup .popup_con{clear:both; width:100%; display:inline-block; padding:0 16px 55px 16px; box-sizing:border-box;}
.location_info_popup .layer_popup .popup_con .l_info_body{margin-top:16px; margin-bottom:16px;}