﻿@charset "utf-8";
/* CSS Document */

html,body { width:100%; height:100%; padding:0; margin:0; } 
h2,h3,h4,p,ul,li {padding:0; margin:0;}
li {list-style:none;}

#join_content { clear:both; background:#f7f7f7; position:relative; color:#333333; height:100%;width:100%; display:block;}
#join_content_in { clear:both; padding:0 25px; background:#f7f7f7; overflow: auto;}

.row_group { clear:both; } /*각항목 감싸는 박스*/
.row_group_mail { clear:both; border-bottom:1px solid #eaeaea; padding:10px 0 15px 0; margin-bottom:10px;}

.join_preWrap { height:54px; }/*상단 이전 화살표*/
.join_preWrap span img { width:13px;}
.join_preWrap span a { padding:15px 25px; display:inline-block; }

.join_type { background:#33afe9; color:#FFFFFF; position:relative; font-size:21px; height:51px; line-height: 29px;border-radius:1px; -webkit-border-radius:1px; }
.join_type a { display:block; padding:12px 10px 10px 10px; color:#FFFFFF;  }
.join_type2 { background:#ffffff; color:#33afe9; position:relative; font-size:21px; height:51px; line-height: 29px;border-radius:1px; -webkit-border-radius:1px; border: 1px #33afe9 solid;}
.join_type2 a { display:block; padding:12px 10px 10px 10px; color:#33afe9;  }
.join_type_arr { position:absolute; top:0; right:0; }
.join_type_arr img { width:23px }
.join_type_arr a { display:block; padding:12px 13px 10px 20px;  }

.join_type_layer { border:1px solid #33afe9; background:#FFFFFF;  font-size:21px;line-height: 29px;border-radius:1px; -webkit-border-radius:1px; }
.join_type_layer li {border-bottom:1px solid #33afe9;}
.join_type_layer li:last-child {border-bottom:0 }
.join_type_layer li a { display:block;  padding:15px 10px 13px 10px;}

.ps_box {display: block;
    position: relative;
    width: 100%;
    height: 51px;
    border:1px solid #d7d7d7;
    padding: 10px ;
    background: #fff; -webkit-box-sizing: border-box;
    box-sizing: border-box;border-radius:1px; -webkit-border-radius:1px; }/*기본회색*/
	
.ps_box_on {display: block;
    position: relative;
    width: 100%;
    height: 51px;
    border:1px solid #33afe9;
    padding: 10px ;
    background: #fff; -webkit-box-sizing: border-box;
    box-sizing: border-box;border-radius:1px; -webkit-border-radius:1px; }/*블루테두리*/
	
.ps_box_error {display: block;
    position: relative;
    width: 100%;
    height: 51px;
    border:1px solid #e93333;
    padding: 10px ;
    background: #fff; -webkit-box-sizing: border-box;
    box-sizing: border-box; border-radius:1px; -webkit-border-radius:1px;}/*레드테두리*/
	
.ps_box_non {display: block;
    position: relative;
    width: 100%;
    height: 51px;
    border:0px solid #e93333;
    padding: 10px  0;
    background:#f7f7f7; -webkit-box-sizing: border-box;
    box-sizing: border-box; border-radius:1px; -webkit-border-radius:1px;}/*레드테두리*/
	
.ps_box_non	input[type="text"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0; background:none;
}	


.int { display: block;
    position: relative;
    width: 100%;
    line-height: 1.6;
    border: none;
    font-size: 21px;	
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1; outline:0;cursor: pointer; }
    



/*선택*/
.join_tabwrap { width:100%;}
.join_tab {display:flex; align-items:stretch; justify-content:space-between;  }
.join_tab span {display:block; background:#ffffff; border:1px solid #d7d7d7; text-align:center;  border-radius:1px; -webkit-border-radius:1px; font-weight:500 }
.join_tab span a { color:#000000; display:block;  }
.join_tab span.on { background:#33afe9;border:1px solid #33afe9; }
.join_tab span.on a { color:#FFFFFF; }
.join_tab span img { width:12px; padding:2px 2px 0; }
.join_tab_pd3 { width:31.6%; padding:0.8em 0 0.7em 0; font-size:18px; }

.join_tab_pd3_1 { width:33.33%; text-align: center; font-size: 18px;}
.join_tab_pd3_1 a { display: block; width:100%; padding:0.8em 0 0.7em 0; text-align: center; font-size: 18px;}

/*btn_wrap*/
.join_btn_wrap {width:100%; padding-bottom:5px; }
.join_btn_tab {display:flex; align-items:stretch; justify-content:space-between;}
.join_btn_tab span {display:block; background:#f7f7f7; border:1px solid #d7d7d7; text-align:center;  border-radius:1px; -webkit-border-radius:1px; font-weight:500; font-size:18px; flex-grow: 1;}
.join_btn_tab span a { color:#666666; display:block; padding:12px 0 10px 0;  }
.join_btn_tab span.on { background:#ed145b;border:1px solid #ed145b; }
.join_btn_tab span.on a { color:#FFFFFF; padding:12px 0 10px 0;}
.join_btn_tab span ~ span {margin-left: 10px;}

/*체크동그라미:앞*/
.terms_box { padding-top:5px;position:relative;display:block;}
.terms_bx {display: block; padding-bottom: 15px;position:relative;}
.terms_bx2 {display: block; position:relative;}
.terms_bx3 {display: block; position:relative; float:left; width:50%; padding-bottom:10px;}

.input_chk {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box; }
.input_chk input{display:none;}
.input_chk label{position:relative;display:block;width:100%;padding-left:29px; padding-right:60px; font-size:17px;font-weight:500;line-height:21px;cursor:pointer;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box}
.input_chk label:before{content:'';position:absolute;top:-2px;left:1px;display:block;width:24px;height:24px; background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_off.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}/*top:46%;*/
.input_chk input:checked+label:before{content:'';background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_on.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}

/*체크동그라미:앞 - 뒷부분 여백없음*/
.input_chk3 {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box; }
.input_chk3 input{display: none;}
.input_chk3 label{position:relative;display:block;width:100%; padding-bottom:5px;  padding-left:29px; font-size:17px;font-weight:500;line-height:21px;cursor:pointer;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box}
.input_chk3 label:before{content:'';position:absolute;top:-2px;left:1px;display:block;width:24px;height:24px; background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_off.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}/*top:46%;*/
.input_chk3 input:checked+label:before{content:'';background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_on.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}

/*체크동그라미:뒤*/
.input_chk2 {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box; }
.input_chk2 input{position:absolute;top:50%;right:1px;width:18px;height:18px;margin-top:-10px;outline:0}
.input_chk2 label{position:relative;display:block;width:100%;padding-top:3px;font-size:17px;font-weight:500;line-height:21px;cursor:pointer;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box}
.input_chk2 label:before{content:'';position:absolute;top:43%;right:1px;display:block;width:24px;height:24px;margin-top:-10px;background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_off.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}
.input_chk2 input:checked+label:before{content:'';background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_on.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}

/* 영문 동의 */
.input_chk4 {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box; word-break: keep-all;}
.input_chk4 input{display:none;}
.input_chk4 label{position:relative;display:block;width:100%;padding-left:29px; padding-right:70px; font-size:17px;font-weight:500;line-height:21px;cursor:pointer;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box}
.input_chk4 label:before{content:'';position:absolute;top:-2px;left:1px;display:block;width:24px;height:24px; background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_off.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}/*top:46%;*/
.input_chk4 input:checked+label:before{content:'';background:#f7f7f7 url(//image.aladin.co.kr/img/m/2019/join_check_on.png) no-repeat 0 0;-webkit-background-size:24px 24px;background-size:24px 24px}

.join_check_all {font-size:19px;font-weight:500;line-height:21px;cursor:pointer;color:#333; border-bottom:1px solid #d7d7d7; padding:15px 0 5px 0; margin-bottom:15px; }

/**/
.join_eye { position:absolute; right:0; top:2px; z-index: 2; color:#555; }
.join_eye img {width:21px }
.join_eye a {display:block; padding:10px 12px; color:#555;   }
.join_t_ok { color:#33afe9; font-weight:bold; position:absolute; right:50px; z-index:2; top:28%; }
.join_t_notok { color:#e93333;font-weight:bold; position:absolute; right:50px; z-index:2; top:28%;}
.join_img_ok {  position:absolute; right:10px; top:25%; z-index: 2; color:#555;}
.join_img_ok img {width:20px }

.join_bigtitle {color:#000000; font-size:26px; line-height:1.6; margin:0; padding:0;color:#000000; padding:8px 0 15px 0 }/* font-size:22px;*/
.join_bigtitle2 {color:#000000; font-size:26px; line-height:1.6; margin:0; padding:0;color:#000000; padding:0 0 15px 0 }

.join_title {color:#000000; font-size:18px; padding-bottom:5px; }/* font-size:15px;*/
.join_text {font-size:16px; padding-top:6px; line-height:1.4; letter-spacing:-0.05em; }/*font-size:14px;padding-top:5px;*/
.join_text_q {font-size:16px; padding-top:6px; line-height:1.4; position:relative }/*font-size:14px; padding-top:5px;*/
.join_text_q a { background:#33afe9; color:#FFFFFF; padding:5px 8px; border-radius:1px; -webkit-border-radius:1px;}
.join_text_q p { text-align:right;  }/*margin-top:-10px;*/
.join_text_btn { text-align:right; padding:20px 0 10px 0; }
.join_text_btn a { color:#454545 }

.join_font1 { font-size:13px; }
.join_font2 { font-size:14px; }
.join_font3 { font-size:15px; }
.join_font4 { font-size:16px; }
.join_font5 { font-size:18px; }
.join_font6 { font-size:20px; }

.join_color { color:#33afe9; }
.join_color_red { color:#e93333;}

.join_space { clear:both; padding:15px 0; }/*padding:13px 0;*/
.join_space2 { clear:both; padding:20px 0; }
.join_space3 { clear:both; padding:5px 0; }
.join_space4 { clear:both; padding:10px 0; }
.join_space5 { clear:both; padding:15px 0; margin-bottom:25px; border-bottom:1px solid #d7d7d7;  }
.join_space6 { clear:both; padding:200px 0; }

.join_lettersp { letter-spacing:-0.01em;}
.join_wbn {word-break:keep-all;}
.join_fwn { font-weight:normal; }

.join_seline { clear:both; border-top:1px solid #eaeaea; padding-bottom:20px; margin-top:15px; }

.join_btn_off { clear:both; background:#f7f7f7; border:1px solid #d7d7d7; text-align:center; height:51px; font-size: 22px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_off a { color:#666666; display:block; padding:15px 0; }
.join_btn_on { clear:both; background:#ed145b; border:1px solid #ed145b; text-align:center; height:51px; font-size: 22px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_on a { color:#ffffff; display:block; padding:15px 0; }
.join_btn_blue { clear:both; background:#33afe9; border:1px solid #33afe9; text-align:center; height:51px; font-size: 22px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_blue a { color:#ffffff; display:block; padding:15px 0; }

.join_btn_off_s { clear:both; background:#f7f7f7; border:1px solid #d7d7d7; text-align:center; height:41px; font-size: 17px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_off_s a { color:#666666; display:block; padding:10px 0; }
.join_btn_blus_s { clear:both; background:#33afe9; border:1px solid #33afe9; text-align:center; height:41px; font-size: 17px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_blus_s a { color:#ffffff; display:block; padding:10px 0; }

.join_btn_agree_off { clear:both; background:#f7f7f7; border:1px solid #d7d7d7; text-align:center; height:51px; font-size: 19px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_agree_off a { color:#666666; display:block; padding:15px 0; }
.join_btn_agree_on { clear:both; background:#33afe9; border:1px solid #33afe9; text-align:center; height:51px; font-size: 19px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_agree_on a { color:#ffffff; display:block; padding:15px 0; }

.join_btn_see { position:absolute; right:1px; top:2% }
.join_btn_see a { text-decoration:underline; color:#454545; }
.join_btn_see2 {padding-left:28px;}
.join_btn_see2 a { text-decoration:underline; color:#454545; }

.join_btn_sns { background:#FFFFFF; border:1px solid #d7d7d7; text-align:center; font-size:18px; line-height:1.3;border-radius:1px; -webkit-border-radius:1px; letter-spacing:0; }
.join_btn_sns span {display:inline-block; box-shadow:0 1px 1px 1px rgba(250,250,250,.5); margin:5px 2px 0 2px;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_sns a { display:block; padding:14px 0 15px 0; color:#000000; }
.join_btn_sns img { width:30px;  }
.join_btn_sns .hide { display:none; }
.join_btn_or { clear:both; height:64px; position:relative; background:url(//image.aladin.co.kr/img/m/2019/join_se.png) repeat-x; background-position:0 50%;background-size:1px; text-align:center;-webkit-box-sizing: border-box; box-sizing: border-box; padding-top:23px; }
.join_btn_or .or_text {background:#f7f7f7; display:inline-block; padding:0 8px; color:#999999; font-size:14px;  }
.join_btn_or .hide { display:none; }

.join_t_welcome { font-size:18px; line-height:1.6;color:#000000; }
.join_t_welcome img { width:24px; margin-bottom:4px; }
.join_t_welcome span{ font-weight:bold;}

.join_t_suggest { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:url(//image.aladin.co.kr/img/m/2019/join_t_suggest5.png) no-repeat; background-position:center; background-size:130%; padding:35px 0 13px 0; }
.join_t_suggest p { color:#000000; font-size:16px; padding-bottom:16px; line-height:1.6 }
.join_t_suggest p span { display:block; font-weight:bold; font-size:19px; }

.join_btn_blue { clear:both; background:#33afe9; border:1px solid #33afe9; text-align:center; height:51px; font-size: 21px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.join_btn_blue a { color:#ffffff; display:block; padding:15px 0; }

.join_t_confirm { position:relative; font-size:17px; color:#000000; }
.join_t_confirm .btn_change { border:1px solid #33afe9; background:#f7f7f7; display:inline-block; position:absolute; right:0; top:0; font-size:14px;vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;}
.join_t_confirm .btn_change a { color:#1498d5; display:block; padding:6px 9px; }

.join_t_confirm>ul { margin-top:10px;}
.join_t_confirm>ul>li { font-size:15px; padding:5px 0 0 10px; background:url(//image.aladin.co.kr/img/m/2019/join_dot.png) no-repeat 0 50%; background-size:5px;}
.join_t_confirm>ul>li strong { color:#454545}

.join_snsbox { width:100%; float:left;}
.join_snsbox li { font-size:16px; width:50%; display:inline-block; float:left; box-sizing:border-box; text-align:center; margin-bottom:10px; }
.join_snsbox li .box1 {border:1px solid #d7d7d7; text-align:center; line-height:1.3;border-radius:1px; -webkit-border-radius:1px; letter-spacing:0; padding:10px; margin:0 5px 0 0; background:#FFFFFF;   }
.join_snsbox li .box2 { border:1px solid #d7d7d7; text-align:center; line-height:1.3;border-radius:1px; -webkit-border-radius:1px; letter-spacing:0; padding:10px; margin:0 0 0 5px;background:#FFFFFF;  }
.join_snsbox li .i-img { width:40px; padding-bottom:10px;}
.join_snsbox li .i-img2 { width:80px; padding-bottom:10px;}
.join_snsbox li a { display:block; }

/*20191223 적립금 배너*/
.join_savemoney_bn {text-align:left;padding: 0px; margin-bottom:20px; margin-top:-5px;}
.join_savemoney_bn a {color:#444; font-size:17px; line-height:1.3; display:block;}
.join_savemoney_bn img { width:7px; padding:0 0 0 3px; margin-bottom:3px;}



@media all and (min-width:320px) {
.join_tab_pd1 {padding:0.8em 1.14em; font-size:14px;}
.join_tab_pd2 {padding:0.8em 0.8em; font-size:14px;}
.join_tab_pd3 {padding:0.8em 0; font-size:14px;width:31.6%;}
.join_t_suggest p span {font-size:17px; }
}

@media all and (min-width:375px) {
.join_tab_pd1 { padding:0.8em 1.26em; font-size:17px;}/* padding:0.8em 1.26em;*/
.join_tab_pd2 { padding:0.8em 0.96em; font-size:17px; } /* padding:0.8em 0.96em;*/
.join_tab_pd3 { padding:0.8em 0; font-size:17px;width:31%; }

}

@media all and (min-width:411px) {
.join_tab_pd1 { padding:0.8em 1.3em; font-size:18px; }
.join_tab_pd2 { padding:0.8em 0; font-size:18px;width:31.8%; }  
.join_tab_pd3 { padding:0.8em 0; font-size:18px;width:31.6%; } 
}

.hide { display:none; }

.join_subtitle { color: #239ed7; font-size:18px; padding-bottom:15px;}
.join_subtitle2 { color: #333; font-size:18px; padding:15px 0;}
.chk_infotext { display: inline-block; padding-top:5px;}
.agr_content_warp {width:100%; margin: 20px auto; background: #e9e9e9; padding: 20px; box-sizing: border-box;}
.agr_content_warp.app {margin: 0 auto;}
.agr_content_warp h3 { margin-bottom: 10px;}
.agr_content_warp h4 { margin-bottom: 5px;}
.agr_content_warp p {margin:10px 0;}
.agr_content_warp:after {content:''; display: block; clear:both;}


/* 이용약관 모듬페이지 */
.policy_wrap { width:100%; height:auto; margin:0 auto; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:15px; line-height:150%; background-color:#ffffff; position: relative; text-align: left;}
.policy_tab_pc {display:none;}
.policy_tab2_pc {display:none;}
.policy_tab_m {background: url(//image.aladin.co.kr/img/svg/arrowbold_down_w.svg) no-repeat 97% center #0e1c50; background-size: 25px; border-color:#0e1c50; padding: 0 10px 0 10px!important; width:100%; height: 60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; color:#fff; font-size:20px; border-radius:0px; position: absolute; top:0; z-index:1000;}
.policy_tab_m::-ms-expand {display: none;}
.p_fixed { position: fixed;}
.policy_info { position: relative; margin:0 auto; padding:50px 0 100px 0; width:90%;}
.policy_info .pro_list {line-height:26px;}
.policy_info h2 {display:none;}
.policy_info select {background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff; background-size: 25px; border: 1px solid #e0e0e0; padding: 0 10px 0 10px!important; width:100%; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; color: #000; cursor: pointer; position: absolute; right:50%; bottom:30px; font-size:16px; transform: translateX(50%);}
.policy_info select::-ms-expand {display: none;}
.policy_info h3 {font-size:16px; font-weight: bold; margin-top:40px; display: flex; align-items: center; line-height: 1.2;}
.policy_info h3 .label {display: inline-block; width: 35px; height: 35px; vertical-align: middle; margin-right: 5px;}
.policy_info h3 .label img {width: 100%;}
.policy_info h4 {margin-top:20px;}
.policy_info h5 {font-size:15px; margin:8px 0 0 0; padding: 0; font-weight: normal;}
.policy_info p {padding-top:20px;}
.policy_info .pro_top {margin-top:40px;}
.p_1depth {padding-top:20px; padding-left:20px;}
.p_1depth li { padding-bottom:5px;}
.p_1depth li > span {margin:0 6px 0 -20px;}
.p_1depth p {padding:10px 0 10px 0;}
.p_2depth {margin:10px 0 5px 20px;}
.p_2depth li > span {margin:0 5px 0 -17px;}
.p_3depth {margin:10px 0 0 20px;}
.p_3depth p {padding:5px 0 10px 20px;}
.p_table1 {border:1px #ccc solid; border-bottom:none; border-right: none; width:100%; margin-top:10px;}
.p_table1 th {background: #f0f0f0; text-align: center; padding:6px 0; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
/* .p_table1 th:last-child , .p_table1 td:last-child{border-right: none;} */
.p_table1 td {padding:10px 5px; border-right:1px #ccc solid; border-bottom:1px #ccc solid; word-break: break-all;}
.policy_wrap a { color:#333; text-decoration: underline;}
.p_table1 .bo_r {border-right:1px #ccc solid!important;}
.p_table1.storelist td {text-align: center;}
.p_table1.storelist td:nth-child(6) {vertical-align: top;}

/*로그인 20200225*/
.login_wrap {padding:20px; background-color: #fff;}
.login_wrap input[type="text"], .login_wrap input[type="password"] {border:1px #cdcbcb solid; width:100%; height:50px; padding:0 5%; font-size:16px; box-sizing: border-box; outline:0; color:#000;     -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 6px!important;}
.login_wrap .id_field {margin-bottom:10px;}
.login_wrap .password_field {position:relative; margin-bottom:10px;}
.login_wrap .password_field button {border: 0 none; background-color: transparent; cursor: pointer; position: absolute; right:5px; top:50%; width:30px; height:30px; transform: translateY(-50%);}
.login_wrap .password_field button span {text-indent: -9999px; font-size: 0;}
.login_wrap .password_field .view_off {background: url(//image.aladin.co.kr/img/svg/no_view.svg) center no-repeat; background-size:80% auto;}
.login_wrap .password_field .view_on {background: url(//image.aladin.co.kr/img/svg/view.svg) center no-repeat; background-size:80% auto;}
.login_wrap .login_btn { display: block; background: #EB217C; color:#fff; border:0; padding:0; height:50px; width:100%; font-size:17px; text-align: center; border-radius: 6px; font-weight: bold;}
.login_wrap ul {width:100%; margin-top:15px;}
.login_wrap ul li:first-child {float:left;}
.login_wrap ul li:last-child {float: right;}
.login_wrap ul::after {content:''; display: block; clear: both;}
.login_wrap .password_save input {display: none;}
.login_wrap .password_save span { vertical-align:middle; cursor: pointer; display:inline-block; color:#333;}
.login_wrap .password_save .check {width:20px; height:20px; background: url(//image.aladin.co.kr/img/svg/circle_check_off.svg) no-repeat; background-size:100% auto; margin-right:5px;}
.login_wrap .password_save input:checked ~ .check { width:20px; height:20px; background: url(//image.aladin.co.kr/img/svg/circle_check_on.svg) no-repeat; background-size:100% auto;}
.login_wrap a.id_search { color:#333; text-decoration: none; line-height:1.0em;}

.snslogin_wrap {padding:20px;}
.snslogin_wrap li { float: left; width:29%; margin:0 2% 10px 2%; position: relative;}
.snslogin_wrap li img { position: absolute; left:50%; top:50%; width:40px; transform: translate(-50%, -50%);}
.snslogin_wrap li a { display: block; background-color: #fff; border:1px #e0e0e0 solid; border-radius:6px; text-align: center; height:90px;}
.snslogin_wrap li a.samsung img {width:60px}
.snslogin_wrap ul::after {content:''; display: block; clear: both;}
.snslogin_wrap .join {margin:10px 2%; position: relative; line-height:1.0em;}
.snslogin_wrap .join span { position: absolute; right:0;}
.snslogin_wrap .join span a{color:#ed145b; text-decoration: none;}
.snslogin_wrap .join_bn {margin:15px 2%; text-align: center; height:70px;}
.snslogin_wrap .join_bn img { width:100%; max-width:325px;}

.logintxt_wrap {padding: 15px 13px; background-color: #f5f5f5; width: 90%; box-sizing: border-box; margin: 10px auto 0 auto; line-height: 134%;}
.logintxt_wrap p {display:block; padding-bottom: 6px; padding-left: 6px; box-sizing: border-box; font-size: 14px; letter-spacing: -0.05em;}
.logintxt_wrap p:nth-of-type(3) {padding-bottom:0px;}

/* 페이스북 로그인*/	
.facebook_end1{ width:96%; margin:0 auto}
.facebook_end1 a{color:#333; text-decoration:none; font-weight:bold}

/*211206 */
.join_closeWrap { text-align:right; height:54px;  }/*상단 이전 화살표*/
.join_closeWrap span img { width:20px;}
.join_closeWrap span a { padding:15px 25px; display:inline-block; }

.sns_change_join_btn { clear:both; background:#d8d8d8; border:1px solid #d0d0d0; text-align:center; height:51px; font-size: 22px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.sns_change_join_btn a { color:#333333; display:block; padding:15px 0; }

.sns_change_joinclose_btn { clear:both; background:#969696; border:1px solid #8f8f8f; text-align:center; height:51px; font-size: 22px; vertical-align:middle;border-radius:1px; -webkit-border-radius:1px;  }
.sns_change_joinclose_btn a { color:#ffffff; display:block; padding:15px 0; }

.snsM_change_done { text-align:center; padding-bottom:10px;}
.snsM_change_done img { width:90px;}

 /*회원가입 */
 .join_space15 {width:100%; height:20px;}
 .join_txt1 {font-size: 14px;}
 .join_link a:link {color:#239ed7;}
 .join_link a:visited {color:#239ed7;}
 
/* sns 로그인 */
.login_sns {padding:14px 20px; text-align: center; font-size: 0;}
.login_sns .tit {width: 100%; height: 1px; background-color: #c2c0c0; position: relative; margin-bottom: 30px;}
.login_sns .tit span {position: absolute; left: 50%; top: -10px; transform: translateX(-50%); font-size: 14px; background-color: #fff; padding: 0 5px;}
.login_sns ul {height: 50px; margin-bottom: 20px;}
.login_sns li { display: inline-block; padding-right:10px; position: relative;}
.login_sns li a {display: block; width:50px; height:50px; border-radius:100%; font-size: 1px; color: transparent; overflow: hidden;}
.login_sns li:last-child {padding:0;}
.login_sns li a.samsung {background: url(//image.aladin.co.kr/img/tobecontinued/common/logo_samsungpass_w.svg) no-repeat #222 top 20px center/47px 17px;}
.login_sns li a.apple {background: url(//image.aladin.co.kr/img/tobecontinued/common/logo_apple_w.svg) no-repeat #222 top 11px center/22px 26px;}
.login_sns li a.naver {background: url(//image.aladin.co.kr/img/tobecontinued/common/logo_naver_w.svg) no-repeat #04ce5c center center/21px 20px;}
.login_sns li a.google {background: url(//image.aladin.co.kr/img/tobecontinued/common/logo_google.svg) no-repeat #f2f2f2 center center/26px 27px;}
.login_sns li a.twitter {background: url(//image.aladin.co.kr/img/tobecontinued/common/logo_twitter_w.svg) no-repeat #1da1f2 center center/28px 23px;}
.login_sns li a.kakao {background: url(//image.aladin.co.kr/img/tobecontinued/common/logo_kakao.svg) no-repeat #f9e000 center center/33px 31px;}
.login_info_txt a {background: url("//image.aladin.co.kr/img/svg/attention.svg") no-repeat left center / 12px auto; padding: 0 0 0 15px; font-size: 13px; color: #666!important;}
.login_sns .join_txt {font-size: 15px; display: flex; justify-content: space-between; padding: 20px 0 0 0;}
.login_sns .join_txt a {color:#ed145b; text-decoration: none; }

.policy_info .top_infotxt {margin-top: 30px;}
.policy_info .index_tit {font-size: 21px; margin: 30px 0 10px 0;}
.policy_info .label_box {display: flex; flex-wrap: wrap; border-top: 1px #ccc solid; border-right: 1px solid #ccc; margin-bottom: 10px;}
.policy_info .label_box li {width: 25%; text-align: center; border-left: 1px #ccc solid; border-bottom: 1px solid #ccc; padding: 8px 0; box-sizing: border-box;}
.policy_info .label_box li .label_img {width: 100%;}
.policy_info .label_box li .label_img img {width: 40px;}
.policy_info .label_box li .label_txt {font-size: 14px; line-height: 1.2;}
.policy_info .index_box {border: 1px #ccc solid; padding: 10px; box-sizing: border-box;} 

.login_sns li a .recently {width: 96px; height: 53px; background: url('//image.aladin.co.kr/img/login/bubble.png') no-repeat center / 100% auto; position: absolute; left: -24px; top: -25px; font-size: 12px; color: #000; padding: 3px 0 0 0; box-sizing: border-box; letter-spacing: -1px; font-family: 'Noto Sans KR'; animation: bounce 1.5s ease forwards; animation-delay: 1s; opacity: 0;}
@keyframes bounce {
    0% {transform: translateY(-20px); animation-timing-function: ease-in; opacity: 0;}
    38% {transform: translateY(0); animation-timing-function: ease-out; opacity: 1;}
    55% {transform: translateY(-15px); animation-timing-function: ease-in; opacity: 1;}
    72% {transform: translateY(0); animation-timing-function: ease-out; opacity: 1;}
    81% {transform: translateY(-10px); animation-timing-function: ease-in; opacity: 1;}
    90% {transform: translateY(0); animation-timing-function: ease-out; opacity: 1;}
    95% {transform: translateY(-6px); animation-timing-function: ease-in; opacity: 1;}
    100% {transform: translateY(0); animation-timing-function: ease-out; opacity: 1;}
}

/* 회원가입 수정 23.10.27*/
span.star {color: #32aceb; font-weight: 600; padding:0 5px; display:inline-block;}