@charset "utf-8";

.loginCon{padding:55px 6% 45px;border:1px solid #d7d7d7;border-top:2px solid #636363}
.loginCon::after{display:block;clear:both;content:''}
.loginCon .loginTxt{margin-bottom:65px;font-family: 'Noto Sans KR';font-size:34px;color:#636363;line-height:40px;text-align:center;font-weight:500}
.loginCon .loginTxt span{color:#084ca0}
.loginCon .ltCon{float:left;padding:77px 6% 45px 0;width:50%}
.loginCon .loginForm{position:relative;padding-right:100px;}
.loginCon .loginForm ul li{position:relative;margin-bottom:5px;padding-left:80px}
.loginCon .loginForm ul li > label{position:absolute;top:0;left:0;font-size:16px;font-weight:400;line-height:30px}
.loginCon .loginForm ul li input[type="text"],
.loginCon .loginForm ul li input[type="password"]{margin:0;width:100%;height:35px}
.loginCon .loginForm ul li .checkBox{margin-top:10px}
.loginCon .loginForm .btn{position:absolute;top:0;right:0;width:95px;height:77px;font-family: 'Noto Sans KR';font-size:20px;color:#fff;font-weight:400;background:#084ca0;border:0}
.loginCon .rtCon{float:right;padding:15px 0 30px 6%;width:50%;border-left:1px solid #e2e2e2}
.loginCon .rtCon ul li{position:relative;margin-bottom:3px;font-family: 'Noto Sans KR';font-size:20px;color:#252525;font-weight:400;line-height:32px}
.loginCon .rtCon ul li p{margin:10px 0 40px;font-size:14px;color:#636363;line-height:18px}
.loginCon .rtCon ul li .btnBc{position:absolute;top:0;right:0;}
.loginCon .rtCon ul li .btnBc a{padding:0;width:100px;font-size:13px}

.checkBox{position:relative;display:inline-block;overflow:hidden}
.checkBox input{position:absolute;top:0;left:-500px;opacity:0}
.checkBox label{position:relative;display:block;padding-left:30px;line-height:22px}
.checkBox label::before{position:absolute;top:0;left:0;width:20px;height:19px;content:'';border:1px solid #e1e1e1}
.checkBox label::after{display:none;position:absolute;top:5px;left:5px;width:10px;height:5px;content:'';border:1px solid #252525;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.checkBox input:checked + label::before{border:1px solid #252525}
.checkBox input:checked + label::after{display:block}

.memSearch .txt{margin-bottom:40px;font-family: 'Noto Sans KR';font-size:30px;color:#252525;line-height:36px;text-align:center;font-weight:500}
.memSearch .txt span{color:#f26522}
.memSearch dl{padding:60px 20px 40px;text-align:center;border:1px solid #e1e1e1}
.memSearch dl dt{margin-bottom:45px;font-family: 'Noto Sans KR';font-size:30px;color:#252525;font-weight:400}
.memSearch dl dd{font-size:16px;}
.memSearch dl dd.bg{margin-bottom:30px;padding-top:135px;background:url('../images/ic_phone_cer.png') no-repeat center top}

.mem_guid{text-align:center;}
.mem_guid .box{margin-bottom:30px;padding:60px 20px 55px;border:1px solid #e1e1e1}
.mem_guid .box p{text-align:center}
.mem_guid .box p b{color:#252525}
.mem_guid .box .txt1{margin-bottom:40px;font-family: 'Noto Sans KR';font-size:30px;color:#252525;line-height:36px;font-weight:400}
.mem_guid .box .txt1 span{color:#f26522}
.mem_guid .box .txt2{font-size:16px;}
.mem_guid .box .txt3{margin-top:20px}
.mem_guid .box .txt3 span{display:block}

td .w50{width:50%}
td .w40{width:40%}
td .w30{width:30%}
td .w20{width:20%}

.joinTab{margin-bottom:40px;border:1px solid #e1e1e1;border-width:1px 1px 0 0}
.joinTab::after{display:block;clear:both;content:''}
.joinTab li{float:left;padding-top:18px;width:25%;height:80px;font-family: 'Noto Sans KR';font-size:18px;color:#707070;font-weight:400;text-align:center;background:#f8f8f8;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.joinTab li.on{color:#252525;background:#fff;border-bottom:3px solid #0060a3}

/* 회원가입 약관동의 */
.joinCon h2{margin-bottom:13px;font-family: 'Noto Sans KR';font-size:24px;line-height:1;font-weight: 400}
.joinCon .box{padding:25px;height:250px;overflow:auto;border:1px solid #e1e1e1}
.joinCon .box h3{margin:30px 0 20px}
.joinCon .box h3:first-child{margin-top:0}
.joinCon .box h4{margin:25px 0 0}
.joinCon .agree{margin:10px 0 20px;text-align:right}
.joinCon .agree input{margin-left:20px}
.joinCon .checkBox label{font-size:16px;color:#252525}

.dataBox{position:relative;display:inline-block;padding-right:90px;}
.dataBox .dataImg{margin-bottom:5px}
.dataBox .btn{position:absolute;top:0;right:0;width:80px}

/* 회원가입 - 중복확인 버튼, 입력폼 검색 버튼, 회원가입 입력폼 검색 버튼 */
.writeTypeA .btnTypeF, .writeTypeB .btnTypeF, .joinCon #fn_btn_mbrId, .joinCon #fn_btn_compCode, .joinCon #fn_btn_homeAddr, .joinCon #fn_btn_mbrEmail, .joinCon #fn_btn_headerEmail, .joinCon #fn_btn_organAddr {
	position:relative; 
	margin:0; 
	color:#fff;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	transition: all 0.3s;
	border-radius:0;
	border:0;
	height:40px;
	padding:0 20px;font-size:14px;line-height:32px;background-color:#252525;
}

.joinCon #fn_btn_del_compCode {
	position:relative; 
	margin:0; 
	color:#fff;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	transition: all 0.3s;
	border-radius:0;
	border:0;
	padding:0 20px;font-size:14px;line-height:32px;background-color:#7d7d7d;
	height:40px;
}

.joinCon .input-email {display:inline-block;}
.joinCon .wFull {width:100%;}
.joinCon select{margin:1px 0;padding:0 30px 0 10px;height:40px;font-size:14px;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('../images/ic_select_arrow.png') no-repeat right 8px center;border:1px solid #cdcdcd;}

.joinCon em.point01 {color:#f0680e;}
.joinCon .fn_item_mobilePhone>td>span {display:none;}
.joinCon .t_typelA td {height:40px;}

.btnBc.black a,
.btnBc.black button,
.btnBc.black input{background-color:#252525;border: 0px;}

.btnBc.black a:hover{color:#000;border:1px solid #000;}

.btnBc.small a,
.btnBc.small button,
.btnBc.small input{padding:0 20px;font-size:14px;line-height:32px;}

.btnCal {display:inline-block; /*margin-left:3px; */border:0px; width:20px; height:18px; background: transparent url('../images/button/btn_cal.gif') no-repeat; text-indent:-9999px;}

 /* TABLET Device */
@media all and (max-width:768px){
	.loginCon .ltCon{float:none;margin-bottom:30px;padding:0;width:100%}
	.loginCon .rtCon{float:none;padding:0;width:100%;border-left:0}
}

@media all and (max-width:640px){
	.loginCon{padding:30px 20px}
	.loginCon .loginTxt{margin-bottom:20px;font-size:21px;line-height:25px}
	.loginCon .loginForm{padding:0}
	.loginCon .loginForm ul li{padding-left:0}
	.loginCon .loginForm ul li > label{position:relative;display:block;font-size:14px}
	.loginCon .loginForm .btn{position:relative;width:100%;height:40px;font-size:16px}
	.loginCon .rtCon ul li{font-size:16px}
	.loginCon .rtCon ul li p{margin:10px 0 15px;font-size:13px}

	.memSearch .txt{margin-bottom:17px;font-size:20px;line-height:100%}
	.memSearch dl{padding:30px 25px 20px}
	.memSearch dl dt{margin-bottom:20px;font-size:20px}
	.memSearch dl dd{font-size:13px}
	.memSearch dl dd.bg{margin-bottom:15px;padding-top:95px;background-size:75px}

	.mem_guid .box{margin-bottom:20px;padding:25px 20px}
	.mem_guid .box .txt1{margin-bottom:20px;font-size:20px;line-height:26px;}
	.mem_guid .box .txt2{font-size:13px;}
	.mem_guid .box .txt3 span{display:inline}

	td .w50{width:100%}
	td .w20{width:30%}
	
	.joinTab{margin-bottom:20px}
	.joinTab li{padding:10px 5px 0;height:70px;font-size:14px;line-height:17px}
	.joinCon h2{margin-bottom:10px;font-size:20px}
	.joinCon .box{padding:15px;height:200px}
	.joinCon .box h3{margin:20px 0 10px}
	.joinCon .box h4{margin:15px 0 0}
	.joinCon .checkBox label{font-size:14px}
	
	/* 회원가입 - 중복확인 버튼, 입력폼 검색 버튼, 회원가입 입력폼 검색 버튼 */
	.writeTypeA .btnTypeF, .writeTypeB .btnTypeF, .joinCon #fn_btn_mbrId, .joinCon #fn_btn_compCode, .joinCon #fn_btn_homeAddr, .joinCon #fn_btn_mbrEmail, .joinCon #fn_btn_headerEmail, .joinCon #fn_btn_del_compCode {
		font-weight:400;
		height:32px;
		font-size:12px;
	}
	
	/* 마이페이지(기업) > 내정보수정 */
	.joinCon #fn_btn_del_compCode, .joinCon select {height: 35px;}
	
	/* 회원가입 / 수정 - 전화번호, 이메일 select */
	.joinCon .fn_phoneTR select {width:70px !important;}
	.joinCon .fn_emailTR select {width:200px !important;}
	.joinCon th{font-size:12px}
	
	.joinCon .fn_comCodeDiv {position: relative;}
	.joinCon #compCodeName {width:100% !important; padding-right:125px;}
	.joinCon #fn_btn_compCode {position:absolute; right:60px;top:0px; width:60px;}
	.joinCon #fn_btn_del_compCode {position:absolute; right:0px;top:0px;width:60px;}
	
	span.selForm select#mbrEmail3 {margin-left:0px !important;}
	
	.btnBc.small a, .btnBc.small button, .btnBc.small input{padding:0 10px;line-height:32px}
}