@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: 0; /*.pickup {
	margin: 0 0 20px;
	#home-pickup {
		margin: 0 10px;
		width: auto;
		li {
			float: none;
			margin: 0 0 20px;
			padding: 0 0 20px;
			width: 100%;
			height: auto;
			border-bottom: 1px solid #dcdddd;
			&:last-child {
				margin: 0;
				border-bottom: none;
			}
			a {
				display: block;
				overflow: hidden;
				img {
					float: left;
					display: block;
					margin: 0 20px 0 0;
					width: 120px;
					height: 90px;
				}
				.post-desc {
					width: auto;
					height: 120px;
					position: relative;
					text-align: left;
					overflow: hidden;
					.post-title {
						color: #1e222b;
						font-size: 14px;
					}
					.like {
						position: static;
						left: 0;
						bottom: 0;
						.like-bar {
							margin: 0 5px 0 0;
							width: 100px;
							height: 16px;
						}
					}
					time {
						position: absolute;
						right: 0;
						top: 2px;
						color: #8e9095;
					}
				}
			}
		}
	}
}*/ }
#contents #main-slider-wrapper { margin: 0; padding: 0; }
#contents #main-slider-wrapper .slick-dotted.slick-slider { margin-bottom: 0; }
#contents #main-slider-wrapper .slick-dots { bottom: 0px; }
#contents #main-slider-wrapper .slick-dots li.slick-active button:before { color: #fff; }
#contents #main-slider-wrapper .swiper-button-prev { display: none; width: 30px; height: 30px; left: 10px; 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 { display: none; width: 30px; height: 30px; right: 10px; z-index: 100; }
#contents #main-slider-wrapper .swiper-button-next:before { content: "\e649"; font-family: 'themify'; font-size: 28px; color: #fff; }
#contents #main-slider-wrapper .swiper-pagination-bullets { bottom: 5px; }
#contents #main-slider-wrapper .swiper-pagination-bullet-active { background: #fff; }
#contents #main-slider li a, #contents #main-slider .carousel-slide a { display: block; height: auto; position: relative; }
#contents #main-slider li a .cat.challenge, #contents #main-slider .carousel-slide a .cat.challenge { width: 130px; }
#contents #main-slider li a img, #contents #main-slider li a amp-img, #contents #main-slider .carousel-slide a img, #contents #main-slider .carousel-slide a amp-img { display: block; width: 100%; height: auto; }
#contents #main-slider li a .post-content, #contents #main-slider .carousel-slide a .post-content { padding: 10px 10px 20px; width: 100%; min-height: 93px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }
#contents #main-slider li a .post-content .post-title, #contents #main-slider .carousel-slide a .post-content .post-title { font-weight: 500; color: #fff; font-size: 14px; }
#contents #main-slider li a .post-content .pr:before, #contents #main-slider .carousel-slide 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; font-weight: 400; letter-spacing: 0.1em; text-indent: 0.1em; margin: 0 0 30px; height: 50px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(left, #00c3ff, #003fad); background-image: -ms-linear-gradient(left, #00c3ff, #003fad); }
#contents .whatsnew .posts { margin: 0 10px; width: auto; overflow: hidden; }
#contents .whatsnew .posts .cat.challenge { width: 130px; }
#contents .whatsnew .posts li { float: none; margin: 0 0 30px; padding: 0 0 20px; width: auto; height: auto; border-bottom: 1px solid #dcdddd; position: relative; overflow: hidden; }
#contents .whatsnew .posts li.new:after { content: ""; display: block; width: 40px; height: 40px; 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:nth-last-child(2) { border-bottom: 1px solid #dcdddd; }
#contents .whatsnew .posts li:last-child { border: none; }
#contents .whatsnew .posts li > a { float: left; display: block; margin: 0 20px 0 0; width: 120px; }
#contents .whatsnew .posts li > a img { display: block; width: 120px; height: 80px; }
#contents .whatsnew .posts li .post-desc { float: none; width: auto; height: auto; overflow: hidden; }
#contents .whatsnew .posts li .post-desc .post-title { 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 10px 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: 210px; overflow: visible; }
#contents .category .posts-wrapper .slick-list { overflow: visible; }
#contents .category .posts-wrapper .posts li { float: left; margin: 0 5px 20px; width: 210px; height: 262px; border-bottom: none; 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 { display: block; color: #1e222b; font-size: 14px; }
#contents .category .posts-wrapper .posts li a .post-desc .like { position: static; 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: 140px; 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 40px; width: 300px; height: 40px; border-radius: 20px; color: #fff; font-size: 14px; background: #1e222b; position: relative; }
#contents .category .btn-more:after { content: "\e649"; font-family: 'themify'; font-size: 14px; position: absolute; right: 16px; top: 11px; }
#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); }