/* "/_css/bootstrap폴더 필요" */

/*-------------------------------------------------------------*/
/*                             ORDER                           */
/*-------------------------------------------------------------*/

/*상품아이콘 2차메뉴*/
.sinb {width: 100%; text-align: center; overflow:hidden;margin-bottom:40px;}
.sinb ul {background: #fff; overflow: hidden; text-align: center; border-bottom:1px solid #999;}
.sinb ul li {text-align: center;  background: #fff;  display: inline-block; padding:30px 10px;border-bottom:2px solid transparent;}
.sinb ul li a {display:inline-block; line-height:50px;color: #888;border: 3px solid transparent;padding:0 5px;}

.sinb ul li:hover {}
.sinb ul li:hover a {border: 3px solid #ddd;}

.sinb ul li.active {border-bottom:2px solid #333;}
.sinb ul li.active a {color: #feb300;border: 3px solid #feb300;}

/*상품아이콘 3차메뉴*/
.sinb2 {width: 95%; margin:0 auto; text-align: center; overflow:hidden;margin-bottom:40px;}
.sinb2 ul {background: #fff; overflow: hidden; text-align: center;}
.sinb2 ul li {text-align: center;  background: #9e9e9e;  display: inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.sinb2 ul li a {font-size:12px; display:inline-block; line-height:32px;color: #eee; padding:0 20px;}

.sinb2 ul li:hover {background:#777;}
.sinb2 ul li:hover a { }

.sinb2 ul li.active {background:#333333;}
.sinb2 ul li.active a {color:#fff;}


/*상품리스트*/
.podList {position:relative; width:100%;}
.podList ul li {width:23.5%; margin-right:2%; float:left; position:relative;}
.podList ul li:nth-child(4n) {margin-right:0;} 

.podList ul li .pod-img {width:100%; height:260px; display:block; overflow:hidden; border:1px solid #eee;}
.podList ul li .pod-img img {height:260px; min-width:260px;}
.podList ul li .pod-name {display:block;line-height:30px; font-size:13px; font-weight:bold; color:#333; text-align:center;width:100%; white-space:normal; text-overflow:ellipsis; overflow:hidden;}

.list-foot {clear:both; padding:40px 0; text-align:center;}

/*마이상품*/
.mygoods-del {position:absolute; right:5px; top:5px; z-index:2;}

/*-------------------------------------------------------------*/
/*                          ORDER-POD                          */
/*-------------------------------------------------------------*/

.pgs-title {font-size:12px; line-height:20px; background:#eee; padding:0 15px; margin: 0; display:inline-block; color:#555555; width:auto; font-weight:bold;}


.podGoods {overflow:hidden; font-size:12px;}
.podGoods .pgs-img {width:530px; float:left;}

 /* pgs-guide */
.pgs-guide {position:relative; width:500px; float:left; border:1px solid #ddd; margin-top:10px; padding:20px;}
.pgs-guide h2 {font-size:13px; color:#434343; font-weight:bold; padding:0; margin:0; margin-bottom:5px;} 
.pgs-guide ul {font-size:12px; color:#777; margin-bottom:20px; line-height:20px;} 
.pgs-guide ul:last-child {margin-bottom:0px;} 

.pgs-guide.webhard ul {margin-bottom:10px;}
.pgs-guide.webhard span {color:#32336c; font-size:14px; font-weight:bold; line-height:30px; display:inline-block; margin:0;} 

.podGoods .pgs-info {width:570px; float:right;}
.podGoods .pgs-info h1 {font-size:18px; font-weight:bold; border-bottom:2px solid #222; line-height:25px; color:#222; margin:0; padding-bottom:15px; margin-bottom:30px;}
.podGoods .pgs-info h1 span {font-weight:normal; color:#555;}

/* pgs-table  *-/ 
.pgs-table {border-collapse:collapse; width:100%; max-width:100%; font-size:12px; border-top:1px solid #eee; margin:0;}
.pgs-table td,
.pgs-table th {padding:7px; line-height:20px; color:#333; vertical-align:middle; background:#fff; border-bottom:1px solid #eee;}
.pgs-table th {width:120px; color:#777; padding-left:20px; font-weight:normal;}
.pgs-table .fa-check {float:right; margin-right:10px; margin-top:5px; color:#ff9966;}
*/
.pgs-table {border-collapse:collapse; width:100%; max-width:100%; font-size:12px; border-top:1px solid #eee; margin:0;}
.pgs-table td,
.pgs-table th {padding:3px; line-height:20px; color:#333; vertical-align:middle; background:#fff; border-bottom:1px solid #eee;}
.pgs-table th {width:120px; color:#777; padding-left:20px; font-weight:normal;}
.pgs-table .fa-check {float:right; margin-right:10px; margin-top:5px; color:#ff9966;}

.pgs-table-in {border-collapse:collapse; width:100%; max-width:100%; font-size:12px; margin:0;}
.pgs-table-in td,
.pgs-table-in th {padding:3px; line-height:20px; color:#333; vertical-align:middle; background:#fff; border-bottom:1px solid #eee;}
.pgs-table-in th {width:120px; color:#777; padding-left:20px; font-weight:normal;}
.pgs-table-in .fa-check {float:right; margin-right:10px; margin-top:5px; color:#ff9966;}

.pgs-table2 {border-collapse:collapse; width:100%; max-width:100%; font-size:12px; border:none; margin:0;}
.pgs-table2 td,
.pgs-table2 th {padding:3px; line-height:18px; color:#888; vertical-align:middle; background:#fff; border:none;}
.pgs-table2 th {width:80px;font-weight:normal; color:#b28850;}

.priceInput {border:0px; background-color:#FFF; font-size:11px; color:#333; text-align:right; float:right }
.priceInput span {color:#F60;}

.pricestr {font-size:18px; font-weight:bold; color:#454545;}

/* pgs-table .summary-table */
.summary-table {border-top:none;}
.summary-table th {width:80px; color:#fff; padding:0 5px}

.order-btnset  {margin:30px 0;}
.order-btnset span {float:left; margin-right:3px;} 
.order-btnset span:last-child  { margin-right:0px;} 


/*-------------------------------------------------------------*/
/*                             cart                            */
/*-------------------------------------------------------------*/

.cart-step-img {margin-bottom:30px;}

/* cart-table - border없음 */ 
.cart-table {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; border-top:1px solid #ddd; margin:0 auto;}
.cart-table thead td {padding:10px 10px; color:#777; vertical-align:middle;text-align:center; background:#f3f3f3;}
.cart-table td, .cart-table th {padding:7px; line-height:20px; color:#555; vertical-align:middle;background:#fff; border-bottom:1px solid #ddd;} 
.cart-table th {color:#333;background:#F9f9f9; padding-left:20px;} 
.cart-table .fa-check {float:right; margin-right:10px; margin-top:5px; color:#feb300;} 

.cart-table td th {background:#fffeda;}

/* cart-table - border있음 */ 
.cart-table.table-bordered {border:1px solid #ddd;}
.cart-table.table-bordered td, .cart-table.table-bordered th {border-right:1px solid #ddd; border-bottom:1px solid #ddd;} 

/* 테이블 탑,바텀 */
.table-top {overflow:hidden; margin-bottom:10px; font-size:13px; color:#555;}

.table-bottom {padding:20px 0; text-align:center;}
.table-bottom ul {float:left; width:30%; text-align:left;}
.table-bottom ul:nth-child(2) {width:40%; text-align:center;}
.table-bottom ul:nth-child(3) {width:30%; text-align:right;}

.table-top.box, 
.table-bottom.box {clear:both;background:#f8f6f0; padding:15px; border:1px solid #eee; font-size:12px; line-height:28px; color:#555; overflow:hidden;} 

.bg-sky {background:#f2f9fb !important;}

.order-name-box {padding:10px; overflow:hidden; background:#f9f9f9; margin-bottom:10px;}
.order-name-box label {float:left; width:10%; text-align:center; } 
.order-name-box ul {float:right; width:90%; }  


/* table-estimate - 견적서테이블 */ 
.table-estimate {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; margin:0 auto; border:1px solid #333;}
.table-estimate thead td {padding:7px; background:#333; color:#fff; vertical-align:middle;text-align:center;}
.table-estimate td, .table-estimate th {padding:7px; line-height:20px; color:#555; vertical-align:middle;background:#fff; border-right:1px solid #333;border-bottom:1px solid #333;} 
.table-estimate th {color:#333;background:#FFFDDA; padding-left:20px;border-right:1px solid #ddd;} 
.table-estimate .fa-check {float:right; margin-right:10px; margin-top:5px; color:#feb300;} 

.table-top .subtitle {font-size:16px; font-weight:bold; padding-bottom:5px; color:#5a3e26; border-bottom:1px solid #b28850;}

.cartprice-box {padding:10px; border:10px solid #eee; background:#f9f9f9; overflow:hidden;}
.cartprice-box table th, .cartprice-box table td {text-align:right; font-size:13px; font-weight:normal; color:#FF0004;}
.cartprice-box table th {color:#555;}