@charset "utf-8";

*{font-family:'pretendard','noto sans kr','맑은 고딕',돋움,'Apple SD Gothic Neo','sans-serif';}

.tab{margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.tab li{list-style: none; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; cursor: pointer; }
.tab li img{width: 70px; height: 60px; }

.cont{display: flex; justify-content: flex-start; align-items: center; gap: 40px; }
.cont .wrap{width: 240px; }

.tab_cont {display: none; }
.tab_cont img{margin: 0 auto; width: 130px; height: 120px; padding: 10px; border: 1px solid #ddd; box-sizing: border-box; display: block; }
.tab_cont.current{display: block; }
.tab_cont a{text-decoration: none; color: #222; text-align: center; }


.page_item{position: relative; margin: 20px auto; max-width: 1000px; overflow: hidden; }
.page_item *{margin: 0; padding: 0; }
.page_item li img{display: block; margin: 0 auto; height: 100%; }
.page_item li{list-style: none; }


.page_item .item_next,
.page_item .item_prev{background-image: none; }

.page_item .item_next{transform: rotate(180deg); }
.page_item .item_page{left: 50%; transform: translateX(-50%); padding: 8px 15px; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 100px; max-width: max-content; box-sizing: border-box; }