@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:"Noto Sans KR"}

.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 #member-box {position:relative}
.login-wrap {background:#eaeff3;padding:50px}
.login-top {position:absolute;top:0;left:0;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 .tit {font-size:2.769em;color:#1965c4;margin-bottom:20px;font-weight:700;width:310px;height:110px;background:url(/resources/_Img/Common/member_spr.png) no-repeat}
.login-top .txt {font-size:1.294em;color:#1e3046}
.login-top .txt .ef {display:block;color:#6b7889;font-size:0.727em}
.login-form {margin-left:490px;position:relative;}
.login-form .login {overflow:hidden}
.login-form .login li {margin-bottom:10px;position:relative;vertical-align:top;padding-left:140px}
.login-form label {font-family:"univia-pro", "Noto Sans KR",sans-serif;font-size:1.059em;color:#000;position:absolute;top:15px;left:0;}
.login-form li input.text {border:0;background:#fff;width:100%;height:55px;line-height:55px;font-size:1.059em;border-radius:999px;box-sizing:border-box;color:#000;padding:0 30px}
.login-form li input::placeholder{color:#68727b}
.login-form .btn-wr {margin-left:140px}
.login-form .btn-login {display:block;border:0;width:100%;font-size:1em;margin-bottom:10px}
.login-form .btn-login span {display:block;background:#0854ac;border-radius:999px;color:#fff;font-weight:600;font-family:"univia-pro", "Noto Sans KR",sans-serif;font-size:1.059em;letter-spacing:.2em;line-height:55px;text-transform:uppercase;}
.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 {margin-left:490px;padding-left:140px;overflow:hidden;position:relative}
.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;font-size:15px;position:relative;padding-left:15px;margin-right:10px}
.mem-link a:before {display:block;content:"";width:8px;height:8px;border-radius:50%;background:#7788a2;position:absolute;top:0;left:0;bottom:0;margin:auto}
.mem-link a:hover, .mem-link a:focus {text-decoration:underline}
.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;}
.member-info {background:url(/resources/_Img/Common/dept/bg_ptrn.gif);padding:10px;margin-top:50px;position:relative}
.member-info ul {background:#fff;padding:23px 10px 27px 170px;position:relative}
.member-info ul li {padding-left:25px;position:relative;margin-bottom:3px}
.member-info ul li:before {display:block;content:"";width:8px;height:2px;background:#0854ac;position:absolute;top:12px;left:0}
.member-info ul li .tit {color:#0a2d4f}
.member-info ul li .tit:after {display:inline-block;content:":";margin:0 3px}
.member-info .ico {display:block;width:90px;background:#93a5bd;border-radius:50%;position:absolute;top:35px;left:60px;z-index:1}
.member-info .ico:before {display:block;content:"";width:100%;padding-top:100%;background:url(/resources/_Img/Common/member_spr.png) no-repeat 0 -119px}
@media all and (max-width:1200px){
	.login-top {width:38%}
	.login-form {margin-left:40%}
	.mem-link {margin-left:40%}
}
@media all and (max-width:999px){
	.login-wrap #member-box {max-width:600px;margin:0 auto}
	.login-top {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 30px;width:100%;text-align:center;}
	.login-top .tit {display:inline-block;width:248px;height:88px;background-size:248px auto;margin:0 0 15px 30px}
	.login-form {margin-left:0}
	.login-form .login li {padding-left:0}
	.login-form label {left:20px}
	.login-form li input.text {border-radius:5px;padding-left:140px}
	.login-form .btn-wr {margin-left:0}
	.login-form .btn-login span {border-radius:5px}
	.mem-link {margin-left:0;padding-left:0}
	.member-info ul {padding-left:120px}
	.member-info ul li {padding-left:15px}
	.member-info .ico {width:72px;left:35px}
	.member-info .ico:before {background-size:248px auto;background-position:0 -96px}
}
@media all and (max-width:768px){
	.login-top .tit {width:186px;height:66px;background-size:186px auto}
}
@media all and (max-width:600px){
	.login-wrap {padding:50px 30px 30px}
	.login-top .tit {width:155px;height:55px;background-size:155px auto}
	.login-form label {font-size:1em;top:17px}
	.login-form li input.text {padding-left:110px}
	.member-info {padding:5px}
	.member-info ul {padding:110px 20px 20px}
	.member-info ul li {padding-left:10px;font-size:.9em}
	.member-info ul li:before {width:5px}
	.member-info ul li .tit {display:block;font-weight:500}
	.member-info ul li .tit:after {display:none}
	.member-info .ico {left:0;right:0;top:25px;margin:auto}
}
@media all and (max-width:400px){
	.login-wrap {padding:50px 20px 20px}
	.login-top .tit {width:124px;height:44px;background-size:124px auto;font-size:2em;margin-bottom:0}
	.login-top .txt {font-size:1.1em}
	.login-top .txt span {font-size:.9em}
	.login-form label {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0}
	.login-form li input.text {padding:0 15px}
}

/* 공통 */
.member-c-box {border-top:3px solid #223c55;padding:57px 0;position:relative}
.member-c-box:after {display:block;content:"";width:100%;height:3px;background:url(/resources/_Img/Common/dept/bg_ptrn.gif) repeat-x;position:absolute;bottom:0;left:0;}
.member-c-box .mb-box {padding:0 40px}
.member-c-box .mb-box .tit {font-size:1.765em;font-weight:500;color:#000;margin-bottom:12px}
.member-c-box .mb-box .txt {font-size:1.118em;color:#3d4b56;margin-bottom:23px}
.member-c-box .mb-box .txt span {display:block}
.member-c-box .mb-box .txt em {color:#c31a21;font-style:normal}
.member-c-box .mb-box li {font-size:1.059em;position:relative;padding-left:80px;margin-bottom:10px}
.member-c-box .mb-box label {width:70px;font-weight:300;font-family:"univia-pro", "Noto Sans KR",sans-serif;color:#333;text-align:left;position:absolute;top:15px;left:0;}
.member-c-box .mb-box input.text {border-radius:999px;background:#eaeff3;border:0;font-size:1em;height:55px;width:100%;padding:0 30px;box-sizing:border-box;}
.member-c-box .mb-box .bdp-btn {width:100%;border-radius:999px;margin-top:37px}
@media all and (max-width:999px){
	.member-c-box {padding:35px 0}
	.member-c-box .mb-box {padding:0 30px}
	.member-c-box .mb-box .tit {font-size:1.5em}
	.member-c-box .mb-box .txt {font-size:1em}
}
@media all and (max-width:600px){
	.member-c-box {padding:25px 0}
	.member-c-box .mb-box {padding:0 10px}
	.member-c-box .mb-box .tit {font-size:1.3em}
	.member-c-box .mb-box li {font-size:1em;padding-left:65px}
	.member-c-box .mb-box label {top:12px}
	.member-c-box .mb-box input.text {height:45px;padding:0 20px;border-radius:5px}
	.member-c-box .mb-box .bdp-btn {margin-top:15px;border-radius:5px}
}
@media all and (max-width:400px){
	.member-c-box .mb-box li {padding-left:0}
	.member-c-box .mb-box label {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;}
}

/* 회원가입 순서 */
.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;}
#member-box.ipin .mb-box {text-align:center}
#member-box.ipin .ipin-list {overflow:hidden}
#member-box.ipin .ipin-list .icon {width:110px;background:#eaeff3;border-radius:50%;display:block;margin:26px auto 29px}
#member-box.ipin .ipin-list .icon:before {display:block;content:"";width:100%;padding-top:100%;background:url(/resources/_Img/Common/member_spr.png) no-repeat -92px -119px}
#member-box.ipin .ipin-list .btn-ipin {width:100%;max-width:510px;display:block;margin:0 auto;border-radius:999px;font-size:1.059em}

/* 회원정보입력 */
.member-form {overflow:hidden;letter-spacing:-1px;font-family:"Noto Sans KR"}
.member-form .nec-info {margin-top:37px}
.member-form .tbl-form {table-layout:auto;position:relative;border-top:2px solid #000;border-bottom:1px solid #ccc;font-size:1rem;font-weight:400;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both}
.member-form .tbl-form th {width:150px;font-weight:500;color:#333;background:#e7edf4;border-bottom:1px solid #d0d9e2;text-align:center;padding:15px 5px}
.member-form .tbl-form th .nec {font-size:14px;color:#c31a21;display:inline-block;vertical-align:middle;margin-left:2px}
.member-form .tbl-form td {padding:15px 10px;border-bottom:1px solid #d0d9e2;/* font-size:0 */}
.member-form .tbl-form td input::-webkit-input-placeholder {color:#68727b}
.member-form .tbl-form td input:-moz-placeholder {color:#68727b}
.member-form .tbl-form td input::-moz-placeholder {color:#68727b}
.member-form .tbl-form td input:-ms-input-placeholder {color:#68727b}
.member-form .tbl-form td .ftxt {display:inline-block;max-width:8%;text-align:center;font-size:1rem}
.member-form .tbl-form td .select {font-size:1rem;display:inline-block;height:40px;width:30%;margin:1px;box-sizing:border-box;padding-right:45px}
.member-form .tbl-form td button {display:inline-block;margin:1px}
.member-form .tbl-form td input.txt {background:#fff;font-size:1rem;display:inline-block;height:40px;box-sizing:border-box;padding:0 15px}
.member-form .tbl-form td input[readonly] {background:#f0f0f0}
.member-form .tbl-form td input[readonly]::-webkit-input-placeholder {color:#767676}
.member-form .tbl-form td input[readonly]:-moz-placeholder {color:#767676}
.member-form .tbl-form td input[readonly]::-moz-placeholder {color:#767676}
.member-form .tbl-form td input[readonly]:-ms-input-placeholder {color:#767676}
.member-form .tbl-form td input.w30p {width:30%}

/* 회원가입완료 */
.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;}
#member-find-wrap .mb-box {overflow:hidden;clear:both;display:block;max-width:600px;margin:0 auto}
#member-find-wrap .mb-box input.bp-btn {width:100%;border-radius:999px}

/* 비밀번호 재확인 및 변경 */
.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%;}
	/* 공통 */
	.achk-wrap, .mbtn-wrap {margin-top:25px;}
	/* 회원가입 단계별 이미지 */
	.join-step img {display:none;}

	/* 회원가입폼 */
	.member-form .tbl-form td .select {width:30%;background-size:30px auto;padding-right:30px}
	.member-form .tbl-form td .ftxt {font-size:14px;margin:2px}
	/* 회원가입완료 */
	.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}
	.member-form h3 {margin-bottom:15px}
	.member-form .nec-info {margin:0;text-align:right}
	.member-form .tbl-form {border:1px solid #d0d9e2;border-top:2px solid #000;border-bottom:0}
	.member-form .tbl-form tr {overflow:hidden;display:block;}
	.member-form .tbl-form th, .member-form .tbl-form td {background:#fff;display:block;width:100%;box-sizing:border-box;float:left;}
	.member-form .tbl-form th {border:0;text-align:left;padding:3% 2% 0.5%}
	.member-form .tbl-form td {position:relative;padding:0.5% 2% 3%}
	.member-form .tbl-form td input[type=text], .member-form .tbl-form td input[type=password] {width:100%;border:0;background:#f0f0f0;margin:2px 0}
	.member-form .tbl-form td .select {margin:2px 0;width:30%}
	.member-form .tbl-form td button {margin:2px 0}
	.member-form .tbl-form td input.txt {margin:2px 0}
	.member-form .tbl-form td input.txt.w30p {width:45%;}
	.member-form .tbl-form td input.txt.w40p {width:40%;}
	.member-form .tbl-form td textarea {background:#f0f0f0;border:0;}
	.member-form .tbl-form td .inwr {display:inline-block;width:68%;background:#f0f0f0;font-size:0;margin:2px 0}
	.member-form .tbl-form td .inwr input.txt {margin:0}
	.member-form .tbl-form td .ftxt {width:5%}
	/* 아이디/비번찾기 */
	.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){
	.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-box.ipin .ipin-list .icon {width:88px;margin:0 auto 30px}
	#member-box.ipin .ipin-list .icon:before {background-size:248px auto;background-position:-74px -96px}
	#member-box.ipin .ipin-list .btn-ipin {width:auto;padding:0 25px;border-radius:5px}
	#member-find-wrap .find-top {padding-right:0}
	#member-find-wrap .find-top .icon {display:none;}
	/* 회원가입폼 */
	.member-form .tbl-form td input.txt {margin:2px 0;height:36px;padding:0 10px}
	.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:100%;margin:2px 0;height:36px}
	.member-form .tbl-form td .inwr {width:100%}
	.mbtn-wrap .lp-btn {padding:0 20px;min-width:110px;}
	.mbtn-wrap .lw-btn {min-width:110px;}
}
@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-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;}
}