-=[ Mr. Bumblebee ]=-
_Indonesia_

Path : /var/www/html/product/css/
File Upload :
Current File : //var/www/html/product/css/detail.css

.locationList {
	border: currentColor;
}
.detail{
	width: 777px;
	margin: 0 auto;
}
.detail .conTop {
	width: 777px;
	padding: 5px; border: 1px solid #cccccc; position: relative; z-index: 2;
}
.detail .conTop .conTopIn {
	width: 777px; display: inline-block;
}
.detail .conTop .conTopIn .leftList {
	padding: 29px 0px 0px 10px; width: 777px; float: left;
}
.detail .conTop .conTopIn .leftList h1 {
	color: rgb(70, 71, 73); line-height: 140%; font-size: 16px; margin-bottom: 11px; word-spacing: -2px;
}
.detail .conTop .conTopIn .leftList h1 .icon {
	left: 32px; top: -1px; position: absolute; _top: 0;
}
.detail .conTop .conTopIn .leftList h1 .icon img {
	margin-right: -1px;
}
.detail .conTop .conTopIn .leftList h1 .icon img {
	margin-right: -1px;
}
.detail .conTop .leftList .loadView {
	width: 300px; float: left;
}
.detail .conTop .leftList .loadView .photoView .photo {
	border: 1px solid rgb(223, 223, 223); width: 298px; height: 308px; display: inline-block;
}
.detail .conTop .leftList .loadView .photoView #B_img_box {
	border: 1px solid rgb(223, 223, 223); width: 278px; height: 278px; display: inline-block;
}
.detail .conTop .leftList .loadView .photoView .photo img {
	width: 298px; height: 308px;
}
.detail .conTop .leftList .loadView .photoView #B_img_box img {
	width: 278px; height: 278px;
}
.detail .conTop .leftList .loadView .photoView .sns {
	width: 298px; overflow: hidden; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(249, 249, 249);
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn {
	text-align: center; padding: 5px; height: 23px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn .zoomBtn {
	float: left;
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn .zoomBtn img {
	vertical-align: baseline;
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn ul {
	float: right;
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn li {
	width: auto; float: left;
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn li a {
	margin-left: 2px; display: inline-block;
}
.detail .conTop .leftList .loadView .photoView .sns .snsIn li a img {
	vertical-align: baseline;
}
.detail .conTop .leftList .loadView .productNum ul {
	background: url("http://image.cjmall.com/site/module/images/dummy/bg_noimg_50.gif") 0px 0px; width: 285px; height: 109px; overflow: hidden;
}
.detail .conTop .leftList .loadView .productNum li {
	margin: 0px 5px 5px 0px; width: auto; float: left;
}
.detail .conTop .leftList .loadView .productNum li a {
	padding: 1px; width: 50px; height: 50px; overflow: hidden; display: block;
}
.detail .conTop .leftList .detailSelect {
	width: 430px; margin-bottom: 25px; margin-left: 20px; float: left;
}
.detail .conTop .leftList .detailSelect .icon img {
	margin-right: 3px;
}
.detail .conTop .leftList .detailSelect .tbl_detail {
	border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
.detail .conTop .leftList .detailSelect .tbl_detail tr.first th {
	padding-top: 11px;
}
.detail .conTop .leftList .detailSelect .tbl_detail tr.first td {
	padding-top: 11px;
}
.detail .conTop .leftList .detailSelect .tbl_detail tr.last th {
	padding-bottom: 10px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
.detail .conTop .leftList .detailSelect .tbl_detail tr.last td {
	padding-bottom: 10px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
.detail .conTop .leftList .detailSelect .tbl_detail th {
	padding: 5px 0px 4px 7px; text-align: left; line-height: 130%; vertical-align: top;
}
.detail .conTop .leftList .detailSelect .tbl_detail td {
	padding: 5px 0px 4px 7px; text-align: left; line-height: 130%; vertical-align: top;
}
.detail .conTop .leftList .detailSelect .tbl_detail th {
	width: 108px; color: rgb(128, 128, 128); letter-spacing: -1px; font-size: 11px; font-weight: normal; background-color: rgb(246, 246, 246);
}
.detail .conTop .leftList .detailSelect .tbl_detail th span {
	vertical-align: top; float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail th .help .helpIn {
	position: relative;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .help .helpIn {
	position: relative;
}
.detail .conTop .leftList .detailSelect .tbl_detail th .help {
	width: 11px; height: 11px; margin-left: 4px; vertical-align: top; float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail th .help img {
	vertical-align: baseline;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .help {
	top: -3px; vertical-align: top; display: inline-block;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .turn.help {
	top: 0px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .turn.help .helpIn {
	
}
.detail .conTop .leftList .detailSelect .tbl_detail td .help a {
	float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail td {
	color: rgb(89, 93, 100); padding-left: 15px;
}

.detail .conTop .leftList .detailSelect .tbl_detail td a {
	color: rgb(89, 93, 100); font-weight: bold; vertical-align: top;
}
.detail .conTop .leftList .detailSelect .tbl_detail td span {
	vertical-align: top;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .cardName {
	padding-top: 1px; display: inline-block;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .cardName img {
	vertical-align: top;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .goBtn {
	color: rgb(153, 153, 153); font-size: 11px; font-weight: normal; text-decoration: underline;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .save {
	color: rgb(153, 153, 153); font-size: 11px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .save strong {
	color: rgb(114, 186, 182);
}
.detail .conTop .leftList .detailSelect .tbl_detail td .selectbox_title {
	background-color: rgb(255, 255, 255);
}
.detail .conTop .leftList .detailSelect .tbl_detail td .counter {
	width: 45px; margin-right: 6px; float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .counter input {
	border: 1px solid rgb(205, 205, 205); width: 25px; height: 17px; text-align: right; padding-right: 3px; font-size: 12px; margin-right: 2px; float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .counter .upBtn {
	width: 13px; height: 9px; margin-bottom: 1px; float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .counter .downBtn {
	width: 13px; height: 9px; float: left;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price1 {
	font-size: 12px; font-weight: bold; display: inline-block;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price2 {
	font-size: 12px; font-weight: bold; display: inline-block;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price1 {
	margin-top: -1px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price2 {
	margin-top: -3px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price1 strong {
	line-height: 100%; font-family: Tahoma; font-size: 12px; margin-right: 1px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price2 strong {
	line-height: 100%; font-family: Tahoma; font-size: 12px; margin-right: 1px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price2 strong {
	font-size: 14px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price3 {
	font-size: 12px; font-weight: bold; margin-top: -3px; display: inline-block;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .price3 em {
	line-height: 100%; font-family: Tahoma; font-size: 18px; font-weight: bold; margin-right: 1px;
}
.detail .conTop .leftList .detailSelect .tbl_detail td .btn {
	margin-top: 2px; display: inline-block;
}
.detail .conTop .leftList .detailSelect .btnBox {
	margin: 10px 0px 10px -3px; width: 357px; text-align: center; display: inline-block; position: relative; z-index: 10;
}
.detail .conTop .leftList .detailSelect .btnBox a {
	margin-left: 3px; float: left;
}
.detail .conTop .leftList .detailSelect .btnBox a img {
	vertical-align: top;
}
.detail .conTop .leftList .detailSelect .detailCan {
	width: 354px; position: relative;
}

.detail .conTop .leftList .detailSelect .detailCan .specialBox .list .prev {
	background: 0px 0px rgb(255, 255, 255); padding: 19px 0px; top: 0px; width: 9px; height: 15px; display: block; position: absolute;
}
.detail .conTop .leftList .detailSelect .detailCan .specialBox .list .next {
	background: 0px 0px rgb(255, 255, 255); padding: 19px 0px; top: 0px; width: 9px; height: 15px; display: block; position: absolute;
}
.detail .conTop .leftList .detailSelect .detailCan .specialBox .list .prev {
	left: 10px;
}
.detail .conTop .leftList .detailSelect .detailCan .specialBox .list .next {
	right: 0px;
}
.detail .conTop .leftList .detailSelect .detailCan .askBox {
	background: url("http://image.cjmall.com/site/module/images/ico/ico_mobile.gif") no-repeat 14px 6px; border: 2px solid rgb(89, 183, 190); height: 31px; overflow: hidden;
}
.detail .conTop .leftList .detailSelect .detailCan .askBox p {
	padding: 8px 0px 0px 33px; width: 246px; letter-spacing: -1px; word-spacing: 2px; float: left;
}
.detail .conTop .leftList .detailSelect .detailCan .askBox p strong {
	color: rgb(44, 186, 190);
}
.detail .conTop .leftList .detailSelect .detailCan .askBox p span {
	font-size: 11px;
}
.detail .conTop .leftList .detailSelect .detailCan .askBox a {
	padding: 5px 0px 0px; float: left; display: inline-block;
}
.detail .conTop .leftList .detailSelect .detailCan .askBox a img {
	vertical-align: top;
}
.detail .conTop .leftList .detailSelect .couponBox {
	position: relative; z-index: 1;
}
.detail .conTop .leftList .detailSelect .couponBox em {
	line-height: 130%; letter-spacing: -1px; padding-top: 2px; vertical-align: middle; display: inline-block;
}
.detail .conTop .leftList .detailSelect .couponBox span {
	width: 0px; height: 100%; overflow: hidden; vertical-align: middle; display: inline-block; position: relative;
}
.detail .conTop .leftList .detailSelect .couponBox a.okBtn {
	top: 13px; right: 8px; position: absolute;
}
.detail .conTop .leftList .detailSelect .couponBox .info1 {
	padding: 4px 2px; border: 1px solid rgb(223, 223, 223); height: 36px; color: rgb(103, 103, 103); font-size: 11px; position: relative; background-color: rgb(247, 247, 247);
}
.detail .conTop .leftList .detailSelect .couponBox .info2 {
	padding: 4px 2px; border: 1px solid rgb(223, 223, 223); height: 36px; color: rgb(103, 103, 103); font-size: 11px; position: relative; background-color: rgb(247, 247, 247);
}
.detail .conTop .leftList .detailSelect .couponBox .info1 em {
	margin-left: 14px;
}
.detail .conTop .leftList .detailSelect .couponBox .info2 em {
	width: 143px; margin-left: 10px;
}
.detail .conTop .leftList .detailSelect .couponBox .info2 img {
	margin-left: 8px;
}
.detail .conTop .leftList .detailSelect .couponBox .info2 a img {
	margin: 0px; border: currentColor;
}

.event_card h1 {
	margin-left: 37px;
}
.event_card h1 span {
	left: 70px !important;
}
.event_card .promotionIco {
	left: 0px; top: -1px; width: 56px; position: absolute; z-index: 10;
}
.event_card .promotionIco img {
	margin-bottom: -1px; vertical-align: top;
}

.detail .conselect {
	width: 777px;
	margin: 10px 0 10px 0; 
	padding: 20px 5px 5px 5px; 
	border: 0px solid #cccccc; 
	position: relative; 
	z-index: 2;
}

.detail .conselect .conselectin{
	position: relative; 
	width: 777px; 
}
.select-title{
	margin-bottom: 9px;
}
.select-section01{
	width: 100%;
	position: relative;
	display: inline-block;
	}
.select-section02{
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 15px;
	}
	
.select-img{
	position: relative;
	width: 302px;
	float:left;
	margin-left: 5px;
}
.select01-01{
	width: 41px;
	height: 34px;
	position: absolute;
	top: 80px;
	left: 64px;
	
}
.select01-02{
	width: 41px;
	height: 34px;
	position: absolute;
	top: 80px;
	left: 112px;
	
}
.select01-03{
	width: 41px;
	height: 34px;
	position: absolute;
	top: 80px;
	left: 162px;
	
}
.select01-04{
	width: 90px;
	height: 35px;
	position: absolute;
	top: 131px;
	left: 88px;
	
}
.select01-05{
	width: 92px;
	height: 62px;
	position: absolute;
	top: 176px;
	left: 87px;
	
}
.select01-06{
	width: 90px;
	height: 35px;
	position: absolute;
	top: 247px;
	left: 88px;
	
}

.select02-01{
	width: 90px;
	height: 35px;
	position: absolute;
	top: 36px;
	left: 102px;
	
}
.select02-02{
	width: 90px;
	height: 35px;
	position: absolute;
	top: 80px;
	left: 102px;
	
}
.select02-03{
	width: 92px;
	height: 77px;
	position: absolute;
	top: 130px;
	left: 101px;
	
}
.select02-04{
	width: 90px;
	height: 35px;
	position: absolute;
	top: 221px;
	left: 102px;
	
}
.select02-05{
	width: 43px;
	height: 35px;
	position: absolute;
	top: 140px;
	left: 24px;
	
}
.select02-06{
	width: 43px;
	height: 35px;
	position: absolute;
	top: 104px;
	left: 232px;
	
}

.select03-01{
	width: 74px;
	height: 63px;
	position: absolute;
	top: 198px;
	left: 7px;
	
}
.select03-02{
	width: 74px;
	height: 63px;
	position: absolute;
	top: 205px;
	left: 199px;
	
}
.select-result{
	width: 450px;
	float:left;
	margin-left: 10px;
	
}
.tabin-table{
	width: 644px;
	padding: 10px;
	display:inline-block;
}
.tabin-table-notop{
	width: 644px;
	padding: 10px;
	display:inline-block;
	margin-top: 35px;
}
.font_bd {
border-bottom: 1px solid #cccccc;
padding-top: 3px;
padding-bottom: 3px;
}
.tab-team-select{
	text-align: right;
	width: 620px;
	height: 30px;
	margin: 15px 0 15px 0;
	padding: 8px 15px 0 0;
	vertical-align:middle;
	border: 1px solid #cccccc;
}
.tab-team-img{
	text-align: center;
	width: 620px;
	height: 120px;
	margin-top: 15px;
	vertical-align:middle;
}
.tab-ini-select{
	width: 620px;
	height: 30px;
	margin: 15px 0 15px 0;
	padding: 8px 0 8px 8px;
	vertical-align:middle;
	border: 1px solid #cccccc;
}
.tab-ini-img{
	text-align: center;
	width: 600px;
	height: 120px;
	margin-top: 15px;
	vertical-align:middle;
}
.detail-select-title{
	margin-top:25px;
}
.detail-select-summary{
	margin:15px 0 5px 0;
}

.detail-select-result{
	width: 100%;
	padding-right: 15px;
	margin-top: 15px;
	text-align: right;
}
.detail-select-btn{
	width: 100%
	height: 50px;
	text-align: right;
	margin-top: 10px;
}
.detail-select-btn img{
	margin-left: 10px;
}
.detail-select-btn img:first-child{
	margin-left: 0;
}
.detail-select-result span.type01{
	font: bold 16px/120% dotum, µ¸À½, ±¼¸², gulim;
	color: #CC0000;
}
.detail-comment{
	width: 715px;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	padding: 30px 30px 20px 30px;
}
.detail-comment h2{
	font: bold 16px/120% dotum, µ¸¿ò, ±¼¸², gulim, arial, sans-serif;
	color: #333333;
}
.subtxt-caution{
	color: #CC0033;
}
.text-area{
	margin-top: 15px;
}
.detail-comment-sendfile{
	margin-top: 15px;
}
.text-area textarea {
	padding: 5px 0 0 4px;
	border: 1px solid #CCCCCC;
	background: #fff;
	color: #777;
	font-size: 12px;
}

Copyright © 2017 || Recoded By Mr.Bumblebee