@charset "UTF-8";

/* LOGIN */
#login{position:absolute; top:50%; left:50%; transform:translate(-50%,-60%);}
#login .logo{display:block; line-height:0; text-align:center;}
#login h1{font-size:2.8em; color:#333; font-weight:500; text-align:center; line-height:1em; padding:30px 0 50px;}
#login .login_form{max-width:400px; margin:0 auto;}
#login .login_form .input_group{position:relative; margin-bottom:10px;}
#login .login_form .input_group input{width:100%; height:60px; box-sizing:border-box; padding:10px; padding-left:70px;}
#login .login_form .input_group i{width:60px; line-height:58px; background:#888; color:#fff; text-align:center; position:absolute; top:0; left:0; border-radius:3px 0 0 3px; border:1px solid #e1e1e1; border-right:0; box-sizing:border-box;}
#login .login_form .chk_group{text-align:right; font-size:16px;}
#login .login_form button{width:100%; height:60px; margin-top:20px; font-size:1.42em;}


/* PAGE */
.sch_form{padding:15px 0 5px;}
.sch_form ul{float:left;}
.sch_form li{float:left; padding:0 15px; position:relative;}
.sch_form li:first-child{padding-left:0;}
.sch_form li:after{width:1px; height:17px; position:absolute; top:5px; left:0; background:#999; content:'';}
.sch_form li:first-child::after{display:none;}
.sch_form li label{font-weight:500; margin-right:5px;}
.sch_form button{float:left;}
.sch_form .sch_date{float:left; font-size:1.5em; font-weight:500; line-height:1.7em; margin-right:40px; position:relative; padding:0 30px;}
.sch_form .sch_date button{position:absolute; top:50%; transform:translateY(-50%); font-size:1em; background:none;}
.sch_form .sch_date button.aw_left{left:0;}
.sch_form .sch_date button.aw_right{right:0;}

.tbl_wrap{position:relative;}
.tbl_wrap .top_btn{position:absolute; top:-35px; right:0;}
.tbl_half{width:100%; box-sizing:border-box; min-height:calc(100% - 24px); float:left; position:relative;}
.tbl_half.left{padding-right:30px;}
.tbl_half.right{padding-left:30px; border-left:1px dashed #D8D8D8;}
.tbl_half .total{padding-top:10px;}
.tbl_half .total ul{width:100%; background:#DFDFDF;}
.tbl_half .total li{float:left; color:#585858; font-weight:500; text-align:center; padding:10px; width:100%; box-sizing:border-box; border-right:1px solid #D8D8D8;}
.tbl_half .total li.li_harf{width:50%;}
.tbl_half .total li:last-child{margin-right:0;}


.tbl_style01{border-collapse:collapse;}
.tbl_style01 th, .tbl_style01 td{text-align:center; border:1px solid #e1e1e1;}
.tbl_style01 th{font-weight:normal; background:#F3F3F3; color:#764830; padding:5px;} 


.tbl_style02 {border-collapse:collapse;}
.tbl_style02 th, .tbl_style02 td{padding:5px; border:1px solid #e1e1e1;}
.tbl_style02 th{font-weight:normal; background:#F3F3F3; color:#235ea1; text-align:center;}
.tbl_style02 td{background:#fff; text-align:left;}
.tbl_style02 .th_point{color:#ffd800; font-size:0.4em;}
.tbl_style02 .profile_img{width:100%;}
.tbl_style02 .profile_img img{width:100%;}
.tbl_style02 .inp_btn span{display:inline-block;}
.tbl_style02 .inp_btn span.button{margin-left:7px;}



.tbl_style002 {width:100%; height:55px; padding-top:8px; clear:both; content:''; display:block;}
.tbl_style002 .title_1 {width: 14%; float: left; background: #5c6e7a; color: #fff; padding: 0.5px 8px;}
.tbl_style002 .select_box_wrap {float: left; background: #fff; width: 63%; padding-left: 10px;}
.tbl_style002 .select_box {background-image:url(/images/roadAddr/select_box.png); background-size: 130px 30px; background-repeat: no-repeat; background-position: 100%; width: 130px; height: 40px; float: left; margin-right: 10px; text-align:center; position: relative; z-index: 999;}
.tbl_style002 .select_box .selsectHide {position: absolute; right: 0; width: 25px; height: 100%;}
.tbl_style002 .select_box p {width: 100%; display: block; font-size: 22px; text-align: center; padding: 0; margin: 0; height: 40px; padding-right: 7px; }
.tbl_style002 .select_box ul {height: 680px; overflow: auto; background:#fff; margin-top:-5px; display: none;}
.tbl_style002 .select_box .select_box_list {width: 113px; height: 34px; line-height:30px; font-size: 24px; border: 1px solid #ccc;}
.tbl_style002 .select_box .select_box_list a {color:#000;}

.tbl_style01 .tr_h th, .tbl_style01 .tr_h td{height:35px;}
.tbl_style02 .tr_h th, .tbl_style02 .tr_h td{height:35px;}
.tbl_style002 .tr_h th, .tbl_style002 .tr_h td{height:35px;}

.tbl_style03{border-collapse:collapse;}
.tbl_style03 th, .tbl_style03 td{text-align:center; border:1px solid #2e2e2e; height:35px; font-weight:normal; padding:5px;}

.tbl_style04{border-collapse:collapse;}
.tbl_style04 th, .tbl_style04 td{padding:5px; border:1px solid #e8e8e8;}
.tbl_style04 th{text-align:center; font-weight:normal; background:lightgrey;}
.tbl_style04 td{text-align:left; }

.use_slt{display:inline-block; font-size:11px; vertical-align:middle;}
.use_slt li{float:left; margin:2px; padding:1px 5px; color:#909090; background:#d1d1d1; }
.use_slt li.on{background:#BE81F7; color:#fff;}
  
.menu_tab{margin-top:20px; /*margin-bottom:-1px;*/}
/* .menu_tab li{float:left; margin-right:1px;}
.menu_tab li a{display:block; padding:10px 15px; font-size:0.89em; background:#d1d1d1; color:#909090; border:1px solid #d1d1d1;}
.menu_tab li a.active{background:#fff; color:#ff8400 !important; font-weight:500; 
	border-top-color: rgb(255, 255, 255) !important;
    border-right-color: rgb(255, 255, 255) !important;
    border-bottom-color: rgb(255, 255, 255) !important;
    border-left-color: rgb(255, 255, 255) !important;
} */
.menu_tab li.active a{background:#fff; color:#ff8400; font-weight:500; /*border-bottom:1px solid #fff;*/}
.tab_con{padding:15px; padding-top:0; background:#fff; /*border:1px solid #d1d1d1; box-sizing:border-box;*/}

.modal-500 {max-width:500px;}
.modal-700 {max-width:700px;}
.modal-1000 {max-width:1000px;}
.modal-1100 {max-width:1100px;}
.modal-1200 {max-width:1200px;}
.modal-1300 {max-width:1300px;}

/* 욕구사정 */
.sub_01 { width:100%; margin-top:10px; }
.sub_01 p { float:right; margin: 5px 0px 0px 0px }
.sub_04_ul { width:100%; }
.sub_04_ul li { float:left; width:33.33%; }
.des_bg { background:#007e91; color:#fff; font-weight:500; padding:5px; width:fit-content; margin-bottom:0px; }
.sub_06_bg { background-color:#5d6e7b; color:#fff; width:100%; height:30px; text-align:center; padding-top:5px; margin:10px 0px 0px 0px; }


/* 이용자 정보 */
.rec_tab03_sch{padding:20px 0 10px; position:relative;}
.charge_tbl table tfoot td{background:#eef0f2;}

.inp_line:after, .inp_adress:after{display:block; clear:both; content:'';}
.inp_line input, .inp_line select, .inp_line button{float:left;}
.inp_line .bar{width:10%; float:left; text-align:center; display:block; line-height:35px;}
.inp_line .blank{width:5%; float:left; display:block; height:35px;}
/* .inp_adress input, .inp_adress button{float:left;} */
/* .inp_adress input{margin-left:5px;} */
/* .inp_adress button{height:35px;} */
/* .inp_adress input.adress{width:calc(100% - 30px);} */

.inp_adress{position:relative;}
/* .inp_adress input{padding-right:40px;} */
.inp_adress input.adress{width:calc(100% - 116px);} 
.inp_adress button{width:30px; height:30px; font-size:0.85em; position:absolute; top:0; right:0; border-radius:3px; background:#3f3f3f;}
.inp_adress button i{color:#fff;}


.specs_btm {padding:20px 0px; border-bottom:2px solid #7e7e7e;font-weight:normal;}
.p_bottom {width:100%; border-bottom: 1px solid #7e7e7e; padding: 5px 0px; margin:0px;}

.bath_tbl{width:20%; padding:0 3px; box-sizing:border-box; float:left;}
.bath_tbl .bath_btn{padding:15px 0 10px;}

.charge_tbl td a{text-decoration:underline;}

.notice{margin-top:15px;}
.notice li{margin-bottom:5px; color:#ff6c00; position:relative; padding-left:15px;}
.notice li i{position:absolute; top:2px; left:0;}

.popup .menu_tab{margin:0;}
.popup .menu_tab li a{padding:8px 10px;}
.popup .menu_tab li.active a{background:#009eb5; color:#fff;}
.popup .tab_con{padding:0;}
.popup .pop_s_tit .mark{position:absolute; top:10px; right:0; font-weight:400; color:#888;}
.popup .txt_ipt{margin-top:5px;}
.popup .desire_chk li{float:left; width:16.6%; padding:3px; box-sizing:border-box;}
.popup .desire_chk2 li{float:left; width:33.33%; padding:3px; box-sizing:border-box;}
.popup .pop_sch_form{padding:0px 0;line-height: initial;padding-top:5px}
.popup .pop_sch_form h3{font-weight:600; float:left;}
.popup .pop_sch_form h4{font-weight:600; float:left;padding:3px}
.popup .pop_sch_form ul{float:left;}
.popup .pop_sch_form ul li{float:left; margin-left:20px; position:relative;}
.popup .pop_sch_form ul li:after{width:1px; height:17px; position:absolute; top:9px; left:-10px; background:#999; content:'';}
.popup .pop_sch_form ul li:first-child{margin-left:0;}
.popup .pop_sch_form ul li:first-child::after{display:none;}
.popup .pop_sch_span {float:left; padding-top: 5px; display: block;}

.total_tbl table tfoot td{background:#eef0f2;}
.total_tbl table tbody td{vertical-align:top;}
.total_tbl table tbody td.f_center{vertical-align:middle;}
.total_tbl table tbody td.f_middle{vertical-align:middle;}

.schedule_tbl table{table-layout:fixed; border-collapse:collapse;}
.schedule_tbl th, .schedule_tbl td{text-align:center; border:1px solid #e1e1e1;}
.schedule_tbl th{background:#eef0f2; padding:5px;}
.schedule_tbl td{background:#fff;}
.schedule_tbl a{padding:10px; display:block;}
.schedule_tbl a:hover{background:#fff7e1;}
.schedule_tbl .holiday, .schedule_tbl .holiday a{color:#e22126;}
.schedule_tbl .sat, .schedule_tbl .sat a{color:#005aaa;}
.schedule_tbl .schedule_on{font-weight:600;}
.schedule_tbl .today{background:#fff7e1;}

/* 게시판  비밀번호 확인 */
.pw_box {width:563px; height:280px;margin:0 auto; margin-left:200px; text-align:center;background:url('/images/pwbox_bg.jpg') no-repeat; margin-top:10px;}
.pw_box .l_txt {font-size: 24px;font-weight: 600;color: #007bff;padding-top:60px;}
.pw_box .s_txt {font-size: 14px;font-weight: 600;color: #009eb5;padding-top:10px;}

/* 입력폼 */
.pw_box fieldset{width:370px;height:40px;margin:0 auto;position:relative;margin-top:40px;}
.pw_box fieldset:after {content:''; display:block; clear:both;}
.pw_box fieldset label{font-size: 16px;font-weight: 600;color: #8c8c8c;float:left; margin-right:10px;	margin-top:10px;}
.pw_box fieldset input{width:190px;height:38px;border: 1px solid #e1e1e1; padding-left:10px;float:left; margin-bottom:8px;	}
.pw_box fieldset input:focus{border: 1px solid #02927a;outline-style:none;}
.pw_box fieldset button{float:right;width:100px;height:40px;background:#f090b6;border:none;position:absolute; top:0; right:0;font-size: 16px;font-weight: 600;color:#005ea6;}

.pw_listbox {width: 69px;height: 29px;margin: 0 auto;margin-top: 25px;}


/* 태블릿 - 로그인 */
/* .tbl_btn {width:85%;display:inline-block;float:left;} */
.tbl_btn {width:190%;display:inline-block;float:left;}
.tbl_btn li {margin:5px 8px 5px 0px; width:23%; float:left;}
/* .tbl_btn li button {width:100%;font-size:15px;} */
.tbl_btn li button {width:113%;font-size:15px;}

/* 모바일 - 로그인 */
#main_login {text-align:center; font-size:45pt; margin-top:150px; line-height:120%;}
.mbl_login {width:70%; display:inline-block;  position:relative; overflow:hidden;}
.mbl_login .mbl_ul {width:70%; float:left; margin:0px;}
.mbl_login .mbl_ul li {margin-bottom:40px; float:left; width:100%;}
.mbl_login .mbl_ul li:last-child {margin-bottom:0px;}
.mbl_login .mbl_ul li input[type="text"] {font-size:35pt; height:100px;}
.mbl_login .mbl_ul li input[type="password"] {font-size:35pt; height:100px;}
.mbl_login .mbl_ul li span {zoom:3.0}
.mbl_login button {height:100%; position:absolute; font-size:45pt; right:0;}
.mbl_chk {display:inline-block; width:70%; text-align:left; margin-top:70px;}
.mbl_chk input[type="checkbox"] {zoom:3.0;}