@charset "utf-8";

/*공통*/
.container-member { width:100%; min-width:1000px; height:auto; min-height:763px; background:url('../../images/images_2018/sub/bg_member.jpg') center top no-repeat; }
.container-member .contents-title { width:1000px; height:96px; padding:55px 0 0 0; }
.container-member .contents-title h4 { margin:0; padding:0; font-weight:400; font-size:36px; color:#333; line-height:40px; }
.container-member .contents-title p { margin:15px 0 0 0; padding:0; font-size:14px; color:#666; }
.container-member .contents .btn-area { margin:30px 0 0 0; }
.container-member .contents .btn-area ul { margin:0; padding:0; text-align:center; }
.container-member .contents .btn-area ul li { display:inline-block; vertical-align:top; width:128px; margin:0 5px; height:36px; line-height:36px; font-size:14px; background:#4162A3; }
.container-member .contents .btn-area ul li a { color:#fff; height:36px; display:block; }
.container-member .contents .btn-gray a { background:#5d5d5d; }
.container-member .placeholder { position:relative; display:inline-block; vertical-align:middle; }
.container-member .placeholder span { position:absolute; top:0; left:2px; z-index:0; padding-left:5px; font-size:14px; font-weight:200; line-height:28px; color:#6d6d6d; }
.container-member .placeholder input { position:relative; z-index:1; background-color:transparent; }

/*공공기관이용자*/
.contents-loginmain { width:1000px; margin:0 auto; }
.contents-loginmain .login-type { width:1000px; height:553px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-loginmain .login-type>ul { margin:0 auto 55px; padding:60px 0 0 0; font-size:0; width:900px; }
.contents-loginmain .login-type>ul li { display:inline-block; vertical-align:top; width:160px; height:200px; margin:0 25px 0 0px; border-radius:3px; text-align:center; font-size:18px; }
.contents-loginmain .login-type>ul li:last-child {margin-right: 0;}
.contents-loginmain .login-type>ul li a { display:block; width:160px; height:70px; padding:130px 0 0; color:#fff; }
/*.contents-loginmain .login-type ul li.login { background:#3f807a; }
.contents-loginmain .login-type ul li.join { background:#3f6e80; }
.contents-loginmain .login-type ul li.join a { background:url('../../images/images_2018/sub/icon_login_join.png') center 44px no-repeat; }
.contents-loginmain .login-type ul li.register { background:#3f5380; }
.contents-loginmain .login-type ul li.register a { background:url('../../images/images_2018/sub/icon_login_register.png') center 47px no-repeat; }*/

.contents-loginmain .login-type>ul li.loginUser { background:#0d8a8f;}
.contents-loginmain .login-type>ul li.loginUser  a{background:url('../../images/images_2018/sub/icon_login_user.png') center 40px no-repeat;}
.contents-loginmain .login-type>ul li.joinUser { background:#065b5e; }
.contents-loginmain .login-type>ul li.joinUser a { background:url('../../images/images_2018/sub/icon_join_user.png') center 44px no-repeat; }
.contents-loginmain .login-type>ul li.loginOrgan { background:#4162a3; }
.contents-loginmain .login-type>ul li.loginOrgan  a{background:url('../../images/images_2018/sub/icon_login_organ.png') center 44px no-repeat; }
.contents-loginmain .login-type>ul li.joinOrgan { background:#203c73; }
.contents-loginmain .login-type>ul li.joinOrgan a { background:url('../../images/images_2018/sub/icon_join_organ.png') center 44px no-repeat; }
.contents-loginmain .login-type>ul li.registerOrgan { background:#242073; }
.contents-loginmain .login-type>ul li.registerOrgan a { background:url('../../images/images_2018/sub/icon_register_organ.png') center 47px no-repeat; }


.contents-loginmain .login-type .txt-user {float:left;margin-left:50px;width:368px;padding-left:12px;box-sizing:border-box;min-height:107px;background:url(../../images/images_2018/sub/deco_line01.png) no-repeat left 5px; }
.contents-loginmain .login-type .txt-user strong{display:block;font-size:18px;color:#05856f;font-weight:bold;padding-left:16px;background:url('../../images/images_2018/sub/deco_dot02.png') left  9px no-repeat;}
.contents-loginmain .login-type .txt-user ul{margin:0;padding:0;margin-top:8px;}
.contents-loginmain .login-type .txt-user ul li{list-style-type:none;color:#555555;font-size:15px;padding-left:25px;margin-bottom:8px;background:url(../../images/images_2018/sub/icon_bu_bar.gif) no-repeat  15px 10px;}
.contents-loginmain .login-type .txt-user ul li em{color:#025648;font-weight:bold;font-style:normal;}

.contents-loginmain .login-type .txt-public {float:left;width:460px;padding-left:12px;box-sizing:border-box;min-height:107px;background:url(../../images/images_2018/sub/deco_line01.png) no-repeat left 5px;  }
.contents-loginmain .login-type .txt-public strong{display:block;font-size:18px;color:#4162a3;font-weight:bold;padding-left:16px;background:url('../../images/images_2018/sub/deco_dot03.png') left  9px no-repeat;}
.contents-loginmain .login-type .txt-public ul{margin:0;padding:0;margin-top:8px;}
.contents-loginmain .login-type .txt-public ul li{list-style-type:none;color:#555555;font-size:15px;padding-left:25px;margin-bottom:8px;background:url(../../images/images_2018/sub/icon_bu_bar.gif) no-repeat  15px 10px;}
.contents-loginmain .login-type .txt-public ul li em{color:#4162a3;font-weight:bold;font-style:normal;}

/*.contents-loginmain .login-type div {width:700px; padding-left:50px; text-align:left; line-height:23px; }
.contents-loginmain .login-type .txt-user > span { display:block; margin:0 0 5px 0; }
.contents-loginmain .login-type div > p { margin:0 0 7px 0; padding:0 0 0 16px; font-weight:700; font-size:16px; background:url('../../images/images_2018/sub/deco_dot.png') left -43px no-repeat; color:#333; }
.contents-loginmain .login-type div > p > span { color:#4162A3; }
.contents-loginmain .login-type div > span { display:block; padding:0 0 0 16px; font-size:15px; color:#555; }*/

/* 법률지원이용자 
.contents-loginmain .login-type>ul {width: 900px;}
.contents-loginmain .login-type>ul li {margin: 0 25px 0 0;}
.contents-loginmain .login-type>ul li:last-child {margin-right: 0;}
.contents-loginmain .login-type>ul li.login2 {background:#603c9b; }
.contents-loginmain .login-type>ul li.join2 {background:#703c9b;}
.contents-loginmain .login-type>ul li.join2 a {background:url('../../images/images_2018/sub/icon_login_join.png') center 44px no-repeat;}*/

/*로그인*/
.contents-login { width:1000px; margin:0 auto; }
.contents-login .login-input { width:1000px; height:470px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-login .login-input strong { display:block; font-size:20px; font-weight:500; line-height:55px; padding:75px 0 0 0; margin:0 0 0 275px; color:#4162A3; }
.contents-login fieldset { border:0; margin:0; padding:0; }
.contents-login legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-login .login-input ul { margin:0 auto 30px; padding:0; width:450px; }
.contents-login .login-input ul li { list-style:none; font-size:0; margin:0 0 10px 0; }
.contents-login .login-input ul li > span { display:inline-block; vertical-align:top; color:#333; font-weight:500; font-size:18px; width:100px; line-height:48px; }
.contents-login .login-input ul li input { position:relative; z-index:1; font-family:'NotoSans', sans-serif; letter-spacing:-1px; display:inline-block; vertical-align:top; font-size:16px; width:338px; line-height:48px; height:48px; border:1px solid #d2d2d2; padding:0 5px; background-color:transparent; }
.contents-login .login-input ul li .placeholder { position:relative; display:inline-block; vertical-align:middle; }
.contents-login .login-input ul li .placeholder span { position:absolute; top:0; left:2px; z-index:0; padding-left:5px; font-size:16px; font-weight:200; line-height:48px; color:#6d6d6d; }
.contents-login .login-input .btn-login a{ display:block; width:450px; height:60px; overflow:hidden; font-size:18px; margin:0 auto 20px; background:#4162A3; color:#fff; text-align:center; line-height:60px; }
.contents-login .login-input .btn-etc { text-align:center; }
.contents-login .login-input .btn-etc a { font-size:14px; color:#333; }
.contents-login .login-input .btn-etc span { display:inline-block; vertical-align:1px; margin:0 15px 0 15px; }

/*아이디찾기*/
.contents-findid { width:1000px; margin:0 auto; }
.contents-findid .findid { width:1000px; height:465px; border-top:2px solid #d2d2d2; background:#fff url('../../images/images_2018/sub/icon_findid.png') center 85px no-repeat; }
.contents-findid .findid > p { margin:0 0 16px 0; padding:173px 0 0 0; font-size:18px; color:#252525; text-align:center; font-weight:500; }
.contents-findid .findid .txt-findid { width:448px; height:77px; line-height:26px; text-align:center; margin:0 auto 30px; font-size:15px; color:#4162A3; border:1px solid #d2d2d2; letter-spacing:0; }
.contents-findid .findid .txt-findid strong { display:block; margin:12px 0 0 0; font-weight:400; }
.contents-findid .findid .txt-findid > p { color:#666; margin:0; padding:0; }
.contents-findid .findid .btn-login { width:450px; margin:0 auto; }
.contents-findid .findid .btn-login .btn { width:223px; }
/*법률지원 아이디찾기*/
.contents-findid .findid-input { width:1000px; height:470px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-findid .findid-input strong { display:block; font-size:20px; font-weight:500; line-height:55px; padding:75px 0 0 0; margin:0 0 0 275px; color:#4162A3; }
.contents-findid fieldset { border:0; margin:0; padding:0; }
.contents-findid legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-findid .findid-input ul { margin:0 auto 30px; padding:0; width:450px; }
.contents-findid .findid-input ul li { list-style:none; font-size:0; margin:0 0 10px 0; }
.contents-findid .findid-input ul li > span { display:inline-block; vertical-align:top; color:#333; font-weight:500; font-size:18px; width:100px; line-height:48px; }
.contents-findid .findid-input ul li input { font-family:'NotoSans', sans-serif; letter-spacing:-1px; display:inline-block; vertical-align:top; font-size:16px; width:338px; line-height:48px; height:48px; border:1px solid #d2d2d2; padding:0 5px; }
.contents-findid .findid-input ul li .placeholder span { font-size:16px; line-height:48px; }
.contents-findid .findid-input .btn-login a{ display:block; width:450px; height:60px; overflow:hidden; font-size:18px; margin:0 auto 20px; background-color:#4162A3; color:#fff; text-align:center; line-height:60px; }

/*비밀번호찾기*/
.contents-findpassword { width:1000px; margin:0 auto; }
.contents-findpassword .findpassword { width:1000px; height:465px; border-top:2px solid #d2d2d2; background:#fff url('../../images/images_2018/sub/icon_password.png') center 130px no-repeat; }
.contents-findpassword .findpassword p { margin:0 0 15px; padding:225px 0 0 0; font-size:18px; color:#252525; text-align:center; font-weight:500; }
.contents-findpassword .findpassword .btn-reissue a { display:block; color:#fff; width:450px; margin:0 auto; text-align:center; border-radius:2px; background:#4162A3; font-size:16px; height:36px; line-height:36px; }
/*법률지원 비밀번호찾기*/
.contents-findpassword .findpassword-input { width:1000px; height:470px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-findpassword .findpassword-input strong { display:block; font-size:20px; font-weight:500; line-height:55px; padding:75px 0 0 0; margin:0 0 0 275px; color:#4162A3; }
.contents-findpassword fieldset { border:0; margin:0; padding:0; }
.contents-findpassword legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-findpassword .findpassword-input ul { margin:0 auto 30px; padding:0; width:450px; }
.contents-findpassword .findpassword-input ul li { list-style:none; font-size:0; margin:0 0 10px 0; }
.contents-findpassword .findpassword-input ul li > span { display:inline-block; vertical-align:top; color:#333; font-weight:500; font-size:18px; width:100px; line-height:48px; }
.contents-findpassword .findpassword-input ul li input { font-family:'NotoSans', sans-serif; letter-spacing:-1px; display:inline-block; vertical-align:top; font-size:16px; width:338px; line-height:48px; height:48px; border:1px solid #d2d2d2; padding:0 5px; }
.contents-findpassword .findpassword-input ul li .placeholder span { font-size:16px; line-height:48px; }
.contents-findpassword .findpassword-input .btn-login a{ display:block; width:450px; height:60px; overflow:hidden; font-size:18px; margin:0 auto 20px; background-color:#4162A3; color:#fff; text-align:center; line-height:60px; }

/*비밀번호재발급*/
.contents-reissuepassword { width:1000px; margin:0 auto; }
.contents-reissuepassword .reissuepassword { width:1000px; height:465px; border-top:2px solid #d2d2d2; background:#fff url('../../images/images_2018/sub/icon_password.png') center 100px no-repeat; }
.contents-reissuepassword .reissuepassword p { margin:0 0 7px 0; padding:200px 0 0 0; font-size:18px; color:#252525; text-align:center; font-weight:500; }
.contents-reissuepassword .reissuepassword p.txt-password { padding:0; font-size:15px; color:#666; font-weight:normal; }
.contents-reissuepassword .reissuepassword .email { width:446px; height:50px; line-height:50px; text-align:center; margin:15px auto 30px; font-size:15px; font-weight:500; color:#4162A3; border:1px solid #d2d2d2; letter-spacing:0; }
.contents-reissuepassword .reissuepassword .btn-ok a { display:block; color:#fff; width:450px; margin:0 auto; text-align:center; border-radius:2px; background:#4162A3; font-size:16px; height:36px; line-height:36px; }

.join-process-step { width:1000px; height:66px; margin:0 0 20px; padding:0; background:no-repeat 0 0; font-size:0; list-style:none; }
.join-process-step li { display:inline-block; width:25%; padding:22px 0; font-size:16px; color:#fff; text-align:center; box-sizing: border-box; }
.join-process-step li span { margin-right:4px; font-size:13px; color:#fff9ae; }
.contents-join-agree .join-process-step { background-image:url('../../images/images_2018/sub/join_process_step1.jpg'); }
.contents-identify .join-process-step { background-image:url('../../images/images_2018/sub/join_process_step2.jpg'); }
.contents-join-info .join-process-step { background-image:url('../../images/images_2018/sub/join_process_step3.jpg'); }
.contents-join-complete .join-process-step { background-image:url('../../images/images_2018/sub/join_process_step4.jpg'); }
/*회원가입-약관동의*/
.contents-join-agree { width:1000px; margin:0 auto; padding:0 0 60px; }
.contents-join-agree .join-agree { padding:28px 0 50px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-join-agree .join-agree h6 { margin:0 0 10px 30px; font-weight:500; font-size:20px; color:#222; line-height:40px; }
.contents-join-agree .join-agree fieldset { border:0; margin:0; padding:0; }
.contents-join-agree .join-agree legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-join-agree .join-agree label { color:#666; font-size:14px; }
.contents-join-agree .join-agree .terms { margin:0 0 25px 0; }
.contents-join-agree .join-agree .txt-terms { width:938px; height:268px; margin:0 auto 15px; }
.contents-join-agree .join-agree .txt-terms textarea { font-family:'NotoSans', sans-serif; width:905px; height:235px; padding:10px 10px 20px 20px; resize:none; border:1px solid #d8d8d8; }
.contents-join-agree .join-agree .txt-policy { width:938px; height:268px; margin:0 auto 15px; }
.contents-join-agree .join-agree .txt-policy textarea { font-family:'NotoSans', sans-serif; width:905px; height:235px; padding:10px 10px 20px 20px; resize:none; border:1px solid #d8d8d8; }
.contents-join-agree .join-agree .agree-terms { width:940px; margin:0 auto; text-align:right; }
.contents-join-agree .join-agree .agree-terms input[type="checkbox"] { vertical-align:middle; height:20px; padding:4px 5px 0 0; }
.contents-join-agree .join-agree .agree-policy { width:940px; margin:0 auto; text-align:right; }
.contents-join-agree .join-agree .agree-policy input[type="checkbox"] { vertical-align:middle; height:20px; padding:4px 5px 0 0; }
.contents-join-agree .join-agree p { margin:35px 0 25px 0; padding:0; font-weight:500; font-size:18px; color:#222; text-align:center; }

/*본인인증*/
.contents-identify { width:1000px; margin:0 auto; padding:0 0 60px; }
.contents-identify fieldset { border:0; margin:0; padding:0; }
.contents-identify legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-identify .identify { font-size:0; }
.contents-identify .identify > div { display:inline-block; vertical-align:top; font-size:14px; text-align:center; width:490px; padding:35px 0 40px; background:#fff; border-top:2px solid #d2d2d2; }
.contents-identify .identify > div > strong { display:block; margin-bottom:21px; font-weight:500; font-size:20px; color:#222; }
.contents-identify .identify > div > span { display:block; color:#4162A3; font-weight:700; font-size:15px; }
.contents-identify .identify > div > p { display:block; color:#666; font-size:15px; line-height:20px; padding:0; margin:4px 0 36px;  }
.contents-identify .identify > div > a { display:block; width:351px; height:32px; margin:0 auto; line-height:32px; text-align:center; font-size:14px; color:#4162A3; border:2px solid #4162A3; border-radius:2px; }
.contents-identify .identify .mobile { margin:0 20px 0 0; }
.contents-identify .identify .mobile-input { width:1000px; height:310px; margin:30px 0 0; padding:0 0 50px; }
.contents-identify .identify .mobile-input p { height:42px; margin:0; padding:19px 0; text-align:center; background-color:#ebf0fa; }
.contents-identify .identify .mobile-input p span { display:inline-block; text-align:left; padding-left:26px; background:url('../../images/images_2018/sub/icon_notice.gif') 0 1px no-repeat; line-height:20px; font-size:14px; color:#666; }
.contents-identify .identify .mobile-input table { width:780px; margin:25px auto 20px; text-align:left; font-size:14px; overflow:hidden; }
.contents-identify .identify .mobile-input table caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-identify .identify .mobile-input table tbody th { font-weight:500; }
.contents-identify .identify .mobile-input table tbody td { padding:6px 0;color:#6c6969;  }
.contents-identify .identify .mobile-input table tbody td label { display:inline-block; width:70px; }
.contents-identify .identify .mobile-input table tbody td input[type="text"] { width:261px; height:28px; vertical-align:top; border:1px solid #d2d2d2; padding:0 5px; }
.contents-identify .identify .mobile-input table tbody td input[type="radio"] { vertical-align:top; }
.contents-identify .identify .mobile-input table tbody td .placeholder span { letter-spacing:0; }
.contents-identify .identify .mobile-input table tbody td select { width:80px; height:30px; vertical-align:top; border:1px solid #d2d2d2; }
.contents-identify .identify .mobile-input table tbody td.mobile label { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-identify .identify .mobile-input .btn-area a { display:block; color:#fff; width:128px; margin:0 auto; text-align:center; background:#4162A3; font-size:14px; height:36px; line-height:36px; }

/*회원가입-본인인증*/
.contents-join { width:1000px; margin:0 auto; }
.contents-join .contents-title { height:176px; padding:60px 0 0 0; border:0; }
.contents-join .contents-title span { text-decoration:underline; font-weight:bold; }
.contents-join .contents-title h5{ width:1000px; height:66px; background:url('../../images/images_2018/sub/join_process_step2.jpg'); text-indent:-9999px; overflow:hidden; }
.contents-join fieldset { border:0; margin:0; padding:0; }
.contents-join legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-join .join { font-size:0; }
.contents-join .join > div { display:inline-block; vertical-align:top; font-size:14px; text-align:center; width:490px; height:226px; background:#fff; border-top:3px solid #231f20; }
.contents-join .join > div > strong { display:block; font-size:18px; color:#029f84; line-height:80px; }
.contents-join .join > div > span { display:block; color:#252525; line-height:23px; font-weight:bold; }
.contents-join .join > div > p { display:block; color:#6c6969; line-height:23px; padding:0; margin:0 0 15px 0;  }
.contents-join .join > div > a { display:block; width:348px; height:28px; margin:0 auto; line-height:28px; text-align:center; font-size:13px; color:#876299; border:1px solid #876299; }
.contents-join .join .mobile { margin:0 20px 0 0; }
.contents-join .join .mobile-input { width:1000px; height:310px; margin:30px 0 40px 0; }
.contents-join .join .mobile-input p { width:950px; height:60px; margin:0; padding:15px 0 0 50px; text-align:left; background:#f1f1f1; line-height:23px; font-size:13px; color:#6c6969; }
.contents-join .join .mobile-input table { width:780px; margin:30px auto 20px; text-align:left; font-size:13px; overflow:hidden; }
.contents-join .join .mobile-input table caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-join .join .mobile-input table tbody th { line-height:28px; }
.contents-join .join .mobile-input table tbody td { color:#6c6969; line-height:28px; }
.contents-join .join .mobile-input table tbody td label { display:inline-block; width:60px; }
.contents-join .join .mobile-input table tbody td input[type="text"] { width:261px; height:28px; line-height:28px; vertical-align:top; border:1px solid #d2d2d2; padding:0 5px; margin:0 0 10px 0; }
.contents-join .join .mobile-input table tbody td input[type="radio"] { vertical-align:top; height:20px; padding:4px 5px 0 0; }
.contents-join .join .mobile-input table tbody td select { width:80px; height:30px; vertical-align:top; border:1px solid #d2d2d2; }
.contents-join .join .mobile-input table tbody td.mobile label { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-join .join .mobile-input .btn-ok a { display:block; color:#fff; width:135px; margin:0 auto; text-align:center; background:#876299; font-size:16px; height:36px; line-height:36px; }

/*회원가입-정보입력*/
.contents-join-info { width:1000px; margin:0 auto; padding:0 0 60px; position:relative; }
.contents-join-info .join-info { padding:28px 0 50px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-join-info .join-info h6 { margin:0 0 10px 30px; font-weight:500; font-size:20px; color:#222; line-height:40px; }
.contents-join-info .join-info fieldset { border:0; margin:0; padding:0; }
.contents-join-info .join-info legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-join-info .join-info table { width:940px; border-top:2px solid #4162A3; margin:0 auto; overflow:hidden; font-size:14px; }
.contents-join-info .join-info table caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-join-info .join-info table th { width:170px; line-height:28px; background:#f7f7f7; border-bottom:1px solid #d2d2d2; font-weight:500; color:#000; }
.contents-join-info .join-info table td { width:750px; color:#767676; line-height:28px; border-bottom:1px solid #d2d2d2; padding:10px 0 10px 20px; background-color:#fff; }
/*.contents-join-info .join-info table td label { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }*/
.contents-join-info .join-info table td select { width:80px; height:30px; border:1px solid #d2d2d2; vertical-align:top; }
.contents-join-info .join-info table td input { width:270px; height:28px; line-height:28px; border:1px solid #d2d2d2; padding:0 5px; vertical-align:top; }
.contents-join-info .join-info table td .txt-info { font-size:13px; color:#bb4b03; margin:0 0 0 10px; }
.contents-join-info .join-info table td span.txt-password { font-size:13px; color:#bb4b03; margin:0 0 0 10px; }
.contents-join-info .join-info table td span .btn { display:inline-block; vertical-align:top; width:75px; height:30px; border-radius:2px; background-color:#767676; line-height:30px; font-size:14px; text-align:center; color:#fff; margin:0 0 0 10px; }

/*회원가입완료*/
.contents-join-complete { width:1000px; margin:0 auto; padding:0 0 60px; }
.contents-join-complete .join-complete { width:1000px; height:506px; border-top:2px solid #d2d2d2; background:#fff url('../../images/images_2018/sub/icon_complete.png') center 151px no-repeat; }
.contents-join-complete .join-complete h6 { margin:29px 31px 0; padding-bottom:10px; border-bottom:2px solid #4162A3; font-weight:500; font-size:20px; color:#222; line-height:40px; }
.contents-join-complete .join-complete p { margin:0 0 15px; padding:188px 0 0 0; font-size:18px; color:#252525; text-align:center; font-weight:500; }
.contents-join-complete .join-complete > ul { margin:0; padding:0; text-align:center; }
.contents-join-complete .join-complete > ul > li { list-style:none; }
.contents-join-complete .join-complete .txt-join-complete { width:448px; height:48px; line-height:48px; text-align:center; margin:0 auto 30px; font-size:16px; color:#666; border:1px solid #d2d2d2; }
.contents-join-complete .join-complete .txt-join-complete span { color:#4162A3; }
.contents-join-complete .join-complete .btn-login { width:450px; margin:0 auto; }
.contents-join-complete .join-complete .btn-login .btn { width:223px; }

.os-join-process-step { width:1000px; height:66px; margin:0 0 20px; padding:0; background:no-repeat 0 0; font-size:0; list-style:none; }
.os-join-process-step li { display:inline-block; width:33.33%; padding:22px 0; font-size:16px; color:#fff; text-align:center; box-sizing: border-box; }
.os-join-process-step li span { margin-right:4px; font-size:13px; color:#fff9ae; }
.contents-osjoin-agree .os-join-process-step { background-image:url('../../images/images_2018/sub/os_join_process_step1.jpg'); }
.contents-osjoin-info .os-join-process-step { background-image:url('../../images/images_2018/sub/os_join_process_step2.jpg'); }
.contents-osjoin-complete .os-join-process-step { background-image:url('../../images/images_2018/sub/os_join_process_step3.jpg'); }
/*법률지원회원가입-약관동의*/
.contents-osjoin-agree { width:1000px; margin:0 auto; padding:0 0 60px; }
.contents-osjoin-agree .osjoin-agree { padding:28px 0 50px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-osjoin-agree .osjoin-agree h6 { margin:0 0 10px 30px; font-weight:500; font-size:20px; color:#222; line-height:40px; }
.contents-osjoin-agree .osjoin-agree fieldset { border:0; margin:0; padding:0; }
.contents-osjoin-agree .osjoin-agree legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-osjoin-agree .osjoin-agree label { color:#666; font-size:14px; }
.contents-osjoin-agree .osjoin-agree .terms { margin:0 0 25px 0; }
.contents-osjoin-agree .osjoin-agree .txt-terms { width:938px; height:268px; margin:0 auto 15px; }
.contents-osjoin-agree .osjoin-agree .txt-terms textarea { font-family:'NotoSans', sans-serif; width:905px; height:235px; padding:10px 10px 20px 20px; resize:none; border:1px solid #d8d8d8; }
.contents-osjoin-agree .osjoin-agree .txt-policy { width:938px; height:268px; margin:0 auto 15px; }
.contents-osjoin-agree .osjoin-agree .txt-policy textarea { font-family:'NotoSans', sans-serif; width:905px; height:235px; padding:10px 10px 20px 20px; resize:none; border:1px solid #d8d8d8; }
.contents-osjoin-agree .osjoin-agree .agree-terms { width:940px; margin:0 auto; text-align:right; }
.contents-osjoin-agree .osjoin-agree .agree-terms input[type="checkbox"] { vertical-align:middle; height:20px; padding:4px 5px 0 0; }
.contents-osjoin-agree .osjoin-agree .agree-policy { width:940px; margin:0 auto; text-align:right; }
.contents-osjoin-agree .osjoin-agree .agree-policy input[type="checkbox"] { vertical-align:middle; height:20px; padding:4px 5px 0 0; }
.contents-osjoin-agree .osjoin-agree p { margin:35px 0 25px 0; padding:0; font-weight:500; font-size:18px; color:#222; text-align:center; }

/*법률지원회원가입-정보입력*/
.contents-osjoin-info { width:1000px; margin:0 auto; padding:0 0 50px 0; position:relative; }
.contents-osjoin-info .osjoin-info { padding:28px 0 50px; border-top:2px solid #d2d2d2; background:#fff; }
.contents-osjoin-info .osjoin-info h6 { margin:0 0 10px 30px; font-weight:500; font-size:20px; color:#222; line-height:40px; }
.contents-osjoin-info .osjoin-info fieldset { border:0; margin:0; padding:0; }
.contents-osjoin-info .osjoin-info legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-osjoin-info .osjoin-info table { width:940px; border-top:2px solid #4162A3; margin:0 auto; overflow:hidden; }
.contents-osjoin-info .osjoin-info table caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-osjoin-info .osjoin-info table tbody th { width:170px; line-height:28px; background:#f7f7f7; border-bottom:1px solid #d2d2d2; font-weight:500; font-size:14px; color:#000; }
.contents-osjoin-info .osjoin-info table tbody td { width:750px; font-size:14px; color:#767676; line-height:28px; border-bottom:1px solid #d2d2d2; padding:10px 0 10px 20px; }
.contents-osjoin-info .osjoin-info table tbody td select { width:80px; height:30px; border:1px solid #d2d2d2; vertical-align:top; }
.contents-osjoin-info .osjoin-info table tbody td input { width:270px; height:28px; line-height:28px; border:1px solid #d2d2d2; padding:0 5px; vertical-align:top; }
.contents-osjoin-info .osjoin-info table tbody td span { font-size:13px; color:#807f7f; }
.contents-osjoin-info .osjoin-info table tbody td .txt-info { font-size:13px; color:#bb4b03; margin:0 0 0 10px; }
.contents-osjoin-info .osjoin-info table tbody td.txt-password span { font-size:13px; color:#bb4b03; margin:0 0 0 10px; }
.contents-osjoin-info .osjoin-info table tbody td span .btn { display:inline-block; vertical-align:top; width:75px; height:30px; border-radius:2px; background-color:#767676; line-height:30px; font-size:14px; text-align:center; color:#fff; margin:0 0 0 10px; }

/*법률지원회원가입 완료*/
.contents-osjoin-complete { width:1000px; margin:0 auto; padding:0 0 60px; }
.contents-osjoin-complete .osjoin-complete { width:1000px; height:506px; border-top:2px solid #d2d2d2; background:#fff url('../../images/images_2018/sub/icon_complete.png') center 151px no-repeat; }
.contents-osjoin-complete .osjoin-complete h6 { margin:29px 31px 0; padding-bottom:10px; border-bottom:2px solid #4162A3; font-weight:500; font-size:20px; color:#222; line-height:40px; }
.contents-osjoin-complete .osjoin-complete p {  margin:0 0 15px; padding:188px 0 0 0; font-size:18px; color:#252525; text-align:center; font-weight:500; }
.contents-osjoin-complete .osjoin-complete > ul { margin:0; padding:0; text-align:center; }
.contents-osjoin-complete .osjoin-complete > ul > li { list-style:none; }
.contents-osjoin-complete .osjoin-complete .txt-join-complete { width:448px; height:48px; line-height:48px; text-align:center; margin:0 auto 30px; font-size:16px; color:#666; border:1px solid #d2d2d2; }
.contents-osjoin-complete .osjoin-complete .txt-join-complete span { color:#4162A3; }
.contents-osjoin-complete .osjoin-complete .btn-login { width:450px; margin:0 auto; }
.contents-osjoin-complete .osjoin-complete .btn-login .btn { width:223px; }