@charset "UTF-8";
/**** RESET ****/
html, body { height: 100%; }

body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html { overflow-y: scroll; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }

ul, ol, li, dl, dt, b, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, div, section, main, p, dt, dd, li, textarea, th, td, a, span, em, strong, fieldset, input, select, label { margin: 0; padding: 0; font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움  ', Sans-serif; text-decoration: none; line-height: normal; }

a { color: inherit; }

a:hover { text-decoration: none; }

main { display: block; }

img { border: 0; }

li { list-style: none; }

i { font-style: normal; }

b { font-weight: inherit; vertical-align: baseline; letter-spacing: inherit; }

em { font-style: normal; }

table { border-collapse: collapse; }

table, thead, tbody, tfoot, th, td { margin: 0; padding: 0; background: none; border: 0; border-spacing: 0; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; }

table caption { visibility: hidden; height: 0; font-size: 0; }

button { background-color: transparent; cursor: pointer; border: 0; padding: 0; font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; line-height: normal; }

button span:first-child { position: relative; }

button:focus { outline: none; }

input, select { margin: 0; padding: 0; background: transparent; border: none; font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; }

input:focus, select:focus { outline: none; background: transparent; }

input:-ms-input-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, select:-ms-input-placeholder, select:-ms-input-placeholder, select::-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder { font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; color: var(--gray-300) !important; font-weight: 400 !important; opacity: 1; }

input::-ms-input-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, select::-ms-input-placeholder, select:-ms-input-placeholder, select::-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder { font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; color: var(--gray-300) !important; font-weight: 400 !important; opacity: 1; }

input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, select::placeholder, select:-ms-input-placeholder, select::-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder { font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; color: var(--gray-300) !important; font-weight: 400 !important; opacity: 1; }

input:disabled { opacity: 1 !important; -webkit-text-fill-color: inherit !important; }

input[disabled="disabled"], input[disabled] { opacity: 1 !important; -webkit-text-fill-color: inherit !important; }

legend { display: none; }

img, fieldset, iframe { border: 0; }

select { border: solid 1px transparent; padding: 1px 25px 1px 2px; cursor: pointer; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

select option { padding-right: 6px; }

p span, p strong { vertical-align: baseline; }

textarea { width: 100%; padding: 5px; border: solid 1px #b3b3b3; resize: vertical; }

textarea:focus { outline: none; }

.swiper-slide { width: auto; }

.bodyNoScroll { position: fixed; top: 0; left: 0; right: 0; }

:root { --white: #FFF; --gray-900: #181A1B; --gray-850: #242729; --gray-800: #313436; --gray-750: #3D4043; --gray-700: #494D50; --gray-650: #555A5D; --gray-600: #62666B; --gray-550: #6E7278; --gray-500: #7C8085; --gray-450: #888C90; --gray-400: #96999D; --gray-350: #A3A5A9; --gray-300: #B1B3B6; --gray-250: #BDBFC1; --gray-200: #CBCDCE; --gray-150: #D8D9DA; --gray-100: #E6E7E7; --gray-50: #F2F3F3; --gray-30: #F9F9F9; --black: #000; --blue-700: #0A3D75; --blue-600: #0F56A4; --blue-500: #136ED3; --blue-400: #2B87EC; --blue-100: #B9D7F9; --blue-50: #E8F2FD; --red-500: #C81E1E; --red-400: #E13636; --red-300: #E86464; --red-50: #FCE9E9; --green-600: #20925B; --green-500: #29BC75; --green-400: #42D58E; --green-50: #EAFAF3; --yellow-600: #AF9B04; --yellow-400: #FAE11D; --yellow-50: #FEFCE6; --orange-500: #DA760B; --orange-400: #F38F24; --orange-50: #FEF3E7; --cyan-600: #209092; --cyan-500: #29BABC; --cyan-400: #42D3D5; --cyan-300: #6DDDDF; --cyan-100: #C0F0F1; --cyan-50: #EAFAFA; --dark-blue-500: #2C29BC; --dark-blue-400: #4442D5; --dark-blue-50: #EAEAFA; --purple-500: #7529BC; --purple-400: #8E42D5; --purple-50: #F3EAFA; --pink-500: #BC2970; --pink-400: #D54289; --pink-50: #FAEAF2; }

/*25.04.01 : 어플라이 개편 Pretendard 폰트 추가*/
@font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local("Pretendard Black"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Black.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Black.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local("Pretendard ExtraBold"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraBold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local("Pretendard Bold"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Bold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local("Pretendard SemiBold"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-SemiBold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local("Pretendard Medium"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Medium.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local("Pretendard Regular"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Regular.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local("Pretendard Light"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Light.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Light.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local("Pretendard ExtraLight"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraLight.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local("Pretendard Thin"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Thin.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Thin.woff") format("woff"); }

/**** RESET ****/
html, body { height: 100%; }

body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html { overflow-y: scroll; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }

ul, ol, li, dl, dt, b, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, div, section, main, p, dt, dd, li, textarea, th, td, a, span, em, strong, fieldset, input, select, label { margin: 0; padding: 0; font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움  ', Sans-serif; text-decoration: none; line-height: normal; }

a { color: inherit; }

a:hover { text-decoration: none; }

main { display: block; }

img { border: 0; }

li { list-style: none; }

i { font-style: normal; }

b { font-weight: inherit; vertical-align: baseline; letter-spacing: inherit; }

em { font-style: normal; }

table { border-collapse: collapse; }

table, thead, tbody, tfoot, th, td { margin: 0; padding: 0; background: none; border: 0; border-spacing: 0; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; }

table caption { visibility: hidden; height: 0; font-size: 0; }

button { background-color: transparent; cursor: pointer; border: 0; padding: 0; font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; line-height: normal; }

button span:first-child { position: relative; }

button:focus { outline: none; }

input, select { margin: 0; padding: 0; background: transparent; border: none; font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; }

input:focus, select:focus { outline: none; background: transparent; }

input:-ms-input-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, select:-ms-input-placeholder, select:-ms-input-placeholder, select::-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder { font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; color: var(--gray-300) !important; font-weight: 400 !important; opacity: 1; }

input::-ms-input-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, select::-ms-input-placeholder, select:-ms-input-placeholder, select::-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder { font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; color: var(--gray-300) !important; font-weight: 400 !important; opacity: 1; }

input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, select::placeholder, select:-ms-input-placeholder, select::-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder { font-family: 'Pretendard', malgun Gothic,'맑은 고딕',Dotum,'돋움', Sans-serif; color: var(--gray-300) !important; font-weight: 400 !important; opacity: 1; }

input:disabled { opacity: 1 !important; -webkit-text-fill-color: inherit !important; }

input[disabled="disabled"], input[disabled] { opacity: 1 !important; -webkit-text-fill-color: inherit !important; }

legend { display: none; }

img, fieldset, iframe { border: 0; }

select { border: solid 1px transparent; padding: 1px 25px 1px 2px; cursor: pointer; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

select option { padding-right: 6px; }

p span, p strong { vertical-align: baseline; }

textarea { width: 100%; padding: 5px; border: solid 1px #b3b3b3; resize: vertical; }

textarea:focus { outline: none; }

.swiper-slide { width: auto; }

.bodyNoScroll { position: fixed; top: 0; left: 0; right: 0; }

:root { --white: #FFF; --gray-900: #181A1B; --gray-850: #242729; --gray-800: #313436; --gray-750: #3D4043; --gray-700: #494D50; --gray-650: #555A5D; --gray-600: #62666B; --gray-550: #6E7278; --gray-500: #7C8085; --gray-450: #888C90; --gray-400: #96999D; --gray-350: #A3A5A9; --gray-300: #B1B3B6; --gray-250: #BDBFC1; --gray-200: #CBCDCE; --gray-150: #D8D9DA; --gray-100: #E6E7E7; --gray-50: #F2F3F3; --gray-30: #F9F9F9; --black: #000; --blue-700: #0A3D75; --blue-600: #0F56A4; --blue-500: #136ED3; --blue-400: #2B87EC; --blue-100: #B9D7F9; --blue-50: #E8F2FD; --red-500: #C81E1E; --red-400: #E13636; --red-300: #E86464; --red-50: #FCE9E9; --green-600: #20925B; --green-500: #29BC75; --green-400: #42D58E; --green-50: #EAFAF3; --yellow-600: #AF9B04; --yellow-400: #FAE11D; --yellow-50: #FEFCE6; --orange-500: #DA760B; --orange-400: #F38F24; --orange-50: #FEF3E7; --cyan-600: #209092; --cyan-500: #29BABC; --cyan-400: #42D3D5; --cyan-300: #6DDDDF; --cyan-100: #C0F0F1; --cyan-50: #EAFAFA; --dark-blue-500: #2C29BC; --dark-blue-400: #4442D5; --dark-blue-50: #EAEAFA; --purple-500: #7529BC; --purple-400: #8E42D5; --purple-50: #F3EAFA; --pink-500: #BC2970; --pink-400: #D54289; --pink-50: #FAEAF2; }

/*25.04.01 : 어플라이 개편 Pretendard 폰트 추가*/
@font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local("Pretendard Black"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Black.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Black.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local("Pretendard ExtraBold"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraBold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local("Pretendard Bold"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Bold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local("Pretendard SemiBold"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-SemiBold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local("Pretendard Medium"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Medium.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local("Pretendard Regular"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Regular.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local("Pretendard Light"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Light.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Light.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local("Pretendard ExtraLight"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-ExtraLight.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local("Pretendard Thin"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Thin.woff2") format("woff2"), url("https://image.jinhakapply.com/ApplyBank/commapply/Pretendard/Pretendard-Thin.woff") format("woff"); }

.tag_rec1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 65px; padding: 3px 0; font-size: 14px; font-weight: 700; line-height: normal; border-radius: 12px; color: var(--white); }

.tag_rec1.prev { background: var(--cyan-500); }

.tag_rec1.done { background: var(--blue-700); }

.tag_rec1.ing { background: var(--blue-400); }

.tag_rec1.none { background: var(--red-400); }

.btn_com1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 11px; font-size: 15px; font-weight: 700; color: var(--gray-900); border-radius: 8px; border: 1px solid var(--gray-150); background: var(--white); }

.btn_com1.delete { gap: 0 2px; }

.btn_com1.delete::before { display: inline-block; content: ""; width: 18px; height: 18px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_delete2.svg") no-repeat center center; }

.btn_com2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 13px 0px; font-size: 20px; font-weight: 700; line-height: normal; border-radius: 8px; background: var(--blue-400); color: var(--white); }

.btn_com3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 89px; height: 40px; font-size: 14px; font-weight: 700; line-height: normal; border-radius: 4px; background: var(--blue-400); color: var(--white); }

@media (max-width: 1023px) { .btn_com3 { width: auto; border-radius: 8px; padding: 8px 16px; } }

.btn_com4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 350px; height: 54px; font-size: 16px; font-weight: 700; line-height: normal; border-radius: 8px; border: 1px solid var(--blue-400); background: var(--blue-400); color: var(--white); }

.btn_com4.type1 { border-color: var(--gray-100); background: var(--white); color: var(--gray-800); }

.radio_com1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; }

.radio_com1 input[type="radio"] { display: none; }

.radio_com1 input[type="radio"] + label { position: relative; padding: 6px 0px 6px 32px; font-size: 14px; font-weight: 400; line-height: 130%; /* 18.2px */ color: var(--gray-800); cursor: pointer; }

.radio_com1 input[type="radio"] + label::before { position: absolute; top: 0; left: 0; display: block; content: ""; width: 30px; height: 30px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_radio.svg") no-repeat center center; }

.radio_com1 input[type="radio"] + label .point1 { margin-right: 4px; color: var(--blue-400); }

@media (max-width: 1023px) { .radio_com1 input[type="radio"] + label { font-size: 15px; } }

.radio_com1 input[type="radio"]:checked + label::before { display: block; content: ""; width: 30px; height: 30px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_radio_on2.svg") no-repeat center center; }

.check_com1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; }

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

.check_com1 input[type="checkbox"] + label { position: relative; padding: 6px 0px 6px 32px; font-size: 14px; font-weight: 400; line-height: 130%; /* 18.2px */ color: var(--gray-800); cursor: pointer; }

.check_com1 input[type="checkbox"] + label::before { position: absolute; top: 0; left: 0; display: block; content: ""; width: 30px; height: 30px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_checkbox1.svg") no-repeat center center; }

.check_com1 input[type="checkbox"] + label .point1 { margin-right: 4px; color: var(--blue-400); }

.check_com1 input[type="checkbox"] + label span { display: inline-block; margin-right: 8px; }

@media (max-width: 1023px) { .check_com1 input[type="checkbox"] + label { font-size: 15px; } }

.check_com1 input[type="checkbox"]:checked + label::before { display: block; content: ""; width: 30px; height: 30px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_checkbox1_on.svg") no-repeat center center; }

@media (max-width: 1023px) { .check_com1 input[type="checkbox"] + label span { display: block; margin-right: 0; margin-bottom: 4px; }
  .check_com1 input[type="checkbox"] + label span:last-child { margin-bottom: 0; } }

.textarea_com1 { padding: 16px; font-size: 15px; font-weight: 400; line-height: 150%; /* 22.5px */ color: var(--gray-800); border-radius: 8px; border: 1px solid var(--gray-150); background: var(--white); resize: none; }

.textarea_com1:focus { outline: none; border-color: var(--gray-900); }

.textarea_com1::-webkit-input-placeholder { color: #aaa; }

.textarea_com1:-ms-input-placeholder { color: #aaa; }

.textarea_com1::-ms-input-placeholder { color: #aaa; }

.textarea_com1::placeholder { color: #aaa; }

.file_list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.file_list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; gap: 0 8px; border-radius: 8px; background: var(--blue-50); }

.file_list li .file_name { font-size: 15px; color: var(--gray-800); white-space: nowrap; }

@media (max-width: 1023px) { .file_list li .file_name { font-size: 14px; } }

.file_list li .delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 18px; font-size: 0; text-indent: -9999px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_close1_g.svg") no-repeat center center; background-size: 18px auto; }

.tbl_com1 { width: 100%; }

.tbl_com1 thead { border-bottom: 1px solid var(--gray-150); border-top: 1px solid var(--black); }

.tbl_com1 thead th { padding: 18px 12px; font-size: 15px; font-weight: 700; line-height: normal; color: var(--gray-800); text-align: left; }

.tbl_com1 thead th:first-child, .tbl_com1 thead th:last-child { padding-left: 8px; }

.tbl_com1 thead th.center { text-align: center; }

.tbl_com1 tbody tr { position: relative; border-bottom: 1px solid var(--gray-150); }

.tbl_com1 tbody tr:hover { background: var(--blue-50); cursor: pointer; }

.tbl_com1 tbody td { padding: 11px 12px; font-size: 15px; font-weight: 400; line-height: 130%; /* 19.5px */ color: var(--gray-700); }

.tbl_com1 tbody td:first-child, .tbl_com1 tbody td:last-child { padding-left: 8px; }

.tbl_com1 tbody td.center { text-align: center; }

.tbl_com1 tbody td .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tbl_com1 tbody td .btn_com1 { position: relative; }

@media (max-width: 1023px) { .tbl_com1 { display: none; } }

.m_tbl_com1 { display: none; }

.m_tbl_com1 li { margin-bottom: 16px; padding: 20px; border-radius: 16px; border: 1px solid var(--gray-100); background: #FFF; }

.m_tbl_com1 li:last-child { margin-bottom: 0; }

.m_tbl_com1 li dl { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m_tbl_com1 li dl dt { margin-bottom: 16px; width: 52px; font-size: 15px; font-weight: 700; line-height: 130%; /* 19.5px */ color: var(--gray-800); }

.m_tbl_com1 li dl dt:last-of-type { margin-bottom: 0; }

.m_tbl_com1 li dl dd { margin-bottom: 16px; width: calc(100% - 62px); font-size: 15px; font-weight: 400; line-height: 130%; /* 19.5px */ color: var(--gray-800); }

.m_tbl_com1 li dl dd:last-of-type { margin-bottom: 0; }

.m_tbl_com1 li .btn_com1 { margin-top: 20px; width: 100%; height: 40px; }

@media (max-width: 1023px) { .m_tbl_com1 { display: block; } }

.tbl_com2 { margin-top: 32px; width: 100%; border-top: 1px solid var(--black); }

.tbl_com2 th { padding: 12px 16px; font-size: 15px; font-weight: 700; line-height: 130%; /* 19.5px */ color: var(--gray-800); text-align: left; border-bottom: 1px solid var(--gray-100); background: var(--gray-50); }

@media (max-width: 1023px) { .tbl_com2 th { padding: 12px 8px; width: 20% !important; font-size: 14px; word-break: keep-all; text-align: center; }
  .tbl_com2 th br { display: none; } }

.tbl_com2 td { padding: 16px; font-size: 14px; font-weight: 400; line-height: 130%; /* 18.2px */ color: var(--gray-700); border-bottom: 1px solid var(--gray-100); }

.tbl_com2 td .red { color: var(--red-400); }

.tbl_com2 .table_info { display: inline-block; margin-top: 8px; padding: 10px 12px; font-size: 13px; font-weight: 400; color: var(--gray-700); border-radius: 18px; background: var(--gray-50); }

@media (max-width: 1023px) { .tbl_com2 .table_info { padding: 10px; font-size: 12px; border-radius: 8px; } }

.tbl_com2 .table_info2 { margin: 10px 0; padding: 16px; font-size: 12px; font-weight: 500; line-height: 150%; /* 18px */ color: var(--gray-400); border-radius: 8px; background: var(--gray-50); }

@media (max-width: 1023px) { .tbl_com2 .table_info2 { margin: 16px 0; } }

.tbl_com2 .textarea_com1 { height: 120px; }

.tbl_com2 .file_download { margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 150%; color: var(--gray-800); }

.tbl_com2 .file_download strong { display: block; font-weight: 400; color: var(--red-400); }

@media (max-width: 1023px) { .tbl_com2 { margin-top: 40px; } }

.table_btn_wrap { margin-top: 40px; }

.table_btn_wrap p { margin-bottom: 40px; font-size: 14px; line-height: 150%; /* 21px */ color: var(--gray-400); text-align: center; }

.table_btn_wrap .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 16px; }

@media (max-width: 1023px) { .table_btn_wrap .btn_wrap { width: 100%; padding: 16px 16px 40px 16px; position: fixed; bottom: 0; left: 0; gap: 0 8px; border-top: 1px solid var(--gray-100); background: var(--white); }
  .table_btn_wrap .btn_wrap .btn_com4 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .table_btn_wrap .btn_wrap .btn_com4:has(+ .btn_com4) { width: calc(50% - 4px); } }

@media (max-width: 1023px) { .table_btn_wrap { padding-bottom: 30px; } }

.tab_wrap { height: 51px; border-bottom: 1px solid var(--gray-100); background: var(--white); }

.tab_wrap .tab_com1 { max-width: 1080px; margin: 0 auto; }

.tab_com1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 24px; }

.tab_com1 > li { position: relative; font-size: 16px; font-weight: 500; line-height: normal; color: var(--gray-600); }

.tab_com1 > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; padding: 16px 0 15px; }

.tab_com1 > li::after { position: absolute; bottom: -1px; left: 0; display: block; content: ""; width: 100%; height: 2px; background: transparent; }

.tab_com1 > li.active { color: var(--blue-400); font-weight: 700; }

.tab_com1 > li.active::after { background: var(--blue-400); }

@media (max-width: 1023px) { .tab_com1 { gap: 0; }
  .tab_com1 > li { width: 50%; }
  .tab_com1 > li a { padding: 10px 0; text-align: center; } }

.nodata { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 300px; }

.nodata p { font-size: 15px; font-weight: 500; color: #898989; }

.nodata p::before { display: block; content: ""; width: 60px; height: 60px; margin: 0 auto 24px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_alert_g.svg") no-repeat center center; }

@media (max-width: 1023px) { .nodata { height: 335px; }
  .nodata::before { margin: 0 auto 16px; } }

.modal_alert { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); z-index: 99; }

.modal_alert .modal_wrap { width: calc(100% - min(48px, 12.8vw)); max-width: 360px; padding: 24px min(24px, 6.4vw); border-radius: 16px; background: var(--white); }

.modal_alert .modal_tit { margin-bottom: 40px; font-size: 16px; font-weight: 700; line-height: 130%; /* 20.8px */ color: var(--gray-800); }

@media (max-width: 1023px) { .modal_alert .modal_tit { font-size: 18px; } }

.modal_alert .modal_btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 8px; }

.modal_alert .modal_btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; font-size: 14px; font-weight: 700; border-radius: 4px; border: 1px solid var(--gray-100); background: var(--white); color: var(--gray-800); }

.modal_alert .modal_btn.type1 { color: var(--white); background: var(--gray-900); border-color: var(--gray-900); }

.modal_alert .modal_btn.type2 { color: var(--white); background: var(--blue-400); border-color: var(--blue-400); }

@media (max-width: 1023px) { .modal_alert .modal_btn { height: 48px; border-radius: 8px; font-size: 16px; } }

.modal_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); z-index: 99; }

@media (max-width: 1023px) { .modal_layer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.modal_layer::after { display: block; content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-overflow-scrolling: touch; will-change: opacity; }

.modal_layer .modal_wrap { position: relative; width: 520px; border-radius: 16px; background: var(--white); z-index: 2; overflow: hidden; }

@media (max-width: 1023px) { .modal_layer .modal_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: calc(100% - 174px); border-radius: 16px 15px 0 0; } }

.modal_layer .modal_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 16px 12px 24px; font-size: 16px; font-weight: 700; color: var(--gray-800); border-bottom: 1px solid var(--gray-100); }

.modal_layer .modal_head .modal_close { width: 24px; height: 24px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_close1.svg") no-repeat center center; font-size: 0; text-indent: -9999px; }

@media (max-width: 1023px) { .modal_layer .modal_head { padding: 16px; font-size: 18px; border-bottom: none; } }

.modal_layer .modal_cont { padding: 24px; }

@media (max-width: 1023px) { .modal_layer .modal_cont { padding: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.modal_layer .modal_btn_wrap { padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 8px; border-top: 1px solid var(--gray-100); }

.modal_layer .modal_btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; font-size: 14px; font-weight: 700; border-radius: 4px; border: 1px solid var(--gray-100); background: var(--white); color: var(--gray-800); }

.modal_layer .modal_btn.type1 { color: var(--white); background: var(--gray-900); border-color: var(--gray-900); }

.modal_layer .modal_btn.type2 { color: var(--white); background: var(--blue-400); border-color: var(--blue-400); }

@media (max-width: 1023px) { .modal_layer .modal_btn { height: 48px; border-radius: 8px; font-size: 16px; } }

.layerHTML { position: fixed; top: 50%; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1001; max-width: 200px; padding: 10px; background-color: #33cc33; text-align: left; color: #fff; font-size: 12px; }

.layerHTML:before { content: "< 레이어 >"; display: block; margin-bottom: 5px; }

.layerHTML li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layerHTML li, .layerHTML button, .layerHTML a { color: inherit; font-size: inherit; font-family: inherit; }

.layerHTML li.title, .layerHTML button.title, .layerHTML a.title { margin: 15px 0 5px 13px; }

.layerHTML li.title:before, .layerHTML button.title:before, .layerHTML a.title:before { display: none; }

.layerHTML li:before { content: "·"; display: inline-block; vertical-align: middle; margin-right: 5px; }

#header { border-bottom: 1px solid var(--gray-100); background: var(--white); }

#header .until { background: var(--gray-50); }

#header .until > .core { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 40px; gap: 0 12px; }

#header .until > .core .home { font-size: 13px; font-weight: 400; color: var(--gray-800); }

#header .until > .core .home::after { display: inline-block; content: ""; margin-left: 12px; width: 1px; height: 11px; background: var(--gray-150); }

#header .until > .core .user { font-size: 14px; line-height: normal; color: var(--gray-800); }

#header .until > .core .user strong { font-weight: 700; }

#header .until > .core .logout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 69px; height: 24px; font-size: 13px; font-weight: 500; line-height: normal; color: var(--gray-600); border-radius: 20px; border: 1px solid var(--gray-150); }

#header .core { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 72px; max-width: 1080px; margin: 0 auto; }

#header .core .logo img { width: auto; height: 52px; }

#header .core .logo::after { display: inline-block; content: ""; margin: 0 16px; width: 1px; height: 16px; background: var(--gray-100); }

#header .core .title { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gray-900); }

@media (max-width: 1023px) { #header .until { padding: 0 16px; }
  #header .until > .core { height: 30px; gap: 0; }
  #header .until > .core .home { font-size: 13px; }
  #header .until > .core .home::after { margin: 0 8px; }
  #header .until > .core .user { font-size: 13px; }
  #header .until > .core .logout { width: auto; border: none; }
  #header .until > .core .logout::before { display: inline-block; content: ""; margin: 0 8px; width: 1px; height: 11px; background: var(--gray-150); }
  #header .core { display: block; height: auto; }
  #header .logo { padding: 5px 16px; }
  #header .logo img { width: auto; height: 30px; }
  #header .logo::after { display: none !important; }
  #header .title { padding: 16px; border-top: 1px solid var(--gray-100); } }

#container { padding-bottom: 100px; }

#container .core { max-width: 1080px; margin: 0 auto; }

#container .core .title_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; margin-bottom: 32px; }

#container .core .title_wrap:has(.info) { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

#container .core .title_wrap .title { font-size: 30px; font-weight: 700; line-height: normal; color: var(--gray-900); }

#container .core .title_wrap .info { position: relative; padding-left: 8px; font-size: 14px; font-weight: 500; line-height: 130%; color: var(--gray-700); }

#container .core .title_wrap .info::before { position: absolute; top: 50%; left: 0; margin-top: -1.5px; display: block; width: 3px; height: 3px; border-radius: 50%; background: var(--gray-400); content: ""; }

#container .core .title_wrap .info span { color: var(--blue-400); }

@media (max-width: 1023px) { #container .core .title_wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; margin-bottom: 24px; }
  #container .core .title_wrap:has(.info) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #container .core .title_wrap:has(.info) .title { margin-bottom: 12px; }
  #container .core .title_wrap .title { font-size: 20px; } }

@media (max-width: 1023px) { #container { padding-bottom: 80px; }
  #container .core { padding: 0 16px; } }

.login_form_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 670px; margin: 60px auto 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 16px; border: 1px solid var(--gray-100); }

.login_form_wrap .login_form { padding: 40px 130px; }

.login_form_wrap .tit { margin-bottom: 24px; font-size: 30px; font-weight: 700; line-height: normal; text-align: center; color: var(--gray-900); }

.login_form_wrap .btn_com2 { margin: 16px 0 24px; width: 100%; }

.login_form_wrap .error_msg { margin-top: 16px; font-size: 12px; font-weight: 400; line-height: 130%; /* 15.6px */ color: var(--red-400); }

.login_form_wrap .login_find { font-size: 14px; font-weight: 500; line-height: normal; color: var(--gray-600); text-align: right; }

@media (max-width: 1023px) { .login_form_wrap { width: 100%; margin: 24px auto 20px; }
  .login_form_wrap .login_form { padding: 40px 20px; } }

.input_wrap .input_box { position: relative; width: 100%; height: 59px; padding: 28px 16px 11px 16px; border-radius: 8px 8px 0px 0px; border: 1px solid var(--gray-150); cursor: pointer; }

.input_wrap .input_box::after { border-radius: 8px 8px 0px 0px; }

.input_wrap .input_box:last-child { border-top: none; border-radius: 0px 0px 8px 8px; }

.input_wrap .input_box:last-child::after { border-radius: 0px 0px 8px 8px; }

.input_wrap .input_box.focus::after { position: absolute; top: -1px; left: -1px; display: block; content: ""; width: calc(100% - 2px); height: calc(100% - 1px); border: 2px solid var(--blue-400); -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; }

.input_wrap .input_box.error::after { position: absolute; top: -1px; left: -1px; display: block; content: ""; width: calc(100% - 2px); height: calc(100% - 1px); border: 2px solid var(--red-400); -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; }

.input_wrap .input_box.on label, .input_wrap .input_box.focus label, .input_wrap .input_box.error label { top: 7px; left: 16px; font-size: 13px; font-weight: 600; letter-spacing: -0.25px; -webkit-transform: translateY(0px); transform: translateY(0px); }

.input_wrap .input_box input { position: relative; width: 100%; height: 19px; font-size: 16px; font-weight: 600; color: var(--gray-800); z-index: 2; }

.input_wrap .input_box label { position: absolute; top: 50%; left: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ color: var(--gray-300); -webkit-transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in; transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in; z-index: 2; }

.input_wrap .input_box .eyeoff { position: absolute; top: 50%; right: 16px; margin-top: -12px; width: 24px; height: 24px; text-indent: -9999px; font-size: 0; background: url("https://image.jinhakapply.com/ApplyBank/commapply/common/svg/ico_eyeoff.svg") no-repeat center center; background-size: contain; z-index: 3; }

.input_wrap .input_box .eyeoff.active { background: url("https://image.jinhakapply.com/ApplyBank/commapply/common/svg/ico_eye.svg") no-repeat center center; background-size: contain; }

.login_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 20px; border-radius: 0px 0px 16px 16px; background: #EAF3FD; }

.login_info p { font-size: 14px; font-weight: 500; line-height: 150%; /* 21px */ color: var(--gray-700); }

.login_info p strong { margin-left: 3px; font-weight: 500; color: var(--blue-400); }

.login_info p::before { content: ""; display: inline-block; margin-top: -2px; width: 16px; height: 16px; margin-right: 4px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_alert_b.svg") no-repeat center center; vertical-align: middle; }

@media (max-width: 1023px) { .login_info p { position: relative; padding-left: 24px; }
  .login_info p::before { position: absolute; top: 50%; left: 0; margin-top: -8px; } }

.info_box { width: 670px; margin: 0 auto; padding: 23px; border-radius: 16px; border: 1px solid var(--gray-100); background: var(--gray-30); }

.info_box.w100 { margin-top: 32px; width: 100%; }

@media (max-width: 1023px) { .info_box.w100 { margin-top: 20px; } }

.info_box .info_tit { margin-bottom: 12px; font-size: 18px; font-weight: 700; color: var(--gray-600); }

.info_box .info_txt { font-size: 14px; font-weight: 500; line-height: 150%; /* 21px */ color: var(--gray-400); }

@media (max-width: 1023px) { .info_box .info_txt { font-size: 13px; } }

.info_box .info_txt.mt10 { margin-top: 12px; }

.info_box .info_list { counter-reset: number 0; }

.info_box .info_list > li { padding-left: 16px; position: relative; font-size: 14px; font-weight: 500; line-height: 150%; /* 21px */ color: var(--gray-400); }

.info_box .info_list > li::before { position: absolute; top: 0; left: 0; display: block; width: 16px; content: counter(number) "."; counter-increment: number 1; font-size: 14px; font-weight: 500; line-height: 150%; /* 21px */ }

/*.info_box .info_list > li strong { color: var(--red-400); font-weight: 500; vertical-align: baseline; }*/
.info_box .info_list > li strong { color: var(--black);font-weight: 500; vertical-align: baseline; }

.info_box .info_list > li strong.type2 { color: var(--blue-400); }

@media (max-width: 1023px) { .info_box .info_list > li { font-size: 13px; }
  .info_box .info_list > li::before { font-size: 13px; } }

.info_box .dot_list > li { padding-left: 11px; position: relative; font-size: 14px; font-weight: 500; line-height: 150%; /* 21px */ color: var(--gray-400); }

.info_box .dot_list > li::before { position: absolute; top: 8.5px; left: 0; display: block; width: 3px; height: 3px; border-radius: 50%; background: var(--gray-400); content: ""; }

.info_box .dot_list > li:has(strong)::before { background: var(--red-400); }

.info_box .dot_list > li:has(strong.type2)::before { background: var(--blue-400); }

.info_box .dot_list > li strong { color: var(--red-400); font-weight: 500; vertical-align: baseline; }

.info_box .dot_list > li strong.type2 { color: var(--blue-400); }

@media (max-width: 1023px) { .info_box .dot_list > li { font-size: 13px; } }

@media (max-width: 1023px) { .info_box { width: 100%; padding: 23px 20px; } }

.file_upload .file_info { font-size: 15px; line-height: 150%; color: var(--gray-700); }

.file_upload .file_info strong { font-weight: 700; }

.file_upload .file_drag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 24px 0; padding: 24px 0 34px 0; border-radius: 16px; background: var(--gray-50); }

.file_upload .file_drag p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 500; color: #898989; }

.file_upload .file_drag p::before { display: block; content: ""; width: 60px; height: 60px; background: url("https://image.jinhakapply.com/ApplyBank/commapply_m/svg/ico_add_g.svg") center no-repeat; }

@media (max-width: 1023px) { .file_upload .file_drag p.pc { display: none; } }

.file_upload .file_drag p.m { display: none; }

@media (max-width: 1023px) { .file_upload .file_drag p.m { display: -webkit-box; display: -ms-flexbox; display: flex; } }