@charset "utf-8";

*{margin:0; padding:0}
body{font:12px; font-family:'Nanum Gothic','Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Myriad Pro', 'sans-serif'; color:#848484;}
body, input, button, textarea, select{font-family:'Nanum Gothic', '맑은 고딕', '돋움', '​dotum', 'Tahoma', 'arial'; font-size:12px;}

/* layout */
.header .logo-area{width:1068px;height:100px;margin:0 auto;}
.header .top{background:#ddd;width:100%;border-bottom:1px solid #bbb;}
.header .top .top-area{width:1068px;margin:0 auto;height:30px;background:#ddd;}
.footer .footer-quick{background:#ccc;color:#fff;}
.footer-quick{height:35px;border-top:1px solid #999;}

/* reset */
ul,li {list-style:none;}
a{text-decoration:none; color:#58595b;}
address{font-style:normal;}
fieldset{border:0;}
legend{display:none;}
button, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
.center{vertical-align:middle;}
.veralign{vertical-align:sub;}
radio{border:none;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.on{display:block;}
.off{display:none;}
.fwn{font-weight:normal;}
.border-dashed{border-top:1px dashed #d6d6d6;}
.border-bottom1{border-bottom:1px solid #d6d6d6;}
.border-right{border-right:1px solid #d6d6d6;}
.border-left{border-left:1px solid #d6d6d6;}
.dis-inline{display:inline-block;}
.inline-block{display:inline-block;}
.vertical-top{vertical-align:top;}
span{display:inline-block;}
del{margin:0; padding:0;}
.png24 {tmp:expression(setPng24(this));}
.font700{font-weight:700;}
a{color:#333;}
a:hover, a:focus{text-decoration:underline;}
.display-table{display:table;}
.w200{width:200px;}
option[disabled] {color:#ccc}

/*input*/
.input01{height:30px; border:1px solid #dddddd;}
.txt11{font-size:11px;}
.txt14{font-size:14px;}
.txt22{font-size:22px;}
.txt24{font-size:24px;}
.txt26{font-size:26px;}
.text-justify{text-align:justify;}
.text-center{text-align:center !important;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/*color*/
.red{color:#e9473a;}
.red-4f3f3e{color:#4f3f3e;}
.red-ff6666{color:#ff6666;}
.gray{color:#666666;}
.gray333{color:#333;}
.graybbb{color:#bbbbbb;}
.graybaba{color:#bababa;}
.gray-d5d2d2{color:#d5d2d2;}
.brown9933{color:#cc9933;}
.blue394752{color:#394752;}
.blue146fb5{color:#146fb5;}
.orangeff66{color:#ff6600;}
.brown9900{color:#cc9900;}
.green6ab{color:#6abec3;}
.yellow-e2e0c9{color:#e2e0c9;}


/*margin,padding*/
.mgt2{margin-top:2px;}
.mgt3{margin-top:3px;}
.mgt5{margin-top:5px;}
.mgt-3{margin-top:-3px;}
.mgt-5{margin-top:-5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt55{margin-top:55px;}
.mgt60{margin-top:60px;}
.mgt65{margin-top:65px;}
.mgt70{margin-top:70px;}

.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}

.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl35{margin-left:35px;}
.mgl40{margin-left:40px;}
.mgl45{margin-left:45px;}
.mgl50{margin-left:50px;}
.mgl55{margin-left:55px;}
.mgl60{margin-left:60px;}
.mgl65{margin-left:65px;}
.mgl70{margin-left:70px;}
.mgl75{margin-left:75px;}
.mgl90{margin-left:90px;}
.mgl150{margin-left:150px;}
.mgl160{margin-left:160px;}

.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr35{margin-right:35px;}
.mgr40{margin-right:40px;}
.mgr45{margin-right:45px;}
.mgr50{margin-right:50px;}

.pdt0{padding-top:0 !important;}
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt50{padding-top:50px;}
.pdt110{padding-top:110px;}
.pdt120{padding-top:120px;}

.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl45{padding-left:45px;}
.pdl50{padding-left:50px;}

.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}

/* title */
h3.title_line, h2.title_line{border-top: 1px solid #777;border-bottom: 1px solid #dfdfdf;margin-bottom: 15px;clear:both;}
h3.title_line {padding: 10px 0 10px 0;}
h2.title_line {padding: 5px 0 5px 0;}
h1.title_line, h2.title_line, h3.title_line, h4.title_line, h5.title_line{color:#333;}


/**
admin
**/

/*************************intro******************************/

.ad-body{background:#eff0f1;}
.admin-login{width:670px; height:360px; position:absolute; margin:-180px 0 0 -335px; top:50%; left:50%;}
	.ad-login-box{background:url('/resources/admin/images/intro_line.jpg') no-repeat left top #fff; padding:30px 20px; display:inline-block; width:630px; border-bottom:1px solid #dbdbdb;}
	.ad-login-box .ad-login-tbl{width:305px; float:left; padding:35px 25px 24px 0; border-right:1px solid #e6e6e6;}
	.ad-login-box .form-control{width:200px; height:28px;}
	.ad-call{float:left; margin-top:40px; margin-left:25px;}
	
	.ad-notice{background:#fff; text-align:center; padding:7px 0;}
	.ad-copy{background:#3e3e3e; text-align:center; color:#dadada; padding:10px 0;}
	
/***************popup******************/

.popup-notice{letter-spacing:-1px;}
.popup-notice h1{background:#414a68; padding:10px 20px; font-size:12px; color:#fff;}
.popup-notice ul{padding:20px;}
.popup-notice ul li{background:url('/resources/images/product/3depth_blit.png') no-repeat left 5px; padding-left:7px; margin-bottom:10px; font-size:11px; color:#4e4e4e;}
.popup-notice p{background:#e6e6e6; padding:10px 20px; font-size:11px; color:#4e4e4e; font-weight:700;}
.popup-notice ol{padding:10px; margin-bottom:50px; display:inline-block;}
.popup-notice ol li{float:left; background:#eff0f1; padding:10px 18px; border:1px solid #e0e0e0; text-align:center; margin:10px 5px;}
.popup-notice ol li dl .download{font-weight:700; color:#333;}
.popup-notice .close-btn{padding:5px 30px; clear:both; width:30px; margin:0 auto; text-align:center; background:#2d2d2d;}
.popup-notice .close-btn a{color:#fff;}



.app-popup{
	width:750px;
	height:640px;
	background:url('/resources/images/main/popup_background.jpg') no-repeat left top;
	margin:-320px 0 0 -375px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:100000;
	}
.app-popup .pop-close{float:right; margin-right:20px; margin-top:20px;}
.app-popup .sms{margin-top:445px; margin-left:20px; float:left;}
.app-popup .sms label{color:#222;}
.app-popup .sms .form-control{width:20px; height:13px;}
.app-popup .sms span{color:#222;}

.app-popup .qr{margin-top:445px; margin-left:20px; float:left;}
.app-popup .qr .mgt10 p{color:#222; margin:0 20px;}
.app-popup .qr .mgt10 p img{margin-bottom:3px;}




/********************submain*********************************/

.sub-top-banner{width:100%; background:#f2f2f2; margin-top:20px; display:inline-block;}
	.common-content{width:1068px; margin:0 auto;height:100%;}
	.banner-area{position:relative;}
	.banner-area ul{position:absolute; bottom:20px; left:20px;}
	.banner-area ul li{
			float:left;
			background:#fff;
			filter:alpha(opacity=90);
			opacity:.90;
			-webkit-box-shadow:inset 0 1px 1px rgba(167,167,167,1.00),0 0 8px rgba(167,167,167,1.00);
			box-shadow:inset 0px 0px 0px 0px rgba(167,167,167,1.00),3px 2px 8px rgba(167,167,167,1.00); /*앞에 숫자는 좌측안 테두리, 위 테두리, 이너쉐도우, 안쪽테두리, 뒤에숫자는 좌측으로 이동값, 아래측으로 이동값, 번지기값*/
			padding:5px 17px;
			margin-right:1px;
			font-size:12px;
			}
	.banner-area ul li a{color:#303e48;}
	.banner-area ul li a:hover, .banner-area ul li a:focus{color:#ff3333;}
	
	.popular-product-l{width:165px; float:left; margin:33px 30px 0 30px;}
	.popular-product-l span{display:inline-block; font-size:12px;}
	.popular-product-l del{font-size:12px; color:#aca8a7; font-weight:700; margin-top:10px; display:inline-block;}
	.popular-product-l .pay-result{color:#394752; font-weight:700; font-size:24px; margin-bottom:10px;}
	.product-{position:relative;}
	.product- .btn-ss{position:absolute; top:10px; left:10px;}
	
	.small-content{float:left; width:330px;}
	.small-content li{border-bottom:1px solid #d9d9d9; display:inline-block; padding:10px 0;}
	.small-content li:last-child{border-bottom:none;}
	.small-content li dl dt{float:left;}
	.small-content li dl dd{margin-left:90px;}
	
	.common-left{width:176px; border:1px solid #dddddd; min-height:1545px; float:left; height:100%;}
	.common-left .left-2depth{display:inline-block; background:#5c7890; width:100%;}
	.common-left .left-2depth li{border-bottom:1px solid #788fa2;}
	.common-left .left-2depth li:first-child{padding:12px 17px; color:#fff; font-weight:700; font-size:14px; background:none;}
	.common-left .left-2depth li a{display:inline-block; padding:8px 17px; color:#d0d6dc; width:142px; background:url('/resources/images/product/2depth_blit.png') no-repeat 160px 12px;}
	.common-left .left-2depth li a:hover, .common-left ul li a:focus{background:url('/resources/images/product/2depth_blit.png') no-repeat 160px 12px #748ca1; color:#d5dbe1; font-weight:700; text-decoration:none;}
	
	.common-left .left-3depth{display:inline-block; width:100%;}
	.common-left .left-3depth li{border-bottom:1px solid #ddd;}
	.common-left .left-3depth li:first-child{padding:12px 17px; color:#fff; font-weight:700; font-size:14px; background:none; background:url('/resources/images/product/list_3depth_bg.jpg') no-repeat left top;}
	.common-left .left-3depth li a{display:inline-block; padding:7px 17px; color:#666666; width:142px; background:url('/resources/images/product/2depth_blit.png') no-repeat 160px 12px;}
	.common-left .left-3depth li a:hover, .common-left .left-3depth li a:focus{background:url('/resources/images/product/3depth_blit.png') no-repeat 160px 12px #e8f0f6; color:#666; font-weight:700;}
	
	.common-left .form-control{width:63px; height:15px;}
	.common-left .form-control02{width:41px; text-align:right;}
	.common-left form ul{padding:17px; border-bottom:1px solid #ddd;}
	
	.left-story, .left-free-event{padding:17px;}
	.left-story li{border-bottom:1px solid #ddd; padding-bottom:12px;}
	.left-story li:first-child{border-bottom:none; padding-bottom:0;}
	.left-story li:last-child{border-bottom:none; padding-bottom:0;}
	.left-story li dl{margin-top:10px;}
	.left-story li dl dt, .detail-story dl dt{float:left; margin-top:7px; color:#333; position:relative; display:inline-block; margin-right:10px;}
	.left-story li dl dt span, .small-story dt span{position:absolute; top:0; left:0;}
	.left-story li dl dd{margin-left:40px;}
	.left-story li dl dd a{color:#888;}
	.left-story li dl dd a:hover{text-decoration:underline; color:#333;}
	
	
	.left-free-event dt{margin:10px 0;}
	.left-free-event dt img{margin-bottom:10px;}


	.common-right{width:870px; float:right;}
		.common-product{border:1px solid #ddd; padding:13px 16px; display:inline-block; width:836px;}
		.common-product ul li{float:left; width:140px; padding:0 11px;}
		.common-product ul li dl dt{color:#333; font-size:12px; font-weight:700; margin-bottom:10px;}
		.common-product ul li dl dd{margin-bottom:10px;}
		.common-product ul li dl dd img{margin-bottom:10px;}
		
		.recommend-product, .submain-brand{border:1px solid #ddd; margin-top:20px; display:inline-block; width:868px;}
			.recommend-title{height:40px; background:#fcfcfc; border-bottom:1px solid #ddd; width:100%;}
			.recommend-title p{float:left; padding:12px 20px; background:#ff6666; color:#fff; font-weight:700; font-size:12px;}
			.recommend-title span{display:inline-block; margin:15px 10px;}
			.recommend-title ul{float:right; margin:11px 20px 0 0;}
			.recommend-title ul li{float:left;}
			
			.big-content .color-box{text-align:center; padding:5px 0; margin-bottom:5px; font-size:12px; color:#fff; background:#999;}
			.big-content li{padding:20px 38px; width:165px; border-right:1px solid #f2f2f2; float:left;}
			.big-content li dl dt a, .big-content li dl dt span,
			.recommend-product .tab-content .small-content li dl dt a,
			.recommend-product .tab-content .small-content li dl dt span{display:inline-block;}
			.big-content li dl dt a, .tab-content .small-content li dl dt a{position:relative;}
			.big-content li dl dt a img{padding-bottom:10px;}
			.big-content li dl dt span, .tab-content .small-content li dl dt span{position:absolute; top:0; left:0;}
			.big-content li dl dd ins, .tab-content .small-content li dl dd ins{margin:0 3px; font-weight:700;}
			.heart{background:url('../images/common/heart.png') no-repeat left 5px; padding-left:15px; margin:0 2px;}
			.heart-big{background:url('../images/common/heart.png') no-repeat center bottom; padding-bottom:15px; color:#222;}
			.recommend-product .tab-content .small-content li{padding:19px 0; border-bottom:none;}
			.num-blit{background:#ff6600; color:#fff; padding:5px 10px;}
			
			.submain-brand .brand-title{background:url('../images/product/sub_main_brand_bg.jpg') no-repeat left top #fffefe; height:60px; border-bottom:1px solid #ddd;}
			.brand-title ul{margin-left:130px; padding:15px 0;}
			.submain-brand .brand-title ul li a{border:none; padding:0;}
			.submain-brand .brand-title .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:none; border:none;}
			
			.submain-brand .tab-content{background:url('../images/product/sub_main_brand_bg02.jpg') no-repeat left top; display:inline-block; width:100%;}
			.submain-brand .tab-content .small-content{width:100%; margin:0;}
			.submain-brand .tab-content .small-content li{float:left; border-bottom:none; width:248px; height:100px; padding:14px 20px;}
			.submain-brand .tab-content .small-content li dd{margin-left:110px;}
			
		.submain-product{background:url('../images/product/sub_main_product_bg.jpg') no-repeat left center; padding:0; width:868px;}
		.submain-product .submain-product-area li{padding:10px 16px;}
		.submain-product .submain-product-area li dl dt a img{margin-bottom:10px;}
			
			
/*********************sub list**********************************/

.linemap{width:1068px; margin:0 auto; padding:6px 0;}
	.linemap ul li{float:left; background:url('../images/product/blit_linemap.jpg') no-repeat right top; padding:5px 25px 0 15px; height:29px; color:#333333;}
	.linemap ul li:first-child{padding-left:0;}
	.linemap ul li:last-child{background:none;}
	.linemap ul li a{display:inline-block; padding-top:4px;}
	.linemap ul li ul li{background:none;}
	.linemap .dropdown-toggle, .detail-txt .dropdown-toggle{width:15px; height:15px; padding:0; margin-left:3px;}
	.btn-group ul li{padding:0; width:100%; font-size:11px;}
	.btn-group ul li a{display:inline-block; min-width:120px; color:#666666; height:20px;}
	
.category-3depth{border-top:1px solid #5d6870; background:url('/resources/images/product/3depth_bg.jpg') repeat-y left top; display:inline-block; width:100%;}
	.category-3depth ul li{float:left; width:173px; height:29px; margin-left:1px;}
	.category-3depth ul li a{width:158px; height:20px; padding:7px 0 0 15px; display:inline-block; color:#666;}
	.category-3depth ul li a span{color:#999;}
	.category-3depth ul li a:hover, .category-3depth ul li a:focus{background:#f9f9f9; font-weight:700;}
	
.best-seller{border:1px solid #ddd; margin-top:20px; display:inline-block; width:868px; height:234px;}
	.best-seller .nav-tabs{width:157px; float:left; border-right:1px solid #efefef; display:inline-block; height:234px;}
	.best-seller .nav-tabs li{border-bottom:1px solid #efefef;}
	.best-seller .nav-tabs li:last-child{border-bottom:none;}
	.best-seller .nav-tabs li a{border:none; height:20px; color:#999999; display:inline-block; width:126px; margin-top:1px;}
	.best-seller .nav-tabs li a:hover{background:#f9f9f9; margin-top:1px;}
	.best-seller .nav-tabs>li.active>a,.best-seller .nav-tabs>li.active>a:hover,.best-seller .nav-tabs>li.active>a:focus{
		color:#999;
		cursor:default;
		background-color:#f9f9f9;
		border:none;
		height:20px;
		margin-top:1px;
		}
	.best-seller-product ul{margin:40px 20px 25px 20px; display:inline-block; float:left;}
	.best-seller-product ul li{width:100px; float:left; padding:0 6px;}
	.best-seller-product ul li dl dt img{margin-bottom:10px;}
	.best-seller-product ul li dl dd{margin-top:10px;}
	.best-seller-product .best-info{float:left; width:66px; border-left:1px solid #efefef; padding:20px 16px 8px 16px; height:206px;}
	.best-seller-product .best-info p{width:100%;}
	.best-seller-product .best-info .store-txt{margin-top:20px; border-bottom:1px solid #d6d6d6; color:#bbbbbb; height:68px; font-size:11px;}
	
.common-product-tbl{width:100%;}
	.list-info{border:1px solid #e9e9e9; border-bottom:none; display:inline-block; width:868px; padding-bottom:8px;}
	.list-info p{float:left; padding:8px 0 0 10px;}
	.list-info .array-box{float:right; margin:8px 10px 0 0; display:inline-block;}
	.list-info ul{float:left; margin-right:10px;}
	.list-info ul li{float:left; background:url('/resources/images/common/array_box_bg.jpg') no-repeat right 6px; padding:2px 10px;}
	.list-info ul li:last-child{background:none;}
	.list-info .defselect-box{float:left;}
	.list-info .defselect-box .select-control{width:60px; height:20px; padding:0;}
	.list-info.full-list-info{width:100%; border:1px solid #e9e9e9; background:#f9f9f9;}
	
	.common-product-tbl table{width:870px;}
	.common-product-tbl.full-table table{width:100%;}
	.common-product-tbl table tr.tbl-th{background:#f9f9f9; border:1px solid #e9e9e9; height:30px;}
	.common-product-tbl table tr.color-bg{background:#fdfdfd;}
	
	.common-product-tbl table td dl dt{margin-right:10px;}
	
	.full-table table th{background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	.full-table table tr.tbl-th{background:#5c7890; border:1px solid #4e6981; height:30px; color:#fff;}
	.full-table .form-control{width:110px;}
	.common-product-tbl.full-table table td, .common-product-tbl.full-table table th{text-align:left;}
	.common-product-tbl.full-table table th{padding-left:15px;}
	.common-product-tbl.full-table table td label.w150{width:150px; display:inline-block; margin-bottom:5px;}
	
	
	.page-num{width:100%; margin-top:40px; display:inline-block; margin-bottom:20px;}
	.page-num ul{margin:0 auto; width:250px;}
	.page-num ul li{float:left; padding:0 3px;}
	.page-num ul li a{display:inline-block; padding:5px 10px; border:1px solid #ccc;}
	.page-num ul li a:hover{border:1px solid #e9473a; text-decoration:none;}
	.page-num ul li.arrow a{border:none;}
	.page-num ul li.arrow a:hover{border:none; text-decoration:none;}
	
.search-box{border:1px solid #e9e9e9;}
	.search-box p{padding:10px 15px; border-bottom:1px solid #e9e9e9; background:#f8f8f8;}
	.search-box p:last-child{border-bottom:none;}
	.search-box ul{display:inline-block; width:1046px; padding:10px; border-bottom:1px solid #e9e9e9;}
	.search-box ul li{float:left; width:257px; padding:5px 0;}
	
	
/**************************product detail************************************/

.detail-title{border-top:1px solid #e9e9e9; border-bottom:1px solid #ccc; width:100%; padding:10px 0; display:inline-block;}
	.detail-title p{color:#333; font-weight:700; font-size:14px; margin-bottom:10px;}
	.detail-title div{float:left;}
	.detail-title div span{margin-right:5px;}
	.detail-title span{float:right;}
	
.detail-info{
	margin-top:20px;
	width:100%;
	background:url('/resources/images/product/detail_info_bg.jpg') repeat-y left bottom;
	display:inline-block;
	padding-bottom:20px;
	border-bottom:1px solid #999999;
	}
	.detail-{float:left; padding-right:20px; width:320px;}
	.detail- p img{border-radius:10px; border:1px solid #e9e9e9}
	.detail- span{text-align:center; margin:8px 0; width:100%;}
	.detail- .small- li{float:left; padding:0 1px;}
	.detail- .small- li img{border:1px solid #e9e9e9;}
		.detail-satisfaction{clear:both;}
			.satisfaction-num{border-bottom:1px solid #ccc; display:inline-block; width:300px; padding:10px;}
			.detail-satisfaction li{line-height:20px;}
			
	.detail-txt{float:left; width:438px; padding:0 20px;}
		.detail-txt table{width:100%;}
		.detail-txt table th{color:#333; text-align:left;}
		.detail-txt table td{padding:5px 0 5px 5px;}
		.detail-txt table .border-tr{border-bottom:1px solid #f6f6f6;}
		.detail-txt .select-control{width:100%; height:25px; padding:3px;}
		.detail-txt .form-control01{width:98%; height:16px; padding:3px; border:1px solid #ccc}
		.detail-txt .form-control02{width:20px; height:7px; padding:5px; text-align:right; margin-right:3px;}
		
		.detail-buy .detail-pay{width:413px; border-top:2px solid #000; background:#f5f5f5; display:inline-block; padding:10px;}
		.detail-buy ul{margin-top:15px;}
		.detail-buy ul li{float:left; width:60px; text-align:center; margin:0 24px;}
		.detail-buy ul li a{color:#333; font-weight:700; font-size:11px;}
		
	.detail-cummunity{float:left; width:250px;}
		.detail-cummunity div{border-bottom:1px solid #f4f4f4; padding-bottom:15px;}
		.detail-cummunity div:last-child{border-bottom:none;}
		.detail-cummunity .cummunity-title{background:#ebeeee; padding:8px 0 8px 15px; font-weight:700; margin-bottom:5px; color:#333;}
		.detail-cummunity .small-content{width:210px;}
		.detail-cummunity .small-content li{border-bottom:none; padding:4px 0;}
		.detail-story{width:230px; min-height:100px; padding-left:15px; display:table;}
		.detail-story dl{clear:both; font-size:11px; margin-left:0;}
		.detail-story dl dt{margin-top:0; position:relative;}
		.detail-story .time{background:url('/resources/images/product/icon_clock.jpg') no-repeat left 11px; padding:8px 0 0 15px;}
		.detail-story .png24{position:absolute; top:0; left:0;}
		.detail-story li{width:165px;}
		.detail-cummunity .relation-product .cummunity-title, .detail-cummunity .relation-product ul{padding-left:15px;}
		
		.{
			background:url('/resources/images/product/bubble.jpg') no-repeat left top;
			clear:both;
			margin-top:10px;
			padding:15px 10px 0 10px;
			margin-right:10px;
			font-size:11px;
			height:60px;
			}
		. a{color:#888;}
		.blank-wrap{display:table; width:250px; min-height:230px;}
		.blank-box{display:table-cell; vertical-align:middle;}
		.ready{background:url('/resources/images/product/icon_ready2.jpg') no-repeat center center;}
		.ready2{background:url('/resources/images/product/icon_ready3.jpg') no-repeat center center;}
		.btn-recom {width:222px}
		
.comparison-box{margin-top:10px; clear:both; border:1px solid #ddd; display:inline-block; width:1066px;}
	.row-price{float:left; width:340px;}
	.comparison-box .price-title{background:#f0f3f3; padding:14px 20px; border-bottom:1px solid #ddd; height:12px;}
	.row-price dl{padding:20px 15px; display:inline-block; width:310px; font-size:11px;}
	.row-price dl dt{float:left; margin-right:10px;}
	.row-price dl dd{line-height:18px;}
	
	.price-comparison{float:left; width:725px; border-left:1px solid #ddd;}
	.price-comparison ul li{padding-left:20px; line-height:30px; border-bottom:1px solid #e9e9e9; font-size:11px;}
	.price-comparison ul li:hover{background:#f1f4f4;}
	.price-comparison ul li:last-child{border-bottom:none;}
	.price-comparison .goods-list a:hover{text-decoration:none;}
	.price-comparison ul li .store{width:380px;}
	.price-comparison ul li .delivery{width:55px; text-align:center;}
	.price-comparison ul li .price{width:70px; text-align:right;}
	.price-comparison ul li .comparison{background:url('/resources/images/product/blit_price_td.png') no-repeat right 12px; width:170px; padding-left:10px;}
	.price-comparison ul li .comparison .row{background:url('/resources/images/product/blit_rowprice.png') no-repeat left 12px; padding-left:13px; color:#e62022; font-weight:700;}
	.price-comparison ul li .comparison .now{background:url('/resources/images/product/blit_nowprice.png') no-repeat left 10px; padding-left:13px; color:#333; font-weight:700;}
	.comparison-map{width:1041px; border-top:1px solid #ddd; clear:both; text-align:right; padding:10px 25px 10px 0; background:url('/resources/images/product/blit_price_td.png') no-repeat 1050px 15px;}
	.comparison-map a:hover{text-decoration:underline;}
	
.detail-common-tab{width:1066px; background:#f7f7f7; border:1px solid #ddd; margin-top:25px; display:inline-block; border-bottom:1px solid #4b4b4b;}
	.detail-common-tab li{float:left; border-right:1px solid #ddd; height:30px;}
	.detail-common-tab li a{display:inline-block; padding:7px 20px; text-align:center; color:#999999;}
	.detail-common-tab li a:hover, .detail-common-tab li a.on{background:#4b4b4b; color:#fff; height:17px;}
	
.detail-area .common-tbl, .info-area .common-tbl, .info-box, .seller-area .common-tbl, .exchange-area .common-tbl{border:1px solid #ddd; margin-top:20px;}
.detail-area .common-tbl th, .info-area .common-tbl th, .seller-area .common-tbl th, .exchange-area .common-tbl th{height:30px;}
	.goods-area{text-align:center; width:1068px;}
	
.txt-box{display:inline-block; width:100%; margin:25px 0;}
.nomal-tbl{width:100%;}
	.nomal-tbl .color-tr{background:#f7f7f7; border:1px solid #e9e9e9;}
	.nomal-tbl th{height:30px; color:#666666;}
	.nomal-tbl td{text-align:center; padding:10px 0; border-bottom:1px solid #e9e9e9;}
	.nomal-tbl td dl{text-align:left;}
	.nomal-tbl td dl dt{float:left; margin-right:10px;}
	.nomal-tbl td dl dd .btn-story{display:inline-block; background:url('/resources/images/product/detail_blit_story.jpg') no-repeat left 3px; padding-left:13px; margin-left:10px; color:#6fa6a9;}

.panel-default .qna-header{background:#f7f7f7; border:1px solid #e9e9e9;}
.panel-default .qna-header li{color:#333;}
.panel-default ul{display:inline-block; height:30px; width:1066px;}
.panel-default ul li{float:left; padding:7px 0; text-align:center;}
.panel-default .answer-area, .panel-default .written-area, .panel-default .date-area{width:105px;}
.panel-default .inquiry-area{width:750px;}
.panel-default ul li.panel-title{text-align:left; background:url('/resources/images/product/qna_q_bg.jpg') no-repeat left 8px; padding-left:18px; width:732px;}
	.panel-heading li{color:#848484;}
	.panel-body .qna-a{background:url('/resources/images/product/qna_a_bg.jpg') no-repeat 105px 23px; padding:20px 0 20px 120px;}
	
.paginate{display:inline-block;}
.paginate a,
.paginate strong{display:inline-block; margin-right:-4px; padding:2px 8px 2px 7px; background:#fff; font-weight:bold; color:#313031; line-height:15px; text-decoration:none !important}
.paginate strong{color:#ff6666}
.paginate a:hover{background:#F7F7F7; color:#000}
.paginate a.pre{padding-left:16px; background:url('/resources/images/common/bu_pg1_l1.jpg') no-repeat 8px 7px !important; border:0; font-weight:normal}
.paginate a.next{padding-right:16px; background:url('/resources/images/common/bu_pg1_l2.jpg') no-repeat 37px 7px !important; font-weight:normal}

.info-box{display:inline-block; margin-top:10px; width:1066px;}
	.info-box li{padding:10px; border-bottom:1px solid #ddd;}
	.info-box li:last-child{border-bottom:none;}
	.info-box .color-li{background:#f7f7f7; color:#666; font-weight:700;}

.exchange-area .common-tbl ul li{background:url('/resources/images/common/footer-blit.jpg') no-repeat left 9px; padding-left:7px; line-height:20px;}





/*******************************판매베스트메인**********************************/

.best-category{margin-top:15px;}
	.best-category .best-2depth{width:100%; background:#d7d1cf; display:inline-block;}
	.best-category .best-2depth li{float:left; border-right:1px solid #e1dddb;}
	.best-category .best-2depth li:last-child{border-right:none;}
	.best-category .best-2depth li a{color:#fff; padding:8px 0; display:inline-block; text-align:center; width:96px;}
	.best-category .best-2depth li a:hover, .best-category .best-2depth li a:focus{background:#412f2d; text-decoration:none;}
	
	.best-category .best-3depth{background:url('/resources/images/product/sell_best_category_bg.jpg') no-repeat left bottom; display:inline-block; width:1068px;}
	.best-category .best-3depth li{float:left;}
	.best-category .best-3depth li a{display:inline-block; width:193px; height:20px; padding:5px 0px 5px 20px; color:#888888;}
	.best-category .best-3depth li a:hover, .best-category .best-3depth li a:focus{text-decoration:underline; color:#333;}
	
.recommend-best{margin-top:30px;}
	.recommend-best .detail-story{border:1px solid #ddd; width:1066px; padding-left:0; display:inline-block;}
	.recommend-best .detail-story li{padding:20px 23px; border-right:1px solid #e9e9e9; margin-right:0; float:left;}
	.recommend-best .detail-story li:last-child{border-right:none;}
	.recommend-best .detail-story li dl{margin-bottom:10px;}
	.recommend-best .detail-story li div p a img{margin-bottom:10px;}
	
.best-product50{margin-top:30px;}
.best-product50.no-mg{margin:0;}
	.best-product50 p{font-weight:700; color:#333; font-size:14px;}
	.best-product50 .big-content{
		border-top:1px solid #e9e9e9;
		display:inline-block;
		width:1068px;
		margin-top:10px;
		background:url('/resources/images/product/sell_best_bg.jpg') repeat-y left top;
		}
	.best-product50 .big-content .best10, .best-product50 .big-content .best50{
		width:43px;
		height:37px;
		color:#fff;
		font-size:10px;
		padding-top:15px;
		padding-left:8px;
		font-weight:700;
		}
	.best-product50 .big-content .best10{background:url('/resources/images/product/icon_best_01.png') no-repeat left top;}
	.best-product50 .big-content .best50{background:url('/resources/images/product/icon_best_02.png') no-repeat left top;}
	.best-product50 .big-content li{padding:24px; border-right:none; border-bottom:1px solid #e9e9e9;}
	.best-product50 .big-content li dl dt a:hover{text-decoration:underline;}
	
	.half-title{width:100%; display:inline-block; margin-top:50px;}
	.half-icon, .only-icon{
		float:left;
		width:55px;
		height:33px;
		margin-top:13px;
		margin-right:10px;
		text-align:center;
		font-size:11px;
		color:#fff;
		font-weight:700;
		}
	.half-icon{background:url('/resources/images/product/half_icon.jpg') no-repeat left top;}
	.only-icon{background:url('/resources/images/product/half_icon01.jpg') no-repeat left top;}
	.best-product50 .big-content .low-price{font-size:11px; letter-spacing:-1px;}
	.best-product50 .big-content .click-info{border-top:1px solid #e9e9e9; font-size:11px; margin-top:20px; padding-top:20px; color:#888;}
	.best-product50 .big-content .click-info span{line-height:20px;}



	
/***************member***********************/


/* join */
.join.logo-area {border:1px solid #dfdfdf;border-width:1px 0 1px 0;height:75px !important;margin-bottom:30px !important;margin-top:30px !important;}
.join.logo-area h1{margin-right:10px;padding-top:20px;display:inline-block;vertical-align:middle;}
.join.logo-area span{margin-top:15px; display: inline-block; vertical-align: middle;font-size:18px;}
.join.logo-area span img{height:20px;}


.container{width:1068px; margin:0 auto;}
	.common-title-area{margin-top:50px; display:inline-block; width:100%;}
	.title{float:left;width:100%;}
	.step-area{float:right;}
	.step-area li{float:left; border-right:1px solid #eaeaea;}
	.step-area li:last-child{border-right:none;}
	.step-area li a{display:inline-block; width:133px; height:85px;}
	
	.join-content{}
	.join-content .border-box{min-height:256px;}
	.border-box{width:525px; border:1px solid #e9e9e9;}
	.joincheck-area{font-size:12px; color:#666666;}
	.joincheck-area input{height:15px; border:1px solid #d2d2d2; width:70px; padding:5px;}
	.joincheck-area button{margin-left:5px;}
	
	
	/**
	agree
	**/
	.agree-area{border:1px solid #e9e9e9; display:inline-block;}
		.agree-area input, .agree-chaeck02 input{vertical-align:middle;}
		.agree-area01{width:355px; border-right:1px solid #e9e9e9; float:left; width:354px\9;}
		.agree-area01:last-child{border-right:none;width:354px;}
		.agree-title{background:#f2f2f2; padding:13px 15px; font-weight:700; color:#666666;}
		.agree-txt{border-bottom:1px solid #e9e9e9; padding:10px}
		.agree-area01 .form-control{height:170px; width:310px;}
		.agree-chaeck{padding:10px 15px;}
	.agree-chaeck02{padding:10px 15px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
	.agree-chaeck02 strong{font-weight:700; color:#000;}
	
	.join-tbl{width:100%; border:1px solid #e9e9e9;}
	.join-tbl th{background:#f8f8f8;font-size:12px;}
	.join-tbl td{font-size:12px; color:#666;}
	.join-tbl td button{vertical-align:middle; margin:0 5px;}
	.join-tbl td .form-control{border:1px solid #d2d2d2; vertical-align:middle; width:130px;}
	.join-tbl td .form-control02{width:40px;}
	.join-tbl td .form-control03{width:400px;}
	.join-tbl td .select-control{width:180px; height:25px;}
	.join-tbl th, .join-tbl td{text-align:left; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:40px; padding:0 15px;}
	
	
	/**
	log in
	**/
	.login-box{margin:0 auto; width:700px; padding:50px 70px; border:1px solid #e9e9e9;}
		.login-area{width:322px; margin-top:30px; display:inline-block;}
		.login-area .form-control{width:210px;}
		.login-tbl td{padding:2px 0;}
		.login-join-btn{margin-top:20px;}
		.login-join-btn a{background:url('/resources/images/member/login_join_bg.jpg') no-repeat left 8px; display:inline-block; float:right; padding:5px 0 0 25px; color:#000; font-weight:700; font-size:12px;}
		
		.modal-login .text-left .login-area .border-bottom1 a{padding-left:0;}
		
	/**
	판매수수료 팝업
	**/
	.modal-body .common-modal-tbl{border-top:2px solid #3a3d42; border-bottom:2px solid #3a3d42; font-size:11px; width:100%;}
	.modal-body .common-modal-tbl th{background:#f7f7f7; text-align:center; padding:10px 5px; color:#333; border-bottom:1px solid #ddd;}
	.modal-body .common-modal-tbl td{padding:10px 5px; color:#8c8c8c; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	.modal-body .common-modal-tbl td:last-child{border-right:none;}
	.modal-body .common-modal-tbl td.border-right{border-right:1px solid #ddd;}
	.modal-body .common-modal-tbl td.text-right, .modal-body .order-info-tbl .common-modal-tbl td.text-right{text-align:right; padding-right:10px;}
	.modal-body .common-modal-tbl td.text-center{text-align:center;}

	/* 20161005 추가 */
	.modal-body .form-control.hpchange{width:80px;}
	
	/**
	주문상세정보 팝업
	**/
	.modal-body .order-info-tbl{margin-top:30px;}
	.modal-body .order-info-tbl .common-modal-tbl{width:390px;}
	.modal-body .order-info-tbl .common-modal-tbl th, .modal-body .order-info-tbl .common-modal-tbl td{text-align:left; padding:10px 10px;}
	.modal-body .table-in .common-modal-tbl .no-pd{padding:0; border-bottom:1px solid #333;}
	.modal-body .table-in .common-modal-tbl .no-pd .table-sm{border-collapse:collapse; border-spacing:0; width:100%;}
	
		
		
/***************cart*********************/

.cart-tbl{width:100%; border:1px solid #ddd;}
	.cart-tbl th{background:#f8f8f8; border-right:1px solid #ddd; height:30px; border-bottom:1px solid #666; color:#666;}
	.cart-tbl td, .common-product-tbl table td{text-align:center; padding:7px 10px; border-bottom:1px solid #ddd;}
	.cart-tbl td dl, .common-product-tbl table td dl{text-align:left;}
	.cart-tbl td dl dt, .common-product-tbl table td dt{float:left;}
	.cart-tbl td dl dd{margin-left:90px;}
	.cart-tbl td dl dd a:hover{text-decoration:underline;}
	.cart-tbl td .form-control{width:25px; height:8px; padding:5px; margin-right:3px;}
	.cart-tbl td .select-control{width:75px; height:30px; font-size:11px;}
	
.cart-sum01{background:url('/resources/images/cart/sum_bg01.jpg') no-repeat left top; margin-top:10px;}
	.cart-sum01 table{width:100%; border-top:1px solid #e9e9e9;}
	.cart-sum01 table th{height:30px;}
	.cart-sum01 table td{text-align:center; height:68px; font-size:22px; font-weight:700;}
	.cart-sum01 table td.text-left{text-align:left; padding-left:10px;}
	
.btn-area{margin-top:20px; height:30px;}

.favorite-area{margin-top:30px; border:1px solid #ddd; width:100%; display:inline-block; background:url('/resources/images/cart/favorite_bg02.jpg') no-repeat left top;}
	.favorite-area p{float:left; height:430px; width:115px; padding:30px 20px;}
	.favorite-area .big-content li{float:left; text-align:center; width:176px; text-align:center; padding:15px 26px; border-right:none;}
	.favorite-area .big-content li > dl{text-align:left;}
	.favorite-area .big-content .small-story{text-align:left;}
	.favorite-area .big-content .small-story dd{margin-left:40px; margin-top:0;}
	
	
.cart-input, .common-tbl{width:100%; border-top:2px solid #3a3d42; border-bottom:2px solid #3a3d42;}
	.cart-input th, .common-tbl th{background:#f7f7f7; text-align:left; padding-left:15px; height:40px;}
	.cart-input td, .common-tbl td{padding:5px 10px;}
	.cart-input .form-control{width:200px;}
	.cart-input .form-control02{width:70px;}
	.cart-input .form-control03{width:350px;}
	.cart-input .textarea-control{width:600px;}
	
.common-tbl th, .common-tbl td{border-bottom:1px solid #ddd;}
	
.cart-sum02{margin-top:30px;}
	.cart-sum02 table{background:url('/resources/images/cart/sum_bg02.jpg') no-repeat left top; border-top:2px solid #333333; width:100%;}
	.cart-sum02 table th{height:40px; text-align:left; padding:0 10px; border-bottom:1px solid #ddd;}
	.cart-sum02 table td{text-align:center; padding:5px 0; border-bottom:1px solid #ddd;}
	.cart-sum02 table td ol li{padding:5px 0;}
	.pay{font-size:14px; font-weight:700; font-family:'Arial', "Helvetica Neue";}
	.cart-sum02 table .form-control02{width:70px;}
	.pay-result{font-size:22px; font-weight:700; font-family:'tahoma', 'Arial';}
	
.non-member-input .form-control{width:90px;}
.non-member-input .form-control02{width:25px;}
.non-member-input ol{border-bottom:1px solid #ddd; display:inline-block;}
.non-member-input li{padding:3px 0; color:#333;}
.non-member-input li span{display:inline-block; padding-bottom:3px;}
.non-member-input .nonmember-join{margin-top:10px; background:url('/resources/images/cart/join_blit.jpg') no-repeat 80px 3px; }
.non-member-input .nonmember-join a{color:#ff6600; font-weight:700; text-decoration:underline;}

.cart-sum03 table{background:url('/resources/images/cart/sum_bg03.jpg') no-repeat left top; border-top:2px solid #333333; width:100%;}
.cart-sum03 table th{height:38px; text-align:left; padding:0 10px; border-bottom:1px solid #ddd;}
.cart-sum03 table td{text-align:center; padding:8px 0; border-bottom:1px solid #ddd;}
.cart-sum03 table td ol li{padding:8px 0;}
.pay-result{font-size:22px; font-weight:700;}

.cart-step3-ment{border:1px solid #ddd; background:#f8f8f8; text-align:center; margin-top:30px; padding:40px 0;}



/*******************************my page********************************************/

.mypage-info{width:1060px; border:4px solid #e9473a; display:inline-block; margin-bottom:20px;}
	.info-left{width:123px; background:#f6f6f6; padding:25px; font-size:11px; letter-spacing:-1px; border-right:1px solid #ccc; float:left;}
	.info-btn{background:url('../images/mypage/common_btn_bg.jpg') no-repeat left top; text-align:right; height:14px; padding:2px 10px; margin-bottom:4px;}
	.info-btn a{color:#666;}
	
	.info-date{display:inline-block; padding-top:20px; border-top:1px dashed #dcdcdc; margin-top:20px;}
	.info-date li{color:#999; line-height:16px;}
	
	.info-right{float:left;}
		.mypage-story{width:320px; padding:25px 30px;; float:left;}
		.mypage-story ul.info{display:inline-block;}
		.mypage-story ul.info li{line-height:20px;}
		.story-title{display:inline-block; width:320px;}
			.story-title .fr .edit{background:url('../images/mypage/line.jpg') no-repeat right top; padding-right:10px;}
			.story-title .fr .txt11{background:url('../images/mypage/blit_arrow.jpg') no-repeat right 5px; padding-right:10px; margin-left:10px;}
			.story-title .fr .txt11 a{color:#999;}
		.info-right dl{clear:both; }
		.info-right dl dt{float:left; margin-right:15px; height:135px;}
		.info-right dl dd span{display:inline-block;}
		.cart{background:url('../images/mypage/blit_cart.jpg') no-repeat left 3px; padding-left:13px;}
		.cart-big{background:url('/resources/images/mypage/blit_cart.jpg') no-repeat center bottom; padding-bottom:15px; color:#222;}
		
		.mypage-point{float:left; padding:25px 20px 18px 25px; border-left:1px solid #e9e9e9;}
		.gragh-area{margin-top:20px; display:inline-block;}
			.gragh-area p{float:left;}
			.gragh-area .percent-area{float:right; width:345px; margin-left:50px;}
			.percent-full{background:url('../images/mypage/bg_100.jpg') repeat-x left bottom; height:42px;}
			.percent{text-align:right;}
			.percent-20{width:20%;}
			.percent-40{width:40%;}
			.percent-60{width:60%;}
			.percent-65{width:65%;}
			.percent-80{width:80%;}
			.percent-98{width:98% !important;}
			.percent-100{width:100%;}
			.percent span{background:url('../images/mypage/blit_lank.jpg') no-repeat 50% bottom; padding-bottom:5px; font-size:11px; color:#d7904a; font-weight:700;}
			.percent .percent-bar{width:100%; background:#ea9957; height:16px; margin-top:7px;}
		.point-area{clear:both; width:345px; height:67px; margin-top:15px; margin-left:100px;}
		.point-area ul{float:left; border-right:1px solid #e5e5e5;}
		.point-area ul:last-child{border-right:none;}
		.point-area ul li{text-align:center; margin:0px 32px; line-height:20px;}
		.mypage-order{border-top:1px solid #ccc; background:url('../images/mypage/order_info.png') no-repeat 36px top; clear:both; height:87px; padding-left:130px; width:756px;}
		.mypage-order ul{float:left; margin:15px 10px; border-right:1px solid #e5e5e5; padding:0 30px 0 10px; height:50px;}
		.mypage-order ul:last-child{border-right:none;}
		.mypage-order ul li{text-align:center; font-size:14px; color:#ff6666; margin-top:6px; font-weight:700;}
		.order-info{width:60px;}
		.order-info li span{font-size:11px; color:#666;}
		
.mypage-left{border:1px solid #ccc; background:#f3f3f3; width:174px; float:left; padding:20px 0px;min-height:380px;}
	.mypage-left li{margin:5px 0; padding:0 20px;}
	.mypage-left li a{padding-left:28px; color:#666; font-size:11px;}
	.mypage-left li a.on{text-decoration:underline;}
	.mypage-left li.first{padding-top:20px; border-top:1px solid #ddd; margin-top:20px;}

.date-search-area{display:inline-block; width:100%; margin-top:20px;}	
	.date-search-area .date-search .form-control{width:80px;}	
	.date-search-area .date-search a{display:inline-block;}
	.date-search-area strong{margin-top:-20px;}
	
.common-product-tbl	.dropdown-toggle{width:15px; height:15px; padding:0; margin-left:2px;}
.common-product-tbl .text-left{text-align:left;}
.common-product-tbl .btn-area{text-align:right;}
	.text-left a{font-size:11px; padding-left:22px; color:#666;}
	.text-left .sell-inquiry{background:url('/resources/images/mypage/icon_inquiry.jpg') no-repeat 5px 3px; margin-top:3px;}


/**
문의하기
**/	
.common-title{display:inline-block; width:100%;}
	.common-right .select-control{width:80px; height:25px; padding:3px 5px; font-size:11px;}
	
	.inquiry-tbl td dl dt{float:left; height:80px;}
	
	.inquiry-tbl .panel-group{margin-bottom:0;}
	.inquiry-tbl .panel:last-child{border-bottom:none;}
	.inquiry-tbl .panel-default ul{display:inline-block; height:45px; width:100%;}
	.inquiry-tbl .panel-default ul li{float:left; padding:7px 0;}
	.inquiry-tbl .panel-default ul li.panel-title{text-align:left; background:url('/resources/images/product/qna_q_bg.jpg') no-repeat left 12px; padding-left:18px; width:89%;}
	.inquiry-tbl .panel-default ul li.panel-title span{font-size:11px; color:#999;}
	.inquiry-tbl .panel-heading .red{color:#e9473a;}
	.inquiry-tbl .panel-body .qna-a{background:url('/resources/images/product/qna_a_bg.jpg') no-repeat left 23px; padding:20px 0 20px 20px; text-align:left;}
	
/**
미작성상품평
**/
	.common-product-tbl table td.product-info{border-right:1px solid #e9e9e9;}
	.common-product-tbl table td.product-info dl dt{height:90px;}
	.common-product-tbl .textarea-control{width:570px;}
	
	
/**
내가쓴상품평
**/
	.postscript-txt{border:1px solid #e5e5e5; background:#f3f3f3; padding:20px; margin-top:20px; font-size:11px;}
	
/**
나의포인트내역
**/
	.mypoint-area{margin-top:20px;}
	.mypoint-area .nav-tabs{border:1px solid #ddd; border-bottom:1px solid #4b4b4b; background:#f7f7f7; height:30px;}
	.mypoint-area .nav-tabs li{border-right:1px solid #dddddd;}
	.mypoint-area .nav-tabs li a{border:none; height:20px; color:#999999; display:inline-block; margin:0; font-weight:700;}
	.mypoint-area .nav-tabs li a span{color:#d7904a;}
	.mypoint-area .nav-tabs li a:hover{background:#4b4b4b; margin:0; color:#fff; font-weight:700;}
	.mypoint-area .nav-tabs li a:hover span{color:#e2e0c9;}
	.mypoint-area .nav-tabs>li.active>a,.mypoint-area .nav-tabs>li.active>a:hover,.mypoint-area .nav-tabs>li.active>a:focus{
		color:#fff;
		cursor:default;
		background-color:#4b4b4b;
		border:none;
		height:20px;
		font-weight:700;
		}
	.mypoint-area .nav-tabs>li.active>a span,.mypoint-area .nav-tabs>li.active>a:hover span,.mypoint-area .nav-tabs>li.active>a:focus span{color:#e2e0c9;}
	
	.common-smtab{display:inline-block;}
	.common-smtab li{float:left; padding-right:10px; margin:0 10px; background:url('/resources/images/mypage/line.jpg') no-repeat right 5px;}
	.common-smtab li:first-child{margin:0;}
	.common-smtab li:last-child{background:none; padding-right:0;}
	.common-smtab li a{font-size:11px; color:#666;}
	.tab-content .common-product-tbl td{padding:12px 0; font-size:11px;}
	
/**
공지사항
**/
.common-title .form-control{width:100px;}
.notice table td{font-size:11px; padding:12px 5px;}
.nomal{color:#666;}
.event{color:#cc9933;}
.winner{color:#ff9966;}
.system{color:#7da5a9;}

.board-header{border-bottom:1px solid #e9e9e9; display:inline-block; width:100%;}
	.board-header .view-title{background:#f3f3f3; padding:10px; font-weight:700; color:#333;}
	.board-header .write-info{float:right;}
	.board-header .write-info li{float:left; padding:10px 15px; font-size:11px;}
	
	.board-txt{padding:30px 20px; border-bottom:1px solid #e9e9e9; color:#666;}
	
	.board-list li{padding:10px; border-bottom:1px solid #e9e9e9;}
	.board-list li:hover{background:#f7f7f7;}
	.board-list li a:hover{text-decoration:none;}
	.board-list li a span{padding-left:13px;}
	.board-list li a .list-prev{background:url('/resources/images/mypage/arrow_top.jpg') no-repeat left 5px;}
	.board-list li a .list-next{background:url('/resources/images/mypage/arrow_down.jpg') no-repeat left 7px;}
	.board-list li a .list-letter{font-weight:700;}
	
/**
1:1문의하기
**/

.common-right .cart-input th, .common-right .cart-input td, .modal-body .cart-input th, .modal-body .cart-input td{border-bottom:1px solid #ddd;}

/**
판매자에게문의하기팝업
**/
.modal-body .cart-input .select-control{width:30%;}
.modal-body .cart-input td{text-align:left;}
.modal-body .cart-input .form-control03{width:80%; text-align:left; height:15px;}
.modal-body .cart-input .textarea-control{width:90%;}

/**
쇼핑스토리
**/
.sm_dl{float:left; padding:10px 0; margin-right:20px;}
.sm_dl dt{float:left; padding-top:5px;}
.sm_dl dd{margin-left:40px; margin-top:-8px;}

.up_bg{background:url('/resources/images/mypage/blit_up.jpg') no-repeat left 18px; color:#F00; padding-left:12px;}
.story-search .form-control{width:150px;}
.story-search .form-control02{width:100px;}



/***************************************************************무료컴프**************************************************************************/

/**
진행컴프
**/

.common-cump-top{margin-bottom:20px; display:inline-block; width:100%;}
	.cump-visual{margin-top:30px; border-bottom:1px solid #e9e9e9; width:100%;}
	.cump-top{background:url('/resources/images/cump/sample.jpg') no-repeat right bottom; display:inline-block; float:left; width:802px;}
	.cump-tab li{float:left;}
	.cump-tab li a{display:inline-block; width:101px; height:38px;}
	.cump-tab .cump01 a{background:url('/resources/images/cump/tab01_off.jpg') no-repeat left top;}
	.cump-tab .cump01 a:hover, .cump-tab .cump01 a.on{background:url('/resources/images/cump/tab01_on.jpg') no-repeat left top;}
	.cump-tab .cump02 a{background:url('/resources/images/cump/tab02_off.jpg') no-repeat left top;}
	.cump-tab .cump02 a:hover, .cump-tab .cump02 a.on{background:url('/resources/images/cump/tab02_on.jpg') no-repeat left top;}
	.cump-tab .cump03 a{background:url('/resources/images/cump/tab03_off.jpg') no-repeat left top;}
	.cump-tab .cump03 a:hover, .cump-tab .cump03 a.on{background:url('/resources/images/cump/tab03_on.jpg') no-repeat left top;}
	.cump-tab .cump04 a{background:url('/resources/images/cump/tab04_off.jpg') no-repeat left top;}
	.cump-tab .cump04 a:hover, .cump-tab .cump04 a.on{background:url('/resources/images/cump/tab04_on.jpg') no-repeat left top;}
	.cump-tab .cump05 a{background:url('/resources/images/cump/tab05_off.jpg') no-repeat left top;}
	.cump-tab .cump05 a:hover, .cump-tab .cump05 a.on{background:url('/resources/images/cump/tab05_on.jpg') no-repeat left top;}
	.cump-tab .cump06 a{background:url('/resources/images/cump/tab06_off.jpg') no-repeat left top;}
	.cump-tab .cump06 a:hover, .cump-tab .cump06 a.on{background:url('/resources/images/cump/tab06_on.jpg') no-repeat left top;}
	.cump-tab .cump07 a{background:url('/resources/images/cump/tab07_off.jpg') no-repeat left top;}
	.cump-tab .cump07 a:hover, .cump-tab .cump07 a.on{background:url('/resources/images/cump/tab07_on.jpg') no-repeat left top;}
	
	.cump-txt{clear:both; margin-top:20px; display:inline-block; float:left; height:50px;}
	.cump-txt li{background:url('/resources/images/product/blit_price_td.png') no-repeat left 5px; padding-left:7px; line-height:16px; font-size:11px; color:#a9a9a9;}
	
	.cump-free{float:right; margin-right:17px; margin-top:14px;}

.cump-left{width:802px; float:left;}
	.cump-list-area{background:url('/resources/images/cump/cump_list_bg.jpg') no-repeat left top; display:inline-block; width:802px; height:468px; margin-bottom:10px;}
		.cump-list-area .big-content li{border-right:none; width:266px; padding:0;}
		.cump-list-area .big-content li dl{width:134px; padding:32px 33px 0 33px;}
		.cump-list-area .big-content li dl dt a{width:200px;}
		.cump-list-area .big-content li dl dt a span{width:70px; height:70px;}
		.cump-list-area .big-content li dl dt a span.label-entry{background:url('/resources/images/cump/label_entry.png') no-repeat left top;}
		.cump-list-area .big-content li dl dt a span.label-appoint{background:url('/resources/images/cump/label_appoint.png') no-repeat left top;}
		.cump-list-area .big-content li dl dd{width:200px; display:inline-block;}
		.cump-list-area .big-content .pay-result, .left-free-event .pay-result{background:url('/resources/images/cump/won_bg.jpg') no-repeat left 6px; padding-left:23px;}
		.cump-list-area .big-content li .probability{padding:16px 8px; border-top:1px solid #ddd; margin:0 18px;}
		
.cump-right{width:256px; float:right;}
	.cump-talk .left-story, .cump-rank .lank-list{border:1px solid #e9e9e9; margin-top:15px; padding:0; display:inline-block; width:254px;}
	.cump-talk .left-story li{padding:0px 10px 10px 10px; border-bottom:1px solid #f2f2f2; margin:0 10px;}
	.cump-talk .left-story li:last-child{border-bottom:none;}
	.cump-talk .left-story li dl dd{font-size:11px; letter-spacing:-1px; text-align:justify;}
	.cump-talk .left-story li dl dd strong{color:#333;}
	
	.cump-talk .talk-reply{margin-top:20px;}
	.cump-talk .talk-reply .textarea-control{width:234px; background:#f9f9f9;}
	
	.cump-rank .lank-list>li{margin:0 10px; display:inline-block; border-bottom:1px solid #f2f2f2; width:234px; padding:10px 0;}
	.cump-rank .lank-list>li:last-child{border-bottom:none;}
	.cump-rank .lank-list .cump-rank-num{margin:10px 0 0 5px; font-weight:700; color:#ff3333; width:15px; text-align:center; float:left;}
	.cump-rank .lank-list .left-story{float:left; padding:0; margin-left:5px; border-bottom:none;}
	.cump-rank .lank-list .left-story li{padding:0; margin:0px; width:140px;}
	.cump-rank .lank-list .left-story li dl{padding:0; margin:0;}
	.cump-rank .lank-list .left-story li dt{margin-top:0;}
	.cump-rank .lank-list li .lank-info{font-size:11px; float:right; text-align:right; margin-right:5px;}
	
	/**
	무료컴프 당첨자확인 팝업
	**/
	.cump-free-winner{width:100%;}
		.cump-free-winner li{padding:10px; border-bottom:1px solid #f2f2f2; text-align:left;}
		.cump-free-winner li span{vertical-align:middle;}
		.cump-free-winner .modal-profile{position:relative;}
		.cump-free-winner .modal-profile .png24{position:absolute; top:0; left:0;}
		
	/**
	컴프응모팝업
	**/
	.cump-join .modal-txt02 .textarea-control{width:320px;}
	.cump-join .modal-txt02 .form-control04{width:245px;}
	

/**
컴프인증샷
**/
.common-story-box{float:left;}
.common-story-list{width:260px; border:1px solid #e9e9e9; margin:0 2px 5px 2px;}
	.common-story-list .common-category{background:#f2f2f2; padding:10px 0; text-align:center; color:#333; font-weight:700; width:100%;}
	.common-story-list .picture-shot{margin:10px;}
		.common-story-list .picture-shot img{width:100%;}
	.common-story-list .detail-story{padding:10px 10px 20px 10px; border-top:1px solid #e9e9e9; margin-top:0; border-bottom:none; display:inline-block; width:240px;}

	
/**
컴프토크
**/

.cump-talk-area{margin-top:10px; border:1px solid #dddddd;}	
	.cump-talk-area dl{padding:15px 20px; border-bottom:1px solid #e9e9e9;}
	.cump-talk-area dl:last-child{border-bottom:none;}
	.cump-talk-area dl dt{float:left;}
	.cump-talk-area dl dd{margin-left:80px; text-align:justify;}
	
/**
가맹점컴프
**/

.small-tab{
	border:1px solid #ccc;
	background:url('/resources/images/cump/tab_bg.jpg') no-repeat left top;
	margin:10px 0;
	display:inline-block;
	width:800px;
	}
.small-tab li{float:left; width:160px; height:37px;}
.small-tab li a{display:inline-block; padding:10px 0 0 15px; width:145px; height:27px;}
.small-tab li a.on, .small-tab li a:hover{color:#fff; background:#3ebdbd; text-decoration:none;}

	/**
	가맹점컴프 팝업
	**/
	.pop-box{margin-top:20px;}
	.pop-box h5{font-size:18px; background:url('/resources/images/product/_icon.png') no-repeat left top; padding:10px 0 5px 40px;}
	.style-ul li{background:url('/resources/images/mypage/blit_arrow.jpg') no-repeat left 6px; padding-left:10px; font-size:12px; color:#bababa;}

	


/********************************************************************쇼핑스토리*******************************************************************************/

/**
스토리메인
**/
.center-top{position:absolute; top:36px; left:200px;}
.story-select .select-control{width:265px;}

.story-top{width:100%;}
	.story-left{width:180px; float:left; margin-right:20px;}
		
	.story-category{ display:inline-block; width:184px;}
	.story-category li a{
		display:inline-block;
		color:#808080;
		font-size:11px;
		width:100%;
		background:url('/resources/images/story/category_bg.jpg') no-repeat left top;
		height:12px;
		padding:7px 15px 13px 15px;
		}
	.story-category li a:hover, .story-category li a:focus, .story-category li a.on{
		color:#fff;
		text-decoration:none;
		background:url('/resources/images/story/category_over_bg.png') no-repeat left top;
		width:100%;
		}
	
	.story-top{margin-bottom:20px;}
	.story-top .shopping-story{width:866px; margin-top:0;}
	.shopping-story .story-now{width:600px; display:inline-block; float:left; border-right:1px solid #ddd;}
		.story-now .shopping-title{border-bottom:none;}
		.story-now .shopping-title ul li{float:left; padding-left:20px;}
		.story-now .shopping-title ul li a{color:#ccc;}
		.story-now .shopping-title ul li a:hover{color:#666; font-weight:700; text-decoration:none;}
		.story-now .detail-story{margin-top:0; display:inline-block;}
		.story-now .detail-story li{margin:0 13px;}
	.shopping-story .new-strory{float:left; width:265px;}
	.shopping-story .new-strory ul{margin:20px 40px;}
	.shopping-story .new-strory ul li{float:left; margin:1px 1px 0 0;}
	.shopping-story .new-strory .make-story{display:inline-block; margin:20px; letter-spacing:-1px; border-top:1px solid #ddd; padding-top:10px;}
	.shopping-story .new-strory .make-story .story-btn{width:100%; text-align:center; margin-top:15px;}
	
.story-lank-bar{position:relative;}
	.story-lank-bar .select-control{position:absolute; width:120px; top:7px; right:15px;}	
.story-lank-area{background:url('/resources/images/cump/cump_lank_bg.jpg') no-repeat left top; margin-top:10px; display:inline-block; width:802px; height:170px;}

	.lank-profile{position:relative; text-align:center; width:191px; float:left;}
	.lank-profile span{
		position:absolute;
		top:0px;
		left:-20px;
		width:52px;
		height:35px;
		font-weight:700;
		color:#fff;
		font-size:18px;
		padding-top:25px;
		font-family:"Arial Black", "Gadget", "sans-serif";
		}
	.lank-profile span.lank01{background:url('/resources/images/cump/lank_01.png') no-repeat left top;}
	.lank-profile span.lank02{background:url('/resources/images/cump/lank_02.png') no-repeat left top;}
	.lank-profile span.lank03{background:url('/resources/images/cump/lank_03.png') no-repeat left top;}
	.lank-profile span.lank04{background:url('/resources/images/cump/lank_04.png') no-repeat left top;}
	.lank-profile ul{margin-top:20px;}
	.lank-profile ul li{margin-bottom:15px;}
	
	.lank-postscript{float:left; width:250px; padding:13px 15px;}
	.lank-postscript .nav-tabs{height:25px; margin-bottom:10px; display:inline-block;}
	.lank-postscript .nav-tabs li{font-size:11px; background:#f9f9f9; letter-spacing:-1px;}
	.lank-postscript .nav-tabs li a{border:1px solid #d6d6d6; color:#999999; display:inline-block; margin:0;}
	.lank-postscript .nav-tabs li a span{color:#d7904a;}
	.lank-postscript .nav-tabs li a:hover{background:#fff; margin:0; color:#666666; font-weight:700; border:1px solid #d6d6d6;}
	.lank-postscript .nav-tabs li a:hover span{color:#e2e0c9;}
	.lank-postscript .nav-tabs>li.active>a,.lank-postscript .nav-tabs>li.active>a:hover,.lank-postscript .nav-tabs>li.active>a:focus{
		color:#666666;
		cursor:default;
		background-color:#fff;
		border:1px solid #d6d6d6;
		height:15px;
		font-weight:700;
		border-bottom:none;
		}
	.lank-postscript .tab-content{clear:both;}
	.lank-postscript .tab-content .lank-prd-title{font-size:11px; color:#999; text-decoration:underline;}
	
	.story-result{width:329px; float:left;}
	.story-result ul{width:329px; display:inline-block; padding:20px 0;}
	.story-result ul li{float:left; text-align:center; padding:0 25px;}
	.story-result ul li span{padding-bottom:10px;}
	.story-result p{text-align:center; padding:25px 0;}

.story-right{display:inline-block;}	 
	.story-right .small-content{width:236px; background:#f6f6f6; padding:5px 10px;}
	
	
/**
개인스토리
**/
.mystory-info{background:#574c4c; display:inline-block; width:100%; letter-spacing:-1px;}
	.mystory-info dl{padding:15px 10px;}
	.mystory-info dl dt{position:relative; float:left;}
	.mystory-info dl dt span{position:absolute; top:0; left:0;}
	.mystory-info dl dd{margin-left:70px;}
	.mystory-info dl dd a{font-size:11px; font-weight:700; color:#989494; text-decoration:underline;}
	
	.mystory-info ul{clear:both; background:#e6e4e4; display:inline-block; margin:10px 5px; width:170px; border-radius:5px;}
	.mystory-info ul li{float:left; text-align:center; padding:10px 17px; font-size:11px; border-right:1px dashed #cfcece;}
	.mystory-info ul li:last-child{border-right:none;}
	.mystory-info ul li ins{margin-bottom:3px; display:inline-block; color:#333; font-size:14px; font-family:'Tahoma', 'Geneva', 'sans-serif';}

.profile-list{width:100%; width:180px;}
	.profile-list li{height:16px; padding:12px 10px; text-align:right; color:#fff; font-size:11px;}
	.profile-list .info01{background:url('/resources/images/story/profile-list01.jpg') no-repeat left top #53afc3;}
	.profile-list .info02{background:url('/resources/images/story/profile-list02.jpg') no-repeat left top #628abc;}
	.profile-list .info03{background:url('/resources/images/story/profile-list03.jpg') no-repeat left top #ff6666;}
	.profile-list .info04{background:url('/resources/images/story/profile-list04.jpg') no-repeat left top #ffa944;}
	
.my-story-now{display:inline-block; width:100%;}
	.my-story-now .shopping-title{border-bottom:none; height:41px;}
	.my-story-now .shopping-title ul li{float:left; padding-left:20px;}
	.my-story-now .shopping-title ul li a{color:#ccc;}
	.my-story-now .shopping-title ul li a:hover{color:#666; font-weight:700; text-decoration:none;}
	
	.my-story-now .detail-story{padding-bottom:10px; margin-left:5px;}
	.my-story-now .detail-story li{margin:0; padding:0; width:auto;}
	
.my-story- li a img{border:1px solid #e1e1e1;}


.product-search{background:url('/resources/images/story/all_product_bg.jpg') repeat-x left top; display:inline-block; width:1068px;}
	.product-search .product-select{float:left; margin-left:15px;}
	.product-search .product-select li{float:left; padding:7px 5px;}
	.product-search .select-control{width:100px; background:none; color:#fff; padding:3px; border:1px solid #728695;}
	.product-search .product-array{float:left;}
	.product-search .product-array li{float:left; padding:11px 10px; font-size:11px;}
	.product-search .product-array li a{color:#b6bfc5;}
	.product-search .product-array li a:hover{color:#fff; font-weight:700; text-decoration:none;}
	.product-search .count{background:#283036; height:20px; width:100px; float:left; padding:10px 15px;}
	.product-search .count .fl{color:#fff; font-weight:700;}
	.product-search .count .fr{color:#ffcc66; font-weight:700;}

.detail-bar{background:url('/resources/images/story/detail_bar.jpg') no-repeat left top; width:1068px; display:inline-block; height:40px; position:relative;}
	.detail-bar dl{position:absolute; top:5px; left:10px;}
	.detail-bar dl dt{position:relative;}
	.detail-bar dl dt .bg{position:absolute; top:0; left:0; z-index:1000;}
	.detail-bar dl dt .profile-{position:absolute; top:0; left:0;}
	.detail-bar dl dd{margin-left:40px; color:#7b878f;}
	.detail-bar dl .name{font-weight:700; color:#fff;}
	.detail-bar .linemap{position:absolute; top:7px; left:190px; color:#c6d4de;}
	.detail-bar .link{position:absolute; top:12px; right:12px;}
	.detail-bar .link a{color:#ffde24;}

.my-story-list{margin-top:10px;}
	.my-story-list .my-story-box .common-story-list{float:left; width:185px; margin:0 13px 30px 13px;}
	.my-story-box .common-story-list dl{width:165px; margin:10px 10px 30px 10px;}
	.my-story-box .common-story-list dl dt a img{margin-bottom:10px;}
	.my-story-box .common-story-list dl .story-pay{text-align:right; margin-top:10px; color:#e9473a; font-size:14px; font-weight:700;}
	.my-story-list .my-story-box .common-story-list p{display:inline-block; border-top:1px solid #e5e5e5; padding:10px; width:165px;}
	
	.my-story-box .common-story-list .left-story{width:165px;}
		.my-story-box .common-story-list .left-story dl{margin:5px 0;}
		.my-story-box .common-story-list .left-story dl dd{font-size:11px; line-height:13px; letter-spacing:-1px; padding-top:3px;}
		.my-story-box .common-story-list .left-story li{padding-bottom:10px; border-bottom:none;}
		
/*********************************약관**********************************/

.clause-box{margin-top:10px; border:1px solid #ccc; height:800px; overflow-y:scroll; padding:20px;}
	.clause-box h1{color:#333; margin-bottom:50px;}
	.clause-box h2{margin:40px 0 20px 0; color:#333; border-bottom:1px dashed #ddd; padding-bottom:20px;}
	.clause-box h3{margin:20px 0; line-height:20px; color:#555;}
	.clause-box h4{margin-bottom:10px; line-height:18px;}
	.clause-box p{line-height:18px; margin-bottom:8px;}
	
/**************

레이어팝업

*************************/
.close{float:right;font-size:40px;font-weight:normal;line-height:1;color:#fff; margin-top:-15px;}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}

.modal-open{overflow:hidden}
.modal{position:fixed;top:0px;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{
	-webkit-transition:-webkit-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out;
	-webkit-transform:translate(0,-25%);
	-ms-transform:translate(0,-25%);
	-o-transform:translate(0,-25%);
	transform:translate(0,-25%)
	}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{
	position:relative;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #eaeaea;
	border:1px solid rgba(0,0,0,.2);
	outline:0;modal-cropper
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5)
	}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:15px 20px; background:#3b3b3b;}
.modal-title{margin:0; text-align:left; color:#f6f6f6; font-size:14px; font-weight:normal;}
.modal-body{position:relative;padding:30px 20px; color:#3c3b3b; font-size:14px; font-weight:normal}
.modal-txt{width:100%; border-bottom:1px solid #e9e9e9; padding:20px 0;}
	.modal-txt dl{text-align:left; display:inline-block; width:100%;}
	.modal-txt dl dt{float:left; min-height:120px; margin-right:10px;}
.modal-txt02{margin-top:20px; font-size:12px; letter-spacing:normal;}
.modal-txt02 table{width:100%; margin:20px 0;}
.modal-txt02 table th{text-align:left;}
.modal-txt02 table td{text-align:left; padding:5px 10px;}
.modal-body .form-control{width:70%;}
.modal-body .form-control02{height:30px;}
.modal-body .form-control03{width:20px; height:7px; padding:5px; text-align:right; margin-right:3px;}
.modal-body .form-control04{width:100px;}
.modal-body .select-control{width:100%; height:25px; padding:3px;}
.modal-footer{padding-bottom:30px; width:90%; margin:0 auto}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

/**레이어팝업가로값**/
@media (min-width:768px){
	.modal-dialog{width:490px;margin:30px auto}
	.modal-login{width:790px;}
	.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
	.modal-sm{width:300px}
	.modal-option{width:500px;}
	.modal-cropper{width:520px;}
	.modal-order{width:850px;}
	}
@media (min-width:992px){.modal-lg{width:900px}}




@charset "utf-8";
	
/**********************

버튼

*****************************/	
.btn{
	display:inline-block;
	padding:6px 30px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,
.btn:active.focus,.btn.active.focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
	}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn:active,.btn.active{
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
	}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover,.btn-default:focus,
.btn-default.focus,.btn-default:active,
.btn-default.active,.open>.dropdown-toggle.btn-default{
	color:#333;
	background-color:#e6e6e6;
	border-color:#adadad
	}
.btn-good{color:#fff; background:#ffba00; border-color:#f8b606;}
.btn-good:hover, .btn-good:focus{color:#fff; background:#fab704; border-color:#f5b50c;}
.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,
.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{
	background-color:#fff;
	border-color:#ccc
	}
.btn-default .badge{color:#fff;background-color:#333}
.btn-primary{color:#fff;background-color:#6abec3;border-color:#68babf}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#64b6bb;border-color:#60b1b6}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none;}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
	background-color:#6abec3;
	border-color:#68babf
	}
.btn-primary .badge{color:#428bca;background-color:#fff}
.btn-success{color:#fff;background-color:#f42b3d;border-color:#f42b3d;}
.btn-success:hover,.btn-success:focus,
.btn-success.focus,.btn-success:active,
.btn-success.active,.open>.dropdown-toggle.btn-success{
	color:#fff;
	background-color:#e41b2d;
	border-color:#e41b2d;
	}
.btn-success:active,.btn-success.active,
.open>.dropdown-toggle.btn-success{
	background-image:none
	}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,
.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{
	background-color:#5cb85c;
	border-color:#4cae4c
	}
.btn-success .badge{color:#5cb85c;background-color:#fff}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:hover,.btn-info:focus,.btn-info.focus,
.btn-info:active,.btn-info.active,
.open>.dropdown-toggle.btn-info{
	color:#fff;
	background-color:#31b0d5;
	border-color:#269abc
	}
.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,
.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{
	background-color:#5bc0de;border-color:#46b8da
	}
.btn-info .badge{color:#5bc0de;background-color:#fff}
.btn-warning{color:#fff;background-color:#a5b4b6; border-color:#9eacae;}
.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,
.btn-warning:active,.btn-warning.active,
.open>.dropdown-toggle.btn-warning{
	color:#fff;
	background-color:#9eacae;
	border-color:#99a7a9;
	}
.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{
	background-color:#a5b4b6;
	border-color:#9eacae
	}
.btn-warning .badge{color:#f0ad4e;background-color:#fff}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,
.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{
	color:#fff;
	background-color:#c9302c;
	border-color:#ac2925
	}
.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{
	background-color:#d9534f;
	border-color:#d43f3a
	}
.btn-danger .badge{color:#d9534f;background-color:#fff}
.btn-link{font-weight:400;color:#428bca;border-radius:0}
.btn-link,.btn-link:active,.btn-link.active,
.btn-link[disabled],fieldset[disabled] .btn-link{
	background-color:transparent;
	-webkit-box-shadow:none;
	box-shadow:none
	}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}
.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{
	color:#777;
	text-decoration:none
	}
.btn-lg,.btn-group-lg>.btn{padding:15px 35px;font-size:18px;line-height:1.33;}
.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-sm2{padding:5px 20px;font-size:12px;line-height:1.5;}
.btn-xs,.btn-group-xs>.btn{padding:2px 10px;font-size:11px;line-height:1.5;}
.btn-xs2{padding:2px 10px;font-size:11px;line-height:1.5;}
.btn-xxs,.btn-group-xxs>.btn{
	padding:2px 10px 3px 10px;
	font-size:11px;
/*	line-height:1.5;*/
	border-radius:3px;
	border:1px solid #696969;
	color:#eaeaea;
	background-color: #555556; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #727272 30%, #494949 80%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #727272), color-stop(80%, #494949)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #727272 30%, #494949 80%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #727272 30%, #494949 80%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #727272 30%, #494949 80%); /* W3C */
	}
.btn-sm,.btn-group-sm>.btn, .btn-xs,.btn-group-xs>.btn{
	border-radius:3px;
	background-color: #ececec; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #fefefe 30%, #e8e8e8 80%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fefefe), color-stop(80%, #e8e8e8)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #fefefe 30%, #e8e8e8 80%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #fefefe 30%, #e8e8e8 80%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #fefefe 30%, #e8e8e8 80%); /* W3C */
	border:1px solid #dddddd;
	color:#666666;
}

.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}	

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {color: #428bca;}
.btn-success.btn-outline {color: #5cb85c;}
.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}
.btn-danger.btn-outline {color: #d9534f;}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-recommend{
	background:url('../../images/product/btn_heart_bg.png') no-repeat 15px 11px #ff9999;
	color:#fff;
	padding:0 20px 0 35px;
	height:33px;
	border-radius:40px;
	font-size:12px;
	}




/*******************

폼인풋

*********************************/
.form-control{
	width:100%;
	padding:3px 10px;
	font-size:12px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
	}
.form-control:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
	}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}

select[multiple],select[size]{height:auto}
input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}
select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}


/**********라디오박스,체크박스******************/
.radio,.checkbox{position:relative;display:block;margin-top:4px;margin-bottom:4px;}


.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.radio-inline:first-child,.checkbox-inline:first-child{padding-left:0;}


/**************탭************************/

.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block;}
.nav>li>a{position:relative;display:block;padding:5px 15px;}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#fff;}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}

.nav-tabs{height:26px;}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
	color:#fff;
	cursor:default;
	background-color:#999;
	border:1px solid #ddd;
	border-bottom-color:transparent
	}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){
	.nav-tabs.nav-justified>li{display:table-cell;width:1%}
	.nav-tabs.nav-justified>li>a{margin-bottom:0}
	}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){
	.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
	.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,
	.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}
	}
.tab-content>.tab-pane{display:none;visibility:hidden}
.tab-content>.active{display:block;visibility:visible}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}


/**************************다운메뉴******************************/

.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}
.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,.btn-group-vertical>.btn:active,
.btn-group>.btn.active,.btn-group-vertical>.btn.active{
	z-index:2
	}
.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}

.dropdown-menu{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	font-size:14px;
	text-align:left;
	list-style:none;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.15);
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175)
	}

/****드롭다운메뉴위치.dropdown-menu.pull-right{right:0;left:auto}****/
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{
	text-decoration:none;
	cursor:not-allowed;
	background-color:transparent;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
	}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}

.caret{
	display:inline-block;
	width:0;
	height:0;
	vertical-align:middle;
	border-top:4px solid;
	border-right:4px solid transparent;
	border-left:4px solid transparent
	}
	
/*****************************************************qna**************************************************************/
.collapsing{
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:.35s;
	-o-transition-duration:.35s;
	transition-duration:.35s;
	-webkit-transition-property:height,visibility;
	-o-transition-property:height,visibility;
	transition-property:height,visibility
	}

.panel{
	margin-bottom:20px;
	background-color:#fff;
	}
.panel-group{margin-bottom:20px}
.panel-group .panel{margin-bottom:0;border-radius:4px}
.panel-group .panel+.panel{margin-top:5px}
.panel-group .panel-heading{border-bottom:0;}
.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #f2f2f2;}
.panel-group .panel-footer{border-top:0}
.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
.panel-default{border-color:#ddd}
.panel-default>.panel-heading{color:#333;background-color:#fff;border-color:#ddd}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-bottom-color:#ddd;}
.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
.collapse{display:none;visibility:hidden}
.collapse.in{display:block;visibility:visible}
.panel{
	margin-bottom:20px;
	background-color:#fff;
	border-bottom:1px solid #f6f6f6;
	}
.panel-heading{
	padding:7px 0;
	
	}
.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px; float:left; width:100%;}