/*
 * KSO Landing Page
 * http://ksodesign.com
 * Author: KS Jade(enigma5685@naver.com)
 */
@font-face {
  font-family: ng;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
::-moz-selection {background: #87D8A9;color: #fff;text-shadow: none}
::selection {background: #87D8A9;color: #fff;text-shadow: none}

body {
    font-family: '나눔고딕', 'NanumGothic', ng, 'Lato', Arial, sans-serif;color: #555;font-weight: 400;
}
a:hover { text-decoration: none; }

.kso-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	height:100vh;
}

.kso-container .psection {
	transform: translateY(15rem);
}
.kso-container .psection .thumb {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 300px;
}
.kso-container .psection .thumb:before {
	content: '';
	position: absolute;
	left: 0;top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all .3s ease;
	opacity: 0;
}
.kso-container .psection .thumb:hover:before {
	opacity: .3;
}

/* Media Queries */
@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
	.kso-container .psection {
		transform: translateY(10rem);
	}
}

@media (max-width: 480px) {

}