@charset "euc-kr";


/*회원 가입약관및 동의*/
.mem_join_warp{
   position: relative;
   width: 100%; 
   margin:0 auto; 
   border: 0px solid #000000;
}

.mem_join_box{
	text-align: center;
    width: 1100px;
	text-align: center;
	vertical-align: top;
    margin:0 auto;
   border: 0px solid #CC0000;
}

.mem_join_box .mem_join_tit_d{
    font-size: 17px;
    line-height: 40px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    color: #595959;
    letter-spacing: -1px;
	text-align:center;
	vertical-align: middle;
	padding-top:30px;
}



.mem_join_box .mem_join_tit_b{
    font-size: 36px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    color: #04498a;
    letter-spacing: -1px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-bottom:50px;
}

.mem_join_box .mem_join_info_img {
	text-align: center;
    width: 1100px;
	text-align: center;
	vertical-align: top;
    margin:0 auto;
	padding-bottom:20px;
   border: 0px solid #CC0000;
}


.mem_join_box .mem_join_title {
	text-align: center;
    width: 1100px;
	text-align: center;
	vertical-align: top;
    margin:20px auto;
   border: 0px solid #CC0000;
}



.mem_join_tbl {
    position: relative;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    word-break: break-all; 
}
  
.mem_join_tbl .dw_540 {
    width: 540px;
}
.mem_join_tbl .dw_20 {
    width: 20px;
}


.mem_join_tbl .mem_join_tr_tit{
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    font-size: 15px;
    line-height: 40px;
    color: #666666;
    letter-spacing: -1px; 
    text-align: left;
    vertical-align: middle;  
}


.mem_join_tbl .mem_join_form_textarea{
    width: 520px;
    height: 80px;
    font-size: 12px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 20px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    border: 1px solid #d1d1d1;
}


.mem_join_tbl .mem_join_td_ment{
    text-align: right;
    vertical-align: middle;
    padding: 15px 5px 15px 5px;
}

.mem_join_box .mem_join_but_box{
  position: relative;
  width: 1100px;
  margin:20px auto;
  background: #FFFFFF;
  text-align: center;
  vertical-align: middle;
   border: 0px solid #000000;
}

.mem_join_box .but_pay_blue{
    display: inline-block;
    position: relative; 
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF; 
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
	padding-left:15px;
	padding-right:15px;
    background: #0055a5; 
}


.mem_join_box .but_pay_gray{
    display: inline-block;
    position: relative; 
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF; 
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
	padding-left:35px;
	padding-right:35px;
    background: #656565; 
}



.join_form_input_150{
    width: 150px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}


.join_form_input_40{
    width: 40px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}

/*회원 가입약관및 동의*/

/*회원가입폼*/

.mem_joinform_warp{
   position: relative;
   width: 100%; 
   margin:0 auto; 
   border: 0px solid #000000;
}

.mem_joinform_box{
	text-align: center;
    width: 1100px;
	text-align: center;
	vertical-align: top;
    margin:0 auto;
   border: 0px solid #CC0000;
}


.mem_joinform_box .mem_joinform_title {
	text-align: center;
    width: 1100px;
	text-align: center;
	vertical-align: top;
    margin:20px auto;
   border: 0px solid #CC0000;
}
.mem_joinform_box .mem_joinform_title_sub{
    font-size: 15px;
    line-height: 40px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    color: #333333;
    letter-spacing: -1px;
	font-weight: bold;
	text-align:left;
	vertical-align: middle;
	padding-top:20px;
	padding-left:10px;
}
.mem_joinform_box .mem_joinform_title_sub .mem_joinform_title_small{
    font-size: 11px;
    line-height: 40px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    color: #333333;
    letter-spacing: -1px;
	text-align:left;
	vertical-align: middle; 
	font-weight: normal;
	padding-left:10px;
}


.mem_joinform_box .mem_joinform_tit_d{
    font-size: 17px;
    line-height: 40px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    color: #595959;
    letter-spacing: -1px;
	text-align:center;
	vertical-align: middle;
	padding-top:30px;
}


.mem_joinform_tbl {
    position: relative;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    word-break: break-all;
	
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
  
.mem_joinform_tbl .top_line {
	border-top: 1px solid #f2f2f2;
}

.mem_joinform_tbl .dw_140 {
    width: 140px;
} 

.mem_joinform_tbl .dw_200 {
    width: 200px;
} 

.mem_joinform_tbl .mem_joinform_td_tit{
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    font-size: 14px;
    line-height: 40px;
    color: #666666;
    background: #fcfcfc; 
    letter-spacing: -1px; 
    text-align: left;
    vertical-align: middle;
	padding-left:20px;
}

 

.mem_joinform_tbl .mem_joinform_ment{
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    background: #FFFFF; 
    letter-spacing: -1px;
    text-align: left;
    vertical-align: middle;
	padding-left:10px;
}
.mem_joinform_tbl .idchkid{
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    font-size: 14px;
    color: #666666;
    background: #ebebeb; 
    letter-spacing: -1px;
    text-align: left;
    vertical-align: middle;
	padding:5px 10px 5px 10px;
	margin-left:15px;
	margin-right:15px;
}

.mem_joinform_tbl .zipcode_but{
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    font-size: 14px;
    color: #666666;
    background: #ebebeb; 
    letter-spacing: -1px;
    text-align: left;
    vertical-align: middle;
	padding:5px 10px 5px 10px;
	margin-left:15px;
	margin-right:15px;
}

.mem_joinform_tbl .mem_joinform_input_150{
    width: 150px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}

.mem_joinform_tbl .mem_joinform_input_100{
    width: 100px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}

.mem_joinform_tbl .mem_joinform_input_300{
    width: 300px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}

.mem_joinform_tbl .mem_joinform_input_600{
    width: 600px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}

.mem_joinform_tbl .mem_joinform_input_40{
    width: 40px;
    height: 25px;
    font-size: 14px;
    font-family: "맑은 고딕","MalgunGothic","NanumGothic",Helvetica,"AppleSDGothicNeo","돋움",dotum,Tahoma,sans-serif;
    line-height: 25px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #d1d1d1;
}


.mem_joinform_box .mem_join_but_box{
  position: relative;
  width: 1100px;
  margin:20px auto;
  background: #FFFFFF;
  text-align: center;
  vertical-align: middle;
   border: 0px solid #000000;
}

.mem_joinform_box .but_pay_blue{
    display: inline-block;
    position: relative; 
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF; 
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
	padding-left:25px;
	padding-right:25px;
    background: #0055a5; 
}


.mem_joinform_box .but_pay_gray{
    display: inline-block;
    position: relative; 
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF; 
    font-family: "맑은고딕",Malgun Gothic,NanumGothic,sans-serif,Verdana, Tahoma;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
	padding-left:35px;
	padding-right:35px;
    background: #656565; 
}

/*회원가입폼*/


/*22.08.19 코러 패밀리 신규 추가*/
.family_wrap{position:relative; width:1100px; margin:0 auto;  box-sizing:border-box; overflow:hidden; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.8px;}
.family_wrap input[id="safe"] {border:1px solid #ddd; margin-top:-3px; width:18px; height:18px;}
.family_wrap label[for="safe"] { cursor: pointer; font-size:16px; margin-left:5px;}
.fa_box{width:100%; padding:25px 30px; border:1px solid #ddd; background:#fafafa;  font-size:16px; color:#666;  box-sizing:border-box; margin-bottom:10px;}
.fa_title{font-size:24px; font-weight:600; color:#000; margin-bottom:10px;}
.info_fatxt_area{position:relative; width:1100px; height:300px; overflow-y:scroll; margin:0 auto; border:1px solid #ddd; }
.info_fatxt{padding:10px; font-size:14px; letter-spacing:}
.fa_check{width:100%; text-align:center; margin:10px 0 25px 0;}
.family_btn{text-align:center;}
.family_btn a{display:inline-block; font-size:16px; padding:10px 15px; }
.family_btn a.blue{background:#0030ba; color:#fff;}
.family_btn a.gray{background:#666; color:#fff;}

.step_line{position:relative; width:100%; overflow:hidden; margin-bottom:26px;}
.step_line .dot_line{position:absolute; top:50px; left:60px; background:url('/images/klfamily/term_dot.png') repeat-x 0 0; width:980px; height:1px;}
.step_line ul li {position:relative; display:inline-block; width:107px;  font-size:16px; margin-left:221px; letter-spacing:-0.5px; vertical-align:top;}
.step_line ul li:first-child{margin-left:0;}
.step_line ul li.step01_on{background:url('/images/klfamily/term_on.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step01_on div{color:#0030ba; margin-top:39px; font-size:18px;}
.step_line ul li.step01_off{background:url('/images/klfamily/term_off.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step01_off div{color:#999; margin-top:39px; font-size:18px;}

.step_line ul li.step02_on{background:url('/images/klfamily/term_on.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step02_on div{color:#0030ba; margin-top:39px; font-size:18px; font-weight:600;}
.step_line ul li.step02_off{background:url('/images/klfamily/term_off.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step02_off div{color:#999; margin-top:39px; font-size:18px;}

.step_line ul li.step03_on{background:url('/images/klfamily/term_on.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step03_on div{color:#0030ba; margin-top:39px; font-size:18px; line-height:22px;}
.step_line ul li.step03_off{background:url('/images/klfamily/term_off.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step03_off div{color:#999; margin-top:39px; font-size:18px; line-height:22px;}

.step_line ul li.step04_on{background:url('/images/klfamily/term_on.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step04_on div{color:#0030ba; margin-top:39px; font-size:18px;}
.step_line ul li.step04_off{background:url('/images/klfamily/term_off.png') no-repeat top center; text-align:center; color:#fff;}
.step_line ul li.step04_off div{color:#999; margin-top:39px; font-size:18px;}

/*회원정보 폼*/
.family_join_tbl table{width:100%;}
.family_join_tbl table tbody{border-top:2px solid #000;}
.family_join_tbl table tbody th{font-size:16px; font-weight:600; border-bottom:1px solid #ddd; background:#f4f4f4; padding:10px 0;}
.family_join_tbl table tbody .red{color:#ff000a; }
.family_join_tbl table tbody td{font-size:16px; border-bottom:1px solid #ddd; text-align:left; padding:10px;}
.red_txt{color:#ff000a; font-size:14px; margin-bottom:5px; margin-top:20px;}

.mail_txt{width:100px; height:26px; border:1px solid #aaa; vertical-align:middle;}
.address{width:350px; height:26px; border:1px solid #aaa; vertical-align:middle; margin-top:5px;}
.btn_mail{vertical-align:middle; display:inline-block; background:#333; color:#fff; font-size:14px; margin-left:5px; padding:4px 5px}

.btn_family_pay{text-align:center; margin-top:20px;}
.btn_family_pay a{font-size:16px; background:#0030ba; color:#fff; padding:10px 20px; display:inline-block;}
.btn_family_pay a.cancel{background:#666; color:#fff;}

.faok_box{width:100%; padding:25px 20px; border:1px solid #ddd; background:#fafafa url('/images/klfamily/joinok_bg01.png') no-repeat top center;  font-size:16px; color:#666;  box-sizing:border-box; margin-bottom:10px; text-align:center;}
.familyok_title{font-size:24px; letter-spacing:-0.8px; color:#000; margin-top:40px;}
.familyok_title p{font-size:30px; color:#0030ba; letter-spacing:-1px; font-weight:700; margin-top:15px;}
.benefit_family{text-align:left; margin-top:50px;}
.benefit_family li{display:inline-block; margin-bottom:15px;}
.benefit_family li.mar{margin-right:18px;}