
/***************************** ITEM DETAIL *********************************************/

#container #detailSpec {text-align:left;padding-bottom:1em;}
#container #detailSpec .thumBig {width:100%;position:relative;overflow:hidden;border-bottom:solid 1px #ddd;background:#fff;}
#container #detailSpec .thumBig>img{width:100%;}
#container #detailSpec .thumBig .discount {position:absolute;top:10%;right:1em;width:7em;height:6em;padding-top:1em;color:#fff;text-align:center;background:#D82D28;opacity:0.80;filter:alpha(opacity=80);-webkit-border-radius: 3.5em;-moz-border-radius: 3.5em;border-radius: 3.5em;}/**/
#container #detailSpec .thumBig .discount b {font-weight:900;font-size:2.5em;}
#container #detailSpec .thumBig .discount span {font-size: 0.75em;}
/* 파트너 아이콘 */
#partnercon {position:absolute;top:10%;left:5%;z-index:2;}
#partnercon a {display:block;text-align:center;}
#partnercon a:hover .ico{background:#D82D28;}
#partnercon h1 {color:#f1672b;font-size:0.85em;width:4em;height:20px;border-bottom:solid 1px #f1672b;margin-left:0.5em;margin-top:0.8em;}
#partnercon .ico{width:4.5em;height:4.5em;background:#f1672b;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;cursor:pointer;}
#partnercon .ico img {width:2.5em;margin:1em;}

#container #detailSpec .thumBig .icon {display:inline-block;color:#E15A47;font-size:0.8em;text-align:center;border-bottom:2px solid #D82D28;padding:2em 0em 0.5em 0em;position:absolute;right:0.7em;bottom:0em;z-index:2;cursor:pointer;}
#container #detailSpec .thumBig .icon a {color:#E15A47;}
#container #detailSpec .thumBig .icon img {width:1.7em;margin-bottom:0.5em;}
#container #detailSpec .block {padding:0.7em;letter-spacing:-0.05em;}
#container #detailSpec .block h1 {font-size:1.2em;color:#333;padding-bottom:0.5em;line-height:1.2em;letter-spacing:-0.08em;}
#container #detailSpec .block h2 {font-size:1.1em;font-weight:normal;}
#container #detailSpec .block h3 {font-size:0.8em;color:#ff6600;font-weight:bold;height:1.4em;letter-spacing:0px;}
#container #detailSpec .block .txt {font-size:1.1em;line-height:160%;margin:0.5em 0em;}
#container #detailSpec .block .price_s {font-weight:bold;color:#D82D28;}
#container #detailSpec .block .delivery {position:relative;z-index:999999}
#container #detailSpec .block .delivery>a .ico{display:inline-block;width:9px;height:9px;overflow:hidden;vertical-align:middle;background:url('/images/ico_prev.gif') no-repeat;margin-right:0.1em;}
#container #detailSpec .block .delivery .area {position:absolute; left:0px;top:-8em;width:100%;height:0; overflow:hidden;}
#container #detailSpec .block .delivery .area.on {height:auto;border:2px solid #D82D28;background:#fff;}
#container #detailSpec .block .delivery .area table {width:100%;border-spacing:0px;border:0px;padding:0px;border-collapse:collapse;}
#container #detailSpec .block .delivery .area table tr {height:1.8em;}
#container #detailSpec .block .delivery .area table th{padding:0px;}
#container #detailSpec .block .delivery .area table td{padding:0px;width:14%;font-size:0.75em;text-align:center;border-left:1px solid #e6e6e6;border-top:solid 1px #e6e6e6;cursor:pointer;}
#container #detailSpec .block .delivery .area table tr:first-child td {border-top:0px;}
#container #detailSpec .block .delivery .area table td:first-child{border-left:0px;}
#container #detailSpec .block .delivery .area table td:hover,
#container #detailSpec .block .delivery .area table td:active{background:#D82D28;color:#fff;}
#container #detailSpec .block .msg {font-size:0.75em;color:#999;font-weight:normal;letter-spacing:-0.05em;}
#container #detailSpec .block .selection {margin-top:0.5em;}
#container #detailSpec .block .selection select{height:2.5em;line-height:2.5em;width:100%;background:#fff;}
#container #detailSpec .block .control {padding:0.8em 0em;border-top:solid 1px #ddd;margin-top:0.5em;}
#container #detailSpec .block .control:after {clear:both;display:block;content:"";}
#container #detailSpec .block .control .qty {float:left;width:50%;height:4em;border-right:solid 1px #ddd;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#container #detailSpec .block .control .qty a{display:inline-block;width:2.2em;height:2.2em;line-height:2.1em;text-align:center;border:solid 1px #bbb;background:#fff;vertical-align:middle;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#container #detailSpec .block .control .qty input {width:3em;height:2.2em;border:solid 1px #bbb;border-left:0px;border-right:0px;text-align:center;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#container #detailSpec .block .control .total {float:left;display:table;width:50%;height:4em;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#container #detailSpec .block .control .total .sale {display:table-cell;vertical-align:middle;width:30%;text-align:center;color:#D82D28;border-right:solid 1px #ddd;}
#container #detailSpec .block .control .total .sale b {font-family:tahoma;}
#container #detailSpec .block .control .total .price {display:table-cell;vertical-align:middle;width:70%;padding-top:0.5em;color:#555;letter-spacing:-0.05em;padding-left:6%;}
#container #detailSpec .block .control .total .price .price_label {display:inline-block;font-size:0.74em;letter-spacing:-0.03em;white-space:nowrap;margin-right:2px;}
#container #detailSpec .block .control .total b{font-size:1.7em;font-weight:bold;font-family:tahoma;}
#container #detailSpec .block .control .total .price_n {font-size:0.9em;color:#999;text-decoration:line-through;}

#container #detailSpec .btnWrap {padding:0.7em 0px 0.1em 0px;}
#container #detailSpec .btnWrap:after {clear:both;display:block;content:"";}
#container #detailSpec .btnWrap a{width:100%;padding:0px !important;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#container #detailSpec .btnView{font-size:1.2em;letter-spacing:0px;display:block;color:#666;height:3em;line-height:3em;text-align:center;border:solid 1px #ddd;background:#fff;}
#container #detailSpec .btnView img {width:auto !important;margin:0px !important;}

#container #detailSpec .tab {height:3em;line-height:3em;border-top:solid 3px #666;border-bottom:solid 1px #ddd;margin:0em 0.7em}
#container #detailSpec .tab:after {clear:both;display:block;content:"";}
#container #detailSpec .tab li {float:left;width:50%;text-align:center;border-right:solid 1px #ddd;font-size:1.2em;color:#666;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#container #detailSpec .tab li:first-child {border-left:solid 1px #ddd;}
#container #detailSpec .tab li a{color:#666;display:block;outline:0;}
#container #detailSpec .tab li a span {font:0.9em tahoma;padding-left:0.5em;}
#container #detailSpec .tab li a.selected{color:#D82D28;font-weight:bold;border-top:solid 3px #D82D28;position:relative;top:-3px;background:#fff;margin-bottom:-3px;border-bottom:solid 1px #fff;}
#container #detailSpec .content {margin:0em 0.7em;border:solid 1px #ddd;border-top:0px;background:#fff;}
#container #detailSpec .content #tab1 {padding:1em 0.7em 0em 0.7em;}
#container #detailSpec .content #tab1 img {width:100%;}
#container #detailSpec .content #tab1 img:last-child {margin-bottom:1em;}
#container #detailSpec .content #tab2 {padding:0.7em;}

#container #detailSpec table.inquiry {width:100%;border-spacing:0px;border:0px;padding:0px;border-top:solid 1px #666;border-bottom:solid 1px #666;margin-top:1em;margin-bottom:0.5em;}
#container #detailSpec table.inquiry th {width:25%;font-weight:bold;font-size:0.85em;color:#333;text-align:right;padding:0.5em;border-bottom:solid 1px #ddd;border-right:dashed 1px #ddd;}
#container #detailSpec table.inquiry td {text-align:left;font-size:0.8em;border-bottom:solid 1px #ddd;padding:0.5em;line-height:2em;}
#container #detailSpec table.inquiry td span {display:block;}
#container #detailSpec table.inquiry input[type=text],
#container #detailSpec table.inquiry input[type=password] {width:90%;height:1.8em;padding:0px 0.05em;border:solid 1px #ddd;margin-right:0.5em;}
#container #detailSpec table.inquiry textarea {width:90%;height:7em;padding:0px 0.5em;border:solid 1px #ddd;margin:0.5em 0px;}

/***************************** ITEM DETAIL DELIVERY & CS CENTER INFO ******************/
 
#container #detail_delivery #title_sub {margin-bottom:1em;}
#container #detail_delivery dl.flow {width:80%;margin:0px auto;vertical-align:top;}
#container #detail_delivery .flow h1 {font-size:1.1em;font-weight:bold;color:#333;height:2em;margin-top:2em;text-align:center;}
#container #detail_delivery .flow.red h1 b{color:#D82D28}
#container #detail_delivery .flow.blue h1 b{color:#2c84ce}
#container #detail_delivery .flow.purple h1 b{color:#953a9b}
#container #detail_delivery .flow dt {padding-top:10px;height:50px;width:100%;color:#555;font-size:1em;font-weight:bold;line-height:160%;border-radius:30px;-moz-border-radius: 30px; -webkit-border-radius: 30px;text-align:center;border:solid 2px #999;}
#container #detail_delivery .flow.red dt {border-color:#e9c2ce;}
#container #detail_delivery .flow.blue dt {border-color:#b0c1de;}
#container #detail_delivery .flow.purple dt {border-color:#b899df;}
#container #detail_delivery .flow dt span {display:block;font:normal 0.85em tahoma;color:#bbb;}
#container #detail_delivery .flow dd {font-family:"Nanum Gothic";color:#bbb;width:100%;height:30px;background:url(../images/ico_arrow_down.gif) no-repeat 50% 50%;text-indent:-9999;font-size:0px;}
#container #detail_delivery .flow .txt {padding:0.5em 10%;line-height:160%;text-align:left;font-size:0.85em}

/* 버튼 3개 횡렬 
#container #detailSpec .btnWrap {padding:0.5em 0px;}
#container #detailSpec .btnWrap:after {clear:both;display:block;content:"";}
#container #detailSpec .btnWrap a{width:39%;padding:0px !important;margin-right:1%;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;float:left;}
#container #detailSpec .btnWrap a:last-child{width:20% !important;min-width:20%;margin:0px;}

				<div class="btnWrap">
					<a href="m_shop_buy.php" class="btn_red big">바로구매</a>
					<a href="m_shop_cart.php" class="btn_red big"><img src="/images/ico_cart.png">장바구니 담기</a>
					<a href="m_member_wish.php" class="btn_white bigR"><img src="/images/ico_heart.png"></a>
				</div>

* 버튼 1개 크게 (btnWraps의 가로폭 100%임)
#container #detailSpec .btnWraps {padding:0.7em;background:#eee;border:1px solid #bbb;border-width:1px 0px;margin-bottom:1em;}
#container #detailSpec .btnWraps:after {clear:both;display:block;content:"";}
#container #detailSpec .btnWraps a{float:left;width:49%;padding:0px !important;margin-right:1%;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;border-right:1px solid #ddd;display:inline-block;text-align:center;cursor:pointer;vertical-align:middle;font-size:1.2em;color:#D82D28;min-width:4em;height:3em;line-height:3em;padding:0px 0.5em;}
#container #detailSpec .btnWraps a img {width:1.2em;margin-right:3px;}
#container #detailSpec .btnWraps a:nth-child(2){width:50%;margin:0px;}
#container #detailSpec .btnWraps .btn_red{width:100% !important;clear:both;margin:0px;color:#fff;}
				<div class="btnWraps">				
					<a href="m_shop_cart.php"><img src="/images/ico_cart_red.png">장바구니 담기</a>
					<a href="m_member_wish.php"><img src="/images/ico_heart.png">찜하기</a>
					<a href="m_shop_buy.php" class="btn_red big">바로구매</a>
				</div>	
*/

/* 이미지 확대보기 구버전
#container #detailSpec .btnView{margin:1em 0em;font-weight:bold;font-size:1.3em;letter-spacing:0px;display:block;color:#D82D28;height:3em;line-height:3em;text-align:center;border:solid 1px #D82D28;box-shadow:0px 2px 2px rgba(0,0,0,.2);
background:#ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eef0f3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef0f3)); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#eef0f3 100%); 
background: -o-linear-gradient(top,  #ffffff 0%,#eef0f3 100%); 
background: -ms-linear-gradient(top,  #ffffff 0%,#eef0f3 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#eef0f3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f3',GradientType=0 ); 
}
#container #detailSpec .btnView:hover,
#container #detailSpec .btnView:active{
color:#fff;background:#D82D28;border:solid 1px #D82D28;
background: -moz-linear-gradient(top,  #D82D28 0%, #D82D28 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D82D28), color-stop(100%,#D82D28));
background: -webkit-linear-gradient(top,  #D82D28 0%,#D82D28 100%);
background: -o-linear-gradient(top,  #D82D28 0%,#D82D28 100%); 
background: -ms-linear-gradient(top,  #D82D28 0%,#D82D28 100%); 
background: linear-gradient(to bottom,  #D82D28 0%,#D82D28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D82D28', endColorstr='#D82D28',GradientType=0 );	
}
*/





/* RANKING 

#rank_list {padding:0.5em 0.3em; zoom:1}
#rank_list:after{content:"";display:block;clear:both;}
#rank_list li{box-shadow:0px 1px 2px rgba(0,0,0,0.15);background:#fff;margin:0.45em 1%;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;zoom:1}
#rank_list li:after {clear:both;display:block;content:"";}
#rank_list li a{display:block;position:relative;}
#rank_list li .thum {float:left;width:48%;border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px;}
#rank_list li .block {float:left;width:45%;padding:0.5em 0.7em;}
#rank_list li .block .txt {height:4em;overflow:hidden;letter-spacing:-0.05em}
#rank_list li .block h1 {font-size:1em;color:#333;font-weight:normal;padding-bottom:0.05em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#rank_list li .block h2 {font-size:0.8em;color:#999;font-weight:normal;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#rank_list li .block h3 {font-size:0.7em;color:#ff6600;font-weight:bold;height:1.2em;letter-spacing:0px;}
#rank_list li .block .price {}
#rank_list li .block .price_s {display:inline-block;*display:inline;*zoom:1;font-size:1em;font-family:tahoma;font-weight:normal;color:#333;}
#rank_list li .block .price_s span {padding-right:3px;}
#rank_list li .block .price_n {display:inline-block;*display:inline;*zoom:1;font-size:0.85em;font-family:tahoma;color:#999;text-decoration:line-through;padding-left:10px;}
#rank_list li .block .rank {text-align:right;color:#D82D28;padding-top:1em;padding-right:0.8em;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
#rank_list li .block .rank b{font-size:2.5em;display:block;}
#rank_list li .block .rank span{font-size: 0.8em;display:block;}
*/

