@charset "utf-8";
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea {-webkit-appearance:none;border-radius:0}

/*로그인*/
#login-wrap {color:#555; border:1px solid #ddd;  position:relative; padding:40px 0 40px 255px;}
#login-wrap:after{position:absolute; left:0; top:0; width:255px; height:100%; background:url(/cmmImg/Member/login-ico.jpg) no-repeat center center; display:block; content:""; z-index:-1}
#login-wrap .login-btxt{position:absolute; left:0 ; top:82px; width:255px; height:30px; text-align:center;font-weight:bold; color:#333; font-size:38px;}
#login-wrap .login-stxt{ font-size:14px; letter-spacing:-0.03em; padding-bottom:20px;}
#login-wrap .login-form{display:block; position:relative;}
#login-wrap .login-form .login {padding-right:170px;}
#login-wrap .login-form .login li{border:1px solid #ddd}
#login-wrap .login-form .login li:first-child {border-bottom:0;}
#login-wrap .login-form .login input.text{border:0;width:100%;height:49px;line-height:49px;background:#f7f7f7;font-size:14px;color:#555;margin:0;padding:0;text-indent:20px;}
#login-wrap .login-form  .btn-login{ right:70px; top:0;background:#175aaf ; color:#fff; font-weight:600; font-size:16px; letter-spacing:-0.03em; text-align:center; width:101px; height:101px; border:none; position:absolute;  }
#login-wrap .login-form  .btn-login:before{background:url(/cmmImg/Member/login-btn.png) no-repeat center 0; width:28px; height:22px; position:absolute; left:50%;margin-left:-14px; top:28px; display:block; content:""}
#login-wrap .login-form  .btn-login span{padding-top:29px;display:block;vertical-align:top;line-height:110%}
#login-wrap .login-save{ padding:15px 0 25px 0}
#login-wrap .login-save input[type=checkbox]{ width:14px; height:14px;display:inline-block;vertical-align:middle}
#login-wrap .login-save label{display:inline-block;font-size:14px; margin-left:5px; vertical-align:middle;letter-spacing:-0.03em;}
#login-wrap .login-link{overflow:hidden;padding-right:170px;}
#login-wrap .login-link li{float:left; width:50%;height:52px;}
#login-wrap .login-link li a{display:block; position:relative; border:1px solid #ddd; line-height:48px;text-align:center; font-size:14px; color:#555;;letter-spacing:-0.03em;}
#login-wrap .login-link li a span{display:inline-block; vertical-align:middle; line-height:48px;letter-spacing:-0.03em; font-weight:600}
#login-wrap .login-link li:first-child a{border-right:0;}
#login-wrap .login-link li a:before{ width:20px; height:20px; display:inline-block; margin-right:10px; content:"";background:url(/cmmImg/Member/login-link.png) no-repeat -21px 0;vertical-align:middle}
#login-wrap .login-link li:first-child a:before{ background:url(/cmmImg/Member/login-link.png) no-repeat ;}


/*로그인 ------유바외과 */
.login-uva{ background:#f7f7f7;border:1px solid #d8dbe2; padding:86px 56px;overflow:hidden}
.login-uva .l, .login-uva .r{ position:relative; width:50%; min-height:332px;text-align:left;}
.login-uva .l{float:left;}
.login-uva .r{float:right; }
.login-uva .r:after{display:block; content:""; width:0; height:100%; position:absolute;left:0; top:0; border-left:1px dotted #777a80}
.login-uva h3{ height:62px; font-weight:300; line-height:140%;  font-size:32px; text-align:center; color:#3c434c}
.login-uva h3 span{ color:#f65b3f;}
.login-uva .login{ padding:18px 0;}
.login-uva .login li{margin-bottom:8px;padding-right:190px;}
.login-uva .login li.last{padding-right:0; padding-left:116px;text-align:left;}
.login-uva .login li.last label{padding-left:5px; font-weight:normal;width:auto;}
.login-uva .login label{ display:inline-block; line-height:31px; font-size:14px; font-weight:600; padding-left:44px; color:#3b3b50; letter-spacing:-0.03em; width:72px;}
.login-uva .login input[type=text]{ background:#f7f7f7;width:220px;}
.login-uva .login input[type=password]{ background:#f7f7f7;width:220px;}
.login-uva .login-btn{ width:88px; height:73px; line-height:73px;text-align:center;border:none; background:#f65b3e; position:absolute; right:90px; top:80px;}
.login-uva .login-btn span{ display:block;color:#fff; font-weight:600; font-size:16px;letter-spacing:-0.04em;}

.login-uva .find{ padding:18px 0;text-align:left}
.login-uva .find.id{margin-left:30px}
.login-uva .find.id li{margin-bottom:8px;padding-right:160px;}
.login-uva .find li{margin-bottom:8px;padding-right:190px;}
.login-uva .find li.last{padding-right:0; padding-left:116px;text-align:left;}
.login-uva .find li.last label{padding-left:5px; font-weight:normal;width:auto;}
.login-uva .find label{ display:inline-block; line-height:31px; font-size:14px; font-weight:600; padding-left:44px; color:#3b3b50; letter-spacing:-0.03em; width:82px;}
.login-uva .find input[type=text],.login-uva .find select{ background:#f7f7f7;display:inline-block}
.login-uva .find select{ height:32px;margin-left:0}
.login-uva .find-btn{ width:88px; height:73px; line-height:73px;text-align:center;border:none; background:#f65b3e; position:absolute; right:90px; top:80px;}
.login-uva .find-btn.id{ height:113px; line-height:113px; }
.login-uva .find-btn.pass{ height:155px; line-height:155px; right:60px}

.login-uva .find-btn span{ display:block;color:#fff; font-weight:600; font-size:16px;letter-spacing:-0.04em;}

.login-uva .other{padding-top:50px; padding-left:30px;}
.login-uva .other li{ color:#767683; font-size:14px;margin-bottom:6px;}
.login-uva .other li a{display:inline-block;vertical-align:middle;margin-left:5px;}
.login-uva .other li a span{display:inline-block;color:#f65b3e;border-bottom:1px solid #f65b3e;}

.login-uva .r .stxt{ font-size:14px; color:#3d434c; line-height:150%;text-align:left;padding-left:64px; padding-top:5px;}
.login-uva .sns {padding-left:64px;text-align:left; padding-top:48px;}
.login-uva .sns li{display:inline-block; height:73px;}
.login-uva .sns a{ width:153px; height:70px; display:block;}
.login-uva .sns a.naver{background:url(/cmmImg/Member/login-naver.jpg) no-repeat center center }
.login-uva .sns a.kakao{ background:url(/cmmImg/Member/login-kakao.jpg) no-repeat center center}
.login-uva .sns a.facebook{background:url(/cmmImg/Member/login-facebook.jpg) no-repeat center center }


/* 본인인증 */
#certify-wrap{color:#555; border:1px solid #ddd;  position:relative; }
#certify-wrap ul{overflow:hidden}
#certify-wrap li{ float:left; width:50%; position:relative; padding-top:170px; height:235px;text-align:center;transition:background .3s}
#certify-wrap li:hover{/* background:#f9f9f9 */}
#certify-wrap li:before{width:104px; display:block; content:""; height:104px; position:absolute; left:50%;margin-left:-52px; top:60px; background:url(/cmmImg/Member/certify-ico.png) no-repeat -103px  #efefef; border-radius:100%}
#certify-wrap li:first-child:before{background:url(/cmmImg/Member/certify-ico.png) no-repeat #efefef;}
#certify-wrap li:first-child:after{background:#ddd; width:1px ; height:100%; left:100%; top:0; display:block; content:""; position:absolute;}
#certify-wrap li .btxt{ display:block; font-weight:600; color:#333; font-size:16px; letter-spacing:-0.03em; padding:15px 0}
#certify-wrap li .stxt{display:block; line-height:150%; font-size:14px; color:#666}
#certify-wrap li:first-child .certify-btn{background:#175aaf;}
#certify-wrap .certify-btn{background:#333333; width:170px; line-height:45px; font-weight:600; color:#fff; font-size:15px; display:inline-block;margin:25px 0}
.info-ex.certify-info{margin-top:10px;letter-spacing:-0.03em;}


/*회원가입절차*/
#join-step{position:relative;}
#join-step ul{overflow:hidden;position:relative;border:1px solid #ddd}
#join-step li{ float:left;overflow:hidden;position:relative;text-align:center;}
#join-step li div{ position:relative;display:inline-block; height:70px;vertical-align:top;text-align:left;}
#join-step li div.ico{text-align:center; width:40px; margin-right:15px;}
#join-step li .btxt{ font-size:15px; color:#444; font-weight:600}
#join-step li .stxt{ font-size:14px; font-weight:300; text-transform:uppercase;color:#777; padding-top:15px;}
#join-step li .btxt, #join-step li .stxt{display:block;}
#join-step li:first-child:after{display:none;}
#join-step li:after{background: #ddd; width:1px;height:100%; position:absolute; left:0; top:0; display:block; content:"";z-index:-1}
#join-step li.over {background: url(/cmmImg/Member/step-over.png) repeat #175aaf; }
#join-step li div.ico:after{position:absolute; left:0px; width:38px; height:38px; top:50%;margin-top:-19px; display:block; content:""; background-color:#f0f0f0;background-image:url(/cmmImg/Member/step-sprite.png); background-repeat:no-repeat; border-radius:100% 100%}
#join-step li.over div.ico:after{ background-color:#fff;}
#join-step.step03 li{  width:33.3333%;}
#join-step.step04 li{  width:25%;}
#join-step.step03 li.s-01 div.ico:after{background-position:0 0}
#join-step.step03 li.s-02 div.ico:after{background-position:-76px 0 }
#join-step.step03 li.s-03 div.ico:after{background-position:-114px 0 }
#join-step.step04 li.s-01 div.ico:after{background-position:0 0}
#join-step.step04 li.s-02 div.ico:after{background-position:-38px 0 }
#join-step.step04 li.s-03 div.ico:after{background-position:-76px 0 }
#join-step.step04 li.s-04 div.ico:after{background-position:-114px 0 }
#join-step li.over .stxt{color:rgba(255,255,255,0.6)}
#join-step li.over .btxt{color:rgba(255,255,255,1)}


/* 회원가입 - 약관동의 */
.agree-box {position:relative;overflow:hidden;border:1px solid #ddd}
.agree-txt{background:#f7f7f7;padding:25px;height:200px;overflow-y:auto;}
.agree-top {line-height:150%;padding-bottom:20px}
.agree-top .btxt{ font-weight:600; font-size:16px; color:#333; letter-spacing:-0.03em;margin-bottom:5px;display:block;}
.agree-all{background:#f7f7f7; border:1px solid #ddd}
.chk-wrap, .agree-all{text-align:center; padding:15px 0}
.chk-wrap p, .agree-all p{display:inline-block; position:relative;line-height:17px; padding-left:22px;}
.chk-wrap label, .agree-all label{font-size:14px; letter-spacing:-0.03em;}
.chk-wrap input[type="checkbox"] , .agree-all input[type="checkbox"]{display:none;}
.chk-wrap input[type="checkbox"]+label:after, .agree-all input[type="checkbox"]+label:after{background: url(/cmmImg/Member/agree-check.png) no-repeat; position:absolute; width:17px; height:17px;  left:0; top:0; display:block; content:"";}
.chk-wrap input[type="checkbox"]:checked+label:after, .agree-all input[type="checkbox"]:checked+label:after{background: url(/cmmImg/Member/agree-check.png) no-repeat -17px 0;}
.chk-wrap .agree-nec{ font-weight:600; color:#e50d0d; }


.join-wrap.uva{ overflow:hidden}
.join-wrap.uva .form-left, .join-wrap.uva .form-right{width:49%}
.join-wrap.uva .form-left{ float:left; }
.join-wrap.uva .form-right{ float:right;}
.join-wrap.uva h4{font-size:15px; font-weight:600; text-align:left;margin-bottom:15px;}
.join-wrap.uva h4 span{display:inline-block; background:#f65b3e; color:#fff; padding:8px; margin-right:12px;}

/* 회원정보입력 */
.member-form {overflow:hidden;letter-spacing:-1px;}
.member-form-top .nec{background:url(/cmmImg/Board/ico_nec.png) no-repeat 0 5px; padding-left:15px}
.member-form .tbl-form {table-layout:auto;}
.member-form .tbl-form th {width:15%;}
.member-form .tbl-form td {width:85%;}
.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;}
.mbtn-wrap {margin-top:25px;}

/*회원탈퇴*/
.msg-wrap.leave-end{width:700px; height:260px; background:#f7f7f7; border:1px solid #d8dbe2; margin:0 auto ; padding:184px 0 0 0; position:relative;}
.msg-wrap.leave-end .btxt{ font-weight:300; font-size:30px; letter-spacing:-0.04em; padding-bottom:25px;}
.msg-wrap.leave-end:before{ position:absolute;background:url(/cmmImg/Member/member-sprite.png) no-repeat 0 -260px; width:130px; height:130px; display:block; content:""; left:50%;margin-left:-65px; top:55px;}
.leave-wrap{width:900px; padding:70px;}
.leave-list{overflow:hidden;padding-bottom:15px;}
.leave-list li{display:inline-block;vertical-align:top; margin-right:15px;}
.leave-text{width:98%; height:150px;}

.leave-wrap{background:#f7f7f7;  border:1px solid #d8dbe2; width:900px; margin:0 auto;color:#3d434c }
.leave-wrap h4{font-weight:300; font-size:30px; letter-spacing:-0.04em; padding-bottom:25px;text-align:center}
.leave-wrap h4 span{ color:#f65b3e}
.leave-wrap div.con{ width:470px; margin:0 auto}
.leave-wrap .stxt{line-height:140%; padding:25px 0 50px; }
.leave-wrap li{ margin-bottom:10px;}
.leave-wrap li label{display:inline-block; margin-left:10px;}
.leave-wrap ul{padding-bottom:50px}
.leave-wrap li textarea{display:block; height:100px; background:#f7f7f7; width:99.8%;margin-top:15px}

/* 폼입력 테이블 */
.tbl-form {border-top:2px solid #41454c;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}
.tbl-form th {background:#f6f6f6;padding:5px 10px 4px 20px;/* border-right:1px solid #bac2ca; */border-bottom:1px solid #e3e3e4;font-size:13px;color:#3b3b50;text-align:left;}
.tbl-form th label {position:relative;display:inline-block;}
.tbl-form th label .nec {background:url(/cmmImg/Board/ico_nec.png) no-repeat 0 5px;text-indent:-9999px;display:block;width:9px;height:15px;position:absolute;top:0;right:-17px;padding:0}
.tbl-form td {border-bottom:1px solid #e3e3e4;padding:5px 0 4px 10px;}
.tbl-form th.line {border-left:1px solid #bac2ca;}
.tbl-form td label {margin:0 5px;}
.tbl-form td input {height:20px;/* width:150px; */}
.tbl-form td pre {width:570px;font-family:Nanum Gothic;white-space:pre-line;line-height:160%;}
.tbl-form td input.text, .tbl-form td select.select, .tbl-form td button {vertical-align:middle;}
.tbl-form td input[type="text"],.tbl-form td input[type="password"]{background:#f7f7f7}
.tbl-form td input[type="file"] {width:auto;}
.tbl-form td input[type="radio"], .tbl-form td input[type="checkbox"] {width:13px;}
.tbl-form td ul li span.b.cblue1 {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:55px;}
.tbl-form .person-list li{ display:inline-block; vertical-align:top;text-align:center ;height:105px; padding-top:5px; margin:0 3px 0 0}
.tbl-form .person-list li input[type="radio"]{ display:inline-block; }
.tbl-form .person-list li img{ display:block; margin:5px 0 }
.tbl-form .person-list li span{ display:block; font-size:13px; color:#33d434c;   }
.tbl-form .attent-list li{ display:inline-block; vertical-align:top;margin-bottom:3px;}


.tbl-form-view {border-top:2px solid #043d86;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}
.tbl-form-view th {background:#f3f5f8;padding:8px 10px 8px 15px;border-right:1px solid #bac2ca;border-bottom:1px solid #ddd;font-size:13px;color:#043d86;}
.tbl-form-view th label {padding-left:18px;position:relative;}
.tbl-form-view th label .nec {background:url(/cmmImg/Board/ico_nec.png) no-repeat 0 3px;text-indent:-9999px;display:block;position:absolute;top:0px;left:0px;width:9px;height:15px;}
.tbl-form-view td {border-bottom:1px solid #ddd;padding:8px 0 8px 15px;}
.tbl-form-view td label {margin:0 5px;}
.tbl-form-view td input {height:26px;}
.tbl-form-view td pre {width:570px;font-family:NanumGothic;white-space:pre-line;}


/*알림창*/
.msg-wrap.join-end, .msg-wrap.modify-end, .msg-wrap.pass-end{position:relative;border:1px solid #ddd; padding:180px 0 80px 0;border-top:2px solid #175aaf}
.msg-wrap .btxt, .msg-wrap .stxt{display:block;text-align:center;letter-spacing:-0.03em;}
.msg-wrap .btxt{ font-weight:600; color:#333; font-size:20px;padding:15px 0 10px 0;letter-spacing:-0.05em;}
.msg-wrap .stxt{ font-weight:500; color:#333; font-size:14px; }

.msg-wrap.join-end{background:#f7f7f7;border:1px solid #d8dbe2}
.msg-wrap.join-end .btxt{ font-weight:300; font-size:30px; letter-spacing:-0.04em; padding-bottom:25px;}
.msg-wrap.join-end .stxt{color:#3d434c}
.msg-wrap.join-end:before{ position:absolute;background:url(/cmmImg/Member/member-sprite.png) no-repeat; width:130px; height:130px; display:block; content:""; left:50%;margin-left:-65px; top:50px;}
.msg-wrap.modify-end:before{ position:absolute;background:url(/cmmImg/Member/member-sprite.png) no-repeat -130px 0; width:130px; height:130px; display:block; content:""; left:50%;margin-left:-65px; top:50px;}
.msg-wrap.pass-end:before{ position:absolute;background:url(/cmmImg/Member/member-sprite.png) no-repeat -130px -130px; width:130px; height:130px; display:block; content:""; left:50%;margin-left:-65px; top:50px;}


/* 아이디비번찾기 */
#member-find-wrap .find-top {position:relative;padding-bottom:40px;}
#member-find-wrap .find-top .icon {width:180px;height:180px;display:block;position:absolute;top:-40px;right:-30px;background:url(/cmmImg/Member/info-sprite.png) no-repeat 0 0;}
#member-find-wrap .find-top h3 {color:#333;font-size:20px;padding-top:15px;width:100%;line-height:100%;letter-spacing:-0.05em;margin-bottom:5px;}
#member-find-wrap .find-top p {font-weight:500;font-size:14px;line-height:130%;word-break:keep-all;letter-spacing:-0.03em;}

.find-box {overflow:hidden;clear:both;display:block;}
.find-box div.find-id {float:left;width:40%;height:335px;padding:40px 4%;text-align:center;position:relative;text-align:left;border:1px solid #ddd;border-top:2px solid #175aaf ;}
.find-box div.find-pw {float:right;width:40%;height:335px;padding:40px 4%;text-align:center;position:relative;text-align:left;border:1px solid #ddd;border-top:2px solid #175aaf ;}
.find-box h4 {color:#1a64c3;font-size:18px; font-weight:600; letter-spacing:-0.04em;padding-bottom:5px;text-align:left;}
.find-box p.stxt{text-align:left;letter-spacing:-0.04em; font-size:13px;line-height:130%;padding:10px 80px 20px 0}

.find-box ul{border-top:1px dotted #ddd; padding-top:20px;}
.find-box li {position:relative;padding-left:90px;margin:5px 0;text-align:left;}
.find-box li input.text {height:26px;line-height:26px;background:#f8f8f8; border:1px solid #ddd}
.find-box label {position:absolute; left:0; top:0;display:block;*display:inline;*zoom:1;width:80px; font-size:14px;font-weight:700;color:#333;text-align:left;vertical-align:top;height:100%;line-height:26px;}
.find-box input.bdp-btn {margin-left:90px;height:40px;line-height:30px;}
.find-box input.w18p{width:20.8%}
.find-box div.l{ border:none;  width:auto; height:auto; padding:0; margin-top:15px;}



/* 비밀번호 재확인 및 변경 */
#pass-wrap, #pass-result{position:relative;border:1px solid #ddd;border-top:2px solid #175aaf }
#pass-wrap .pass-top {position:relative;background:#f5f7f9;padding:43px 40px 44px 40px;border-bottom:1px solid #ddd;}
#pass-wrap .pass-top .icon {width:180px;height:180px;display:block;position:absolute;top:-20px;right:5px;background:url(/cmmImg/Member/info-sprite.png) no-repeat -180px 0}
#pass-wrap .pass-top .pw-tit {font-size:20px;color:#1a64c3;margin-bottom:8px;letter-spacing:-1px;}
#pass-wrap .pass-top .pw-txt {font-weight:500;color:#444;font-size:14px;}
#pass-wrap .pass-form {text-align:center;padding:74px 0;}
#pass-wrap .pass-form label, .pass-chg label {font-size:1.154em;font-weight:700;color:#333;}
#pass-wrap .pass-form .text, .pass-chg .text {width:53.3%;height:28px;margin:0 12px 0 14px;vertical-align:middle;border:1px solid #ccc;}
#pass-wrap .pass-form .bg-btn {width:100px;font-size:1.231em;font-weight:700;height:40px;vertical-align:middle;}

#pass-wrap .pass-chg {position:relative;width:60%;margin:42px auto;}
#pass-wrap .pass-chg ul {overflow:hidden;}
#pass-wrap .pass-chg li {margin-bottom:10px;height:40px;}
#pass-wrap .pass-chg li label {display:inline-block;width:20.3%;vertical-align:middle; font-size:14px;line-height:28px;}
#pass-wrap .pass-chg .bdp-btn {position:absolute;top:0px;right:0px;width:100px;height:140px;font-size:1.231em;font-weight:700;}
#pass-wrap .pass-chg.c label {text-align:left;}

#pass-result {padding-bottom:50px}
#pass-result .pass-top {position:relative;background:#fff;padding:43px 40px 44px 40px;}
#pass-result .pass-top .icon {width:180px;height:180px;display:block;position:absolute;top:-20px;right:5px;background:url(/cmmImg/Member/info-sprite.png) no-repeat -180px 0}
#pass-result .pass-top .pw-tit {font-size:20px;color:#1a64c3;margin-bottom:8px;letter-spacing:-1px;}
#pass-result .pass-top .pw-txt {font-weight:500;color:#444;font-size:14px;}
#pass-result .pass-con {padding:40px 0;background:#f5f7f9; border:1px solid #ddd; margin:0 40px;text-align:center}
#pass-result .pass-con .btxt{font-size:15px; color:#333; padding:15px 0}
#pass-result .pass-con .btxt span{font-weight:600; color:#175aaf}
#pass-result .pass-con .stxt{ font-weight:600; font-size:15px; color:#333;}


/* 마이페이지 */
#mypage-wrap{position:relative;border:1px solid #d8dbe2; background:#f7f7f7}
.mypage-top {position:relative;background:#f9f9f9;padding:55px 40px 45px 40px;}
.mypage-top .icon {width:180px;height:180px;display:block;position:absolute;top:50%;margin-top:-90px;right:30px;background:url(/cmmImg/Member/info-sprite.png) no-repeat 0 -180px }
.mypage-top p.tit {font-size:22px;font-weight:bold;color:#333;margin-bottom:13px;letter-spacing:-0.05em;}
.mypage-top p.txt{letter-spacing:-0.03em;}
.mypage-top p.tit span {color:#f65b3e}
.mypage-top .btns {margin-top:20px;}
.mypage-top .btns button {margin:0;min-width:98px;height:35px;}
.mypage-top .btns button.cg-btn {background:#48525e;width:80px; color:#fff; padding:0}
.mypage-top .btns button.cw-btn{padding:0}
.mypage-top .btns button.cg-btn span{color:#fff}
.mypage-top .btns button span {font-size:13px;}
.mypage-list {border-top:1px solid #ddd;padding:32px 36px;position:relative;}
.mypage-list.resv {border-top:0;}
.mypage-list h4 {font-size:17px; letter-spacing:-0.04em; font-weight:600;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:33px;right:33px;border:1px solid #ccc; border-radius:100% ;width:25px;height:25px;display:block;background:url(/cmmImg/Member/more.png) no-repeat center center;text-indent:-9999px;}

.tbl-mypage {border-top:2px solid #444;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 #cecece;color:#555;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 #cecece;border-bottom:1px solid #cecece;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', 맑은고딕;}

.no-data{ background:url(/cmmImg/Member/no-data.png) no-repeat center 50px; padding:180px 0 50px 0;display:block; }





	@media all and (max-width:999px){
		/*로그인*/
		#login-wrap {padding:50px}
		#login-wrap:after{display:none}
		#login-wrap .login-btxt{position:relative; left:auto; top:auto; width:auto;text-align:left;margin-bottom:5px;}
		#login-wrap .login-top{ display:block; border-bottom:1px dotted #cecece;margin-bottom:30px;}
		#login-wrap .login-form  .btn-login{position:relative; right:auto; top:auto; width:auto;height:56px;display:block; width:100%;margin-top:20px;}
		#login-wrap .login-form  .btn-login:before{position:relative; top:auto; margin:0; left:auto; display:inline-block; vertical-align:middle}
		#login-wrap .login-form  .btn-login span{display:inline-block; vertical-align:middle; padding:0 0 0 10px;}
		#login-wrap .login-form .login, #login-wrap .login-link{padding-right:0}
		
		
		/*로그인 ------유바외과 */
		.login-uva{ overflow:hidden;background:none; border:none; padding:0}
		.login-uva .l, .login-uva .r{ position:relative; padding:50px 30px;width:auto; min-height:auto;text-align:left; margin:15px 0}
		.login-uva .l{float:none;background:#f7f7f7;border:1px solid #d8dbe2; }
		.login-uva .r{float:none;background:#f7f7f7;border:1px solid #d8dbe2;  }
		.login-uva .r:after{display:none}
		.login-uva h3{ height:52px; font-weight:600; font-size:27px; line-height:140%; }
		.login-uva h3 span{ color:#f65b3f;}
		.login-uva .login{ padding:10px 0;}
		.login-uva .login li{padding-right:0;}
		.login-uva .login li.last{padding-left:0;text-align:left;}
		.login-uva .login li.last label{display:inline-block;padding-left:5px; font-weight:normal;width:auto;}
		.login-uva .login label{ display:none; }
		.login-uva .login input[type=text]{ background:#fff;width:99.8%; padding:0; height:40px}
		.login-uva .login input[type=password]{ background:#fff;width:99.8%; padding:0; height:40px}
		.login-uva .login-btn{ width:100%; height:48px; line-height:48px;position:relative;; right:auto; top:auto;}
		.login-uva .login-btn span{ display:block;color:#fff; font-weight:600; font-size:16px;letter-spacing:-0.04em;}

		.login-uva .other{ padding-left:0px;}
		

		.login-uva .r .stxt{padding-left:0;}
		.login-uva .sns {padding-left:0;text-align:left; padding-top:48px;overflow:hidden}
		.login-uva .sns li{float:left; width:33.3333%;height:73px;}
		.login-uva .sns a{ width:auto; height:70px; display:block;margin-left:1px;}
		.login-uva .sns li:first-child a{margin-left:0}
		.login-uva .sns a.naver{background-color:#25c300 }
		.login-uva .sns a.kakao{ background-color:#fccd03}
		.login-uva .sns a.facebook{background-color:#3b5999}


		.login-uva .find{ padding:18px 0;text-align:left}
		.login-uva .find.id{margin-left:0}
		.login-uva .find.id li{margin-bottom:8px;padding-right:0;}
		.login-uva .find li{margin-bottom:8px;padding-right:0; position:relative; padding-left:82px;}
		.login-uva .find li.last{padding-right:0; padding-left:116px;text-align:left;}
		.login-uva .find li.last label{padding-left:5px; font-weight:normal;width:auto;}
		.login-uva .find label{ position:absolute; left:0; top:0; padding-left:0 }
		.login-uva .find input.w210{width:99.5%;padding:7px 0}
		.login-uva .find input[type=text],.login-uva .find select{ background:#f7f7f7;display:inline-block}
		.login-uva .find select{ height:32px;margin-left:0}
		.login-uva .find-btn{ width:100%; height:48px; line-height:48px;position:relative;; right:auto; top:auto;}
		.login-uva .find-btn.id{ height:48px; line-height:48px; }
		.login-uva .find-btn.pass{ height:48px; line-height:48px; right:auto}



		/* 본인인증 */
		#certify-wrap li{float:none; width:auto; height:auto; padding:30px;text-align:left;background:#f9f9f9}
		#certify-wrap li .btxt,	#certify-wrap li .stxt{text-align:left; padding-right:120px}
		#certify-wrap li:before{ left:auto;right:20px; top:40px;margin-left:0;   background:url(/cmmImg/Member/certify-ico.png) no-repeat -103px ; position:absolute}
		#certify-wrap li:first-child:before{background:url(/cmmImg/Member/certify-ico.png) no-repeat;}
		#certify-wrap li:first-child:after{display:none;}
		#certify-wrap li:first-child{border-bottom:1px solid #ddd;background:#fff}
		#certify-wrap .certify-btn{text-align:center; width:100%; height:50px; line-height:50px; }


		/*회원가입절차*/
		#join-step.step03:after{background:#f8f8f8;position:absolute; left:0; bottom:0; width:100%; height:50%; z-index:-2;display:block; content:""}
		#join-step.step04 li, #join-step.step03 li{  width:50%;}
		#join-step.step04 li.s-01:before, #join-step.step04 li.s-02:before, #join-step.step03 li.s-02:before{background: #ddd; width:100%;height:1px; position:absolute; left:0; bottom:0; display:block; content:"";z-index:-1}
		
		
		/* 회원가입폼 */
		.member-form h3, .member-form p {float:none;padding-bottom:10px;}
		.member-form .tbl-form {border:1px solid #ddd;border-top:2px solid #555;border-bottom:0;letter-spacing:0;}
		.member-form .tbl-form colgroup{display:none;}
		.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:14px;}
		.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:30px;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:26% !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:34px;}
		.member-form .tbl-form td textarea {background:#f0f0f0;border:0;}

		.mbtn-wrap {margin-top:25px;}
		.mbtn-wrap .input{ width:40%}

		.join-wrap.uva .form-left, .join-wrap.uva .form-right{width:auto}
		.join-wrap.uva .form-left{ float:none; }
		.join-wrap.uva .form-right{ float:none;}

		/*알림창*/
		.msg-wrap .btxt{padding:15px 0 10px 0; }
		.msg-wrap .stxt{padding:0 10%}


		/* 아이디비번찾기 */
		#member-find-wrap .find-top p {padding-right:130px;width:auto;}
		.find-box div.find-id, .find-box div.find-pw  {float:none; width:auto; height:auto;}
		.find-box div.find-pw {margin-top:25px;}


		/*비밀번호 변경*/
		#pass-wrap  .pass-top {padding:43px 25px 44px 25px;}
		#pass-wrap  .pass-chg{width:90%}
		#pass-wrap  .pass-chg li label {font-size:14px;}
		#pass-wrap  .pass-top .icon{display:none}
		
		#pass-result .pass-top {padding:43px 25px 44px 25px;}

		/* 마이페이지 */
		.mypage-top .icon {display:none;}
		.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;}
		.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:#333;font-weight:bold;font-size:14px;font-family:'Malgun Gothic', 맑은고딕, '돋움', dotum, sans-serif;}
		.tbl-mypage td.num[data-cell-header]:before {font-size:14px;}
		.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%; font-weight:600;color:#333; font-size:14px;}
		.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:100% !important;float:left;border:0;padding:5px 5px 0 3%;text-align:left;}
		.tbl-mypage td[data-cell-header]:before {width:23%;}
		.tbl-mypage td.l {padding-left:3%;}
		


		.leave-list li{width:50%}
		.leave-wrap{width:auto; padding:30px }
		
		.leave-wrap div.con{ padding:0;width:auto}
		.leave-wrap ul{padding-bottom:0}

		.msg-wrap.leave-end{width:auto; height:auto; padding-bottom:100px;}

		#mypage-wrap{width:auto}
		#mypage-wrap .btns{padding-left:5%}
		#mypage-wrap .mypage-list{background:#fff}
		
	}
	
	@media all and (max-width:620px){
		
		/*비밀번호 변경*/
		#pass-wrap  .pass-chg li{height:auto;}
		#pass-wrap  .pass-form .text, .pass-chg .text {width:100%;box-sizing:border-box;height:38px;margin:0 ;}
		#pass-wrap  .pass-chg li label {font-size:14px;display:block;width:100%}
		#pass-wrap  .pass-chg .bdp-btn {position:relative;top:auto;right:auto;width:100%;height:50px;font-size:15px;;font-weight:700;margin-top:20px;}
	
		#pass-result .pass-top .icon{display:none;}
		
	}
	@media all and (max-width:450px){
		
		/*로그인*/
		#login-wrap {padding:50px 30px}
		#login-wrap .login-link li a span{ font-size:13px;}
		#login-wrap .login-link li a:before{margin-right:7px}
		#login-wrap .login-link li:first-child{width:40%}
		#login-wrap .login-link li{width:60%}
		
		/* 본인인증 */
		#certify-wrap li .btxt{font-size:16px;padding-right:0;letter-spacing:-0.03em;}
		#certify-wrap li .stxt{font-size:13px; line-height:140%;padding-right:0;}
		#certify-wrap li:before{display:none;}

		.chk-wrap .agree-nec{display:block;}
		


	}