/* 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:24px; font-weight:600; color:#101010; float:left; margin: 0 0 20px 0; height: auto;}
.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;}*/

/*약관동의 수정 - 18.11.29 */
.agree_form input[type="checkbox"]{width:15px; height:15px; vertical-align:middle;}
.agree_form .mt_5{margin-top:5px; display:block;}

.agree_check{overflow:hidden;}
.agree_check .check_R{float:right; margin-right:10px; font-size:13px; font-weight:500; cursor:pointer;}
.agree_check .check_R input[type="checkbox"]{margin-left:7px; vertical-align: text-bottom;}
.agree_check .check_R:hover{font-weight:600;}

.agree_top{border-bottom: 1px solid #dadada; padding:0 0 18px 0; margin-bottom:25px; font-size:15px;}
.agree_top p{margin:0;}

.agree_form h2 {font-family:"Nanum Gothic"; font-size:15px; height:auto; line-height:17px; color:#404040; margin-bottom:20px; padding-left:20px; background:url(/member/img/tit_blit.gif) left 2px no-repeat;}
.agree_txt {width:100%; max-height:140px; padding:15px; margin-bottom:25px; 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 > dl ul{margin:5px 0;}
.agree_txt > p {font-family:"dotum"; margin-bottom:10px;}
.agree_txt > p span {display:block;}
.agree_txt ul.agree_txtList li{background:url(/member/img/list_blit2.gif) left 6px no-repeat; padding-left:10px;}

.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-top:15px;}
.agree_btn > a {margin:0 2px;}

@media screen and (max-width: 480px) {
	.agree_top{font-size:13px;}
	.agree_top .agree_check .check_R{float:none; display:block; margin-top:5px;}
	.agree_form h2{font-size:13px;}
}

/* 회원정보입력 */
.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 {display:table; width:100%; table-layout:fixed; 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:100%; resize:none;}
.txt_red {color:#fe7272;}
.address_form{width:70%;}

/* 아이디/비밀번호 찾기 */
.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%;}

	.address_form{width:100%;}
}