@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#wrap {
	width: 100%;
}

.hidden {
	visibility: hidden;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#section {
	width: 100%;
}



#section > aside > div > h1 {
	width: 100%;
	margin: 390px 20px 20px;
	font: 900 2rem/1.5 'Montserrat';
	color: rgba(255, 255, 255, 0.8);
	text-align: left;
	float: left;
	transition: all 0.2s ease-in-out;
}

#section > .brand_story > div > h1 {
	margin: 280px 20px 20px;
}

#section > aside > div > p {
	width: calc(100% - 40px);
	text-align: left;
	float: left;
	margin: 0 20px;
	font: normal 1rem/1.5 'Noto Sans KR';
	color: #fff;
}

.brand_story {
	width: 100%;
	height: 100vh;
	background: url(../img/brand_story.jpg) center;
	background-size: cover;
	background-attachment: fixed;
}

.brand_pride {
	width: 100%;
	height: 100vh;
	background: url(../img/brand_pride.jpg) center;
	background-size: cover;
	background-attachment: fixed;
}

.brand_safety {
	width: 100%;
	height: 100vh;
	background: url(../img/brand_safety.jpg) center;
	background-size: cover;
	background-attachment: fixed;
}

.loves_brand {
	width: 100%;
	height: 100vh;
	background: url(../img/brand_holly.jpg) center;
	background-size: cover;
	background-attachment: fixed;
}


#footer {
	height: 300px;
	width: 100%;
	float: left;
	background: #2F365F;
}

#footer > select {
	margin: 50px 0;
}

#address {
	font-size: 0.9rem;
	color: #ddd;


}

#address > a {
	color: #ddd;
}



/*태블릿(768이상*/

@media all and (min-width:768px) {

	.menu > li:nth-child(1) {
		background: url(../img/pencil_line.png) center;
		background-size: cover;
		display: block;
		width: 100px;
	}

	.menu > li:nth-child(1) a {
		color: #FEBEB0;

	}

	.menu > li:hover {
		background: none;
	}


	#section > aside > div > h1 {
		width: 100%;
		margin: 350px 20px 20px;
		font: 900 3rem/1.5 'Montserrat';
		color: #fff;
		color: rgba(255, 255, 255, 0.8);
		text-align: left;
		float: left;
	}


	#section > aside > div > p {
		width: 530px;
		text-align: left;
		float: left;
		margin-left: 20px;
		font: normal 1rem/1.5 'Noto Sans KR';
		color: #fff;
	}

}


/*PC용*/

@media all and (min-width:1200px) {

	#section > aside > div {
		width: 1200px;
		margin: auto;
	}

	#section > aside > div > p {
		width: 630px;
	}


}