.gp5 {
  
.custom-btn {
  display:inline-block; padding: 2px 8px; border: 1px solid #dadfe2; border-radius: 4px;
}

.over-help-layout {
  width: 234px;
}

.over-help-layout .header {
  height:16px; background-image: url('../images/order/after-help-over1.png'); background-repeat: no-repeat; background-position: center top;
}

.over-help-layout .loop {
  width:100%; padding: 10px 20px; background-image: url('../images/order/after-help-over2.png');
}

.over-help-layout .bottom {
  height:19px; background-image: url('../images/order/after-help-over3.png'); background-repeat: no-repeat; background-position: center top;
}

.cart-count {
  position: absolute; left:17px; top:-5px; background-color: #f66161; padding:1px 10px; border-radius: 10px; color:#fff; font-size:14px;
}


input::placeholder {
  color: #2f3438 !important;
  opacity: 0.2 !important;
}

.underline {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #4e6ef2;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}


/* 메인 탑배너 */
header .top-ad {
  background-color: #4432ff;
  background-image: url('../images/main/top-ad1-bg.png');
}

header .top-ad .center-conts {
  position:relative; margin:0 auto; width:1300px; height:50px;
}

header .top-ad .close-btn {
  position:absolute; right:5px; top:15px;
}
/* 메인 탑배너 */


/* 로고 & 서치바 */
header .logo-customer {
  width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:16px 0;
}

header .logo-customer .customer {
  display:flex;
  align-items:center;
  gap: 8px;
}


/* 통합검색 */
header .logo-customer .customer li:nth-child(1) {
  margin-right:8px;
}

/* 로긴,회원가입,고객센터 */
/* header .logo-customer .customer li:nth-child(n+2):nth-child(-n+5) { */
  /* margin:0 6px; */
/* } */

.input-with-icon {
  background: url('../images/icon/search.png') no-repeat left center;
  background-size: 19px;
  padding-left: 24px; /* 아이콘 공간 확보 */
  width:332px; height:40px; border:none; border-bottom:1px solid #dadfe2;
}


/* 로고 & 서치바 */


nav {
  border-top:1px solid #eaedef; border-bottom:1px solid #eaedef;
}

nav li.menu > a {
  font-size: 16px;
  font-weight: 400;
}



/* 네비게이션 */
/* 메뉴 바 */
.menu-container {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.menu {
  padding: 15px 0 15px 26px;
  /*cursor: pointer;*/
  /*text-align: center;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu .remain-time {
  color:#4e6ef2;
  font-size:0.8em;
}

.menu .bar-left {
  margin-left: 25px;
}

/* 메뉴오버시 밑줄 효과 */
.menu > a {
  position: relative;
  text-decoration: none;
  color: black;
  padding-bottom: 4px;
}

.menu > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: black;
  transition: width 0.3s ease, left 0.3s ease;
}

.menu > a:hover::after {
  width: 100%;
  left: 0;
}



/* 서브메뉴오버시 밑줄 효과 */
.submenu a {
  position: relative;
  text-decoration: none;
  color: black;
  padding-bottom: 4px;
}

.submenu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: black;
  transition: width 0.3s ease, left 0.3s ease;
}

.submenu a:hover::after {
  width: 100%;
  left: 0;
}





.menu .bb {
  color:#4e6ef2;
  font-weight: 600;
}

.menu:nth-child(1) {
  padding-left:0;
}

/* 서브메뉴 컨테이너 */
.submenu-container {
  position: absolute;
  top: 59px;  
  left: 0;
  width: 100%; /* 전체 화면 가로 너비 */
  background-color: rgba(0, 0, 0, 0.5);
  display: block; /* 기본적으로 보이게 설정 */
  opacity: 0; /* 서브메뉴가 기본적으로 보이지 않도록 설정 */
  max-height: 0; /* 기본적으로 높이를 0으로 설정하여 서브메뉴가 보이지 않음 */
  z-index: 1000;
  overflow: hidden; /* 내용이 넘칠 때 숨김 */
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* 메뉴에 마우스를 올리면 서브메뉴가 펼쳐짐 */
.menu:hover .submenu-container {
  opacity: 1;
  max-height: 850px;
  box-shadow:2px 2px 8px #f1f1f1;
}

/* 서브메뉴 항목 */
.submenu {
  width: 1300px; margin: 0 auto;
  background-color: #fff;
}



/* 드롭다운 메뉴 좌측 패딩 잡기 start */
.submenu-container ul.submenu-rlink:nth-child(1) {
  padding-left: 33px;
}

.submenu-container .submenu .big-cate {
  padding: 10px 0 10px;
  padding-left: 33px;
}

.submenu-container .submenu-all .columns li:nth-child(1) {
  padding-left: 33px;
}

.submenu-container .submenu-all .column-six5 li:nth-child(1) {
  padding-left: 33px;
}

.submenu-container .submenu-all .column-six4 li:nth-child(1) {
  padding-left: 33px;
}

.submenu-container .submenu-all .column-six3 li:nth-child(1) {
  padding-left: 33px;
}

.submenu-container .submenu-all .column-six li:nth-child(n+7):nth-child(-n+12) {
  padding-left: 33px;
}

.submenu-container .submenu-today .column-four .sang-today {
  padding-top: 30px;
  padding-left: 33px;
}

.submenu-container .submenu-namecard .column-five li:nth-child(1) {
  padding-left: 33px;
}

/* .submenu-container .submenu-all .column-six3 li:nth-child(1) {

} */

.submenu-container .submenu-book .column-four .pt {
  padding-top: 30px;
  padding-left: 33px;
}

/* 드롭다운 메뉴 좌측 패딩 잡기 end */



/*서브메뉴 전체상품 */
.submenu-container .submenu-all {
  height:800px; overflow-y:auto;
}

.submenu-container .box-guide {
  background-color:#f7f7f7; padding-top:30px;
}

.submenu-container .box-guide .info1 {
  display: flex; justify-content: center; margin-bottom:30px;
}

.submenu-container .box-guide .info1 .align1 {
  margin-right:20px; text-align:center;
}

.submenu-container .box-guide .info1 .align2 {
  margin-left:20px; text-align:center;
}

.submenu-container .box-guide .info2 {
  padding:0 40px;
}

.submenu-container .box-guide .info2 table td:nth-child(1) {
  vertical-align:top;
}


.submenu-container .box-guide .info2 .stitle {
  font-size: 14px; font-weight: 600;
}

.submenu-container .box-guide .info2 table td span {
  color:#4e6ef2;
}

.submenu-container .box-guide .info2 .warning {
  color:#f66161;
}




.submenu-container .submenu .big-cate {
  font-size: 1.3rem;
  font-weight: 800; 
}

.title {
  font-size: 1.1rem !important;
  padding-bottom: 8px;
  line-height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: left;
}

/* .title::after{
  content: " \003E";   
  margin-left: 4px;
  font-weight: 400;    
} */

.v-application .title {
  font-size: 1rem !important;
}

.submenu-container .submenu .small-cate::after{
  content: " \003E";   /* 공백 + '>' */
  margin-left: 4px;
  font-weight: 400;    /* 필요시 두께 조절 */
}

.submenu-container ul.submenu-rlink:nth-child(1) {
  /* margin-top:26px; */
  padding-top: 26px;
  display: flex;
}

.submenu-container ul.submenu-rlink:nth-child(1) li {
  background-color: #f7f9fa;
  border-radius: 15px;
  padding: 5px 14px;
  margin-right:10px;
  cursor:pointer;
}

.submenu-container ul.submenu-rlink:nth-child(1) li.active {
  background-color: #4e6ef2;
  border-radius: 15px;
  color:#fff;
}

.submenu-container .submenu-all .column-six {
  display:grid; grid-template-columns: repeat(6, 1fr);
}

.submenu-container .submenu-all .column-six li {
  border-left: 1px solid #e3e3e3;
  padding-left:30px;
  height:300px;
}

hr {
  border: 1px solid #e3e3e3;
}

.submenu-container .submenu-all .columns li a {
  line-height: 30px;
  color: #444;
}



.submenu-container .submenu-all .columns li:nth-child(1) {
  border-left:none;
}


.submenu-container .submenu-all .column-six li:nth-child(7) {
  border-left:none;
  padding-left:0;
}

.submenu-container .submenu-all .column-six li:nth-child(n+7):nth-child(-n+12) {
  height:250px;
}

.submenu-container .submenu-all .column-six3 {
  display:grid; grid-template-columns: 1fr 1fr 4fr;
}

.submenu-container .submenu-all .column-six3 li {
  border-left:1px solid #dadfe2;
  padding-left:30px;
}

.submenu-container .submenu-all .column-six3 li:nth-child(1) {
  border-left:none;
}



.submenu-container .submenu-all .column-six4 {
  display:grid; grid-template-columns: 1fr 1fr 1fr 3fr;
}

.submenu-container .submenu-all .column-six4 li {
  border-left:1px solid #dadfe2;
  padding-left:30px;
}

.submenu-container .submenu-all .column-six4 li:nth-child(1) {
  border-left:none;
}



.submenu-container .submenu-all .column-six5 {
  display:grid; grid-template-columns: repeat(6,1fr);
}

.submenu-container .submenu-all .column-six5 li {
  border-left:1px solid #dadfe2;
  padding-left:30px;
}

.submenu-container .submenu-all .column-six5 li:nth-child(1) {
  border-left:none;
}




.submenu-container .submenu-today .column-four {
  display:grid; grid-template-columns: 1fr 1fr 2fr 387px;
}

/* .submenu-container .submenu-today .column-four .sang-today {
  padding-top:30px;
  padding-left: 12px;
} */

/* .submenu-container .submenu-today .column-four .sang-today .title { */
  /* font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: left; */
/* } */


.submenu-container .submenu-today .column-four .sang-today a {
  line-height: 30px;
}


.submenu-container .submenu-today .column-four .digital-today {
  padding-top:30px;
}

.submenu-container .submenu-today .column-four .digital-today .line {
  border-left: 1px dotted rgb(224, 224, 224);
  border-right: 1px dotted rgb(224, 224, 224);
  padding-left: 30px;
}



.submenu-container .submenu-today .column-four .digital-today a {
  line-height: 30px;
}



/* 메뉴 명함 */
.submenu-container .submenu-namecard .column-five {
  display:grid; grid-template-columns:1fr 1fr 1fr 1fr 387px;
}

.submenu-container .submenu-namecard .column-five .pt {
  padding-top:30px;
}

.submenu-container .submenu-namecard .column-five .pt .line {
  border-left: 1px dotted rgb(224, 224, 224);
  padding-left: 30px;
}


.submenu-container .submenu-namecard .column-five a {
  line-height: 30px;
}

.submenu-container .submenu-namecard .column-five li:nth-child(1) {
  border-left:none;
}




/* 메뉴 책자 */
.submenu-container .submenu-book .column-four {
  display:grid; grid-template-columns:1fr 1fr 2fr 387px;
}

.submenu-container .submenu-book .column-four a {
  line-height: 30px;
}

.submenu-container .submenu-book .column-four li {
  border-left:1px solid #dadfe2;
  padding-left:30px;
}

.submenu-container .submenu-book .column-four li:nth-child(1) {
  border-left:none;
  padding-left:0;
}

.submenu-container .submenu-book .column-four .pt .line {
  border-left:1px solid #dadfe2; padding-left:30px;
}



/* 썸네일 이미지 오버시 확대 */
.background-box {
  position: relative;
  width: 304px;
  height: 304px;
  background-image: url('images/rect/1.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.3s ease-in-out;
}

/* 마우스 오버 시 배경 확대 */
.background-box:hover {
  background-size: 110%;
}




/* 푸터 */

footer .part-one {
  width: 100%;
  height: 220px;
  background-color: #f5f5f5;
}


footer .part-one .site-info {
  display:flex; width: 1300px; margin: 0 auto; justify-content: space-between;
}

footer .part-one .site-info .phone {
  width: 334px; padding-top: 30px;
}


footer .part-one .site-info .phone .title {
  font-size: 15px; margin-bottom: 20px; font-weight: 600;
}

footer .part-one .site-info .phone .phone-number {
  display: block; font-size: 20px; font-weight: 700; margin-bottom: 10px;
}

footer .part-one .site-info .phone .working-day {
  font-size: 13px; color:#2f3438; margin-bottom: 10px;
}

footer .part-one .site-info .phone .working-time {
  font-size: 13px; color:#2f3438; border-left:1px solid #dadfe2; padding-left: 10px;
}



footer .part-one .site-info .map {
  width: 632px; position:relative;
}

footer .part-one .site-info .map .link {
  position:absolute; top:30px; width:100%;
  display:grid; grid-template-columns: repeat(3, 1fr); row-gap:16px; align-items: center; border-left: 1px solid #dadfe2; border-right: 1px solid #dadfe2; 
}

footer .part-one .site-info .map .link a {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  padding-left: 80px;
}

footer .part-one .site-info .etc {
  width: 334px; position: relative;
}


footer .part-one .site-info .etc .holder1 {
  position:absolute; left:0; top: 30px; width:420px; height:154px;
}

footer .part-one .site-info .etc .holder2 {
  display:grid; grid-template-rows: repeat(3, 1fr); row-gap:18px; align-items: center; justify-content: center;
}


footer .part-one .site-info .etc .etcbtn {
  display:block; width:254px; border:1px solid #dadfe2; text-align:center; padding:10px 20px;
}


footer .part-two {
  width: 100%;
  min-height: 170px;
  background-color: #fff;
  
}

footer .part-two .holder {
  width: 1300px; margin: 0 auto; padding-top:30px; display:flex;
}

footer .part-two .holder .address {
  width:966px; font-size:12px; color: #707070; line-height:22px;
}

footer .part-tow .holder .address .biz-no {
  display: inline-block; width:100px; height:20px; border: 1px solid #333; font-size: 12px;
}

footer .part-two .holder .rules {
  color: #777; font-weight:700;
}

footer .part-two .holder .social-link {
  width: 334px; text-align:right;
}

footer .part-two .holder .social-link img.btn-social {
  margin-left:30px;
}


#the-dark {
  transition: opacity 0.5s ease, visibility 0s 0.5s;
}

/*멤버쉽 정보 */
.membership-info {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width:394px; margin:0 auto; background-color:#fff; border-radius: 10px;
}

.membership-info .header {
  display:flex; align-items:center; justify-content:space-between; border-bottom: 1px solid #707070;
}

.membership-info .header .close {
  padding-right:10px;
}



.membership-info .header .title {
  flex:1; font-size: 16px; font-weight: 600; padding: 12px 0; text-align:center; padding-left:20px;
}

.membership-info .conts {
  padding: 0 45px;
}

.membership-info .conts .title {
  font-size: 16px; font-weight: 400; text-align:center; padding: 24px 0;
}

.membership-info .conts .title .member {
  font-size: 18px;
}

.membership-info .conts .welcome {
   text-align: center; margin-bottom: 40px;
}

.membership-info .conts .warning {
  font-size:16px; color: #f66161; margin-bottom: 15px;
}

.membership-info .conts .a-btn {
  display: block; font-size: 16px; color: rgba(47,52,56,0.7); border: 1px solid #d1d7dB; padding: 8px 0; border-radius: 10px;
  text-align: center; margin-bottom: 15px;
}

.membership-info .conts .money {
  display: grid; grid-template-columns: 8fr 1fr; align-items: center;
  background-color: #f5f5f5; padding: 4px 12px; border-radius: 10px; margin-bottom: 10px;
}


.membership-info .conts .money .price {
    font-size: 21px; color: #4e6ef2; font-weight: 400;
}

.membership-info .conts .money .label {
  color: #4e6ef2;
}

.membership-info .a-btn2 {
  display: block; background-color: #f5f5f5; text-align:center; padding: 10px 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}







/*접수시간 안내 */
.order-time-info {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width:394px; margin:0 auto; background-color:#fff; border-radius: 10px;
}

.order-time-info .header {
  display:flex; align-items:center; justify-content:space-between; border-bottom: 1px solid #707070;
  background-color: #4264EC;
}

.btn-layer-close {
  cursor:pointer;
}



.order-time-info .header .title {
  flex:1; color: #fff; font-size: 16px; font-weight: 600; padding: 12px 0; text-align: left; padding-left:20px;
  margin-left: 10px;
}


.order-time-info .header .close {
  padding-right:10px;
}


.order-time-info .conts {
  display:grid; grid-template-columns: 1fr 1.8fr; padding: 14px 30px; row-gap:14px;
}


.order-time-info .conts .label {
   font-size:16px; font-weight: 600;
}

.order-time-info .conts .time {
  font-size:16px;
}

.order-time-info .conts .line {
   grid-column: span 2; border-bottom: 1px solid #dadfe2;
}

.order-time-info .customer {
  background-color:#f5f5f5; padding: 10px 30px;
}

.order-time-info .customer .holder {
  display: flex;
}

.order-time-info .customer .holder .txt1 {
  font-size:16px; font-weight: 600;
}

.order-time-info .customer .holder .txt2 {
  font-size:16px; font-weight: 600; margin-left:10px;
}

.order-time-info .customer .holder .txt3 {
  margin-left:10px;
}

.order-time-info .customer .time-info {
  font-size: 13px; color:#2f3438; opacity: 0.9; line-height:21px;
}

.order-time-info .consult {
   text-align:center; padding: 25px 0 10px 0;
}

.order-time-info .consult .txt {
  color:#4e6ef2; font-weight:600;
}

.order-time-info .channel {
  padding: 0 30px;
}


.order-time-info .channel .channel-btn {
  border: 1px solid #dadfe2; border-radius: 10px; text-align:center; padding:10px 0;
  background-color: #ffe812;
    display: flex;
  align-items: center; /* 수직 가운데 정렬 */
  justify-content: center; /* 수평 가운데 정렬 (필요시) */
}

.order-time-info .channel .channel-btn img {
  width: 18px; height: 18px; margin-right: 6px;
    /* vertical-align: middle; */
}

.order-time-info .channel .channel-btn .txt {
  font-size: 16px;
  color: #3c1e1e !important;
  font-weight: 600;
  margin-bottom: 3px;
}



/** 고객리뷰 리스트 **/
.review-list {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width:1240px; height:634px; background-color:#fff; border-radius: 10px;
}

.review-list .header {
  display:flex; align-items:center; justify-content: apace-between; padding:10px 0; border-bottom: 1px solid #96999b;
}

.review-list .header .title-holder {
  flex:1; display:flex; align-items:center; justify-content: center;
}

.review-list .thumbs {
  display:grid; grid-template-columns: repeat(4, 1fr) auto; padding:20px; row-gap: 20px; height: 565px; overflow-y: auto;
}



/** 고객리뷰 보기 **/
.review-view {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width:1240px; background-color:#fff; border-radius: 10px;
}

.review-view .out-title {
  position: relative;
}

.review-view .out-title .holder {
  position: absolute; left:0; top: -40px; color:#fff; display: flex; align-items:center;
}

.review-view .out-title .holder .txt {
  font-size:20px; font-weight: 600;
}

.review-view .out-title .holder .txt2 {
  font-size:20px; font-weight: 600; opacity: 0.5; margin: 0 5px;
}

.review-view .out-title .holder .txt3 {
  font-size:24px; font-weight: 600; opacity: 0.5;
}



.review-view .header {
  display:flex; align-items:center; justify-content: apace-between; padding:10px 0; border-bottom: 1px solid #96999b;
}

.review-view .header .close {
  cursor:pointer;
}

.review-view .header .title-holder {
  flex:1; display:flex; align-items:center; justify-content: center;
}

.review-view .header img.moa {
  opacity: 0.5;
}

.review-view .body {
  display:flex;
}

.review-view .body .photo {
  width:772px; position:relative;
}

.review-view .body .photo .prev:hover {
  cursor:pointer; background-color: rgba(0,0,0,0.4);
}

.review-view .body .photo .next:hover {
  cursor:pointer; background-color: rgba(0,0,0,0.4);
}


/* 오른쪽 컨텐츠 세로로 정렬 */
.review-view .body .conts-holder {
  display:flex; flex-direction: column; justify-content: space-between;
}

.review-view .body .conts-holder .texts {
    padding: 25px;
}

.review-view .body .conts-holder .texts .title {
  font-size:20px; font-weight: 600;
}

.review-view .body .conts-holder .texts .order {
  margin-bottom:12px;
}

.review-view .body .conts-holder .texts .order .point {
  color:#2f3438; font-weight: 600; margin-right:12px;
}

.review-view .body .conts-holder .texts .order .user {
  color:#2F3438; opacity: 0.7;
}

.review-view .body .conts-holder .texts .order .dates {
  color:#2F3438; opacity: 0.7;
}

.review-view .body .conts-holder .texts .order .cnt {
  color:#47517d;
}

.review-view .body .conts-holder .texts .review-short {
  margin-bottom:12px; font-size:13px;
}


.review-view .body .conts-holder .texts .review-short span {
  background-color:#eceff0; padding: 1px 6px; border-radius: 4px; margin-left:4px;
}

.review-view .body .conts-holder .texts .review-short span:nth-child(1) {
  margin-left:0;
}

.review-view .body .conts-holder .texts .order-spec {
  font-size: 13px; color:#2f3438; opacity: 0.9;
}

.review-view .body .conts-holder .texts .line {
  border-top:1px solid #707070;
}

.review-view .body .conts-holder .texts .memo {
  font-size: 16px;
}





.review-view .body .photo .prev {
  position:absolute; width:38px; height: 38px; background-color:rgba(0,0,0,0.1); left:0; top:50%; transform: translateY(-50%); line-height:34px; text-align:center;
}


.review-view .body .photo .next {
  position:absolute; width:38px; height: 38px; background-color:rgba(0,0,0,0.1); right:0; top:50%; transform: translateY(-50%); line-height: 34px; text-align:center;
}

.review-view .body .thumbs {
  padding: 20px 25px;
}

.review-view .body .thumbs .line {
  border-top:1px solid #707070;
}

.review-view .body .thumbs .thumb-img {
  display:flex; justify-content: space-between;
}

.review-view .body .thumbs .thumb-img .box {
  width:73px; height:73px; background-color:#dadfe2; border-radius:10px;
}

.review-view .body .thumbs .thumb-img .item {
  border: 2px solid #fff;
  border-radius:13px;
}

.review-view .body .thumbs .thumb-img .item:hover {
  border: 2px solid #333;
}

.review-view .navi {
  position:relative;
}

.review-view .navi .holder {
  position:absolute; width:100%; bottom: -50px; z-index:2;
}

.review-view .navi .holder .align {
  display: flex; justify-content: center; align-items: center;
}

.review-view .navi .holder .align .btn-prev {
  margin-right:20px;
}

.review-view .navi .holder .align .btn-next {
  margin-left:20px;
}

.review-view .navi .holder .align .txt {
  font-size: 19px; color: #fff;
}

.review-view .navi .holder .align .v-bar {
  font-size:15px; font-weight:600; margin: 0 20px; color: #fff;
}




.zzim-list {
  width: 1300px; margin: 0 auto; background-color: #fff;
}

.zzim-list .zzim-header {
  display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #707070;
}

.zzim-list .title {
  margin-left:4px; font-size:19px;
}

.zzim-list .title2 {
  font-size: 17px; font-weight: 600;
}

.zzim-list .btn-custom {
  border:1px solid #dadfe2; padding: 5px 10px; border-radius:4px;
}

.zzim-list .thumb-list {
  display: grid; grid-template-columns: repeat(5,1fr); gap: 10px;
}

.zzim-list .thumb-list .holder {
  width: 249px;
}

.zzim-list .thumb-list .holder .desc .title {
  font-size: 16px; font-weight: 600; padding-top: 14px; margin-bottom: 6px;
}

.zzim-list .thumb-list .star-point {
  color:#2f3438;
}

.zzim-list .thumb-list .ov-bar {
  margin: 0 5px; opacity:0.3;
}

.zzim-list .empty {
  height: 46px;
}


.zzim-wrap100 {
  position: absolute; left: 50%; top: 50%; width: 100%; background-color: #fff; transform: translate(-50%, -50%);
}


.event {
  width:1300px; margin:0 auto;
}

.event .header {
  display: flex; align-items: center; justify-content: space-between; padding: 40px 0;
}

.event .header .title {
  font-size:25px; font-weight: 500;
}

.event .btn-list {
  display: flex; align-items: center; border: 1px solid #dadfe2; border-radius: 4px; padding: 12px 30px; font-size: 16px;
}

.event .btn-list:hover {
  border-color: #4e6ef2;
}

.event .btn-arrow {
  display: flex; align-items: center; justify-content: center; border: 1px solid #dadfe2; border-radius: 4px; width:50px; height: 50px; font-size: 16px; line-height: 50px;
  margin-left: 10px;
}

.event .btn-arrow:hover {
  border-color: #4e6ef2;
}

}