@charset "utf-8";
@media only screen and (min-width:600px){
	.login-wrap .login-cont .frm .login-frm {width:88%;}
}

@media all and (max-width:999px){
	/* 로그인 */
	.login-wrap {padding:0px;}
	.login-wrap .login-tit:after {display:none;}
	.login-wrap .login-tit, .login-wrap .login-cont {float:none;width:100%;}
	.login-wrap .login-tit {padding-bottom:10px;margin-bottom:5px;margin-right:0;}
	.login-wrap .login-tit .tit {font-size:40px;margin-right:0;}
	.login-wrap .login-tit p {margin-top:8px;}
	.login-wrap .login-cont {padding:5% 3%;width:94%;}

	/* 정보수정 */
	.m-form .join-frm li .plbl {width:96%;padding-left:4%;background:#fafafa;}
	.m-form .join-frm li .ptxt, .m-form .join-frm.leave li .ptxt {border-left:0;padding-left:5%;width:95%}

	/* 회원탈퇴 */
	.m-form .join-frm.leave li .plbl {padding-left:5%;width:95%;text-align:left;}

	/* 마이페이지 */
	.mypage-top {padding:20px;}
	.mypage-top:before {width:75px;height:50px;background-size:148px auto;top:26px;right:20px;left:auto;background-position:-58px 0;}
	.mypage-top .tit {font-size:30px;margin-top:12px;}
	.mypage-top .stit {font-size:15px;}
	.mypage-top .sbtn-wrap {position:relative;left:auto;top:auto;margin-top:15px;text-align:center;}
	.mypage-list {padding: 20px 15px}
	.mypage-list .tit {display:block;}
	.member-box .pass-top {padding:20px}
	.member-box .pass-top:after, .member-box.re .pass-top:after {width:64px;height:53px;background-size:300px auto;top:35%;right:14px;background-position:-159px -74px;margin-top:-24px}
	.member-box .pass-top p {width:80%}
	.member-box .pass-top p  br {display:none}
	.member-box .pass-top.chkpw:after {background-position:-93px -75px;top:45%;}
	.member-box .pass-top .tit {margin-bottom:25px}
	.member-box .pass-form {padding:20px 0;text-align:left;}
	.member-box .pass-form button {width:60px;min-width:auto;padding:0;margin-left:0;vertical-align:middle;}
	.member-box input.text {width:50%;margin:20px 0}
	.member-box .pass-chg, .member-box.re .pass-chg {width:100%;}
	.member-box .pass-chg input.text {margin:0}
	.member-box .pass-chg button {position:relative;top:auto;right:auto;width:100%;height:40px;margin-top:10px;}
	.member-box .info-box {padding-left:10px}
	.find-box > div {float:none;width:90%;border-left:0;min-height:auto;}
	.find-box .find-id {width:90%;border-bottom:1px solid #ddd;}
	.find-box button {position:relative;bottom:auto;left:auto;margin-left:auto;margin-right:auto;display:block;margin-top:20px}

	table.tbl-mypage {border-bottom:1px solid #E6E6E6;padding-bottom:2px;table-layout:auto;margin-top:10px}
	table.tbl-mypage thead {display:none;}
	table.tbl-mypage tbody {overflow:hidden;}
	table.tbl-mypage tr {border-top:1px solid #E6E6E6;padding:5px 0 10px;display:block;overflow:hidden;width:100%;}
	table.tbl-mypage tbody th, table.tbl-mypage td {width:100% !important;padding-left:3%;border:0;}
	table.tbl-mypage [data-cell-header]:before {content:attr(data-cell-header);float:left;width:23%;font-weight:bold;}
	table.tbl-mypage td[data-cell-header]:before {width:23%;}
	table.tbl-mypage tr a {width:70%;}
	table.tbl-mypage tr:hover th, table.tbl-mypage tr:hover td {background:none;}
	table.tbl-mypage tbody th, table.tbl-mypage td {width:100% !important;float:left;border:0;padding:5px 5px 0 3%;text-align:left;}
	table.tbl-mypage .l {padding-left:3%}
	.mypage-list a.btn-more {top:15px;right:10px;}
	.mypage-list.qa {display:none;}
}
@media only screen and (max-width:768px){
	.newmemagree-wr {position:relative;padding-right:0;text-align:center;}
	.newmemagree-wr p {text-align:left;}
	.newmemagree-wr a {display:inline-block;position:relative;top:auto;right:auto;margin-top:10px}
}

@media only screen and (max-width:599px){
	.login-wrap .login-cont .member-link {height:auto;}
	.login-wrap .login-cont .member-link a:first-child {width:100%;border-bottom:1px solid #ddd;}
	.login-wrap .login-cont .member-link a {display:block;float:none;width:100%;}
	.m-form .info-box.mem {padding:20px}
	.m-form .info-box.mem br {display:none;}
}