/* BASIC css start */
#productDetail .loc-navi { margin-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
#productDetail .page-body {  }

.path { overflow: hidden; height: 30px; line-height: 30px; *zoom: 1; float: right; width:100%; }
.path > span { display:none; }
.path h2 { overflow: hidden; position: absolute; width: 0; height: 0; white-space: nowrap; text-indent: 100%; }
.path ol { float: right; }
.path li { float: left; padding: 0; color: #4c4c4c; vertical-align: top;}
.path li a { color: #4c4c4c; }

/* 상단 섬네일, 상품 옵션 정보 */
#productDetail .thumb-info { zoom: 1; padding:0 20px 0px 0; }
#productDetail .thumb-info:after { content: ""; display: block; clear: both; }
/* 섬네일 */
#productDetail .thumb-info .thumb-wrap { float: left; width:50%; text-align: center; }
#productDetail .thumb-info .thumb { width: 500px; text-align: center; margin: 0 auto; }
#productDetail .thumb-info .thumb a#zoom_image{display:block; width:100%;}
#productDetail .thumb-info .thumb .detail_image{display:block; max-width:100%; }
#productDetail .thumb-info .thumb .thumbimg img{min-width:500px; border:1px solid #d1d1d1; }
#productDetail .thumb-info .thumb img { display:inline-block; width:100%; max-width:100%; margin: 0 auto; }
#productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; }
#productDetail .thumb-info .thumb-ctrl a { font-size: 11px; }
#productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; }
#productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; }

/* 상품옵션 정보 */
#productDetail .thumb-info .info { display:inline-block; float: right; width:50%; }
#productDetail .thumb-info .info h2 { display:block; float:left; width:100%; padding:15px 0; font-weight: bold; font-size: 18px; color: #0f0f0f; }
#productDetail .thumb-info .info h2 span { display:block; float:left; width:100%; font-size:12px; font-weight:normal;  color: #545454;}
#productDetail .thumb-info .info .table-opt { display:block; width:100%;  margin-top: 10px; border-bottom:1px solid #444444;}
#productDetail .thumb-info .info .table-opt th,
#productDetail .thumb-info .info .table-opt td { font-size: 12px; padding: 10px 0; line-height:20px; color:#717171; }
#productDetail .thumb-info .info .table-opt th { color:#0f0f0f; font-size:12px; font-weight: normal; letter-spacing: -1px; }
#productDetail .thumb-info .info .table-opt select { width:100%; height:30px; line-height:30px;}
/* 판매가격 */
#productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #000000; font-size:16px; }
#productDetail .thumb-info .info .table-opt .groupprice{ font-weight: bold; color: #FF0000; font-size:16px; }
#productDetail .thumb-info .info .table-opt .price .price_text { font-size:16px; font-weight:normal; }

/* 주문수량 */ 
#goods_amount { float: left; width: 32px; border: 0; }
#productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; }
#productDetail .thumb-info .info .table-opt .opt-spin .txt-spin,
#productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; }
#productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px; padding-top: 2px; border: 0; font-size: 11px; }
#productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; }
#productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; }
#productDetail .thumb-info .info .table-opt .opt-spin .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 .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; }


#productDetail .thumb-info .info .prd-btns { margin-top: 40px; }

/*
#productDetail .thumb-info .info .prd-btns a { display:inline-block; float:left; margin-right: 5px; }
#productDetail .thumb-info .info .prd-btns a.end { margin-right: 0;}
#productDetail .thumb-info .info .prd-btns .soldout { margin-left: 10px; font-weight: bold; }
*/


/* ==========================================
   SAERO EVENT - DETAIL PURCHASE BUTTONS
   상세페이지 구매 버튼 디자인
   ========================================== */

/* 01. 구매 버튼 영역 */
#productDetail .thumb-info .info .prd-btns {
    margin-top: 40px;
    font-size: 0;
}

/* 02. 구매 버튼 공통 */
#productDetail .thumb-info .info .prd-btns a.buy,
#productDetail .thumb-info .info .prd-btns a.cart,
#productDetail .thumb-info .info .prd-btns a.wishlist {
    display: inline-block;
    float: left;

    height: 58px;
    line-height: 54px;
    padding: 0;
    margin: 0 4px 10px 0;

    box-sizing: border-box;
    border: 2px solid #dddddd;
    border-radius: 4px;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.3px;

    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    transition: all 0.2s ease;
}

/* 03. 바로구매하기 */
#productDetail .thumb-info .info .prd-btns a.buy {
    width: 230px;
    color: #ffffff;
    background: #ff742e;
    border-color: #ff742e;
}

#productDetail .thumb-info .info .prd-btns a.buy:hover {
    background: #ed601b;
    border-color: #ed601b;
    color: #ffffff;
}

/* 04. 장바구니 */
#productDetail .thumb-info .info .prd-btns a.cart {
    width: 146px;
    color: #f36f31;
    background: #ffffff;
    border-color: #ff742e;
}

#productDetail .thumb-info .info .prd-btns a.cart:hover {
    background: #fff7f2;
    color: #df5c20;
}

/* 05. 관심상품 */
#productDetail .thumb-info .info .prd-btns a.wishlist {
    width: 146px;
    color: #777777;
    background: #ffffff;
    border-color: #dddddd;
}

#productDetail .thumb-info .info .prd-btns a.wishlist:hover {
    background: #f7f7f7;
    border-color: #aaaaaa;
    color: #333333;
}

  
#productDetail .thumb-info .info .prd-btns  .soldout { display:block; background:#b4b4b4; color:#FFFFFF; line-height:60px; margin-left: 10px; font-weight: bold; text-align:center; border-radius:10px; }


#productDetail .thumb-info .info .table-opt .cnt input[type=text],
#productDetail .thumb-info .info .table-opt .cnt #goods_amount { display:inline-block; float:left; width: 38px; height: 28px; line-height: 28px; margin:0 2px; border:1px solid #c6c6c6; text-align:center !important; font-size: 11px; color:#555555; font-weight:bold; }
#productDetail .thumb-info .info .table-opt .cnt{ display:block; position: relative; width:auto; height:auto; border:none; }
#productDetail .thumb-info .info .table-opt .cnt a { display:inline-block; float: left; width: 30px; height: 28px; line-height: 28px; border:1px solid #c6c6c6; text-align:center; font-size: 12px; color:#555555; background-color:#f9f9f9; }


/* 통합옵션 */
#productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; padding: 5px 0; /*background-color: #eee;*/ border: 1px solid #ddd; }
#productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; padding-left: 10px; }
#productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; line-height:30px; }
#productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 140px; line-height:30px; padding:1px 0 1px 10px;}
#productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 420px; line-height:30px; padding:1px 0; }
#productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; }
#productDetail .thumb-info .info .table-opt .opt-wrap select { width:100%; height:30px; line-height:30px; }

#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; }
/*#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 17px; border: 1px solid #ddd; text-align: right; }
#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; }
#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; bottom: 0; right: 0; }*/
#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { display:inline-block; float:left; width: 38px; height: 28px; margin:0 2px; padding:0 2px; }
#productDetail .thumb-info .info .table-opt .opt-wrap .opt-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 .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; }

#productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 250px; }
#productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; margin-left: 5px; }
#productDetail .thumb-info .info .table-opt .sell_benefit { position:relative; }
#productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn { display:inline-block; height:18px; line-height:20px; border:1px solid #000; font-size:11px; }
#productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; vertical-align:top; }
#productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:10px; vertical-align:top; }


/* 타이틀 공통 */
#productDetail h3 { display:none; padding:12px 0;  border-bottom: 1px solid #e8e8e8; }
#productDetail .detailinfo { display:block; width:100%; margin:0px 0; text-align:left;  }
#productDetail .prd-detail h3 {  display:none; clear:both; border-bottom:1px solid #e8e8e8; text-align:left; color:#000;}
#productDetail .prd-detail h3 span { color:#555555; font-weight:normal; font-size:11px;}

#productDetail .tit-hd { clear:both; display:block;  position: relative;}
#productDetail .tit-detail {clear:both; display:block;  text-align:left; }

#productDetail .tit-detail h3 { display:none; clear:both; border-bottom:1px solid #e8e8e8; text-align:left; color:#000;}
#productDetail .tit-detail h3 span { color:#555555; font-weight:normal; font-size:11px;}
		

#productDetail .tit-hd .btns-part { }
#productDetail .tit-hd .btns { position: absolute; right: 0; top: 12px; text-align: center; }


#productDetail .tab { overflow: hidden; margin-bottom:30px; }
#productDetail .tab a { float: left; width: 20%; height: 54px; padding: 16px 0 0; margin: 0 0 0 -1px; border: 1px solid #dfdfdf; border-bottom: 1px solid #707070; background-color: #fafafc; color: #787878; font-size: 13px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#productDetail .tab a:first-child { margin: 0; }
#productDetail .tab a.on { position: relative; border: 1px solid #707070; border-bottom: 1px solid #fff; background-color: #fff; color: #111; font-weight: bold; }
#productDetail .tab a strong { color: #ff4c2e; }


/* 상품 상세 이미지 */
#productDetail .prd-detail { display:block; width:100%; float:left;  text-align:center;}
#productDetail .prd-detail table { table-layout: auto; }
#productDetail .prd-detail { margin-top: 0px; width: 100%; overflow: hidden; }
#productDetail .prd-detail img { max-width: 100%; }

#productDetail ul.detaillink { display:block; width:100%; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:10px 0; float:left; margin-top:50px; }
#productDetail ul.detaillink li{ display:inline-block; float:left; padding:0 20px; color:#666666;  border-left:1px solid #666666; height:12px; }
#productDetail ul.detaillink li.first{  padding-left:0 ; color:#666666;  border-left:none; }
#productDetail ul.detaillink li a{ color:#666666; }


#productDetail #prd_review .review_btn  {clear:both; display:block; float:right; margin:10px 0;}
#productDetail #prd_review .review_btn a { -webkit-transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out; -ms-transition: all 0.20s ease-out; transition: all 0.20s ease-out; }
#productDetail #prd_review .review_btn a { background-color:#3d3d3d; color:#fff; padding:5px 10px 5px; line-height:30px; vertical-align:middle;}
#productDetail #prd_review .review_btn a:hover { background-color:#E6E6E6; color:#3d3d3d;}


#productDetail #prd_qna .btns {clear:both; display:block; float:right; margin:10px 0;}
#productDetail #prd_qna .btns a{ -webkit-transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out; -ms-transition: all 0.20s ease-out; transition: all 0.20s ease-out; }
#productDetail #prd_qna .btns a{ background-color:#3d3d3d; color:#fff; padding:5px 10px 5px; line-height:30px; vertical-align:middle;}
#productDetail #prd_qna .btns a:hover { background-color:#E6E6E6; color:#3d3d3d;}


#productDetail .displayblock { display:block; width:100%; float:left; }
#productDetail #prd_detail ,
#productDetail #prd_review ,
#productDetail #prd_qna ,
#productDetail #related,
#productDetail #exchange {clear:both; display:block; width:100%; padding:50px 0 20px; }
#productDetail #prd_detail:after,
#productDetail #prd_review:after,
#productDetail #prd_qna:after,
#productDetail #related:after,
#productDetail #exchange:after { content:''; display:block; clear:both;}


/* 관련상품 */
#productDetail #related { display:block;  }
#productDetail #related h3 { display:none; float:left; padding:5px 10px; background:#000000; color:#FFF;}
#productDetail #related .relatedlist { display:block; }

#productDetail .prd-list { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; color:#111111; }  /* border-top:1px solid #000; 삭제 */
#productDetail .prd-list th { width:100%; height:30px; line-height:30px; border-bottom:1px solid #e0e0e0; font-size:11px; letter-spacing:0.2em; }
#productDetail .prd-list td {padding:8px 0; vertical-align:middle; border-bottom:1px solid #e1e1e1; }
#productDetail .prd-list .thumb { width: 190px; height: 190px; }
#productDetail .prd-list .prd-option select { border:1px solid #000; }
#productDetail .prd-list .prd-amount {display:block; width:100%; text-align:center; }
#productDetail .prd-list .prd-amount .cnt { display:block; width:80px; margin:0 auto;}
#productDetail .prd-list .prd-amount input { display:inline-block; float:left; width: 30px; height: 20px; line-height: 20px; margin:0; border:0; border-top:1px solid #000;border-bottom:1px solid #000; text-align:center !important; font-size: 11px;  }
#productDetail .prd-list .prd-amount a { display:inline-block; float: left; width: 20px; height: 20px; line-height: 20px; border:1px solid #000; text-align:center; font-size: 12px; color:#000; }
#productDetail .prd-list .prd-check { display:block; float:left; width:100%; text-align:center; }

/* ==========================================
   SAERO EVENT - RELATED CART BUTTON
   선택상품 장바구니 담기 버튼
   ========================================== */

/* 01. 버튼 영역 */
#productDetail .related-allbasket {
    clear: both;
    width: 100%;
    padding: 20px 0 10px;
    text-align: right;
    box-sizing: border-box;
}

/* 02. 장바구니 버튼 */
#productDetail .related-allbasket a.related-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 46px;
    padding: 0 24px;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 1.4;

    color: #ffffff;
    background: #ff6d00;
    border: 1px solid #ff6d00;
    border-radius: 4px;

    text-decoration: none;
    box-sizing: border-box;

    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

/* 03. 장바구니 아이콘 */
#productDetail .related-allbasket .cart-symbol {
    font-size: 17px;
    line-height: 1;
}

/* 04. 마우스 오버 */
#productDetail .related-allbasket a.related-cart-btn:hover {
    color: #ffffff;
    background: #ed601b;
    border-color: #ed601b;
}

/* ==========================================
   END - RELATED CART BUTTON
   ========================================== */



/* ==========================================
   SAERO EVENT - RELATED PRODUCT DESIGN
   상품 상세페이지 관련상품 개선 1단계
   ========================================== */

/* 01. 관련상품 기본 폰트 */
#productDetail #related .prd-list {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    color: #333333;
}

/* 02. 기존 4열 테이블 유지 */
#productDetail #related .prd-list table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px 16px;
}

/* 03. 관련상품 카드 */
#productDetail #related .prd-list td {
    padding: 15px 10px;
    vertical-align: top;
    border: 1px solid #eeeeee;
    background: #ffffff;
    box-sizing: border-box;
}


/* 04. 관련상품 이미지 영역 - 테두리 복원 */
#productDetail #related .prd-list .thumb {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 190px;
    height: 190px;
    max-width: 100%;

    margin: 0 auto;
    padding: 0;

    border: 1px solid #eeeeee;
    background: #ffffff;

    box-sizing: border-box;
    overflow: hidden;
}

/* 05. 이미지 크기 및 비율 유지 */
#productDetail #related .prd-list .thumb img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;

    margin: 0 auto;
    object-fit: contain;
}

/* 06. 상품명 영역 통일 */
#productDetail #related .prd-list li.dsc {
    display: block;
    height: 40px;
    min-height: 40px;
    max-height: 40px;

    margin: 0;
    padding: 0;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #333333;

    text-align: left;
    overflow: hidden;
    overflow-wrap: break-word;
    box-sizing: border-box;
}


/* 07. 관련상품 가격 */
#productDetail #related .prd-list li.price {
    margin-top: 8px;
    margin-bottom: 10px;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #222222;
    text-align: center;
}

/* 08. 수량 입력 기본 글씨 */
#productDetail #related .prd-list
input.MS_related_quantity {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: center;
}

/* ==========================================
   END - RELATED PRODUCT DESIGN
   ========================================== */



/* ==========================================
   SAERO EVENT - RELATED ALIGNMENT FIX
   관련상품 이미지 / 상품명 정렬 보정
   ========================================== */

/* 관련상품 내부 목록 정렬 초기화 */
#productDetail #related .prd-list td .tb-center ul.info {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

/* 이미지가 들어 있는 첫 번째 LI */
#productDetail #related .prd-list td .tb-center ul.info > li:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 202px;
    margin: 0;
    padding: 0;
}

/* 이미지 영역 */
#productDetail #related .prd-list td .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 190px;
    margin: 0 auto;
}

/* 상품명 */
#productDetail #related .prd-list td li.dsc {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
}

/* 가격 */
#productDetail #related .prd-list td li.price {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

/* ==========================================
   END - RELATED ALIGNMENT FIX
   ========================================== */



/* review-write */
#productDetail .review-write { margin-top: 15px; padding: 5px 0 10px; border: 1px solid #b4b4b5; }
#productDetail .review-write table { display:table; width:auto; margin:0 auto;}
#productDetail .review-write th,
#productDetail .review-write td { padding: 5px 0 4px; }
#productDetail .review-write th { font-weight: normal; }
/* 댓글리스트 공통 */
#productDetail .table-slide {  }
#productDetail .table-slide thead th { border-bottom: 1px solid #666666; font-weight: normal; }
#productDetail .table-slide th,
#productDetail .table-slide td { padding: 10px 0; cursor: pointer; }
#productDetail .table-slide tbody td { border-bottom:1px solid #cccccc; }
#productDetail .table-slide tr.cnt { display: none; background-color:#f9f9f9; }
#productDetail .table-slide tr.cnt td { cursor: default; }
#productDetail .table-slide tr.nbg td { background-image: none; }
#productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; }
/* review-list */
#productDetail .review-list { margin-top: 15px; }
/* qna board */
#productDetail .qna-list { margin-top: 15px; }

/* ****************** 상품 상세 옵션 ******************** */
.MK_not_choice { color: red; }
.MK_optAddWrap,
.MK_optAddWrap * { margin: 0; padding: 0; }
.MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; }
.MK_optAddWrap li { list-style: none; }
/* 옵션선택 */
#MK_optAddList { overflow: hidden; *zoom: 1; }
#MK_optAddList li { float: left; width: 100%; margin-top: 5px; }
#MK_optAddList .MK_tit,
#MK_optAddList .MK_div,
#MK_optAddList .MK_st { float: left; }
#MK_optAddList .MK_tit,
#MK_optAddList .MK_div { font-size: 11px; line-height: 16px; }
#MK_optAddList .MK_tit { width: 65px; margin-right: 5px; }
#MK_optAddList .MK_div { width: 5px; text-align: center; }
#MK_optAddList .MK_st { width: 205px; }
#MK_optAddList .MK_st .MK_btn-add { cursor: pointer; }
#MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; }
/* 옵션선택PP */
#MK_optAddListPP { overflow: hidden; *zoom: 1; }
#MK_optAddListPP .MK_tit,
#MK_optAddListPP .MK_st { float: left; width: auto; }
#MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; }
/* 옵션 결과 리스트 */
#MK_innerOptWrap { margin-top: 10px; border: 1px solid #ddd; }
#MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; }
#MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:13px; _height: 13px; *margin-bottom: -4px; padding: 8px 5px; border-bottom: 1px solid #ddd; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_price,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_price,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right: 20px; top: 10px; color: #333; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 8px; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin-top: 3px; }
/* 사용자 입력 인풋박스 (color, size )*/
.MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; }
/* 기본옵션 */
#MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 140px; }
#MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; }
#MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; }
#MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; }
#MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; }
#MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; }
#MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; }
/* 개별옵션 */
#MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; }
#MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; }
#MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; }
#MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; }
#MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; }
#MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 2px; }
#MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; }
/* 총합계 */
#MK_innerOptTotal { padding: 10px 5px; font-size: 12px; color: #333; text-align: right; }
#MK_innerOptTotal .MK_txt-total { }
#MK_innerOptTotal .MK_txt-won { }
#MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; }
/* 소리뷰 */
#sorivu { position: relative; margin-top:40px; }
/* 상품 일반정보(상품정보제공 고시) */
#productWrap { margin: 10px 0; }
#productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; }
#productWrap table { width: 100%; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #b4b4b4; border-style: solid; table-layout: fixed; }
#productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f8f8f8; color: #3b3b3d; text-align: left; padding: 10px 0 10px 15px; }
#productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 17px; }
/* 추가수정 (메이크샵에서 알려준 것, 리뷰 파일 등록 버튼 정렬 */
table img {padding-bottom:4px;}

#powerReview .PR15N01-review-wrap > li .content {text-align:left;}

/* 스마트쿠폰목록 */
#productDetail .smart-coupon-list { padding:20px 0; text-align:center;}
#productDetail .smart-coupon-list ul {display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px;}
#productDetail .smart-coupon-list ul li {position:relative; float:left; width:268px; margin:0 0 30px 30px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left;}
#productDetail .smart-coupon-list ul li .c-info {position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; }
#productDetail .smart-coupon-list ul li .c-image a {display:block;}
#productDetail .smart-coupon-list ul li .c-image img { width:268px; }
#productDetail .smart-coupon-list ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; }
#productDetail .smart-coupon-list ul li p:last-child {padding-bottom:0;}
#productDetail .smart-coupon-list ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; }
#productDetail .smart-coupon-list ul li p.c-price {font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px;}
#productDetail .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
#productDetail .smart-coupon-list ul li .sc-btn-down {position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; }
#productDetail .smart-coupon-list ul li .sc-btn-down > span {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; }
#productDetail .smart-coupon-list ul li .sc-btn-down > span > span.sc-complete {font-size:12px; color:#999;}
#productDetail .smart-coupon-list ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; }
#productDetail .smart-coupon-list ul li .sc-btn-down span a > span { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; }
#productDetail .smart-coupon-list ul li.sc-style2 {border:1px solid #fff;}
#productDetail .smart-coupon-list ul li.sc-style2 .c-info { background:#171940; border-color:#171940; }
#productDetail .smart-coupon-list ul li.sc-style2 p { color:#fff; }
#productDetail .smart-coupon-list ul li.sc-style2 p.c-txt { color:#999; }
#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; }
#productDetail .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; }
#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a { color:#fff; }
#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num {color:#fff;}
#productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; }
#productDetail .smart-coupon-list ul li.sc-style3 { width:346px; border:0; border-radius:0; }
#productDetail .smart-coupon-list ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; }
#productDetail .smart-coupon-list ul li.sc-style3 p.c-price { color:#eb3697;}
#productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px; }
#productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a { color:#999; }
#productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; }
#productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; }
#productDetail .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776;}
#productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; }


/* 오늘출발 상품 */
#productDetail .today-delivery { display:flex; align-items:center; padding:10px; border:1px solid #e4e4e5; background:#f8f8f8; color:#111; }
#productDetail .today-delivery .icon { padding:12px 10px; border:1px solid #111; border-radius:6px; background:#fff; }
#productDetail .today-delivery .txt { padding-left:12px; }
#productDetail .today-delivery .txt p { padding-top:5px; }





/* ==========================================
   SAERO EVENT - PRODUCT DETAIL
   상품 상세페이지 폰트 개선 1단계
   ========================================== */

/* 01. 상세페이지 기본 폰트 */
#productDetail .thumb-info .info {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
}

/* 02. 상품명 */
#productDetail .thumb-info .info h2.tit-prd {
    display: block;
    float: none;
    width: 100%;

    margin: 0 0 15px;
    padding: 10px 0 20px;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: #222222;

    border-bottom: 1px solid #eeeeee;
    box-sizing: border-box;
}

/* 03. 상품정보 표 */
#productDetail .thumb-info .info .table-opt {
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

/* 04. 상품정보 글씨 */
#productDetail .thumb-info .info .table-opt th,
#productDetail .thumb-info .info .table-opt td {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    letter-spacing: -0.3px;
    line-height: 22px;
    padding: 12px 0;
}

/* 05. 상품정보 항목명 */
#productDetail .thumb-info .info .table-opt th {
    font-weight: 500;
    color: #666666;
}

/* 06. 상품정보 내용 */
#productDetail .thumb-info .info .table-opt td {
    font-weight: 400;
    color: #444444;
}

/* 07. 판매가격 강조 */
#productDetail .thumb-info .info
.table-opt td.price {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 30px;
    color: #222222;
}

/* 판매가격 내부 텍스트 */
#productDetail .thumb-info .info
.table-opt td.price .tb-left {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

/* 08. 소비자가격 취소선 */
#productDetail .thumb-info .info
.table-opt td.price strike {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

/* 09. 상품정보 행 구분 */
#productDetail .thumb-info .info
.table-opt tr {
    border-bottom: 1px solid #f5f5f5;
}


/* 판매가격 '원' 글씨 크기 조정 */
#productDetail .thumb-info .info
.table-opt td.price .price-unit {
    display: inline;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #444444;
    margin-left: 2px;
    vertical-align: baseline;
}


/* ==========================================
   SAERO EVENT - DETAIL OPTION DESIGN
   상세페이지 옵션 / 수량 / 총금액 개선
   ========================================== */

/* 01. 통합 옵션 기본 폰트 */
#productDetail .MK_optAddWrap {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #444444;
}

/* 02. 선택된 옵션 박스 */
#productDetail #MK_innerOptWrap {
    margin-top: 12px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

/* 03. 선택된 상품 항목 */
#productDetail #MK_innerOptWrap .MK_inner-opt-cm li {
    min-height: 32px;
    padding: 10px 8px;
    border-bottom: 1px solid #eeeeee;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #444444;
}

/* 04. 선택된 상품명 */
#productDetail #MK_innerOptWrap .MK_p-name {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #333333;
    overflow-wrap: break-word;
}

/* 05. 옵션 수량 입력창 */
#productDetail #MK_innerOptWrap
.MK_qty-ctrl input.MK_count {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

/* 06. 선택된 옵션 가격 */
#productDetail #MK_innerOptWrap .MK_price {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #333333;
}

/* 07. 총 상품 금액 영역 */
#productDetail #MK_innerOptTotal {
    padding: 16px 12px;
    background: #fafafa;
    border-top: 1px solid #eaeaea;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #555555;
    text-align: right;
}

/* 08. 총 상품 금액 제목 */
#productDetail #MK_innerOptTotal .MK_txt-total {
    font-size: 13px;
    font-weight: 500;
    color: #444444;
}

/* 09. 최종 결제 예상 금액 */
#productDetail #MK_innerOptTotal .MK_total {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #f36f31;
}

/* 10. 원 단위 */
#productDetail #MK_innerOptTotal .MK_txt-won {
    font-size: 13px;
    font-weight: 500;
    color: #555555;
}



/* ==========================================
   SAERO EVENT - DETAIL PRICE UNIFIED
   상세페이지 가격 디자인 통일
   ========================================== */

/* 01. 가격 행 공통 */
#productDetail .thumb-info .info
.table-opt td.price {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #222222;
}

/* 02. 가격 내부 공통 */
#productDetail .thumb-info .info
.table-opt td.price .tb-left {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

/* 03. 원 단위 공통 */
#productDetail .thumb-info .info
.table-opt td.price .price-unit {
    font-size: 15px;
    font-weight: 500;
    color: #444444;
    margin-left: 2px;
}

/* 04. 쿠폰 할인 가격 */
#productDetail .thumb-info .info
.table-opt td.sell_benefit .MS_option_price {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #f36f31;
}

/* 05. 쿠폰 할인 버튼 */
#productDetail .thumb-info .info
.table-opt td.sell_benefit .benefit_btn {
    vertical-align: middle;
    margin-left: 8px;
}

/* 06. 가격 영역 줄 간격 */
#productDetail .thumb-info .info
.table-opt tr td.price,
#productDetail .thumb-info .info
.table-opt tr td.sell_benefit {
    vertical-align: middle;
}



#productDetail .thumb-info .info
.table-opt td.sell_benefit .coupon-unit {
    font-size: 14px;
    font-weight: 500;
    color: #f36f31;
    margin-left: 2px;
}



/* ==========================================
   SAERO EVENT - SINGLE PRODUCT PRICE
   단품 상품 판매가격 최종 디자인
   ========================================== */

/* 01. 판매가격 숫자 부모 영역 */
#productDetail .thumb-info .info
.table-opt td.price .detail-sale-price {
    display: inline;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #222222 !important;
}

/* 02. 메이크샵 실제 판매가격 숫자 */
#productDetail .thumb-info .info
.table-opt td.price #pricevalue {
    display: inline;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -0.5px;
    color: #222222 !important;
}

/* 03. 판매가격 '원' 단위 */
#productDetail .thumb-info .info
.table-opt td.price .price-unit {
    display: inline;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 30px;
    color: #444444 !important;
    margin-left: 2px;
    vertical-align: baseline;
}

/* ==========================================
   END - SINGLE PRODUCT PRICE
   ========================================== */




/* ==========================================
   SAERO EVENT - RELATED QUANTITY DESIGN
   관련상품 수량 및 체크박스 개선
   ========================================== */

/* 01. 수량 입력창 */
#productDetail #related .prd-list
input.MS_related_quantity {
    display: inline-block;
    float: none;
    width: 46px;
    height: 32px;
    margin: 0;
    padding: 0 4px;

    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    text-align: center !important;
    vertical-align: middle;
    box-sizing: border-box;
}

/* 02. 수량 증감 버튼 묶음 */
#productDetail #related .prd-list
li .btns {
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    margin-left: 3px;
}

/* 03. 수량 증가 / 감소 버튼 */
#productDetail #related .prd-list
li .btns a.btn-up,
#productDetail #related .prd-list
li .btns a.btn-dw {
    display: flex;
    align-items: center;
    justify-content: center;

    float: none;
    width: 22px;
    height: 16px;
    padding: 0;
    margin: 0;

    border: 1px solid #dddddd;
    background: #fafafa;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 10px;
    line-height: 1;
    color: #555555;

    text-decoration: none;
    box-sizing: border-box;
}

/* 위쪽 버튼 */
#productDetail #related .prd-list
li .btns a.btn-up {
    border-radius: 3px 3px 0 0;
}

/* 아래쪽 버튼 */
#productDetail #related .prd-list
li .btns a.btn-dw {
    border-top: none;
    border-radius: 0 0 3px 3px;
}

/* 04. 버튼 마우스 오버 */
#productDetail #related .prd-list
li .btns a.btn-up:hover,
#productDetail #related .prd-list
li .btns a.btn-dw:hover {
    background: #fff7f2;
    color: #f36f31;
}

/* 05. 장바구니 선택 체크박스 */
#productDetail #related .prd-list
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 8px 0 0;
    vertical-align: middle;
    accent-color: #f36f31;
    cursor: pointer;
}

/* ==========================================
   END - RELATED QUANTITY DESIGN
   ========================================== */


/* ==========================================
   SAERO EVENT - RELATED OPTION FIX
   관련상품 옵션 선택창 너비 및 정렬 개선
   ========================================== */

/* 01. 관련상품 카드 내부 너비 */
#productDetail #related .prd-list td .tb-center,
#productDetail #related .prd-list td ul.info {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* 02. 옵션 선택 영역 */
#productDetail #related .prd-list
ul.info > li:has(select) {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 8px 0;
    padding: 0;
    box-sizing: border-box;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    line-height: 22px;
    color: #777777;
    text-align: left;
}

/* 03. 옵션 선택창 */
#productDetail #related .prd-list
ul.info li select {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;

    height: 34px;
    margin: 5px 0 0;
    padding: 0 8px;

    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    color: #444444;

    box-sizing: border-box;
}

/* 04. 옵션이 긴 경우 영역 밖 침범 방지 */
#productDetail #related .prd-list td {
    overflow-wrap: break-word;
}

/* ==========================================
   END - RELATED OPTION FIX
   ========================================== */

/* BASIC css end */