/* BASIC css start */
/* 메인 헤더 */
html #header .head {position:absolute; width:100%;}
html #header .head .left_head ul li.allmenu_btn {background:url("/design/akiiikr/wib/mo/img/allmenu_w.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header .head .center_head ul li h1 {background:url("/design/akiiikr/wib/mo/img/logo_w.png") no-repeat; width:168px; height:20px; background-size:100% auto;}
html #header .head .left_head ul li.sch_btn {background:url("/design/akiiikr/wib/mo/img/sch_w.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header .head .right_head ul li.mp_btn {position:relative; background:url("/design/akiiikr/wib/mo/img/mp_w.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header .head .right_head ul li.cart_btn {position:relative; background:url("/design/akiiikr/wib/mo/img/cart_w.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header .head .right_head ul li.cart_btn .count {color:#fff;}

/* 메인 헤더 픽스시 */
html #header.fixed .head .left_head ul li.allmenu_btn {background:url("/design/akiiikr/wib/mo/img/allmenu.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
/*로고 효과주기*/
html #header.fixed .head .center_head ul li h1 {background:url("/design/akiiikr/wib/mo/img/logo.png") no-repeat; width:168px; height:20px; background-size:100% auto;}
html #header.fixed .head .left_head ul li.sch_btn {background:url("/design/akiiikr/wib/mo/img/sch.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header.fixed .head .right_head ul li.mp_btn {position:relative; background:url("/design/akiiikr/wib/mo/img/mp.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header.fixed .head .right_head ul li.cart_btn {position:relative; background:url("/design/akiiikr/wib/mo/img/cart.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
html #header.fixed .head .right_head ul li.cart_btn .count {color:#0F0F12;}

/* 더보기 버튼 */
.more_btn {height:48px; border:1px solid #D9DDE1; box-sizing:border-box; margin:10px 15px 0;}
.more_btn a {height:48px;line-height:46px; text-align:center; display:block; color:#0F0F12; font-size:14px; font-weight:400;}
.more_btn a img {display:none;vertical-align:middle; margin-left:10px; width:7px; position:relative; top:-2px;}

/* 공통 타이틀 */
.tit_center  {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom:25px; line-height:normal; text-align:center; line-height:1; font-family:'Pretendard', sans-serif; /*이탤릭체 주석처리 font-style: italic;*/}
.tit1_center {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom:10px; line-height:normal; text-align:left; line-height:1; font-family:'Pretendard', sans-serif; margin-left: 15px;} /*실시간베스트영역*/
.tit2_center {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom:25px; line-height:normal; text-align:left; line-height:1; font-family:'Pretendard', sans-serif; margin-left: 1px;} /*인스타그램영역*/
.tit3_center {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom:25px; line-height:normal; text-align:left; line-height:1; font-family:'Pretendard', sans-serif; margin-left: 15px;} /*크리마포토리뷰영역*/
.tit4_center {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom:25px; line-height:normal; text-align:left; line-height:1; font-family:'Pretendard', sans-serif; margin-left: 15px;} /*포커스온영역*/
.tit5_center {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom:20px; line-height:normal; text-align:left; line-height:1; font-family:'Pretendard', sans-serif; margin-left: 15px;} /*아키태그영역*/
.tit7_center {font-size:25px; color:#0F0F12; font-weight:700; margin-bottom: 25px; line-height:normal; text-align:left; line-height:1; font-family:'Pretendard', sans-serif; margin-left: 15px;} /*컬렉션영역_대타이틀*/
.tit8_center {font-size:23px; color:#0F0F12; font-weight:700; margin-top:50px; line-height:normal; text-align:left; line-height:1; font-family: 'Pretendard', sans-serif; margin-left: 15px;}//*컬렉션영역_소타이틀*/

.coll-title {font-size:18px; font-weight:700; color:#222; font-family:'Pretendard', sans-serif; display: block; margin-bottom: 25px;}
.coll-desc {font-size: 14px; font-weight:400; color: #666; font-family:'Pretendard', sans-serif; line-height: 1.18 !important;display: block;}


/* 아키클래식 꿀조합 아이템, 오늘의 이슈, 이런게필요해 수동 상품 스타일 */
.manual_prd_list .prd_thumb {width:75px; display:inline-block; vertical-align:middle; height:100px; }
.manual_prd_list .prd_thumb > img {width:100%;}
.manual_prd_list .prd_info {width:calc(100% - 75px); display:inline-block; vertical-align:middle; padding-left:15px; box-sizing:border-box;}
.manual_prd_list .prd_info .prd_tit {font-size:13px; color:#0F0F12; letter-spacing:-0.01em; font-weight:500; margin-bottom:15px;}
.manual_prd_list .prd_info .prd_price span {display:inline-block; vertical-align:middle; margin-right:7px; font-size:0;}
.manual_prd_list .prd_info .prd_price span.sale {font-size:14px; color:#0F0F12; font-weight:500;}
.manual_prd_list .prd_info .prd_price span.per {font-size:14px; color:#BA1F2A; font-weight:500;}
.manual_prd_list .prd_info .prd_price span.org {font-size:13px; color:#787878; font-weight:300; text-decoration:line-through;}


/* 아키클래식 리뷰후기 모음 수동 상품 스타일 230614 소스추가 */
.prmanual_prd_list .prprd_thumb {width:40px; display:inline-block; vertical-align:top; height:40px; }
.prmanual_prd_list .prprd_thumb > img {width:100%;}
.prmanual_prd_list .prprd_info {width:calc(100% - 40px); display:inline-block; vertical-align:middle; padding-left:15px; box-sizing:border-box; padding-top: 1px;}
.prmanual_prd_list .prprd_info .prprd_tit {font-size:13px; color:#0F0F12; letter-spacing:-0.01em; font-weight:500; margin-bottom:15px;}
.prmanual_prd_list .prprd_info .prprd_price span {display:inline-block; vertical-align:middle; margin-right:5px; font-size:0;}
.prmanual_prd_list .prprd_info .prprd_price span.sale {font-size:11px; color:#0F0F12; font-weight:500; margin-top:-25px;}
/*.manual_prd_list .prprd_info .prprd_price span.per {font-size:14px; color:#BA1F2A; font-weight:500;}*/
.prmanual_prd_list .prprd_info .prprd_price span.org {font-size:11px; color:#787878; font-weight:300; text-decoration:line-through; margin-top:-25px;}


/*260126 시안 추가 시작*/
/* 메인 슬라이드 */
.mv ul li > a {display:block; width:100%; height:100%;}
.mv ul li .ban img {width:100%;}
/* 텍스트 박스 */
.mv ul li .txt_box { position: absolute; left: 25px; bottom: 35px; width: auto; max-width: 100vw; transform: none; text-align: left; z-index: 5; margin: 0; }

.mv ul li .txt_box .tit { font-size: 28px; color: #fff; font-weight: 600; line-height: 1.3; margin-bottom: 25px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; text-align: left; }
.mv ul li .txt_box .txt { font-size: 14px; color: #fff; font-weight: 400; color: font-family: 'Suit', sans-serif; line-height: 1.5; word-break: break-word; text-align: left; }

.mv ul li .txt_box .tit_b { font-size: 28px; color: #111; font-weight: 600; line-height: 1.3; margin-bottom: 25px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;  text-align: left; }
.mv ul li .txt_box .txt_b { font-size: 14px; color: #111; font-weight: 400; color:  font-family: 'Suit', sans-serif; line-height: 1.5;  word-break: break-word; text-align: left; }

/* 인디케이터 (슬라이드 하단표시) */
.mv-indicator { position: absolute; right: 10px; bottom: 12px; padding: 4px 8px; background: rgba(0, 0, 0, 0.38); color: #fff; font-size: 12px; 
font-family: 'Pretendard', 'Noto Sans KR', Arial, sans-serif; border-radius: 12px; z-index: 50; min-width: 30px; text-align: center; }
/* 모바일 반응형 설정 */
@media (max-width: 420px) {
  .mv ul li .txt_box { left: 25px; bottom: 35px; }
  .mv ul li .txt_box .tit { font-size: 28px; margin-bottom: 25px; }
  .mv ul li .txt_box .txt { font-size: 14px; }
  .mv-indicator { font-size: 12px; right: 10px; bottom: 12px; padding: 4px 8px; }
}
/*260126 시안 추가 끝*/

.mv .slick-dots {position:absolute; width:100%; height:3px; bottom:20px; left:0; font-size:0; text-align:center;}
.mv .slick-dots li {display:inline-block; vertical-align:top; margin-right:10px;}
.mv .slick-dots li:last-of-type {margin-right:0;}
.mv .slick-dots li button {border:none; width:17px; height:3px; background:rgba(255,255,255,0.5);}
.mv .slick-dots li.slick-active button {background:#fff;}

/*
.mv .swiper-pagination {bottom: 17px !important;}
*/
/* 스크롤 하나 크기 원래는 17px
.mv .swiper-pagination .swiper-pagination-bullet {width: 17px; height: 3px; background: rgba(255,255,255,0.5); border-radius: inherit; opacity: 1;}
*/
/*
.mv .swiper-pagination .swiper-pagination-bullet {width: 16px; height: 3px; background: rgba(255,255,255,0.5); border-radius: inherit; opacity: 1;}
.mv .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
*/
/* 초기: 공간은 유지(visibility로 접근만 막음), 안 보이게 */
/*
.mv .swiper-pagination{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .3s ease .5s, visibility 0s linear .5s;
}
*/
/* init 후 클래스 토글되면 표시 시작 */
/*
.mv .swiper-pagination.show-pagination{
  opacity: 1;
  visibility: visible;   
  pointer-events: auto;
}
*/

@media (max-width: 367px) {.mv .slick-dots li button {width:17px;}}


/* NEW ARRIVAL */
.new_ban {margin-top:70px;}
.new_ban ul.ban_list {margin:0 15px;}
.new_ban ul.ban_list li .ban img {width:100%;}
.new_ban ul.ban_list li .txt_box {margin-top:22px; text-align:center;}
.new_ban ul.ban_list li .txt_box .tit {font-size:24px; color:#0F0F12; font-weight:600; margin-bottom:20px; line-height:normal;  font-weight:600; font-family: 'Pretendard', sans-serif;}
.new_ban ul.ban_list li .txt_box .txt {font-size:15px; color:#787878; line-height:23px; margin-bottom:20px; font-weight:300;  font-weight:400; font-family: 'Pretendard', sans-serif;}
.new_ban ul.ban_list li .txt_box .more_btn {border:1px solid #0F0F12; border-radius:50px; width:128px; height:41px; margin:0 auto; box-sizing:border-box;}
.new_ban ul.ban_list li .txt_box .more_btn > a {color:#0F0F12; font-size:13px; font-weight:400; line-height:39px;  font-weight:600; font-family: 'Pretendard', sans-serif;}
.new_ban .slick-dots {width:100%; height:9px; font-size:0; text-align:center; margin-top:25px;}
.new_ban .slick-dots li {display:inline-block; vertical-align:top; margin-right:10px;}
.new_ban .slick-dots li:last-of-type {margin-right:0;}
.new_ban .slick-dots li button {width:9px; height:9px; border-radius:100%; border:1px solid #0F0F12; background:#fff; box-sizing:border-box;}
.new_ban .slick-dots li.slick-active button {background:#0F0F12;}
/*230925_베스트셀러부분 가격표기 추가*/
.new_ban ul.ban_list li .txt_box_2 .prd_price_2 {font-size:15px; color:#787878; line-height:23px; margin-top:20px; font-weight:300;}
.new_ban ul.ban_list li{ position: relative;}
.new_ban ul.ban_list li .txt_box_2 .prd_price_2{position: absolute; top: 75.5000vw; left:70.5000vw;}
/*231110_베스트셀러부분 가격표기 문구 추가
.new_ban ul.ban_list li .txt_box_2 .prd_price_3 {font-size:15px; color:#787878; line-height:23px; margin-top:20px; font-weight:400;}
.new_ban ul.ban_list li{ position: relative;}
.new_ban ul.ban_list li .txt_box_2 .prd_price_3{position: absolute; top: 75.5000vw; left:43.5000vw;}
*/

/* 아키클래식 꿀조합 아이템 */
.item_prd {margin-top:90px;}
.item_prd .tit_box {margin:0 15px;}
.item_prd .tit_box .tit {font-size:25px; letter-spacing:-0.01em; font-weight:600; line-height:normal; margin-bottom:10px; color: #0F0F12;line-height:1; font-weight:700; font-family: 'Pretendard', sans-serif;}
.item_prd .tit_box .txt {font-size:15px; font-weight:400; color:#0F0F12;}
.item_prd .manual_prd_list {margin-top:25px;}
.item_prd .manual_prd_list .box .ban > img {width:100%; border-radius:5px;}
.item_prd .manual_prd_list .prd_box {margin-top:15px;}
.item_prd .manual_prd_list .prd_box > ul > li {font-size:0; margin-bottom:10px;}
.item_prd .manual_prd_list .prd_thumb {height:75px; border-radius:5px;}
.item_prd .manual_prd_list .prd_thumb > img {border-radius:5px;}
.item_prd .manual_prd_list .prd_box > ul > li:last-of-type {margin-bottom:0;}


/* BEST SELLER */
.best_prd {margin-top:90px;}
.best_prd .tab_prd .tab_head {margin-bottom:25px; text-align:left; margin-left: 10px;} 
/*원래소스 .best_prd .tab_prd .tab_head {margin-bottom:25px; text-align:center;} */
.best_prd .tab_prd .tab_head ul {font-size:0;}
.best_prd .tab_prd .tab_head ul li {display:inline-block; vertical-align:top; margin-right:10px;}
.best_prd .tab_prd .tab_head ul li:last-of-type {margin-right:0;}
.best_prd .tab_prd .tab_head ul li a {display:block; font-size:16px; color:#787878; font-weight:400; padding: 6px 6px 6px 6px; }
/*원래소스 .best_prd .tab_prd .tab_head ul li a {display:block; font-size:16px; color:#787878; font-weight:300;} */
.best_prd .tab_prd .tab_head ul li.active a {font-weight:600; color: #FFFFFF; background: #bc5c29;border-radius: 20px;  padding: 6px 6px 6px 6px;} 
/*원래소스 .best_prd .tab_prd .tab_head ul li.active a {color:#BA1F2A; font-weight:600;} */
.best_prd .tab_prd .tab_body .tab_con {display:none;}
.best_prd .tab_prd .tab_body .tab_con.active {display:block;}
.best_prd .tab_prd .prd_list .items > li .prd_info_wrap{padding-bottom:0}


/* AKIII #TAG */
.tag_prd {margin-top:80px; }
.tag_prd .prd_box {position:relative;}
/* 아키태그명 사이 간격
.tag_prd .slick-dots {position:absolute; top:0; width:100%; text-align:center; padding:0 5%; box-sizing:border-box;}
*/
.tag_prd .slick-dots {position:absolute; top:0; width:100%; text-align:center; padding:0 2%; box-sizing:border-box; text-align:left; margin-top:-4px;} 
/*원래소스 .tag_prd .slick-dots {position:absolute; top:0; width:100%; text-align:center; padding:0 2%; box-sizing:border-box;} */
/*3줄 간격원본_두번째 수정할때 margin-right:15px;로 함
.tag_prd .slick-dots li {display:inline-block; vertical-align:baseline; margin-right:22px; margin-bottom:10px;}
*/

/* 태그 3개일때*/
.tag_prd .slick-dots li {display:inline-block; vertical-align:baseline; margin-left:5px; margin-right:5px; margin-bottom:10px;}

/* 태그 2개일때
.tag_prd .slick-dots li {display:inline-block; vertical-align:baseline; margin-left:10px; margin-right:10px; margin-bottom:100px;}
*/

/*폰트사이즈 원래 16px
.tag_prd .slick-dots li button {border:none; background:none; color:#787878; font-size:16px; font-weight:normal;}
*/

/* 태그 3개일때*/
.tag_prd .slick-dots li button {border:none; background:none; color:#787878; font-size:16px; font-weight:normal;}

/* 태그 2개일때
.tag_prd .slick-dots li button {border:none; background:none; color:#787878; font-size:16px; font-weight:normal;}
*/

.tag_prd .slick-dots li.slick-active button {color:#bc5c29; font-weight:600;}
/*타이틀과 썸네일사이간격 원본
.tag_prd .slick-list {padding-top:50px;}
*/
.tag_prd .slick-list {padding-top:40px;}
.tag_prd .prd_box .tab_list ul {font-size:0;}
.tag_prd .prd_box .tab_list ul li {position:relative; display:inline-block; vertical-align:top; width:calc(50% - 4.5px); margin-right:9px; margin-bottom:9px; /*height:65vw;*/}
.tag_prd .prd_box .tab_list ul li .prd_thumb{position: relative;}
.tag_prd .prd_box .tab_list ul li .prd_thumb:after{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0,0,0,0)  )}
.tag_prd .prd_box .tab_list ul li img{width:100%;}
.tag_prd .prd_box .tab_list ul li:last-child{height:60vw}
.tag_prd .prd_box .tab_list ul li:nth-child(2n) {margin-right:0;}
.tag_prd .prd_box .tab_list ul li.last {width:100%; margin-right:0; margin-bottom:0;}
.tag_prd .prd_box .tab_list ul li .prd_info {position:absolute; bottom:15px; left:15px;}
.tag_prd .prd_box .tab_list ul li .prd_info .prd_name {color:#fff; font-size:13px; letter-spacing:-0.01em; margin-bottom:9px;}
/*원본
.tag_prd .prd_box .tab_list ul li .prd_info .prd_price .price {color:#fff; font-size:15px; font-weight:400; display:inline-block; margin-right:7px;}
.tag_prd .prd_box .tab_list ul li .prd_info .prd_price .per {color:#BA1F2A; font-size:15px; margin-right:7px;}
*/
.tag_prd .prd_box .tab_list ul li .prd_info .prd_price .price {color:#fff; font-size:14px; font-weight:500; display:inline-block; margin-right:7px;}
.tag_prd .prd_box .tab_list ul li .prd_info .prd_price .oprice {color:#fff; font-size:14px; font-weight:300; display:inline-block; text-decoration:line-through; margin-right:7px;}
.tag_prd .prd_box .tab_list ul li.crema-product-reviews-score{display:none;}
.tag_prd .prd_box .tab_list ul li.crema-product-reviews-score .crema-applied{display:none;}
.crema-product-reviews-score {display: none !important;}


/* FOCUS ON */
.focus_prd {margin-top:22px;}
.focus_prd .ban {position:relative;}
.focus_prd .ban .eng_tit {font-size:15px; color:#fff; font-weight:500; margin-bottom:0px; padding-top:35px; letter-spacing:0.07em; text-align:center;}
.focus_prd .ban .eng_tit2 {font-size:15px; color:#ffffff; font-weight:500; margin-bottom:0px; padding-top:35px; letter-spacing:0.07em; text-align:center;}
/* FOCUS ON 한글폰트사이즈 원본
.focus_prd .ban .kor_tit {font-size:30px; color:#fff; font-weight:800; letter-spacing:-0.01em; line-height:normal; text-align:center;}
*/
.focus_prd .ban .kor_tit {font-size:30px; color:#fff; font-weight:800; letter-spacing:-0.01em; line-height:normal; text-align:center;}
.focus_prd .ban .kor_tit2 {font-size:30px; color:#ffffff; font-weight:800; letter-spacing:-0.01em; line-height:normal; text-align:center;}
.focus_prd .ban .kor_tit3 {font-size:25px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.3; margin-top:-90px; padding:0 15px; box-sizing:border-box; font-weight:700;}
/*.focus_prd .ban .btm_txt {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.3); text-align:center; padding:25px 0; color:#fff; font-size:16px; line-height:1.6; font-weight:300;}*/
.focus_prd .prd_list {margin-top:20px;}
.focus_prd .prd_list .items > li .prd_info_wrap ul li.prd_icon{display:none;}
.focus_prd .prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .discount_rate{display:none;}
/*.focus_prd .prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .consumer_price{display:block;margin: 3px 0 0;}
.focus_prd .prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .consumer_price strike{font-size:13px;}
.focus_prd .prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .dis_per{display:inline-block;}*/
/* FOCUS ON 01 */
.focus_prd01{margin-top:80px;}
.focus_prd01 .ban {background:url("http://akiiikr.img6.kr/mo/focus/focus_ban01.jpg") no-repeat; height:126vw; background-size: 100% auto;}
/* FOCUS ON 02 */
.focus_prd02 .ban {background:url("http://akiiikr.img6.kr/mo/focus/focus_cozy.jpg") no-repeat; height:126vw; background-size: 100% auto;}
/* FOCUS ON 03 */
.focus_prd03{margin-top:140px;}
.focus_prd03 .ban {background:url("http://akiiikr.img6.kr/mo/focus/focus_ban03.jpg") no-repeat; height:127vw; background-size: 100% auto;}
/* FOCUS ON 04 */
.focus_prd04{margin-top:120px;}
.focus_prd04 .ban {background:url("http://akiiikr.img6.kr/mo/focus/focus_ban04.jpg") no-repeat; height:127vw; background-size: 100% auto;}


/* LIFE STYLE SPORT */
.life_prd {margin-top:40px;}
.life_prd > .tit {font-size:25px; font-weight:600; text-align:left; margin-left: 15px; margin-bottom:25px; line-height:normal; color:#0F0F12;line-height:1; font-family: 'Pretendard', sans-serif; }
/*원래소스 .life_prd > .tit {font-size:28px; font-weight:600; text-align:center; margin-bottom:20px; line-height:normal; color:#0F0F12;line-height:1;} */
.life_prd .tab_prd .tab_head {margin-bottom:25px; text-align:left; margin-left: 10px;} 
/*원래소스 .life_prd .tab_prd .tab_head {margin-bottom:18px; text-align:center;} */
.life_prd .tab_prd .tab_head ul {font-size:0;}
.life_prd .tab_prd .tab_head ul li {display:inline-block; vertical-align:baseline; margin-right:10px;}
.life_prd .tab_prd .tab_head ul li:last-of-type {margin-right:0;}
.life_prd .tab_prd .tab_head ul li a {display:block; font-size:16px; color:#787878; font-weight:400; padding: 6px 6px 6px 6px;}
.life_prd .tab_prd .tab_head ul li.active a {font-weight:700; color: #FFFFFF; background: #bc5c29;border-radius: 20px; padding: 6px 6px 6px 6px;} 
/*원래소스 .life_prd .tab_prd .tab_head ul li.active a {color:#BA1F2A; font-weight:700;} */
.life_prd .tab_prd .tab_body .tab_con {display:none;}
.life_prd .tab_prd .tab_body .tab_con.active {display:block;}
.life_prd .prd_list .items > li .prd_info_wrap{padding-bottom:0;}

/* 오늘의 이슈, 이런게필요해 */
.issue_prd {margin-top:90px;}
.issue_prd .ban > img {width:100%;}
.issue_prd .tit_box .black_box {display:inline-block; position:relative; top:-12.5px; left:15px; background:#0F0F12; color:#fff; font-size:13px; height:25px; line-height:25px; padding:0 10px;}
.issue_prd .tit2_box .black_box {display:inline-block; position:relative; top:-12.5px; left:15px; background:#0F0F12; color:#fff; font-size:13px; height:25px; line-height:25px; padding:0 10px;}
/*검정박스 없애기 전에 줄간격
.issue_prd .tit_box .tit {font-size:23px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.5; margin-top:8px; padding:0 15px; box-sizing:border-box; font-weight:600;}
*/
.issue_prd .tit_box .tit {font-size:23px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.3; margin-bottom: 25px; padding:0 15px; box-sizing:border-box; font-weight:700; font-family: 'Pretendard', sans-serif;}
.issue_prd .tit2_box .tit {font-size:25px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.3; margin-bottom: 20px; padding:0 15px; box-sizing:border-box; font-weight:600; font-family: 'Pretendard', sans-serif;}
.issue_prd .manual_prd_list {margin-top:20px; padding-left:15px; box-sizing:border-box;}
.issue_prd .manual_prd_list > ul {font-size:0;}
.issue_prd .manual_prd_list > ul > li {border-bottom:1px solid #D9DDE1; padding:10px 0; box-sizing:border-box;}
.issue_prd .manual_prd_list > ul > li:first-child{padding-top:0;}
.issue_prd .manual_prd_list > ul > li:last-of-type {border-bottom:none; padding-bottom:0;}


.issue_prd2 {margin-top:40px;}
.issue_prd2 .ban > img {width:100%;}
.issue_prd2 .tit_box .black_box {display:inline-block; position:relative; top:-12.5px; left:15px; background:#0F0F12; color:#fff; font-size:13px; height:25px; line-height:25px; padding:0 10px;}
.issue_prd2 .tit2_box .black_box {display:inline-block; position:relative; top:-12.5px; left:15px; background:#0F0F12; color:#fff; font-size:13px; height:25px; line-height:25px; padding:0 10px;}
/*검정박스 없애기 전에 줄간격
.issue_prd .tit_box .tit {font-size:23px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.5; margin-top:8px; padding:0 15px; box-sizing:border-box; font-weight:600;}
*/
.issue_prd2 .tit_box .tit {font-size:23px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.3; margin-bottom: 25px; padding:0 15px; box-sizing:border-box; font-weight:700; font-family: 'Pretendard', sans-serif;}
.issue_prd2 .tit2_box .tit {font-size:25px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.3; margin-bottom: 20px; padding:0 15px; box-sizing:border-box; font-weight:700; font-family: 'Pretendard', sans-serif;}
.issue_prd2 .manual_prd_list {margin-top:20px; padding-left:15px; box-sizing:border-box;}
.issue_prd2 .manual_prd_list > ul {font-size:0;}
.issue_prd2 .manual_prd_list > ul > li {border-bottom:1px solid #D9DDE1; padding:10px 0; box-sizing:border-box;}
.issue_prd2 .manual_prd_list > ul > li:first-child{padding-top:0;}
.issue_prd2 .manual_prd_list > ul > li:last-of-type {border-bottom:none; padding-bottom:0;}

/* 영상 */
.video_box {margin-top:90px;}
.video_box.mt45 {margin-top:40px;}
.video_box .video {overflow: hidden; position: relative; height: 0; padding-bottom: 56.25%;}
.video_box .video iframe {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.video_box .tit_box {margin-top:20px; }
/*.video_box .tit_box {margin-top:20px; text-align:center; } 텍스트 중앙정렬할 때*/
/*원본
.video_box .tit_box .tit {font-size:24px; color:#0F0F12; letter-spacing:-0.01em; font-weight:600; margin-bottom:15px; line-height:normal;}
*/
.video_box .tit_box .tit {font-size:23px; color:#0F0F12; letter-spacing:-0.01em; font-weight:600; margin-bottom:25px; padding:0 15px; line-height:normal; font-weight:700; font-family: 'Pretendard', sans-serif;}
.video_box .tit_box .txt {font-size:15px; color:#787878; letter-spacing:-0.01em; font-weight:300;}

/* AKIII CLASSIC WITH STAR */
.star_box {margin-top:80px;}
.star_box > a {width:100%; height:100%; display:block;}
.star_box .ban {margin:0 15px;}
.star_box .ban > img {width:100%;}
.star_box .tit_box {margin-top:20px;}
/*.star_box .tit_box {margin-top:20px; text-align:center;} 텍스트 중앙정렬할 때*/
.star_box .tit_box .tit {font-size:24px; color:#0F0F12; letter-spacing:-0.01em; font-weight:600; margin-bottom:15px; padding:0 15px; line-height:normal;}
.star_box .tit_box .txt {font-size:15px; color:#787878; letter-spacing:-0.01em; font-weight:300; padding:0 15px; }

/* 크리마리뷰 */
.review_box {margin-top:90px;}

/* 인스타그램 */
.insta_box {margin-top:60px;padding:0 10px;} 
/*원래소스 .insta_box {margin-top:50px;padding:0 15px;} */
.insta_box .id {font-size:16px; color: #6D6D70; letter-spacing:-0.01em; text-align:left;} 
/*원래소스 .insta_box .id {font-size:16px; color: #6D6D70; letter-spacing:-0.01em; text-align:center;} */
.insta_box .id img{width:7px;margin-left:5px;vertical-align: middle;margin-top: -4px;}
.insta{margin-top:25px;display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 7px;}
.insta .insta_item img{width:100%;}

/* 팝업 */
.dark_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; visibility:hidden; transition:all 0.3s; z-index:9999;}
.dark_bg.on{opacity:1; visibility:visible;}
#slidePop{position:fixed; top:50%; left:50%; transform:translate(-50% , -50%); width:80%; z-index:9999; background:#fff; display:none;}
/*예전팝업이미지 사이즈
#slidePop{position:fixed; top:50%; left:50%; transform:translate(-50% , -50%); width:92%; z-index:9999; background:#fff; display:none;}
#slidePop{position:fixed; top:50%; left:50%; transform:translate(-50% , -50%); width:82%; z-index:9999; background:#fff; display:none;}
*/
#slidePop .img_wrap{position:relative; font-size:0;}
#slidePop .img_wrap .swiper-slide img{width:100%}
#slidePop .img_wrap .swiper-pagination{position:absolute; top:20px; right:20px; left:auto; bottom:auto; background:rgba(0,0,0,0.5); border-radius:50px; font-size:12px; color:#BEBEBE; width:50px;text-indent:3px; text-align:center; padding:6px 0 5px;}
#slidePop .img_wrap .swiper-pagination .swiper-pagination-current{color:#fff; font-weight:bold;}
#slidePop .btn_wrap{background:#fff; font-size:0;}
#slidePop .btn_wrap > div{display:inline-block; vertical-align:top; width:50%; text-align:center; position:relative; font-size:14px; color:#777; line-height:48px; cursor:pointer; padding-top:2px;}
#slidePop .btn_wrap > div.close_btn{color:#0F0F12; font-weight:500;}
#slidePop .btn_wrap > div.close_btn:before{content:''; display:block; width:1px; height:20px; background:#E9E9E9; position:absolute; top:50%; left:0; margin-top:-10px;}


/*하단 룩북영역 추가*/
/*230527 수정전 .slide_background .swiper { width: 100%; height: 340px;}*/
.slide_background .swiper { width: 97%; } 
.slide_background .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } 
.slide_background .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;cursor: pointer;} 
.slide_background {
  background: url(https://akiiikr.img6.kr/mo/lookbook/260109/lookbook_bottom_m_25w.jpg);
  background-size: 100% 100%;           /* 부모 영역 전체를 이미지로, 비율 맞으면 찌그러지지 않음 */
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: calc(100vw * 890 / 750);     /* 원본 비율(750:890)에 따라 최적높이 */
  max-width: 750px;
  margin-top: 25px;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.slide_layout2 { position: relative; /*슬라이드 이미지 위쪽 왼쪽 여백*/top:-15px; left: 25px; overflow: hidden; /*네비게이션위치 조정*/height:404px;} 
.linkContent { position: absolute; /*제품보러가기 위치조절*/ bottom: 33px; color: #fff;left: 3px; text-align: left; display: inline-block; width: 100%;} /*240315 원본 bottom: 33px; color: #fff; left: 3px; text-align: left; display: inline-block; width: 100%;} */
.linkContent span { padding: 8px 22px; cursor: pointer; font-size: 1.15em; font-weight: 500;} /*240315 원본 .linkContent span { padding: 8px 22px; cursor: pointer; font-size: 1.15em;} */

.custom_pagination >.swiper-pagination-fraction, .custom_pagination > .swiper-pagination-custom, .custom_pagination > .swiper-container-horizontal > .swiper-pagination-bullets { width: 90% !important; max-width:370px; height:10px; margin-left:-7px; overflow:hidden;}
.custom_pagination .swiper-pagination-bullet{ border-radius: 0; margin: 0 !important; background: #fff; color:transparent; height:1px;}

.contentTitle{color: #fff; /*background: #fff;*/ font-size: 2.2em; margin-top: 50px; margin-left: 25px;}


/* 아키클래식 리뷰후기 모음 230614 소스추가 */
.pr_prd {margin-top:60px;}
.pr_prd .prtit_box {margin:0 15px;}
.pr_prd .prtit_box .prtit {font-size:25px; letter-spacing:-0.01em; font-weight:600; line-height:normal; margin-bottom:25px; color: #0F0F12;line-height:1}
.pr_prd .prtit_box .prtxt {font-size:15px; font-weight:400; color:#0F0F12;}
.pr_prd .prmanual_prd_list {margin-top:25px;}
.pr_prd .prmanual_prd_list .prbox .prban > img {width:100%; border-radius:5px;}
.pr_prd .prmanual_prd_list .prprd_box {margin-top:15px;}
.pr_prd .prmanual_prd_list .prprd_box > ul > li {font-size:0; margin-bottom:10px;}
.pr_prd .prmanual_prd_list .prprd_thumb {height:30px; border-radius:5px;}
.pr_prd .prmanual_prd_list .prprd_thumb > img {border-radius:5px;}
.pr_prd .prmanual_prd_list .prprd_box > ul > li:last-of-type {margin-bottom:0;}


/*신규 팝업 디자인 추가*/
.dev_pop_modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; z-index: 99999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;}  
.dev_pop_modal-backdrop.active {opacity: 1; pointer-events: auto;}
/* 가로폭  width*/
.dev_pop_modal-content { background-color: #fff; width: 320px; max-width: 100%; border-radius: 20px; overflow: hidden; position: relative; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transform: scale(0.95); transition: transform 0.3s ease;}
.dev_pop_modal-backdrop.active .dev_pop_modal-content {transform: scale(1);}
.dev_pop_carousel { position: relative; width: 100%; }
.dev_pop_carousel .slick-slide { display: flex !important; flex-direction: column; }
/* 이미지 크기*/
.dev_pop_image-container { max-width:100%; height:auto; overflow: hidden; position: relative; }
/* .dev_pop_image-container { width: 100%; height: 340px; overflow: hidden; position: relative; }  이미지사이즈 수정전 */ 
.dev_pop_carousel .slick-slide img { width: 101%; height: 100%;  }
/* x버튼(동그라미) 위치*/
.dev_pop_close-btn {display: flex;align-items: center;justify-content: center;position: absolute;top: 10px;right: 10px;background: transparent;border: none;font-size: 20px;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;z-index: 10;
padding: 0;line-height: 0;padding-bottom: 3px;}
.dev_pop_close-btn img {width: 22px;height: 22px;object-fit: contain;border-radius: 50%;display: block;}
/* x 위치 */
/*팝업 아키클래식 빼기전  
.dev_pop_content-section { padding: 15px; background-color: #fff; }
.dev_pop_content-header { font-weight: bold; margin-bottom: 5px; font-size: 14px; }
.dev_pop_message-wrapper { font-size: 18px; line-height: 1.4; margin-bottom: 5px;}
.dev_pop_message-wrapper_1 { font-size: 14.2px; line-height: 1.4; }
.dev_pop_message-info { font-size: 13px; color: #888; }
*/
.dev_pop_content-section { padding: 15px; background-color: #fff; }
.dev_pop_content-header { font-weight: bold; margin-bottom: 5px; font-size: 14px; }
.dev_pop_message-wrapper { font-size: 20px; line-height: 1.4; margin-bottom: 10px;}
.dev_pop_message-wrapper_1 { font-size: 14.2px; line-height: 1.4; }
.dev_pop_message-info { font-size: 13px; color: #888; }
        
/* 인디게이터 */
/*인디게이터 텍스트 줄 길기전*/
.dev_pop_slide-indicator { position: absolute; bottom: 182px; left: 90.4%; transform: translateX(-50%); font-size: 14px; color: white; background: rgba(0, 0, 0, 0.5); padding: 5px 10px; border-radius: 15px; z-index: 10; }
/*인디게이터 텍스트 줄 길때
.dev_pop_slide-indicator { position: absolute; bottom: 214px; left: 90.4%; transform: translateX(-50%); font-size: 14px; color: white; background: rgba(0, 0, 0, 0.5); padding: 5px 10px; border-radius: 15px; z-index: 10; }
*/  
/*신규 팝업 디자인 끝*/


/* 컬렉션영역 소스 추가*/
.collect_ban {margin-top:80px;  }
.collect_ban .slick-slide {margin: 0 7.5px; }
.collect_ban .slick-list {margin: 0 -5px; }
.collect_ban ul.ban_list {margin:0 22.5px; margin-right: 0 !important; }
.collect_ban .slick-list {padding-left: 0 !important; margin-right: 0 !important;}
.collect_ban ul.ban_list li .ban img { width: 100%; display: block; }
.collect_ban ul.ban_list li .txt_box {margin-top: 10px; margin-left: 0; padding-left: 0;}
@media (max-width: 700px) {.collect_ban .slick-list {padding-left: 2.5% !important;}}
.collect_ban ul.ban_list li .txt_box .tit {font-size:17px; color:#0F0F12; letter-spacing:-0.01em; line-height:1.3; margin-top:10px; margin-bottom: 20px; margin-left:0; box-sizing:border-box; font-weight:600; text-align:left;}
.collect_ban .slick-dots { position: relative; left: 50%; transform: translateX(-50%); width: auto; text-align: center; margin-top: -5px; margin-left: -10px; padding: 0;}
.collect_ban .slick-dots li button {font-size: 0; /* 숫자 숨기기 */color: transparent;}
.collect_ban .slick-dots li {display:inline-block; vertical-align:top; margin-right:10px;}
.collect_ban .slick-dots li:last-of-type {margin-right:0;}
.collect_ban .slick-dots li button {width:9px; height:9px; border-radius:100%; border:1px solid #0F0F12; background:#fff; box-sizing:border-box;}
.collect_ban .slick-dots li.slick-active button {background:#0F0F12;}
/* 컬렉션영역 소스 끝*/






/* 좌우 화살표 버튼 스타일 - 전체 20% 축소, 버튼 뒤 동그란 그림자 더 어둡게 */
/* 스와이퍼 컨테이너: 버튼을 절대 위치로 배치하기 위한 기준 */
.swiper-container {
  position: relative;
}

/* 좌우 화살표 버튼 공통 스타일 */
.main-swiper-btn {
  position: absolute;      /* 부모(.swiper-container) 기준 절대 위치 */
  top: 50%;                /* 수직 중앙 정렬 */
  z-index: 10;             /* 슬라이드 위에 위치 */
  width: 50px;             /* 버튼 가로 크기 (20% 축소 반영) */
  height: 50px;            /* 버튼 세로 크기 (20% 축소 반영) */
  border: none;            /* 테두리 없음 */
  border-radius: 50%;      /* 완전한 원형 버튼 */
  background: transparent; /* 흰색 동그라미 배경 제거 (투명) */
  box-shadow: none;        /* 그림자 제거 (아래에서 어둡게 바꿀 수 있음) */
  display: flex;           /* 아이콘 중앙 정렬을 위한 flex */
  align-items: center;     
  justify-content: center; 
  transform: translateY(-50%); /* 수직 중앙에 정확히 위치 */
  cursor: pointer;         /* 마우스 오버시 포인터 */
  padding: 0;              /* 내부 여백 없음 */
  transition: background 0.15s; /* 배경색 변경시 부드럽게 */
}

/* 비활성(비사용) 상태 버튼 스타일 */
.main-swiper-btn[disabled] {
  cursor: not-allowed;     /* 사용 불가 커서 */
  opacity: 0.5;            /* 반투명 처리 */
}

/* 왼쪽(이전) 버튼: 화면 왼쪽으로 배치 */
.main-swiper-btn.prev {
  left: -2px;               /* 왼쪽 여백 */
}

/* 오른쪽(다음) 버튼: 화면 오른쪽으로 배치 */
.main-swiper-btn.next {
  right: -2px;              /* 오른쪽 여백 */
}

/* 화살표 아이콘 컨테이너 */
.arrow-icon {
  min-width: 50px;         /* 아이콘 최소 가로 */
  min-height: 50px;        /* 아이콘 최소 세로 */
  display: inline-flex;    /* 중앙 정렬 */
  align-items: center;
  justify-content: center;
  color: #fff;             /* 아이콘 색상 (흰색) */
}

/* SVG 화살표 아이콘 크기 지정 */
.arrow-icon svg {
  display: block;
  width: 30px;             /* 아이콘 가로 */
  height: 30px;            /* 아이콘 세로 */
}

/* 모바일(375px 이하) 대응 스타일 */
@media (max-width: 375px) {
  .main-swiper-btn {
    width: 40px;           /* 버튼 크기 축소 */
    height: 40px;
  }
  .main-swiper-btn.prev {
    left: 2px;             /* 더 바깥쪽 */
  }
  .main-swiper-btn.next {
    right: 2px;
  }
  .arrow-icon,
  .arrow-icon svg {
    min-width: 20px;       /* 아이콘 크기도 축소 */
    min-height: 20px;
    width: 20px;
    height: 20px;
  }
}


/*2509 비디오&이미지영역 추가 start*/
html { scrollbar-gutter:stable; }
* { box-sizing:border-box; }
body {
  font-family: "Pretendard", "Suit", "Noto Sans KR", "SpoqaHanSansNeo", "Apple SD Gothic Neo", "S-CoreDream", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
  margin:0;
  padding:0;
  background:#fff;
  -webkit-text-size-adjust:100%;
}

/* ------------------------------
   공통 컨테이너 / 타이틀 스타일
   .cp-container : 섹션 컨테이너 (위쪽 padding 20px)
   .cp-title     : 섹션의 작은 타이틀 (좌측 패딩 20px)
   .cp-subtitle  : 큰/메인 타이틀
   ------------------------------ */
.cp-container2 { margin:0 auto; padding: 60px 0 40px 0; max-width:100vw;}
.cp-container { margin:0 auto; padding:30px 0 0; max-width:100vw; }
.cp-title2 { font-size:15px; font-weight:700; color:#222; margin:0 0 10px; padding-left:15px; letter-spacing:-0.5px; }
.cp-title { font-size:15px; font-weight:700; color:#222; margin: 60px 0 10px 0;padding-left:15px; letter-spacing:-0.5px; }
/* .cp-subtitle는 텍스트 대신 이미지를 넣을 때도 시각적으로 같은 높이를 유지하도록 line-height를 1로 설정합니다. */
.cp-subtitle { font-size:25px; font-weight:400; color:#222; margin:0 0 30px; padding-left:15px; letter-spacing:-0.5px; line-height:1; }

/* cp-subtitle 안의 이미지를 사용하여 텍스트와 동일한 시각적 크기/위치 유지 */
.cp-subtitle-img {
  display:inline-block;
  height:25px; /* .cp-subtitle font-size와 동일하게 맞춤 */
  width:auto;
  object-fit:contain;
  vertical-align:middle;
  user-select:none;
  -webkit-user-drag:none;
}

/* ====================== (A) VIDEO CAROUSEL ======================
   cp-video-container 내부의 수평 스크롤(네이티브 scroll) 기반 비디오 카드 목록
   -------------------------------------------------------------- */
.cp-video-container .cp-carousel-row {
  overflow-x:auto;          /* 가로 스크롤 허용 */
  overflow-y:hidden;
  width:100%;
  user-select:none;
  cursor:grab;
  -webkit-overflow-scrolling:touch; /* iOS 부드러운 스크롤 */
  touch-action:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;      /* 파이어폭스 스크롤바 숨김 */
  will-change:scroll-position;
}
.cp-video-container .cp-carousel-row::-webkit-scrollbar { display:none; } /* 크롬 등 webkit 계열 스크롤바 숨김 */
.cp-video-container .cp-carousel-row.grabbing { cursor:grabbing; }

/* 비디오 카드 리스트 (flex로 카드 나열) */
.cp-video-container .cp-carousel-list { display:flex; width:fit-content; }

/* 각 비디오 카드(60vw 고정 폭) */
.cp-video-container .cp-carousel-block {
  width:60vw;
  min-width:60vw;
  max-width:60vw;
  flex:0 0 60vw;
  display:flex;
  flex-direction:column;
  background:#fff;
}
/* 첫/마지막 카드 좌우 마진으로 전체 패딩 효과 */
.cp-video-container .cp-carousel-list .cp-carousel-block:first-child { margin-left:15px; }
.cp-video-container .cp-carousel-list .cp-carousel-block:last-child { margin-right:15px!important; }

/* 실제 비디오(썸네일) 영역 */
.cp-video-container .cp-video-block {
  width:100%;
  aspect-ratio:9/16;    /* 세로형 영상 비율 */
  background:#000;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.cp-video-container .cp-video-thumb { width:101%; height:101%; object-fit:cover; display:block; }
.cp-video-container .cp-video-play {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:40px; height:40px;
  background:rgba(0,0,0,0.4);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
/* 가운데 재생 아이콘 (CSS 삼각형) */
.cp-video-container .cp-video-play::before {
  content:'';
  margin-left:7px;
  width:0; height:0;
  border-left:14px solid #fff;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}

/* 비디오 카드 하단 상품 목록 (두 개 노출) */
.cp-video-container .cp-prod-list {
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:30px 10px 10px 0; /* 상단 30px 여백으로 영상과 간격 */
}
.cp-video-container .cp-prod-list .cp-bottom-item:not(:last-child) { margin-bottom:16px; }

/* 하단 상품 개별 아이템 */
.cp-video-container .cp-bottom-item {
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:#222;
}
/* 썸네일 : 요구사이즈 75x100px 강제 */
.cp-video-container .cp-bottom-item img {
  width:75px !important;
  height:100px !important;
  object-fit: contain;
  background: #fff; /* contain일 때 생기는 여백 배경 */
  flex-shrink:0;
}
.cp-video-container .cp-bottom-info {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cp-video-container .cp-bottom-name {
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cp-video-container .cp-bottom-name .cp-bottom-pick { color:#e00; font-weight:400; }
.cp-video-container .cp-bottom-price { font-size:16px; font-weight:600; margin-top:5px; }

/* 비디오 모달 (유튜브 플레이어 큰 사이즈로) */
.cp-video-container .modal-bg {
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.76);
  z-index:9999;
}
.cp-video-container .modal-content {
  width:70vw;
  aspect-ratio:9/16;
  position:relative;
}
.cp-video-container .modal-content iframe { width:100%; height:100%; border:0; }
.cp-video-container .modal-close {
  position:absolute;
  top:7px; right:7px;
  width:28px; height:28px;
  border:none;
  border-radius:50%;
  background:rgba(30,30,30,0.7);
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cp-video-container .modal-close-icon {
  position:relative;
  width:100%;
  height:100%;
  font-size:0; /* 글자 없음 */
}

.cp-video-container .modal-close-icon::before,
.cp-video-container .modal-close-icon::after {
  content:'';
  position:absolute;
  top:50%; left:50%;
  width:14px;
  height:2px;
  background:#fff;
  border-radius:1px;
  transform-origin:center;
}

.cp-video-container .modal-close-icon::before {
  transform:translate(-50%, -50%) rotate(45deg);
}

.cp-video-container .modal-close-icon::after {
  transform:translate(-50%, -50%) rotate(-45deg);
}

/* 작은 화면에서 카드 폭을 더 넓게(75vw) */
@media (max-width:400px){
  .cp-video-container .cp-carousel-block { width:75vw; min-width:75vw; max-width:75vw; }
}

/* ====================== (B) CREW PICK CAROUSEL ======================
   (이 아래부터는 transform 기반 '드래그/관성' 커스텀 캐러셀)
   버튼(필터)로 카테고리 전환 (all / 컴포트 / 라이프스타일 / 샌들 / 부츠 / ACC)
   -------------------------------------------------------------- */
/* 상단 필터 버튼 가로 스크롤 */
.cp-filter-row {
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:7px;
  margin:0 0 30px;
  padding:0 15px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.cp-filter-row::-webkit-scrollbar { display:none; }
.cp-filter-btn {
  font-size:16px;
  font-weight:400;
  color:#787878;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:50px;
  padding:8px 16px;
  cursor:pointer;
  transition:.2s;
  flex:0 0 auto;
  white-space:nowrap;
}
.cp-filter-btn.active { background:#222; color:#fff; border-color:#222; }

/* CREW PICK 캐러셀 뷰포트(감싸는 영역) */
.cp-carousel-row {
  position:relative;
  overflow:hidden;     /* transform 이동하는 리스트가 넘어가도 안 보이게 */
  width:100%;
  user-select:none;
  cursor:grab;
  touch-action:pan-y;
  /* overscroll-behavior: contain; */
  will-change:transform;
}
.cp-carousel-row.grabbing { cursor:grabbing; }

/* 카드 리스트 (transform:translateX 로 이동) */

.cp-carousel-list {
  display:flex;
  gap:var(--gap, 7px);
  width:fit-content;
}

.cp-carousel-block {
  width:var(--card-w);
  min-width:var(--card-w);
  max-width:var(--card-w);
  flex:0 0 var(--card-w);
  display:flex;
  flex-direction:column;
  background:#fff;
}
.cp-carousel-list .cp-carousel-block:first-child { margin-left:15px; }
.cp-carousel-list .cp-carousel-block:last-child { margin-right:15px !important; }

/* 메인 이미지 (정사각형) */
.cp-img-block {
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f4f4f4;
}
.cp-img-block img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


.cp-img2-block {
  width: 100%;
  aspect-ratio: 9/16;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
}
.cp-img2-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* 이미지 좌측 하단 유저명 라벨 */
.cp-img-user {
  position:absolute;
  left:5px;
  bottom:10px;
  padding:4px 12px 5px;
  font-size:14px;
  font-weight:500;
  color:#fff;
  text-shadow:0 0 2px #000;
  line-height:1.2;
}

/* 카드 내부 하단 상품 리스트 */
.cp-prod-list {
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:30px 10px 10px 0;  /* 이미지와 간격을 30px 줌 */
}
.cp-prod-list .cp-bottom-item:not(:last-child) { margin-bottom:16px; }

/* 하단 상품 아이템 (CREW PICK) */
.cp-bottom-item {
  display:flex;
  gap:11px;
  align-items:center;
  text-decoration:none;
  color:#222;
  height:80px; /* 텍스트 줄 수 적을 때 일정 높이 확보 (이미지 100px이므로 더 높이 맞추려면 조정 가능) */
  cursor:pointer;
}
/* 썸네일 75x100 유지 */
.cp-bottom-item img {
  width:75px !important;
  height:100px !important;
  object-fit:cover;
  flex-shrink:0;
  background:#f7f7f7;
  display:block;
}
.cp-bottom-info {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cp-bottom-name {
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cp-bottom-name .cp-bottom-pick { color:#e00; font-weight:400; }
.cp-bottom-price { font-size:16px; font-weight:600; margin-top:5px; }

/* 숨김 처리 클래스 (카테고리 전환 시 사용) */
.filter-section.hidden { display:none !important; }

@media (max-width:400px){
  .cp-carousel-block { width:75vw; min-width:75vw; max-width:75vw; }
}

#pickFilterContent .cp-carousel-block {
  width:75vw !important;
  min-width:75vw !important;
  max-width:75vw !important;
}
@media (max-width:400px){
  #pickFilterContent .cp-carousel-block {
    width:75vw !important;
    min-width:75vw !important;
    max-width:75vw !important;
  }
}
@supports (width: 100svw) {
  #pickFilterContent .cp-carousel-block {
    width:75svw !important;
    min-width:75svw !important;
    max-width:75svw !important;
  }
}

.cp-prod-list a,
.cp-prod-list .cp-bottom-item {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  box-shadow: none;
  background: none;
}

.cp-prod-list a,
.cp-prod-list .cp-bottom-item {
  -webkit-tap-highlight-color: transparent; /* iOS/안드로이드에서 a 태그 클릭시 나오는 기본 회색 터치 하이라이트 제거 */
  outline: none;                            /* 외곽선 제거 */
  box-shadow: none;                         /* 그림자 제거 */
  background: none;                         /* 배경 제거 */
}

.cp-prod-list a:active,
.cp-prod-list .cp-bottom-item:active,
.cp-prod-list a:focus,
.cp-prod-list .cp-bottom-item:focus {
  outline: none;                            /* 클릭/포커스시 외곽선 제거 */
  box-shadow: none;                         /* 클릭/포커스시 그림자 제거 */
  background: none !important;              /* 클릭/포커스시 배경 제거 */
  opacity: 1 !important;                    /* 클릭/포커스시 투명도 효과 제거 */
}

/* 반응형: 매우 작은 화면에서 서브타이틀 폰트가 작아지면 이미지 높이도 맞춤 */
@media (max-width:400px) {
  .cp-subtitle { font-size:18px; }
  .cp-subtitle-img { height:18px; }
}

/*2509 비디오&이미지영역 추가 end*/

/*251120 팝업디자인변경 시작*/
.dev_pop_modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.dev_pop_modal-backdrop.active {
    opacity: 1;
    pointer-events: auto;
}
.dev_pop_modal-content {
    background-color: #fff;
    width: 320px;
    max-width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: scale(0.95);
    transition: transform 0.3s ease;
    padding-bottom: 40px;
    /* 버튼만 내릴 때는 min-height만, 내용도 더 아래로 필요하면 padding-bottom도 */
}
.dev_pop_modal-backdrop.active .dev_pop_modal-content {
    transform: scale(1);
}
.dev_pop_carousel {
    position: relative;
    width: 100%;
}
.dev_pop_carousel .slick-slide {
    display: flex !important;
    flex-direction: column;
}
.dev_pop_image-container {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.dev_pop_carousel .slick-slide img {
    width: 101%;
    height: 100%;
}
.dev_pop_close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 10;
    padding: 0;
    line-height: 0;
    padding-bottom: 3px;
}
.dev_pop_close-btn img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 50%;
    display: block;
}
.dev_pop_content-section {
    padding: 15px;
    background-color: #fff;
}
.dev_pop_content-header {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}
.dev_pop_message-wrapper {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.dev_pop_message-wrapper_1 {
    font-size: 14.2px;
    line-height: 1.4;
}
.dev_pop_message-info {
    font-size: 13px;
    color: #888;
}
/* 인디게이터 */
.dev_pop_slide-indicator {
    position: absolute;
    bottom: 182px;
    left: 90.4%;
    transform: translateX(-50%);
    font-size: 14px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 15px;
    z-index: 10;
}
/* "오늘 하루 안보기 | 닫기" 팝업창 우측 하단 고정! */
.dev_pop_internal_header {
    position: absolute;
    right: 20px;
    bottom: 25px;
    left: auto;
    top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1002;
    margin: 0;
    font-size: 14px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.dev_pop_internal_header button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    color: #222;
    font-size: 14px;
    cursor: pointer;
}
.dev_pop_internal_divider {
    color: #ccc;
}
@media (max-width: 480px) {
    .dev_pop_modal-content {
        min-height: 370px;
        padding-bottom: 40px;
    }
    .dev_pop_internal_header {
        right: 15px;
        bottom: 15px;
        gap: 10px;
        font-size: 14px;
        padding: 0;
    }
}
/*251120 팝업디자인변경 끝*/

.focus_prd04 .kor_tit3 {
    margin-bottom: -20px; /* 기존보다 작은 값으로 조정 (예: 10px) */
}

/* BASIC css end */

