@charset "utf-8";

select option:disabled {
	background-color: #e9ecef
}
/*팝업 스텝퍼 충돌문제*/
.number_stepper02 {position:relative; display:inline-block; width:20px; height:22px;}
.number_stepper02 .pop_btn_up {position:absolute; top:0; right:0; width:20px; height:50%; background:url('../images/icon/icon_num_stepper_up.png') no-repeat center;}
.number_stepper02 .pop_btn_down {position:absolute; bottom:0; right:0; width:20px; height:50%; background:url('../images/icon/icon_num_stepper_down.png') no-repeat center;}


.prod_contents { display:block; height:100%; width:100%; font-family: 'Noto Sans KR', sans-serif !important;/*padding:60px;*/   /*text-align:center;*/  }
.prod_contents *{ font-family: 'Noto Sans KR', sans-serif !important; }

.btn_area.top_br{ border-top:1px solid #e5e5e5; margin-top:60px; padding-top:50px }
.pinch-zoom-container{/*height:auto !important*/height:100%; object-fit: contain;}
#pinch_move{width:100%; }
#pinch_move *{ font-size:100% !important}
/*width 값수정 80 -> 120*/
.cart_total_price2 .price {display:inline-block; width:100px; font-size:18px; color:#222222; font-weight:700;}
/*쇼핑 word break 추가*/
.prod_list .prod_nm {word-break: keep-all ;}
/*이미지 게시판 word break 추가*/
.prod_list02 .prod_nm {word-break: keep-all ;}

/*약재말줄임 3줄*/
.herbSummary{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
}

/*코드별 주위추가*/
.state02.COM_01 {color:#fff; background:#e11e1e;}
.state02.COM_02 {color:#fff; background:#6ec384}
.state02.COM_03 {color:#fff; background:#b87eb9}

.state02.TANG_01 {color:#fff; background:#4777bb}
.state02.TANG_02 {color:#fff; background:#9a7a69}

.state02.SYRUP_01 {color:#fff; background:#4777bb}
.state02.SYRUP_02 {color:#fff; background:#9a7a69}

.state02.SAN_01 {color:#fff; background:#4777bb}
.state02.SAN_02 {color:#fff; background:#9a7a69}

.state02.HWAN_01 {color:#fff; background:#4777bb}
.state02.HWAN_02 {color:#fff; background:#9a7a69}


/*정렬*/
.yakjae_hd .sorter-header{
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
}
.yakjae_hd .sorter-headerAsc{
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
}
.yakjae_hd .sorter-headerDesc{
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
}

@media all and (max-width:1280px){

  .prod_detail_view{height:100%; overflow:hidden}
  .prod_contents {
    display:inline-block;
    /*padding:3rem 1.5rem;*/ width:100%; overflow:hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
    width: 100%;
    height: auto;
    /* min-height: 200vh;*/
    
    
  }

  #pinch_move{touch-action: none; height:fit-content !important; display:block}
  .prod_contents img{width:auto; height:100%; max-width:100% }
  #pinch_move *{ font-size:1.4rem !important}
  /*.prod_contents img{ width:100%; max-width:fit-content;pointer-events: none;}
  .pinch-zoom-container{ display:flex; justify-content: flex-start; align-items: flex-start}
  #pinch_move{ top:0; left:0}
  .prod_contents img{ width:100% !important; height:auto !important}*/
  .btn_area.top_br{ margin-top:0; padding-top:2rem }
}