/**
회원가입 CSS
register.css
 */
@charset "utf-8";

/** 1단계 동의 사항 시작 **/
.page_join .box_content { background-color:#e5f0f6; }
.page_join .join_layer { width:1200px; padding:70px 0px; margin:0px auto; }
.page_join .join_layer .agreement { width:552px; margin:80px auto 0px auto; border:1px solid #9cd3ef; background-color:#ffffff;}
.page_join .join_layer .agreement .area_check { font-size:16px; color:#333; line-height:140%; display:table; width:100%; text-align:left; }
.page_join .join_layer .agreement .section { border-top:1px solid #9cd3ef;  }
.page_join .join_layer .agreement .area_check p { display: table-cell; vertical-align: middle; width:460px; padding:20px; }
.page_join .join_layer .agreement .area_check .checked { width:72px; text-align: right; }
.page_join .join_layer .agreement .area_check .checked input[type="checkbox"] { display:none; }
.page_join .join_layer .agreement .area_check .checked input[type="checkbox"] + label { display:inline-block; vertical-align:middle; background:url('/views/_layout/milkbook/images/register/join_check_off.png') left top no-repeat; background-size:36px 36px; height:36px; width:36px;}
.page_join .join_layer .agreement .area_check .checked input[type="checkbox"]:checked + label { background:url('/views/_layout/milkbook/images/register/join_check_on.png') left top no-repeat; background-size:36px 36px; }
.page_join .agreement .text { height:120px; overflow:auto; margin:0px 20px 20px 20px; font-size:13px; color:#333; padding:15px; background-color:#f2f9fd; border: 1px solid #e1eaef; text-align:left; }
.page_join .btn_next { width:552px; background-color:#80C8EC; text-align:center; margin:20px auto; padding:20px 0 22px 0; }
.page_join .btn_next a { font-size:24px; color:#ffffff; }
/** 1단계 동의 사항 끝 **/

/** 2단계 회원가입 입력폼 시작 **/
.page_join .join_layer .join_form { width:592px; margin:50px auto 0px auto; padding:0 20px; box-sizing:border-box; padding-bottom:0; }
.page_join .join_layer .join_form ul li { position:relative; padding:23px; box-sizing:border-box; background-color:#fff; text-align:left; border:1px solid #9cd3ef; border-bottom:none; }
.page_join .join_layer .join_form ul li:last-child { border-bottom:1px solid #9cd3ef; }
.page_join .join_layer .join_form ul + ul { margin-top: 20px; }
.page_join .join_layer .join_form ul li input[type="text"], .page_join .join_layer .join_form ul li input[type="password"] { width:100%; }
.page_join .join_layer .join_form ul li select { width:80px; font-size:15px; margin-right:10px; border:none; }
.page_join .join_layer .join_form ul li.phone input { width:112px; margin-right:12px; }
.page_join .join_layer .join_form ul li.phone input#mem_hp3 { position:absolute; right:180px; top:25px; }
.page_join .join_layer .join_form ul li.auth input { width:200px; margin-right:150px; }
.page_join .join_layer .join_form ul li.email input { width:170px; }
.page_join .join_layer .join_form ul li.email input:last-child { width:266px; }

.page_join .join_layer .join_form ul li.address input { width:100%; margin-top:8px; }
.page_join .join_layer .join_form ul li.address #mem_zipcode { width:250px; margin:0px 106px 0px 0px; }

.page_join .join_layer .join_form ul li button { position:absolute; right:15px; top:18px; font-size:14px; text-align:center; color:#ffffff; width:106px; padding:5px 0px; background-color:#80c8ec; border-radius:5px;  }
.page_join .join_layer .join_form ul li .zip_btn { border:1px solid #80c8ec; color:#80c8ec; background-color:#ffffff; }

.page_join .join_layer .ps {padding:20px 0px 0px 0px; 	color:#e60012; font-size:13px; }
.page_join .join_layer .btn_join { width:552px; background-color:#80C8EC; text-align:center; margin:20px auto; padding:20px 0px; }
.page_join .join_layer .btn_join input { font-size:24px; color:#ffffff; }

.page_join .join_layer ul li.address #daumPostLayer { position:absolute; border:1px solid;width:549px; height:439px;margin:5px 0; left:0px; background-color:#fff; top:55px; display:none; z-index:10 }
/** 2단계 회원가입 입력폼 끝 **/

/** 3단계 회원가입 완료 페이지 시작 **/
.page_join .join_layer .step3 { background:url('/views/_layout/milkbook/images/register/join_finish_bg.png') no-repeat;  }
.page_join .join_layer .complete { width:550px; margin:80px auto 30px auto; background-color:#ffffff; border:1px solid #9CD3EF; padding:80px 0px; font-size:25px; color:#80c8ec; }
.page_join .join_layer .btn_complete { width:552px; background-color:#80C8EC; text-align:center; margin:20px auto; padding:20px 0px; }
.page_join .join_layer .btn_complete a { font-size:24px; color:#ffffff; }
/** 3단계 회원가입 완료 페이지 끝 **/

/** 이용약관 보기 및 개인정보 취급방침 페이지 */
.register_title_layer { width:100%; border-bottom:1px solid #DBDBDB; background-color:#fff; }
.register_title_layer .register_title_wrap { width:1200px; margin:auto; }
.register_title_layer .register_title_wrap li { width:500px; font-size:28px; color:#363636; text-align:left; font-weight:bold; padding:40px 0px; letter-spacing:-2px;  }

.register_policy_layout { position:relative; width:100%; background-color:#fff; padding:50px 0px; }
.register_policy_layout .register_policy_wrap { position:relative; width:1200px; margin:auto; text-align:left; background-color:#fff; }
.register_policy_layout h3 { font-size:20px; letter-spacing:-1px; margin:20px 0px 10px 0px;  }
.register_policy_layout h5 { font-size:15px; font-weight:bold; line-height:100%; }