@charset "UTF-8";

/* bn-list-img type01 */
.bn-list-img01.type01{position:relative;padding:60px 0 50px;border-bottom:1px solid #bbb;}
.bn-list-img01.type01 .b-wrap > ul{display:flex;flex-wrap:wrap;font-size:0;}
.bn-list-img01.type01 .b-img-con-box{position:relative;}
.bn-list-img01.type01 .b-img-con-box.b-no-post span{font-size:16px;font-weight:500;color:#000;}
.bn-list-img01.type01 .b-img-con-box .article-chk{top:10px;left:10px;}
.bn-list-img01.type01 .b-img-con-box .article-chk input{margin:0;width:18px;height:18px;border:1px solid #111;}
.bn-list-img01.type01 .b-img-con-box > div a .b-img-box{height:230px;}
.bn-list-img01.type01 .b-img-con-box > div a .b-img-box a{display:block;height:100%;}
.bn-list-img01.type01 .b-img-con-box > div a .b-img-box img{width:100%;height:100%;object-fit:cover;border-radius:2px;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box{padding:15px 0 0;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title{display:flex;align-items:center;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title > p{max-width: calc(100% - 34px);}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title > p:only-child{max-width:100%;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title .b-notice{display:inline-block;margin:0 10px 0 0;padding: 6px 0;width: 40px;border:1px solid #8899c5;border-radius:13.5px;font-size:12px;font-weight:700;line-height:1;color:#0c2e86;text-align:center;vertical-align:middle;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span:not(.b-notice){display:inline-block;max-width: calc(100% - 52px);font-size:18px;font-weight:700;color:#333;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span.b-cate{display:inline-block;margin:-2px 3px 0 0;padding:6px 10px;border-radius:24px;background-color:#edf0f5;font-weight:700;font-size:12px;color:#4f6f85;line-height:1;} 
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span:only-child{max-width:100% !important;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span.new{display:flex;justify-content:center;align-items:center;margin:0 0 0 12px;width:22px;height:22px;border-radius:50%;background-color:#ffec03;font-size:11px;font-weight:800;color:#001345;text-align:center;vertical-align:middle;padding: 2px 0 0 1px;}
.bn-list-img01.type01 .b-img-con-box > div a:hover .b-con-box .b-img-title span:not(.new){text-decoration:underline;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-etc span{width:100%; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; display:inline-block;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;font-size:14px;font-weight:400;color:#999;line-height:24px;vertical-align:middle;}
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-etc span:last-of-type{margin:0;padding:0;}
/*.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-etc span::after{content:'';position:absolute;top:50%;right:0;width:1px;height:11px;background-color:#999;transform:translateY(-50%);}*/
.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-etc span:last-of-type::after{display:none;}

@media screen and (min-width:1025px){
	/* bn-list-img type01 */
	.bn-list-img01.type01 .b-wrap > ul > li{margin: 50px 32px 0 0;width: calc(100% / 4 - 25px);}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(4n){margin-right:0;}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(-n+4){margin-top:0;}
}

@media screen and (max-width: 1024px) {
	/* bn-list-img type01 */
	.bn-list-img01.type01{padding:15px 0 25px;}
	.bn-list-img01.type01 .b-img-con-box.b-no-post span{font-size:14px;}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(n){margin:25px 20px 0 0;width: calc(100% / 3 - 14px);}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(3n){margin-right:0;}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(-n+3){margin-top:0;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-img-box{height:250px;}
}

@media screen and (max-width: 768px) {
	/* bn-list-img type01 */
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(n){margin:25px 20px 0 0;width: calc(50% - 10px);}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(2n){margin-right:0;}
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(-n+2){margin-top:0;}
	
	.bn-list-img01.type01 .b-img-con-box .article-chk input{width:14px;height:14px;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-img-box{height:200px;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box{padding:5px 0 0;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title > p{max-width:calc(100% - 26px);}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title .b-notice{margin: 0 5px 0 0;padding: 3px 0;width: 30px;border-radius:8px;font-size:12px;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span:not(.b-notice){max-width: calc(100% - 37px);font-size:18px;line-height:26px;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span.b-cate{font-size:10px;line-height:1;} 
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-title span.new{margin:0 0 0 8px;width:18px;height:18px;font-size:10px;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box .b-img-etc span{margin:0 4px 0 0;padding:0 4px 0 0;font-size:13px;line-height:23px;}
}

@media screen and (max-width:480px) {
	.bn-list-img01.type01 .b-wrap > ul > li:nth-of-type(n){margin:40px 0 0;width:100%;}
	.bn-list-img01.type01 .b-img-con-box > div a .b-con-box{padding:10px 0 0;}
	.bn-list-img01.type01 .b-wrap > ul > li:first-of-type{margin-top:0;}
}

/*호버형*/
.bn-list-img01.type01 .hover .b-img-con-box .b-img-box{overflow:hidden;position:relative;}
.bn-list-img01.type01 .hover .b-img-con-box > div a .info-box{transition:all 0.2s; visibility: hidden;opacity:0; position:absolute; background-image:url(/_res/songeui/_share/img/common/hover-img-logo.png);background-repeat:no-repeat;background-position:100% 0;background-color:rgba(138,83,22,.85); width:100%;height:100%;top:0;left:0;padding:130px 50px 60px;}
.bn-list-img01.type01 .hover .b-img-con-box > div a .info-box > p{font-size:26px;font-weight:800;color:#fff;margin-top:22px;}
.bn-list-img01.type01 .hover .b-img-con-box > div a:hover .info-box{visibility: visible;opacity: 1;}
.bn-list-img01.type01 .hover .b-img-con-box > div a .info-box .view-more{display:inline-block;font-size:15px;font-weight:700;margin-top:40px; color:#fff;background:url(/_res/songeui/ko/img/main/main_visual_swp_morearr.png) no-repeat 100% 3px;border-bottom:2px solid #fff; padding:0 15px 5px 0;}
.bn-list-img01.type01 .hover .b-img-con-box > div a .info-box .lang{display:inline-block; padding:6px 12px;border-radius:20px; background:#ffec03;font-size:14px;font-weight:700;color:#001345;}