@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
    src:url('/font/NanumGothic.eot');
    src:url('/font/NanumGothic.eot?#iefix') format('embeded-opentype'),
        url('/font/NanumGothic.woff') format('woff');
}
@font-face {
    font-family:'NanumGothicB';
    src:url('/font/NanumGothicBold.eot');
    src:url('/font/NanumGothicBold.eot?#iefix') format('embeded-opentype'),
        url('/font/NanumGothicBold.woff') format('woff');
}

/* 건너뛰기 링크 (스킵 네비게이션) */
#skipnavi {
	position: absolute;
	left: 0;
	right:0;
	top:0;
	width: 100%;
	height:3rem;
	overflow: hidden;
}
#skipnavi a {
	display: block;
	position: absolute;
	top: -1000px;
	left: 0;
	width: 100%;
	height: 100%;
	color: #000;
	overflow: hidden;
	z-index: 99999999;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #f4f4f4;
	padding: 0.8rem 0;
}
#skipnavi a:focus,
#skipnavi a:hover,
#skipnavi a:active {
	top: 0;
	left: 0;
	height: auto;
	font-size: 1.4rem;
	line-height:1;
	outline-color:#e42215;
}



.loading {background: #fff url(/images/loading_bg.png) no-repeat 0 0; background-size: 100% 100%;height:100%;padding-top:16rem;}

#wrap {
	min-width:320px;
	width:100%;
	height:100%;
	-webkit-overflow-scrolling:touch;
	background:#fff;
	overflow:auto;
	padding-bottom:10rem;
	
}
#wrap.map-wrap{padding-bottom: 0; overflow: inherit;}
#wrap.mReportWrap{overflow:inherit; padding-bottom: 0; height:auto;}
#wrap.reportWrap, #wrap.mReportBoard{overflow:inherit; padding-bottom: 5.875rem;}
#wrap-gray {min-width:320px; width:100%; min-height:100vh; -webkit-overflow-scrolling:touch; background:#f4f4f4; overflow:auto;}
.content {padding: 1.125rem 2rem 1.8rem 2rem;}
.parallax-bg {background: url(/images/bg-map.png);background-repeat:no-repeat;background-position:center;background-size: cover;width:100vw; height: calc(100vh - 13.5rem); overflow:hidden !important; }
.parallax-bg:focus{position:relative;}
.parallax-bg:focus:after{content:''; display:block; position:absolute; top:0;left:0; width:100%; height:100%;border:3px dotted #e42215; box-sizing:border-box; pointer-events: none;}

/* 지도 키보드 이동 버튼 추가 */
.keyboardBtn{position:fixed; bottom: 7.5rem; right:1rem; display: flex; justify-content: flex-end; align-items: center;}
.keyboardBtn li{margin:0 0.2rem;}
.keyboardBtn li button{width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; border:1px solid #c7c7c7; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.keyboardBtn li button:focus{outline: 3px dotted #e42215;}
.keyboardBtn li button:after{content:''; display: block; width: 100%; height: 100%;background:url(/images/ico-keyboardArrow.png)no-repeat; background-size:100%;}
.keyboardBtn li:nth-child(1) button:after{transform: rotate(-90deg);}
.keyboardBtn li:nth-child(2) button:after{transform: rotate(90deg);}
.keyboardBtn li:nth-child(3) button:after{transform: rotate(180deg);}


.appHeader {display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;right: 0;z-index: 9;background: #FFFFFF;color: #27173E;border-bottom: 1px solid #DCDCE9;}
.appHeader h2 {font-size:1.688rem;color: #000;text-align: center;line-height: 5rem;font-weight: 700;}
.appHeader2 {display: flex;justify-content: center;align-items: center;position: fixed;top: 5rem;;left: 0;right: 0;z-index: 9;background: #FFFFFF;color: #27173E;border-bottom: 1px solid #DCDCE9;}
.appHeader.bg-transparent {border-bottom: 0;background: transparent;}
.appHeader .left {display: flex;align-items: center;position: absolute;top: 1.688rem}

/*.appHeader .left, .appHeader .right, .appHeader2 .right {display: flex;align-items: center;position: absolute;top: 1.688rem}*/
/* .appHeader .left-s {display: flex;align-items: center;position: absolute;top: 0.4rem;} */
.appHeader .left-s {display: flex;align-items: center;position: absolute;top: 0;}
/* .appHeader .left {left: 1.563rem; position: absolute;top: 0.4rem;} */
.appHeader .left {left: 0; position: absolute;top: 0;}
/* .appHeader .left-s {left: 1.563rem} */
.appHeader .left-s {left:0}
/*.appHeader .right {right: 1.563rem }*/
.appHeader .right {display: flex;align-items: center;position: absolute;top: 1.2rem;right: 2.2rem }

.appHeader2 .right {right: 1.563rem }
.btImg {display: inline-block;overflow: hidden;background-size: 4rem auto;background-repeat: no-repeat;background-position: center center; }
.btImg span {display: block;overflow: hidden;position: relative;width: 0;height: 0;font-size: 0;z-index: -1;text-indent: -9999em;}
/* .btImg.menu, .btImg.guide2 {background-image: url(/images/btn-sidemenu.png);width: 4.063rem;height: 4.063rem;} */
.btImg.menu, .btImg.guide2 {width: 6rem;height: 5rem; display: flex; justify-content: center; align-items: center;}
.btImg.menu span, .btImg.guide2 span{background-image: url(/images/btn-sidemenu.png);width: 4rem;height: 4rem; background-size: 4rem;}
.applistControl .left a ~ a {margin-top: 1.5rem;}
.btImg.btn-contact {background-image: url(/images/btn-contact.png);width: 2.6rem;height: 2.6rem;background-size: 2.6rem auto;background-position: 0 0;}
/* .btImg.btn-contact:hover {background-position: 0 -2.6rem;} */

.main-box {position:relative;width:100%;padding:0 2.5rem;margin:0 auto;}
.main-logo {padding-top:7.6rem; text-align: center; /*width: 23%;*/ width:16rem; margin:0 auto; padding-right:2rem}
.main-logo img{width:100%;}
.login-logo {padding-top:10%; text-align: center;}
.main-tit {padding-top: 1.5rem; color:#333; font-size:2.4rem;font-family: 'NanumGothicB'; line-height:3.6rem; text-align: center;}
.main-stit {padding-top: 0.8rem; display: flex; justify-content: space-between; align-items: center;}
.main-stit p{color:#767676; font-size:1.4rem; line-height:2.2rem;font-weight: normal; width:calc(100% - 10.5rem); word-break: keep-all;}
.main-img {padding-top: 3.8rem;}


.state {overflow:hidden;margin:1rem 0 0.875rem 0;}
.state li {float: left;width: 33%;height: 7rem;text-align: center;box-sizing: border-box;position: relative}
.state li a {background: #fff;position: relative;text-align: center;width:4.4rem;height: 4.4rem;display: block;border-radius: 50%;margin: 0 auto;}
.state li a .ico1 {position: relative;height: 4.4rem;margin-bottom: 0.95rem;display:block;border-radius: 50%;text-align:center;color:#fff;background:#1A6CF9;font-size:2rem;letter-spacing:1px; line-height:4.2rem;}
.state li a .ico2 {position: relative;height: 4.4rem;margin-bottom: 0.95rem;display:block;border-radius: 50%;text-align:center;color:#fff;background:#0D8802;font-size:2rem;letter-spacing:1px; line-height:4.2rem;}
.state li a .ico3 {position: relative;height: 4.4rem;margin-bottom: 0.95rem;display:block;border-radius: 50%;text-align:center;color:#fff;background:#e42215;font-size:2rem;letter-spacing:1px; line-height:4.2rem;}
.state li a .ico4 {position: relative;height: 4.4rem;margin-bottom: 0.95rem;display:block;border-radius: 50%;text-align:center;color:#fff;background:#999;font-size:2rem;letter-spacing:1px; line-height:4.2rem;}
.state li p {color: #666;font-size: 1.063rem; padding-top:0.8rem}

.state2 {overflow:hidden;margin:1rem 0 0 0;border-bottom:0.7rem solid #c9c9c9;}
.state2 li {float: left;width: 50%;height: 7rem;text-align: center;box-sizing: border-box;position: relative}
.state2 li a {background: #fff;position: relative;text-align: center;width:4rem;height: 4rem;display: block;border-radius: 50%;margin: 0 auto;}
.state2 li a .ico1 {position: relative;height: 4rem;margin-bottom: 0.95rem;display:block;border-radius: 50%;text-align:center;color:#fff;background:#3c84fd;font-size:1.6rem;letter-spacing:1px; line-height:3.8rem;}
.state2 li a .ico2 {position: relative;height: 4rem;margin-bottom: 0.95rem;display:block;border-radius: 50%;text-align:center;color:#fff;background:#e42215;font-size:1.6rem;letter-spacing:1px; line-height:3.8rem;}
.state2 li p {color: #666;font-size: 1.063rem; padding-top:0.8rem;}

.tab {overflow:hidden;border-bottom:2px solid #e42215;}
.tab li {float: left;width: 25%;height: 4.5rem;text-align: center;box-sizing: border-box;position: relative;border-right:1px solid #b8b8b8;}
.tab li a {background: #fff;position: relative;text-align: center;display: block;color:#333;padding-top:0.4rem;font-size:1.2rem;}
/* .tab li a:hover {color:#e42215;padding-top:0.4rem;font-size:1.2rem;} */
.tab li a.active {background:#e42215;color:#fff;height: 4.5rem;}

.tab-2 {overflow:hidden;border-bottom:2px solid #e42215;}
.tab-2 li {float: left;width: 50%;height: 3.6rem; line-height:3.6rem; text-align: center;box-sizing: border-box;position: relative;border-right:1px solid #b8b8b8;}
.tab-2 li a {background: #e8e8e8;position: relative;text-align: center;display: block;color:#333;font-size:1.2rem;}
/* .tab-2 li a:hover {color:#e42215;font-size:1.2rem;} */
.tab-2 li a.active {background:#e42215;color:#fff;height: 3.6rem;}

.backFade{background:#000; opacity: 0.8;}

/* 메인 250910 수정*/
.m-main .main-img img{width: 100%;}
.m-main .main-stit{padding:2.5rem 2.5rem 1.8rem 2.5rem}
.m-main .btnWrap2{padding: 0 2rem;}

/* 메인 점검공지 시작 250910 수정 */
#imageLayer.modal{z-index: 999999; display: none; overflow:inherit;}
#imageLayer.modal .modal-dialog{width: calc(100vw - 4.6rem); max-width: 1000px; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); margin:0; }
#imageLayer.modal .modal-header .close{height: 4.6rem; width:4.6rem; margin:0; display: flex; justify-content: center; align-items: center; opacity: 1;}
#imageLayer.modal .modal-header .close:after{content: "×"; display: block; font-size: 4rem; line-height: 1; font-weight: 500;margin-bottom: 0.5rem;}
#imageLayer.modal .modal-header .close:focus{outline:2px solid #000; outline-offset:-2px;}
#imageLayer.modal .modal-header .close span{display: inline-block;}
#imageLayer.modal .modal-body{font-size:1.5rem; text-align: left;}

/* Sidebar */
.sidebar {width: 27rem; height: 100vh; position: fixed; top: 0; left: -31rem; z-index: 999999;background: #fff; color: #000; transition: all .3s;text-align: left;}
.sidebar.active { left: 0; }
.dismiss { position: relative;transition: all .3s;cursor: pointer;width:100%;height: 6rem}
.dismiss .btn-close {background: url(/images/btn-sidemenu-close.png) no-repeat 0 0;background-size: 2rem auto;width: 2.125rem; height: 2.125rem;position: absolute;top:50%;transform: translateY(-50%);right:1.688rem;}
.dismiss .logo { display: inline-block;width: 17rem;height: 3rem;background: url(/images/img_logo.png) left top no-repeat;border: 0;text-indent: -999999px;margin: 2rem 0 0 1.25rem;background-size:10rem auto;}
.menu-tit-box {background: #fff;padding:0 2rem 0.675rem 2rem;color:#333;font-size: 1.8rem;font-family: 'NanumGothicB';line-height:2.8rem;}
.menu-tit-img {padding-top:2rem; text-align:center;border-bottom: 1px solid #ebebeb; }
.menu-tit-img img{width: 100%;}
.sidebar ul.menu-elements {border-top: 1px solid #ebebeb; transition: all .3s; }
.sidebar ul li a {display: flex; align-items: center; padding: 1.2rem 1.563rem;border: 0; color: #000;border-bottom: 1px solid #ebebeb;font-size: 1.375rem; height: 52px;}
/*.sidebar ul li a:hover,*/.sidebar ul li a:focus,.sidebar ul li.active > /*a:hover,*/.sidebar ul li.active > a:focus { outline: 0; color:#e42215;}
.sidebar ul li a:focus{outline:2px solid #000;}
.sidebar ul li a i { margin-right: 5px; }
/* .sidebar ul li sapn {padding-bottom:0.5rem;} */
.sidebar ul li [class^="icon-"] {display: inline-flex;background-size: 2.2rem auto;width: 2.125rem;height: 2.125rem;margin-right:1.125rem}
.sidebar ul li .icon-01 {background-image: url(/images/icon-sidemenu01.png);}
.sidebar ul li .icon-02 {background-image: url(/images/icon-sidemenu02.png);}
.sidebar ul li .icon-03 {background-image: url(/images/icon-sidemenu03.png);}
.sidebar ul li .icon-04 {background-image: url(/images/icon-sidemenu04.png);}
.sidebar ul li .icon-05 {background-image: url(/images/icon-sidemenu05.png);}
.sidebar ul li .icon-06 {background-image: url(/images/icon-sidemenu06.png);}
.sidebar ul li .icon-07 {background-image: url(/images/icon-sidemenu07.png);}
.sidebar ul li .icon-09 {background-image: url(/images/icon-sidemenu09.png);} /*QR코드*/
/* 도움말 아이콘 */
.sidebar ul li .icon-08 {background-image: url(/images/icon-sidemenu08.png); background-size:contain; background-repeat: no-repeat; width: 2rem; height: 2rem;margin-left:0.125rem}
/* .sidebar ul li:hover [class^="icon-"] {background-position: 0 -2.2rem;} */
/* .sidebar ul li:hover .icon-08 {background-position: 0;} */

/*Dark overlay*/
.overlay {display: none; position: fixed; width: 100vw; height: 100%;background: rgba(0,0,0, 0.6); z-index: 99999; opacity: 0; transition: all .5s ease-in-out;}
.overlay.active { display: block; opacity: 1; }

/* 서브 헤더 */
#content {padding: 56px 0;margin-bottom: env(safe-area-inset-bottom);}
#container {position:relative; min-height:350px;z-index: 5000;padding-top: 5rem;padding-bottom: 6.875rem;}
#container2 {position:relative; z-index: 5500;padding-top: 5rem;}
#header {position:fixed;width:100%; z-index: 99998; height:5rem;background: #fff;box-shadow: 3px 0 5px rgba(0,0,0, 0.26); top:0; left:0;}
#header h2 {position: relative;font-size:1.688rem;color: #000;text-align: center;line-height: 5rem;font-weight: 700;}
/* #header .btnLeft {position: absolute;left: 2rem;top: 1.5rem} */
#header .btnLeft {position: absolute;left: 0;top: 0}
#header .btnLeft-menu {position: absolute;left: 1.568rem;top: 0.4rem}
#header .btnRight {position: absolute;right: 2rem;top: 1.5rem}
/* #header .btImg.btn-prev {background-image: url(/images/btn-prev.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
#header .btImg.btn-prev:hover {background-position: 0 -2rem;} */
#header .btImg.btn-prev {display: flex; justify-content: center; align-items: center; width: 6rem;height: 5rem;}
#header .btImg.btn-prev span{background-image: url(/images/btn-prev.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
/* #header .btImg.btn-prev:hover span {background-position: 0 -2rem;} */

/* #header .btImg.btn-side {background-image: url(/images/btn-menu.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
#header .btImg.btn-side:hover {background-position: 0 -2rem;} */
#header .btImg.btn-side{display: flex; justify-content: center; align-items: center; width: 6rem;height: 5rem;}
#header .btImg.btn-side span{background: transparent url(/images/btn-sidemenu.png)no-repeat center; width: 4rem;height: 4rem;background-size: 4rem ;}
#header .btImg.btn-close {background-image: url(/images/btn-close.png);width: 2.6rem;height: 2.4rem;background-size: 2.6rem auto;background-position: 0 0;}
/* #header .btImg.btn-close:hover {background-position: 0 -2.3rem;} */


.btImg.btn-next {background-image: url(/images/btn-next.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
.btn-next {background-image: url(/images/btn-next.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
/*.btn-next:hover,*/ .btn-nex.focus, .btn-nex:focus {background-image: url(/images/btn-next.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 -2rem;}
.btn-up {background-image: url(/images/btn-up.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
/*.btn-up:hover,*/ .btn-up.focus, .btn-up:focus {background-image: url(/images/btn-up.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 -2rem;}
.btn-down {background-image: url(/images/btn-down.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
/*.btn-down:hover,*/ .btn-up.focus, .btn-up:focus {background-image: url(/images/btn-down.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 -2rem;}

.toggleBtn{background-image: url(/images/btn-down.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
/*.toggleBtn.btn-down:hover,*/ .toggleBtn.btn-up.focus, .toggleBtn.btn-up:focus{background-image: url(/images/btn-down.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 0;}
.active .toggleBtn{background-image: url(/images/btn-up.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 -2rem;}
/*.active .toggleBtn.btn-down:hover,*/ .active .toggleBtn.btn-up.focus, .active .toggleBtn.btn-up:focus{background-image: url(/images/btn-up.png);width: 2.063rem;height: 2.063rem;background-size: 2rem auto;background-position: 0 -2rem;}


.btnRight2 {text-align:right;padding:1rem 1rem 1rem 0}
.btImage {display: inline-block;overflow: hidden;background-size: 4.8rem auto;background-repeat: no-repeat;background-position: center center;}
.btImage span {display: block;overflow: hidden;position: relative;width: 0;height: 0;font-size: 0;z-index: -1;text-indent: -9999em;}
.btnRight {text-align:right !important;}

.container-report {position:relative;padding-top:5rem; overflow:auto;}
.report-pb{padding-bottom:5.875rem;}
.container-action {position:relative;padding-top:5rem;padding-bottom:4rem;}
.vtTitle_g {background:#666666;padding:0.8rem 2rem; color:#fff;font-size:1.3rem;font-weight:600;}
.vtTitle_num {background:#666666;padding:0.4rem 1.5rem 0.2rem 1.5rem; color:#fff;font-size:1.3rem;font-weight:600;}
.vtTitle_num span { display: inline-block; font-size:1.8rem; padding:0 0 0.4rem 1rem;}
.pdb5 {padding-bottom:0.5rem}

/*form*/
.form-box .col-form-label, .form-box .col-label {font-size: 1.4375rem;font-family:'NanumGothicB';font-weight: 700;padding-left: 0;padding-right: 0;display: flex;align-items: center;}
.form-box .col-form-label2 {font-size: 1.6rem;font-family:'NanumGothicB';font-weight: 700;padding: 0.8rem 0 0.8rem 0;padding-right: 0;display: flex;align-items: center;}

.form-box .col-label {color: #767676;padding-top: calc(.375rem + 1px);padding-bottom: calc(.375rem + 1px);}
.form-box .form-group {margin:0;padding:1rem 1rem 1rem 2rem;border-bottom: 1px solid #c7c7c7;}
.form-control {height: 4.813rem;border:1px solid #c7c7c7;border-radius: 0;font-size: 1.4375rem;}
.form-control-s {height: 3.2rem;width:100%;border:1px solid #c7c7c7;border-radius: 0;font-size: 1.4rem;padding:0.5rem 0 0.5rem 1rem;}
.form-control-sm {height: 2.4rem;width:100% !important;border:1px solid #c7c7c7;border-radius: 0;font-size: 1.4rem;padding:0.5rem 0;margin:0.4rem 0 0 0;text-align:center;}

.radio_blk {display: flex;}
.radio_blk label {font-size: 1.438rem;margin-left: 0.5rem;}
input[type="radio"] {background: url(/images/icon-radio.png) no-repeat;background-size:2rem auto;background-position:0 0; cursor:pointer}
input[type="radio"]{width: 2.063rem;height: 2.063rem;}
input[type="radio"]:checked {background-position:0 -2.063rem;}
input[type="radio"]:focus {outline: 3px dotted #e42215; outline-offset:0;}
.radioboxList li:focus-within {background-color: #f0f8ff;}
.radioboxList input[type="radio"]:focus + label {color:#e42215; }
.radio-wrap {position:relative; overflow-x:hidden;}
.radioboxList li {border-bottom:1px solid #eeeeee;padding:0.5rem;color: #000;font-size: 1.4rem; text-align:left;}
.radioboxList li:last-child {border-bottom: none;}
.info-photo {padding-left:1.8rem;background:url(/images/ic_album.png) no-repeat 0 0.3rem;background-size:1.8rem auto;text-align:left;;background-position:0 0;}
.info-radio{display: inline; word-break: keep-all;}
.info-photoBtn {display: inline;}
.info-photoBtn .info-photo {display: inline-block; font-size: 0; letter-spacing: -999999px; padding-left: 0; background-size:contain; width: 1.8rem; height: 1.8rem; background-position: center; margin-bottom: 2px;  }
.pal-radio2 {padding:0 0 0.25rem 0.3rem !important;}
.pal-radio {padding:0 0 0rem 0.6rem !important;}


input.chk:checked {width: 2rem;height: 2rem;background: url(/images/icon-check.png) no-repeat;background-size:2rem auto;background-position:0 -2rem;}
input.chk {width: 2rem;height: 2rem;background: url(/images/icon-check.png) no-repeat;background-size:2rem auto;background-position:0 0}
label.chk {line-height: normal;font-size:1.3rem;margin-left:.2rem;padding-bottom:0.1rem;}
input[type="checkbox"]:focus {outline: 3px dotted #e42215; outline-offset:0;}

.select-form{width:100%;padding: 0 1rem ;height: 3.2rem;color: #000;box-sizing:border-box;display: block;color: #000;border: 1px solid #ccc;background: url(/images/ic_dropdown.png) no-repeat;background-position: calc(100% - 5px) 50%;}
select, /*select:hover,*/ select:focus {width:100%;height: 3.2rem;background: url(/images/ic_dropdown.png) no-repeat;background-position: calc(100% - 5px) 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select:focus{outline:2px solid #000;}


/*button*/
.btnWrap{position: fixed;bottom: 8rem;left: 0;width: 100%;z-index: 100;display: inline-block;vertical-align: middle;padding:0 1.6rem;}
.btnRed {height: 4rem;padding: 0 1rem;color: #fff;border-radius: 0.4rem;background: #e42215;font-size: 1.5rem;width: 100%;font-family:'NanumGothicB'; font-weight:bold;}
/* .btnRed:hover {background: #b40b00;} */
.btnWrap2{position: relative;left: 0;width: 100%;z-index: 5;display: inline-block;vertical-align: middle;padding: 2rem 0 ;}
.btnRed2 {height: 4rem;padding: 0 1rem;color: #fff;border-radius: 0.8rem;background: #e42215;font-size: 1.5rem;width: 100%;font-family:'NanumGothicB'; font-weight:bold;}
/* .btnRed2:hover {background: #b40b00;} */
.btnRed-b {height: 5rem;padding: 0 1rem;color: #fff;border-radius: 0;background: #e42215;font-size: 1.6rem;width: 100%;font-family:'NanumGothicB'; font-weight:bold;}
/* .btnRed-b:hover {background: #b40b00;} */
.btnGray {height: 4rem;padding: 0 1rem;color: #fff;border-radius: 0.4rem;background: #737373;font-size: 1.5rem;width: 45%;font-family:'NanumGothicB'; font-weight:bold;}
/* .btnGray:hover {background: #5c5c5c;} */
.btnRed-s {height: 4rem;padding: 0 1rem;color: #fff;border-radius: 0.4rem;background: #e42215;font-size: 1.5rem;width: 45%;font-family:'NanumGothicB'; font-weight:bold;}
/* .btnRed-s:hover {background: #b40b00;} */
.btnWhite {height: 4rem;padding: 0 1rem;color: #333;border-radius: 0.4rem;border:1px solid #bebebe;background: #fff;font-size: 1.4em;width: 100%;font-family:'NanumGothicB'; font-weight:bold;}
/* .btnWhite:hover {border:1px solid #e42215;color: #e42215;} */


/* footer */
.appBottomMenu {height:5.875rem;position:fixed;z-index:99998;width:100%;bottom:0;left:0;right:0;}
.appBottomMenu ul{width:100%;background:#FFFFFF;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c2c2c2;padding-bottom:env(safe-area-inset-bottom);margin-bottom:0;box-shadow:1px 0 8px rgba(0,0,0,0.3);}
/* 모든 메뉴 동일 비율 */
.appBottomMenu li{flex:1;height:5.875rem;text-align:center;box-sizing:border-box;color:#767676;list-style:none;}
/* 링크 영역 */
.appBottomMenu li a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;font-family:'NanumGothicB';font-weight:700;white-space:nowrap;height:100%;}
/* 아이콘 */
.appBottomMenu li [class^="icon-"]{background-size:2rem auto;width:2rem;height:2rem;margin-bottom:0.3rem;background-repeat:no-repeat;background-position:center top;}
.appBottomMenu li.li01 .icon-01{background-image:url(/images/ic-home.png)}
.appBottomMenu li.li02 .icon-02{background-image:url(/images/ic-report.png)}
.appBottomMenu li.li03 .icon-03{background-image:url(/images/ic-check.png)}
.appBottomMenu li.li04 .icon-04{background-image:url(/images/ic-notice.png)}
.appBottomMenu li:hover [class^="icon-"]{background-position:center bottom;}
.appBottomMenu li a:hover,.appBottomMenu li a:focus,.appBottomMenu li a:active{color:#e42215;}
/* WA 마크 */
.appBottomMenu li.wa-mark{flex:1;}
.appBottomMenu li.wa-mark a{padding:0;}
.appBottomMenu li.wa-mark img{max-height:2.6rem;width:auto;object-fit:contain;}
a:hover{color:inherit;}


.appBottomMenu2 {height: 5.875rem;position: fixed;z-index: 99998;width: 100%;bottom: 0;left: 0;right: 0;}
.appBottomMenu2 ul {width: 100%;background: #FFFFFF;display: flex;align-items: center;justify-content: center;border-top: 1px solid #c2c2c2;padding-bottom: env(safe-area-inset-bottom);margin-bottom:0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.3);}
.appBottomMenu2 li {float: left;width: 33.33%;height: 5.875rem;text-align: center;box-sizing: border-box;color: #767676;}
.appBottomMenu2 li:first-child {background: none;}
.appBottomMenu2 li a { position: relative;display: block;padding-top:2.438rem;margin-top: 1rem;font-size: 1rem;font-family:'NanumGothicB';font-weight: 700;text-align: center;white-space: nowrap;height: 5.875rem}
/*.appBottomMenu2 li a:hover,*/ a:focus, a:active{color:#e42215;}
.appBottomMenu2 li [class^="icon-"] {background-size: 2.188rem auto;width: 2.188rem;height: 2.188rem;position: absolute;left:50%;transform: translateX(-50%);top: 0;background-repeat: no-repeat;background-position:0 0;}
.appBottomMenu2 li.li01 .icon-01 {background-image: url(/images/ic-check.png)}
.appBottomMenu2 li.li02 .icon-02 {background-image: url(/images/ic-search.png)}
.appBottomMenu2 li.li03 .icon-03 {background-image: url(/images/ic-notice.png)}
.appBottomMenu2 li.li04 .icon-04 {background-image: url(/images/ic-in.png)}
.appBottomMenu2 li.li05 .icon-05 {background-image: url(/images/ic-out.png)}
.appBottomMenu2 li.li05 .icon-06 {background-image: url(/images/icon-sidemenu07.png)}
.appBottomMenu2 li.li06 .icon-09 {background-image: url(/images/icon-sidemenu09.png);} /*QR코드*/

/* .appBottomMenu2 li:hover [class^="icon-"] {background-position: 0 -2.188rem;} */

.appBottommap {height: 4rem;position: fixed;z-index: 9;width: 100%;bottom:  5.875rem;left: 0;right: 0; background:#e4e4e4; border-top: 1px solid #fff;}

.post-picture {position: relative;width: 10.63rem;height: 10.63rem;margin: 0 auto;border: 1px solid #c7c7c7;text-align: center;display: inline-flex;}
.btImg.galleryAdd {background-position: 0 0;background-size: 4.3rem auto;width: 4.25rem;height: 4.25rem;background-image: url(/images/icon-galleryAdd.png);border-radius: 0;margin:3rem auto}
/* .btImg.galleryAdd:hover {background-position: 0 -4.3rem;} */

 
 /*TABLE*/
.tbl_basic{width:100%;}
.tbl_basic th, .tbl_basic td{padding: 0.4rem 1rem; line-height:2rem;}
.tbl_basic td {background-color:#ffffff;font-size: 1.3rem;color: #666666}
.tbl_basic thead th, .tbl_basic thead td {text-align: center;background: #0071ed;color: #fff;font-size: 1.5rem;}
.tbl_basic thead td {background: #f2f2f2;color: #656565;font-size: 1.2rem;}
.tbl_basic th{color:#0b2972; font-weight:normal;text-align:left; background-color:#eff0f0;vertical-align: top;padding: 0.9rem;}
.tbl_basic tbody td {color: #000;font-size: 1.5rem;text-align: center; height:6.2rem;}

.boxBarcode { position:relative; padding-top: 1.5rem;}
.barcode-img { position:relative; padding-top: 5.8rem; z-index:10000; text-align:center;}
.barcode-img img{width: 100%; max-width: 1000px;}
.login-img { position:relative; padding-top: 10%; z-index:10000; text-align:center;}
.boxGroup { position:absolute; padding:0 2rem 0rem 2rem !important; text-align:center;z-index:1000;margin-top: -6.8rem;width: 100%;}
.boxBody {display: flex;flex-direction: column;word-wrap: break-word;background-color: #fff;background-clip: border-box;border-radius: 0.8rem;box-shadow: 0px 0px 8px #d9d9d9}
.boxBody > .panel_body {padding:2rem 2rem 0;}
.boxBody > .panel_body .barcode {text-align: center;padding:2.5rem 6.5rem;}
.boxBody > .panel_body .barcode#barcode {padding:0;}
.boxBody > .panel_body #qr-reader {width: 100%;}

.boxBody > .panel_body .barcode img {width: 100%}
.boxBody > .panel_body  .info span {color: #767676;font-size: 1.3rem;}
.boxBody > .panel_body2 {padding:5rem 0 6rem 0;}
.boxBody > .panel_body2  .info span {color: #333;font-size: 2.2rem; line-height:1.7;}
.boxBody > .panel_body2  .info label {color: #333;font-size: 2.2rem; line-height:1.7;}
.boxBody > .panel_body2  .info-s span {color: #e42215;font-size: 1.7rem; line-height:1.3;}
.boxBody > .panel_body2  .info-g span {color: #666;font-size: 1.7rem; line-height:1.3;}

.boxBody > .panel_body3 {padding:3.5rem 0 1.5rem 0;}
.boxBody > .panel_body3  .info span {color: #666;font-size: 1.4rem; line-height:2rem;}
.boxBody > .panel_body3  .info-s span {color: #e42215;font-size: 1.6rem; line-height:2.4rem;}

.boxBody > .login_body {padding:7.5rem 4rem 3rem 4rem;}
.boxBody > .login_body  .info span {color: #333;font-size: 2.2rem; line-height:3.4rem;}
.boxBody > .login_body  .info-s span {color: #e42215;font-size: 1.6rem; line-height:2.4rem;}
.boxBody > .login_body  .info-id{color: #666;font-size: 1.3rem; line-height:2.4rem;width:5rem;text-align:left}

.info-mt {margin-top: 5.5rem;}
.info-mt1 {margin-top: 1rem; font-size:1.3rem;}
.info-mt2 {margin-top: 1.8rem;}
.info-mt3 {margin-top: 2rem;}
.info-border{border-top: 1px solid #dedede; padding-top:1.5rem;}
.info-pad {padding:0 2rem;}
input.form-control-s[type=number]::-webkit-outer-spin-button, input.form-control-s[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none; margin: 0;}
input.form-control-s[type=number] {-moz-appearance: textfield;}

.table-write {padding:0 2rem;}
.table-bg {background:#ebebeb !important;border-top:2px solid #e4e4e4;border-bottom:2px solid #d0d0d0;}
.table-write table {width:100%;}
.table-write th, .table-write td {text-align:left; border-bottom:1px solid #e4e4e4;font-size: 1.3rem;color: #666666; padding: 0.6rem 0 0.6rem 0;/*vertical-align: initial;*/}
.table-write .border-non{ border-style:none !important;}
.table-write .pad0{ padding:0 0 0.8rem 0 !important;}
.table-write .pad1{ padding:0.4rem 0 0.8rem 0 !important;}
.table-write .pd-r{ padding-right:1.5rem !important;}
.table-write .pd-r2{ padding-right:1rem !important;}
.table-write th {color:#333;font-weight:700;font-size: 1.4rem;}
.table-write th span {font-size:0.8rem !important;}
.table-write td {color:#333; font-weight:normal}
.table-write td span {color:#767676;}
.table-write .small {font-size:0.8rem !important;}
.table-write .sign {background:#f7f7f7;height:12rem;}
.table-write td .report-loca-add {display:none;width:68%;vertical-align:middle;}

.table-write td .reportInfo {display: flex; justify-content: space-between; align-items: center; gap:1rem;}
.table-write td .reportInfo .left-info{width:calc(100% - 3rem);}
.table-write td .reportInfo .icon-wrap{width:7rem; height:7rem; display:flex; justify-content:center; align-items:center; padding-right:1rem;}
.table-write td .reportInfo .icon-wrap .icon{font-size:0; letter-spacing: -99999px;}
.table-write td .reportInfo .icon-wrap .kb-icon{background:url(../images/ico-scooter.png)no-repeat center;background-size:contain; width: 5rem; height:5rem;}
.table-write td .reportInfo .icon-wrap .eb-icon{background:url(../images/ico-bicycle.png)no-repeat center;background-size:contain; width: 100%; height:100%;}

/* .qrcode-table table{width: 100%;} */

.table-notice {padding:0;}
.table-notice table {width:100%;}
.table-notice-bg {background:#ebebeb !important;padding:1.5rem 2rem 1.5rem 2rem !important; font-weight:normal !important;font-size: 1.3rem;}
.table-notice th, .table-notice td {text-align:left; border-bottom:1px solid #e4e4e4;font-size: 1.3rem;color: #7c7c7c;padding:1.5rem 2rem 1.5rem 2rem ;/*vertical-align: initial;*/}
.table-notice .border-top { border-top:1px solid #e4e4e4;}
.table-notice .border-non{ border-style:none !important;}
.table-notice .pad0{ padding:0 0 0.8rem 0 !important;}
.table-notice .pad1{ padding:0.4rem 0 0.8rem 0 !important;}
.table-notice .pd-r{ padding-right:1.5rem !important;}
.table-notice .pd-r2{ padding-right:1rem !important;}
.table-notice th {color:#333;font-weight:700;font-size: 1.4rem;}
.table-notice th span {font-size:0.8rem !important;}
.table-notice td {color:#333; font-weight:bold}
.table-notice td span {color:#767676; font-weight:normal}
.table-notice td p {color:#666; font-weight:normal}

.mReportBoard .table-notice {overflow-y: auto; min-height: calc(100vh - 10.875rem);}

.table-list {padding:0;}
.table-list table {width:100%;}
.table-list-bg {background:#ebebeb !important;padding:1.5rem 2rem 1.5rem 2rem !important; font-weight:normal !important;font-size: 1.3rem;}
.table-list th, .table-list td {text-align:left; border-bottom:1px solid #e4e4e4;font-size: 1.3rem;color: #767676;padding:1rem 2rem 1.5rem 2rem ;/*vertical-align: initial;*/}
.table-list .border-top { border-top:1px solid #e4e4e4;}
.table-list .border-non{ border-style:none !important;}
.table-list th {color:#333;font-weight:700;font-size: 1.4rem;}

.table-privacy {padding:0;margin: 0.8rem 0}
.table-privacy th, .table-privacy td {text-align:left; border:1px solid #e4e4e4;font-size: 1.2rem;color: #666;padding:0.5rem ;/*vertical-align: initial;*/}
.table-privacy .center {text-align: center !important}
.table-privacy th {color:#333;font-weight:700;font-size: 1.2rem;background-color: #f7f7f7;}


.btn-link {display:inline-block;height:2.4rem;line-height:2.4rem;padding:0 1rem;border:1px solid #3c84fd;border-radius:0.5rem;background:#fff;font-size:1.2rem;color:#3c84fd;text-align:center;}
.div_notice {padding:1rem 0 0 0}
.notice {padding-left:1.8rem;margin-bottom:0.3rem;background:url(/images/ic_notice.png) no-repeat 0 0.3rem;background-size:1.2rem 1.2rem;font-size:1.2rem;color:#555;letter-spacing:-1px;text-align:left;}
.table-top { vertical-align:top; padding-top:1rem !important;}
.txt_red {color:#e42215 !important;}
 
.album-wrap {position:relative;}
.album-list-50 {border-top:1px solid #e4e4e4; text-align:center}
.album-list-50:first-of-type {border-top:none;}
.album-list-50 .pic-list {overflow:hidden;width:100%;text-align:center;}
.album-list-50 .pic-list:after {clear:both;display:block;content:'';}
.album-list-50 .pic-list li {width: calc(100% / 2 - 1.4%);float:left;margin-left: 2%;background: #e8e8e8;border-radius: 0.5rem;}
.album-list-50 .pic-list li:first-child {margin-left:0;}
.album-list-50 .pic-list li .img {display:inline-block;background-position: center;width:  100%;border-radius: 0;background-repeat: no-repeat;margin: 0 auto;position: relative;width: 100%;height: 0; padding-bottom:100%;}
.album-list-50 .pic-list li .img:before {position:absolute;bottom:0.5rem;right:0.5rem;margin:0;}
.album-list-50 .pic-list li .img img {width: 100%;height: 100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 5px; padding-bottom: 0;}
/* .album-list-50 .pic-list li label .gallery_add {display:inline-block;background-position: center;background-size: 4rem auto;width: 4rem;height: 11rem;background-image: url(/images/ico_photo_add.png);border-radius: 0;background-repeat: no-repeat;} */
.album-list-50 .pic-list li .img .gallery_add {width:100%;height:100%; display: none;}
.album-list-50 .pic-list li .img .previewImg {display:inline-block;background:url(/images/ico_photo_add.png) center no-repeat; background-size:4rem auto;width:100%;height:100%; font-size:0; letter-spacing: -99999px; position:absolute; top:50%; left:50% ;transform: translate(-50%, -50%);}

.album-list-50 .pic-list li .img .file a {padding-top:22%;text-decoration:underline;display: block;overflow: hidden;position: relative;font-size: 0.8rem !important;line-height:1rem !important;z-index: 99999;width:  100%;text-align:center;height: 5.5rem}
/* .album-list-50 .pic-list li .img .file a:hover {display: block;overflow: hidden;position: relative;font-size: 0.8rem !important;color:#3c84fd;line-height:1rem !important;z-index: 99999;width:  100%;text-align:center;} */

.album-list-50 .pic-list2 {overflow:hidden;width:100%;text-align:center;}
.album-list-50 .pic-list2:after {clear:both;display:block;content:'';}
.album-list-50 .pic-list2 li {width: calc(100% / 2 - 1.4%);float:left;margin-left: 2%;}
.album-list-50 .pic-list2 li:first-child {margin-left:0;}


/*모달팝업*/
.modal-backdrop.in {opacity: .6;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;background:#000;}
.modal {position: fixed;top: 30%;right: 0;bottom: 0;left: 0;z-index: 999999;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}
.modal-dialog {position: relative;width: auto;margin: 2rem;}
.modal-header {border-top-left-radius: 0.8rem;border-top-right-radius: 0.8rem;overflow: hidden;background: #e42215; color:#fff; border-bottom:3px solid #e42215;}
button.close { -webkit-appearance: none;padding: 0;cursor: pointer;border: 0;height: 3rem;width: 3rem;margin: 0.2rem 0.8rem 0;background: none;}
.close {float: right;font-size: 3rem;color: #fff;margin-right:2rem; }
.modal-title {margin: 0;color: #fff;font-size: 1.6rem;text-align: left;padding: 1rem 0 1rem 1rem;font-weight: 700}
.modal-content {position: relative;background: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border-radius: 0.8rem;outline: 0;/*-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);*/ border:none; }
.modal-body {position: relative;padding: 0 1.5rem;text-align: center; }
.modal-body .imgbox{width:100%;position: relative;padding: 1.5rem 0;}
.modal-body .imgbox label {display:inline-block;background-position: center;width:100%;border-radius: 0;background-repeat: no-repeat;margin: 0 auto;position: relative;}
.modal-body .imgbox img {width: 100%;height: 100%;}

.table-popup {padding:0 1rem;}
.table-popup-bg {background:#ebebeb !important;}
.table-popup table {width:100%;}
.table-popup th, .table-popup td {text-align:left; border-bottom:1px solid #e4e4e4;font-size: 1.3rem;color: #666666;padding:1rem ;/*vertical-align: initial;*/}
.table-popup .border-non{ border-style:none !important;}
.table-popup th {color:#333;font-weight:700;font-size: 1.4rem;}
.table-popup th span {font-size:0.8rem !important;}
.table-popup td {color:#333; font-weight:normal}
.table-popup td span {color:#999;}


.btn-send {display:inline-block;height:3rem;line-height:2.7rem;padding:0 1rem;width:48%;border:1px solid #bebebe;border-radius:0.5rem;background:#fff;font-size:1.3rem;color:#767676; text-align:center}
/* .btn-send:hover {border:1px solid #e42215;color: #e42215;} */
.btn-send .icon {display:inline-block;width:1.6rem;height:1.8rem;background-position:0 0;background-repeat:no-repeat;vertical-align:middle;margin-right:0.3rem}
.btn-send .icon.photo {background-image:url(/images/ic_photo.png);background-size:1.5rem 1.5rem;}
.btn-send .icon.album {background-image:url(/images/ic_album.png);background-size:1.5rem 1.5rem;}
.btn-send .icon.delete {background-image:url(/images/ic_delete.png);background-size:1.5rem 1.5rem;}
/* .btn-send:hover .icon.photo {background-image:url(/images/ic_photo_over.png);background-size:1.5rem 1.5rem;}
.btn-send:hover .icon.album {background-image:url(/images/ic_album_over.png);background-size:1.5rem 1.5rem;}
.btn-send:hover .icon.delete {background-image:url(/images/ic_delete_over.png);background-size:1.5rem 1.5rem;} */
.btn-date {display:inline-block;height:4rem;line-height:4rem;width:calc(100% - 4rem);border:1px solid #bebebe;border-radius:0.5rem;background:#fff;font-size:1.3rem;color:#767676; text-align:center; margin:2rem 0;}
/* .btn-date:hover {border:1px solid #e42215;color: #e42215;} */
.btn-date-on {display:inline-block;height:2.8rem;line-height:2.8rem;width:24%;border:1px solid #e42215;border-radius:0.5rem;background:#fff;font-size:1.3rem;color:#e42215; text-align:center;pointer-events: none;}
.sta-gray {margin:0.5rem 0;display:inline-block;height:2rem;line-height:2rem;padding:0 1rem;border-radius:0.5rem;background:#666;font-size:1.1rem;color:#fff !important; text-align:center;pointer-events: none;}
.sta-green {margin:0.5rem 0;display:inline-block;height:2rem;line-height:2rem;padding:0 1rem;border-radius:0.5rem;background:#0D8802;font-size:1.1rem;color:#fff !important; text-align:center;pointer-events: none;}
.sta-red {margin:0.5rem 0;display:inline-block;height:2rem;line-height:2rem;width:24%;border-radius:0.5rem;background:#e42215;font-size:1.1rem;color:#fff !important; text-align:center;pointer-events: none;}
.sta-blue {margin:0.5rem 0;display:inline-block;height:2rem;line-height:2rem;width:24%;border-radius:0.5rem;background:#1A6CF9;font-size:1.1rem;color:#fff !important; text-align:center;pointer-events: none;}
.btn-map {display:inline-block;height:3rem;line-height:2.7rem;width:24%; border-radius:0.5rem;background:#e42215;font-size:1.3rem;color:#fff; text-align:center}
/* .btn-map:hover {background: #b40b00;color: #fff !important;} */
.btn-search {display:inline-block;height:3rem;line-height:2.7rem;width:100%; border-radius:0.5rem;background:#666;font-size:1.3rem;color:#fff; text-align:center}
/* .btn-search:hover {background:#454545;color: #fff;} */

.btn-send-map,
.btn-send-map:visited,
/*.btn-send-map:hover,*/
.btn-send-map:active {display:inline-block;height:3rem;line-height:2.7rem;padding:0 1rem;width:48%;border:1.5px solid #e42215;border-radius:0.5rem;background:#fff;font-size:1.3rem;color:#e42215; text-align:center}

.w100 {width:100% !important;}
.w90 {width:90% !important;}
.w80 {width:80% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w48 {width:48% !important;}
.w25 {width:50% !important;}
.w23 {width:23% !important;}


.pad2 {padding:1.2em 0 !important;}
.pal8 {padding:0 0 0.5rem 0.85rem !important;}
.pal4 {padding:0 0 0.5rem 0.45rem !important;}

.bggray {background: #efefef !important;}



/*common*/
.font-9{font-size: 0.5625rem;}
.font-15 {font-size: 0.9375rem}
.font-18 {font-size:  1.125rem}
.font-20 {font-size: 1.25rem}
.font-22 {font-size: 1.375rem;}
.txt-bold {font-weight: 700;}
.vm {vertical-align: middle;}
.vt {vertical-align: top;}
.pb-0 {padding-bottom: 0;}
.pb-top {padding-top:30%}
.mb-10 {margin-bottom: 1rem;}
.mb-35 {margin-bottom: 2.188rem;}
.mb-60 {margin-bottom: 6rem;}
.mb-70 {margin-bottom: 7rem;}
.mt-35 {margin-top: 2.188rem;}
.pd-2 {padding:2rem}
.pd-1 {padding:1rem}
.pd-05 {padding:0.5rem !important;}
.mt-10 {margin-top: 1rem;}
.mt-09 {margin-top: 0.9rem;}
.mt-15 {margin-top: 1.5rem;}
.mt-05 {margin-top: 0.5rem;}
.mr-05 {margin-right: 0.5rem !important;}
.mr-10 {margin-right: 1rem !important;}
.ml-05 {margin-left: 0.5rem !important;}
.ml-10 {margin-left: 1rem !important;}
.pdr-05 {padding-right: 0.5rem !important;}
.pdl-05 {padding-left: 0.5rem !important;}
.padd1 {padding:1.4rem}
.mt-13 {margin-top: 1.3rem;}
.mt-20 {margin-top: 2rem;}
.txt_center {text-align:center !important;}
.vertical-c { vertical-align:middle !important;}

.grid .tb_row tbody td.noBorderL { border-left:0; } 
.grid .tb_row tbody td.btnZeroR {padding: 6px 0;text-align: right;}
.btn.midBtn01 {margin:0; padding:0 13px; width:70px; height:26px; font-size:13px; background:#bb162b; color:#fff; /*line-height:23px*/}
.search_btnTxt {display: inline-block;height: 24px;color: #fff !important;font-size: 13px;}
.btn.midBtn01 .search_btnTxt {height:initial;}

/* to-do 2020-06-03 by jinykim */
.load {width:100%; height:100%; top:0; left:0; position:fixed; display:none; opacity:0.3; background:#c0c0c0; z-index:20000; text-align:center;}
.load > img {position:absolute; top:30%; left:41%; z-index:20001;}
/* to-do 2020-06-03 by jinykim */
/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}



/* S: 240313 비밀번호 변경 페이지 추가 */
.table_pwdChange{
	padding: .5rem 1rem;
	width: 100%;
}
.table_pwdChange tr th,
.table_pwdChange tr td{
	display: block;
}
.table_pwdChange tr th{
	font-size:1.3rem;
	line-height: 3rem;
	padding-left: .25rem;
	font-weight: 700;
}
.table_pwdChange tr td{
	padding-bottom: 1rem;
}
.table_pwdChange tr td p{
	padding-left: .25rem;
	font-size:1rem;
	color: #999;
	line-height: 1;
	margin-top: .5rem;
}
.table_pwdChange tr td input{
	line-height: 4rem;
	height: 4rem;
	
	width: 100%;
    margin: 0;
    padding: 0 1rem;
    background: #f7f7f7;
    border: 1px solid #e2e2e2;
    font-size: 1.3rem;
}
.pwdChangeTable{
	width: 100%;
}
.pwdChangeTable .errorTxt{
	display: none;
}
.pwdChangeTable .error p,
.pwdChangeTable .error .errorTxt{
	display: block;
	color: #e42215;
	opacity: .8;
	font-weight: 400;
}
.table_pwdChange .btnWrap2 {
	padding-top:1.8rem;
}
/* E:240313 비밀번호 변경 페이지 추가 */


/*모달 텍스트 팝업 디자인*/
.modal_2{
	font-family: "NanumGothic", sans-serif !important;
	font-weight:400 !important;
	display: flex;
	justify-content:center;
	position: fixed !important;
	overflow: inherit !important;
	left:50%;
	transform:translate(-50%, -50%);
	top:50% !important;
	height:fit-content !important;
	z-index:99999 !important;
}
.modal_2 + .modal-backdrop{
	display:none;
}
.modal_2:after{
	content: '';
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: rgba(255, 255, 255, 0.7) !important;
	z-index: -1;
	width: 100vw;
	height: 100vh;
transform: translate(-50%, -50%);
}
.modal_2 *{
	word-break:keep-all;
}
.modal_2 .modal-dialog,
.modal_2.fade .modal-dialog{
	height: fit-content;
	width: 100%;
	transform:none;
}
.modal_2.center{
	text-align:center;
}
.modal_2 .modal-content{
	padding: 5.5rem 2.5rem 4rem;
	box-shadow:0 3px 9px rgba(0,0,0,0.3);
	display:block;
	border:none;
	width: 90%;
	max-width:800px;
	min-width:320px;
	max-height:80vh;
	overflow-y:auto ;

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	z-index: 1001;
	border-radius: 5px;
	/*width: 600px;*/
}
.modal_2 .modal-header{
	border-top-left-radius:0;
	border-top-right-radius:0;
	background-color:transparent;
	color:inherit;
	border-bottom:none;
}
.modal_2 .modal-header .modal-title{
	color:inherit;
    padding: 0;
    font-size: 1.7rem;
    line-height: 1.4;
    margin-bottom:2.5rem;
    font-weight:800;
	word-break:keep-all;
	padding:0 2rem;
	text-align:center;
}
.modal_2 .modal-header button{
	display:flex;
	align-items:center;
	justify-content:center;
}
.modal_2 .modal-header .close{
    position: absolute;
    top: .7rem;
    right: -.3rem;
    transform: translate(-50%, 0);
	color:#212529;
	margin:0;
	font-weight:300;
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal_2 .modal-header .close:after{content: "×"; display: block; font-size: 3rem; color:#000; line-height: 1; font-weight: 300;}
.modal_2 .modal-header .close:focus{outline:2px solid #000;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity:1;}
.modal_2 .modal-header .close .blind{
	font-size:0px;
	height:0px;
	overflow:hidden;
}
.modal_2 .modal-body {
	padding:0;
	font-size:1.4rem;
	line-height:1.6;
	word-break:keep-all;
	color:#333;
	font-weight:400;
}
.modal_2 .modal-footer{
	display:block;
	text-align:center;
	font-size:1.6rem;
	margin-top:3rem;
	font-weight:400;
}
.modal_2 .modal-footer .modal-footer-inner{
	display: flex;
	gap:1rem;
}
.modal_2 .modal-footer .btn{
    float: none;
    display: block;
    width: 100%; 
    height: 4.4rem;
    font-size: 1.6rem;
    margin:0;
	font-weight:700;
	
	line-height: 4.4rem;
	border-radius:.4rem;
	cursor:pointer;
}
.modal_2 .modal-footer .btnRed{
	background-color: #e42215;
	color:#fff;
    float: none;
    display: block;
    width: 100%; 
    height: 4.4rem;
    font-size: 1.6rem;
    margin:0;
	font-weight:700;
}
.modal_2 .modal-footer .btnWhite{
	background-color: #fff;
	color: #333;
	border:1px solid #ddd;
	box-shadow:none;
	background:#fff;
}

.modal_2 .modal-footer .lined-two{
	line-height: 1;
}
.modal_2 .modal-footer .smTxt{
	font-size:1.2rem
}
.modal_2 .modal-footer .donotshow{
	display:flex;
	align-items:center;
	gap:.3rem;
	padding-left:.2rem;
	margin-top:1.2rem;
	line-height:1;
}
.modal_2 .modal-footer .donotshow input:focus + label{color:#e42215;}
.modal_2 .modal-footer .donotshow input{
	display:block;
	width:1.2rem;
	height:1.2rem;
	border:.1rem solid #666;
	transition:background-color .3s;
	background-color:rgba(102,102,102,0);
    margin: 0;
}
.modal_2 .modal-footer .donotshow input:checked{
	background-color:rgba(102,102,102,.7)
}
.modal_2 .modal-footer .donotshow label{
	font-size:1.2rem;
	color:#666;
}
.modal_2 .mt-10 {
	margin:0;
}
.modal_2 .btnWrap2{
	display:flex;
	justify-content:space-between;
}
.modal_2 .btnWrap2 button{
	width: 49%;
}
/*.modal_2 .table-popup{
	padding:0;
}
.modal_2#myModal .table-popup tr{
}
.modal_2#myModal .table-popup th{
	padding:1.6rem 0 0.8rem!important;
}
.modal_2#myModal .table-popup td{
	padding:0.8rem 0 1.6rem!important;
}*/
/*S: 240315 비밀번호 변경창 모달화*/
.modal_2 .left{
	text-align: left;
}
.modal_2 .center{
	text-align: center;
}
.modal_2 .table_pwdChange{
	padding: 0;
}
.modal_2 .table_pwdChange tr:last-child td{
	padding-bottom: 0;
}
/*E: 240315 비밀번호 변경창 모달화*/

/* 전동 킥보드 주정차 위반 신고 GPS 팝업 위치 정보 */
.modal-wrap{position:fixed; top:0; left:0; right:0; bottom:0; z-index: 99999; display: none;}
.modal-wrap .modal-bg{ position:fixed; top:0; left:0; right:0; bottom:0; z-index: 99999; background:rgba(0, 0, 0, 0.7);}
.modal-wrap .modal-inner{width: calc(100% - 4rem); max-height:90vh; background:#fff; overflow: hidden; border-radius: 1rem; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);z-index: 999999;}
.report-location-modal .modal-inner .modal-text{padding:4rem 2rem 2rem; width: 100%; }
.report-location-modal .modal-inner .modal-text p{text-align: center; letter-spacing:-0.2px; word-break:keep-all; line-height:1.4}
.report-location-modal .modal-inner .modal-text .title{font-size: 1.875rem; font-weight: 700; color:#000; margin-bottom: 1.2rem;}
.report-location-modal .modal-inner .modal-text .text{font-size: 1.4rem; margin-top:0.5rem; color:#666; font-weight: 400;}
.report-location-modal .modal-inner .modal-btn{padding: 0 2rem 2rem;}
.report-location-modal .modal-inner .modal-btn .close-btn{display: flex; justify-content: center; align-items: center; width: 100%; height:50px; font-size: 1.4rem; font-weight: 600; color:#000; background:#f4f4f4; border-radius: 1rem;}


/* 도움말 */
.container-help {padding: 5rem 2rem 0; }
.tabWrap{display: flex; justify-content: space-between; align-items: center; margin-top: 2rem;}
.container-help .tabWrap li{width: 50%;}
.tabWrap li a{width: 100%; display: flex; align-items: center; justify-content: center; height: 46px; border:1px solid #bebebe; font-size: 1.5rem;}
.tabWrap li:not(:last-child) a{border-right:none;}
.tabWrap li a.active{background:#e42215; border-color:#e42215; color:#fff;}

.tabCont{display: none;}
.tabCont.active{display: block;}

/* 신고하기 - 신고위치 컨테이너 */
.address-container {display: flex; justify-content: space-between; align-items: center; }
.address-input {flex-grow: 1; max-width: 68%; color: red; visibility: hidden; opacity: 0; height: 1em;}
.show-address-input {visibility: visible !important; opacity: 1 !important; height:3rem; border:1px solid #c7c7c7; padding:0.5rem 0 0.5rem 1rem;}

.sr-only{font-size:0; letter-spacing: -999999px;}

/* 신고하기 - AI */
.aiPic-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 2%;}
.album-list-50 .pic-list.aiPic-list li{width:100%; margin-left:0; border-radius: 0.5rem; overflow: hidden;}
.album-list-50 .pic-list.aiPic-list li .img{height:100% !important;}

.report-pb .qrcodeInfo{display: flex; justify-content: space-between; align-items: center;padding: 1.2rem 2rem 1.2rem 7rem;  position:relative;}
.report-pb .qrcodeInfo:before{content:'';display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:2rem; transform: translateY(-50%); width:4rem; height:4rem; border-radius: 0.5rem; background:#f0f4ff url(../images/codeImg.png) no-repeat center; background-size:2.6rem;}

.report-pb .qrInfo .qrType{font-size:1.4rem; line-height:1.4;}
.report-pb .qrInfo .qrId{font-size:1.2rem; color:#767676; font-weight:500; display: flex; align-items: center; gap:0.2rem; line-height:1.4; letter-spacing: -0.02rem;}
.report-pb .qrcodeInfo .qrChk{display: flex; align-items: center; background:#ebf9f1; color:#047C3C; font-size:1.2rem; gap:0.2rem; padding:0.5rem 1rem; border-radius: 0.5rem; }
.report-pb .qrcodeInfo .qrChk::before{content:'';display: block; background: url(../images/ico-qrCheck.png) no-repeat center; width:1.8rem; height:1.8rem; background-size:100%;}
.report-pb .qrcodeInfo .qrChk.qrChkNone{display: flex; align-items: center; background:#EDF0F3; color:#555; font-size:1.2rem; gap:0.2rem; padding:0.5rem 1rem; border-radius: 0.5rem; }
.report-pb .qrcodeInfo .qrChk.qrChkNone::before{background: url(../images/ico-qrCheckNone.png) no-repeat center; background-size:100%;}

	/* 신고하기 - ai결과 */
.album-list-50 .pic-list li.aiResult-wrap{background:transparent; border-radius: none;}
.aiResult-wrap .title{display:inline-block; font-size:1.3rem; font-weight:600; color:#fff; padding:0.3rem 2rem; background:#047C3C; border-radius: 0.5rem; margin-bottom: 1rem;}

.ai_result .result_empty{font-size:1.2rem; font-weight:500; color: #555; background:#f7f7f7; border:1px solid #e0e0e0; border-radius: 1rem; padding:1.2rem; margin:0 0.5rem;}
.ai_result .result_none { text-align: left; padding: 0.2rem;}
.ai_result .result_none p{letter-spacing: -0.05rem; word-break: keep-all; line-height: 1.3;}
.ai_result .result_none .result_none_info{padding-left:3rem; position:relative;}
.ai_result .result_none .result_none_info:before{content:'';display: block; width:2.4rem; height:2.4rem; background: url(../images/ico-resultNone.png) no-repeat center; background-size:100%; position:absolute; top:-0.5rem; left: 0;}
.ai_result .detail_msg{margin-top: 1rem; padding:0 0.2rem; text-align: left;}
.ai_result .detail_msg .result_title, .ai_result .result_none .result_title{color:#e42215; font-size:1.3rem; font-weight:600; margin-bottom:0.4rem; letter-spacing: -0.03rem;}
.ai_result .detail_msg .result_desc, .ai_result .result_none .result_desc{color:#767676; font-size:1.2rem; font-weight:400; margin:0.3rem 0; letter-spacing: -0.05rem; line-height: 1.2;}



	/* AI 인식 결과 카드 (전동킥보드/전기자전거) */
.ai_result .recognition-box{margin-bottom:1rem; padding: 0 0 1.2rem; border-bottom:1px solid #e0e0e0; overflow-y: auto; max-height:12rem;}
.ai_result .recognition-box::-webkit-scrollbar {width: 0.6rem;}
.ai_result .recognition-box::-webkit-scrollbar-thumb {background:#767676; border-radius: 0.3rem;}
.ai_result .recognition-box::-webkit-scrollbar-track {background:#e8e8e8;}
.ai_result .recognition-card{display:flex; align-items:flex-start; padding:1rem; border-radius:1rem; border:1px solid #e0e0e0; margin-bottom:0.5rem; background:#fafafa; box-sizing:border-box; padding-left:4.2rem; position:relative;}
.ai_result .recognition-box .recognition-card:last-child{margin-bottom:0;}
.ai_result .recognition-card.kickboard.single{background:#ebf9f1; border-color:#7bc39a;}
.ai_result .recognition-card.bicycle.single{background:#FFFCFA; border-color:#91bdeb;}
.ai_result .recognition-card.kickboard.multi{background:rgba(237,125,49,0.06); border-color:#ffa583;}
.ai_result .recognition-card.bicycle{background:#F0F7FB; border-color:#91bdeb;}
.ai_result .recognition-icon{display:inline-block; width:2.8rem; height:2.8rem; min-width:2.8rem; flex-shrink:0;}
.ai_result .recognition-card.kickboard:before{content:'';display: block; width:2.2rem; height:2.2rem; background:url('../images/ico-scooter.png')no-repeat center; background-size:contain; position:absolute; top:50%; left:1rem; transform: translateY(-50%);}
.ai_result .recognition-card.bicycle:before{content:'';display: block; width:2.7rem; height:2.7rem; background:url('../images/ico-bicycle.png')no-repeat center; background-size:contain; position:absolute; top:50%; left:0.8rem; transform: translateY(-50%);}
.ai_result .recognition-body{flex:1; min-width:0;}
.ai_result .recognition-row{display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5rem;}
.ai_result .recognition-label{font-size:1.2rem; font-weight:600; color:#333;}
.ai_result .recognition-pct{font-size:1.2rem; font-weight:700;}
.ai_result .recognition-pct.green{color:#047C3C;}
.ai_result .recognition-pct.blue{color:#0070c0;}
.ai_result .recognition-pct.orange{color:#e42215;}
.ai_result .recognition-bar{height:0.6rem; background:#e8e8e8; border-radius:0.4rem; overflow:hidden;}
.ai_result .recognition-bar-fill{height:100%; border-radius:0.4rem; transition:width 0.3s ease;}
.ai_result .recognition-bar-fill.green{background:#047C3C;}
.ai_result .recognition-bar-fill.blue{background:#0070c0;}
.ai_result .recognition-bar-fill.orange{background:#e42215;}
.ai_result .recognition-msg{margin:0 0 0.4rem; font-size:1.3rem; font-weight:600; letter-spacing:-0.03rem; word-break:keep-all; text-align: left;}

	/* 인식결과 없음 */
	#liImage_1 .img.noneType{overflow: hidden;}
	#liImage_1 .img.noneType:before{content:''; display: block; width:100%; height:100%; position:absolute; top:0;left:0; background:rgba(0, 0, 0, 0.4); z-index: 9;}
	#liImage_1 .img.noneType::after{content:''; display: block; width:6rem; height:6rem; position:absolute; top:50%;left:50%; transform: translate(-50%, -50%); background:url(../images/ico_warning_img.png)no-repeat center; background-size: contain; z-index: 10;}


	/* 신고 타입 선택 버튼 */
.reportType-wrap{display:flex; gap:0.6rem; align-items:center;}
.reportType-wrap .btn-type{flex:1; height:3rem; border-radius:0.5rem; border:1px solid #bebebe; background:#f7f7f7; font-size:1.3rem; font-weight:400; color:#333;}
.reportType-wrap .btn-type:focus{outline:2px solid #e42215;}
.reportType-wrap .btn-type.active{border-color:#047C3C; color:#fff; font-weight:600; background:#047C3C;}
.reportType-wrap .btn-type:disabled{background:#f1f1f1; color:#b3b3b3; border-color:#ddd;}



/*신고정보확인 */
.qrcode-info{margin:2rem 1.5rem; box-sizing: border-box; border-radius: 10px; border:2px solid #e42215; padding:2rem;}
.qrcode-info .title{display: flex; justify-content: flex-start; align-items: center; color:#e42215; font-size:2rem; }
.qrcode-info .title:before{content:'';display:inline-block; width:1.7rem; height:1.7rem; background:url(../images/qrcode-fail.png) no-repeat center; background-size: contain; margin-right: 0.5rem;}

.qrcodeSch-wrap .main-img {padding-top:0; margin:2rem 1.5rem; border:1px solid #bebebe;}
.qrcodeSch-wrap .main-img img{width: 100%;}
.qrcodeSch-wrap .qrcode-txt{text-align: center; font-size: 1.688rem; color:#555; line-height:1.5; padding-top: 0; margin:2rem auto; font-weight: 700;}

.qrcodeSch-wrap .btnWrap2{padding:0 1.5rem; box-sizing: border-box;}
.qrcodeSch-wrap .btnWrap2 .btnRed{height: 4.5rem;}

.qr-success .qrcode-info{border:2px solid #047C3C;}
.qr-success .qrcode-info .title{color:#047C3C;}
.qr-success .qrcode-info .title:before{content:'';display:inline-block; width:1.7rem; height:1.7rem; background:url(../images/qrcode-success.png) no-repeat center; background-size: contain; margin-right: 0.5rem;}
.qr-success #map{width:calc(100% - 3rem); height:calc(100vh - 381px);  margin:0 auto; border:1px solid #bebebe;}

.qr-success .qrcode-info .main-stit span{display: block;}
.qrcodeSch-wrap .btnWrap2{display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top:2rem;}
.qrcodeSch-wrap .btnWrap2 button{width:50%; height:4.5rem;}

.qrReport-table .btn-send-map{width: 30%;}
.qrReport-table .pic-list, .qrReport-table .pic-list2{width: 100%;}
.qrReport-table img{width: 100%;}
.qrReport-table #btn_agree{width: 80%;}
.qrReport-table #btn_agree:focus{outline:2px solid #000;}

/* 메인 - 반응형 수정 */
.mReportWrap{display: flex; flex-direction: column; justify-content: center;}
.mReportWrap .mainInner{display: flex; flex-direction: column; justify-content: center; padding: 5rem 0 5.875rem;}
.mReportWrap .mainInner .main-logo{padding-top: 0;}
.mReportWrap.m-main .mainInner .btnWrap2{padding:0 2rem 2rem;}
.mReportWrap .btImg.menu, .btImg.guide2{background: transparent url(/images/btn-sidemenu.png)no-repeat center;background-size: 4rem;}
.mReportWrap .overlay.active{position:fixed; top:0; left:0;right:0;bottom:0;}
.menu-body{overflow-y: auto; height:calc(100vh - 14.6rem);}
.mReportWrap .dismiss {display: flex; justify-content: space-between; align-items: center;}
.mReportWrap .dismiss .logo{margin:0 0 0 1.25rem;}

/* 인증마크 부착 */
.menu-bottom{position:absolute; bottom:2rem; right:1.563rem;}
.menu-bottom a{display: block; height:5.6rem;}
.menu-bottom a img{width:100%; height:100%; object-fit: contain;}

/* .wa-mark a{height:4.6rem;}
.wa-mark a img{width:100%; height:100%; object-fit: contain;} */

/* 신고하기 - 반응형 수정 */
.mReportWrap .boxBarcode{padding:7rem 0 9.875rem;}
.mReportWrap .barcode-img{padding-top: 0;}
.mReportWrap .boxGroup{position:inherit;}
.qrcode-table{padding: 0;}

/* 전동 킥보드 주정차 위반 신고(report) */
#imageLayerDetail{text-align: left; font-size: 1.4rem; line-height:25px;}
.table-top label{word-break: keep-all; width:100%; padding-right: 0.5rem; letter-spacing: -0.05rem;}

/* 에러페이지 반응형 */
.m-error{height: 100vh;}
.m-error #wrapper{padding-top: 0; background:#f1f1f1; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; min-width: auto;}
.m-error .subCon .content_wrap.wide .depth_box,.m-error .subCon .content_wrap.wide,.m-error .main_box{min-height:70vh; display: flex; justify-content: center; align-items: center; margin-top: 0;}

.m-error .content_wrap .content > div{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.m-error .content_wrap .content > div .error-img{width: 10rem;}
.m-error .content_wrap .content > div .taC img{width: 100%;}
.m-error .content_wrap .content > div .error-txt p{font-size: 1.4rem; margin-top: 1rem; text-align: center;}
.m-error .btnBox{display: flex; justify-content: center;align-items: center; gap:10px; margin-top: 4rem; }
.m-error .btnBox a{display: flex; justify-content: center; align-items: center; height:3rem;  width:16rem; color:#fff; background:#e42215; border-radius: 0.4rem; font-size: 1.1rem;}

@media only screen and (max-width:768px) {
	.m-error .inner_wrap{width: calc(100% - 4rem);}
	.m-error .subCon .content_wrap.wide .depth_box, .m-error .subCon .content_wrap.wide, .m-error .main_box{min-height:50vh;}
	.m-error .content_wrap .content > div .error-img{width: 5rem}
	.m-error .content_wrap .content > div .error-txt p{font-size: 1rem; margin-top: 0.3rem;}

	.m-error .btnBox{margin-top: 2rem; gap:5px;}
	.m-error .btnBox a{font-size: 0.8rem; width:9rem; height: 2.2rem;}

	.m-error #footer{padding:0;}
	.m-error #footer .copy{font-size: 0.7rem;}
}