@charset "utf-8"; 
/*******************
	 css reset
*******************/

/* 상품상세보기  */
.prview_wrap { display:inline-block;width:100%;height:auto; margin:0 auto; padding:0 auto;}
.prview_wrap .top { display:inline-block;width:100%;height:auto; margin:0 auto; padding:0 auto; border:1px solid #e6e6e6;}
.prview_wrap .top_left { float:left; display:inline-block; width:508px; height:auto; margin:20px 0 20px 0; padding:0 auto; text-align:center; /* background-color:#000; */}
.prview_wrap .top_left .listimg { display:inline-block; width:460px; height:auto; margin:0; padding:0; text-align:center; /*background-color:#000;*/ }
.prview_wrap .top_right { float:right ; display:inline-block;width:410px; height:auto; min-height:570px; text-align:left; margin:0 auto;padding:30px; background-color:#fafafa; border-left:1px solid #e6e6e6; }
.prview_info { display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto;   }
.prview_info ul li{  float:left; font-size:11px; font-family:'돋움',dotum; letter-spacing:-1px; margin:0 0 2px 0;padding:0 auto; }
.prview_info ul li.left { width:85px; height:18px;  letter-spacing:-1px; line-height:140%;}
.prview_info ul li.right { display:inline-block; width:324px;  height:auto;  min-height:20px; /* background-color:#dddddd; */}
.prview_info ul li.btn_s { display:inline-block; text-align:right;margin:8px 0 0 3px; }
.prview_info ul li.btn { display:inline-block; text-align:right;margin-left:3px; }

/* 제품선택 */
.prview_info ul li.right .selectback { display:block; width:322px; height:24px; background:url(http://www.cookprice.com/image/pr_select_back.png) no-repeat 0 0;}
.prview_info ul li.right .selectback .textbox { padding:6px 0 0 10px; font-size:12px; }
.prview_info ul li.right .prview_gp_wrap { 
     display:none; position:absolute; z-index:1000; top:0px;left:0px;
	 width:308px; min-height:24px; 
	 padding:6px 6px 2px 6px; /*320px*/
	 background-color:#fff; 
	 border:1px solid #95a7b4; 
}
.prview_info ul li.right .prview_gp_wrap .left_info { float:left; display:inline-block; min-height:21px; }
.prview_info ul li.right .prview_gp_wrap .right_info { float:right; text-align:right; display:inline-block; min-width:65px; min-height:21px;  }
.prview_info ul li.right .prview_gp_wrap .prview_gp_line { width:100%; height:0px; margin:-6px 0 0 0; padding:0; border-bottom:1px solid #e6e6e6; }

.prview_info .gview_btn_wrap { 
    display:block;width:100%;height:35px;
	margin:0;padding:20px 0 0 0; 
	text-align:center; font-size:14px; font-weight:bold; color:#eb6743;
	border:1px solid #eb6743; background-color:#fff8d9; 
}



/* prview_info 옵션선택한거 리스팅 */
.prview_optselect_wrap { display:block;width:100%;height:auto;margin:0 ;padding:8px 0 8px 0; }
.prview_optselect { display:inline-block;width:100%;height:auto;margin:0;padding:0;   }
 
.prview_opt_wrap { display:none;width:100%;height:auto;margin:0 ;padding:8px 0 0 0; border-top:1px solid #000;  }
.prview_opt { display:inline-block;width:100%;height:auto;margin:0;padding:0;   }
.prview_opt ul li{ float:left; font-size:11px; margin:0;padding:0; /* border:1px solid #000; */ }
.prview_opt ul li.left { width:190px; height:18px; padding-top:4px; letter-spacing:-1px;line-height:140%;}
.prview_opt ul li.midd { width:80px;  height:20px;  }
.prview_opt ul li.right { width:70px; height:18px; padding-top:4px; text-align:right;  }
.prview_opt ul li.end { float:right; width:11px; height:18px; padding-top:4px; text-align:right;  }
.prview_opt ul li.btn_s { display:inline-block; text-align:right;margin:8px 0 0 3px; }
.prview_opt ul li.btn { display:inline-block; text-align:right;margin-left:3px; }


.prView_pricewon {display:inline-block;font-weight:bold;letter-spacing:-1px;}
.input_cart_amount { 
   width:36px; height:17px; text-align:right;
   padding:2px 4px 0 0;
   border: 1px solid; border-color: #a5c2c9 #a5b5c0 #a5b5c0 #a5c2c9; 
   background-color: #fff; 
}

.input_cart_gprice { 
   display:inline-block; width:98%; height:17px; 
   text-align:right;
   font-size:16px; font-family:tahoma,verdana;font-weight:bold;color:#f5448c;letter-spacing:0px;
   padding:2px 5px 0 0;
   border: 1px solid #666; 
   background-color:transparent ; 
}

.input_cart_tprice { 
     width:100px;
	 height:24px; 
	 padding:4px 0px 0px 0px;   /*상 우 하 좌*/
	 text-align:right;
     font-size:14px;font-family:verdana,tahoma;font-weight:bold;color:#ff4e00;letter-spacing:-1px;
     border:0px solid; border-color:#e0e0e1 #e0e0e1 #e0e0e1 #e0e0e1;
     background:transparent;
}

.order_total_price { 
     width:120px;
	 height:26px; 
	 padding:2px 0px 4px 0px;   /*상 우 하 좌*/
	 text-align:right;
     font-size:25px;font-family:arial;font-weight:bold;color:#fff;letter-spacing:-1px;
     border:0px solid; border-color:#e0e0e1 #e0e0e1 #e0e0e1 #e0e0e1;
     background:transparent;
}
.order_total_won {display:inline-block;font-size:18px;font-weight:bold;color:#fff;letter-spacing:-1px;} 

.updown {  display:inline-block;width:21px;height:21px;margin:0;padding:0;line-height:100%;}
.updown .img { border:0px; }

.prview_info2 { float:right; display:block; width:100%; height:auto; margin:14px 0 4px 0;padding:0 auto;  text-align:right; vertical-align:middle; }
.CartMsgDiv {  z-index:10; float:left; clear: both;  position:absolute;display:none; padding:20px; width:215px;height:150px;top:-75px;left:-170px; border: 3px solid #333; background:#fff; }
.CartMsgDiv .cart_title {  display:inline-block; text-align:left; font-weight:bold; margin:0 auto; width:100%;height:24px; border-bottom: 1px solid #333; }
.CartMsgDiv .cart_textarea {  display:inline-block; text-align:center; margin:0 auto; width:100%;height:auto; line-height:140%; }

 
/* 상세보기 주간 베스트 */
.prview_pr5 { display:inline-block;width:790px;height:auto;margin:0;padding:20px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.prview_pr5 .areatitle{ display:inline-block;width:100%;height:20px;margin:0;padding:0; font-family:'나눔고딕',NanumGothic,'돋움',dotum;  font-size:14px; font-weight:bold; }
.prview_pr5_product {  float:left; display:inline-block; margin:6px 0 10px 0; padding:0; width:100%; height:auto;}
.prview_pr5_product ul li { float:left;display:inline-block; padding:0; margin:10px 8px 0px 0; width:148px; height:auto; text-align:center;}
.prview_pr5_product ul li.end{ display:inline-block; padding:0; margin:10px 8px 0px 0;} 
.prview_pr5_product ul li a{ display:inline-block;cursor:pointer; color:#333; } 
.prview_pr5_product .primg { display:inline-block;width:150px;height:150px;margin:0 0 10px 0;}

.prview_detail { display:inline-block;width:980px; /* width:1084px; */ height:auto;margin:0 auto;padding:0; /*border:1px solid #e6e6e6;*/}
.prview_gnb {  display:inline-block;width:100%;height:auto;margin:0 auto;padding:0; } 
.prview_gnb ul li { float:left; display:inline-block; padding:0; margin:0; width:auto; height:auto; text-align:center;background-color:#959595;}
.prview_gnb ul li.on{ 
     display:inline-block; width:100px; height:24px; font-weight:bold; color:#fff;
	 padding:7px 0 0 0; margin:0; border:1px solid #585858; background-color:#5d5d5d;
} 
.prview_gnb ul li.off{ 
     display:inline-block; width:100px; height:24px; color:#fff;padding:7px 0 0 0; margin:0; border:1px solid #8e8e8e; 
} 
.prview_gnb ul li.back { 
     display:inline-block; width:528px; /* width:632px; */ height:21px; color:#fff; padding:10px 0 0 0; margin:0; border:1px solid #8e8e8e; 
} 
.prview_gnb ul li.end { 
     float:right; display:inline-block; width:40px; height:24px; font-weight:bold; color:#fff; padding:7px 0 0 0; margin:0; 
	 border:1px solid #7b7b7c; background-color:#7d7d7e;
} 
.prview_gnb ul li a{ cursor:pointer; color:#fff; } 
.prview_gnb ul li a:hover{ text-decoration:none; } 

.prview_area { display:inline-block;width:100%;height:auto;margin:0 auto;padding:0; /* border:1px solid #e6e6e6; */ } 
.prview_area_in { clear: both; display:block;width:980px;height:auto;margin:0 auto;padding:0;    } 
.prview_area_in span { line-height:160%; }
.prview_area_in ul li { float:left; display:inline-block; padding:0; margin:0; width:auto; height:auto;  }
.prview_area_in .review_area { display:block;width:100%;height:auto; padding:0; vertical-align:middle; }
.prview_area_in .review_area ul li.left { float:left; display:inline-block; padding:0; margin:5px 0 0 0; width:680px; height:auto; }
.prview_area_in .review_area ul li.right { float:right; display:inline-block; padding:0; margin:0; width:80px; height:auto; text-align:center; }
 

/* 상품 Qna */
.common_warp { display:inline-block;width:100%;height:auto;margin:0 auto;padding:0; font-size:12px; /*border:1px solid #e6e6e6; */   } 
.common_in { display:inline-block; width:100%; height:auto; margin:0 auto;padding:0; } 
.common_in ul li { float:left; display:inline-block; padding:0; margin:0; /* border:1px solid #e6e6e6; */  }
 

/* 모바일 상품보기 */
#prview_m_wrap { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;}
.prview_menu_wrap { display:inline-block; width:100%; height:40px; margin:0 auto; padding:0 auto; background-color:#f5f5f5; border-bottom:1px solid #cfcfcf; }
.prview_menu_wrap ul li{  float:left; margin:0 auto; padding:0 auto; }
.prview_menu_area { float:left; display:inline-block; width:90%; height:40px; margin:0 auto; padding:0 auto;  }
.prview_menu_area_on { float:left; display:inline-block; width:90%; height:36px; margin:0 auto; padding:0 auto; border-bottom:4px solid #e1383f; }
.prview_menu_title { display:inline-block; width:auto; height:auto;  margin:11px 0 0 0; padding:0 auto;  font-size:16px;  font-weight:bold; letter-spacing:-0.02em; color:#000;  }
.prview_m_imgarea {  display:inline-block; width:auto; height:auto;  margin:0 auto; padding:0 auto; }
@media all and (max-width:740px)   {    /*  max-width:980px MOBILE */  
   .prview_m_infowrap {  display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto; background-color:#fdfdfd; }
}  /*  MOBILE end  */
@media all and (min-width:741px) {   /*   (min-width:1300px)  */  
   .prview_m_infowrap {  display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto;  }
} 
.prview_m_infoarea {  display:inline-block; width:96%; height:auto; margin:10px; padding:0 auto; text-align:left;   }
.prview_m_infoarea ul li{  float:left; margin:0 auto; padding:0 auto; } 
.prview_info_m { display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto;   font-size:14px; line-height:120%;  letter-spacing:-0.02em;  }
.prview_info_m ul li{  float:left; margin:0 auto; padding:0 auto;  letter-spacing:-0.02em;  line-height:120%; }  
.prview_info_m_end {   display:inline-block; width:100%; height:4px; margin:0 auto; padding:0 auto; background-color:#e4e4e4; border-bottom:1px solid #c7c7c7; } 

.cp_prprice { font-size:20px; font-family:tahoma,verdana,'나눔고딕',NanumGothic,'굴림',gulim; font-weight:bold; letter-spacing:0px; color:#000;} 
.line_prview_m { display:inline-block; width:100%; height:1px; margin:8px 0 8px 0; padding:0 auto; background-color:#dcdcde;  } 
 
/* 모바일 상품 상세 정보 보기 */
.prview_area_m {  display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto;  }
.prview_area_m img {  width:100%; height:100%; margin:0 auto; padding:0 auto;   }
.prview_area_m ul { display:inline-block; margin:0 auto; padding:0 auto; }  
.prview_area_m ul li{  float:left; margin:0 auto; padding:0 auto;  letter-spacing:-0.02em;  line-height:120%; }  

.prview_cartbtn_wrap {  display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto; background-color:#000; }


@media all and (max-width:740px)   {    /*  max-width:980px MOBILE */  
   .prview_cartbtn_area {   display:inline-block; width:100%; height:auto; margin:0; padding:0; text-align:center; border-top:1px solid #c4c4c4; background-color:#e3e3e3;   }  
   .prview_cartbtn_top {  display:block; width:100%; height:22px; margin:-21px 0 0 0; padding:0 auto;  }
   .prview_cartbtn_a {  display:inline-block; width:47%; height:42px; margin:0 auto; padding:0 auto;  }
   .prview_cartbtn_a .btn_text {  display:inline-block; width:auto; height:auto; margin:12px 0 0 0; padding:0; font-size:18px; font-weight:bold; letter-spacing:-0.025em; font-family:'나눔고딕',NanumGothic,'굴림',gulim; }

}  /*  MOBILE end  */
@media all and (min-width:741px) {   /*   (min-width:1300px)  */  
   .prview_cartbtn_area {   display:inline-block; width:100%; height:auto; margin:0; padding:0; text-align:center;  }  
   .prview_cartbtn_top {  display:block; width:100%; height:22px; margin:-21px 0 0 0; padding:0 auto;  }
   .prview_cartbtn_a {  display:inline-block; width:46%; height:42px; margin:0 auto; padding:0 auto;  }
   .prview_cartbtn_a .btn_text {  display:inline-block; width:auto; height:auto; margin:12px 0 0 0; padding:0; font-size:18px; font-weight:bold; letter-spacing:-0.025em; font-family:'나눔고딕',NanumGothic,'굴림',gulim; }
} 

/* 20170704 반응형 구현 */ 
.cp_prview_wrap { display:inline-block;width:100%;height:auto; margin:0 auto; padding:0 auto;  }

@media all and (max-width:740px)   {    /*  max-width:980px MOBILE */  
   #cp_m_prview_menu { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;}
   .cp_prview_wrap .top { display:inline-block;width:100%;height:auto; margin:0 auto; padding:0 auto; }
   .cp_prview_wrap .top_left { display:inline-block; width:100%; height:auto; margin:0 auto;  padding:0 auto; text-align:center; /* background-color:#000; */}
   .cp_prview_wrap .top_left .listimg { display:inline-block; width:100%; height:auto; margin:0; padding:0; text-align:center; /*background-color:#000;*/ }
   .cp_prview_wrap .top_right { display:inline-block;width:100%; height:auto; text-align:center; margin:0 auto;padding:0 auto; }
   #cp_primg { display:none; }
   #cp_primg_m { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;}
   #cp_prdetailview  { display:none; }
   #cp_prdetailview_m  { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;}
   #cartform_pc { display:none; }

}  /*  MOBILE end  */
@media all and (min-width:741px) {   /*   (min-width:1300px)  */  
   #cp_m_prview_menu { display:none; }
   .cp_prview_wrap .top { display:inline-block;width:100%;height:auto; margin:10px 0 0 0; padding:0 auto; border:1px solid #e6e6e6;}
   .cp_prview_wrap .top_left { float:left; display:inline-block; width:528px; height:auto; margin:20px 0 20px 0; padding:0 auto; text-align:center;  /*  background-color:#000;  */}
   .cp_prview_wrap .top_left .listimg { display:inline-block; width:460px; height:auto; margin:0; padding:0; text-align:center; }
   .cp_prview_wrap .top_right { float:right ; display:inline-block;width:410px; height:auto; min-height:600px; text-align:left; margin:0 auto; padding:20px; background-color:#fafafa; border-left:1px solid #e6e6e6; }
   #cp_primg { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;}
   #cp_primg_m { display:none; }
   #cp_prdetailview { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;} 
   #cp_prdetailview_m  { display:none; }
   #cartform_pc { display:inline-block; width:100%;height:auto; margin:0 auto; padding:0 auto;}
} 

/* 장바구니에 담기 폼에 쓰임 inc_prcart_unit1.php */
.gpcart_wrap { display:inline-block; width:99%;height:auto; margin:0 auto; padding:0 auto; border:1px solid #f0f0f0;  border-bottom:1px solid #cccccc;  }
.gpcart_area { display:inline-block; width:92%;height:auto; margin:16px 16px 8px 16px; padding:0 auto;  /*background-color:#000;*/  }
.gpcart_area ul li{  float:left; margin:0 auto; padding:0 auto; }
.gpcart_line { display:inline-block; width:100%;height:2px; margin:4px 0 4px 0; padding:0 auto; background:url(http://www.cookprice.com/image/dot_line1.png) repeat-x 0 0; }
.gpcart_updown { display:inline-block; width:auto; height:auto; margin:0 auto; padding:0 auto;  }
.gpcart_updown ul li { float:left; display:inline-block; width:auto; height:auto; margin:0 auto; padding:0 auto; }
.gpcart_amount { display:block; width:35px;height:21px; margin:0 auto; padding:0 auto; text-align:center; 
   border-top:1px solid #cccccc;   border-bottom:1px solid #cccccc;  border-left:0px;  border-right:0px;  
}

/* 장바구니에 담기 폼에 쓰임 inc_prcart_unitcp.php - 여러종류 중 선택할때 */
.gpcartopt_wrap { position:relative; display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto; }
.gpcartopt_wrap_line { display:inline-block; width:99%; height:auto; margin:0 auto; padding:0 auto; 
   border-top:1px solid #cccccc;  border-left:1px solid #cccccc;  border-right:1px solid #cccccc;  border-bottom:1px solid #e1383f;  
}
.gpcartopt_area { display:inline-block; width:92%;height:auto; margin:14px 14px 8px 14px; padding:0 auto;   }
.gpcartopt_area  ul li { display:inline-block; width:auto; height:auto; margin:0 auto; padding:0 auto;   /*background-color:#000;*/ }
.gpcartopt_c_wrap { position:absolute; z-index:10; top:0px; left:0px;  display:none;  /*display:inline-block;*/ width:99%; height:auto; margin:0 auto; padding:0 auto;  border:1px solid #e1383f; }
.gpcartopt_c_area { display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto;  background-color:#fafafa; border-bottom:1px solid #cccccc; }
.gpcartopt_c_area  ul li { display:inline-block; width:auto; height:auto; margin:14px 14px 8px 14px; padding:0 auto;   /*background-color:#000;*/ }
.gpcartopt_c_listarea { display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto; border-bottom:1px solid #ebebeb; }
.gpcartopt_c_listarea:hover{ background:#fafafa; }
.gpcartopt_c_listarea  ul li { display:inline-block; width:auto; height:auto; margin:12px 12px 10px 12px; padding:0 auto;   /*background-color:#000;*/ }


/* 배송비 선불 착불 선택할때 */
.gpsendopt_wrap { position:relative; display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto; }
.gpsendopt_wrap_line { display:inline-block; width:99%; height:auto; margin:0 auto; padding:0 auto; border:1px solid #cccccc;
    /* border-top:1px solid #cccccc;  border-left:1px solid #cccccc;  border-right:1px solid #cccccc; border-bottom:1px solid #e1383f;  */
}
.gpsendopt_area { display:inline-block; width:92%;height:auto; margin:14px 14px 8px 14px; padding:0 auto;   }
.gpsendopt_area  ul li { display:inline-block; width:auto; height:auto; margin:0 auto; padding:0 auto;   /*background-color:#000;*/ }
.gpsendopt_c_wrap { position:absolute; z-index:10; top:0px; left:0px;  display:none;  /*display:inline-block;*/ width:99%; height:auto; margin:0 auto; padding:0 auto;  border:1px solid #e1383f; }
.gpsendopt_c_area { display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto;  background-color:#fafafa; border-bottom:1px solid #cccccc; }
.gpsendopt_c_area  ul li { display:inline-block; width:auto; height:auto; margin:14px 14px 8px 14px; padding:0 auto;   /*background-color:#000;*/ }
.gpsendopt_c_listarea { display:inline-block; width:100%; height:auto; margin:0 auto; padding:0 auto; border-bottom:1px solid #ebebeb; }
.gpsendopt_c_listarea:hover{ background:#fafafa; }
.gpsendopt_c_listarea  ul li { display:inline-block; width:auto; height:auto; margin:12px 12px 10px 12px; padding:0 auto;   /*background-color:#000;*/ }