@charset "utf-8";

.blog_content ul { list-style: none; margin: 0; padding: 0; }
/* lnb */
#lnb {padding: 0; }
#lnb.fixed { width: auto; }
#lnb > ul > li > a { padding-top:7px; padding-bottom:7px; font-size: 14px;}
#lnb > ul > .on > a , #lnb > ul > .current > a { color: #15bfff; }
@media screen and (max-width: 767px) {
	#lnb { margin: 0; }
	#lnb > ul > li > a { padding: 5px 0; }
}
@media screen and (max-width: 1023px) {
	#lnb { height: 175px; padding: 18px 15px 0; }
}
@media screen and (min-width: 768px) {
	#lnb { position: static !important; display: block !important; }
}

/* btn */
.btn_c06 { padding: 0 10px; min-width: 160px; height: 46px; color: #666; line-height: 48px; font-size: 14px; border-radius: 25px; background-color: #fff; text-align: center; }

/* con_body */
.con_body.ty02 { position: relative; }
.con_body.ty02 .blog_detail { background-color: #fff; }

/* card_sorting */
@media screen and (min-width: 768px) {
	.blog_content .card_sorting { position: absolute; right: 40px; top: -40px; padding: 0; }
}

/* card_thumbnail */
.card_thumbnail { padding: 0 20px; }
.card_thumbnail ul { padding: 0 0 20px; }
.card_thumbnail ul li { width: 100%; margin-top: 20px; }
.card_thumbnail .thumbnails { position: relative; height: 100%; background-color: #fff; }
.card_thumbnail .thumbnails > a { overflow: hidden; display: block; width: 100%; height: 100%; }
.card_thumbnail .thumbnails > a:hover { text-decoration: none; }
.card_thumbnail .thumbnails > a:hover h2 { color: #15bfff; }
.card_thumbnail .thumb { position: relative; overflow: hidden; }
.card_thumbnail .thumb .thumb_scale { display: block; width: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; }
.card_thumbnail .thumb .thumb_scale img { width: 100%; }
.card_thumbnail .thumb .btn_thumb_play { position: absolute; right: 16px; bottom: 16px; width: 12px; height: 16px; }
.card_thumbnail .thumb .btn_thumb_play img { width: 100%; height: 100%; }
.card_thumbnail .thumb_text { padding: 30px; }
.card_thumbnail .thumb_text h2 { font: 500 22px 'SamsungOneUI', Arial, sans-serif; }
.card_thumbnail .thumb_text h2,
.card_thumbnail .thumb_text .thumb_description { overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; }
.card_thumbnail .thumb_text .thumb_title { max-height: calc(30px * 2); margin-top: 19px; font-size: 22px; line-height: 30px; color: #222; }
.card_thumbnail .thumb_text .thumb_description { max-height: calc(24px * 2); margin-top: 9px; font-size: 16px; line-height: 24px; color: #6f6f6f;}
.card_thumbnail .thumb_text .thumb_categories { display: block; margin-top: 22px; font-size: 12px; font-weight: 500; color: #bcbcbc;}
.card_thumbnail .thumb_text .thumb_categories em { display: inline-block; text-transform: uppercase; color: #ccc; font-weight: 700; }
@media screen and (max-width: 767px) {
	.card_thumbnail .thumb .thumb_scale { padding-bottom: 50%; height: 0; max-height: 363px; }
}
@media screen and (min-width: 768px) {
	.card_thumbnail { padding: 0; }
	.card_thumbnail ul { overflow: hidden; margin-left: -15px; padding-right: 25px; padding-bottom: 0;}
	.card_thumbnail ul li { float: left; width: 50%; margin-top: 32px; padding:0 15px; height: 392px;}
	.card_thumbnail .thumb .thumb_scale { height: 200px; -webkit-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; }
	.card_thumbnail .thumb_text {padding-bottom: 0;}
	.card_thumbnail .thumb_text .thumb_title { margin-top: 14px;}
	.card_thumbnail .thumb_text .thumb_description { margin-top: 7px; }
	.card_thumbnail .thumb_text .thumb_categories { position:absolute; left: 0; bottom: 16px; padding:0 19px; }

  .card_thumbnail .thumbnails > a:hover .thumb .thumb_scale {
		-webkit-transform: scale(1.05) rotate(-.02deg);
	  -ms-transform: scale(1.05);
	  transform: scale(1.05) rotate(-.02deg);
	}

	.card_thumbnail.is_wide { max-width:1004px; height: 340px; padding-right: 40px; }
	.card_thumbnail.is_wide .thumbnails { display: table; width: 100%; background-color: transparent; }
	.card_thumbnail.is_wide .thumbnails .thumb { display: table-cell; width: 100%; padding: 0; vertical-align: top; }
	.card_thumbnail.is_wide .thumbnails .thumb .thumb_scale { overflow:hidden; position: relative; display: block; width: 100%; height: 340px; }
	.card_thumbnail.is_wide .thumbnails .thumb .thumb_scale img { position: absolute; left:0; top:0; min-width: 632px; }
	.card_thumbnail.is_wide .thumbnails .thumb_text { display: table-cell; vertical-align: top; position: relative; width: 100%; min-width: 236px; padding: 30px; background-color: #fff; }
	.card_thumbnail.is_wide .thumbnails .thumb_text .thumb_title { margin-top: 24px; }
	.card_thumbnail.is_wide .thumb_text .thumb_categories { left: 10px; }

	.card_thumbnail ul li.animated {
		opacity: 0;
    -webkit-transition: opacity 0.5s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
	  -webkit-transform: translate3d(0, 15%, 0);
	  transform: translate3d(0, 15%, 0);
	  -webkit-animation-fill-mode: both;
	}
	.card_thumbnail ul li.animated.effect {
		opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	.card_thumbnail ul li.animated:nth-child(3),
	.card_thumbnail ul li.animated:nth-child(4) {
		-webkit-transition-delay: 0.2s;
	  transition-delay: 0.2s;
	}
	.card_thumbnail ul li.animated:nth-child(5),
	.card_thumbnail ul li.animated:nth-child(6) {
		-webkit-transition-delay: 0.3s;
	  transition-delay: 0.3s;
	}
}
@media screen and (min-width: 1024px) {
	.card_thumbnail ul li { height: 391px; }
	.card_thumbnail.is_wide .thumbnails .thumb_text { min-width: 300px; }
}
@media screen and (min-width: 1200px) {
	.card_thumbnail ul li { width: 33.333%; height: 362px; }
	.card_thumbnail .thumb .thumb_scale { height: 171px; }
	.card_thumbnail.is_wide .thumbnails .thumb { max-width: 633px; }
	.card_thumbnail.is_wide .thumbnails .thumb_text { min-width: 331px; }

	.card_thumbnail ul li.animated:nth-child(3) {
		-webkit-transition-delay: 0s;
	  transition-delay: 0s;
	}
	.card_thumbnail ul li.animated:nth-child(4),
	.card_thumbnail ul li.animated:nth-child(5),
	.card_thumbnail ul li.animated:nth-child(6) {
		-webkit-transition-delay: 0.25s;
	  transition-delay: 0.25s;
	}
}

/* card_detail */
.card_detail { padding-bottom: 10px; }
.card_detail .detail_categories { width: 100%; margin: 13px auto 0; font-size: 13px; font-weight : 500; color: #bcbcbc; }
.card_detail .detail_categories a { display: inline-block; text-transform: uppercase; color: #bcbcbc; }
.card_detail .detail_view { padding: 37px 0 0; }
.card_detail .detail_view p { margin-top: 26px; font-size: 16px; line-height: 24px; color: #666; font-weight: normal; }
.card_detail .detail_view a { display: inline-block; color: #15bfff; text-decoration: none; }
.card_detail .detail_view .thumb {margin-bottom: -2px;}
.card_detail .detail_view .thumb a { display:block; position: relative; }
.card_detail .detail_view .thumb .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);}
.card_detail .detail_view .thumb .mask img { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.card_detail .detail_sns { padding-top: 53px; text-align: center; }
.card_detail .detail_sns a { display: inline-block; vertical-align: top; }
.card_detail .detail_sns .btn_like { height: 34px; margin-right: 5px; padding:0 16px; font-size: 14px; font-weight: 500; color: #878787; border-radius: 16px; border: 1px solid #e3e3e3; }
.card_detail .detail_sns .btn_like span { display:inline-block; height: 32px; padding-left: 18px; line-height:34px; background-image: url(https://d3s9xxce58xg55.cloudfront.net/2019_0328/icon-like.svg); background-repeat: no-repeat; background-position: 0 9px; background-size: 14px 14px; }
.card_detail .detail_sns .btn_like.active span { background-image: url(https://d3s9xxce58xg55.cloudfront.net/2019_0328/ico_like_atv.png); }
.card_detail .detail_sns .btn_sns { overflow: hidden; width: 34px; height: 34px; margin:0 3px; border-radius: 50%; border: 1px solid #e3e3e3; }
.card_detail .detail_sns .btn_sns:hover { border-color: #a8cbef; }
.card_detail .detail_sns .btn_sns svg { margin-top: 5px; }

@media screen and (min-width: 768px) {
	.card_detail { margin-bottom: -2px; padding-right: 41px; }
	.card_detail .detail_categories { margin-top: 17px; }
	.card_detail .detail_view .thumb .mask img { width: 120px; height: 120px; }
	.card_detail .detail_view { padding: 52px 0 40px; }
	.card_detail .detail_view p { line-height: 26px; }
	.card_detail .detail_sns { padding-top: 36px; }
}