/* side bar */
.mp-sidebar {       
	float:left;
	width : 215px;

	.menu_title {
		overflow: hidden;
		position: relative;
		height: 68px;
		background:url('images/title_category.gif') 20px 22px no-repeat #535c67;
	}

	/* option selector */
	.option_selector {
		background-color: #f6f6f6;
		padding: 16px;
		border: 1px solid #efefef;
		margin-top: 20px;

		ul {
			list-style:none;
			padding: 0px;
			margin: 7px 0px 11px;

			li {
				padding: 5px 0;
				&:first-child {margin-bottom:3px;}
			}
		}
		label { display: block; padding-left: 15px; text-indent: -15px;}

		input[type=checkbox],input[type=radio],input[type=checkbox],input[type=radio] 
		{
			width: 13px;
			height: 13px;
			padding: 0;
			margin:0 4px 0 0;
			vertical-align: bottom;
			position: relative;
			top: -1px;
			*overflow: hidden;
		}
		.mp-dependent {margin-right:4px;}
		.price_from, .price_to {padding-left: 4px}
		.btn_area {
			margin-top: 22px;
			margin-bottom: 5px;
			a {
				border:1px solid silver;
				padding:2px 5px;
				margin-top:2px;
				background:#fff;
				margin-right: 2px;
				text-decoration: none;
			}
		}
	}

	/* sidemenu */
	.sidemenu {
		list-style: none;
		padding: 0 0 10px 0;
		margin: 0;
		background-color: #f6f6f6;

		li{ 
			position:relative;

			&:hover .submenu {
				display: block;
			}
		}
		
		/* active style */
		.active > a {
			background-color: #00a8e6;
			color: #ffffff;
		}

		/* first child */
		& > li {
			a {
				display:block;
				padding:10px 0 9px 16px;
			}
			&:hover {background-color: #e8e8e8;}
		}

		/* mp-sidemenu (second menu) */
		.submenu {
			display:none;
			position:absolute;
			top: -5px;
			left:180px;

			background-color: #ffffff;
			box-shadow: 0px 2px 5px #a4a4a4;
			z-index: 999;
		}
		.submenu li {
			min-width: 175px;
			&:hover {background-color: #f3f3f3;}
			a {padding: 10px 10px 11px 17px;}
		}

		a:hover {
			text-decoration:none;
		}

		/* divider */
		.divider {
			border-top:1px solid #dddddd;
			box-shadow: 0px 1px 0px #ffffff;
			margin: 8px 10px;
			padding: 0;
			&:hover {background:none}
		}
	}

	/* insert page theme */
	&.sidebar-insert-page {
		width: 180px;
		h3 {
			margin-top: 20px;
			padding-top: 18px;
			border-top: 1px solid #dddddd;
			margin-bottom:10px;
		}	
		.sidemenu{
			background-color: #ffffff;
			li:hover{
				background-color: #f0f0f0;
			}
		}
	}
}
/* content area */
.mp-content {
	margin-bottom:20px;
	margin-left: 245px;

	.content_header {
		position:relative;
		padding: 35px 37px 0;
		height:75px;			
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #F2F2F2));
		background:-moz-linear-gradient(top, #ffffff 5%, #F2F2F2 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #F2F2F2 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #F2F2F2 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #F2F2F2 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #F2F2F2 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2',GradientType=0);
		background-color: #F2F2F2;
		border-bottom: 1px solid #D9DADC;
	}
	.mp-notice 
	{
			padding:20px 33px 16px;
			background-color: #F5FAFE;
			border-bottom: 1px solid #DDE1E4;
			color: #495D69;
			margin-bottom:10px;
			.notice_list {
				padding: 12px 18px;
				margin: 20px 15px 5px;
				background-color: #fff;
				border-radius: 5px;
				li { line-height: 1.6; margin-bottom: 5px;}
			}
	}

	.section_title {
		font-size:16px;
		font-weight:bold;
		padding-bottom:15px;
		border-bottom: 1px solid #C2C2C2;
	}

	.information {
		padding: 25px;
		margin-bottom:40px;
		border: 1px solid #DDD4A3;
		background:#FFFDE7;
		h3 {font-size:16px;}
		p {margin-top:7px; font-size:14px; line-height:1.6; color:#595959;}
		p strong {color: #222222 }
		a {text-decoration:underline;}
	}

	.mp-block {
		padding:30px 35px 0;
		& > .mp-block {
			padding:28px 22px 20px;
			color: #5D5D5D;
			& > .mp-block {
				padding:25px 26px 0px;
				margin-bottom: 25px;
				color: #5D5D5D;
				background-color:#f5f5f5;
				clear:both;
				overflow:hidden;
				border-radius: 5px;
			}
		}
	}

	&.content-insert-page {
		overflow:hidden; 
		border:1px solid #939393;
		border-top:2px solid #939393;
		padding-bottom:25px;		
		margin-left: 215px;
	}
}
/* premium ad area */
.mp-premiumarea {
	border-top: 1px solid #bcbcbc;
	padding-top:14px;

	.mp-carousel .item {
		text-align: center;
		padding:2px 10px;
		img {width: 100%}
		p.item_name {display:block; margin: 9px 0;padding: 0 3px;line-height: 1.4; height:33px; overflow:hidden;}
	}

	/* define xe content style */
	.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
	.mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;filter:alpha(opacity=0)}
	.hover_info_wrap{display:table;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}

	.thumb_area{overflow:hidden; position:relative;}
	.thumb_area:hover .hover_info_wrap{opacity:1;filter:alpha(opacity=100)}
	.thumb_area:hover .mask{opacity:0.2;filter:alpha(opacity=20)}
	.thumb_area:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);transform: scale(1.3)}
	.thumb_area img{-webkit-transition: all .2s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}

	.hover_info_mask {position:absolute;top:0;height:100%;width:100%;}
	.hover_info{display:table-cell;text-align:center;vertical-align:middle;height:100%;opacity:0.9;filter:alpha(opacity=90)}
	.hover_info a{color:#fff !important}

	.hover_info .btn_show {display:inline-block;font-size:45px;font-weight:bold;text-align:center;vertical-align:top}
	.hover_info a.btn_show{text-decoration:none !important;}
}

/* searchbox */
.mp-searchbox {
	position:relative;

	input[type=text]{
		font-size: 14px;
		border:2px solid #00a8e6;
		padding: 9px 70px 9px 24px;
		height:55px;
		width:320px;
		box-sizing:border-box;
		transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out
	}
	input[type=text]:focus {width:345px;border-color:#00a8e6}
	input[type=submit]{
		position:absolute;
		right:0;
		top:0;
		margin: 0;
		height: 55px;
		width: 60px;
		border: 0;
		background:url('images/button_search.gif') no-repeat;
		cursor: pointer;
		overflow:hidden;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #8b8b8b;
		font-style: italic;
		font-family: '나눔고딕';
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #8b8b8b;
		font-style: italic;
		font-family: '나눔고딕';
		opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #8b8b8b;
		font-style: italic;
		font-family: '나눔고딕';
		opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #8b8b8b;
		font-style: italic;
		font-family: '나눔고딕';
	}
}

/* condition badge */
.mp-condition-badge {
	position:absolute;
	left:0px;top:0px;
	background:#f65c25; 
	color:#fff; 
	padding:3px 3px 1px; 
	font-family:'돋움'; 
	z-index:5; opacity:0.95;
	&.mp-condition-badge-small { font-size:11px;}
	&.mp-new {background-color:#00A3E3;}
	&.mp-refurbish {background-color:#546FD2;}
}