@charset "utf-8";


/* Common Class */
.zle_input					{ padding:2px 4px 0 4px; border:1px solid #aaa; border-right-color:#efefef; border-bottom-color:#efefef; background:#fdfdfd; }
input.inputText01			{ height:19px; border:1px solid #dcdcdc; background:#fff; }
input.ed					{ padding:2px; border:1px solid #dcdcdc; }
.clfix						{ *zoom:1;}
.clfix:before,.clfix:after	{ display:table;line-height:0;content:"";}
.clfix:after				{ clear:both;}
.hide_text					{ #display:none;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}



/* 버튼관련 */
.btn_small { 
	padding: 4px 7px; 
	color: #555; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */; 
	border:1px solid #aaa; border-radius:3px; cursor:pointer 
}

.btn_small01 { 
	box-sizing: border-box; 
	padding: 7px 18px; 
	color: #fff; font-size: .85rem; 
	border: 1px solid #666; 
	background: #666; 
	cursor: pointer;
}
.btn_small01:focus, .btn_small01:hover { 
	color: #fff !important; 
	border: 1px solid #3163c7; 
	background: #3163c7; 
}

.btn_small02,
.btn_small03 { 
	box-sizing: border-box; 
	display: inline-block; 
	margin-left: 3px; 
	vertical-align: top; 
	cursor: pointer;
}
.btn_small02 { 	
	color: #fff; 
	border: 1px solid #666; border-radius: 3px; 
	background: #666; 
}
.btn_small02:hover, .btn_small02:focus { 
	border: 1px solid #333; 
	background: #333; 
}

.btn_small02:only-child, .btn_small02:first-child { 
	border: 1px solid #003b68; 
	background:#003b68; 	 
}

.btn_small02:only-child:focus, .btn_small02:first-child:focus,
.btn_small02:only-child:hover, .btn_small02:first-child:hover { 
	border: 1px solid #012038; 
	background: #012038; 	
}

.btn_small03 { 
	color: #537fa7; 
	border: 1px solid #b0cbea; border-radius: 3px;  
	background: #f5fdfe; 
}
.btn_small03:first-child {
	margin-left: 0;
}
.btn_small03:focus, .btn_small03:hover { 
	color: #124777;
	border-color: #124777;
}


/* 우편번호검색 */
.btn_zip01 { 
	display: inline-block;
	padding: 4px 6px; 
	color: #fff !important; 
	border: 1px solid #7a7a7a; border-radius: 5px 0 0 0; 
	background: #9f9f9f;  
}


	@media only screen and (min-width: 1201px) {
		.btn_small02,
		.btn_small03 {
			height: 55px;
			padding: 0 1.5rem;
			line-height: 50px;
		}
	}
	@media only screen and (max-width: 1200px) {
		.btn_small02,
		.btn_small03 {
			height: 44px;
			margin-left: 1px; 
			padding: 0 1rem;
			font-size: .9rem; line-height: 40px;
		}
	}
	@media only screen and (max-width: 900px) {
		.btn_small02,
		.btn_small03 {
			height: 40px;
			padding: 0 .5rem;
			line-height: 36px;
		}
	}