@charset "utf-8";

.basic-post-list .post-list { list-style:none; padding:0px; margin:-2px 0px; line-height:22px; }
.basic-post-list .post-list li { padding:0px; margin:0px; }
.basic-post-list .post-list li b { letter-spacing:-1px; padding-right:1px; }
.basic-post-list .post-list li .name { letter-spacing:-1px; color:#888; padding-left:4px; padding-right:1px;}
.basic-post-list .post-list .txt-normal { letter-spacing:0; }
.basic-post-list .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-list .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-post-list .wr-icon { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; }
.basic-post-list .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-post-list .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-post-list .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-post-list .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-post-list .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }

/* E : 기본 */
#main_news .swiper-container {overflow:visible;}
#main_news .swiper-wrapper li {background:#fff; box-shadow:0 10px 20px 10px rgba(0,0,0,0.08);}
#main_news .swiper-wrapper li a {display:block; padding:50px 40px;}
#main_news .swiper-wrapper li a .txt_box b {display:block; font-size:16px; margin-bottom:20px; letter-spacing: normal; padding-right:0;}
#main_news .swiper-wrapper li a .txt_box .title {font-size:22px; font-weight:600; line-height:1.4; margin-bottom:10px; height:60px;}
#main_news .swiper-wrapper li a .txt_box p {font-size:16px; line-height:1.5; height:48px;}
#main_news .swiper-wrapper li a .txt_box p + * {display:none;}
#main_news img {display:none;}
#main_news .swiper-wrapper li a .viewmore {display:block; font-size:15px; font-weight:700; text-decoration:underline; position:relative; padding:10px 50px 10px 0;}
#main_news .swiper-wrapper li a .viewmore::after {
	content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:#fff url("/thema/Basic/img/viewmore_arrow.png") center no-repeat; transition:all 0.3s;
}
#main_news .swiper-wrapper li a .viewmore::before {
	content:''; position:absolute; top:50%; right:0; transform:translateY(-50%) scale(0); width:40px; height:40px; border-radius:50%; background:#3365f6 url("/thema/Basic/img/viewmore_arrow_on.png") center no-repeat; z-index:1;
	transition:all 0.2s;
}
#main_news .swiper-wrapper li a:hover .viewmore::before {transform:translateY(-50%) scale(1);}

@media all and (max-width:1024px){
	#main_news .swiper-wrapper li a {padding:35px;}
	#main_news .swiper-wrapper li a .txt_box b {font-size:15px; margin-bottom:15px;}
	#main_news .swiper-wrapper li a .txt_box .title {font-size:20px; height:56px;}
	#main_news .swiper-wrapper li a .txt_box p {font-size:15px; height:45px;}
	#main_news .swiper-wrapper li a .viewmore {font-size:14px;}
}
@media all and (max-width:768px){
	#main_news .swiper-container {overflow: hidden; padding:40px 0;}
	#main_news .swiper-wrapper li a .txt_box b {font-size:13px; margin-bottom:10px;}
	#main_news .swiper-wrapper li a .txt_box .title {font-size:18px; height:50px;}
	#main_news .swiper-wrapper li a .txt_box p {font-size:14px; height:41px;}
	#main_news .swiper-wrapper li a .viewmore {font-size:13px;}
	#main_news .swiper-wrapper li a .viewmore::before, #main_news .swiper-wrapper li a .viewmore::after {width:35px; height:35px; background-size:18px;}
}
@media all and (max-width:480px){
	#main_news .swiper-container {padding:20px 20px 40px 20px;}
}