/* news */
.news{ width: 100%; margin: var(--section__margin);}
.news .wrap{ width: 100%; max-width: 1150px; padding: 0 20px; box-sizing: border-box; margin: auto; display: flex; justify-content: space-between; align-items: flex-start;}
.news .wrap .left{ width: 100%; max-width: 180px;}
.news .wrap .right{ width: 100%; max-width: calc(100% - 180px - 20px);}
.news .wrap .right ul{ width: 100%; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px 0;}
.news .wrap .right ul li{ width: 47%; padding: 0 10px 30px; border-bottom: 1px solid var(--color__black); box-sizing: border-box; position: relative;}
.news .wrap .right ul li::after{ content: ""; position: absolute; width: 26px; height: 5px; background-color: var(--color__yellow); bottom: -3px; left: 0; margin: auto;}
.news .wrap .right ul li a{ width: 100%; display: block; position: relative;}
.news .wrap .right ul li a::after{ content: ""; position: absolute; width: 29px; height: 29px; background-image: url(../images/icon02.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; top: 0; right: 0; bottom: 0; margin: auto;}
.news .wrap .right ul li a:hover::after{ background-image: url(../images/icon03.svg);}
.news .wrap .right ul li a.none{ pointer-events: none}
.news .wrap .right ul li a.none::after{ display: none;}
.news .wrap .right ul li a .date{ font-size: 12px; font-family: var(--font__Outfit);}
.news .wrap .right ul li a .txt{ font-size: 18px; font-weight: bold;}

/* bnr */
.bnr{ width: 100%; margin: var(--margin);}
.bnr ul.wrap{ width: 100%; max-width: 1150px; padding: 0 20px; box-sizing: border-box; margin: auto; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px 0;}
.bnr ul.wrap::after{ content: ""; display: block; width: 32%;}
.bnr ul.wrap li{ width: 32%;}
.bnr ul.wrap li a{ display: inline-block;}
.bnr ul.wrap li a:hover{ transform: scale(1.05)}