@charset "utf-8";
/* member ========== */
/* 공통 */
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea {-webkit-appearance:none;border-radius:0}
.mbtn-wrap {margin:40px 0;text-align:center;}
.mbtn-wrap button {vertical-align:baseline;}
.mbtn-wrap button.lw-btn {background:#f5f5f5;}
*.no-data {display:block;font-size:1.154em;text-align:center;background:url(/_Img/Common/ico_nodata.png) no-repeat 50% 13px;padding:103px 0 20px;}
input.text.readonly {border:0;}

/* 로그인 */
.login-wrap {color:#555;}
.login-wrap .login-tit {font-size:15px;color:#777;text-align:center;margin-right:3%;margin-bottom:30px;}
.login-wrap .login-tit .tit {display:inline-block;font-size:50px;text-transform:uppercase;font-weight:600;color:#444;letter-spacing:-0.05em;line-height:1;margin-right:30px;}
.login-wrap .login-tit p {display:inline-block;margin-top:16px;letter-spacing:-0.03em;line-height:1.600em;text-align:left;font-size:14px;color:#555;}
.login-wrap .login-cont {padding:40px 150px;border:1px solid #ddd;background:#fafafa;}
.login-wrap .login-cont p {letter-spacing:-1px;}
.login-wrap .login-cont label {padding-left:8px;vertical-align:middle;}
.blind.placeholder_text {width:auto;height:auto;overflow:visible;top:50%;left:10px;text-indent:0;line-height:1.6;margin-top:-10px;color:#767676;font-size:14px;}
.login-wrap .login-cont .frm-wrap {position:relative;width:100%;}
.login-wrap .login-cont .frm-wrap .frm {border-bottom:1px solid #ddd;margin-bottom:10px;}
.login-wrap .login-cont .frm .login-frm {position:relative;display:block;width:83%;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.login-wrap .login-cont .frm .login-frm input.text {border:0;width:100%;height:49px;line-height:49px;background:#fff;font-size:14px;color:#777;padding:0 10px;margin:0;}
.login-wrap .login-cont .frm-wrap .btn-login {position:absolute;top:0;right:0;width:110px;height:101px;font-size:18px;font-weight:bold;border:0;background:#1c5a96;color:#fff;border-left:1px solid #ddd;cursor:pointer;}
.login-wrap .login-cont .member-link {margin-top:25px;border:1px solid #ddd;width:99.9%;height:46px;text-align:center;overflow:hidden;background:#fff;}
.login-wrap .login-cont .member-link a {float:left;padding:13px 0;width:50%;}
.login-wrap .login-cont .member-link a:hover span, .login-wrap .login-cont .member-link a:focus span, .login-wrap .login-cont .member-link a:active span {text-decoration:underline;color:#333;}
.login-wrap .login-cont .member-link a:first-child {border-right:1px solid #ddd;width:49%;}
.login-wrap .login-cont .member-link a span {padding:7px 0;color:#777;font-weight:bold;letter-spacing:-0.03em;font-size:13px;}
.login-wrap .login-cont .member-link a span:before {content:"";display:inline-block;vertical-align:top;width:23px;height:18px;background:url(/_Img/Member/member_sprite.png) no-repeat -24px 0;margin-right:9px;margin-top:4px;}
.login-wrap .login-cont .member-link a:first-child span:before {content:"";width:23px;height:18px;margin-right:20px;background-position:0 0;}
.login-wrap .login-cont p {position:relative;font-size:13px;color:#777;margin-top:15px;padding-left:22px;}
.login-wrap .login-cont p:before {position:absolute;top:0;left:0;content:"";display:block;width:16px;height:17px;background:url(/_Img/Member/member_sprite.png) no-repeat -52px 2px;margin-right:5px;padding-bottom:2px;}
.newmemagree-wr {position:relative;padding-right:200px}
.newmemagree-wr a {position:absolute;top:0;right:0;}

/* 회원가입 - 약관동의 */
.m-agree, .m-agree {position:relative;overflow:hidden;}
.m-agree .m-agree-box {clear:both;border:1px solid #666;background:#fff;padding:25px;height:200px;overflow-y:auto;margin-bottom:15px;}
.m-agree label {font-size:14px;color:#333;vertical-align:middle;}
.m-agree-all {border:1px solid #ddd;background:#f7f7f7;text-align:center;margin:60px 0 50px;padding:23px 0;font-size:15px;color:#333;}
.m-agree span.cred {font-size:13px;font-weight:bold;float:right;}


/* 회원정보입력 */
.m-form {margin-top:20px;}
.m-form .info-box02 {margin-bottom:5px}
.m-form .info-box02 li {font-size:12px;color:#666}
.m-form .info-box02 li:first-child {font-size:14px;}
.m-form .join-frm {clear:both;width:100%;border-top:2px solid #1c5a96;border-bottom:1px solid #ddd;}
.m-form .join-frm li {border-top:1px solid #c7d3d3;background:#fcfdfe;overflow:hidden;}
.m-form .join-frm li:first-child {border-top:0;}
.m-form .join-frm li .plbl, .m-form .join-frm li .ptxt {float:left;padding:9px 0 7px;min-height:27px;line-height:24px;}
.m-form .join-frm li .plbl {width:170px;font-weight:bold;color:#1c5a96;padding-left:40px;}
.m-form .join-frm li .plbl .lbl {position:relative;}
.m-form .join-frm li .plbl .lbl.required:before {content:"";text-indent:-9999px;display:inline-block;vertical-align:middle;width:9px;height:9px;overflow:hidden;background:url(/_Img/Member/member_sprite.png) no-repeat -77px -4px;margin-top:-4px;margin-right:5px;}
.m-form .join-frm li .ptxt {background:#fff;width:525px;padding-left:24px;border-left:1px solid #c7d3d3;}
.m-form .join-frm li .ptxt label {margin:0 3px;vertical-align:middle;}
.m-form .join-frm li .ptxt .info-ex02 {display:block;}
.m-form .join-frm li input.text {display:inline-block;padding:0 5px;margin:0;height:28px;background:#f8f8f8;border-style:solid;border-width:1px;border-color:#cbcbcb #e4e4e4 #e4e4e4 #cbcbcb}
.m-form .join-frm li .ptxt .pw-info-str {text-align:left;padding:0;font-size:12px;}
.m-form .join-frm li input.text.readonly {background:none;}
.m-form .join-frm li select {height:30px;min-width:60px;}
.m-form .join-frm li .zipcode {display:block;padding-bottom:3px;}
.m-form .join-frm li textarea.textarea {background:#f8f8f8;border-style:solid;border-width:1px;border-color:#cbcbcb #e4e4e4 #e4e4e4 #cbcbcb;min-height:100px;}
.m-form .nec {display:inline-block;width:9px;height:9px;overflow:hidden;background:url(/_Img/Member/member_sprite.png) no-repeat -77px -4px;margin-right:3px;}

/* 회원정보수정 */
.m-form .info-box.mem {padding:40px 20px 40px 145px;font-size:16px;font-weight:bold;letter-spacing:-0.03em;color:#444;margin-bottom:40px;}
.m-form .info-box.mem:after {background:url(/_Img/Member/member_sprite.png) no-repeat :-292px 0}
/* 가입완료 */
.join-result {background:url(/_Img/Content/line_box_bg.gif) repeat 0 0;text-align:center;padding:3px}
.join-result .result-box {background:#fff;}
.join-result .result-tit {padding:45px 0 30px;font-size:14px;color:#666;}
.join-result .result-tit:before {content:"";display:block;margin:0 auto 30px;width:153px;height:105px;background:url(/_Img/Member/member_sprite.png) no-repeat 0 -108px}
.join-result .result-tit .tit {font-size:17px;color:#01a09b;margin-bottom:18px;font-weight:bold;}
.join-result .result-btns {padding:30px 0 50px;border-top:2px solid #ddd;width:80%;margin:0 auto;}
.join-result .result-btns .bp-btn, .join-result .result-btns .bg-btn {height:50px;margin:0 10px} 
.join-result .result-btns .bp-btn span, .join-result .result-btns .bg-btn span {padding:18px 19px;}

/* 회원탈퇴 */
.m-form ul {font-size:14px;color:#444;line-height:22px;}
.m-form .notice {font-weight:bold;color:#ed3b3b;}
.m-form .join-frm.leave li .plbl {width:148px;padding-left:0;text-align:center;}
.m-form .join-frm.leave li .ptxt {width:587px;}
.m-form.leave .info-box02 li:first-child, .m-form.leave .info-box02 li {font-size:13px;}

/* 아이디/비번찾기 */
.mem-find-wrap .info-box .tit {font-size:17px;font-weight:bold;color:#444;letter-spacing:-0.03em;}
.mem-find-wrap .info-box .txt {font-size:13px;color:#666;letter-spacing:-0.03em;margin:5px 0 15px;}
.mem-find-wrap .info-box .info {position:relative;font-size:13px;color:#777;padding-left:22px;}
.mem-find-wrap .info-box .info:before {position:absolute;top:4px;left:0;content:"";display:block;width:16px;height:17px;background:url(/_Img/Member/member_sprite.png) no-repeat -52px 0;margin-right:5px;}
.mem-find-wrap .info-box:after {background:url(/_Img/Member/member_sprite.png) no-repeat -100px 0;width:80px;height:80px;}

.find-box {border:1px solid #ddd;overflow:hidden;margin-top:30px;}
.find-box > div {position:relative;float:left;border-left:1px dashed #ddd;width:39.8%;padding:30px 5%;min-height:295px;}
.idpw-search-type {margin-bottom:27px;}
.find-box .find-id {width:40%;border-left:0;}
.find-box h4 {color:#222;font-size:22px;padding-bottom:20px;}
.find-box h4:before {display:block;content:"";background:#0E519F;width:24px;height:3px;margin:0 0 12px 2px;}
.find-box li {margin:5px 0;}
.find-box .find-cont label {display:inline-block;width:80px;font-size:14px;font-weight:bold;color:#333;}
.find-box input.text {height:25px;background:#f8f8f8;border-width:1px;border-style:solid;border-color:#cbcbcb #e4e4e4 #e4e4e4 #cbcbcb;padding:0 5px;min-width:200px;}
.find-box button {position:absolute;bottom:30px;left:50%;margin-left:-73px;width:146px;height:45px;}

/* 비밀번호 재확인 및 변경 */
.member-box {border-top:2px solid #1c5a96;border-bottom:1px solid #ddd;}
.member-box .pass-top {position:relative;border-bottom:1px solid #ddd;padding:30px 44px 30px 40px;}
.member-box .pass-top .tit {font-size:25px;color:#222;line-height:1;margin-bottom:19px;}
.member-box .pass-top .stit {display:block;font-size:15px;color:#555;margin:0 0 7px 2px;}
.member-box .pass-top p {font-size:14px;color:#444;}
.member-box .pass-top ul {width:80%;}
.member-box .pass-top ul li {font-size:13px;}
.member-box .pass-top:after {content:"";display:block;width:107px;height:88px;background:url(/_Img/Member/member_sprite.png) no-repeat -265px -124px;position:absolute;top:50%;right:44px;margin-top:-44px;}
.member-box .pass-form {padding:70px 0;text-align:center;}
.member-box label {font-size:15px;color:#333;font-weight:bold;margin-right:10px;}
.member-box input.text {border-color:#ccc;background:#f8f8f8;width:348px;height:38px;line-height:38px;padding:0 5px;}
.member-box .bg-btn {background:#48525e;font-size:16px;font-weight:normal;}
.member-box .pass-form button {width:100px;height:40px;margin-left:11px;}
.member-box .pass-chg {position:relative;width:81%;margin:37px auto;}
.member-box .pass-chg li {margin:8px 0;}
.member-box .pass-chg li label {display:inline-block;width:120px;vertical-align:middle;}
.member-box .pass-chg button {width:100px;height:140px;position:absolute;top:1px;right:0;}
.member-box.re .pass-top {padding-bottom:25px}
.member-box.re .pass-chg {width:66%;} /* 비밀번호변경 3개월주기 */
.member-box.re .pass-top:after {background-position:-184px 0;margin-top:-50px;}
.member-box .pass-top.chkpw:after {background-position:-156px -124px;margin-top:-50px;}
.member-box .info-box02 {margin-top:30px} 

/* 마이페이지 */
.mypage-top {position:relative;background:#f9f9f9;padding:40px 36px 40px 228px;}
.mypage-top:before {content:"";display:block;width:125px;height:90px;background:url(/_Img/Member/member_sprite.png) no-repeat -124px 0;position:absolute;top:71px;left:57px;}
.mypage-top .tit {font-size:36px;color:#178290;letter-spacing:-0.05em;line-height:1;margin-top:5px;}
.mypage-top .stit {font-size:18px;font-weight:bold;color:#333;margin:30px 0 15px;}
.mypage-top .stit span {font-size:20px;color:#0a7886;padding-right:8px;}
.mypage-top .txt {font-size:14px;line-height:18px;}
.mypage-top .sbtn-wrap {position:absolute;top:50px;left:399px}
.mypage-top .sbtn-wrap a span {font-weight:bold;padding:14px 20px;}
.mypage-top .sbtn-wrap a.cw-btn {height:38px;}
.mypage-top .sbtn-wrap a.cg-btn {background-color:#48525e;margin-left:5px;height:40px;}
.mypage-top .sbtn-wrap a.cg-btn span {color:#fff;}
.mypage-list {position:relative;border-top:1px solid #ddd;padding:30px 35px 40px;font-weight:bold;}
.mypage-list .tit {font-size:20px;color:#333;display:inline-block;margin:0 10px 20px 0;}
.mypage-list p {display:inline-block;}
table.tbl-mypage {border-top:2px solid #13a1b5;width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;}
table.tbl-mypage th, table.tbl-mypage td {word-wrap:break-word;padding:14px 5px;border-width:0 0 1px 1px;border-style:solid;border-color:#dadfe4;color:#555;}
table.tbl-mypage thead th {background:#f8fbfb;border-left:1px solid #dadfe4;border-bottom:1px solid #bac2ca;color:#008987;padding:15px 5px 14px;}
table.tbl-mypage th:first-child, table.tbl-mypage td:first-child {border-left:0;}
table.tbl-mypage th {color:#008987;}
table.tbl-mypage td a {display:block;width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
table.tbl-mypage tr:hover th, table.tbl-mypage tr:hover td {background-color:#f8f8f8;}
table.tbl-mypage tr:hover td a, table.tbl-mypage tr:hover td button {color:#008987;text-decoration:underline;}
table.tbl-mypage .l{padding-left:30px;}
table.tbl-mypage td.no-data{display:table-cell;padding:126px 0 40px;background-position:50% 36px;font-size:1em;}
table.tbl-mypage button {border:0;background:none;font-size:14px;color:#555}
.mypage-list a.btn-more {position:absolute;top:28px;right:35px;border:1px solid #ddd;width:28px;height:26px;}
.mypage-list a.btn-more:after {background:url(/_Img/Member/member_sprite.png) no-repeat -249px -50px;content:"";display:block;position:absolute;top:0;left:0;z-index:100;width:28px;height:26px;transition: all 0.5s ease-in-out 0s;}
.mypage-list a.btn-more:hover:after {transition: all 0.5s ease-in-out 0s;transform:rotate(405deg)}

/* 회원정보 이관 */
.newmem-wrap .tit {font-size:18px;color:#555;letter-spacing:-0.03em;line-height:34px;text-align:center;}
.newmem-wrap .newmem-step {text-align:center;margin:45px 0 30px}
.newmem-wrap .newmem-step li {position:relative;display:inline-block;vertical-align:top;width:228px;height:62px;border:1px solid #0E519F;border-radius:30px;margin:0 14px;font-size:15px;font-weight:bold;color:#0E519F;}
.newmem-wrap .newmem-step li.last {background:#0E519F url(/_Img/Common/bg/c_patten01.png) repeat;color:#fff;}
.newmem-wrap .newmem-step li:before {position:absolute;top:50%;left:-35px;margin-top:-6px;content:"";display:block;width:35px;height:12px;background:url(/kr/_Img/Content/app_step_arr.gif) no-repeat 0 0;z-index:-1}
.newmem-wrap .newmem-step li:first-child:before {display:none;}
.newmem-wrap .newmem-step li .num {display:block;text-align:center;margin-top:8px;margin-bottom:3px;}

.newmem-wrap .line-box .inner {padding-left:45px;text-align:center;line-height:25px;letter-spacing:-0.03em;}
.newmem-wrap .line-box .inner .stit {font-weight:bold;margin-top:30px;}
.newmem-wrap .line-box .inner:before {display:none;}
.newmem-wrap .btn-wrap .ldp-btn {background:#0491d9;}
