.mar-R{ margin-left:1.4%;}
.fla-R{float:right !important;}
.radis{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} 
.radis2{border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
input,label,select{vertical-align:middle !important;}
.vertical-m{vertical-align:middle; }
.join-content2 p{font:13px/15px 'NanumGothic'; color:#555; margin-bottom:7px; letter-spacing:-0.7px;}
.join-content2 .star{color:red; font:13px/15px 'NanumGothic';}
.in-fix{background:#eee;}


input,label{vertical-align:middle;}
#edit-tabs { overflow: hidden; width:100%; margin: 0; padding: 0; list-style: none;}
#edit-tabs a {
  font-size: 1.1em;
  line-height: 1.1;
  padding: 17px 2px;
  position: relative;
  display:block;
  text-decoration: none;
  color: #afb7bb;
  background:#f0f2f3;
  border-right:1px solid #b6c0c5;
  border-left:1px solid #b6c0c5;
  border-top:1px solid #b6c0c5;
}
#edit-tabs a:hover,
#edit-tabs a:hover::after,
#edit-tabs a:focus,
#edit-tabs a:focus::after {
  background: #fff;
  color:#2898c4;
  border-right:1px solid #71b0c9;
  border-left:1px solid #71b0c9;
  border-top:1px solid #71b0c9;
}
#edit-tabs .active{color:#2898c4;}

#edit-tabs #current a,
#edit-tabs #current a::after {background: #fff;z-index: 3; color:#2898c4;}

#edit-content {
	/* border-top: 1px solid #71b0c9\9; */
	border-right: 1px solid #71b0c9;
	border-left: 1px solid #71b0c9;
	border-bottom: 1px solid #71b0c9;
	background: #fff;
	height: auto;
	position: relative;
	z-index: 2; 
	box-shadow: 0 -2px 0 -1px rgba(113, 176, 201, 1);
}

/* IE8¹öÀü¿ë */
@media \0screen {
	#edit-content {
		border-top: 1px solid #71b0c9;
	}
	#edit-tabs #current a,
	#edit-tabs #current a.on {background: #fff;z-index: 3; color:#2898c4;}
}

/* IE5 ¹öÀü ¼öÁ¤ */
*html #edit-content {text-align: center;}
*html .n-password-s {display: inline-block;}
*html .n-password-s ul {width: 100%;}
*html .n-password-s .certify_input {border: 1px solid #dadada; height: 35px; line-height: 25px}
*html .pw_updateBox .con-txt01 .table {width: 96%; margin: 0 2%;}
*html .pw_updateBox .con-txt01 .table td input {width: 80%; max-width: 300px; margin-left: 5px}
*html .pw_updateBox .con-txt02 {width: 45%; padding: 2%;  display: inline-block; }
*html .pw_updateBox #tab1_03 {display: inline-block; margin: 0 auto; text-align: center; width: 100%; padding: 20px 0;}
*html .pw_updateBox #tab1_03 h3 {text-align: center; width: 100%;}
*html .pw_updateBox #tab1_02 a {width: 100px;}
*html #container {margin-top: 10px;}

/* ³»Á¤º¸¼öÁ¤ ¾ÆÆÄÆ® Á¤º¸ 160829 */

.user-apart-box{background:#fff; width:80%; padding: 15px 4%; margin:0 auto; }
.user-apart-box label{font-size:13px; color:#555;display:inline-block; width:60px; }
.join-txt input[type=text] {box-sizing: border-box;}


/* Áö¿ª ¼±Åà */
.user-apart-box ul.join-area {width: 100%; height: 40px; display: block; margin-bottom: 10px;}
.user-apart-box ul.join-area li {width: 33%; display: block; height: 40px; background: #85b8cc; color: #fff; line-height: 40px; float: left; text-align: center; font-weight: 600;}
.user-apart-box ul.join-area li a{color: #fff;}
.user-apart-box ul.join-area li.active {background: #2495c1; color: #fff;}
.user-apart-box ul.join-area li:first-child {border-radius: 5px 0 0 5px;}
.user-apart-box ul.join-area li:nth-child(2) {margin: 0 0.5%}
.user-apart-box ul.join-area li:last-child {border-radius: 0 5px 5px 0;}
/* ´ÜÁö°Ë»ö */
.user-apart-box .user-apart_searchBox {width: 100%; height: 35px; display: block; margin-bottom: 10px; position:relative;}
.user-apart-box .user-apart_searchBox .apart-input1 {padding: 8px 0 8px 5px; width: 75%; float: left; height: 34px}
.user-apart-box .user-apart_searchBox span {width: 21%; float: right; margin-top: 0 !important}
.user-apart-box .user-apart_searchBox span .apart-btn {display:inline-block; padding:9px 0; width:100%; color:#fff; background:#399fc7; font-size:12px; text-align:center; border-radius:5px; height: 16px; line-height: 16px;}

/* °Ë»ö ¸®½ºÆ® */
.user-apart-box .user-apart-list {width: 100%; border: 1px solid #c5c5c5; background: #f7f7f7; display: inline-block; position:relative; margin-bottom: 10px; box-sizing: border-box;}
.user-apart-box .user-apart-list ul{width: 98%; padding: 2% 0 0 2%; display: inline-block;}
.user-apart-box .user-apart-list ul li {float: left; width: 30%;  margin: 0 3% 2% 0;}
.user-apart-box .user-apart-list ul li a {width: 100%; background: #dedede; color: #555; text-align: center; display: inline-block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; line-height: 30px; text-decoration: none; font-size: 1.1em; padding: 3px 0;}
.user-apart-box .user-apart-list ul li.a-list3 {margin-right: 0;}
.user-apart-box .user-apart-list ul div {float: left; width: 48%;  margin: 0 2% 2% 0; }
.user-apart-box .user-apart-list ul div a {width: 100%; background: #dedede; color: #555; text-align: center; display: inline-block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; line-height: 30px; text-decoration: none; font-size: 0.9em}
.user-apart-box .user-apart-list ul div.a-list3 {margin-right: 0;}

/* ´ÜÁö¸í ºÎºÐ */
.user-apart-box .user-apart-area {width: 100%; display: block; padding: 10px 4%; background:#f7f7f7; position:relative; box-sizing: border-box;  border: 1px solid #c5c5c5}
.user-apart-box .user-apart-area ul {width: 100%; display: inline-block;}
.user-apart-box .user-apart-area ul li {float: left; display: inline-block; width: 70%;}
.user-apart-box .user-apart-area ul li.a-a-name {height: 64px; color: #535353; font-size:0.9em; color:#555;display:inline-block; width:20%; padding: 8px 0; font-weight: 600}
.user-apart-box .user-apart-area ul li.a-a-input { background: #fff; border: 1px solid #c5c5c5; padding: 8px 0 8px 2%; text-align: center; position:relative; width: 75%; box-sizing: border-box; height: 34px;}
.user-apart-box .user-apart-area ul li.a-a-input2 {text-align: center; border-left:0; border-right: 0; position:relative; width: 75%;}
.user-apart-box .user-apart-area ul li.a-a-input2 .selectbox {width: 39%; float: left;}
.user-apart-box .user-apart-area ul li.a-a-input2 .selectbox:before {right: 10px;}
.user-apart-box .user-apart-area ul li.a-a-input2 span {width: 5%; font-size: 0.8em; color: #777; display: inline-block; line-height: 34px; text-align: center; float: left; padding: 0 2%;}
.user-apart-box .user-apart-area ul li:last-child {margin-top: 10px;}

.join-txt .join_content .user-apart-box .btn_big {width: 100%; padding: 0; text-align: center; margin: 10px 0 0 0; height: 40px; line-height: 40px;}

.join-txt .join_content .selectbox {
	position: relative;
	width: 18%;
	border: 1px solid #c5c5c5;
	z-index: 1;
	display:inline-block;
	background: #fff;
}/* border »ö #ddd -> #c5c5c5, background Ãß°¡ */


.join-txt .join_content .selectbox:before {
	content: "";
	position: absolute;
	top: 40%;
	right: 5px;
	margin-top: -1px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #555;
	z-index: -1;
}/* border-top: 5px -> 7px, top 50% -> 45·Î ¼öÁ¤ */

.join-txt .join_content .selectbox label {
	position: absolute;
	top: 25%;
	left: 5px;
	color: #999;
	z-index: -1;

}
.join-txt .join_content .selectbox select {
	width:100%;
	line-height: normal;
	font-family: inherit;
	padding: 8px 0;
	border: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}




/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ÁÖ¼ÒÁ¤º¸ ¸®´º¾ó */
.idpw-info-txt {font-size: 18px; max-width: 1100px; text-align:center; width: 100%; margin: 0 auto 25px; line-height: 25px;}
/* .idpw-info-txt {font-size: 18px; max-width: 700px; width: 100%; margin: 0 auto 25px; line-height: 25px;} */
.idpw-info-txt a {text-decoration:underline; line-height: 25px; font-weight: 700; color: #2898c4; display: inline-block}
.con-txt3 {width: 50%; margin: 0 auto; padding: 35px 0;} /* idã±â ¹Ú½ººÎºÐ */
.con-txt4 {width: 60%; margin: 0 auto; padding: 35px 0;} /* idã±â °Ë»ö¿Ï·á ºÎºÐ */
#tab1 .con-txt3 h3 {text-align:center;  font-size: 1.4em; line-height: 1.1; letter-spacing: -0.7px; font-weight:600; width: 100%;  font-size: 18px;}
/* ¼­ºê ŸÀÌƲ */
#tab1 .con-txt3 h3.idpw-sub-h3 {text-align: left; font-size: 1.0em; line-height: 1.1; letter-spacing: 0; font-weight: 600; width: 86%; margin: 0 auto; font-size: 15px;}

.n-xy-line{width:90%; height:1px; background: #ccc; margin:15px auto; display:inline-block;}
/* µî·ÏµÈ ÁÖ¼Ò ºÎºÐ */
.idpw-box{background:#fff; width:86%; padding: 15px 4%; margin:0 auto 10px; }
.idpw-box.phone {margin-bottom: 0;}
/* Áö¿ª ¼±Åà */
.idpw-box.apartment ul.join-area {width: 100%; height: 40px; display: block; margin-bottom: 10px;}
.idpw-box.apartment ul.join-area li {width: 33%; display: block; height: 40px; background: #85b8cc; color: #fff; line-height: 40px; float: left; text-align: center; font-weight: 600; font-size: 13px;}
.idpw-box.apartment ul.join-area li.active {background: #2495c1; color: #fff;}
.idpw-box.apartment ul.join-area li a {color: #fff;}
.idpw-box.apartment ul.join-area li:first-child {border-radius: 5px 0 0 5px;}
.idpw-box.apartment ul.join-area li:nth-child(2) {margin: 0 0.5%}
.idpw-box.apartment ul.join-area li:last-child {border-radius: 0 5px 5px 0;}
/* ´ÜÁö°Ë»ö */
.idpw-box.apartment .apart_searchBox {width: 100%; height: 35px; display: block; margin-bottom: 10px; position:relative;}
.idpw-box.apartment .apart_searchBox .apart-input1 {padding: 7px 0 7px 5px; width: 75%; float: left; height: 18px; line-height: 18px;}
.idpw-box.apartment .apart_searchBox .apart-btn {display:inline-block; padding:8px 0; width:20%; color:#fff; background:#399fc7; font-size:0.8em; text-align:center; border-radius:5px; float: right; font-size: 13px; height: 18px; line-height: 18px;}

/* °Ë»ö ¸®½ºÆ® */
.idpw-box.apartment .apart-list {width: 100%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; display: inline-block; position:relative; margin-bottom: 10px;}
.idpw-box.apartment .apart-list ul{width: 98%; padding: 2% 0; display: inline-block;}
.idpw-box.apartment .apart-list ul li {float: left; width: 30%;  margin: 0 3% 2% 0; }
.idpw-box.apartment .apart-list ul li a {width: 100%; background: #dedede; color: #555; text-align: center; display: inline-block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; line-height: 30px; text-decoration: none; font-size: 1.1em; padding: 3px 0;}
.idpw-box.apartment .apart-list ul li.a-list3 {margin-right: 0;}
.idpw-box.apartment .apart-list ul div {float: left; width: 48%;  margin: 0 2% 2% 0; }
.idpw-box.apartment .apart-list ul div a {width: 100%; background: #dedede; color: #555; text-align: center; display: inline-block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; line-height: 30px; text-decoration: none; font-size: 0.9em}
.idpw-box.apartment .apart-list ul div.a-list3 {margin-right: 0;}

/* °Ë»ö¸®½ºÆ® Å׵θ® */
.apartment .apart-list:before { top: 0; left: 0; width: 1px; height: 100%; position:absolute; background: #e5e5e5; content:'';}
.apartment .apart-list:after {top: 0; right: 0; width: 1px; height: 100%; position:absolute; background: #e5e5e5; content:'';}

/* ´ÜÁö¸í ºÎºÐ */
.idpw-box.apartment .apart-area {width: 92%; display: block; padding: 10px 4% 0; background:#fff; position:relative; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
/* ´ÜÁö¸í Å׵θ® */
.apartment .apart-area:before { top: 0; left: 0; width: 1px; height: 100%; position:absolute; background: #e5e5e5; content:'';}
.apartment .apart-area:after {top: 0; right: 0; width: 1px; height: 100%; position:absolute; background: #e5e5e5; content:'';}
.idpw-box.apartment .apart-area ul {width: 100%; display: inline-block;}
.idpw-box.apartment .apart-area ul li {float: left; display: inline-block; width: 70%;}
.idpw-box.apartment .apart-area ul li.a-a-name {height: 64px; color: #535353; font-size:12px; color:#555;display:inline-block; width:20%; padding: 8px 0; font-weight: 600; text-align: left;}
.idpw-box.apartment .apart-area ul li.a-a-input {height: 16px; background: #fff; border: 1px solid #e5e5e5; padding: 8px 0 8px 2%; text-align: center; border-left:0; border-right: 0; position:relative; width: 75%;}
.idpw-box.apartment .apart-area ul li.a-a-input:before { top: 0; left: 0; width: 1px; height: 100%; position:absolute; background: #e5e5e5; content:'';}
.idpw-box.apartment .apart-area ul li.a-a-input:after { top: 0; right: 0; width: 1px; height: 100%; position:absolute; background: #e5e5e5; content:'';}
.idpw-box.apartment .apart-area ul li.a-a-input2 {text-align: center; border-left:0; border-right: 0; position:relative; width: 79%;}
.idpw-box.apartment .apart-area ul li.a-a-input2 .selectbox {width: 39%; float: left;}
.idpw-box.apartment .apart-area ul li.a-a-input2 .selectbox:before {right: 10px;}
.idpw-box.apartment .apart-area ul li.a-a-input2 .selectbox label {font-size: 12px; line-height: 14px;}
.idpw-box.apartment .apart-area ul li.a-a-input2 span {width: 5%; font-size: 12px; color: #777; display: inline-block; line-height: 34px; text-align: center; float: left; padding: 0 2%;}
.idpw-box.apartment .apart-area ul li {margin-bottom: 10px;}


.idpw-box.phone .phone-input-box {width: 100%; display: inline-block; text-align: center; position:relative}
.idpw-box.phone .phone-input-box span {line-height: 35px; display: inline-block; width: 5%;}
.idpw-box.phone .phone-input-box .selectbox {float: left; border-color: #c5c5c5; width: 25%; text-align: left;}
.idpw-box.phone .phone-input-box .selectbox select {padding: 7px 0;}
.idpw-box.phone .phone-input-box .join-input-phone {width: 28%; display: inline-block; border:1px solid #ddd; padding:7px 0 7px 3px; position:relative; height: 19px; line-height: 19px;}

/* ¾ÆÀ̵ðã±â °á°úºÎºÐ */
.con-txt4 .idsearch-h3-1 {text-align: center; font-size: 18px; letter-spacing: -0.5px; width: 100%; font-weight: normal; line-height: 36px; margin: 10px 0;}
.con-txt4 .idsearch-h3-2 {text-align: center; font-size: 16px; letter-spacing: -0.5px; width: 100%; font-weight: normal; line-height: 32px; margin: 10px 0;}
.con-txt4 .certify_input {width: 40%; padding: 5px 0; margin: 10px auto; display: block; text-align: center;}

/* ºñ¹Ð¹øÈ£ ã±â ¸®´º¾ó 160812 */

.n-password-s{width:70%; position:relative; margin:0 auto; text-align:center; padding:35px 0;}
.n-password-s ul li{display:inline-block; width:48%; float: left; margin-bottom: 20px; padding-top: 15px;}
.n-password-s ul li.e-mail-radiobox {float: left;}
.n-password-s ul li.phone-radiobox {float: right;}
.n-password-s ul li h3{font-size: 16px; line-height: 1.5; margin:30px 0 15px 0; letter-spacing:-0.5px; color: #555; font-weight:600;}
.n-password-s ul li p{font-size: 14px; line-height: 1.2; color:#666;}
.n-password-s ul li input[type=radio] {margin: 15px auto; width: 14px; height: 14px;}
.n-password-s .certify_input {width: 40%; padding: 5px 0; margin: 10px auto 5px; display: block; text-align: center;}
.n-password-s .n-pass-h3 {text-align: center; font-size: 14px; letter-spacing: -0.5px; width: 100%; font-weight: normal; line-height: 28px; margin: 0 0 10px 0; color: #777;}
/*.n-password-s ul li p{font:0.9em/120% 'NanumGothic'; color:#666;}*/
.n-password-s .new-bn{margin-top:20px;}


/* 170131 ÈÞ¸éȸ¿ø ÀÎÁõºÎºÐ */
.n-dormancy-s{width:70%; position:relative; margin:0 auto; text-align:center; padding:35px 0;}
.n-dormancy-s .dormancy_input {width: 100%; display: block; text-aling: center; margin: 10px 0;}
.n-dormancy-s .dormancy_input .certify_input {width: 40%; padding: 5px 0; display: inline-block; text-align: center;}
.n-dormancy-s .dormancy_input a {height: 40px; line-height: 40px; min-width: 60px; padding: 0; margin-left: 10px;}
.n-dormancy-s ul {display: inline-block}
.n-dormancy-s ul li{display:inline-block; width:100%; margin-bottom: 20px; padding-top: 15px;}
.n-dormancy-s ul li.no_Box {float: left;}
.n-dormancy-s ul li.yes_Box {float: right;}
.n-dormancy-s ul li.yes_Box p {margin: 5px 0;}
.n-dormancy-s ul li.yes_Box p.select_numBox {margin: 10px 0 0;}
.n-dormancy-s ul li.yes_Box p.select_numBox span {display: inline-block; margin: 0 5px;}
.n-dormancy-s ul li.yes_Box p.select_numBox span input[type=radio] {display: inline-block; margin: 0 0 0 5px; position: relative; top: -1px;}
.n-dormancy-s ul li h3{font-size: 16px; line-height: 1.5; margin:5px 0 15px 0; letter-spacing:-0.5px; color: #555; font-weight:600;}
.n-dormancy-s ul li p{font-size: 14px; line-height: 20px; color:#666;}
.n-dormancy-s ul li input[type=radio] {margin: 10px auto 5px; width: 14px; height: 14px; display: block;}
.n-dormancy-s .n-dormancy-h3 {text-align: center; font-size: 14px; letter-spacing: -0.5px; width: 100%; font-weight: normal; line-height: 28px; margin: 0 0 10px 0; color: #777;}
/*.n-password-s ul li p{font:0.9em/120% 'NanumGothic'; color:#666;}*/
.n-dormancy-s .new-bn{margin-top:20px;}
.n-dormancy-s ul li.yes_Box a.yes_numbtn { height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px;}




/* ¾ÆÀ̵ðã±â ¼¿·ºÆ®¹Ú½º */

.idpw-box .selectbox {
  position: relative;
  width: 18%;
  border: 1px solid #e5e5e5;
  z-index: 1;
  display:inline-block;
  background: #fff;
}/* border »ö #ddd -> #c5c5c5, background Ãß°¡ */


.idpw-box .selectbox:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 5px;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #555;
}/* border-top: 5px -> 7px, top 50% -> 45·Î ¼öÁ¤ */

.idpw-box .selectbox label {
  position: absolute;
  top: 25%;
  left: 5px;
  color: #999;
  z-index: -1;
  

}
.idpw-box .selectbox select {
	width:100%;
  line-height: normal;
  font-family: inherit;
  padding: 8px 0;
  border: 0;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}



/* ȸ¿ø°¡ÀÔ »ó´Ü ÅÇ */
.join-tab{width:100%; position:relative; }
.join-tab .join1-step{background:#f8f8f8; border:1px solid #ddd; width:27.1%; float:left; padding:16px 28px; }
.join-tab .join1-step h5{font-size: 18px; line-height: 15px; color:#494949; font-weight:600; letter-spacing:-0.4px; float:left; line-height:150%;}
.join-tab .join1-step span{font-size: 16px; line-height: 15px; color:#494949;}
.join-tab .join1-step span img{float:right; vertical-align:top;}
.join-tab .btn-over{background:#2898c4; }
.join-tab .btn-over h5{color:#fff;}
.join-tab .btn-over span{color:#fff;}
/* ȸ¿ø°¡ÀÔ »ó´Ü ÅÇ */

/* °¡ÀÔÀ¯Çü */
.join-content{width:100%; border:1px solid #ddd; position:relative;}
.join-content h3{width:100% auto; border-bottom:1px solid #ddd; font-size: 15px; line-height: 1; color:#636363; padding:8px 12px; letter-spacing:-0.5px;}
.join-content .join-in{width:50%; display:inline-block; text-align:center; padding-top:60px; vertical-align:top;}

.join-content .join-out{width:43.6%; display:inline-block; background:#f6f6f6; text-align:left;  padding-top:30px;padding-bottom:40px;padding-left:35px;padding-right:30px;}
.join-content .join-out .tit_ex	{font-size: 14px; line-height: 1.3; color:#222; padding-left:25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0; background-size:17px; margin:10px;}
.join-content .join-out .bu_list li	{font-size: 13px; line-height: 1.3; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;margin:12px;}


/* °¡ÀÔÀ¯Çü */
.join-content2{width:100%; position:relative; margin-top:40px;}
.join-content2 .phone-a{width:48%; height:350px; border:1px solid #ddd; float:left; }
.join-content2 .ipin-a{width:48%;  height:350px;  border:1px solid #ddd; float:right}

/* ¾à°üµ¿ÀÇ */
.join-prim{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:120px;}
.join-prim h3{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:11px;}
.join-prim  textarea{width:100%; height:150px; border:1px solid #ddd; text-align:left; }
.join-prim .total-btn{display:inline-block; background:#777; text-align:center; font-size: 12px; line-height: 15px; color:#fff; padding:4px 5px;}
.join-prim .total-btn:hover{background:#aaa;}
.join-prim p{display:inline-block; font-size: 12px; line-height: 15px; color:#666; padding:5px 0 0 5px; }
.join-prim span{float:right; font-size: 13px; line-height: 15px; color:#555; }
.join-prim input{vertical-align:middle;}
.join-prim li{margin-bottom:45px;}
.btnBox{margin-top:30px;}
.btnBox p{font-size: 12px; line-height: 15px; color:#666;}
.btnBox span{font-size: 15px; line-height: 1; color:#555; width:100%; display:block; margin:12px 0 24px 0; letter-spacing:-0.5px; font-weight:600;} 
.btnBox input{vertical-align:middle; width:18px; height:18px;}

/*Ãß°¡*/ 
.join-prim01{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:50px;margin-bottom:50px;}
.join-prim01 h3{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:11px;}
.join-prim01  textarea{width:100%; height:350px; border:1px solid #ddd; text-align:left; }
.join-prim01 .total-btn{display:inline-block; background:#777; text-align:center; font-size: 12px; line-height: 15px; color:#fff; padding:4px 5px;}
.join-prim01 .total-btn:hover{background:#aaa;}
.join-prim01 p{display:inline-block; font-size: 12px; line-height: 15px; color:#666; padding:5px 0 0 5px; }
.join-prim01 span{float:right; font-size: 13px; line-height: 15px; color:#555; }
.join-prim01 input{vertical-align:middle;}
.join-prim01 li{margin-bottom:0px;}

.join-prim02{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:20px;margin-bottom:10px;}
.join-prim02 h3{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:0px;}
.join-prim02 textarea{width:100%; height:100px; border:1px solid #ddd; text-align:left; }
.join-prim02 input{vertical-align:middle;}
.join-prim02 li{margin-bottom:0px;}
.jt_01{width:100%; margin-top:0px; font-size: 13px; line-height: 15px; color:#494949; margin-bottom:5px;}
.jt_02{width:100%;border:1px solid #ddd; background-color:#FFF; text-align:center;}
.jt_02 td{height:35px;;border-right:1px solid #ddd;border-bottom:1px solid #ddd; font-size: 13px; line-height: 15px; color:#494949;}

/* ¾à°üµ¿ÀÇ */



/* º»ÀÎÈ®ÀÎ */
.phone-a .pon-wd,.ip-wd{width:300px; margin:0 auto; text-align:center; padding:35px 0 !important;}
.pon-wd h3{font:1em/110% 'NanumGothic'; color:#333; font-weight:bold; margin:30px 0 25px 0; letter-spacing:-0.4px;}
.pon-wd p{font:0.8em/140% 'NanumGothic'; color:#777;  letter-spacing:-0.4px;  height:90px;}
.pon-wd p span{font:1em/140% 'NanumGothic'; color:#2898c4;}
.ip-wd h3{font:1em/110% 'NanumGothic'; color:#333; font-weight:bold; margin:30px 0 25px 0; letter-spacing:-0.4px;}
.ip-wd p{font:0.8em/140% 'NanumGothic'; color:#777;  letter-spacing:-0.4px; height:90px;}
.ip-wd p span{font:1em/140% 'NanumGothic'; color:#2898c4;}
.join-content2 .join_step_btn{display:block; background:#777; color:#fff; text-align:center; font:0.9em/150% 'NanumGothic'; padding:5px 0; width:115px; margin:0 auto; letter-spacing:-0.7px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.padd-L{margin-left:35px;}
.padd-T{margin-top:13px;}
/* º»ÀÎÈ®ÀÎ */

/* Á¤º¸ÀÔ·Â */
.join-txt{width:100%; border-top:1px solid #777; border-bottom:1px solid #777; font:13px/15px 'NanumGothic';}
.join-txt tr td{border-bottom:1px solid #eee; padding:15px 0; vertical-align:middle; }
.join-txt p{font:13px/15px 'NanumGothic'; color:#777;  line-height:150%; margin-top: 3px;} /* 160907 ¼öÁ¤ */
.join-txt .join_title{width:30%; padding-left:30px; font-size: 13px; line-height: 15px; font-weight:600; color:#444; }
/* 160907 Ãß°¡ ¹× ¼öÁ¤ */
.join-txt .join_content span {display: inline-block; margin-top: 3px}
.join-txt .join_content .birthday-gububox {display: inline-block; margin: 3px 0; float: left; height: 30px; line-height: 30px;}
.join-txt .join_content .birthday-box {display: inline-block; margin: 3px 0; float: left; height: 30px; width: 35%; text-align: center;}
.join-txt .join_content .birthday-box .selectbox {width: 30%;}
.join-txt .join_content .readMail {min-width: 110px;}
.join-txt .join_content .gender-box {display: inline-block; margin: 3px 0; float: left; height: 30px; line-height: 30px;}
.join-txt .join-input{width:38%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic';}
.join-txt .join-input2{width:42%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic'; }
.join-txt .join-input3{width:15%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic'; text-align:center;} /* 160907 ¼öÁ¤ */
.join-txt .step1 .jo-btn-t{display:inline-block; color:#777; padding:5px 12px; margin:0 2px; }
.join-txt .step1 .line-t{text-decoration:underline;}
.join-txt .p-txt{color:#888; letter-spacing:-1px; padding-top:7px; font-family:'NanumGothic';}
.join-txt .p-txt2{color:#555; letter-spacing:-0.7px; padding-top:7px; font-family:'NanumGothic';}
.join-txt .select-area{border:1px solid #e5e5e5; font-size:14px; font-family:'NanumGothic'; padding:3px 5px; background:#fff;}
.join-txt .join-small-btn{display:inline-block; background:#888; font:13px/15px 'NanumGothic'; color:#fff; text-align:center; padding:5px 2px; width:75px; margin: 3px 0;} /* 160907 ¼öÁ¤ */
.join-txt .join-small-btn:hover{background:#aaa;}
.join-txt form{display:inline-block; width:auto;}
.join-txt a{font-family:'NanumGothic';}

.join-txt .domain_info {display: block; padding: 5px 0;}
.join-txt .domain_info .domain_radio {display: inline-block; width: 30%; }
.join-txt .domain_info .domain_input {display: inline;}
/* Á¤º¸ÀÔ·Â */


/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤ */
#edit-tabs li {float: left;  width:25%; text-align:center; } /* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â ºÎºÐ CSS ³Êºñ Á¶Á¤ 160825 */
.line-1{border-right:1px solid #ddd; width:1px !important; height:45px; margin:0 20px 38px  16px;}
.line-2{border-right:1px solid #eee; width:1px !important; height:250px; margin:0 2% 3% 2%}
.xy-line{width:1px; height:400px; border-right:1px solid #ccc; margin:15px; display:inline-block;}
.line-3{border-right:1px solid #ddd; widht:1px; height:45px; margin:0 7px 45px 7px;}
#tab1 {text-align:center; font:0.9em/110% 'NanumGothic'; width:100%;}
.con-txt, .con-txt2{ width:40%; display:inline-block; vertical-align:top; padding:2em 2em; }

#tab1 .con-txt h3{text-align:left;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; margin-bottom:30px; font-weight:600;}
#tab1 .con-txt2 h3{text-align:left;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; margin-bottom:30px; font-weight:600;}
.con-txt ul li{list-style:none; padding:15px 0; text-align:left;  }
.co-line{border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:91%; padding:5% 3%; margin:25px 0; height:160px;}
.con-txt .co-line p{width:30%; display:inline-block; font-size:0.9em;}
.con-txt label{font-family:"NanumGothic";}
.con-txt .co-line label{width:9%; display:inline-block; font-size:0.9em; color:#666; }
.co-line .name-input{width:183px; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.co-line .brith-input{width:14.5%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.title-tx{font-size:1.1em; padding:0 12px 0 0; display:inline-block;}
.con-txt2 li{display:inline-block; }
.con-txt2 p{text-align:left; letter-spacing:-0.5px; font-family:"NanumGothic";}
.con-txt2 .co-line label{font:0.8em/110% 'NanumGothic'; margin-top:10px; display:block; margin-bottom:-5px;}
.con-txt2 .com-txtt{font:0.8em/110% 'NanumGothic'; color:#666; letter-spacing:-1px; margin-top:40px; margin-top:40px; text-align:center;}
.con-txt2 .com-txtt a{text-decoration:underline; font:1em/110% 'NanumGothic'; color:#555;}
.password-s{width:99%; position:relative; margin:0 auto; text-align:center; padding:4% 0;}
.password-s ul li{display:inline-block; width:20%; }
.password-s h3{font:1.2em/150% 'NanumGothic';  margin:30px 0 15px 0; letter-spacing:-0.5px;}
.password-s p{font:0.9em/120% 'NanumGothic'; color:#666;}
.password-s .new-bn{margin-top:20px;}
.top-search{width:100%; text-align:center; padding:2% 0;}
.top-search label{font:1em/150% 'NanumGothic'; padding-right:1%	; }
.top-search input{width:25%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
/* //¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤ */


/* Ãß°¡_¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤01 */
#Ntab1 									{text-align:center; width:%; padding-top:40px; padding-bottom:40px;}
.idpw_txt 				  				{width:90%; display:inline-block; vertical-align:middle; }

#Ntab1 .idpw-txt h3						{text-align:center;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; font-weight:600;}
.idpw_back						        {text-align:center; vertical-align:middle; background-color:#f5f5f5;  margin:30px; }
.idpw_label 			  				{padding:20px 0px 20px 0; display:inline-block;}	
.idpw_01								{font:1.1em/110% 'NanumGothic'; padding-top:10px; padding-bottom:10px;}			


#Ntab2									{text-align:center; width:%; padding-top:40px; padding-bottom:40px;}
.idpw_txt2 				  				{width:90%; display:inline-block; vertical-align:middle; text-align:center; }

#Ntab2 .idpw-txt2 h3 					{text-align:center;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; font-weight:600;}
.idpw-line								{border-top:2px solid #e0ebf1; border-bottom:2px solid #e0ebf1; width:91%; height:160px; margin:3% 5%;}

.idpw_L									{width:50%;background-color:#f1f6f9; float:left;height:160px;}
.idpw_L ul								{text-align:left;font:13px/110% 'NanumGothic'; margin:20px;}
.idpw_L .name-input						{width:55%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.label01								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }
.label02								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }
.label03								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:30px; }
.label04								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }

.idpw_R									{width:50%;height:300px;float:right;}
.idpw_R	ul								{text-align:left; padding:20px 10px 0px 20px;font:12px/130% 'NanumGothic'; color:#505050;}


/**** pc idpw ****/
#edit-content01 {
	text-align:center;
	border-right: 1px solid #71b0c9;
	border-left: 1px solid #71b0c9;
	border-bottom: 1px solid #71b0c9;
	background: #ffffff;
	height: auto;
	position: relative;
	z-index: 2; 
	box-shadow: 0 -2px 0 -1px rgba(113, 176, 201, 1);
}

#tab1_01 {text-align:center; font:1.5em/110% 'NanumGothic';color:#2897c4; padding:30px;}
 .con-txt01 {width:40%;display:inline-block;text-align:center;  vertical-align:top; padding:2em 2em;background: #f1f6f9; border-bottom: 2px solid #e0ebf1;border-top: 2px solid #e0ebf1;}
 .table { font-size: 13px; text-align:left;font-weight:600; margin-left:30px;margin-top:10px;}
 .Td01 { padding-left:10px;padding-bottom:10px; font-size: 13px; color:#2897c4;}
 
 
 .con-txt02 { width:40%; display:inline-block; text-align:left; vertical-align:top; padding:5.5em 2em;background: #ffffff;border-bottom: 2px solid #e0ebf1;border-top: 2px solid #e0ebf1;}
 .con-txt02  li { padding-top:12px;}

#tab1_02 {text-align:center;  padding:40px;}

/* ·Î±×ÀΰèÁ¤Ã£±â À¥¹öÀü 160823 */
.n-xy-line.login-id-sline {display: none;}
.login-id-SearchBox{width:90%; height:100%; margin:0 auto; text-align:center; padding: 35px 0; position:relative; max-width: 400px;}
.login-id-SearchBox ul {width: 92%; display: block; padding: 8% 4%; background: #fff; min-height: 160px}
.login-id-SearchBox ul li {width: 100%; display: inline-block;}
.login-id-SearchBox ul li p {width: 100%; padding-bottom: 5%; font-size: 1.1em; text-align: center; color: #535353; font-weight: 600;}
.login-id-SearchBox ul li .phone-search-input {width: 96%; display: inline-block; text-align: center; position:relative; padding-bottom: 5%;}
.login-id-SearchBox ul li .phone-search-input span {line-height: 35px; display: inline-block; width: 5%;}
.login-id-SearchBox ul li .phone-search-input .selectbox {float: left; border-color: #c5c5c5; width: 23%; display: inline-block}
.login-id-SearchBox ul li .phone-search-input .selectbox select {padding: 7px 0;}
.login-id-SearchBox ul li .phone-search-input .selectbox::before {right: 10px;}
.login-id-SearchBox ul li .phone-search-input .search-input-phone {width: 28%; display: inline-block; border:1px solid #ddd; padding:8px 0 8px 3px; position:relative; height: 18px;}
.login-id-SearchBox ul li .idSearch-btn{width:100%; background:#2495c1; display:block; text-align:center; padding:10px 0; font-size:1.2em; color:#fff; font-weight:800; max-width: 320px; margin: 0 auto;}
/* ·Î±×ÀΰèÁ¤ °Ë»ö¿Ï·á ºÎºÐ */
.login-id-SearchBox ul li.search-complete {margin-top: 10%;}
.login-id-SearchBox ul li.search-complete p span {color: #207bc1;}
.login-id-SearchBox ul li.search-complete .idSearch-btn {background: #207bc1;}
.login-id-SearchBox .idSearch-bottom {width: 100%; padding: 12% 0 5%; display: block;}
.login-id-SearchBox .idSearch-bottom p {color:#858585; font-size:1.1em; margin-top:15px; line-height:140%;font-weight: 600; text-align: center ;padding-bottom: 5%;}
.login-id-SearchBox .idSearch-bottom .idSearch-home-btn{width:100%; margin:0 auto; background:#767676; display:block; text-align:center; padding:15px 0; font-size:1.2em; color:#fff;  font-weight:800;}

.login-id-SearchBox ul li .phone-search-input .selectbox {
  position: relative;
  border: 1px solid #c5c5c5;
  z-index: 1;
  display:inline-block;
  background: #fff;
}/* border »ö #ddd -> #c5c5c5, background Ãß°¡ */


.login-id-SearchBox ul li .phone-search-input .selectbox:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 10px;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #555;
}/* border-top: 5px -> 7px, top 50% -> 45·Î ¼öÁ¤ */

.login-id-SearchBox ul li .phone-search-input .selectbox label {
  position: absolute;
  top: 25%;
  left: 5px;
  color: #999;
  z-index: -1;

}
.login-id-SearchBox ul li .phone-search-input .selectbox select {
	width:100%;
  line-height: normal;
  font-family: inherit;
  padding: 8px 0;
  border: 0;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}


/* ȸ¿øÁ¤º¸ ºñ¹Ð¹øÈ£ º¯°æ ºÎºÐ 160824 */

.pw_updateBox {display: block; margin: 20px 0; padding: 0 10%; text-align: center;}
.pw_updateBox #tab1_03 {display: inline-block; margin: 20px auto; text-align: center; width: 100%;}
.pw_updateBox #tab1_03 img {vertical-align:middle;padding-right:10px; display: inline-block;}
.pw_updateBox #tab1_03 h3 {font-size: 18px; line-height: 1; color:#2897c4; display: inline-block; text-align: left; position: relative; top: 10px}
.pw_updateBox #tab1_03 h3 span {font-size: 12px; line-height: 1.2; color: #868686;}
.pw_updateBox .con-txt01 {width: 45%; padding: 2%; display: inline-block; }
.pw_updateBox .con-txt01 .table {width: 96%; margin: 0 2%;}
.pw_updateBox .con-txt01 .table td {height: 52px; font-weight: 600; font-size: 14px; line-height: 1;}
.pw_updateBox .con-txt01 .table td.Td01 {padding-bottom: 0;}
.pw_updateBox .con-txt01 .table td.pw-table-head {}
.pw_updateBox .con-txt01 .table td input {width: 80%; max-width: 300px; margin-left: 5px}
.pw_updateBox .con-txt02 {width: 45%; padding: 2%;  display: inline-block; }
.pw_updateBox .con-txt02 .table {width: 100%; margin: 0 auto;}
.pw_updateBox .con-txt02 .table td {height: 52px; padding-left: 10px; text-indent: -10px;}
.pw_updateBox .con-txt02 {width: 45%; padding: 2%;  display: inline-block; }
.pw_updateBox .con-txt02 .table02 {width: 100%; margin: 0 auto;}
.pw_updateBox .con-txt02 .table02 td {height: 52px; padding-left: 10px; text-indent: -10px;}

.pw_updateBox #tab1_02 {display: block; margin: 20px auto;}
.pw_updateBox #tab1_02 a {margin: 0 10px} 


/**** tablet ****/
@media all and (max-width:1100px){
.img-lef{ display:inline-block; width:30%; margin:0 auto; padding:0 25px;}
.img-lef b{font-size: 18px; line-height: 15px; color:#333; letter-spacing:-0.4px;  display:block; margin:30px 0 0 0; padding:0 0px; width:100%;}

/* ÁÖ¼Ò Á¤º¸ ºÎºÐ */
.con-txt3 {width: 76%}
.idpw-info-txt {width: 90%; padding: 0 5%;}

/* ¸®´º¾ó ¾ÆÀ̵ðã±â °á°ú 160812 ¸ð¹ÙÀÏ */	
.con-txt4 {width: 80%;}
.con-txt4 .certify_input {width: 60%;}

/* ¸®´º¾ó ºñ¹Ð¹øȣã±â 1160812 */
.n-password-s {width: 80%}
.n-password-s .certify_input {width: 60%;}
/*.n-password-s ul li p{font:0.9em/120% 'NanumGothic'; color:#666;}*/

/* ȸ¿ø°¡ÀÔ »ó´Ü ÅÇ */
.join-tab{width:100%; position:relative; }
.join-tab .join1-step{background:#f8f8f8; border:1px solid #ddd; width:28.0%; float:left; padding:2% 2%; }
.join-tab .join1-step h5{font-size: 16px; line-height: 15px; color:#494949; font-weight:600; letter-spacing:-0.4px; float:left; line-height:150%;}
.join-tab .join1-step span{font-size: 15px; line-height: 1; color:#494949;}
.join-tab .join1-step span img{float:right; vertical-align:top;}
.join-tab .btn-over{background:#2898c4; }
.join-tab .btn-over h5{color:#fff;}
.join-tab .btn-over span{color:#fff;}
/* ȸ¿ø°¡ÀÔ »ó´Ü ÅÇ */

/* °¡ÀÔÀ¯Çü */
.join-content{width:100%; border:1px solid #ddd; position:relative;}
.join-content h3{width:100% auto; border-bottom:1px solid #ddd; font-size: 15px; line-height: 1; color:#636363; padding:8px 12px; letter-spacing:-0.5px;}
.join-content .join-in{width:100%; display:inline-block; text-align:center; padding:30px 0;}

.join-content .join-out{width:100%; display:inline-block; background:#f6f6f6; text-align:left;  padding:30px 0;}
.join-content .join-out .tit_ex	{font-size: 14px; line-height: 1.3; color:#222; padding-left:25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0; background-size:17px; margin:10px;}
.join-content .join-out .bu_list li	{font-size: 14px; line-height: 1.3; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;margin:12px;}


/* °¡ÀÔÀ¯Çü */
.join-content2{width:100%; position:relative;  margin-top:130px;}
.join-content2 .phone-a{width:48%; height:350px; border:1px solid #ddd; float:left; }
.join-content2 .ipin-a{width:48%;  height:350px;  border:1px solid #ddd; float:right}

/* ¾à°üµ¿ÀÇ */
.join-prim{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:120px;}
.join-prim h3{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:11px;}
.join-prim  textarea{width:100%; height:150px; border:1px solid #ddd; text-align:left; }
.join-prim .total-btn{display:inline-block; background:#777; text-align:center; font-size: 12px; line-height: 15px; color:#fff; padding:4px 5px;}
.join-prim .total-btn:hover{background:#aaa;}
.join-prim p{display:inline-block; font-size: 12px; line-height: 15px; color:#666; padding:5px 0 0 5px; }
.join-prim span{float:right; font-size: 13px; line-height: 15px; color:#555; }
.join-prim input{vertical-align:middle;}
.join-prim li{margin-bottom:45px;}
.btnBox{margin-top:30px;}
.btnBox p{font-size: 12px; line-height: 15px; color:#666;}
.btnBox span{font-size: 15px; line-height: 1; color:#555; width:100%; display:block; margin:12px 0 24px 0; letter-spacing:-0.5px; font-weight:600;} 
.btnBox input{vertical-align:middle; width:18px; height:18px;}
/* ¾à°üµ¿ÀÇ */


/*tabletÃß°¡*/ 
.join-prim01{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:50px;margin-bottom:50px;}
.join-prim01 h3{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:11px;}
.join-prim01  textarea{width:100%; height:350px; border:1px solid #ddd; text-align:left; }
.join-prim01 .total-btn{display:inline-block; background:#777; text-align:center; font-size: 12px; line-height: 15px; color:#fff; padding:4px 5px;}
.join-prim01 .total-btn:hover{background:#aaa;}
.join-prim01 p{display:inline-block; font-size: 12px; line-height: 15px; color:#666; padding:5px 0 0 5px; }
.join-prim01 span{float:right; font-size: 13px; line-height: 15px; color:#555; }
.join-prim01 input{vertical-align:middle;}
.join-prim01 li{margin-bottom:0px;}


/*Ãß°¡(03/30)*/ 
.join-prim02{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:20px;margin-bottom:10px;}
.join-prim02 h3{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:0px;}
.join-prim02 textarea{width:100%; height:100px; border:1px solid #ddd; text-align:left; }
.join-prim02 input{vertical-align:middle;}
.join-prim02 li{margin-bottom:0px;}
.jt_01{width:100%; margin-top:0px; font-size: 13px; line-height: 15px; color:#494949; margin-bottom:5px;}
.jt_02{width:100%;border:1px solid #ddd; background-color:#FFF; text-align:center;}
.jt_02 td{height:35px;;border-right:1px solid #ddd;border-bottom:1px solid #ddd; font-size: 13px; line-height: 15px; color:#494949;}



/* º»ÀÎÈ®ÀÎ */
.phone-a .pon-wd,.ip-wd{width:80%; margin:0 auto; text-align:center; padding:55px 0 !important;}
.pon-wd h3{font:1em/110% 'NanumGothic'; color:#333; font-weight:bold; margin:30px 0 25px 0; letter-spacing:-0.4px;}
.pon-wd p{font:0.8em/140% 'NanumGothic'; color:#777;  letter-spacing:-0.4px;  height:90px;}
.pon-wd p span{font:1em/140% 'NanumGothic'; color:#2898c4;}
.ip-wd h3{font:1em/110% 'NanumGothic'; color:#333; font-weight:bold; margin:30px 0 25px 0; letter-spacing:-0.4px;}
.ip-wd p{font:0.8em/140% 'NanumGothic'; color:#777;  letter-spacing:-0.4px; height:90px;}
.ip-wd p span{font:1em/140% 'NanumGothic'; color:#2898c4;}
.join-content2 .join_step_btn{display:block; background:#777; color:#fff; text-align:center; font:0.9em/150% 'NanumGothic'; padding:5px 0; width:115px; margin:0 auto; letter-spacing:-0.7px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.padd-L{margin-left:35px;}
.padd-T{margin-top:13px;}
/* º»ÀÎÈ®ÀÎ */

/* Á¤º¸ÀÔ·Â */
.join-txt{width:100%; border-top:1px solid #777; border-bottom:1px solid #777; font:13px/15px 'NanumGothic';}
.join-txt tr td{border-bottom:1px solid #eee; padding:15px 0; vertical-align:middle; }
.join-txt p{font:12px/15px 'NanumGothic'; color:#777;  line-height:150%;} /* 160907 ¼öÁ¤ */
.join-txt .join_title{width:25%; padding-left:15px; font-size: 13px; line-height: 15px; font-weight:600; color:#444;}/* 160907 ¼öÁ¤ */
.join-txt .join-input{width:38%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic'; }
.join-txt .join-input2{width:42%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic'; }
.join-txt .join-input3{width:20%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic';  text-align:center;}
.join-txt .step1 .jo-btn-t{display:inline-block; color:#777; padding:5px 12px; margin:0 2px; }
.join-txt .step1 .line-t{text-decoration:underline;}
.join-txt .p-txt{color:#888; letter-spacing:-1px; padding-top:7px; }
.join-txt .p-txt2{color:#555; letter-spacing:-0.7px; padding-top:7px; }
.join-txt .select-area{border:1px solid #e5e5e5; font-size:14px; font-family:'NanumGothic'; padding:3px 5px; background:#fff; width:20%;}
.join-txt .join-small-btn{display:inline-block; background:#888; font:13px/15px 'NanumGothic'; color:#fff; text-align:center; padding:5px 2px; width:75px;}
.join-txt .join-small-btn:hover{background:#aaa;}
.join-txt form{display:inline-block; width:auto;}
.join-txt a{font-family:'NanumGothic';}

.join-txt .domain_info {display: block; padding: 5px 0;}
.join-txt .domain_info .domain_radio {display: inline-block; width: 30%; }
.join-txt .domain_info .domain_input {display: inline;}

/* Á¤º¸ÀÔ·Â */


/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤ */
#edit-tabs li {float: left;  width:25%; text-align:center;} /* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â ºÎºÐ CSS ³Êºñ Á¶Á¤ 160825 */
.xy-line{width:1px; height:370px; border-right:1px solid #ccc; margin:15px; display:inline-block;}
.line-2{width:100%; border-bottom:1px solid #ccc; margin:30px 15px; display:inline-block;}
.line-3{border-right:1px solid #ddd; widht:1px; height:45px; margin:0 10px 45px 10px;}
#tab1 {text-align:center; font:0.9em/110% 'NanumGothic';}
#tab1 .con-txt, .con-txt2{ width:40%; display:inline-block; vertical-align:top; 	padding: 3%;}
#tab1 .con-txt h3{text-align:left;  font:1.3em/110% 'NanumGothic'; letter-spacing:-0,7px; margin-bottom:30px; font-weight:600;}
#tab1 .con-txt2 h3{text-align:left;  font:1.3em/110% 'NanumGothic'; letter-spacing:-0,7px; margin-bottom:30px; font-weight:600;}
.con-txt ul li{list-style:none; padding:15px 0; text-align:left;  }
.co-line{border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:91%; padding:5% 3%; margin:25px 0; height:160px;}
.con-txt .co-line p{width:30%; display:inline-block; font-size:0.9em;}
.con-txt .co-line label{width:9%; display:inline-block; font-size:0.9em; color:#666;}
.co-line .name-input{width:155px; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.co-line .brith-input{width:44px; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.title-tx{font-size:1em; padding:0 12px 0 0; display:inline-block;}
.con-txt2 li{display:inline-block; }
.con-txt2 p{text-align:left; letter-spacing:-0.5px; font-size:0.8em;}
.con-txt2 .co-line label{font:0.8em/110% 'NanumGothic'; margin-top:10px; display:block; margin-bottom:-5px;}
.con-txt2 .com-txtt{font:0.8em/160% 'NanumGothic'; color:#666; letter-spacing:-0.7px; width:90%; margin:15px auto; text-align:center;}
.con-txt2 .com-txtt a{text-decoration:underline; font:1em/110% 'NanumGothic'; color:#555;}
.password-s{width:99%; position:relative; margin:0 auto; text-align:center; padding:4% 0;}
#tab2 .password-s ul li{display:inline-block; width:90%; }
.password-s h3{font:1.2em/150% 'NanumGothic';  margin:30px 0 15px 0; letter-spacing:-0.5px;}
.password-s p{font:0.9em/120% 'NanumGothic'; color:#666;}
.password-s .new-bn{margin-top:20px;}
.top-search{width:100%; text-align:center; padding:2% 0;}
.top-search label{font:1em/150% 'NanumGothic'; padding-right:1%	;}
.top-search input{width:25%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
/* //¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤ */




/* tablet_¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤01 */
#Ntab1 									{text-align:center; width:%; padding-top:40px; padding-bottom:40px;}
.idpw_txt 				  				{width:90%; display:inline-block; vertical-align:middle; }

#Ntab1 .idpw-txt h3						{text-align:center;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; font-weight:600;}
.idpw_back						        {text-align:center; vertical-align:middle; background-color:#f5f5f5;  margin:30px; }
.idpw_label 			  				{padding:20px 0px 20px 0; display:inline-block;}	
.idpw_01								{font:1.1em/110% 'NanumGothic'; padding-top:10px; padding-bottom:10px;}			


#Ntab2									{text-align:center; width:%; padding-top:40px; padding-bottom:40px;}
.idpw_txt2 				  				{width:90%; display:inline-block; vertical-align:middle; text-align:center; }

#Ntab2 .idpw-txt2 h3 					{text-align:center;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; font-weight:600;}
.idpw-line								{border-top:2px solid #e0ebf1; border-bottom:2px solid #e0ebf1; width:91%; height:160px; margin:3% 5%;}

.idpw_L									{width:50%;background-color:#f1f6f9; float:left;height:160px;}
.idpw_L ul								{text-align:left;font:13px/110% 'NanumGothic'; margin:20px;}
.idpw_L .name-input						{width:55%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.label01								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }
.label02								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }
.label03								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:30px; }
.label04								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }

.idpw_R									{width:50%;height:300px;float:right;}
.idpw_R	ul								{text-align:left; padding:20px 10px 0px 20px;font:12px/130% 'NanumGothic'; color:#505050;}

/**** tablet idpw ****/
#edit-content01 {
	text-align:center;
	border-right: 1px solid #71b0c9;
	border-left: 1px solid #71b0c9;
	border-bottom: 1px solid #71b0c9;
	background: #ffffff;
	height: auto;
	position: relative;
	z-index: 2; 
	box-shadow: 0 -2px 0 -1px rgba(113, 176, 201, 1);
}

#tab1_01 {text-align:center; font:1.5em/110% 'NanumGothic';color:#2897c4; padding:30px;}
 .con-txt01 {width:40%;display:inline-block;text-align:center;  vertical-align:top; padding:2em 2em;background: #f1f6f9; border-bottom: 2px solid #e0ebf1;border-top: 2px solid #e0ebf1;}
 .table { font:13px 'NanumGothic';text-align:left;font-weight:600; margin-left:30px;margin-top:10px;}
 .Td01 { padding-left:10px;padding-bottom:10px; font:13px 'NanumGothic'; color:#2897c4;}
 
 
 .con-txt02 { width:40%; display:inline-block; text-align:left; vertical-align:top; padding:4.6em 2em;background: #ffffff;border-bottom: 2px solid #e0ebf1;border-top: 2px solid #e0ebf1;}
 .con-txt02  li { padding-top:10px;}

#tab1_02 {text-align:center;  padding:40px;}


/* ȸ¿øÁ¤º¸ ºñ¹Ð¹øÈ£ º¯°æ ºÎºÐ 160824 */

.pw_updateBox .con-txt01 .table td {font-size: 12px;}
.pw_updateBox .con-txt02 .table td {font-size: 12px;}


}

/**** mobile ****/
@media all and (max-width:700px){
.img-lef{ display:inline-block; width:31%; margin:0 auto; padding:0 25px;}
.img-lef b{font-size: 18px; line-height: 15px; color:#333; letter-spacing:-0.4px;  display:block; margin:30px 0 0 0; padding:0 auto; width:100%;}


/* ¸®´º¾ó ¾ÆÀ̵ð ã±â */	
.con-txt3 {width: 96%}
.idpw-info-txt {font-size: 1em}
.idpw-box.apartment.idpw-box ul.join-area li {font-size: 12px}
.idpw-box.apartment .apart-list ul li a {font-size: 0.9em}

/* ¸®´º¾ó ¾ÆÀ̵ðã±â °á°ú 160812 ¸ð¹ÙÀÏ*/	
.con-txt4 {width: 90%}
.con-txt4 .idsearch-h3-1 {font-size: 15px; line-height: 17px; height: 34px;}
.con-txt4 .idsearch-h3-2 {font-size: 13px; line-height: 15px; height: 30px;}
.con-txt4 .certify_input {width: 70%;}

/* ¸®´º¾ó ºñ¹Ð¹øÈ£ ã±â 160812  */
.n-password-s{width:96%; padding: 35px 2%;}
.n-password-s ul li h3{font-size: 1.2em; line-height: 140%;}
.n-password-s ul li p{font-size: 0.9em; line-height: 120%;}
.n-password-s ul li img {max-width: 70%;}
.n-password-s ul li input[type=radio] {width: 20px; height: 20px;}
.n-password-s .n-pass-h3 {font-size: 0.9em; line-height: 120%;}
.n-password-s .certify_input {width: 70%; margin: 15px auto 10px; font-size: 12px;}
/*.n-password-s ul li p{font:0.9em/120% 'NanumGothic'; color:#666;}*/



/* ȸ¿ø°¡ÀÔ »ó´Ü ÅÇ */
.join-tab{width:100%; position:relative; }
.join-tab .join1-step{background:#f8f8f8; border:1px solid #ddd; width:28%; float:left; padding:2% 2%; }
.join-tab .join1-step h5{font-size: 15px; line-height: 1; color:#494949; font-weight:600; letter-spacing:-0.4px; float:left; line-height:150%; width:100%;}
.join-tab .join1-step span{font-size: 13px; line-height: 15px; color:#494949;}
.join-tab .join1-step span img{float:right; vertical-align:top; width:35px;}
.join-tab .btn-over{background:#2898c4; }
.join-tab .btn-over h5{color:#fff;}
.join-tab .btn-over span{color:#fff;}
/* ȸ¿ø°¡ÀÔ »ó´Ü ÅÇ */


/* °¡ÀÔÀ¯Çü */
.join-content{width:100%; border:1px solid #ddd; position:relative;}
.join-content h3{width:100% auto; border-bottom:1px solid #ddd; font:15px/15px 'NanumGothic'; color:#636363; padding:8px 12px; letter-spacing:-0.5px;}
.join-content .join-in{width:100%; display:inline-block; text-align:center; padding:30px 0;}

.join-content .join-out{width:100%; display:inline-block; background:#f6f6f6; text-align:left;  padding:30px 0;}
.join-content .join-out .tit_ex	{font:14px/130% 'NanumGothic'; color:#222; padding-left:25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0; background-size:17px; margin:10px;}
.join-content .join-out .bu_list li	{font:13px/130% 'NanumGothic'; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;margin:12px;}


.join-content2{width:100%; position:relative;  margin-top:150px;}
.join-content2 .phone-a{width:49%; height:350px; border:1px solid #ddd; float:left; }
.join-content2 .ipin-a{width:49%;  height:350px;  border:1px solid #ddd; float:right}

/* ¾à°üµ¿ÀÇ */
.join-prim{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%;}
.join-prim h3{font:15px/15px 'NanumGothic'; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:11px;}
.join-prim  textarea{width:100%; height:150px; border:1px solid #ddd; text-align:left; }
.join-prim .total-btn{display:inline-block; background:#777; text-align:center; font:12px/15px 'NanumGothic'; color:#fff; padding:4px 5px;}
.join-prim .total-btn:hover{background:#aaa;}
.join-prim p{display:inline-block; font:12px/15px 'NanumGothic'; color:#666; padding:5px 0 0 5px; }
.join-prim span{float:right;  font:13px/15px 'NanumGothic'; color:#555; width:100%; text-align:right;}
.join-prim input{vertical-align:middle;}
.join-prim li{margin-bottom:45px;}
.btnBox{margin-top:30px;}
.btnBox p{font:12px/15px 'NanumGothic'; color:#666;}
.btnBox span{font:15px/15px 'NanumGothic'; color:#555; width:100%; display:block; margin:12px 0 24px 0; letter-spacing:-0.5px; font-weight:600;} 
.btnBox input{vertical-align:middle; width:18px; height:18px;}
/* ¾à°üµ¿ÀÇ */

/*mobileÃß°¡*/ 
.join-prim01{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:20px;}
.join-prim01 h3{font:15px/15px 'NanumGothic'; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:11px;}
.join-prim01  textarea{width:100%; height:350px; border:1px solid #ddd; text-align:left; }
.join-prim01 .total-btn{display:inline-block; background:#777; text-align:center; font:12px/15px 'NanumGothic'; color:#fff; padding:4px 5px;}
.join-prim01 .total-btn:hover{background:#aaa;}
.join-prim01 p{display:inline-block; font:12px/15px 'NanumGothic'; color:#666; padding:5px 0 0 5px; }
.join-prim01 span{float:right;  font:13px/15px 'NanumGothic'; color:#555; }
.join-prim01 input{vertical-align:middle;}
.join-prim01 li{margin-bottom:0px;}

/*tabletÃß°¡(03/30)*/ 
.join-prim02{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:20px;margin-bottom:10px;}
.join-prim02 h3{font:15px/15px 'NanumGothic'; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:8px;}
.join-prim02 textarea{width:100%; height:100px; border:1px solid #ddd; text-align:left; }
.join-prim02 input{vertical-align:middle;}
.join-prim02 li{margin-bottom:0px;}
.jt_01{width:100%; margin-top:0px;font:13px/15px 'NanumGothic'; color:#494949; margin-bottom:5px;}
.jt_02{width:100%;border:1px solid #ddd; background-color:#FFF; text-align:center;}
.jt_02 td{height:35px;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font:13px/15px 'NanumGothic'; color:#494949;}


/* º»ÀÎÈ®ÀÎ */
.phone-a .pon-wd,.ip-wd{width:90%; margin:0 auto; text-align:center; padding:25px 0 !important;}
.pon-wd h3{font:1em/110% 'NanumGothic'; color:#333; font-weight:bold; margin:25px 0 25px 0; letter-spacing:-0.4px;}
.pon-wd p{font:0.8em/140% 'NanumGothic'; color:#777;  letter-spacing:-0.4px; margin-bottom:45px;}
.pon-wd p span{font:1em/140% 'NanumGothic'; color:#2898c4;}
.ip-wd h3{font:1em/110% 'NanumGothic'; color:#333; font-weight:bold;  margin:25px 0 25px 0; letter-spacing:-0.4px;}
.ip-wd p{font:0.8em/140% 'NanumGothic'; color:#777;  letter-spacing:-0.4px; margin-bottom:45px;}
.ip-wd p span{font:1em/140% 'NanumGothic'; color:#2898c4;}
.join-content2 .join_step_btn{display:block; background:#777; color:#fff; text-align:center; font:0.9em/150% 'NanumGothic'; padding:5px 0; width:115px; margin:0 auto; letter-spacing:-0.7px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.padd-L{margin-left:35px;}
.padd-T{margin-top:13px;}
/* º»ÀÎÈ®ÀÎ */

/* Á¤º¸ÀÔ·Â */
.join-txt{width:100%; border-top:1px solid #777; border-bottom:1px solid #777; font:13px/15px 'NanumGothic';}
.join-txt tr td{border-bottom:1px solid #eee; padding:15px 0; vertical-align:middle; }
.join-txt tr td label {font-size: 11px}
.join-txt p{font:11px/15px 'NanumGothic'; color:#777;  line-height:150%;}
.join-txt .join_title{width:30%; padding-left:5px; font-size: 12px; line-height: 15px; font-weight:600; color:#444; letter-spacing:-1px;}
.join-txt .join-input{width:38%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic';  margin: 3px 0;}
.join-txt .join-input2{width:40%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic';  margin: 3px 0;}
.join-txt .join-input3{width:28%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 8px; font-family:'NanumGothic'; text-align:center; margin: 3px 0;}
.join-txt .step1 .jo-btn-t{display:inline-block; color:#777; padding:5px 5px; margin:0 1px;}
.join-txt .step1 .line-t{text-decoration:underline;}
.join-txt .p-txt{color:#888; letter-spacing:-1px; padding-top:7px; }
.join-txt .p-txt2{color:#555; letter-spacing:-0.7px; padding-top:7px; }
.join-txt .select-area{border:1px solid #e5e5e5; font-size:14px; font-family:'NanumGothic'; padding:3px 5px; background:#fff; width:26%;}
.join-txt .join-small-btn{display:inline-block; background:#888; font:12px/15px 'NanumGothic'; color:#fff; text-align:center; padding:3px 1px; width:70px;}
.join-txt .join-small-btn:hover{background:#aaa;}
.join-txt .block{width:100%; display:block;}
.join-txt form{width:100%; display:block; margin-top:3px; margin-bottom:3px;}
.ma-t{margin-top:3px !important;}
.join-txt a{font-family:'NanumGothic';}

.join-txt .domain_info {display: block; padding: 5px 0;}
.join-txt .domain_info .domain_radio {display: block; width: 100%;}
.join-txt .domain_info .domain_input {display: block; padding-left: 20px;}
/* Á¤º¸ÀÔ·Â */

/*mobileÃß°¡(03/30)*/ 
.join-prim02{width:95.7%; background:#f8f8f8; border:1px solid #ddd; padding:2%; margin-top:20px;margin-bottom:10px;}
.join-prim02 h3{font:13px/15px 'NanumGothic'; color:#494949; font-weight:600; letter-spacing:-0.2px; margin-bottom:8px;}
.join-prim02 textarea{width:100%; height:100px; border:1px solid #ddd; text-align:left; }
.join-prim02 input{vertical-align:middle;}
.join-prim02 li{margin-bottom:0px;}
.jt_01{width:100%; margin-top:0px;font:11px/15px 'NanumGothic'; color:#494949; margin-bottom:5px;}
.jt_02{width:100%;border:1px solid #ddd; background-color:#FFF; text-align:center;}
.jt_02 td{height:35px;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font:12px/15px 'NanumGothic'; color:#494949;}

/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤ */
#edit-tabs li {float: left;  width:50%; text-align:center;}
#edit-tabs a {font-size: 13px;}
.xy-line{width:90%; border-bottom:1px solid #aaa !important; margin-top:15px; height:1px;}
.line-2{width:100%; border-bottom:1px solid #ccc; margin:15px 0;}
.line-3{border-right:1px solid #ddd; widht:1px; height:45px; margin:0 7px 45px 7px;}
#tab1 {text-align:center; font:0.9em/110% 'NanumGothic';}
#tab1 .con-txt, .con-txt2{ width:93%; display:inline-block; vertical-align:top; 	padding: 2% 5%; margin:0 auto;}
#tab1 .con-txt h3{text-align:left;  font:1.3em/110% 'NanumGothic'; letter-spacing:-0,7px; margin-bottom:20px; font-weight:600; margin-top:15px;}
#tab1 .con-txt2 h3{text-align:left;  font:1.3em/110% 'NanumGothic'; letter-spacing:-0,7px; margin-bottom:20px; font-weight:600; margin-top:15px;}
.con-txt ul li{list-style:none; padding:15px 0; text-align:left;  }
.co-line{border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:90%; padding:5% 3%; margin:15px 0; height:160px;}
.con-txt .co-line p{width:20%; display:inline-block; font-size:0.9em;}
.con-txt .co-line label{width:9%; display:inline-block; font-size:0.8em; color:#666;}
.co-line .name-input{border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.co-line .brith-input{border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.title-tx{font-size:1em; padding:0 12px 0 0; display:inline-block;}
.con-txt2 li{display:inline-block; }
.con-txt2 p{text-align:left; letter-spacing:-0.5px; font-size:0.8em;}
.con-txt2 .co-line label{font:0.8em/110% 'NanumGothic'; margin-top:10px; display:block; margin-bottom:-5px;}
.con-txt2 .com-txtt{font:0.8em/110% 'NanumGothic'; color:#666; letter-spacing:-0.7px; margin-top:25px; text-align:center; width:90%; margin:15px auto; line-height:160%;} 
.con-txt2 .com-txtt a{text-decoration:underline; font:1em/110% 'NanumGothic'; color:#555;}

.password-s{width:99%; position:relative; margin:0 auto; text-align:center; padding:4% 0;}
.password-s img{width:30%;}
.password-s ul li{display:inline-block; width:96%; padding:0 2%;}
.password-s h3{font:1.1em/150% 'NanumGothic';  margin:15px 0 5px 0; letter-spacing:-0.5px;}
.password-s p{font:0.8em/120% 'NanumGothic'; color:#666;}
.password-s .new-bn{margin-top:20px;}
.top-search{width:100%; text-align:center; padding:2% 0;}
.top-search label{font:0.8em/150% 'NanumGothic'; padding-right:1%;}
.top-search input{width:25%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
/* //¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤ */

/* mobile_¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ Àç¼³Á¤01 */
#Ntab1 									{text-align:center; width:%; padding-top:40px; padding-bottom:40px;}
.idpw_txt 				  				{width:90%; display:inline-block; vertical-align:middle; }

#Ntab1 .idpw-txt h3						{text-align:center;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; font-weight:600;}
.idpw_back						        {text-align:center; vertical-align:middle; background-color:#f5f5f5;  margin:30px; }
.idpw_label 			  				{padding:20px 0px 20px 0; display:inline-block;}	
.idpw_01								{font:1.1em/110% 'NanumGothic'; padding-top:10px; padding-bottom:10px;}			


#Ntab2									{text-align:center; width:%; padding-top:40px; padding-bottom:40px;}
.idpw_txt2 				  				{width:90%; display:inline-block; vertical-align:middle; text-align:center; }

#Ntab2 .idpw-txt2 h3 					{text-align:center;  font:1.4em/110% 'NanumGothic'; letter-spacing:-0,7px; font-weight:600;}
.idpw-line								{border-top:2px solid #e0ebf1; border-bottom:2px solid #e0ebf1; width:91%; height:160px; margin:3% 5%;}

.idpw_L									{width:50%;background-color:#f1f6f9; float:left;height:160px;}
.idpw_L ul								{text-align:left;font:13px/110% 'NanumGothic'; margin:20px;}
.idpw_L .name-input						{width:55%; border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px; font-family:'NanumGothic'; }
.label01								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }
.label02								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }
.label03								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:30px; }
.label04								{text-align:left;font:13px/110% 'NanumGothic'; color:#C09;margin:20px; }

.idpw_R									{width:50%;height:300px;float:right;}
.idpw_R	ul								{text-align:left; padding:20px 10px 0px 20px;font:12px/130% 'NanumGothic'; color:#505050;}


/**** mobile idpw ****/
#edit-content01 {
	text-align:center;
	border-right: 1px solid #71b0c9;
	border-left: 1px solid #71b0c9;
	border-bottom: 1px solid #71b0c9;
	background: #ffffff;
	height: auto;
	position: relative;
	z-index: 2; 
	box-shadow: 0 -2px 0 -1px rgba(113, 176, 201, 1);
}

#tab1_01 {text-align:center; font:18px/100% 'NanumGothic';color:#2897c4; padding:30px;}
 .con-txt01 {width:90%;display:inline-block;text-align:left;  vertical-align:top; padding:0em 0em;background: #f1f6f9; border-bottom: 2px solid #e0ebf1;border-top: 2px solid #e0ebf1;}
 .table { font:12px 'NanumGothic';text-align:left;font-weight:600; margin-left:30px;margin-top:20px;margin-bottom:20px;}
 .Td01 { padding-left:10px;padding-bottom:10px; font:13px 'NanumGothic'; color:#2897c4;}
 
 
 .con-txt02 { width:79%; display:inline-block; text-align:left; vertical-align:top; padding:2em 2em;background: #ffffff;border-bottom: 2px solid #e0ebf1;border-top: 2px solid #e0ebf1; margin-top:20px;}
 .con-txt02  li { padding-top:10px;}

#tab1_02 {text-align:center;  padding:40px;}

/* ·Î±×ÀΰèÁ¤Ã£±â °ü·Ã css Ãß°¡ */
#edit-tabs li.login-Id-s {width: 100%;}
.n-xy-line.login-id-sline {display: block; margin: 0 auto 10px; position: relative; top: 5px;}

/* ºñ¹Ð¹øÈ£ º¯°æ ½ºÅ¸ÀÏ css 160824 */
.pw_updateBox {padding: 0 5%;}
.pw_updateBox #tab1_03 img {max-width: 30px;}
.pw_updateBox #tab1_03 h3 {font-size: 16px;}
.pw_updateBox #tab1_03 h3 span {font-size: 11px;}
.pw_updateBox .con-txt01 {width: 96%; padding: 2%; display: block;}
.pw_updateBox .con-txt01 .table {width: 90%; margin: 0 auto; }
.pw_updateBox .con-txt01 .table td {font-size: 11px}
.pw_updateBox .con-txt02 {width: 92%; padding: 2% 4%; display: block; height: auto !important;}
.pw_updateBox .con-txt02 .table {width: 100%; margin: 0 auto;}
.pw_updateBox .con-txt02 .table td { height: 52px;}


/* IE5¹öÀü 160923 */
*html .pw_updateBox .con-txt01 {width: 96%; padding: 4%}
*html .pw_updateBox .con-txt02 {width: 96%; padding: 2% 4%;  display: inline-block; height: 150px !important;}
*html .pw_updateBox .con-txt02 .table  td {height: 42px}

.pw_updateBox #tab1_02 {padding: 0 10px;}
.pw_updateBox #tab1_02 a {min-width: 100px; padding: 0; margin: 0 5px;}

/* 160907 Ãß°¡µÈ ºÎºÐ */
.join-txt .join_content span {font-size: 11px;}
.join-txt .join_content .birthday-gububox {display: block; margin: 3px 0; height: 30px; line-height: 30px; float: none;}
.join-txt .join_content .birthday-box {display: block; margin: 3px 0;  height: 30px; float: none; width: 80%;}

.join-txt .join_content .readMail {min-width: 110px;}
.join-txt .join_content .gender-box {display: block; margin: 3px 0; height: 30px; line-height: 30px; float: none;}

.user-apart-box .user-apart-area ul li.a-a-name {height: 13px; width:100%;}
.user-apart-box .user-apart-area ul li.a-a-input {position:relative; width: 100%;}
.user-apart-box .user-apart-area ul li.a-a-input2 {text-align: center; border-left:0; border-right: 0; position:relative; width: 100%;}
.user-apart-box .user-apart-area ul li.a-a-input2 .selectbox {width: 39%; float: left;}
.user-apart-box .user-apart-area ul li.a-a-input2 .selectbox:before {right: 10px;}
.user-apart-box .user-apart-area ul li.a-a-input2 span {width: 5%; font-size: 0.8em; color: #777; display: inline-block; line-height: 34px; text-align: center; float: left; padding: 0 2%;}

/* 170131 Ãß°¡ */

/* ÈÞ¸éȸ¿ø ÀÎÁõºÎºÐ */

.n-dormancy-s{width:96%; padding: 35px 2%;}
.n-dormancy-s ul li {width: 96%; margin: 0 2%;}
.n-dormancy-s ul li.yes_Box {margin-top: 20px;}
.n-dormancy-s ul li.yes_Box p.select_numBox {margin: 10px 0 0; padding: 10px 0; border: 1px solid #e7e7e7;}
.n-dormancy-s ul li.yes_Box p.select_numBox span input[type=radio] {display: inline-block; margin: 0 5px 0 0;}
.n-dormancy-s ul li h3{font-size: 1.2em; line-height: 140%;}
.n-dormancy-s ul li p{font-size: 11px; line-height: 15px;}
.n-dormancy-s ul li img {max-width: 30%;}
.n-dormancy-s ul li input[type=radio] {width: 16px; height: 16px;}
.n-dormancy-s .n-pass-h3 {font:0.9em/120% 'NanumGothic';}

.n-dormancy-s .dormancy_input a {margin-bottom: 0;}
.n-dormancy-s .dormancy_input .certify_input {width: 70%;}


}