@charset "utf-8";

 .Pop-Wrapper {
	position: relative;
	width:100%;
	border:1px solid #c6c6c6;
}

.Pop-Wrapper h2 {
	background:url(../images/zipcode/pop_h2_bg.gif) repeat-x left top;
	height:29px;
	font-size:15px;
	padding:10px 15px 0 15px;
}

.Pop-Wrapper h2 span {
	position: relative;
	display:block;
	background:url(../images/zipcode/bullet_pop.gif) no-repeat left 40%;
	padding:0 15px;
	color:#fff;
}

.Pop-Wrapper .box {	padding:15px 15px;}
.Pop-Wrapper .close {	position: absolute;	right:3px;		top:6px;}
.Pop-Wrapper .btn {	text-align:center; margin-top:15px;}
.Pop-Wrapper .btn input {	height:30px;padding-top:0px; }


.Pop-Search {
	position: relative;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	padding:10px 0;
	margin-bottom:20px;
	text-align:center;
}

.Pop-Search label {
	font-weight:bold;
	color:#015089;
	background:url(../images/zipcode/bullet07.gif) no-repeat left 4px;
	padding:0 0 0 5px;
}

.Pop-result {
	width:100%;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	padding:15px 0;
	text-align:center;
}

.Pop-result p {
	margin-bottom:5px;
}

.Pop-result p span {
	font-weight:bold; color:#c94678;
	margin-right:10px;
}

.Pop-scroll-box {
	position: relative;
	overflow-y: scroll;
	width:100%;
	height:187px;
}

.Pop-scroll-box02 {
	position: relative;
	overflow-y: scroll;
	width:100%;
	height:365px;
}

.Pop-text-box {
	width:100%;
}

.Pop-text-box:after {	content: "";	clear: both;	display: block;}

.Pop-text-box .left {
	float:left;
}

.Pop-text-box .left span {
	color:#1c92ac;
	font-weight:bold;
}

.Pop-text-box .right {
	float:right;
}

/*=================================================================================
 * Default Tag Style Definition
 =================================================================================*/
* {
	border-collapse: collapse;
}

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, sans-serif;
	font-size: 75%;
	color: #666666;
	line-height: 18px;
	border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}

ol, ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div, li, dl, dt, dd, form, iframe, p, a, span, blockquote {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px solid transparent;		/* : BUG : Opera 7 에서 border: none 버그 있음 */
}

legend, hr {
	display: none;
}

label {
	vertical-align: middle;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: top;
}

table, th, td {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	border-collapse: collapse;
}

input, textarea {
	margin: 0px;
	padding: 0px;
	font-family: "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, sans-serif;
	font-size: 1em;
	color: #555555;
	border: 1px solid #CCD2DA;
	background: #FFF;
	vertical-align: middle;
}

input {
	padding-top: 2px;
	height: 14px;
}

textarea {
	padding: 4px 4px 4px 4px;
}

input.image, input.radio, input.checkbox {		/* : FILTER : IE 6 에서 속성 선택자 지원 안함 */
	padding: 0px;
	height: auto;
	border: none;
	background: none;
}
input[type="radio"], input[type="checkbox"] {
	width: 20px;
	border: none;
}
input[type="image"] {
	border: none;
}

input.file {		/* : FILTER : IE 6 에서 속성 선택자 지원 안함 */
	padding: 2px 0px 2px 0px;
	height: auto;
	/*background: #F1F1F1;*/
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #FFFFCE;
}

select {
	margin: 0px;
	padding: 0px;
	height: 18px;
	font-family: "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, sans-serif;
	color: #555555;
	vertical-align: middle;
	font-size: 1em;
}

a:link, a:visited {
	font-size: 1em;
	color: #656565;
	text-decoration: none;
}
a:hover, a:active {
	font-size: 1em;
	color: #f28a36;
	text-decoration: underline;
}

/*=================================================================================
 * Board List Type
 =================================================================================*/
.BdList-Type01 {
	position:relative;
	width:100%;
	table-layout: fixed;
}

.BdList-Type01 caption {	display:none;}

.BdList-Type01 thead tr {
	position:relative;
	height:33px;
	background:url(../images/zipcode/bd_top_bg.gif) repeat-x left top;
}

.BdList-Type01 thead tr th {
	color:#575757;
	background:url(../images/zipcode/bd_line.gif) no-repeat left bottom;
	height: 30px;
}

.BdList-Type01 thead tr th.bd-none {	background:none;}

.BdList-Type01 tbody td {
	padding:9px 0 8px 0;
	text-align:center;
	border-bottom:1px solid #e9e9e9;
	line-height:14px;
}

.BdList-Type01 tbody td.left {
	text-align:left;
	padding-left: 5px;
}

.No-Data {
	height: 100px;
	color: #ACACAC;
	font-weight: bold;
}

.ico-ing {	text-align:left;	margin-right: 4px;	margin-bottom: 1px;	vertical-align: middle;}
.photo {	text-align:left;	margin-right: 5px;	margin-bottom: 1px;	vertical-align: middle; border:1px solid #e9e9e9; padding:1px;}
.site-img {	text-align:left;	margin-right: 10px;	margin-bottom: 1px;	vertical-align: middle; border:1px solid #e9e9e9; padding:1px; width:137px; height:38px;}

.ico-re {	margin:-2px 3px 0 0;}



/*=================================================================================
 * Default Common Style Definition
 =================================================================================*/
.Hearing {
	position: absolute;
	left: -10000px;
	top: 0px;
}
  
/* Modal Container CSS */
#modal_container {
 padding:5px;
 background-color:#fff;
 border:1px solid #666;
 overflow:auto;
 font-family: "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, sans-serif;
 font-size:12px;
 color:#333;
 text-align:left;
}
#modal_container.test {
 background-color:#900;
 color:#fff;
 padding:30px;
 text-align:center
}
#modal_overlay {
 background-color:#000;
}
#modal_overlay.test {
 background-color:#fff;
}


/* Skip Navigation */
#skipNavigation {
 position: absolute;
 left: 50%;
 top: -9990px;
 margin-left: -82px;
 z-index:1000;
}
#skipNavigation li a {
 position: absolute;
 left: 0px;
 top: 0px;
 display: inline-block;
 padding: 5px 20px;
 border: 1px solid #cccccc;
 white-space: nowrap;
 text-align: center;
 text-decoration: none;
 background: #FFF;
}
#skipNavigation li a:hover,
#skipNavigation li a:active,
#skipNavigation li a:focus  {
 position: absolute;
 left: 0px;
 top: 10000px;
 border: 2px solid #ff9900;
 color: #000;
 font-weight: bold;
}

span.btn01 {
 background:url(../img/btn_left.gif) no-repeat left top;
 display:inline-block;
 padding:0 0 0 5px;
}
span .type01 {
 background:url(../img/btn_right.gif) no-repeat right top;
 border:none;
 height:26px;
 color:#fff;
 padding:0 3px 0 0;
 font-weight:bold;
 letter-spacing:-1px;
}

.phoneTitle {padding:0 0 5px 20px}
#cellphone, #authNumber {width:180px;height:20px;}
.popPhone {
	position: relative;
	width:100%;
	padding:10px 0;
	margin-bottom:20px;
}
.popPhone label {
	font-weight:bold;
	color:#015089;
	background:url(../images/zipcode/bullet07.gif) no-repeat left 4px;
	padding:0 0 0 5px;
}
.popPhone div {
	padding: 0 0 10px 20px;
}
.popPhone div label {
	display: inline-block;
	width: 70px;
}



/* 약관동의 */
#content-table {
	width:97%;
	margin-left:25px;
	margin-top:20px;
}
#Help-box {
	width:97%;
	border:3px solid #d5d5d5;
	margin-bottom:20px;
}

#Help-box td {
	padding-left:15px;
}

#Help-box td.title {
	padding-top:10px;
	font-weight:bold;
	color:#a71b14;
	padding-bottom:4px;
}

#Help-box td.title span {
	background:url(../images/zipcode/bluet04.gif) no-repeat left 1px;
	padding-left:12px;
}

#Help-box td.txt p {
	background:url(../images/zipcode/dot.gif) repeat-x left top;
	padding:7px 7px 7px 10px;
	margin:0px;
}
.Group-box {
	width:97%;
	border-top:1px solid #7e7e7e;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:20px;
}

.Group-box caption {
	display:none;
}

.Group-box tbody th, .Group-box tbody td {
	padding:7px 10px 7px 7px;
}

.Group-box tbody th {
	background:#f3f3f3;
	border-bottom:1px solid #cddbf0;
	border-right:1px solid #cddbf0;
	padding:8px 0 6px 0;
	color:#7e7e7e;
	text-align:center;
}

.Group-box tbody td {
	text-align:left;
	border-bottom:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	padding:5px 8px 5px 5px;
}

.Group-box tbody th {
	text-align:left;
	border-bottom:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	padding:5px 8px 5px 10px;
	background:#f3f3f3;
	color:#7e7e7e; d
}
#agreeTable td {
	padding-right: 0;
	text-align: right;	
}