@charset "utf-8";
.content-join{ font-size:15px !important; }
.mgt10{ margin-top:10px !important; }
/*reset*/
.hidden{ text-indent:-9999px}
.skip,legend{ width:1px; height:1px; overflow:hidden; visibility:hidden; line-height:0; font-size:0; position:absolute; left:-999px; }

.content-join p,.content-join h1,.content-join h2,.content-join h3,.content-join h4,.content-join h5,.content-join h6,
.content-join dl,.content-join dt,.content-join dd{margin:0; padding:0;}
.content-join li{ float:none}
.content-join{ width:1200px !important;}
.content-join a:link, .content-join a:visited, .content-join a:hover, .content-join a:active{text-decoration:none;color:#fff }


/** member_join_step1 페이지 진입시 헤드 부분 깜박임 수정  */
.sky_unfold{
	display: none;
}
/*
***************
*	페이지 레이아웃    *
***************
*/
.content.content-join  {
	font-family: 맑은 고딕, 'malgun gothic';

}
input[type=text]::-ms-clear{
  display: none;
 }

input[type=password]::-ms-reveal{
	display: none;
}




.join-view{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.join-wrap{
	width:2400px;
	overflow:hidden;
}
.join-content1,
.join-content2{
	width:1200px;
	float:left;
}

.alarm_service{
	margin-bottom:100px;
}
/*
.join-wrap{
	width:200%;
}
.join-view{
	width:100%;
	overflow:hidden;
}

.join-content1-wrap,
.join-content2-wrap{
	width:50%;
	float:left;
}

.join-content1,
.join-content2{
	width:1200px;
	margin:0 auto;
}
*/

.join_step_nav{
	margin-top:20px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.join_step_nav li{
	float:left;
	width:33%;
	padding: 10px 0 ;
}
.join_step_nav.item2 li{
	width:50%;
}
.join_step_nav li div{
	font-size:18px;
	font-weight:bold;
	padding:8px 0 2px;
	color:#9b9b9b;
}
.join_step_nav li span{
	color:#9b9b9b;
	font-size:14px;
}
.join_step_nav li.on{
	border-bottom:4px solid #4d79cb;
	color:#4d79cb;

}
.join_step_nav li.on div{
	color:#4d79cb;
}
.join_step_nav li.on span{
	color:#4d79cb;
}

/*
***************
*	  공통스타일	   *
***************
*/

.join-notice-box{
	background:#fbf6da;
	color:#e10000;
	font-family:'spoqa3';
	font-weight:300;
	text-align:center;
	padding:20px;
	font-size:16px;
	line-height:24px;
	margin-bottom:40px
}
.join-notice-box strong{
	font-family:'spoqa4';
	font-weight:600;

}
.join-etc-box{
	font-size:14px;
	line-height:22px;
	font-family:'spoqa3';
	font-weight:300;
}
/*원형 타이틀*/
.circle_bul{
	padding-left:22px !important;
	position:relative;
}

.circle_bul:before{
	content:'';
	display:block;
	position:absolute;
	width:4px;
	height:4px;
	top:2px;
	left:0;
	border:6px double #010101;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-raduis:10px;
	behavior: url(/css_PIE/PIE.htc);
}


/*라디오 버튼 스타일*/
input.circle_radio{
	display: none;
	line-height:1px;
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	left:-999px;
}

label.circle_radio{
	padding-left: 22px;
	margin-right:10px;
	 position:relative;
	cursor:pointer;
}

label.circle_radio:before,
label.circle_radio:after{
	content:'';
	position:absolute;
}

label.circle_radio:before{
	display:block;
	width:16px;
	height:16px;
	border:1px solid #848484393939;
	background:#fff;
	top: 11px;
	left:0;
	margin-top:-9px;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-raduis:9px;
	behavior: url(/css_PIE/PIE.htc);
}

label.circle_radio:after{
	display:none;
	width:12px;
	height:12px;
	background:#393939;
	top:50%;
	left:3px;
	margin-top:-6px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-raduis:6px;
	behavior: url(/css_PIE/PIE.htc);
}
input.circle_radio:focus + label.circle_radio{
	outline:1px dashed #ccc;
}
input.circle_radio:checked+label.circle_radio:after{
	display:block}


/*확인버튼 스타일*/
.chk_btn1,.chk_btn2{
	font-size:14px !important;
}
.chk_btn1{
	width:118px;
	border:none;
	line-height: 32px;
	height:32px;
	background:#607fb7;
	color:#fff;
}

.chk_btn2{
	width:88px;
	border:none;
	background:#717171;
	height:32px;
	 line-height:32px;
	color:#fff;
}

/*목록 스타일*/
.items > li{
	border-bottom:1px solid #e1e1e1;
	padding:18px 0;
	overflow:hidden;
}

.items > li:first-child{
	border-top:1px solid #e1e1e1;
}

.items > li.on{
	padding-bottom:10px;
}

.item_left, .item_right{
	float:left;
}

.item_left{
	width:115px;
	 font-size:15px;
	line-height:30px;
	 padding-left:20px;
	 color:#1b1b1b;
	cursor:default;
}

.item_right{
	width:1065px;
}
.item_right > p{
	margin-top:6px;
}
.item_right input[type="text"],
.item_right input[type="password"] {
	height:30px;
	 line-height:30px;
	 font-size: 14px;
	 padding: 0 10px;
	 border:1px solid #d6d6d6
}


.item_right input.middle{
	width:240px;
}
.item_right input.short{
	width:120px;
}

/*select 스타일*/
.content select{
	height:32px;
	line-height:30px;
	border:1px solid #d6d6d6;
	padding:0 0 0 10px;
	min-width:110px;
	font-size:15px;
}


/*텍스트 경고창*/
 .text_alert{
	line-height:30px;
	display:none;
}
 .text_alert.y,.text_alert.n{
	display:inline;
}
 .text_alert.y{
	color:#5667ba}
 .text_alert.n{
	color:#d91a1a}

/*문자색*/
.text_org{
	color:#e56b3b}

.Chk_notice{
	font-size:13px;
	margin-top:10px !important;
	color:#de474f;
	display:none;
}

/*
* 페이지
*/

/*상단*/
.content h2,.join_txt{
	text-align:center}

.content h2{
	font-size: 32px;
	 line-height:32px;
	 font-weight:bold;
	 color:#262626;
	margin-top:55px}

.content .join_txt{
	margin-top:12px;
	font-size:18px;
	 line-height:18px;
	margin-bottom:60px}


.content .benefit{
	width:100%;
	height:103px;
	position:relative;
	background:url('/_skin/sidae/images/common/mem_join_step/gift.png') 0 0 no-repeat;
	margin-bottom:15px;
}

.content .benefit a{
	display:block;
	position:absolute;
	top:56px;
	left:48px;
	width:160px;
	height:26px;
	margin-bottom:15px;
}

.content .inquiry{
	width:100%;
	height:63px;
	background:url('/_skin/sidae/images/common/mem_join_step/tel.png') 0 0 no-repeat;

}


/*정보입력*/
.join_title {
	overflow:hidden;
	margin-top:55px;
	padding-bottom:20px;
	 border-bottom:2px solid #7f7f7f;
}

.join_title h3,.join_title p{
	float:left;
}

.join_navi{
	float:right;
}

.join_title h3{
	font-size:25px;
	 color:#010101;
	line-height:25px;
	margin-right:10px;
}

.join_title p{
	font-size:15px;
	 color:#868686;
	padding-top:5px}

.join_navi{
	font-size:15px;
	 color:#9b9b9b;
	 padding-top:5px
}

.join_navi span{
	color:#4d79cb;
}

.timeWrap{
    width: 170px;
    border: 1px solid #ccc;
    display: inline-block;
    background-color: #e5e5e5;
}
.timeWrap input[type="text"]{
	background-color: #e5e5e5;
	border: none !important;
	width: 100px !important;
}
/*
***************
*		step1			*
***************
*/


/*
* 필수항목
*/

.content h4{
	font-size:20px;
	color:#010101;
	margin:48px 0 20px 0 !important;
}

/*약관동의*/
.term_degree{
	background:#f1f1f1;
	/*padding:26px 20px 20px;*/
	margin-bottom:30px;
}

.term_degree > h5,
.term_degree > p{
	float:left;
}

.onclick_degree{
	/* float:right */
	display:inline-block;
	vertical-align: bottom;
	margin-left:10px;
	line-height:100%;
}

.term_degree > h5{
	font-size:18px;
	color:#010101;
	margin-bottom:20px !important;
}

.term_degree > p{
	font-size:13px;
	line-height:13px;
	color:#4c4c4c;
	margin-top:5px !important;
	margin-left:10px !important;
}

.term_degree > ul{
	clear:both;
	background:#fff;
	padding: 20px 40px;
	overflow:hidden;
}

.term_degree > ul li {
	position:relative;
	height:auto;
	box-sizing:border-box;
}

.term_degree .term_title{
	display:none;
/* 	height:57px;
	 font-size: 15px;
	 line-height:57px;
	 color:#4c4c4c;
	overflow:hidden;
	border-top:1px solid #d0cfcf; */
}

.term_degree .term_title span{
	color:#d91a1a
}

.term_each_degree > li:first-child .term_title{
	border-top:1px solid #fff;
}
.term_degree .term_title.on{
	border-bottom:1px dashed #d0cfcf
}

.term_degree li label{
	display:inline-block;
	vertical-align: top;
	font-size:0;
	padding:0;
	margin:0;
	width: 19px;
	height:20px;
	/* 	position:absolute;
	 left:22px;
	 top:22px; */
	/* top: 5px !important; */
}
.term_degree li label:before{
	top:0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.term_degree .term_btn{

/* 	position:absolute;
	left:39px;
	top:20px;
	width:88px;
	height:25px; */
}
.sms_coupon_event{
	display:inline-block;
	background:#f0d407;
	position:relative;
	padding:4px 20px;
	border-radius:15px;
	font-size: 13px;
	line-height:100%;
	color:#000;
	margin:10px 0 0 20px;
}
.sms_coupon_event:after{
    position:absolute;
    top: -59%;
    left:30px;
    display:block;
    content:'▲';
    color:#f0d407;
    font-size20px;
}
.term_degree .term_text{
	width:100%;
	/*수정 padding:10px 0; */
	overflow:hidden;
}

.term_degree .term_text.on{
	padding:10px 0;
	border-top:1px dashed #d0cfcf
}
.term_degree .term_content{
	height:170px;
	padding-right:10px;
	padding-bottom:10px;
	overflow:auto;
	color:#6b6b6b;
	box-sizing:border-box;
}

.term_btn button{
	position:relative;
	width:83px;
	height: auto;
	font-family:'dotum';
	font-size:12px;
	border:none;
	color:#4c4c4c;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-raduis:2px;
	behavior: url(/css_PI/EPIE.htc);
	background:#fff;
}
.term_btn button span {
	display:inline-block;
	width:100%;
	height: 100%;
	text-align:left;
	font-family:"noto4";
	/* 	position:absolute;
	left:5px;
	top:3px; */
}

/*약관 스타일*/

.term_content{/*padding-left:10px;*/ font-size:12px;}

.term_content a,
.term_content a:link,
.term_content a:visited,
.term_content a:hover,
.term_content a:active{text-decoration:none; color:#6b6b6b}

.term_content ol,
.term_content ul{list-style-type:none;}
.term_content .bold{font-weight:bold}
.term_content .tit{display:block;font-weight:bold;font-size: 15px;}

.term_content .txt_first{margin-left:-18px;margin-right:6px}
.term_content .txt_section{}

.term_content .tit{margin: 24px 0 6px}
.term_content li:first-child .tit,
.term_content h6.tit{margin: 14px 0 6px}

.term_content .term_ol2 .term_ol3{margin-top:4px}
.term_content .term_ol1 > li > .term_ol3{margin-top:4px;}

.term_content .term_ol1 > li{margin-top:20px;}
.term_content .term_ol1 > li:first-child{margin-top:0;}
/*
.term_content .term_ol2 > li{margin-top:6px}
.term_content .term_ol2 > li:first-child{margin-top:0;}
*/
.term_content .term_ol3 > li {margin-top:1px}
.term_content .term_ol3 > li:first-child {margin-top:0}

.term_content .term_dl{margin-top:6px;}
.term_content .term_dl dt{margin-top:4px;}

.term_content .term_ol2{margin-left:20px;}
.term_content .term_ol3{margin-left:20px;}
.term_content .term_ol5{margin-left:15px;}

.term_content .term_dl dd{margin-left:15px}


/**/
.necessary_items{
position:relative;
}
.password_rule_btn{
	position:relative;
	display:inline-block;
	 vertical-align:middle;
	width:140px;
	height:22px;
	margin-left:8px;
}
.password_rule_btn a{
	position: absolute;
    width: 138px;
    height: 20px;
    left: 0;
    top: 0;
    font-family: 'dotum';
    font-size: 11px;
    color: #4c4c4c !important;
    border: 1px solid #d6d6d6;
    background: #e3e3e3;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-raduis: 2px;
    behavior: url(/css_PIE/PIE.htc);
    line-height: 2;
}
.password_rule_btn button span{
	line-height:20px;
}

.password_popup{
	display:none;
	position:fixed;
	width:509px;
	height:582px;
	top:50%;
	left:50%;
	margin-left:-254px;
	margin-top:-291px;
	z-index:200;
	background:url('/_skin/sidae/images/common/mem_join_step/pw_pop.png') 0 0 no-repeat;
}
.password_popup button{
	position:absolute;
	display:block;
	background:none;
	border:none;
}
.password_popup .ok{
	width:85px	;
	height:30px;
	top:521px;
	left:220px;
}
.password_popup .close{
	width: 90px;
	height:70px;
	top:0;
	right:0;
}

#mb_birth_month,
#mb_birth_day{
	min-width:70px;
}

/*보호자 동의*/
.mb_birth{
	overflow:hidden;
}
.mb_birth .item_right label{vertical-align:middle;margin-right:9px;}
.mb_birth .item_right select{vertical-align:middle;}

.protector_degree{
	display:none;
	background:#f4f4f4;
	border-top:1px solid #e1e1e1;
	padding:26px 46px 6px;
	margin-top:20px;
}

.protector_degree h6, .protector_degree p{
	float:left;
	margin-bottom:10px;
}

.protector_degree h6{
	padding-right:15px;
	 color:#3e6bbd;
	font-size:15px;
}

.protector_degree p {
	/*width:calc(100% - 90px);*/
	width:1017px;
	letter-spacing: -0.5px;
	font-size:13px;
}

.protector_degree ul {
	clear:both;
	border-top:1px solid #e1e1e1;
	padding-top:10px;
}

.protector_degree > ul > li {
	overflow:hidden;
	padding:6px 0;
}

.protector_degree > ul > li .protector_left,
.protector_degree > ul > li .protector_right{
	float:left;
	font-size:15px;
	line-height:30px;
}

.protector_degree > ul > li .protector_left{
	display:block;
	color:#1b1b1b;
	width:90px;
}

.protector_right input[type=text]{
	 height:30px;
	 line-height:30px;
	 font-size: 14px;
	 padding: 0 10px;
	 border:1px solid #cdcdcd}

.phone_num{
	width:95px}

.protector_degree > ul > li .protector_right{
	/*width:calc(100% - 80px)}*/
	width:1018px
}

/*수신 동의*/
.dash_top{
	clear:both;
	padding-top:15px;
	margin-top:12px;
	border-top:1px dashed #d0cfcf;
	margin-bottom: 6px;
}

.dash_top span{
	color:#607fb7;
	padding-right:10px;
}



/*인증번호*/
.code{
	position:relative;
	margin:10px 0;
	display:none
}

.code p {
	margin-top:10px;
}

.code input.code_txt{
	width:130px;
}

.code_timer{
	position:absolute;
	top:2px;
	left:130px;
	color:#dc3838;
	font-size: 15px;
}


/*
* 선택항목
*/
.choice_list_img{
	position:relative;
	width:100%;
	height:185px;
	background:url('/_skin/sidae/images/common/mem_join_step/choice_list.png') 0 0 no-repeat;
}

.choice_list_btn{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:inherit;
	height:55px;
	background:none;
	border:none;
}

.choice_list_btn button{
	/*
	position:absolute;
	top:0;
	left:0;*/
	width:inherit;
	height:inherit;
	background:none;
	border:none;
}

.choice_list{
	display:none;
}

/*가입경로*/
.join_route label{
	display:block;
	line-height:32px;
	float:left;
}

.join_route label.etc{
	width:30px;
}

#join_etc_txt{
	width:300px
}
input[type=text].readonly{
	background:#f3f3f3;
}


.join_route #join_r1 + label,
.join_route #join_r2 + label,
.join_route #join_r3 + label,
.join_route #join_r4 + label,
.join_route #join_r5 + label,
.join_route #join_r6 + label,
.join_route #join_r7 + label{margin-bottom:5px;}

.join_route #join_r1 + label{width:100px;}
.join_route #join_r2 + label{width:110px;}
.join_route #join_r3 + label{width:110px;}
.join_route #join_r4 + label{width:110px}
.join_route #join_r5 + label{width:200px;}
.join_route #join_r6 + label{width:100px;}
.join_route #join_r7 + label{width:100px;}
.join_route #join_r8 + label{width:100px;}
.join_route #join_r9 + label{width:110px;}
.join_route #join_r10 + label{width:110px;}
.join_route #join_r11 + label{width:110px;}

/*주소*/
.post_num{
	width:40px}

.address1, .address2{
	width:330px;
	/*width: 50%;*/
	margin-top:4px;
}
.sub-txt {
	display:none;
	font-weight: bold;
	margin-left: 15px;
}

/*지인추천*/

.recom label{
	font-weight:bold;
	margin-left:15px;
	margin-right:8px;
}
.recom label:first-child{
	margin-left:0
}
/*자동등록 방지*/
.auto_prevent{
	border:3px solid #e1e1e1;
	padding:15px 22px;
	margin-top:38px;
	overflow:hidden;
}

.auto_prevent .item_left{
	padding-left:0;
	padding-right:10px;
	margin-top:15px;
}
.auto_prevent .item_right{
	width:1024px;
}

.auto_prevent img,
.auto_prevent input,
.auto_prevent span{vertical-align:middle;}
.auto_prevent input{margin:0 10px;}


/*다음단계 취소버튼*/
.btn_section{
	width:580px;
	 margin:40px auto 190px;
	overflow:hidden;
}

.btn_section > a,
.btn_section > span{
	display:block;
	width:287px;
	height:60px;
	line-height:60px;
	float:left;
	text-align:center;
	color:#fff;
	font-size:20px;
}

.btn_section .next_btn{
	background:#484848;
}

.btn_section a.cancle_btn{
	margin-right:4px;
	background:#b9b9b9;
}

.success{
	cursor: default !important;
	display: none !important;
}


/*
***************
*		step2		   *
***************
*/


/*
* 관심분야
*/

/*관심분야 실시간*/
.inter_my{
	height:70px;
	line-height:70px;
	margin:20px 0 50px 0;
	border:1px solid #cccccc;
	background:#f1f1f1;
	text-align:center;
	font-size:18px;
}
.inter_my #inter_choice{
	font-weight:bold;
	color:#de4e4e;
    padding: 0px 10px;
    display: inline-block;
}
/*검색*/

.inter_section{
	position:relative;
}

.inter_search{
	position:absolute;
	top:-45px;
	right:0;
	height:38px;
	line-height:38px;
	z-index: 100;
}

.inter_search label.i_search,
.inter_search input.i_search,
.i_search_btn{
	display:block;
	float:left;
}

.inter_search label.i_search{
	font-size:20px;
	line-height:inherit;
	color:#d95b5b;
	font-weight:bold;
	margin-right:10px;
}
.inter_search input.i_search{
	border:2px solid #e16c6c;
	width:210px;
	height:34px;
	line-height:34px;
	padding:0 10px 0 20px;
}
.i_search_btn{
	width:38px;
	height:inherit;
	border:none;
	background:url('/_skin/sidae/images/common/mem_join_step/search.png') 5px 7px no-repeat #e16c6c
}

.response-list-area {
	position: absolute;
	width: 662px;
	top: 30px;
	background: #FFF;
	display: none;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.i_list_area {
    position: absolute;
    width: 282px;
    top: 38px;
    left: 50px;
    background: #FFF;
    display: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    z-index: 9999;
}

.i_list_area .i_list {
    position: relative;
    width: 278px;
    margin-top: 0px;
    border: 2px solid #e16c6c;
    border-top: none;
}

.i_list_area ul {
	position: relative;
	padding: 5px 0 10px 0;
}

.i_list_area ul li {
	list-style: none;
	float: none;
	left: 20px;
	height: 20px;
	line-height: 20px;
	position: relative;
	width: 250px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor : pointer;
}

.i_list_area ul li.focus-key{
	background:#CCC;
	width:240px;
}

.i_list_area ul li a {
	font-size: 14px;
	color: #333;
}


/*관심분야 선택 navi 스타일*/
.inter_nav,
.inter_nav_fixed{
	overflow:hidden;
	border-bottom:2px solid #525f78;
}
.inter_nav_fixed{
	display:none;
	position:fixed;
	top:0;
	left:50%;
	margin-left:-600px;
	z-index:100;
	background:#fff;
}

.inter_nav_btn{
	cursor:pointer;
	display:block;
	float:left;
	width:239px;
	height:48x;
	line-height:50px;
	border-top:1px solid #c1c5cb;
	border-right:1px solid #c1c5cb;

	font-size:16px;
	color:#000;
	text-align:center;
}

.inter_nav_btn:first-child{
	width:238px;
	border-left:1px solid #c1c5cb;
}
.inter_nav_btn:first-child.on,
.inter_nav_btn:first-child:hover{
	width:238px;
	border-left:1px solid #525f78;
}

.inter_nav_btn.on,
.inter_nav_btn:hover{
	background:#525f78;
	color:#fff;
	border-top:1px solid #525f78;
	border-right:1px solid #525f78;
}

/*관심분야 선택 ul 스타일*/
.inter_list{
	border-left:1px solid #ccc;
	margin-left:-1px;
}
.inter_data{
	overflow:hidden;
	padding-bottom:1px;
}

.inter_data h5,
.inter_ect label{
	font-size:18px;
	color:#6674bf;
}

/*기타관심분야*/
.inter_ect{overflow:hidden;}
.inter_data.inter_ect{
	padding:30px 0 16px;
}

.inter_data.inter_ect h5,
.inter_ect input{
	float:left;
}

.inter_data.inter_ect h5{
	margin: 0 18px 0 0;
	line-height:36px;
}

.inter_ect input{
	height:32px;
	line-height:32px;
	width:270px;
	padding: 0 20px;
}



/*관심분야 li*/
.inter_data h5{
	margin: 45px 0 16px;
}
.inter_list li{
	float:left;
	position:relative;
	width:238px;
	height:45px;
	line-height:45px;
	outline:1px solid #d6d9dd;
	margin-top:1px;
	margin-left:1px;
}

.inter_list li:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:41px;
	height:inherit;
	background:#eff2f8
}

.inter_list li.on{
	background:#d7ecf7;
}

.inter_list li.on:before{
	background:#cbe1f0;
}



input.i_check{
	display:inline-block;
	line-height:1px;
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	left:-999px;
}

label.i_label{
	display:block;
	line-height:inherit;
	padding-left:32px;
	margin-left:12px;
	 position:relative;
	cursor:pointer}

label.i_label:before,
label.i_label:after{
	content:'';
	position:absolute;
}

label.i_label:before{
	display:block;
	width:16px;
	 height:16px;
	 border:1px solid #848484/*393939*/;
	background:#fff;
	 top:50%;
	left:0;
	margin-top:-9px;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-raduis:9px;
	behavior: url(/css_PIE/PIE.htc);
}

label.i_label:after{
	display:none;
	width:12px;
	height:12px;
	background:#393939;
	top:50%;
	left:3px;
	margin-top:-6px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-raduis:6px;
	behavior: url(/css_PIE/PIE.htc);
}
/*
label.i_label.label_ie8:after{
	display:block;
	width:12px;
	height:12px;
	background:#393939;
	top:50%;
	left:3px;
	margin-top:-6px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-raduis:6px;
	behavior: url(/css_PIE/PIE.htc);
}
*/
input.i_check:checked + label.i_label:after{
	display:block
}

/*다음단계 취소버튼*/
.btn_section{
	width:580px;
	 margin:80px auto 57px;
	overflow:hidden;
}

.btn_section a{
	display:block;
	width:287px;
	height:60px;
	line-height:60px;
	float:left;
	text-align:center;
	color:#fff;
	font-size:20px;
}

.btn_section a.next_btn{
	background:#484848;
}

.btn_section a.cancle_btn{
	margin-right:4px;
	background:#b9b9b9;
}

/* 지인추천 팝업 스타일*/
.fixed-event-pop{
	position:fixed;
	width:100%;
	height:100%;
	z-index:50;
	top:0;
	left:0;
	display:none;
}

.fixed-event-pop .evt-bg{
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.fixed-event-pop .evt-pop-parent{
	width:730px;
	height:800px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-365px;
	margin-top:-400px;
}

.fixed-event-pop .evt-pop-parent .close-pop{
	width:75px;
	height:75px;
	position:absolute;
	right:-75px;
	top:0;
	background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/images/common/mem_join_form/close_75x75.png') no-repeat;
	text-indent:-9999px;
}

.fixed-event-pop .evt-pop-parent .evt-pop-img-section{
	width:730px;
	height:800px;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
}

/* 가입 이력 팝업 */
.fixed_notice_pop {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 50;
}

.fixed_notice_pop.is_active {
	display: flex;
}

.fixed_notice_pop .notice_pop_content {
	padding: 26px 56px;
	text-align: center;
	color: #000;
	background: #fff;
}

.fixed_notice_pop .notice_pop_content span {
	line-height: 1.2;
	font-size: 20px;
	font-family: 'noto5';
}

.fixed_notice_pop .notice_pop_content p {
	line-height: 1.2;
	font-size: 18px;
	font-family: 'noto4';
}

.fixed_notice_pop .notice_pop_content button {
	padding: 4px 8px;
	border: none;
	color: #fff;
	font-size: 18px;
	font-family: 'noto5';
	background: #000;
}

.fixed_notice_pop .notice_pop_content .btn_close {
	margin-top: 10px;
}


/* * sd회원가입, 네이버간편, 카카오간편 회원가입 */

.join_select{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	/* height: 1150px; */
}
.join_select .logo{
	text-align: center;
	padding: 135px 0 0 0;
}
.join_select .join_welcome_ment{
	text-align: center;
	line-height: 30px;
}
.join_select .join_welcome_ment strong{
	display: block;
	margin-top: 70px;
	margin-bottom: 18px;
	letter-spacing: -0.5px;
	font-family: 'noto6';
	font-size: 32px;
	color: #000000;
}
.join_select .join_welcome_ment span{
	font-size: 22px;
	font-family: 'noto2';
	color: #000000;
	letter-spacing: -0.7px;
}
.join_select .join_select_box{
	text-align: center;
}
.join_select .join_select_box ul{
	margin-top: 60px;
}
.join_select .join_select_box li{
	float: none;
	font-family: 'noto4';
}
.join_select .join_select_box li > a{
	font-size: 26px;
	border-radius: 7px;
	padding: 13px 113px;
	display: inline-block;
	margin-bottom: 15px;

}
.join_select .join_select_box .sd_mem_join > a{
	font-size: 26px;
	letter-spacing: -1px;
	color: #000000;
	/* font-family: 'noto4'; */
	border: 1px solid #000;
	border-radius: 7px;
	padding: 13px 156px;
	line-height: 35px;
}
.join_select .join_select_box .naver_mem_join > a{
	background-color: #19b800;
	color: #fff;
}
.join_select .join_select_box li > a > img{
	vertical-align: text-top;
}
.join_select .join_select_box .kakao_mem_join > a{
	background-color: #fad200;
	color: #000000;
}

/* 네이버 간편 로그인 */
#naverIdLogin img {
	display: none;
}

#naverIdLogin_loginButton {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 13px 113px;
	margin-bottom: 15px;
    border-radius: 7px;
	background-color: #19b800;
}

#naverIdLogin_loginButton:hover {
	text-decoration: none;
}

#naverIdLogin_loginButton::before {
	content: '';
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url('/_skin/sidae/images/join/icon_n.png') no-repeat 0 0;
}

#naverIdLogin_loginButton::after {
	content: '네이버 간편 회원가입';
    display: block;
	color: #fff;
	font-size: 26px;
	
}