@charset "utf-8";

/* ————————————————————————————————————————————————————
 * wish 관심상품 (나의하트, 최근본상품)
/* ———————————————————————————————————————————————————— */
/* wish_none */
.wish_none{margin-top:0;text-align:center;padding:140px 18px}
.wish_none i{display:inline-block;font-size:88px;color:#bbb}
.wish_none p{font-size:17px;color:#888;margin:25px 0}
.wish_none .btn{max-width:58%;margin:auto}

/* wish_wrap */
.wish_wrap{}

/* recently_edit */
.recently_edit{position:relative;padding:14px 0}
.recently_edit .check_all{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.recently_edit .btn_wrap{font-size:0;text-align:right}
.recently_edit .btn_wrap ul li{display:inline-block;margin-left:8px}
.recently_edit .edit{display:none}
.recently_edit.editing .edit{display:block !important}
.recently_edit.editing .basic{display:none !important}

/* recently_list */
.recently_list{min-height:360px;padding:10px 0 20px}
.recently_list ul{margin:-5.333333% 0 0 -5.333333%}
.recently_list ul li{width:28%;float:left;position:relative;margin:5.333333% 0 0 5.333333%}
.recently_list ul li a{position:relative;display:block;border-radius:36px;overflow:hidden}
.recently_list ul li a:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.02);border-radius:36px}
.recently_list ul li a img{width:100%;height:auto}
.recently_list ul li .sm.checksType_1{display:none}
.recently_list.editing ul li .sm.checksType_1{display:block !important}
.recently_list ul li .sm.checksType_1,
.recently_list ul li .sm.checksType_1 label{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;padding:0;border-radius:36px;z-index:10}


/* ————————————————————————————————————————————————————
 * login 로그인
/* ———————————————————————————————————————————————————— */
.login_wrap{padding:28px}

/* login_sns */
.login_sns{}
.login_sns .or_line{position:relative;text-align:center;padding:16px 0}
.login_sns .or_line:before{content:'';width:100%;height:1px;display:block;position:absolute;top:50%;left:0;background:#ddd}
.login_sns .or_line em{display:inline-block;padding:0 20px;font-size:12px;font-weight:400;letter-spacing:-0.025em;line-height:1.75;color:#888;background:#fff;position:relative}
.login_sns a{height:50px;line-height:51px;display:block;position:relative;background:#333;border-radius:12px;font-size:15px;color:#fff;font-weight:700;padding-left:102px;margin-top:8px}
.login_sns a.bt_naver{background:#24bf08;margin-top:0}
.login_sns a.bt_face{background:#4267b2}
.login_sns a.bt_kakao{background:#ffde00;color:#381e1e}
.login_sns a:before{content:'';width:72px;height:54px;display:inline-block;background:url("../img/ico_login_sns.png") no-repeat 0 0;-webkit-background-size:216px 54px;background-size:216px 54px;position:absolute;left:0;top:50%;margin-top:-27px}
.login_sns a.bt_face:before{background-position:-72px 0}
.login_sns a.bt_kakao:before{background-position:-144px 0}
.login_sns a:after{content:'';width:1px;background:#fff;filter: alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;position:absolute;left:72px;top:15px;bottom:15px}
.login_sns a.bt_kakao:after{background:#381e1e}

/* login_form */
.login_form{}
.login_form .inputType_1{margin-bottom:8px}
.login_form .checksType_1{margin:12px 0 20px}

/* login_util */
.login_util{margin-top:14px;text-align:center}
.login_util ul{display:inline-block}
.login_util li{float:left;position:relative;padding:0 20px}
.login_util li:before{content:'';width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd}
.login_util li:first-child:before{display:none}
.login_util li a{display:inline-block;padding:6px 0;font-size:14px;color:#888;-webkit-transition:color 300ms;transition:color 300ms}
.login_util li a:hover{color:#2d2d2d}
.login_util li a span{display:inline-block;border-bottom:1px solid transparent;-webkit-transition:border 300ms;transition:border 300ms}
.login_util li a:hover span{border-color:#2d2d2d}

/* ————————————————————————————————————————————————————
 * password_lost 아이디 / 비밀번호 찾기
/* ———————————————————————————————————————————————————— */
.lost_wrap{padding:40px 28px}
.lost_wrap .info_txt{font-size:15px;line-height:1.45;letter-spacing:-0.05em;margin-bottom:30px}
.lost_wrap .btn_wrap{margin-top:30px}
.lost_wrap .btn_wrap ul li{margin-top:10px}

/* ————————————————————————————————————————————————————
 * join 회원가입
/* ———————————————————————————————————————————————————— */
/* join_step */
.join_step{position:relative;background:#2d2d2d;color:#fff;padding:0 18px}
.join_step h2{font-size:14px;line-height:50px}
.join_step .step{line-height:50px;font-size:14px;color:rgba(255,255,255,0.5);position:absolute;top:0;right:18px}
.join_step .step em{color:rgba(255,255,255,1)}

/* join_wrap */
.register .join_wrap{padding:28px}

/* all_agree_check */
.join_wrap .all_agree_check{border-bottom:2px dotted #e4e4e4;padding:0 0 20px}
.join_wrap .all_agree_check .checksType_1 label{color:#2d2d2d;font-weight:700;font-size:16px;letter-spacing:-0.05em}

/* terms_area */
.join_wrap .terms_area{padding-top:20px}
.join_wrap .terms_area .checksType_1{margin-bottom:12px}
.join_wrap .terms_area .checksType_1 label em{color:#fb6c3a}
.join_wrap .terms_area .txt_box{height:120px;background:#f6f6f6;border-radius:12px;padding:14px;color:#888;font-size:11px}
.join_wrap .terms_area .txt_box p{white-space:pre-line}

/* join_form */
.join_form{padding-bottom:28px}
.join_form li{margin-top:18px}
.join_form li .frm_info{display:block;font-size:12px;color:#888;margin-top:6px}
.join_form .ulAgree{margin-top:20px;background:#f6f6f6;padding:18px 16px;border-radius:12px}
.join_form .ulAgree li{width:50%;float:left;margin-top:0}
.join_form .ulAgree li .checksType_1 label{font-size:13px}

/* btn_wrap */
.join_wrap .btn_wrap{margin-top:20px}
.join_wrap .btn_wrap ul li{margin-top:10px}

/* join_result */
.join_result{padding:50px 16.66666666667vw;text-align:center}
.join_result .icon-check{width:80px;height:80px;line-height:80px;text-align:center;display:inline-block;background:#503e9d;border-radius:50%;color:#fff;font-size:42px}
.join_result h3{font-size:24px;line-height:1.35;margin:20px 0 10px}
.join_result h3 em{font-weight:900}
.join_result p.desc{font-size:12px;color:#888}
.join_result_info{text-align:left;border-top:1px solid #ddd;margin:30px 0}
.join_result_info dl{border-bottom:1px solid #eee;line-height:40px;font-size:12px;letter-spacing:-0.025em}
.join_result_info dl dt{width:26%;float:left;color:#888}
.join_result_info dl dd{width:74%;float:left;text-align:right}


/* ————————————————————————————————————————————————————
 * mbConfrm_wrap 비밀번호 확인
/* ———————————————————————————————————————————————————— */
.mbConfrm_wrap{padding:40px 28px;z-index:1}
.mbConfrm_wrap .info_txt{font-size:15px;line-height:1.45;letter-spacing:-0.05em;margin-bottom:14px}
.mbConfrm_wrap .info_txt em{display:inline-block;position:relative;font-weight:700}
.mbConfrm_wrap .info_txt em:before{content:'';height:6px;background:#facd5d;position:absolute;left:0;right:0;bottom:2px;z-index:-1}
.mbConfrm_wrap .inputType_1{margin-top:16px}
.mbConfrm_wrap .btn_wrap{margin-top:30px}
.mbConfrm_wrap .btn_wrap ul li{margin-top:10px}