@charset "utf-8"; 

@import url("common.css");

html, body {
  background: #fff;
}
header.header {
  height: 100px;
  background: #001241;
}
header.header h1 { width: 200px; height: 83px; line-height: 1; text-align: center; margin: 0 auto; padding: 20px 0 0; }
header.header h1 img{ width: 100%; }
section.body {
  margin: -15px 0 0;
  padding: 40px 20px 20px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
  background: #fff;
}
section.body h2 { 
  padding: 0 0 40px;
  font-size: 22px;
  font-family: "Noto Sans KR";
  text-align: center; 
}
section.body h3 {
  padding: 0 0 0 12px;
  font-size: 16px;
  position: relative;
  margin: 0 0 15px;
}
section.body h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2px;
  height: 20px;
  background: #000;
}
/* 개인정보 입력 */
.personal_info {
  margin: 0 0 40px;
}
.personal_info ul {
  border-top: 1px solid #000;
}
.personal_info ul li {
  min-height: 45px;
  padding: 5px 0 5px 45px;
  border-bottom: 1px solid #acacac;
}
.personal_info li.fname { background: url("../img/icon_man.png") no-repeat 10px 50%; }
.personal_info li.hpnum { background: url("../img/icon_phone.png") no-repeat 10px 50%;}
.personal_info li.address { background: url("../img/icon_address.png") no-repeat 10px 50%;}

input[type="text"]#hName { width: 100%; }
input[type="tel"]#pcs { width: 100%; }
.select_wrap .select_box { margin: 0 0 5px; }
.select_wrap .select_box:nth-last-of-type(1) { margin: 0;}

/* 개인정보 수집 및 이용 동의 */
.agreement ul {
  border-top: 1px solid #000;
}
.agreement ul li {
  display: flex;
  justify-content: space-between;
  min-height: 45px;
  padding: 15px 0 5px 15px;
  border-bottom: 1px solid #acacac;
}
.agreement ul li input[type="checkbox"] + label span {
  /* display: inline-block;
  padding: 0 0 0 10px;
  width: calc( 100% - 45px);
  line-height: 1.4;
  word-break: keep-all; */
}
.agreement ul li .input * { vertical-align: top;}

.agreement ul li .input { width: calc(100% - 60px); }
.agreement ul li .view_more { width: 50px;}

.sbtn_toggle {
  width: 50px;
  height: 30px;
  line-height: 28px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  text-align: center;
  display: inline-block;
  color: #fff !important;
  background: #283e6b;
  border-radius: 5px;
}

.button_area {
  padding: 40px 0 0;
  text-align: center;
}
.button_area .btn_register, 
.button_area .btn_confirm {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-family: "Noto Sans KR";
  font-weight: 400;  
  color: #fff !important;
  background: #283e6b;
}

.regist_end .regist_complete {
  font-size: 20px;
  font-family: "Noto Sans KR";
  font-weight: 600;   
  text-align: center;
  line-height: 1.4;
  margin: 0 0 40px;
}

.regist_end .visitor_time {
  border: 1px solid #c7cad1;
  border-radius: 5px;
  padding: 5px;
}
.regist_end .visitor_time dt { font-size: 16px; color: #666; padding: 5px; font-weight: 400; text-align: center;}
.regist_end .visitor_time dd { font-size: 26px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 900; text-align: center;}


/* 개인정보 수집동의 내용 레이어 */
.regist_text {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.regist_text:before {
  content: "";
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}
.regist_text .regist_inner { 
  position: fixed;
  left: 50%;
  top: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  height: 80%;
  z-index:9999999;  
  font-size: 1rem;  
  padding: 4rem 1rem 2rem; 
  border-radius: 10px;
  background: #fff;
}
.regist_text .sbtn_close { 
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 24px;
  height: 24px;
}
.regist_text .sbtn_close .lnr-cross { font-size: 1.2rem; }
.regist_text .sbtn_close .lnr-cross:before { font-weight: 900; }
.regist_text h5 { padding: 1rem 0 0.5rem; font-size: 1rem; }
.regist_text h5:first-child { padding: 0 0 0.5rem; }
.regist_text p { font-size: 0.9rem; }
.regist_text ul { padding: 0.5rem 0;  margin: 0 0 0 -0.7rem; }
.regist_text ul li { font-size: 0.9rem; text-indent: -1rem;  padding: 0 0 0 1.8rem; }
.regist_text ul li:before { content: "-";  margin: 0 0.5rem 0 0;  }

#regist_text1 { border: 1px solid #acacac; }
/* #regist_text2 { background: #102a62; height: auto; } */
#regist_text1 .scroll_box { height: 100%; overflow-y: scroll; }
#regist_text2 * { color: #fff; }

#regist_text2 .regist_inner2 { 
  position: fixed;
  left: 50%;
  top: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  height: 180;
  z-index:9999999;  
  font-size: 1rem;  
  padding: 4rem 1rem 2rem; 
  border-radius: 10px;
  background: #102a62;
}