/* BASIC css start */
/* Flickity - detail 슬라이더에서 사용 */
.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:#fff; }
.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-prev-next-button .flickity-button-icon { position:absolute; left:20%; top:20%; width:60%; height:60%; }
.flickity-page-dots { position:absolute; width:100%; bottom:0; padding:0; margin:0; list-style:none; text-align:center; line-height:1; display:flex; }
.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; }

/* 상세 레이아웃 */
.prd-detail { width:1480px; margin:0 auto; }
.prd-detail img { width:100%; }

/* 타이틀 */
.mainTitle { position:relative; margin:100px auto 25px; }
.mainTitle h1 { font-size:var(--fs-lg); font-weight:700; display:inline-block; vertical-align:middle; }

/* 관련상품 */
.prd_related .prd-name { margin-bottom:5px; }
.prd_related .prd-name,
.prd_related .prd-name a,
.prd_related .price,
.prd_related .price a { font-size:var(--fs-base); }

/* BASIC css end */