.container { width: 100%; height: 100%; position: relative; }
.container * { background-position: center center; background-repeat: no-repeat; background-size: cover; letter-spacing: -1px; text-align: center; }
.container > .section > .headerLoginBox { border-bottom: 1px solid #ccc; box-sizing: border-box; }
.login_logoImg{width: fit-content; margin: 0 auto;}
.login_logoImg img{width: 85%; object-fit: cover;}
.container > .section > .headerLoginBox > h2 {
  margin-top:10px; margin-bottom: 10px; font-size: 14px; font-weight: bold;
  /* background-image: url(/assets/_img/main/signup/login_ment.png?1); */
}
.login_logoTit{color: #295282; font-weight: bold; font-size: 14px;}
/* .container > .section > .headerLoginBox > h2 > span { width: 0; height: 0; display: block; overflow: hidden; } */
.container > .section > .headerLoginBox > h4 { color: #295282; font-weight: bold; }
.container > .section > .headerLoginBox > h4 > span { font-size: inherit; font-weight: inherit; color: inherit; }
.container > .section > .bodyBox { height: 100%; }
.container > .section > .bodyBox > div { float: right; }
.container > .section > .bodyBox > div > form { background-color: #F7F7F7; border: 1px solid #ccc; box-sizing: border-box; }
.container > .section > .bodyBox > div > form > fieldset > legend { font-weight: 900; color: #295282; border-bottom: 1px solid #ccc; box-sizing: border-box; }
.container > .section > .bodyBox > div > form > fieldset > div > input { border: 1px solid #ccc; box-sizing: border-box; text-align: center; }
.container > .section > .bodyBox > div > form > fieldset > div > * { float: left; }
.container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox { border: 0; }
.container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > input { border: 1px solid #ccc; box-sizing: border-box; }
.container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > span { display: block; color: #aaa; }
.container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > * { float: left; }
.container > .section > .bodyBox > div > form > fieldset > div > .submitBox { float: right; border: 0; border-radius: 4px; overflow: hidden; }
.container > .section > .bodyBox > div > form > fieldset > div > .submitBox > .loginBox { font-weight: bold; color: #fff; }
.container > .section > .bodyBox > div > form > fieldset > input { float: left; }
.container > .section > .bodyBox > div > form > fieldset > label { float: left; }
.container > .section > .bodyBox > .individualBox { float: left; }
.container > .section > .bodyBox > .individualBox > form > fieldset > div > .submitBox > .loginBox { background-color: #1C4684; }
 .memberLoginBox > li > a { width: 100%; height: 100%; font-weight: bold; display: block; color: #fff; text-decoration: none; }
 .memberLoginBox > .leftLoginBtn { float: left; background-color: #22A4FF; }
 .memberLoginBox > .rightLoginBtn { float: right; background-color: #006CBA; }
.container > .section > .bodyBox > .enterprise > form > fieldset > div > .submitBox > .loginBox { background-color: #006CBA; }
 ul.snsLogin {/*  float: left; */ margin: 0 auto; margin-top:42px;}
 ul.snsLogin > li { background-image: url(/assets/_img/main/signup/snsLogin.jpg); float: left; }
 ul.snsLogin > li > span { width: 0; height: 0; display: block; overflow: hidden; }
 ul.snsLogin > .snsG { float: right; }
 ul.snsLogin > .snsN { float: right; }
 ul.snsLogin li:after { content: ""; display: block; clear: both; }
.container > .section > .bodyBox ul.snsLogin:after { content: ""; display: block; clear: both; }
.container > .section div:after { content: ""; display: block; clear: both; }
.checkBox{margin: 10px auto 0; padding: 0; height: auto; }
.checkBox > div > label:nth-of-type(1){margin-right: 16px;}

@media all and (min-width: 1080px) { .container > .section { width: 1080px; margin: 0 auto; padding-bottom: 150px;}
  .container > .section > .headerLoginBox { width: 100%; height: 230px; margin-bottom: 50px; padding-top: 94px; }
  .login_logoTit{
    font-size: 18px !important ;
  }
  .container > .section > .headerLoginBox > h4 { font-size: 19px; width: 100%; height: 22px; }
  .container > .section > .bodyBox > div { width: 50%; }
  .container > .section > .bodyBox > div > form { width: 536px; height: 260px; }
  .container > .section > .bodyBox > div > form > fieldset > legend { width: 100%; height: 76px; font-size: 24px; line-height: 76px; }
  .container > .section > .bodyBox > div > form > fieldset > div { width: 435px; height: 110px; margin: 0 auto; padding-top: 24px; margin-bottom: 12px; }
  .container > .section > .bodyBox > div > form > fieldset > div > input { width: 322px; height: 50px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .idBox { margin-bottom: 10px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox { width: 322px; margin-bottom: 10px; height: 50px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > input { height: 100%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > #c_no1 { width: 100px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > #c_no2 { width: 50px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > #c_no3 { width: 110px; float: right; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > span { margin: 0 8px; height: 100%; font-size: 25px; font-weight: 900; line-height: 50px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .submitBox { width: 104px; height: 110px; margin-top: -60px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .submitBox > .loginBox { width: 100%; height: 100%; font-size: 16px; }
  .container > .section > .bodyBox > div > form > fieldset > input { margin-left: 270px; margin-right: 10px; }
 .memberLoginBox { width: 345px; height: 44px; margin-left: 97.5px; margin-top: 64px; }
 .memberLoginBox > li { width: 169px; height: 100%; }
 .memberLoginBox > li > a { line-height: 44px; font-size: 14px; }
  .container > .section > .bodyBox > .enterprise { margin-bottom: 42px; }
 .snsLogin { width: 480px; height: 86px; margin: 0 auto; margin-top:5% ;margin-left: 28px; }
 .snsLogin > li { width: 234px; height: 40px; margin: 0; }
 .snsLogin > .snsF { background-position: 0 0; margin-bottom: 6px; }
 .snsLogin > .snsG { background-position: 0 -44px; margin-bottom: 6px; }
 .snsLogin > .snsK { background-position: 0 -88px; }
 .snsLogin > .snsN { background-position: 0 -132px; }
.checkBox > div{margin-right: 120px; } }
@media (min-width: 641px) and (max-width: 1079px) { .container > .section { width: 96%; margin: 0 auto; padding-top: 58px; }
  .container > .section > .headerLoginBox { width: 100%; padding-bottom: 5%; margin-bottom: 8%; }
  /* .container > .section > .headerLoginBox > h2 { font-size: 14px; margin-bottom: 10px; } */
  .login_logoTit{font-size: 16px; margin-top: 12px; margin-bottom:8px;}
  .container > .section > .headerLoginBox > h4 { width: 100%; height: 42px; line-height: 22px; font-size: 16px;}
  .container > .section > .headerLoginBox > h4 > span { margin-left: 2px; }
  .container > .section > .bodyBox { width: 95%; margin: 0 auto; }
  .container > .section > .bodyBox > div { margin: 0 auto; width: 100%; }
  .container > .section > .bodyBox > div > form > fieldset { padding-bottom: 3%; }
  .container > .section > .bodyBox > div > form > fieldset > legend { width: 100%; height: 70px; line-height: 70px; font-size: 26px; }
  .container > .section > .bodyBox > div > form > fieldset > div { padding: 5% 5% 1% 5%; }
  .container > .section > .bodyBox > div > form > fieldset > div > input { width: 70%; height: 50px; margin-bottom: 10px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox { width: 70%; height: 50px; margin-bottom: 10px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > * { float: left; height: 100%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > input { width: 30%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .submitBox { width: 28%; height: 110px; margin-top: -60px; }
  .container > .section > .bodyBox > div > form > fieldset > div > .submitBox > .loginBox { width: 100%; height: 100%; }
  .container > .section > .bodyBox > div > form > fieldset > input { margin-left: 55%; }
  .container > .section > .bodyBox > .individualBox { margin-bottom: 8%; }
  .container > .section > .bodyBox > .individualBox > form { margin-bottom: 3%; }
 .memberLoginBox { margin-top: 3%;width: 100%; }
 .memberLoginBox > li { padding: 3% 0; font-size: 20px; }
 .memberLoginBox > .leftLoginBtn { width: 49%; }
 .memberLoginBox > .rightLoginBtn { width: 49%; }
  .container > .section > .bodyBox > .enterprise { margin-bottom: 10%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > #c_no1 { width: 25%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > #c_no2 { width: 20%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > #c_no3 { float: right; width: 27%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > span { margin: 0 5%; height: 100%; line-height: 42px; font-size: 18px; }
 ul.snsLogin { width: 600px; height: auto; margin: 0 auto; display: block; margin-left: calc(50% - 300px); }
 ul.snsLogin > li { width: 49%; height: 50px; margin-bottom: 3%; }
 ul.snsLogin> .snsF { background-position: 0 0; }
 ul.snsLogin > .snsG { background-position: 0 -55px; float: right; }
 ul.snsLogin > .snsK { background-position: 0 -110px; }
 ul.snsLogin > .snsN { background-position: 0 -165px; float: right; }
.checkBox > div{margin-right: 32%; }}
@media (max-width: 640px) { .container > .section { width: 96%; margin: 0 auto; padding-top: 40px; }
  .container > .section > .headerLoginBox { width: 100%; padding-bottom: 5%; margin-bottom: 8%; }
  .login_logoImg img{max-width: 200px;}
  /* .container > .section > .headerLoginBox > h2 { margin-bottom: 10px;  } */
  .container > .section > .headerLoginBox > h4 { width: 100%; height: 42px; line-height: 18px; }
  .container > .section > .headerLoginBox > h4 > span { display: block; }
  .container > .section > .bodyBox { width: 95%; margin: 0 auto; }
  .container > .section > .bodyBox > div { margin: 0 auto; width: 100%; }
  .container > .section > .bodyBox > div > form > fieldset > legend { width: 100%; height: 50px; line-height: 50px; font-size: 22px; }
  .container > .section > .bodyBox > div > form > fieldset > div { padding: 2% 2% 0 2%; }
  .container > .section > .bodyBox > div > form > fieldset > div > input { width: 100%; height: 46px; margin-bottom: 2%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox { height: 46px; margin-bottom: 2%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > * { float: left; height: 100%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .enterpriseBox > input { width: 30%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .submitBox { width: 100%; height: 46px; margin-bottom: 2%; }
  .container > .section > .bodyBox > div > form > fieldset > div > .submitBox > .loginBox { width: 100%; height: 100%; }
  .container > .section > .bodyBox > div > form > fieldset > input { margin-left: 60%; }
  .container > .section > .bodyBox > .individualBox { margin-bottom: 8%; }
  .container > .section > .bodyBox > .individualBox > form { margin-bottom: 3%; }
 .memberLoginBox { margin-top: 5%;  width: 100%; }
 .memberLoginBox > li { padding: 3% 0; font-size: 12px; }
 .memberLoginBox > .leftLoginBtn { width: 49%; }
 .memberLoginBox > .rightLoginBtn { width: 49%; }
  .container > .section > .bodyBox > .enterprise { margin-bottom: 10%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > #c_no1 { width: 25%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > #c_no2 { width: 20%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > #c_no3 { float: right; width: 30%; }
  .container > .section > .bodyBox > .enterprise > form > fieldset > div > .enterpriseBox > span { margin: 0 4%; height: 100%; line-height: 42px; font-size: 18px; }
 ul.snsLogin { width: 250px; height: auto; margin: 0 auto; margin-top:5%; margin-left: calc(50% - 125px); }
 ul.snsLogin > li { width: 100%; height: 42px; margin-bottom: 3%;}
 ul.snsLogin > .snsF { background-position: 0 0; }
 ul.snsLogin > .snsG { background-position: 0 -47px; }
 ul.snsLogin > .snsK { background-position: 0 -93px; }
 ul.snsLogin > .snsN { background-position: 0 -140px; }
.checkBox > div{margin-right: 5%; } }

	input { border: 0; text-align: left !important; text-indent: 4px; }
	.submitBox > input{text-indent: 0; text-align: center !important; }
	.snsLogin a{display:block; width:100%; height: 100%; text-decoration: none !important; }
	.snsLogin a > span{width:0; height:0; display:block; overflow: hidden; cursor: pointer; }