/*-------------------------------------------------------*/
/* Member
/*-------------------------------------------------------*/
.member_form .title h3{margin-bottom: 40px !important;}
.member_form .title h3.myname{margin-bottom: 10px !important;}
/* Login */
.login_wrap{position:relative; width: 400px; margin:0 auto; overflow:hidden; padding:1px 0 25px;}
.login_wrap.mt50{margin-top: 50px;}
.login_wrap .login_group p label{display: none;}
.login_wrap .login_group p input, .login_wrap .login_group p select{ width: 100%; height: 55px; }
.login_wrap .login_group p span.tel input, .login_wrap .login_group p span.tel select{width: calc(33.3% - 9px); }
.login_wrap .id_save{display: flex; justify-content: space-between; align-items: center; margin:10px 0 30px;}
.login_wrap .btn_group{margin:0 0 30px;}
.login_wrap .btn_group button{width: 100%; }
.login_wrap .btn_group .btn{font-size: 20px; }
.login_wrap .link{text-align:center; }
.login_wrap .link a{color:#333; font-size:14px; padding-left:5px; }
.login_wrap .link a:first-child{padding: 0;}
.login_wrap .link a:after{content:'｜'; color: #aaa; font-size:12px; margin-left:5px;}
.login_wrap .link a:last-child:after{content:''; margin-left:0;}

.sns_login ul{ display: flex; justify-content: center; width: 100%; margin-top: 40px;}
.sns_login ul li{margin:0 15px;}
.sns_login ul li img{width: 50px;}
.naver_btn{
	width:50px;
	height:50px;
	border-radius:50%;
	overflow:hidden;
}

.naver_btn iframe{
	width:100% !important;
	height:100% !important;
}

.join_btn a{display: block; margin: 40px 0 0; width: 100%; border: 1px solid #ccc;}

.member_out p{font-size: 13px;}
.member_out a{display: inline-block;margin-top: 8px; font-size: 15px; color:#aaa;font-weight: 500;text-decoration: underline;}

.no_myresv{padding: 120px; border: 1px solid #e4e4e4; margin-bottom: 20px;}
.no_myresv p.ico{font-size: 70px; color:#ddd}
.no_myresv p.txt{font-size: 30px; margin-top: 30px;}


/* ID.PW find */
.idfind_wrap{width: 400px; margin:0 auto; }
.idfind_wrap .idfind_group{padding:0 0 20px; position:relative;}
.idfind_wrap .idfind_group p{position: relative; overflow: hidden; margin-bottom:20px;}
.idfind_wrap .idfind_group p label{display: block; font-size:15px; margin-bottom:10px; text-align: left;}
.idfind_wrap .idfind_group p input[type=text],.idfind_wrap .idfind_group p input[type=tel],.idfind_wrap .idfind_group p input[type=email],
.idfind_wrap .idfind_group p input[type=password]{width: 100%; height: 50px; margin-bottom:10px; }
.idfind_wrap .idfind_group button.btn{width: 100%; font-size:17px;}
.idfind_wrap .idfind_group p a.btn{position:absolute; right:8px; bottom:18px;}
.idfind_wrap .idfind_group p span.phone{display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left;}
.idfind_wrap .idfind_group p span.phone select{flex-basis: 31%; width: 31%; height: 50px; vertical-align: top;}
.idfind_wrap .idfind_group p span.phone input{flex-basis: 31%; width: 31%;}
.idfind_wrap .idfind_group p span.phone input:nth-child(2){margin-right:8px; margin-left:8px;}
.idfind_wrap .idfind_group p span.phone a.btn{flex-basis: 100%; width: 100%; position: relative; left:0; top:0;}

.member_form div.find_tit{font-size:34px; line-height: 160%; margin:70px 0 50px; font-weight: 300;}
.member_form div.find_tit b{ word-break: break-all;}

.member_form .stit{font-size: 1.16rem; line-height: 1.5; text-align: center;}
.member_form .stit.left{text-align: left;}
.join_step1{margin: 40px 0;}
.join_step1 li{margin-bottom: 15px;}
.join_step1 li a{display: block; width: 100%;}
.bar{position: relative}
.bar::before {
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(221, 221, 221);
    content: "";
}
.bar small{position: relative; z-index: 1; display: inline-block; padding: 0px 0.625rem; background: rgb(255, 255, 255);}
.join_sns{margin-top: 30px;}
.join_sns li{margin-bottom: 10px;}
.join_sns li a{display: block; width: 100%; padding: 12px; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; font-size: 0.92rem;}
.join_sns li a img{width: 18px; margin-right: 5px;}
.btn.icon{height: auto; line-height: 2; padding: 30px;}
.btn.icon i{display: block; font-size: 3rem; margin-bottom: 10px;}
.addtxt{text-align: left; font-size: 0.745rem; margin-top: 15px; line-height: 1.5; color: #999;}

/* Join, 개인정보 */
.join_agreement{margin-bottom: 30px;}
.member_form .title .join_agreement .stit{text-align: left !important;}
.add_txt{font-size: 13px; margin:10px 0; line-height: 140%;}
.join_agreement p.bg_none{ width: 100% ; height: 50px; line-height: 50px; padding:0 15px ; margin-bottom:2px; text-align: left; }
.join_agreement ul li.bg_gray{display: flex; justify-content: space-between; align-items: center; width: 100% ; height: 50px; padding:0 15px ;background: #f7f7f7; margin-bottom:2px; text-align: left;}
.join_btn_wrap {text-align:center; margin-top:50px; }
.join_btn_wrap button{margin:0 5px;}
.join_btn_wrap button.black{width: 300px;}
.join_modal{
	z-index: 110;
	width: 900px;
	margin:100px auto;
	overflow: hidden;
	padding: 40px;
	border: 1px solid #000;
	background: #fff;
	}
.termsTerm {
	overflow-y:scroll;
	overflow-x:hidden;
	width:100%;
	height:200px;
	background:#fff;
	border:1px solid #d4d4d4;
	box-sizing:border-box;
	padding: 20px;
	margin:0 0 10px;
	line-height:150%;
	word-break:keep-all;
	font-size: 13px;
	scrollbar-face-color:#fff;/*스크롤바 표면 색상*/
	/*scrollbar-highlight-color:#fff;/*표면 왼쪽 부분 겉색상*/
	scrollbar-shadow-color:#f0f0f0;/*표면 오른쪽 부분 그림자 겉색상*/
	/*scrollbar-3dlight-color:#fff;/*표면 왼쪽 부분 입체감 색상*/
	scrollbar-arrow-color:#999;/*스크롤바 조그만 삼각형 색상*/
	scrollbar-track-color:#f0f0f0;/*스크롤바 밑에 레일 트렉 색상*/
	/*scrollbar-darkshadow-color:#fff;/*표면 밑 부분 그림자 색상*/
	}
.join_agreement .termsTerm {height: 500px;}
	.termsTerm li{margin-bottom:5px;vertical-align:top;font-size:12px;color:#2d2d2d;font-weight:bold;}
	.termsTerm li .text{width:200px;vertical-align:top;font-weight:normal;color:#535353}

/* 약관 */
.terms div {margin-bottom:50px;}
#sub_section .terms h4{font-size: 26px; color:#006bd6; letter-spacing: -1px;}
.terms div p{ margin-bottom:10px; line-height:170%; word-break:keep-all;}
.terms div b{ display:block; margin-bottom:10px; font-size: 18px;}
.terms div ul li{line-height:160%; margin-bottom:8px; padding-left:15px; word-break:keep-all;}
.terms div ul li a {color:#ed3533;}
.terms div ul li span{display:inline-block; margin-left:-15px; }
.terms div ul li ul {margin:5px 0 15px; }

.terms.modal{padding: 30px;}
.terms.modal div{font-size: 15px; margin-bottom: 40px;}
#sub_section .terms h4{font-size: 26px; color:#006bd6; letter-spacing: -1px;}
.terms.modal div p{ line-height:150%;}
.terms.modal div b{ font-size: 16px;}
.terms.modal div ul li ul {margin:5px 0 10px; }

a.btn_agree{padding: 10px 80px; font-size: 22px; color: #fff; background: ##0085e9;}

#my_modal {
    display: none;
    width: 80%;
    height: 70%;
    max-width: 1000px;
    padding: 40px;
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 3px;
}
#my_modal #iframe_terms{height: 85%; padding: 25px; border: 1px solid #ddd; overflow-y:scroll; font-size: 0.95em;}
#my_modal #iframe_terms .terms div b{ font-size: 1.05em;}
#my_modal .btn_agree{margin: 20px auto 0; text-align: center; }
#my_modal .btn_agree a{ display: block; padding: 20px 80px; background: #aaa; color: #fff; font-size: 18px;}
#my_modal .btn_agree a.on{background: #222;}
#my_modal .modal_close_btn {
    position: absolute;
    top: -50px;
    right: 0;
}
#my_modal .modal_close_btn img{width: 35px;}

@media all and (max-width:768px) {
    .idfind_wrap{width: 100%; }
}