@charset "UTF-8";
/**/


/*--------------------------------------------------------------
# Title Area Channel
--------------------------------------------------------------*/

#title-area-about {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}

#title-area-about .container {
	width: 100%;
	height: 100%;
	background: url(http://sumikorea.cafe24.com/bizdemo35830/img/01_wideskin/img/fullscreen/about.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

#title-area-about .overlay-bg {
	background-color: rgba(0, 0, 0, 0.7);
    vertical-align: middle;
}

#title-area-about .title-area {
	max-width: 1400px;
	margin: 0 auto;
	padding: 40px 20px;
	text-align: center;
}

#title-area-about .title-area h1 {
	font-weight: lighter;
	color: #fff;
}

#title-area-about .title-area p {
	font-weight: lighter;
	font-size: 15px;
	color: #fff;
	opacity: 0.7;
	margin: 0;
}

/*** Title-Area / Responsive ***/

@media (max-width: 768px){
	
	#title-area-about .title-area h1 {
		font-size: 25px;
	}
	
	#title-area-about .title-area p {
		font-size: 13px;
	}
	
}

/*--------------------------------------------------------------
# Sumi Area
--------------------------------------------------------------*/

#sumi-area {
	position: relative;
	width: 100%;
	height: auto;
	padding: 200px 0 50px 0;
	margin: 0;
	background: #fff;
}

#sumi-area .container {
	width: 100%;
	margin: 0 auto;
}

#sumi-area .page-title {
	
}

#sumi-area h1 {
	padding-bottom: 40px;
}

#sumi-area h3 {
	font-family: "Noto sans KR", sans-serif;
	letter-spacing: -0.5px;
	line-height: inherit;
	color: #333;
	padding-bottom: 20px;
}

#sumi-area p {
	font-size: 17px;
	font-weight: 300;
}

#sumi-area .contents-img {
	text-align: center;
}

#sumi-area .contents-img img {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}


/*** Sumi-Area / Responsive ***/

@media (max-width: 768px){
	
	#sumi-area {
		padding: 100px 0;
	}
	
	#sumi-area  h1 {
		font-size: 25px;
	}
	
	#sumi-area  h3 {
		font-size: 20px;
	}
	
	#sumi-area  br {
		display: none;
	}
	
	#sumi-area p {
		font-size: 14px;
	}
	
	#sumi-area .contents-img img {
		padding-bottom: 50px;
	}
}

/*--------------------------------------------------------------
# Biz Info
--------------------------------------------------------------*/

#biz-info {
	position: relative;
	width: 100%;
	padding: 200px 0;
	margin: 0;
	background-color: #eee;
}

#biz-info .container {
	width: 100%;
	max-width: 1400px;
}

#biz-info .info-title {
	text-align: center;
	padding: 20px 10px;
}

#biz-info .info-title h3 {
	font-weight: 500;
	color: #333;
}

#biz-info .info-title p {
	font-weight: 300;
	font-size: 14px;
}

#biz-info .info-title i {
	cursor: default;
	font-size: 80px;
	color: #999;
	padding: 20px;
}

#biz-info .info-title i:hover {
	color: #ff6100;
	transition: 0.7s;
}

#biz-info .info-title > .border {
	display: block;
	width: 30px;
	color: #999;
}

/*** Biz-Info / Responsive ***/

@media (max-width: 768px){
	
	#biz-info {
		padding: 100px 0;
	}
	
	#biz-info  h1 {
		font-size: 25px;
	}
	
	#biz-info h3 {
		font-size: 20px;
	}
}