@charset "utf-8";

#template-login .login-contents {
  padding-top:120px;
  margin-bottom:200px;
}

#template-login .top-visual {
  width:100%;
  height:250px;
  background:url(/images/menu6_top.png) no-repeat 0% 0%;
}

#template-login .contents-wrap {
  max-width:1220px;
  width:100%;
  margin:0 auto;
}

#template-login .visitor-login {
  float:left;
  width:50%;
  height:500px;
  border:1px solid #d9d9d9;
  margin:0 auto;
  text-align:center;
}

#template-login .exhibitor-login {
  width:50%;
  height:500px;
  border:1px solid #d9d9d9;
  margin:0 auto;
  text-align:center;
}
#template-login .exhibitor-login.seminar {
  float: right;
}

#template-login .login-title {
  font-family: 'NanumSquare', gulim;
  font-weight:500;
  font-size:35px;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin:70px 0px 35px 0px;
}

#template-login .login_title1 {
  color:#00a286 !important;
}

#template-login .login_title3 {
  color:#e56c38 !important;
}

#template-login .login_title2 {
  color:#2f62c8 !important;
}

#template-login .login-txt {
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:16px;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin-bottom:25px;
}

#template-login .input-box {
  width:390px;
  height:60px;
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:18px;
  color:#2e2e2e;
  letter-spacing:-1px;
  padding:25px;
  margin-bottom:10px;
}

#template-login .login-btn {
  width:390px;
  height:60px;
  font-family: 'Noto Sans KR', gulim;
  font-weight:500;
  font-size:22px;
  color:#fff;
  letter-spacing:-1px;
  border:0px;
  margin-bottom:35px;
}

#template-login .login-btn1 {
  background-color:#00a286;
}

#template-login .login-btn2 {
  background-color:#2f62c8;
}


#template-login .etc-btn {
  width:390px;
  margin:0 auto;
}

#template-login .etc-btn > a {
  float:right;
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:14px;
  color:#3b3b3b;
  letter-spacing:-1px;
  text-align:right;
  margin-left:20px;
}

#template-login .etc-btn > a:hover {
  color:#3b3b3b;
}

#template-login .visitor-idpwfind {
  float:left;
  width:33.33%;
  height:500px;
  border:1px solid #d9d9d9;
  margin:0 auto;
  text-align:center;
}

#template-login .buyer-idpwfind {
  float:left;
  width:33.33%;
  height:500px;
  border:1px solid #d9d9d9;
  border-left:0px;
  margin:0 auto;
  text-align:center;
}

#template-login .exhibitor-idpwfind {
  float:left;
  width:33.33%;
  height:500px;
  border:1px solid #d9d9d9;
  border-left:0px;
  margin:0 auto;
  text-align:center;
}

#template-login .idpw-search-btn {
  margin:0 auto;
}

#template-login .idpw-search-btn > a {
  display:inline-block;
  width:347px;
  height:95px;
  margin:15px;
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:22px;
  color:#fff;
  letter-spacing:-1px;
}

#template-login .idpw-search-btn > a:hover {
  text-decoration:none;
}

#template-login .idpw-search-btn > a > span {
  display:block;
  padding-top:30px;
}

#template-login .visitor-idpwfind .idpw-search-btn > a {
  background-color:#00a286;
}

#template-login .buyer-idpwfind .idpw-search-btn > a {
  background-color:#e56c38;
}

#template-login .exhibitor-idpwfind .idpw-search-btn > a {
  background-color:#2f62c8;
}

#template-login .idpw-search-btn .idpw-email {
  background:url(/images/idpw_emails.png) no-repeat 30px 50%;
}

#template-login .idpw-search-btn .idpw-hp {
  background:url(/images/idpw_hps.png) no-repeat 43px 50%;
}

#template-login .idpw-search-btn .idpw-hp1 {
  background:url(/images/idpw_hps1.png) no-repeat 43px 50%;
}

#template-login .idpw-search-btn .idpw-hp2 {
  background:url(/images/idpw_hps2.png) no-repeat 43px 50%;
}

#template-login .find-finish {
  border:1px solid #d8d8d8;
  text-align:left;
  padding:80px 50px;
}

#template-login .find-txt1 {
  font-family: 'NanumSquare', gulim;
  font-weight:700;
  font-size:35px;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin:0px 0px 30px 0px;
}

#template-login .find-txt1 > span {
  color:#2f62c8;
}

#template-login .find-txt2 {
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:18px;
  color:#2e2e2e;
  letter-spacing:-1px;
  padding-left:20px;
}

#template-login .idpw-result-div {
  border:1px solid #d8d8d8;
  text-align:center;
  height:140px;
  font-family: 'Noto Sans KR', gulim;
  font-weight:500;
  font-size:20px;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin:40px 0px;
}

#template-login .find-finish .idpw-result-div>span {
  line-height:140px;
}

#template-login .find-finish .accept-btn-div {
  text-align:center;
  height:55px;
}

#template-login .find-finish .accept-btn {
  display:inline-block;
  width:210px;
  height:55px;
  line-height:55px;
  background-color:#707070;
  font-family: 'Noto Sans KR', gulim;
  font-size:22px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  margin:0px 10px;
  border:solid 0px;
}

#template-login .idpw-find-div {
  border:1px solid #dfdfdf;
  background-color:#f6f6f6;
  text-align:center;
  font-family: 'Noto Sans KR', gulim;
  font-weight:500;
  font-size:20px;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin:40px 0px;
  padding:30px 0px;
}

#template-login .idpw-find-div label {
  font-weight:500;
  font-size:18px;
  width:75px;
  text-align:right;
}

#template-login .idpw-find-div input {
  margin:10px;
  width:300px;
  height:30px;
}

#template-login .idpw-find-div .input1 {
  margin:0px 10px;
  width:300px;
  height:30px;
  display:inline-block;
}

#template-login .idpw-find-div .input1 input {
  width:195px;
  margin:10px 0px;
}

#template-login .certification-btn {
  display:inline-block;
  width:98px;
  height:30px;
  line-height:30px;
  background-color:#707070;
  font-family: 'Noto Sans KR', gulim;
  font-size:14px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  margin:0px;
  border:solid 0px;
}

#template-login .as-btn {
  display: block;
  width:80%;
  height:70px;
  line-height:70px;
  font-family: 'Noto Sans KR', gulim;
  font-weight:500;
  font-size:25px;
  color:#fff;
  letter-spacing:-1px;
  border:0px;
  margin: 50px auto 20px;
}

#template-login .adver-btn {  
  background-color:#00a286;
}

#template-login .adver-btn:hover {
	text-decoration: none;	
}

#template-login .seminar-btn {
  background-color:#2f62c8;
}

#template-login .seminar-btn:hover {
  text-decoration: none;  
}

@media screen and (max-width:1280px) {

  #template-login .contents-wrap {
    padding:0px 10px;
  }

  #template-login .visitor-login {
    height:420px;
  }

  #template-login .exhibitor-login {
    height:420px;
  }

  #template-login .login-title {
    font-size:27px;
    margin:50px 0px 30px 0px;
  }

  #template-login .login-txt {
    font-size:13px;
  }

  #template-login .input-box {
    width:300px;
    height:50px;
    font-size:15px;
    padding:10px;
    margin-bottom:10px;
  }

  #template-login .login-btn {
    width:300px;
    height:50px;
    font-size:18px;
    margin-bottom:30px;
  }

  #template-login .etc-btn {
    width:300px;
  }

  #template-login .etc-btn > a {
    font-size:12px;
    margin-left:10px;
  }

  #template-login .visitor-idpwfind {
    height:450px;
  }

  #template-login .buyer-idpwfind {
    height:450px;
  }

  #template-login .exhibitor-idpwfind {
    height:450px;
  }

  #template-login .idpw-search-btn > a {
  	width:90%;
    margin:10px;    
  }

  #template-login .find-finish .accept-btn {
    width:180px;
    font-size:20px;
  }

}

@media screen and (max-width:1150px) {
  #template-login .idpw-search-btn > a > span {
    padding-left:30px;
  }
}

@media screen and (max-width:1000px) {

	#template-login .idpw-search-btn .idpw-email {
	  background:url(/images/idpw_emails.png) no-repeat 20px 50%;
	}
	
	#template-login .idpw-search-btn .idpw-hp {
	  background:url(/images/idpw_hps.png) no-repeat 33px 50%;
	}
	
	#template-login .idpw-search-btn .idpw-hp1 {
	  background:url(/images/idpw_hps1.png) no-repeat 33px 50%;
	}
	
	#template-login .idpw-search-btn .idpw-hp2 {
	  background:url(/images/idpw_hps2.png) no-repeat 33px 50%;
	}
	
  #template-login .idpw-search-btn > a > span {
    padding-left:35px;
    font-size:18px;
    padding-top:32px;
  }
}

@media screen and (max-width:767px) {

  #template-login .login-contents {
    padding-top:15vw;
    margin-bottom:15vw;
  }


  #template-login .visitor-login {
    width:100%;
    padding:0px 10px;
    margin:10px auto;
  }

  #template-login .exhibitor-login {
    width:100%;
    padding:0px 10px;
    border:1px solid #d9d9d9;
    margin:10px auto;
  }

  #template-login .visitor-idpwfind {
    width:100%;
  }

  #template-login .buyer-idpwfind {
    width:100%;
    border-left:1px solid #d9d9d9;
  }

  #template-login .exhibitor-idpwfind {
    width:100%;
    border-left:1px solid #d9d9d9;
  }

  #template-login .idpw-search-btn > a {
  	width:90%;
    max-width:347px;
  	height:95px;
    margin:15px;
  }

	#template-login .idpw-search-btn .idpw-email {
	  background:url(/images/idpw_emails.png) no-repeat 30px 50%;
	}
	
	#template-login .idpw-search-btn .idpw-hp {
	  background:url(/images/idpw_hps.png) no-repeat 43px 50%;
	}
	
	#template-login .idpw-search-btn .idpw-hp1 {
	  background:url(/images/idpw_hps1.png) no-repeat 43px 50%;
	}
	
	#template-login .idpw-search-btn .idpw-hp2 {
	  background:url(/images/idpw_hps2.png) no-repeat 43px 50%;
	}

  #template-login .idpw-search-btn > a > span {
    font-size:22px;
    padding-top:30px;
    padding-left:10px;
  }

  #template-login .find-finish {
    border:1px solid #d8d8d8;
    text-align:left;
    padding:60px 25px;
  }

  #template-login .find-txt1 {
    font-size:25px;
  }

  #template-login .find-txt2 {
    font-size:15px;
    padding-left:10px;
  }

  #template-login .idpw-result-div {
    font-size:18px;
    padding-top:57px;
  }

  #template-login .find-finish .idpw-result-div>span {
    line-height:100%;
  }


  #template-login .find-finish .accept-btn {
    width:80px;
    height:45px;
    line-height:45px;
    font-size:12px;
    margin:0px 3px;
  }

  #template-login .idpw-find-div label {
    font-size:15px;
  }
  
}

@media screen and (max-width:500px) {

  #template-login .idpw-find-div label {
    font-weight:500;
    font-size:15px;
    width:200px;
    text-align:left;
  }

  #template-login .idpw-find-div input {
    margin:5px;
    width:200px;
    height:30px;
  }

  #template-login .idpw-find-div .input1 {
    margin:0px 5px;
    width:200px;
    height:30px;
    display:inline-block;
  }

  #template-login .idpw-find-div .input1 input {
    width:125px;
    margin:5px 0px;
  }

  #template-login .certification-btn {
    width:69px;
    font-size:11px;
  }
  
  #template-login .idpw-search-btn > a > span {
    font-size:22px;
    padding-top:30px;
    padding-left:40px;
  }  

}