@charset "utf-8";

#template-join .join-contents {
	padding-top:120px;	
	margin-bottom:200px;
}

#template-join .top-visual {
	width:100%;
	height:250px;
	background:url(/images/menu6_top.png) no-repeat 0% 0%;	
}

#template-join .contents-wrap {
	max-width:1220px;
	width:100%;
	margin:0 auto;	
}

#template-join .visitor-join {
	float:left;
	width:33.33%;
	height:500px;
	margin:0 auto;
	text-align:center;
	background-color:#00a286;	
}

#template-join .buyer-join {
	float:left;
	width:33.33%;
	height:500px;
	margin:0 auto;
	text-align:center;
	background-color:#e56c38;	
}

#template-join .exhibitor-join {
	float:left;
	width:33.33%;
	height:500px;
	margin:0 auto;
	text-align:center;
	background-color:#2f62c8;
}

#template-join .join-title {
	font-family: 'NanumSquare', gulim;
  font-weight:500;
  font-size:35px; 	
  color:#fff;
  letter-spacing:-1px;
  margin:50px 0px 20px 0px;
}

#template-join .join-txt {
	height:55px;
	font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:16px; 	
  color:#fff;
  letter-spacing:-1px;
  margin-bottom:20px;
}

#template-join .join-txta {
	margin-left:82px;
	margin-right:82px;
}	

#template-join .join-txt1 {
	color:#fff600;
	letter-spacing:-2px;
}	

#template-join .join-img1 {
	height:90px;
	background:url(/images/join_img1.png) no-repeat 50% 50%;
}

#template-join .join-img2 {
	height:90px;
	background:url(/images/join_img2.png) no-repeat 50% 50%;		
}

#template-join .join-img3 {
	height:90px;
	background:url(/images/join_img3.png) no-repeat 50% 50%;		
}

#template-join .join-btn {
	display:block;
	max-width:390px;
	width:70%;
	height:60px;	
	line-height:60px;	
	font-family: 'Noto Sans KR', gulim;
  font-weight:500;
  font-size:22px; 	
  color:#fff;
  background-color:#fff;
  letter-spacing:-1px;	
  border:0px;	
  margin:70px auto 20px auto;
}	

#template-join .join-btn:hover {
	text-decoration:none;
}	
	
#template-join .join-btn1 {
  color:#00a286;	
}	

#template-join .join-btn3 {
  color:#e56c38;	
}	

#template-join .join-btn2 {
  color:#2f62c8;	
}	
	
	
#template-join .etc-btn {
	max-width:390px;
	width:70%;
	margin:0 auto;
}	

#template-join .etc-btn > a {
	float:right;
	font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:14px; 	
  color:#fff;
  letter-spacing:-1px;
  text-align:right;	
  margin-left:20px;	
}

#template-join .etc-btn > a:hover {
  color:#fff;  	
}

#template-join-exhibitor-finish .join-exhibitor-finish-contents {
	padding-top:120px;	
	margin-bottom:200px;
}

#template-join-exhibitor-finish .top-visual {
	width:100%;
	height:250px;
	background:url(/images/menu1_top.png) no-repeat 50% 50%;	
}

#template-join-exhibitor-finish .contents-wrap {
	max-width:1220px;
	width:100%;
	margin:0 auto;	
}

#template-join-exhibitor-finish .join-finish {
	height:360px;
	border-top:4px solid #2f62c8;
	border-bottom:1px solid #d8d8d8;	
	text-align:center;
}

#template-join-exhibitor-finish .join-txt1 {
	font-family: 'NanumSquare', gulim;
  font-weight:700;
  font-size:50px; 	
  color:#2e2e2e;
  letter-spacing:-1px;
  margin:100px 0px 40px 0px;	
}

#template-join-exhibitor-finish .join-txt1 > span {
	color:#2f62c8;
}	

#template-join-exhibitor-finish .join-txt2 {
	font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:20px; 	
  color:#2e2e2e;
  letter-spacing:-1px;
}

#template-join-exhibitor-finish .join-txt2 > span {
	color:#2f62c8;
}	

#template-join-exhibitor-finish .accept-btn-div {
  text-align:center;
  margin-top:50px;
  height:55px;
}

#template-join-exhibitor-finish .accept-btn {
  display:inline-block;
  width:255px;
  height:55px;
  line-height:55px;
  background-color:#707070;
  font-family: 'Noto Sans KR', gulim;
  font-size:22px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  margin:0px 10px;
  border:solid 0px;
}

#template-join-exhibitor-finish .accept-btn1 {
  background-color:#2f62c8;
}

@media screen and (max-width:1280px) {

	#template-join .join-contents {
		margin-bottom:100px;	
	}	
	
	#template-join .contents-wrap {
		padding:0px 10px;	
	}
	
	#template-join .join-txt {
		height:55px;
	  font-size:12px; 	
	  margin-left:10px;
	  margin-right:10px;
	}	
	
	#template-join .etc-btn > a {
	  font-size:14px; 	
	  margin-left:15px;	
	}
	
	#template-join-exhibitor-finish .contents-wrap {
		margin-bottom:100px;	
	}			

	#template-join-exhibitor-finish .join-txt1 {
	  font-size:43px; 	
	}	
	
}

@media screen and (max-width:768px) {

	#template-join .join-contents {
		padding-top:100px;
		margin-bottom:30px;		
	}	

	#template-join .visitor-join {
		width:100%;
		height:500px;
		margin:0 auto;
	}

	#template-join .buyer-join {
		width:100%;
		height:500px;
		margin:0 auto;
	}
	
	#template-join .exhibitor-join {
		width:100%;
		height:500px;
		margin:0 auto;
	}	

	#template-join .etc-btn > a {
	  font-size:12px; 	
	  margin-left:15px;	
	}	

	#template-join-exhibitor-finish .join-exhibitor-finish-contents {
		padding-top:100px;
		margin-bottom:30px;		
	}	
	
	#template-join-exhibitor-finish .join-txt1 {
	  font-size:33px; 	
	}	

	#template-join-exhibitor-finish .accept-btn {
	  margin:3px 10px;
	}	
}