@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body, table, div, p, a, dd, ul, li, table, th, td, input{font-family:'Nanum Gothic';}
a{text-decoration:none;}

body{ margin:0; padding:0; border:0; height:100%; width:100%; font-size:12px; background: #efefef;}
html{height:100%; width:100%;}
div{margin:0; padding:0; border:0; position:relative; font-family:'gulim', 'tahoma';}
ul{margin:0; padding:0; border:0; position:relative; list-style:none;}
li{color:#6b6d70; margin:0; padding:0; border:0; position:relative; list-style:none; font-family:'gulim', 'tahoma';}
table, tr, td, th, textarea{color:#6b6d70; margin:0; padding:0; border:0; border-spacing:0; border-collapse:0; font-family:'gulim', 'tahoma';}
input{color:#6b6d70;  margin: 0; padding: 0; } 
button{margin: 0; padding: 0; border:0; color: #fff; font-size: 11px; font-weight: bold; padding: 0 8px; line-height: 22px; padding-top:1px; *padding-top:0; *overflow:visible; cursor: pointer;  }
select{color:#6b6d70; margin: 0; padding: 0;}
img{margin:0; padding:0; border:0;} 
a{text-decoration:none; color:#6b6d70; border:0; line-height:100%; margin: 0; padding: 0;} 
a:hover{text-decoration:none; color:#ea5404; border:0;}
form{display:inline; margin:0; padding:0; border:0;}
.clear{ clear:both;  margin:0; padding:0; border:0;}
.padding0{padding:0;}
.margin0{margin:0;}

#container{width:100%; padding-top:50px;}
.content{width:980px; margin:0 auto;}

#join_logo{text-align: center; padding-bottom:20px;}

/*
	회원가입 스텝1
*/
#form_wrap{border:#e8e8e8 2px solid;}

#form_wrap #top{background: #f9f9f9; height: 60px; border-bottom: 1px solid #e8e8e8;} 
#form_wrap #top ul {}
#form_wrap #top .checkbox_img{background: #efefef; float: right; height: 60px; width: 60px; border-left: 1px solid #e8e8e8;}  
#form_wrap #top .checkbox_img img{margin:14px 0 0 10px;}  
#form_wrap #top .title_text{color: #00508f; font-family: nanum2; font-size: 15px; padding-top: 22px; padding-left:32px; float: left; letter-spacing: -1px; }  

#form_wrap #center{background: #ffffff; height:800px; border-bottom: 1px solid #e8e8e8;}  
#form_wrap #center #note{color: #595757; text-align:center; margin:0 auto;}
#form_wrap #center ul{padding-left:16px;}
#form_wrap #center #note li{text-align: center; padding-bottom: 5px; margin-top:30px;} 
#form_wrap #center .title{padding:30px 0;}
#form_wrap #bottom{}
#form_wrap #bottom table{width: 100%;} 
#form_wrap #bottom table tr td{text-align: center; font-family: nanum2; color: #ffffff; font-size: 25px; cursor: pointer; padding: 15px 0;}

#form_wrap #bottom table tr .left{background: #0091db;}
#form_wrap #bottom table tr .right{background: #00508f;}
#form_wrap #bottom table tr .common{background: #0091db;}
#form_wrap #bottom table tr .business{background: #00508f;}

#footder{padding-top: 15px; height:30px; text-align: center; font-size: 11px; color: #595757; }  

.terms{width: 100%; margin-bottom: 15px;}
.terms li{}
.terms .title{font-family: nanum2; font-size: 16px; float: left; padding: 9px 0 0 0;}
.terms .right{float: right; margin-top:20px; margin-right:20px;}
.terms .right div li{float: left;}
.terms .right div .text{padding-top:15px;}  
.terms .right div .checkbox{z-index: 9999;}
.terms .right div .checkbox img{cursor: pointer;}
.terms .textarea_box{clear:both; padding-top: 5px;}  
.terms .textarea_box textarea{ width:930px; border: 2px solid #eaebeb; background: #f9f9f9;}
.terms .textarea_box .textarea_type1{ height:131px;}
.terms .textarea_box .textarea_type2{ height:81px;}

.join_checkbox, .join_checkbox_all{cursor: pointer;}


/*
	회원가입 스텝2
*/
#form_wrap2 {border:#e8e8e8 2px solid; width:780px; margin:0 auto; padding:40px 0;}
#form_wrap2 #top{background: #f9f9f9; width:100%; height: 60px; text-align:center; margin:0 auto; border-bottom: 1px solid #e8e8e8;} 
#form_wrap2 #top ul {width:100%; margin:0 auto;}
#form_wrap2 #top li{width:100%; margin:0 auto;}
#form_wrap2 #top .title_text{color: #00508f; font-family: nanum2; font-size: 16px; padding-top: 22px; text-align: center; }  
#form_wrap2 #top .title_text span{color: #ea5404;} 

#form_wrap2 #center{background: #ffffff; border-bottom: 1px solid #e8e8e8;}  
#form_wrap2 #center table{width: 100%;}
#form_wrap2 #center table tr td{border-bottom: 1px solid #e8e8e8; height: 48px; vertical-align:middle;}
#form_wrap2 #center table tr td .files{}
#form_wrap2 #center table tr td input{height: 22px;}
#form_wrap2 #center table tr .title{color: #595757; font-family: nanum2; font-size: 15px; width: 180px; height:50px; border-right: 1px solid #e8e8e8; padding: 0 0 0 20px;}
#form_wrap2 #center table tr .title2{color: #595757; font-family: nanum2; font-size: 18px; width: 149px; height:50px; border-right: 1px solid #e8e8e8; padding: 0 0 0 20px;}
#form_wrap2 #center table tr .title span{color: #ea5404;}
#form_wrap2 #center table tr .title .not{color: #9fa0a0;}
#form_wrap2 #center table tr .content{padding-left: 15px; width:420px;}
#form_wrap2 #center table tr .content input{width:120px; height:30px; border: 1px  solid #d1d1d1; }  /* 인풋 글씨쓰는 부분*/

#form_wrap2 #center table tr .radio_type{vertical-align:middle; margin-top:30px;}
#form_wrap2 #center table tr .radio_type input{ width: 15px; height: 15px; margin-top: 7px; margin:0 12px 0 5px;} 
#form_wrap2 #center table tr .radio_type label{ padding-right: 15px;} 
#form_wrap2 #center table tr .number{padding:0;}
#form_wrap2 #center table tr .number td{border-bottom:0;}
#form_wrap2 #center table tr .number td input{text-align: center;}
#form_wrap2 #center table tr .number .rightline{border-right: 1px solid #e8e8e8; text-align: center;}
#form_wrap2 #center table tr .number .title{width: 159px;}
#form_wrap2 #center table tr .address{padding:0; }
#form_wrap2 #center table tr .address .zipcodetd {border-right: 1px solid #e8e8e8; height: 48px; width: 140px; text-align: center;}
#form_wrap2 #center table tr .address .zipcodetd .zipcode{width: 50px; padding-left: 10px;}
#form_wrap2 #center table tr .address .address_text {padding: 0 10px; }
#form_wrap2 #center table tr .address table{width: 100%; height: 100%;}
#form_wrap2 #center table tr .address td{border-bottom:0;}
#form_wrap2 #center table tr .right{width: 85px; padding: 5px;}
#form_wrap2 #center table tr .right button{width: 83px; height:32px; border:0; position:absolute; right:330px; top:14px;} /* 아이디 중복확인 버튼 스타일*/

.button_img_id{background:url('../../../../resources/css/images/join_button_id_check.png') no-repeat;}
.button_img_addfile{background:url('../../image/swh/join_button_file_add.gif') no-repeat;}
.button_img_address{background:url('../../image/swh/join_button_address.gif') no-repeat;}
.join_input_email_back{background:url('../../image/swh/join_input_email_back.gif') no-repeat right;}
.join_input_recommender_back{background:url('../../image/swh/join_input_recommender_back.gif') no-repeat right;}
#form_wrap2 #bottom{}
#form_wrap2 #bottom table{width: 100%;} 
#form_wrap2 #bottom table tr td{text-align: center; font-family: nanum2; color: #ffffff; font-size: 25px; cursor: pointer; padding: 15px 0;} 
#form_wrap2 #bottom table tr .common{background: #0091db;}
#form_wrap2 #bottom table tr .business{background: #00508f;}

table.number_3_input tr td{*width: 33%;}
table.number_3_input tr td.rightline{*border-right: 1px solid #e8e8e8;}






.top_padding{padding-top: 10px;}
.left_padding{padding-left: 10px;} 
.right_padding{padding-right: 10px;} 
.bottom_padding{padding-bottom: 10px;}

 .note_text{font-size: 11px;}  
 .note_text2{font-size: 11px; color: #ea5404; }

/*
	버튼
*/
.button_search{background: url('../image/button_back_search.gif') repeat-x; color: #fff; font-size: 11px; font-weight: bold; padding: 0 8px; line-height: 22px; *overflow:visible;}
.button_list{background: url('../image/button_back_list.gif') repeat-x;  color: #fff; font-size: 11px; font-weight: bold; padding: 0 8px; line-height: 22px; *overflow:visible;}
.button_popup{background: url('../image/button_back_popup.gif') repeat-x; color: #fff; font-size: 11px; font-weight: bold; padding: 0 8px; line-height: 22px; *overflow:visible;}
.button_action{background: url('../image/button_back_action.gif') repeat-x; color: #fff; font-size: 11px; font-weight: bold; padding: 0 8px; line-height: 22px; *overflow:visible;}