@charset "utf-8";

/* 
	Copyright(c) 2017 Onlinepowers Development Team
 	http://www.onlinepowers.com
*/

/* login common */ 
.login_wrap{padding-bottom:200px;}
.login_wrap.join{margin:0 auto;width:632px;}
.login_wrap:after{content:''; display:block; clear:both; } 
.login_inner{margin:0 auto;width:620px;padding:60px 50px 70px;background-color:#fff;text-align:center;}  
.join_inner{margin:0 auto;width:632px;padding:60px 50px 70px;background-color:#fff;text-align:center;}  
.login_inner .tab_txt{padding-bottom:40px;}
.login_inner .login:after{content:''; display:block; clear:both; }
.login_inner .login dl{width:620px; float:left;}
.login_inner .login dl:after{content:''; display:block; clear:both; }
.login_inner .login dl dt,
.login_inner .login dl dd{float:left;line-height:40px;} 
.login_inner .login dl dt{width:120px;padding-right:10px;line-height:40px;text-align:left;font-size:16px;color:#7f7f7f;}
.login_inner .login dl dd{width:400px;}
.login_inner input[type="text"],
.login_inner input[type="password"]{width:100%;height:40px;}
/*.login_inner select{width:74px; height:40px;} */
.login_check{clear:both;padding:16px 0 0 0; margin-left:120px;}
.login_bottom{padding:20px 29px; } 
.login_bottom:after{content:''; display:block; clear:both;}
.login_bottom p{float:left; color:#666; padding:0 0 0 10px; line-height:1.5em;}
.login_bottom p span{font-weight:bold; color:#23ade3;}
.login_inner .btn_wrap button{width:100%;}
.login_inner .btn_wrap button + button{margin-top:10px;}
.login_inner .btn_txt_wrap{margin-top:30px;}
.btn_txt_wrap *{font-size:16px;}
.login .noti_sub_list{margin-top:10px;}
.login_wrap .step_circle li:after{width:6px;right:-6px;}
.login_wrap .step_circle li + li{margin-left:6px;}

/* 아이디 찾기 */
.rst_box .info_box{padding:40px 0 20px;font-size:14px;color:#888;}
.rst_box .info_box > strong{display:block;padding-bottom:40px;font-size:24px;font-weight:bold;color:#000;}
.rst_box .line{padding-top:30px;border-top:1px solid #e1e1e1;}
.rst_box .line > span{display:block;font-size:16px;}
.rst_box .line > span .bold{font-size:inherit;}
.rst_box .line .btn_line{margin-top:20px;min-width:260px;}
.login_wrap > .btn_txt.blue{display:block;margin:40px auto 0;width:520px;}

/* 비밀번호 찾기 재설정 */
.txt_warning{margin-top:8px;text-align:left;line-height:1.5;font-size:12px !important;color:#00860c;}
.txt_warning.red{color:#e50012;}
.txt_warning.gray{color:#7f7f7f;}
.txt_warning.green{color:#00860c;}

/* 회원가입 */
.login_wrap .step_circle{margin-top:10px;padding-right:20px;text-align:right;}
.login_wrap.join .content_title{padding-bottom:20px;}
.join_inner + .join_inner{margin-top:40px;}
.join_inner > h3{padding-bottom:40px;font-size:30px;font-weight:bold;line-height:1.1;}
.join_inner.type-agree{padding:60px 50px;}
.join_inner.type-agree label{padding-left:30px !important;color:#7f7f7f;font-size:16px;}
.join_inner .all_chk{padding:0 30px 20px;}
.join_inner .all_chk label{color:#000;}
.join_inner .ipt_wrap:after{content:'';display:block;clear:both;}
.join_inner .ipt_wrap + .ipt_wrap{margin-top:16px;}
.join_inner .line{border-top:1px solid #e1e1e1;padding:30px 30px 0;}
.join_inner .btn_link{float:right;}
.join_inner .board-write{padding:0;}
.join_inner .board-write th{padding:10px 10px 10px 0;}
.join_inner .board-write th.va_t{padding-top:20px;}
.join_inner .board-write td{padding:10px 0;}
.join_inner .board-write input[type="text"],
.join_inner .board-write input[type="email"],
.join_inner .board-write input[type="password"],
.join_inner .board-write input[type="tel"]{width:270px;}
.join_inner .board-write input.full{width:100%;}
.join_inner .board-write .input_wrap + .btn_txt{min-width:130px;margin-left:8px;}
.birth_box{font-size:0;}
.birth_box .ipt_birth, .birth_box .ipt_radio{display:inline-block;vertical-align:middle}
.birth_box .ipt_birth{width:270px;height:40px;border:1px solid #cfcfcf;border-radius:3px;}
.birth_box .ipt_birth > input{border:0;width:82px;height:100%;text-align:center;}
.birth_box .ipt_radio{margin-left:20px;}
.ipt_radio .ipt_wrap + .ipt_wrap{margin-left:8px;}
.ipt_radio + .btn_txt{margin-left:20px;}
.input_wrap .icon-wrong, .input_wrap .icon-right{position:absolute;top:50%;margin-top:-8px;right:16px;width:16px;height:16px;}

/* 회원가입완료 */
.join-complete{background:url('/content/images/bg-join.png') no-repeat center top;background-size:1600px 720px;}
.join-complete{padding-top:80px;}
.join-complete .join_inner{width:1000px;}
.join-complete .join_inner:first-child{padding:120px 50px 100px;-webkit-box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16);box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16);border: solid 1px #f6f6f6;}
.join-complete .join_inner:nth-child(2){padding:60px 20px 70px}
.join-complete .join_inner .sub_txt{padding-top:10px;font-size:20px;line-height:1.7;}
.sub_txt *{font-size:20px;line-height:1.7}
.sub_txt .bold > em{font-size:inherit;font-weight:inherit;}
.join-complete .join_inner .btn_wrap a:first-child{width:200px;}
.join-complete .join_inner .btn_wrap a:last-child{width:310px;}
.join-complete .join_inner h3 .sub{display:block;margin-top:12px;font-size:20px;font-weight:normal;}

/*=================================================================*/
/* login member */
/* .login_wrap .member{margin-right:10px;}
.login_wrap .member .btn-login{ margin-left:12px;}  */

/* login nomember */
/* .login_wrap .nomember .login_inner{padding:40px 0 50px 0;  } 
.login_wrap .nomember .login_inner dl{width:470px; }
.login_wrap .nomember .login_inner dl dt{width:96px; }
.login_wrap .nomember .login_inner dl dd{width:366px; }
.login_wrap .nomember .login_inner .btn{width:102px; height:40px; }
.login_wrap .nomember .login_join{line-height:40px; color:#fff; font-size:13px; font-weight:bold; background:#23ade3;   } 
.login_wrap .nomember .number_confirm{line-height:38px; color:#4d4d4d;  font-size:13px; font-weight:bold; background:#f7f7f7; border:1px solid #d1d1d1; }  */

/* 휴대폰/아이핀 인증 */
.cert_wrap {margin-top:30px; }
.cert_wrap .cert_box {background:#f5f5f5; padding:0 70px; }
.cert_wrap .cert_box .btn_wrap {padding:70px 0 50px; font-size:0; border-bottom:1px solid #ccc;}
.cert_wrap .cert_box .btn {width:278px; height:72px; letter-spacing:-0.5px; }
.cert_wrap .cert_box .ph {font-size:16px; color:#23ade3; font-weight:600; background:#fff url(/content/images/icon/btn_ph_off.png) no-repeat 85px 21px; border:1px solid #23ade3; padding-left:21px; }
.cert_wrap .cert_box .ph:hover {color:#fff; background:#23ade3 url(/content/images/icon/btn_ph_on.png) no-repeat 85px 21px; }
.cert_wrap .cert_box .pin {font-size:16px; color:#23ade3; font-weight:600; background:#fff url(/content/images/icon/btn_pin_off.png) no-repeat 56px 21px; border:1px solid #23ade3; padding-left:37px; margin-left:10px; }
.cert_wrap .cert_box .pin:hover {color:#fff; background:#23ade3 url(/content/images/icon/btn_pin_on.png) no-repeat 56px 21px; }
.cert_wrap .cert_box .cert_txt {color:#666;  padding:28px 0 40px; }
.cert_wrap .cert_box .cert_txt p {font-size:13px; line-height:20px; margin-top:5px; letter-spacing:-0.6px; }
.cert_wrap .cert_box .cert_txt p:first-child {margin-top:0; }
.cert_wrap .cert_desc {padding:20px 0; }
.cert_wrap .cert_desc p {color:#666; }
.cert_wrap .cert_desc p span {color:#23ade3; font-weight:600; }

/* 휴면계정 전환 안내 */
/* .order_confirm.notice{margin-top:0;}
.order_confirm.notice p,
.order_confirm.notice strong{font-size:16px; line-height:20px;}
.order_confirm.notice p{margin-bottom:8px;}
.order_view.nt th{line-height:16px;}
.order_view.nt td{color:#4c4c4c;} */

/* 2017-06-05 sns 로그인 추가 */
.sns_login{margin-top:40px;padding-top:40px;border-top:1px solid #e1e1e1;}
.sns_login dt{width:100%;font-size:16px;}
.sns_login dd{margin-top:20px;text-align:center;}
.sns_login dd:after{content:''; display:block; clear:both;}
.sns_login dd a{display:inline-block;margin-left:20px;}
.sns_login dd a:first-of-type{margin-left:0;}