﻿@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:11px;position:relative;}
.terms_bx2 {display: block; position:relative;}
.terms_bx3 {display: block; position:relative; float:left; width:50%; padding-bottom:10px;}
.terms_bx_s {display: block; display: block; padding: 17px 0 17px 0; position: relative; border-bottom: #ddd solid 1px; position:relative; border-bottom: #ddd solid 1px;}
.terms_bx_s:last-child {border-bottom: 0;}

.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:;width:100%;padding-left:37px; padding-right:0px; font-size:17px;font-weight:500;line-height:21px;cursor:pointer;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box; align-items: center;}
.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:0px solid #d7d7d7; padding:15px 0 5px 0; margin-bottom:0; }

/**/
.join_eye { position:absolute; right:0; top:2px; z-index: 2; }
.join_eye img {width:21px }
.join_eye a {display:block; padding:10px 12px;   }
.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;}
.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_bold {font-weight: bold;}

.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_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:; 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; }

span.join_btn_see {vertical-align: middle; width: 13px; height: 18px; display:; align-items: center;}
span.join_btn_see a {width:9px; height:15px;}
span.join_btn_see a img {width:100%;}

.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_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; }

/*20211116 적립금 배너*/
.join_savemoney_bn {padding: 0px; margin-bottom:20px; margin-top:-5px; width: 100%;}
.join_savemoney_bn a {  display:block;}
.join_savemoney_bn img { width:100%; padding:0 0 0 0px; margin-bottom:0px; border-radius: 8px;overflow: hidden;}



@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; padding: 20px 0 30px 0; box-sizing: border-box; }
.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;}
.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; width:100%; margin-top:10px; border-right:none;}
.p_table1 th {background: #f0f0f0; text-align: center; padding:6px 0; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
.p_table1 td {padding:10px 5px; background-color: #fff; 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;}
.join_space25 {width:100%; height:25px;}

/*로그인 20200225*/
.login_wrap {padding:20px; background-color: #fff;}
.login_wrap input[type="text"] {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;}
.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-color: #ed145b; color:#fff; border:0; padding:0; height:50px; width:100%; font-size:20px;}
.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;}


/* 페이스북 로그인*/	
.facebook_end1{ width:96%; margin:0 auto}
.facebook_end1 a{color:#333; text-decoration:none; font-weight:bold}

 /*회원가입 */
.join_space5 {width:100%; height:5px;}
.join_space15 {width:100%; height:20px;}
.join_txt1 {font-size: 15px;}
.join_link a:link {color:#239ed7;}
.join_link a:visited {color:#239ed7;}

.agr_content_warp1 {width:100%; margin: 20px auto; background: #e9e9e9; padding: 10px 15px; box-sizing: border-box; border-radius: 0px;}
.agr_content_warp1 h3 { margin-bottom: 10px;}
.agr_content_warp1 h4 { margin-bottom: 5px; line-height: 1.3em; font-size: 14px; letter-spacing: -0.05em;}
.agr_content_warp1 p {margin:10px 0;}
.agr_content_warp1:after {content:''; display: block; clear:both;}

.p_table2 {border:1px #ccc solid; border-bottom:none; border-right: none; width:100%; margin-top:10px; font-size: 14px;}
.p_table2 th {background: #f0f0f0; text-align: center; padding:6px 0; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
.p_table2 td {padding:10px 5px; border-right:1px #ccc solid; border-bottom:1px #ccc solid; word-break: break-all; background: #e9e9e9; line-height: 1.3em; font-size: 15px; letter-spacing: -0.05em;}


/* 회원가입 수정 23.10.27 */
.terms_bx p {font-size: 1.0rem; padding-top:10px; }

ul.join_agrCheck2 {width:100%; height:26vw; display: grid;}
ul.join_agrCheck2 li { padding: 0 0 0 0; display:inline-flex; position: relative; width:100%;}
ul.join_agrCheck2 li > label {font-size: 14px; display: inline-flex; align-items: center; line-height: 1.5;}
ul.join_agrCheck2 li > span { display: inline; padding-left:25px;  color: #787878;  align-items: center;}
ul.join_agrCheck2 li > span a {color: #787878; text-decoration: none; display: inline-flex; align-items: center; width: 12px; height: 12px;}
ul.join_agrCheck2 li > span a img {vertical-align: middle; width: 13px; height: 12px; display: inline-flex; align-items: center;}

.input_chk_s {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box; }
.input_chk_s input{display:none;}
.input_chk_s label{position:relative;display:block;width:100%;padding-left:29px; padding-right:0px; font-size:17px;font-weight:500;line-height:21px;cursor:pointer;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box; display: inline-flex;    align-items: center;}
.input_chk_s 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_s 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_chk_new {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box; }

.input_chk_new input{display:none;}

.input_chk_new 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; display: inline-flex;    align-items: center;}

.input_chk_new 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_new 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_btn_see_new { position:absolute; right:1px; top:2% }
.join_btn_see_new a { text-decoration:underline; color:#454545; }
.join_btn_see2 {padding-left:28px;}
.join_btn_see2 a { text-decoration:underline; color:#454545; }

span.join_btn_see_new {vertical-align: middle; width: 13px; height: 18px; display: inline-flex; align-items: center;}
span.join_btn_see_new a {width:9px; height:15px;}
span.join_btn_see_new a img {width:100%;}

.agr_text h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.agr_text .label {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin-right: 5px;
}
.agr_content_warp_s {width: 100%;}


.p_table1_s {border:1px #ccc solid; border-bottom:none; border-right: none; width:100%; margin-top:10px; background: #fff;}
.p_table1_s th {background: #f0f0f0; text-align: center; padding:6px 0; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
/* .p_table1_s th:last-child , .p_table1_s td:last-child{border-right: none;} */
.p_table1_s td {padding:10px 5px; border-right:1px #ccc solid; border-bottom:1px #ccc solid; word-break: break-all;}

/* 회원가입 수정 23.10.27*/
span.star {color: #32aceb; font-weight: 600; padding:0 5px; display:inline-block;}

.agree_banner {width: 100%; height: 56px; line-height: 56px; margin: 10px auto 5px auto; text-align: center; font-size: 18px; font-family: "Noto Sans KR", "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; color: #000;}
.agree_banner::before {content: '\1F892'; display: inline-block; font-size: 35px; margin: -10px 4px 0 0; vertical-align: middle;}
.agree_banner em {font-style: normal; color: #df307f;}
