@charset "UTF-8";
/*공용 변수*/
/*공용 믹스인*/
/*공용 함수*/
body { font-family: NG, NanumGothic, 'malgun gothic'; }

/***** 공통 *****/
.title { text-align: center; color: white; margin-bottom: 30px; }
.title h2 { margin: 48px 0 20px; font-size: 50px; font-weight: normal; }
.title h3 {	font-size: 36px; font-weight: normal; margin: 20px 0; color: #ff689f; }
.title p { font-size: 24px; letter-spacing: 2px; }

table.list { width: 100%; border-collapse: collapse; border-top: 2px #95b0c0 solid; font-size: 14px; line-height: 140%; }
table.list tr { border-bottom: 1px #e6e6e6 solid; }
table.list tr:last-child { border-bottom: 1px #95b0c0 solid; }
table.list th, table.list td { padding: 12px 5px; }
table.list th { background-color: #edf3f6; color: black; }
table.list td { vertical-align: middle; }
label { width: 30%; font-size: 18px; font-weight: 600; display: inline-block; *zoom: 1; *display: inline; }
label p { font-weight: 400; margin-top: 5px; font-size: 14px; color: #b3b3b3; }
input[type=text] { padding: 10px; font-size: 20px; vertical-align: bottom; background-color: #f0f0f0; border: 1px solid #d9d9d9; font-weight: 600; width: 64%; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; font-family: NG, NanumGothic, 'malgun gothic'; }
input[type=checkbox] { width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; text-shadow: none; box-shadow: none;  }
input:focus { border: 1px solid #88b3cb; background-color: #eff5f9; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); }
button.btn-confirm { font-weight: 600; margin-top: 20px; padding: 10px 18px; cursor: pointer; }
button.btn-del, button.btn-del-rgist { padding: 5px; }
button { cursor: pointer; }
select, button { font-family: NG, NanumGothic, 'malgun gothic'; }
.nav { margin: 50px 0; text-align: center; }
.nav ul li { margin: 0 10px; display: inline-block; *zoom: 1; *display: inline; }
.nav ul li a { display: block; width: 150px; padding: 12px; font-size: 16px; font-weight: bold; color: white; border: 1px rgba(255, 255, 255, 0.5) solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.nav ul li a:hover { background-color: rgba(255, 255, 255, 0.2); }
.nav ul li a.selected { border: 1px white solid; background-color: white; color: black; }

.container { margin: 0 auto; max-width: 560px; width: 100%; }
.container .form-box { background-color: white; padding: 50px; margin-bottom: 50px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.container .form-box .cell { margin-bottom: 16px; }
.container .form-box label { width: 35%; font-size: 18px; font-weight: 600; display: inline-block; *zoom: 1; *display: inline; }
.container .form-box label p { font-weight: 400; margin-top: 5px; font-size: 14px; color: #b3b3b3; }
.container .form-box input { padding: 10px; font-size: 20px; vertical-align: bottom; background-color: #f0f0f0; border: 1px solid #d9d9d9; font-weight: 600; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.container .form-box input:focus { border: 1px solid #a5cf5c; background-color: #f1fae2; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); }
.container .form-box .family-name input, .container .form-box .given-name input{ width: 64%; }
.container .form-box .email { position: relative; }
.container .form-box .email input { width: 27%; }
.container .form-box .email span { margin-left: 5px; font-size: 20px; position: relative; top: -11px; }
.container .form-box .email span#msg { font-size: 11px; font-weight: 600; position: absolute; right: -35px; top: 14px; padding:6px 0 6px 25px; background: url(../img/img.png) no-repeat 0 0;}
.container .form-box .email span#msgno { font-size: 11px; font-weight: 600; position: absolute; right: -35px; top: 14px; padding:6px 0 6px 25px; background: url(../img/img.png) no-repeat 0 -24px;}
.container .form-box .password { position: relative; }
.container .form-box .password input { width: 56%; }
.container .form-box .password span#pssCheck { font-size: 12px; font-weight: 600; position: absolute; right: -16px; top: 11px; padding:6px 0 6px 25px; background: url(../img/security_level.png) no-repeat 0 -48px; }
.container .form-box .button-register { text-align: center; margin-top: 30px; }
.container .form-box .button-register button { position: relative; font-size: 16px; padding: 12px 58px; color: white; background-color: #a5cf5c; border: none; cursor: pointer; background-color: #b9dd79; background-image: -moz-linear-gradient(top, #b9dd79, #a5cf5c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b9dd79), color-stop(1, #a5cf5c)); background-image: linear-gradient(top, #b9dd79, #a5cf5c); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', EndColorStr='$toColor'); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.container .form-box .button-register button:active { position: relative; bottom: -1px; background-color: #a5cf5c; background-image: -moz-linear-gradient(top, #a5cf5c, #b9dd79); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5cf5c), color-stop(1, #b9dd79)); background-image: linear-gradient(top, #a5cf5c, #b9dd79); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', EndColorStr='$toColor'); }
.container .quick-menu { text-align: center; }
.container .quick-menu ul li { display: inline-block; *zoom: 1; *display: inline; }
.container .quick-menu ul li a { font-size: 14px; color: white; text-decoration: none; padding: 3px 5px; margin: 0 6px; }
.container .quick-menu ul li a:hover { text-decoration: underline; }

/* 20151120 개인정보보호 약관  styling */
.container_pvc { margin: 0 auto; max-width: 1280px; width: 100%; }
.container_pvc .form-box { background-color: white; padding: 50px; margin-bottom: 50px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; background-clip: padding-box; stops bg color from leaking outside the border: }
.container_pvc .tap_menu ul { position: relative; overflow: hidden; bottom: -1px; }
.container_pvc .tap_menu ul li { position: relative; width: 185px; height: 47px; color: white; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #F2F2F2; background: #4EA1D1; float: left; *zoom: 1; *display: inline; webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); }
.container_pvc .tap_menu ul li a { font-size: 14px; font-weight: bold; width: 155px; padding: 18px 25px 15px 20px; display: block; color: white; }
.container_pvc .tap_menu ul li.receive { background-position: 0 -47px; z-index: 2; }
.container_pvc .tap_menu ul li.receive a { padding: 18px 0 15px 55px; }
.container_pvc .tap_menu ul li.receive.selected { z-index: 9; background: #ffffff; background-position: 0 0; }
.container_pvc .tap_menu ul li.receive.selected a { color: black;  }
.container_pvc .tap_menu ul li.send { background-position: 0 -47px; z-index: 4; }
.container_pvc .tap_menu ul li.send.selected { z-index: 9; background: #ffffff; background-position: 0 0; }
.container_pvc .tap_menu ul li.send.selected a { color: black; }
.container_pvc .tap_menu ul li.search-list { background-position: 0 -47px; z-index: 3; }
.container_pvc .tap_menu ul li.search-list.selected { z-index: 9; background: #ffffff; background-position: 0 0; }
.container_pvc .tap_menu ul li.search-list.selected a { color: black; }

.container_privacy .form-box .cell { margin-bottom: 16px; }
.container_privacy .form-box label { width: 18%; font-size: 18px; font-weight: 600; display: inline-block; *zoom: 1; *display: inline; }
.container_privacy .form-box label p { font-weight: 400; margin-top: 5px; font-size: 14px; color: #b3b3b3; }
.container_privacy .form-box input { padding: 10px; font-size: 20px; vertical-align: bottom; background-color: #f0f0f0; border: 1px solid #d9d9d9; font-weight: 600; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.container_privacy .form-box input:focus, .container_privacy .form-box select:focus { border: 1px solid #a5cf5c; background-color: #f1fae2; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); }
.container_privacy .form-box .family-name input, .container .form-box .given-name input { width: 79%; }
.container_privacy .form-box .email { position: relative; }
.container_privacy .form-box .email input { width: 27%; }
.container_privacy .form-box .email span { margin-left: 5px; font-size: 20px; position: relative; top: -11px; }
.container_privacy .form-box .email span#msg { font-size: 11px; font-weight: 600; position: absolute; right: -35px; top: 14px; padding:6px 0 6px 25px; background: url(../img/img.png) no-repeat 0 0;}
.container_privacy .form-box .email span#msgno { font-size: 11px; font-weight: 600; position: absolute; right: -35px; top: 14px; padding:6px 0 6px 25px; background: url(../img/img.png) no-repeat 0 -24px;}
.container_privacy .form-box .password { position: relative; }
.container_privacy .form-box .password input { width: 56%; }
.container_privacy .form-box .password span#pssCheck { font-size: 12px; font-weight: 600; position: absolute; right: -16px; top: 11px; padding:6px 0 6px 25px; background: url(../img/security_level.png) no-repeat 0 -48px; }
.container_privacy .form-box .button-register { text-align: center; margin-top: 30px; }
.container_privacy .form-box .button-register button { position: relative; font-size: 16px; padding: 12px 58px; color: white; background-color: #a5cf5c; border: none; cursor: pointer; background-color: #b9dd79; background-image: -moz-linear-gradient(top, #b9dd79, #a5cf5c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b9dd79), color-stop(1, #a5cf5c)); background-image: linear-gradient(top, #b9dd79, #a5cf5c); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', EndColorStr='$toColor'); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; stops bg color from leaking outside the border: }
.container_privacy .form-box .button-register button:active { position: relative; bottom: -1px; background-color: #a5cf5c; background-image: -moz-linear-gradient(top, #a5cf5c, #b9dd79); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5cf5c), color-stop(1, #b9dd79)); background-image: linear-gradient(top, #a5cf5c, #b9dd79); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', EndColorStr='$toColor'); }

.container_privacy .quick-menu { text-align: center; }
.container_privacy .quick-menu ul li { display: inline-block; *zoom: 1; *display: inline; }
.container_privacy .quick-menu ul li a { font-size: 14px; color: white; text-decoration: none; padding: 3px 5px; margin: 0 6px; }
.container_privacy .quick-menu ul li a:hover { text-decoration: underline; }

/* 20151120 개인정보보호 약관  styling : BW 작업*/
.container_privacy .form-box select {
	width: 81%;
	padding: 10px;
	font-size: 20px;
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
	font-weight: 600;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.container_privacy .form-box .btn-warp1 {
	float: right;
}

/* 20151120 개인정보보호 약관 리스트 화면 styling : BW 작업*/
.container_privacy_list .date-wrap {
	text-align: center;
}
.container_privacy_list .form-box label {
	width: 6%;
	padding-left: 2%;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.container_privacy_list table{
	margin: 24px 0;
	vertical-align: middle;
	text-align: center;
}

.container_privacy_list .form-box input, .container_privacy_list .form-box select {
	width: 14%;
	font-size: 16px;
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
	font-weight: 600;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.container_privacy_list .form-box input{
	padding: 6px;
	vertical-align: middle;
}
.container_privacy_list .form-box select{
	padding: 5px;
}
.container_privacy_list .form-box input:focus, .container_privacy_list .form-box select:focus {
	border: 1px solid #a5cf5c;
	background-color: #f1fae2;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}
.container_privacy_list .form-box span {
	position: relative;
	top: -7px;
	font-weight: bold;
	font-size: 20px;
	margin: 10px 6px 0 6px;
	vertical-align: bottom;
}

.container_privacy_list .form-box button.btn, .container_privacy .form-box button.btn {
	font-weight: 600;
	padding: 8px 18px;
	corsor: pointer;
	border: none;
	margin-left: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	background-color: #4ea1d1;
	color: white;
	vertical-align: top;
	border: 1px #3488b9 solid;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.container_privacy_list .form-box button.btn:hover, .container_privacy .form-box button.btn:hover {
	background-color: #3488b9;
}
.container_privacy_list .btn-warp1{
	float: left;
	display: inline-block;
}
.container_privacy_list .btn-warp2{
	float: right;
	display: inline-block;
}


/***** 우편조회 *****/
.post-container { margin: 0 auto; max-width: 600px; width: 100%; }
.post-container .tap_menu ul { position: relative; left: -3px; overflow: hidden; }
.post-container .tap_menu ul li { position: relative; color: white; background-image: url(../img/btn_tap.png); float: left; display: inline-block; *zoom: 1; *display: inline; }
.post-container .tap_menu ul li a { font-size: 14px; font-weight: bold; width: 125px; padding: 18px 0 15px 25px; display: block; color: white; }
.post-container .tap_menu ul li.receive { background-position: 0 -47px; z-index: 2; }
.post-container .tap_menu ul li.receive.selected { z-index: 9; background-position: 0 0; }
.post-container .tap_menu ul li.receive.selected a { color: black; }
.post-container .tap_menu ul li.send { background-position: 0 -47px; z-index: 4; left: -31px; }
.post-container .tap_menu ul li.send.selected { z-index: 9; background-position: 0 0; }
.post-container .tap_menu ul li.send.selected a { color: black; }
.post-container .tap_menu ul li.search-list { background-position: 0 -47px; z-index: 3; left: -62px; }
.post-container .tap_menu ul li.search-list a { width: 100px; padding: 18px 0 15px 50px; }
.post-container .tap_menu ul li.search-list.selected { z-index: 9; background-position: 0 0; }
.post-container .tap_menu ul li.search-list.selected a { color: black; }
.post-container .tap_menu ul li.sms { background-position: 0 -47px; z-index: 1; left: -93px; }
.post-container .tap_menu ul li.sms a { width: 120px; padding: 18px 0 15px  30px; }
.post-container .tap_menu ul li.sms.selected { z-index: 9; background-position: 0 0; }
.post-container .tap_menu ul li.sms.selected a { color: black; }
.post-container .post-form-box { position: relative; display: none; background-color: white; padding: 50px; margin-bottom: 50px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.post-container .post-form-box.selected { display: block; }
.post-container .post-form-box .btn-confirm-area { text-align: center; }
.post-container .post-form-box .post-pick input[type=text] { width:40%; margin-top: 20px; }
.post-container .post-form-box .post-pick input[type=checkbox] { margin-left: 10px; }
.post-container .post-form-box .post-pick label { width: inherit !important; font-size: 13px; vertical-align: text-top; }

.post-container .post-form-box .cell { padding-bottom: 10px; margin-bottom: 10px; }
.post-container .post-form-box .tip { position: absolute; bottom: -50px; text-align: center; color: white; }
.post-container .post-form-box .post-search label { display: block; margin-bottom: 15px; }
.post-container .post-form-box .post-search input { width: 40%; }
.post-container .post-form-box .post-search span { position: relative; top: -7px; font-weight: bold; font-size: 30px; margin: 10px 15px 0 15px; }
.post-container .post-form-box .tap-sms { position: relative; height: 60px; }
.post-container .post-form-box .tap-sms ul { position: absolute; left: 50%; margin-left: -152px; overflow: hidden; display: inline-block; *zoom: 1; *display: inline; }
.post-container .post-form-box .tap-sms ul li { float: left; display: inline-block; *zoom: 1; *display: inline; }
.post-container .post-form-box .tap-sms ul li a { text-align: center; display: block; padding: 8px 0; width: 150px; background-color: #ebebeb; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.post-container .post-form-box .tap-sms ul li a.send, .post-container .post-form-box .tap-sms ul li a.reserve { border-top: 1px #dbdbdb solid; border-bottom: 1px #dbdbdb solid; }
.post-container .post-form-box .tap-sms ul li a.send { border-left: 1px #dbdbdb solid; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.post-container .post-form-box .tap-sms ul li a.reserve { border-right: 1px #dbdbdb solid; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.post-container .post-form-box .tap-sms ul li a.selected { background-color: #53a5d4; border-color: #53a5d4; color: white; }
.post-container .post-form-box .sms-wrap .post-search { display: none; }
.post-container .post-form-box .sms-wrap .post-search.selected { display: block; }

/***** aplyMail *****/
.wide-container { max-width: 960px !important; }
.wide-container .post-number { text-align: center; }
.wide-container .post-number label { text-align: left; width: 12%; }
.wide-container .post-number input { width: 35%; }
.wide-container .registered { margin: 40px 0; padding: 15px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; }
.wide-container .registered ul#result { text-align: center; }
.wide-container .registered ul#result li { margin-right: 20px; display: inline-block; *zoom: 1; *display: inline; }
.wide-container .registered ul#result li span { background-color: #6495b1; padding: 3px 5px; font-size: 14px; color: white; margin-right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.wide-container p#li_msg { font-size: 30px; text-align: center; font-weight: bold; }


/***** 검색결과창 *****/
.search-result { position: absolute; left: 50%; margin-left: -300px; margin-bottom: 100px; top: 150px; width: 550px; padding: 25px; text-align: center; background-color: white; z-index: 9999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; }
.search-result a.close { position: absolute; width: 26px; height: 26px; right: -30px; top: -30px; background: url(../img/close.png) no-repeat; display: inline-block; *zoom: 1; *display: inline; text-indent: -100%; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.search-result a.close:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.search-result h3 { font-size: 20px; margin: 5px 0 15px 0; font-weight: normal; }
.search-result h3 span { color: #26acf8; font-weight: bold; }
.search-result p { margin-bottom: 30px; font-size: 14px; }

.post-result { border: 5px #95b0c0 solid; overflow: hidden; margin-bottom: 20px; }
.post-result dl { float: left; padding: 20px; font-size: 18px; display: inline-block; *zoom: 1; *display: inline; }
.post-result dl dt, .post-result dl dd { display: inline-block; *zoom: 1; *display: inline; }
.post-result dl dt { background: url(../img/blit.png) no-repeat left center; padding-left: 15px;}
.post-result dl dd { font-weight: bold; }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info { display: none; }
.dataTables_wrapper .dataTables_paginate { display: none; padding: 10px 0; font-size: 12px; }
.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; min-width: 20px; padding: 2px 3px; margin-left: 2px; text-align: center; text-decoration: none; cursor: pointer; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ display: inline-block; *zoom: 1; *display: inline; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { border: 1px solid #979797; background-color: white; background-color: white; background-image: -moz-linear-gradient(top, white, gainsboro); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, gainsboro)); background-image: linear-gradient(top, white, gainsboro); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$baseColor', endColorstr='$toColor',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', endColorStr='$toColor')"; }

.post-check { text-align: left; padding: 25px 0; border-bottom: 1px #95b0c0 solid; }
.post-check p { margin: 0; }
.post-check ul { overflow: hidden; }
.post-check ul li { width: 50%; float: left; vertical-align: top; display: inline-block; *zoom: 1; *display: inline; }
.post-check ul li label p { margin-top: 5px; }
.post-check ul li input { width: 52%; }

.past { max-width: 1100px !important; width: 100%; margin-left: -550px; padding: 0; background-color: transparent; box-shadow: none;}
.past p span { font-size: 12px; background-color: #26acf8; margin-right: 10px; padding: 3px 5px; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.past button.btn-print { position: absolute; right: 25px; top: 25px; margin: 0; padding: 8px 12px; background-color: #95b0c0; border: none; font-weight: normal; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.past button.btn-print span { padding-left: 20px; background: url(../img/icon_print.png) no-repeat left center; }
.past button.btn-print:hover { background-color: #6094b2; }
.past .iradio_flat-blue { margin: 0 10px; }
.past .recipient-box { position: relative; margin-top: 25px; }
.past .recipient-box a.btn-top { position: absolute; bottom: 0; right: 0; padding: 8px 12px; background-color: #95b0c0; font-weight: normal; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.past .recipient-box a.btn-top:hover { background-color: #6094b2; }
.past .recipient-box label { text-align: left; width: 12%; }
.past .recipient-box input { width: 20%; }
.past .recipient-box button { margin: 0; padding: 13px 10px; }

.past .past-wrap { padding: 25px; margin-bottom: 100px; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; }
.past .past-wrap table img{ width: 100px; height: 30px; }

#search_sms_send_result table { margin-bottom: 55px; }

/***** 프린트 *****/
.list-wrap { background: white; height: 100%; }
.list-wrap .close { display: none; }
.list-wrap .btn-confirm { display: none; }
.list-wrap h3 { display: none; }
.list-wrap p#epostListRange { text-align: center; padding: 50px 0px 30px; font-size: 20px; font-weight: bold; }
.list-wrap p#epostListRange span{ margin-right: 20px; font-weight: normal; }
.list-wrap .recipient-box { display: none; }
.list-wrap table.list th:first-child { display: none; }
.list-wrap table.list td:first-child { display: none; }
.list-wrap table.list th:last-child { display: none; }
.list-wrap table.list td:last-child { display: none; }

.list-wrap table.list { width: 98%; border-collapse: collapse; border-top: 2px black solid; margin: 0 auto; text-align: center; font-size: 11px; line-height: 140%; page-break-inside:auto; }
.list-wrap table.list tr { page-break-inside:avoid; page-break-after:auto; }
.list-wrap table[border] th, .list-wrap table[border] td { outline: #000 dotted thin\9; }
.list-wrap table[border="0"] th, .list-wrap table[border="0"] td { outline-width: 2px\9; }
.list-wrap table.list thead { display: table-thead-group; }
.list-wrap table.list thead th { background: #b4b4b4; padding: 12px 0; border-left: 1px #000 dotted; border-right: 1px #000 dotted; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.list-wrap table.list tbody { display: table-row-group; }
.list-wrap table.list tbody td { padding: 10px 0; border-left: 1px #000 dotted; border-right: 1px #000 dotted; border-bottom: 1px solid #000;}
.list-wrap .pad-list-style { display: none; }

.footer { display: block; position: absolute; left: 50%; margin-left: -80px; bottom: 50px; }
.footer .logo { margin: 0 auto; width: 160px; height: 40px; background: url(../img/logo.png) no-repeat; display: inline-block; *zoom: 1; *display: inline; text-indent: -100%; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; }

/**** signature *****/
.m-signature-pad { z-index: 9999; }


/**** 오류페이지 *****/
.not-found { text-align: center; color: white; margin: 6% 0 30px; }
.not-found p { font-size: 120px; }
.not-found span { font-size: 30px; letter-spacing: 8px; }

.message-box { text-align: center; font-size: 60px; color: white; margin-bottom: 80px; }
.message-box blockquote { border-top: 1px white solid; border-bottom: 1px white solid; padding: 40px 20px; display: inline-block; *zoom: 1; *display: inline; }
.message-box blockquote span { font-size: 30px; }

.button-sku-potal { text-align: center; }
.button-sku-potal a { color: white; font-weight: 600; font-size: 24px; padding: 10px 100px; border: 2px white solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.button-sku-potal a:hover { background-color: white; color: black; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }


/***** calendar styling *****/
.ui-datepicker { font-size: 12px !important; width: 223px !important; border-radius: 0; !important; z-index: 99 !important; }
.ui-datepicker .ui-datepicker-header { border-radius: 0; font-size: 14px !important; }
.ui-datepicker .ui-datepicker-header span.ui-icon { background-image: url("images/ui-icons_d8e7f3_256x240.png) !important; }
.ui-datepicker .ui-datepicker-title { font-size: 14px; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker table.ui-datepicker-calendar { font-size: 12px; width: 100%; }

/***** 우편조회 *****/
.survey-container { margin: 0 auto; max-width: 700px; width: 100%; }
.survey-container .tap_menu ul { position: relative; left: -3px; overflow: hidden; }
.survey-container .tap_menu ul li { position: relative; color: white; background-image: url(../img/btn_tap.png); float: left; display: inline-block; *zoom: 1; *display: inline; }
.survey-container .tap_menu ul li a { font-size: 14px; font-weight: bold; width: 125px; padding: 18px 0 15px 25px; display: block; color: white; }
.survey-container .tap_menu ul li.receive { background-position: 0 -47px; z-index: 2; }
.survey-container .tap_menu ul li.receive.selected { z-index: 9; background-position: 0 0; }
.survey-container .tap_menu ul li.receive.selected a { color: black; }
.survey-container .tap_menu ul li.send { background-position: 0 -47px; z-index: 4; left: -31px; }
.survey-container .tap_menu ul li.send.selected { z-index: 9; background-position: 0 0; }
.survey-container .tap_menu ul li.send.selected a { color: black; }
.survey-container .tap_menu ul li.search-list { background-position: 0 -47px; z-index: 3; left: -62px; }
.survey-container .tap_menu ul li.search-list a { width: 100px; padding: 18px 0 15px 50px; }
.survey-container .tap_menu ul li.search-list.selected { z-index: 9; background-position: 0 0; }
.survey-container .tap_menu ul li.search-list.selected a { color: black; }
.survey-container .post-form-box { position: relative; display: none; background-color: white; padding: 50px; margin-bottom: 50px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.survey-container .post-form-box.selected { display: block; }
.survey-container .post-form-box .btn-confirm-area { text-align: center; }
.survey-container .post-form-box .post-pick input[type=text] { width:30%; margin-top: 20px; }
.survey-container .post-form-box .post-pick input[type=checkbox] { margin-left: 10px; }
.survey-container .post-form-box .post-pick label { width: inherit !important; font-size: 13px; vertical-align: text-top; }
.survey-container .post-form-box .cell { padding-bottom: 10px; margin-bottom: 10px; }
.survey-container .post-form-box .tip { position: absolute; bottom: -50px; text-align: center; color: white; }
.survey-container .post-form-box .post-search label { display: block; margin-bottom: 15px; }
.survey-container .post-form-box .post-search input { width: 30%; }
.survey-container .post-form-box .post-search span { position: relative; top: -7px; font-weight: bold; font-size: 30px; margin: 10px 15px 0 15px; }
.survey-container .post-form-box .tap-sms { position: relative; height: 60px; }
.survey-container .post-form-box .tap-sms ul { position: absolute; left: 50%; margin-left: -152px; overflow: hidden; display: inline-block; *zoom: 1; *display: inline; }
.survey-container .post-form-box .tap-sms ul li { float: left; display: inline-block; *zoom: 1; *display: inline; }
.survey-container .post-form-box .tap-sms ul li a { text-align: center; display: block; padding: 8px 0; width: 150px; background-color: #ebebeb; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.survey-container .post-form-box .tap-sms ul li a.send, .post-container .post-form-box .tap-sms ul li a.reserve { border-top: 1px #dbdbdb solid; border-bottom: 1px #dbdbdb solid; }
.survey-container .post-form-box .tap-sms ul li a.send { border-left: 1px #dbdbdb solid; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.survey-container .post-form-box .tap-sms ul li a.reserve { border-right: 1px #dbdbdb solid; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.survey-container .post-form-box .tap-sms ul li a.selected { background-color: #53a5d4; border-color: #53a5d4; color: white; }
.survey-container .post-form-box .sms-wrap .post-search { display: none; }
.survey-container .post-form-box .sms-wrap .post-search.selected { display: block; }