@charset "utf-8";
/* layout */

/* reset */
* { padding:0; margin:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body{width:100%;height:100%; font-size:14px; } 
fieldset,img{border:0 none;vertical-align: middle;}
dl,ul,ol,menu,li{list-style:none}
button::-moz-focus-inner{padding:0;border:0}
/* button,input[type="submit"], input[type="button"] {overflow:visible;border:0 none;background-color:transparent;cursor:pointer;-webkit-appearance: none; outline: none;} */
input[type="text"], input[type="password"], input[type="search"], input[type="email"]{overflow:visible;/* border:0 none; */cursor:text;-webkit-appearance: none;}
input[type="checkbox"],input[type="radio"],input[type="file"],input[type="image"],{border:0;border-radius:0;padding:0}
address,caption,em{font-style:normal;font-weight:normal}
a{text-decoration:none; color: #333;}
a:focus,a:hover,a:active{text-decoration:none;outline: none;}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}
legend { display:none;}
h1,h2,h3,h4 { font-size:none;}
/* select::-ms-expand { display: none;}
select {-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; z-index:1; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; outline: none;} */
img{vertical-align: middle;}
input[type="submit"]{border: 0;margin: 0 5px;}

/* 20200629 추가 :: S*/
@font-face {
	font-family: 'Nanum';
	src: url('/Admin/fonts/NanumBarunGothic.woff2') format('woff2'),
		 url('/Admin/fonts/NanumBarunGothic.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Nanum';
	src: url('/Admin/fonts/nanumbarungothicbold.woff2') format('woff2'),
		 url('/Admin/fonts/nanumbarungothicbold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	src: url("/Admin/fonts/Roboto.eot?") format("eot"),
	url("/Admin/fonts/Roboto.woff2") format("woff2"),
	url("/Admin/fonts/Roboto.woff") format("woff");
	font-family: "Roboto";
	font-weight: 400;
	font-style: normal;
	
}
@font-face {
	src: url("/Admin/fonts/Roboto-Bold.eot?") format("eot"),
	url("/Admin/fonts/Roboto-Bold.woff2") format("woff2"),
	url("/Admin/fonts/Roboto-Bold.woff") format("woff");
	font-family: "Roboto";
	font-weight: 700;
	font-style: normal;
	
}

/* 20200629 추가 :: E*/

/* HEADER */
header { background:#333; padding:19px 0; color:#fff; height:17px; }
header > .top_gnb { display: inline-block;vertical-align: middle;margin-left: 30px;}
header > .top_gnb li { float:left; background:url('../images/ico_bar01.gif') right 3px no-repeat; padding:0 15px; font-size:12px; }
header > .top_gnb li a,header > .top_gnb li a:visited,header > .top_gnb li a:hover { color:#FFF; text-decoration:none; }
header > .top_gnb li:first-child { padding-left:0; }
header > .top_gnb li:last-child { padding-right:0; background:none; }
header > .home a { 
	background:url('../images/btn_home.gif') left top no-repeat; 
	text-indent:-9999px; 
	display:inline-block; 
	width:56px; 
	height:55px; 
	position:absolute; 
	top:0; 
}
.search_bar { position:absolute; right:0; top:8px; margin-right:10px; }
.search_bar > input[type="text"] { padding:3px 0; height: 16px; }

header > h1 { font-size:18px; margin-left:76px; display: inline-block;vertical-align: middle;}


/*LOGIN*/
html,.form{height: 100%;width: 100%;}/*20200701_2 수정*/
.content{background: #f5f5f5;display: table;width: 100%;height: 100%;}
.content.bg_white{background: #Fff}/*20200701 수정*/
.login_inputbox h2{margin:0 0 15px;text-align: center;font-size: 30px;}
.login_inputbox input + label{margin-left: 5px;}
.mb15{margin-bottom: 15px;}
.ma30{margin: 30px 0}
.mr35{margin-right: 35px;}
.login_wrap{font-family: "NotoSansKR",sans-serif;padding:50px;position: absolute;top: 50%;left: 50%;background:#f5f5f5;color: #555;margin-left: -185px;margin-top: -222px;background: #fff;box-shadow: rgba(0,0,0,0.1) 10px 10px;}
.login_wrap .login_logo img{width: 200px;margin: 0 auto;display: block;}
.btnLogin{width: 270px;height: 55px;background:#333;color: #fff;line-height: 55px; font-size: 17px;letter-spacing: -1px;}
.login_inputbox{width: 270px;margin: 0 auto;}
.login_inputbox label{font-size: 15px;color: #555;}
.login_txt{text-align: center;color:#666; margin: 15px 0 30px;font-family: "Roboto",sans-serif;font-size: 18px;font-weight: lighter;}
.txt01{background: #fff;width: 250px;height:40px;padding-left: 20px;font-size: 14px;border: 1px solid #ddd;}


/* JOIN  20200624 :: S*/
.input_text{border:0;box-shadow: none;width: 100%;}
.join{font-family: 'Nanum',sans-serif;color: #ffba00;letter-spacing: -0.5px;display: table-cell;vertical-align: middle;padding: 0 10%;height: 100%;}/*20200701 수정*/
.join__logo{width: 80%;margin: 0 auto 10%;}
.join__logo img{width: 100%;} 
.join__tit{font-size: 20px;position: relative;margin-bottom: 5%;}
.join__tit > span{font-size: 15px;position: absolute;right: 0;top: 5px;color: #000;}
.join__list li{margin: 5% 0;}
.join__txt{border:1px solid #e7e7e7;padding: 15px 0;border-radius: 5px;text-indent: 15px;}
.join__button{padding: 15px 0;border-radius: 5px;background: #ffba00;text-align: center;color: #fff;font-size: 20px;color: #fff;width: 100%;border: 0;box-shadow: none;font-weight: bold;}
/* 20200701_2 추가 ::S */
.join_agree{border: 1px solid #ddd;height: 50%;overflow-y: scroll;color: #333;line-height: 1.5;}
.join_agree > div{padding: 10px;word-break: break-all;}
/* 20200701_2 추가 ::E */
/* JOIN  20200624 :: E*/

/* --------------------------------------------------------------------------------------*/

/* LIST 20200629 :: S */

.list{letter-spacing: -0.5px;font-family: 'Nanum',sans-serif;}
.list_header{background: #ffba00;padding: 10% 0;text-align: center;}
.list_header .name{font-size: 20px;line-height: 1.5;margin-bottom: 3%;}
.list_header .name span{color: #fff;font-size: 25px;}
.list_header .count{color: #fff;font-size: 38px;font-family: 'Roboto',sans-serif;font-weight: 700;}

.list_content{padding: 10%;}
.list_title{font-size: 18px;color: #414141;font-weight: 700;padding:7% 0 2%;}
.list_content--enable li{padding: 4% 0 4% 15%;border-top: 1px solid #dedede;position: relative;}
.list_content--enable li:last-child{border-bottom: 1px solid #dedede;}

.store{color: #6e6e6e;}
.icon{width: 9%;height: 26%;position: absolute;top:0;left: 1%;background-repeat: no-repeat;background-position: center;background-size: contain;padding-top: 4.5%}/*20200713수정*/
.icon img{width: 100%;vertical-align: middle;}
.store_name{color: #010101;font-size: 15px;font-weight: 700;line-height: 1.5;}
.store_address{margin: 2% 0;}
.list_footer{font-size: 15px;text-align: center;padding: 15% 0;color: #414141;}
.list_footer_tel{font-size: 18px;margin-top: 2%;}

.list_content--mile li{padding: 4% 0;border-top: 1px solid #dedede;position: relative;}
.list_content--mile li:last-child{border-bottom: 1px solid #dedede;}
.mile{position: relative;font-family: 'Nanum',sans-serif;}
.mile_store{color: #010101;font-size: 18px;font-weight: 700;line-height: 1.5;margin-bottom:1%;font-family: 'Roboto',sans-serif;}
.mile_category{margin-bottom: 7%;color: #6e6e6e;font-size: 14px;}
.mile_count{position: absolute;right: 0;bottom: 0;font-size: 18px;font-family: 'Roboto',sans-serif;font-weight: 700;color: #ff0000;}
.mile_count.minor{color: #ffba00;}
.mile_date{color: #6e6e6e;font-family: 'Roboto',sans-serif;font-size: 14px;}

/* LIST 20200629 :: E */

/*20200713 추가 :: S*/
.list_content .detail{margin-top: 4%;color: #6e6e6e;word-break: break-all}/*20200713_2*/
/*20200713 추가 :: E*/