.bn-list-img01.type01 > ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px 10px;border-top: 2px solid #001B54;border-bottom: 1px solid #DDDDDD;padding: 40px 0;}
.bn-list-img01.type01 > ul > li{position: relative;}
.bn-list-img01.type01 > ul > li .b-img-box{border-radius: 5px;overflow: hidden;aspect-ratio: 347 / 302;margin-bottom: 22px;position: relative;border: 1px solid #eee;}
.bn-list-img01.type01 > ul > li .b-img-box img{max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s ease;}
.bn-list-img01.type01 > ul > li .b-title{font-weight: 700;font-size: 19px;line-height: 23px;letter-spacing: -0.02em;text-transform: uppercase;color: #222222;margin-bottom: 16px;}
.bn-list-img01.type01 > ul > li .b-i-box{display: flex;gap: 12px;}
.bn-list-img01.type01 > ul > li .b-i-box span{font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #666666;}
.bn-list-img01.type01 > ul > li .b-i-box span.b-date{background: url('../img/board/video-date.png') no-repeat top 3.5px left;padding-left: 15px;}
.bn-list-img01.type01 > ul > li .b-i-box span.b-hit{background: url('../img/board/video-view.png') no-repeat top 3.5px left;padding-left: 20px;}

.bn-list-img01.type01 > ul > li a:hover .b-img-box img{transform: scale(1.1);}

@media screen and (max-width: 1024px) {
	.bn-list-img01.type01 > ul{grid-template-columns: repeat(2, 1fr);gap: 20px 9px;padding: 30px 0;}
	.bn-list-img01.type01 > ul > li .b-img-box{margin-bottom: 15px;}
	.bn-list-img01.type01 > ul > li .b-title{margin-bottom: 10px;}
}

@media screen and (max-width: 768px) {
	.bn-list-img01.type01 > ul > li .b-title {font-weight: 700;font-size: 15px;line-height: 140%;letter-spacing: -0.2px;text-transform: uppercase;}
	
}

/*for newletter page https://unist.jiniworks.com/unist/center/newsletter.do */

/*newletter form*/ 
.newsletter-box .bn-write-common01 .b-table-wrap.b-no-border {border-top: 0;}
.newsletter-box .bn-write-common01 .b-table-box .b-row-box .b-con-box {border-bottom:0;}
.newsletter-box .bn-write-common01 .b-table-box .b-row-box .b-title-box {border-bottom:0;width:120px;vertical-align:text-top;padding-top:28px;}
.newsletter-box .bn-write-common01 .b-table-box .b-row-box.type02 {text-align:center;}
.newsletter-box .bn-write-common01 .b-table-box .type02 .b-chk + label {color:#666;font-weight: 600;text-decoration:underline;font-size: 15px;text-underline-offset:3px;}
.newsletter-box .bn-write-common01 .b-table-box .type02 .b-chk:checked + label {color:#222;}
.newsletter-box .bn-write-common01 .b-table-box .type02 .b-chk + label:before {border: 2px solid rgba(0, 0, 0, 0.14);background: #ccc url(../img/board/ico-check02-w.png) no-repeat 50% 50%;}
.newsletter-box .bn-write-common01 .b-table-box .type02 .b-chk:checked + label:before {background: #004bae url(../img/board/ico-check02-w.png) no-repeat 50% 50%;}

.letter-box {display:flex;gap:0 102px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:60px;padding:39.5px 50px;border-radius:5px;background:#F1F6F9;}
.letter-box .intro {flex:1;}
.letter-box .intro .title {font-weight: 700;font-size: 22px;line-height: 32px;margin: 0 0 15px 0;letter-spacing: -0.2px;}
.letter-box .intro .title span {color:#004BAE;}
.letter-box .intro p {font-weight: 600;font-size: 16px;line-height: 26px;letter-spacing: -0.02em;color:#222;}
.letter-box .btn-register-new {min-width:183px;}
.letter-box .btn-register-new > a {display:inline-block;padding: 17px 45px 17px 25px;font-weight: 600;font-size: 16px;line-height: 1;letter-spacing:-0.01em;color:#fff;background: #004BAE url(/_res/unist/_share/img/board/ico-right-newletter.png) no-repeat center right 25px;border-radius:50px;box-sizing:border-box;position: relative}

/*newsletter*/
.newsletter-wrap{display:none;position:fixed;inset: 0;width:100%;min-height: 100%;background: rgb(34 34 34 / 50%);justify-content:center;z-index:1000;box-sizing: border-box;overflow: auto;align-items: flex-start;padding: 100px 0;}
.newsletter-wrap .newsletter-box{width:100%;max-width: 600px;min-height: 706px;position:relative;box-sizing: border-box;border-radius: 10px;overflow: hidden;background: #fff}
.newsletter-wrap .newsletter-box .newsletter-inner{background: #fff;}
.newsletter-wrap .close-top{position:absolute;top:25px;right:30px;font-size:0;cursor:pointer;background:url(/_res/unist/_share/img/board/newsletter-close.png) no-repeat center center;width: 13.44px;height: 13.44px;}
.newsletter-wrap .close-top a{display: block;width: 100%;height: 100%;}

.newsletter-wrap .newsletter-box .top-box{padding:19.5px;background:#001A54;}
.newsletter-wrap .top-box > p{font-weight: 600;font-size: 20px;line-height: 125%;color:#fff;}

.newsletter-wrap .mid-box{padding: 26px 25px 40px 25px;}
.newsletter-wrap .mid-box .sumary-box {padding: 35px 30px;background:#F1F6F9;border-radius:5px;box-sizing:border-box;margin: 28px 0 13px 0;}
.newsletter-wrap .mid-box .sumary-box > p {font-weight: 600;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color:#333;margin: 0 0 30px 0;}
.newsletter-wrap .mid-box .sumary-box > ol {}
.newsletter-wrap .mid-box .sumary-box > ol li {font-weight: 600;font-size: 15px;margin: 0 0 0 20px;letter-spacing: -0.02em;}
.newsletter-wrap .mid-box .sumary-box > ol li.note {color:#004BAE;text-decoration:underline;text-underline-offset: 3px;}
@media (max-width: 1024px) {
	.newsletter-wrap{padding: 2rem 16px;}
	.newsletter-wrap .mid-box { padding: 15px 15px 40px 15px;}
	.newsletter-wrap .mid-box .sumary-box {padding: 20px 15px;}
	.letter-box {padding:40px 25px 30px 25px;flex-direction: column;align-items: flex-start;margin-bottom: 40px;}
	.letter-box .btn-register-new {margin-top:20px;}
	.letter-box .btn-register-new > a {font-size: 14px;padding: 15px 41px 15px 22px;background-position: center right 22px;}
}

@media (max-width: 768px) {
	.newsletter-wrap .mid-box .sumary-box > p {font-size:14px;margin: 0 0 15px 0;}
	.newsletter-wrap .mid-box .sumary-box > ol li {font-size:14px;}
	.newsletter-box .bn-write-common01 .b-table-box .b-row-box .b-title-box {padding-top:0;}
	.letter-box .intro .title {font-size: 17px;line-height: 150%; margin: 0 0 25px 0;}
	.letter-box .intro p {font-size:13px;line-height:160%;}
	.newsletter-wrap .newsletter-box::-webkit-scrollbar{display: none;}
}