/* writed by jungCom to 23.04.19 */
/* main login */
.mLoginForm{max-width:350px;border:1px solid #fff;border-radius:10px;background:#fff;padding:30px 30px 30px 30px;}
.mLoginForm label{display:block;font-size:1em;line-height:1.5em;font-weight:300;}
.mLoginForm input{border:1px solid #ddd;line-height:2em;display:block;margin:0px;width:94%;}
.mLoginForm input[type='text']{}
.mLoginForm input[type='submit']{margin-top:10px;cursor:pointer;font-family:'Noto Sans KR';font-size:1.2rem;}
.mLoginForm button{margin-top:10px;line-height:2em;cursor:pointer;font-family:'Noto Sans KR';font-size:1.2rem;box-shadow:none;border:none;}

.mLoginForm .inputMsg{display:inline-block;height:10px;font-size:10px;color:red;}


.admNav{background:#293042;color:#fff;font-size:1.1rem;}
.admNav a{color:#fff;}
.admNav a:hover{background:#fff;color:#293042;}
.admNav a.visible{background:#32cdcd;}
.admNav .navBtn{margin:10px 15px;font-weight:bold;}
.admNav .navUser{padding:10px 15px;font-weight:bold;}
.admNav .navUser b{font-size:0.8rem;font-weight:normal;}
.admNav .navLogout{margin-right:5px;}
.admNav .navLogout img{filter: invert(45%) sepia(63%) saturate(1946%) hue-rotate(255deg) brightness(255%) contrast(255%);width:35px;}


ul#list{}
ul#list li {border-bottom:1px dotted #ddd;}
ul#list li.carContext div{font-size:10px;padding:5px 0 5px 0;}
ul#list li.carContext div.sizeO {font-size:1.4rem;}

.hopaNav{background:#fff;padding:2px 5px;border:1px solid #444;border-radius:5px;}
.hopaNav p.title{border-bottom:1px solid #444;font-size:16px;font-weight:500;color:#aaa;}

#hopa_cars{padding:2px 5px;}
.hopaChk{-ms-transform: scale(2.5); /* IE */-moz-transform: scale(2.5); /* FF */-webkit-transform: scale(2.5); /* Safari and Chrome */-o-transform: scale(2.5); /* Opera */
	border:1px solid #aaa;display:inline-block;margin:15px 8px;}
.hopaSel{font-size:1.5rem;padding:5px 10px}
#hopa_form{}
#hopa_form .title{font-size:2.5rem;font-weight:bold;}

div.hopaInBox{}
.hopaInBox .carNum{font-size:14px;font-weight:bold;color:#444;margin-top:5px;}
.hopaInBox .date{font-size:11px;color:#aaa;}

.hopaLine_B{border-bottom:1px solid #aaa !important;}
.hopaLine_L{border-bottom:1px dashed #dfdfdf !important;}


/* page chart */
.chart{margin: 10px 0 0 0;
    background: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    padding: 15px;}
.chart input[type='text']{border:0px solid #aaa;border-bottom:1px solid #aaa;font-size:1.6rem;padding:5px;color:#000;}

label.labelS{font-size:12px;font-weight:300;color:#aaa;}
.fontS{}
.fontM{font-size:14px;}
.fontL{}

.okBtnS {padding:3px 5px;border-radius:5px;border:0px;}
.btnBlue {background:#2ab2da;color:#fff;}
.btnBlue:hover {background:#32cdcd;color:#fff;}
.btnRed {background:#df493b;color:#fff;}
.btnRed:hover {background:#fc4c4e;color:#fff;}
.btnBlack {background:#000;color:#fff;}
.btnBlack:hover {background:#444;color:#fff;}



/* ************************** */
/* copy libray */
/* ************************** */
.zig-zag-bottom{
		background: #fff;}
.zig-zag-bottom:after{
		background: 
			linear-gradient(-45deg, transparent 16px, #fff 0), 
			linear-gradient(45deg, transparent 16px, #fff  0);
        background-repeat: repeat-x;
		background-position: left bottom;
        background-size: 24px 32px;
        content: "";
        display: block;
		width: 100%;
		height: 20px;
 	    position: relative;
		top:20px;
		left:0px;
	}
.zig-zag-top:before{
		background: 
			linear-gradient(-45deg, #fff 16px, red 16px, blue 16px,  transparent 0), 
			linear-gradient(45deg, #fff 16px, transparent 0);
        background-position: left top;
        background-repeat: repeat-x;
        background-size: 24px 32px;
        content: " ";
        display: block;
        height: 20px;
		width: 100%;
		position: relative;
		bottom: 0px;
		left:0;
	}