@charset "utf-8";
/* 2015-10-21 CSS CENTUMSOFT */

/* member ========== */
/* 공통 */
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea {-webkit-appearance:none;font-family:"Nanum Barun Gothic"}

#member-box {border-top:2px solid #696c75;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.mbtn-wrap {margin:40px 0;text-align:center;}

/* IE용 placeholder 대응 */
label.blind.placeholder_text {width:auto;height:auto;overflow:visible;top:50%;left:10px;text-indent:0;font-size:14px;line-height:1.6;margin-top:-10px;color:#767676;}

/* 로그인 */
/*
.login-wrap {background:#f9f9f9;}
.login-top {position:relative;background:#fff;padding:35px 20px 35px;border-bottom:1px solid #ddd;word-break:keep-all}
.login-top .icon {position:absolute;top:27.3%;left:8.5%;background:url(/resources/_Img/Member/ico_login.gif) no-repeat 0 0;width:174px;height:117px;display:block;}
.login-top h3 {font-size:2.769em;color:#1965c4;margin-bottom:20px;font-weight:700;text-transform:uppercase;font-family:'Open Sans';letter-spacing:-2px;}
.login-top .txt {font-size:1.077em;font-weight:bold;color:#333;}
.login-form {width:40%;margin:36px auto 22px;position:relative;}
.login-form .login {overflow:hidden;width:76%;}
.login-form .login li {margin-bottom:10px;position:relative;vertical-align:top;}
.login-form label {font-size:13px;margin-left:3px;color:#666;}
.login-form li input.text {border:1px solid #ccc;background:#fff;width:91%;height:43px;line-height:43px;padding:0 1%;}
.login-form .btn-login {position:absolute;top:0;right:0;background:#207fe5 url(/resources/_Img/Member/btn_login.gif) no-repeat 0 0;width:110px;height:100px;color:#fff;font-weight:bold;border:0;font-size:1.231em;line-height:40px;cursor:pointer;text-indent:-9999px}
.login-form .login-link {overflow:hidden;margin:4px 0 0 0;}
.login-form .login-link li {float:left;}
.login-form .login-link li a {color:#555;display:block;border-left:1px solid #dcdcdc;padding:0 14px 0 37px;margin-left:14px;line-height:140%;background:url(/resources/_Img/Member/ico_sfind.gif) no-repeat 14px 1px;}
.login-form .login-link li:first-child a {border-left:0;background:url(/resources/_Img/Member/ico_sjoin.gif) no-repeat 0 1px;padding-left:22px;margin-left:4px;color:#1552a0;}
.mem-link {border-top:1px solid #ddd;background:#f7f7f7;padding:20px 0 35px;overflow:hidden;position:relative;text-align:center;}
.mem-link h4 {display:inline-block;color:#043d86;font-size:1.231em;margin-right:20px;}
.mem-link .btn-link {clear:both;display:block;text-align:center;margin-top:15px;}
.mem-link a {display:inline-block;border:1px solid #3478bf;background:#3478bf;color:#fff;padding:10px 20px 9px;margin-left:4px;line-height:20px;}
.mem-link a.main {border:1px solid #c8c8c8;background:#fff;color:#444;}
.mem-link .no-mem {width:550px;margin:10px auto;position:relative;}
.mem-link .no-mem h4 {font-size:1.385em;color:#1858a0;margin:0 0 10px;float:none;}
.mem-link .no-mem button {display:inline-block;background:#2c64b1;border:0;color:#fff;padding:15px 20px;overflow:visible;cursor:pointer;font-weight:800;font-size:1.077em; margin-top:10px}
.achk-wrap {border:1px solid #ddd;background:#f7f7f7;text-align:center;padding:24px 0;margin-top:50px;}
.achk-wrap label {font-size:1.154em;font-weight:bold;color:#333;}
*/

.login-wrap {position:relative;}
.login-top {position:absolute;width:420px;height:100%;padding:0;border:1px solid #ccc;border-left:0;border-bottom:0;box-sizing:border-box;background:#efefef url(/resources/_Img/Member/ico_login2.png) no-repeat center center}
.login-top .login_tab {}
.login-form {margin:0 0 0 420px;position:relative}
.login-form .login-inBox {position:relative;margin:51px 74px}
.login-form .login-inBox .login-msgWr {margin:0 0 43px 0}
.login-form .login-inBox .login-msgWr p {display:block}
.login-form .login-inBox .login-msgWr p span {display:block;line-height:normal}
.login-form .login-inBox .login-msgWr p .f1 {font-size:1.667em;color:#444;font-weight:500}
.login-form .login-inBox .login-msgWr p .f2 {font-size:0.889em;color:#888}
.login-form .login-inBox form {display:block;position:relative;width:100%}
.login-form .login {display:block;margin:0 190px 0 0}
.login-form .login li {display:block;margin-bottom:9px;position:relative}
.login-form .login li:last-child {margin:0}
.login-form .login label {}
.login-form .login input.text {border:1px solid #ccc;background:#fff;width:100%;height:51px;line-height:51px;padding:0;box-sizing:border-box;text-indent:15px}
.login-form .btn-login {position:absolute;top:0;right:0;background:#2841a1;width:180px;height:100%;color:#fff;font-weight:bold;border:0;line-height:40px;cursor:pointer;transition:all .3s ease}
.login-form .btn-login:hover {background:#132773}
.login-form .save-wr {display:block;text-align:left;margin:10px 0 0 0}
.login-form .log-alert {margin-top:30px;background:url(/resources/_Img/Common/ico_ex01.png) no-repeat 0 3px;box-sizing:border-box;padding:4px 0 0 40px}
@media all and (max-width:1100px) {
	.login-form .login-inBox {margin:40px 50px}
	.login-form .login {margin:0 160px 0 0}
	.login-form .btn-login {width:150px}
}
@media all and (max-width:999px) {
	.login-top {width:350px;background-size:50%}
	.login-form {margin:0 0 0 350px}
	.login-form .login {margin:0 110px 0 0}
	.login-form .btn-login {width:100px}
}
@media all and (max-width:860px){
	.login-top {width:300px;background-size:50%}
	.login-form {margin:0 0 0 300px}
}
@media all and (max-width:768px){
	.login-top {position:relative;width:100%;height:100px;border:1px solid #ccc;border-left:0;border-right:0;border-bottom:1px solid #ccc;background:#efefef url(/resources/_Img/Common/logo.png) no-repeat center center}
	.login-form {margin:0}
}
@media all and (max-width:650px){
	.login-form .login {width:100%;}
	.login-form li input.text {}
	.login-form .btn-login {position:relative;right:auto;top:auto;width:100%;height:50px;margin:9px 0 0 0}
	.login-wrap .mem-link {padding:15px 5%;text-align:center;}
	.login-wrap .mem-link p {float:none;}
	.login-wrap .mem-link .no-mem {width:100%;margin:0;}
	.login-wrap .mem-link .no-mem button {position:relative;top:auto;right:auto;margin:10px auto 0;}
	.login-form .login-link {margin-top:20px;}
}
@media all and (max-width:600px){
	.login-form .login-inBox {margin:30px 20px}
	.login-form .login-msgWr p .f1 {font-size:24px}
	.login-form .login-msgWr p .f2 {font-size:15px}
}
@media all and (max-width:480px){
	.login-form .login-link li {float:none;}
	.login-form .login-link li a {margin-left:4px;border-left:0;padding-left:22px;background-position:0 1px}
}


/* 회원가입 순서 */
.member-step {width:100%;overflow:hidden;}
.member-step li {position:relative;float:left;width:25%;background:#f7f7f7}
.member-step li:after {content:'';position:absolute;right:-10px;top:50%;width:11px;height:21px;margin-top:-11px;background:url(/resources/_Img/Member/mstep_arr.png) no-repeat 0 0;z-index:100;}
.member-step li.step04:after {display:none;}
.member-step .mstep-wrap {padding:15% 0 15% 45%;border:1px solid #ddd;border-left:0;line-height:1.3;}
.member-step li span {display:block;color:#333;font-weight:bold;}
.member-step li .tit {font-size:19px;}
.member-step li.step01 .mstep-wrap {border-left:1px solid #ddd;}
.member-step li.step01 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico01.png) no-repeat 18% center;}
.member-step li.step02 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico02.png) no-repeat 18% center;}
.member-step li.step03 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico03.png) no-repeat 18% center;}
.member-step li.step04 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico04.png) no-repeat 18% center;}
.member-step li.active.step01 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico01_ov.png) no-repeat 18% center;}
.member-step li.active.step02 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico02_ov.png) no-repeat 18% center;}
.member-step li.active.step03 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico03_ov.png) no-repeat 18% center;}
.member-step li.active.step04 .mstep-wrap {background:url(/resources/_Img/Member/mstep_ico04_ov.png) no-repeat 18% center;}
.member-step li.active {background:#f2552c url(/resources/_Img/Member/mstep_bg.gif) no-repeat center center;}
.member-step li.active:after {background:url(/resources/_Img/Member/mstep_arr_on.png) no-repeat 0 0;}
.member-step li.active .mstep-wrap {border-color:#f2552c}
.member-step li.active span {color:#fff;}

/* 약관동의 */
.agree-cont h4 {float:left;}
.agree-cont p {font-size:1.077em;}
.agree-cont .agree-nec {float:right;color:#ed3b3b;margin-top:15px;}
.agree-cont .agree-box, .agree-re .agree-box  {clear:both;border:2px solid #444;background:#fbfbfb;padding:2.5% 3.2%;height:211px;}
.agree-cont .agree-box .agree-txt, .agree-re .agree-box .agree-txt {overflow-y:auto;overflow-x:hidden;width:100%;height:100%;}
.agree-cont .chk-wrap {margin:11px 0 0 1px;}

/* 본인인증 */
#member-box.ipin {background:#fff;}
.help-box {margin:44px auto 25px;}
.help-box .tit {font-size:16px;font-weight:bold;color:#333;text-align:center;margin-bottom:10px;}
.help-box .info-ex {height:20px;margin-top:0;vertical-align:top;}
.ipin-list {overflow:hidden;padding:20px 0 40px;}
.ipin-list .ipin-cont {float:left;width:50%;text-align:center;position:relative;padding-bottom:20px;}
.ipin-list .ipin-cont:first-child {width:49%;border-right:1px solid #ddd;}
.ipin-list .ipin-cont .icon {display:block;width:67px;height:67px;background:url(/resources/_Img/Member/ico_ipin.gif) no-repeat 0 0;margin:0 auto 31px;}
.ipin-list .ipin-cont:first-child .icon {background:url(/resources/_Img/Member/ico_phone.gif) no-repeat 0 0;}

/* 회원정보입력 */
.member-form {overflow:hidden;letter-spacing:-1px;}
.member-form .tbl-form {table-layout:auto;}
.member-form .tbl-form th {width:20%;}
.member-form .tbl-form td {width:80%;}
.member-form .tbl-form td input::-webkit-input-placeholder {color:#f8f8f8;}
.member-form .tbl-form td input:-moz-placeholder {color:#f8f8f8;}
.member-form .tbl-form td input::-moz-placeholder {color:#f8f8f8;}
.member-form .tbl-form td input:-ms-input-placeholder {color:#f8f8f8;}

/* 회원가입완료 */
.leave-top {background:#fff;text-align:center;font-size:15px;font-weight:bold;padding:64px 0 30px;color:#444;width:90%;margin:0 auto;}
.leave-top .icon {display:block;width:169px;height:107px;background:url(/resources/_Img/Member/ico_complete.gif) no-repeat 0 0;margin:0 auto 35px;}
.leave-top .tit {font-size:18px;color:#f04e23;}
.mem-link.leave {padding:40px 0;}

/* 아이디비번찾기 */
#member-find-wrap .find-top {position:relative;padding-bottom:40px;padding-right:300px;}
#member-find-wrap .find-top .icon {width:230px;height:98px;display:block;position:absolute;top:0;right:0;background:url(/resources/_Img/Member/ico_idpw.gif) no-repeat 0 0;}
#member-find-wrap .find-top h3 {color:#2c7cd3;font-size:29px;padding-top:15px;line-height:100%;margin-bottom:10px;letter-spacing:-1px;}
#member-find-wrap .find-top p {font-weight:bold;font-size:14px;color:#444;width:100%;line-height:130%;word-break:keep-all;}
.find-box {overflow:hidden;clear:both;display:block;}
.find-box div {position:relative;border-top:2px solid #696c75;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;float:left;width:40%;height:285px;padding:30px 4%;text-align:center;}
.find-box h4 {color:#0b64c4;font-size:1.231em;padding-bottom:5px;text-align:left;}
.find-box label {display:inline-block;*display:inline;*zoom:1;width:70px;font-weight:700;color:#333;text-align:left;vertical-align:top;padding-top:5px;}
.find-box li {margin:22px 0;text-align:left;}
.find-box li input.text {height:37px;line-height:37px;}
.find-box .find-pw {float:right}
.find-box input.bp-btn {position:absolute;bottom:28px;left:50%;margin-left:-50px;width:100px;}

/* 비밀번호 재확인 및 변경 */
.pass-top {position:relative;background:#f9f9f9;padding:43px 0 44px 70px;border-bottom:1px solid #ddd;}
.pass-top .icon {position:absolute;top:29px;right:51px;width:70px;height:79px;display:block;background:url(/resources/_Img/Member/ico_pass.png) no-repeat 0 0}
.pass-top .pw-tit {font-size:2.231em;color:#0b64c4;margin-bottom:19px;letter-spacing:-1px;}
.pass-top .pw-txt {font-weight:700;color:#444;font-size:1.077em;}
.pass-form {text-align:center;padding:74px 0;}
.pass-form label, .pass-chg label {font-size:16px;font-weight:700;color:#333;}
.pass-form .text, .pass-chg .text {width:43%;height:38px;margin:0 12px 0 14px;vertical-align:middle;border:1px solid #ccc;}
.pass-form .bg-btn {width:100px;font-size:1.231em;font-weight:700;height:40px;vertical-align:middle;}
/* 변경 */
.pass-chg {position:relative;width:60%;margin:42px auto;}
.pass-chg ul {overflow:hidden;}
.pass-chg li {margin-bottom:10px;height:40px;}
.pass-chg li label {display:inline-block;width:25%;vertical-align:middle;}
.pass-chg .bg-btn {position:absolute;top:0px;right:0px;width:100px;height:90px;font-size:1.231em;font-weight:700;}
.pass-chg.c label {text-align:left;}

/* 마이페이지 */
.infoTop-box.mypage {background:#f5f9fd url(/resources/_Img/Member/ico_mypage.png) no-repeat 30px 40px;padding-left:170px;}
.mypage-top {position:relative;background:#f9f9f9;border-bottom:1px solid #ddd;padding:55px 0 45px;}
.mypage-top .icon {width:144px;height:99px;display:block;position:absolute;top:43px;left:9.4%;background:url(/resources/_Img/Member/m_sprite.png) no-repeat -461px -142px}
.mypage-top h3 {font-family:'Open Sans';letter-spacing:-2px;font-size:2.769em;font-weight:700;color:#1965c4;margin:0 0 40px 30%;}
.mypage-top p {margin-left:30%;}
.mypage-top p.tit {font-size:1.385em;font-weight:bold;color:#333;margin-bottom:13px;}
.mypage-top p.tit span {color:#105ebe}
.mypage-top .btns {position:absolute;bottom:39px;left:9.6%;}
.mypage-top .btns button {margin:0;min-width:68px;height:30px;}
.mypage-top .btns button.cg-btn {background:#48525e;width:70px;}
.mypage-top .btns button span {font-size:12px;}
.mypage-list {border-top:1px solid #ddd;padding:32px 36px;position:relative;}
.mypage-list.resv {border-top:0;}
.mypage-list h4 {font-size:1.385em;color:#333;margin-bottom:17px;}
.mypage-list h4 span {font-weight:normal;font-size:0.75em;color:#555;padding-left:14px;}
.mypage-list .btn-more {position:absolute;top:30px;right:33px;width:29px;height:29px;display:block;background:url(/resources/_Img/Member/m_sprite.png) no-repeat -653px -144px;text-indent:-9999px;}

.tbl-mypage {border-top:2px solid #4989c7;width:100%;border-collapse:collapse;font-size:1em;table-layout:fixed;clear:both;color:#555;word-wrap:break-word}
.tbl-mypage th {background:#f9f9f9;border-left:1px solid #ccc;border-bottom:1px solid #dadfe4;color:#043d86;text-align:center;}
.tbl-mypage th.line, .tbl-mypage td.line {border-right:1px solid #dadfe4;} /* 셀병합시 우측 라인 안나올 경우 */
.tbl-mypage th.line2 {border-bottom:1px solid #dadfe4;} /* th가 두줄일 경우 */
.tbl-mypage thead th {border-bottom:1px solid #bac2ca;font-weight:700;line-height:120%;padding:17px 5px 16px;}
.tbl-mypage tbody th {padding:18px 5px;background:#fff;color:#1677d4;font-size:0.923em;}
.tbl-mypage th:first-child, .tbl-mypage td:first-child {border-left:0;}
.tbl-mypage tbody th.num, .tbl-mypage .num {font-family:'Open sans';font-weight:normal;font-size:0.923em;}
.tbl-mypage td {background:#fff;border-left:1px solid #dadfe4;border-bottom:1px solid #dadfe4;text-align:center;padding:18px 5px;}
.tbl-mypage td .tbl-tit {font-weight:700;display:block;color:#0354ab;}
.tbl-mypage tfoot th, .tbl-mypage tfoot td {background:#f9f9f9;color:#333;}
.tbl-mypage th.l, .tbl-mypage td.l {padding-left:30px;}
.tbl-mypage th.r, .tbl-mypage td.r {padding-right:5px;}
.tbl-mypage .bg th, .tbl-mypage .bg td {background:#f9f9f9;font-weight:700;}
/* 셀간격 */
.tbl-mypage th:first-child, .tbl-mypage td:first-child {width:15%;}
.tbl-mypage th.dept, .tbl-mypage td.dept {width:23%;}
.tbl-mypage th.subject, .tbl-mypage td.subject {width:40%;text-align:left;padding-left:30px}
.tbl-mypage th, .tbl-mypage td {width:14%;}
.tbl-mypage th.resv, .tbl-mypage td.resv {width:17%;}
/* 상태값 */
.stat {display:inline-block;min-width:21px;height:20px;padding:1px 5px;font-size:0.846em;letter-spacing:-1px;text-align:center;}
.stat.stat01 {border:1px solid #ed3b3b;color:#ed3b3b;font-family:'Malgun Gothic', 맑은고딕;}
.stat.stat02 {border:1px solid #c2c2c2;color:#666;font-family:'Malgun Gothic', 맑은고딕;}

/* 약관재동의 */
.agree-re {min-width:1000px;overflow-y:hidden;}
.agree-re #header-wrap {background:#1363b0 url(/homepage/kor/resources/_Img/Content/tel_resv_bg.gif) repeat 0 0;width:100%;height:74px;text-align:center;padding-top:28px;}
.agree-re #container-wrap {width:760px;margin:65px auto 55px;padding:0;}
.agree-re #container-wrap .reagree-box {background:url(/resources/_Img/Member/ico_reagree.gif) no-repeat 25px 0;margin:35px 0 50px;padding:14px 0 35px 210px;height:86px;color:#444;}
.agree-re #container-wrap .reagree-box p {line-height:14px;}
.agree-re #container-wrap .reagree-box .tel {padding-top:35px;font-size:1.154em;color:#333;font-weight:700;}
.agree-re #footer-wrap {text-align:center;padding:30px 0;background:#f7f7f7;color:#444;}
.agree-re #footer-wrap address, .agree-re #footer-wrap .tel, .agree-re #footer-wrap .fax {display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-style:normal;margin:0 10px;}

/* 뉴스레터구독취소 인증 */
.newsletter-n {background:url(/resources/_Img/Common/ico_newsletter.gif) no-repeat 25px 0;margin:35px 0 50px;padding:14px 0 35px 210px;height:86px;color:#444;}
.newsletter-n p {line-height:14px;font-size:14px;}
.newsletter-n .tel {padding:35px 0 15px;font-size:16px;color:#333;font-weight:700;}
.newsletter-box {overflow:hidden;}
.newsletter-box .n-list {position:relative;float:left;border:1px solid #ddd;border-top:2px solid #043d86;width:318px;height:320px;text-align:center;padding:0 20px;}
.newsletter-box .n-list:first-child {margin-right:20px;}
.newsletter-box .n-list h3 {font-size:16px;font-weight:700;color:#043d86;padding:35px 0}
.newsletter-box .n-list p {margin-bottom:10px;}
.newsletter-box .n-list button {position:absolute;bottom:30px;left:134px;}


/* 반응형 */
@media all and (max-width:999px){
	.join-step img {max-width:100%;}

	/* 공통 */
	/* input[type=text], input[type=button], input[type=submit], button, textarea {font-family:'Malgun Gothic', 맑은고딕, '돋움', dotum, sans-serif;} */
	.achk-wrap, .mbtn-wrap {margin-top:25px;}
	/* 회원가입 단계별 이미지 */
	.join-step img {display:none;}

	/* 회원가입폼 */
	.member-form .tbl-form th {width:20%;}
	.member-form .tbl-form td {width:80%;}
	/* 회원가입완료 */
	.mem-link.leave {text-align:center;padding:30px 0;}
	.mem-link.leave h4, .mem-link.leave p {display:inline;float:none;}
	.mem-link.leave .btn-link {position:relative;top:auto;right:auto;clear:both;width:100%;text-align:center;margin-top:20px;}
	/* 비밀번호변경 */
	.pass-chg {width:70%;}
	/* 마이페이지 */
	.mypage-top .icon {left:5%}
	.mypage-top p {width:65%;}
	.mypage-top .btns {left:5.5%}
}


@media all and (max-width:768px){

/* 약관동의 */
.agree-cont .agree-box {padding-top:5%;padding-bottom:5%;}
/* 본인인증 */
.ipin .help-box {margin-top:25px;width:90%;}
.ipin .help-box .f16 {font-size:1.231em;}
/* 회원가입폼 */
.member-form h3, .member-form p {float:none;padding-bottom:10px;}
.member-form .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0;}
.member-form .tbl-form tr {overflow:hidden;display:block;}
.member-form .tbl-form th, .member-form .tbl-form td {border:0;background:#fff;display:block;width:95% !important;float:left;}
.member-form .tbl-form th {font-size:1.154em;padding:15px 0 5px}
.member-form .tbl-form th label {padding-left:2.5%;}
.member-form .tbl-form td {position:relative;border-bottom:1px solid #ddd;padding:5px 2.5% 15px;font-size:1.154em;}
.member-form .tbl-form td .sw-btn {position:absolute;top:-30px;right:2.5%;letter-spacing:-1px;}
.member-form .tbl-form td input[type=text], .member-form .tbl-form td input[type=password] {width:98%;border:0;background:#f0f0f0;margin:2px 0;height:40px;color:#444;}
.member-form .tbl-form td input[type=text]::-webkit-input-placeholder, .member-form .tbl-form td input[type=password]::-webkit-input-placeholder {color:#444;}
.member-form .tbl-form td input[type=text]:-moz-placeholder, .member-form .tbl-form td input[type=password]:-moz-placeholder {color:#444;}
.member-form .tbl-form td input[type=text]::-moz-placeholder, .member-form .tbl-form td input[type=password]::-moz-placeholder {color:#444;}
.member-form .tbl-form td input[type=text]:-ms-input-placeholder, .member-form .tbl-form td input[type=password]:-ms-input-placeholder {color:#444;}
.member-form .tbl-form td input.text.w40p {width:40%;}
.member-form .tbl-form td input.text.w90 {width:90px;}
.member-form .tbl-form td input.text.w50 {width:28% !important}
.member-form .tbl-form td input.text.w20p, .member-form .tbl-form td input.text.w25p, .member-form .tbl-form td select.select {width:25%;height:40px;}
.member-form .tbl-form td textarea {background:#f0f0f0;border:0;}
/* 아이디/비번찾기 */
.find-box div {width:91%;height:auto;float:none;padding-top:20px;padding-bottom:20px;}
.find-box .find-pw {float:none;margin-top:20px;}
.find-box li {margin:15px 0 10px;}
.find-box input.bp-btn {position:relative;bottom:auto;left:auto;margin:0;}
.find-box li input.text.w70p {width:84%;}
/* 비밀번호변경 */
.pass-top .pw-txt {width:75%;}
.pass-chg {width:100%;text-align:center;padding-bottom:30px;}
.pass-chg.c {padding-bottom:0;}
.pass-chg li label {text-align:left;width:20%;}
.pass-chg .bg-btn {top:auto;left:50%;margin-left:-50px;bottom:-20px;height:50px;}
/* 마이페이지 */
.mypage-top {padding:30px 0;}
.mypage-top h3, .mypage-top p {margin-left:5%;}
.mypage-top .icon {left:auto;top:25px;right:5%;}
.mypage-top .btns {left:auto;right:5%;top:124px;bottom:auto;}
.tbl-mypage {border-bottom:1px solid #E6E6E6;padding-bottom:2px;table-layout:auto;}
.tbl-mypage thead {display:none;}
.tbl-mypage tbody {overflow:hidden;}
.tbl-mypage [data-cell-header]:before {content:attr(data-cell-header);float:left;width:50%;color:#1677d4;font-weight:bold;font-size:1.154em;font-family:'Malgun Gothic', 맑은고딕, '돋움', dotum, sans-serif;}
.tbl-mypage td.num[data-cell-header]:before {font-size:1.25em;}
.tbl-mypage td:first-child, .tbl-mypage td:first-child[data-cell-header]:before {display:none;}
.tbl-mypage td:first-child.no {display:block;width:100% !important;}
.tbl-mypage td.subject {width:100% !important;padding-left:3%}
.tbl-mypage td.subject[data-cell-header]:before {width:23%;}
.tbl-mypage tr {border-top:1px solid #E6E6E6;padding:5px 0 10px;display:block;overflow:hidden;width:100%;}
.tbl-mypage tr:first-child {border-top:0;}
.tbl-mypage td {width:46% !important;float:left;border:0;padding:5px 5px 0 3%;text-align:left;}
.tbl-mypage td.l {padding-left:3%;}
}

@media all and (max-width:650px){

	/* 회원가입폼 */
	.login-form .login {width:100%;}
	.login-form li input.text {width:95%;padding-left:2%;padding-right:2%;}
	.login-form .btn-login {position:relative;right:auto;top:auto;background-color:#49525d;background-image:none;text-indent:0;width:100%;height:50px;}
	.login-wrap .mem-link {padding:15px 5%;text-align:center;}
	.login-wrap .mem-link p {float:none;}
	.login-wrap .mem-link .no-mem {width:100%;margin:0;}
	.login-wrap .mem-link .no-mem button {position:relative;top:auto;right:auto;margin:10px auto 0;}
	.login-form .login-link {margin-top:20px;}
	.mem-link .no-mem h4, .mem-link .no-mem p {text-align:left;}
	/* 가입완료 */
	.leave-top {padding-top:30px;}
	.leave-top .icon {margin-bottom:20px;}
	.leave-top p span {display:block;margin-top:4px}
	.mem-link.leave h4, .mem-link.leave p {display:block;margin:0 auto;width:90%}
	/* 아이디/비번찾기 */
	#member-find-wrap .find-top {padding-bottom:20px;}
	#member-find-wrap .find-top h3 {font-size:1.846em;}
	.find-box li input.text.w70p {width:70%;}
	/* 비밀번호변경 */
	.pass-top {padding:43px 0 44px 7%;}
	.pass-top .icon {right:4%}
	.pass-form {padding:25px 0;}
	.pass-form .bg-btn {display:block;margin:10px auto 0;}
	.pass-chg li label {text-align:left;width:25%;vertical-align:middle;}
	/* 마이페이지 */
	.mypage-top .icon {display:none;}
	.mypage-top .btns {top:25px;}
	.mypage-top p {width:90%;}
	.mypage-list {padding:20px 3%;}
	.mypage-list h4 span {font-size:0.65em;}
	.mypage-list .btn-more {top:18px;right:3%;}
	.tbl-mypage [data-cell-header]:before {width:23%}
	.tbl-mypage td {width:100% !important;}
	/* 회원가입 순서 */
	.member-step .mstep-wrap {padding:15% 15px;}
	.member-step li.step01 .mstep-wrap, .member-step li.step02 .mstep-wrap, .member-step li.step03 .mstep-wrap, .member-step li.step04 .mstep-wrap {background:none;}
	.member-step li.active.step01 .mstep-wrap, .member-step li.active.step02 .mstep-wrap, .member-step li.active.step03 .mstep-wrap, .member-step li.active.step04 .mstep-wrap {background:none;}
	.member-step li .tit {font-size:17px;}
	.member-step li span {font-size:12px;}
	.member-step li:after {width:7px;height:14px;right:-6px;background-size:7px auto;margin-top:-7px}
	.member-step li.active:after {background-size:7px auto;}
}

@media all and (max-width:600px){
	#member-find-wrap .find-top {padding-right:0}
	#member-find-wrap .find-top p {}
	#member-find-wrap .find-top .icon {display:none;}
}
@media all and (max-width:420px){
	/* 회원가입 순서 */
	.member-step .mstep-wrap {padding:10px;}
	.member-step li .tit {font-size:14px;}
	.member-step li span {font-size:11px;}
}
@media all and (max-width:480px){
	/* 회원가입폼 */
	.member-form .tbl-form td input.text.w50 {width:25% !important}
	.member-form .tbl-form td input.text.w20p, .member-form .tbl-form td input.text.w25p {width:40%;}
	.member-form .tbl-form td select.select {width:95%;margin-top:5px;}
	.mbtn-wrap .lp-btn {padding:0 20px;min-width:110px;}
	.mbtn-wrap .lw-btn {min-width:110px;}
	/* 본인인증 */
	.ipin-list {padding:0;width:97%;margin:0 auto;}
	.ipin-list .ipin-cont {float:none;width:100%}
	.ipin-list .ipin-cont:first-child {float:none;width:100%;border-right:0;border-bottom:1px solid #ddd;margin-bottom:20px;}
	.ipin-list .ipin-cont .icon {display:inline-block;vertical-align:top;margin:0}
	.ipin-list .ipin-cont button, .ipin-list .ipin-cont .nsv-txt {margin:5px 20px;}
	.ipin-list .ipin-cont .nsv-txt {display:inline-block;width:53%;text-align:left;}

	/* 아이디/비번찾기 */
	#member-find-wrap .find-top .icon {display:none;}
	#member-find-wrap .find-top p {width:100%;}
	.find-box li input.text.w70p {width:65%;}
	/* 비밀번호변경 */
	.pass-top {padding:25px 0 25px 5%;}
	.pass-top .pw-tit {font-size:24px;margin-bottom:10px}
	.pass-top .icon {display:none;}
	.pass-top .pw-txt {width:95%;font-size:14px}
	.pass-chg {margin:20px auto 30px auto;}
	.pass-chg li label {width:30%;letter-spacing:-0.02em;font-size:14px;}
	.pass-form label, .pass-chg label {font-size:15px;}
	.mbtn-wrap .lw-btn {min-width:70px;}
	/* 마이페이지 */
	.mypage-top {padding-bottom:20px;}
	.mypage-top h3 {margin-bottom:20px;}
	.mypage-list h4 {margin-bottom:5px;}
	.mypage-list h4 span {display:block;padding:5px 0 0 0;}
	.mypage-top .btns {position:relative;top:auto;right:auto;text-align:center;margin-top:10px;}
	.tbl-mypage [data-cell-header]:before {width:30%}
	.tbl-mypage td.subject[data-cell-header]:before {width:30%;}
}

@media all and (max-width:320px){
	.pass-chg {width:90%;padding:0 5%;}
	.pass-chg li {height:auto;}
	.pass-chg li label {width:100%;}
	.pass-form .text, .pass-chg .text {width:95%;margin:0;}
	.pass-chg .bg-btn {position:relative;margin-left:0;right:initial;left:initial;bottom:initial;top:initial;}
}