/* BASIC css start */
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; } 
.flickity-enabled:focus { outline: 0; } 
.flickity-viewport { overflow: hidden; position: relative; height: 100%; } 
.flickity-slider { position: absolute; width: 100%; height: 100%; } 
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } 
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } 
.flickity-button { position: absolute; background: rgba(0, 0, 0, 0); border: none; color: #999; } 
.flickity-button:hover { background: rgba(0, 0, 0, 0); cursor: pointer; } 
.flickity-button:focus { outline: 0; box-shadow: 0 0 0 5px #19f; } 
.flickity-button:active { opacity: 0.6; } 
.flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; } 
.flickity-button-icon { fill: currentColor; } 
.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; transform: translateY(-50%); } 
.flickity-prev-next-button.previous { left: 10px; } 
.flickity-prev-next-button.next { right: 10px; } 
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } 
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } 
.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } 
.flickity-page-dots { position: absolute; width: 100%; bottom: 0px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; display: flex; } 
.flickity-rtl .flickity-page-dots { direction: rtl; } 
.flickity-page-dots .dot { display: inline-block; width: 100%; height: 5px; margin: 0; background: #fff; opacity: 0.25; cursor: pointer; } 
.flickity-page-dots .dot.is-selected { opacity: 0.7; min-width:100px; } 


/* 관련상품 */
#productDetail .item-wrap { padding-top:40px } 
#productDetail .item-wrap .prd-opt { padding:5px 0; font-size:13px } 
#productDetail .item-wrap .prd-opt p { padding-bottom:5px } 
#productDetail .item-wrap .prd-opt select { height:auto } 
#productDetail .item-wrap .prd-opt .vo_value_list { height:16px; line-height:16px } 
#productDetail .item-wrap .prd-qty { padding:5px 0; margin:0 auto; position: relative; width:60px; height:18px } 
#productDetail .item-wrap .prd-qty .MS_related_quantity,
#productDetail .item-wrap .prd-qty .btns { float:left } 
#productDetail .item-wrap .prd-qty .MS_related_quantity { width:34px; height:16px; line-height:18px; text-align:right; border:1px solid #acacac; font-size: 11px } 
#productDetail .item-wrap .prd-qty .btns { width:17px; height: 16px; border:1px solid #acacac; border-left:none } 
#productDetail .item-wrap .prd-qty .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } 
#productDetail .item-wrap .prd-qty .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } 
#productDetail .item-wrap .prd-qty .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px } 
#productDetail .related-allbasket { padding-bottom:40px; text-align:center } 
#productDetail .related-allbasket a { display:inline-block; width:248px; height:58px; font-size:13px; color:#fff; font-family:Verdana; text-align:center; line-height:58px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } 
#productDetail .related-allbasket a:active { position: relative; top: 1px } 

#productDetail .item-wrap .item-list4 .item_box { width: calc(16.6% - 10px); padding: 5px; }
#productDetail .item-wrap .item-list4 form { display: flex; flex-wrap:wrap; }


.detail_title h2 { font-size: 24px; color: #202020; letter-spacing: 1px; margin-top: 100px; text-align: center; font-weight: bold; }

/* 룩북 상세: 기존 본문 폭 3열 타일 + 클릭 모달 */
#productDetail .prd-detail { width: 100%; max-width: none; margin: 0; }
#productDetail .prd-detail img { width: 100%; }
#productDetail .prd-detail .detail_item { position: relative; width: 100%; margin-left: 0; }
.lookbook_title { padding: 3em; text-align: center; }
.lookbook_title h3 { font-size: 2em; font-weight: 800; }
.lookbook-source-hidden { display: none !important; }
.lookbook-detail-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 4px; }
.lookbook-detail-image { display: block; width: 100%; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; }
.lookbook-detail-image img { display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; object-fit: cover; object-position: center; }
.lookbook-modal-open { overflow: hidden; }
.lookbook-image-modal { position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.lookbook-image-modal.is-open { display: flex; }
.lookbook-modal-frame { display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; cursor: pointer; }
.lookbook-modal-image-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; max-width: 92vw; max-height: 92vh; }
.lookbook-modal-frame img { display: block; max-width: 92vw; max-height: 92vh; width: auto; height: auto; object-fit: contain; }
.lookbook-modal-nav { position: absolute; top: 50%; z-index: 1; width: 44px; height: 64px; margin-top: -32px; padding: 0; border: 0; background: rgba(0, 0, 0, 0); color: #000; font-family: serif; font-size: 24px; font-weight: 500; line-height: 64px; text-align: center; text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 1px 0 #fff; cursor: pointer; }
.lookbook-modal-prev { left: 16px; }
.lookbook-modal-next { right: 16px; }
.lookbook-modal-close { position: fixed; top: 24px; right: 28px; z-index: 1; width: 44px; height: 44px; padding: 0; border: 0; background: rgba(0, 0, 0, 0); cursor: pointer; }
.lookbook-modal-close::before,
.lookbook-modal-close::after { position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; margin-left: -15px; background: #fff; content: ''; }
.lookbook-modal-close::before { transform: rotate(45deg); }
.lookbook-modal-close::after { transform: rotate(-45deg); }

/* BASIC css end */