@charset "utf-8";

body,div,p,a,ul,ol,li,dl,dt,h1,h2,h3,h4,h5,h6,table,td,tr,img,dl,dd,dt,strong,span,form{padding:0; margin:0; }
body{font-size:12px; color:#444; font-family:'굴림','gulim';}
img{border:0;}
ul,ol{list-style:none;}
a{color:#444; text-decoration:none;}
select{margin:0; padding:0; border-collapse:collapse;}
input{vertical-align:middle; margin:0; }
body{ }

h2.title{text-align:center; background:#ccc; color:#fff; height:2.5em; line-height:2.5em; font-size:1.2em; margin-top:-1px;}
/*checkwrap*/
p.check_wrap{height:2em; position:relative;}
p.check_wrap input[type=checkbox]{position:absolute; left:0; top:0; width:1.5em; height:1.5em; opacity:0;}
p.check_wrap span.ico_check{border-radius:2px; display:inline-block; vertical-align:middle;  border:1px solid #ddd; background:#fff url('../images/ico_check.png') center top no-repeat; background-size:1.5em 3em; width:1.5em; height:1.5em;}
p.check_wrap input[type=checkbox]:checked+label span.ico_check{background-position:center -1.5em;}

/*페이져 -- 공통*/
div.pager{width:160px; margin:0 auto; padding:30px 0; position:relative; zoom:1;}
div.pager:after{display:block; clear:both; content:""; }
div.pager a.arr{position:absolute; top:30px; width:1em; height:1em; overflow:hidden; text-indent:-1000px; background:url('../images/pager.png') left top no-repeat; background-size:4em 2em; font-size:2em;}
div.pager a.arr.off{cursor:default;}
div.pager a.arr.prev{background-position:-1em -1em; left:-2em;}
div.pager a.arr.next{background-position:-2em -1em; right:-2em;}
div.pager a.arr.first{background-position:left -1em; left:-4em;}
div.pager a.arr.last{background-position:-3em -1em; right:-4em;}
div.pager a.arr.prev.off, div.pager a.arr.prev.off:hover{background-position:-1em top;}
div.pager a.arr.next.off, div.pager a.arr.next.off:hover{background-position:-2em top;}
div.pager a.arr.first.off, div.pager a.arr.first.off:hover{background-position:left top;}
div.pager a.arr.last.off, div.pager a.arr.last.off:hover{background-position:-3em top;}

div.pager ol.page{padding:2px 0; text-align:center;}
div.pager ol.page li{float:left;  vertical-align:middle;  width:2em; height:2em; margin:0 2px; padding:0; border-radius:3px; border:1px solid #ddd;}
div.pager ol.page li.cur{padding:0; color:#fff; background:#aad255; border-color:#aad255; }
div.pager ol.page li a{display:inline-block; width:2em; color:#999; font-weight:bold; text-align:center; line-height:2em; height:2em; }
div.pager ol.page li.cur a, div.pager ol.page li.cur a:hover{color:#fff;  }
div.pager ol.page li a:hover{color:#ff6600; }

a.btn{display:inline-block; border-radius:3px; padding:0 7px; line-height:1.5em; border:1px solid #eee; text-align:center; }
.btn.gray{box-shadow:0 1px 1px #eee;
/*gradient*/
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.btn.gray.on{background:#444; color:#fff;}
.btn.white{line-height:2em; border-color:#d4d4d4;}
.btn.white.on{background:#444; color:#fff;}
.btn.blk{background:rgba(51,51,51,0.7); color:#fff; border:0; padding:0 10px;  min-width:4em; }
.btn.blk.on{background:rgba(51,51,51,1);}
.btn.gr{background:#85c005; color:#fff;}
.btn.gr.on{background:#77a80d; }
.btn.og{background:#f67400; color:#fff;}
.btn.og.on{background:#c75e00; }
.btn.sim{background:#f1f1f1; color:#666;}
.btn.sim.on{background:#ccc; }

dl.simple_nav{background:#fff; }
dl.simple_nav dt{background:#fafafa; border-bottom:1px solid #eee; line-height:2em; color:#999; text-indent:1em;}
dl.simple_nav dd{border-bottom:1px solid #eee; line-height:2.5em; font-size:1.3em; text-indent:1em;}
dl.simple_nav dd a{display:block; padding-right:0.5em; background:url('../images/simnav_arr.png') right center no-repeat; background-size:0.7em; background-origin:content-box; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
dl.simple_nav dd a:after{display:block; content:""; clear:both; }
dl.simple_nav dd a.on{background-color:#f1f1f1;}
dl.simple_nav dd span.info{float:right; margin-right:1.5em; color:#999; font-size:0.8em;}
dl.simple_nav dd span.info strong{font-weight:normal; color:#8eb833; padding-right:3px; font-size:1.2em; }

.grad_green{background:#c5dc3b;
background: -moz-linear-gradient(top, #cee24f 0%, #b7d12a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee24f), color-stop(100%,#b7d12a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cee24f 0%,#b7d12a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cee24f 0%,#b7d12a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cee24f 0%,#b7d12a 100%); /* IE10+ */
background: linear-gradient(to bottom, #cee24f 0%,#b7d12a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee24f', endColorstr='#b7d12a',GradientType=0 ); /* IE6-9 */}

div.bargain div.bargain_search{position:relative; padding-right:2.5em; height:2em; margin:0.5em; font-size:1.2em; }
div.bargain div.bargain_search input{width:100%; border-radius:3px; border:1px solid #eee; background:rgba(255,255,255,0.8); height:2em; line-height:2em; font-size:1em; text-indent:5px; padding:0; margin:0; }
div.bargain div.bargain_search .zoom{position:absolute; right:-2px; top:-2px; width:2em; height:2em; background:url('../images/btn_zoom.png') center center no-repeat; background-size:contain; border:0; text-indent:-1000px; overflow:hidden; font-size:1.2em;}

ul.bargain_list{font-size:1.2em;}
ul.bargain_list li{border-bottom:1px solid #ddd;}
ul.bargain_list li.nocon{}
ul.bargain_list li.nocon p{margin:0.5em; text-align:center; height:2em; padding:5em 0; color:#666; background:#f1f1f1; border-radius:5px; line-height:2em; }
ul.bargain_list p.check_wrap{float:left;  width:2em; }
ul.bargain_list li:not(.nocon){padding:0.5em; padding-bottom:0.5em; }
ul.bargain_list li:not(.nocon):after{display:block; clear:both; content:""; }
ul.bargain_list li p.image{width:70px; height:60px; float:left;}
ul.bargain_list li p.image img{width:60px; }
ul.bargain_list li dt{font-size:1.1em;}
ul.bargain_list li span.price{color:#ff6600;}

ul.bargain_list div.quantity{padding:3px 0; }
ul.bargain_list div.quantity:after{display:block; clear:both; content:""; }
ul.bargain_list div.quantity input[type=text]{border-radius:5px; background:#fff; height:2em; line-height:2em; width:4em; box-shadow:0; border:0; text-align:center; border:1px solid #eee;}
ul.bargain_list div.quantity input[type=number]{border-radius:5px; background:#fff; height:2em; line-height:2em; width:4em; box-shadow:0; border:0; text-align:center; border:1px solid #eee;}
ul.bargain_list div.quantity span.minus,
ul.bargain_list div.quantity span.plus{display:inline-block; width:2em; height:2em; text-indent:-1000px; overflow:hidden; border-radius:50%; vertical-align:middle; background:#ccc center center no-repeat; background-size:1em;}
ul.bargain_list div.quantity span.minus{background-image:url('../images/ico_minus.png');}
ul.bargain_list div.quantity span.plus{background-image:url('../images/ico_plus.png');}

ul.bargain_list p.option_total{clear:both; height:2em; line-height:2em; text-align:right; color:#ff6600; background:#f1f1f1; margin:0 -0.5em; padding:0 1em; }

div.btn_group{white-space:nowrap; padding:0.5em 1em 0.5em 0.5em; }
div.btn_group a{width:50%; display:inline-block; font-size:1.2em; height:2.5em; line-height:2.5em; vertical-align:middle; }
div.btn_group a.btn.white{line-height:2.5em;}

a.btn_x{position:absolute; right:0.5em; top:0.25em; width:2em; height:2em; font-size:1.2em; text-indent:-1000px; overflow:hidden; background:url('../images/btn_x2.png') center center no-repeat; background-size:contain; }