@charset "UTF-8";

/********************************************************

            리셋 / 공통 / 폰트 css  [BSJ]

********************************************************/
@import url(layout.css);
@import url(contents.css);

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
body,html {height:100%;}
body.hidden {overflow:hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;word-break:keep-all;} body{position:relative;color:#333} html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;} img,fieldset{border:0} table{border-collapse:collapse} img {vertical-align:top;max-width:100%;} em,address{font-style:normal} a {color:inherit;text-decoration:none;} strong {font-weight:600;} .tac {text-align:center;} .tal {text-align:left} .tar {text-align:right;}
#WRAP {position:relative;min-height:100%;padding-bottom:138px;font-family:"Noto Sans KR","Malgun Gothic","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:400;color:#141A23;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-0.7px;box-sizing:border-box;}
a {color:#141A23;}
/* SKIP */
#SKIP {position:relative;z-index:99999999999;}
#SKIP a {display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;background:#151c2d;font-weight:500;font-size:16px;color:#fff;white-space:nowrap;text-align:center;}
#SKIP a:focus,
#SKIP a:active {position:absolute;width:100%;height:auto;margin-bottom:10px;padding:5px;left:0;top:0;box-sizing:border-box;}
@media screen and (max-width: 675px){
    #WRAP {padding-bottom:16.75rem;}
}



/* layout common */
.l-maxWidth {max-width:1472px;margin:0 auto;}
.maxWidth {max-width:1223px;margin:0 auto;}
.maxWidth2 {max-width:980px;margin:0 auto;}
.maxWidth3 {max-width:480px;margin:0 auto;}
.l-table {display:table;table-layout:fixed;width:100%;height:100%;}
.l-cell {display:table-cell;vertical-align:middle;}
.l-cell.bottom {vertical-align:bottom;}
.column {font-size:0;}
.column > li {display:inline-block;vertical-align:top;position:relative;list-style:none;}
.column.col2 > li {width:50%;}
.column.col3 > li {width:33.3333333%;}
.column.col4 > li {width:25%;}
.column.col_2 {margin:-1.5% 1%;}
.column.col_2 > li {width:48%;margin:1.5% 1%;}
.column.col_3 {margin:-2% -1%;}
.column.col_3 > li {width:31.3%;margin:2% 1%;}
.column.col_4 {margin:-1.7% -1%;}
.column.col_4 > li {width:23%;margin:1.7% 1%;}
.column.col_5 {margin:-0.7% -0.5%;}
.column.col_5 > li {width:19%;margin:0.7% 0.5%;}
.overflow {overflow:hidden;}
.inner--left {float:left;}
.inner--right {float:right !important;}
.ls0 {letter-spacing:0px}
.clear {clear:both;}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.clear {clear:both;}
@media screen and (max-width: 1520px){
    .maxWidth {margin:0 6.688rem;}
}
@media screen and (max-width: 1354px){
    .maxWidth2 {margin:0 6.688rem;}
}
@media screen and (max-width: 1024px){
    .maxWidth {margin:0 6.688rem;}
    .maxWidth2 {margin:0 6.688rem;}
}
@media screen and (max-width: 1502px){
    .l-maxWidth {margin:0 15px;}
}
@media screen and (max-width: 1010px){
}
@media screen and (max-width: 1000px){
    .maxWidth2,
    .maxWidth {margin:0 3rem;}
}
@media screen and (max-width: 768px){
    .maxWidth2,
    .maxWidth {margin:0 1.5rem;}
}
@media screen and (max-width: 480px){
    .maxWidth,
    .maxWidth2,
    .maxWidth3 {margin:0 1rem;}
}




/* FORM */
input[type=text],
input[type=password],
select,
textarea {font-family:'Noto Sans KR',"Malgun Gothic","AppleSDGothcNeo","AppleGothic", sans-serif;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:6px;border-radius:6px;-moz-border-radius:6px;resize:none;}

button,
input[type=button],
input[type=submit] { cursor: pointer; vertical-align: middle;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-webkit-border-radius:6px;border-radius:6px;-moz-border-radius:6px;outline:none;}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {border-color:#0EB151 !important;}

input[type="radio"] {display:none !important;}
input[type="radio"] + label {font-weight:400;font-size:1rem;color:#141A23;cursor:pointer;}
input[type="radio"] + label > span {display:inline-block;width:16px;height:18.5px;margin:-4px 0.3125rem 0 0;vertical-align:middle;background-image:url(../../images2/common/radio_sheet.svg);background-position:center;cursor:pointer;}
input[type="radio"]:checked + label > span {background-image:url(../../images2/common/radio_sheet_on.svg);background-size:100%;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {font-weight:400;font-size:0.875rem;color:#627280;cursor:pointer;}
input[type="checkbox"] + label > span {display:inline-block;width:16px;height:17px;margin:-3px 0.3125rem 0 0;vertical-align:middle;background-image:url(../../images2/common/check_sheet.svg);background-position:center bottom;cursor:pointer;}
input[type="checkbox"]:checked + label > span {background-image:url(../../images2/common/check_sheet_on.svg);}

input[type="checkbox"] + input[type="hidden"] + label {font-weight:400;font-size:0.875rem;color:#627280;cursor:pointer;}
input[type="checkbox"] + input[type="hidden"] + label > span {display:inline-block;width:16px;height:17px;margin:-3px 0.3125rem 0 0;vertical-align:middle;background-image:url(../../images2/common/check_sheet.svg);background-position:center bottom;cursor:pointer;}
input[type="checkbox"]:checked + input[type="hidden"] + label > span {background-image:url(../../images2/common/check_sheet_on.svg);}

select { background: url(../../images2/common/arr_down2.svg) no-repeat 92% center; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; -webkit-border-radius:6px;border-radius:6px;-moz-border-radius:6px;}
select::-ms-expand { display: none; }
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select:focus {background: url(../../images2/common/arr_down2_over.svg) no-repeat 92% center !important;}


/*form*/
.form_row {margin-bottom:1.75rem;}
.form_row.clear {height:5.4rem;}
.form_row.clear .form_col {width:48.335%;}
.form_row.clear.col_3 {margin:-2% -1%;margin-bottom:1.75rem;}
.form_row.clear.col_3 .form_col {width:31.3%;margin:2% 1%;}
.form_btns {margin-top:3rem;}
label {display:block;margin-bottom:0.5rem;font-size:0.875rem;color:#141A23;}
.int {width:100%;height:3rem;line-height:1.5;padding:0 1rem;border:1px solid #C8D4DB;font-weight:400;font-size:1rem;color:#627280;letter-spacing:-0.6px;box-sizing:border-box;}
#card-element.int {width:100%;height:3rem;line-height:1.5;padding:0 1rem;border:1px solid #C8D4DB;font-weight:400;font-size:1rem;color:#627280;letter-spacing:-0.6px;box-sizing:border-box;display: flex;flex-direction: column;justify-content: center;border-radius: 0.375rem;}
input[type=password].int {letter-spacing:.5px;}
::-webkit-input-placeholder {color:#999 !important;}
.int:disabled {background-color:#fff;color:#627280;}
input[type=text]:disabled:hover,
input[type=text]:disabled:focus,
input[type=password]:disabled:hover,
input[type=password]:disabled:focus,
select:disabled:hover,
select:disabled:focus,
textarea:disabled:hover,
textarea:disabled:focus {border-color:#C8D4DB !important;}
.int__textarea {width:100%;height:14rem;line-height:1.5;padding:0.75rem 1rem;border:1px solid #C8D4DB;font-weight:400;font-size:1rem;color:#627280;letter-spacing:-0.6px;box-sizing:border-box;}
.int__btn {width:100%;height:3rem;background-color:#0EB151;border:none;font-weight:600;font-size:1rem;color:#fff;letter-spacing:-0.7px;text-align:center;box-sizing:border-box;position: relative;}
.int__btn:disabled {background-color:#e9eef1;color:#c0c7cc;}
a.int__btn {display:block;line-height:3rem;border-radius:6px;font-weight:600;}
.int__btn.off {background-color:#fff;border:1px solid #A7B9C4;color:#627280;}
.pwinquiry {font-size:0.875rem;color:#0EB151;}
.form_head {overflow:hidden;}
.form_head label {float:left;}
.form_head a {float:right;}
.form_body {margin-top:1rem;}
.form_body .details_title {width:70%;}
.form_body .details_desc {width:30%;}
.form_text {display:block;font-size:0.875rem;color:#141A23;}
.form_text a {font-weight:600;}
.type_btn {height:3rem;line-height:1.5;padding:0 1rem;background-color:#fff;border:1px solid #C8D4DB;font-weight:600;font-size:1rem;color:#627280;letter-spacing:-0.6px;box-sizing:border-box;}
@media screen and (min-width: 1025px){
    .pwinquiry:hover {color:#09873D;}
    .type_btn {transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
    .type_btn:hover {border-color:#627280;font-weight:600;color:#141A23;}
    .int__btn:disabled:hover {background-color:#E9EEF2;font-weight:600;color:#c0c7cc;}
    .int__btn:hover {background-color:#09873D;font-weight:600;color:#fff;}
    a.int__btn.on:hover {background-color:#09873D;font-weight:600;}
    .int__btn.off:hover {background-color:#fff !important;border-color:#627280;font-weight:600;color:#141A23;}
}
@media screen and (max-width: 480px){
    .form_row {margin-bottom:1.25rem;}
    .form_btns {margin-top:2rem;}
    .questionnaire_btn img {height:1.5rem;}
}

.form_btns.col {margin:-1.5% -1.5%;margin-top:3rem;font-size:0;}
.form_btns.col > a {display:inline-block;width:47%;margin:1.5% 1.5%;}
.form_btns.col > .int__btn {display:inline-block;width:47%;margin:1.5% 1.5%;}

.button--loading .button__text {
    visibility: hidden;
    opacity: 0;
}

.button--loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}