@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* 초기화 */
html {overflow-y:scroll; min-width:1200px;}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;background:#fff;height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul{margin:0;padding:0;list-style:none}
li,dt,dd,ol{margin:0;padding:0}
ol{list-style-position:inside}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
button,input[type="submit"] {cursor:pointer}
input, button {border-radius:3px;}
textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

h2{font-size: 1.083em;font-weight: bold;margin:10px 0}

/* 로그인화면 */
.icar_main {width: 100%; height: 100%; vertical-align: middle; position:relative;}
.icar_login {
  width: 1000px;
  background:#eee;
  height:480px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  border-radius:20px; overflow:hidden;
  box-shadow: 10px 15px 20px #ccc;
}
.icar_login img {width: 100%;}
.icar_login div {width: 50%; float: left;}
.icar_login div:last-child{padding:130px 50px;}
.icar_login div:last-child input {display: block; margin:10px 0;}
.icar_login:after {clear:both; content:""; display:block;}
.icar_login div:last-child input {width:100%; height:50px; font-size:17px; padding-left:12px; border:1px solid #aaa;}
.icar_login div button {width:100%; height:60px; background:#5c636a; color:#fff; border:0; font-size:21px; font-weight:bold; margin-top:20px;}

.header {height: 100px;}
.header div {width: 49%; display:inline-block; line-height:75px}
.header_btn {float: right; text-align: right;}

/* 관리자 모뎀제어 페이지 */
.tbl_head div {display: inline-block;}
.tbl_right {float: right;}
.tbl_right select,
.tbl_right input {display: inline-block; width: auto;}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#f3f3f3}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url(../img/page_1.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/page_2.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/page_3.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/page_4.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#3f51b5;color:#fff;font-weight:normal}

.view_open {cursor: pointer;}

/* 모달 페이징 */
#notice_tb {border-collapse:collapse; margin-bottom: 10px;}
#notice_tb th, td {padding: 3px 10px;}
.off-screen {display: none;}
#nav {width: 500px;	text-align: center;}
#nav a {
	display: inline-block;
	padding: 3px 5px;
	margin-right: 10px;
	font-family:Tahoma;
	background: #ccc;
	color: #000;
	text-decoration: none;
}
#nav a.active {background: #333; color: #fff;}


.modal-dialog-scrollable .modal-content {overflow:auto !important;}
.modal-dialog-scrollable .modal-content .row img {width:100%}

/**/
html {background:#e6e9ef}
body {width:1200px; margin:0 auto !important; padding:0 30px}
.tbl_head {background:#f5f5f5; border-radius:10px; padding:15px 20px}
.h_logo {display:inline-block; font-size:50px; font-weight:bold}
.tbl_left div {margin-right:15px; font-weight:600}
.tbl_left button {background:#fff; border:1px solid #ccc; color:#555}
.table {margin-top:20px; }
.table > :not(caption) > * > * {padding:10px 15px !important}
.car_list_wrap td {line-height:110px}
.car_list_wrap td img {height:110px}