@charset "utf-8";

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

#template-visitor-preregistration-guide .top-visual {
  width:100%;
  height:250px;
  background:url(/images/introduce_top.jpg) no-repeat 0% 0%;
}

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

#template-visitor-preregistration-guide .page-txt {
  font-family: 'NanumSquare', gulim;
  font-size:20px;
  font-weight:700;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin-bottom:60px;
}

#template-visitor-preregistration-guide	.sub-title {
  font-family: 'NanumSquare', gulim;
  font-size:20px;
  font-weight:700;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin-bottom:10px;
}

#template-visitor-preregistration-guide .sub-title > span {
  font-weight:500;
}

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


#template-visitor-preregistration-guide .visitor-preregistration {
  float:left;
  width:50%;
  height:500px;
  margin:0 auto;
  text-align:center;
  background-color:#00a286;
}

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

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

#template-visitor-preregistration-guide .login_title1 {
  color:#fcff00 !important;
}

#template-visitor-preregistration-guide .login_title2 {
  color:#2f62c8 !important;
}

#template-visitor-preregistration-guide .login-txt1 {
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:22px;
  color:#fff;
  letter-spacing:-1px;
}

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

#template-visitor-preregistration-guide .login-div {
  font-family: 'Noto Sans KR', gulim;
  font-weight:300;
  font-size:23px;
  color:#fff;
  border:1px solid #65c7b6;
  background-color:#0b7a67; 
  padding:35px 10px;
  margin:25px 40px 30px 40px;
}

#template-visitor-preregistration-guide .login-div > span {
  letter-spacing:-2px;	
}

#template-visitor-preregistration-guide	.sub-title1 {
  font-family: 'NanumSquare', gulim;
  font-size:16px;
  font-weight:600;
  color:#da2323;
  letter-spacing:-1px;
  margin:30px 0px 20px 0px;
  padding-left:20px;
  background:url(/images/circle_icon.png) no-repeat 0% 50%;	
}

#template-visitor-preregistration-guide .sub-txt-ul {
  border:1px solid #d7d7d7;
  background-color:#fafafa;	
  padding:25px 25px 25px 50px;
  margin:30px 0px 70px 0px;	
}

#template-visitor-preregistration-guide .sub-txt-ul > li {
  font-family: 'Noto Sans KR', gulim;
  font-size:18px;
  font-weight:300;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin-bottom:10px;
}

#template-visitor-preregistration-guide .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-visitor-preregistration-guide .login-btn {
  width:390px;
  height:60px;
  font-family: 'Noto Sans KR', gulim;
  font-weight:500;
  font-size:22px;
  letter-spacing:-1px;
  border:0px;
  margin-bottom:35px;
}

#template-visitor-preregistration-guide .login-btn1 {
  color:#00a286;
  background-color:#fff;
}

#template-visitor-preregistration-guide .login-btn2 {
  color:#fff;  
  background-color:#2f62c8;
}


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

#template-visitor-preregistration-guide .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:30px;
}

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


/* 참관객 사전등록(new 20221006) */
#template-visitor-preregistration-guide .new-preregistration .regibtn {
  text-align: center; 
}
#template-visitor-preregistration-guide .new-preregistration .regi-btn {
  display: inline-block;
  width:300px;
  max-width: calc(50% - 30px);
  height:100px;
  border-radius: 20px;
  font-size:18px;
  margin-bottom:30px;
  font-size: 25px;
  color: #fff;
  line-height: 100px; 
}
#template-visitor-preregistration-guide .new-preregistration .regi-btn:hover {
	text-decoration: none;
}
#template-visitor-preregistration-guide .new-preregistration .regi-btn1 {
  background-color: #00a286;
  margin-right: 30px;
}
#template-visitor-preregistration-guide .new-preregistration .regi-btn2 {
  background-color: #2f62c8;
}
#template-visitor-preregistration-guide .new-preregistration .guide-txt {
  font-size: 24px;
  color: red;
  text-align: center; 
}

#template-visitor-preregistration-guide .new-preregistration .guide-img {
	text-align: center;
	margin: 100px 0 50px; 
}
#template-visitor-preregistration-guide .new-preregistration .guide-img img {
	width: 90%;
}

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

  #template-visitor-preregistration-guide .contents-wrap {
    padding:0px 10px;
  }

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

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

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

  #template-visitor-preregistration-guide .login-txt1 {
    font-size:18px;
  }

  #template-visitor-preregistration-guide .login-txt2 {
    font-size:13px;
  }
  
  #template-visitor-preregistration-guide .login-div {
    font-size:18px;
    margin:23px 30px 22px 30px;
  }  

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

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

  #template-visitor-preregistration-guide .etc-btn {
    width:300px;
  }

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

}

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

  #template-visitor-preregistration-guide .login-contents {
    padding-top:100px;
    margin-bottom:100px;
  }


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

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

  #template-visitor-preregistration-guide .login-div {
    font-size:18px;
    margin:23px 20px 22px 20px;
  }
  /* 참관객 사전등록(new 20221006) */
	#template-visitor-preregistration-guide .new-preregistration .regi-btn {
	  height:80px;
	  line-height: 80px; 
	}
	#template-visitor-preregistration-guide .new-preregistration .guide-txt {
	  font-size: 15px;
	}
}	

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

  #template-visitor-preregistration-guide .login-div {
    font-size:16px;
    margin:23px 10px 22px 10px;
  }  
}