/* CSS Document */
body,h1,h2,h3,h4,input,button{font-family:'Nanum Gothic',dotum,Helvetica,sans-serif;font-size:12px;line-height:1.5;height:18px;color:#333333}
.agreement,.joinform,.complete,.find_member {width:100%; padding:30px; border:1px solid #aaa; background:#fff;}

/* 회원가입 header (공통사항) */
.box_pad {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form_header {width:100%; overflow:hidden; padding:10px 0; border-bottom:1px solid #dadada; margin-bottom:20px;}
.form_header > h1 {font-family:"nanum gothic"; font-size:25px; line-height:26px; font-weight:600; color:#101010; float:left;}
.form_header > h1 span {display:inline-block; font-size:17px; font-weight:400; padding-top:8px; color:#147aa8; margin-left:10px;}
.close_btn {float:right;}

/* 약관동의 */
.agree_form > h2 {font-family:"Nanum Gothic"; font-size:14px; line-height:20px; color:#404040; margin-bottom:5px; padding-left:20px; background:url(/member/img/tit_blit.gif) left 3px no-repeat;}
.agree_txt {width:100%; max-height:380px; padding:15px; margin-bottom:20px; border:1px solid #dadada; overflow-y:scroll;}
.agree_txt > h3 {margin-bottom:10px;}
.agree_txt > dl {font-family:"dotum"; font-size:12px; line-height:18px; color:#707070; margin-bottom:20px;}
.agree_txt > dl dt {font-weight:600; color:#505050; margin-bottom:5px;}
.agree_txt > p {font-family:"dotum";}
.agree_txt > p span {display:block;}
.txt_margin {margin-bottom:14px;}
.agree_form > p {font-family:"dotum"; text-align:center;}
.agree_form > p > .agreeok {marging-right:4px;}
.txt_point {font-size:11px; color:#147aa8;}
.agree_btn {text-align:center; padding:20px 0 0;}
.agree_btn > a {margin:0 2px;}

/* 회원정보입력 */
.table_tit {font-family:"Nanum Gothic"; font-size:14px; line-height:20px; color:#404040; margin-bottom:5px; padding-left:20px; background:url(/member/img/tit_blit.gif) left 3px no-repeat;}
.table_form {width:100%; border:1px solid #dadada;}
.require_form {margin-bottom:20px;}
.join_table {width:100%; display:table;}
.join_table > li {border-bottom:1px solid #eaeaea;}
.join_table > li:last-child {border-bottom:none;}
.join_table > li > span {display:table-cell; padding:5px 0;}
.form_tit {width:100px; vertical-align:middle; font-family:"Nanum Gothic"; text-align:center; background:#f0f0f0;}
.join_table li .form_content {color:#707070; padding:5px 10px;}
.caption_txt {display:block; line-height:18px; margin-top:8px;}
a.btn_blackb {display:inline-block; font-family:"Nanum Gothic"; line-height:14px; color:#fff; padding:2px 10px; margin-left:5px; background:#707070; border:1px solid #303030; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#address_form {width:85%}
.form_content > ul li {width:100%;padding:2px 0;}
.form_content > textarea {width:500px;}
.txt_red {color:#fe7272;}

/* 아이디/비밀번호 찾기 */
.find_form > h2 {font-size:16px; line-height:24px; color:#303030; margin-bottom:10px; padding-left:20px; background:url(/member/img/tit_blit.gif) left 6px no-repeat;}
.find_form > p {font-family:"dotum"; font-size:12px; line-height:16px; color:#707070; padding-left:14px; background:url(/member/img/list_blit.gif) 4px 4px no-repeat;}
.find_id,.find_pw {width:100%; text-align:center; padding:18px 0; margin-bottom:10px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1f1ed;}
.margin-btm {margin-bottom:30px;}
.find_list {margin-bottom:15px;}
.find_list li {font-family:"dotum"; font-size:12px; line-height:20px;}
.find_list li > p {display:inline-block;}
.find_list li > p > span {display:inline-block; min-width:70px; font-family:"돋움"; font-weight:600; text-align:left; color:#505050; padding-left:10px; background:url(/member/img/list_arrow.png) left 6px no-repeat;}

/* 회원가입완료 */
.complete_message {width:100%; max-height:380px; padding:260px 0 100px; background:url(/member/img/ico_join_complete.jpg) center 50px no-repeat; border:1px solid #dadada; margin-bottom:20px;}
.complete_message > p {font-family:"dotum"; font-size:12px; line-height:20px; text-align:center;}
.down_btn {text-align:center;}


/*--------------------우편번호--------------------*/
#zipcode_layer
{
    border:1px solid #dadada;
    background:#fff;
    width:550px;
    display:none;
}

.menu_list {
  overflow: hidden;
  width: 100%;
  height: 35px;
  margin: 0;
  zoom: 1;
}

.menu_list ul {
  overflow: hidden;
  zoom: 1;
  padding-left: 1px;
}

.menu_list li {
  float: left;
}

ul, ol, li {
  list-style: none;
}

.menu_list li a.selected {
  z-index: 1;
  border: 1px solid #222;
  height: 23px;
  border-bottom: none;
  background-color: #fff;
  background-image: none;
  color: #333;
}
* {
  margin: 0;
  padding: 0;
}

.menu_list li a {
  position: relative;
  display: block;
  width: 171px;
  height: 22px;
  margin-left: -1px;
  padding: 11px 0 0 0;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #f3f3f3;
  color: #777;
  font-weight: bold;
  text-align: center;
  zoom: 1;
}
div {
  display: block;
}
.popbody_con {
  margin: 11px 15px 15px 15px;
}
#popHead {
  width: 100%;
  position: relative;
  height: 41px;
  background-color: #039FDA;
  /*background: url('/img/popcmn/pophead_v3.gif') no-repeat 0 0;*/
}

.popHeadEnd {
  height: 41px;
  /*background: url('/img/popcmn/pophead_right_v3.gif') no-repeat right 0;*/
}

#popHead	h1 {
  float: left;
  margin: 11px 0 0 17px;
  _display: inline;
  overflow: hidden;
}

#popHead span {
  float:right;
  margin: 11px 17px 0 0;
}

.popHeadEnd h1 {
  color: #fff;
  font-size: 14px;
  line-height: 140%;
}
h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
input.text {
  line-height: 14px;
  height: 14px;
  padding: 3px 0 1px 4px;
  border: 1px solid #bbbbbb;
  vertical-align: middle;
}
#jibeon_addr input.text {
  width: 249px;
  height: 16px;
  line-height: 16px;
  margin-left: 3px;
  color: #4d4d4d;
}
#road_addr input.text {
  width: 249px;
  height: 16px;
  line-height: 16px;
  margin-left: 3px;
  color: #4d4d4d;
}
#road_addr select {
  width: 110px;
  margin-left: 3px;
}

#ziptr > td > div {
    height:200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#ziptable {height:50px;}

#Black
{
    display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000;
    opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)"; 
    z-index:9999999;
}

#Black span {color:white;font-weight:bold;position:absolute;left:50%; top:50%;font-size:17px; font-weight:400;}
#paging b {font-size:15px;}
/*//--------------------우편번호--------------------*/

@media screen and (max-width: 640px) {
	#zipcode_layer{width:95%}
	.agreement,.joinform,.complete {width:100%; padding:30px 22px;}
	
	.join_table > li > span {display:block;}
	.join_table li .form_tit {width:100%; text-align:left; padding:10px 10px 0 20px; background:url(/member/img/tit_blit2.gif) 10px 14px no-repeat;}
	.join_table li .form_content {padding:5px 10px;}
	.form_content > span {display:block; padding:5px 0;}
	.form_content > textarea {width:100%;}
}