@charset "utf-8";

/* 전시회개요 */
div.outline-box {
	position:relative;
}
	div.outline-box p.tit {
		display:inline-block;
		padding:0 10px 15px 0;
		font-size:30px;
		color:#db323a;
		font-weight:bold;
		letter-spacing:-1px;
		border-bottom:1px solid #d5d5d5;
		min-width:540px;
	}
		div.outline-box p.tit span {
			color:#333;
			font-size:20px;
			font-weight:normal;
		}
	ul.outline-list {
		margin:15px 0 0 0;
	}
		ul.outline-list li {
			padding:0 0 0 26px;
			margin:18px 0 0 0;
			background:url('/2017/eng/images/common/bl_arrow.png') no-repeat 0 4px;
			font-size:16px;
			color:#666;
		}
		ul.outline-list li:first-child {
			margin:0;
		}
			ul.outline-list li strong {
				padding:0 12px 0 0;
				margin:0 12px 0 0;
				font-size:16px;
				color:#333;
				background:url('/2017/eng/images/common/bl_bar.gif') no-repeat 100% 4px;
			}
			ul.outline-list li .b {
				color:#000;
				font-weight:bold;
			}
			ul.outline-list li img {
				vertical-align:middle;
			}
	div.outline-box img.img {
		position:absolute;
		right:0;
		top:12px;
	}
.key-list strong {
	display:block;
}

/* iot 제품/솔루션 발표회 */
/* 전시회개요 */
div.outline-box2 {
	position:relative;
}
	div.outline-box2 p.tit {
		display:inline-block;
		padding:0 10px 15px 0;
		font-size:30px;
		color:#db323a;
		font-weight:bold;
		letter-spacing:-1px;
		border-bottom:1px solid #d5d5d5;
		min-width:540px;
	}
		div.outline-box2 p.tit span {
			color:#333;
			font-size:20px;
			font-weight:normal;
		}
	ul.outline-list2 {
		margin:15px 370px 0 0;
	}
		ul.outline-list2 li {
			padding:0 0 0 145px;
			margin:18px 0 0 0;
			font-size:15px;
			color:#666;
		}
		ul.outline-list2 li:first-child {
			margin:0;
		}
			ul.outline-list2 li strong.tit {
				position:absolute;
				left:0;
				padding:0 15px 0 20px;
				margin:0 24px 0 0;
				font-size:16px;
				color:#333;
				background:url('/2017/eng/images/common/bl_arrow.png') no-repeat 0 4px;
			}
			ul.outline-list2 li .b {
				color:#000;
				font-weight:bold;
			}
			ul.outline-list2 li img {
				vertical-align:middle;
			}
	div.outline-box2 img.img {
		position:absolute;
		right:0;
		top:12px;
	}


/*참가기업 및 제품소개*/
.searchArea{width:894px;height:60px;line-height:60px;border:2px solid #354053;background-color:#f9f9f9;font-size:16px;}
.searchArea:after {content:""; display:block; clear:both;}
.innerLeft{float:left;padding-left:20px;}
.innerRight{float:right;padding-right:20px}
.innerRight select {line-height:30px;height:30px;vertical-align:middle;font-size:14px;margin-left:5px}
.innerRight input {line-height:26px;height:26px;vertical-align:middle;font-size:14px;border:1px solid #354053;margin-left:5px}

ul.joinCompany{overflow:hidden;margin-top:40px}
ul.joinCompany:after {content:""; display:block; clear:both;}
ul.joinCompany li{float:left;width:213px;height:335px;margin:0 12px 20px 0;border:1px solid #dcdcdc;}
ul.joinCompany li h4{padding:0 8px;height:45px;line-height:45px;background-color:#b9282f;border-bottom:2px solid #6f0000;color:#ffffff;font-size:16px}
ul.joinCompany li.mr0{margin:0 0px 20px 2px;}
ul.joinCompany li dl.productInfo{width:193px;margin:0 auto;}
ul.joinCompany li dl.productInfo dt{margin:5px 0;font-size:13px;font-weight:bold;}
ul.joinCompany li dl.productInfo dd{font-weight:normal;font-size:12px;width:193px;margin:0 auto;
display:block;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-o-text-overflow:ellipsis; -webkit-line-clamp:4; /* 라인수 */ 
-webkit-box-orient: vertical; word-wrap:break-word;  line-height:24px; height:70px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }

ul.joinCompany li dl.companyUrl{height:33px;line-height:33px;background-color:#f6f6f6;margin:13px 0;padding:0 10px}
ul.joinCompany li div.pic{width:213px;height:110px;}

.comLayerWrap{width:100%;margin:0 auto;}
.comLayerWrap div.titPop{padding:0 10px;height:55px;line-height:55px;background-color:#354053}
.comLayerWrap div.titPop h5{display:inline-block;color:#ffffff;font-size:18px;font-weight:bold;}
.comLayerWrap div.titPop h5 span.title{float:left;}
.comLayerWrap div.titPop h5 span.stitle{width:400px; display:block;float:left;
overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;-o-text-overflow:ellipsis; -webkit-line-clamp:1; /* 라인수 */
-webkit-box-orient: vertical; word-wrap:break-word;padding:18px 0 0 10px;
line-height: 1.2em; height:1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }  

.comLayerWrap div.titPop .pop_downBtn{position:absolute;right:70px;top:15px}
.comLayerWrap div.titPop .pop_closeBtn{position:absolute;right:10px;top:10px}
.comLayerWrap .pop_nameCont{text-align:center;}
.comLayerWrap .pop_nameCont .name-head{width:100%;}
.comLayerWrap .pop_info {position:absolute;bottom:0;left:0;width:100%;background:#f1f1f1;color:#444;font-size:13px;line-height:20px;padding:10px;}
.sectionLayer{width:800px;margin:0 auto;margin-top:20px}
.sectionLayer .sectionLayer01{float:left;}
	/* .productBig{width:428px;height:323px;border:1px solid #dcdcdc;text-align:center;overflow:hidden;}
	.productBig img{max-width:100%;max-height:100%;vertical-align:middle}
	ul.productSmall{}
	ul.productSmall:after {content:""; display:block; clear:both;}
	ul.productSmall li{float:left;text-align:center;width:100px;height:80px;border:1px solid #dcdcdc;margin-left:7px;margin-top:10px}
	ul.productSmall li:first-child{margin-left:0px}
	ul.productSmall li img{max-width:100%;max-height:100%;vertical-align:middle} */
	.product_photo {position:relative;}
	.product_photo .nav_list {position:absolute;left:0;top:323px;}
	.product_photo .nav_list:after {content:""; display:block; clear:both;}
	.product_photo .nav_list li {float:left;text-align:center;width:38px;height:31px;border:1px solid #dcdcdc;margin-left:2px;margin-top:10px}
	.product_photo .nav_list li:first-child {margin-left:0px}
	.product_photo .nav_list li img {max-width:100%;max-height:100%;vertical-align:middle}
	.product_photo .list_screen {width:428px; height:610px;overflow:hidden; position:relative;}
	.product_photo .list_wrap {position:relative;}
	.product_photo .product_list {position:relative;width:100%; overflow:hidden;height:620px;text-align:center;}
	.product_photo .product_list p {border:1px solid #dcdcdc;height:323px;}
	.product_photo .product_list p img {max-width:100%;max-height:323px;vertical-align:middle}

	/*.txtDetail{position:absolute;bottom:0;width:100%;overflow-y:scroll;margin-top:20px;height:150px;text-align:left;}*/
	.txtDetail {position: absolute;	bottom: 10px;width: 100%;overflow-y: scroll;margin-top: 20px;height: 200px;text-align: left;}

.sectionLayer .sectionLayer02{float:left;margin-left:20px;width:350px;}
	.companyContact-wrap {border:1px solid #dcdcdc;height:308px;padding:0 15px 15px 15px;}
	.companyLogo{height:80px;text-align:center;border-bottom:1px solid #d5d5d5;padding:10px 0;}
	.companyLogo img{max-width:100%;max-height:100%;vertical-align:middle;  padding-top:20px;}
	ul.companyContact{margin:10px 0 0 0;}
	ul.companyContact li{margin-top:5px}
	ul.companyContact li:after {content:""; display:block; clear:both;}
	ul.companyContact li h5{float:left;width:130px;}
	ul.companyContact li span,
	ul.companyContact li strong {float:left;width:175px;padding-left:10px}
	.companytitle{margin-top:20px;font-size:15px;font-weight:bold;}
	.txtintroduction{overflow-y:scroll;height:150px;margin:20px 0 0 0;padding:10px;}

/*참관신청*/
.informationtype{border-top:2px solid #333333;border-bottom:1px solid #333333;margin-top:10px;padding:10px 0 15px 0;}
ul.informationtype:after {content:""; display:block; clear:both;}
ul.informationtype li{float:left;margin-top:5px;margin-left:10px;font-size:14px;color:#666666}
ul.informationtype li input{vertical-align:middle;margin-left:5px;}

.information_finish{text-align:center;color:#333333;font-size:25px;font-weight:bold;}

/* 오시는길 */
div.tabs-wrap {
	position:relative;
}
	div.tabs-wrap a.view-subwayLine {
		position:absolute;
		right:0;
		top:0;
	}
ul.bus-list {
	width:100%;
	overflow:hidden;
	margin:10px 0 0 0;
}
	ul.bus-list li {
		position:relative;
		float:left;
		width:320px;
		margin:10px 0 0 0;
		font-size:13px;
		color:#666666;
		padding:0 0 0 125px;
		min-height:35px;
		line-height:35px;
	}
		ul.bus-list li strong{
			position:absolute;
			left:0;
			top:0;
			padding:0 0 0 10px;
			line-height:35px;
			font-size:14px;
		}
		ul.bus-list li strong span {
			display:inline-block;
			margin:0 10px 0 0;
			width:30px;
			height:30px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius:50%;
			vertical-align:middle;
		}
		ul.bus-list li.blue strong {color:#0057b8;}
		ul.bus-list li.blue strong span {background:#0057b8 url('/2017/eng/images/about/ico_bus.png') no-repeat 50% 50%;}
		ul.bus-list li.green strong {color:#09ab01;}
		ul.bus-list li.green strong span {background:#09ab01 url('/2017/eng/images/about/ico_bus.png') no-repeat 50% 50%;}
		ul.bus-list li.yellow strong {color:#ffa800;}
		ul.bus-list li.yellow strong span {background:#ffa800 url('/2017/eng/images/about/ico_bus.png') no-repeat 50% 50%;}
		ul.bus-list li.skyblue strong {color:#05b0d5;}
		ul.bus-list li.skyblue strong span {background:#05b0d5 url('/2017/eng/images/about/ico_bus.png') no-repeat 50% 50%;}
		ul.bus-list li.yellowgreen strong {color:#9ebf03;}
		ul.bus-list li.yellowgreen strong span {background:#9ebf03 url('/2017/eng/images/about/ico_bus.png') no-repeat 50% 50%;}
		ul.bus-list li.red strong {color:#db323a;}
		ul.bus-list li.red strong span {background:#db323a url('/2017/eng/images/about/ico_bus.png') no-repeat 50% 50%;}
ul.airport-list {
	width:100%;
	overflow:hidden;
}
	ul.airport-list li {
		float:left;
		width:50%;
	}
		ul.airport-list li ul {
			margin:20px 0 0 20px;
		}
			ul.airport-list li ul li {
				position:relative;
				float:none;
				width:100%;
				padding:0 0 0 80px;
				color:#666;
				font-size:14px;
				line-height:22px;
			}
			ul.airport-list li ul li.notit {
				padding:0;
			}
				ul.airport-list li ul li strong {
					position:absolute;
					left:0;
					color:#333;
				}
				ul.airport-list li ul li.notit strong {
					position:relative;
				}
ul.park-color li{
	float:left;
	padding:0 30px 0 0;
	font-size:13px;
}
	ul.park-color li span {
		display:inline-block;
		margin:0 10px 0 0;
		width:15px;
		height:15px;
		text-indent:-9999px;
		line-height:15px;
	}
	ul.park-color li.b2 span {
		background:#bed700;
	}
	ul.park-color li.b3 span {
		background:#672f88;
	}
	ul.park-color li.b4 span {
		background:#ff5a00;
	}
ul.park-info {
	width:270px;
}
	ul.park-info li {
		width:50%;
		float:left;
		font-size:13px;
	}
		ul.park-info li span {
			display:inline-block;
			background:#431f5d;
			width:35px;
			height:19px;
			margin:0 10px 0 0;
			text-align:center;
			line-height:19px;
			color:#fff;
		}
div.iot-infoBox {
	position:relative;
	margin:30px 0 0 0;
	padding:30px 30px 35px 220px;
	border:1px solid #d5d5d5;
	background:url('/2017/eng/images/about/bg_iot_infoBox.gif') repeat 0 0;
}
	div.iot-infoBox .ico {
		position:absolute;
		left:45px;
		top:25px;
	}
	div.iot-infoBox strong.tit {
		display:block;
		font-size:17px;
		color:#db323a;
		padding:0 0 12px 0;
	}
ul.howtoapply {
	width:100%;
	overflow:hidden;
	margin:10px 0 0 0;
}
	ul.howtoapply li {
		float:left;
		width:314px;
		margin:0 0 10px 0;
		background:url('/2017/eng/images/about/how_arrow.png') no-repeat 15px 50%;
	}
	ul.howtoapply li:first-child,
	ul.howtoapply li.first {
		width:270px;
		background:none;
	}
		ul.howtoapply li .box {
			height:110px;
			margin:0 0 0 44px;
			background:#2057b5;
			border:1px solid #d5d5d5;
		}
		ul.howtoapply li:first-child .box,
		ul.howtoapply li.first .box {
			margin:0 0 0 0;
		}
			ul.howtoapply li .box strong {
				display:block;
				padding:15px 20px;
				/*background:#2057b5;*/
				color:#fff;
				font-size:16px;
			}
				ul.howtoapply li .box strong img {
					vertical-align:middle;
					padding:0 5px 0 0;
				}
			ul.howtoapply li .box p {
				padding:30px 20px;
				color:#666666;
				line-height:20px;
				font-size:14px;
				min-height:60px;
			}
			
			
			
ul.howtoapply02 {	width:100%;	overflow:hidden;margin:10px 0 0 0;}
ul.howtoapply02 li {float:left;	width:314px;background:url('/2020/kor/images/about/how_arrow.png') no-repeat 15px 50%;	}
ul.howtoapply02 li:first-child {width:270px;background:none;}
ul.howtoapply02 li .box {margin:0 0 0 44px;	border:1px solid #d5d5d5;}
ul.howtoapply02 li:first-child .box {margin:0 0 0 0;	}
ul.howtoapply02 li .box strong {display:block;padding:15px 20px;background:#353693;color:#fff;font-size:16px;}
ul.howtoapply02 li .box strong img {vertical-align:middle;padding:0 5px 0 0;}
ul.howtoapply02 li .box p {padding:20px 20px;color:#666666;line-height:20px;font-size:20px; font-weight:bold;min-height:35px;}
			
			
			
div.tbl-cate-wrap {
	margin:20px 0 0 0;
	padding:10px 15px;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}
table.tbl-cate {
	width:100%;
}
	table.tbl-cate td {
		font-size:14px;
		padding:5px 0;
	}
div.quote-box {
	text-align:center;
	font-size:14px;
	line-height:22px;
}
div.quote-box span,
div.quote-box strong {
	display:block;
	font-size:16px;
	font-weight:bold;
}
div.quote-box strong {
	padding:15px 0 0 0;
}
div.quote-box span {
	padding:5px 0 15px 0;
}
div.quote-box p.txt {
	padding:10px 0 0 0;
	color:#1a1a1a;
}