@charset "utf-8";
/************************
Version : 공공구매 종합정보망 1.0
Date : 2015-10-27
*************************/

/************************************** 
** 공통
***************************************/
.member{padding-bottom:50px;}
.member.joinList .section{margin-bottom:45px;}
.member.joinList .section.a1 .currentLiat{border:5px solid #cfcfcf; padding:15px 0px; text-align:center;}
.member.joinList .section.a1 .currentLiat li{display:inline-block; font-size:14px; font-weight:900; padding-left:50px; background:url('../../images/smpp/member/arrow.png') no-repeat 20px 0px; color:#666;}
.member.joinList .section.a1 .currentLiat li:first-child{padding-left:0px; background:none;}
.member.joinList .section.a1 .currentLiat li .icon{display:inline-block; width:30px; height:30px; vertical-align:middle; overflow:hidden; background:url('../../images/smpp/member/member-icon.png') no-repeat 0px 3px;}
.member.joinList .section.a1 .currentLiat li.on{color:#f47421;}
.member.joinList .section.a1 .currentLiat li.a1 .icon{background-position:0px 3px;}
.member.joinList .section.a1 .currentLiat li.a2 .icon{background-position:0px -54px;}
.member.joinList .section.a1 .currentLiat li.a3 .icon{background-position:0px -112px;}
.member.joinList .section.a1 .currentLiat li.a4 .icon{background-position:0px -167px;}
.member.joinList .section.a1 .currentLiat li.a5 .icon{background-position:0px -225px;}
.member.joinList .section.a1 .currentLiat li.a1.on .icon{background-position:-53px 3px;}
.member.joinList .section.a1 .currentLiat li.a2.on .icon{background-position:-53px -54px;}
.member.joinList .section.a1 .currentLiat li.a3.on .icon{background-position:-53px -112px;}
.member.joinList .section.a1 .currentLiat li.a4.on .icon{background-position:-53px -167px;}
.member.joinList .section.a1 .currentLiat li.a5.on .icon{background-position:-53px -225px;}


/************************************** 
** 회원가입 안내
***************************************/
.member.info .tipBox{margin-bottom:60px;}
.member.info .section{margin-bottom:45px;}
.member.info .section h4{border-bottom:2px solid #b1b1b1; margin-bottom:25px;}
.member.info .section h4 button{margin-right:0px;}
.member.info .section dt{font-size:15px; font-weight:bold; color:#464646; margin-bottom:10px; line-height:20px;}
.member.info .section dd li{font-size:13px; color:#666; line-height:25px; background:url('../../images/smpp/layout/arrow-icon.png') no-repeat 0px 9px; padding-left:10px;}


/************************************** 
** 회원가입 - 동의  2015.12.10 추가 및 수정
***************************************/
.member.joinList .section.a2 .txtWrap {overflow-y:scroll; border:1px solid #ddd; padding:35px 20px; height:350px;}	/* 2015.12.10 수정 */
.member.joinList .section.a2 .txtWrap.type2 {height:230px}
.member.joinList .section.a2 .txtWrap h5 {font-size:14px;color:#666;margin-bottom:20px}
.member.joinList .section.a2 .txtWrap h6 {font-size:14px;color:#666;margin-bottom:5px}
.member.joinList .section.a2 .txtWrap p, .member.joinList .section.a2 .txtWrap li {font-size:12px;color:#999;line-height:1.5}
.member.joinList .section.a2 .txtWrap .subTermsList {padding-left:10px}
.member.joinList .section.a2 .txtWrap .subTermsList strong {color:#999}

.member.joinList .section.a2 .chkBox{font-size:12px; color:#666; margin-top:10px; padding-left:10px;}

.member.joinList .section.a3 .txtWrap {overflow-y:scroll; border:1px solid #ddd; padding:35px 20px; height:350px;}	/* 2015.12.10 수정 */
.member.joinList .section.a3 .txtWrap.type2 {height:230px}
.member.joinList .section.a3 .txtWrap h5 {font-size:14px;color:#666;margin-bottom:20px}
.member.joinList .section.a3 .txtWrap h6 {font-size:14px;color:#666;margin-bottom:5px}
.member.joinList .section.a3 .txtWrap p, .member.joinList .section.a3 .txtWrap li {font-size:12px;color:#999;line-height:1.5}
.member.joinList .section.a3 .txtWrap .subTermsList {padding-left:10px}
.member.joinList .section.a3 .txtWrap .subTermsList strong {color:#999}
.member.joinList .section.a3 .chkBox{font-size:12px; color:#666; margin-top:10px; padding-left:10px;}


/************************************** 
** 회원가입 - 가입여부확인
***************************************/
.member.joinList.a2 .section.a2 em{font-size:13px; color:#999;}


/************************************** 
** 회원가입 - 본인인증
***************************************/
.member.joinList.a3 .section.a2{border:1px solid #cfcfcf; padding:30px; overflow:hidden;}
.member.joinList.a3 .section.a2 .phone{height:245px;  border-right:1px solid #e7e7e7; width:49%; float:left; text-align:center;}
.member.joinList.a3 .section.a2 .i-pin{height:245px;  width:49%; float:left; text-align:center;}
.member.joinList.a3 .section.a2 .txt{display:block; margin:20px 0px 15px; font-size:13px; color:#464646;}


/************************************** 
** 회원가입 - 정보입력
***************************************/
.member.joinList.a4 .section.a2 .searchBox{margin-top:0px;}
.member.joinList.a4 .section.a2 .txt{display:inline-block; margin-top:10px; color:#666; font-size:12px;}
.member.joinList.a4 .section.a3 em{color:#a83339;}
.member.joinList.a4 .section.a4 em{color:#a83339;}
.member.joinList.a4 .section.a5 em{color:#a83339;}
.member.joinList.a4 .section.a5 .txt{display:inline-block; vertical-align:middle; color:#999;}


/************************************** 
** 회원가입 - 완료
***************************************/
.member.joinList.a5{}
.member.joinList.a5 .section.a2{text-align:center;}


/************************************** 
** 로그인
***************************************/
.member.login .section.a1{border:1px solid #efefef; border-top:2px solid #b1b1b1; overflow:hidden;}
.member.login .section.a1 .login_form{border-right:1px solid #efefef; width:510px; float:left; overflow:hidden; padding:55px 0px 60px; text-align:center;}
.member.login .section.a1 .login_form .txt{font-size:15px; color:#333; font-weight:bold; letter-spacing:-1px; display:inline-block; margin-bottom:30px;}
.member.login .section.a1 .login_form .id_input{display:inline-block; overflow:hidden; width:220px;}
.member.login .section.a1 .login_form .id_input input{width:208px; height:18px;}
.member.login .section.a1 .login_form .btnBox{display:inline-block; margin-top:0px; margin-left:10px; overflow:hidden;}
.member.login .section.a1 .login_form .btn_chk{display:block; margin-top:5px; text-align:left; padding-left:105px;}

.member.login .section.a1 .loginBtn{overflow:hidden; float:left; width:357px;}
.member.login .section.a1 .loginBtn .box.a1{border-bottom:1px solid #efefef; padding:30px 30px 20px;}
.member.login .section.a1 .loginBtn .box.a2{padding:30px 30px 20px;}
.member.login .section.a1 .loginBtn .txt{display:inline-block; font-size:13px; color:#666; line-height:20px; padding-left:25px; background:url('../../images/smpp/layout/i-icon2.png') no-repeat 0px 1px;}
.member.login .section.a1 .loginBtn .btnBox{margin-top:0px; text-align:right;}

.login_bx2{margin-top:20px;border:1px solid #333}
.login_in_bx:after{display:block;clear:both;content:''}
.login_in_bx > li{float:left;width:50%}
.login_in_bx > li > div{height:140px;padding:10px 100px;border-left:1px solid #ddd}
.login_in_bx > li:first-child > div{border:0}
.log_inp_bx{position:relative;margin-top:15px;padding-right:70px}
.log_inp_bx .inp_t{margin-top:10px;width:100%}
.log_inp_bx .inp_t:first-child{margin-top:0}
.log_inp_bx .inp_id_ckb{display:block;margin-top:15px}
.log_inp_bx .inp_id_ckb input{vertical-align:top}
.log_inp_bx .inp_id_ckb label{vertical-align:top}
.log_inp_bx .btn_login{position:absolute;top:0;right:0;width:60px;height:62px;text-align:center;background:#a83339;color:#fff}
.log_inp_bx .btn_login2{position:absolute;top:0;right:0;text-align:center;margin-top:69px;}
.login_in_bx.v2 li{float:none;width:auto}
.login_in_bx.v2 .tx_type2.bu{margin:0 auto;width:306px}

.num_inp_bx{}
.num_inp_bx label{}
.num_inp_bx input{margin-left:10px;width:114px}


/************************************** 
** 공인인증서 로그인
***************************************/
.member.login .section.a1 .loginBtn2{overflow:hidden; float:left; width:357px;}
.member.login .section.a1 .loginBtn2 .box.a1{padding:55px 30px 60px;}
.member.login .section.a1 .loginBtn2 .box.a2{padding:30px 30px 20px;}
.member.login .section.a1 .loginBtn2 .txt{display:inline-block; font-size:13px; color:#666; line-height:20px; padding-left:25px; background:url('../../images/smpp/layout/i-icon2.png') no-repeat 0px 1px;}
.member.login .section.a1 .loginBtn2 .btnBox{margin-top:20px; text-align:right;}


/************************************** 
** 아디/비번찾기
***************************************/
.member.find_id{}
.member.find_id .txt{display:inline-block; margin-top:10px; font-size:12px; color:#666; line-height:20px;}
.member.find_id .css-label{color:#999;}
.member.find_id .css-label em{color:#555;}


/************************************** 
** 회원승인
***************************************/
.member.admin{}
.member.admin .section{margin-bottom:50px;}
.member.admin .searchBox{margin-top:0px;}
.member.admin .searchBox .txt{font-size:12px; color:#999;}