@charset "utf-8";
 

#ssch_sort{display:none;}
#quick, .path {display:none;}
#wrapper, #container {width:100% !important;  }
#sit { width: 960px; margin: 30px auto 0; position: relative; left: -120px;}

.clear:after{display:block; content:''; clear:both;} 
.changeCode{display:none;}
.ds-block{display:block; width:100%; height:25px; border:#ddd 1px solid; border-radius:2px;background-color:#fff}

/* 상세보기 */
#itemDetail { width:400px; height:500px; background:#fff; border-radius: 10px; position:absolute; left:50%; top:50%; margin: -250px 0 0 -200px; z-index: 999; -webkit-box-shadow: 10px 10px 55px -35px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 55px -35px rgba(0,0,0,1); display:none;
box-shadow: 10px 10px 55px -35px rgba(0,0,0,1); padding:20px; }
#itemDetail.show { display:inline-block; } 
#itemDetail .btn_close { position:absolute; top:20px; right:20px; width:20px; height:20px; background:url("../../../../../svg/btn_close.svg") no-repeat; background-size:16px 16px; border:0;}
#itemDetail > ul,#itemDetail > ul > li > ul { display:inline-block; width:100%; padding:0; margin:0; }
#itemDetail > ul > li { border:#ddd 1px solid; border-radius: 3px; margin:10px 0 0 0; position:relative; }
#itemDetail > ul > li > ul > li:first-child { float:left; width:30%; text-align: center; }
#itemDetail > ul > li > ul > li:first-child > p > img { width:100px; height:100px; }
#itemDetail > ul > li > ul > li:last-child { float:left; width:70%; padding:15px 10px; }
#itemDetail > ul > li > ul > li > h3 {  display:inline-block; width:100%; }
#itemDetail > ul > li > ul > li > h3 > a { color:#444444; font-size:13px; background:url("../../../../../svg/btn_newwin.svg") no-repeat right center; background-size:11px 11px; padding: 0 16px 0 0; display:inline-block; font-weight: normal; float: left; }
#itemDetail .btn_refresh { color:#ff8601; font-size:13px; background:url("../../../../../svg/btn_change.svg") no-repeat right center; background-size:13px 13px; padding: 0 16px 0 0; display:inline-block; border:0; float: left; margin:0 10px 0 0; }

#itemDetail > ul > li > ul > li > h1 { font-weight: normal; font-size:16px;  }
#itemDetail > ul > li > ul > li > h2 { font-weight: normal; font-size:14px; margin:7px 0 12px 0; }
#itemDetail > ul > li > ul > li > h2 > span { font-size:12px; color:#888; text-decoration: line-through; display:inline-block; margin:0 0 0 5px; }
 
#itemDetail > h1 { font-weight: normal; font-size:17px; margin: 0 0 10px 0; }
#itemDetail .btn_confirm { position:absolute; right:20px; bottom:20px; font-size:15px; color:#ff8601; background:url("../../../../../svg/arrow_right.svg") no-repeat right center; background-size:14px 14px; border:0; padding:0 22px 0 0; }
/* 식단달력 */
#calendar{ border-bottom:1px solid #ddd; border-radius:10px; position: relative; z-index:999; width:960px; margin:0 auto;}
#calendar table{width:100%; border:1px solid transparent; border-collapse : collapse;}
#calendar .header-tr{height:85px; border-bottom:1px solid #eeeeee; position: relative; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-radius:10px 10px 0 0;}
#calendar .header-tr th { position:relative; }
#calendar .header-tr .header-date {font-weight:300; font-size: 14px;}
#calendar .header-tr .header-date .header-year, #calendar .header-tr .header-date .header-month {font-size: 24px; font-family: 'NSM';}
#calendar .header-tr .header-date .header-month {margin-left:7px;}
#calendar .header-tr .header-date #next, #calendar .header-tr .header-date #now, #calendar .header-tr .header-date #prev {position: relative; top:1px; display: inline-block; width:16px; height:16px; text-indent:-9999px; overflow: hidden; border:0;}
#calendar .header-tr .header-date #next {left:60px;  background:url(../../../../../img/btn_next.png) no-repeat; background-size:9px 16px;}
#calendar .header-tr .header-date #prev {left:-60px;  background:url(../../../../../img/btn_prev.png) no-repeat; background-size:9px 16px;}
#calendar .header-tr .header-date #now {left:-60px; background:url(../../../../../img/btn_prev.png) no-repeat; background-size:9px 16px;}
#calendar .header-tr .header-print {position: absolute; right:15px; top:50%; margin-top:-12px; width:128px; height:24px; line-height: 22px; border-radius:3px; border:1px solid #ddd; text-align:right; padding-right:6px; background:url(../../../../../img/icon/print.png) no-repeat left 5px center;}
#calendar .header-tr .header-print button {background:transparent; border:0; color:#777; font-weight:normal; font-family: "돋움",Dotum; font-size:11px; letter-spacing:-1px;}

#calendar .header-tr .header-reset {position: absolute; left:15px; top:50%; margin-top:-12px;  height:24px; line-height: 22px; border-radius:3px; border:1px solid #ddd; text-align:right; padding:0 6px 0 24px; background:url(../../../../../svg/btn_refresh.svg) no-repeat center center; background-size:13px 13px;}
#calendar .header-tr .header-reset button {background:transparent; border:0; color:#777; font-weight:normal; font-family: "돋움",Dotum; font-size:11px; letter-spacing:-1px; }

#calendar .header-tr .header-change {position: absolute; left:15px; top:50%; margin-top:-12px; width:24px;  height:24px; line-height: 22px; border-radius:3px; border:1px solid #ddd; text-align:right; padding:0 0 0 0; background:url(../../../../../svg/icon_list3.svg) no-repeat center center; background-size:13px 13px; }
#calendar .header-tr .header-change a {background:transparent; border:0; color:#777; font-weight:normal; font-family: "돋움",Dotum; font-size:11px; letter-spacing:-1px; text-indent: -99999px; display:inline-block;  width:24px; height:24px;}

#calendar .date-tr td { vertical-align:top; }
#calendar .date-tr td .op-1 { vertical-align:top; opacity: .3;}
#calendar .date-tr td.select .op-1 { opacity: 1 !important; }
#calendar .date-tr td.firstReceive .op-1 { opacity: .3 !important; }
#calendar .date-tr td:last-child:after{content:""; position: absolute; left:0; top:0; width:100%; height:100%; border-right:#ddd 1px solid;}
#calendar .date-tr td:first-child .date {color:#f52830}
#calendar .date-tr td .today, #calendar .date-tr td .not {position: relative; top:15px; font-family: 'dotum'; display: inline-block; margin-left:10px; font-size: 11px;}
#calendar .date-tr td .today { color: #ff8601; width:22px; height:11px; overflow: hidden; position: absolute; top:20px; right:9px;}
#calendar .date-tr td .today:before {content:"오늘";}
#calendar .date-tr td .not {float:left; color: #888 !important; }
#calendar .date-tr td.select { background:#fff085 !important; /*border:#ffdf00 1px solid; border-bottom:0*/; opacity: 1 !important;}
#calendar .date-tr td:last-child.select:after{border-color:#ffdf00;}
#calendar .date-tr td .degree { font-family: 'dotum'; background: #ff8601; color: #fff; display: inline-block; font-style: normal; font-weight: bold; font-size: 11px; padding:3px 5px; border-radius: 2px; position: absolute; z-index: 9; top:7px; left:50px}
#calendar .date-tr td .deg_detail { font-family: 'dotum';color: #ff8601; display: inline-block; font-style: normal; font-weight: normal; font-size: 11px; padding:3px 5px; border-radius: 2px; position: absolute; z-index: 9; top:27px; left:47px}

#calendar .date-tr td .degree:after {content:""; position: absolute; left: -4px; top:5px; width: 4px; height: 8px; background: url(../../../../../img/arrow_left_og.png) no-repeat center center;}

#calendar .date-tr td.startingDay {background: #d0f3ed !important; opacity: 1 ; border-color: #a8e0d6 !important; border-top: #a8e0d6 1px solid !important; border-left: #a8e0d6 1px solid !important;}
#calendar .date-tr td.startingDay > div {opacity: 0.3 !important;}

#calendar .date-tr td span.start {font-family: 'dotum'; width: 75px; background: #f52830 url(../../../../../img/icon/icon_sg_next.png) no-repeat right 4px center; color: #fff; display: inline-block; margin: 0 0 0 10px; font-style: normal; font-weight: normal; font-size: 11px; padding: 3px 15px 3px 0; position: absolute; top: -17px; left: -5px; text-align: center; border-radius: 3px; z-index:112;}

.calendarView {width:100%; min-height: 500px; position:relative; }
.calendarView:after { content:"식단 생성중"; font-size:11px; color:#ccc; position:absolute; left:50%; top:50%; width:60px;height:60px; margin:-30px 0 0 -30px;  z-index:-1px;  background:url("../../../../../img/loading.gif") no-repeat center top; background-size:30px 30px; padding:30px 0 0 0; text-align: center; }
.calendarView table { position:relative; z-index: 1;}
.calendarView table thead th {padding:10px 0; font-size:13px; width:136px; font-weight:normal;}
.calendarView table thead th:first-child {color:#ee0c00; border-left:1px solid #ddd;}
.calendarView table thead th:last-child {color:#418cff; border-right:1px solid #ddd; }
.calendarView table tbody tr.date-tr td.not {background-color:rgba(232,232,235,.2)}
.calendarView table tbody tr.date-tr td {position: relative; padding:5px; height:149px; background:#fff; border:0;}
/* .calendarView table tbody tr.date-tr td {} */
.calendarView table tbody tr.date-tr td.notShip1 {background:#fafafb; cursor: default !important;}
.calendarView table tbody tr.date-tr td .firstEatH {position: absolute; right: -1px; top: -1px; width: 102%; height: 50px; background: #fff085; border: #ffdf00 1px solid; z-index: 8; border-right: 0;}

.calendarView table tbody tr.date-tr td .date {float: left; display: inline-block; width:40px; height:40px; margin-bottom:3px; line-height:40px; text-align:center; border-radius:100%; font-weight:500; font-family: 'NSM'; background-color:#fff; position: relative; z-index: 10; cursor:pointer;}
.calendarView table tbody tr.date-tr td .date.circle{ background-color:#f53502; color:#fff}
.calendarView table tbody tr.date-tr td > div {opacity:0.3;clear:both; position:relative; z-index: 1;}
.calendarView table tbody tr.date-tr td > div ul.product-ul {width:100%; padding:5px; min-height:46px; clear: both; margin-bottom:3px; border-radius:3px; background-color:#f8f8f8; border:#ddd 1px solid; display:inline-block; cursor: pointer;}
.calendarView table tbody tr.date-tr td.select > div ul.product-ul {background:#f8f8f8; cursor:pointer}
.calendarView table tbody tr.date-tr td.startingDay > div ul.product-ul {background:#f8f8f8}
.calendarView table tbody tr.date-tr td > div ul.selectCode {box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 3px;}
.calendarView table tbody tr.date-tr td > div ul.product-ul li {display: inline-block; float: left;}
.calendarView table tbody tr.date-tr td > div ul.product-ul li:first-child {width: 30%; height:34px; display: inline-block; overflow: hidden;float: left; border-radius: 100%;}
.calendarView table tbody tr.date-tr td > div ul.product-ul li:first-child img {width:34px; height:34px;}
.calendarView table tbody tr.date-tr td > div ul.product-ul li:nth-child(2) { margin: 2px 0 0 0 !important; float: left; width: 70%; padding: 3px; font-size: 11px; font-family: 'dotum'; color: #555;}
#sit_hhtml2 {width:100%; height:200px; background:url(../../../../../img/sub_top_360.jpg) no-repeat right 50% top 0;}

#calendar .date-tr td span.start:after {content:""; position: absolute; left: 16px; top:19px; width: 7px; height: 4px; background: url(../../../../../img/icon/icon_sg_arrow.png) no-repeat center center;}
#calendar .date-tr td.select:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; border-color:#ffdf00;}
.calendarView table tbody tr.date-tr td:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; border-top:#ddd 1px solid; border-left:#ddd 1px solid; }

/* 우측 */
.eatPut {border:1px solid #ddd; border-bottom-color:#ccc; height:38px; border-radius:3px; padding:0 8px; width:100%; cursor: pointer; background-color:#fff;}
.plan-wrap {position:relative; width:1200px; margin:0 auto;}
.plan-wrap:after{display:block; content:''; clear:both;}
.plan-wrap > .planSelect {position: relative; float:right; width:220px; background-color:#fff;}
/* .plan-wrap > .planSelect > ul {position: relative; z-index:2;} */
.plan-wrap > .planSelect ul.fixedOn {position: fixed !important; top:65px; width:220px;} 
.plan-wrap > .planSelect ul.endScroll {top:auto !important; bottom:430px;}
.plan-wrap > .planSelect ul li {position: relative; clear: both; margin-bottom:15px; z-index:2;}
.plan-wrap > .planSelect ul li.firstSel button {position: absolute; right:10px; top:30px; border:0; background:transparent}
.plan-wrap > .planSelect ul li h1 {font-weight:normal; color:#555; margin-bottom:5px;}
.plan-wrap > .planSelect ul li .productName, .plan-wrap > .planSelect ul li input[type="text"] {width:100%; font-size:14px; font-weight:bold; }
.plan-wrap > .planSelect ul li .productName option {color:#535353}
.plan-wrap > .planSelect ul li.firstSel input, .plan-wrap > .planSelect ul li .productName {color:#ff8601} 
.plan-wrap > .planSelect ul li.firstSel input.on {background: #fafafa;}
.plan-wrap > .planSelect ul li.eatSel > div {position: relative; padding:0; clear: both; margin-bottom:4px; height:38px; line-height:38px; overflow: hidden;}
.plan-wrap > .planSelect ul li.eatSel > div > * {float: left; font-style: normal; display: inline-block;}

.plan-wrap > .planSelect ul li.eatSel > div input[type="radio"] {margin-left:10px; opacity:0;}
.plan-wrap > .planSelect ul li.eatSel > div input[type="radio"] + label{position: absolute; left:8px; top:10px; height: 20px; font-size: 20px; font-weight: 600}
.plan-wrap > .planSelect ul li.eatSel > div input[type="radio"] + label:before {content: ""; position:absolute; left:0; top:0; z-index:1;
 background:url(../../../../../img/icon/icon_suggest_off.png) no-repeat; display: inline-block; height: 20px;width: 20px; cursor: pointer;}
.plan-wrap > .planSelect ul li.eatSel > div input[type="radio"]:checked + label:before { background:url(../../../../../img/icon/icon_suggest_on.png) no-repeat;}
.plan-wrap > .planSelect ul li.eatSel > div span { width: 45px; padding-left:8px;}
.plan-wrap > .planSelect ul li.eatSel > div strong {width: 61px; font-size: 13px; text-align: right;}
.plan-wrap > .planSelect ul li.eatSel > div em {width: 55px;  font-size: 11px; text-decoration: line-through; color: #999; letter-spacing: normal; text-align: right;}
.plan-wrap > .planSelect ul li.eatSel > div i { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 3px; right: 3px;  color: #fff; background: #ff0000; font-size: 11px; letter-spacing: normal; text-align: center; border-radius: 100%; font-family: tahoma;}
.plan-wrap > .planSelect ul li.eatSel > div.on {border-color:#ff8601; background-color:#fff085 ;}
.plan-wrap > .planSelect ul li.eatSel > div.on span {color:#f54c02; font-weight:bold}

.plan-wrap > .planSelect ul li.totalqy {margin-bottom:11px;}
.plan-wrap > .planSelect ul li.totalqy > div {line-height:38px; font-size:14px;}
.plan-wrap > .planSelect ul li.totalqy > div .totalPack {color:#ff8601; font-weight:bold;}

.plan-wrap > .planSelect ul li.option_product {padding:8px 10px; border: #ff8601 1px solid; margin: 10px 0 0 0; border-radius: 3px; background: #fff085; display:none;}
.plan-wrap > .planSelect ul li.option_product p {color:#f54c02; padding: 0 10px 0 0; font-weight: bold; line-height: 21px;}
.plan-wrap > .planSelect ul li.option_product span b {margin-right:5px; font-weight:normal; color:#f54c02;}
.plan-wrap > .planSelect ul li.option_product > div {height:18px; position: relative; margin-top:10px;}
.plan-wrap > .planSelect ul li.option_product > div .num_input {float: left; height:19px; width:22px; padding:0 2px 0 3px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; font-size:12px; font-weight:normal;}
.plan-wrap > .planSelect ul li.option_product > div .sit_qty_minus, .plan-wrap > .planSelect ul li.option_product > div .sit_qty_plus {float: left; width: 21px; height: 10px; border: 1px solid #d4d8d9; position: absolute; margin-left:5px;}
.plan-wrap > .planSelect ul li.option_product > div .sit_qty_minus {background: #fff url(/img/icon/quPlus.jpg) no-repeat center center; border-top-right-radius: 3px; border-bottom: 0;}
.plan-wrap > .planSelect ul li.option_product > div .sit_qty_plus { bottom:-1px; background: #fff url(/img/icon/quDown.jpg) no-repeat center center;border-bottom-right-radius: 3px; z-index:2;}
.plan-wrap > .planSelect ul li.option_product > div .sit_opt_del {border:0; top: 0; width: 11px; height: 11px; background: #939393; overflow: hidden; position: absolute; left:62px; background:url(../../../../../img/btnDel.jpg) no-repeat 0 0; }
/*.plan-wrap > .planSelect ul li.option_product > div .sit_opt_del:before {content: 'x'; color: #fff; width: 11px; height: 11px; position: absolute; font-family: "돋움",Dotum; font-size: 8px; top:-1px; left:0;}*/

.plan-wrap > .planSelect ul li.total h1 {height:52px; line-height:52px; padding:0 10px; border-radius:5px; margin-top:10px; background-color:#eee; color:#353535; font-weight:bold;}
.plan-wrap > .planSelect ul li.total h1 b {font-size:21px; color:#ff8601;}
.plan-wrap > .planSelect ul li.total h1 span {color:#ff8601;}

.plan-wrap > .planSelect ul li.goCart > a {display:block; margin-top:20px; height: 30px; line-height: 30px; font-size: 13px; background: #fff; color: #ff8601;border: #ff8601 1px solid; border-radius: 0 0 3px 3px; font-weight: bold; text-align:center;}

/* 상품상세정보 - 식단 */
#suggDateDay {display:none;padding:15px 10px 15px 9px}
#suggDateDay > ol li {clear: both; list-style:none}
#suggDateDay > ol li.detailItem {min-height:120px; margin-bottom:40px;}
#suggDateDay > ol > li ul li h1 {font-weight:normal; font-size: 18px; margin: 20px 0 10px 0} 
#suggDateDay > ol > li ul li.dataDate h1 span {display: inline-block;;} 
#suggDateDay > ol > li ul li.dataDate h1 i {font-style:normal; background: #ff8601; color: #fff; padding: 0 10px;height: 22px;line-height: 22px; display: inline-block;margin: 0 0 0 10px; border-radius: 3px;font-size: 12px;position: relative;}
#suggDateDay > ol > li ul li.dataDate h1.foodStart i {background: #f52830;}
#suggDateDay > ol > li ul li.dataDate h1.deliDay {color:#ff8601} 
#suggDateDay > ol > li ul li.dataDate h1.foodStart {color:#f52830 } 
#suggDateDay > ol > li ul li.detailItem > div {float:left; display:inline-block; margin-right:6px; width:307px; border: #ddd 1px solid; border-radius: 5px; height: 120px; }
#suggDateDay > ol > li ul li.detailItem > div a {display:inline-block;; width:137px; height:118px; vertical-align:middle; overflow: hidden; border-radius:5px; }
#suggDateDay > ol > li ul li.detailItem > div a img {width:118px; height:118px;}
#suggDateDay > ol > li ul li.detailItem .suj_info {display:inline-block;;width:163px; padding-right:5px; vertical-align:middle}
#suggDateDay > ol > li ul li.detailItem .suj_info h4 {margin:0 0 12px; font-size:15px; font-weight:normal;}
#suggDateDay > ol > li ul li.detailItem .suj_info a {clear:both; margin-right:10px; float:left; display:block; width:84px; height:24px; line-height:23px; border-radius:3px; border:#ddd 1px solid; color:#555; font-size:11px; text-align:center}
#suggDateDay > ol > li ul li.detailItem .suj_info input[type="button"] {float:right;  margin: 0 5px 0 0; cursor:pointer; display: inline-block; width: 58px; height: 24px; line-height: 24px; border-radius: 2px; border: #ff8601 1px solid; color: #555; font-size: 11px; text-align: center; color: #ff8601; background-color: #fff; letter-spacing: -0.5px;}


.selection {position: absolute !important; width: 240px; height: 80px; top: -10px; left: -10px; background: #fafafa; z-index: -1; transition: all .3s; border: #f54c02 1px dashed; z-index:1 !important; }

.icon_loading { width: 100px; height: 100px; line-height: 100px; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -50px 0 0 -50px; border-radius: 100%; display: none;  background: #ff8601; border-radius: 100%; color: #fff;text-align: center; font-size: 13px; font-weight: bold;}

#suggDateDay > ol > li ul li.detailItem .changeCode {clear: both; position:relative; max-width:307px; top:3px; border-color:#ddd; border-radius:3px; height:32px !important; line-height:32px !important;}




.plan-wrap > .planSelect ul li.option_product span:not(".option_product_firstDate") {display:block; margin:3px 0 7px; line-height: 18px;}
.it_change { position:absolute; top:15px; left:15px; margin:0 0 0 3px; font-style: normal; z-index: 9; font-size:10px; background:#009944; color:#fff; padding:2px; }

#sit #sit_ov_wrap { position:relative; padding:0; width:100%; display:flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.planSide { width:220px; position: absolute; top:0; right:-240px;  }
.item_option { width:100%; position:absolute; }
.item_option.fixed { position:fixed; top:60px; width:220px;}
.item_option > ul > li { width:100%; padding:0 0 10px 0; position:relative; }
.item_option > ul > li > h1 { font-weight: normal; margin:5px 0 7px 0; font-size:14px; }
.item_option > ul > li > h3 { border:#ddd 1px solid; border-bottom:#ccc 1px solid; border-radius: 3px; padding:0 10px 0 32px; height:40px; line-height: 40px; margin:0 0; cursor: pointer; font-size:14px;   font-weight: normal; position:relative; }
.item_option > ul > li:first-child > h3 > span { display:inline-block; width:18px;height:18px; background:url('../../../../../svg/arrow-down2.svg') no-repeat center center; background-size:10px 10px; position:absolute; top:50%; right:10px; margin:-9px 0 0 0;}
.item_option > ul > li > h3.on { background:url('../../../../../img/icon/icon_suggest_on.png') no-repeat left 4px center; border:#ff8601 1px solid; color:#ff8601; font-weight: bold; }
.op_select { position: absolute; top:64px; left:0; display:none; background:#fff; border:#ff8601 1px solid; border-radius: 2px; width:100%; z-index: 9999; }
.op_select > ul { width:100%; padding:10px 0; margin:0;  }
.op_select > ul > li { }
.op_select > ul > li > a { display:block; padding:7px 15px; font-size:14px;}
.item_option > ul > li > h3.pack_calcu { padding-left:5px; }
.op_select2 > ul > li { width:100%; display:inline-block; padding-left:32px; border:#ddd 1px solid; margin:0 0 2px 0; height:40px; line-height: 40px; cursor: pointer; border-radius: 3px;  background:url('../../../../../img/icon/icon_suggest_off.png') no-repeat left 4px center; }
.op_select2 > ul > li.on { background:url('../../../../../img/icon/icon_suggest_on.png') no-repeat left 4px center; border:#ff8601 1px solid; }
.op_select2 > ul > li > * { display:inline-block; float: left; font-style: normal; font-size:14px; }
.op_select2 > ul > li > span { width:45px; padding-left:0px; }
.op_select2 > ul > li.on > span { color:#ff8601; font-weight: bold; }
.op_select2 > ul > li > strong { width:60px; text-align: right; }
.op_select2 > ul > li > em { font-size:11px; color:#888; text-decoration: line-through; margin-left:4px; }
.op_select2 > ul > li > i { float: right; font-size:11px; margin:4px 4px 0 0; font-family: tahoma; width:30px; height:30px; line-height: 30px; text-align: center; color:#fff; background:#ff0000; border-radius: 100%; }
.pack_calcu { cursor: default; text-align: center; }
.pack_calcu > i { font-weight: bold; font-style: normal; }
.pack_calcu > strong,.pack_calcu >span,.pack_calcu >i,.pack_calcu >b { display:none; }
.pack_calcu >em { font-style: normal; font-size:12px; color:#888;}

#sit_opt_added li { display:inline-block; width:100%; padding:10px; border:#ff8601 1px solid; border-radius: 3px; background:#fff085; }
#sit_opt_added li > div { display:inline-block; width:auto; float: left; }
#sit_opt_added li .opt_name { line-height:normal; font-size:14px; color:#f54c02; }
#sit_opt_added li .opt_count { top:auto; right:auto; margin:10px 0 0 0; width:100% !important; }
#sit_sel_option #sit_opt_added li .opt_count .sit_qty_plus { top:0 !important; left:29px !important; }
#sit_sel_option #sit_opt_added li .opt_count .sit_qty_minus { bottom:0 !important; left:29px !important; }
#sit_opt_added .num_input { margin:0; width:30px; }

#sit_tot_price { margin:10px 0; display:inline-block; width:100%;}
#sit_tot_price > strong { font-weight: normal; }
#sit_tot_price > strong > span { display:inline-block; float: left; font-size:13px; height:35px; line-height: 35px; }

#sit_tot_price > strong > span.g_price { font-weight: bold; font-size:20px; line-height: 30px; float: right; color:#ff8601;}
#sit_tot_price > strong > span > i { display:inline-block;font-size:13px; height:35px; line-height: 35px; font-style: normal; }

#sit_pvi,#sit_ov { display:none; }