 @charset "UTF-8";

.sub_vi {width:100%; margin-top:50px; display:inline-block}
 .sub_vi img {width:100%}
 .menu {width:100%;   box-sizing:border-box; background-color:#f5f5f5;  float:left; margin-top:50px;}
 .menu h3 {font-weight:700;  display:none !important}
 .menu ul {width:100%;  box-sizing:border-box;   float:left;}
 .menu li {display:inline-block; font-size:15.5px; padding:15px 20px 15px 0;  color:#777;  }
 .menu li:first-child {padding-left:20px}
 .menu li a {color:#777 !important; width:100%; display:inline-block}
  .menu li a:hover {text-decoration:underline}
  .menu li.ov a {color:#333 !important; font-weight:600}

 .sub_con {width:100%; display:inline-block; margin-top:50px; margin-bottom:70px   }
 h2.title {width:100%;     margin-bottom:10px; font-size:24px; font-weight:700; color:#333; text-align:left}
 h2.title span {float:right; font-size:13.5px; margin-top:10px; font-weight:400; color:#666 }

 h2.title2 {width:100%;     margin-bottom:20px; font-size:24px; font-weight:700; color:#333; text-align:left; border-bottom:1px solid #ddd; padding-bottom:10px; }
 h2.title2 span {float:right; font-size:13.5px; margin-top:10px; font-weight:400; color:#666 }


 #sub h3 {width:100%;     margin-bottom:10px; font-size:18px; font-weight:600; color:#333; display:inline-block}

#sub .text_box {font-size:0.93rem; color:#666; line-height:1.4em}
#sub .text_box .t1 {font-size:1.25em; color:#333; font-weight:700; line-height:1.4em}
#sub .text_box .t2 {font-size:1.1em; color:#333; font-weight:500; line-height:1.4em}
#sub .text_box .t3 {font-size:1.13em; color:#333; font-weight:600; line-height:1.4em}

#sub .bg_box {background-color:#f9f9f9; box-sizing:border-box; width:100%; padding:25px; display:inline-block }

 #sub  .product {font-size:0; display:flex; flex-wrap:wrap;}
 #sub  .product div.box {width:24%; margin-right:1.33% ; padding-bottom:20px;}
 #sub  .product div.box:nth-child(4n) { margin-right:0 }

.list_select		{ border:1px solid #ddd; font-size:0.85em;  height:30px; vertical-align:middle; color:#666; padding-left:5px; padding-right:15px; margin-left:auto}



 /*제품뷰*/

#sub .product_view .view_img {width:45%; float:left;border:1px solid #ddd; margin-top:10px }
#sub .product_view .view_img .img_wrap { width:100%; position:relative; display:inline-block; box-sizing:border-box; overflow:hidden}

#sub .product_view .b_img {border:1px solid #ddd; width:100%; box-sizing:border-box;  float:left; margin-top:10px;}

  
 

.magnifier {
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 100%;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);
	display: none;
}

.target {
	display: block;
	width: 100%;
}

#sub .product_view .s_img {width:100%;border-top:1px solid #ddd;  float:left;  display:flex;}
#sub .product_view .s_img li {width:33.33333%;   box-sizing:border-box; float:left; border-right:1px solid #ddd  }
#sub .product_view .s_img li:last-child {border-right:none}
#sub .product_view .s_img li img {width:100%;   }

#sub .product_view h3 {font-size:18px; line-height:1.3em; color:#333; font-weight:700; margin-bottom:10px; margin-top:10px; width:100%; display:inline-block}

#sub .product_view .info_t {font-size:16px; line-height:1.4em; color:#666; }
#sub .product_view table.info {width:100%;  float:left; margin-top:15px;}
#sub .product_view table.info td input {vertical-align:middle; margin-right:4px;}
#sub .product_view table.info td span {float:right;}
#sub .product_view table.info td.price  *  {line-height:1em}
#sub .product_view table.info td.price span.line_t  {float:none;  font-weight:400; font-size:1.1rem; text-decoration:line-through ; padding:0 15px 0 7px; }
#sub .product_view table.info td.price span.sale {font-size:1.5rem; font-weight:800; float:none; color:#ae0d44; }
#sub .product_view table.info td.price b {font-size:2rem; font-weight:800; letter-spacing:-1px; color:#333; }

#sub .product_view .total_info {width:100%; float:left; margin-top:0; background-color:#f9f9f9; box-sizing:border-box; padding:15px;}
#sub .product_view .total_info p {width:100%; color:#555; font-size:16px; }
#sub .product_view .total_info p span {float:right; color:#333; font-weight:600 }

#sub .product_view .total_pay {width:100%;   margin-top:10px;  float:left; margin-top:0; border-bottom:1px solid #ddd;  margin-top:-1px; font-size:1em; color:#666; font-weight:400; box-sizing:border-box; padding:10px; text-align:Center; }
#sub .product_view .total_pay span {color:#333; font-size:1.5em; font-weight:600 }

#sub .product_view table.info .option_t {line-height:1.3em;  padding-top:8px;   color:#333; font-size:16px; width:70%; float:left;}


#sub  .number {border:1px solid #ddd; width:117px; float:left;}
#sub  .number p {width:50px; text-align:Center; line-height:32px; height:32px; float:left; font-size:15px; background-color:#fff}
#sub  .number img {float:left;} 

 
a.cart_btn   {background-color:#fff;  border:1px solid #ddd; box-sizing:border-box; margin-top:-1px; float:left;  line-height:45px;  width:33.33333%;   color:#666 !important; text-align:center;  font-weight:400; font-size:15px; border-right:none }
a.cart_btn:last-child {border-right:1px solid #ddd}
a.btn_color2 {background-color:#333;  border:1px solid #333; color:#fff !important; }

 

/**********************************/
 
@media all and (max-width:1300px){

#sub .wrap {padding:0 20px;}
}

@media all and (max-width:1240px){

#sub .wrap {width:100%; float:left;}
}