@charset "utf-8";
.join .cont_tit em{color:#bda691; font-size:16px; font-weight:bold;}

/* 회원가입 절차 */
.join_step_wrap{margin-top:-1px; rgin-bottom:79px; text-align: center;}
.join_step_wrap ol{display: inline-block; margin-left:-4px; overflow:hidden; text-align: left;}
.join_step_wrap ol li{width:464px; float:left; margin-left:4px; position:relative; height:91px;}
.join_step_wrap ol li >div{background-color:#ececec; height:51px; font-size:16px; color:#666666; font-weight:bold; padding:29px 0 0 29px; position:relative;}
.join_step_wrap ol li >div .num{color:#666; font-size:22px; opacity:0.5; font-family:Avenir; display:inline-block; vertical-align:top; margin:-4px 2px 0 0; font-weight:200; vertical-align:middle;}
.join_step_wrap ol li >div:after{content:''; position:absolute; right:0; top:16px; background:url(../images/join/icon_join_step.png) no-repeat; width:50px; height:50px;}
.join_step_wrap ol li.step01 >div:after{background-position:0px 0px; right:5px;}
.join_step_wrap ol li.step02 >div:after{background-position:-50px 0px; right:14px}
.join_step_wrap ol li.step03 >div:after{background-position:-100px 0px; right:7px;}
.join_step_wrap ol li.active >div{background-color:#d8c1ac; color:#fff}

.join_step_wrap ol li.step01.active >div:after{background-position:0 -50px;}
.join_step_wrap ol li.step02.active >div:after{background-position:-50px -50px;}
.join_step_wrap ol li.step03.active >div:after{background-position:-100px -50px;}

.join_step_wrap ol li.active:after{content:''; background:url(../images/join/bg_arr_down.png) 0 0 no-repeat; width:21px; height:11px; position:absolute; left:50%; bottom:0; margin-left:-10px;}
.join_step_wrap ol li.active >div .num{color:#fff;}


/* A.H.C 계정 회원가입 */
.join_ahc{margin:50px 0 78px;}
.join_ahc .summary{text-align:center; background:url(../images/join/icon_join_ahc.png) 50% 0 no-repeat; padding-top:115px; margin-bottom:45px;}
.join_ahc .summary h3{font-size:20px; color:#555555; font-weight:normal;}
.join_ahc .summary p{color:#767676; line-height:24px; margin-top:16px;}
.join_ahc .join_form{border:1px solid #e9ebea; padding:39px 0 40px}
.join_ahc .join_form .member_type{width:580px; margin:0 auto;}
.join_ahc .join_form .member_ck{text-align:center; margin-bottom:37px;}
.join_ahc .join_form .member_ck .input-radio{margin:0 28px;}
.join_ahc .join_form .summ{text-align:center; line-height:24px; color:#767676; margin-bottom:16px;}
.join_ahc .join_form .agre{background-color:#fafafa; text-align:center; padding:15px 0 11px; margin-bottom:41px;}							
.join_ahc .join_form .member_input{border-bottom:1px solid #eaeaea; padding-bottom:26px; margin-bottom:25px;}
.join_ahc .join_form .member_input label{display:block; margin-bottom:11px;}
.join_ahc .join_form .member_input .tit{float:left; background:url(../images/common/bul_dot_gray_3x3.png) 0 8px no-repeat; padding:0 0 0 13px; margin-top:10px}
.join_ahc .join_form .member_input .input-text{margin-left:180px; display:block;}
.join_ahc .join_form .member_input .input-text input{ background-color:#fafafa;}


/* SNS 계정 회원가입 */
.join_sns p{color:#767676; text-align:center; line-height:24px; margin:25px 0 16px;}
.join_sns .sns_link{text-align:center;}
.join_sns .sns_link a{display:inline-block; vertical-align:top; background:url(../images/join/bg_sns_link.png) no-repeat; height:40px; line-height:40px; width:100px; padding-left:55px; font-size:13px; color:#fff; text-align:left; margin:0 3px;}
.join_sns .sns_link a.fb{background-position:0 0}
.join_sns .sns_link a.kt{background-position:0 -40px; color:#3b1e1e;}
.join_sns .sns_link a.nv{background-position:0 -80px;}


/* 이용약관/개인정보 수집 및 이용 동의 */
.agreement_form{position:relative; margin-bottom:37px;}
.agreement_form h3{font-size:18px; color:#555555; margin:29px 0 20px;}
.agreement_form .input-textarea{display:block; margin-bottom:15px;}
.agreement_form .input-textarea .textarea_provision { background-color:#ffffff; line-height:26px; padding:23px 30px 23px; height:253px; border:1px solid #e9ebea; box-sizing: border-box;}
.agreement_form .input-textarea .textarea_provision *{color:#767676 !important}
.agreement_form .input-checkbox.agr_all{position:absolute; right:0; top:-70px}


/* 개인정보입력 */
.join .personal_table {margin-bottom:79px;}
.join .personal_table .table-type02 {border-top:0;}
.join .personal_table .table-type02 .form-address .myDelivery{margin-top: 4px;}
.join .personal_table .table-type02 .form-address .address{margin-left: 17px;}

/* 회원가입 완료 */
.join_complete{text-align:center; border-top:2px solid #999999; padding-top:50px;}
.join_complete h2{color:#555555; font-size:28px; font-weight:normal; margin-bottom:20px; background:url(../images/join/icon_join_complete.png) 50% 0 no-repeat; padding:112px 0 0 0}
.join_complete p.summary{color:#767676; line-height:24px; margin-bottom:36px;}
.join_complete .benefit{margin:60px 0 77px;}
.join_complete .benefit li{display:inline-block; vertical-align:top; color:#767676; font-size:14px; line-height:20px; width:178px;}
.join_complete .benefit li:before{content:''; width:71px; height:71px; margin:0 auto 17px; display:block; background:url(../images/join/icon_benefit.png) no-repeat;}
.join_complete .benefit li.b01:before{background-position:0px 0px;}
.join_complete .benefit li.b02:before{background-position:0px -75px;}
.join_complete .benefit li.b03:before{background-position:0px -150px;}
.join_complete .benefit li.b04:before{background-position:0px -225px;}
.join_complete .btn-type01{width:151px; line-height:58px; height:58px; margin:0 1px;}
.join .product_list{margin-top:30px;}
.join .product_list ul.product{overflow: hidden; margin-left:-15px;}
.join .product_list ul.product > li{float: left; padding: 50px 0 50px 15px; border-top: 1px solid #e9ebea;}
.join .product_list ul.product > li.top{padding-top:0; border-top:0;}

.tit_recommand{text-align:left;margin:0 0 30px 0;padding:50px 0 15px 0;font-size:22px;color:#555;border-bottom:2px solid #999;}

