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


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

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

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

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

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

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

#title-area-channel .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-channel .title-area h1 {
		font-size: 25px;
	}
	
	#title-area-channel .title-area p {
		font-size: 13px;
	}
	
}

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

#channel-area {
	position: relative;
	width: 100%;
	height: auto;
	padding: 200px 0;
	margin: 0;
}

#channel-area .container {
	max-width: 1400px;	
	margin: 0 auto;
}

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

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

#channel-area .page-title p {
	font-size: 17px;
	font-weight: 300;
}

#channel-area .contents-img {
	text-align: center;
	padding-bottom: 30px;
}

#channel-area .contents-img img {
	width: 90%;
	height: auto;
}

/*** Channel-Area / Responsive ***/

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

/*--------------------------------------------------------------
# Sumi Offline
--------------------------------------------------------------*/

article {
	margin: 0 !important;
	padding: 5px !important;
}

#sumi-channel {
	position: relative;
	width: 100%;
	height: auto;
	padding: 200px 0;
	margin: 0;
	background-color: #eee;
}

#sumi-channel .container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#sumi-channel .offline-area {
	padding: 40px;
}

#sumi-channel .online-area {
	padding: 40px;
}

#sumi-channel .title-area {
	text-align: left;
}

#sumi-channel .title-area h4 {
	font-weight: bold;
	color: #333;
}

#sumi-channel .channel-thumb img {
    width: 100%;
}

#sumi-channel .channel-thumb img:hover {
	opacity: 0.5;
}

/*** Sumi Offline / Responsive ***/

@media (max-width: 768px){
	
	#sumi-channel {
		padding: 100px 0;
	}
	
	#sumi-channel  h4 {
		font-size: 20px;
	}
}