#header { height: 90px; border-bottom: 0px solid #00000000; }
#wrap { width: 100%; z-index: 1; }
#wrap > div { width: 100%; }

.section01  {
	width: 100%; height: 450px;
	padding-top: 90px;
}

.section01 > div {
	width: 100%; height: 100%;
	padding: 50px 80px; 
}

.section01 input:placeholder { color: #afafaf; }
.section01 input {
	width: calc(100% - 124px); height: 100%;
	border: 0px;
	font-size: 32px; color: #121212; text-align: center;
}
.section01 .img{
	width: 62px; height: 100%;
}

.section02 {
	width: 100%; height: auto;
	margin-top: 20px;
	padding-bottom: 250px;
}
.section02 > div { width: 100%; height: auto; }
.section02 .designer_item.search { margin-right: 24px !important;  }
.section02 .designer_item:nth-child(1) { margin-right: calc((16.6666% * 4) + 24px); }
.section02 .designer_item:nth-child(4) { margin-right: calc((16.6666% * 2) + 24px); }

.section02 .designer_item {
	width: calc(16.6666% - 24px); height: 62px;
	border: 1px solid #777777;
	margin-right: 24px;
	margin-top: -1px;
}

.section02 .designer_item .designer_name {
	width: 100%; height: 100%; line-height: 62px;
	font-size: 28px; color: #121212; text-align: center;
	font-weight: 600;
}


.section02 .designer_item .designer_pop {
	display: none;
	position: absolute; top: 60px; left: -1px;
	width: calc(100% + 2px); height: auto;
	border: 1px solid #000;
	overflow: hidden;
	z-index: 1;
}

.section02 .designer_item .designer_pop.on { z-index: 2; }


.section02 .designer_item .designer_pop .designer_img img { width: 100%; height: auto; cursor: pointer; }
.section02 .designer_item .designer_pop .designer_img {
	width: 100%; height: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.section02 .designer_item .designer_pop .designer_info {
	width: 100%; height: auto;
	padding: 15px 18px 20px;
	background-color: #fff;
}


.section02 .designer_item .designer_pop .designer_info .designer_info_email:before {
	content: '✉️'; line-height: 20px;
	position: absolute; top: 0px; left: 0px;
	font-size: 16px;
}


.section02 .designer_item .designer_pop .designer_info .designer_info_link:before {
	content: '🔗';  line-height: 20px;
	position: absolute; top: 0px; left: 0px;
	font-size: 16px;
}

.section02 .designer_item .designer_pop .designer_info .designer_info_email,
.section02 .designer_item .designer_pop .designer_info .designer_info_link{
	width: 100%; height: auto; line-height: 18px;
	padding-left: 28px;
	margin-top: 10px;
    letter-spacing: -0.4px;

	overflow: hidden; text-overflow: ellipsis; 
}
.section02 .designer_item .designer_pop .designer_info .designer_info_email{ margin-top: 5px;  }

.section02 .designer_item .designer_pop .designer_info .designer_info_email a,
.section02 .designer_item .designer_pop .designer_info .designer_info_link a {
	line-height: 18px;
	font-size: 18px; color: #121212; text-align: left;
}



.section02 .designer_item .designer_name .pr_title { 
	display: none; 
	width: 100%; height: auto; line-height: 1;
	font-size: 20px; color: #121212; text-align: center;
	margin-bottom: 12px;
	margin-top: -5px;
}


@media (max-width: 479px){ 
	.m_sub_header{ display: block; }
	#header { height: 60px; border-bottom: 1px solid #121212; }
	#header .logo { opacity: 0 !important; pointer-events: none; }

	.section01 { display: none; }
	.section02 { 
		left: 50%;
		padding: 12px 12px 60px;
		padding-left: 12px; 
		margin-top: 60px;

		max-width: 700px; width: 100%; height: auto; 
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

	}
	.section02 .designer_item:nth-child(1) { border-top: 1px solid #777777; }
	.section02 .designer_item.search { margin-right: 0px !important;  }
	.section02 .designer_item { width: 100%; height: auto; margin-right: 0px; }

	.section02 .designer_item:nth-child(1) { margin-right: 0px; }
	.section02 .designer_item:nth-child(4) { margin-right: 0px; }

	.section02 .designer_item .designer_name { line-height: 50px; font-weight: 400; }
	.section02 .designer_item .designer_pop { 
		position: relative; top: 0px; border-top: 0px; border-bottom: 0px;
	}
	.section02 .designer_item .designer_pop.on { border-top: 1px solid #777777; }

	.section02 .designer_item .designer_name { font-size: 16px; font-weight: 400; }
	.section02 .designer_item .designer_pop .designer_info { padding: 12px 10px 15px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email a, 
	.section02 .designer_item .designer_pop .designer_info .designer_info_link a { font-size: 14px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email:before,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link:before { font-size: 12px; }

	.section02 .designer_item .designer_pop .designer_info .designer_info_email,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link{ padding-left: 22px; }
 


}

@media (max-width: 749px) and (min-width: 480px) { 
	#header { height: 60px; border-bottom: 1px solid #121212; }
	#header .logo { opacity: 0 !important; pointer-events: none; }
	#wrap { padding: 0px 20px; }
	.m_sub_header{ display: block; }

	.section01 { display: none; }
 
	.section02 { 
		left: 50%;
		padding: 12px 0px 60px;
		padding-left: 0px; 
		margin-top: 70px;

		max-width: 700px; width: 100%; height: auto; 
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

	}
	.section02 .designer_item.search { margin-right: 0px !important;  }
	.section02 .designer_item { width: 100%; height: auto; margin-right: 0px; }

	.section02 .designer_item:nth-child(1) { margin-right: 0px; }
	.section02 .designer_item:nth-child(4) { margin-right: 0px; }

	.section02 .designer_item .designer_name { line-height: 50px; }
	.section02 .designer_item .designer_pop { 
		position: relative; top: 0px; border-top: 0px; border-bottom: 0px;
	}
	.section02 .designer_item .designer_pop.on { border-top: 1px solid #777777; }

	.section02 .designer_item .designer_name { font-size: 16px; }
	.section02 .designer_item .designer_pop .designer_info { padding: 12px 10px 15px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email a, 
	.section02 .designer_item .designer_pop .designer_info .designer_info_link a { font-size: 14px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email:before,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link:before { font-size: 12px; }

	.section02 .designer_item .designer_pop .designer_info .designer_info_email,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link{ padding-left: 22px; }



}

@media (max-width: 1023px) and (min-width: 750px) { 
	#header { height: 70px; border-bottom: 1px solid #121212; }

	.section01 { 
		left: 50%;
		padding: 70px 0px 0px;

		max-width: 700px; width: 100%; height: 280px; 
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

	}
	.section01 > div { padding: 30px 0px; }
	.section01 .img { width: 40px; }
	.section01 input { width: calc(100% - 80px); font-size: 26px; }
 
	.section02 { 
		left: 50%;
		padding: 0px 0px 150px;
		padding-left: 15px; 

		max-width: 700px; width: 100%; height: auto; 
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

	}
	.section02 .designer_item.search { margin-right: 15px !important;  }
	.section02 .designer_item { width: calc(33.333% - 15px); height: 50px; margin-right: 15px; }

	.section02 .designer_item:nth-child(1) { margin-right: calc((33.333% * 1) + 15px); }
	.section02 .designer_item:nth-child(4) { margin-right: calc((33.333% * 0) + 15px); }

	.section02 .designer_item .designer_name { line-height: 50px; }
	.section02 .designer_item .designer_pop { top: 48px; }
	.section02 .designer_item .designer_name { font-size: 16px; }
	.section02 .designer_item .designer_pop .designer_info { padding: 12px 10px 15px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email a, 
	.section02 .designer_item .designer_pop .designer_info .designer_info_link a { font-size: 14px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email:before,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link:before { font-size: 12px; }

	.section02 .designer_item .designer_pop .designer_info .designer_info_email,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link{ padding-left: 22px; }




}

@media (max-width: 1279px) and (min-width: 1024px) { 
	.section01 { height: 350px; }
	.section01 > div { padding: 50px 60px; }
	.section01 .img { width: 45px; }
	.section01 input { width: calc(100% - 90px); font-size: 26px; }
 
	.section02 .designer_item.search { margin-right: 15px !important;  }
	.section02 .designer_item { width: calc(20% - 15px); height: 54px; margin-right: 15px; }

	.section02 .designer_item:nth-child(1) { margin-right: calc((20% * 3) + 15px); }
	.section02 .designer_item:nth-child(4) { margin-right: calc((20% * 1) + 15px); }

	.section02 .designer_item .designer_name { line-height: 50px; }
	.section02 .designer_item .designer_pop { top: 48px; }
	.section02 .designer_item .designer_name { font-size: 20px; }
	.section02 .designer_item .designer_pop .designer_info { padding: 12px 10px 15px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email a, 
	.section02 .designer_item .designer_pop .designer_info .designer_info_link a { font-size: 14px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email:before,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link:before { font-size: 12px; }

	.section02 .designer_item .designer_pop .designer_info .designer_info_email,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link{ padding-left: 22px; }
}

@media (max-width: 1440px) and (min-width: 1280px) { 
	.section01 { height: 400px; }
	.section01 .img { width: 54px; }
	.section01 input { width: calc(100% - 108px); font-size: 30px; }
 
	.section02 .designer_item.search { margin-right: 15px !important;  }
	.section02 .designer_item { width: calc(16.6666% - 15px); height: 54px; margin-right: 15px; }

	.section02 .designer_item:nth-child(1) { margin-right: calc((16.6666% * 4) + 15px); }
	.section02 .designer_item:nth-child(4) { margin-right: calc((16.6666% * 2) + 15px); }

	.section02 .designer_item .designer_name { line-height: 54px;  font-size: 24px; }
	.section02 .designer_item .designer_pop { top: 52px; }
	.section02 .designer_item .designer_pop .designer_info { padding: 12px 10px 15px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email a, 
	.section02 .designer_item .designer_pop .designer_info .designer_info_link a { font-size: 16px; }
	.section02 .designer_item .designer_pop .designer_info .designer_info_email:before,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link:before { font-size: 14px; }


	.section02 .designer_item .designer_pop .designer_info .designer_info_email,
	.section02 .designer_item .designer_pop .designer_info .designer_info_link{ padding-left: 24px; }

}


/*
	@media (max-width: 479px){ 
	}

	@media (max-width: 749px) and (min-width: 480px) { 
	}

	@media (max-width: 1023px) and (min-width: 750px) { 
	}

	@media (max-width: 1279px) and (min-width: 1024px) { 
	}

	@media (max-width: 1440px) and (min-width: 1280px) { 
	}
*/