@font-face { font-family: 'themify'; src: url("/magazine/assets/css/fonts/themify.eot?-fvbane"); src: url("/magazine/assets/css/fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("/magazine/assets/css/fonts/themify.woff?-fvbane") format("woff"), url("/magazine/assets/css/fonts/themify.ttf?-fvbane") format("truetype"), url("/magazine/assets/css/fonts/themify.svg?-fvbane#themify") format("svg"); font-weight: normal; font-style: normal; }
#contents { margin-top: 40px; /*
.pickup {
	margin: 0 0 20px;
	#home-pickup {
		margin: 0 auto;
		width: 750px;
		li {
			float: left;
			margin: 0 20px 20px;
			width: 210px;
			height: 262px;
			position: relative;
			&.new:after {
				content: "";
				display: block;
				width: 60px;
				height: 60px;
				background: url(/magazine/assets/images/common/new.png) no-repeat;
				background-size: contain;
				position: absolute;
				left: 0;
				top: 0;
			}
			a {
				display: block;
				overflow: hidden;
				img {
					display: block;
					margin: 0 0 15px;
					width: 210px;
					height: 140px;
				}
				.post-desc {
					height: 117px;
					position: relative;
					.post-title {
						color: #1e222b;
						font-size: 14px;
					}
					.like {
						position: absolute;
						left: 0;
						bottom: 10px;
						.like-bar {
							display: inline-block;
							margin: 0 5px 0 0;
							width: 160px;
							height: 16px;
						}
					}
					time {
						position: absolute;
						right: 0;
						top: 2px;
						font-size: 10px;
						color: #8e9095;
					}
				}
			}
		}
	}
}*/ }
#contents #main-slider-wrapper { padding: 0 0 40px; }
#contents #main-slider-wrapper .swiper-button-prev { width: 30px; height: 30px; left: 5px; top: 46%; z-index: 100; }
#contents #main-slider-wrapper .swiper-button-prev:before { content: "\e64a"; font-family: 'themify'; font-size: 28px; color: #fff; }
#contents #main-slider-wrapper .swiper-button-next { width: 30px; height: 30px; right: 5px; top: 46%; z-index: 100; }
#contents #main-slider-wrapper .swiper-button-next:before { content: "\e649"; font-family: 'themify'; font-size: 28px; color: #fff; }
#contents #main-slider li a { display: block; height: 267px; position: relative; }
#contents #main-slider li a .cat.challenge { width: 130px; }
#contents #main-slider li a img { display: block; height: 267px; }
#contents #main-slider li a .post-content { padding: 15px 15px; width: 100%; min-height: 95px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }
#contents #main-slider li a .post-content .post-title { font-weight: 500; color: #fff; font-size: 14px; }
#contents #main-slider li a .post-content .pr:before { content: "PR"; display: inline-block; margin: 0 8px 0 0; padding: 1px 4px; font-size: 84%; color: #fff; background: #1e222b; font-family: 'Roboto'; font-weight: 400; }
#contents .whatsnew #title-whatsnew { display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 30px; font-weight: 400; letter-spacing: 0.1em; text-indent: 0.1em; height: 50px; font-size: 22px; color: #fff; background-image: -webkit-linear-gradient(left, #00c3ff, #003fad); background-image: -ms-linear-gradient(left, #00c3ff, #003fad); }
#contents .whatsnew .posts { margin: 0 auto; width: 740px; overflow: hidden; }
#contents .whatsnew .posts .cat.challenge { width: 130px; }
#contents .whatsnew .posts li { float: left; margin: 0 15px 30px; padding: 0 0 20px; width: 340px; height: 150px; border-bottom: 1px solid #dcdddd; position: relative; overflow: hidden; }
#contents .whatsnew .posts li.new:after { content: ""; display: block; width: 50px; height: 50px; background: url(/magazine/assets/images/common/new.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 0; pointer-events: none; }
#contents .whatsnew .posts li:last-child, #contents .whatsnew .posts li:nth-last-child(2) { border: none; }
#contents .whatsnew .posts li > a { float: left; display: block; display: block; margin: 0 20px 0 0; width: 150px; }
#contents .whatsnew .posts li > a img { display: block; width: 150px; height: 100px; }
#contents .whatsnew .posts li .post-desc { float: left; width: 170px; height: 120px; }
#contents .whatsnew .posts li .post-desc .post-title { display: block; color: #1e222b; font-size: 14px; }
#contents .whatsnew .posts li .post-desc .pr:before { content: "PR"; display: inline-block; margin: 0 8px 0 0; padding: 1px 4px; font-size: 84%; color: #fff; background: #1e222b; font-family: 'Roboto'; font-weight: 400; }
#contents .whatsnew .posts li .post-desc time { display: block; margin-top: 5px; color: #8e9095; font-size: 10px; }
#contents .category .read { margin: 0 0 25px; text-align: center; }
#contents .category .title-category { display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 30px; font-weight: 400; letter-spacing: 0.1em; text-indent: 0.1em; height: 50px; font-size: 22px; color: #fff; }
#contents .category .posts-wrapper { margin: 0 auto 30px; width: 750px; }
#contents .category .posts-wrapper .posts li { float: left; margin: 0 20px 20px; width: 210px; height: 262px; position: relative; }
#contents .category .posts-wrapper .posts li.new:after { content: ""; display: block; width: 60px; height: 60px; background: url(/magazine/assets/images/common/new.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 0; pointer-events: none; }
#contents .category .posts-wrapper .posts li a { display: block; overflow: hidden; }
#contents .category .posts-wrapper .posts li a img { display: block; margin: 0 0 15px; width: 210px; height: 140px; }
#contents .category .posts-wrapper .posts li a .post-desc { height: 117px; position: relative; }
#contents .category .posts-wrapper .posts li a .post-desc .post-title { color: #1e222b; font-size: 14px; }
#contents .category .posts-wrapper .posts li a .post-desc .pr:before { content: "PR"; display: inline-block; margin: 0 8px 0 0; padding: 1px 4px; font-size: 87%; color: #fff; background: #1e222b; font-family: 'Roboto'; font-weight: 700; }
#contents .category .posts-wrapper .posts li a .post-desc .like { position: absolute; left: 0; bottom: 10px; }
#contents .category .posts-wrapper .posts li a .post-desc .like .like-bar { display: inline-block; margin: 0 5px 0 0; width: 160px; height: 16px; }
#contents .category .posts-wrapper .posts li a .post-desc time { position: absolute; right: 0; top: 2px; color: #8e9095; font-size: 10px; }
#contents .category .btn-more { font-weight: 500; letter-spacing: 0.1em; text-indent: 0.1em; display: -webkit-flex; display: flex; align-items: center; justify-content: center; clear: both; margin: 0 auto 60px; width: 320px; height: 50px; border-radius: 25px; color: #fff; font-size: 15px; background: #1e222b; position: relative; }
#contents .category .btn-more:after { content: "\e649"; font-family: 'themify'; font-size: 14px; position: absolute; right: 16px; top: 16px; }
#contents #title-product { background-image: -webkit-linear-gradient(left, #891cff, #00c3ff); background-image: -ms-linear-gradient(left, #891cff, #00c3ff); }
#contents #title-challenge { background-image: -webkit-linear-gradient(left, #00ecbc, #0073e6); background-image: -ms-linear-gradient(left, #00ecbc, #0073e6); }
#contents #title-trend { background-image: -webkit-linear-gradient(left, #ff26fb, #00b3ff); background-image: -ms-linear-gradient(left, #ff26fb, #00b3ff); }
#contents #title-pcgame { background-image: -webkit-linear-gradient(left, #e95504, #f9be00); background-image: -ms-linear-gradient(left, #e95504, #f9be00); }
#contents #title-creator { background-image: -webkit-linear-gradient(left, #00a199, #00e67e); background-image: -ms-linear-gradient(left, #00a199, #00e67e); }
#contents #title-solution { background-image: -webkit-linear-gradient(left, #595757, #a7a7a8); background-image: -ms-linear-gradient(left, #595757, #a7a7a8); }