.login_w {width: 100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.login_w_input {width: calc(100% - 100px); float:left; padding-right: 40px;}
.login_w_btn {float:right; width: 100px; position: relative;}

/*회원*/
.join_wrap{width:100%;max-width:600px;margin:60px auto;font-size:16px}
.join_wrap input {font-size:16px;}
.join_wrap li{margin-bottom:25px; 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:none;border-bottom:1px solid #000; height:50px;width:100%;background:#fff;border-radius:0px;padding:10px 0}
.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 li:last-child {margin-bottom: 0;}
.join_wrap .btn_wrap{position:absolute; left: 0; height: 100%;width: 100%; top:50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.join_wrap .btn_wrap input{-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 100%; cursor:pointer; font-weight: 700; display: inline-block;width: 100%;background: #000;border-radius: 0;padding: 15px 0;color: #fff;text-align: center;}
.join_wrap .btn_wrap input:hover {opacity:0.8;}
input::-webkit-input-placeholder {
  color: #aaa;
}
input:-ms-input-placeholder {
  color: #aaa;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
}
textarea:-ms-input-placeholder {
  color: #aaa;
}

.joinBtn {background: #f2f3f6; border:1px solid #f2f3f6; margin-top: 60px; text-align: center;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.joinBtn:hover {border:1px solid; background: none; }
.joinBtn a {display:block !important; padding: 15px; font-weight: 500;}
.joinBtn i {color: #000 !important;}
.findBtn {margin-top: 10px;}
.findBtn a:hover {opacity:0.6;}
.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;}
.login_check p a i{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}



.tbl_join{max-width:600px; margin:0 auto}
.tbl_join h3 span{font-size:14px;font-weight:300}
.tbl_join table{width:100%;margin-top:5px;}
.tbl_join tbody th{border-bottom:1px solid #ddd; padding:10px;font-size:14px;font-weight:500;text-align:left}
.tbl_join tbody td{border-bottom:1px solid #ddd;padding:10px;}
.tbl_join tbody td input[type="text"],.tbl_join tbody td input[type="password"],.tbl_join tbody td select{height:40px;vertical-align:middle;margin:1px 0; width:100%;border-radius:5px; border:1px solid #ededed;padding:0 10px; font-size:14px;}
.tbl_join tbody td textarea{width:100% !important}
.ex{font-size:12px; color:#666;text-align:right}
.tbl_join em{color:#ff6600; font-style:normal;font-size:15px;vertical-align:middle}
.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}
.nomem_txt{font-size:14px; color:#595959;padding-bottom:20px;text-align:center;}
.nomem_agree{text-align:center;margin-bottom:15px}
.ck-wrap input[type="text"],.ck-wrap input[type="password"]{width:calc(100% - 65px) !important}
.input-email input[type="text"],.input-email select{width:calc(33.3% - 30px)  !important;}
.input-birth input[type="text"]{width:50% !important}
.input-tel input[type="text"],.input-tel select{width:calc(33.3% - 3px) !important}
.zip-code  input[type="text"]{width:80px !important}
.input-code .img{width:100px; border-radius:5px;display: inline-block; overflow:hidden;}
.input-code input[type="password"]{width:calc(100% - 110px) !important; float:right;}
.mem-type label {margin-right: 10px;}
.mem-type input {margin-right: 4px;}

.cA-btn {display: block; width: 140px; margin-top: 5px; height: 30px;line-height: 30px;}

/* 아이디비번찾기 */
.find_wrap{width:100%; display:flex; flex-wrap:wrap; margin-top: 60px;}
.find_id, .find_pw{width:100%;}
.find_id h3,.find_pw h3{margin-bottom:10px}
.find_id .txt,.find_pw .txt{color:#999;font-size:14px}
.find_id dl, .find_pw dl{width:100%; margin:10px 0;padding:20px;display:flex;flex-wrap:wrap;background:#f2f3f6;min-height:110px}
.find_id dt, .find_pw dt{width:100%;font-size:14px;line-height:2em}
.find_id dd, .find_pw dd{width:100%; margin-bottom:15px;font-size:14px;}
.find_id dd input[type="text"],.find_id dd select,.find_pw dd input[type="text"],.find_pw dd select{height:40px;vertical-align:middle; padding: 0 5px;}
.find_wrap input {width: 100%;}
/* .find_wrap .email input[type="text"], .find_wrap .email  select {width: calc(33.33333% - 9px);} */



.find-id-info {font-size:1.3em !important; margin-top: 20px; display: block;}
.find_wrap ::-webkit-input-placeholder {color:transparent;}
.find_wrap :-moz-placeholder {color:transparent;}
.find_wrap ::-moz-placeholder {color:transparent; }
.find_wrap :-ms-input-placeholder {color:transparent;}




/* 회원탈퇴 */
.mem_out{background:#f2f3f6;padding:20px; }
.mem_out h4{font-size:16px; font-weight:500;padding:0 0 10px 0; text-align: center;}
.mem_out li{padding-bottom:5px;font-size:13px;color:#595959;line-height:130%; text-indent: -9px; padding-left: 9px;}
.mem_out li:before{content:'- '}

.mem_out_btn {color: #aaa !important; display: block; text-align: right; margin-top: 40px; font-size:13px;}
.mem_out_btn:hover {color: #555 !important;}
.mem_out_btn span {text-decoration:underline}

/* 버튼 */
.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{-webkit-appearance: none;
-moz-appearance: none;
appearance: none;background:#333; padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px; display: inline-block; cursor:pointer;}
a.btn_reset{background:#999; padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px;display: inline-block; cursor:pointer; }
select{padding-right:20px !important}
a.btn_reset:hover, a.btn_agree:hover, input.btn_agree:hover {opacity:0.9}

.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 {background: #f2f3f6; color:#666; font-size:18px;padding:8%; text-align: center;}
.result_tb span {font-weight: 500; color:#000; font-size:1.1em}



.file {position:relative; border:1px solid #ededed; height: 40px; border-radius:5px;}
.file label {position:absolute; color: #666;top:50%; font-size:13px; right:10px !important; left:auto; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); -webkit-transition: 300ms ease all; transition: 300ms ease all;}
#file-chosen,#file-chosen2 {display:block;color: #aaa; font-size:14px; max-width:428px; background: none;height: 40px;line-height: 40px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;width: 100%;padding-right: 70px; padding-left: 10px;}
.file input[type="file"] {position: absolute; opacity:0; overflow:hidden; margin: 0; height: 40px; width:100%; cursor:pointer;}
#file-chosen.focused,#file-chosen2.focused {color: #000;}

.check_wrap {padding: 8% 10%; text-align: left; }
.check_wrap h3 {text-align: left; font-size:24px; margin-bottom: 20px;}

.joinCheck01 {font-size:18px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.joinCheck01 a {display:block; width: 100%; height: 40px; line-height: 40px; background: #DA2127; color: #fff !important; text-align: center; margin-top: 5px; border-radius:5px;}
.joinCheck01 a:hover {background: #c5282d;}
.joinCheck01 b {color: #DA2127;}
.joinCheck02 {margin: 0 0 20px 0;padding-top: 20px;}
.joinCheck02 h4 {font-size:16px; margin-bottom: 5px;}
.joinCheckBtn {margin-top: 30px; text-align: center;}
.joinCheckBtn a {display:inline-block; font-size:14px; border-radius:5px; width: 110px; text-align: center; height: 40px; line-height: 40px;}
.check_search {width: 100%; font-size:0;}
.check_search > * {font-size:14px;display: inline-block; height: 40px; line-height: 40px; vertical-align: middle;}
.check_search span {width: calc(100% - 65px);}
.check_search span input {width: 100%; height: 100%; font-size:15px; border:none; border-bottom: 1px solid;}
.check_search a {width: 60px; margin-left: 5px;text-align: center; border:1px solid;}
.joinCheckBtn .btn_ok {background: #000; color: #fff;}
.joinCheckBtn .btn_close {background: #000; color: #fff;}
.joinCheckBtn a:hover {opacity:0.6;}
.pwCheck {display:block; margin-top: 4px;}
.pwCheck input {vertical-align: middle; margin-right: 3px; margin-top: -2px;}

.member_modi .con input[type="password"] {border:none; border-radius:0; border-bottom: 1px solid #000;width: 100%; height: 50px; margin: 40px 0;font-size:16px;}
.member_modi {border:none;}
.member_modi .con a{display:inline-block; background:#333;color:#fff; padding:10px 35px;  font-size:15px;vertical-align:middle;font-weight:400;border-radius:3px}
.member_modi .con a.btn_cancel{background:#666}

.member_tab_menu {width:100%;}
.member_tab_menu .tab {overflow: hidden; margin-bottom: 30px;}
.member_tab_menu .tab li {position:relative; width: auto !important;display:inline-block; margin-right: 10px;  opacity:0.5;  font-size: 20px; transition:0.3s; border-bottom: none; box-sizing:border-box; cursor:pointer; -webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.member_tab_menu .tab li.current:before {content:'';position:absolute;bottom:0; height:2px;background: #000;width:100%;z-index: -1;left:0;}
.member_tab_menu .tab li:hover {opacity:1}
.member_tab_menu .tabcontent {display: none; margin: 10px auto; box-sizing:border-box;}
.member_tab_menu ul.tab li.current{background: none; box-sizing:border-box; font-weight: 700; border-bottom: none; opacity:1;}
.member_tab_menu .tabcontent.current {display: block;}
.member_tab_menu .tabcontent ul {width:100%; overflow:hidden; }
.preview_img {margin-top: 10px; position: relative;display: inline-block;}
.preview_img img {width: 80px; display:inline-block; vertical-align: top;}
.preview_img br {display:none;}
.preview_img > span {text-align: center; display:inline-block; width: 100%; vertical-align: top;line-height: 1.2;font-size: 13px;  color: #fff; position: absolute; left:0; bottom: 0; right:0; background: rgba(0,0,0,0.3); padding: 3px 5px;}
.preview_img > span input {margin-right: 4px; vertical-align: middle;margin-top: -3px;}
.del-f {display:none}
.preview_img > span:after {content:'삭제';}

.out_tb {width: 100%; overflow:hidden;}
.out_tb li {width: 100%; overflow:hidden; margin-top: 20px;}
.out_tb input {width: 100%; height: 40px; padding: 0 0;}
.out_tb textarea {height: 100px !important;}
.out_tb b {display: block; margin-bottom: 5px; font-weight: 500;}
.out_tb textarea, .out_tb input {font-size:15px; border:none; border-bottom: 1px solid #000;}

/* @media screen and (min-width:600px) {
.tbl_join ::-webkit-input-placeholder {color:transparent;}
.tbl_join :-moz-placeholder {color:transparent;}
.tbl_join ::-moz-placeholder {color:transparent; }
.tbl_join :-ms-input-placeholder {color:transparent;}
} */
/*responsive*/
@media screen and (max-width:600px) {
.result_tb table td {color:#666; font-size:14px;}
.tbl_join table, .tbl_join table tbody, .tbl_join thead, .tbl_join tr, .tbl_join tbody th, .tbl_join tbody td {display:block !important; width: 100%;}
.tbl_join tbody td {padding: 10px 0; padding-top: 0; border-bottom: none;}
.tbl_join tbody th {padding: 0; padding-top: 20px; border-bottom: none; font-size:11px; color: #666; margin-bottom: -4px;}
.tbl_join tbody td input[type="text"], .tbl_join tbody td input[type="password"], .tbl_join tbody td select {border-radius:0; border:none; border-bottom: 1px solid;padding: 0; font-size:14px;}

.file {border:none; border-bottom: 1px solid; border-radius:0;}
.file label {right: 0 !important;}
#file-chosen {padding-left:0 !important; font-size:14px; padding-right: 60px;}
.tbl_btn {border-radius:0; border:1px solid; background: none; color: #000 !important;}
.find_id dl, .find_pw dl {padding: 0; background: none;}
.find_id dd input[type="text"], .find_id dd select, .find_pw dd input[type="text"], .find_pw dd select {border:none; border-bottom: 1px solid #000;}
.agree_box {padding: 15px;}

.login_w_input {width: 100%; padding-right: 0;}
.login_w_btn {width: 100%;}
.join_wrap .btn_wrap {position: relative; margin-top: 30px; height: auto; top:auto; -webkit-transform: none; -moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.join_wrap {margin: 30px 0;}
.joinBtn {margin-top: 40px;}
.join_wrap input, .join_wrap {font-size:14px;}
.member_tab_menu .tab li {font-size:16px}
.find_wrap {margin-top: 30px;}
.result_tb {font-size:14px;}
}


@media screen and (max-width:420px) {
.joinCheck02 h4 {font-size:18px;}
.joinCheck02 {margin: 50px 0 20px 0; padding-top: 20px;}
.joinCheck01 a {height: 45px; line-height: 45px; margin-top: 10px;}
.joinCheckBtn a {height: 45px; line-height: 45px;;}
.joinCheckBtn {margin-top: 30px;}
}