/* include base css */
@import url("/gears/shop/resource/button2/button.css");

/* html */
div.break{clear:both;height:1px;line-height:1px;overflow:hidden;}
div.break hr{display:none;}

/* page default width */
div.page{width:760px;margin:0 auto;clear:both;}
/* for ckeditor */
html.CSS1Compat{display:block;width:100%;height:100%;overflow:auto;}
body#contentDiv{display:block;width:760px;min-height:100%;margin:0 auto;padding:0;border-left:dashed 1px #ccc;border-right:dashed 1px #ccc;background-image:none;}

/* numeric updown */
span.updown{display:inline-block;height:20px;width:80px;border:solid 1px #aaa;position:relative;overflow:hidden;vertical-align:middle;}
span.updown input{position:absolute;left:0px;top:0px;border:none;width:45px;padding-left:3px;}
span.updown a{position:absolute;width:16px;height:16px;top:2px;display:block;width:16px;height:16px;background:#eee;text-align:center;}
span.updown a.updown-up{right:18px;}
span.updown a.updown-down{right:1px;}
span.updown a img{border:none;}

/* button-area */
div.button-area{clear:both;text-align:center;padding:10px 0;}

/* shop product list */
div.product-list{}
div.product-list div.product-item{width:25%;float:left;}
div.product-list div.product-item .product-item-box{height:220px;padding:10px 5px;/*border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;*/}
div.product-list div.product-item-col0{clear:left;margin-left:0;}
/*
div.product-list div.product-item-col0 .product-item-box{border-left:solid 1px #ddd;}
div.product-list div.product-item-row0 .product-item-box{border-top:solid 1px #ddd;}
*/
div.product-list div.product-item a{display:block;}
div.product-list div.product-item a:hover {text-decoration:none;}
div.product-list div.product-item img.photo{width:168px;border:1px solid #dcdcdc;border-radius:10px;}
div.product-list div.product-item img.photo:hover {border:1px solid #522801;}
div.product-list div.product-item span.product-item-name{display:block;text-align:center;padding:5px 0 0 0;font-size:14px;color:#000;}
div.product-list div.product-item span.product-item-price{display:block;text-align:center;padding:0 0 5px 0;color:#E25147;font-weight:bold;font-size:18px;}
div.product-list div.product-item span.product-item-price small{text-decoration:line-through;font-size:0.85em;color:#666;margin-right:1em;}
div.product-list div.product-item div.icons{text-align:center;}

div.page div.pager{clear:both;padding-top:10px;}
div.page div.pager div.pager1{padding-left:10px;}

ul.orderMethod{position:relative;padding:0;margin:0;list-style:none none outside;text-align:right;}
ul.orderMethod li{display:inline;margin-left:10px;}
ul.orderMethod li.categoryPath{position:absolute;left:0px;top:-10px;margin-left:0;font-size:13pt;font-family:malgun gothic;}
ul.orderMethod li a{color:#000;}
ul.orderMethod0 li.orderMethod0 a,
ul.orderMethod1 li.orderMethod1 a,
ul.orderMethod2 li.orderMethod2 a,
ul.orderMethod3 li.orderMethod3 a,
ul.orderMethod4 li.orderMethod4 a{font-weight:bold;color:#00f;}

/* shop product detail */
div.product-view{position:relative;min-height:500px;}
div.product-photos{width:400px;position:absolute;left:0px;top:0px;}
ul.product-thumbnails{display:block;margin:0;padding:0;list-style:none none outside;}
ul.product-thumbnails li{display:inline;}
ul.product-thumbnails li a img{border:none;}

div.product-info{margin-left:400px;background:#fff;}
div.product-info div.box{padding:0 0 20px 20px;/*border:solid 1px #ccc;*/min-height:358px;}
div.product-info div.product-name{padding-bottom:15px;font-size:13pt;font-weight:bold;color:#000;}
div.product-info div.product-summary{font-size:12pt;color:#23822e;letter-spacing:-1px;}
div.product-info div.line{clear:both;height:1px;line-height:1px;overflow:hidden;border-bottom:solid 1px #ccc;margin-bottom:5px;}
div.product-info div.line hr{display:none;}

div.product-info dl{clear:both;display:block;margin:5px 0;padding:0;}
div.product-info dt{float:left;}
div.product-info dd{margin-left:100px;}
div.product-info dd div{margin-bottom:5px;}
div.product-info dd.sns-share *{vertical-align:middle;}

div.product-info dl.price dt,
div.product-info dl.price dd{line-height:20pt;}
div.product-info dl.price dd strong.price{/*font-size:14pt;*/font-family:verdana,arial black,sans-serif;color:#00f;}
div.product-info dl.price dd strong.original-price{color:#999;text-decoration:line-through;}
div.product-info dl.price dd span.sale-price{color:#666;}

div.product-info dl.discount dd strong.price{color:#f00;}

div.product-info dl.shipping dt,
div.product-info dl.shipping dd{line-height:20pt;}

div.product-info dl.info dt,
div.product-info dl.info dd{line-height:17pt;}

div.product-info dl.info dt{padding:0;margin:0;font-size:1em;font-weight:normal;color:#000;background-image:none;}

div.product-info dl.items dt,
div.product-info dl.items dd,
div.product-info dl.options dt,
div.product-info dl.options dd{line-height:20pt;}

div.product-info dd div select{width:100%;}
div.product-info hr{clear:both;}
div.product-info div.product-cart-option{padding:5px 0;border-bottom:dashed 1px #ccc;}
div.product-info div.product-cart-option span.option-name{display:inline-block;width:280px;}
div.product-info div.product-cart-option span.option-quantity{display:inline-block;width:90px;}
div.product-info div.product-cart-option span.option-price{display:inline-block;width:85px;text-align:right;font-size:8pt;}
div.product-info div.product-cart-option a.option-remove{margin-left:5px;color:#f00;}
div.product-info div.product-cart-result{clear:both;padding-top:10px;margin-bottom:10px;text-align:right;}
div.product-info div.product-cart-buttons{clear:both;text-align:center;padding:20px 0 10px 0;}
div.product-info div.product-cart-buttons div.line{padding-top:10px;}

div.product-detail{clear:both;margin-top:10px;}

div.tab-buttons{height:40px;margin-top:5px;border-bottom:solid 1px #999;position:relative;clear:both;}
div.tab-buttons ul{display:block;float:left;list-style:none none outside;position:absolute;left:0px;top:8px;width:100%;padding:0;margin:0;}
div.tab-buttons ul li{position:relative;display:block;float:left;width:24.9%;text-align:center;height:30px;line-height:30px;font-family:dotum;font-size:9pt;border:none;}
div.tab-buttons ul li.active {border-bottom:none;background:#fff;}
div.tab-buttons ul li a {position:absolute;left:0px;top:0px;height:31px;width:99%;color:#fff;display:block;margin-left:1px;border:solid 1px #999;background:#999;text-align:center;}
div.tab-buttons ul li a:hover,
div.tab-buttons ul li.active a {height:32px;color:#000;background:#fff;border-bottom:none;}

/* cart list */
table.cart-list{width:100%;}
table.cart-list thead th{/*background:#666;color:#fff;*/height:30px;text-align:center;border-top:3px solid #999;border-bottom:1px solid #999;font-size:9pt;}
table.cart-list tbody td{border-bottom:solid 1px #ccc;font-size:9pt;}
table.cart-list tbody td.shipping{background:#f1f1f1;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
table.cart-list div.cart-product{position:relative;margin:5px 0 0 150px;min-height:105px;}
table.cart-list div.cart-product a.thumbnail{display:block;position:absolute;left:-150px;top:0px;}
table.cart-list div.cart-product a.thumbnail img{border:0;}
table.cart-list div.cart-product a.product-name{}

/* order product list */
table.order-list{width:100%;}
table.order-list thead th{/*background:#666;color:#fff;*/height:30px;text-align:center;border-top:3px solid #999;border-bottom:1px solid #999;font-size:9pt;}
table.order-list tbody td{border-bottom:solid 1px #ccc;font-size:9pt;}
table.order-list tbody td.shipping{background:#f1f1f1;border-left:solid 1px #ccc;}
table.order-list div.cart-product{position:relative;margin:5px 0 0 150px;min-height:105px;}
table.order-list div.cart-product .thumbnail{display:block;position:absolute;left:-150px;top:0px;}
table.order-list div.cart-product .thumbnail img{border:0;}
table.order-list div.cart-product .product-name{}
table.order-list div.mobile-coupon{background:#ef8 url(/gears/resource/typicons/333/phone.png) no-repeat 2px 2px;color:#00f;padding:3px 3px 3px 20px;margin:3px 0 0 0;}

/* order form */
table.order-form{width:100%;margin-top:20px;table-layout:fixed;border-bottom:solid 1px #ccc;}
table.order-form caption{padding-left:20px;text-align:left;border-bottom:solid 2px #999;font-size:12pt;/*font-family:dotum,gulim,sans-serif;*/font-weight:bold;background:url(/gears/shop/resource/check.gif) no-repeat 0 0;}
table.order-form tbody th{background:#f1f1f1;padding:0 0 0 0;vertical-align:top;font-weight:normal;text-align:center;font-size:9pt;}
table.order-form tbody td{padding:5px;vertical-align:middle;font-size:9pt;}
table.order-form tbody td a,
table.order-form tbody td img,
table.order-form tbody td input,
table.order-form tbody td label,
table.order-form tbody td strong,
table.order-form tbody td span{vertical-align:middle;}
table.order-form .form-control{margin-top:5px;}
table.order-form .form-scroll{margin:0 0 10px 0;border:solid 1px #ccc;padding:10px;height:50px;font-size:9pt;font-family:dotum,gulim;overflow-y:scroll;}
table.order-form tbody td.form-item-price{background:#f1f1f1;vertical-align:top;}
table.order-form tbody td.form-item-price div{padding-left:10px;line-height:2.0;clear:both;}
table.order-form tbody td.form-item-price div span{float:left;}
table.order-form tbody td.form-item-price div strong{float:right;margin-right:10px;}
table.order-form tbody td.form-item-price div.paid-amount{font-size:12pt;font-family:dotum,gulim,sans-serif;font-weight:bold;}
table.order-form tbody td.box{background:#fff;border-left:solid 1px #eee;vertical-align:top;padding-top:10px;}
table.order-form tbody td.box div{padding-left:10px;padding-right:10px;line-height:1.6;}
table.order-form div.pay-help{margin:5px 0;padding:10px;font-size:9pt;background:#f4f4f4;display:none;}
table.order-form div.pay-help strong{font-size:1.2em;line-height:1.8em;color:#33f;}
table.order-form div.point-help{margin:0;padding:10px;font-size:9pt;background:#fff47a;}
table.order-form dl.pay-bank-account{margin:0;padding:3px;display:block;background:beige;}
table.order-form dl.pay-bank-account dt{font-weight:bold;}
table.order-form dl.pay-bank-account dd{color:#00f;margin-left:20px;}

/* member order list */
table.member-order-list{width:100%;border-spacing:0;border-collapse:collapse;}
table.member-order-list caption{padding-left:20px;text-align:left;border-bottom:solid 2px #999;font-size:12pt;/*font-family:dotum,gulim,sans-serif;*/font-weight:bold;background:url(/gears/shop/resource/check.gif) no-repeat 0 0;}
table.member-order-list thead th{height:30px;text-align:center;border-bottom:1px solid #999;font-size:9pt;}
table.member-order-list tbody td{border-bottom:solid 1px #ccc;text-align:center;padding:4px 0;font-size:9pt;}

table.order-confirm tbody th{padding:10px 0;}
table.order-confirm tbody td{padding:10px 5px;}

/* sign-on form */
table.sign-form{width:100%;margin-top:20px;table-layout:fixed;/*border-bottom:solid 1px #ccc;*/}
table.sign-form caption{padding-left:20px;text-align:left;border-bottom:solid 2px #999;font-size:12pt;/*font-family:dotum,gulim,sans-serif;*/font-weight:bold;background:url(/gears/shop/resource/check.gif) no-repeat 0 0;}
table.sign-form span.help{font-size:11px;font-family:gulim,sans-serif;color:#666;}
table.sign-form tbody th{background:#f1f1f1;padding:0 5px 0 0;vertical-align:top;/*font-weight:normal;*/border-bottom:solid 1px #ddd;text-align:right;font-size:9pt;}
table.sign-form tbody td{padding:5px;vertical-align:middle;border-bottom:solid 1px #ddd;font-size:9pt;}
table.sign-form tbody td input,
table.sign-form tbody td label,
table.sign-form tbody td strong,
table.sign-form tbody td span{vertical-align:middle;}
table.sign-form .form-control{margin-top:5px;}
table.sign-form .form-scroll{margin:0 0 10px 0;border:solid 1px #ccc;padding:10px;height:50px;font-size:9pt;font-family:dotum,gulim;overflow-y:scroll;}
table.sign-form tbody td.form-item-price{background:#f1f1f1;vertical-align:top;}
table.sign-form tbody td.form-item-price div{padding-left:10px;line-height:2.0;clear:both;}
table.sign-form tbody td.form-item-price div span{float:left;}
table.sign-form tbody td.form-item-price div strong{float:right;margin-right:10px;}
table.sign-form tbody td.form-item-price div.paid-amount{font-size:12pt;font-family:dotum,gulim,sans-serif;font-weight:bold;}
table.sign-form tbody td.box{background:#fff;border-left:solid 1px #eee;vertical-align:top;padding-top:10px;}
table.sign-form tbody td.box div{padding-left:10px;padding-right:10px;line-height:1.6;}
table.sign-form tbody td.box a{color:#f80;}

/* sign-in form */
table.sign-in{width:100%;padding:0;margin-top:20px;table-layout:fixed;border-top:solid 2px #000;}
div.sign-in{margin-top:20px;border-top:solid 2px #000;border-bottom:solid 1px #ccc;}
div.sign-in div.box{height:150px;font-size:9pt;font-family:dotum;color:#666;background:#f1f1f1;}
div.sign-in div.box p {padding:25px 0 0 30px;margin:0;}
/*div.sign-in div.box a{color:#f80;}*/

/* postscript form */
table.ps-form{width:100%;margin-top:20px;table-layout:fixed;border-bottom:solid 1px #ccc;}
table.ps-form caption{padding-left:20px;text-align:left;border-bottom:solid 2px #999;font-size:12pt;/*font-family:dotum,gulim,sans-serif;*/font-weight:bold;background:url(/gears/shop/resource/check.gif) no-repeat 0 0;}
table.ps-form tbody th{background:#f1f1f1;padding:0 0 0 0;vertical-align:top;font-weight:normal;text-align:center;}
table.ps-form tbody td{padding:5px;vertical-align:middle;}
table.ps-form tbody td input,
table.ps-form tbody td label,
table.ps-form tbody td strong,
table.ps-form tbody td span{vertical-align:middle;}
table.ps-form .form-control{margin-top:5px;}
table.ps-form .form-scroll{margin:0 0 10px 0;border:solid 1px #ccc;padding:10px;height:50px;font-size:9pt;font-family:dotum,gulim;overflow-y:scroll;}
table.ps-form tbody td.form-item-price{background:#f1f1f1;vertical-align:top;}
table.ps-form tbody td.form-item-price div{padding-left:10px;line-height:2.0;clear:both;}
table.ps-form tbody td.form-item-price div span{float:left;}
table.ps-form tbody td.form-item-price div strong{float:right;margin-right:10px;}
table.ps-form tbody td.form-item-price div.paid-amount{font-size:12pt;font-family:dotum,gulim,sans-serif;font-weight:bold;}
table.ps-form tbody td.box{background:#fff;border-left:solid 1px #eee;vertical-align:top;padding-top:10px;}
table.ps-form tbody td.box div{padding-left:10px;padding-right:10px;line-height:1.6;}

/* postscript list */
table.ps-list{width:100%;}
table.ps-list thead tr th{background:#f2f2f2;text-align:center;padding:8px 0;}
table.ps-list .score{width:100px;text-align:center;vertical-align:top;}
table.ps-list td.subject{padding-left:10px;text-align:left;}
table.ps-list .name{width:120px;text-align:center;vertical-align:top;}
table.ps-list .date{width:120px;text-align:center;vertical-align:top;}
table.ps-list tbody tr td{border-bottom:solid 1px #ddd;padding:5px 0;}
table.ps-list tbody tr td img{vertical-align:middle;}
table.ps-list tbody tr td div.ps{display:none;}
table.ps-list tbody tr td div.line{clear:both;height:1px;line-height:1px;overflow:hidden;border-bottom:solid 1px #ccc;margin-bottom:5px;}

/* qna form */
table.qna-form{width:100%;margin-top:20px;table-layout:fixed;border-bottom:solid 1px #ccc;}
table.qna-form caption{padding-left:20px;text-align:left;border-bottom:solid 2px #999;font-size:12pt;/*font-family:dotum,gulim,sans-serif;*/font-weight:bold;background:url(/gears/shop/resource/check.gif) no-repeat 0 0;}
table.qna-form tbody th{background:#f1f1f1;padding:0 0 0 0;vertical-align:top;font-weight:normal;text-align:center;}
table.qna-form tbody td{padding:5px;vertical-align:middle;}
table.qna-form tbody td input,
table.qna-form tbody td label,
table.qna-form tbody td strong,
table.qna-form tbody td span{vertical-align:middle;}
table.qna-form .form-control{margin-top:5px;}
table.qna-form .form-scroll{margin:0 0 10px 0;border:solid 1px #ccc;padding:10px;height:50px;font-size:9pt;font-family:dotum,gulim;overflow-y:scroll;}
table.qna-form tbody td.form-item-price{background:#f1f1f1;vertical-align:top;}
table.qna-form tbody td.form-item-price div{padding-left:10px;line-height:2.0;clear:both;}
table.qna-form tbody td.form-item-price div span{float:left;}
table.qna-form tbody td.form-item-price div strong{float:right;margin-right:10px;}
table.qna-form tbody td.form-item-price div.paid-amount{font-size:12pt;font-family:dotum,gulim,sans-serif;font-weight:bold;}
table.qna-form tbody td.box{background:#fff;border-left:solid 1px #eee;vertical-align:top;padding-top:10px;}
table.qna-form tbody td.box div{padding-left:10px;padding-right:10px;line-height:1.6;}

/* qna list */
table.qna-list{width:100%;}
table.qna-list thead tr th{background:#f2f2f2;text-align:center;padding:8px 0;}
table.qna-list .state{width:100px;text-align:center;vertical-align:top;}
table.qna-list td.subject{padding-left:10px;text-align:left;}
table.qna-list .name{width:120px;text-align:center;vertical-align:top;}
table.qna-list .date{width:120px;text-align:center;vertical-align:top;}
table.qna-list tbody tr td{border-bottom:solid 1px #ddd;padding:5px 0;}
table.qna-list tbody tr td img{vertical-align:middle;}
table.qna-list tbody tr td div.qna{display:none;}
table.qna-list tbody tr td div.line{clear:both;height:1px;line-height:1px;overflow:hidden;border-bottom:solid 1px #ccc;margin-bottom:5px;}

/*  */
div.product-seller table{width:100%;table-layout:fixed;border-spacing:0;margin:10px 0;border:solid 1px #ccc;border-bottom:none;}
div.product-seller table th{text-align:center;background:#f1f1f1;border-bottom:solid 1px #ccc;width:110px;padding:4px 0;}
div.product-seller table td{text-align:left;border-bottom:solid 1px #ccc;line-height:1.6;padding:4px;}

div.product-return table{width:100%;border-spacing:0;margin:10px 0;border:solid 1px #ccc;border-bottom:none;}
div.product-return table th{text-align:center;background:#f1f1f1;border-bottom:solid 1px #ccc;width:110px;}
div.product-return table td{text-align:left;border-bottom:solid 1px #ccc;line-height:1.6;}

/* paginate */
.paginate a, .paginate strong {background:#fff;}