@charset "UTF-8";

.top_header{ position: fixed; top: 0;left: 0px;right: 0;z-index:60;}
.center_body{ margin-top: 55px;}
/* .card-header */ 
.top-header{ position: Sticky; top:50px; background-color:#fff; z-index:59; } 
.num_pageing{ float:right; font-size:12px !important;}
.badge{padding:3px 6px 5px 6px; font-size:13px}

html, body{width:100%; /* max-width:380px; */ margin:0 auto; font-size:100%;}
tr, td{height:40px;}
/* input[type=radio] {zoom:2.0} */
select {background-size:20px;}
*{margin:0; padding:0;}
ul, li, dl{list-style:none}
/* .mobile_logo { position: absolute; top: 15px; left: 15px; } */
.mobile_logo {text-align:left;}
.brder {border-bottom:2px solid black;}
.fs150ps {font-size:150%;}
.fs125ps {font-size:125%;}
.fs110ps {font-size:110%;}
.fs90ps {font-size:90%;}
.fs40px {font-size:40px;}
.b_white {background-color:white;}
.mt50px {margin-top:50px;}

#index, #cancel {line-height:155%; font-size:125%;}

/* 페이징 */
.btn_page{position:relative;padding:80px 0 50px 0; text-align:center;} /*margin:15px 24px 20px 0; border-top:1px solid #c6c6c6; */
.btn_page ul{position:relative; margin:0 auto; display:table; width:90%;}
.btn_page ul li{float:left;}
.btn_prev {width:22%;}
.btn_next {width:22%;}
.btn_cancel {width:56%;}
.btn_page button {border:none !important; border-radius:0 !important;}
.btn_prev button {background:#ccc url(/images/arrow_ic01.png) no-repeat !important; background-position:100% !important; background-size:100% !important; width:100%; height:100%; padding:30px 0; padding:43px 0;}
.btn_next button {background:#ccc url(/images/arrow_ic02.png) no-repeat !important; background-position:100% !important; background-size:100% !important; width:100%; height:100%; padding:30px 0; padding:43px 0;}
.btn_cancel button {font-size:24px; background:#333; color:#fff; width:100%; height:100%; padding:25px 0;}

.home_btn {width:100%; margin-top:80px; background:#ff6c00; color:#fff !important; border:none; border-radius:0; font-size:30px; padding:40px 0;}
.btn_login {padding-right: 7.5px; padding-left: 7.5px;}

/* 로그인 */
#main_login {background:url(../../images/log_bg.png) no-repeat; background-size:100% 58%; margin:0 auto; padding-top:50px;}
#main_login .f_center div {font-size:60px; font-weight:600; line-height:1.2; color:#fff;}
#main_login .f_center div img {padding-bottom:60px;}
#main_login .f_center div span {font-size:32px; font-weight:500; display:block;}
#main_login .f_center {margin-bottom:150px;}


#log_ci{ content:url("/images/log_ci_s.png"); width:200px; }
#log_cr{ content:url("/images/log_ci_s.png"); width:130px;}
.mbl_login {width:90%;}
.mbl_login .mbl_ul {width:100%;}
.mbl_login input {border-radius:10px; border:1px solid #ccc; padding:20px 10px; font-size:24px !important; height:auto !important;}
.mbl_login .login_btn {width:100%; padding:20px 0; background:#ff8500; border-radius:50px; color:#fff; font-weight:600; font-size:34px; position:inherit; height:auto;}
.input-group input::placeholder {font-size:24px; color:#ccc;}
.input-group input:focus {border:2px solid #009eb4;}

.btn_align {margin-top:40px;}

.mbl_chk {width:100%; text-align:left; margin-top:5px; margin-bottom:0px;}
.mbl_chk label {font-size:24px; color:#111; font-weight:500 !important; float:left; padding-right:20px;}
.mbl_chk input[type="checkbox"] {display:none;}
.mbl_chk input[type="checkbox"] label {font-size:20px; color:#111;}
.mbl_chk input[type="checkbox"] + label span {display:inline-block; width:35px; height:35px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../../images/checkbox.png) left top no-repeat; cursor:pointer; background-size:cover;}
.mbl_chk input[type="checkbox"]:checked + label span {background:url(../../images/checkbox_on.png) left top no-repeat; background-size:cover;}

/* 메인 (이동시작종료 선택화면) */
.mbl_main {margin:40px auto 0; width:100%;}
.mbl_main .mbl_mul {display:inline-block; width:100%;}
.mbl_main .mbl_mul li {float:left; width:10%;}
.mbl_main .mbl_mul li:first-child, .mbl_main .mbl_mul li:last-child {width:45%;}
.mbl_main .mbl_mul li button {width:80%; font-size:90px;}
.mbl_main div {box-shadow:1px 1px 10px 0px #ccc; width:90% !important; margin:0 auto 30px !important; border-radius:20px; height:300px; font-weight:600; line-height:0.95; padding-top:15%; padding-left:35px; background-position:90% 50% !important;}
.mbl_main div span {font-size:24px; font-weight:300; color:#000;}
.mbl_main div.start {background:#fff url(../../images/ic_01.png) right center no-repeat; color:#ff6c00;}
.mbl_main div.stop {background:#fff url(../../images/ic_02.png) right center no-repeat; color:#0072ca;}

/* 모바일 타이틀 */
.mobile_tit {width:100%; height:120px; padding:40px 25px 40px 35px; position:relative; background:#009eb4; color:#fff; font-size:40px; font-weight:600; margin:0 !important;}
.mobile_logo {text-align:left; float:left;}
.top_btn {float:right;}
.top_btn b {font-size:30px; color:#ffd600; float:left; padding-top:5px; padding-right:15px;}
.log_btn {background: #3f3f3f; color:#ccc; border:1px solid #333; font-size:24px; padding:5px 15px !important; vertical-align:bottom;}

/* 이동서비스 */
.list_btn {position:relative; margin:0 auto; display:table; width:100%;}
.list_btn li{float:left;font-weight:bold; width:33.33%;text-align: center;margin-top:20px;}
.list_btn li button {width:85%; font-size:110%; margin:20px;}

.service_hr {border:1px dashed #adadad; width:90%; margin:40px auto;}

/* 이동시작 */
.info_wrap {width:100%;}
.info_wrap > div {padding:40px 36px 0;}
.info_wrap ul {margin-bottom:20px;}
.info_wrap li {font-size:24px; color:#000;}
.info_wrap .info_txt {width:100%; border-radius:5px; background:#fff; border:1px solid #ccc; padding:0; padding-left:15px;font-size:24px; font-weight:300;}
.info_wrap select.info_txt {background:#fff url(/images/icon_select.png) no-repeat; background-position:95% 50%; background-size:13px; outline:none;}
.info_wrap .info_tit {font-weight:500; line-height:1; padding-bottom:10px;}

.tab_wrap {width:100%;}
.tab_wrap > div {width:90%; margin:0 auto;}

.tab_con {padding: 35px 0 0 0;}

.tab_wrap .sel_sort {font-size:24px; width:90%; margin:0 auto 20px; border-radius:5px; display:block; background:#fff url(/images/icon_select.png) no-repeat; background-position:95% 50%; background-size:13px; padding-left:15px; outline:none; line-height:2.5;}
.tab_wrap .menu_tab_m {background:#fff; border-radius:10px 10px 0 0;}

.tab_wrap .menu_tab_m li {width:50%; margin:0; min-height:100px; height:100%; background:#e9e9e9; border-radius:10px 0 0 0;}
.tab_wrap .menu_tab_m li:last-child {border-radius:0 10px 0 0;}
.tab_wrap .menu_tab_m li a {background:#e9e9e9; color:#6c6c6c; font-weight:300; line-height:1.2; font-size:28px; width:100%; height:100%; display:inline-block; padding:0; text-align:center; vertical-align:middle;}
.tab_wrap .menu_tab_m li.active {background:#fff;}
.tab_wrap .menu_tab_m li.active a {font-weight:500; color:#ff6c00; background:#fff;}

.user_wrap {position:relative; display:table; width:94%; margin:0 auto;}
.user_btn_w {float:left; width:50% !important; text-align:center; margin:0 auto !important;}
.user_btn {width:90% !important; background:#ccecf0; border:none; border-radius:10px; color:#000; font-size:32px !important; font-weight:500; margin:17.5px 0 !important; padding:15px 0;}
.user_btn span {font-size:24px; font-weight:300;}

.no_list {width:100%; text-align:center; font-size:28px; font-weight:500 !important; min-height:250px; vertical-align:middle; line-height:100px;}
.tr_h {height:20px;}

#m_main {background:url(../../images/log_bg_m.png) no-repeat; background-size:100% 30%; margin:0 auto; padding-top:0px;}
.card-body-m { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; text-align: center; margin: 0px 0 20px 0;}
/* .card-body-m .title {font-size:32px; font-weight:500; display:block; } */
.card-body-m .title span{font-size:34px; font-weight:600; line-height:1.3; color:#fff;}

/*sub*/
#main_card {background:url(../../images/log_bg.png) no-repeat; background-size:100% 62%; margin:0 auto; padding-top:50px;}
#main_card .f_center div {font-size:60px; font-weight:600; line-height:1.2; color:#fff;}
#main_card .f_center div img {padding-bottom:60px;}
#main_card .f_center div span {font-size:32px; font-weight:500; display:block;}
#main_card .f_center {margin-bottom:150px;}
.mbl_card{width:90%;margin-left:50px;}
.mbl_card .mbl_ul {width:100%;}
.mbl_card input {border-radius:10px; border:2px solid #ccc; padding:20px 10px; font-size:24px !important; height:auto !important;}


.sub_title{font-size:20px; font-weight:600; color:#28a745;}
.sub_search {
    line-height: 2em;
    color: #333;
    padding: 5px 0 2px 0;
    margin: 10px 0 0 30px;
    font-weight: 400; 
    position: relative; 
}

.sub_search input{
    font-size:1em;
    padding: 4px 4px 4px 8px;
    height:38px;
    width:140px;
    margin-bottom:4px;
}

.sch_group button {
    width: 38px;
    height: 38px;
    font-size: 0.85em;
    top: 0;
    right: 0;
    border-radius: 5px;
    vertical-align: middle;
    background: #3f3f3f;
    margin-bottom:4px;
}

.tdbtn{
    border-radius: 3px;
    box-sizing: border-box;
    padding: 2px;
    display: inline-block;
    width:80%;
    height:80%;
}
.sum_tr{
	background-color:#FFFFCC;
}

.qrcodeBox{
	width:300px; 
	height: 300px; 
	margin-top:40px; 
	margin-left:-150px; 
	border: 20px solid #ffc107;;
}
.small-box>.inner {
    padding: 30px 0px 30px 0px;
}
.small-box h3 {
    font-size: 3.4rem;
}
.small-box p {
    font-size: 1.5rem;
}



.teduri{
	margin-left:5px; 
	margin-top :10px;
	padding:5px 10px 5px 10px;
	border-radius:10px;
}

.icon_img_size{ 
	width:100px;
}
.btn_r_size{ 
	padding:15px 15px 15px 10px; 
	width:80%; 
}
.align-center { text-align: center; }


.card-footer-m {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 0 solid rgba(0,0,0,.125);
}

.btn{
	font-size:1.2rem;
}
.tdLeft{
	 text-align:left !important;
	 padding: 5px 0 5px 10px;
}

 @media(orientation: landscape) {
 
 	#main_login {background:url(../../images/log_bg_r.png) no-repeat; background-size:100% 50%; margin:0 auto; padding-top:30px;}
 	#m_main {background:url(../../images/log_bg_m.png) no-repeat; background-size:100% 50%; margin:0 auto; padding-top:10px;}
 	#main_login .f_center {margin-bottom:0px;}
    #main_login .f_center div img {padding-bottom:10px;} 
    #main_login .f_center div {font-size:30px; font-weight:600; line-height:1.3; color:#fff;}
	#main_login .f_center div span {font-size:24px; font-weight:500; display:block;}
    #main_login .f_center {margin-bottom:40px;}
	
	#log_ci{ content:url("/images/log_ci_s.png"); width:150px;}
	#log_cr{ content:url("/images/log_ci_s.png"); width:150px;}
    
	.mbl_login {width:90%;}
	.mbl_login .mbl_ul {width:100%;}
	.mbl_login input {border-radius:10px; border:1px solid #ccc; padding:0px 0px; font-size:24px !important; height:auto !important;}
	.mbl_login .login_btn {width:100%; padding:20px 0; background:#ff8500; border-radius:50px; color:#fff; font-weight:600; font-size:34px; position:inherit; height:auto;}
	
	 
  	#main_card {background:url(../../images/log_bg_r.png) no-repeat; background-size:100% 56%; margin:0 auto; padding-top:30px;}
 	#m_main {background:url(../../images/log_bg_m.png) no-repeat; background-size:100% 50%; margin:0 auto; padding-top:10px;}
 	#main_card .f_center {margin-bottom:0px;}
    #main_card .f_center div img {padding-bottom:10px;} 
    #main_card .f_center div {font-size:30px; font-weight:600; line-height:1.3; color:#fff;}
	#main_card .f_center div span {font-size:24px; font-weight:500; display:block;}
    #main_card .f_center {margin-bottom:40px;}
	
    
	.mbl_card {width:90%;}
	.mbl_card .mbl_ul {width:100%;}
	.mbl_card input {border-radius:10px; border:1px solid #ccc; padding:0px 0px; font-size:24px !important; height:auto !important;}
	.mbl_card .card_btn {width:100%; padding:20px 0; background:#ff8500; border-radius:50px; color:#fff; font-weight:600; font-size:34px; position:inherit; height:auto;}
	
	
	.input-group input::placeholder {font-size:18px; color:#ccc;}
	.input-group input:focus {border:2px solid #009eb4;}
    .mbl_chk {width:100%; text-align:left; margin-top:0px; margin-bottom:0px;}
    .mbl_login input {border-radius:10px; border:1px solid #ccc; padding:10px 10px; font-size:18px;}
    .mbl_card input {border-radius:10px; border:1px solid #ccc; padding:10px 10px; font-size:18px;}
    .tr_h {height:20px;}
    
    .btn_align {margin-top:70px;}
 }