@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

html {width: 100%;height: 100%;}
body {font-size:16px;font-family:'Pretendard', sans-serif;color:#3a3b3c;-webkit-text-size-adjust: none;overflow-x:hidden;-webkit-overflow-scrolling:touch;position: relative;width: 100%;height: 100%;}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit}
ul{list-style:none}
a{text-decoration:none}
a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none}
button{border:0px;background:none;cursor:pointer;font-family:inherit}
img{border:0px;vertical-align:top}
address{font-style:normal}
header, nav, section, article, footer{display:block}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
input, textarea{-webkit-appearance: none;-webkit-border-radius: 0}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
table{border-spacing:0px;border-collapse:collapse}
em{font-style:normal}
fieldset{border:0}
select::-ms-expand {display:none}
input:focus {outline:none}

input[type="date"]{position:relative;padding-right:20px;background:url("../images/cal_arrow.png") no-repeat right 10px center;padding-left:0}
input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button{display:none}
input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;color:transparent;cursor:pointer}
input[type="date"]::before{content:attr(data-placeholder);width:100%}
input[type="date"]:valid::before{display:none}
input[data-placeholder]::before{color:#999;font-size:13px}



.ip_wrap {
  margin-left: 290px;
  margin-top: 168px;
}

.ip_wrap ul {
  display: flex;
}

.ip_wrap ul li {
  position: relative;
  width: 280px;
  height: 70px;
  border: 5px solid #313daa;
  box-sizing: border-box;
  background-color: #313daa;
  border-radius: 20px;
  overflow: hidden;
}

.ip_wrap ul li input {
  width: 192px;
  height: 60px;
  border: 0;
  background-color: #fff;
  padding-left: 24px;
  font-size: 18px;
  color: #a5a3a3;
  padding-right: 20px;
}

.ip_wrap ul li input::placeholder {
  font-size: 18px;
  color: #a5a3a3;
}

.ip_wrap ul li button {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 60px;
  background-color: #313daa;
  border-radius: 12px;
  overflow: hidden;
}

.ip_wrap ul li button img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.ip_wrap ul li:nth-child(2) {
  width: 333px;
  margin-left: 15px;
}

.ip_wrap ul li:nth-child(2) input {
  width: 175px;
}

.ip_wrap ul li:nth-child(2) button {
  width: 160px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}



.chk_wrap {
  margin-left: 41px;
  margin-top: -170px;
}

.chk_wrap input[type="checkbox"] {
  display: none;
}

.chk_wrap .on {
  width: 20px;
  height: 20px;
  border: 2px solid #e6e6e6;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: -1px;
  left: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.chk_box {
  display: block;
  position: relative;
  padding-left: 25px;
  color: #333;
  margin-left: 50px;
  margin-top: 16px;
}

.chk_box input[type="checkbox"]:checked + .on {
  background: #313daa;
  border: 2px solid #313daa;
}

.on:after {
  content: "";
  position: absolute;
  display: none;
}

.chk_box input[type="checkbox"]:checked + .on:after {
  display: block;
}

.on:after {
  width: 4px;
  height: 6px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 5px;
  top: 3px;
}