.formauto { background: #EFECE7; padding: 20px 0}
.formauto .layout h3.title_h3 { text-align: center;}
.formauto .layout {max-width:660px;margin:160px auto;}
.formauto .layout section {background:#fff;padding:50px;border-radius:20px;}
.formauto .layout section + section {margin-top:40px;}
.formauto .layout section .tit-area {padding-bottom:10px;border-bottom:2px solid #111;}
.formauto .layout section .tit-area h4 {margin:0;font-size:24px;}
.formauto .layout section h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #121212;padding-bottom: 10px;line-height: 1;border-bottom: 1px solid #202020; margin-bottom: 24px}


.formauto input[type="text"],
.formauto input[type="password"],
.formauto input[type="email"],
.formauto input[type="tel"],
.formauto input[type="date"],
.formauto input[type="number"]{padding:0px 15px;background:#fff;font-size:17px;line-height:52px;border:1px solid #ccc;outline:none;border-radius:10px;width:100%;box-sizing:border-box;}
.formauto input[type="text"]:focus,
.formauto input[type="password"]:focus,
.formauto input[type="email"]:focus,
.formauto input[type="tel"]:focus,
.formauto input[type="date"]:focus,
.formauto input[type="number"]:focus {border:1px solid #804E38;}

.formauto input.readonly {background:#f5f5f5;}
.formauto input.readonly:focus {border:1px solid #ccc;}

.formauto button.terms-button {display:inline-block;font-size:15px;font-weight:500;margin-left:10px;background:transparent;color:#804E38;}
.formauto .btn-box {margin-top:40px;}
.formauto .btn-box button {display:block;text-align:center;font-size:18px;font-weight:500;color:#fff;background:#804E38;border-radius:10px;width:100%;line-height:60px;}


/* 버튼이 있는 input */
.formauto form dl dd .btn-wrap {display:flex;gap:5px;}
.formauto form dl dd .btn-wrap input {width:calc(100% - 115px);}
.formauto form dl dd .btn-wrap button {width:110px;display:inline-block;box-sizing:border-box;font-size:16px;font-weight:500;line-height:48px;color:#804E38;background:#fff;border:1px solid #804E38;border-radius:10px;transition:all 0.3s;}
.formauto form dl dd .btn-wrap button:hover {color:#fff;background:#804E38;}


/* 비밀번호 입력란 눈 아이콘 */
.formauto .pwd-wrap {position:relative;}
.formauto .pwd-wrap input[type="password"] {padding:0 45px 0 15px;}
.formauto .pwd-wrap button {display:block;width:20px;height:20px;position:absolute;top:50%;right:15px;transform:translateY(-50%);background:url(/_public/images2/formautoIcon/pwd_view.svg) no-repeat;background-size:cover;}
.formauto .pwd-wrap button.on {background:url(/_public/images2/formautoIcon/pwd_view_on.svg) no-repeat;background-size:cover;}


/* 폼 레이아웃 기본설정 */
.formauto form {word-break:keep-all;font-family:'Pretendard';}
.formauto form dl {margin:0; margin-bottom: 60px}
.formauto form dl:last-child { margin-bottom: 0}
.formauto form dt label {font-size:17px;font-weight:600;}
.formauto form dd input {}
.formauto form dd p.info {font-size:15px;color:#1087f5;background:#f2f9ff;padding:10px 15px 10px 40px;border-radius:5px;margin:15px 0 0 0;position:relative;}
.formauto form dd p.info:before {content:"";display:inline-block;width:16px;height:16px;background:url(/_public/images2/formautoIcon/ico_info.svg) no-repeat;background-size:cover;position:absolute;top:12px;left:15px;}

/* 필수 입력 항목 표시 */
.formauto .req-box {margin-bottom:5px;}
.formauto .req-box p {text-align:right;font-size:16px;margin:0;}
.formauto em.req {font-size:inherit;font-weight:bold;font-style:normal;color:#ef0303;display:inline-block;margin-left:5px;vertical-align:middle;}


.formauto .all-chk{  width: 100%; padding:15px;border-radius: 30px;border: solid 1px #d5d5d5;background: #f8f8f8;}
.formauto .all-chk dt { margin: 0; display: none}
.formauto .all-chk dd { margin: 0}

.formauto .chk-list {}
.formauto .chk-list dt { margin: 0; display: none;}
.formauto .chk-list dd { margin: 0}

.formauto .policy-box{margin-top:60px;}
.formauto .policy-box h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #121212;line-height: 1;}
.formauto .policy-box .chk-list{margin-top:20px;}
.formauto .policy-box .chk-list .all-chk{padding: 15px;border-radius: 10px;border: solid 1px #d5d5d5;background: #f8f8f8;}
.formauto .policy-box .chk-list .all-chk .checkbox-type1{}
.formauto .policy-box .chk-list .all-chk .checkbox-type1 label{font-size: 16px;font-weight: bold;color: #121212;line-height: 1;}
.formauto .policy-box .chk-list .all-chk .checkbox-type1 label:before{top:0;}
.formauto .policy-box .chk-list ul{margin-top:20px;padding:0 15px;}
.formauto .policy-box .chk-list ul li{display: flex;align-items: center;justify-content: space-between;}
.formauto .policy-box .chk-list ul li + li{margin-top:20px;}
/* .formauto .policy-box .chk-list ul li .checkbox-type1 label{font-size:14px;font-weight: 500;}
.formauto .policy-box .chk-list ul li .checkbox-type1 label:before{top:-2px;} */

.formauto .policy-box .chk-list ul li .checkbox-type1 label em{color: #c39e53;}

.formauto .policy-box .chk-list .checkbox-type1 label { padding: 0 24px 0 5px}



/* 하단 안내메세지 출력 */
.formauto .msg-box {margin-top:8px;}
.formauto .msg-box .msg {margin:0;position:relative;padding-left:20px;font-size:15px;}
.formauto .msg-box .msg:before {content:"";display:inline-block;width:15px;height:15px;position:absolute;top:2px;left:0;}
.formauto .msg-box .msg.msg-av {color:#19ab00;}
.formauto .msg-box .msg.msg-av:before {background:url(/_public/images2/formautoIcon/ico_success.svg) no-repeat;background-size:cover;}
.formauto .msg-box .msg.msg-non {color:#ef0303;}
.formauto .msg-box .msg.msg-non:before {background:url(/_public/images2/formautoIcon/ico_error.svg) no-repeat;background-size:cover;}

/* radio */
.formauto .radio-wrap {display:flex;gap:10px;}
.formauto .radio-type1 {flex:1;position:relative;}
.formauto .radio-type1 input[type="radio"] {position:absolute;opacity:0.5;}
.formauto .radio-type1 label {display:block;cursor:pointer;font-size:18px;line-height:48px;color:#707070;padding:0 15px 0 45px;background:#f5f5f5;border-radius:5px;position:relative;}
.formauto .radio-type1 label:before {content:"";display:block;width:20px;height:20px;border:5px solid #ccc;box-sizing:border-box;border-radius:100%;background:#fff;position:absolute;top:50%;left:15px;transform:translateY(-50%);}
.formauto .radio-type1 input[type="radio"]:checked {}
.formauto .radio-type1 input[type="radio"]:checked + label {color:#fff;font-weight:bold;background:#804E38;}
.formauto .radio-type1 input[type="radio"]:checked + label:before {border:5px solid #fff;background:#804E38;}


/* checkbox */
.formauto .chk-wrap {display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;}
.formauto .chk-type1 {position:relative;}
.formauto .chk-type1 input[type="checkbox"] {position:absolute;opacity:0;}
.formauto .chk-type1 label {display:block;font-size:16px;line-height:36px;cursor:pointer;color:#707070;background:#f5f5f5;border:2px solid #f5f5f5;border-radius:5px;padding:0 5px 0 35px;box-sizing:border-box;position:relative;}
.formauto .chk-type1 label:before {content:"";display:block;width:15px;height:15px;border:1px solid #ccc;border-radius:2px;background:#fff;position:absolute;top:50%;left:10px;    transform:translateY(-50%);}
.formauto .chk-type1 label:after {content:"";display:none;position:absolute;top:40%;left:10px;width:4px;height:10px;border-right:3px solid #804E38;border-bottom:3px solid #804E38;transform: rotate(45deg) translateY(-50%);}
.formauto .chk-type1 input[type="checkbox"]:checked + label {font-weight:600;color:#804E38;border:2px solid #804E38;background:#fff;}
.formauto .chk-type1 input[type="checkbox"]:checked + label:before {display:none;}
.formauto .chk-type1 input[type="checkbox"]:checked + label:after {display:block;}


/* select box */
.formauto .slt-wrap {position:relative;}
.formauto .slt-wrap:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_arrow_b.svg) no-repeat;background-size:cover;transform:translateY(-50%) rotate(180deg);position:absolute;top:50%;right:15px;}
.formauto .slt-wrap select {width:100%;height:52px;border:1px solid #ccc;border-radius:10px;padding:0px 15px;font-size:18px;appearance:none;outline:none;background:#fff;}
.formauto .slt-wrap select:focus {border:1px solid #804E38;}
.formauto .slt-wrap + input {margin-top:5px;}


/* 달력/날짜선택 */
.formauto form dd .date {position:relative;}
.formauto form dd .date:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_cal.svg) no-repeat;background-size:cover;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.formauto form dd .date input {background:#f5f5f5;}

/* 주소 */
.formauto .addr-wrap {display:flex;flex-direction:column;gap:5px;}
.formauto .addr-wrap .addr1 input[type="number"] {width:160px;}

/* 약관확인 */
.formauto .plc-wrap label {font-size:16px;margin-left:5px;}


/* label과 input을 나란히 놓을 경우 */
.formauto form.ver1 dl dt {margin-top:0;width:180px;position:relative;/*top:33px;float:left;*/}
.formauto form.ver1 dl dd {box-sizing:border-box;width:100%;margin:0;padding:25px 0;border-bottom:1px dotted #ccc}
.formauto form.ver1 dl dd .psw-wrap {}
.formauto dl{/* display:grid; */grid-template-columns:180px 1fr;align-items:center;/* margin-bottom: 10px; */}
.formauto dt{grid-column:1;margin-bottom: 10px;}
.formauto dd{grid-column:2;margin:0;margin-bottom: 30px;}


/* 약관확인 레이어 팝업 */
.formauto .terms-layer {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:2000;line-height:normal;}
.formauto .terms-layer .layer-contents {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;background:#fff;padding:20px 50px 50px;border-radius:15px;box-sizing:border-box;}
.formauto .terms-layer .layer-contents .layer-top {position:relative;padding:20px 0;font-size:25px;font-weight:600;color:#333;border-bottom:2px solid #f8f8f8;}
.formauto .terms-layer .layer-contents .layer-top .terms-close {position:absolute;top:17px;right:0;width:30px;height:30px;background:transparent}
.formauto .terms-layer .layer-contents .layer-body {height:400px;overflow-y:auto;padding:20px 20px 0 0;}



/* 모바일 */
@media all and (max-width:768px) {
  .formauto .layout {max-width:none;margin:40px 0;width:100%;}
  .formauto .layout section {padding:20px; border-radius: 10px}

  /* form.ver1 dl dt {width:100%;float:none;clear:both;top:auto;margin-top: 20px;}
  form.ver1 dl dd {padding:10px 0 30px;} */
  .formauto form.ver1 dl{grid-template-columns:1fr;}
  .formauto form.ver1 dl dt{grid-column:1;margin-bottom:5px;}
  .formauto form.ver1 dl dd{grid-column:1;margin-bottom:15px;}

  /* 약관확인 레이어 팝업 */
  .formauto .terms-layer .layer-contents {width:calc(100% - 20px);height:520px;padding:20px;}
  .formauto .terms-layer .layer-contents .layer-top {padding:0 0 20px;font-size:20px;}
  .formauto .terms-layer .layer-contents .layer-top .terms-close {top:7px;width:20px;height:20px;}
  .formauto .terms-layer .layer-contents .layer-top .terms-close img {display:block;width:100%;}



  .formauto{padding:80px 20px;}
  .formauto .layout section h3 { font-size: 20px;margin-top: 10px;}
  .formauto form dt label { font-size: 16px}
  .formauto input[type="text"], .formauto input[type="password"], .formauto input[type="email"], .formauto input[type="tel"], .formauto input[type="date"], .formauto input[type="number"]{ font-size:16px}
  .formauto .radio-type1 label { font-size: 16px}
  .formauto .slt-wrap select{ font-size: 16px}
  .formauto .policy-box .chk-list .all-chk .checkbox-type1 label { font-size: 15px}
  .formauto .policy-box .chk-list .checkbox-type1 label{ font-size: 14px}
  .formauto .req-box p { font-size: 14px; text-align: center;}
  .formauto dd { margin-bottom: 25px}
  .formauto .btn-box button { font-size: 16px}
  .formauto .btn-box { margin-top: 30px}
}