@charset "utf-8";

/*증명서우편신청*/
	.certificateWrap{}
	.certificateWrap .user{margin-bottom:30px;border:1px dashed #DDD;padding:15px;background:#fafafa;}
	.certificateWrap .user span{font-weight:500;color:#000;margin-right:15px;}

	.certificateWrap .table_2 table th,
	.certificateWrap .table_2 table td{padding:10px 0 !important;}
	.certificateWrap .table_2 table th{font-weight:500;}

	.formCertificate_1 span{margin-right:20px;}
	.formCertificate_1 input{padding:0;margin-bottom:0;min-height:auto;width:30px;text-align:center;margin:0 5px;vertical-align:0;}
	.formCertificate_2 .btn_postcode{font-size:14px;padding:0 10px;}
	.formCertificate_2 .btn_postcode:hover,
	.formCertificate_2 .btn_postcode:focus{background:#52575c;border:1px solid #52575c;color:#FFF;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	.formCertificate_2 .con_1{display:block;font-size:14px;}
	.formCertificate_2 .con_2{}
	.formCertificate_2 .con_2 input{width:100%;}
	.formCertificate_2 .con_3{}
	.formCertificate_2 .con_4 span{margin-right:10px;}
	.formCertificate_2 .con_4 input{margin-right:5px;}
	.formCertificate_2 .con_5 span{margin-right:10px;}
	.formCertificate_2 .con_5 input{margin-right:5px;}

	/*DIVIDE*/
	#tabNav_w nav ul li{width:20%;}
	@media only screen and (max-width:1100px){
		#tabNav_w nav ul li{width:25%;}
	}

	@media only screen and (max-width:480px){
		.formCertificate_1,
		.formCertificate_2{overflow-x:auto;overflow-y:hidden; position:relative;}
		.formCertificate_1 dl,
		.formCertificate_2 dl{width:200%;margin-top:34px;}
		.formCertificate_1:before,
		.formCertificate_2:before{content:"'표'를 좌ㆍ우로 움직여서 볼 수 있습니다.";display:block;position:absolute;left:0;top:0;width:100%;padding-top:5px;padding-left:25px;font-size:14px;border-top:1px solid #3a3a3a;background:url(/sites/guide/images/bg_tableM.png) no-repeat left 12px;}
	}

	.formWrap{border-top:3px solid #DDD;}
	.formWrap dl{display:table;width:100%;}
	.formWrap dt,
	.formWrap dd{display:table-cell;padding:10px;border-bottom:1px solid #DDD;}
	.formWrap dt{background:#fafafa;width:20%;text-align:center;}
	.formWrap dd{width:80%;}
	.formWrap input, select, textarea{box-sizing:border-box;display:inline-block;min-height:38px;max-width:94%;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;margin-bottom:5px;}
	.formWrap input, select, textarea{padding:5px;}
	.formWrap input::-webkit-input-placeholder{font-size:0;}

	.formWrap input::-ms-input-placeholder{font-size:0;}
	.formWrap input::-webkit-input-placeholder{font-size:0;} 
	.formWrap input::-moz-placeholder{font-size:0;}


	.formBtn{text-align:right;}
	@media only screen and (max-width:820px){
		.formWrap dt{width:25%;}
		.formWrap dd{width:75%;}
	}
	@media only screen and (max-width:480px){
		.formWrap dl{display:block;}
		.formWrap dt,
		.formWrap dd{display:block;padding:10px;border-bottom:1px solid #DDD;}
		.formWrap dt{background:#FFF;width:100%;text-align:left;border-bottom:0;padding-bottom:0;font-weight:500;}
		.formWrap dd{width:100%;}
		.formWrap input, select, textarea{background:#f5f5f5;}
		.formWrap input::-webkit-input-placeholder{color: #ebebeb;font-size:12px;} 
		.formBtn{text-align:center;}
	}