/* BASIC css start */
/* BASIC css start */


/* 이미지맵 */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
img{border: none;height: auto;max-width: 100%;width: auto;}
.evt_img {width: 100%; max-width: 1902px; min-width: 800px; margin: 0 auto; position: relative;}


#contentWrap {width:1200px}
.loc-navi{ margin: 20px 0; text-align: left;}
.loc-navi dd{ color: #dddedf;}
.loc-navi dd a{  color: #a6a6a6; font-size: 13px;}


#page-body {margin-top: 35px; overflow: hidden;}


/* class-list */
.right_wrap{ width: 980px; float: right;}
.right_wrap .shopbrand_title img{width: 100%; border-radius: 10px;}
.item-wrap, .item-wrap .item-cont{width: 980px}
#productClass .cate-wrap { float: left; width: 180px; overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:22px; color:#000; font-weight:bold; border-bottom: 1px solid #000; }
#productClass .cate-wrap .class-list ul {  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding: 18px 0 0;}
#productClass .cate-wrap .class-list ul li a { display:block; color: #424242; font-size: 16px;}


#productClass .cate-wrap .class-list ul li.on{}
#productClass .cate-wrap .class-list ul li.on a{color: #f00; font-weight:500;}


/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }


/* best, recmd */
#content .right_wrap .item-wrap .beremd{border-bottom: 1px solid #f0f0f0;}
#content .right_wrap .item-wrap .beremd .item-list{ width: 176px; }
#content .right_wrap .item-wrap .beremd .item-list:nth-of-type(5n){padding-right: 0;}
#content .right_wrap .item-wrap .beremd .prd-info{ padding-bottom: 30px;}

/* 상품 목록 영역 */
.cateTit{  padding: 45px 0 18px; text-align: left; }
.cateTit h2{ color: #1c1c1c; font-size: 17px;}


/* 이벤트 메인 */
#evt01 { background: #f7f7f7;}

.main_wrap {   position: relative;
  height: auto; /* 고정 높이 대신 비율 유지 */
  overflow: hidden;
  background: url('http://ftp.dailylike.jpg3.kr/hgodo/05_Evt/2508/25_summer_seasonoff_PC_bg.png') no-repeat;
  background-size: cover; 
   padding-top: 32.6%;}

.evt-tit {
  position: absolute;
   /* 화면에 맞춰 줄어듦 */
  top: 0;
  z-index:2;
}


.tit_piece {
  position: absolute;
   /* 원래 디자인 비율로 조정 */
  opacity: .8;
}

.tit-s { top: 11.5%; left: 1%; }
.tit-u { left: 26%; top: -29%; }
.tit-M { bottom: -36%; left: 25.5%; }
.tit-m { top: 0%; left: 53.8%; }
.tit-e { bottom: -90px; right: 20%; }
.tit-r { top: 8%; right: -3%; }

.float { animation: float 5s ease-in-out infinite; }


@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

.ev_benefit {text-align: center;padding: 80px 0;background: linear-gradient(351deg, rgba(132, 192, 226, 0.37) 0%, rgba(239, 243, 246, 0.37) 70%); box-shadow: 0px -40px 35px -23px rgba(51, 111, 210, 0.2);}

.notice-container {
  text-align: center;
  display: flex; /* 텍스트 크기만큼 너비 */
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.notice-title {
  display: inline;
  cursor: pointer; /* 클릭 가능한 커서 */
  color: #666;
}

.arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
}

.arrow.up {
  transform: rotate(-135deg);
}

.notice-content {
  display: none; /* 시작 시 숨김 */
  color: #666;
}
/* 작은 화면 대응 */
@media screen and (max-width: 1902px) and (min-width: 1024px) {
  .tit_piece {
    width: 22%;
  }
}

@media screen and (max-width: 1024px) {
  
  .tit_piece { width: 22%; }
}


/* BASIC css end */


/* BASIC css end */