/*회원*/
.join_wrap{width:95%;max-width:500px;margin:30px auto;font-size:15px}
.join_wrap li{margin-bottom:10px; position:relative;}
.join_wrap li input[type="text"],.join_wrap li input[type="password"],.user_info_detail dd input[type="text"],.user_info_detail dd input[type="password"],.contact_box dd input[type="text"],.contact_box dd input[type="password"]{border:1px solid #ddd; height:40px;width:100%;background:#f6f6f6;border-radius:3px;padding:10px}
.join_wrap li.email input[type="text"]{width:calc(50% - 34px)}
.join_wrap li.email select{width:50%;height:40px;padding-left:10px;background:#f6f6f6 url(../images/common/select_bg.png) no-repeat 95% 50%;;border-radius:3px;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.join_wrap li.email span{display:inline-block; width:30px;text-align:center}
.join_wrap .btn_wrap{margin-bottom:10px}
.join_wrap .btn_wrap  input{display: inline-block;width: 100%;background: #ff801a;border-radius: 5px;padding: 15px 0;color: #fff;text-align: center;}

.agree_box{font-size:14px; color:#555;line-height:130%}
.agree_box p{padding:3px 0;}
.agree_box p input[type="checkbox"]{margin-right:5px}
.agree_box .btn_agree a{display:inline-block;padding:5px;border:1px solid #ddd;font-size:12px;border-radius:3px;background:#f6f6f6}
.join_wrap a.btn_join,.join_wrap button.btn_join{display:inline-block; width:100%; background:#ff801a;border-radius:5px;padding:15px 0;color:#fff;text-align:center}
.join_wrap button.btn_join{border:0}
.login_check{display:flex;flex-wrap:wrap}
.login_check p{width:100%}
.login_check p a{display:inline-block;padding-right:15px;}
.login_check p a i{color:#666; font-size:13px}
.login_case{margin-top:30px;}
.login_case a{display:inline-block;border:1px solid #ddd; padding:15px;text-align:center; width:100%;margin-bottom:10px;color:#666}
.login_case a img{vertical-align:middle}
.member_type{width:100%;text-align:center;padding-bottom:10px;font-size:15px}
.member_type span{display:inline-block; padding:0 10px}
.agree_box{border:1px solid #ddd; padding:20px;overflow-y:scroll;height:180px;margin-top:10px;}
.agree_check{margin:10px 0;font-size:14px; color:#595959}




.t_red, em {color: #d70000 !important;}
.mt30{margin-top:30px;}
.join_modify h3 span { font-size: 13px; font-weight: 400;}
.join_modify ul {width: 100%; border: 1px solid #ddd;}
.join_modify ul li {display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ddd;}
.join_modify ul li:last-child{border-bottom:none !important}
.join_modify ul li b {width: 150px; background: #fafafa; padding: 10px; font-size: 15px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.join_modify ul li > span {color: #444; width: calc(100% - 150px); padding: 12px; display: flex; align-items: center;}
.join_modify ul li > span.column {flex-flow: column;}
.zip-code { display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.join_modify ul li > span .text {width: 50%;max-width: 250px; padding: 6px 12px; height: 40px; font-size: 14px;}
.tbl_btn { display: inline-block; background: #f6f6f6; border: 1px solid #ddd; font-size: 13px; border-radius: 3px; vertical-align: middle; height: 40px; line-height: 38px; width: 60px; text-align: center;}
span.right .tbl_btn{ margin-left:3px;}
.join_modify ul li > span.column br{display:none}
#gs_address__0, #gs_address__1 {width: 100%;max-width: 100%; margin-top:5px;}
.join_modify ul li > span.w3, .join_modify ul li > span.tel-width {justify-content: space-between;}
.join_modify ul li > span.w3 .text { width: 27%;}
.join_modify ul li > span.w3 select{width:25% !important;}
.join_modify ul li > span.input-tel{justify-content: space-between; }
.join_modify ul li > span.input-tel .text {width: 32.5%;}
.join-btn{width:100%; text-align:center;}
.join-btn a { display: inline-block; text-align: center; background: #2f56bd; padding: 13px 60px; color: #fff !important; font-size: 15px; border-radius: 3px;}
.join-btn a:hover{background:#263db8;}




/* 아이디비번찾기 */
.find_wrap{width:100%; display:flex; flex-wrap:wrap}
.find_id,.find_pw{width:48%;padding:0 1%}
.find_id h3,.find_pw h3{margin-bottom:10px}
.find_id .txt,.find_pw .txt{color:#555;font-size:14px}
.find_id dl,.find_pw dl{width:100%; border:1px solid #ddd;margin:10px 0;padding:20px;display:flex;flex-wrap:wrap;background:#f9f9f9;min-height:110px}
.find_id dt,.find_pw dt{width:100px;font-size:14px;line-height:2em}
.find_id dd,.find_pw dd{width:calc(100% - 100px);margin-bottom:5px;font-size:14px;}
.find_id dd input[type="text"],.find_id dd select,.find_pw dd input[type="text"],.find_pw dd select{height:28px;vertical-align:middle}

/* 회원탈퇴 */
.mem_out{border:1px solid #ddd; background:#f6f6f6;padding:20px;margin-top:15px;}
.mem_out h4{font-size:16px; font-weight:400;padding:10px 0}
.mem_out li{padding-bottom:5px;font-size:14px;color:#595959;line-height:130%}
.mem_out li:before{content:'- '}

/* 버튼 */
.btn_warp{margin-top:20px;width:100%;text-align:center}
.btn_warp a.btn_list{display:inline-block; padding:10px 20px; border-1px solid #666; background:#f6f6f6;border-radius:3px; border:1px solid #ddd;font-size:14px; font-weight:500; }
a.btn_agree, input.btn_agree{background:#333; padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px;}
a.btn_reset{background:#999; padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px;}
select{padding-right:20px !important}

.capslock {color:#fff !important; position:absolute;z-index:1111;bottom:-42px;left:0;padding: 0 10px;/* border:1px solid #ddd; */background: #1bc5bd;height: 30px;line-height: 30px;font-size:0.8em;}
.capslock::after{position: absolute;top: -7.5PX;left:  10PX;content: " ";height: 0;z-index: -1;border-bottom: 8px solid;/* border-left: 7px solid rgba(0, 0, 0, 0); */border-right: 10px solid rgba(0, 0, 0, 0);color: #1bc5bd;}
.capslock::before{position: absolute;top:-11PX;left:  5PX;content: " ";height: 0;z-index: -1;border-bottom: 11px solid;/* border-left: 8px solid rgba(0, 0, 0, 0); *//* border-right: 8px solid rgba(0, 0, 0, 0); *//* color: #ddd; */}
.toggle-password {background: #f6f6f6;;position:absolute; right:10px; line-height: 1; ;top:50%; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
#gs_passwd {padding-right: 33px;}

.find_btn {width:100%; text-align: center; margin-top: 30px;}
.find_btn li {display:inline-block; vertical-align: middle;}
.find_btn li a {display:block;    padding: 10px 35px;    border:1px solid #333;    font-size: 15px;  font-weight: 400;  border-radius: 3px;}
.find_btn li:last-child a {background: #333;color: #fff !important; }
.result_tb table td {color:#666; font-size:16px;}
.result_tb table td span {font-weight: 500; color:#000; font-size:1.1em}
.result_tb {padding: 0 5%;}

@media screen and (max-width:600px) {
.result_tb table td {color:#666; font-size:14px;}
}




@media (max-width: 768px){
/*회원*/
.login-box{box-shadow:none; width:100%; border-radius: 0px; padding:0px; padding-top:30px !important;}
.login-box-w50{padding:0}
.join_modify ul li b {width: 120px; padding: 8px; font-size: 14px;}
.join_modify ul li > span {width: calc(100% - 120px); padding: 10px; font-size: 14px;}
#gs_address__0, #gs_address__1, #gs_passwd, .join_modify ul li > span.w3 .text{font-size:13px;}
.join_modify ul li > span.column .form-control { margin-top: 0px;}
.join_modify ul li > span .text {width: 50%; max-width: 160px; padding: 5px 8px; height: 38px;}
.join_modify ul.mt30{margin-top:20px;}
.join-btn a {padding: 11px 50px; font-size: 15px;}
.out-btn a{padding: 11px 10px; font-size: 15px;}
}



@media (max-width: 500px){
.mt30{margin-top:20px;}

/*회원*/
.login-box{padding-top:20px !important;}
.join_modify ul{border:none}
.join_modify ul li { align-items: flex-start; flex-flow: column; border-bottom:none; border-top:1px solid #ccc}
.join_modify ul li:nth-child(n+2){margin-top:15px; background:#fafafa}
.join_modify ul li b {width: 100%; background: #eee; justify-content: flex-start;  padding: 8px 12px;}
.join_modify ul li > span {width: 100%; padding: 12px; }
.join_modify ul li > span .text {width: 100%; max-width: 400px;}
span.right .tbl_btn {padding:0 10px; width:auto; margin-left: 3px;}
.join-btn a {padding: 10px 40px; font-size: 14px;}
}



@media (max-width: 360px){

/*회원*/
.login-box{padding-top:20px !important;}
.join_modify ul{border:none}
.join_modify ul li { align-items: flex-start; flex-flow: column; border-bottom:none; border-top:1px solid #ccc}
.join_modify ul li:nth-child(n+2){margin-top:15px; background:#fafafa}
.join_modify ul li b {width: 100%; background: #eee; justify-content: flex-start;  padding: 8px 12px;}
.join_modify ul li > span {flex-flow: column; align-items: flex-start;}
.join_modify ul li > span.input-tel{flex-flow:row}
.join_modify ul li > span .text {width: 100%; max-width: 300px;}
span.right .tbl_btn {width:100%; margin-left: 0px;}
.zip-code.right .tbl_btn {width: auto; margin-left: 3px; padding: 0 10px;}
.join_modify ul li > span.w3 .text {width: 100% !important;}
.join_modify ul li > span.w3 .text:nth-child(n+2) {margin-top:5px;}
.join_modify ul li > span label {font-size:13px; margin-top: 5px;}
.join_modify ul li > span > a{width:100%; margin-top:5px; border:1px solid #ccc} 
.join_modify ul li > span.tel-width .text{width:calc(100%/3 - 2px);}
.join_modify ul.mt30{margin-top:20px;}
.join-btn a {padding: 10px 30px; }

}