@charset "utf-8";

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

/* login common */ 
.login_wrap:after{content:''; display:block; clear:both; } 
.login_area{width:535px; height:345px; float:left; border:1px solid #c9c9c9;   }   
.login_area:after{content:''; display:block; clear:both; }
.login_area h3{text-align:center;line-height:47px;height:47px;color:#000;font-size:18px;background:#f8f8f8; margin:0;}  
.login_area .login_inner{padding:40px 0 10px 0; margin:0 29px; border-bottom:1px dotted #ccc;}  
.login_area .login_inner .login:after{content:''; display:block; clear:both; }
.login_area .login_inner .login dl{width:355px; float:left;}
.login_area .login_inner .login dl:after{content:''; display:block; clear:both; }
.login_area .login_inner .login dl dt,
.login_area .login_inner .login dl dd{ float:left; line-height:30px; } 
.login_area .login_inner .login dl dt{width:100px; padding-left:10px; line-height:40px; color:#333; font-size:13px; font-weight:bold;}
.login_area .login_inner .login dl dd{ width:254px; }
.login_area .login_inner input[type="text"],
.login_area .login_inner input[type="password"]{width:254px; height:40px; border:1px solid #ccc; background:#fff;}
.login_area .login_inner select{width:74px; height:40px; border:1px solid #ccc; background:#fff;} 
.login_check{clear:both;  padding:10px 0 0 0; margin-left:100px;}
.login_check span{display:inline-block; padding:0 10px; color:#666; line-height:1.2em; font-size:13px; background:url('/content/images/member/span_bar.gif') no-repeat 0 center;}
.login_check span a{color:#666;}
.login_check span:first-child{background:0; padding-left:0;}  
.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_area .btn{float:right;vertical-align:middle; }

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

/* login nomember */
.login_area.nomember .login_inner{padding:40px 0 50px 0;  } 
.login_area.nomember .login_inner dl{width:470px; }
.login_area.nomember .login_inner dl dt{width:96px; }
.login_area.nomember .login_inner dl dd{width:366px; }
.login_area.nomember .login_inner .btn{width:102px; height:40px; }
.login_area.nomember .login_join{line-height:40px; color:#fff; font-size:13px; font-weight:bold; background:#23ade3;   } 
.login_area.nomember .number_confirm{line-height:38px; color:#4d4d4d;  font-size:13px; font-weight:bold; background:#f7f7f7; border:1px solid #d1d1d1; } 
.login_hp{display:inline-block; vertical-align:middle;}
.login_hp:after{content:''; display:block; clear:both; }
.login_hp li{float:left; width:74px; color:#666;}
.login_hp li.connect{width:15px; text-align:center;}
.login_hp li input.hpbox{width:100% !important;}

/* login banner */
.beauty_benefits{margin-top:40px; height:135px; background:url('/content/images/member/beauty_benefits.jpg') no-repeat 0 0;}

/* 휴대폰/아이핀 인증 */
.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/image/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/image/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/image/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/image/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; }

/* 회원가입 체크 리스트 */
.search-box ul:after{content:''; display:block; clear:both; }
.search-box ul li{float:left; color:#666; margin:0 20px 10px 0;}

/* 회원가입 완료 */
.join_confirm{padding:30px 0;text-align:center;  }
.join_confirm .txt01{color:#000; font-size:40px; font-weight:bold;}
.join_confirm .txt02{padding-top:40px; color:#666; font-size:14px; line-height:22px; } 

/* 휴면계정 전환 안내 */
.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{width:475px; margin-top:20px; height:37px;  }
.sns_login:after{content:''; display:block; clear:both; }
.sns_login dt, 
.sns_login dd{float:left; line-height:37px;  }
.sns_login dd a{display:block; float:left; margin-left:6px;}
.sns_login dd a:first-child{margin-left:0; }
.sns_login dt{width:100px; padding-left: 10px;font-weight:bold; color:#333; font-size:13px;}
.sns_login dd{width:375px; }

/* 회원가입 타입 선택 */
.join_type{margin:20px 0 90px 0; text-align:center; }
.join_type a{display:block; width:330px; height:264px; padding:125px 0 0 0;  border:1px solid #c9c9c9;}
.join_type>div{ display:inline-block; }
.join_type>div:first-child{margin-right:16px; background:#f8f8f8 url('/content/image/icon/icon_join_sns.png') no-repeat center 58px;}
.join_type>div:last-child{ background:#f8f8f8 url('/content/image/icon/icon_join_me.png') no-repeat center 58px;}
.join_type>div h3{color:#4c4c4c; font-size:30px; font-weight:normal; line-height:1em;}
.join_type>div p{margin-top:20px; color:#666; font-size:13px; line-height:18px;} 
.sns_join{padding:50px 0 0 0; text-align:center;}
.sns_join p{ color:#666; font-size:14px;}
.sns_join ul{width:686px; margin:50px auto 0; }
.sns_join ul li{float:left; width:222px; height:120px;  margin-left:10px;}
.sns_join ul li:first-child{margin-left:0;}
.sns_join ul li a{display:block;height:120px; padding:77px 0 0 0; border-radius:5px; font-size:14px;} 
.sns_join ul .naver{color:#fff; background:#2db400 url('/content/image/icon/icon_naver.png') no-repeat center 31px;}
.sns_join ul .facebook{color:#fff; background:#3b579d url('/content/image/icon/icon_facebook.png') no-repeat center 31px;}
.sns_join ul .kakao{color:#51302c;  background:#ffea0f url('/content/image/icon/icon_kakao.png') no-repeat center 31px;}