@charset "urf-8";
html, body {min-width: initial; max-width:initial; font-weight: 500 }
input[type=text], .input input[type=tel], .input input[type=number]{height:56px !important; }
.selectize-input{height:56px; padding:17px 40px 19px 20px}
.as-re-wrap {width: 100%; height: 100vh; position: relative}
.login-box {background: #fff;max-width: 650px; width:100%; margin:0 auto;padding:90px 0;}
.login-box .bi-img {width:35%; margin:0 auto}
.login-box .bi-img > img {width:100%}
.login-formbox{width:80%; margin:0 auto; }
.login-formbox .w-full .btn-box {width:100%}
.section {padding-top:100px; margin: 0 auto}
.copy{margin-top: 40px;font-family: 'CentraleSans', sans-serif;font-size: 12px;color: #888;text-align: center}
.input.lock:before { content: ""; position:absolute; top:18px; left:10px;   display: block; width: 20px; height: 20px;background: url(../img/as/ico_code.svg) 0 0 / contain no-repeat; }
.input.lock input {padding-left:35px}
.as-imgbox {height:300px; background-position: right; background-color:#edebe8; background-repeat: no-repeat;    transition: all .3s; width:100%; max-width:1920px; margin:0 auto ; display: flex; align-items: center}
.as-imgbox .tit-area {max-width: 1200px; width: 100%; margin:0 auto}
.as-imgbox .tit-area > h2 {font-size: 50px; font-weight: 500}
.tab-as {width:100%; border-bottom:1px solid #ddd;max-width: 1920px; margin: 0 auto }
.tab-as ul {max-width:1200px;margin:0 auto;display: flex; }
.tab-as ul > li {width:50%; text-align: center; font-size: 19px;height: 70px; line-height: 70px}
.tab-as ul > li.active {border-bottom:2px solid #004e73;  }
.tab-as ul > li.active > a {color:#004e73}
.as-form {width:650px; margin:0 auto; padding-top:40px}
.btn-wrap {width:300px; margin-left:auto; font-size: 16px ; box-sizing: border-box}
.btn-wrap i.icon-down{display: inline-block;    width: 16px;    height: 16px;    background: url(../img/as/ico_download.svg) 0 0 / cover no-repeat;    vertical-align: middle;}
.btn-wrap .btn-box{font-size: 16px}
.as-form .tit-wrap {border-bottom:2px solid #222; font-size: 25px; font-weight: 600; display: flex; align-items: baseline; padding-top:30px; line-height: 1;padding-bottom: 10px;}
.as-form .tit-wrap > span {color:#888888; font-size: 15px; display: inline-block; margin-left: auto;}
.as-form .tit-wrap > span > i {color:#e42525;}
.fc-6 {color:#ef1e1e !important;}
.as-cont {padding-top:30px}
.as-cont .sort {font-size: 18px; }
.as-cont > ul > li {padding-bottom:30px; border:0 }
.form-txt {    display: inline-block;    padding: 0 3px;font-size: 18px}
.form-row.mail .select{width: calc(100% - 270px)}
.form-row.row-one,.form-row.row-half {padding-top: 10px}
.row-one .checkbox {width: 50%; justify-content: left}
.row-one.failtxt label:last-of-type { width:100%; padding-top: 10px}

.fail-info {    margin-top: 32px;  border-bottom:1px solid #ddd  }
.fail-info .accordion > li a .form-txt{    font-size: 24px;    font-weight: 700;    color: #111; display: inline-block}
.fail-info .accordion > li a::after { background: none}
.fail-info .accordion > li a{display: inline-block}
.fail-info .accordion .expand .wrap{background:#fff;  color:#111; padding:20px 0 ; border-top:1px solid #ddd}
.fail-info .accordion > li{border:0; border-top:1px solid #111 }
.fail-info a .checkbox{background:url('../img/as/check-off-40.svg') left center no-repeat;background-size:20px 20px;cursor:pointer;} /*211214*/
.fail-info a .checkbox .form-txt{padding-left:25px} /*211214*/
.fail-info li.open a .checkbox{background:url('../img/as/check-on-40.svg') left center no-repeat;background-size:20px 20px} /*211214*/
.half-input > .input {width:calc(50% - 10px)}
.half-input > span{padding-right: 5px; margin-bottom:10px}
.half-input .input + .input {margin-left:0}
.as-file {padding:50px 0}
.as-file button{margin-right:10px}
.asbtn {margin-bottom:40px}
.select select {background:url(../img/as/arrow.png) center right no-repeat; width:100%; height: 56px}

#ui-datepicker-div{z-index:100 !important;}

.as-list {width:1200px; margin:0 auto; padding-top:40px; padding-bottom:140px}
.asList-tb table {width:100%}
.asList-tb th {border-bottom:1px solid #ddd; border-top:1px solid #111;background:#f8f8f8; color:#111; padding:28px 10px;  }
.asList-tb td {border-bottom:1px solid #ddd;padding:28px 10px; color:#777;text-align: center }
.asList-tb td:nth-of-type(3) a {color:#111; text-decoration: underline;}
.asList-tb td .ans-done{color:#009ac0; display: inline-block; border:1px solid #009ac0; padding: 8px 15px; }
.asList-tb td .ans-ing{color:#777; display: inline-block; border:1px solid #777; padding: 8px 15px; }
.as-view-box {background:#f8f8f8; padding:40px 60px; width:1200px; margin:0 auto; display: flex; justify-content: space-between; justify-items: center; box-sizing: border-box}
.view-write > dl {display: flex}
.view-write > dl > dt{color:#777777; padding-right:10px}
.view-write > dl > dt:before{content:'•';display: inline-block; padding-right:3px}
.view-write > dl > dd {padding-right:10px}
.view-pro{ background: url(../img/as/ico_product.svg) 0 0 no-repeat; background-size:26px; color:#777777; padding-left:30px  }
.view-pro > span {font-weight: 800; color:#004e73; font-size:20px ; padding-left:10px}
.ans-view > div:first-of-type {color:#111; font-size:20px; font-weight: 700; padding-top:30px }
.ans-txt {background:#f4f4f4; box-sizing: border-box; padding:15px; margin-bottom: 10px }
.ans-btns {text-align: right}
.ans-btns >button {padding:0 20px;}