/* BASIC css start */
/* 메인비쥬얼 / 배너 */
#mainVisuTop { margin:10px auto; position:relative; width:1280px; overflow:hidden }
#mainVisuTop .mainVisu { position:relative; *zoom:1 }
#mainVisuTop .mainVisu:after { display:block; clear:both; content:'' }
#mainVisuTop .mainVisu .mainSpot { position:relative; float:left; width:958px; height:530px; overflow:hidden }
#mainVisuTop .mainVisu .mainSpot li img { width:958px; height:530px }
#mainVisuTop .mainVisu .mainSpot .bx-pager { position:absolute; bottom:17px; right:18px; z-index:50 }
#mainVisuTop .mainVisu .mainSpot .bx-pager .bx-pager-item { padding:0 6px; float:left }
#mainVisuTop .mainVisu .mainSpot .bx-pager .bx-pager-item a { display:block; width:13px; height:13px; text-indent:-9999em; background:url(/design/ireart/10275/main/sp_spot.png) 0 0 no-repeat }
#mainVisuTop .mainVisu .mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -13px }
#mainVisuTop .mainVisu .mainTopSide { margin-left:9px; float:left; width:313px; height:530px; overflow:hidden }
#mainVisuTop .mainVisu .mainTopSide ul li { margin-bottom:8px; width:313px; height:261px }
#mainVisuTop .mainVisu .mainTopSide ul li img { width:313px; height:261px }
#mainVisuTop .mainTopBn { padding-top:8px; position:relative; height:200px; overflow:hidden }
#mainVisuTop .mainTopBn ul { width:1289px }
#mainVisuTop .mainTopBn ul li { padding-right:9px; float:left; width:313px; height:200px }
#mainVisuTop .mainTopBn ul li.pr-10 { padding-right:10px }
#mainVisuTop .mainTopBn ul li img { width:313px; height:200px }

#mainVisuTop .mainTopBn2 { padding-top:8px; position:relative; height:50px; overflow:hidden }
#mainVisuTop .mainTopBn2 ul { width:1289px }
#mainVisuTop .mainTopBn2 ul li { padding-right:9px; float:left; width:175px; height:50px }
#mainVisuTop .mainTopBn2 ul li.pr-10 { padding-right:10px }
#mainVisuTop .mainTopBn2 ul li img { width:175px; height:50px }


/* 컨텐츠 타이틀 */
.main_tit { position:relative; text-align:center }
.main_tit h2 { font-size:20px; color:#101010; letter-spacing:5px }


/* new arrival */
#column_new { margin:0 auto; padding-top:60px; position:relative; width:1280px; overflow:hidden }
#column_new .item-wrap { padding-top:30px }
#column_new .item-wrap .item-cont .item-list { margin:0 10px 20px 0 }
#column_new .item-wrap .item-cont .item-list .thumb .ico { position:absolute; top:0; left:0; width:80px; height:70px; text-indent:-9999em; background:url(/design/ireart/10275/main/ico_main_new1.png) 0 0 no-repeat }
#column_new .item-wrap .item-cont .item-list dd { width:246px; min-height:135px;  border:1px solid #ececec; border-top:none }
#column_new .item-wrap .item-cont .item-list dd ul { padding:5px }
#column_new .item-wrap .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_new .item-wrap .item-cont .item-list dd ul .prd-brand a { font-size:13px; color:#282828; text-align:center;	}
#column_new .item-wrap .item-cont .item-list dd ul .prd-size { padding-top:15px; color:#878787;text-align:center; }
#column_new .item-wrap .item-cont .item-list dd ul .prd-name { color:#878787; line-height:20px; text-align:center;}
#column_new .item-wrap .item-cont .item-list dd ul .prd-subname { padding-top:10px; font-size:12px; color:#ed5656; text-align:center; }
#column_new .item-wrap .item-cont .item-list dd ul .prd-price { padding-top:12px; font-size:14px; color:#d72a2a ; text-align:center;	font-weight: bold;  }
#column_new .item-wrap .item-cont .item-list dd ul .prd-price strike { color:#282828 }
#column_new .item-wrap .item-cont .item-list dd ul a:hover { color:#d72a2a; font-weight:bold }


/* special_product */
#column_special { margin:0 auto; padding-top:60px; position:relative; width:1280px; overflow:hidden }
#column_special .item-wrap { padding-top:30px }
#column_special .item-wrap .item-cont .item-list { margin:0 10px 20px 0 }
#column_special .item-wrap .item-cont .item-list .thumb .ico { position:absolute; top:0; left:0; width:185px; height:185px; text-indent:-9999em; background:url(/design/ireart/10275/main/ico_main_new1.png) 0 0 no-repeat }
#column_special .item-wrap .item-cont .item-list dd { width:246px; min-height:135px;  border:1px solid #ececec; border-top:none }
#column_special .item-wrap .item-cont .item-list dd ul { padding:5px }
#column_special .item-wrap .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_special .item-wrap .item-cont .item-list dd ul .prd-brand a { font-size:13px; color:#282828; text-align:center;	}
#column_special .item-wrap .item-cont .item-list dd ul .prd-size { padding-top:15px; color:#878787;text-align:center; }
#column_special .item-wrap .item-cont .item-list dd ul .prd-name { color:#878787; line-height:20px; text-align:center;}
#column_special .item-wrap .item-cont .item-list dd ul .prd-subname { padding-top:10px; font-size:12px; color:#ed5656; text-align:center; }
#column_special .item-wrap .item-cont .item-list dd ul .prd-price { padding-top:12px; font-size:14px; color:#d72a2a ; text-align:center;	font-weight: bold;  }
#column_special .item-wrap .item-cont .item-list dd ul .prd-price strike { color:#282828 }
#column_special .item-wrap .item-cont .item-list dd ul a:hover { color:#d72a2a; font-weight:bold }


/* md's pick */
#column_md { margin-top:40px; position:relative; ; background:#fceeee; /*background:url(/design/ireart/10275/main/bg_md_pick.jpg) top center repeat-x*/ }
#column_md .main_tit { padding:40px 0 30px }
#column_md .md_prod_lst { margin:0 auto; position:relative; width:1280px; overflow:hidden }
#column_md .md_prod_lst ul { width:1288px; *zoom:1 }
#column_md .md_prod_lst ul:after { display:block; clear:both; content:'' }
#column_md .md_prod_lst ul li { margin:0 8px 8px 0; float:left }
#column_md .md_prod_lst ul li a { display:block; position:relative; height:176px; cursor:pointer }
#column_md .md_prod_lst ul li img { width:176px; height:176px }
#column_md .md_prod_lst ul li .mask { position:absolute; top:0; left:0; width:176px; height:176px; background:url(/design/ireart/10275/main/mask_pick.png) 0 0 no-repeat; z-index:10 }
#column_md .md_prod_lst ul li .item-wrap .item-cont .item-list dd ul .prd-price { padding:0; font-weight: bold;  }


/* BESTSELLERS */
#column_best { margin:0 auto; padding-top:60px; position:relative; width:1280px; overflow:hidden }
#column_best .item-wrap .item-cont .item-list dd ul .prd-brand a { font-size:13px; color:#282828; 	}
#column_best .item-wrap .item-cont .item-list .thumb .ico { position:absolute; top:0; left:0; img-align:right; width:100px; height:100px; text-indent:-9999em; background:url(/design/ireart/10275/main/ico_main_new3.png) 0 0 no-repeat }

#column_best .main_tit { padding-bottom:30px }
#column_best a:hover { color:#d72a2a; font-weight:bold }
#column_best .item-wrap .item-cont .item-list dd ul .prd-price { padding:0; font-weight: bold;  text-align:center}


/* best wholesale */
#column_sale { margin-top:40px; position:relative; height:850px; background:#f1e9f5; /*background:url(/design/ireart/10275/main/bg_sale.jpg) top center repeat-x*/ }
#column_sale .main_tit { padding:35px 0 30px }
#column_sale .sale_prod_lst { margin:0 auto; width:1280px }
#column_sale .item-wrap .item-cont { width:1294px }
#column_sale .item-wrap .item-cont .item-list { margin:0 13px 0 0; width:202px }
#column_sale .item-wrap .item-cont .item-list .thumb { position:relative; width:202px; height:202px; border:none }
#column_sale .item-wrap .item-cont .item-list .thumb a { display:block; height:202px; cursor:pointer }
#column_sale .item-wrap .item-cont .item-list .thumb img { width:202px; height:202px }
#column_sale .item-wrap .item-cont .item-list .thumb .mask { position:absolute; top:0; left:0; width:202px; height:202px; background:url(/design/ireart/10275/main/mask_sale.png) 0 0 no-repeat; z-index:10 }
#column_sale .item-wrap .item-cont .item-list dd { width:202px }
#column_sale .item-wrap .item-cont .item-list dd ul { padding:15px 5px }
#column_sale .item-wrap .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_sale .item-wrap .item-cont .item-list dd ul .prd-brand a { font-size:13px; color:#282828; 	}

#column_sale .item-wrap .item-cont .item-list dd ul .prd-price { padding:10px; font-weight: bold;  }
#column_sale .item-wrap .item-cont .item-list dd ul a:hover { color:#d72a2a; font-weight:bold }


/* member_sale */
#column_member { margin:0 auto; padding-top:0px; position:relative; width:1280px; overflow:hidden }
#column_member .item-wrap {padding-top:0px }
#column_member .item-wrap .item-cont .item-list { margin:0 10px 20px 0 }
#column_member .item-wrap .item-cont .item-list dd { width:246px; min-height:135px;  border:1px solid #ececec; border-top:none }
#column_member .item-wrap .item-cont .item-list dd ul { padding:5px }
#column_member .item-wrap .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_member .item-wrap .item-cont .item-list dd ul .prd-brand a { font-size:13px; color:#282828; text-align:center;	}
#column_member  .item-wrap .item-cont .item-list dd ul .prd-size { padding-top:15px; color:#878787;text-align:center; }
#column_member .item-wrap .item-cont .item-list dd ul .prd-name { color:#878787; line-height:20px; text-align:center;}
#column_member .item-wrap .item-cont .item-list dd ul .prd-subname { padding-top:10px; font-size:12px; color:#878787; text-align:center; }
#column_member .item-wrap .item-cont .item-list dd ul .prd-price { padding-top:12px; font-size:14px; color:#d72a2a ; text-align:center;	font-weight: bold;  }
#column_member .item-wrap .item-cont .item-list dd ul .prd-price strike { color:#282828 }
#column_member .item-wrap .item-cont .item-list dd ul a:hover { color:#d72a2a; font-weight:bold }


/* 버튼형태 만들기 */
.button {
	width : 210px;
           text-align: center;
           display: block; 
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 4px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}


.button { margin-right: 10px; float: left;}


/* 회색 버튼*/
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {border: 1px solid #666;}

/* 빨강색 버튼 */
.red {
	color: #923c47;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.red:active {border: 1px solid #ab3e4b;}

/* 파랑색 버튼 */
.blue {
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.blue:active {border: 1px solid #3b778b;}

/* 녹색 버튼 */
.green {
	color: #5a742d;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {border: 1px solid #506320;}

/* 검정색 버튼 */
.black {
	color: #fff;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.black:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.black:active {border: 1px solid #000;}

/* 노랑색 버튼 */
.yellow {
	color: #986a39;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* 보라색 버튼 */
.purple {
	color: #7e5d7c;
	border: 1px solid #cd93c6;
	background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background-image: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background-image: -o-linear-gradient(#e9c4e3, #d798d1);
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.purple:hover {
	border: 1px solid #886382;
	background-image: -moz-linear-gradient(#d798d1, #e9c4e3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background-image: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background-image: -o-linear-gradient(#d798d1, #e9c4e3);
	background-color: #e9c4e3;
}
.purple:active {border: 1px solid #6a4664;}

/* 어두운 파랑 */
.gblue {
	color: #57646d;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.gblue:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.gblue:active {border: 1px solid #434f5a;}


/*본사,업체배송아이콘*/
.prov-icons {  padding-center; display:flex; justify-content: center;  }
.prov-icons .ico { float:left; width:80px; height:20px; font-size:14px; color:#000; font-weight:normal; text-align:center; letter-spacing:-1px; line-height:19px; border:1px solid #000 }
.prov-icons .ico1 { color:#fff; background:#000 }
.prov-icons .ico2 { color:#000; background:#fff }


/*본사,업체배송아이콘*/
.prov-icons1 { padding-left; display:flex;  justify-content: center;}
.prov-icons1 .ico { float:left; width:56px; height:20px; font-size:14px; color:#000; font-weight:normal; text-align:center; letter-spacing:-1px; line-height:19px; border:1px solid #000 }
.prov-icons1 .ico1 { color:#fff; background:#000 }
.prov-icons1 .ico2 { color:#000; background:#fff }


/* BASIC css end */