@charset "UTF-8";

/*로그인*/
#_UlgnM_basic{
	background-color: rgba(255,255,255,0.6);
	padding: 35px 25px 65px 25px;
	width: 365px;
	height: 445px;
	display: inline-block;
	box-sizing: border-box;
}
#_UlgnM_basic .title{
	text-align:center;
	padding-bottom: 30px;
	border-bottom: 2px solid #2462b5;
}
#_UlgnM_basic .title p{
  font-size: 26px;
  font-weight:600;
  line-height: 1;
  margin-bottom: 0;
  color: #0b3a68;
  letter-spacing: -2px;
}
/*로그인 전*/
	/*제목*/
	#_UlgnM_basic._loginBefore h2{
		display: none;
	}
	/*아이디비번입력,로그인*/
	#_UlgnM_basic._loginBefore ._loginInputWrap{
		/* border: 1px #ccc solid; */
		position: relative;
	}
	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput {
		/* margin-right: 61px; */
		margin-bottom: 25px;
	}
	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._inputArea{
		/* border-right: 1px #ccc solid; */
		position: relative;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._input{
		border: 0;
		display: block;
		height: 45px;
		line-height: 45px;
		padding: 0;
		width: 100%;
		font-size: 16px;
		color: #666;
		padding: 10px 12px;
		box-sizing: border-box;
	}
	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._input::placeholder{
		color:#ccc;
	}

	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._input#userId{
		/* border-bottom: 1px #ccc solid; */
	}
	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._formCheck{
		position: absolute;
		top: 2px;
		left: 80px;
		width: 250px;
		margin: 0;
		z-index: 999;
	}
	#_UlgnM_basic._loginBefore ._loginInputWrap ._loginSubmit{
		border-radius: 50px;
		width: 100%;
		font-size:18px;
		padding:10px 0;
		border: 1px solid #0b3a68;
		color: #0b3a68;
		text-align: center;
		background: none;
		font-family: 'Noto Medium';
	}

	.select-type{margin: 25px 0 15px;text-align: center;}
	.select-type > li{display: block;vertical-align: top;font-size: 15px;background: rgba(255, 255, 255, 0.7);text-align: left;padding: 3px 0 3px 15px;}
	.select-type > li + li{}
	.select-type > li:nth-child(3){margin-top:10px;}
	.select-type > li input[type="radio"]{margin-right:5px;}

	/*회원가입,아이디찾기,비번찾기*/
	#_UlgnM_basic._loginBefore ._infoWrap {
		text-align: center;
	}
	#_UlgnM_basic._loginBefore ._infoWrap ._findInfo {
		overflow: hidden;
		position: relative;
		display: inline-block;
		*zoom: 1;
		_display: _inline;
		margin: 0 auto;
	}
	#_UlgnM_basic._loginBefore ._infoWrap ._findInfo li{
		float: left;
		padding: 0 5px;
		background: url("../images/gab.gif") no-repeat left 10px;
	}
	#_UlgnM_basic._loginBefore ._infoWrap ._findInfo li:first-child{
		background: none;
	}
	#_UlgnM_basic._loginBefore ._infoWrap ._findInfo li ._gotoLoginMember,
	#_UlgnM_basic._loginBefore ._infoWrap ._findInfo li ._findLoginId,
	#_UlgnM_basic._loginBefore ._infoWrap ._findInfo li ._findLoginPw{
		display: block;
		width: 100%;
		text-align: center;
		height: 30px;
		line-height: 30px;
		background-color: transparent;
		border: 0;
	}
/*로그인 후*/
	/*제목*/
	#_UlgnM_basic._loginAfter h2{
		display: none;
	}
	/*로그인정보*/
	#_UlgnM_basic._loginAfter ._loginInfo{
		text-align: center;
	}
	#_UlgnM_basic._loginAfter ._loginInfo ._loginMsg{
		padding: 85px 0;
		font-size: 18px;
	}
	#_UlgnM_basic._loginAfter ._uInfo {
		overflow: hidden;
		position: relative;
	}
	#_UlgnM_basic._loginAfter ._uInfo li{
		width: 100%;
		margin-bottom:5px;
	}
	/*버튼*/
	#_UlgnM_basic._loginAfter ._uInfo li ._btnLogout,
	#_UlgnM_basic._loginAfter ._uInfo li ._btnEditInfo{
		display: block;
		width: 100%;
		text-align: center;
		border-style: solid;
		background-color: #efefef;
		font-size:16px;
		padding: 10px 0;
	}
	#_UlgnM_basic._loginAfter ._uInfo li ._btnLogout{
	}
	#_UlgnM_basic._loginAfter ._uInfo li ._btnEditInfo{
	}
/*비밀번호변경/개인정보재동의*/
	#_UlgnM_basic._pInfoChangeWrap{
		padding: 20px;
		height: 390px;
	}
	#_UlgnM_basic._pInfoChangeWrap ._pInfoChangeHead{
		background-color: #f7f7f7;
	    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
	    padding: 1em;
	    margin-bottom: 1em;
	}
	#_UlgnM_basic._pInfoChangeWrap ._pInfoChangeHead h3{
		text-align: center;
	    font-size: 1.2em;
	    margin-bottom: 1em;
	    color: #000;
	    background-color: #C6DEEB;
	    padding: 0.5em;
	    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
	}
	#_UlgnM_basic._pInfoChangeWrap ._pInfoChangeHead ._pInfoChangMsg {
		padding-left: 110px;
		min-height: 80px;
		height: auto !important;
		_height: 80px;
		text-align: left;
		line-height: 2.4;
	}
	#_UlgnM_basic._pInfoChangeWrap ._pInfoChangeHead ._pInfoChangMsg._pwdChange {
		background: url("../images/iconPwdChange.png") no-repeat 10px 0;
	}
	#_UlgnM_basic._pInfoChangeWrap ._pInfoChangeHead ._pInfoChangMsg._indAgree {
		background: url("../images/iconIndAgree.png") no-repeat 10px 0;
	}
	#_UlgnM_basic._pInfoChangeWrap ._pInfoChangeHead ._pInfoChangMsg p:after{
		/*
		content: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
		*/
	}
	#_UlgnM_basic._pInfoChangeWrap ._form ._insert{
		text-align: left;
	}


	.site-join input[type=submit]{
		display: block;
		margin: 10px auto 0;
		padding: 10px 20px;
		background-color: rgba(77, 82, 206, 0.8);
		border-radius: 10px;
		color: #fff;
		font-weight: 600;
		font-size: 1.2em;
	}



@media all and (max-width:1023px) {
#_UlgnM_basic{padding: 35px 25px 55px 25px;width: 295px;height: 380px;}
#_UlgnM_basic .title{}
#_UlgnM_basic .title p{font-size:22px;}
#_UlgnM_basic._loginAfter ._loginInfo ._loginMsg{padding:70px 0;font-size:16px;}

.select-type{margin:15px 0 20px;}
#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput{margin-bottom:15px;}
#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._inputArea{margin-bottom:5px;}
#_UlgnM_basic._loginBefore ._loginInputWrap ._loginInput ._input{height:38px;line-height: 38px;}
#_UlgnM_basic._loginBefore ._loginInputWrap ._loginSubmit{font-size:16px;}

.select-type > li label{font-size:15px;}
}

@media all and (max-width:767px) {
#_UlgnM_basic{height: 340px;padding:25px 15px;width:265px;}
#_UlgnM_basic._loginAfter ._loginInfo ._loginMsg{padding:75px 0;font-size:15px;}
.select-type{text-align: left;}
.select-type > li{font-size:14px;}
.select-type > li + li{margin-left:0;}
#_UlgnM_basic .title{padding-bottom:10px;}
}