@charset "utf-8";

/*
  메디잡 2017 리뉴얼프로젝트
  login css Style
  Author : yuhee77
  Version : 1.0
  date: 2017.7 ~
*/

/* loginTop */
.loginTop{background-color:#fff; border-bottom:1px solid #ddd/*#e6ebf1*/}
.loginTop .lineSection{width:960px; margin:0 auto 0; padding:32px 0 30px;  height:45px; *zoom:1}
.loginTop .lineSection:after{content:""; display:block; clear:both}
.loginTop .lineSection > li{float:left}
.loginTop .lineSection > li.loginTopRight{float:right; margin-top:33px}
.loginTop .lineSection > li.loginTopRight > a{font-size:12px; font-family:Gulim, AppleGothic; color:#222; background:url(../images/common/bar_login_top.gif) no-repeat 0 1px; margin-left:7px; padding-left:7px;}
.loginTop .lineSection > li.loginTopRight > a:first-child{background:none}
.loginTop .lineSection > li.loginTopRight > a:hover{color:#006cb5; text-decoration:underline}

/* 개인 병원회원 로그인 메인*/
.loginSection{width:960px; margin:30px auto 0;}
.loginSection .imgRogin{padding:90px 0 30px; text-align:center}
.joinWrap{margin-left:140px;}
.joinWrap > ul:after{content:""; display:block; clear:both}
.joinWrap .joinInner{float:left; border-top:3px solid #fe3f1f; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; width:333px;  margin-left:20px}
.joinWrap .joinInner:hover{border-top:3px solid #fe3f1f; border-bottom:1px solid #fe3f1f; border-left:1px solid #fe3f1f; border-right:1px solid #fe3f1f; }
.joinWrap .joinInner:first-child{margin-left:0}
.joinWrap .joinInner > ul{padding:60px 25px 20px}
.joinWrap .joinInner > ul > li{ background:url(../images/login/ico_dot.gif) no-repeat 15px 10px;padding-left: 30px;}
.joinWrap .joinInner .joinTextTit{background:none; font-size:21px; color:#234379; letter-spacing:-2px; font-weight:bold; background:url(../images/login/ico_check.gif) no-repeat 5px 5px;padding-left:30px;}
.joinWrap .joinInner .styleBoder{ border-top:1px dashed #ddd; padding-top: 20px; margin-top: 15px; background-position: 15px 28px;}
.joinWrap .joinInner > a{display:block; margin:10px 30px 50px; text-align:center }
.joinWrap .joinInner > a > img{display:block; padding-left: 125px;}
.joinWrap .joinInner > a > span{display:block; background:url(../images/login/ico_check.png) no-repeat right -30px; padding-right:20px; margin-top:10px; font-size:22px; font-weight:bold; color:#222; letter-spacing:-2px}
.joinWrap.type2{margin-left:88px}
.joinWrap.type2 > ul{padding-bottom:120px}
/* 회원가입 리뉴얼 */
.membershipWrap{width: 690px!important;}
.loginSection .line{background: #f1f1f1; width: 100%; height: 3px; margin: 40px 0;}
.membershipWrap .mbsWrap{}
.membershipWrap .mbsWrap ul{}
.membershipWrap .mbsWrap li{text-align: center; border: 1px solid #6b6b6b; box-shadow: 1px 2px 6px 0px #ddd; border-radius: 10px; padding: 40px; font-size: 19px;}
.membershipWrap .mbsWrap li a{display: block; background: #41a8f8; width: 250px; line-height: 60px; font-size: 20px; color: #fff; margin-top: 20px; border-radius: 10px;}
.membershipWrap .mbsWrap li a:HOVER{box-shadow: 3px 3px 8px 0px #ddd;}
.membershipWrap .mbsWrap li.cpy a{background: #25d270;}
/* 아이디/비번찾기 리뉴얼 */
.login_srchWrap{text-align: center;}
.login_srchWrap .h3Line{margin: 0 0 20px; padding: 0; line-height: 47px;}
.login_srchWrap .h3Line h3{display: inline-block; margin-left: 10px; font-size: 19px; font-weight: bold;}
.login_srchWrap .h3Line img{}
.login_srchWrap .srchInner{}
.login_srchWrap .tabBtn{height: 60px;}
.login_srchWrap .tabBtn li{background: #f7f7f7; width: 50%; box-sizing: border-box; line-height: 60px; text-align: center; border:1px solid #f7f7f7; float: left; border-bottom-color:#bdbdbd; }
.login_srchWrap .tabBtn li:FIRST-CHILD{border-top-left-radius: 10px; margin-left: 0;}
.login_srchWrap .tabBtn li:LAST-CHILD{border-top-right-radius: 10px;}
.login_srchWrap .tabBtn li.on{margin-top: 0; border-color: #bdbdbd; background: #fff; border-bottom: 0;}
.login_srchWrap .tabBtn li a{color: #333; font-size: 15px; display: block; width: 100%; height: 100%;}
.login_srchWrap .tabCont2{width:370px; border: 1px solid #bdbdbd; padding: 40px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: left;}
.login_srchWrap .tabCont2.cpy{padding: 70px 20px; border-radius:10px; }
.login_srchWrap .tabCont2 label{width: 100px; display: inline-block; font-size: 15px;}
.login_srchWrap .tabCont2 input{width: 100%; height: 50px; border-radius: 5px;}
.login_srchWrap .tabCont2 select{width: 79px; height: 50px; border-radius: 5px; padding-right: 0px; letter-spacing: -1px; font-size: 15px;}
.radius_btn{display: inline-block; background: #41a8f8; width: 250px; line-height: 60px; font-size: 20px; color: #fff !important; border-radius: 60px;}
.radius_btn.cpy{background: #25d270;}
.login_srchWrap .btn{background: #41a8f8; width: 110px; line-height: 50px; height: 50px; color: #fff; font-size: 14px; text-align: center; margin-left: 5px; border-radius: 5px;}


.login_pil{color:#ff624d; letter-spacing:-1px; font-weight:bold; margin-bottom:5px;}
.login_birthBox{background:#f5f5f5; border-radius:5px; padding: 7px; font-size:12px; letter-spacing:-1px; width: 562px; display: inline-block; text-align: center;}

/* 약관및회원인증 */
.loginTree{width: 960px; margin:10px auto;}
.loginTree:after{content:""; display:block; clear:both}
.loginTree > ul{float:right}

.loginTree > ul:after{content:""; display:block; clear:both}
.loginTree .treeTxt{float:left; }
.loginTree .treeTxt > a{font-size:12px; color:#333}

.agreeWrap{width:550px; margin:20px auto}
.agreeWrap > ul{border:1px solid #ddd}
.agreeWrap .agreeLineStyle{ border-top:1px solid #ddd; padding:15px ; font-size:14px; font-weight:bold; color:#666; background-color:#f8f8f8}
.agreeWrap .agreeLineStyle:first-child{border-top:0; font-size:16px; color:#222}
.agreeWrap .agreeLineStyle .view{background:url(../images/login/ico_check.png) no-repeat 0 3px; display: inline-block; float: right; font-size: 12px; padding-left: 20px; color: #222;}
.agreeWrap .agreeLineStyle .view > a{color:#222}
.agreeWrap .agreeLineStyle .agreeAll{color:#234379; font-size:16px; font-weight:bold}
.agreeWrap .agreeLineStyle .agreeAllText{display:none; overflow-y: scroll; height: 300px; margin-top:20px; background-color:#fff; padding:20px 15px;border:1px solid #d2d2d2}
.agreeWrap .agreeLineStyle .agreeAllText > dt{color:#fe3f1f; font-weight:bold}
.agreeWrap .agreeLineStyle > label{color:#222}
	.agreeAllText .agreeCont{ font: 0.85em Verdana, Gulim, sans-serif; line-height: 20px; letter-spacing: -0.065em; color:#666}
	.agreeAllText .agreeCont > p{font-weight:bold; color:#234379; margin-top:10px}
	.agreeAllText .agreeCont > dl{margin-top:10px}
	.agreeAllText .agreeCont > dl > dt{color:#0664c7}
	.agreeAllText .agreeCont > dl > dd{margin-top:5px; line-height:20px; margin-left:10px}
	.agreeAllText .agreeCont > dl > dd > ol{}
	.agreeAllText .agreeCont > dl > dd > ol > li{text-indent:-10px; padding-left:10px; margin-top:2px}
	.agreeAllText .agreeCont > dl > dd > ul > li{text-indent:-10px; padding-left:10px; }
	.agreeAllText .agreeCont > dl > dd > ol > li:first-child{margin-top:0}
	.agreeAllText .agreeCont > dl > dd > ol > li > ul , .agreeAllText .agreeCont > dl > dd > ol > li > dl {margin-left:10px}
	.agreeAllText .agreeCont > dl > dd > ol > li > dl > dd{margin-left:4px; text-indent:0}
	.agreeAllText .agreeCont .agreeDate{text-align:right; margin-top:10px; padding-bottom:20px}
	.agreeAllText .agreeCont .agreeDate li{color:#222}
	.agreeAllText .agreeCont .agreeDate li > span{padding-right:10px; background:url(../images/ico/ico_dot2.gif) 0 6px no-repeat; padding-left:8px}
	.agreeAllText .agreeCont1{font: 0.85em Verdana, Gulim, sans-serif; line-height: 20px; letter-spacing: -0.065em; color:#666; margin-top:10px}
	.agreeAllText .agreeCont1 > dl > dt{color:#0664c7; padding-bottom:5px}
	.agreeAllText .agreeCont1 > dl > dd{margin-left:3px}
	.agreeAllText .agreeCont1 > dl > dd > dl > dt{margin-top:10px; margin-left:10px; text-indent:-10px}
	.agreeAllText .agreeCont1 > dl > dd > dl > dd{margin-left:10px;}
	.agreeAllText .agreeCont1 > dl > dd > dl > dd > dl > dt{margin-top:5px}
	.agreeAllText .agreeCont1 > dl > dd > dl > dd > dl > dd{margin-left:10px; text-indent:-6px; margin-top:5px}
	.agreeAllText .agreeCont1 > dl > dd > dl > dd > dl > dd:first-child{margin-top:0}
.agreeWrap .agreeLineStyle .lineWrap{}
.agreeWrap .agreeLineStyle .lineWrap:after{content:""; display:block; clear:both}
.agreeWrap .agreeLineStyle .lineWrap .leftAgree{float:left}
.agreeWrap .agreeLineStyle .lineWrap .leftAgree .pointOrB{display:block; padding-left:23px; margin-top:5px; line-height:15px}
.agreeWrap .agreeLineStyle .lineWrap .rightAgree{float:right}
.agreeWrap .agreeLineStyle input[type=checkbox]{margin-right:4px}
.agreeWrap .pointOrB {font-size:12px}

/* 회원인증 */
.certification{width:550px; margin:20px auto 60px}
.certification .selectBox{}
.certification .tabCenter{/*border-top: 1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; */height:50px; overflow:hidden}
.certification .tabCenter:after{content:""; display:block; clear:both}
.certification .tabCenter > li{width:50%; float:left; height:48px ; margin-bottom:0; border-top:1px solid #dedede; border-left:1px solid #dedede; box-sizing:border-box}
.certification .tabCenter > li.selected{height:50px; margin-left:0; border-right:2px solid #234379; border-top:2px solid #234379; border-left:2px solid #234379 }
.certification .tabCenter > li:first-child{}
.certification .tabCenter > li:last-child{border-left:0; border-right:1px solid #dedede}
.certification .tabCenter > li:last-child.selected{border-right:2px solid #234379; border-left:2px solid #234379}
.certification .tabCenter > li > a{display:block; text-align:center; font-size:18px; color:#222; padding:14px 0 11px; border-bottom:2px solid #234379}
.certification .tabCenter > li.selected > a{color:#234379; border-bottom:0}
.certification .innerC{border:1px solid #ddd; }
.certification .innerC .box1{padding:20px 0 20px 30px; background-color:#f8f8f8}
.certification .comment{margin-top:40px; padding:10px}
.certification .comment .commentCont{margin-left:0; padding:15px 0}
.certification .comment .commentCont > dt{background: url(../images/ico/ico_warning.png) no-repeat 0 0; padding-left:30px; margin-left:10px; font-size:14px; font-weight:bold}
.certification .comment .commentCont > dd{font:12px "돋움", dotum, Tahoma, Helvetica; margin:15px 20px 10px}
.certification .comment .commentCont > dd > ul > li{background:url(../images/ico/ico_dot2.gif) 0 7px no-repeat; padding-left:10px; line-height:20px; margin-top:10px}
.certification .crtInputWrap{}
.certification .crtInputWrap > li{padding:5px 0}
.certification .crtInputWrap > li > label{width:21%; display:inline-block; zoom:1; *display:inline; font-size:14px; color:#222; font-weight:bold}
.certification .crtInputWrap > li > input[type=text]{margin-left:0}
.certification .crtInputWrap .forNum > label{ width: 107px; display: inline-block;}
.certification .crtInputWrap .crtInputName{width:60%; height:24px}
.certification .crtInputWrap .genderWrap{ height:20px; padding:10px 0}
.certification .crtInputWrap .birth_noti label {width:330px; margin:0 0 0 110px; font-size:12px; color:#fd4223; line-height:16px;}
.certification .crtInputWrap .genderWrap > label{font-weight:normal; }
.certification .crtInputWrap .crtGender{font-size:14px; color:#222; font-weight:bold; width:115px; display:inline-block; zoom:1; *display:inline}
.certification .crtInputWrap label.male, .certification .crtInputWrap label.female{font-size:12px; color:#222}
.certification .crtInputWrap .methodLine{height:20px; padding-bottom:10px }
.certification .crtInputWrap .methodLine .crtMethod{width:115px; display:inline-block; zoom:1; *display:inline;font-size:14px; color:#222; font-weight:bold }
.certification .crtInputWrap .methodLine > label{color:#222; font-size:12px; display:inline-block; zoom:1; *display:inline; width:21%}
/*
.certification .crtInputWrap .certificationPhon, .certification .crtInputWrap .certificationEmail{padding:10px; background-color:#f2f2f2}
.certification .crtInputWrap .certificationPhon.typeCerNum, .certification .crtInputWrap .certificationEmail.typeCerNum{margin-top:-5px}
*/
.certification .crtInputWrap .certificationPhon > label{display:inline-block; zoom:1; *display:inline; width:80px}
/*
.certification .crtInputWrap .certificationPhon input, .crtInputWrap .certificationEmail input{width:110px}
*/
.certification .crtInputWrap .certificationPhon input, .certification .crtInputWrap .certificationPhon select{width:75px}
.certification .crtInputWrap .certificationPhon a.btn{height:20px; border:0; vertical-align:middle; padding-top:6px}
.certification .crtInputWrap .certificationPhon input[type=button], .certification .crtInputWrap .certificationPhon input[type=submit]{height:100%; vertical-align:middle}
.certification .crtInputWrap .certificationPhon > span{margin-left:0}
/*
.certification .crtInputWrap .certificationEmail .btn{margin-left:110px; margin-top:5px}
*/
.certification .certificationPhon{margin-bottom:5px}
.certification .certificationPhon.typeCerNum input[type=text]{margin-left:0}
	.certificationPhon .crtMethod{font-weight:bold}
.certification .crtInputWrap .foreignerAgreeCheck{padding-left:115px; margin-top:10px}
.certification .crtInputWrap .foreignerAgreeCheck label{width:auto; font:12px "돋움", dotum, Tahoma, Helvetica; margin-top:5px}
.certification .crtInputWrap .foreignerAgreeCheck label input{margin-right:5px; vertical-align:top; margin-left:0}
.certification .crtInputWrap input[type="radio"]{border:0; margin:0 4px 0 0}
.certification .crtInputWrap input{/*width:200px; */height:auto}
.certification .crtInputWrap input[type=text]{height:22px; margin-right:3px; margin-left:3px; }
.certification .crtInputWrap input[type=text]:first-child{margin-left:0}
.certification .crtInputWrap select{/*height:30px; */width:100px;}
.certification .btnWrap{margin-top:20px}

/* 입력창 */
.loginSection.typeInput{}
.loginSection.typeInput .dlTableWrap{margin-top:20px; /*background:url(../images/login/bg_dltable.gif) no-repeat 0 0; */border-right:0}
.loginSection.typeInput .dlTableWrap .dlTable{/*background:url(../images/common/bg_table_row_small.png) repeat-y 0 0;*/border-top:1px solid #ddd }
.loginSection.typeInput .dlTableWrap .dlTable:first-child{border-top:0}
.loginSection.typeInput .dlTableWrap .dlTable:first-child > dt{}
.loginSection.typeInput .dlTableWrap .dlTable > dt{width:155px;  }
.loginSection.typeInput .dlTableWrap .dlTable > dd{padding-left:20px; width:660px}
.loginSection.typeInput .dlTableWrap .dlTable > dd.mouseoverText{display:none; background-color: #fff;border: 2px solid #121f36;padding: 20px;width: 515px;position: absolute;right: -110px;top: 50px;z-index: 2;}
.loginSection.typeInput .dlTableWrap .dlTable > dd.mouseoverText > dl > dt{font-size:15px; padding-bottom:10px; color:#222 }
.loginSection.typeInput .dlTableWrap .dlTable > dd.mouseoverText > dl > dd{font-size:12px;  font-family: "돋움",Dotum; color:#222; line-height:18px;}
.loginSection.typeInput .dlTableWrap .dlTable > dd .pointBlB{font-weight:normal !important;  letter-spacing:-1px; font-size:11px !important; font-family: "돋움", dotum, Tahoma, Helvetica; }
.loginSection.typeInput .dlTableWrap .dlTable > dd .pointOrB{font-size: 11px !important; margin-top: 5px;font-family: "돋움", dotum, Tahoma, Helvetica; font-weight:normal !important ; letter-spacing:-1px}
.loginSection.typeInput .dlTableWrap .dlTable > dd a.btn.type2{margin-left:0}
.loginSection.typeInput .dlTableWrap .dlTable > dd a.btn.type2 > img{padding-top:3px; padding-left:3px; vertical-align:top}
.loginSection.typeInput .dlTableWrap .dlTable > dd.number{}
.loginSection.typeInput .dlTableWrap .dlTable > dd.number .sideAsist{}
.loginSection.typeInput .dlTableWrap .dlTable > dd.number .ui-datepicker-trigger{margin-top:5px;background:none} /* 버튼정렬 1117 추가 */
.loginSection.typeInput .dlTableWrap .dlTable > dd .idTxt{font:11px "돋움", dotum, Tahoma, Helvetica; margin-top:7px}
.loginSection.typeInput .dlTableWrap .dlTable.type2Line{}
.loginSection.typeInput .dlTableWrap .dlTable.type2Line > dt{}
.loginSection.typeInput .dlTableWrap .dlTable.type2Line > dd{width:227px} /* 0107 수정*/
.loginSection.typeInput .btnWrap{margin-top:40px; padding-bottom:80px}
.loginSection.typeInput .dlTableWrap .btn.wh{padding-top:5px}
.loginSection.typeInput .dlTableWrap .btn.wh > img{margin-top:3px}
.loginSection.typeInput .pointPinkB{margin-left:5px}
.loginSection.typeInput .dlTableWrap input{height:22px}
.loginSection.typeInput .dlTableWrap .number{}
.loginSection.typeInput .dlTableWrap .number .selectBox{padding:0; /*width:100px;*/ width:auto; border-color:#bbb; margin-left:0}
.loginSection.typeInput .dlTableWrap .number .selectBox select{height:28px; padding-right:40px; width:auto}
.loginSection.typeInput .dlTableWrap .number select , .loginSection.typeInput .dlTableWrap input{border-color:#bbb}
.loginSection.typeInput .dlTableWrap .number input[type=text]{width:100px}
.loginSection.typeInput .dlTableWrap input[type=text].companyEmail{width:120px}
.loginSection.typeInput .dlTableWrap .number.companyClass{ }
.loginSection.typeInput .dlTableWrap .number.companyClass:after{content:""; display:block; clear:both}
.loginSection.typeInput .dlTableWrap .number.companyClass .selectBox{/*width:200px; */width:auto; margin-right:10px}
.loginSection.typeInput .dlTableWrap .number.companyClass > span{display:block; float:left; width:530px; }
.loginSection.typeInput .dlTableWrap .number.companyClass > span label{width:93%; padding-left:2px; line-height:17px; color:#666}
.loginSection.typeInput .dlTableWrap .number.companyClass > span input, .loginSection.typeInput .dlTableWrap .number.companyClass > span label{display:inline-block; *display:inline; zoom:1; margin-top:5px}
.loginSection.typeInput .dlTableWrap .number.companyClass > span input[type=checkbox]{vertical-align:top; margin-right:0; margin-left:0;margin-top:2px}
.loginSection.typeInput .dlTableWrap .companyNum{width:80px}
.loginSection.typeInput .dlTableWrap .companyNum input[type=text]{width:120px}
.loginSection.typeInput .dlTableWrap .companyNum label{color:#666; margin-top:5px}
.loginSection.typeInput .dlTableWrap .companyNum > span > input[type=checkbox]{margin-right:4px; margin-top:2px}
.loginSection.typeInput .dlTableWrap .address1 input{width:100px; margin-left:0}
.loginSection.typeInput .dlTableWrap .address2{margin-top:5px}
.loginSection.typeInput .dlTableWrap .address2 label{display:inline-block; zoom:1; *display:block; width:103px; margin-top:10px}
.loginSection.typeInput .dlTableWrap .address2 input[type=text]{width:447px; display:inline-block; zoom:1; *display:block}
.loginSection.typeInput .dlTableWrap .majorChoice{width:500px}
.loginSection.typeInput .dlTableWrap .majorChoice > a{ vertical-align:top; margin-top:5px}
.loginSection.typeInput .dlTableWrap .majorChoice > span{line-height:18px}
.loginSection.typeInput .txtAreaType1{margin-top:40px}
.loginSection.typeInput .txtAreaType1 > dl{padding-bottom:20px}
.loginSection.typeInput .txtAreaType1 .txtContWrap{margin:10px 80px; font-size:14px; }
.loginSection.typeInput .txtAreaType1 .txtContWrap > ul{}
.loginSection.typeInput .txtAreaType1 .txtContWrap > ul > li{padding:5px 0; border-top: 1px solid #ddd;}
.loginSection.typeInput .txtAreaType1 .txtContWrap > ul > li:first-child{border-top:0}
.loginSection.typeInput .txtAreaType1 .txtContWrap > ul > li > span:first-child{display:inline-block; zoom:1; *display:block; width:170px; }
.loginSection.typeInput .txtAreaType1 .txtContWrap label{font-weight:bold; color:#006db6; font-size:15px}
.loginSection.typeInput .dlTableWrap textarea{width:573px; height:70px; border-color:#bbb}
.loginSection.typeInput .footNote{padding-bottom:0; margin-top:20px}

/* 회원가입 완료 */
.joinWrap.joinEnd{ /*border:1px solid #d8d8d8; */padding:10px 65px 20px; width:690px; margin:50px auto}
.joinWrap.joinEnd .welcomeWord{text-align: center; font-size: 30px; letter-spacing:-2px; margin-top:30px; line-height:34px}
.joinWrap.joinEnd .welcomeWord .pointBlB{font-size:35px; letter-spacing:-3px}
.joinWrap.joinEnd .welcomeComment{margin-top:20px ; text-align:center; font-size: 18px; letter-spacing: -2px; color:#333 }
.joinWrap.joinEnd .joinInner{background-color:#fff; margin-top:50px; border:0 }
.joinWrap.joinEnd .joinInner > a{border-top: 3px solid #1a88f3; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8;  border-right: 1px solid #d8d8d8; border-radius: 20px;}
.joinWrap.joinEnd .joinInner:hover > a{border-left:1px solid #1a88f3; border-right:1px solid #1a88f3; border-bottom:1px solid #1a88f3; }
.joinWrap.joinEnd .joinInner > a{padding: 35px 60px 45px; margin: 0;}
.joinWrap.joinEnd .joinInner > a > span{}

/* 회원가입여부-id확인 */
.loginSection_bg{ width: 100%; height:372px; margin: 0 auto; background-color:#dff2f9; }
.loginSection_bg img{ width: 1348px; display: block; margin: 0 auto;  }

.loginSection{ width: 960px; margin: 0 auto;}
.loginSection .joinSelect{width:900px ; margin:20px auto 130px}
.loginSection .joinSelect > ul{width:100%; *zoom:1}
.loginSection .joinSelect > ul:after{content:""; display:block; clear:both}
.loginSection .joinSelect .joinSelectBox{ float:left; margin-left:15px; background:url(../images/login/bg_joinselect.png) no-repeat 0 0; width:367px; height:245px; border-bottom:1px solid #4b5971; padding:35px 25px 0}
.loginSection .joinSelect .joinSelectBox > ul > li{background:url(../images/ico/ico_dot.gif) no-repeat 10px 10px; padding-left:20px; color:#444}
.loginSection .joinSelect .joinSelectBox .selectTit{font-size:15px; letter-spacing:-2px; background: #f2f2f2 none; padding:7px; margin-bottom:15px; color:#222; text-align:center}
.loginSection .joinSelect .joinSelectBox .selectTit.type2{margin-top:30px; background:none; font-size: 18px; line-height: 26px;}
.loginSection .joinSelect .joinSelectBox .btnWrap{ text-align:center}
.loginSection .joinSelect .joinSelectBox .btnWrap.selectLeft{ margin-top:20px}
.loginSection .joinSelect .joinSelectBox .btnWrap.selectRight{ margin-top:70px}

/* 로그인페이지 */
#containerWrap.typeLoginContainer .loginSection .loginArea .contents{width:790px; margin-top:5px; padding-top:15px; height: 317px;} /* padding-bottom:40px; */
#containerWrap.typeLoginContainer .loginSection .loginArea .bnrs .bnrsLogin{ width: 790px; height: 70px; margin-left: 37px; margin-top: 70px;  }
.loginArea .top .loginTit{ display: block; font-weight: 800; font-size: 23px; font-family: "나눔스퀘어", "NanumSquare"; color: #414141; letter-spacing: -2px;}
.loginArea .top .loginTit b{ font-weight: 800; color: #3f6fd4; } 
.loginArea .top .loginCon{ font-size: 16px; font-family: "나눔스퀘어라운드", "NanumSquareRound"; margin-top: 10px; display: block; color: #414141;}
.loginArea .top .loginCon a{margin-left: 8px;}
/* .loginArea .top hr{ display: block; visibility: visible; margin-top: 6px; background-color: #1b93e4; height: 1px; border: 1px solid #1b93e4; } */
.loginArea .top{width:790px; margin:50px auto 0px} /* margin:100px auto 0px */
.loginArea .contents{width:790px; margin:0 auto 0; padding-top:40px}
.loginArea .contents:after{content:""; display:block; clear:both}
.loginArea .contents .left{float:left; width:480px; height: 280px; margin-right: 20px;}

/* .loginArea .contents .left 새로수정 */
.loginArea .contents .left .lo_left_tab {height: 65px;}
.loginArea .contents .left .lo_left_tab div:last-child{margin-left: -1px;}
.loginArea .contents .left .lo_left_tab a{width: 239px; height: 65px; display: block;}
.loginArea .contents .left .lo_left_tab a:hover{color: #000;}
.loginArea .contents .left .lo_left_tab div{background-color: #eee; width: 50%; height: 65px; box-sizing: border-box; font-size: 21px; line-height: 65px; float: left; text-align: center; border: 1px solid #a6a6a6; color: #8d8d8d;}
.loginArea .contents .left .lo_left_tab div.on{background-color: #fff; border-bottom: none;  color: #000;}

.loginArea .contents .left .lo_left_login{width:479px; background-color: #fff; border-left:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6; height: 269px; box-sizing: border-box; padding: 15px 30px;}
.loginArea .contents .left .lo_left_login .lo_se_01{font-size: 17px;}
.loginArea .contents .left .lo_left_login .lo_se_01 .lo_se_span{color:#628be3; font-size: 20px;}

/* 로그인 아이콘 */
.login_imgicon{margin-top: 10px;}
.login_imgicon li{display: flex;}
.login_imgicon li a{display: block; width: 40px; height: 40px; border-radius: 50%; background: no-repeat center; background-size: 100%; font-size: 0px; margin-right: 10px;}




/* .loginArea .contents .left .lo_left_login .tabTxt .idSaveLine{ position: relative; top: 158px; left: 20px; } */
.loginArea .contents .left .lo_left_login .tabTxt .idSaveLine:after{content:""; display:block; clear:both}
.loginArea .contents .left .lo_left_login .tabTxt .idSave{float:left}
.loginArea .contents .left .lo_left_login .tabTxt .idSave:after{content:""; display:block; clear:both}
.loginArea .contents .left .lo_left_login .tabTxt .idSave > span{display:block; float:left; margin-left:10px;  }
.loginArea .contents .left .lo_left_login .tabTxt .idSave > span:first-child{margin-left:0}
.loginArea .contents .left .lo_left_login .tabTxt .idSave > span > input[type=checkbox]{margin-left:0; margin-right:4px}
.loginArea .contents .left .lo_left_login .tabTxt .idSave > span > label{font-size:12px; }
.loginArea .contents .left .lo_left_login .tabTxt .idSave .ip{}
.loginArea .contents .left .lo_left_login .tabTxt .idSave .ip:before{display:inline-block; zoom:1; *display:inline; content:""; width:1px; height:10px; background:#ccc; vertical-align:top; margin:3px 10px 0 0}
.loginArea .contents .left .lo_left_login .tabTxt .idSave .ip > a{display:inline-block; zoom:1; *display:inline; background:url(../images/login/img_ipoff.png) 100% 0 no-repeat; color:#666 ; padding-right:35px; line-height:1.22}
.loginArea .contents .left .lo_left_login .tabTxt .idSave .ip > a.on{background:url(../images/login/img_ipon.png) 100% 0px no-repeat;}
.loginArea .contents .left .lo_left_login .tabTxt .idpwSch{float:right;}
.loginArea .contents .left .lo_left_login .tabTxt .idpwSch > a{color:#333; font-size:12px; padding-right:8px}
.loginArea .contents .left .lo_left_login .tabTxt .idpwSch > a:before{display:inline-block; zoom:1; *display:inline; content:""; width:1px; height:10px; background-color:#ddd; margin:8px 10px 0 0}
.loginArea .contents .left .lo_left_login .tabTxt .idpwSch > a:first-child:before{display:none}


.loginArea .contents .left .lo_left_login .tabTxt .inputBox{margin: 15px 0 25px; height: 96px;}
.loginArea .contents .left .lo_left_login .tabTxt .inputBox .loginInput{float:left; height: 96px; width: 261px;}
.loginArea .contents .left .lo_left_login .tabTxt .inputBox .loginInput input{height: 48px; width: 261px; box-sizing: border-box;}
.loginArea .contents .left .lo_left_login .tabTxt .inputBox .loginInput input:first-child{border-bottom: none;}
.loginArea .contents .left .lo_left_login .tabTxt .inputBox .btnLogin{float:left; }
.loginArea .contents .left .lo_left_login .tabTxt .inputBox .btnLogin > a{border-radius:0; vertical-align:top; margin:0; padding:49px 15px 40px;  height:24px;  text-align: center; font-size:17px}
.loginArea .contents .left .lo_left_login .tabTxt .inputBox .btnLogin > a.person {height:96px; padding:0 15px; line-height:96px; box-sizing: border-box;}
	


/* .loginArea .contents .left 새로수정전 */
.loginArea .contents .left .tabTit{}
.loginArea .contents .left .tabTit:after{content:""; display:block; clear:both}
.loginArea .contents .left .tabTit .titBox {float:left; width:240px; text-align:center; } /*  background-color:#fafafa  */
.loginArea .contents .left .tabTit .titBox .titText img{ margin-top: 22px; }
.loginArea .contents .left .tabTit .titBox .titText{display:block; color:#222; font-size:20px; padding:30px 0; font-weight: bold; border: 1px solid #222; height: 215px; font-family: "나눔스퀘어라운드", "NanumSquareRound"; } /* border-bottom:2px solid #222 */
.loginArea .contents .left .tabTit .titBox .titText .titBoxTit{ color: #fff; background-color: #1b93e4; padding: 9px; border-radius: 25px; }
.loginArea .contents .left .tabTit .titBox .titText .titBoxCont{ display: block; margin-top: 14px; font-size: 13pt; }
.loginArea .contents .left .tabTit #COMPANY{ background:url(../images/login/ico_doctor.png) 100% 0 no-repeat; }
.loginArea .contents .left .tabTit #CUSTOMER{ background:url(../images/login/ico_person.png) 100% 0 no-repeat; }

/* .loginArea .contents .left .tabTit .titBox  .titText.tabOn{color:#fff; font-weight:bold; border-bottom:0; background-color: #1b93e4; font-family:  "나눔스퀘어라운드", "NanumSquareRound"; } */
.loginArea .contents .left .tabTit .titBox  .titText:hover{ background-color: #1b93e4; border: 1px solid #1b93e4; color: #fff; } /* background-color: #d9effe; */
.loginArea .contents .left .tabTit .titBox.tab{background-color:#fff}
.loginArea .contents .left .tabTit .titBox.tab .titText{ height: 215px; border: 1px solid #222; font-family: "나눔스퀘어라운드", "NanumSquareRound";  } /* border-top:2px solid #222; border-left:2px solid #222; border-right:2px solid #222 */
.loginArea .contents .left .tabCont{padding:20px 0; border: 1px solid #000; height: 235px; width: 478px; }
.loginArea .contents .left .tabCont .loginInput{}
.loginArea .contents .left .tabCont .loginInput:first-child > input[type=text]{margin-top:0; font-size:15px; letter-spacing:0; }
.loginArea .contents .left .tabCont .loginInput input[type=text], .loginArea .contents .left .tabCont .loginInput input[type=password]{display:block; margin-top:-1px; width:275px; height:50px; font-size:16px; padding-left:10px; margin-left: 20px; } /* width:290px; height:42px;  */
.loginArea .contents .left .tabCont .loginInput input[type=text]:-moz-placeholder, .loginArea .contents .left .tabCont .loginInput input[type=password]:-moz-placeholder{color:#888; font-size:13px}
.loginArea .contents .left .tabCont .loginInput input[type=text]::-moz-placeholder, .loginArea .contents .left .tabCont .loginInput input[type=password]::-moz-placeholder{color:#888; font-size:13px}
.loginArea .contents .left .tabCont .loginInput input[type=text]::-webkit-input-placeholder, .loginArea .contents .left .tabCont .loginInput input[type=password]::-webkit-input-placeholder{color:#888; font-size:13px}
.loginArea .contents .left .tabCont .loginInput input[type=text]:-ms-input-placeholder, .loginArea .contents .left .tabCont .loginInput input[type=password]:-ms-input-placeholder{color:#888; font-size:13px}
.loginArea .contents .left .tabCont .tabTxt{}
.loginArea .contents .left .tabCont .tabTxt .memberTexts{ font-size: 17pt; font-weight: bold; padding-left: 50px; color: #000; }
.loginArea .contents .left .tabCont .tabTxt .loginClose{ color: #b3b2b2; background-color: #eee; width: 23px; top: -20px; right: 0px; position: relative; text-align: center; font-size: 13pt; float: right; padding-bottom: 4px; }
.loginArea p .bnrClose{ color: #b3b2b2; background-color: #eee; width: 19px; top: 70px; right: 38px; position: relative; text-align: center; font-size: 10pt; float: right; }
.loginArea .contents .left .tabCont .tabTxt .idSaveLine{ position: relative; top: 158px; left: 20px; } /* padding-bottom:10px */
.loginArea .contents .left .tabCont .tabTxt .idSaveLine:after{content:""; display:block; clear:both}
.loginArea .contents .left .tabCont .tabTxt .idSave{float:left}
.loginArea .contents .left .tabCont .tabTxt .idSave:after{content:""; display:block; clear:both}
.loginArea .contents .left .tabCont .tabTxt .idSave > span{display:block; float:left; margin-left:10px;  }
.loginArea .contents .left .tabCont .tabTxt .idSave > span:first-child{margin-left:0}
.loginArea .contents .left .tabCont .tabTxt .idSave > span > input[type=checkbox]{margin-left:0; margin-right:4px}
.loginArea .contents .left .tabCont .tabTxt .idSave > span > label{font-size:12px; }
.loginArea .contents .left .tabCont .tabTxt .idSave .ip{}
.loginArea .contents .left .tabCont .tabTxt .idSave .ip:before{display:inline-block; zoom:1; *display:inline; content:""; width:1px; height:10px; background:#ccc; vertical-align:top; margin:3px 10px 0 0}
.loginArea .contents .left .tabCont .tabTxt .idSave .ip > a{display:inline-block; zoom:1; *display:inline; background:url(../images/login/img_ipoff.png) 100% 0 no-repeat; color:#666 ; padding-right:35px; line-height:1.22}
.loginArea .contents .left .tabCont .tabTxt .idSave .ip > a.on{background:url(../images/login/img_ipon.png) 100% 0px no-repeat;}
.loginArea .contents .left .tabCont .tabTxt .idpwSch{float:right; margin-right:38px} /* margin-right:30px */
.loginArea .contents .left .tabCont .tabTxt .idpwSch > a{color:#333; font-size:12px; padding-right:8px}
.loginArea .contents .left .tabCont .tabTxt .idpwSch > a:before{display:inline-block; zoom:1; *display:inline; content:""; width:1px; height:10px; background-color:#ddd; margin:8px 10px 0 0}
.loginArea .contents .left .tabCont .tabTxt .idpwSch > a:first-child:before{display:none}
.loginArea .contents .left .tabCont .tabTxt .inputBox{}
.loginArea .contents .left .tabCont .tabTxt .inputBox:after{content:""; display:block; clear:both}
.loginArea .contents .left .tabCont .tabTxt .inputBox .loginInput{float:left}
.loginArea .contents .left .tabCont .tabTxt .inputBox .btnLogin{float:left; }
.loginArea .contents .left .tabCont .tabTxt .inputBox .btnLogin > a{border-radius:0; vertical-align:top; margin:0; padding:49px 15px 40px;  height:24px;  text-align: center; font-size:17px} /* padding:43px 15px 30px;  */
.loginArea .contents .left .tabCont .tabTxt .inputBox .btnLogin > a.person {height:101px; padding:0 15px; line-height:101px;}
.loginArea .idQ{ padding-left: 62px; }
.loginArea .idQ b{ color: #1b93e4; text-decoration: underline; }
.loginArea .contents .left .tabCont .tabTxt .idQ{margin-top:120px; font-size:12px; padding-left:10px; width:450px} /* margin-top:10px; */
.loginArea .contents .left .tabCont .tabTxt .idQ > a{text-decoration:underline; font-weight:bold; color:#006db6; padding-left:20px; font-size:13px}
	.etcLogin{margin-top:30px}
	.etcLogin > li{float:left; padding-bottom:10px}
	.etcLogin > li > a{display:block; line-height:32px;margin-right:20px; }
	.etcLogin > li > a:before{display:inline-block; zoom:1; *display:inline; content:""; width: 1px; height:10px; background-color:#ccc; margin:0 25px 0 0}
	.etcLogin > li:first-child > a:before{display:none}
	.etcLogin > li > a > img{padding-right:5px}
.loginArea .contents .right{float:left; width:290px; height: 280px;}
.loginArea .contents .right img{width: 100%;}

/* idpw */
.innerTypeIdSrch{margin-top:40px; padding-bottom:130px}
.innerTypeIdSrch:after{content:""; display:block; clear:both}
.innerTypeIdSrch.type2 .srchInner{height:240px}
.innerTypeIdSrch .srchWrap{float:left; width:48%; margin-left:2%; }
.innerTypeIdSrch .srchWrap:first-child{margin-left:0}
	.srchWrap.typeCom{}
	.srchWrap.typeCom .h3Line .titH3{color:#284676}
	.srchWrap.typeCom .srchInner{border-bottom:1px solid #2399e8; height:210px; /*margin-bottom:60px*/}
	.srchWrap.typeCom .btnWrap{margin-top:40opx}
	.srchWrap.typeCom.typeHeight .srchInner{height:220px; margin-bottom:0}
	.srchWrap .srchInner{padding:20px 0; /*border:1px solid #ddd;*/  box-sizing:border-box;/* background-color:#f5f5f5; */height:220px} /* 병원회원세로높이 */
	.srchWrap .srchInner .tabs{height:48px; overflow:hidden }
	.srchWrap .srchInner .tabs:after{content:""; display:block; clear:both}
	.srchWrap .srchInner .tabs > li{width:220px; height:48px; float:left; text-align:center; border:1px solid #ddd; border-bottom:1px solid #2399e8; border-left:0; box-sizing:border-box; }
	.srchWrap .srchInner .tabs > li:first-child{border-left:1px solid #ddd}
	.srchWrap .srchInner .tabs > li:first-child.on{width:220px; }
	.srchWrap .srchInner .tabs > li.on{background-color:#fff; width:221px; height:50px; border-bottom:0; margin-top:0;  border-left: 1px solid #2399e8; border-top: 1px solid #2399e8; border-right: 1px solid #2399e8;}
	.srchWrap .srchInner .tabs > li > a{display:block; font-size:15px; color:#222; padding:12px 0}
	.srchWrap .srchInner .tabs > li.on > a{color:#4573b3; font-weight:bold; font-size:16px}
	.srchWrap .srchInner .tabCont{background-color:#fff; width:440px; height:140px; border:1px solid #2399e8; border-top:0; box-sizing:border-box; padding:15px 0}
		.idsForm{padding-top:10px}
		.idsForm > li{padding-bottom:6px; margin-left:10px}
		.idsForm > li label{display:inline-block; width:80px; font-size:14px}
		.idsForm > li input{height:22px; margin-right:3px; border-color:#e5e5e5; letter-spacing:-0.025em}
		.idsForm > li input::-webkit-input-placeholder{color:#aaa; font-size:12px} /* placeholder */
		.idsForm > li input:-moz-placeholder{color:#aaa; font-size:12px}
		.idsForm > li input::-moz-placeholder{color:#aaa; font-size:12px}
		.idsForm > li input:-ms-placeholder{color:#aaa; outline:none; border:none; font-size:12px}
		.idsForm > li .selectBox{height:27px}
		.idsForm .btn.type2{height:18px; padding-top:6px}
		.idsForm .textBottomStyle{margin-left:83px}
.innerTypeIdSrch .srchWrap .btnWrap{text-align:center; padding-bottom:0; margin-top:20px}
.innerTypeIdSrch .srchWrap .btnWrap .btnBig{height:45px; margin:0; box-sizing:border-box; font-size:20px; letter-spacing:-2px; padding:12px 20px 0}
.innerTypeIdSrch .srchWrap.typeCom .btnWrap{margin-top:30px}
.innerTypeIdSrch.type2 .srchWrap .srchInner .tabCont{height:200px}
.innerTypeIdSrch.type2 .srchWrap .btnWrap{margin-top:60px}
.innerTypeIdSrch.type2 .srchWrap.typeCom .srchInner{height:270px}
.innerTypeIdSrch.type2 .srchWrap.typeCom .btnWrap{margin-top:30px}


.srchResult{padding-bottom:60px}
.srchResult .bulDep1{margin-left:0; margin-top:10px}
.srchResult .resultWrap{border:1px solid #ddd; border-top-color:#222; padding:40px; margin-top:40px}
.resultWrap .resultP .num{color:#fd4223; font-size:24px; padding:0 3px}
.resultWrap .resultInner{margin-top:10px}
.resultWrap .resultInner .sLine{}
.resultWrap .resultInner .sLine:before{content:""; display:inline-block; width:2px; height:2px;border-radius:2px; background-color:#bbb; vertical-align:top; margin:12px 6px 0 0}
.resultWrap .resultInner .sLine .date{color:#898989; margin-left:10px; letter-spacing:-0.025em; font-size:12px}
.srchResult .dlTableWrap .dlTable > dt{width:140px}
.srchResult .dlTableWrap .dlTable > dd{width:675px}
.srchResult .bgBox{margin-top:120px; margin-bottom:30px}

.confirm_bg>p{text-align:center; margin-top: 40px; font-size: 20px; letter-spacing: -2px; border-bottom: 3px solid #555; padding-bottom: 10px;}
.confirm_bg .confirm_tab{width: 100%; font-size: 14px; font-weight: bold; display: inline-block;}
.confirm_bg .confirm_tab .tab{width: 50%; height: 100%; line-height: 65px; font-size: 16px; color: #656565; text-align: center; float: left; background: #fff; border-left:1px solid #e2e6e9; border-right:1px solid #e2e6e9; box-sizing: border-box; font-weight: bold;}
.confirm_bg .confirm_tab .tab.on a{background: #85acff; color: #fff;}
.confirm_bg .confirm_tab a{display:block;}
.confirm_bg .confirm_box {width: 100%; background: #fff; margin: -6px 0 20px 0; border: solid 1px #e2e6e9; box-sizing: border-box; padding: 20px;}
.confirm_bg .confirm_box .in_line{width: 100%; display: inline-block; padding: 5px 30px; font-size: 15px;}
.confirm_bg .confirm_box .in_line .left_area{width: 18%; float: left; font-size: 15px; padding: 20px 0 0 0; font-weight: bold;}
.confirm_bg .confirm_box .in_line .right_area{width: 68%; float: left;}
.confirm_bg .confirm_box .in_line .right_area .other_width{width: 64%; float: left;}
.confirm_bg .confirm_box .in_line .right_area input{width: 100%; height: 60px; border: 1px solid #ddd; outline: 0; border-sizing: border-box; font-size: 16px; color: #333; display: block; padding: 0 12px;}
.confirm_bg .confirm_box .in_line .right_area .in_btn {float: left; height: 62px; background: #f2f4f7; border: 1px solid #ddd; box-sizing: border-box; text-align: center; line-height: 62px; width: 30%; font-size: 16px; color: #666; border-left: none;}
.confirm_bg .confirm_box .in_line .right_area .in_btn a{color: #666; width: 100%; height: 100%; display: block;}
.confirm_bg .confirm_box .in_line .right_area .in_btn.de{width: 233px; font-size: 15px; border: 1px solid #ddd;}
.confirm_bg .confirm_box .in_line .right_area .in_btn.de a{width: 200px; display: inline-block;}






/* 개인정보 유효기간 (휴먼 계정) */
.loginSection.typeInput .dlTableWrap .dlTable .hum_radi {margin: 0 20px 0 0;} 
.loginSection.typeInput .dlTableWrap .dlTable .question_mark {position:relative; margin:5px 0 0 5px;}
.loginSection.typeInput .qm_noti {padding:15px; width:280px; position:relative; top:-5px; left:120px; background:#fffff1; border:solid 1px #2293e8; border-radius:20px; z-index:999; font-size:13px; letter-spacing:-1px;}
.loginSection.typeInput .qm_noti span {font-weight:bold; text-decoration:underline;}

.hum_area {width:100%; background:url(../images/login/hum_bg1.png) no-repeat 0 0; background-position:center top; margin:0 auto; text-align:center; letter-spacing:-1px;}
.hum_area .hum_wrap {width:1230px; margin:0 auto;}
.hum_area .hum_wrap .hum_tit {width:100%; height:180px; font-size:32px; font-weight:bold; padding:90px 0 0 0; margin:0 auto;}
.hum_area .hum_wrap .hum_contents {width:100%; height:200px; font-size:15px; line-height:24px; border-bottom:solid 1px #ddd;}
.hum_area .hum_wrap .h_bold {font-weight:bold; text-decoration:underline;}
.hum_area .hum_wrap .h_color {color:#4876ef; font-weight:bold;}
.hum_area .hum_wrap .hum_contents2 {width:100%; height:100px; font-size:15px; line-height:24px; padding:50px 0 0 0;}
.hum_area .hum_wrap .hum_btn_area {width:100%;}
.hum_area .hum_wrap .hum_btn_area .hum_btn {width:258px; height:45px; background:#4876ef; margin:0 auto; font-size:18px; color:#fff; line-height:45px;}
.hum_area .hum_wrap .hum_btn_area .hum_btn a:visited {color:#fff;}
.hum_area .hum_wrap .hum_btn_area .hum_btn a:link {color:#fff;}

.hum_area2 {width:100%; background:url(../images/login/hum_bg2.png) no-repeat 0 0; background-position:center top; margin:0 auto; text-align:center; letter-spacing:-1px;}
.hum_area2 .hum_wrap {width:1230px; margin:0 auto;}
.hum_area2 .hum_wrap .hum_tit {width:100%; height:180px; font-size:32px; font-weight:bold; padding:90px 0 0 0; margin:0 auto; color:#f9f0bb;}
.hum_area2 .hum_wrap .hum_contents {width:100%; height:180px; font-size:15px; line-height:24px; border-bottom:solid 1px #ddd;}
.hum_area2 .hum_wrap .hum_contents .h_line_area {width:400px; margin:0 auto;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line {width:100%; display:inline-block; margin:0 0 20px 0;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line .hl_left {float:left; font-size:16px; font-weight:bold; margin:0 10px 0 0; padding:10px 0 0 15px;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line .hl_right {float:left;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line .hl_right input[type=text] {width:306px; height:42px; font-size:16px; padding:0 10px; box-sizing: border-box; background-color:#f6f6f6;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line2 {width:100%; display:block; margin:0 auto;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line2 .hl_left {float:left; font-size:16px; font-weight:bold; margin:0 10px 0 0; padding:10px 0 0 0;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line2 .hl_right {float:left;}
.hum_area2 .hum_wrap .hum_contents .h_line_area .h_line2 .hl_right input[type=text] {width:306px; height:42px; font-size:16px; padding:0 10px; box-sizing: border-box; background-color:#f6f6f6;}
.hum_area2 .hum_wrap .hum_btn_area {width:100%; padding:30px 0 0 0;}
.hum_area2 .hum_wrap .hum_btn_area .hum_btn {width:258px; height:45px; background:#4876ef; margin:0 auto; font-size:18px; color:#fff; line-height:45px;}
.hum_area2 .hum_wrap .hum_btn_area .hum_btn a:visited {color:#fff;}
.hum_area2 .hum_wrap .hum_btn_area .hum_btn a:link {color:#fff;}

.hum_area3 {width:100%; background:url(../images/login/hum_bg3.png) no-repeat 0 0; background-position:center top; margin:0 auto; text-align:center; letter-spacing:-1px;}
.hum_area3 .hum_wrap {width:1230px; margin:0 auto;}
.hum_area3 .hum_wrap .hum_tit {width:100%; height:180px; font-size:32px; font-weight:bold; padding:90px 0 0 0; margin:0 auto; color:#000;}
.hum_area3 .hum_wrap .hum_contents {width:100%; height:140px; font-size:20px; line-height:24px; border-bottom:solid 1px #ddd; padding:50px 0 0 0;}
.hum_area3 .hum_wrap .h_color {color:#4876ef; font-weight:bold;}
.hum_area3 .hum_wrap .hum_btn_area {width:536px; margin:0 auto; padding:30px 0 0 0;}
.hum_area3 .hum_wrap .hum_btn_area .hum_btn {width:258px; height:45px; background:#4876ef; margin:0 auto; font-size:18px; color:#fff; line-height:45px; float:left; margin:0 10px 0 0;}
.hum_area3 .hum_wrap .hum_btn_area .hum_btn a:visited {color:#fff;}
.hum_area3 .hum_wrap .hum_btn_area .hum_btn a:link {color:#fff;}
.hum_area3 .hum_wrap .hum_btn_area .hum_btn2 {width:258px; height:45px; background:#c2c2c2; margin:0 auto; font-size:18px; color:#fff; line-height:45px; float:left; margin:0 0 0 10px;}
.hum_area3 .hum_wrap .hum_btn_area .hum_btn2 a:visited {color:#fff;}
.hum_area3 .hum_wrap .hum_btn_area .hum_btn2 a:link {color:#fff;}

/* 본인인증 */
.certification_area{}
.certification_area .join_box .title_area{padding-bottom: 50px;}
.certification_area .join_box .medijob_btn{background: #4876ef; width: 480px; height: 60px; line-height: 60px; border-radius: 5px; padding: 0; font-size: 16px; border: none;}
.certification_area .join_box .cfc_text{text-align: center; font-size: 18px; margin-top: 20px;}
.certification_area .sel_tit{font-size: 25px; margin-bottom: 15px;}
.certification_area .join_line3{width: 480px; display: inline-block; text-align: left;}
.certification_area .right_area{margin: 10px 0;}
.certification_area .textBox{height: 50px; width: 350px; letter-spacing: 0; font-size: 18px;}
.certification_area .button{width: 114px; height: 52px; background: #666; color: #fff;}


/* 2024로그인 리뉴얼 */
.loginSectionBg{background: #F9FAFB; text-align: center; font-family: SUITE-Regular;}
.loginSectionBg .loginArea{}
.loginSectionBg .loginMain{width:calc(960px - 200px); background:#fff; border-radius:10px; box-shadow: 6px 6px 11px #ddd; padding: 50px 100px 100px; margin-top: 100px; display: inline-block;}
.loginSectionBg .loginMain .left{width: 330px; height:320px; padding-right:50px; border-right: 1px solid #E6E6E6;}
.login_tab{display: flex;}
.login_tab .tabLo{width: 50%; line-height:50px; font-size: 16px; font-weight: bold; background: #F2F2F2; border: 1px solid #C2C2C2; border-bottom: 1px solid #707070; color: #949494;}
.login_tab .tabLo a{width: 100%; display: block;}
.login_tab .tabLo a:HOVER{color: #0D0D0D!important;}
.login_tab .tabLo:LAST-CHILD{margin-left: -1px;}
.login_tab .tabLo.on{background: #fff; border-color: #707070; border-bottom: none; color: #0D0D0D; z-index: 1;}
.login_tabTxt{}
.login_tabTxt .idSave{}
.login_tabTxt .inputBox{}
.login_tabTxt .inputBox .loginInput{margin: 5px 0 10px;}
.login_tabTxt .inputBox input{border-radius:0 0 10px 10px; width: calc(100% - 10px); height: 52px;}
.login_tabTxt .inputBox input:FIRST-CHILD{border-radius:10px 10px 0 0; margin-bottom: -1px;}
.login_tabTxt .inputBox input:focus{outline:none; border-color: #d50000; z-index: 1px; position: relative;}
.login_tabTxt .inputBox .btnLogin{background: #FF614D; width: 100%; line-height: 60px; display: block; border-radius: 10px; margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #fff;}
.login_tabTxt .idpwSch{}
.login_tabTxt .idpwSch a{font-size: 13px; color: #646464;}
.login_tabTxt .idpwSch a:AFTER{content: ""; width: 1px; height: 12px; background: #646464; margin: 0 20px; display: inline-block; position: relative; top: 2px;}
.login_tabTxt .idpwSch a:LAST-CHILD:AFTER{content: none;}
.loginSectionBg .loginMain .right{width: 330px; height: 320px; overflow: hidden; border-radius:10px;}
.loginSectionBg .lineBnr{width: 960px; height: 90px; overflow: hidden; border-radius:10px; background: #D8D8D8; display: inline-block; margin: 30px 0;}
.loginSectionBg .lineBnr a{display: block;}
.loginSectionBg .lineBnr img{}