@CHARSET "UTF-8";

.img_container{display:block;}
.mob_img_container{display:none;}

@media all and (min-width:320px) and (max-width:768px){
	.img_container{display:none;}
	.mob_img_container{display:block;}
}
body {
	-ms-overflow-style: none;
	-webkit-overflow-style: none;
	-moz-overflow-style: none;
	-o-overflow-style: none;
}
body::-webkit-scrollbar { display: none; }
/* 이미지 영역 */
.img_container,.mob_img_container{position:relative;}
.gate-img-text{
	position:absolute; left:50%; top:50%;
	transform:translate(-50%,-50%);
	text-align: center;
    background-color: rgba(0,0,0,.3);
    border: 2px solid #ddd;
    width:90%;
    height: 90%;
    padding:1.5%;
    color:#fff;
}
.gate-img-text > h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
}
.gate-img-text > p {
    /*margin-top: 30px;*/
    line-height: 20px;
    font-size: 14.5px;
    letter-spacing:-0.7px;
    font-weight: 500;
    text-align: left;
}

h4 {
	font-family: "ngb", sans-serif;
	font-size: 17px;
}

.data_container>h3 {
	text-indent: 5px;
	font-size: 14px;
	font-weight: 900;
	font-size: 14px;
}

i>h4 {
	font-size: 12px; /*text-indent:30px;*/
	font-style: normal;
	color: #4d6b8a;
}

/* figure > img{width:100%;} */
ul {
	padding-left: 0px !important;
}

ul>li {
	list-style: none;
}

.style-center {
	text-align: center !important;
	vertical-align: middle !important;
	/*font-size: 16px !important;*/
}

li {
	background:
			url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2N4+vTpfwAJEQOv0aXZiAAAAABJRU5ErkJggg==")
			repeat-x 0 100%;
}

li>a {
	position: relative;
	display: table-cell;
	width: 1%;
	padding: 13px 27px 13px 10px;
	box-sizing: border-box;
	line-height: 1.4;
	vertical-align: middle;
	font-size: 14px;
	color: #666;
}

.infoSensor {
	height: 150px;
}

.main-title {
	margin: 50px 0 30px 0;
}

.inner-div-left {
	width: 50%;
	height: 80%;
	float: left;
}

.inner-div-right {
	width: 50%;
	height: 80%;
	float: right;
}

.bridge_info:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: black !important;
	position: absolute !important;
	opacity: 0.3;
	top: 0;
}

.bridge_content {
	width: 80%;
	margin: 0 auto !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
}

.bridge_descriotion {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 1;
}

.contentsArea .bridge_info {
	border: 1px solid #cccbcb;
	min-height: 500px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	box-shadow: grey 1px 1px 5px;
}

.contentsArea .bridge_info h3 {
	font-weight: 600;
	margin-bottom: 40px;
}

.gallery_container_hide {
	display: none;
}

.gallery_container_active {
	background: #eef5f2;
	padding: 10px !important;
}

.contentsArea .bridge_info h3 {
	text-align: center;
	margin-top: 30px;
}

.tableStyle02>thead>tr>th, .tableStyle02>tbody>tr>th {
	background: #eef5f2 !important;
	font-size: 16px !important;
}

.table-border>tbody>tr>td, .table-border>tbody>tr>th {
	border: 1px solid #e7ecf1;
}

.info-title {
	font-size: 16px !important;
	text-shadow: #c3c3c3 1px 1px 1px;
}

.info-box {
	line-height: 1.6;
	height: 150px;
}

.inner-box {
	height: 100%;
	padding: 3px !important;
	/* 	border: 1px solid;
        border-radius : 15px; */
}

.info-box-title {
	font-weight: bold;
}

.table-height {
	/*height: 80% !important;*/
}

.footer {
	margin-top: 10px;
}

@Media screen and (max-width: 768px) {
	.bridge_content {
		font-size: 12px !important;
	}
}

.info_container_hide {
	display: none;
}

.info_container_active {
	display: block;
}

.btn_control {
	text-align: center;
}

.custom_btn {
	/*box-shadow: 0px 10px 14px -7px #276873;*/
	/*background: linear-gradient(to bottom, #0080c6 5%, #0080c6 100%);*/
	background: linear-gradient(to bottom, #45ade5 5%, #0080c6 75%, #076599 100%);
	background-color: #0080c6;
	border-radius: 8px !important;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	padding: 12px 23px;
	text-decoration: none;
	/*text-shadow:0px 1px 0px #3d768a;*/
	margin: 17px 6px;
	/* display : none; */
	outline: none;
	border: none;
	letter-spacing: -0.025em;
}

.custom_btn:first-child {
	margin-top: 12px;
}

.custom_btn:hover {
	/* background: linear-gradient(to bottom, #0c4da2 5%, #0c4da2 100%);
	background-color: #0c4da2;
	 */
	color : yellow;
}

.custom_btn:active {
	position: relative;
	top: 1px;
}

.testL:hover {
	border-bottom: solid 1px;
	cursor: pointer;
}

.label_cover {
	border: solid 1px;
	border-radius: 10px !important;
	width: 100px;
	padding: 5px;
	margin: 15px;
	display: inline-block
}

.label_control {
	font-weight: bold;
}

.label_control:hover {
	cursor: pointer;
	border-bottom: solid 1px;
}

.label_control:active {
	position: relative;
	top: 1px;
}

.center-element {
	text-align: center;
	float:left;
}

/*.center-element:first-child buttton{margin-top:0;}*/
.bridge_dashboard {
	margin-bottom: 20px;
}

.hide_class {
	display: none;
}

#contents .icon-4:before {
	vertical-align: -1px;
}

#contents .icon-4:before {
	vertical-align: -1px;
}

.icon-4:before {
	top: 1px;
	left: 0;
	display: inline-block;
	content: "";
	width: 10px;
	height: 15px;
	background: url(../../../images/icon_4.png) no-repeat 0 0;
	vertical-align: middle;
}

.select_font {
	font-weight: bold;
	letter-spacing: 0.025em;
}

.search_container {
	background: #f9fdfb;
	margin-bottom: 10px;
	padding: 10px !important;
}

.custom_btn_clicked{
	background-color: #0c4da2;
}