.text_form {width: 198px; margin-top: 20px; padding: 8px; border: 1px solid #ddd;}
.text_form input {height: 20px;line-height: 20px;padding:0px 5px;border: 0 none;font-size: 15px;}

/* textarea 사이즈 고정 */
.textarea {width: 300px;height: 150px;margin-top: 20px;padding: 8px;border: 1px solid #ddd;}
.textarea textarea {width: 100%;height: 100%;border: 0 none;padding:0px 5px;font-size: 15px;resize: none;}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder{color:#afafaf; text-align:right; padding:0px 5px}

/* Firefox 19+ */
::-moz-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* IE 10+ */
:-ms-input-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* Firefox 18- */
:-moz-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* Chrome/Opera/Safari */
input[type="text"]::-webkit-input-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* Firefox 19+ */
input[type="text"]::-moz-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* IE 10+ */
input[type="text"]:-ms-input-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* Firefox 18- */
input[type="text"]:-moz-placeholder {color:#afafaf; text-align:right; padding:0px 5px}

/* input 감추기 */
input[type='checkbox'] {position: absolute;overflow: hidden;width: 1px;height: 1px;margin: -1px;opacity: 0;}
input[type='checkbox'] + label {display: inline-block;font-size: 16px;}
input[type='checkbox'] + label:before {
/* 체크 전 이미지 생성 */
display: inline-block;width: 20px;height: 20px;margin: -4px 5px 0 0;background: url(http://www.kalonline.co.kr/images/member/checkbox.png) no-repeat 0 0;background-size: 20px;vertical-align: middel;content: '';}

/* 체크 후 이미지 적용 */
input[type='checkbox']:checked + label:before {background-image: url(http://www.kalonline.co.kr/images/member/checkbox_on.png);}

/* select를 감싸는 틀의 형태 */
.select_form {position: relative;width: 198px;height: 38px;line-height: 40px;border: 1px solid #ddd;text-align: left;}

.select_form select {
width: 100%;
/* select_form에 크기 맞추기 */
height: 100%;
/* select_form에 크기 맞추기 */
padding: 0 30px 0 10px;
background-color: transparent;
border: 0 none;
font-size: 16px;
appearance: none;
/* 기본 화살표 버튼 없애기*/
-moz-appearance: none;
/* 기본 화살표 버튼 없애기*/
-webkit-appearance: none;}


/* 화살표 버튼 대체 이미지 추가 */
.select_form:after {position: absolute;top: 16px;right: 10px;background: url(http://www.kalonline.co.kr/images/member/select.png) no-repeat 0 0;width: 20px;height: 12px;display: block;content: '';}

/* 첫번째 레이어 팝업*/
.pop_box {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; overflow: auto;}
.pop_box div.pop_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter: alpha(opacity=60);}
.pop_box div.pop_contents {position: absolute;top: 50%;left: 50%;width: 410px;height: 250px;border: 3px solid #222;background-color: #000;padding: 30px;}

/* 두번째 레이어 팝업*/
.pop_box2 {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; overflow: auto;}
.pop_box2 div.pop_bg2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter: alpha(opacity=60);}
.pop_box2 div.pop_contents2 {position: absolute;top: 50%;left: 50%;width: 410px;height: 250px;border: 3px solid #222;background-color: #000;padding: 30px;}

.btn_mem a {display: block;margin: 5px 50px;padding: 0;background: #0079b4;border: 1px solid #70a5d2;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);text-align: center;color: #ffffff;font-size: 14px;line-height: 40px;}
.btn_mem a::before {display: none;background: #0079b4}

.btn_mem_gray a {display: block;margin: 5px 50px;padding: 0;background: #666;border: 1px solid #858585;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);text-align: center;color: #ffffff;font-size: 14px;line-height: 40px;}
.btn_mem_gray a::before {display: none;background: #666}

.join_big_title{color:#cdcdcd; font-size:30px; font-weight:600; line-height:50px; text-align:center}
.join_middle_title{color:#fff; font-size:24px; font-weight:400; line-height:36px}
.join_smaill_title{color:#cdcdcd; font-size:18px; font-weight:400; line-height:18px}

.join_box{margin:auto; border-top:1px solid #757575; border-left :1px solid #757575; border-right :1px solid #757575; border-bottom :1px solid #757575; background:#333333; line-height:25px;}