@charset "utf-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); :root { --color-main: #e61e2b; } * {margin: 0; padding: 0; border: 0; box-sizing: border-box;} html, body {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 10px; margin: 0; color: #18181c;} body {display: flex; flex-flow: column; min-height: 100vh;} ul, li {list-style: none;} a {color: #000; text-decoration: none; display: block;} img {width: 100%; height: auto;} button {cursor: pointer; background: none; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} input[type="checkbox"], input[type="radio"] {accent-color: var(--color-main);} .btn-main {background: var(--color-main); color: #fff;} .btn-redline {border: .1rem solid #e61e2b; color: #e61e2b; background: #fff;} .btn-blueline {border: .1rem solid #2470b2; color: #2470b2; background: #eff5fb;} .btn-lightred {background: #f18070; color: #fff;} .btn-gray {background: #8d8e98; color: #fff;} .btn-lightgray {background: #a7a9b6; color: #fff} .btn-blue {background: #0f85a2; color: #fff;} .btn-lightblue {background: #0fa6ab; color: #fff;} .btn-dkblue {background: #2d5ea7; color: #fff;} .btn-dk {background: #171a36; color: #fff;} .modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;} .modal-container {min-width: 34rem; padding: 3.2rem 2rem 0; border-radius: 1.2rem; position: fixed; background: #fff; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%);} .modal-title {font-size: 1.6rem; font-weight: bold; letter-spacing: -.32px; line-height: 2.6rem; text-align: center;} .modal-title span {color: var(--color-main);} .modal-body {margin: 1.2rem auto 3.2rem; line-height: 2.4rem; font-size: 1.4rem; letter-spacing: -.26px; color: #56535b; text-align: center;} .modal-body.js-terms-content {text-align: left; padding-right: 2rem; word-break: keep-all;} .modal-bottom {width: calc(100% + 6.4rem); position: relative; left: -3.2rem; display: flex; align-items: center; gap: .2rem;} .modal-bottom button {padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px; width: 100%;} .modal-close {position: absolute; top: .4rem; right: .4rem; width: 2.8rem; height: 2.8rem; background: url(../image/pop-close.png) no-repeat center; background-size: cover;} .modal .modal-scroll-box {width: 60rem; min-height: 30rem; max-height: 50rem; overflow-y: auto; text-align: left; padding: 2rem; background: #f5f5f5; border: .1rem solid #dbdbdb; border-radius: 1.2rem;} .pop-srch {display: flex; gap: .4rem; justify-content: center; margin-top: 1.2rem;} .pop-srch input {border: .1rem solid #e0e2ee; font-size: 1.4rem; width: 100%;} .pop-srch button {padding: 1rem; font-size: 1.4rem; color: #fff; background: #171a36; border-radius: .8rem; white-space: nowrap;} .empty-layout footer {display: none} .empty-layout {background: #f1f2f6;} .empty-layout #login-section {padding-top: 8rem; text-align: center;} .empty-layout #login-section .logo {width: 20.4rem; margin: 0 auto 4.8rem;} .empty-layout #login-section .tit {width: 49rem; margin: 0 auto 2.4rem;} .empty-layout #login-section .txt {font-size: 1.6rem; letter-spacing: -.32px; color: #52535b; line-height: 2.6rem; margin-bottom: 4.8rem;} .empty-layout .loginForm {width: 40rem; display: block; margin: 0 auto; border-radius: 1.6rem; padding: 2.8rem 2rem; background: #fff; box-shadow: .2rem .2rem 1.2rem 0 rgba(24,24,28,.08);} .empty-layout .loginForm legend {font-size: 2.2rem; letter-spacing: -.44px; margin-bottom: 2.4rem; font-weight: 800; text-align: center;} .empty-layout .loginForm li + li {margin-top: .8rem;} .empty-layout .loginForm li p {font-size: 1.4rem;} .empty-layout input {border: .1rem solid #e0e2ee; width: 100%;} .empty-layout .rrn-flex { align-items: center; } .empty-layout .rrn-flex #userBirth1 { max-width: 15rem; text-align: center; } .empty-layout .rrn-flex #userBirth2 { max-width: 10rem; text-align: center; } .empty-layout .rrn-hidden { margin-left: .6rem; font-weight: 500; letter-spacing: .12rem; color: #8a8f99; } .empty-layout .loginForm .login-util {margin: 1.2rem 0 2.4rem; display: flex; align-items: center; justify-content: flex-end;} .empty-layout .loginForm .login-util a {font-size: 1.3rem; letter-spacing: -.26px; color: #52535b; display: flex; align-items: center;} .empty-layout .loginForm .login-util a:not(:last-child)::after {content: ''; width: .1rem; height: 1.2rem; background: #e0e2ee; margin: 0 .8rem;} .empty-layout .loginForm .btn-list button {border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; padding: 1.1rem; width: 100%; font-weight: 500;} .empty-layout .loginForm .btn-list .login {background: var(--color-main); color: #fff;} .empty-layout .loginForm .btn-list .join {border: .1rem solid var(--color-main); color: var(--color-main);} .empty-layout .loginForm .note {margin-top: 2rem; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500;} .empty-layout .loginForm .note span {color: var(--color-main);} .empty-header {border-bottom: .1rem solid #e0e2ee; padding: 1.8rem 0;} .empty-header .logo {width: 26rem; margin: 0 auto;} .empty-layout .login-tit {text-align: center; font-size: 2.8rem; font-weight: bold; letter-spacing: -.56px; margin: 6rem auto 4.8rem;} .empty-layout .login-wrap {width: 40rem; margin: 0 auto;} .empty-layout .no-user {font-size: 1.6rem; text-align: center;} .join-nav-bar {display: flex; align-items: center; gap: .8rem; margin-bottom: 1.6rem;} .join-nav-bar li {width: 2rem; height: 2rem; text-align: center; font-size: 1rem; border-radius: 50%; background: #52535b; line-height: 2; color: #fff;} .join-nav-bar .active {background: var(--color-main);} .step-box {border-radius: 1.6rem; padding: 2.8rem 2rem; background: #fff; box-shadow: .2rem .2rem 1.2rem 0 rgba(24,24,26,.08); position: relative;} .step-tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 2.4rem; font-weight: bold;} .join-step .ck-wrap {padding: 1.6rem 1.2rem; display: flex; align-items: center; border-radius: .8rem;} .join-step .ck-wrap input {width: 2.2rem; height: 2.2rem; margin-right: .8rem;} .all-check-wrap {border: .1rem solid #000; margin-bottom: 2rem;} .all-check-wrap input {accent-color: var(--color-main);} .all-check-wrap label {font-size: 1.6rem; font-weight: bold; letter-spacing: -.32px;} .all-check-wrap.checked {border: .1rem solid var(--color-main); color: var(--color-main);} .agree-list li + li {margin-top: 1.2rem;} .agree-item {padding: 1.3rem 1.2rem; background: #f5f6f9;} .agree-item label {font-size: 1.5rem; letter-spacing: -.3px;} .agree-item span {font-weight: bold; color: var(--color-main);} .agree-item button {display: inline-block; margin-left: auto; font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; text-decoration: underline; white-space: nowrap;} #step1-area .txt {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.4rem; margin-top: 2rem; text-align: center; color: #8d8e98;} #step1-area .txt.err {color: var(--color-main);} .login-wrap .btn-group {margin: 2.8rem auto 6rem; display: flex; gap: .4rem; justify-content: center;} .login-wrap .btn-group button {border-radius: .8rem; padding: 1.1rem; width: 8.8rem; font-size: 1.5rem; letter-spacing: -.3px; color: #fff; font-weight: 500; text-align: center; white-space: nowrap;} .login-cert {width: 100%; margin-top: -.8rem;} .login-cert button + button {margin-top: 1.2rem;} .login-cert button {width: 100%; padding: 1.3rem; border-radius: 1rem; font-size: 1.8rem; letter-spacing: -.36px; font-weight: bold;} .login-cert .cert-msg {font-size: 1.4rem; margin-top: 1.2rem; color: #777; letter-spacing: -.24px;} .step-box .require {position: absolute; right: 2rem; top: 3.6rem; font-size: 1.3rem; letter-spacing: -.26px; color: #8d8e98;} .step-box .require span {color: var(--color-main);} .step-box .input-wrap + .input-wrap {margin-top: 2.4rem;} .step-box .input-wrap {position: relative;} .step-box .input-wrap .err {color: var(--color-main); font-size: 1.3rem; letter-spacing: -.26px; top: 0; right: 0; position: absolute; display: none;} .step-box .input-wrap .tit {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: .8rem; font-weight: 500;} .step-box .input-wrap .tit span {color: var(--color-main);} .step-box .input-flex {display: flex; gap: .6rem; align-items: center;} .step-box .input-flex span {font-size: 1.4rem; color: #52535b} .step-box .input-flex span.dash {display: block; width: 1.2rem; height: .1rem; background: #a7a9b6;} .step-box .input-wrap .duplicate-ck {border-radius: .8rem; padding: 1rem; font-size: 1.5rem; letter-spacing: -.3px; color: #fff; white-space: nowrap; background: #f18070;} .step-box .input-wrap .note {font-size: 1.3rem; letter-spacing: -.26px; color: #52535b; margin-top: .8rem;} .step-box .input-wrap.err input {border: .1rem solid #e61e2b;} .step-box .input-wrap.err .err {display: block;} #step2-area .require {position: absolute;} #step3-area .step-box > .txt {margin: 1.2rem 0 1.6rem; letter-spacing: -.3px; color: #52535b; font-size: 1.5rem;} .cert-box {padding: 2.4rem; border-radius: 1.2rem; background: #f5f6f9;} .cert-box .tit {font-size: 1.8rem; font-weight: bold; margin-bottom: 2rem; text-align: center; letter-spacing: -.36px;} .cert-list {display: flex; gap: 2.4rem; flex-flow: row wrap;} .cert-list li {width: calc(25% - 2rem);} .cert-list li button {display: flex; flex-flow: column; align-items: center; justify-content: center;} .cert-list .img {width: 6rem; height: 6rem; margin-bottom: .8rem;} .cert-list .txt {font-size: 1.2rem; letter-spacing: -.24px; color: #52535b; text-align: center; white-space: nowrap;} .cert-list li:nth-child(1) .img {background: url(../image/cert1.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(2) .img {background: url(../image/cert2.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(3) .img {background: url(../image/cert3.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(4) .img {background: url(../image/cert4.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(5) .img {background: url(../image/cert5.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(6) .img {background: url(../image/cert6.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(7) .img {background: url(../image/cert7.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(8) .img {background: url(../image/cert8.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(9) .img {background: url(../image/cert9.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(10) .img {background: url(../image/cert10.png) no-repeat center; background-size: cover;} .cert-list li:nth-child(11) .img {background: url(../image/cert11.png) no-repeat center; background-size: cover;} #find-id-area .step-box {font-size: 1.8rem; letter-spacing: -.36px; line-height: 2.8rem; text-align: center;} #find-id-area .step-box * {color: #18181c; font-weight: 500;} #find-id-area .step-box .no-color {color: #18181c; font-weight: 500;} #find-id-area .step-box span {color: var(--color-main); font-weight: bold;} #find-id-area .password-box {border-top: .1rem solid #e0e2ee; padding-top: 1.6rem; font-size: 1.4rem; font-weight: bold; letter-spacing: -.28px; display: flex; align-items: center;} #find-id-area .password-box a {display: flex; align-items: center; margin-left: .8rem; font-weight: 400; color: #52535b;} #find-id-area .password-box a:hover {text-decoration: underline;} #find-id-area .password-box a::after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/arrow-right.png) no-repeat center; background-size: cover;} .inner {width: 1280px; margin: 0 auto;} header {border-bottom: .1rem solid #e0e2ee; padding: 2rem 0;} header .inner {display: flex; justify-content: space-between; align-items: center;} header .logo {width: 23.4rem; margin-right: auto; min-width: 20rem;} header nav {display: flex; align-items: center;} header nav div {position: relative;} header nav a {color: #18181c;} header .font-btn {display: flex; gap: .8rem; margin: 0 2rem 0 8rem;} header .font-btn button {border-radius: .6rem; padding: .5rem; background: var(--color-main); font-size: 1rem; font-weight: 500; white-space: nowrap;} header .dep1 {display: flex; gap: 8rem; align-items: center;} header .dep1 > li {position: relative;} header .dep1 > li::after {content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 6rem; background: transform;} header .dep1 > li > a {font-size: 1.8rem; font-weight: bold; letter-spacing: -.36px; white-space: nowrap;} header .dep2 { position: absolute; top: 8rem; z-index: 2; z-index: 999;} header .dep2 li + li {margin-top: 1.2rem;} header .dep2 a {font-size: 1.5rem; letter-spacing: -.3px; color: rgba(255,255,255,.6); white-space: nowrap; text-align: center;} header .dep2 a:hover {color: #fff; text-decoration: underline; text-underline-offset: .3rem;} .dep2-bg {width: 120%; background: var(--color-main); border-radius: 1.2rem; height: 11.6rem; position: absolute; top: 6rem; left: 50%; transform: translateX(-50%); pointer-events: none; z-index: 998;} header .dep2, .dep2-bg {display: block; max-height: 0; overflow: hidden; opacity: 0; transition: max-height .4s ease, opacity .3s ease;} .is-active {max-height: 30rem !important; opacity: 1 !important;} header .logout {padding: 1rem 1.6rem; background: #848594; border-radius: 60rem; display: flex; align-items: center; gap: .4rem;} header .logout button {color: #fff; white-space: nowrap;} header .logout::before {content: ''; width: 2.8rem; height: 1.8rem; background: url(../image/logout.png) no-repeat center; background-size: cover;} header.sub {border-bottom: .1rem solid rgba(255,255,255,.12);} header.sub nav a {color: #fff;} header.sub .logout {border: .1rem solid rgba(255,255,255,.12); background: rgba(255,255,255,.12);} header.sub .logout button {color: rgba(255,255,255,.6);} .main::before {content: ''; width: 100%; height: 100%; background: rgb(233, 235, 243);; background-size: cover; position: fixed; top: 0; left: 0; z-index: -1;} .main-tit {text-align: center; font-size: 4.2rem; margin: 6.8rem auto 5.3rem; letter-spacing: -.84px; line-height: 5.8rem; font-weight: bold; color: #f18070;} .main-tit span {color: var(--color-main);} .main-bn {width: 100%; height: 34rem; border-radius: 2.4rem; position: relative; background: url(../image/bn.png) no-repeat top right; background-size: cover; margin: 4.8rem 0 5rem;} .main-bn .txt {font-size: 4.2rem; font-weight: bold; letter-spacing: -.84px; color: #fff; line-heightL 5.8rem; position: absolute; bottom: 4rem; left: 4rem;} .welcome-txt {font-size: 1.7rem; letter-spacing: -.3px; margin-bottom: 1.6rem; color: #18181c; display: flex; align-items: center; gap: .6rem; font-weight: bold;} .welcome-txt::before {content: ''; width: 2.4rem; height: 2.4rem; background: url(../image/welcome-icon.png) no-repeat center; background-size: cover;} .main .grid-wrap {gap: 3.6rem; display: grid; grid-template-columns: 1.2fr .8fr 1fr; margin-bottom: 6.4rem;} .main .grid1 {display: flex; flex-flow: row wrap; gap: 2.4rem 2rem;} .main .grid1 .arrow-cont {position: relative;} .main .grid1 .arrow-cont::after {content: ''; width: 2.2rem; height: 2.2rem; background: url(../image/cont-arrow-gray.png) no-repeat center; background-size: cover; top: .6rem; right: 1.2rem; position: absolute;} .main .grid1 .arrow-cont:hover::after {background: url(../image/cont-arrow-gray.png) no-repeat center; background-size: cover;} .main .grid1 .my-application {padding: 2.4rem 2.8rem; width: 100%; background: url(../image/application-bg1.png) no-repeat center; background-size: 100% 100%;} .main .grid1 .my-application .tit {font-size: 2.2rem; font-weight: bold; letter-spacing: -.44px; color: #fff;} .main .grid1 .my-application .cont {margin-top: 3.2rem; display: flex; align-items: center; justify-content: center; color: #fff; flex-flow: column;} .main .grid1 .my-application .cont p {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: 2rem;} .main .grid1 .my-application .alarm-btn {border-radius: 60rem; display: block; width: 14.8rem; padding: 1.1rem; font-size: 1.8rem; letter-spacing: -.36px; color: #fff; background: #171a36; position: relative;} .main .grid1 .my-application .alarm-btn::before {content: ''; width: 2.8rem; height: 2.8rem; background: url(../image/my-application.png) no-repeat center; background-size: cover; top: -.5rem; left: -.5rem; position: absolute;} .main .grid1 .tit-box {width: calc(50% - 1.2rem);} .main .grid1 .app-guide {background: url(../image/application-bg2.png) no-repeat center; background-size: 100% 100%;} .main .grid1 .candidate {background: url(../image/application-bg3.png) no-repeat center; background-size: 100% 100%;} .main .grid1 .tit-box .img-wrap {width: 10.8rem; height: 10.8rem; border-radius: 50%; background: rgba(255,255,255,.1); margin: 3.4rem auto 2.4rem; display: flex; align-items: center; justify-content: center;} .main .grid1 .tit-box .img-wrap img {width: 60%;} .main .grid1 .tit-box .tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 2.4rem; font-weight: bold; text-align: center; color: #fff;} .main .cont-tit {font-size: 2rem; margin-bottom: 1.2rem; color: #18181c; font-weight: bold; letter-spacing: -.4px;} .main .grid2 .application-box {width: 100%; padding: 2.4rem 2rem; background: #171a36; border-radius: 1.6rem;} .main .grid2 .application-box li {border-radius: .8rem; padding: 1.3rem 2.4rem; border: .1rem solid rgba(255,255,255,.08); position: relative;} .main .grid2 .application-box li:nth-child(1) {background: rgba(255,255,255,.04) url(../image/application1.png) no-repeat calc(100% - 2.4rem) center; background-size: 3.6rem;} .main .grid2 .application-box li:nth-child(2) {background: rgba(255,255,255,.04) url(../image/application2.png) no-repeat calc(100% - 2.4rem) center; background-size: 3.6rem;} .main .grid2 .application-box li:nth-child(3) {background: rgba(255,255,255,.04) url(../image/application3.png) no-repeat calc(100% - 2.4rem) center; background-size: 3.6rem;} .main .grid2 .application-box li:nth-child(4) {background: rgba(255,255,255,.04) url(../image/application4.png) no-repeat calc(100% - 2.4rem) center; background-size: 3.6rem;} .main .grid2 .application-box li:not(:last-child)::after {content: ''; width: 1.8rem; height: 1.8rem; background: url(../image/bottom-arrow_white.png) no-repeat center; background-size: contain; margin: .8rem auto; position: absolute; left: 50%; top: calc(100%);} .main .grid2 .application-box li + li {margin-top: 2.8rem;} .main .grid2 .application-box li .step {font-size: 1.3rem; letter-spacing: -.26px; color: #a7a9b6; margin-bottom: .6rem;} .main .grid2 .application-box li .tit {font-size: 1.6rem; letter-spacing: -.32px; color: #fff; font-weight: 500;} .main .grid3 {display: flex; flex-flow: column;} .main .grid3 .tit-wrap {display: flex; justify-content: space-between;} .main .grid3 .view-more {width: 2.4rem; height: 2.4rem; background: url(../image/notice-arrow-gray.png) no-repeat center; background-size: cover;} .main .grid3 .view-more:hover {background: url(../image/notice-arrow_hover.png) no-repeat center; background-size: cover;} .main .grid3 .notice-list {display: flex; flex-flow: row wrap; gap: 1.2rem;} .main .grid3 .notice-list li {background: #fff; border-radius: 1.6rem; padding: 1.6rem 1.6rem 2rem; backdrop-filter: blur(.8rem); height: auto;} .main .grid3 .notice-list li {width: calc(50% - .6rem); min-height: 19.6rem; position: relative;} .main .grid3 .notice-list .notice-label {padding: .4rem 1.3rem; background: var(--color-main); border-radius: .4rem; font-size: 1.3rem; letter-spacing: -.26px; color: #fff; white-space: nowrap; display: inline-block;} .main .grid3 .notice-list .tit {margin-top: 1.2rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -.32px; color: #18181c; line-height: 2.4rem; word-break: break-all;} .main .grid3 .notice-list .date {font-size: 1.4rem; letter-spacing: -.28px; color: #8d8e98; position: absolute; bottom: 2rem; left: 1.6rem;} .main .no-items-wrapper {margin: 0; height: 100%;} .main .grid3 .notice-list.no-items {flex: 1;} .main .grid3 .notice-list.no-items li {width: 100%; margin-top: 0;} .main .grid3 .notice-list.no-items .tit {text-align: center;} footer {background: #18181c; padding: 2.2rem; position: relative;} footer .inner {display: flex; align-items: flex-start; justify-content: space-between;} footer .foot-cont {display: flex;} footer .logo {width: 11rem; min-width: 10rem; margin-right: 6rem;} footer .text-wrap {color: rgba(255,255,255,.4); font-size: 1.3rem; letter-spacing: -.26px; display: flex; align-items: center; flex-flow: row wrap;} footer .text-wrap ul {display: flex; align-items: center; margin-bottom: .4rem;} footer .text-wrap li {display: flex; align-items: center;} footer .text-wrap li:not(:last-child)::after {content: ''; width: .1rem; height: 1.3rem; background: rgba(255,255,255,.3); display: inline-block; margin: 0 .6rem;} footer .link-list {display: flex; align-item: center; gap: 2rem; font-size: 1.3rem; letter-spacing: -.26px;} footer .link-list a {color: #fff; white-space: nowrap;} footer.sub {background: #18181c;} .chatbot-wrap {position: fixed; top: 80%; right: 3.2rem; z-index: 5;} .chatbot {width: 13.2rem; border-radius: 60rem 60rem 60rem 0; padding: 1rem 2.3rem; background: linear-gradient(to left, #5911B9, #8e44ad); box-shadow: .2rem .2rem 2.8rem 0 rgba(230,30,43,.36); text-align: left;} .chatbot::after {content: ''; width: 7rem; height: 5.4rem; background: url(../image/character.png) no-repeat center; background-size: cover; position: absolute; right: 0; bottom: 0;} .chatbot img {width: 4.4rem; margin-right: auto;} .chatbot-wrap .chat-div {box-shadow: .2rem .2rem 2.8rem 0 rgba(24,24,28,.12); position: absolute; background: #fff; border-radius: 2rem; width: 36rem; height: 57rem; bottom: 0; right: 0; display: none;} .chatbot-wrap .chat-div.on {display: block;} .chat-div .tit::after {content: ''; width: 6rem; height: 5.4rem; background: url(../image/character.png) no-repeat center; background-size: cover; right: .3rem; bottom: 0; position: absolute;} .chat-div .tit {border-radius: 2rem 2rem 0 0; font-size: 1.8rem; letter-spacing: -.36px; padding: 1.6rem; text-align: center; background: linear-gradient(to right, #5911B9, #b4003e); position: relative; color: #fff;} .chat-div .tit span {color: #8af7ff; font-weight: bold;} .chat-container {padding: 1.6rem 1.6rem 2.2rem;; background: #ebeef5; max-height: 44rem; overflow: auto;} .chat-container .date {font-size: 1.3rem; letter-spacing: -.26px; margin-bottom: 1.2rem; text-align: center;} .chat-container .chat-note {border-radius: 60rem; padding: .8rem; background: #b2b5c5; margin-bottom: 1.6rem; font-size: 1.1rem; letter-spacing: -.22px; color: #fff; text-align: center;} .chat-container .msg-wrap {display: flex; flex-flow: column;} .chat-container .msg-wrap + .msg-wrap {margin-top: 2rem;} .chat-container .msg-wrap.ai {align-items: flex-stars;} .chat-container .msg-wrap.user {align-items: flex-end;} .chat-container .msg-wrap .profile {display: flex; gap: .6rem; align-items: center; margin-bottom: .8rem;} .chat-container .msg-wrap .ai-profile {width: 3.2rem; height: 3.2rem; border-radius: 50%; background: linear-gradient(to bottom, #5910b9, #d61d3c); position: relative;} .chat-container .msg-wrap .ai-profile::after {content: ''; width: 1.8rem; height: 1.8rem; background: url(../image/ai-profile.png) no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .chat-container .msg-wrap .profile .time {font-size: 1.2rem; letter-spacing: -.24px; color: #8d8e98;} .chat-container .msg-wrap .msg-box {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2rem; box-shadow: .2rem .2rem .8rem 0 rgba(24,24,28,.08); padding: 1.4rem; max-width: 80%;} .chat-container .msg-wrap .msg-box span {color: var(--color-main);} .chat-container .msg-wrap.ai .msg-box {border-radius: 0 2rem 2rem 2rem; background: #fff;} .chat-container .msg-wrap.user .msg-box {border-radius: 2rem 0 2rem 2rem; background: #171a36; color: #fff;} .chat-container .msg-wrap .help-list {margin-top: 1.2rem; display: flex; flex-flow: row wrap; gap: .6rem;} .chat-container .msg-wrap .help-list + .help-list {margin-top: .6rem;} .chat-container .msg-wrap .help-list button {border-radius: 60rem; font-size: 1.4rem; letter-spacing: -.5px; box-shadow: .2rem .2rem .8rem 0 rgba(24,24,28,.08); white-space: nowrap; padding: .8rem 1.2rem; background: #fff; border: .1rem solid #fff;} .chat-container .msg-wrap .help-list .accent {border-color: var(--color-main); color: var(--color-main); background: #fcf5f3;} .chat-input-wrap {border-top: .1rem solid #e0e2ee; padding: 1.6rem; display: flex; gap: .8rem;} .chat-input-wrap input {border-radius: 1.2rem; border: .1rem solid #e0e2ee; padding: 1.4rem 1.2rem; width: 100%;} .chat-input-wrap .chat-btn {min-width: 4.4rem; height: 4.4rem; width: 4.4rem; border-radius: 1rem; background: url(../image/chat.png) no-repeat center #e0e2ee; background-size: 2.6rem;} .chat-input-wrap .chat-btn:hover {background: url(../image/chat.png) no-repeat center var(--color-main); background-size: 2.6rem;} .chatbot-close {position: absolute; top: calc(100% + .8rem); right: 0; border-radius: 60rem; padding: 1rem 1.7rem; font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; background: #f5f6f9; box-shadow: .2rem .2rem 2.8rem 0 rgba(24,24,28,.12); display: flex; gap: .2rem;} .chatbot-close::before {content: ''; width: 2rem; height: 2rem; background: url(../image/pop-close.png) no-repeat center; background-size: cover;} select { -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../image/select-arrow.png) no-repeat #fff calc(100% - 1.2rem) 50%/1.8rem; cursor:pointer; } select, input, textarea {border-radius: .8rem; padding: 1rem 1.6rem; font-size: 1.5rem; letter-spacing: -.3px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} select option {font-size: 1.5rem; letter-spacing: -.3px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} input::placeholder, textarea::placeholder {color: #a7a9b6;} body.sub {background: #f6f7f8;} .layout {flex: 1;} .layout .sub::before {content: ''; width: 100%; height: 29.4rem; background: url(../image/sub-bg.png) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1;} .layout .sub {padding-bottom: 20rem;} .layout .sub .inner {width: 108rem;} .layout .sub .err-inner {margin-top: 10rem;} .sub .page-tit-wrap {margin: 4.8rem auto; text-align: center;} .sub .page-tit-wrap .tit {font-size: 3.2rem; font-weight: bold; margin-bottom: 2rem; letter-spacing: -.64px; color: #fff;} .sub .page-tit-wrap .breadcrumb {display: inline-flex; align-items: center; gap: .8rem; opacity: .8;} .sub .page-tit-wrap .breadcrumb li {font-size: 1.3rem; letter-spacing: -.26px; display: flex; align-items: center; gap: .8rem; color: #fff;} .sub .page-tit-wrap .breadcrumb li:not(:last-child)::after {content: ''; width: 1.4rem; height: 1.4rem; background: url(../image/breadcrumb-arrow.png) no-repeat center; background-size: cover;} .sub .page-tit-wrap .breadcrumb .home a {width: 1.4rem; height: 1.4rem; background: url(../image/home.png) no-repeat center; background-size: cover;} .top-cont-box {width: 100%; padding: 2rem; border-radius: 1.2rem; background: #171a36; display: flex; align-items: center; justify-content: center; gap: .8rem;} .top-cont-box.f-wrap {flex-flow: row wrap; position: relative;} .top-cont-box .select-vote {width: 100%; text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: -.36px; color: #fff;} .top-cont-box .select-vote::after {content: ''; width: 100%; height: .1rem; background: rgba(255,255,255,.12); display: block; margin: 1.2rem 0; position: relative; left: -2rem; width: calc(100% + 4rem); top: 50%; transform: translateY(-50%);} .top-cont-box .select-vote .c {color: #00b5e2;} .top-cont-box.f-wrap .flex-wrap {width: 100%; display: flex; align-items: center; justify-content: center; gap: .8rem;} .search-box .tit {font-size: 1.6rem; font-weight: 500; letter-spacing: -.32px; color: #fff; margin-right: .8rem;} .search-box .search-items {display: flex; gap: .8rem;} .search-box select {width: 18rem;} .search-box input {width: 28rem;} .search-box .only-input {width: 40rem;} .search-box .srch-btn {padding: 1rem 2rem; border-radius: .8rem; letter-spacing: -.3px; background: var(--color-main); color: #fff; font-size: 1.5rem; font-weight: 500; display: flex; gap: .5rem; margin-left: 1.2rem;} .search-box .srch-btn::before {content: ''; width: 1.8rem; height: 1.8rem; background: url(../image/search.png) no-repeat center; background-size: cover;} .back-btn-wrap {margin-top: 6rem; text-align: center;} .btn-back {display: flex; align-items: center; gap: .6rem; border-radius: 60rem; border: .1rem solid #dbdbdb; background: #fff; color: #52535b; padding: 1rem 2rem; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; margin: 0 auto;} .btn-back::before {content: ''; width: 2rem; height: 2rem; background: url(../image/back.png) no-repeat center; background-size: cover;} .app-step {display: none;} .app-step.active {display: block;} .step-box.app-step {padding: 4.8rem 1rem; text-align: center; background: #171a36;} .app-step .app-step-tit {font-size: 2rem; font-weight: bold; letter-spacing: -.4px; margin-bottom: 1.2rem; color: #fff;} .app-step .sub-txt {font-size: 1.5rem; letter-spacing: -.3px; color: #a7a9b6;} .app-step .primary-list {margin: 2.4rem auto 3.6rem; display: flex; gap: 1.2rem; justify-content: center;} .app-step .primary-list li {width: 32rem;} .app-step .primary-list label {width: 100%; display: block; padding: 2.8rem 1rem; background: #eeeff6; border-radius: 1.2rem; cursor: pointer;} .app-step .primary-list label input {display: none;} .app-step .primary-list .tit {font-size: 1.8rem; font-weight: bold; margin-bottom: 2rem; line-height: 2.8rem; letter-spacing: -.36px; word-break: keep-all;} .app-step .primary-list .period {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b;} .app-step .primary-list label:hover, .app-step .primary-list label:hover .tit, .app-step .primary-list label:hover .period, .app-step .primary-list label.on, .app-step .primary-list label.on .tit, .app-step .primary-list label.on .period{color: #fff;} .app-step .primary-list label:hover, .app-step .primary-list label.on {background: linear-gradient(135deg, #e61e2b, 65%, #00b5e2);} .app-step .btn-submit {border-radius: .8rem; color: #fff; padding: 1.1rem 3.1rem; border: .1rem solid #52535b; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500;} .app-step .btn-submit:hover {background: var(--color-main); border-color: var(--color-main); color: #fff;} .no-item {font-size: 2rem; color: #8d8e98; letter-spacing: -.4px; margin-top: 12rem; text-align: center;} .app-cont.result-wrap {margin-top: 4rem;} .search-app-box {background: #fff; border-radius: 1.6rem; width: 100%; padding: 4rem 0 4.8rem;} .search-app-box .tit {font-size: 1.5rem; letter-spacing: -.3px; color: #8d8e98; margin-bottom: 2rem; text-align: center;} .search-app-box .app-card {width: 48rem; margin: 0 auto 3.6rem; padding: 2rem 2.4rem; border-radius: 1.6rem; box-shadow: .2rem .2rem 2rem 0 rgba(24,24,28,.28); background: url(../image/app-card-bg.png) no-repeat center; background-size: cover;} .search-app-box .app-card .result-cont {display: flex; align-items: center;} .search-app-box .app-card .result-cont span {white-space: nowrap; font-size: 1.6rem; letter-spacing: -.32px; color: #fff;} .search-app-box .app-card .result-cont .result1 {padding: .9rem 2rem; border-radius: 80rem; background: #171a36;} .search-app-box .app-card .result-cont .result2 {display: flex; align-items: center; font-weight: 500; margin-left: .8rem;} .search-app-box .app-card .result-cont .result2::after {content: ''; width: 1.8rem; height: 1.8rem; background: url(../image/next-circle.png) no-repeat center; background-size: cover; display: block; margin: 0 .8rem;} .search-app-box .app-card .result-cont .result3 {font-weight: 600;} .search-app-box .app-card .app-tit {font-size: 2.6rem; letter-spacing: -.52px; color: #fff; font-weight: 600; margin: 4.8rem auto 9.2rem; text-align: center;} .search-app-box .btn-redline {padding: 1.2rem 3rem 1rem; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; margin: 0 auto; border-radius: 60rem; display: block;} .search-app-box .btn-redline:hover {background: var(--color-main); color: #fff;} .app-breadcrumb {display: flex; justify-content: center;} .app-breadcrumb li {display: flex; align-items: center;} .app-breadcrumb li:not(:last-child)::after {content: ''; width: 1.8rem; height: 1.8rem; margin: 0 2rem; background: url(../image/arrow-right.png) no-repeat center; background-size: cover;} .app-breadcrumb .num {display: flex; width: 2.4rem; height: 2.4rem; border-radius: 50%; align-items: center; justify-content: center; font-size: 1.4rem; background: #8d8e98; color: #fff; margin-right: .8rem;} .app-breadcrumb .cur .num {background: var(--color-main);} .app-breadcrumb .prev .num {background: url(../image/prev-ck.png) no-repeat center; background-size: cover; text-indent: -9999px;} .app-breadcrumb .tit {font-size: 1.5rem; letter-spacing: -.3px; color: #8d8e98;} .app-breadcrumb .cur .tit {font-weight: 500; color: #fff;} .appForm {margin-top: 4rem;} .appForm .step-box .step-tit span {color: var(--color-main);} .appForm .step-box {margin-bottom: 2.8rem; padding: 2.8rem;} .appForm .privacy-list {display: flex; gap: 1.2rem; flex-flow: row wrap;} .appForm .privacy-list li {width: calc(50% - .6rem); padding: 1.3rem 1.2rem; border-radius: .8rem; background: #f5f6f9; display: flex; justify-content: space-between; align-items: center;} .appForm .privacy-list label {display: flex; align-items: center;} .appForm .privacy-list input {width: 2.2rem; height: 2.2rem; margin-right: .8rem; accent-color: var(--color-main);} .appForm .privacy-list .tit {font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px; word-break: keep-all;} .appForm .privacy-list .tit span {color: var(--color-main); font-weight: bold;} .appForm .privacy-list button {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; text-decoration: underline;} .space-btn-wrap {display: flex; justify-content: space-between; align-items: center;} .space-btn-wrap button {padding: 1.1rem 1.6rem; width: 8.8rem; font-size: 1.6rem; border-radius: .8rem; letter-spacing: -.3px; font-weight: 500; display: flex; align-items: center; justify-content: space-between;} .space-btn-wrap .btn-prev::before {content: ''; width: 1.8rem; height: 1.8rem; background: url(../image/btn-prev_disabled.png) no-repeat center; background-size: cover;} .space-btn-wrap .btn-prev {border: .1rem solid #e0e2ee; background: #fff; color: #8d8e98; margin-right: auto;} .space-btn-wrap .btn-next {margin-left: auto;} .space-btn-wrap .btn-next::after {content: ''; width: 1.8rem; height: 1.8rem; background: url(../image/btn-next_red.png) no-repeat center; background-size: cover;} .appForm .space-btn-wrap .btn-wrap {display: flex; gap: .8rem; position: absolute; left: 50%; transform: translateX(-50%);} .appForm .space-btn-wrap .btn-wrap button {border-radius: .8rem; padding: 1.1rem 1.2rem; min-width: 9.7rem; font-size: 1.5rem; letter-spacing: -.3px; display: flex; gap: .4rem; align-items: center; justify-content: center;} .appForm .space-btn-wrap .btn-wrap button::before {content: ''; width: 1.8rem; height: 1.8rem;} .appForm .space-btn-wrap .btn-submit::before {background: url(../image/chat.png) no-repeat center; background-size: cover;} .appForm .space-btn-wrap .btn-save::before {background: url(../image/save.png) no-repeat center; background-size: cover;} .appForm .space-btn-wrap .btn-exit::before {background: url(../image/exit.png) no-repeat center; background-size: cover;} #confirmModal .content-box {margin-bottom: 1.6rem; width: 40rem; max-height: 40rem; overflow-y: auto; border-radius: 1.2rem; padding: 1.6rem; background: #f5f6f9; text-align: left;} #confirmModal .content-box p {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500;} #confirmModal .content-box .privacy-cont-list {margin-top: 1.6rem;} #confirmModal .content-box .privacy-cont-list > li + li {margin-top: 1.2rem;} #confirmModal .content-box .tit {font-size: 1.5rem; font-weight: bold; margin-bottom: .8rem;} #confirmModal .content-box .txt {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.4rem; color: #52535b} #confirmModal .privacy-radio-wrap {display: flex; gap: .6rem; align-items: center;} #confirmModal .privacy-radio-wrap input {width: 2.2rem; height: 2.2rem; margin-right: .6rem;} #confirmModal .privacy-radio-wrap input:checked {display: none;} #confirmModal .privacy-radio-wrap .tit {font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; display: flex; align-items: center;} #confirmModal .privacy-radio-wrap input:checked + .tit::before {content: ''; width: 2.2rem; height: 2.2rem; background: url(../image/radio-check.png) no-repeat center; background-size: cover; border-radius: 50%; margin-right: .6rem;} #confirmModal .privacy-radio-wrap.err .tit {color: red;} .red-box {background: #fbf3f2;} .red {color: red !important;} .zero-num-list > li {display: flex; gap: .4rem; font-size: 1.5rem;} .zero-num-list > li + li {margin-top: .8rem;} .zero-num-list > li::before {font-weight: bold;} .zero-num-list > li:nth-child(1)::before {content: '01.';} .zero-num-list > li:nth-child(2)::before {content: '02.';} .zero-num-list > li:nth-child(3)::before {content: '03.';} .zero-num-list > li:nth-child(4)::before {content: '04.';} .zero-num-list > li:nth-child(5)::before {content: '05.';} .note-list > li {display: flex; gap: .4rem;} .note-list > li::before {content: '※';} .dash-list > li {display: flex; gap: .4rem;} .dash-list > li::before {content: '-';} .dot-list > li {display: flex; gap: .4rem;} .dot-list > li::before {content: ''; width: .6rem; min-width: .6rem; height: .6rem; border-radius: 50%; background: #18181c; position: relative; top: .5rem;} .tb1 {border-collapse: collapse;} .tb1 th, .tb1 td {border: .1rem solid #e0e2ee;} .tb1 thead th {background: #f5f6f9; padding: 1.1rem; text-align: center; font-size: 1.5rem; letter-spacing: -.3px; font-weight: bold;} .tb1 tbody td {text-align: center; padding: 1.1rem; } .appForm .red-box {margin-bottom: 2.8rem; border-radius: 1.2rem; padding: 2.5rem; 1.6rem; font-size: 1.5rem; color: #8d8e98; letter-spacing: -.3px; position: relative;} .appForm .red-box .select-box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; gap: .8rem;} .appForm .red-box .select-box li {border-radius: .8rem; padding: .9rem 1.7rem; background: #fff; border: .1rem solid #f18070; display: flex; align-items: center; justify–content: center; font-size: 1.4rem; letter-spacing: -.28px;} .appForm .red-box .select-box li .tit {color: #f18070; display: flex; align-items: center;} .appForm .red-box .select-box li .tit::after {content: ''; width: .1rem; height: 1.4rem; background: #efdbdc; margin: 0 .8rem;} .appForm .red-box .select-box li .cont {font-size: 1.5rem; font-weight: 500; color: #18181c;} .appForm .cont-list > li + li {margin-top: 2.8rem;} .appForm .cont-list > li > .tit {font-size: 1.8rem; letter-spacing: -.36px; margin-bottom: 1.2rem; font-weight: bold;} .appForm .cont-list .zero-num-list {margin-bottom: 1.6rem;} .appForm .cont-list .tb1 {width: 64rem;} .appForm .cont-list .tb1 col {width: 50%;} .appForm .cont-list .tb1 td {padding: .6rem;} .appForm .cont-list .tb1 .label {font-size: 1.4rem; letter-spacing: -.28px; padding: .6rem 1rem; display: inline-block; border-radius: .6rem; width: 6.8rem; text-align: center; color: #fff; margin-right: .8rem;} .appForm .cont-list .tb1 .label.t1 {background: #f18070;} .appForm .cont-list .tb1 .label.t2 {background: #52535b;} .appForm .cont-list .tb1 .c {font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px; color: #f18070;} .appForm .cont-list .note-list {margin-top: 1.6rem;} .appForm .cont-list .note-list li{flex-flow: row wrap; gap: 0 .4rem;} .appForm .cont-list .note-list li {color: #52535b; font-size: 1.4rem; letter-spacing: -.28px;} .appForm .cont-list .dash-list {width: 100%; margin-top: .9rem;} .appForm .cont-list .dash-list li {color: ##8d8e98; font-size: 1.3rem; letter-spacing: -.26px;} .appForm .cont-list .dash-list li + li {margin-top: .4rem;} .appForm .cont-list .input-wrap {display: flex; gap: 2rem;} .appForm .cont-list .public-ck label {display: flex; gap: .6rem; align-items: center;} .appForm .cont-list .public-ck input {width: 2.2rem; height: 2.2rem; margin-right: .6rem; accent-color: var(--color-main);} .appForm .cont-list .public-ck .tit {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; margin-bottom: 0;} .appForm .cont-list .note {margin-top: 1.2rem; font-size: 1.3rem; letter-spacing: -.26px; color: #a7a9b6;} .form-wrap {display: none;} .form-wrap.active {display: block;} .appForm-wrap .appForm-list {display: flex; gap: .4rem; margin-bottom: 2.8rem;} .appForm-wrap .appForm-list li {width: 12.5rem;} .appForm-wrap .appForm-list button {width: 100%; height: 100%; border-radius: .8rem; border: .1rem solid #e0e2ee; padding: 1rem .6rem; font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; font-weight: 500} .appForm-wrap .appForm-list .active button {background: #18181c; border-color: #18181c; color: #fff;} .appForm-wrap .form-wrap {position: relative;} .appForm-wrap .form-wrap .tit {font-size: 1.6rem; font-weight: bold; letter-spacing: -.32px; margin-bottom: .8rem;} .appForm-wrap .form-wrap .require {top: .3rem; right: 0;} .appForm-wrap .tb-wrap + .tb-wrap {margin-top: 2.8rem;} .appForm-wrap .tb-wrap textarea {width: 100%; border-radius: 1.2rem; border: .1rem solid #e9e0df; height: 18rem; overflow: auto; resize: none;} .appForm-container {border: .1rem solid #e9e0df; border-top: .1rem solid #f18070;} .appForm-container .form-field {display: flex; border-bottom: .1rem solid #e9e0df;} .appForm-container .no-border {border-bottom: 0;} .appForm-container .form-field .col {display:flex; flex-flow: column;} .appForm-container .col .form-field {flex: 1;} .appForm-container > .form-field > .tit, .appForm-container .top-w > .form-field:nth-child(1) .tit, .appForm-container .s2 .tit {width: 18rem; min-width: 18rem;} .appForm-container .m-tit {width: 10rem;} .appForm-container .sm-tit {width: 8rem;} .appForm-wrap .appForm-container .tit {border-right: .1rem solid #e9e0df; display: flex; align-items: center; justify-content: center; padding: 1.2rem; font-size: 1.4rem; letter-spacing: -.28px; background: #f9f2f1; text-align: center; margin: 0;} .appForm-wrap .appForm-container .default {height: 100%; border-radius: 0; font-size: 1.4rem; letter-spacing: -.28px; background: #f9f8f8; padding: 1.2rem 1.6rem;} .appForm-container .double .tit {width: 18rem; min-width: 18rem;} .appForm-container .top-w {width: 85%;} .appForm-container .photo-field {width: 15%; border-left: .1rem solid #e9e0df; display: flex; align-items: center; flex-flow: column; justify-content: center;} .appForm-container .photo-field .tit {font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px; display: block; background: none; border-right: 0; margin-top: 2rem;} .appForm-container .photo-field .tit .size {margin-top: 1.2rem; color: #8d8e98; margin-bottom: 2.4rem;} .appForm-container .photo-field input {display: none;} .appForm-container .photo-field .label-tit {padding: .6rem 1.2rem; border-radius: .6rem; font-size: 1.3rem; color: #fff; background: #8d8e98; display: inline-block; width: auto;} .appForm-container .photo-field .photo-wrap {width: 100%; height: 100%; text-align: center;} .appForm-container .photo-field .image-preview-container {display: none; width: 100%; height: 100%;} .appForm-container .photo-field .photo-wrap img {width: 100%; height: 100%; max-height: inherit;} .appForm-container .s1 {flex: 2rem; border-right: .1rem solid #e9e0df;} .appForm-container .s1 .col {width: calc(100% - 10rem);} .appForm-container .s2 {flex: .72;} .appForm-container .s1 .value{width: calc(100% - 8rem);} .appForm-container .s2 .value{width: calc(100% - 18rem);} .appForm-container .s .value{width: calc(100% - 18rem);} .appForm-container .value {padding: .1rem;} .appForm-container .value input {width: 100%;} .appForm-container .value {width: 100%;} .appForm-container .value .input-wrap {margin: 0;} .appForm-container .double {border-bottom: 0 !important;} .appForm-container .double .form-field {width: 100%;} .appForm-container .double .form-field + .form-field {border-left: .1rem solid #e9e0df;} .appForm-container .double .value {width: calc(100% - 18rem); display: flex; align-items: center;} .appForm-wrap .tb-wrap .appForm-tb textarea, .appForm-wrap .tb-wrap .appForm-container textarea {border: 0; width: 100%; height: 3.8rem;} .appForm-wrap .tb-wrap .appForm-container .tit {font-weight: 500; word-break: keep-all;} .appForm-container .mo-flex {display: block;} .appContainer3 {border-bottom: 0;} .appContainer3 .o1, .appContainer3 .last .o1 {width: 32%;} .appContainer3 .o2 {width: 20%;} .appContainer3 .o3 {width: 32%;} .appContainer3 .o4 {width: 16%;} .appContainer3 .o5 {width: 68%;} .appContainer3 .form-field .form-field:last-child {border-bottom: 0;} .appContainer3 .form-field .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer3 .mo-flex.last {display: flex;} .appContainer3 .last .tit {background: #f9f8f8;} .appContainer4 .mo-flex {border-bottom: 0;} .appContainer4 .mo-flex:last-child .form-field:last-child {border-bottom: 0;} .appContainer4 .form-field .tit:not(:last-child), .appContainer4 .form-field .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer4 .o1 {width: 32%;} .appContainer4 .o2 {width: 48%;} .appContainer4 .o3 {width: 20%;} .appContainer5 .mo-flex {border-bottom: 0;} .appContainer5 .mo-flex:last-child .form-field:last-child {border-bottom: 0;} .appContainer5 .form-field .tit:not(:last-child), .appContainer5 .form-field .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer5 .o1 {width: 10%;} .appContainer5 .o2 {width: 10%;} .appContainer5 .o3 {width: 10%;} .appContainer5 .o4 {width: 23%;} .appContainer5 .o5 {width: 35%;} .appContainer5 .o6 {width: 12%;} .appContainer6 .o1 {width: 30%;} .appContainer6 .o2 {width: 25%;} .appContainer6 .o3 {width: 20%;} .appContainer6 .o4 {width: 25%;} .appContainer6 .mo-flex, .appContainer6 .mo-flex:last-child .form-field:last-child {border-bottom: 0;} .appContainer6 .form-field .tit:not(:last-child), .appContainer6 .form-field .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer7 .o1 {width: 25%;} .appContainer7 .o2 {width: 10%;} .appContainer7 .o3 {width: 20%;} .appContainer7 .o4 {width: 10%;} .appContainer7 .o5 {width: 20%;} .appContainer7 .o6 {width: 15%;} .appContainer7 .mo-flex, .appContainer7 .mo-flex:last-child .form-field:last-child {border-bottom: 0;} .appContainer7 .form-field .tit:not(:last-child), .appContainer7 .form-field .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer8 {width: 100%;} .appContainer8 .n {border-bottom: 0;} .appContainer8 .mo-flex {display: flex;} .appContainer8 .num-wrap {border-right: .1rem solid #e9e0df; width: 10rem; display: flex; align-items: center; justify-content: center; background: #f9f2f1; font-size: 1.4rem; font-weight: 500;} .appContainer8 .col-wrap {width: calc(100% - 10rem);} .appContainer8 .col-wrap .inner {display: flex;} .appContainer8 .col-wrap .tit {width: 14rem; min-width: 14rem;} .appContainer8 .col-wrap .value {width: calc(100% - 14rem);} .appContainer8 .col-wrap .form-field + .form-field {border-top: 0;} .appForm-wrap .tb-wrap .appContainer8 textarea {height: 10rem;} .appContainer8 .row-template + .form-field, .appContainer8 .form-field + .form-field {border-top: .1rem solid #e9e0df;} .appContainer8 .form-field .inner:last-child .tit {border-left: .1rem solid #e9e0df;} .appContainer8 .col-wrap .form-field:last-child .tit {border-left: 0;} .appContainer8 + .row-btns {margin-top: 1.2rem; justify-content: flex-end;} .appContainer8-1 .form-field + .form-field, .appContainer8-2 .row-template + .form-field, .appContainer8-2 .form-field + .form-field {border-top: 0;} .appContainer8-2 {border-bottom: 0;} .appContainer8-1 .form-field + .form-field .num-wrap {border-bottom: .1rem solid #e9e0df;} .appContainer8-1 {border-left: 0; border-right: 0;} .appContainer8-1 .num-wrap {border-left: .1rem solid #e9e0df; border-bottom: .1rem solid #e9e0df;} .appContainer8-1 .col-wrap {border-right: .1rem solid #e9e0df;} .appForm-wrap .appForm-container.appContainer8-1 .tit {padding: 1.2rem .1rem ;} .appContainer8-1 .col-wrap .form-field .inner:last-child .tit {border-left: .1rem solid #e9e0df;} .appContainer8-1 .form-field.n {margin-top: .4rem; display:flex; border: .1rem solid #e9e0df; border-bottom: 0;} .appContainer8-1 .form-field.n .tit {min-width: 24rem;} .appContainer8-1 .form-field.n .value {display: flex; align-items: center;} .appForm .row-btns .remove-row-8-1 {background: #8d8e98;} .appForm .row-btns .add-row-8-1 {background: #f18070;} .appForm .row-btns .add-row-8-1::before {display: none;} .form-field.no-bottom {border-bottom: 0;} .appForm-container .value-area {display: block; width: 100%;} .appForm-container .check-container { padding: 1.2rem 1.6rem; display: flex; flex-flow: row wrap; gap: 1.6rem 2rem;} .appForm-container .check-wrap {font-size: 1.4rem; letter-spacing: -.28px; display: flex; align-items: center;} .appForm-container .check-wrap input {width: 2.2rem; height: 2.2rem; margin-right: .6rem;} .appForm-container .addr-container p {padding: 1.2rem 1.6rem 0; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-container .value input.zip-code {display: inline-block; width: 10rem; min-width: 10rem;} .appContainer9 .form-field {width: 100%;} .appContainer9 .tit {min-width: 18rem;} .appContainer9 .value-container {display: flex; width: 100%;} .appContainer9 .value-container.center .value {justify-content: center;} .appContainer9 .value-container .value {padding-right: 1.5rem;} .appContainer9 .value-container .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer9 .value {width: 100%; display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; } .appContainer11 .s1 {border-right: 0;} .appContainer11 .s1 .col { width: calc(100% - 9rem); } .appForm-wrap .tb-wrap .appContainer11 .m-tit {flex-flow: column; width: 9.3rem; padding: 1.2rem .1rem;} .appForm-wrap .tb-wrap .appContainer11 .sm-tit {width: 8.7rem;} .appForm-tb3 col {width: 6.4rem;} .appForm-tb3 col:nth-child(1), .appForm-tb3 col:nth-child(2), .appForm-tb3 col:nth-child(3) {width: 8.8rem;} .appForm-wrap .appForm-tb.appForm-tb3 .black, .appForm-wrap .appForm-tb.appForm-tb3 .black td {border-bottom: .1rem solid #000;} .appForm-wrap .appForm-tb.appForm-tb3 th {padding: 1.2rem .1rem;} .appForm-wrap .appForm-tb.appForm-tb3 td {text-align: center;} .appForm-wrap .appForm-tb.appForm-tb3 .bg {background: #f9f2f1;} .appForm-wrap .tb-wrap .tit-wrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: .8rem;} .appForm-wrap .tb-wrap .tit-wrap .tit {margin-bottom: 0;} .appForm-wrap .tb-wrap .sub-tit {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b;} .appForm-wrap .tb-wrap .note-box {margin-top: 1.6rem; padding: 2rem; background: #f5f6f9; border-radius: 1.2rem;} .appForm-wrap .tb-wrap .note-box .note-list li + li { margin-top: .8rem;} .appForm-wrap .tb-wrap .note-box .note-list .text {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; font-weight: 400;} .appForm-tb4 col:nth-child(1) {width: 12rem;} .appForm-tb4 col:nth-child(3) {width: 17rem;} .appForm-tb4 tr td:nth-child(1) {text-align: center; background: #f9f2f1;} .appForm-tb4 tr td:nth-child(3) {text-align: center;} .appForm-tb4 tr td {padding: 1.6rem;} .appForm-wrap .tb-wrap .appForm-tb.appForm-tb4 tr td textarea {height: 4rem; display: block; margin-top: .8rem; border: .1rem solid #cdcfdb;} .appForm-tb4 tr td.no-pd {padding: 0 !important;} .appForm-tb4 tr td.no-pd textarea {min-height: 12rem; border: 0 !important;} .appForm-wrap .tb-wrap .appForm-tb4 .radio-wrap, .appForm-wrap .tb-wrap .appForm-tb4 .check-wrap {margin-left: 0; flex-flow: row wrap; justify-content: flex-start; gap: 1rem 2rem !important;} .appForm-wrap .appForm-tb.appForm-tb4 input:not(.sm-input) {border: .1rem solid #cdcfdb; display: block; margin-top: .8rem;} .appForm-wrap .tb-wrap .appForm-tb4 .radio-wrap input, .appForm-wrap .tb-wrap .appForm-tb4 .check-wrap input {margin: 0 .4rem 0 0 !important;} .appForm-wrap .appForm-tb.appForm-tb4 input:disabled {background: #f5f5f5;} .appForm-wrap .appForm-tb.appForm-tb4 input.sm-input{ width: 8rem; border: .1rem solid #cdcfdb; } .appForm-wrap .appForm-tb {border-top: .1rem solid #f18070; table-layout: fixed; width: 100%; border-collapse: collapse;} .appForm-wrap .appForm-tb th {padding: 1.2rem; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; background: #f9f2f1;} .appForm-wrap .appForm-tb th, td {border: 1px solid #e9e0df;} .appForm-wrap .appForm-tb td {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500;} .appForm-wrap .appForm-tb .defaultValue {padding: 1.2rem 1.6rem; background: #f9f8f8;} .appForm-wrap .appForm-tb input {width: 100%;} .appForm-wrap .appForm-tb .photo-wrap {display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .appForm-tb .photo-wrap .photo-txt .tit {font-weight: 500; margin-bottom: 1.2rem; text-align: center;} .appForm-wrap .appForm-tb .photo-wrap .photo-txt .size {color: #8d8e98} .appForm-wrap .appForm-tb .photo-wrap label {margin-top: 2.4rem; display: block; padding: .6rem 1.2rem; border-radius: .6rem; color: #fff; font-size: 1.3rem; letter-spacing: -.26px; padding: .6rem 1.2rem; background: #8d8e98;} .appForm-wrap .appForm-tb .photo-wrap label .tit {font-weight: normal;} .appForm-wrap .appForm-tb .photo-wrap input {display: none;} .image-preview-container {width: 9.5rem; margin: 0 auto; position: relative; display: none;} .image-clear {content: ''; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: .1rem solid #fff; background: #52535b url(../image/image-clear.png) no-repeat center; background-size: 1.6rem; position: absolute; right: -1rem; top: -1rem; cursor: pointer;} .image-preview-container img {max-width: 100%; max-height: 13.3rem; width: auto;} .appForm-wrap .input-wrap {margin: .6rem 1.6rem; display: flex; width: 100%; align-items: center;} .appForm-wrap .input-wrap .input-area {width: calc(100%); margin-right: .4rem; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .input-wrap .input-group input {border: .1rem solid #dbdbdb;} .appForm-wrap .input-wrap .input-area input + input {margin-top: .4rem;} .appForm-wrap .btn-gray {width: 6.8rem; text-align: center; white-space: nowrap; padding: .6rem 1.2rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px;} .appForm-wrap .form-wrap > .txt {margin-top: 2.4rem; text-align: center; font-size: 1.5rem; letter-spacing: -.3px; font-weight: bold;} .appForm-wrap .center, .appForm-wrap .center input {text-align: center;} .appForm-wrap .appForm-tb .input-flex {margin: 0;} .date-wrap {position: relative;} .date-wrap.w {width: 100%;} .date-wrap::after {content: ''; width: 2rem; height: 2rem; background: url(../image/calendar.png) no-repeat center; background-size: cover; top: 50%; right: 1.6rem; transform: translateY(-50%); position: absolute;} .appForm-wrap .appForm-tb5 col:nth-child(1) {width: 15%} .appForm-wrap .appForm-tb5 col:nth-child(2) {width: 75%} .appForm-wrap .appForm-tb5 .input-wrap {display: flex;} .appForm-wrap .appForm-tb5 .input-wrap select {width: 8rem; font-size: 1.4rem; letter-spacing: -.28px; padding: .6rem .8rem; border: .1rem solid #cdcfdb;} .appForm-wrap .appForm-tb5 .input-wrap textarea {width: calc(100% - 12rem);} .appForm-wrap .tb-wrap .note {font-size: 1.3rem; margin-top: 1.2rem; letter-spacing: -.26px; color: #f18070;} .appForm-wrap .tb-wrap .note li {display: flex; align-items: center;} .appForm-wrap .tb-wrap .note li + li {margin-top: .8rem;} .appForm-wrap .tb-wrap .hasH {height: 42rem;} .appForm-wrap .tb-wrap .criminal textarea {height: 6.8rem; border: 0;} .appForm-wrap .tb-wrap .box {width: 100%; padding: 2rem; background: #f5f6f9; border-radius: 1.2rem;} .appForm-wrap .tb-wrap .box .tit {font-size: 1.5rem; font-weight: 500; margin-bottom: .8rem; letter-spacing: -.3px;} .appForm-wrap .tb-wrap .box .txt-wrap {font-size: 1.4rem; line-height: 2.4rem; letter-spacing: -.28px; color: #52535b;} .appForm-wrap .tb-wrap .box .dot-list > li::before {background: #e61e2b;} .appForm-wrap .tb-wrap .box .dot-list > li + li {margin-top: 1.6rem;} .appForm-wrap .tb-wrap .note-list {margin: 1.6rem 0;} .appForm-wrap .tb-wrap .note-list li::before {font-size: 1.4rem;} .appForm-wrap .tb-wrap .note-list li + li {margin-top: 1.7rem;} .appForm-wrap .tb-wrap .note-list .text {font-size: 1.6rem; letter-spacing: -.32px; font-weight: bold;} .appForm-wrap .tb-wrap .note-list .text span {color:#18181c;} .appForm-wrap .tb-wrap .note-list .text .flex {display: flex;} .appForm-wrap .tb-wrap .radio-wrap, .appForm-wrap .tb-wrap .check-wrap {margin-left: 2rem; display: flex; justify-content: flex-start; gap: 2rem;} .appForm-wrap .tb-wrap .radio-wrap input, .appForm-wrap .tb-wrap .check-wrap input {width: 2rem; height: 2rem; margin-right: .6rem;} .appForm-wrap .tb-wrap .radio-wrap label, .appForm-wrap .tb-wrap .check-wrap label {font-size: 1.5rem; letter-spacing: -.3px; color: #52535b; font-weight: 500; display: flex; align-items: center;} .appForm-container .check-container .check-wrap {margin: 0 !important;} .appForm-wrap .tb-wrap > .add-row {display: flex; gap: .2rem; padding: .8rem 1.6rem; align-items: center; border-radius: 60rem; border: .1rem solid #e0e2ee; background: #f5f6f9; font-size: 1.4rem; letter-spacing: -.28px; color: #8d8e98; margin: 1.6rem auto;} .appForm-wrap .tb-wrap > .add-row::before {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/add-plus_lightgray.png) no-repeat center; background-size: cover; display: block;} .appForm .tb-bottom {display: flex; justify-content: space-between;} .appForm .tb-wrap > .row-btns {margin-top: 1.2rem; justify-content: flex-end;} .appForm .row-btns {display: flex; gap: .4rem; align-items: anchor-center;} .appForm .row-btns button {padding: .6rem 1.2rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px; color: #fff;} .appForm .row-btns .remove-row {background: #8d8e98;} .appForm .row-btns .add-row {background: #f18070;} .appForm .row-btns .add-row::before {display: none;} .appForm-container .value .flex {display: flex; align-items: center; justify-content: center; height: 100%;} .appForm .top-area {display: flex; gap: .4rem; margin-bottom: .4rem; align-items: center;} .appForm .top-area input {width: 30rem !important;} .appForm .appContainer10 .top-area input, .appForm .appContainer8-2 .top-area input{width: 15rem !important;} .row-template + .form-field {border-top: .1rem solid #e9e0df;} .my-app-box {justify-content: space-between;} .my-app-box .txt {font-size: 2rem; letter-spacing: -.4px; color: #fff;} .my-app-box .txt span {color: #f18070; font-weight: bold;} .my-app-box .alarm-area {color: #fff; font-size: 1.5rem; letter-spacing: -.3px; display: flex; align-items: center;} .my-app-box .alarm-area::before {content: ''; width: 2.4rem; height: 2.4rem; background: url(../image/my-application2.png) no-repeat center; background-size: cover; margin-right: .6rem; display: block;} .my-app-box .alarm-area .btn-main {font-size: 1.4rem; padding: .8rem 1.2rem; letter-spacing: -.28px; border-radius: .6rem; margin-left: 1.2rem;} .my-app-list-box {margin-top: 4rem; padding: 2.8rem;} .my-app-list-box .my-app-info-wrap {display: flex; justify-content: space-between; align-items: flex-end;} .my-app-list-box .tit-wrap .date {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: .8rem;} .my-app-list-box .tit-wrap .tit {font-size: 2.8rem; letter-spacing: -.56px; font-weight: bold;} .my-app-list-box .my-app-info {display: flex; gap: 2rem; font-size: 1.6rem; letter-spacing: -.32px;} .my-app-list-box .my-app-info li {display: flex;} .my-app-list-box .my-app-info .info-tit {font-weight: bold; margin-right: .4rem;} .my-app-list-box .my-app-info .fw {font-weight: 500} .my-app-list {margin: 2.4rem 0 0; display: flex;} .my-app-list li {width: 100%; position: relative; overflow: hidden;} .my-app-list li:nth-child(1) {border-radius: 1.6rem 0 0 0;} .my-app-list li:nth-child(2) {border-radius: 0 1.6rem 0 0;} .my-app-list li button {padding: 1.3rem 0; display: flex; gap: .8rem; align-items: center; justify-content: center; font-size: 1.5rem; letter-spacing: -.3px; color: #fff; font-weight: 500; width: 100%; background: #8d8e98;} .my-app-list li button::before {content: ''; width: 2.2rem; height: 2.2rem; display: block;} .my-app-list li:nth-child(1) button::before {background: url(../image/my-app1_hover.png) no-repeat center; background-size: cover;} .my-app-list li:nth-child(2) button::before {background: url(../image/my-app2_hover.png) no-repeat center; background-size: cover;} .my-app-list li:hover button, .my-app-list li.active button {background: var(--color-main);} .myAppForm-wrap {padding: 2.8rem 2.4rem; border-radius: 0 0 1.6rem 1.6rem; border: .2rem solid var(--color-main);} .myAppForm-wrap .form-wrap {border: .1rem solid #e0e2ee; border-radius: .6rem; overflow: hidden;} .myAppForm-wrap .form-wrap .history-tb {width: 100%; border-collapse: collapse;} .myAppForm-wrap .form-wrap .history-tb1 col:nth-child(1) {width: 40%;} .myAppForm-wrap .form-wrap .history-tb2 col:nth-child(1) {width: 35%;} .myAppForm-wrap .form-wrap .history-tb2 col:nth-child(2) {width: 45%;} .myAppForm-wrap .form-wrap .history-tb th, .myAppForm-wrap .form-wrap .history-tb td {border: .1rem solid #e0e2ee;} .myAppForm-wrap .form-wrap .history-tb th {border-top: 0;} .myAppForm-wrap .form-wrap .history-tb tr th:first-child, .myAppForm-wrap .form-wrap .history-tb tr td:first-child{border-left: 0;} .myAppForm-wrap .form-wrap .history-tb tr th:last-child, .myAppForm-wrap .form-wrap .history-tb tr td:last-child {border-right: 0;} .myAppForm-wrap .form-wrap .history-tb tr:last-child td {border-bottom: 0;} .myAppForm-wrap .form-wrap .history-tb th {padding: 1.1rem; font-size: 1.5rem; font-weight: bold; letter-spacing: -.3px; background: #f5f6f9;} .myAppForm-wrap .form-wrap .history-tb tr td {padding: 1.2rem; text-align: center; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; color: #8d8e98;} .myAppForm-wrap .form-wrap .history-tb tr td.result {color: #18181c;} .my-app-list-box .btn-wrap {margin-top: 2.4rem; display: flex; gap: .8rem; justify-content: center;} .my-app-list-box .btn-wrap button {font-size: 1.5rem; letter-spacing: -.3px; padding: 1.1rem; width: 11.6rem; white-space: nowrap; display: flex; gap: .4rem; font-weight: 500; border-radius: .8rem; justify-content: center;} .my-app-list-box .btn-wrap button::before {content: ''; width: 1.8rem; height: 1.8rem;} .my-app-list-box .btn-wrap .btn-cancel::before {background: url(../image/my-app3.png) no-repeat center; background-size: cover;} .my-app-list-box .btn-wrap .btn-edit::before {background: url(../image/my-app3_hover.png) no-repeat center; background-size: cover;} .notice-list-wrap {margin-top: 4rem;} .notice-list-wrap .notice-list {margin-bottom: 3.6rem; display: flex; gap: 1.6rem; flex-flow: row wrap;} .notice-list-wrap .notice-list li {width: calc(25% - 1.2rem);} .notice-list-wrap .notice-list li.no-data { font-size: 1.6rem; letter-spacing: -.56px; font-weight: 500; } .notice-list-wrap .notice-list li.no-data::before {content: ''; width: 8rem; height: 8rem; background: url(../image/error.png) no-repeat center; background-size: cover; display: block; margin: 0 auto 2rem;} .notice-list-wrap .notice-list a {width: 100%; padding: 1.6rem 2rem 2.4rem; background: #fff; box-shadow: .2rem .2rem 1.6rem 0 rgba(24,24,28,.08); border-radius: 1.6rem; position: relative;} .notice-list-wrap .notice-list .label {padding: .4rem; display: inline-block; margin-bottom: 1.2rem; min-width: 4.8rem; text-align: center; font-size: 1.4rem; letter-spacing: -.28px; color: #a7a9b6; border-radius: .6rem; background: #f5f6f9;} .notice-list-wrap .notice-list .label.fix {background: #e61e2b; color: #fff;} .notice-list-wrap .notice-list .tit {font-size: 2rem; letter-spacing: -.4px; height: 11.4rem; margin-bottom: 3.8rem; line-height: 3rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-weight: bold;} .notice-list-wrap .notice-list .date {font-size: 1.5rem; letter-spacing: -.3px; color: #8d8e98;} .notice-list-wrap .notice-list a:hover {background: linear-gradient(135deg, #e61e2b, 65%, #00b5e2); box-shadow: .2rem .2rem 1.6rem 0 rgba(230,30,43,.32);} .notice-list-wrap .notice-list a:hover::after {content: ''; width: 3.6rem; height: 3.6rem; position: absolute; right: 2rem; bottom: 1.6rem; background: url(../image/notice_hover.png) no-repeat center; background-size: cover;} .notice-list-wrap .notice-list a:hover .label, .notice-list-wrap .notice-list a:hover .tit, .notice-list-wrap .notice-list a:hover .date {color: #fff;} .notice-list-wrap .notice-list a:hover .label {background: #ED5D66;} .paging {display: flex; align-items: center; gap: .4rem; justify-content: center;} .paging .paging-btn {width: 2.8rem; height: 2.8rem; border-radius: .6rem; border: .1rem solid #e0e2ee; box-shadow: .2rem .2rem .6rem 0 rgba(24,24,28,.12);} .paging .first {background: url(../image/first.png) no-repeat center #fff; background-size: 1.8rem;} .paging .prev {background: url(../image/prev.png) no-repeat center #fff; background-size: 1.8rem;} .paging .next {background: url(../image/next.png) no-repeat center #fff; background-size: 1.8rem;} .paging .last {background: url(../image/last.png) no-repeat center #fff; background-size: 1.8rem;} .paging .num-btn {display: flex; align-items: center; gap: .4rem;} .paging .num-btn a {width: 2.8rem; height: 2.8rem; border-radius: .6rem; font-size: 1.4rem; display: flex; align-items: center; justify-content: center; color: #888;} .paging .num-btn a:hover, .paging .num-btn .cur {background: #52535b; color: #fff; font-weight: 500;} .detail-box {padding: 2.8rem;} .detail-box .tit-area {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2.4rem;} .detail-box .label {font-size: 1.5rem; letter-spacing: -.3px; white-space: nowrap; display: inline-block; padding: .6rem; width: 6rem; text-align: center; border-radius: .6rem; margin-right: 1.2rem; background: #f5f6f9; color: #a7a9b6;} .detail-box .fix {background: var(--color-main); color: #fff;} .detail-box .tit-area .tit {display: inline-block; font-size: 2.4rem; letter-spacing: -.48px; font-weight: bold;} .detail-box .date {font-size: 1.5rem; letter-spacing: -.3px; color: #8d8e98;} .detail-box .file-area {margin-bottom: 3.2rem; display: flex; align-items: center; padding: 2rem; border-radius: .8rem; background: #f5f6f9;} .detail-box .file-area .tit {font-size: 1.5rem; letter-spacing: -.3px; color: #8d8e98; margin-right: 3.2rem; white-space: nowrap;} .detail-box #file-list {display: flex; align-items: center; gap: 2rem; flex-flow: row wrap;} .detail-box #file-list a {font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; display: inline-block; align-items: center; gap: .4rem; max-width: 30rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .detail-box #file-list .icon {width: 2.4rem; height: 2.4rem; background: url(../image/download-icon.png) no-repeat center; background-size: cover; display: inline-block; vertical-align: bottom; margin-left: .4rem;} .detail-box .view-area {font-size: 1.7rem; letter-spacing: -.34px; font-weight: 500; line-height: 2.8rem; min-height: 10rem;} .detail-box .view-area img {width: auto; height: auto; max-width: 100%;} .detail-btns {margin-top: 3.6rem;} .detail-btns .btn {border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500;} .detail-btns .btn-list {padding: 1.1rem 2.1rem; display: inline-block; margin: 0 auto;} .digital-cert {padding: 2.8rem 1rem 4.8rem;} .digital-cert-wrap {width: 36rem; max-width: 100%; margin: 0 auto;} .digital-cert-wrap .gov_logo {display: block; margin-bottom: 2rem; width: 16rem;} .digital-cert-wrap .tit {font-size: 2rem; font-weight: bold; margin-bottom: 2.4rem; letter-spacing: -.4px;} .digital-cert-wrap .ck-wrap {display: flex; align-items: center; border-radius: .8rem;} .digital-cert-wrap .all-check-wrap {padding: 1.6rem 1.2rem;} .digital-cert-wrap .agree-item {padding: 1.3rem 1.2rem;} .digital-cert-wrap input[type="checkbox"] {width: 2.2rem; height: 2.2rem; margin-right: .8rem;} .digital-cert-wrap .agree-item .btn-open.terms {margin-left: auto;} .digital-cert-wrap .btn-main {margin-top: 2.8rem; width: 100%; padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; border-radius: .8rem;} .apply-container {padding: 0; overflow: hidden;} .digital-cert-tab-list {display: flex;} .digital-cert-tab-list li {padding: 1.9rem; text-align: center; background: #171a36; width: 100%;} .digital-cert-tab-list li button {color: #8d8e98; font-size: 1.8rem; letter-spacing: -.36px; font-weight: bold; word-break: keep-all;} .digital-cert-tab-list li.active {background: var(--color-main);} .digital-cert-tab-list li.active button {color: #fff;} .apply-container .cert-cont-wrap {padding: 2.8rem 2.8rem 4.8rem;} .apply-container .myCert-check-box {width: 100%; padding: 2rem; display: flex; align-items: center; background: #f5f6f9; justify-content: center; margin-bottom: 3.6rem;} .apply-container .period-list {display: flex; align-items: center; gap: .4rem; margin-right: .4rem;} .apply-container .period-list li {width: 6.8rem;} .apply-container .period-list button {padding: 1rem; width: 100%; border-radius: .6rem; background: #e0e2ee; color: #8d8e98; font-size: 1.4rem; letter-spacing: -.28px;} .apply-container .period-list button.on {background: #52535b; color: #fff;} .step-box .myCert-check-box .input-flex {gap: .8rem; margin-right: 1.2rem;} .apply-container .myCert-check-box .input-flex input {width: 16.8rem; border: .1rem solid #e0e2ee; font-size: 1.4rem; font-weight: 500; border-radius: .8rem; padding: 1rem 1.2rem;} .apply-container .myCert-check-box .btn-lightred {padding: .9rem; border-radius: .6rem; width: 8rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px;} .apply-container .result-top {display: flex; justify-content: space-between; align-items: flex-end;} .apply-container .total {font-size: 1.3rem; color: #52535b; letter-spacing: -.26px;} .apply-container .total .c {color: #e61e2b; font-weight: 500;} .apply-container .result-top {margin-bottom: 1.2rem;} .apply-container .result-top .btn-wrap {display: flex; gap: .4rem;} .apply-container .result-top button {padding: .8rem 1.2rem; border-radius: .6rem; display: flex; gap: .4rem; align-items: center; font-size: 1.3rem; letter-spacing: -.26px; color: #fff; font-weight: 500;} .apply-container .result-top button::before {content: ''; width: 1.6rem; height: 1.6rem;} .apply-container .result-top button.n::before {display: none;} .apply-container .result-top .btn-myAddr::before {background: url(../image/myAddr.png) no-repeat center; background-size: cover;} .apply-container .result-top .btn-addCert::before {background: url(../image/addCert.png) no-repeat center; background-size: cover;} .apply-container .result-top .btn-del::before {background: url(../image/del.png) no-repeat center; background-size: cover;} .apply-container .result-top .btn-apply::before {background: url(../image/chat.png) no-repeat center; background-size: cover;} .apply-container .result-top .btn-cancelApply:before {background: url(../image/cancel-apply.png) no-repeat center; background-size: cover;} .apply-container .result-tb {width: 100%; border-collapse: collapse; border-top: .1rem solid #e0e2ee; margin-bottom: 2.8rem;} .apply-container .result-tb1 col:nth-child(1) {width: 5%;} .apply-container .result-tb1 col:nth-child(2) {width: 30%;} .apply-container .result-tb1 col:nth-child(3) {width: 23%;} .apply-container .result-tb1 col:nth-child(4) {width: 23%;} .apply-container .result-tb1 col:nth-child(5) {width: 10%;} .apply-container .result-tb2 col:nth-child(1) {width: 5%;} .apply-container .result-tb2 col:nth-child(2) {width: 27%;} .apply-container .result-tb2 col:nth-child(3) {width: 27%;} .apply-container .result-tb2 col:nth-child(4) {width: 27%;} .apply-container .result-tb2 col:nth-child(5) {width: 15%;} .apply-container .result-tb3 col:nth-child(1) {width: 5%;} .apply-container .result-tb3 col:nth-child(2) {width: 25%;} .apply-container .result-tb3 col:nth-child(3) {width: 25%;} .apply-container .result-tb3 col:nth-child(4) {width: 8%;} .apply-container .result-tb3 col:nth-child(5) {width: 25%;} .apply-container .result-tb3 col:nth-child(6) {width: 12%;} .apply-container .result-tb4 col:nth-child(1) {width: 5%;} .apply-container .result-tb4 col:nth-child(2) {width: 24%;} .apply-container .result-tb4 col:nth-child(3) {width: 14%;} .apply-container .result-tb4 col:nth-child(4) {width: 22%;} .apply-container .result-tb4 col:nth-child(5) {width: 14%;} .apply-container .result-tb4 col:nth-child(6) {width: 21%;} .apply-container .result-tb4 .c {color: red;} .apply-container .result-tb input {width: 2.2rem; height: 2.2rem;} .apply-container .result-tb th, .apply-container .result-tb td {border: 0;} .apply-container .result-tb th {font-size: 1.5rem; letter-spacing: -.3px; padding: .9rem 1.9rem; background: #f5f6f9;} .apply-container .result-tb td {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; padding: .8rem 1.9rem; text-align: center;} .apply-container .result-tb tr {border-bottom: .1rem solid #e0e2ee;} .apply-container .result-tb .tit {font-weight: 500; color: #18181c} .apply-container .result-tb .btn-redline {padding: .4rem 1.3rem; border-radius: .6rem; font-size: 1.4rem; background: #fbf6f7;} .apply-container .result-tb .btn-blueline {padding: .4rem 1.3rem; border-radius: .6rem; font-size: 1.4rem;} .apply-container .note-list li + li {margin-top: .8rem;} .apply-container .note-list .text {font-size: 1.4rem; letter-spacing: -.28px;} .apply-container .search-date {font-size: 1.4rem; letter-spacing: -.28px; width: 100%; margin: 2rem 0; border-radius: .8rem; border: .1rem solid #e0e2ee; background: #f5f6f9; padding: 1.2rem; display: flex; align-items: center; justify-content: center;} .apply-container .search-date .input-div {display: flex; align-items: center;} .apply-container .search-date input {border: .1rem solid #e0e2ee; margin: 0 .4rem;} .apply-container .search-date .search-btn {margin-left: 1.2rem; border-radius: .8rem; background: #171a36; color: #fff; font-size: 1.4rem; padding: 1.2rem 1.4rem;} #docListModal .modal-container {width: 48rem;} #docListModal .modal-title {text-align: left; font-size: 1.8rem; letter-spacing: -.36px; font-weight: bold; margin-right: 1.6rem; padding-bottom: .6rem; border-bottom: .1rem solid #000; margin-bottom: 1.6rem;} #docListModal .modal-title img {width: 13rem; vertical-align: bottom;} #docListModal .modal-body {line-height: inherit; text-align: left;} .mw_sel_box .tit {font-size: 1.5rem; letter-spacing: -.3px; font-weight: bold; margin-bottom: .8rem; color: #18181c;} .mw_sel_box .tit span {color: #2c467a;} .mw_sel_inner + .mw_sel_inner {margin-top: 2rem;} .mw_sel_list, .individually-list {display: flex; gap: .4rem; flex-flow: row wrap;} .mw_sel_list li, .individually-list li {width: calc(50% - .2rem); border-radius: .8rem; padding: 1rem 1.2rem; border: .1rem solid #e0e2ee; display: flex; align-items: center;} .mw_sel_list li input {width: 2rem; height: 2rem; margin-right: .8rem;} .mw_sel_list li label, .individually-list .cert-tit, .individually-list .label {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; color: #18181c;} .individually-list li {background: #f5f6f9; padding: .6rem 1.2rem; justify-content: space-between;} .individually-list .btn {display: block; padding: .6rem .8rem; border-radius: .6rem; background: #2c467a; color: #fff; font-weight: normal} #docListModal .note-list {margin-top: 1.8rem; line-height: 2rem;} #docListModal .note-list li {font-size: 1.3rem; letter-spacing: -.26px; color: #f18070;} .modal .modal-title.size {font-size: 1.8rem;} .sendModal-wrap{width: 48.4rem; margin-top: 2.4rem;} .sendModal-wrap .cert-box {background: #fff; padding: 0; margin-top: 2.8rem;} .sendModal-wrap .cert-box > .tit {font-size: 1.5rem; letter-spacing: -.3px; font-weight: bold; margin-bottom: .8rem; display: flex; align-items: center; color: #18181c;} .sendModal-wrap .cert-box > .tit::before {content: ''; width: .6rem; height: .6rem; border-radius: 50%; background: var(--color-main); display: block; margin-right: .4rem;} .sendModal-wrap .cert-box > .tit.n::before {display: none;} .sendModal-wrap .cert-box > .tit label + label {margin-left: 2rem;} .sendModal-wrap .item-box {border: .1rem solid #e0e2ee; border-radius: .8rem; padding: 1.6rem; position: relative; text-align: left;} .sendModal-wrap .item-box + .item-box {margin-top: .8rem;} .sendModal-wrap .item-box .item-tit {font-size: 1.5rem; font-weight: bold; letter-spacing: -.3px; margin-bottom: 1.2rem; color: #18181c;} .sendModal-wrap .item-box .item-info li {color: #52535b; font-size: 1.3rem; letter-spacing: -.26px;} .sendModal-wrap .item-box .item-info .c {color: #e61e2b;} .sendModal-wrap .item-box .del {position: absolute; right: 1.6rem; bottom: 1.6rem; padding: .6rem 1.2rem; border-radius: .6rem; font-size: 1.4rem; letter-spacing: -.28px;} .sendModal-wrap .add-popCert {width: 100%; padding: 1.2rem; border-radius: .8rem; border: .1rem solid #e0e2ee; background: #f5f6f9; font-size: 1.4rem; letter-spacing: -.28px; color: #8d8e98; display: flex; gap: .4rem; align-items: center; justify-content: center; margin-top: 1.2rem;} .sendModal-wrap .add-popCert::before {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/add-plus_lightgray.png) no-repeat center; background-size: cover;} .cert-tab-wrap {display:none; border-radius: .8rem; overflow: hidden; border: .1rem solid #e0e2ee;} .cert-tab-wrap.active {display: block;} .cert-tab-wrap .submit-list {display: flex; border-bottom: .1rem solid #e0e2ee;} .cert-tab-wrap .submit-list li {width: 100%;} .cert-tab-wrap .submit-list li button {width: 100%; padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px; background: #eeeff6; font-weight: 500;} .cert-tab-wrap .submit-list li.active button {background: #777; color: #fff;} .cert-form-wrap {margin: 1.6rem 1.6rem 1.9rem;} .cert-form-wrap .srch-wrap {display: flex; gap: .4rem; margin-bottom: 2rem;} .cert-form-wrap .srch-wrap input {width: 100%; padding: 1rem 1.2rem; font-size: 1.4rem; letter-spacing: -.28px; border: .1rem solid #e0e2ee; border-radius: .6rem;} .cert-form-wrap .srch-wrap .srch-btn {background: #8d8e98; white-space: nowrap; padding: 1rem 1.8rem; font-size: 1.4rem; color: #fff; border-radius: .6rem} .cert-form-wrap .result-area > .tit {font-size: 1.3rem; font-weight: 2.6rem; color: #f18070; text-align: center; margin: 0 auto 1.2rem;} .cert-form-wrap .result-tit {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; padding-bottom: .8rem; border-bottom: .1rem solid #8d8e98; margin-bottom: 1.2rem; text-align: left; color: #18181c;} .cert-form-wrap .result-list {max-height: 8rem; overflow-y: auto;} .cert-form-wrap .result-list li + li {margin-top: 1.2rem;} .cert-form-wrap .result-list label {display: flex; align-items: center;} .cert-form-wrap .result-list input {width: 2rem; height: 2rem; margin-right: .4rem;} .cert-form-wrap .result-list .tit {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; font-weight: normal; margin-bottom: 0;} .cert-form-wrap .result-list .badge {display: block; padding: .2rem .3rem; border-radius: .6rem; font-size: 1.1rem; margin: 0 .6rem;} .cert-box label {display: flex; align-items: center; gap: .4rem;} .cert-box label input {width: 2rem; height: 2rem;} .cert-tab-wrap.active .submit-list li.active button {background: #171a36; color: #fff;} .cert-form-wrap.active .srch-wrap .srch-btn {background: #171a36; white-space: nowrap; padding: 1rem 1.8rem; font-size: 1.4rem; color: #fff; border-radius: .6rem} .cert-form-wrap .srch-wrap input {width: 100%; padding: 1rem 1.2rem; font-size: 1.4rem; letter-spacing: -.28px; border: .1rem solid #e0e2ee; border-radius: .6rem;} .cert-tab-wrap + .tit {margin-top: 2rem;} #walletViewModal .qr-img-wrap {border-radius: .8rem; border: .1rem solid #e0e2ee; padding: 2.4rem 0; background: #f5f6f9;} #walletViewModal .qr-img-wrap img {width: 12rem; display: block; margin: 0 auto;} #walletViewModal .qr-addr {text-align: center; font-size: 1.2rem; letter-spacing: -.24px; margin: 1.6rem auto 2.8rem; width: 100%; color: #8d8e98; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #walletViewModal .btns-wrap {display: flex; gap: .4rem;} #walletViewModal .btns-wrap button {width: 100%; padding: 1.1rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500;} #rejectModal textarea {width: 100%; border: .1rem solid #e9e0df; resize: none; height: 15rem;} .apply-container .tit-wrap {width: 100%; padding: 1.9rem 2.8rem; display: flex; justify-content: space-between; background: #171a36;} .apply-container .tit-wrap .tit {font-size: 1.8rem; color: #fff; font-weight: 500; letter-spacing: -.36px;} .apply-container .tit-wrap .tit span {color: #f18070; font-weight: 500;} .apply-container .tit-wrap .note {font-size: 1.4rem; letter-spacing: -.28px; color: #a7a9b6;} .apply-container .appFormTxt-wrap {margin: 3.6rem 2.8rem 2.8rem; display: flex; justify-content: space-between; align-items: flex-end; flex-flow: row wrap;} .apply-container .appFormTxt-wrap p {font-size: 2rem; letter-spacing: -.4px; font-weight: bold;} .apply-container .appFormTxt-wrap .red {font-size: 1.4rem; letter-spacing: -.28px;} .doc-form-wrap {margin: 3.6rem 2.8rem 3.6rem;} .doc-form-item + .doc-form-item {margin-top: 1.2rem;} .doc-form-item {border-radius: 1.2rem; border: .1rem solid #e0e2ee; padding: 1.9rem 2.8rem;} .doc-form-item .doc-header {display: flex; align-items: center; justify-content: space-between;} .doc-form-item .docName {font-size: 1.8rem; letter-spacing: -.36px;} .doc-form-item .docName .ck-box {margin-left: 1.9rem; display: inline-block; padding: .5rem .7rem; border-radius: .6rem; background: #f18070; color: #fff; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500;} .doc-form-item .arrow-icon {display: block; width: 2.8rem; height: 2.8rem; background: url(../image/digital-cert-bottom.png) no-repeat center #fff; background-size: 1.6rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(24,24,28,.12); border-radius: 50%;} .doc-form-item.on {border: .2rem solid var(--color-main); background: #fbf4f4;} /*.doc-form-item.on .docName {color: var(--color-main);}*/ .doc-form-item.on .arrow-icon {background: url(../image/digital-cert-up.png) no-repeat center var(--color-main); background-size: 1.6rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(230,30,43,.32);} .doc-form-item .doc-body { margin-top: 1.9rem; border-top: .1rem solid #f3e8e8; padding-top: 2.6rem;} .gray-box {background: #f5f6f9;} .doc-form-wrap .privacy-box {margin: 3.6rem auto; padding: 2.4rem 2.8rem; border-radius: 1.2rem;} .doc-form-wrap .privacy-box > .tit {font-size: 1.6rem; letter-spacing: -.32px; font-weight: bold; margin-bottom: 1.6rem;} .doc-form-wrap .privacy-box input {width: 2.2rem; height: 2.2rem; margin-right: .8rem;} .doc-form-wrap .privacy-box label {display: flex; align-items: center;} .doc-form-wrap .privacy-box label .tit {font-size: 1.5rem; letter-spacing: -.3px;} .doc-form-wrap .privacy-box label button {margin-left: 1.6rem; font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; text-decoration: underline;} .apply-container .btn-area {margin: 0 auto 4.8rem; text-align: center;} .apply-container .btn-area button {padding: 1.1rem; text-align: center; font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px; width: 8.8rem; border-radius: .8rem} .pre-apply-wrap {padding: 4rem 2.8rem 4.8rem;} .pre-apply-wrap .step-tit {display: flex; align-items: center; gap: .8rem; border-bottom: .1rem solid #eeeff6; padding-bottom: 2.3rem; margin-bottom: 4.8rem;} .pre-apply-wrap .step-tit::before {content: ''; width: 4.4rem; height: 4.4rem; background: url(../image/speaker.png) no-repeat center; background-size: cover;} .pre-apply-list > li {display: flex;} .pre-apply-list > li + li {margin-top: 6rem;} .pre-apply-list > li::before {content: ''; width: .8rem; min-width: .8rem; height: .8rem; border-radius: 50%; background: var(--color-main); margin-right: .8rem; position: relative; top: .8rem;} .pre-apply-list > li > .text {width: calc(100% - 1.6rem);} .pre-apply-list > li > .text > .tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 1.6rem; font-weight: bold;} .pre-apply-list .box-list {display: flex; gap: 1.6rem;} .pre-apply-list .box-list li {width: 100%; border-radius: 1.2rem; padding: 1.6rem 1.0rem; background: #f5f6f9; text-align: center;} .pre-apply-list .box-list .ck-area {margin: 0 auto .8rem;} .pre-apply-list .box-list .ck-area input {width: 2.8rem; height: 2.8rem;} .pre-apply-list .box-list .num {width: 3.2rem; height: 3.2rem; border-radius: 50%; background: #a7a9b6; color: #fff; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; display: flex; align-items: center; margin: 0 auto 1.6rem; justify-content: center;} .pre-apply-list .box-list .txt {font-size: 1.5rem; letter-spacing: -.3px; color: #52535b; line-height: 2.5rem; font-weight: 500; word-break: keep-all;} .pre-apply-list .box-list .txt .red {font-weight: bold;} .pre-apply-list .box-list .btn-ck {display: flex; padding: .6rem .8rem; margin: 1.2rem auto 0; font-size: 1.3rem; font-weight: 500; letter-spacing: -.28px; border-radius: .6rem;} .pre-apply-list .box-list .btn-ck::after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/arrow-right_red.png) no-repeat center; background-size: cover; display: block; } .pre-apply-list .num-list li {position: relative;} .pre-apply-list .num-list > li + li {margin-top: 2.8rem; border-top: .6rem solid #f5f6f9; padding-top: 2.8rem;} .pre-apply-list .num-list .tit {font-size: 1.8rem; letter-spacing: -.36px; font-weight: bold; margin-bottom: 1.2rem;} .pre-apply-list .num-list .txt {font-size: 1.5rem; margin-bottom: 1.6rem; letter-spacing: -.3px; color: #52535b;} .pre-apply-list .num-list .tit b {color: #18181c;} .pre-apply-list .btn-black {display: flex; align-items: center; font-size: 1.4rem; letter-spacing: -.28px; color: #fff; font-weight: 500; padding: 1.2rem; width: 18rem; justify-content: center; border-radius: 60rem; margin: 1.6rem 0; background: #171a36; color: #fff} .pre-apply-list .btn-black::after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/arrow-right_white.png) no-repeat center; background-size: cover;} .pre-apply-list .num-list .ck-list {display: flex; flex-flow: row wrap; gap: .6rem;} .pre-apply-list .num-list .ck-list li {padding: 1.2rem .9rem; border-radius: .8rem; border: .1rem solid #e0e2ee; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500;} .pre-apply-list .num-list .ck-list li:nth-child(1) {letter-spacing: -.56px;} .pre-apply-list .num-list .ck-list .t {background: url(../image/ck-t.png) no-repeat calc(100% - 1.2rem) center; background-size: 2rem;} .pre-apply-list .num-list .ck-list .f {background: url(../image/ck-f.png) no-repeat calc(100% - 1.2rem) center; background-size: 2rem;} .pre-apply-list .num-list .ck-list li .red {font-weight: 600;} .pre-apply-list .num-list .grid2 li {width: calc(50% - .3rem);} .pre-apply-list .num-list .grid3 li {width: calc(33% - .3rem);} .pre-apply-list .num-list .grid2 li:nth-child(3) {letter-spacing: -.7px;} .pre-apply-wrap .btns-wrap {margin-top: 3.6rem; text-align: center; display: flex; justify-content: center; gap: .8rem;} .pre-apply-wrap .btns-wrap button {padding: 1.1rem 3.1rem; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; border-radius: .8rem;} .appForm .doc-ck-list {padding-top: 2.8rem; border-top: .1rem solid #eeeff6} .appForm .doc-ck-list > li {display: flex;} .appForm .doc-ck-list > li::before {content: ''; width: .8rem; height: .8rem; border-radius: 50%; background: var(--color-main); margin-right: .8rem; display: block; position: relative; top: .8rem;} .appForm .doc-ck-list > li > .text {width: calc(100% - 1.6rem);} .appForm .doc-ck-list > li > .text > .tit {font-size: 2rem; font-weight: bold; margin-bottom: 2.8rem; letter-spacing: -.4px;} .appForm .doc-ck-list .num-list > li + li {margin-top: 2.8rem; border-top: .6rem solid #f5f6f9; padding-top: 2.8rem;} .appForm .doc-ck-list .num-list .tit {font-size: 1.8rem; font-weight: bold; margin-bottom: 1.2rem; letter-spacing: -.36px;} .appForm .doc-ck-list .num-list .tit span {color: red;} .appForm .doc-ck-list .dash-list li + li {margin-top: .8rem;} .appForm .doc-ck-list .dash-list li::before {position: relative; top: .4rem;} .appForm .doc-ck-list .dash-list .text {font-size: 1.5rem; color: #52535b; letter-spacing: -.3px;} .appForm .doc-ck-list .dash-list b {color: #18181c; } .appForm .doc-ck-list .btn-black {width: 18rem; margin: 1.6rem 0; padding: 1.2rem; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; letter-spacing: -.28px; color: #fff; background: #171a36; border-radius: 60rem;} .appForm .doc-ck-list .btn-black::after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/arrow-right_white.png) no-repeat center; background-size: cover; display: block;} .appForm .doc-ck-list .cert-tb {width: 100%; border-collapse: collapse;} .appForm .doc-ck-list .cert-tb col:nth-child(1) {width: 12%;} .appForm .doc-ck-list .cert-tb col:nth-child(2) {width: 32%;} .appForm .doc-ck-list .cert-tb col:nth-child(3) {width: 10%;} .appForm .doc-ck-list .cert-tb col:nth-child(4) {width: 10%;} .appForm .doc-ck-list .cert-tb col:nth-child(5) {width: 35%;} .appForm .doc-ck-list .cert-tb th, .appForm .doc-ck-list .cert-tb td {border: .1rem solid #e0e2ee; word-break: keep-all;} .appForm .doc-ck-list .cert-tb th {padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px; background: #f5f6f9;} .appForm .doc-ck-list .cert-tb tbody td:nth-child(1) {text-align: center;} .appForm .doc-ck-list .cert-tb td {padding: .9rem; font-size: 1.4rem; letter-spacing: .28px; font-weight: 500;} .appForm .doc-ck-list .cert-tb tr td:last-child {padding: 0;} .appForm .doc-ck-list .cert-tb label {display: flex; align-items: center; justify-content: center;} .appForm .doc-ck-list .cert-tb input[type="checkbox"] {width: 2.2rem; height: 2.2rem; margin-right: .8rem} .appForm .doc-ck-list .cert-tb input[type="text"] {width: 100%;} .appForm .doc-ck-list .cert-tb .center {text-align: center;} .appForm .doc-ck-list .cert-tb img {width: 2rem;} .appForm .doc-ck-list .cert-tb input[type="file"] {display: none;} .appForm .doc-ck-list .cert-tb .file-label {display: block; width: 6rem; padding: .5rem; text-align: center; font-size: 1.3rem; letter-spacing: -.26px; color: #fff; background: #f18070; border-radius: .6rem; margin: 0 auto; cursor: pointer;} .appForm .doc-ck-list .cert-tb .file-label.on {background: #8d8e98;} .appForm .doc-ck-list .cert-tb .btnSelectIssue {margin: 0 auto; display: block; width: 5.2rem; border-radius: .6rem; padding: .5rem; text-align: center; font-size: 1.3rem; letter-spacing: -.26px; color: #fff; font-weight: 500; background: #171a36; border: .1rem solid #171a36;} .appForm .doc-ck-list .cert-tb .btnSelectIssue.is-modify {background: #eeeff6; color: #171a36;} .appForm .doc-ck-list .cert-tb .ck {display: block; width: 2rem; height: 2rem; margin: 0 auto;} .appForm .doc-ck-list .cert-tb .ck-t {background: url(../image/ck-t.png) no-repeat center; background-size: cover;} .appForm .doc-ck-list .cert-tb .ck-f {background: url(../image/ck-f.png) no-repeat center; background-size: cover;} .appForm .doc-ck-list .cert-ckList > li {width: 100%; padding: 1.4rem 1.6rem; border-radius: 1.2rem; border: .1rem solid #e0e2ee; background: #f5f6f9;} .appForm .doc-ck-list .cert-ckList > li + li {margin-top: 1.6rem;} .appForm .doc-ck-list .cert-ckList p {font-size: 1.8rem; font-weight: bold; letter-spacing: -.36px; width: calc(100% + 3.2rem); padding: 0 1.6rem 1.4rem; position: relative; left: -1.6rem; border-bottom: .1rem solid #e0e2ee;} .appForm .doc-ck-list .cert-ckList p {display: flex; align-items: center; gap: .8rem;} .appForm .doc-ck-list .cert-ckList p span {color: #e61e2b;} .appForm .doc-ck-list input {width: 2.2rem; height: 2.2rem; margin-right: .4rem;} .appForm .doc-ck-list label {display: inline-flex; align-items: center;} .appForm .doc-ck-list label {font-weight: 500; color: #52535b;} .appForm .doc-ck-list .file-area {margin: 1.6rem 0 1.2rem; display: flex; width: 100%;} .appForm .doc-ck-list .file-label {display: block; height: 3rem; margin-right: 1.2rem; padding: .7rem .6rem; border-radius: .6rem; background: #f18070; font-size: 1.3rem; color: #fff; font-weight: 500; letter-spacing: -.26px; white-space: nowrap;} .appForm .doc-ck-list .file-label input {display: none;} .appForm .doc-ck-list .file-area .file-list {width: calc(100% - 7.5rem); display: flex; align-items: center; gap: .8rem; flex-flow: row wrap;} .appForm .doc-ck-list .file-area .file-list li {display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; width: auto; letter-spacing: -.28px; color: #52535b;} .appForm .doc-ck-list .file-area .file-list .file-remove {width: 2rem; height: 2rem; border-radius: 50%; background: url(../image/file-del.png) no-repeat center; background-size: cover; margin-left: .4rem; text-indent: -9999px;} .appForm .doc-ck-list textarea {resize: none; width: 100%; height: 6.4rem; padding: 1.2rem; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; border-radius: .8rem;} .doc-body .text {font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; margin-top: 1.2rem;} .mw_cont_box {display: flex; gap: 1.6rem;} .mw_cont_box + .mw_cont_box {margin-top: 2rem;} .mw_cont_box .option_tit {font-size: 1.5rem; font-weight: 500; margin-bottom: 1.2rem; letter-spacing: -.3px;} .mw_cont_box input[type="text"], .mw_cont_box input[type="password"], .mw_cont_box select {border: .1rem solid #e0e2ee; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; width: 14rem; padding: 1rem 1.2rem;} .mw_cont_box.m-w select {width: 15rem;} .mw_cont_box select {background: url(../image/select-arrow.png) no-repeat #fff calc(100% - 1.2rem) 50%/1.6rem;} .mw_cont_box input:read-only{background: #eeeff6;} .mw_cont_box .mw_radio_group {display: flex; align-items: center; margin-top: 2rem;} .mw_cont_box .mw_input_group {display: flex; align-items: center;} .mw_cont_box .mw_input_group input[type="text"], .mw_cont_box .mw_input_group input[type="password"] {width: 14rem;} .mw_cont_box .mw_input_group .dash {width: 1rem; height: .1rem; background: #8d8e98; margin: 0 .4rem;} .mw_cont_box .mw_radio_group label {display: flex; gap: .4rem; align-items: center; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500;} .mw_cont_box .mw_radio_group label + label {margin-left: 1.2rem;} .mw_cont_box input[type="radio"] {width: 2rem; height: 2rem;} .mw_cont_box .date-group .start {width: 9.6rem;} .mw_cont_box .date-group .end {width: 8.4rem;} .mw_cont_box .date-group select + select {margin-left: .4rem;} .mw_cont_box .mw_input_group input[type="text"].lg {width: 36rem;} .mw_cont_box input[type="text"].m {width: 20rem;} .mw_cont_box .mw_input_group input[type="text"].srch_input {margin-right: .4rem; min-width: 13rem;} .mw_cont_box .mw_input_group input[type="text"].srch_input:read-only, .mw_cont_box input[type="text"].read:read-only {background: #fff;} .mw_cont_box .mw_input_group.l_select select {width: 20rem; min-width: 20rem; margin-right: .4rem;} .mw_cont_box .mw_input_group.l_select .input-box.on {width: 100%; display: flex; gap: .4rem;} .mw_cont_box .mw_input_group.l_select input {width: 100%;} .mw_cont_box .input-box {display: none;} .mw_cont_box .grid-3 {width: 33%;} .mw_cont_box .grid-3 .f-wrap {flex-flow: row wrap;} .mw_cont_box .grid-3 .mw_input_group input[type="text"].srch_input {width: calc(100% - 7.5rem);} .mw_cont_box .grid-3:last-child .mw_input_group input[type="text"].srch_input {width: calc(100% - 5rem);} .mw_cont_box .grid-3 .f-wrap .lg_input {width: 100%; margin-top: .4rem;} .mw_cont_box .srch_input + .btn-gray {padding: 1rem 1.1rem; border-radius: .8rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px;} .mw_cont_box .mw_input_group input[type="text"].addr {width: 27rem;} .mw_cont_box .mw_input_group .mob-sm {width: 6.8rem !important; min-width: 6.8rem;} .mw_cont_box .mw_input_group input[type="text"].mob {width: 9rem;} .mw_cont_box .flex-box {display: flex;} .mw_cont_box .radio-btn {padding: 1rem; text-align: center; border-radius: .8rem; min-width: 6.8rem; font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; color: var(--color-main); border: .1rem solid var(--color-main); background: #fff; white-space: nowrap;} .mw_cont_box .radio-btn + .radio-btn {margin-left: .4rem;} .mw_cont_box .radio-btn input {display: none;} .mw_cont_box .radio-btn.on {background: var(--color-main); color: #fff;} .mw_cont_box .flex-box #militaryDetailBox {margin-left: .8rem;} .mw_cont_box .option_box.w {width: 100%;} #militaryDetailBox {width: calc(100% - 14rem);} #militaryDetailBox input {width: 100% !important; border: .1rem solid #e0e2ee;} .mw_detail_container {display: flex; flex-flow: row wrap; gap: .6rem;} .mw_detail_container .mw_detail_item {border-radius: .8rem; padding: 1.2rem 1.6rem; width: calc((100% / 6) - .5rem); background: #f6e8e8; text-align: center;} .mw_detail_container .mw_detail_label {font-size: 1.4rem; letter-spacing: -.28px; margin-bottom: 2.8rem; font-weight: 500;} .mw_detail_container .mw_detail_radios {display: flex; gap: 1.2rem; justify-content: center; align-items: center; margin-top: 1.2rem;} .mw_detail_container .mw_detail_radios .radio {display: flex; gap: .4rem; justify-content: center; align-items: center; font-size: 1.4rem; letter-spacing: -.28px;} .mw_cont_box .select-row .srch_input + .btn-gray {padding: 1rem 1.8rem;} .mw_cont_box.grid2 .option-box:nth-child(1) {width: 37rem;} .mw_cont_box.grid2 .option-box:nth-child(2) {width: calc(100% - 38rem);} .mw_cont_box .option-box .txt {margin-top: 1.2rem; font-size: 1.3rem; letter-spacing: -.26px; color: #52535b;} .select-issue-box {background: #fff; padding: 1.6rem; border-radius: 1.2rem; border: .1rem solid #e0e2ee; margin-top: 1.2rem;} .select-issue-box .sub-text {font-size: 1.4rem; letter-spacing: -.28px; color: #e61e2b; font-weight: 500; margin-bottom: 2.5rem;} .select-issue-box .ck-list > li {border-bottom: .1rem solid #e0e2ee;} .select-issue-box .ck-list > li + li {padding-top: 1.7rem;} .select-issue-box .ck-list input[type="checkbox"], .select-issue-box .ck-list input[type="radio"] {width: 2rem; height: 2rem; margin-right: .4rem;} .select-issue-box .ck-list input[type="checkbox"] {margin-right: .8rem;} .select-issue-box .ck-list input[type="radio"] {margin-right: .8rem;} .select-issue-box .ck-list > li .ck-1dep {font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px; display: flex; flex-flow: row wrap; align-items: center;} .select-issue-box .ck-list > li .ck-1dep {padding-bottom: 1.7rem;} .select-issue-box .ck-list > li .ck-1dep.has-2dep {padding-bottom: 0;} .select-issue-box .ck-list label span {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; margin-left: 1.6rem;} .select-issue-box .ck-2dep-wrap {border-top: .1rem solid #e0e2ee; padding: 1.7rem 0; padding-left: 2.8rem;} .select-issue-box .ck-2dep-wrap li {display: flex; flex-flow: row wrap; gap: 1.6rem; 2.4rem; width: 100%;} .select-issue-box .ck-2dep-wrap li + li {margin-top: 2rem;} .select-issue-box .ck-2dep-wrap label {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; display: flex; align-items: center;} .select-issue-box .ck-2dep-wrap input[type="text"] {width: 4.8rem; margin: 0 .4rem;} .select-issue-box .ck-list2 li:not(:last-child) {border-bottom: .1rem solid #e0e2ee; padding-bottom: 1.2rem;} .select-issue-box .ck-list2 li:not(:first-child) {padding-top: 1.2rem;} .select-issue-box .ck-list2 li {display: flex; gap: 2.4rem; align-items: center;} .select-issue-box .ck-list2 li .item-title {font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; min-width: 15rem; white-space: nowrap; margin-right: 2.7rem;} .select-issue-box .ck-list2 li .radio-group {display: flex; gap: 1.6rem; align-items: center;} .select-issue-box .ck-list2 li .radio-group + .radio-group {margin-top: 1.2rem;} .select-issue-box .ck-list2 li .radio-group .input-recent {display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px;} .select-issue-box .ck-list2 li .radio-group .input-recent input {width: 5rem; display: block; margin: 0 .4rem;} .select-issue-box .ck-list2 li label {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; display: flex; align-items: center; gap: .4rem;} .my-info-wrap {padding: 8rem 2rem 4.8rem; text-align: center;} .my-info-form {width: 48rem; margin: 0 auto;} .my-info-form > .tit {font-size: 2.2rem; letter-spacing: -.44px; font-weight: bold; margin-bottom: 1.6rem;} .my-info-wrap .sub-txt {font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px; color: #52535b; margin-bottom: 1.6rem;} .my-info-wrap .user-info-wrap {border-top: .1rem solid #eeeff6; border-bottom: .1rem solid #eeeff6; padding: 2.8rem 0;} .my-info-wrap .user-info-wrap li {display: flex; gap: 2.4rem; align-items: center;} .my-info-wrap .user-info-wrap li + li {margin-top: 2.4rem;} .my-info-wrap .user-info-wrap .tit {font-size: 1.4rem; letter-spacing: -.28px; color: #8d8e98; font-weight: 500; min-width: 5rem; text-align: left;} .my-info-wrap .user-info-wrap .user-id {font-size: 2rem; font-weight: bold; letter-spacing: -.4px;} .my-info-wrap .user-info-wrap input {border: .1rem solid #cdcfdb; padding: 1.1rem 1.2rem; border-radius: .8rem; width: 100%;} .my-info-wrap .warning {display: flex; align-items: center; gap: .4rem; margin: 2.8rem auto 6rem; font-size: 1.3rem; letter-spacing: -.26px; color: #8d8e98; justify-content: center;} .my-info-wrap .warning::before {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/warning.png) no-repeat center; background-size: cover;} .my-info-wrap button {padding: 1.1rem 3.1rem; white-space: nowrap; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .8rem;} .my-tab-container {padding: 0 !important; overflow: hidden;} .my-tab-container .tab-list {display: flex;} .my-tab-container .tab-list li {width: 100%;} .my-tab-container .tab-list button {padding: 1.9rem; font-size: 1.8rem; letter-spacing: -.36px; text-align: center; background: #171a36; color: #8d8e98; font-weight: bold; width: 100%;} .my-tab-container .tab-list li.active button {background: var(--color-main); color: #fff;} .my-tab-container .form-wrap {margin: 6rem auto 4.8rem; width: 36rem;} .my-tab-container .edit-form .tit {font-size: 2.2rem; letter-spacing: -.44px; margin-bottom: 1.6rem; font-weight: bold; text-align: center;} .my-tab-container .edit-list {border-top: .1rem solid #eeeff6; border-bottom: .1rem solid #eeeff6; padding: 2.4rem 0; margin-bottom: 3.6rem;} .my-tab-container .edit-list li + li {margin-top: 2.4rem;} .my-tab-container .edit-list .label-wrap .item-tit {font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; margin-bottom: .8rem; display: block;} .my-tab-container .edit-list .label-wrap .txt {font-size: 1.3rem; letter-spacing: -.26px; color: #52535b; margin-top: .8rem;} .my-tab-container .edit-list input {width: 100%; padding: 1.1rem 1.2rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; border: .1rem solid #e0e2ee; font-size: 1.5rem;} .my-tab-container .edit-list input:read-only {background: #eeeff6; color: #8d8e98; border: .1rem solid #cdcfdb} .my-tab-container .edit-list .input-group {display: flex; align-items: center;} .my-tab-container .edit-list .btn-change {padding: 1.1rem 1.4rem; white-space: nowrap; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; margin-left: .4rem; border: .1rem solid #f18070} .my-tab-container .edit-list .input-group span {display: block; margin: 0 .6rem; font-size: 1.4rem; color: #52535b;} .my-tab-container .edit-form .btns-wrap {display: flex; gap: .8rem; justify-content: center;} .my-tab-container .edit-form .btns-wrap button {padding: 1.1rem 3.1rem; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .8rem;} .my-tab-container .edit-form > .txt {text-align: center; font-size: 1.6rem; letter-spacing: -.32px; line-height: 2.6rem; font-weight: 500; margin-bottom: 1.6rem;} .my-tab-container .edit-form > .txt .red {display: block; margin: 0 auto; text-align: center; margin-top: 1.6rem;} .my-tab-container .edit-form .checkbox-cont {border-radius: .8rem; padding: 1.3rem 2.2rem; border: .1rem solid #e0e2ee; background: #f5f6f9; font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; font-weight: 500; display: flex; gap: .8rem; align-items: center; justify-content: center; margin-bottom: 3.6rem; white-space: nowrap} .my-tab-container .edit-form .checkbox-cont input {width: 2.2rem; height: 2.2rem;} .loading {z-index: 9999999;} .spinner {width: 6rem; height: 6rem; border: 6px solid rgba(0, 0, 0, 0.1); border-top: 6px solid var(--color-main); border-radius: 50%; animation: spin 1s linear infinite; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #schoolModal .modal-container {width: 40rem;} #proofDataCtpvScCd {width: 18rem;} /* presentModal */ /* 공통 스크롤바 디자인 (심플) */ #presentModal .item-wrap::-webkit-scrollbar, #presentModal .item-box-container::-webkit-scrollbar, #presentModal .result-list::-webkit-scrollbar { width: .5rem; } #presentModal .item-wrap::-webkit-scrollbar-thumb, #presentModal .item-box-container::-webkit-scrollbar-thumb, #presentModal .result-list::-webkit-scrollbar-thumb { background: #ddd; border-radius: .1rem; } #presentModal .sendModal-wrap .cert-box:first-child .tit + div.item-wrap {overflow-y: auto; height: 20rem; max-height: 20rem;} #presentModal .modal-container {height: 90%;} #presentModal .modal-container .modal-bottom {position: fixed; width: 100%; left: 0; bottom: 0;} /* 기관별 배경색 설정 */ .badge.type-corp { background-color: #7d8491; color: #fff; } /* 일반법인 - 회색 */ .badge.type-adm { background-color: #2b579a; color: #fff; } /* 행정기관 - 파란색 */ .badge.type-pub { background-color: #00a0b0; color: #fff; } /* 공공기관 - 청록색 */ .badge.type-fin { background-color: #f89406; color: #fff; } /* 금융기관 - 주황색 */ .badge.type-etc { background-color: #999999; color: #fff; } /* 기타 */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mo {display: none !important;} #pinNoModal .modal-title {padding-top: 2rem;} #pinNoModal label {font-width: 500;} #pinNoModal label + label {margin-left: 2rem;} #pinNoModal .modal-body input {border: .1rem #e9e0df solid;} .termsAgree .modal-container {max-height: 70rem; overflow-y: auto;} .termsAgree .modal-container li {text-align: left; word-break: keep-all;} .termsAgree .modal-body > ol {margin-bottom: 3.8rem;} .termsAgree .modal-body > ol ol li + li {margin-top: .8rem;} .termsAgree .modal-body > ol ol ol li + li {margin-top: .6rem;} .termsAgree .modal-container span {font-weight: 600;} .privacyAgree table {width: 100%; border-collapse: collapse;} .privacyAgree table tr th {width: 15rem; border: 1px solid #e9e0df; background: #fff1f1; word-break: kepp-all;} .privacyAgree table tr td {text-align: left; padding: .6rem; word-break: keep-all;} .privacyModal-cont .txt {font-size: 1.5rem; letter-spacing: -.24px; font-weight: 500; margin: 2rem auto;} .privacyModal-cont span {color: var(--color-main);} .privacyModal-cont .privacy-box {padding: 1.2rem 2.4rem; margin-bottom: 2rem; border-radius: 1.2rem; background: #f8f9fa; border: .1rem solid #eee; text-align: left;} .privacyModal-cont .privacy-box p {display: flex; gap: .8rem; align-items: center; font-size: 1.4rem;} .privacyModal-cont .privacy-box p + p {margin-top: .8rem;} .privacyModal-cont .privacy-box span {color: #000; font-weight: 500;} .privacyModal-cont .dot-list li::before {font-size: 1.4rem; width: .3rem; min-width: .3rem; height: .3rem; top: 1rem;} .privacyModal-cont .dot-list li {font-size: 1.4rem; text-align: left;} .inquiry-container {padding: 4rem 2.8rem 4.8rem;} .inquiry-container .title-area {display: flex; margin-bottom: 1.7rem; justify-content: space-between; align-items: center;} .inquiry-container .title-area .step-tit {margin-bottom: 0; font-size: 2.4rem; letter-spacing: -.48px;} .inquiry-container .title-area .add-inquiry {border-radius: .8rem; padding: .8rem 1.2rem; display: flex; align-items: center; gap: .4rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -.32px;} .inquiry-container .title-area .add-inquiry::before {content: ''; width: 2rem; height: 2rem; background: url(../image/write.png) no-repeat center; background-size: cover;} .inquiry-container .inquiry-tb {width: 100%; border-collapse: collapse; margin-bottom: 2.8rem; table-layout: fixed;} .inquiry-container .inquiry-tb colgroup col:nth-child(1) {width: 10rem;} .inquiry-container .inquiry-tb colgroup col:nth-child(2) {width: 16rem;} .inquiry-container .inquiry-tb colgroup col:nth-child(3) {width: auto;} .inquiry-container .inquiry-tb colgroup col:nth-child(4) {width: 18rem;} .inquiry-container .inquiry-tb colgroup col:nth-child(5) {width: 12rem;} .inquiry-container .inquiry-tb th {font-size: 1.6rem; letter-spacing: -.32px; padding: 1.5rem; background: #f5f6f9;} .inquiry-container .inquiry-tb thead {border-top: .1rem solid #e0e2ee;} .inquiry-container .inquiry-tb tbody tr {border-bottom: .1rem solid #eeeff6;} .inquiry-container .inquiry-tb td {font-size: 1.6rem; font-weight: 500; letter-spacing: -.32px; color: #52535b; text-align: center; padding: .9rem 1.6rem; border-left: 0 !important; border-right: 0 !important;} .inquiry-container .inquiry-tb td a {width: 100%; text-align: left; color: #18181c; font-weight: bold; text-overflow: ellipsis; overflow: hidden;} .inquiry-container .inquiry-tb .state {display: block; padding: .6rem; border-radius: .6rem; margin: 0 auto; font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; width: 7.2rem; text-align: center;} .inquiry-container .inquiry-tb .state.t1 {border: .1rem solid #e61e2b; background: #fcf5f5; color: #e61e2b;} .inquiry-container .inquiry-tb .state.t2 {color: #fff; background: #8d8e98; border: .1rem solid #8d8e98;} .detail-box .tit-area.col {flex-flow: column; align-items: flex-start; justify-content: flex-start; border-bottom: .1rem solid #eeeff6; padding-bottom: 1.6rem;} .detail-box .tit-area.col .tit-wrap {display: flex; align-items: center; margin-bottom: 2.4rem;} .detail-box .tit-area.col .label {width: 7.2rem;} .detail-box .tit-area.col .label.t1 {border: .1rem solid #e61e2b; color: #e61e2b; background: #fcf5f5;} .detail-box .tit-area.col .label.t2 {background: #8d8e98; color: #fff;} .detail-box .tit-area.col .info-wrap {display: flex; font-size: 1.5rem; font-weight: 500; color: #52535b; letter-spacing: -.3px;} .detail-box .tit-area.col .info-wrap p {display: flex; align-items: center;} .detail-box .tit-area.col .info-wrap p:first-child::after {content: ''; width: .1rem; height: 1.4rem; background: #e0e2ee; margin: 0 1.2rem;} .detail-box .answer-box {width: 100%; border-radius: 1.2rem; border: .1rem solid #e0e2ee; margin-bottom: 2rem;} .detail-box .answer-box .tit {padding: 1.1rem 2rem; border-bottom: .1rem solid #e0e2ee; font-size: 1.5rem; font-weight: bold; letter-spacing: -.3px; color: var(--color-main); background: #f5f6f9;} .detail-box .answer-box .answer-area {padding: 2rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -.32px; line-height: 2.6rem; color: #18181c;} .inquiry-form-wrap {border-top: .1rem solid #e0e2ee; padding-top: 2.4rem; width: 60rem;} .inquiry-form-wrap .ck-content {max-height: 17rem;} .inquiry-form-wrap .inquiry-label {display: block;} .inquiry-form-wrap .inquiry-label + .inquiry-label {margin-top: 2.4rem;} .inquiry-form-wrap .tit {color: #18181c; font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px; display: block; margin-bottom: .8rem; text-align: left;} .inquiry-form-wrap select, .inquiry-form input, .inquiry-form textarea {border: .1rem solid #e0e2ee; width: 100%; min-width: 48.4rem;} .inquiry-form-wrap select {width: 36rem; min-width: inherit; display: block; margin-right: auto;} .inquiry-form-wrap textarea {resize: none; min-height: 14rem;} .inquiry-form-wrap .note-list {margin-top: 1rem;} .inquiry-form-wrap .note-list li::before, .inquiry-form-wrap .note-list .text {font-size: 1.3rem; color: #f18070; letter-spacing: -.26px;} .guide-container {padding: 4rem 2.8rem} .guide-container .title-area .step-tit {font-size: 2.4rem; letter-spacing: -.48px; padding-bottom: 1.6rem; border-bottom: .1rem solid #eeeff6; margin-bottom: 2.4rem; display: flex; align-items: center; gap: .8rem;} .guide-container .title-area .step-tit::before {content: ''; width: 4.4rem; height: 4.4rem; background: url(../image/guide-icon.png) no-repeat center; background-size: cover;} .guide-container .text-cont {font-size: 1.6rem; font-weight: 500; letter-spacing: -.32px; line-height: 2.6rem; margin-bottom: 6rem;} .guide-container .dot-list > li::before {width: .8rem; height: .8rem; background: var(--color-main);} .guide-container .dot-list > li + li {margin-top: 6rem;} .guide-container .dot-list .tit {font-size: 2rem; font-weight: bold; margin-bottom: 1.6rem; letter-spacing: -.4px;} .guide-container .dot-list .text {width: calc(100% - 1.2rem);} .guide-container .num-box {width: 100%; display: flex; gap: 1.6rem;} .guide-container .num-box li {width: 100%; border-radius: 1.2rem; padding: 1.6rem .2rem; background: #f5f6f9;} .guide-container .num-box .num {margin: 0 auto 1.6rem; width: 3.2rem; height: 3.2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #a7a9b6; color: #fff; font-size: 1.6rem;} .guide-container .num-box .txt {text-align: center; font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.5rem; word-break: keep-all; font-weight: 500;} .guide-container .num-box .txt .btn-redline {display: flex; align-items: center; border-radius: .6rem; padding: .6rem .8rem; font-size: 1.3rem; letter-spacing: -.26px; font-weight: 500; margin: 1.2rem auto 0;} .guide-container .num-box .txt .btn-redline::after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/arrow-right_red.png) no-repeat center; background-size: cover;} .guide-container .line-box {border: .1rem solid #e0e2ee; border-radius: 1.2rem; padding: 2rem;} .guide-container .line-box + .line-box {margin-top: 1.6rem;} .guide-container .line-box .box-tit {font-size: 1.8rem; font-weight: bold; letter-spacing: -.36px; margin-bottom: 2rem;} .guide-container .line-box .box-txt p {font-size: 1.6rem; font-weight: bold; letter-spacing: -.32px;} .guide-container .line-box .note-list {font-size: 1.5rem; letter-spacing: -.3px; font-weight: 500; margin: 1.6rem 0 2rem;} .guide-container .line-box .note-list li + li {margin-top: .8rem;} .guide-container .line-box .color-box {border-radius: 1.2rem; padding: 1.6rem; background: #f5f6f9;} .guide-container .line-box .color-box-tit {font-size: 1.5rem; font-weight: 500; margin-bottom: 1.2rem; letter-spacing: -.3px;} .guide-container .line-box .dash-list {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b;} .guide-container .line-box .dash-list li + li {margin-top: .8rem;} .guide-container .doc-check-list > li + li {border-top: .6rem solid #f5f5f9; padding-top: 2.8rem; margin-top: 2.8rem;} .guide-container .doc-check-list .check-list-tit-wrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.6rem;} .guide-container .doc-check-list .check-list-tit {font-size: 1.8rem; font-weight: bold; letter-spacing: -.36px;} .guide-container .doc-check-list .btn-dk {width: 18rem; padding: 1.2rem; border-radius: 60rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px; display: flex; align-items: center; justify-content: center;} .guide-container .doc-check-list .btn-dk::after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/arrow-right_white.png) no-repeat center; background-size: cover;} .guide-container .doc-check-list .flex-list {display: flex; flex-flow: row wrap; gap: .6rem;} .guide-container .doc-check-list .flex-list li {padding: 1.2rem; border-radius: .8rem; border: .1rem solid #e0e2ee; font-size: 1.4rem; font-weight: 500; letter-spacing: -.4px; word-break: keep-all;} .guide-container .doc-check-list .grid2 li {width: calc(50% - .3rem);} .guide-container .doc-check-list .grid3 li {width: calc(33% - .3rem);} .guide-container .doc-check-list .grid2 li:nth-child(3) {letter-spacing: -.7px;} .guide-container .doc-check-list .btn-wrap {margin-top: 3.6rem; display: flex; gap: .8rem; justify-content: center;} .guide-container .doc-check-list .btn-wrap button {border-radius: .8rem; padding: 1.1rem; width: 12rem; text-align: center; font-weight: 500; font-size: 1.5rem; letter-spacing: -.3px;} .guide-container .doc-check-list .btn-redline {background: #fbf4f4;} .state-container .img {width: 8rem; height: 8rem; margin: 4rem auto 3.2rem; } .state-container .error-img {background: url(../image/error-img.png) no-repeat center; background-size: cover;} .state-container .error-text {font-size: 1.8rem; font-weight: 500; letter-spacing: -.36px; line-height: 2.8rem; margin-bottom: 4.8rem; text-align: center; word-break: keep-all;} .state-container .btn-dk {font-size: 1.5rem; padding: 1.1rem 2rem; white-space: nowrap; font-weight: 500; letter-spacing: -.3px; display: block; margin: 0 auto 12rem; border-radius: .8rem;} .state-container .loading-img {background: url(../image/loading-img.png) no-repeat center; background-size: cover;} .state-container .loading-text {font-size: 1.5rem; color: #8d8e98; letter-spacing: -.3px; line-height: 2.5rem; font-weight: 500; text-align: center;} .state-container progress {appearance: none; width: 28rem; display: block; margin: 0 auto 2.8rem;} .state-container progress::-webkit-progress-bar {background:#fcf1f1; border-radius: 60rem;} .state-container progress::-webkit-progress-value {border-radius: 60rem; background: var(--color-main);} .modal-list-scroll { max-height: 30rem; overflow-y: auto; margin-top: 1.5rem; padding: 0 1.2rem; background: #fff; } .custom-issue-table { width: 100%; border-collapse: separate; border-spacing: 0 .6rem; table-layout: fixed; } .custom-issue-table tr { cursor: pointer; transition: all 0.2s ease; } .custom-issue-table td { padding: 1.4rem; text-align: center; background: #f5f6f8; border-radius: .8rem; } .custom-issue-table tr:hover td { background: #eef1f6; } .custom-issue-table td span { font-weight: 600; color: #333; font-size: 1.5rem; display: block; word-break: keep-all; } .custom-issue-table tr:hover td span { color: #e61e2b; } .custom-issue-table::-webkit-scrollbar { width: .4rem; } .custom-issue-table::-webkit-scrollbar-thumb { background: #e0e2ee; border-radius: .2rem; } .custom-issue-table { width: 50rem !important; border-collapse: collapse !important; background-color: #fff !important; table-layout: fixed !important; } .custom-issue-table thead tr { border-top: 1px solid #333 !important; border-bottom: 1px solid #ddd !important; } .custom-issue-table th { background-color: #fcfcfc !important; color: #555 !important; font-size: 13px !important; font-weight: 500 !important; padding: 10px 0 !important; text-align: center !important; } .custom-issue-table td { padding: 12px 15px !important; background: none !important; border: none !important; border-bottom: 1px solid #f2f2f2 !important; vertical-align: middle !important; } .custom-issue-name { display: block !important; font-size: 14px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 2px !important; } .custom-issue-id { display: block !important; font-size: 11px !important; color: #d1d1d1 !important; font-weight: 300 !important; } .custom-issue-date { display: block !important; font-size: 12px !important; font-weight: 400 !important; color: #888 !important; text-align: center !important; line-height: 1.4 !important; } .custom-issue-table tbody tr:hover td { background-color: #f8faff !important; } .custom-issue-table tbody tr:hover .custom-issue-name { color: red !important; } .custom-issue-table tbody tr { cursor: pointer; } /* 전체 배경: 검정색 반투명 막 */ #loading { display: none; /* 기본은 숨김 */ position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0, 0, 0, 0.7) !important; /* 불투명한 검정 */ z-index: 99999 !important; overflow: hidden !important; } /* 중앙 흰색 박스 디자인 - 너비만 45rem으로 확장 */ #loading .loading-box { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: #ffffff !important; padding: 4rem 3rem !important; border-radius: 1.2rem !important; box-shadow: 0 1rem 3rem rgba(0,0,0,0.5) !important; width: 45rem !important; /* 32rem에서 45rem으로 변경 */ text-align: center !important; } /* 내부 이미지(모래시계) */ #loading .img { display: inline-block !important; width: 8rem !important; height: 8rem !important; margin-bottom: 2rem !important; background: url(../image/loading-img.png) no-repeat center !important; background-size: contain !important; } /* 로딩바 컬러 유지 */ #loading progress { display: block !important; width: 100% !important; height: 1.2rem !important; margin: 0 auto 2rem auto !important; appearance: none; border: none; } #loading progress::-webkit-progress-bar { background: #fcf1f1 !important; border-radius: 60rem; } #loading progress::-webkit-progress-value { background: var(--color-main) !important; border-radius: 60rem; } /* 텍스트 시인성 */ #loading .loading-text { display: block !important; font-size: 1.5rem !important; color: #333333 !important; line-height: 1.6 !important; word-break: keep-all !important; } .modal-list-table { width: 100%; border-spacing: 0; border-collapse: separate; } #detailListBody { display: flex; flex-direction: column; gap: .6rem; } #detailListBody tr { display: table; width: 100%; cursor: pointer; } #detailListBody td { background-color: #f8f9fa; border: 1px solid #eef0f2; border-radius: 1.2rem; padding: .6rem; text-align: center; font-size: 1.2rem; font-weight: 500; color: #333; transition: all 0.2s ease; } /* 4. 클릭(터치) 시 효과 */ #detailListBody tr:hover td { background-color: #f1f3f5; border-color: #dee2e6; } #detailListBody tr:active td { background-color: #e9ecef; transform: scale(0.98); /* 살짝 눌리는 효과 */ box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); } /* 5. 스크롤바 커스텀 (깔끔하게) */ .modal-list-scroll { max-height: 350px; overflow-y: auto; padding-right: 4px; } .modal-list-scroll::-webkit-scrollbar { width: 4px; } .modal-list-scroll::-webkit-scrollbar-thumb { background-color: #dbdbdb; border-radius: 10px; } .pdf-table {width: 100%; border-collapse: collapse;} .pdf-table colgroup .tit {width: 16rem;} .pdf-table colgroup .photo {width: 10rem;} .pdf-table colgroup .input {width: calc(33% - 16rem);} .pdf-table colgroup .sm-input {width: calc(33% - 26rem);} .pdf-table tr th, .pdf-table tr td {border: .1rem solid #e90edf;} .pdf-table tr:not(:last-child) th {border-bottom: .1rem solid #e9e0df;} .pdf-table th {background: #fff0f0; font-size: 1.6rem; padding: 1.2rem 0;} .pdf-table tr {min-height: 6rem; height: 6rem;} .pdf-table td.h {height: 10rem;} .pdf-table img {width: 9.4rem; mex-height: 10.5rem; overflow: hidden;} .no-apply {margin: 5rem auto;} .no-apply img {width: 6rem; height: 6rem; display: block; margin: 0 auto 3rem;} .no-apply .text {font-size: 1.8rem; font-weight: 500; letter-spacing: -.38px; text-align: center;} .apply-ck-modal .modal-body {text-align: left; max-height: 50rem; overflow-y: auto;} .apply-ck-modal table {border-collapse: collapse;} .apply-ck-modal table tr:nth-child(1) td {text-align: center; background: #f9f2f1;} .apply-ck-modal table td {.1rem solid #e9e0df; word-break: keep-all; padding: .4rem .6rem; } .count-word {text-align: right; font-size: 1.5rem; margin-bottom: .8rem;} .main-bg-layer {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 55; background: rgba(0,0,0,.6);} .main-bg-layer .pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48rem; height: auto; padding: 4.8rem 1rem 2.4rem; border-radius: 1.6rem; position: relative; background: #fff url(../image/pop-bg.png) no-repeat center bottom; background-size: 42rem; font-size: 2rem; font-weight: bold; letter-spacing: -.4px; color: #000; line-height: 3rem; text-align: center; word-break: keep-all;} .main-bg-layer .pop .c{color: var(--color-main);} .main-bg-layer .pop .main-close-img {position: absolute; top: .4rem; right: .4rem; width: 2.8rem; height: 2.8rem; background: url(../image/pop-close.png) no-repeat center; background-size: cover;} .main-bg-layer .pop .btn-main {display: block; margin: 3.2rem auto 0; padding: 1.2rem; width: 12rem; text-align: center; border-radius: 60rem; font-size: 1.6rem; letter-spacing: -.32px; font-weight: 500; color: #fff;} @media all and (max-width:1340px) { header .logo {margin-right: auto;} header nav {gap: 6rem;} header .dep1 {gap: 6rem;} header .font-btn.mo {display: flex !important; margin: 0 2rem 0 auto;} header .font-btn button {font-size: 2rem; width: 3.8rem;} .inner {width: calc(100% - 8rem); margin: 0 auto;} .main .grid-wrap {gap: 2.4rem; grid-template-columns: .8fr .6fr .7fr} .main .grid1 .app-guide, .main .grid1 .candidate {background-size: 100% 100%;} .main .grid1 .tit-box .img-wrap {width: 8rem; height: 8rem;} .main .grid1 .tit-box .tit {font-size: 1.8rem;} footer .link-list a {white-space: nowrap;} } /*노트북 & 태블릿 가로 : 1024px-1279px*/ @media all and (min-width:1025px) and (max-width:1279px){ } /*태블릿 가로 : 769px-1023px*/ @media all and (max-width:1024px){ .mo-none {display: none !important;} .mo {display: block !important;} .login-cert {margin-top: -1rem;} .login-cert button + button {margin-top: 2.4rem;} .login-cert button {padding: 2.6rem; border-radius: 2rem; font-size: 3.2rem; letter-spacing: -.68px;} .login-cert .cert-msg {font-size: 2.8rem; margin-top: 2.4rem; letter-spacing: -.48px;} select { -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../image/select-arrow.png) no-repeat #fff calc(100% - 1.6rem) 50%/3.6rem; cursor:pointer; } select, input, textarea {border-radius: 1.6rem; padding: 2.2rem 2rem; font-size: 3rem; letter-spacing: -.6px; font-weight: 500; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} select option {font-size: 3rem; letter-spacing: -.6px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} input::placeholder, textarea::placeholder {color: #a7a9b6;} .modal {} .modal-container {min-width: 52rem; padding: 6rem 2.8rem 0; border-radius: 2.4rem;} .modal-title {font-size: 3.4rem; letter-spacing: -.68px; line-height: 4.4rem; word-break: keep-all;} .modal-title br {display: none;} .modal-body {margin: 4.8rem auto; line-height: 4rem; font-size: 2.6rem; letter-spacing: -.52px; font-weight: 500;} .modal-body.js-terms-content {padding-right: 3rem;} .modal-bottom {width: calc(100% + 6.4rem); position: relative; left: -3.2rem; display: flex; align-items: center; gap: .2rem;} .modal-bottom button {padding: 1.6rem; font-size: 3rem; letter-spacing: -.6px;} .modal-close {top: .8rem; right: .8rem; width: 4.8rem; height: 4.8rem;} .modal .modal-scroll-box {width: 60rem; min-height: 30rem; max-height: 50rem; overflow-y: auto; text-align: left; padding: 2rem; background: #f5f5f5; border: .2rem solid #dbdbdb; border-radius: 1.2rem;} .empty-container {padding: 0 4rem;} .empty-layout #login-section {padding: 14rem 0;} .empty-layout #login-section .logo {width: 33.6rem; margin: 0 auto 6rem;} .empty-layout #login-section .tit {width: 56rem; margin: 0 auto 4rem;} .empty-layout #login-section .txt {font-size: 3.2rem; letter-spacing: -.64px; line-height: 4.8rem; margin-bottom: 6rem; word-break: keep-all;} .empty-layout #login-section .txt br {display: none;} .empty-layout .loginForm {width: calc(100%); margin: 0 auto; border-radius: 2.8rem; padding: 6rem 4rem; box-shadow: .4rem .4rem 2.4rem 0 rgba(24,24,28,.08);} .empty-layout .loginForm legend {font-size: 4.8rem; letter-spacing: -.96px; margin-bottom: 4.8rem; font-weight: 800; text-align: center;} .empty-layout .loginForm li + li {margin-top: 1.6rem;} .empty-layout .loginForm li p {font-size: 2.8rem; letter-spacing: -.56px; margin: 1rem 0;} .empty-layout input {border: .2rem solid #e0e2ee;} .empty-layout .loginForm .login-util {margin: 2.4rem 0 4.8rem;} .empty-layout .loginForm .login-util a {font-size: 2.8rem; letter-spacing: -.56px; font-weight: 500;} .empty-layout .loginForm .login-util a:not(:last-child)::after {width: .2rem; height: 2.4rem; margin: 0 2rem;} .empty-layout .loginForm .btn-list button {border-radius: 1.6rem; font-size: 3rem; letter-spacing: -.6px; padding: 2.2rem;} .empty-layout .loginForm .btn-list .join {border: .2rem solid var(--color-main);} .empty-layout .loginForm .note {margin-top: 4rem; font-size: 2.8rem; letter-spacing: -.56px;} .empty-layout .loginForm .note span {color: var(--color-main);} .empty-header {border-bottom: .2rem solid #e0e2ee; padding: 2.8rem 0; width: calc(100% + 8rem); left: -4rem; position: relative;} .empty-header .logo {width: 51rem; margin: 0 auto;} .empty-layout .login-tit {font-size: 4.8rem; letter-spacing: -.96px; margin: 8.2rem auto 6rem; line-height: 6.2rem;} .empty-layout .login-wrap {width: calc(100%); margin: 0 auto;} .join-nav-bar {gap: 2rem; margin-bottom: 4rem;} .join-nav-bar li {width: 4rem; height: 4rem; font-size: 2rem; line-height: 2;} .step-box {border-radius: 2.8rem; padding: 4rem; box-shadow: .4rem .4rem 2.4rem 0 rgba(24,24,26,.08);} .step-tit {font-size: 4rem; letter-spacing: -.8px; margin-bottom: 4.8rem;} .join-step .ck-wrap {padding: 3.1rem 1.6rem; border-radius: 1.6rem;} .join-step .ck-wrap input {width: 4rem; height: 4rem; margin-right: 1.2rem;} .all-check-wrap {border: .2rem solid #52535b; margin-bottom: 4rem;} .all-check-wrap label {font-size: 3.2rem; letter-spacing: -.64px;} .all-check-wrap.checked {border: .2rem solid var(--color-main);} .agree-list li + li {margin-top: 2.4rem;} .agree-item {padding: 2.7rem 1.6rem;} .agree-item label {font-size: 3rem; letter-spacing: -.6px; word-break: keep-all;} .agree-item button {font-size: 2.6rem; letter-spacing: -.52px;} #step1-area .txt {font-size: 2.6rem; letter-spacing: -.52px; line-height: 4rem; margin-top: 4rem;} .login-wrap .btn-group {margin: 4.8rem auto 12rem; gap: 1.6rem;} .login-wrap .btn-group button {border-radius: 1.6rem; padding: 2.2rem 1rem; width: 14.8rem; font-size: 3rem; letter-spacing: -.6px;} .step-box .require {position: static; text-align: center; font-size: 2.6rem; font-weight: 500; margin: 2.8rem auto 4.8rem} .step-box .input-wrap + .input-wrap {margin-top: 4.8rem;} .step-box .input-wrap .err {font-size: 2.6rem; letter-spacing: -.52px;} .step-box .input-wrap .tit {font-size: 3.2rem; letter-spacing: -.64px; margin-bottom: 1.6rem; font-weight: bold;} .step-box .input-flex {gap: 1rem;} .step-box .input-flex span {font-size: 2.8rem;} .step-box .input-flex span.dash {width: 2.2rem; height: .2rem;} .step-box .input-wrap .duplicate-ck {border-radius: 1.6rem; padding: 2.2rem 1rem; font-size: 3rem; letter-spacing: -.6px;} .step-box .input-wrap .note {font-size: 2.6rem; letter-spacing: -.52px; margin-top: 2.4rem;} .step-box .input-wrap.err input {border: .2rem solid #e61e2b;} #step3-area .step-box .step-tit {margin-bottom: 2.4rem;} #step3-area .step-box > .txt {font-size: 3rem; letter-spacing: -.6px; font-weight: 500;} .cert-box {padding: 4.8rem 4rem; border-radius: 2.4rem;} .cert-box .tit {font-size: 3.2rem; margin-bottom: 4.8rem; letter-spacing: -.64px;} .cert-list {gap: 2.8rem 3.6rem;} .cert-list li {width: calc(25% - 2.8rem); position: relative;} .cert-list .img {width: 10.8rem; height: 10.8rem; margin-bottom: 2rem;} .cert-list .txt {font-size: 2.4rem; letter-spacing: -.48px;} #find-id-area .step-box {font-size: 3.6rem; letter-spacing: -.72px; line-height: 5rem; padding: 8rem 0;} #find-id-area .step-box span {color: var(--color-main); font-weight: bold;} #find-id-area .password-box {border-top: .2rem solid #e0e2ee; padding-top: 4rem; font-size: 2.8rem; letter-spacing: -.56px;} #find-id-area .password-box a {margin-left: 1.2rem; font-weight: 500; text-decoration: underline;} #find-id-area .password-box a::after {width: 2.8rem; height: 2.8rem;} #find-pw-area .step-tit {margin-bottom: 6rem;} .inner {width: calc(100% - 8rem); margin: 0 auto;} body {position: relative;} header {border-bottom: .2rem solid #e0e2ee; padding: 2.5rem 0;} header .logo {width: 29.2rem; min-width: 29.2rem; margin-right: auto;} header .chat-btn {width: 6.8rem; min-width: 6.8rem; height: 6.8rem; background: linear-gradient(315deg, #5910b9, #e61e2b); border-radius: 50%; margin-right: 3.6rem; position: relative;} header .chat-btn::after {content:''; width: 6.8rem; height: 6.8rem; background: url(../image/character_mo.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} header .mob-menu {width: 6.8rem; min-width: 6.8rem; height: 6.8rem; border-radius: 1.6rem; background: var(--color-main) url(../image/mob-menu.png) no-repeat center; background-size: 4.4rem; box-shadow: 0 0 4rem 0 rgb(230,30,43);} header nav {gap: 0; position: fixed; top: 0; left: 100%; width: 80%; height: 100%; z-index: 99; background: var(--color-main); flex-flow: column-reverse; align-items: flex-start; justify-content: flex-end;} header nav a {color: #fff;} header nav.on {left: 20%; transition: .4s left ease;} header nav div {width: 100%;} header .nav-btns {margin-bottom: 9.8rem; padding: 1.6rem 4rem; display: flex; justify-content: space-between; width: 100%;} header .nav-btns .close-menu {width: 6.8rem; height: 6.8rem; border-radius: 1.6rem; border: .2rem solid rgba(255,255,255,.24); background: url(../image/menu-close.png) no-repeat center; background-size: 4.4rem;} header .logout {width: 20.6rem; padding: 1.9rem 2.8rem; border: .2rem solid rgba(255,255,255,.12); background: rgba(255,255,255,.12); border-radius: 60rem; gap: 1.2rem;} header .logout button {color: rgba(255,255,255, 1); font-size: 2.6rem; letter-spacing: -.52px; font-weight: 500;} header .logout::before {content: ''; width: 4.6rem; height: 3rem;} header .dep1 {display: flex; flex-flow: column; width: 100%;} header .dep1 > li {border-bottom: .2rem solid rgba(255,255,255,.2); width: 100%; padding: 0 4rem 6rem;} header .dep1 > li > a {font-size: 4rem; font-weight: bold; letter-spacing: -.8px; margin-bottom: 4rem;} header .dep2 {max-height: inherit; opacity: 1; top: inherit; display: flex; gap: 6rem; position: static; flex-flow: row wrap;} header .dep2 li {display: flex; align-items: center;} header .dep2 li + li {margin: 0;} header .dep2 li::before {content: '-'; margin-right: .8rem; font-size: 3rem; color: #fff; font-weight: 500;} header .dep2 a {color: #fff; font-size: 3rem; font-weight: 500; letter-spacing: -.6px;} header .dep2 a:hover {text-decoration: none;} header.sub {border-bottom: .2rem solid rgba(255,255,255,.12)} header.sub .logout {border: .2rem solid rgba(255,255,255,.12);} header.sub .logout button {color: rgba(255,255,255,.6);} .main {min-height: 100vh;} .main-tit {font-size: 5.6rem; margin: 10.2rem auto 10.6rem; letter-spacing: -1.12px; line-height: 7rem;} .main-bn {height: 52rem; border-radius: 2.8rem; background: url(../image/bn-mo.png) no-repeat top right; background-size: cover; margin: 6.2rem 0 8.6rem;} .main-bn .txt {font-size: 5.6rem; letter-spacing: -1.12px; line-height: 7rem; bottom: inherit; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;} .welcome-txt {font-size: 3rem; letter-spacing: -.6px; margin-bottom: 4.6rem; gap: 1.2rem;} .welcome-txt::before {width: 4.8rem; height: 4.8rem;} .main .grid-wrap {display: flex; flex-flow: column; gap: 0;} .main .grid1 {gap: 3.4rem; margin-bottom: 8rem;} .main .grid1 .arrow-cont::after {width: 4rem; height: 4rem; top: 1.2rem; right: 3rem;} .main .grid1 .my-application {padding: 3.6rem; width: 100%; background: url(../image/application-bg1.png) no-repeat center; background-size: 100% 100%;} .main .grid1 .my-application .tit {font-size: 4rem; letter-spacing: -.8px;} .main .grid1 .my-application .cont {margin-top: 4.8rem;} .main .grid1 .my-application .cont p {font-size: 3rem; letter-spacing: -.6px; margin-bottom: 6rem;} .main .grid1 .my-application .alarm-btn {border-radius: 60rem; width: 22.8rem; padding: 1.5rem; font-size: 3.2rem; letter-spacing: -.64px;} .main .grid1 .my-application .alarm-btn::before {width: 5.4rem; height: 5.4rem; top: -1rem; left: -1rem;} .main .grid1 .tit-box {width: calc(50% - 1.7rem);} .main .grid1 .app-guide {background: url(../image/application-bg2.png) no-repeat center; background-size: 100% 100%;} .main .grid1 .candidate {background: url(../image/application-bg3.png) no-repeat center; background-size: 100% 100%;} .main .grid1 .tit-box .img-wrap {width: 16rem; height: 16rem; margin: 6rem auto 2.4rem;} .main .grid1 .tit-box .img-wrap img {width: 60%;} .main .grid1 .tit-box .tit {font-size: 3.4rem; letter-spacing: -.68px; margin-bottom: 3.6rem;} .main .cont-tit {font-size: 4rem; margin-bottom: 3.6rem; letter-spacing: -.8px;} .main .grid2 .application-box {margin-bottom: 8rem; padding: 3.2rem; border-radius: 2.8rem; display: flex; gap: 2.2rem; flex-flow: row wrap;} .main .grid2 .application-box li {width: calc(50% - 1.1rem); border-radius: 1.6rem; padding: 3.6rem 1rem; border: .2rem solid rgba(255,255,255,.08); position: relative;} .main .grid2 .application-box li:nth-child(1) {background: rgba(255,255,255,.04);} .main .grid2 .application-box li:nth-child(2) {background: rgba(255,255,255,.04);} .main .grid2 .application-box li:nth-child(3) {background: rgba(255,255,255,.04);} .main .grid2 .application-box li:nth-child(4) {background: rgba(255,255,255,.04);} .main .grid2 .application-box li::after, .main .grid2 .application-box li:not(:last-child)::after {content: ''; display: block; width: 8rem; height: 8rem; margin: 4rem auto; position: relative; left: inherit; top: inherit; } .main .grid2 .application-box li:nth-child(1)::after {background: url(../image/application1.png) no-repeat center; background-size: cover;} .main .grid2 .application-box li:nth-child(2)::after {background: url(../image/application2.png) no-repeat center; background-size: cover;} .main .grid2 .application-box li:nth-child(3)::after {background: url(../image/application3.png) no-repeat center; background-size: cover;} .main .grid2 .application-box li:nth-child(4)::after {background: url(../image/application4.png) no-repeat center; background-size: cover;} .main .grid2 .application-box li + li {margin-top: 0rem;} .main .grid2 .application-box li .step {font-size: 2.6rem; letter-spacing: -.52px; font-weight: 500; text-align: center; margin-bottom: 1.6rem;} .main .grid2 .application-box li .tit {font-size: 3rem; letter-spacing: -.6px; font-weight: 500; text-align: center;} .main .grid3 {margin-bottom: 6rem;} .main .grid3 .view-more {width: 4.8rem; height: 4.8rem;} .main .grid3 .view-more:hover {background: url(../image/notice-arrow_hover.png) no-repeat center; background-size: cover;} .notice-swiper-wrapper {position: relative; left: -1.2rem; width: 100%;} .main .grid3 .notice-list {display: flex; flex-flow: row; gap: 0;} .main .grid3 .notice-list li {padding: 2.8rem; border-radius: 2.8rem; flex-shrink: 0; min-height: 37.1rem;} .notice-list .swiper-slide a {width: 100%;} .main .grid3 .notice-list .notice-label {padding: .6rem 1.9rem; border-radius: .8rem; font-size: 2.4rem; letter-spacing: -.48px;} .main .grid3 .notice-list .tit {margin-top: 2.4rem; font-size: 3rem; font-weight: 500; letter-spacing: -.6px; line-height: 4.4rem; min-height: 17rem;} .main .grid3 .notice-list .date {font-size: 2.6rem; letter-spacing: -.52px; position: relative; margin-top: 4.8rem;} footer {border-top: .2rem solid rgba(255,255,255,.12); padding: 6rem 0;} footer .inner {display: flex; flex-flow: column;} footer .foot-cont {display: flex; flex-flow: column;} footer .logo {order: 1; width: 20.2rem; margin-right: 0rem; margin: 0 auto 4.8rem;} footer .text-wrap {order: 3; justify-content: center;} footer .text-wrap ul {flex-flow: row wrap; align-items: center; justify-content: center; margin: 3.6rem auto 0;} footer .text-wrap li {font-size: 2.4rem; letter-spacing: -.48px; line-height: 4rem; display: flex; align-items: center;} footer .text-wrap li:not(:last-child)::after {content: ''; width: .1rem; height: 1.5rem; background: rgba(255,255,255,.3); display: inline-block; margin: 0 1.2rem;} footer .text-wrap li:nth-child(odd)::after {display: none;} footer .text-wrap p {text-align: center; font-size: 2.4rem; letter-spacing: -.48px;} footer .link-list {order: 2; justify-content: center;} footer .link-list a {color: #fff; font-size: 2.8rem; font-weight: 500; letter-spacing: -.56px;} footer.sub {background: #18181c;} .chatbot-wrap {position: fixed; top: 70%; right: 4rem; z-index: 55;} .chatbot {width: 38rem; border-radius: 60rem 60rem 60rem 0; padding: 3.2rem 4.8rem; background: linear-gradient(to left, #5911B9, #8e44ad); box-shadow: .2rem .2rem 4.8rem 0 rgba(230,30,43,.36); text-align: left;} .chatbot::after {content: ''; width: 9.3rem; height: 8.6rem; background: url(../image/character.png) no-repeat center; background-size: cover; position: absolute; right: 0; bottom: 0;} .chatbot img {width: 20.2rem; margin-right: auto;} .chatbot-wrap .chat-div {box-shadow: .4rem .4rem 4.8rem 0 rgba(24,24,28,.12); border-radius: 4rem; width: calc(100% - 8rem); height: 70%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);} .chat-div .tit::after {content: ''; width: 11.2rem; height: 10rem; right: .8rem;} .chat-div .tit {border-radius: 4rem 4rem 0 0; font-size: 3.6rem; letter-spacing: -.72px; padding: 2.8rem;} .chat-container {padding: 2.8rem 3.2rem 4.8rem; max-height: 75%; overflow: auto;} .chat-container .date {font-size: 2.6rem; letter-spacing: -.52px; margin-bottom: 2.4rem;} .chat-container .chat-note {border-radius: 60rem; padding: 2rem; margin-bottom: 3.6rem; font-size: 2rem; letter-spacing: -.4px;} .chat-container .msg-wrap + .msg-wrap {margin-top: 3.6rem;} .chat-container .msg-wrap .profile {gap: 1.6rem; margin-bottom: 1.6rem;} .chat-container .msg-wrap .ai-profile {width: 6.8rem; height: 6.8rem;} .chat-container .msg-wrap .ai-profile::after {content: ''; width: 4rem; height: 4rem;} .chat-container .msg-wrap .profile .time {font-size: 2.4rem; letter-spacing: -.48px;} .chat-container .msg-wrap .msg-box {font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem; box-shadow: .2rem .2rem .8rem 0 rgba(24,24,28,.08); padding: 2.4rem; max-width: 80%;} .chat-container .msg-wrap.ai .msg-box {border-radius: 0 4rem 4rem 4rem;} .chat-container .msg-wrap.user .msg-box {border-radius: 4rem 0 4rem 4rem;} .chat-container .msg-wrap .help-list {margin-top: 2rem; gap: 1.6rem;} .chat-container .msg-wrap .help-list + .help-list {margin-top: 2rem;} .chat-container .msg-wrap .help-list button {font-size: 2.4rem; letter-spacing: -.48px; box-shadow: .4rem .4rem 4.8rem 0 rgba(24,24,28,.08); padding: 1.4rem 1.6rem; border: .2rem solid #fff; font-weight: 500;} .chat-container .msg-wrap .help-list .accent {font-size: 2.6rem; letter-spacing: -.52px;} .chat-input-wrap {border-top: .2rem solid #e0e2ee; padding: 2.4rem 3.2rem; gap: 1.6rem;} .chat-input-wrap input {border-radius: 1.6rem; border: .2rem solid #e0e2ee; padding: 2.4rem 1.2rem;} .chat-input-wrap .chat-btn {min-width: 8.2rem; height: 8.2rem; width: 8.2rem; background-size: 5rem;} .chat-input-wrap .chat-btn:hover {background-size: 5rem;} .chatbot-close {position: absolute; top: calc(100% + 2.8rem); border-radius: 60rem; padding: 2.1rem 2.8rem; font-size: 3.2rem; letter-spacing: -.64px; box-shadow: .4rem .4rem 4.8rem 0 rgba(24,24,28,.12); gap: .8rem;} .chatbot-close::before {width: 4rem; height: 4rem;} body.sub {background: #f6f7f8;} .layout {flex: 1;} .layout .sub::before {content: ''; width: 100%; height: 44.2rem; background: url(../image/sub-bg.png) no-repeat top center; background-size: cover;} .layout .sub {padding-bottom: 26rem;} .layout .sub .inner {width: calc(100% - 8rem); margin: 0 auto;} .layout .sub .err-inner {margin-top: 10rem;} .sub .page-tit-wrap {margin: 6.8rem auto; text-align: center;} .sub .page-tit-wrap .tit {font-size: 6rem; margin-bottom: 3.6rem; letter-spacing: -1.2px;} .sub .page-tit-wrap .breadcrumb {gap: .8rem;} .sub .page-tit-wrap .breadcrumb li {font-size: 2.6rem; letter-spacing: -.52px; gap: .8rem;} .sub .page-tit-wrap .breadcrumb li:not(:last-child)::after {content: ''; width: 3.2rem; height: 3.2rem;} .sub .page-tit-wrap .breadcrumb .home a {width: 3.2rem; height: 3.2rem;} .top-cont-box {width: 100%; padding: 2rem; border-radius: 2.8rem; gap: 0;} .top-cont-box .select-vote {font-size: 3.6rem; letter-spacing: -.72px; line-height: 5rem; word-break: keep-all;} .top-cont-box .select-vote::after {height: .2rem; background: rgba(255,255,255,.12); display: block; margin: 2.8rem 0; left: -3.2rem; width: calc(100% + 6.4rem);} .top-cont-box.f-wrap .flex-wrap {flex-flow: row wrap; gap: 1.8rem; align-items: normal;} .search-box {flex-flow: row wrap; gap: 1.8rem; padding: 4.8rem 3.2rem;} .only-search {flex-flow: row; gap: 1.6rem; padding: 5rem 3.2rem;} .search-box .tit {width: 100%; text-align: left; font-size: 3.2rem; letter-spacing: -.64px; margin-right: 0; margin-bottom: .6rem;} .search-box select {width: calc(50% - .9rem);} .search-box .search-items {display: flex; gap: 1.8rem; flex-flow: row wrap; width: 100%;} .search-box .search-items select, .search-box .search-items select, .search-box .search-items .srch-btn {width: calc(50% - 1.8rem);} .search-box .only-input {width: 100%;} .top-cont-box.search-box .srch-btn {width: calc(50% - .9rem); margin-left: 0; white-space: nowrap; font-size: 3rem; letter-spacing: -.6px; justify-content: center; border-radius: 1.6rem; align-items: center;} .search-box .srch-btn::before {width: 3.6rem; min-width: 3.6rem; height: 3.6rem;} .only-search .srch-btn {padding: 2.2rem; width: 16rem !important;} .back-btn-wrap {margin-top: 10rem;} .btn-back {gap: .8rem; border-radius: 60rem; border: .2rem solid #dbdbdb; padding: 2.2rem 4.4rem; font-size: 3rem; letter-spacing: -.6px;} .btn-back::before {width: 3.6rem; height: 3.6rem;} .step-box.app-step {padding: 6rem 3.2rem;} .app-step .app-step-tit {font-size: 4rem; letter-spacing: -.8px; margin-bottom: 2.4rem;} .app-step .sub-txt {font-size: 3rem; letter-spacing: -.6px;} .app-step .primary-list {margin: 4.8rem auto; gap: 2.8rem; flex-flow: row wrap;} .app-step .primary-list li {width: 100%;} .app-step .primary-list label {width: 100%; padding: 4.8rem 2rem; border-radius: 2.4rem;} .app-step .primary-list .tit {font-size: 3.8rem; margin-bottom: 2.8rem; line-height: 5.2rem; letter-spacing: -.76px;} .app-step .primary-list .period {font-size: 2.8rem; letter-spacing: -.56px;} .app-step .btn-submit {border-radius: 1.6rem; padding: 2.2rem 4.8rem; border: .2rem solid #52535b; font-size: 3rem; letter-spacing: -.6px;} .no-item {font-size: 4rem; line-height: 5.4rem; letter-spacing: -.8px; margin-top: 10rem;} .app-cont.result-wrap {margin-top: 6rem;} .search-app-box {width: 100%; border-radius: 3.2rem; padding: 6rem 3.2rem;} .search-app-box + .search-app-box {margin-top: 1.2rem;} .search-app-box .tit {font-size: 3rem; letter-spacing: -.3px; margin-bottom: 3.2rem; } .search-app-box .app-card {width: 100%; margin: 0 auto 4.8rem; padding: 3.2rem; border-radius: 3.2rem; box-shadow: .2rem .2rem 2rem 0 rgba(24,24,28,.28); background: url(../image/app-card-bg.png) no-repeat center; background-size: cover;} .search-app-box .app-card .result-cont span {font-size: 2.8rem; letter-spacing: -.56px;} .search-app-box .app-card .result-cont .result1 {padding: 1.2rem 2rem; font-weight: 500;} .search-app-box .app-card .result-cont .result2 {margin-left: 1.2rem;} .search-app-box .app-card .result-cont .result2::after {width: 3.8rem; height: 3.8rem; margin: 0 1.2rem;} .search-app-box .app-card .result-cont .result3 {font-weight: 600;} .search-app-box .app-card .app-tit {font-size: 4.4rem; letter-spacing: -.88px; margin: 5.9rem auto 10.8rem; word-break: keep-all;} .search-app-box .btn-redline {padding: 2.2rem 3.2rem; font-size: 3rem; letter-spacing: -.6px;} .state-box {padding: 3.6rem 1rem;} .app-breadcrumb {margin-bottom: 7.4rem; position: relative;} .app-breadcrumb li:not(:last-child)::after {content: ''; width: 2.8rem; height: 2.8rem; margin: 0 1.6rem; background: url(../image/arrow-right.png) no-repeat center; background-size: cover;} .app-breadcrumb .num {display: flex; width: 4rem; height: 4rem; font-size: 2.8rem; margin-right: 1.6rem;} .app-breadcrumb .tit {display: none;} .app-breadcrumb .cur .tit {font-size: 3rem; font-weight: 500; letter-spacing: -.6px; display: block; position: absolute; top: calc(100% + 3.6rem); left: 50%; transform: translateX(-50%); width: 100%; text-align: center;} .appForm {margin-top: 4rem;} .appForm .step-tit {text-align: center; word-break: keep-all;} .appForm .step-box .step-tit span {color: var(--color-main);} .appForm .step-box {margin-bottom: 16.8rem; padding: 6rem 3.2rem;} .appForm .privacy-list {display: flex; gap: 2.4rem; flex-flow: row wrap;} .appForm .privacy-list li {width: calc(100%); padding: 4rem 1.6rem 4rem 2.8rem; border-radius: 1.6rem;} .appForm .privacy-list input {width: 4rem; min-width: 4rem; height: 4rem; margin-right: 1.6rem;} .appForm .privacy-list .tit {font-size: 3rem; letter-spacing: -.6px; margin-right: 2rem;} .appForm .privacy-list button {font-size: 2.4rem; letter-spacing: -.48px; line-height: 3.4rem; width: 10.8rem; min-width: 10.8rem; text-align: right;} .space-btn-wrap {display: flex; justify-content: space-between; align-items: center; position: relative;} .space-btn-wrap button {padding: 2.2rem 2rem; width: 16rem; font-size: 3rem; border-radius: 1.6rem; letter-spacing: -.6px; white-space: nowrap;} .space-btn-wrap .btn-prev::before {content: ''; width: 3.6rem; height: 3.6rem; background: url(../image/btn-prev_disabled.png) no-repeat center; background-size: cover;} .space-btn-wrap .btn-prev {border: .2rem solid #e0e2ee;} .space-btn-wrap .btn-next::after {content: ''; width: 3.6rem; height: 3.6rem; background: url(../image/btn-next_red.png) no-repeat center; background-size: cover;} .appForm .space-btn-wrap .btn-wrap {gap: 1.6rem; position: absolute; top: -12rem; width: 100%; justify-content: center;} .appForm .space-btn-wrap .btn-wrap button {border-radius: 1.6rem; padding: 2.2rem 2.8rem; font-size: 3rem; letter-spacing: -.6px; display: flex; gap: .8rem; width: auto; justify-content: center;} .appForm .space-btn-wrap .btn-wrap button::before {content: ''; width: 3.6rem; height: 3.6rem;} #confirmModal .modal-container {width: calc(100% - 8rem); padding: 6rem 2.8rem 0;} #confirmModal .content-box {margin-bottom: 3.2rem; width: 100%; max-height: 68rem; border-radius: 2.4rem; padding: 2.8rem;} #confirmModal .content-box p {font-size: 2.8rem; letter-spacing: -.56px;} #confirmModal .content-box .privacy-cont-list {margin-top: 3.2rem;} #confirmModal .content-box .privacy-cont-list > li + li {margin-top: 2.4rem;} #confirmModal .content-box .tit {font-size: 2.8rem; margin-bottom: 1.6rem;} #confirmModal .content-box .txt {font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem;} #confirmModal .privacy-radio-wrap {gap: 1.6rem; align-items: center;} #confirmModal .privacy-radio-wrap input {width: 4rem; height: 4rem; margin-right: 0rem;} #confirmModal .privacy-radio-wrap .tit {font-size: 3rem; letter-spacing: -.6px;} #confirmModal .privacy-radio-wrap input:checked + .tit::before {width: 4rem; height: 4rem; background: url(../image/radio-check.png) no-repeat center; background-size: cover; border-radius: 50%; margin-right: 0rem;} .red-box {background: #fbf3f2;} .red {color: red !important;} .zero-num-list > li {gap: .4rem;} .zero-num-list > li + li {margin-top: 2.4rem;} .note-list > li {display: flex; gap: .4rem;} .note-list > li::before {content: '※';} .dash-list > li {display: flex; gap: .4rem;} .dash-list > li::before {content: '-';} .dot-list > li {display: flex; gap: .4rem;} .dot-list > li::before {content: ''; width: 1.2rem; min-width: 1.2rem; height: 1.2rem; top: 1.5rem;} .tb1 {border-collapse: collapse;} .tb1 th, .tb1 td {border: .2rem solid #e0e2ee;} .tb1 thead th {padding: 2.9rem; font-size: 3rem; letter-spacing: -.6px;} .tb1 tbody td {padding: 2.4rem 1rem;} .appForm .red-box {margin-bottom: 6rem; border-radius: 1.6rem; padding: 3.2rem; font-size: 3rem; letter-spacing: -.6px; position: relative;} .appForm .red-box .select-box {margin-top: 2.8rem; position: relative; left: inherit; top: inherit; transform: inherit; display: flex; gap: 1rem;} .appForm .red-box .select-box li {width: 100%; padding: 2.2rem 1.6rem;} .appForm .red-box .select-box li .tit {font-size: 2.8rem; letter-spacing: -.56px; font-weight: 500;} .appForm .red-box .select-box li .tit::after {content: ''; width: .2rem; height: 2.8rem; margin: 0 1.2rem;} .appForm .red-box .select-box li .cont {font-size: 3rem; font-weight: 600; letter-spacing: -.3px;} .appForm .cont-list > li + li {margin-top: 6rem;} .appForm .cont-list > li > .tit {font-size: 3.6rem; letter-spacing: -.72px; margin-bottom: 3.2rem;} .appForm .cont-list .zero-num-list {margin-bottom: 3.6rem;} .appForm .cont-list .zero-num-list li {font-size: 3rem; letter-spacing: -.6px;} .appForm .cont-list .tb1 {width: 100%;} .appForm .cont-list .tb1 td {padding: 2.4rem;} .appForm .cont-list .tb1 .label {font-size: 2.8rem; letter-spacing: -.56px; padding: 1.2rem 2rem; display: block; border-radius: 1.2rem; width: 13.6rem; margin-right: 0rem; margin: 0 auto 2.4rem;} .appForm .cont-list .tb1 td {vertical-align: baseline;} .appForm .cont-list .tb1 .c {font-size: 2.8rem; font-weight: bold; letter-spacing: -.56px;} .appForm .cont-list .note-list {margin-top: 4.8rem;} .appForm .cont-list .note-list li{flex-flow: row wrap; gap: 0 .8rem; font-weight: bold;} .appForm .cont-list .note-list li {font-size: 2.8rem; letter-spacing: -.56px;} .appForm .cont-list .dash-list {margin-top: 2rem;} .appForm .cont-list .dash-list li {font-size: 2.6rem; letter-spacing: -.52px;} .appForm .cont-list .dash-list li .txt {width: calc(100% - 2rem); font-weight: normal; line-height: 4rem;} .appForm .cont-list .dash-list li + li {margin-top: .8rem;} .appForm .cont-list .input-wrap {display: flex; gap: 4rem;} .appForm .cont-list .public-ck label {gap: 0rem;} .appForm .cont-list .public-ck input {width: 4rem; height: 4rem; margin-right: .6rem; accent-color: var(--color-main);} .appForm .cont-list .public-ck .tit {font-size: 3rem; letter-spacing: -.6px; font-weight: normal;} .appForm .cont-list .note {margin-top: 3.4rem; font-size: 2.6rem; letter-spacing: -.52px;} .appForm-wrap .appForm-list {display: flex; flex-flow: row wrap; gap: 1.2rem; margin-bottom: 6.8rem;} .appForm-wrap .appForm-list li {width: calc(33% - .6rem); display: flex;} .appForm-wrap .appForm-list button {width: 100%; border-radius: .8rem; border: .2rem solid #e0e2ee; padding: 1.2rem 1rem; font-size: 2.8rem; letter-spacing: -.56px;} /*.appForm-wrap .appForm-list button br {display: none !important;}*/ .appForm-wrap .form-wrap .tit {font-size: 3.4rem; line-height: 4.8rem; letter-spacing: -.68px; margin-bottom: 2.8rem;} .appForm-wrap .form-wrap .require {top: 0; right: 0; position: absolute; margin: 0;} .appForm-wrap .tb-wrap + .tb-wrap {margin-top: 6rem;} .appForm-container {border: .2rem solid #e9e0df; border-top: .2rem solid #f18070;} .appForm-container > .form-field, .appForm-container .col-wrap {flex-flow: column;} .appForm-container .form-field {display: flex; border-bottom: .2rem solid #e9e0df;} .appForm-container .col-wrap, .appForm-container .s1, .appForm-container .s2, .appForm-container .s2 .no-border, .appForm-container > .form-field.c.no-border {border-bottom: 0;} .appForm-container > .form-field > .tit, .appForm-container .top-w > .form-field:nth-child(1) .tit, .appForm-container .s2 .tit {width: 20.8rem; min-width: 20.8rem;} .appForm-container .m-tit {width: 11rem; border-bottom: .2rem solid #e9e0df;} .appForm-container .sm-tit {width: 10.2rem;} .appForm-wrap .appForm-container .tit {border-right: .2rem solid #e9e0df; padding: 2.3rem .6rem; font-size: 2.8rem; letter-spacing: -.56px; font-weight: bold;} .appForm-wrap .appForm-container .default {font-size: 2.8rem; letter-spacing: -.56px; padding: 2.3rem 1.6rem;} .appForm-container .double .tit {width: 20.8rem; min-width: 20.8rem;} .appForm-container .top-w {width: 100%;} .appForm-container .photo-field {width: 100%; border-left: 0; flex-flow: row; } .appForm-container .photo-field .tit {align-self: normal; margin-top: 0; width: 20.8rem; min-width: 20.8rem; border-right: .2rem solid #e9e0df; background: #f9f2f1; font-size: 2.8rem; letter-spacing: -.56px;} .appForm-container .photo-wrap {width: calc(100% - 20.8rem);} .appForm-container .photo-wrap label {display: block; text-align: center;} .appForm-container .photo-field .tit .size {margin-top: 1.2rem; color: #8d8e98; margin-bottom: 2.4rem;} .appForm-container .photo-field .label-tit {padding: 1.4rem 2rem; border-radius: 1.2rem; font-size: 2.6rem;} .appForm-container .photo-field .image-preview-container {display: none; max-width: 50%;} .image-clear {width: 5rem; height: 5rem; border: .2rem solid #fff; background: #52535b url(../image/image-clear.png) no-repeat center; background-size: 3.2rem; } .appForm-container .s1 {flex: 2rem; border-right: .1rem solid #e9e0df;} .appForm-container .s1 .col {width: calc(100% - 10rem);} .appForm-container .s2 {flex: .72;} .appForm-container .s1 .value{width: calc(100% - 8rem);} .appForm-container .s2 .value{width: calc(100% - 18rem);} .appForm-container .s .value{width: calc(100% - 18rem);} .appForm-container .value input {width: 100%;} .appForm-container .value {width: 100%; font-size: 2.8rem;} .appForm-container .value .input-wrap .dash {display: none;} .appForm-container .value .input-wrap .date-wrap {Width: 100%;} .appForm-container > .form-field.c {flex-flow: row;} .appForm-container .double {border-bottom: 0;} .appForm-container .double .form-field {width: 100%;} .appForm-container .double .form-field + .form-field {border-left: 0;} .appForm-container .double .value {width: calc(100% - 18rem);} .appForm-wrap .tb-wrap .appForm-container .tit {font-weight: 600; margin-bottom: 0;} .image-preview-container {width: 22.6rem;} .image-preview-container img {max-height: inherit;} .appForm-wrap .input-wrap {margin: 2.3rem 1.8rem; display: flex; width: 100%; align-items: flex-start;} .appForm-wrap .appContainer1 .input-wrap {flex-flow: column-reverse; } .appForm-wrap .input-wrap .input-area {width: calc(100%); margin-right: 0; margin-top: 2rem; font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem; min-height: 11rem;} .appForm-wrap .btn-gray {width: auto; padding: 1.4rem 2rem; border-radius: 1.2rem; font-size: 2.6rem; letter-spacing: -.52px;} .appForm-wrap .form-wrap > .txt {margin-top: 4.8rem; font-size: 3rem; letter-spacing: -.6px; line-height: 4.4rem; word-break: keep-all;} .appForm-wrap .tb-wrap .appContainer1 textarea, .appForm-wrap .tb-wrap .appContainer3 textarea, .appForm-wrap .tb-wrap .appForm-tb5 textarea {height: 18rem; line-height: 4.2rem;} .appContainer2 > .form-field:last-child > .form-field:last-child {border-bottom: 0;} .appContainer2 .input-wrap {flex-flow: column;} .appForm-wrap .mo-flex .input-wrap {flex-flow: column !important;} .appContainer3, .appContainer4, .appContainer5, .appContainer6, .appContainer7 {border: 0 !important; border-top: .2rem solid #f18070;} .appForm-container .mo-flex {display: flex; flex-flow: row; border: .2rem solid #e9e0df;} .appForm-container .mo-flex + .mo-flex {margin-top: .8rem;} .appForm-container .row-template + .mo-flex {margin-top: .8rem;} .appForm-container .mo-flex .form-field {flex-flow: column; display: flex;} .appForm-container .mo-flex .form-field:nth-child(1) {width: 20.8rem; border-bottom: 0;} .appForm-container .mo-flex .form-field:nth-child(2) {width: calc(100% - 20.8rem);} .appForm-container .mo-flex .form-field .tit, .appForm-container .mo-flex .form-field .value{width: 100%;} .appForm-container .mo-flex .form-field .tit:not(:last-child), .appForm-container .mo-flex .form-field .value:not(:last-child) {border-bottom: .2rem solid #e9e0df;} .appForm-container .mo-flex .tit {height: 8.35rem;} .appForm-container .mo-flex .o1 {height: 17.5rem;} .appForm-container .mo-flex.last .o1 {height: 20rem;} .appContainer4 .mo-flex {border-bottom: .2rem solid #e9e0df;} .appContainer4 .mo-flex .form-field:last-child{border-bottom: 0;} .appForm-wrap .appForm-tb th {font-size: 2.8rem; font-weight: bold; line-height: 4.2rem; letter-spacing: -.56px;} .appForm-tb colgroup {display: none;} .appForm-tb:not(.appForm-tb3, .appForm-tb4) tr {display: flex; flex-flow: row wrap;} .appForm-tb:not(.appForm-tb3, .appForm-tb4) th {width: 20.8rem; display: flex; align-items: center; justify-content: center;} .appForm-tb td {width: calc(100% - 20.8rem);} .appForm-wrap .center, .appForm-wrap .center input {text-align: center;} .appForm-wrap .appForm-tb .input-flex {margin: 0;} .date-wrap::after {width: 4.7rem; height: 4.7rem; right: 1.6rem;} .appForm-tb5 .input-wrap {flex-flow: column; width: 100%; margin: 0; padding: 2.3rem 1.8rem;} .appForm-wrap .appForm-tb5 .input-wrap select, .appForm-wrap .appForm-tb5 .input-wrap textarea {width: 100%; padding: 1.3rem 1.6rem; font-size: 2.8rem; font-weight: 500; letter-spacing: -.56px;} .appForm-wrap .appForm-tb5 .input-wrap select option {font-size: 2.8rem; font-weight: 500; letter-spacing: -.56px;} .appContainer5 .mo-flex {border-bottom: 0;} .appContainer5 .mo-flex .form-field:nth-child(1), .appContainer5 .mo-flex:last-child .form-field:last-child {border-bottom: .2rem solid #e9e0df;} .appContainer5 .form-field .tit:not(:last-child), .appContainer5 .form-field .value:not(:last-child) {border-right: .2rem solid #e9e0df;} .appContainer5 .form-field .value:not(:last-child) {border-right: 0;} .appContainer6 .mo-flex .form-field:last-child {border-bottom: 0;} .appContainer7 .mo-flex .form-field:last-child {border-bottom: 0;} .appContainer5 .mo-flex .o1, .appContainer7 .mo-flex .o1 {height: 8.35rem;} .appContainer8 .mo-flex, .appContainer8 .n {border: 0 !important;} .appContainer8 .mo-flex .form-field:nth-child(1), .appContainer8 .mo-flex .form-field {width: 100% !important; border-bottom: .2rem solid #e9e0df;} .appContainer8 .mo-flex .form-field .tit {border-bottom: 0 !important; border-left: 0 !important;} .appContainer8 .mo-flex .form-field:not(:last-child) .inner:not(:last-child) {border-bottom: .2rem solid #e9e0df;} .appContainer8 .num-wrap {border-right: .2rem solid #e9e0df; width: 8rem; font-size: 2.8rem; font-weight: bold;} .appContainer8 .col-wrap {width: calc(100% - 8rem);} .appContainer8 .col-wrap .inner {width: 100%;} .appContainer8 .col-wrap .tit, .appContainer8 .mo-flex .form-field .tit, .appContainer8 .mo-flex .tit{width: 13.6rem; min-width: 13.6rem;} .appContainer8 .col-wrap .value {width: calc(100% - 13.6rem);} .appForm-wrap .tb-wrap .appContainer8 textarea {height: 43rem;} .appContainer8 .n .tit {height: 44rem;} .appContainer8 .row-template + .mo-flex, .appContainer8 .mo-flex + .mo-flex{margin-top: 0; border-top: .2rem solid #e9e0df !important;} .appContainer8-1 {border-left: 0; border-right: 0;} .appContainer8-1 .mo-flex {border-bottom: .2rem solid #e9e0df !important;} .appContainer8-1 .mo-flex + .mo-flex {border-top: 0 !important; border-bottom: 0 !important;} .appContainer8-1 .n .tit {height: auto;} .appContainer8-1 .form-field, .appContainer9 > .form-field {flex-flow: row !important;} .appContainer8-1 .mo-flex .form-field:not(:last-child) .inner:not(:last-child) {border-bottom: 0;} .appContainer8-1 .col-wrap .form-field:last-child {border-bottom: 0;} .appContainer9 .double, .appContainer9 .value-container, .appContainer8-1 .col-wrap .form-field {flex-flow: column !important;} .form-field.no-bottom {border-bottom: 0 !important;} .appContainer8-1 .mo-flex .tit, .appContainer8-2 .mo-flex .tit {height: auto;} .appContainer8.appContainer8-2 .form-field .inner .tit {height: auto;} .appForm-wrap .input-wrap .input-group .input-area, .appForm-wrap .input-wrap .input-area .input-area {min-height: fit-content; line-height: inherit;} .appContainer8-1 .form-field + .form-field .num-wrap {border-bottom: .2rem solid #e9e0df;} .appContainer8-1 .num-wrap {border-left: .2rem solid #e9e0df;} .appContainer8-1 .col-wrap {border-right: .2rem solid #e9e0df;} .appForm-wrap .appForm-container.appContainer8-1 .tit, .appForm-wrap .appForm-container.appContainer8-2 .tit {padding: 2.2rem 2rem; word-break: keep-all;} .appContainer8-1 .col-wrap .form-field .inner:first-child {border-bottom: .2rem solid #e9e0df !important;} .appContainer8-1 .col-wrap .form-field .inner:last-child .tit {border-left: .2rem solid #e9e0df;} .appContainer8-1 .form-field.n {margin-top: .8rem; display:flex; border: .2rem solid #e9e0df !important; border-bottom: 0 !important;} .appContainer8-1 .form-field.n .tit {min-width: 21.5rem;} .appForm-wrap .tb-wrap .appContainer11 .sm-tit {width: 100px;} .appForm-container .check-container { padding: 2.4rem 3.2rem; gap: 3.2rem 4rem; width: calc(100% - 100px);} .appForm-container .check-wrap {font-size: 2.8rem; letter-spacing: -.48px;} .appForm-container .check-wrap input {align-self: flex-start; width: 4.4rem; min-width: 4.4rem; height: 4.4rem; margin-right: 1.2rem;} .appForm-container .addr-container p {padding: 2rem 2rem 0; font-size: 2.8rem; letter-spacing: -.56px;} .appForm-container .value input.zip-code {display: inline-block; width: 20rem; min-width: 20rem;} .appContainer9 .tit {min-width: 36rem;} .appContainer9 .value-container .value {padding-right: 3rem;} .appContainer9 .value-container .value:not(:last-child) {border-right: 0; border-bottom: .2rem solid #e9e0df;} .appContainer9 .value {font-size: 2.8rem;} .appForm-container .form-field.row {flex-flow: row;} .appContainer11 .s1 .col { width: calc(100%); } .appForm-wrap .tb-wrap .appContainer11 .m-tit {flex-flow: column; width: 13rem; padding: 2.4rem .1rem; word-break: break-all; border-bottom: 0 !important;} .appForm-wrap .tb-wrap .appContainer11 .sm-tit {word-break: break-all;} .appContainer11 .s1 {border-right: 0;} .tb-scroll {width: 100%; overflow-x: auto;} .appForm-tb3 {width: 290rem !important;} .appForm-wrap .appForm-tb.appForm-tb3 td {font-size: 2.8rem; font-weight: bold; letter-spacing: -.56px;} .appForm-tb3 col {width: 20rem;} .appForm-tb3 col:nth-child(1), .appForm-tb3 col:nth-child(2), .appForm-tb3 col:nth-child(3) {width: 18rem;} .appForm-wrap .appForm-tb.appForm-tb3 .black, .appForm-wrap .appForm-tb.appForm-tb3 .black td {border-bottom: .2rem solid #000;} .appForm-wrap .appForm-tb.appForm-tb3 th {padding: 2.4rem .2rem;} .appForm-wrap .tb-wrap .tit-wrap {margin-bottom: 1.6rem;} .appForm-wrap .tb-wrap .sub-tit {font-size: 2.8rem; letter-spacing: -.56px;} .appForm-wrap .tb-wrap .note-box {margin-top: 6rem; padding: 4rem 2.8rem; border-radius: 2.4rem;} .appForm-wrap .tb-wrap .note-box .note-list {margin: 0;} .appForm-wrap .tb-wrap .note-box .note-list li + li { margin-top: .8rem;} .appForm-wrap .tb-wrap .note-box .note-list .text {font-size: 2.8rem; letter-spacing: -.56px;} .appForm-wrap .appForm-tb.appForm-tb4 {table-layout: auto;} .appForm-tb4 colgroup {display: table-column-group !important;} .appForm-tb4 col:nth-child(1) {width: 11rem;} .appForm-tb4 col:nth-child(3) {width: 24rem;} .appForm-wrap .tb-wrap .appForm-tb.appForm-tb4 tr td textarea { margin-top: 1.6rem; border: .2rem solid #cdcfdb; height: 20.8rem;} .appForm-wrap .appForm-tb.appForm-tb4 tr td {padding: 3.2rem 2rem; font-size: 2.8rem; font-weight: 500; letter-spacing: -.56px; line-height: 4.2rem;} .appForm-tb4 tr td.no-pd {padding: 0 !important;} .appForm-tb4 tr td.no-pd textarea {min-height: 36rem !important; min-height: 36rem !important; line-height: 4.2rem; border: 0 !important;} .appForm-wrap .tb-wrap .appForm-tb4 .radio-wrap, .appForm-wrap .tb-wrap .appForm-tb4 .check-wrap { gap: 2.8rem !important;} .appForm-wrap .appForm-tb.appForm-tb4 input:not(.sm-input) {border: .2rem solid #cdcfdb; display: block; margin-top: .8rem;} .appForm-wrap .tb-wrap .appForm-tb4 .radio-wrap input, .appForm-wrap .tb-wrap .appForm-tb4 .check-wrap input {min-width: 4rem; margin: 0 1.2rem 0 0 !important;} .appForm-wrap .appForm-tb.appForm-tb4 input.sm-input{ width: 8rem; border: .2rem solid #cdcfdb; } .appForm-wrap .tb-wrap .note {font-size: 2.6rem; margin-top: 2.4rem; letter-spacing: -.52px; line-height: 4rem;} .appForm-wrap .tb-wrap .note li {display: flex; align-items: center;} .appForm-wrap .tb-wrap .note li + li {margin-top: .8rem;} .appForm .tb-bottom {flex-flow: column;} .appForm .tb-bottom .row-btns {align-self: flex-end; margin-top: 2.4rem;} .appForm-wrap .tb-wrap textarea {width: 100%; border-radius: 2.4rem; border: .2rem solid #e9e0df; height: 36.8rem;} .appForm-wrap .tb-wrap .hasH {height: 42rem;} .appForm-wrap .tb-wrap .criminal textarea {height: 6.8rem; border: 0;} .appForm-wrap .tb-wrap .box {padding: 4rem 4.8rem; border-radius: 2.4rem;} .appForm-wrap .tb-wrap .box .tit {font-size: 3rem; font-weight: 600; margin-bottom: 2rem; line-height: 4.4rem; letter-spacing: -.6px;} .appForm-wrap .tb-wrap .box .txt-wrap {font-size: 2.8rem; line-height: 4.2rem; letter-spacing: -.56px;} .appForm-wrap .tb-wrap .box .dot-list > li + li {margin-top: 2.8rem;} .appForm-wrap .tb-wrap .note-list {margin: 3.6rem 0 3.6rem;} .appForm-wrap .tb-wrap .note-list li::before {font-size: 3.4rem;} .appForm-wrap .tb-wrap .note-list li + li {margin-top: 3.6rem;} .appForm-wrap .tb-wrap .note-list .text {font-size: 3.4rem; letter-spacing: -.68px; line-height: 4.8rem;} .appForm-wrap .tb-wrap .note-list .text .flex {flex-flow: row wrap;} .appForm-wrap .tb-wrap .radio-wrap, .appForm-wrap .tb-wrap .check-wrap {display: flex; justify-content: center; gap: 0rem; margin: 3.2rem auto 5rem;} .appForm-wrap .tb-wrap .radio-wrap input, .appForm-wrap .tb-wrap .check-wrap input {width: 4rem; height: 4rem; margin-right: 1.2rem;} .appForm-wrap .tb-wrap .radio-wrap label, .appForm-wrap .tb-wrap .check-wrap label {font-size: 3rem; letter-spacing: -.6px; color: #52535b; font-weight: 500; display: flex; align-items: center;} .appForm-wrap .tb-wrap > .add-row {display: flex; gap: .2rem; padding: .8rem 1.6rem; align-items: center; border-radius: 60rem; border: .1rem solid #e0e2ee; background: #f5f6f9; font-size: 1.4rem; letter-spacing: -.28px; color: #8d8e98; margin: 1.6rem auto;} .appForm-wrap .tb-wrap > .add-row::before {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/add-plus_lightgray.png) no-repeat center; background-size: cover; display: block;} .appForm .tb-wrap > .row-btns {margin-top: 2.4rem;} .appForm .row-btns {gap: 1.2rem;} .appForm .row-btns button {padding: 1.4rem 2rem; border-radius: 1.2rem; font-size: 2.6rem; letter-spacing: -.52px; font-weight: 500;} .my-app-box {flex-flow: column;} .my-app-box .txt {margin-bottom: 2.4rem; font-size: 3.2rem; letter-spacing: -.64px;} .my-app-box .alarm-area {font-size: 2.6rem; letter-spacing: -.52px;} .my-app-box .alarm-area::before {width: 3.6rem; height: 3.6rem; margin-right: .8rem;} .my-app-box .alarm-area .btn-main {font-size: 2.4rem; padding: .8rem; letter-spacing: -.48px; border-radius: 1.2rem; margin-left: 1.2rem;} .appForm-container .value {display: flex; align-items: center;} .appContainer10 .no-bottom .input-wrap, .appForm-wrap .mo-flex .input-wrap.mo-reverse {flex-flow: column-reverse !important; align-items: flex-start;} .appForm .appContainer10 .top-area input, .appForm .appContainer8-2 .top-area input {width: 100% !important;} .appForm-wrap .btn-gray {height: stretch;} .appForm .top-area input {margin-top: 0 !important;} .my-app-list-box {margin-top: 6rem; padding: 6rem 3.2rem;} .my-app-list-box .my-app-info-wrap {flex-flow: column; align-items: flex-start;} .my-app-list-box .tit-wrap .date {font-size: 2.8rem; letter-spacing: -.56px; margin-bottom: 2rem;} .my-app-list-box .tit-wrap .tit {font-size: 4rem; letter-spacing: -.8px; margin-bottom: 3.2rem} .my-app-list-box .my-app-info {flex-flow: column; gap: 2rem; font-size: 3rem; letter-spacing: -.6px;} .my-app-list {margin: 4.8rem 0 0;} .my-app-list li:nth-child(1) {border-radius: 2rem 0 0 0;} .my-app-list li:nth-child(2) {border-radius: 0 2rem 0 0;} .my-app-list li button {padding: 2.6rem 0; gap: .8rem; font-size: 3rem; letter-spacing: -.6px;} .my-app-list li button::before {content: ''; width: 3.6rem; height: 3.6rem;} .myAppForm-wrap {padding: 2.8rem 2.4rem; border-radius: 0 0 2rem 2rem; border: .4rem solid var(--color-main);} .myAppForm-wrap .form-wrap {border: .2rem solid #e0e2ee; border-radius: 1.2rem;} .myAppForm-wrap .form-wrap .history-tb {width: 100%; border-collapse: collapse;} .myAppForm-wrap .form-wrap .history-tb1 col:nth-child(1) {width: 31%;} .myAppForm-wrap .form-wrap .history-tb2 col:nth-child(1) {width: 34%;} .myAppForm-wrap .form-wrap .history-tb2 col:nth-child(2) {width: 34%;} .myAppForm-wrap .form-wrap .history-tb th, .myAppForm-wrap .form-wrap .history-tb td {border: .2rem solid #e0e2ee;} .myAppForm-wrap .form-wrap .history-tb th {padding: 2.2rem; font-size: 3rem; letter-spacing: -.6px;} .myAppForm-wrap .form-wrap .history-tb tr td {padding: 2.2rem 1rem; font-size: 2.8rem; letter-spacing: -.56px;} .my-app-list-box .btn-wrap {margin-top: 4.8rem; gap: 1.6rem;} .my-app-list-box .btn-wrap button {font-size: 3rem; letter-spacing: -.6px; padding: 2.2rem; width: 22rem; gap: .8rem; border-radius: 1.6rem;} .my-app-list-box .btn-wrap button::before {content: ''; width: 3.6rem; height: 3.6rem;} .notice-list-wrap {margin-top: 6rem;} .notice-list-wrap .notice-list {margin-bottom: 4.8rem; gap: 1.8rem;} .notice-list-wrap .notice-list li {width: calc(50% - .9rem);} .notice-list-wrap .notice-list li.no-data { font-size: 2.8rem; letter-spacing: -.56px; } .notice-list-wrap .notice-list li.no-data::before {content: ''; width: 10rem; height: 10rem; margin: 0 auto 2rem;} .notice-list-wrap .notice-list a {padding: 3.2rem 2.8rem; box-shadow: .4rem .4rem 3.2rem 0 rgba(24,24,28,.08); border-radius: 3.2rem;} .notice-list-wrap .notice-list .label {padding: .8rem 1rem; margin-bottom: 2.6rem; min-width: 10rem; font-size: 2.6rem; letter-spacing: -.52px; border-radius: 1.2rem;} .notice-list-wrap .notice-list .tit {font-size: 3.2rem; letter-spacing: -.64px; height: 22.2rem; margin-bottom: 2.8rem; line-height: 4.6rem; -webkit-line-clamp: 5;} .notice-list-wrap .notice-list .date {font-size: 2.8rem; letter-spacing: -.56px; font-weight: 500;} .notice-list-wrap .notice-list a:hover::after {display: none;} .paging {gap: 1.2rem;} .paging .paging-btn {width: 6rem; height: 6rem; border-radius: 1.2rem; border: .2rem solid #e0e2ee; box-shadow: .4rem .4rem 1.2rem 0 rgba(24,24,28,.12);} .paging .first {background: url(../image/first.png) no-repeat center #fff; background-size: 4.8rem;} .paging .prev {background: url(../image/prev.png) no-repeat center #fff; background-size: 4.8rem;} .paging .next {background: url(../image/next.png) no-repeat center #fff; background-size: 4.8rem;} .paging .last {background: url(../image/last.png) no-repeat center #fff; background-size: 4.8rem;} .paging .page-count {margin: 0 2.4rem; font-size: 3rem; letter-spacing: -.6px; font-weight: 500;} .paging .page-count .red {font-weight: bold;} .detail-box {padding: 6rem 3.2rem;} .detail-box .tit-area {flex-flow: column; align-items: flex-start; margin-bottom: 4.8rem;} .detail-box .label {font-size: 2.6rem; letter-spacing: -.52px; padding: .8rem; width: 10rem; border-radius: 1.2rem; margin-right: 1.6rem;} .detail-box .tit-wrap {display: flex; align-items: center;} .detail-box .tit-area .tit {font-size: 4rem; letter-spacing: -.8px;} .detail-box .date {font-size: 2.8rem; margin-top: 2.4rem; letter-spacing: -.56px; font-weight: 500;} .detail-box .file-area {align-items: flex-start; margin-bottom: 4.8rem; flex-flow: column; padding: 2.8rem; border-radius: 1.6rem;} .detail-box .file-area .tit {font-size: 2.8rem; letter-spacing: -.56px; margin-right: 0; margin-bottom: 3.2rem; font-weight: 500} .detail-box #file-list {width: 100%; gap: 3.6rem; flex-flow: row wrap;} .detail-box #file-list li {width: 100%; display: flex; justify-content: space-between;} .detail-box #file-list a {font-size: 3rem; letter-spacing: -.6px; display: block; max-width: calc(100% - 7.6rem);} .detail-box #file-list .icon {width: 4.4rem; height: 4.4rem; margin-left: 2.8rem;} .detail-box .view-area {font-size: 3.2rem; letter-spacing: -.64px; line-height: 4.6rem;} .detail-btns {margin-top: 4.8rem;} .detail-btns .btn {border-radius: 1.6rem; font-size: 3rem; letter-spacing: -.6px;} .detail-btns .btn-list {padding: 2.2rem 5.4rem;} .digital-cert {width: 100%; padding: 6rem 3.2rem} .digital-cert-wrap {width: 100%; margin: 0 auto;} .digital-cert-wrap .gov_logo {margin-bottom: 2.8rem; width: 30rem;} .digital-cert-wrap .tit {font-size: 4rem; margin-bottom: 4.8rem; letter-spacing: -.8px;} .digital-cert-wrap .ck-wrap {border-radius: 1.6rem;} .digital-cert-wrap .all-check-wrap {padding: 3rem 1.6rem;} .digital-cert-wrap .agree-item {padding: 2.7rem 1.6rem;} .digital-cert-wrap input[type="checkbox"] {width: 4rem; height: 4rem; margin-right: 1.2rem;} .digital-cert-wrap .btn-main {margin-top: 4.8rem; padding: 2.2rem; font-size: 3rem; letter-spacing: -.6px; border-radius: 1.6rem;} .apply-container {padding: 0 !important;} .digital-cert-tab-list li {padding: 3.8rem;} .digital-cert-tab-list li button {font-size: 3.6rem; letter-spacing: -.18px;} .apply-container .cert-cont-wrap {padding: 6rem 3.2rem;} .apply-container .myCert-check-box {border-radius: 2.4rem; padding: 3.2rem 2.8rem; flex-flow: column; margin-bottom: 6rem;} .apply-container .period-list {margin-bottom: 2.8rem; width: 100%; display: flex; align-items: center; gap: 1rem; margin-right: 0;} .apply-container .period-list li {width: 100%;} .apply-container .period-list button {padding: 1.7rem; border-radius: 1.2rem; font-size: 2.8rem; letter-spacing: -.56px; font-weight: 500;} .step-box .myCert-check-box .input-flex {width: 100%; gap: .4rem; margin-right: 0; margin-bottom: 2.8rem;} .step-box .myCert-check-box .input-flex .date-wrap {width: 100%;} .apply-container .myCert-check-box .input-flex input {width: calc(100%); border: .2rem solid #e0e2ee; font-size: 2.8rem; border-radius: 1.6rem; padding: 1.7rem 1.6rem;} .apply-container .myCert-check-box .input-flex .dash {min-width: 1.8rem; height: .2rem;} .apply-container .myCert-check-box .btn-lightred {padding: 1.7rem; border-radius: 1.2rem; width: 100%; font-size: 2.8rem; letter-spacing: -.56px;} .apply-container .total {font-size: 2.6rem; letter-spacing: -.52px; margin-bottom: 2.8rem;} .apply-container .result-top {margin-bottom: 2.8rem; flex-flow: column; align-items: flex-start; justify-content: flex-start;} .apply-container .result-top .btn-wrap {width: 100%; display: flex; gap: 1.2rem;} .apply-container .result-top button {padding: 1.5rem 1.2rem; border-radius: 1.2rem; gap: .6rem; font-size: 2.4rem; letter-spacing: -.48px;} .apply-container .result-top button::before {width: 3rem; height: 3rem;} .apply-container .result-tb {border-top: 0; margin-bottom: 4.8rem;} .apply-container .result-tb col {width: 100% !important;} .apply-container .result-tb thead {display: none;} .apply-container .result-tb tr {width: 100%; display: flex; flex-flow: row wrap; border-radius: 2.4rem; padding: 3.6rem 2.4rem; border: .2rem solid #e0e2ee;} .apply-container .result-tb tr + tr {margin-top: 2.4rem;} .apply-container .result-tb td {padding: 0;} .apply-container .result-tb td .mo {display: inline-block !important; font-weight: normal; margin-right: .8rem;} .apply-container .result-tb td:nth-child(1) {order: 1; padding-left: 0;} .apply-container .result-tb td:nth-child(2) {padding-left: 2.4rem; order: 2; width: calc(100% - 6.4rem);} .apply-container .result-tb td:nth-child(3) {order: 3; width: 100%; padding-top: 2.8rem;} .apply-container .result-tb td:nth-child(4) {order: 4; width: 100%; padding-top: 2.8rem;} .apply-container .result-tb td:nth-child(5) {order: 5; padding-top: 2.8rem; width: 100%;} .apply-container .result-tb td:nth-child(6) {order: 6; padding-top: 2.8rem;} .apply-container .result-tb input {width: 4rem; height: 4rem;} .apply-container .result-tb th, .apply-container .result-tb td {border: 0;} .apply-container .result-tb td {padding-left: 6.4rem; font-size: 2.8rem; text-align: left; letter-spacing: -.56px; font-weight: 500;} .apply-container .result-tb .tit {font-weight: bold; font-size: 3.2rem; letter-spacing: -.64px;} .apply-container .result-tb .btn-redline {padding: 1.2rem 2.9rem; border-radius: 1.2rem; font-size: 3rem; background: #fbf6f7; letter-spacing: -.6px; font-weight: 500;} .apply-container .result-tb .btn-blueline {padding: 1.2rem 2.9rem; border-radius: 1.2rem; font-size: 3rem; letter-spacing: -.6px; font-weight: 500;} .apply-container .result-tb4 .btn-redline, .apply-container .result-tb4 .btn-blueline{font-size: 2.4rem;} .apply-container .result-tb4 td, .apply-container .result-tb4 td:nth-child(2){padding-left: 0; padding-top: 0 !important; padding: 1rem 0 !important;} .apply-container .result-tb4 td:nth-child(1) {font-weight: 500; margin-bottom: 1.2rem; color: #000;} .apply-container .result-tb4 .mo {color: #52535b;} .apply-container .result-tb4 .tit {margin-left: 1.6rem;} .apply-container .result-tb4 .btn-group button + button {margin-left: .8rem;} .apply-container .note-list > li::before {font-size: 2.8rem;} .apply-container .note-list li + li {margin-top: 1.6rem;} .apply-container .note-list .text {font-size: 2.8rem; letter-spacing: -.56px;} .apply-container .search-date {flex-flow: row wrap; font-size: 2.8rem; letter-spacing: -.56px; width: 100%; margin: 4rem 0; border-radius: 1.6rem; border: .2rem solid #e0e2ee; background: #f5f6f9; padding: 1.2rem;} .apply-container .search-date p {font-size: 3rem; font-weight: 500; margin-bottom: 1.4rem;} .apply-container .search-date .input-div {width: 100%; display: flex; align-items: center; margin: 1.2rem 0;} .apply-container .search-date .input-div .date-wrap {width: 85%; margin-right: 2rem;} .apply-container .search-date input {width: 100%; border: .2rem solid #e0e2ee; margin: 0 .8rem;} .apply-container .search-date .search-btn {width: 100%; margin-left: 0rem; margin-top: 1.4rem; border-radius: 1.6rem; background: #171a36; color: #fff; font-size: 2.8rem; padding: 2.4rem 2.8rem;} #docListModal .modal-container {width: calc(100% - 8rem); padding: 6rem 2.8rem 0;} #docListModal .modal-title {font-size: 3.4rem; margin-right: 0; border-bottom: .2rem solid #8d8e98; margin-bottom: 2rem; text-align: center; letter-spacing: -.68px; font-weight: bold;} #docListModal .modal-title img {display: block; width: 26rem; margin: 0 auto .2rem;} .mw_sel_box {max-height: 65rem; overflow-y: auto;} .mw_sel_box .tit {font-size: 3rem; letter-spacing: -.6px; margin-bottom: 2rem;} .mw_sel_inner + .mw_sel_inner {margin-top: 4rem;} .mw_sel_list, .individually-list {gap: .8rem;} .mw_sel_list li, .individually-list li {width: calc(50% - .4rem); border-radius: 1.6rem; padding: 2rem 1.6rem; border: .2rem solid #e0e2ee;} .mw_sel_list li input {width: 4rem; min-width: 4rem; height: 4rem; margin-right: 1.2rem;} .mw_sel_list li label, .individually-list .cert-tit, .individually-list .label {font-size: 2.6rem; letter-spacing: -.52px; word-break: keep-all;} .individually-list .cert-tit {word-break: break-all;} .individually-list li {padding: 1.6rem 1.2rem;} .individually-list .btn {padding: .9rem 1.3rem; font-size: 2.4rem; letter-spacing: .48px; white-space: nowrap; margin-left: .8rem; border-radius: 1.2rem;} #docListModal .note-list {margin-top: 3.6rem; line-height: 4rem;} #docListModal .note-list li {font-size: 2.6rem; letter-spacing: -.52px; word-break: keep-all;} #presentModal .modal-container {width: calc(100% - 8rem);} .modal .modal-title.size {font-size: 1.8rem;} .sendModal-wrap{width: 100%; margin-top: 2.4rem;} .sendModal-wrap .cert-box {background: #fff; padding: 0; margin-top: 2.8rem;} .sendModal-wrap .cert-box > .tit {font-size: 3rem; letter-spacing: -.6px; margin-bottom: 2rem;} .sendModal-wrap .cert-box > .tit::before {content: ''; width: 1.2rem; height: 1.2rem; margin-right: .8rem;} .sendModal-wrap .item-box {border: .2rem solid #e0e2ee; border-radius: 1.6rem; padding: 2.8rem;} .sendModal-wrap .item-box + .item-box {margin-top: 1.6rem;} .sendModal-wrap .item-box .item-tit {font-size: 3rem; letter-spacing: -.6px; margin-bottom: 2rem;} .sendModal-wrap .item-box .item-info li {font-size: 2.6rem; letter-spacing: -.52px;} .sendModal-wrap .item-box .del {position: static; right: inline; bottom: inherit; padding: 1.2rem 2.8rem; border-radius: 1.2rem; font-size: 2.6rem; letter-spacing: -.52px; margin-top: 2.8rem;} #presentModal .sendModal-wrap .cert-box:first-child .tit + div.item-wrap {min-height: 25rem; min-height: 25rem;} .sendModal-wrap .add-popCert {width: 100%; padding: 1.2rem; border-radius: .8rem; border: .1rem solid #e0e2ee; background: #f5f6f9; font-size: 1.4rem; letter-spacing: -.28px; color: #8d8e98; display: flex; gap: .4rem; align-items: center; justify-content: center; margin-top: 1.2rem;} .sendModal-wrap .add-popCert::before {content: ''; width: 1.6rem; height: 1.6rem; background: url(../image/add-plus_lightgray.png) no-repeat center; background-size: cover;} .cert-tab-wrap {border-radius: .8rem; overflow: hidden; border: .1rem solid #e0e2ee;} .cert-tab-wrap .submit-list {display: flex; border-bottom: .1rem solid #e0e2ee;} .cert-tab-wrap .submit-list li {width: 100%;} .cert-tab-wrap .submit-list li button {width: 100%; padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px; background: #eeeff6; font-weight: 500;} .cert-tab-wrap .submit-list li.active button {background: #171a36; color: #fff;} .cert-form-wrap {margin: 3.2rem 2.8rem 3.6rem;} .cert-form-wrap .srch-wrap {display: flex; gap: .4rem; margin-bottom: 2rem;} .cert-form-wrap .srch-wrap input {padding: 1.7rem 1.6rem; font-size: 2.8rem; letter-spacing: -.56px; border: .2rem solid #e0e2ee; border-radius: 1.2rem;} .cert-form-wrap .srch-wrap .srch-btn {padding: 1.7rem 2.5rem; font-size: 2.8rem; border-radius: 1.2rem;} .cert-form-wrap .result-tit {font-size: 2.8rem; font-weight: 500; margin: 3.6rem auto 2.4rem; padding-bottom: 1.6rem; border-bottom: .2rem solid #8d8e98;} .cert-form-wrap .result-list li + li {margin-top: 1.6rem;} .cert-form-wrap .result-list input {width: 4rem; height: 4rem; margin-right: .8rem;} .cert-form-wrap .result-list .tit {font-size: 2.8rem; letter-spacing: -.56px;} .cert-form-wrap .result-list .badge {padding: .4rem .6rem; border-radius: 1.2rem; font-size: 2.2rem; margin: 0 1.2rem;} #walletViewModal .qr-img-wrap {border-radius: 2.4rem; border: .2rem solid #e0e2ee; padding: 6rem 0;} #walletViewModal .qr-img-wrap img {width: 26rem;} #walletViewModal .qr-addr {font-size: 2.4rem; letter-spacing: -.48px; margin: 2.8rem auto 4.8rem;} #walletViewModal .btns-wrap button {padding: 2.2rem; border-radius: 1.6rem; font-size: 3rem; letter-spacing: -.6px;} #rejectModal textarea {width: 100%; border: .2rem solid #e9e0df; resize: none; height: 30rem;} .apply-container .tit-wrap {width: 100%; padding: 1.9rem 2.8rem; display: flex; justify-content: space-between; background: #171a36;} .apply-container .tit-wrap .tit {font-size: 1.8rem; color: #fff; font-weight: 500; letter-spacing: -.36px;} .apply-container .tit-wrap .tit span {color: #f18070; font-weight: 500;} .apply-container .tit-wrap .note {font-size: 1.4rem; letter-spacing: -.28px; color: #a7a9b6;} .apply-container .appFormTxt-wrap {margin: 6rem 3.2rem 4.8rem; display: flex; justify-content: space-between; align-items: flex-end; flex-flow: row wrap;} .apply-container .appFormTxt-wrap p {width: 100%; margin-bottom: 2.4rem; font-size: 3.4rem; letter-spacing: -.68px; text-align: center;} .apply-container .appFormTxt-wrap .red {font-size: 2.8rem; width: 70%; letter-spacing: -.56px; line-height: 4.2rem; text-align: center; margin: 0 auto; word-break: keep-all;} .doc-form-wrap {margin: 0 3.2rem 4rem;} .doc-form-item + .doc-form-item {margin-top: 2.4rem;} .doc-form-item {border-radius: 2.4rem; border: .2rem solid #e0e2ee; padding: 3.6rem 2.8rem;} .doc-form-item .docName {font-size: 3.4rem; letter-spacing: -.68px;} .doc-form-item .docName .ck-box {margin-left: 1.2rem; padding: 1.2rem 1.3rem; border-radius: 1.2rem; font-size: 2.6rem; letter-spacing: -.52px;} .doc-form-item .arrow-icon {width: 4.6rem; height: 4.6rem; background-size: 2.6rem; box-shadow: .4rem .4rem 2.4rem 0 rgba(24,24,28,.12);} .doc-form-item.on {border: .4rem solid var(--color-main);} .doc-form-item.on .arrow-icon {background: url(../image/digital-cert-up.png) no-repeat center var(--color-main); background-size: 2.6rem; box-shadow: .4rem .4rem 2.4rem 0 rgba(230,30,43,.32);} .doc-form-item .doc-body { margin-top: 3.6rem; border-top: .2rem solid #f3e8e8; padding-top: 3.2rem;} .doc-form-wrap .privacy-box {margin: 4rem auto 4.8rem; padding: 3.2rem 2.8rem; border-radius: 2.4rem;} .doc-form-wrap .privacy-box > .tit {font-size: 3rem; letter-spacing: -.6px; margin-bottom: 2.4rem;} .doc-form-wrap .privacy-box input {width: 4rem; height: 4rem; margin-right: 1.6rem; align-self: flex-start;} .doc-form-wrap .privacy-box label {display: flex; align-items: center; flex-flow: row wrap;} .doc-form-wrap .privacy-box label .tit {display: block; width: calc(100% - 5.6rem); font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem;} .doc-form-wrap .privacy-box label button {margin-left: 5.6rem; margin-top: 2.4rem; font-size: 2.6rem; letter-spacing: -.52px;} .apply-container .btn-area {margin: 0 auto 4.8rem; gap: 1.6rem; display: flex; justify-content: center;} .apply-container .btn-area button {padding: 2.2rem 1rem; font-size: 3rem; letter-spacing: -.6px; width: 14.8rem; border-radius: 1.6rem} .pre-apply-wrap {padding: 4.8rem 3.2rem 6rem;} .pre-apply-wrap .step-tit {gap: 1.2rem; border-bottom: .2rem solid #eeeff6; padding-bottom: 3.4rem; margin-bottom: 6rem;} .pre-apply-wrap .step-tit::before {content: ''; width: 6.8rem; height: 6.8rem;} .pre-apply-list > li + li {margin-top: 8rem;} .pre-apply-list > li::before {content: ''; width: 1.2rem; min-width: 1.2rem; height: 1.2rem; margin-right: 1.2rem; top: .8rem;} .pre-apply-list > li > .text {width: calc(100% - 3.6rem);} .pre-apply-list > li > .text > .tit {font-size: 3.6rem; letter-spacing: -.72px; margin-bottom: 3.2rem;} .pre-apply-list .box-list {display: flex; gap: 1.8rem; flex-flow: row wrap;} .pre-apply-list .box-list li {width: calc(50% - 1.6rem); border-radius: 2.4rem; padding: 3.2rem 1.0rem;} .pre-apply-list .box-list .ck-area {margin: 0 auto 1.6rem;} .pre-apply-list .box-list .ck-area input {width: 4rem; height: 4rem;} .pre-apply-list .box-list .num {width: 6rem; height: 6rem; font-size: 2.6rem; letter-spacing: -.52px; margin: 0 auto 2.8rem;} .pre-apply-list .box-list .txt {font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem; word-break: keep-all;} .pre-apply-list .box-list .txt br {display: none;} .pre-apply-list .box-list .btn-ck {padding: 1.2rem 1.6rem; margin: 2.8rem auto 0; font-size: 2.6rem; letter-spacing: -.52px; border-radius: 1.2rem;} .pre-apply-list .box-list .btn-ck::after {width: 3.2rem; height: 3.2rem;} .pre-apply-list .num-list > li + li {margin-top: 6rem; border-top: 1.2rem solid #f5f6f9; padding-top: 6rem;} .pre-apply-list .num-list .tit {font-size: 3.2rem; letter-spacing: -.64px; margin-bottom: 2.4rem;} .pre-apply-list .num-list .txt {font-size: 2.8rem; margin-bottom: 3.2rem; letter-spacing: -.56px;} .pre-apply-list .btn-black {font-size: 2.8rem; letter-spacing: -.56px; padding: 2.2rem 2.8rem; width: 36.4rem; border-radius: 60rem; margin: 3.2rem 0;} .pre-apply-list .btn-black::after {content: ''; width: 3.4rem; height: 3.4rem;} .pre-apply-list .num-list .ck-list {gap: 1.2rem;} .pre-apply-list .num-list .ck-list li {padding: 2.4rem 1.6rem; border-radius: 1.6rem; border: .2rem solid #e0e2ee; font-size: 2.6rem; letter-spacing: -.52px; line-height: 4rem;} .pre-apply-list .num-list .ck-list .t {background: url(../image/ck-t.png) no-repeat calc(100% - 1.6rem) center; background-size: 3.6rem;} .pre-apply-list .num-list .ck-list .f {background: url(../image/ck-f.png) no-repeat calc(100% - 1.6rem) center; background-size: 3.6rem;} .pre-apply-list .num-list .grid2 li {width: 100%;} .pre-apply-list .num-list .grid3 li {width: 100%;} .pre-apply-list .num-list .grid2 li:nth-child(3) {letter-spacing: -.7px;} .pre-apply-wrap .btns-wrap {margin-top: 4.8rem; gap: 1.6rem;} .pre-apply-wrap .btns-wrap button {padding: 2.2rem 4.8rem; font-size: 3rem; letter-spacing: -.6px; border-radius: 1.6rem;} .appForm .doc-ck-list {padding-top: 6rem; border-top: .2rem solid #eeeff6} .appForm .doc-ck-list > li::before {width: 1.2rem; min-width: 1.2rem; height: 1.2rem; margin-right: .8rem; display: block; position: relative; top: 1.5rem;} .appForm .doc-ck-list > li > .text {width: calc(100% - 2rem);} .appForm .doc-ck-list > li > .text > .tit {font-size: 3.6rem; margin-bottom: 3.2rem; letter-spacing: -.72px;} .appForm .doc-ck-list .num-list > li + li {margin-top: 6rem; border-top: 1.2rem solid #f5f6f9; padding-top: 6rem;} .appForm .doc-ck-list .num-list .tit {font-size: 3.2rem; font-weight: bold; margin-bottom: 1.2rem; letter-spacing: -.36px;} .appForm .doc-ck-list .dash-list li + li {margin-top: .8rem;} .appForm .doc-ck-list .dash-list li::before {position: relative; top: 1rem; font-size: 2.8rem;} .appForm .doc-ck-list .dash-list .text {font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem;} .appForm .doc-ck-list .btn-black {width: 36.4rem; margin: 3.2rem 0; padding: 2.2rem 2.8rem; font-size: 2.8rem; letter-spacing: -.56px; border-radius: 60rem;} .appForm .doc-ck-list .btn-black::after {width: 3.4rem; height: 3.4rem;} .appForm .doc-ck-list .cert-tb {table-layout: fixed; width: 100%; border-collapse: collapse;} .appForm .doc-ck-list .cert-tb col:nth-child(1) {width: 25%;} .appForm .doc-ck-list .cert-tb col:nth-child(2) {width: 45%;} .appForm .doc-ck-list .cert-tb col:nth-child(3) {width: 20%;} .appForm .doc-ck-list .cert-tb col:nth-child(4) {width: 20%;} .appForm .doc-ck-list .cert-tb th {border: .2rem solid #e0e2ee;} .appForm .doc-ck-list .cert-tb th { padding: 2.2rem; font-size: 2.8rem; letter-spacing: -.56px;} .appForm .doc-ck-list .cert-tb tbody tr {display: flex; flex-flow: row wrap; border: .2rem solid #e0e2ee; padding: 3.2rem; border-radius: 2.4rem;} .appForm .doc-ck-list .cert-tb tbody tr + tr {margin-top: 2.8rem;} .appForm .doc-ck-list .cert-tb td {padding: 0; border: 0;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(1) {order: 1; width: 100%; text-align: left; font-size: 2.8rem; letter-spacing: -.56px;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(2) {order: 2; width: 100%; font-size: 3.2rem; letter-spacing: -.64px; margin: 2.8rem 0 4rem;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(3) {order: 3; display: flex; align-items: center; font-size: 2.8rem; letter-spacing: -.56px; color: #52535b;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(3)::after {content: ''; width: .2rem; height: 3.2rem; background: #e0e2ee; margin: 0 2.8rem; display: block;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(4) {order: 4; display: flex; align-items: center; font-size: 2.8rem; letter-spacing: -.56px; color: #52535b;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(5) {order: 5; width: 100%; margin-top: 3.2rem;} .appForm .doc-ck-list .cert-tb td .cert-file-btn {padding: 1rem; width: 12rem; border-radius: 1.2rem; border: .2rem solid #171a36; font-size: 2.6rem; letter-spacing: -.52px; margin-left: .8rem;} .appForm .doc-ck-list .cert-tb label {align-items: center; font-size: 2.8rem; letter-spacing: -.56px; justify-content: flex-start;} .appForm .doc-ck-list .cert-tb input[type="checkbox"] {width: 4rem; height: 4rem;} .appForm .doc-ck-list .cert-tb .file-label {word-break: break-all; width: 7.6rem; padding: 1.1rem 1.7rem; font-size: 2.4rem; letter-spacing: -.48px; line-height: 3.8rem; border-radius: 1.2rem;} .appForm .doc-ck-list .cert-tb .ck {width: 4rem; height: 4rem; margin-left: .8rem;} .appForm .doc-ck-list .cert-tb textarea {height: 16.8rem; background: #f5f6f9;} .doc-body .text {font-size: 3rem; letter-spacing: -.6px; margin-top: 2rem; line-height: 4.8rem; word-break: keep-all;} .mw_cont_box {flex-flow: row wrap; gap: 3.6rem 2.2rem;} .mw_cont_box .option_box {width: calc(50% - 1.1rem); } .mw_cont_box .option_box.f {width: 100%;} .mw_cont_box + .mw_cont_box {margin-top: 3.6rem;} .mw_cont_box .option_tit {font-size: 3rem; font-weight: bold; margin-bottom: 2rem; letter-spacing: -.6px;} .mw_cont_box .mw_input_group input[type="text"], .mw_cont_box .mw_input_group input[type="password"] {width: 100%;} .mw_cont_box input[type="text"], .mw_cont_box input[type="password"], .mw_cont_box select {border: .2rem solid #e0e2ee; width: 100%; font-size: 2.8rem; letter-spacing: -.56px; padding: 1.9rem 1.6rem;} .mw_cont_box input[type="text"].m{width: 100%;} .mw_cont_box select {background: url(../image/select-arrow.png) no-repeat #fff calc(100% - 1.6rem) 50%/3.6rem;} .mw_cont_box .mw_radio_group {margin-top: 2rem;} .mw_cont_box .mw_input_group .dash {width: 1rem; min-width: 1rem; height: .2rem; margin: 0 .6rem;} .mw_cont_box .mw_radio_group label {gap: .8rem; font-size: 2.8rem; letter-spacing: -.56px;} .mw_cont_box .mw_radio_group label + label {margin-left: 3.6rem;} .mw_cont_box input[type="radio"] {width: 4rem; height: 4rem;} .mw_cont_box .date-group .start {width: 100%; margin-right: 1.1rem;} .mw_cont_box .date-group .end {width: 100%; margin-left: 1.1rem} .mw_cont_box .date-group select + select {margin-left: 0;} .mw_cont_box .mw_input_group input[type="text"].lg {width: 100%;} #proofDataCtpvScCd {width: 100%;} .mw_cont_box .mw_input_group input[type="text"].srch_input {margin-right: 1.2rem; min-width: 13rem;} .mw_cont_box .srch_input + .btn-gray {padding: 1.9rem 2rem; border-radius: 1.6rem; font-size: 2.8rem; letter-spacing: -.56px; white-space: nowrap;} .mw_cont_box .mw_input_group input[type="text"].addr {width: 100%;} .mw_cont_box .mw_input_group .mob-sm {width: 30% !important; min-width: 14.2rem;} .mw_cont_box .mw_input_group input[type="text"].mob {width: 35%;} .mw_cont_box .radio-btn {width:100%; padding: 1.9rem; border-radius: 1.6rem; font-size: 2.8rem; letter-spacing: -.56px; border: .2rem solid var(--color-main);} .mw_cont_box .radio-btn + .radio-btn {margin-left: 1.2rem;} .mw_cont_box .flex-box #militaryDetailBox {margin-left: 1.2rem;} .mw_cont_box .option_box.w > .flex-box .flex-box {max-width: 48%; min-width: 48%; width: 48%;} #militaryDetailBox input {border: .2rem solid #e0e2ee;} .mw_detail_container {row wrap; gap: 2rem;} .mw_detail_container .mw_detail_item {width: 100%; border-radius: 1.6rem; padding: 2.7rem 3.2rem; display: flex; justify-content: space-between;} .mw_detail_container .mw_detail_label {font-size: 2.8rem; letter-spacing: -.56px; margin-bottom: 0;} .mw_detail_container .mw_detail_radios {gap: 3.6rem; margin-top: 0;} .mw_detail_container .mw_detail_radios .radio {gap: .8rem; font-size: 2.8rem; letter-spacing: -.56px; font-weight: 500;} .select-row {width: 100%; display: flex; flex-flow: row wrap; gap: 2rem 2.2rem;} .select-row select {width: calc(50% - 1.1rem);} .mw_cont_box .select-row .srch_input + .btn-gray {width: 100%; padding: 1.9rem; font-size: 2.8rem; font-weight: 500; letter-spacing: -.56px; border-radius: 1.6rem;} .mw_cont_box.grid2 .option-box:nth-child(1) {width: 100%;} .mw_cont_box.grid2 .option-box:nth-child(2) {width: calc(100%);} .mw_cont_box .option-box .txt {margin-top: 2.4rem; font-size: 2.6rem; letter-spacing: -.52px; line-height: 4rem;} .mw_cont_box.grid2.mw_cont_box .mw_input_group{width: 55%;} .select-issue-box {padding: 2.8rem; border-radius: 2.4rem; border: .2rem solid #e0e2ee; margin-top: 2.4rem;} .select-issue-box .sub-text {font-size: 2.6rem; letter-spacing: -.52px; margin-bottom: 4.2rem;} .select-issue-box .ck-list > li {border-bottom: .2rem solid #e0e2ee;} .select-issue-box .ck-list > li + li {padding-top: 2.8rem;} .select-issue-box .ck-list input[type="checkbox"], .select-issue-box .ck-list input[type="radio"] {width: 4rem; height: 4rem; margin-right: .8rem;} .select-issue-box .ck-list > li .ck-1dep {font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px; display: flex; flex-flow: row wrap; align-items: center;} .select-issue-box .ck-list > li .ck-1dep {padding-bottom: 1.7rem;} .select-issue-box .ck-list > li .ck-1dep.has-2dep {padding-bottom: 0;} .select-issue-box .ck-list label span {font-size: 1.4rem; letter-spacing: -.28px; color: #52535b; margin-left: 1.6rem;} .select-issue-box .ck-2dep-wrap {border-top: .1rem solid #e0e2ee; padding: 1.7rem 0; padding-left: 2.8rem;} .select-issue-box .ck-2dep-wrap li {display: flex; flex-flow: row wrap; gap: 1.6rem; 2.4rem; width: 100%;} .select-issue-box .ck-2dep-wrap li + li {margin-top: 2rem;} .select-issue-box .ck-2dep-wrap label {font-size: 1.4rem; letter-spacing: -.28px; font-weight: 500; display: flex; align-items: center;} .select-issue-box .ck-2dep-wrap input[type="text"] {width: 4.8rem; margin: 0 .4rem;} .select-issue-box .ck-list2 li:not(:last-child) {border-bottom: .2rem solid #e0e2ee; padding-bottom: 2.8rem;} .select-issue-box .ck-list2 li:not(:first-child) {padding-top: 2.8rem;} .select-issue-box .ck-list2 li {display: flex; flex-flow: row wrap; gap: 2.4rem; align-items: center;} .select-issue-box .ck-list2 li .item-title {font-size: 3rem; letter-spacing: -.6px; font-weight: bold; min-width: inherit; margin-right: 0; width: 100%;} .select-issue-box .ck-list2 li .radio-group {gap: 3.8rem 3.6rem; flex-flow: row wrap;} .select-issue-box .ck-list2 li .radio-group + .radio-group {margin-top: 2.8rem;} .select-issue-box .ck-list2 li .radio-group .input-recent {font-size: 3rem; letter-spacing: -.6px;} .select-issue-box .ck-list2 li .radio-group .input-recent input {width: 10rem; margin: 0 .8rem;} .select-issue-box .ck-list2 li label {font-size: 2.8rem; letter-spacing: -.56px; gap: .8rem;} .mw_cont_box .mw_input_group.l_select {flex-flow: row wrap;} .mw_cont_box .mw_input_group.l_select select {width: 100%; margin-bottom: 1.6rem; margin-right: 0;} .mw_cont_box .mw_input_group.l_select .input-box.on {flex-flow: row wrap; gap: 0;} .mw_cont_box .mw_input_group.l_select input {width: 100%;} .mw_cont_box .mw_input_group.l_select input + input {margin-top: 1.6rem;} .mw_cont_box .input-box {display: none;} .mw_cont_box .input-box {flex-flow: column; width: 100%;} .mw_cont_box .input-box input {width: 100%;} .mw_cont_box .grid-3 {width: 100%;} .mw_cont_box .grid-3 .f-wrap {flex-flow: row wrap;} .mw_cont_box .grid-3 .mw_input_group input[type="text"].srch_input {width: calc(100% - 15rem);} .mw_cont_box .grid-3:last-child .mw_input_group input[type="text"].srch_input {width: calc(100% - 10rem);} .mw_cont_box .grid-3 .f-wrap .lg_input {margin-top: 1.6rem;} .mw_cont_box.m-w select {width: 100%;} .mw_cont_box.m-w .option_box.w {max-width: 48%;} .mw_cont_box.m-w .radio-btn {min-width: 5.5rem;} .mw_cont_box .flex-box #militaryDetailBox {min-width: 50%;} .my-info-wrap {padding: 6rem 3.2rem;} .my-info-form {width: 100%;} .my-info-form > .tit {font-size: 4rem; letter-spacing: -.8px; margin-bottom: 2.8rem;} .my-info-wrap .sub-txt {word-break: keep-all; font-size: 2.8rem; letter-spacing: -.56px; margin-bottom: 3.6rem; line-height: 4.2rem} .my-info-wrap .user-info-wrap {border-top: .2rem solid #eeeff6; border-bottom: .2rem solid #eeeff6; padding: 6.5rem 0 4.8rem;} .my-info-wrap .user-info-wrap li {gap: 2.8rem;} .my-info-wrap .user-info-wrap li + li {margin-top: 4rem;} .my-info-wrap .user-info-wrap .tit {font-size: 3rem; letter-spacing: -.6px; min-width: 11rem;} .my-info-wrap .user-info-wrap .user-id {font-size: 3.8rem; letter-spacing: -.76px;} .my-info-wrap .user-info-wrap input {border: .2rem solid #cdcfdb; padding: 2.2rem 1.6rem; border-radius: 1.6rem;} .my-info-wrap .warning {gap: .8rem; margin: 4.8rem auto 8rem; font-size: 2.6rem; letter-spacing: -.52px;} .my-info-wrap .warning::before {width: 3.2rem; height: 3.2rem;} .my-info-wrap button {padding: 2.2rem 4.8rem; font-size:3rem; letter-spacing: -.6px; border-radius: 1.6rem;} .my-tab-container .tab-list button {padding: 3.8rem 1rem; font-size: 3.6rem; letter-spacing: -.72px;} .my-tab-container .form-wrap {margin: 8rem 3.2rem 6rem; width: calc(100% - 6.4rem);} .my-tab-container .edit-form .tit {font-size: 4rem; letter-spacing: -.8px; margin-bottom: 3.6rem;} .my-tab-container .edit-list {border-top: .2rem solid #eeeff6; border-bottom: .2rem solid #eeeff6; padding: 4.8rem 0; margin-bottom: 4.8rem;} .my-tab-container .edit-list li + li {margin-top: 4.8rem;} .my-tab-container .edit-list .label-wrap .item-tit {font-size: 3.2rem; letter-spacing: -.64px; font-weight: bold; margin-bottom: 1.6rem;} .my-tab-container .edit-list .label-wrap .txt {font-size: 2.6rem; letter-spacing: -.52px; margin-top: 2.4rem;} .my-tab-container .edit-list input {padding: 2.2rem 2rem; border-radius: 1.6rem; font-size: 3rem; letter-spacing: -.6px; border: .2rem solid #e0e2ee; font-weight: 500;} .my-tab-container .edit-list input:read-only {border: .2rem solid #cdcfdb} .my-tab-container .edit-list .btn-change {padding: 2.2rem 2rem; border-radius: 1.6rem; font-size: 3rem; letter-spacing: -.6px; margin-left: 1.2rem; border: .2rem solid #f18070} .my-tab-container .edit-list .input-group span {margin: 0 .6rem; font-size: 1.4rem;} .my-tab-container .edit-form .btns-wrap {gap: 1.6rem;} .my-tab-container .edit-form .btns-wrap button {padding: 2.2rem 4.8rem; font-size: 3rem; letter-spacing: -.6px; border-radius: 1.6rem; font-weight: 500;} .my-tab-container .edit-form > .txt {font-size: 3rem; letter-spacing: -.6px; line-height: 4.4rem; margin-bottom: 3.6rem; word-break: keep-all;} .my-tab-container .edit-form > .txt br {display: none;} .my-tab-container .edit-form > .txt .red {margin-top: 2.8rem;} .my-tab-container .edit-form .checkbox-cont {border-radius: 1.6rem; padding: 2rem 1.6rem 2.2rem; border: .2rem solid #e0e2ee; font-size: 2.6rem; letter-spacing: -.52px; gap: .8rem; margin-bottom: 4.8rem;} .my-tab-container .edit-form .checkbox-cont input {width: 4rem; height: 4rem;} .spinner {width: 6rem; height: 6rem; border: 6px solid rgba(0, 0, 0, 0.1); border-top: 6px solid var(--color-main); border-radius: 50%; animation: spin 1s linear infinite; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #schoolModal .modal-body {margin: 3rem auto;} #schoolModal .modal-container {width: calc(100% - 8rem);} .pop-srch {gap: .8rem; margin-top: 2.4rem;} .pop-srch input {border: .2rem solid #e0e2ee; font-size: 2.8rem;} .pop-srch button {padding: 2rem; font-size: 2.8rem; border-radius: 1.6rem;} #schoolModal .tit {font-size: 2.4rem; letter-spacing: -.56px; margin: 2rem auto;} .school-list-table span {font-size: 2.2rem; letter-spacing: -.5px;} .appForm .doc-ck-list {padding-top: 3rem; border-top: .1rem solid #eeeff6;} .appForm .doc-ck-list > li::before {width: .6rem; min-width: .6rem; height: .6rem; margin-right: .4rem; top: .7rem;} .appForm .doc-ck-list > li > .text {width: calc(100% - 1rem);} .appForm .doc-ck-list > li > .text > .tit {font-size: 1.8rem; margin-bottom: 1.6rem; letter-spacing: -.36px;} .appForm .doc-ck-list .num-list > li + li {margin-top: 3rem; border-top: .6rem solid #f5f6f9; padding-top: 3rem;} .appForm .doc-ck-list .num-list .tit {font-size: 1.6rem; margin-bottom: .6rem; letter-spacing: -.18px;} .appForm .doc-ck-list .dash-list li + li {margin-top: .4rem;} .appForm .doc-ck-list .dash-list li::before {position: relative; top: .5rem; font-size: 1.4rem;} .appForm .doc-ck-list .dash-list .text {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .appForm .doc-ck-list .btn-black {width: 18.2rem; margin: 1.6rem 0; padding: 1.1rem 1.4rem; font-size: 1.4rem; letter-spacing: -.28px; border-radius: 60rem;} .appForm .doc-ck-list .btn-black::after {width: 1.7rem; height: 1.7rem;} .appForm .doc-ck-list .cert-tb col:nth-child(1) {width: 25%;} .appForm .doc-ck-list .cert-tb col:nth-child(2) {width: 45%;} .appForm .doc-ck-list .cert-tb col:nth-child(3) {width: 20%;} .appForm .doc-ck-list .cert-tb col:nth-child(4) {width: 20%;} .appForm .doc-ck-list .cert-tb th {border: .1rem solid #e0e2ee;} .appForm .doc-ck-list .cert-tb th { padding: 1.1rem; font-size: 1.4rem; letter-spacing: -.28px;} .appForm .doc-ck-list .cert-tb tbody tr {border: .1rem solid #e0e2ee; padding: 1.6rem; border-radius: 1.2rem;} .appForm .doc-ck-list .cert-tb tbody tr + tr {margin-top: 1.4rem;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(1) {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(2) {font-size: 1.6rem; letter-spacing: -.32px; margin: 1.4rem 0 2rem;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(3) {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(3)::after {width: .1rem; height: 1.6rem; margin: 0 1.4rem;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(4) {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .doc-ck-list .cert-tb tbody tr td:nth-child(5) {margin-top: 1.6rem;} .appForm .doc-ck-list .cert-tb td .cert-file-btn {padding: .5rem; width: 6rem; border-radius: .6rem; border: .1rem solid #171a36; font-size: 1.3rem; letter-spacing: -.26px; margin-left: .4rem;} .appForm .doc-ck-list .cert-tb label {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .doc-ck-list .cert-tb input[type="checkbox"] {width: 2rem; height: 2rem;} .appForm .doc-ck-list .cert-tb .file-label {width: 3.8rem; padding: .5rem .8rem; font-size:1.2rem; letter-spacing: -.24px; line-height: 1.9rem; border-radius: .6rem;} .appForm .doc-ck-list .cert-tb .ck {width: 1.8rem; height: 1.8rem;} .appForm .doc-ck-list .cert-tb textarea {height: 8.4rem;} .appForm .doc-ck-list .cert-tb colgroup, .appForm .doc-ck-list .cert-tb thead {display: none;} .appForm .doc-ck-list .cert-tb td {border: 0 !important; padding: 0 !important;} .appForm .doc-ck-list .cert-tb label {font-size: 1.3rem; align-items: center;} .appForm .doc-ck-list .cert-tb label input {margin: 0 .8rem 0 0 !important;} .appForm .doc-ck-list .cert-tb .mo {margin-right: .8rem;} .termsAgree .modal-container {width: 90%;} .termsAgree .modal-body > ol {margin-bottom: 6.8rem;} .termsAgree .modal-body > ol ol li + li {margin-top: 2rem;} .termsAgree .modal-body > ol ol ol li + li {margin-top: 1.2rem;} .privacyAgree .modal-container {width: 90%; overflow-y: auto;} .privacyAgree table tr th {width: 26rem;} .privacyAgree table tr td {padding: 1.2rem;} .privacyCustomModal .modal-container {min-width: 90%; max-height: 80%; overflow-y: auto;} .privacyModal-cont .txt {font-size: 3rem; letter-spacing: -.48px; margin: 4rem auto; word-break: keep-all} .privacyModal-cont .privacy-box {padding: 2.4rem 4rem; margin-bottom: 4rem; border-radius: 2.6rem; border: .2rem solid #eee;} .privacyModal-cont .privacy-box p {gap: 1.6rem;font-size: 2.8rem; word-break: keep-all;} .privacyModal-cont .privacy-box p + p {margin-top: ..6rem;} .privacyModal-cont .dot-list li::before {font-size: 2.8rem; width: .6rem; min-width: .6rem; height: .6rem; top: 2rem;} .privacyModal-cont .dot-list li {font-size: 2.8rem; word-break: keep-all;} #detailListBody {gap: 1.2rem;} #detailListBody td { border: .2rem solid #eef0f2; border-radius: 2.4rem; padding: 1.2rem; font-size: 2.4rem; } .modal-list-scroll::-webkit-scrollbar { width: .8rem; } .inquiry-container {padding: 6rem 3.2rem;} .inquiry-container .title-area {margin-bottom: 3.2rem; } .inquiry-container .title-area .step-tit {font-size: 4rem; letter-spacing: -.8px;} .inquiry-container .title-area .add-inquiry {border-radius: 1.6rem; padding: 2.2rem 2.8rem; gap: .8rem; font-size: 3rem; letter-spacing: -.6px;} .inquiry-container .title-area .add-inquiry::before {width: 3.6rem; height: 3.6rem;} .inquiry-container .inquiry-tb {margin-bottom: 4.8rem; table-layout: fixed;} .inquiry-container .inquiry-tb tbody tr {border: .2rem solid #e0e2ee; border-radius: 2.4rem; padding: 3.2rem; position: relative; display: flex; flex-flow: row wrap;} .inquiry-container .inquiry-tb tbody tr + tr {margin-top: 1.6rem;} .inquiry-container .inquiry-tb td {padding: 0; border: 0;} .inquiry-container .inquiry-tb td:nth-child(1) {display: none;} .inquiry-container .inquiry-tb td:nth-child(2) {order: 1; font-size: 2.8rem; letter-spacing: -.56px; margin-bottom: 2rem;} .inquiry-container .inquiry-tb td:nth-child(3) {order: 2; width: calc(100% - 15rem); margin-bottom: 2rem;} .inquiry-container .inquiry-tb td:nth-child(4) {order: 3; display: flex; align-items: center; font-size: 2.6rem; letter-spacing: -.52px; display: flex; align-items: center; gap: .8rem; color: #8d8e98;} .inquiry-container .inquiry-tb td:nth-child(5) {order: 4; position: absolute; top: 50%; right: 3.2rem; transform: translateY(-50%);} .inquiry-container .inquiry-tb td a {width: 100%; font-size: 3.2rem; letter-spacing: -.64px; line-height: 4.6rem; word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .inquiry-container .inquiry-tb .state {padding: 1.4rem 1.6rem; border-radius: 1.2rem; font-size: 2.6rem; letter-spacing: -.52px; width: 12rem; white-space: nowrap;} .inquiry-container .inquiry-tb .state.t1 {border: .2rem solid #e61e2b;} .inquiry-container .inquiry-tb .state.t2 {border: .2rem solid #8d8e98;} .detail-box .tit-area.col {border-bottom: .2rem solid #eeeff6; padding-bottom: 4.8rem;} .detail-box .tit-area.col .tit-wrap {margin-bottom: 2.8rem;} .detail-box .tit-area.col .label {width: 12rem;} .detail-box .tit-area.col .label.t1 {border: .2rem solid #e61e2b;} .detail-box .tit-area.col .info-wrap {font-size: 2.8rem; letter-spacing: -.56px;} .detail-box .tit-area.col .info-wrap p:first-child::after {width: .2rem; height: 2.8rem; margin: 0 2rem;} .detail-box .tit-area.col .info-wrap .date {margin-top: 0;} .detail-box .answer-box {border-radius: 2.4rem; border: .2rem solid #e0e2ee; margin-bottom: 0;} .detail-box .answer-box .tit {padding: 2.2rem 2.8rem; border-bottom: .2rem solid #e0e2ee; font-size: 3rem; letter-spacing: -.6px;} .detail-box .answer-box .answer-area {padding: 2.8rem; font-size: 3rem; letter-spacing: -.6px; line-height: 4.4rem;} .inquiry-form-wrap {border-top: .2rem solid #e0e2ee; padding-top: 4.8rem; width: 100%;} .inquiry-form-wrap .ck-content {max-height: 10rem;} .inquiry-form-wrap .inquiry-label + .inquiry-label {margin-top: 4.8rem;} .inquiry-form-wrap .tit {font-size: 3.2rem; font-weight: bold; letter-spacing: -.64px; margin-bottom: 1.6rem;} .inquiry-form-wrap select, .inquiry-form input, .inquiry-form textarea {border: .2rem solid #e0e2ee; min-width: 100%;} .inquiry-form-wrap select {width: 100%;} .inquiry-form-wrap textarea {min-height: 30rem;} .inquiry-form-wrap .note-list li::before, .inquiry-form-wrap .note-list .text {font-size: 2.6rem; letter-spacing: -.52px;} .guide-container {padding: 4.8rem 3.2rem;} .guide-container .title-area .step-tit {font-size: 4rem; letter-spacing: -.8px; padding-bottom: 2.4rem; border-bottom: .2rem solid #eeeff6; margin-bottom: 4.8rem; gap: 1.2rem;} .guide-container .title-area .step-tit::before {width: 6.8rem; height: 6.8rem;} .guide-container .text-cont {font-size: 3rem; letter-spacing: -.6px; line-height: 4.4rem; margin-bottom: 8rem;} .guide-container .dot-list > li::before {width: 1.2rem; height: 1.2rem;} .guide-container .dot-list > li + li {margin-top: 8rem;} .guide-container .dot-list .tit {font-size: 3.6rem; margin-bottom: 3.2rem; letter-spacing: -.72px;} .guide-container .dot-list .text {width: calc(100% - 2rem);} .guide-container .num-box {gap: 1.8rem; flex-flow: row wrap;} .guide-container .num-box li {width: calc(50% - .9rem); border-radius: 2.4rem; padding: 3.2rem 2rem;} .guide-container .num-box .num {margin: 0 auto 2.8rem; width: 6rem; height: 6rem; font-size: 2.6rem; font-weight: 500;} .guide-container .num-box .txt {font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem;} .guide-container .num-box .txt br {display: none;} .guide-container .num-box .txt .btn-redline {border-radius: 1.2rem; padding: 1.2rem 1.6rem; font-size: 2.6rem; letter-spacing: -.52px; margin: 2.8rem auto 0;} .guide-container .num-box .txt .btn-redline::after {width: 3.2rem; height: 3.2rem;} .guide-container .line-box {border: .2rem solid #e0e2ee; border-radius: 2.4rem; padding: 3.6rem 2.8rem;} .guide-container .line-box + .line-box {margin-top: 2.8rem;} .guide-container .line-box .box-tit {font-size: 3.4rem; letter-spacing: -.68px; margin-bottom: 3.2rem;} .guide-container .line-box .box-txt p {font-size: 3rem; letter-spacing: -.6px; line-height: 4.4rem;} .guide-container .line-box .note-list {font-size: 2.6rem; letter-spacing: -.52px; margin: 2.4rem 0 3.2rem;} .guide-container .line-box .note-list li + li {margin-top: 1.6rem;} .guide-container .line-box .color-box {border-radius: 1.6rem; padding: 2.8rem;} .guide-container .line-box .color-box-tit {font-size: 2.8rem; font-weight: bold; margin-bottom: 2rem; letter-spacing: -.56px;} .guide-container .line-box .dash-list {font-size: 2.6rem; letter-spacing: -.52px; line-height: 4rem;} .guide-container .line-box .dash-list li + li {margin-top: 1.6rem;} .guide-container .doc-check-list > li + li {border-top: 1.2rem solid #f5f5f9; padding-top: 6rem; margin-top: 6rem;} .guide-container .doc-check-list .check-list-tit-wrap {margin-bottom: 3.2rem; flex-flow: column; align-items: flex-start; justify-content: flex-start;} .guide-container .doc-check-list .check-list-tit {font-size: 3.2rem; letter-spacing: -.64px; margin-bottom: 3.2rem;} .guide-container .doc-check-list .btn-dk {width: 36rem; padding: 2.2rem 1rem; border-radius: 60rem; font-size: 2.8rem; letter-spacing: -.56px;} .guide-container .doc-check-list .btn-dk::after {width: 3.4rem; height: 3.4rem;} .guide-container .doc-check-list .flex-list {display: flex; flex-flow: row wrap; gap: 1.2rem;} .guide-container .doc-check-list .flex-list li {padding: 2.4rem 1.6rem; border-radius: 1.6rem; border: .2rem solid #e0e2ee; font-size: 2.6rem; letter-spacing: -.52px; line-height: 4rem;} .guide-container .doc-check-list .grid2 li {width: 100%;} .guide-container .doc-check-list .grid3 li {width: 100%;} .guide-container .doc-check-list .btn-wrap {margin-top: 4.8rem; gap: 1.6rem;} .guide-container .doc-check-list .btn-wrap button {border-radius: 1.6rem; padding: 2.2rem; width: 24rem; font-size: 3rem; letter-spacing: -.6px;} .state-container .img {width: 12rem; height: 12rem; margin: 4rem auto 4.8rem;} .state-container .error-text {font-size: 3.2rem; font-weight: bold; letter-spacing: -.64px; line-height: 4.8rem; margin-bottom: 8rem;} .state-container .btn-dk {font-size: 3rem; padding: 2.2rem 3rem; letter-spacing: -.6px; display: block; margin: 0 auto 8rem; border-radius: 1.6rem;} .state-container .loading-text {font-size: 2.8rem; letter-spacing: -.56px; line-height: 4.2rem;} .state-container progress {width: 48rem; margin: 0 auto 3.6rem;} .state-container progress::-webkit-progress-bar {border-radius: 60rem;} .state-container progress::-webkit-progress-value {border-radius: 60rem;} .no-apply {margin: 8rem auto;} .no-apply img {width: 10rem; height: 10rem; display: block; margin: 0 auto 6rem;} .no-apply .text {font-size: 3.6rem; letter-spacing: -.52px;} .count-word {text-align: right; font-size: 3rem; margin-bottom: 1.6rem;} .main-bg-layer {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 55; background: rgba(0,0,0,.6);} .main-bg-layer .pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 13rem); height: auto; padding: 8.2rem 4rem 4.8rem; border-radius: 3.6rem; position: relative; background: #fff url(../image/pop-bg.png) no-repeat center bottom; background-size: 80%; font-size: 3.8rem; font-weight: bold; letter-spacing: -.76px; color: #000; line-height: 5.2rem; text-align: center;} .main-bg-layer .pop .c{color: var(--color-main);} .main-bg-layer .pop .main-close-img {position: absolute; top: .8rem; right: .8rem; width: 4.8rem; height: 4.8rem; background: url(../image/pop-close.png) no-repeat center; background-size: cover;} .main-bg-layer .pop .btn-main {display: block; margin: 6rem auto 0; padding: 2.2rem; width: 24rem; text-align: center; border-radius: 60rem; font-size: 3.2rem; letter-spacing: -.64px; font-weight: 500; color: #fff;} } @media all and (max-width:821px) { .chat-container{max-height: 70%;} } @media all and (max-width:768px) { .chat-container{max-height: 67%;} } /*모바일 가로 & 태블릿 세로 : 480px-767px*/ @media all and (max-width:767px){ select { -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../image/select-arrow.png) no-repeat #fff calc(100% - 1.2rem) 50%/1.8rem; cursor:pointer; } select, input, textarea {border-radius: .8rem; padding: 1.1rem 1rem; font-size: 1.5rem; letter-spacing: -.3px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} select option {font-size: 1.5rem; letter-spacing: -.3px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} .login-cert {margin-top: -.8rem;} .login-cert button + button {margin-top: 1.2rem;} .login-cert button {padding: 1.3rem; border-radius: 1rem; font-size: 1.6rem; letter-spacing: -.34px;} .login-cert .cert-msg {font-size: 1.4rem; margin-top: 1.2rem; letter-spacing: -.24px;} .modal {} .modal-container {min-width: inherit; width: calc(100% - 4rem); padding: 3rem 1.4rem 0; border-radius: 1.2rem;} .modal-title {font-size: 1.7rem; letter-spacing: -.34px; line-height: 2.2rem;} .modal-body {margin: 2.4rem auto; line-height: 2rem; font-size: 1.3rem; letter-spacing: -.26px; font-weight: 500;} .modal-body.js-terms-content {padding-right: 1rem;} .modal-bottom {width: calc(100% + 3.2rem); position: relative; left: -1.6rem; display: flex; align-items: center; gap: .1rem;} .modal-bottom button {padding: .8rem; font-size: 1.5rem; letter-spacing: -.3px;} .modal-close {top: .4rem; right: .4rem; width: 2.4rem; height: 2.4rem;} .modal .modal-scroll-box {width: 100%; padding: 1rem; border: .1rem solid #dbdbdb; border-radius: .6rem;} .empty-container {padding: 0 2rem;} .empty-layout #login-section {padding: 7rem 0;} .empty-layout #login-section .logo {width: 16.8rem; margin: 0 auto 3rem;} .empty-layout #login-section .tit {width: 28rem; margin: 0 auto 2rem;} .empty-layout #login-section .txt {font-size: 1.6rem; letter-spacing: -.32px; line-height: 2.4rem; margin-bottom: 3rem;} .empty-layout #login-section .txt br {display: none;} .empty-layout .loginForm {border-radius: 1.4rem; padding: 3rem 2rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(24,24,28,.08);} .empty-layout .loginForm legend {font-size: 2.4rem; letter-spacing: -.48px; margin-bottom: 2.4rem;} .empty-layout .loginForm li + li {margin-top: .8rem;} .empty-layout .loginForm li p {font-size: 1.4rem; letter-spacing: -.28px; margin: .5rem 0;} .empty-layout input {border: .1rem solid #e0e2ee;} .empty-layout .loginForm .login-util {margin: 1.2rem 0 2.4rem;} .empty-layout .loginForm .login-util a {font-size: 1.4rem; letter-spacing: -.28px;} .empty-layout .loginForm .login-util a:not(:last-child)::after {width: .1rem; height: 1.2rem; margin: 0 1rem;} .empty-layout .loginForm .btn-list button {border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; padding: 1.1rem;} .empty-layout .loginForm .btn-list .join {border: .1rem solid var(--color-main);} .empty-layout .loginForm .note {margin-top: 2rem; font-size: 1.4rem; letter-spacing: -.28px;} .empty-header {border-bottom: .1rem solid #e0e2ee; padding: 1.4rem 0; width: calc(100% + 4rem); left: -2rem;} .empty-header .logo {width: 25.5rem;} .empty-layout .login-tit {font-size: 2.4rem; letter-spacing: -.48px; margin: 4.1rem auto 3rem; line-height: 3.1rem;} .join-nav-bar {gap: 1rem; margin-bottom: 2rem;} .join-nav-bar li {width: 2rem; height: 2rem; font-size: 1rem; line-height: 2;} .step-box {border-radius: 1.4rem; padding: 2rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(24,24,26,.08);} .step-tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 2.4rem;} .join-step .ck-wrap {padding: 1.66rem .8rem; border-radius: .8rem;} .join-step .ck-wrap input {width: 2rem; height: 2rem; margin-right: .6rem;} .all-check-wrap {border: .1rem solid #52535b; margin-bottom: 2rem;} .all-check-wrap label {font-size: 1.6rem; letter-spacing: -.32px;} .all-check-wrap.checked {border: .1rem solid var(--color-main);} .agree-list li + li {margin-top: 1.2rem;} .agree-item {padding: 1.35rem .8rem;} .agree-item label {font-size: 1.5rem; letter-spacing: -.3px;} .agree-item button {font-size: 1.3rem; letter-spacing: -.26px;} #step1-area .txt {font-size: 1.3rem; letter-spacing: -.26px; line-height: 2rem; margin-top: 2rem; text-align: left; word-break: keep-all;} .login-wrap .btn-group {margin: 2.4rem auto 6rem; gap: .8rem;} .login-wrap .btn-group button {border-radius: .8rem; padding: 1.1rem .5rem; width: 7.4rem; font-size: 1.5rem; letter-spacing: -.3px;} .step-box .require {right: 2rem; top: 1.8rem; font-size: 1.3rem; letter-spacing: -.26px;} .step-box .input-wrap + .input-wrap {margin-top: 2.4rem;} .step-box .input-wrap .err {font-size: 1.3rem; letter-spacing: -.26px;} .step-box .input-wrap .tit {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: .8rem;} .step-box .input-flex {gap: .5rem;} .step-box .input-flex span {font-size: 1.4rem;} .step-box .input-flex span.dash {width: 1.1rem; height: .1rem;} .step-box .input-wrap .duplicate-ck {border-radius: .8rem; padding: 1.1rem .5rem; font-size: 1.5rem; letter-spacing: -.3px;} .step-box .input-wrap .note {font-size: 1.3rem; letter-spacing: -.26px; margin-top: 1.2rem;} .step-box .input-wrap.err input {border: .1rem solid #e61e2b;} #step3-area .step-box .step-tit {margin-bottom: 1.2rem;} #step3-area .step-box > .txt {font-size: 1.5rem; letter-spacing: -.3px;} .cert-box {padding: 2.4rem 2rem; border-radius: 1.2rem;} .cert-box .tit {font-size: 1.6rem; margin-bottom: 2.4rem; letter-spacing: -.32px;} .cert-list {gap: 1.4rem 1.8rem;} .cert-list li {width: calc(25% - 1.5rem);} .cert-list .img {width: 5.4rem; height: 5.4rem; margin-bottom: 1rem;} .cert-list .txt {font-size: 1.2rem; letter-spacing: -.24px;} #find-id-area .step-box {font-size: 1.8rem; letter-spacing: -.36px; line-height: 2.5rem; padding: 4rem 0;} #find-id-area .password-box {border-top: .1rem solid #e0e2ee; padding-top: 2rem; font-size: 1.4rem; letter-spacing: -.28px;} #find-id-area .password-box a {margin-left: .6rem;} #find-id-area .password-box a::after {width: 1.4rem; height: 1.4rem;} #find-pw-area .step-tit {margin-bottom: 3rem;} .inner {width: calc(100% - 4rem); margin: 0 auto;} header {border-bottom: .1rem solid #e0e2ee; padding: 1.25rem 0;} header .logo {width: 14.6rem; min-width: 14.6rem;} header .chat-btn {width: 3.4rem; min-width: 3.4rem; height: 3.4rem; margin-right: 1.8rem;} header .chat-btn::after {width: 3.4rem; height: 3.4rem;} header .mob-menu {width: 3.4rem; min-width: 3.4rem; height: 3.4rem; border-radius: .8rem; background-size: 2.2rem; box-shadow: 0 0 2rem 0 rgb(230,30,43);} header nav.on {left: 20%; transition: .4s left ease;} header .nav-btns {margin-bottom: 4.9rem; padding: .8rem 2rem;} header .nav-btns .close-menu {width: 3.4rem; height: 3.4rem; border-radius: .8rem; border: .1rem solid rgba(255,255,255,.24); background: url(../image/menu-close.png) no-repeat center; background-size: 2.2rem;} header .logout {width: 10.3rem; padding: .95rem 1.4rem; border: .1rem solid rgba(255,255,255,.12); background: rgba(255,255,255,.12); border-radius: 60rem; gap: .6rem;} header .logout button {color: rgba(255,255,255, 1); font-size: 1.3rem; letter-spacing: -.26px; font-weight: 500;} header .logout::before {content: ''; width: 2.3rem; height: 1.5rem;} header .dep1 > li {border-bottom: .1rem solid rgba(255,255,255,.2); padding: 0 2rem 3rem;} header .dep1 > li > a {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 2rem;} header .dep2 {gap: 3rem;} header .dep2 li::before {margin-right: .4rem; font-size: 1.5rem;} header .dep2 a {font-size: 1.5rem; letter-spacing: -.3px;} header.sub {border-bottom: .1rem solid rgba(255,255,255,.12)} header.sub .logout {border: .1rem solid rgba(255,255,255,.12);} header .font-btn.mo {gap: .4rem;} header .font-btn button {font-size: 1rem; width: 2.4rem;} .main {min-height: 100vh;} .main-tit {font-size: 2.8rem; margin: 5.1rem auto 5.3rem; letter-spacing: -.56px; line-height: 3.5rem;} .main-bn {height: 26rem; border-radius: 1.4rem; background: url(../image/bn-mo.png) no-repeat top right; background-size: cover; margin: 3.1rem 0 4.3rem;} .main-bn .txt {font-size: 2.8rem; letter-spacing: -.56px; line-height: 3.5rem; bottom: inherit; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;} .welcome-txt {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 2.3rem; gap: .6rem;} .welcome-txt::before {width: 2.4rem; height: 2.4rem;} .main .grid1 {gap: 1.7rem; margin-bottom: 4rem;} .main .grid1 .arrow-cont::after {width: 2rem; height: 2rem; top: .6rem; right: .8rem;} .main .grid1 .my-application {padding: 1.8rem;} .main .grid1 .my-application .tit {font-size: 2rem; letter-spacing: -.4px;} .main .grid1 .my-application .cont {margin-top: 2.4rem;} .main .grid1 .my-application .cont p {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 3rem;} .main .grid1 .my-application .alarm-btn {border-radius: 60rem; width: 11.4rem; padding: .8rem; font-size: 1.6rem; letter-spacing: -.32px;} .main .grid1 .my-application .alarm-btn::before {width: 2.7rem; height: 2.7rem; top: -.5rem; left: -.5rem;} .main .grid1 .tit-box {width: calc(50% - 1rem);} .main .grid1 .tit-box .img-wrap {width: 8rem; height: 8rem; margin: 3rem auto 1.2rem;} .main .grid1 .tit-box .img-wrap img {width: 60%;} .main .grid1 .tit-box .tit {font-size: 1.7rem; letter-spacing: -.34px; margin-bottom: 1.8rem;} .main .cont-tit {font-size: 2rem; margin-bottom: 1.8rem; letter-spacing: -.4px;} .main .grid2 .application-box {margin-bottom: 4rem; padding: 1.6rem; border-radius: 1.4rem; gap: 1.1rem;} .main .grid2 .application-box li {width: calc(50% - .6rem); border-radius: .8rem; padding: 1.8rem .5rem; border: .1rem solid rgba(255,255,255,.08);} .main .grid2 .application-box li::after, .main .grid2 .application-box li:not(:last-child)::after {content: ''; width: 4rem; height: 4rem; margin: 2rem auto; } .main .grid2 .application-box li .step {font-size: 1.3rem; letter-spacing: -.26px; margin-bottom: .8rem;} .main .grid2 .application-box li .tit {font-size: 1.5rem; letter-spacing: -.3px;} .main .grid3 {margin-bottom: 3rem;} .main .grid3 .view-more {width: 2.4rem; height: 2.4rem;} .notice-swiper-wrapper {left: -.6rem;} .main .grid3 .notice-list li {padding: 1.4rem; border-radius: 1.4rem; min-height: 18.5rem;} .main .grid3 .notice-list .notice-label {padding: .3rem .9rem; border-radius: .4rem; font-size: 1.2rem; letter-spacing: -.24px; } .main .grid3 .notice-list .tit {margin-top: 1.2rem; font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem; min-height: 8.5rem;} .main .grid3 .notice-list .date {font-size: 1.3rem; letter-spacing: -.26px; margin-top: 2.4rem;} footer {border-top: .1rem solid rgba(255,255,255,.12); padding: 3rem 0;} footer .logo {order: 1; width: 10.1rem; margin: 0 auto 2.4rem;} footer .text-wrap ul {margin: 1.8rem auto 0;} footer .text-wrap li {font-size: 1.2rem; letter-spacing: -.24px; line-height: 2rem;} footer .text-wrap li:not(:last-child)::after {width: .1rem; height: .75rem; margin: 0 .6rem;} footer .text-wrap p {font-size: 1.2rem; letter-spacing: -.24px;} footer .link-list a {font-size: 1.4rem; letter-spacing: -.28px;} .chatbot-wrap {position: fixed; top: 70%; right: 2.5rem; z-index: 55;} .chatbot {width: 19rem; border-radius: 60rem 60rem 60rem 0; padding: 1.6rem 2.4rem; box-shadow: .2rem .2rem 4.8rem 0 rgba(230,30,43,.36); } .chatbot::after {content: ''; width: 4.8rem; height: 4.3rem;} .chatbot img {width: 10.1rem;} .chatbot-wrap .chat-div {box-shadow: .2rem .2rem 2.4rem 0 rgba(24,24,28,.12); border-radius: 2rem; width: calc(100% - 4rem); height: 53rem;} .chat-div .tit::after {content: ''; width: 5.6rem; height: 5rem; right: .4rem;} .chat-div .tit {border-radius: 2rem 2rem 0 0; font-size: 1.8rem; letter-spacing: -.36px; padding: 1.4rem;} .chat-container {padding: 1.4rem 1.6rem 2.4rem; max-height: 41rem;} .chat-container .date {font-size: 1.3rem; letter-spacing: -.26px; margin-bottom: 1.2rem;} .chat-container .chat-note {border-radius: 60rem; padding: 1rem; margin-bottom: 1.8rem; font-size: 1rem; letter-spacing: -.2px;} .chat-container .msg-wrap + .msg-wrap {margin-top: 1.8rem;} .chat-container .msg-wrap .profile {gap: .8rem; margin-bottom: .8rem;} .chat-container .msg-wrap .ai-profile {width: 3.4rem; height: 3.4rem;} .chat-container .msg-wrap .ai-profile::after {content: ''; width: 2rem; height: 2rem;} .chat-container .msg-wrap .profile .time {font-size: 1.2rem; letter-spacing: -.24px;} .chat-container .msg-wrap .msg-box {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem; box-shadow: .2rem .2rem .8rem 0 rgba(24,24,28,.08); padding: 1.2rem; max-width: 80%;} .chat-container .msg-wrap.ai .msg-box {border-radius: 0 2rem 2rem 2rem;} .chat-container .msg-wrap.user .msg-box {border-radius: 2rem 0 2rem 2rem;} .chat-container .msg-wrap .help-list {margin-top: 1rem; gap: .8rem;} .chat-container .msg-wrap .help-list + .help-list {margin-top: 1rem;} .chat-container .msg-wrap .help-list button {font-size: 1.2rem; letter-spacing: -.24px; box-shadow: .2rem .2rem 2.4rem 0 rgba(24,24,28,.08); padding: .7rem .8rem; border: .1rem solid #fff;} .chat-container .msg-wrap .help-list .accent {font-size: 1.3rem; letter-spacing: -.26px;} .chat-input-wrap {border-top: .1rem solid #e0e2ee; padding: 1.2rem 1.6rem; gap: .8rem;} .chat-input-wrap input {border-radius: .8rem; border: .1rem solid #e0e2ee; padding: 1.2rem .6rem;} .chat-input-wrap .chat-btn {min-width: 4.1rem; height: 4.1rem; width: 2.4rem; background-size: 2.5rem;} .chat-input-wrap .chat-btn:hover {background-size: 2.5rem;} .chatbot-close {position: absolute; top: calc(100% + 1.4rem); border-radius: 60rem; padding: 1.5rem 1.4rem; font-size: 1.6rem; letter-spacing: -.32px; box-shadow: .2rem .2rem 2.4rem 0 rgba(24,24,28,.12); gap: .4rem;} .chatbot-close::before {width: 2rem; height: 2rem;} .layout .sub::before {height: 22.1rem;} .layout .sub {padding-bottom: 13rem;} .layout .sub .inner {width: calc(100% - 4rem);} .layout .sub .err-inner {margin-top: 10rem;} .sub .page-tit-wrap {margin: 3.4rem auto;} .sub .page-tit-wrap .tit {font-size: 3rem; margin-bottom: 1.8rem; letter-spacing: -.6px;} .sub .page-tit-wrap .breadcrumb {gap: .4rem;} .sub .page-tit-wrap .breadcrumb li {font-size: 1.3rem; letter-spacing: -.26px; gap: .4rem;} .sub .page-tit-wrap .breadcrumb li:not(:last-child)::after {content: ''; width: 1.6rem; height: 1.6rem;} .sub .page-tit-wrap .breadcrumb .home a {width: 1.6rem; height: 1.6rem;} .top-cont-box {padding: 1rem; border-radius: 1.4rem;} .top-cont-box .select-vote {font-size: 1.8rem; letter-spacing: -.36px; line-height: 2.5rem;} .top-cont-box .select-vote::after {height: .1rem; margin: 1.4rem 0; left: -1.6rem; width: calc(100% + 3.2rem);} .top-cont-box.f-wrap .flex-wrap {gap: .9rem} .search-box {padding: 2.4rem 1.6rem; gap: .9rem;} .only-search {gap: .8rem; padding: 2.5rem 1.6rem;} .search-box .tit {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: .3rem;} .search-box select {width: calc(50% - .45rem);} .search-box .search-items {gap: .9rem; width: 100%;} .search-box .search-items select, .search-box .search-items select, .search-box .search-items .srch-btn {width: calc(50% - .7rem);} .top-cont-box.search-box .srch-btn {width: calc(50% - .45rem); padding: 1.1rem; border-radius: .8rem; letter-spacing: -.3px; font-size: 1.5rem; font-weight: 500; display: flex; gap: .25rem; margin-left: 0;} .search-box .srch-btn::before {width: 1.8rem; min-width: 1.8rem; height: 1.8rem;} .only-search .srch-btn {padding: 2.2rem; width: 8rem !important;} .back-btn-wrap {margin-top: 5rem;} .btn-back {gap: .4rem; border-radius: 30rem; border: .1rem solid #dbdbdb; padding: 1.1rem 2.2rem; font-size: 1.5rem; letter-spacing: -.3px;} .btn-back::before {width: 1.8rem; height: 1.8rem;} .step-box.app-step {padding: 3rem 1.6rem;} .app-step .app-step-tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 1.2rem;} .app-step .sub-txt {font-size: 1.5rem; letter-spacing: -.3px;} .app-step .primary-list {margin: 2.4rem auto; gap: 1.4rem;} .app-step .primary-list label {padding: 2.4rem 1rem; border-radius: 1.2rem;} .app-step .primary-list .tit {font-size: 1.9rem; margin-bottom: 1.4rem; line-height: 2.6rem; letter-spacing: -.38px;} .app-step .primary-list .period {font-size: 1.4rem; letter-spacing: -.28px;} .app-step .btn-submit {border-radius: .8rem; padding: 1.1rem 2.4rem; border: .1rem solid #52535b; font-size: 1.5rem; letter-spacing: -.3px;} .no-item {font-size: 2rem; line-height: 2.7rem; letter-spacing: -.4px; margin-top: 5rem;} .app-cont.result-wrap {margin-top: 3rem;} .search-app-box {padding: 3rem 1.6rem; border-radius: 1.6rem;} .search-app-box .tit {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 1.6rem; } .search-app-box .app-card { margin: 0 auto 2.4rem; padding: 1.6rem; border-radius: 1.6rem; } .search-app-box .app-card .result-cont span {font-size: 1.4rem; letter-spacing: -.28px;} .search-app-box .app-card .result-cont .result1 {padding: .6rem 1rem; } .search-app-box .app-card .result-cont .result2 {margin-left: .6rem;} .search-app-box .app-card .result-cont .result2::after {width: 1.9rem; height: 1.9rem; margin: 0 .6rem;} .search-app-box .app-card .app-tit {font-size: 2.2rem; letter-spacing: -.44px; margin: 2.8rem auto 5.4rem;} .search-app-box .btn-redline {padding: 1.1rem 1.6rem; font-size: 1.5rem; letter-spacing: -.3px;} .pre-apply-wrap {padding: 2.4rem 1.6rem 3rem;} .pre-apply-wrap .step-tit {gap: .6rem; border-bottom: .1rem solid #eeeff6; padding-bottom: 1.7rem; margin-bottom: 3rem;} .pre-apply-wrap .step-tit::before {content: ''; width: 3.4rem; height: 3.4rem;} .pre-apply-list > li + li {margin-top: 4rem;} .pre-apply-list > li::before {content: ''; width: .6rem; min-width: .6rem; height: .6rem; margin-right: .6rem; top: .4rem;} .pre-apply-list > li > .text {width: calc(100% - 1.8rem);} .pre-apply-list > li > .text > .tit {font-size: 1.8rem; letter-spacing: -.36px; margin-bottom: 1.6rem;} .pre-apply-list .box-list {display: flex; gap: .9rem; flex-flow: row wrap;} .pre-apply-list .box-list li {width: calc(50% - .8rem); border-radius: 1.2rem; padding: 1.6rem .5rem;} .pre-apply-list .box-list .ck-area {margin: 0 auto .8rem;} .pre-apply-list .box-list .ck-area input {width: 2rem; height: 2rem;} .pre-apply-list .box-list .num {width: 3rem; height: 3rem; font-size: 1.3rem; letter-spacing: -.26px; margin: 0 auto 1.4rem;} .pre-apply-list .box-list .txt {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .pre-apply-list .box-list .btn-ck {padding: .6rem .2rem; margin: 1.4rem auto 0; font-size: 1.3rem; letter-spacing: -.26px; border-radius: .6rem;} .pre-apply-list .box-list .btn-ck::after {width: 1.6rem; height: 1.6rem;} .pre-apply-list .num-list > li + li {margin-top: 3rem; border-top: .6rem solid #f5f6f9; padding-top: 3rem;} .pre-apply-list .num-list .tit {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: 1.2rem;} .pre-apply-list .num-list .txt {font-size: 1.4rem; margin-bottom: 1.6rem; letter-spacing: -.28px;} .pre-apply-list .btn-black {font-size: 1.4rem; letter-spacing: -.28px; padding: 1.1rem 1.4rem; width: 18.2rem; border-radius: 60rem; margin: 1.6rem 0;} .pre-apply-list .btn-black::after {content: ''; width: 1.7rem; height: 1.7rem;} .pre-apply-list .num-list .ck-list {gap: .6rem;} .pre-apply-list .num-list .ck-list li {padding: 1.2rem .8rem; border-radius: .8rem; border: .1rem solid #e0e2ee; font-size: 1.3rem; letter-spacing: -.26px; line-height: 2rem;} .pre-apply-list .num-list .ck-list .t {background: url(../image/ck-t.png) no-repeat calc(100% - .8rem) center; background-size: 1.8rem;} .pre-apply-list .num-list .ck-list .f {background: url(../image/ck-f.png) no-repeat calc(100% - .8rem) center; background-size: 1.8rem;} .pre-apply-list .num-list .grid2 li:nth-child(3) {letter-spacing: -.35px;} .pre-apply-wrap .btns-wrap {margin-top: 2.4rem; gap: .8rem;} .pre-apply-wrap .btns-wrap button {padding: 1.1rem 2.4rem; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .8rem;} .state-box {padding: 1.8rem 1rem;} .app-breadcrumb {margin-bottom: 4.2rem;} .app-breadcrumb li:not(:last-child)::after {content: ''; width: 1.4rem; height: 1.4rem; margin: 0 .8rem; background: url(../image/arrow-right.png) no-repeat center; background-size: cover;} .app-breadcrumb .num {display: flex; width: 2rem; height: 2rem; font-size: 1.4rem; margin-right: .8rem;} .app-breadcrumb .cur .tit {font-size: 1.5rem; letter-spacing: -.3px; top: calc(100% + 1.8rem);} .appForm {margin-top: 2rem;} .appForm .step-box {margin-bottom: 8.4rem; padding: 3rem 1.6rem;} .appForm .privacy-list {gap: 1.2rem;} .appForm .privacy-list li {padding: 2rem .8rem 2rem 1.4rem; border-radius: .8rem;} .appForm .privacy-list input {width: 2rem; min-width: 2rem; height: 2rem; margin-right: .8rem;} .appForm .privacy-list .tit {font-size: 1.5rem; letter-spacing: -.3px; margin-right: 1rem;} .appForm .privacy-list button {font-size: 1.2rem; letter-spacing: -.24px; line-height: 1.7rem; width: 5.6rem; min-width: 5.6rem;} .space-btn-wrap button {padding: 1.1rem 1rem; width: 8rem; font-size: 1.5rem; border-radius: .8rem; letter-spacing: -.3px;} .space-btn-wrap .btn-prev::before {width: 1.8rem; height: 1.8rem;} .space-btn-wrap .btn-prev {border: .1rem solid #e0e2ee;} .space-btn-wrap .btn-next::after {width: 1.8rem; height: 1.8rem;} .appForm .space-btn-wrap .btn-wrap {gap: .8rem; top: -6rem;} .appForm .space-btn-wrap .btn-wrap button {border-radius: .8rem; padding: 1.1rem 1.4rem; font-size: 1.5rem; letter-spacing: -.3px; gap: .4rem;} .appForm .space-btn-wrap .btn-wrap button::before {content: ''; width: 1.8rem; height: 1.8rem;} #confirmModal .modal-container {width: calc(100% - 4rem); padding: 3rem 1.4rem 0;} #confirmModal .content-box {margin-bottom: 1.6rem; max-height: 34rem; border-radius: 1.2rem; padding: 1.4rem;} #confirmModal .content-box p {font-size: 1.4rem; letter-spacing: -.28px;} #confirmModal .content-box .privacy-cont-list {margin-top: 1.6rem;} #confirmModal .content-box .privacy-cont-list > li + li {margin-top: 1.2rem;} #confirmModal .content-box .tit {font-size: 1.4rem; margin-bottom: .8rem;} #confirmModal .content-box .txt {font-size: 1.4rem; letter-spacing: -.286px; line-height: 2.1rem;} #confirmModal .privacy-radio-wrap {gap: .8rem;;} #confirmModal .privacy-radio-wrap input {width: 2rem; height: 2rem;} #confirmModal .privacy-radio-wrap .tit {font-size: 1.5rem; letter-spacing: -.3px;} #confirmModal .privacy-radio-wrap input:checked + .tit::before {width: 2rem; height: 2rem; margin-right: .6rem;} .zero-num-list > li + li {margin-top: 1.2rem;} .dot-list > li::before {content: ''; width: .6rem; min-width: .6rem; height: .6rem; top: .7rem;} .tb1 th, .tb1 td {border: .1rem solid #e0e2ee;} .tb1 thead th {padding: 1.45rem; font-size: 1.5rem; letter-spacing: -.3px;} .tb1 tbody td {padding: 1.2rem .5rem;} .appForm .red-box {margin-bottom: 3rem; border-radius: .8rem; padding: 1.6rem; font-size: 1.5rem; letter-spacing: -.3px;} .appForm .red-box .select-box {margin-top: 1.4rem; gap: .5rem;} .appForm .red-box .select-box li {padding: 1.1rem .8rem;} .appForm .red-box .select-box li .tit {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .red-box .select-box li .tit::after {width: .1rem; height: 1.4rem; margin: 0 .6rem;} .appForm .red-box .select-box li .cont {font-size: 1.5rem; letter-spacing: -.15px;} .appForm .cont-list > li + li {margin-top: 3rem;} .appForm .cont-list > li > .tit {font-size: 1.8rem; letter-spacing: -.36px; margin-bottom: 1.6rem;} .appForm .cont-list .zero-num-list {margin-bottom: 1.8rem;} .appForm .cont-list .zero-num-list li {font-size: 1.5rem; letter-spacing: -.3px;} .appForm .cont-list .tb1 td {padding: 1.2rem;} .appForm .cont-list .tb1 .label {font-size: 1.4rem; letter-spacing: -.28px; padding: .6rem 1rem; border-radius: .6rem; width: 6.8rem; margin: 0 auto 1.2rem;} .appForm .cont-list .tb1 .c {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .cont-list .note-list {margin-top: 2.4rem;} .appForm .cont-list .note-list li{gap: 0 .4rem;} .appForm .cont-list .note-list li {font-size: 1.4rem; letter-spacing: -.28px;} .appForm .cont-list .dash-list {margin-top: 1rem;} .appForm .cont-list .dash-list li {font-size: 1.3rem; letter-spacing: -.26px;} .appForm .cont-list .dash-list li .txt {width: calc(100% - 1rem); line-height: 2rem;} .appForm .cont-list .dash-list li + li {margin-top: .4rem;} .appForm .cont-list .input-wrap {display: flex; gap: 2rem;} .appForm .cont-list .public-ck input {width: 2rem; height: 2rem; margin-right: .3rem;} .appForm .cont-list .public-ck .tit {font-size: 1.5rem; letter-spacing: -.3px;} .appForm .cont-list .note {margin-top: 1.7rem; font-size: 1.3rem; letter-spacing: -.26px;} .appForm-wrap .appForm-list {display: flex; gap: .6rem; margin-bottom: 3.4rem;} .appForm-wrap .appForm-list li {width: calc(33% - .3rem)} .appForm-wrap .appForm-list button {border-radius: .4rem; border: .1rem solid #e0e2ee; padding: .6rem .1rem; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .form-wrap .tit {font-size: 1.7rem; line-height: 2.4rem; letter-spacing: -.34px; margin-bottom: 1.4rem;} .appForm-wrap .tb-wrap + .tb-wrap {margin-top: 3rem;} .appForm-container {border: .1rem solid #e9e0df; border-top: .1rem solid #f18070;} .appForm-container .form-field {display: flex; border-bottom: .1rem solid #e9e0df;} .appForm-container > .form-field > .tit, .appForm-container .top-w > .form-field:nth-child(1) .tit, .appForm-container .s2 .tit {width: 10.4rem; min-width: 10.4rem;} .appForm-container .m-tit {width: 5.5rem; border-bottom: .5rem solid #e9e0df;} .appForm-container .sm-tit {width: 5.1rem;} .appForm-wrap .appForm-container .tit {border-right: .1rem solid #e9e0df; padding: 1.2rem .2rem; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .appForm-container .default {font-size: 1.4rem; letter-spacing: -.28px; padding: 1.2rem .8rem;} .appForm-container .double .tit {width: 10.4rem; min-width: 10.4rem;} .appForm-container .photo-field .tit {width: 10.4rem; min-width: 10.4rem; border-right: .1rem solid #e9e0df; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-container .photo-wrap {width: calc(100% - 10.4rem);} .appForm-container .photo-field .tit .size {margin-top: .6rem; margin-bottom: 1.2rem;} .appForm-container .photo-field .label-tit {padding: .7rem 1rem; border-radius: .6rem; font-size: 1.3rem;} .image-clear {width: 2.5rem; height: 2.5rem; border: .1rem solid #fff; background: #52535b url(../image/image-clear.png) no-repeat center; background-size: 1.6rem; } .appForm-container .s1 {border-bottom: 0; flex: 1rem; border-right: .1rem solid #e9e0df;} .appForm-container .s1 .m-tit {border-bottom: .1rem solid #e9e0df;} .appForm-container .col-wrap {border-bottom: 0;} .appForm-container .col .form-field {border-right: 0;} .appForm-container .s1 .col {width: calc(100% - 5rem);} .appForm-container .s2 {flex: .72;} .appForm-container .s1 .value{width: calc(100% - 4rem);} .appForm-container .s2 .value{width: calc(100% - 9rem);} .appForm-container .s .value{width: calc(100% - 9rem);} .appForm-container .value {font-size: 1.4rem;} .appForm-container .double .value {width: calc(100% - 9rem);} .image-preview-container {width: 11.3rem;} .appForm-wrap .input-wrap {margin: 1.2rem .6rem;} .appForm-wrap .input-wrap .input-area {margin-top: 1rem; font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem; min-height: 5.5rem;} .appForm-wrap .btn-gray {padding: .7rem 1rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px;} .appForm-wrap .form-wrap > .txt {margin-top: 2.4rem; font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem;} .appForm-wrap .tb-wrap .appContainer1 textarea, .appForm-wrap .tb-wrap .appContainer3 textarea, .appForm-wrap .tb-wrap .appForm-tb5 textarea {height: 9rem; line-height: 2.1rem;} .appForm-container .mo-flex {border: .1rem solid #e9e0df;} .appForm-container .mo-flex + .mo-flex {margin-top: .4rem;} .appForm-container .row-template + .mo-flex {margin-top: .4rem;} .appForm-container .mo-flex .form-field:nth-child(1) {width: 10.4rem;} .appForm-container .mo-flex .form-field:nth-child(2) {width: calc(100% - 10.4rem);} .appForm-container .mo-flex .form-field .tit:not(:last-child), .appForm-container .mo-flex .form-field .value:not(:last-child) {border-bottom: .1rem solid #e9e0df;} .appForm-container .mo-flex .tit {height: 4.2rem;} .appForm-container .mo-flex .o1 {height: 9rem;} .appForm-container .mo-flex.last .o1 {height: 10rem;} .appContainer2 .input-wrap {flex-flow: column;} .appContainer4 .mo-flex {border-bottom: .1rem solid #e9e0df;} .appContainer5 .mo-flex {border-bottom: 0 !important;} .appContainer5 .form-field .value:not(:last-child) {border-right: 0 !important;} .appForm-wrap .appForm-tb th {width: 10.4rem; font-size: 1.4rem; line-height: 2.1rem; letter-spacing: -.28px;} .appForm-tb th {width: 10.4rem;} .appForm-tb td {width: calc(100% - 10.4rem);} .date-wrap::after {width: 2.3rem; height: 2.3rem; right: .8rem;} .appForm-tb5 .input-wrap {padding: 1.2rem .6rem; margin: 0;} .appForm-wrap .appForm-tb5 .input-wrap select, .appForm-wrap .appForm-tb5 .input-wrap textarea {width: 100%; padding: .6rem .8rem; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .appForm-tb5 .input-wrap select option {font-size: 1.4rem; letter-spacing: -.28px;} .appContainer5 .mo-flex .form-field:nth-child(1), .appContainer5 .mo-flex:last-child .form-field:last-child {border-bottom: .1rem solid #e9e0df;} .appContainer5 .form-field .tit:not(:last-child), .appContainer5 .form-field .value:not(:last-child) {border-right: .1rem solid #e9e0df;} .appContainer3 .form-field .value:not(:last-child), .appContainer4 .form-field .value:not(:last-child), .appContainer5 .form-field .value:not(:last-child), .appContainer6 .form-field .value:not(:last-child), .appContainer7 .form-field .value:not(:last-child), .appForm-wrap .appForm-tb th {border-right: 0;} .appContainer5 .mo-flex .o1, .appContainer7 .mo-flex .o1{height: 4.2rem;} .appContainer8 .mo-flex .form-field:nth-child(1), .appContainer8 .mo-flex .form-field {width: 100% !important; border-bottom: .1rem solid #e9e0df;} .appContainer8 .mo-flex .form-field .tit {border-bottom: 0 !important; border-left: 0 !important;} .appContainer8 .mo-flex .form-field:not(:last-child) .inner:not(:last-child) {border-bottom: .1rem solid #e9e0df;} .appContainer8 .num-wrap {border-right: .1rem solid #e9e0df; width: 4rem; font-size: 1.4rem; font-weight: bold;} .appContainer8 .col-wrap {width: calc(100% - 4rem);} .appContainer8 .col-wrap .inner {width: 100%;} .appContainer8 .col-wrap .tit, .appContainer8 .mo-flex .form-field .tit, .appContainer8 .mo-flex .tit{width: 6.8rem; min-width: 6.8rem;} .appContainer8 .col-wrap .value {width: calc(100% - 6.8rem);} .appForm-wrap .tb-wrap .appContainer8 textarea {height: 21rem;} .appContainer8 .n .tit {height: 22rem;} .appContainer8 .row-template + .mo-flex, .appContainer8 .mo-flex + .mo-flex{margin-top: 0; border-top: .1rem solid #e9e0df !important;} .appContainer8-1 {border-left: 0; border-right: 0;} .appContainer8-1 .mo-flex {border-bottom: .1rem solid #e9e0df !important;} .appContainer8-1 .mo-flex + .mo-flex {border-top: 0 !important; border-bottom: 0 !important;} .appContainer8-1 .n .tit {height: auto;} .appContainer8-1 .form-field, .appContainer9 > .form-field {flex-flow: row !important;} .appContainer8-1 .mo-flex .form-field:not(:last-child) .inner:not(:last-child) {border-bottom: 0;} .appContainer9 .double, .appContainer9 .value-container, .appContainer8-1 .col-wrap .form-field {flex-flow: column !important;} .form-field.no-bottom {border-bottom: 0 !important;} .appContainer8-1 .mo-flex .tit {height: auto;} .appContainer8-1 .form-field + .form-field .num-wrap {border-bottom: .1rem solid #e9e0df;} .appContainer8-1 .num-wrap {border-left: .1rem solid #e9e0df;} .appContainer8-1 .col-wrap {border-right: .1rem solid #e9e0df;} .appForm-wrap .appForm-container.appContainer8-1 .tit, .appForm-wrap .appForm-container.appContainer8-2 .tit {padding: 1.1em 1rem; word-break: keep-all;} .appContainer8-1 .col-wrap .form-field .inner:first-child {border-bottom: .1rem solid #e9e0df !important;} .appContainer8-1 .col-wrap .form-field .inner:last-child .tit {border-left: .1rem solid #e9e0df;} .appContainer8-1 .form-field.n {margin-top: .4rem; display:flex; border: .1rem solid #e9e0df !important; border-bottom: 0 !important;} .appContainer8-1 .form-field.n .tit {min-width: 10.7rem;} .appForm-wrap .tb-wrap .appContainer11 .sm-tit {width: 47px;} .appForm-container .check-container { padding: 1.2rem 1.6rem; gap: 1.6rem 2rem; width: calc(100% - 50px);} .appForm-container .check-wrap {font-size: 1.4rem; letter-spacing: -.24px;} .appForm-container .check-wrap input {align-self: flex-start; width: 2.2rem; min-width: 2.2rem; height: 2.2rem; margin-right: .6rem;} .appForm-container .addr-container p {padding: 1rem 1rem 0; font-size: 1.4rem; letter-spacing: -.28px;} .appForm-container .value input.zip-code {display: inline-block; width: 10rem; min-width: 10rem;} .appContainer9 .tit {min-width: 18rem;} .appContainer9 .value-container .value {padding-right: 1.5rem;} .appContainer9 .value-container .value:not(:last-child) {border-right: 0; border-bottom: .1rem solid #e9e0df;} .appContainer9 .value {font-size: 1.4rem;} .appForm-wrap .tb-wrap .appContainer11 .m-tit {flex-flow: column; width: 5.8rem; padding: 1.2rem .1rem; word-break: break-all;} .appForm-wrap .tb-wrap .appContainer11 .sm-tit {word-break: break-all;} .appContainer11 .s1 {border-right: 0;} .appForm-tb3 {width: 145rem !important;} .appForm-wrap .appForm-tb.appForm-tb3 td {font-size: 1.4rem; letter-spacing: -.28px;} .appForm-tb3 col {width: 6.4rem;} .appForm-tb3 col:nth-child(1), .appForm-tb3 col:nth-child(2), .appForm-tb3 col:nth-child(3) {width: 8.8rem;} .appForm-wrap .appForm-tb.appForm-tb3 .black, .appForm-wrap .appForm-tb.appForm-tb3 .black td {border-bottom: .1rem solid #000;} .appForm-wrap .appForm-tb.appForm-tb3 th {padding: 1.2rem .1rem;} .appForm-wrap .tb-wrap .tit-wrap {margin-bottom: .8rem;} .appForm-wrap .tb-wrap .sub-tit {font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .tb-wrap .note-box {margin-top: 3rem; padding: 2rem 1.4rem; border-radius: 1.2rem;} .appForm-wrap .tb-wrap .note-box .note-list li + li { margin-top: .6rem;} .appForm-wrap .tb-wrap .note-box .note-list .text {font-size: 1.4rem; letter-spacing: -.28px;} .appForm-wrap .appForm-tb.appForm-tb4 {table-layout: auto;} .appForm-tb4 colgroup {display: table-column-group !important;} .appForm-tb4 col:nth-child(1) {width: 5.5rem;} .appForm-tb4 col:nth-child(3) {width: 12rem;} .appForm-wrap .tb-wrap .appForm-tb.appForm-tb4 tr td textarea { margin-top: .8rem; border: .1rem solid #cdcfdb; height: 10.4rem;} .appForm-wrap .appForm-tb.appForm-tb4 tr td {padding: 1.6rem 1rem; font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem} .appForm-tb4 tr td.no-pd {padding: 0 !important;} .appForm-tb4 tr td.no-pd textarea {height: 18rem !important; min-height: 18rem !important; line-height: 2.1rem; border: 0 !important;} .appForm-wrap .tb-wrap .appForm-tb4 .radio-wrap, .appForm-wrap .tb-wrap .appForm-tb4 .check-wrap { gap: 1.4rem !important;} .appForm-wrap .appForm-tb.appForm-tb4 input:not(.sm-input) {border: .1rem solid #cdcfdb; margin-top: .4rem;} .appForm-wrap .tb-wrap .appForm-tb4 .radio-wrap input, .appForm-wrap .tb-wrap .appForm-tb4 .check-wrap input {min-width: 2rem; margin: 0 .6rem 0 0 !important;} .appForm-wrap .appForm-tb.appForm-tb4 input.sm-input{ width: 4rem; border: .1rem solid #cdcfdb; } .appForm-wrap .appForm-tb:not(.appForm-tb4) th:nth-child(1), .appForm-wrap .appForm-tb:not(.appForm-tb4) td:nth-child(2) {border-bottom: 0;} .appForm-tb5 {border-bottom: .1rem solid #e9e0df;} .appForm-wrap .tb-wrap .note {font-size: 1.3rem; margin-top: 1.2rem; letter-spacing: -.26px; line-height: 2rem;} .appForm-wrap .tb-wrap .note li + li {margin-top: .4rem;} .appForm .tb-bottom .row-btns {margin-top: 1.2rem;} .appForm-wrap .tb-wrap textarea { border-radius: 1.2rem; border: .1rem solid #e9e0df; height: 18.4rem;} .appForm .tb-wrap > .row-btns {margin-top: 1.2rem;} .appForm .row-btns {gap: .6rem;} .appForm .row-btns button {padding: .7rem 1rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px;} .appForm select, .appForm input, .appForm textarea {font-size: 1.4rem; letter-spacing: -.56px; font-weight: 500;} .appForm-wrap .tb-wrap .box {padding: 2rem 2.4rem; border-radius: 1.2rem;} .appForm-wrap .tb-wrap .box .tit {font-size: 1.5rem; margin-bottom: 1rem; line-height: 2.2rem; letter-spacing: -.px;} .appForm-wrap .tb-wrap .box .txt-wrap {font-size: 1.4rem; line-height: 2.1rem; letter-spacing: -.28px;} .appForm-wrap .tb-wrap .box .dot-list > li + li {margin-top: 1.4rem;} .appForm-wrap .tb-wrap .note-list {margin: 1.8rem 0;} .appForm-wrap .tb-wrap .note-list li::before {font-size: 1.7rem;} .appForm-wrap .tb-wrap .note-list li + li {margin-top: 1.8rem;} .appForm-wrap .tb-wrap .note-list .text {font-size: 1.7rem; letter-spacing: -.34px; line-height: 2.4rem;} .appForm-wrap .tb-wrap .radio-wrap, .appForm-wrap .tb-wrap .check-wrap {gap: 1rem; margin: 1.6rem auto 2.5rem;} .appForm-wrap .tb-wrap .radio-wrap input, .appForm-wrap .tb-wrap .check-wrap input {width: 2rem; height: 2rem; margin-right: .6rem;} .appForm-wrap .tb-wrap .radio-wrap label, .appForm-wrap .tb-wrap .check-wrap label {font-size: 1.5rem; letter-spacing: -.3px;} .appForm .doc-ck-list {padding-top: 3rem; border-top: .1rem solid #eeeff6;} .appForm .doc-ck-list > li::before {width: .6rem; min-width: .6rem; height: .6rem; margin-right: .4rem; top: .7rem;} .appForm .doc-ck-list > li > .text {width: calc(100% - 1rem);} .appForm .doc-ck-list > li > .text > .tit {font-size: 1.8rem; margin-bottom: 1.6rem; letter-spacing: -.36px;} .appForm .doc-ck-list .num-list > li + li {margin-top: 3rem; border-top: .6rem solid #f5f6f9; padding-top: 3rem;} .appForm .doc-ck-list .num-list .tit {font-size: 1.6rem; margin-bottom: .6rem; letter-spacing: -.18px;} .appForm .doc-ck-list .dash-list li + li {margin-top: .4rem;} .appForm .doc-ck-list .dash-list li::before {position: relative; top: .5rem; font-size: 1.4rem;} .appForm .doc-ck-list .dash-list .text {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .appForm .doc-ck-list .btn-black {width: 18.2rem; margin: 1.6rem 0; padding: 1.1rem 1.4rem; font-size: 1.4rem; letter-spacing: -.28px; border-radius: 60rem;} .appForm .doc-ck-list .btn-black::after {width: 1.7rem; height: 1.7rem;} .appForm .doc-ck-list .cert-tb col:nth-child(1) {width: 25%;} .appForm .doc-ck-list .cert-tb col:nth-child(2) {width: 45%;} .appForm .doc-ck-list .cert-tb col:nth-child(3) {width: 20%;} .appForm .doc-ck-list .cert-tb col:nth-child(4) {width: 20%;} .appForm .doc-ck-list .cert-tb th, .appForm .doc-ck-list .cert-tb td {border: .1rem solid #e0e2ee;} .appForm .doc-ck-list .cert-tb th { padding: 1.1rem; font-size: 1.4rem; letter-spacing: -.28px;} .appForm .doc-ck-list .cert-tb td {padding: 1.2rem .9rem; font-size: 1.3rem; letter-spacing: .26px;} .appForm .doc-ck-list .cert-tb input[type="checkbox"] {width: 2rem; height: 2rem; margin-bottom: .6rem;} .appForm .doc-ck-list .cert-tb .btnSelectIssue {width: 3.8rem; padding: .5rem .8rem; font-size:1.2rem; letter-spacing: -.24px; line-height: 1.9rem; border-radius: .6rem;} .appForm .doc-ck-list .cert-tb .ck {width: 1.8rem; height: 1.8rem;} .appForm .doc-ck-list .cert-tb label {font-size: 1.3rem; align-items: center;} .appForm .doc-ck-list .cert-tb label input {margin: 0 .4rem 0 0 !important;} .appForm .doc-ck-list .cert-tb .mo {margin-right: .4rem;} .appForm .top-area input {width: 100% !important;} .appForm .top-area + input {margin-top: 0 !important;} .my-app-box .txt {margin-bottom: 1.2rem; font-size: 1.6rem; letter-spacing: -.32px;} .my-app-box .alarm-area {font-size: 1.3rem; letter-spacing: -.26px;} .my-app-box .alarm-area::before {width: 1.8rem; height: 1.8rem; margin-right: .4rem;} .my-app-box .alarm-area .btn-main {font-size: 1.2rem; padding: .4rem; letter-spacing: -.24px; border-radius: .6rem; margin-left: .6rem;} .my-app-list-box {margin-top: 3rem; padding: 3rem 1.6rem;} .my-app-list-box .tit-wrap .date {font-size: 1.4rem; letter-spacing: -.28px; margin-bottom: 1rem;} .my-app-list-box .tit-wrap .tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 1.6rem} .my-app-list-box .my-app-info {gap: 1rem; font-size: 1.5rem; letter-spacing: -.3px;} .my-app-list {margin: 2.4rem 0 0;} .my-app-list li:nth-child(1) {border-radius: 1rem 0 0 0;} .my-app-list li:nth-child(2) {border-radius: 0 1rem 0 0;} .my-app-list li button {padding: 1.3rem 0; gap: .4rem; font-size: 1.5rem; letter-spacing: -.3px;} .my-app-list li button::before {width: 1.8rem; height: 1.8rem;} .myAppForm-wrap {padding: 1.4rem 1.2rem; border-radius: 0 0 1rem 1rem; border: .2rem solid var(--color-main);} .myAppForm-wrap .form-wrap {border: .1rem solid #e0e2ee; border-radius: .6rem;} .myAppForm-wrap .form-wrap .history-tb1 col:nth-child(1) {width: 31%;} .myAppForm-wrap .form-wrap .history-tb2 col:nth-child(1) {width: 34%;} .myAppForm-wrap .form-wrap .history-tb2 col:nth-child(2) {width: 34%;} .myAppForm-wrap .form-wrap .history-tb th, .myAppForm-wrap .form-wrap .history-tb td {border: .1rem solid #e0e2ee;} .myAppForm-wrap .form-wrap .history-tb th {padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px;} .myAppForm-wrap .form-wrap .history-tb tr td {padding: 1.1rem .5rem; font-size: 1.4rem; letter-spacing: -.28px;} .my-app-list-box .btn-wrap {margin-top: 2.4rem; gap: .8rem;} .my-app-list-box .btn-wrap button {font-size: 1.5rem; letter-spacing: -.3px; padding: 1.1rem; width: 11rem; gap: .4rem; border-radius: .8rem;} .my-app-list-box .btn-wrap button::before {width: 1.8rem; height: 1.8rem;} .notice-list-wrap {margin-top: 3rem;} .notice-list-wrap .notice-list {margin-bottom: 2.4rem; gap: .9rem;} .notice-list-wrap .notice-list li {width: calc(50% - .45rem);} .notice-list-wrap .notice-list li.no-data { font-size: 1.4rem; letter-spacing: -.28px; } .notice-list-wrap .notice-list li.no-data::before {content: ''; width: 5rem; height: 5rem; margin: 0 auto 1rem;} .notice-list-wrap .notice-list a {padding: 1.6rem 1.4rem; box-shadow: .2rem .2rem 1.6rem 0 rgba(24,24,28,.08); border-radius: 1.6rem;} .notice-list-wrap .notice-list .label {padding: .4rem .5rem; margin-bottom: 1.3rem; min-width: 5rem; font-size: 1.3rem; letter-spacing: -.26px; border-radius: .6rem;} .notice-list-wrap .notice-list .tit {font-size: 1.6rem; letter-spacing: -.32px; height: 11.1rem; margin-bottom: 1.4rem; line-height: 2.3rem; -webkit-line-clamp: 5;} .notice-list-wrap .notice-list .date {font-size: 1.4rem; letter-spacing: -.28px;} .paging {gap: .6rem;} .paging .paging-btn {width: 3rem; height: 3rem; border-radius: .6rem; border: .1rem solid #e0e2ee; box-shadow: .2rem .2rem .6rem 0 rgba(24,24,28,.12);} .paging .first {background: url(../image/first.png) no-repeat center #fff; background-size: 2.4rem;} .paging .prev {background: url(../image/prev.png) no-repeat center #fff; background-size: 2.4rem;} .paging .next {background: url(../image/next.png) no-repeat center #fff; background-size: 2.4rem;} .paging .last {background: url(../image/last.png) no-repeat center #fff; background-size: 2.4rem;} .paging .page-count {margin: 0 1.2rem; font-size: 1.5rem; letter-spacing: -.3px;} .detail-box {padding: 3rem 1.6rem;} .detail-box .tit-area {margin-bottom: 2.4rem;} .detail-box .label {font-size: 1.3rem; letter-spacing: -.26px; padding: .4rem; width: 5rem; border-radius: .6rem; margin-right: .8rem;} .detail-box .tit-area .tit {font-size: 2rem; letter-spacing: -.4px;} .detail-box .date {font-size: 1.4rem; margin-top: 1.2rem; letter-spacing: -.28px;} .detail-box .file-area {margin-bottom: 2.4rem; padding: 1.4rem; border-radius: .8rem;} .detail-box .file-area .tit {font-size: 1.4rem; letter-spacing: -.28px; margin-bottom: 1.6rem;} .detail-box #file-list {gap: 1.8rem;} .detail-box #file-list a {font-size: 1.5rem; letter-spacing: -.3px; max-width: calc(100% - 3.8rem);} .detail-box #file-list .icon {width: 2.2rem; height: 2.2rem; margin-left: 1.4rem;} .detail-box .view-area {font-size: 1.6rem; letter-spacing: -.32px; line-height: 2.3rem;} .detail-btns {margin-top: 2.4rem;} .detail-btns .btn {border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px;} .detail-btns .btn-list {padding: 1.1rem 2.7rem;} .digital-cert {padding: 3rem 1.6rem} .digital-cert-wrap .gov_logo {margin-bottom: 1.4rem; width: 15rem;} .digital-cert-wrap .tit {font-size: 2rem; margin-bottom: 2.4rem; letter-spacing: -.4px;} .digital-cert-wrap .ck-wrap {border-radius: .8rem;} .digital-cert-wrap .all-check-wrap {padding: 1.5rem .8rem;} .digital-cert-wrap .agree-item {padding: 1.3rem .8rem;} .digital-cert-wrap input[type="checkbox"] {width: 2rem; height: 2rem; margin-right: .6rem;} .digital-cert-wrap .btn-main {margin-top: 2.4rem; padding: 1.1rem; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .8rem;} .digital-cert-tab-list li {padding: 1.9rem 1.2rem;} .digital-cert-tab-list li button {font-size: 1.6rem; letter-spacing: -.9px;} .apply-container .cert-cont-wrap {padding: 3rem 1.6rem;} .apply-container .myCert-check-box {border-radius: 1.2rem; padding: 1.6rem 1.4rem; margin-bottom: 3rem;} .apply-container .period-list {margin-bottom: 1.4rem; gap: .5rem;} .apply-container .period-list button {padding: .8rem; border-radius: .6rem; font-size: 1.4rem; letter-spacing: -.28px;} .step-box .myCert-check-box .input-flex {gap: .2rem; margin-bottom: 1.4rem;} .apply-container .myCert-check-box .input-flex input {border: .1rem solid #e0e2ee; font-size: 1.4rem; border-radius: .8rem; padding: .8rem; letter-spacing: -.1rem;} .apply-container .myCert-check-box .input-flex .dash {min-width: .9rem; height: .1rem;} .apply-container .myCert-check-box .btn-lightred {padding: .8rem; border-radius: .6rem; font-size: 1.4rem; letter-spacing: -.28px;} .apply-container .total {font-size: 1.3rem; letter-spacing: -.26px; margin-bottom: 1.4rem;} .apply-container .result-top {margin-bottom: 1.4rem;} .apply-container .result-top .btn-wrap {gap: .6rem;} .apply-container .result-top button {padding: .7rem .6rem; border-radius: .6rem; gap: .3rem; font-size: 1.2rem; letter-spacing: -.24px;} .apply-container .result-top button::before {width: 1.5rem; height: 1.5rem;} .apply-container .result-tb {margin-bottom: 2.4rem;} .apply-container .result-tb tr {border-radius: 1.2rem; padding: 1.8rem 1.2rem; border: .1rem solid #e0e2ee;} .apply-container .result-tb tr + tr {margin-top: 1.2rem;} .apply-container .result-tb td .mo {margin-right: .4rem;} .apply-container .result-tb td:nth-child(1) {order: 1; padding-left: 0;} .apply-container .result-tb td:nth-child(2) {padding-left: 1.2rem; order: 2; width: calc(100% - 3.2rem);} .apply-container .result-tb td:nth-child(3) {order: 3; width: 100%; padding-top: 1.4rem;} .apply-container .result-tb td:nth-child(4) {order: 4; width: 100%; padding-top: 1.4rem;} .apply-container .result-tb td:nth-child(5) {order: 5; padding-top: 1.4rem; width: 100%;} .apply-container .result-tb td:nth-child(6) {order: 6; padding-top: 1.4rem;} .apply-container .result-tb input {width: 2rem; height: 2rem;} .apply-container .result-tb td {padding-left: 3.2rem; font-size: 1.3rem; letter-spacing: -.28px;} .apply-container .result-tb .tit {font-size: 1.6rem; letter-spacing: -.32px;} .apply-container .result-tb .btn-redline {padding: .6rem 1.5rem; border-radius: .6rem; font-size: 1.5rem; letter-spacing: -.3px;} .apply-container .result-tb .btn-blueline {padding: .6rem 1.5rem; border-radius: .6rem; font-size: 1.5rem; letter-spacing: -.3px;} .apply-container .result-tb4 .btn-redline, .apply-container .result-tb4 .btn-blueline{font-size: 1.2rem;} .apply-container .result-tb4 td, .apply-container .result-tb4 td:nth-child(2){padding-left: 0; padding-top: 0 !important; padding: .6rem 0 !important;} .apply-container .result-tb4 td:nth-child(1) {font-weight: 500; margin-bottom: .6rem; color: #000;} .apply-container .result-tb4 .mo {color: #52535b;} .apply-container .result-tb4 .tit {margin-left: .8rem;} .apply-container .result-tb4 .btn-group button + button {margin-left: .4rem;} .apply-container .note-list > li::before {font-size: 1.4rem;} .apply-container .note-list li + li {margin-top: .8rem;} .apply-container .note-list .text {font-size: 1.4rem; letter-spacing: -.28px;} .apply-container .search-date {flex-flow: row wrap; font-size: 1.4rem; letter-spacing: -.28px; width: 100%; margin: 2rem 0; border-radius: .8rem; border: .1rem solid #e0e2ee; background: #f5f6f9; padding: .6rem;} .apply-container .search-date p {font-size: 1.5rem; font-weight: 500; margin-bottom: .8=7rem;} .apply-container .search-date .input-div {width: 100%; display: flex; align-items: center; margin: .6rem 0;} .apply-container .search-date .input-div .date-wrap {width: 85%; margin-right: 1rem;} .apply-container .search-date input {width: 100%; border: .1rem solid #e0e2ee; margin: 0 .4rem;} .apply-container .search-date .search-btn {width: 100%; margin-left: 0rem; margin-top: .7rem; border-radius: .8rem; background: #171a36; color: #fff; font-size: 1.4rem; padding: 1.2rem 1.4rem;} #docListModal .modal-container {width: calc(100% - 4rem); padding: 3rem 1.4rem 0;} #docListModal .modal-title {font-size: 1.7rem; border-bottom: .1rem solid #8d8e98; margin-bottom: 1rem; letter-spacing: -.34px;} #docListModal .modal-title img {width: 13rem; margin: 0 auto .1rem;} .mw_sel_box {max-height: 65rem;} .mw_sel_box .tit {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 1rem;} .mw_sel_inner + .mw_sel_inner {margin-top: 2rem;} .mw_sel_list, .individually-list {gap: .4rem;} .mw_sel_list li, .individually-list li {width: calc(50% - .2rem); border-radius: .8rem; padding: 1rem .8rem; border: .1rem solid #e0e2ee;} .mw_sel_list li input {width: 2rem; min-width: 2rem; height: 2rem; margin-right: .6rem;} .mw_sel_list li label, .individually-list .cert-tit, .individually-list .label {font-size: 1.3rem; letter-spacing: -.26px;} .individually-list li {padding: .8rem .6rem;} .individually-list .btn {padding: .45rem .6rem; font-size: 1.2rem; letter-spacing: .24px; margin-left: .4rem; border-radius: .6rem;} #docListModal .note-list {margin-top: 1.8rem; line-height: 2rem;} #docListModal .note-list li {font-size: 1.3rem; letter-spacing: -.26px;} #rejectModal textarea {border: .1rem solid #e9e0df; height: 15rem;} .apply-container .tit-wrap {width: 100%; padding: 1.9rem 2.8rem; display: flex; justify-content: space-between; background: #171a36;} .apply-container .tit-wrap .tit {font-size: 1.8rem; color: #fff; font-weight: 500; letter-spacing: -.36px;} .apply-container .tit-wrap .note {font-size: 1.4rem; letter-spacing: -.28px; color: #a7a9b6;} .apply-container .appFormTxt-wrap {margin: 3rem 1.6rem 2.4rem;} .apply-container .appFormTxt-wrap p {margin-bottom: 1.2rem; font-size: 1.7rem; letter-spacing: -.34px;} .apply-container .appFormTxt-wrap .red {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .doc-form-wrap {margin: 0 1.6rem 2rem;} .doc-form-item + .doc-form-item {margin-top: 1.2rem;} .doc-form-item {border-radius: 1.2rem; border: .1rem solid #e0e2ee; padding: 1.8rem 1.4rem;} .doc-form-item .docName {font-size: 1.7rem; letter-spacing: -.34px;} .doc-form-item .docName .ck-box {margin-left: .6rem; padding: .6rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px;} .doc-form-item .arrow-icon {width: 2.3rem; height: 2.3rem; background-size: 1.3rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(24,24,28,.12);} .doc-form-item.on {border: .2rem solid var(--color-main);} .doc-form-item.on .arrow-icon {background-size: 1.3rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(230,30,43,.32);} .doc-form-item .doc-body { margin-top: 1.8rem; border-top: .1rem solid #f3e8e8; padding-top: 1.6rem;} .doc-form-wrap .privacy-box {margin: 2rem auto 2.4rem; padding: 1.6rem 1.4rem; border-radius: 1.2rem;} .doc-form-wrap .privacy-box > .tit {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 1.2rem;} .doc-form-wrap .privacy-box input {width: 2rem; height: 2rem; margin-right: .8rem;} .doc-form-wrap .privacy-box label .tit {width: calc(100% - 2.8rem); font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .doc-form-wrap .privacy-box label button {margin-left: 2.8rem; margin-top: 1.2rem; font-size: 1.3rem; letter-spacing: -.26px;} .apply-container .btn-area {margin: 0 auto 2.4rem; gap: .8rem;} .apply-container .btn-area button {padding: 1.1rem .5rem; font-size: 1.5rem; letter-spacing: -.3px; width: 7.4rem; border-radius: .8rem;} .doc-body .text {font-size: 1.5rem; letter-spacing: -.3px; margin-top: 1rem; line-height: 2.4rem; word-break: keep-all;} .mw_cont_box {gap: 1.8em 1.1rem;} .mw_cont_box .option_box {width: calc(50% - .6rem); } .mw_cont_box + .mw_cont_box {margin-top: 1.8rem;} .mw_cont_box .option_tit {font-size: 1.5rem; margin-bottom: 1rem; letter-spacing: -.3px;} .mw_cont_box input[type="text"], .mw_cont_box input[type="password"], .mw_cont_box select {border: .1rem solid #e0e2ee; font-size: 1.4rem; letter-spacing: -.28px; padding: .9rem .8rem;} .mw_cont_box select {background: url(../image/select-arrow.png) no-repeat #fff calc(100% - .8rem) 50%/1.8rem;} .mw_cont_box .mw_radio_group {margin-top: 1rem;} .mw_cont_box .mw_input_group .dash {width: .5rem; min-width: .5rem; height: .1rem; margin: 0 .3rem;} .mw_cont_box .mw_radio_group label {gap: .4rem; font-size: 1.4rem; letter-spacing: -.28px;} .mw_cont_box .mw_radio_group label + label {margin-left: 1.8rem;} .mw_cont_box input[type="radio"] {width: 2rem; height: 2rem;} .mw_cont_box .date-group .start {margin-right: .5rem;} .mw_cont_box .date-group .end {margin-left: .5rem;} .mw_cont_box .mw_input_group input[type="text"].srch_input {margin-right: .6rem; min-width: 6.5rem;} .mw_cont_box .srch_input + .btn-gray {padding: .9rem 1rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -.28px;} .mw_cont_box .mw_input_group .mob-sm {width: 30% !important; min-width: 7.1rem;} .mw_cont_box .mw_input_group input[type="text"].mob {width: 35%;} .mw_cont_box .radio-btn {padding: .9rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -.28px; border: .1rem solid var(--color-main);} .mw_cont_box .radio-btn + .radio-btn {margin-left: .6rem;} .mw_cont_box .flex-box #militaryDetailBox {margin-left: .6rem;} .mw_cont_box .option_box.w > .flex-box .flex-box {max-width: 48%; min-width: 48%; width: 48%;} #militaryDetailBox input {border: .1rem solid #e0e2ee;} .mw_detail_container { gap: 1rem;} .mw_detail_container .mw_detail_item {border-radius: .8rem; padding: 1.3rem 1.6rem;} .mw_detail_container .mw_detail_label {font-size: 1.4rem; letter-spacing: -.28px;} .mw_detail_container .mw_detail_radios {gap: 1.8rem;} .mw_detail_container .mw_detail_radios .radio {gap: .4rem; font-size: 1.4rem; letter-spacing: -.28px;} .select-row {gap: 1rem 1.1rem;} .select-row select {width: calc(50% - .6rem);} .mw_cont_box .select-row .srch_input + .btn-gray {padding: .9rem; font-size: 1.4rem; letter-spacing: -.28px; border-radius: .8rem;} .mw_cont_box .option-box .txt {margin-top: 1.2rem; font-size: 1.3rem; letter-spacing: -.26px; line-height: 2rem;} .select-issue-box {padding: 1.4rem; border-radius: 1.2rem; border: .1rem solid #e0e2ee; margin-top: 1.2rem;} .select-issue-box .sub-text {font-size: 1.3rem; letter-spacing: -.26px; margin-bottom: 2.1rem;} .select-issue-box .ck-list > li {border-bottom: .1rem solid #e0e2ee;} .select-issue-box .ck-list > li + li {padding-top: 1.4rem;} .select-issue-box .ck-list input[type="checkbox"], .select-issue-box .ck-list input[type="radio"] {width: 2rem; height: 2rem; margin-right: .4rem;} .select-issue-box .ck-list2 li:not(:last-child) {border-bottom: .1rem solid #e0e2ee; padding-bottom: 1.4rem;} .select-issue-box .ck-list2 li:not(:first-child) {padding-top: 1.4rem;} .select-issue-box .ck-list2 li {gap: 1.2rem;} .select-issue-box .ck-list2 li .item-title {font-size: 1.5rem; letter-spacing: -.3px;} .select-issue-box .ck-list2 li .radio-group {gap: 1.9rem 1.8rem;} .select-issue-box .ck-list2 li .radio-group + .radio-group {margin-top: 1.4rem;} .select-issue-box .ck-list2 li .radio-group .input-recent {font-size: 1.5rem; letter-spacing: -.3px;} .select-issue-box .ck-list2 li .radio-group .input-recent input {width: 5rem; margin: 0 .4rem;} .select-issue-box .ck-list2 li label {font-size: 1.3rem; letter-spacing: -.28px; gap: .4rem;} .mw_cont_box .mw_input_group.l_select {flex-flow: row wrap;} .mw_cont_box .mw_input_group.l_select select {width: 100%; margin-bottom: .8rem; margin-right: 0;} .mw_cont_box .mw_input_group.l_select .input-box.on {flex-flow: row wrap; gap: 0;} .mw_cont_box .mw_input_group.l_select input {width: 100%;} .mw_cont_box .mw_input_group.l_select input + input {margin-top: .8rem;} .mw_cont_box .input-box {display: none;} .mw_cont_box .grid-3 {width: 100%;} .mw_cont_box .grid-3 .f-wrap {flex-flow: row wrap;} .mw_cont_box .grid-3 .mw_input_group input[type="text"].srch_input {width: calc(100% - 7.5rem);} .mw_cont_box .grid-3:last-child .mw_input_group input[type="text"].srch_input {width: calc(100% - 5rem);} .mw_cont_box .grid-3 .f-wrap .lg_input {margin-top: .8rem;} #walletViewModal .qr-img-wrap {border-radius: 1.2rem; border: .1rem solid #e0e2ee; padding: 3rem 0;} #walletViewModal .qr-img-wrap img {width: 13rem;} #walletViewModal .qr-addr {font-size: 1.2rem; letter-spacing: -.24px; margin: 1.4rem auto 2.4rem;} #walletViewModal .btns-wrap button {padding: 1.1rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px;} #presentModal .modal-container {width: calc(100% - 4rem);} .sendModal-wrap{margin-top: 1.2rem;} .sendModal-wrap .cert-box {margin-top: 1.4rem;} .sendModal-wrap .cert-box > .tit {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 1rem;} .sendModal-wrap .cert-box > .tit::before {content: ''; width: .6rem; height: .6rem; margin-right: .4rem;} .sendModal-wrap .item-box {border: .1rem solid #e0e2ee; border-radius: .8rem; padding: 1.4rem;} .sendModal-wrap .item-box + .item-box {margin-top: .8rem;} .sendModal-wrap .item-box .item-tit {font-size: 1.5rem; letter-spacing: -.3px; margin-bottom: 1rem;} .sendModal-wrap .item-box .item-info li {font-size: 1.3rem; letter-spacing: -.26px;} .sendModal-wrap .item-box .del {padding: .6rem 1.4rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px; margin-top: 1.4rem;} .cert-form-wrap {margin: 1.6rem 1.4rem 1.8rem;} .cert-form-wrap .srch-wrap {gap: .2rem; margin-bottom: 1rem;} .cert-form-wrap .srch-wrap input {padding: .8rem .6rem; font-size: 1.4rem; letter-spacing: -.28px; border: .1rem solid #e0e2ee; border-radius: .6rem;} .cert-form-wrap .srch-wrap .srch-btn {padding: .8rem 1.2rem; font-size: 1.4rem; border-radius: .6rem;} .cert-form-wrap .result-tit {font-size: 1.4rem; margin: 1.8rem auto 1.2rem; padding-bottom: .8rem; border-bottom: .1rem solid #8d8e98;} .cert-form-wrap .result-list li + li {margin-top: .8rem;} .cert-form-wrap .result-list input {width: 2rem; height: 2rem; margin-right: .4rem;} .cert-form-wrap .result-list .tit {font-size: 1.4rem; letter-spacing: -.28px;} .cert-form-wrap .result-list .badge {padding: .2rem .3rem; border-radius: .6rem; font-size: 1.1rem; margin: 0 .6rem;} #walletViewModal .qr-img-wrap {border-radius: 1.2rem; border: .1rem solid #e0e2ee; padding: 3rem 0;} #walletViewModal .qr-img-wrap img {width: 13rem;} #walletViewModal .qr-addr {font-size: 1.2rem; letter-spacing: -.24px; margin: 1.4rem auto 2.4rem;} #walletViewModal .btns-wrap button {padding: 1.1rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.36px;} #schoolModal .modal-body {margin: 1.5rem auto;} #schoolModal .modal-container {width: calc(100% - 4rem);} .pop-srch {gap: .4rem; margin-top: 1.2rem;} .pop-srch input {border: .1rem solid #e0e2ee; font-size: 1.4rem;} .pop-srch button {padding: 1rem; font-size: 1.4rem; border-radius: .8rem;} #schoolModal .tit {font-size: 1.2rem; letter-spacing: -.28px; margin: 1rem auto;} .school-list-table span {font-size: 1.1rem; letter-spacing: -.26px;} .my-info-wrap {padding: 3rem 1.6rem;} .my-info-form > .tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 1.4rem;} .my-info-wrap .sub-txt {font-size: 1.4rem; letter-spacing: -.28px; margin-bottom: 1.8rem; line-height: 2.1rem} .my-info-wrap .user-info-wrap {border-top: .1rem solid #eeeff6; border-bottom: .1rem solid #eeeff6; padding: 3.2rem 0 2.4rem;} .my-info-wrap .user-info-wrap li {gap: 1.4rem;} .my-info-wrap .user-info-wrap li + li {margin-top: 2rem;} .my-info-wrap .user-info-wrap .tit {font-size: 1.5rem; letter-spacing: -.3px; min-width: 6rem;} .my-info-wrap .user-info-wrap .user-id {font-size: 1.8rem; letter-spacing: -.38px;} .my-info-wrap .user-info-wrap input {border: .1rem solid #cdcfdb; padding: 1.1rem .8rem; border-radius: .8rem;} .my-info-wrap .warning {gap: .4rem; margin: 2.4rem auto 4rem; font-size: 1.3rem; letter-spacing: -.26px;} .my-info-wrap .warning::before {width: 1.6rem; height: 1.6rem;} .my-info-wrap button {padding: 1.1rem 2.4rem; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .8rem;} .my-tab-container .tab-list button {padding: 1.9rem .5rem; font-size: 1.3rem; letter-spacing: -.36px;} .my-tab-container .form-wrap {margin: 4rem 1.6rem 3rem; width: calc(100% - 3.2rem);} .my-tab-container .edit-form .tit {font-size: 2rem; letter-spacing: -.4px; margin-bottom: 1.8rem;} .my-tab-container .edit-list {border-top: .1rem solid #eeeff6; border-bottom: .1rem solid #eeeff6; padding: 2.4rem 0; margin-bottom: 2.4rem;} .my-tab-container .edit-list li + li {margin-top: 2.4rem;} .my-tab-container .edit-list .label-wrap .item-tit {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: .8rem;} .my-tab-container .edit-list .label-wrap .txt {font-size: 1.3rem; letter-spacing: -.26px; margin-top: 1.2rem;} .my-tab-container .edit-list input {padding: 1.1rem 1rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; border: .1rem solid #e0e2ee;} .my-tab-container .edit-list input:read-only {border: .1rem solid #cdcfdb} .my-tab-container .edit-list .btn-change {padding: 1.1rem 1rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -.3px; margin-left: .6rem; border: .1rem solid #f18070} .my-tab-container .edit-list .input-group span {margin: 0 .3rem; font-size: .7rem;} .my-tab-container .edit-form .btns-wrap {gap: .8rem;} .my-tab-container .edit-form .btns-wrap button {padding: 1.1rem 2.4rem; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .8rem;} .my-tab-container .edit-form > .txt {font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem; margin-bottom: 1.8rem;} .my-tab-container .edit-form > .txt .red {margin-top: 1.4rem;} .my-tab-container .edit-form .checkbox-cont {border-radius: .8rem; padding: 1rem .8rem 1.1rem; border: .1rem solid #e0e2ee; font-size: 1.3rem; letter-spacing: -.26px; gap: .4rem; margin-bottom: 2.4rem;} .my-tab-container .edit-form .checkbox-cont input {width: 2rem; height: 2rem;} .appForm .doc-ck-list .cert-ckList > li {padding: 1.2rem; border-radius: 1.2rem; border: .1rem solid #e0e2ee;} .appForm .doc-ck-list .cert-ckList > li + li {margin-top: 1.8rem;} .appForm .doc-ck-list .cert-ckList p {font-size: 1.6rem; letter-spacing: -.32px; width: calc(100% + 2.4rem); padding: 0 1.2rem 1.2rem; left: -1.2rem; border-bottom: .1rem solid #e0e2ee;} .appForm .doc-ck-list .cert-ckList p span {font-size: 1.4rem; letter-spacing: -.28px; margin-bottom: .9rem;} .appForm .doc-ck-list input {width: 2rem; height: 2rem; margin-right: .4rem;} .appForm .doc-ck-list .cert-ckList p label {margin-bottom: .9rem;} .appForm .doc-ck-list .file-area {margin: 1.4rem 0 2.2rem;} .appForm .doc-ck-list .file-label {height: 2.8rem; margin-right: .6rem; padding: .6rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px;} .appForm .doc-ck-list .file-area .file-list {width: calc(100% - 6rem); gap: 1.3rem 1rem;} .appForm .doc-ck-list .file-area .file-list li {font-size: 1.3rem; letter-spacing: -.26px;} .appForm .doc-ck-list .file-area .file-list .file-remove {width: 1.8rem; min-width: 1.8rem; height: 1.8rem; margin-left: .4rem;} .appForm .doc-ck-list textarea {height: 10rem; padding: 1rem; font-size: 1.4rem; letter-spacing: -.28px; border-radius: .8rem;} .spinner {width: 3rem; height: 3rem; border: 3px solid rgba(0, 0, 0, 0.1); border-top: 3px solid var(--color-main); border-radius: 50%; z-index: 99999999; animation: spin 1s linear infinite; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .termsAgree .modal-body > ol {margin-bottom: 5.4rem;} .termsAgree .modal-body > ol ol li + li {margin-top: 1rem;} .termsAgree .modal-body > ol ol ol li + li {margin-top: .6rem;} .privacyAgree table tr th {width: 13rem;} .privacyAgree table tr td {padding: .6rem;} .privacyModal-cont .txt {font-size: 1.5rem; letter-spacing: -.24px; font-weight: 500; margin: 2rem auto;} .privacyModal-cont span {color: var(--color-main);} .privacyModal-cont .privacy-box {padding: 1.2rem 2.4rem; margin-bottom: 2rem; border-radius: 1.2rem; background: #f8f9fa; border: .1rem solid #eee; text-align: left;} .privacyModal-cont .privacy-box p {display: flex; gap: .8rem; align-items: center; font-size: 1.4rem;} .privacyModal-cont .privacy-box p + p {margin-top: .8rem;} .privacyModal-cont .privacy-box span {color: #000; font-weight: 500;} .privacyModal-cont .dot-list li::before {font-size: 1.4rem; width: .3rem; min-width: .3rem; height: .3rem; top: 1rem;} .privacyModal-cont .dot-list li {font-size: 1.4rem; text-align: left;} .custom-issue-table col:nth-child(1) {width: 65% !important;} .custom-issue-table col:nth-child(2) {width: 35% !important;} .custom-issue-table { width: 100% !important; border-collapse: collapse !important; background-color: #fff !important; table-layout: fixed !important; } #detailListBody {gap: .6rem;} #detailListBody td { border: .1rem solid #eef0f2; border-radius: 1.2rem; padding: .6rem; font-size: 1.2rem; } .modal-list-scroll::-webkit-scrollbar { width: .4rem; } .inquiry-container {padding: 3rem 1.6rem;} .inquiry-container .title-area {margin-bottom: 1.6m; } .inquiry-container .title-area .step-tit {font-size: 2rem; letter-spacing: -.4px;} .inquiry-container .title-area .add-inquiry {border-radius: .8rem; padding: 1.1rem 1.4rem; gap: .4rem; font-size: 1.5rem; letter-spacing: -.3px;} .inquiry-container .title-area .add-inquiry::before {width: 1.8rem; height: 1.8rem;} .inquiry-container .inquiry-tb {margin-bottom: 2.4rem;} .inquiry-container .inquiry-tb tbody tr {border: .1rem solid #e0e2ee; border-radius: 1.2rem; padding: 1.6rem;} .inquiry-container .inquiry-tb tbody tr + tr {margin-top: .8rem;} .inquiry-container .inquiry-tb td:nth-child(2) {font-size: 1.4rem; letter-spacing: -.28px; margin-bottom: 1rem;} .inquiry-container .inquiry-tb td:nth-child(3) {width: calc(100% - 7rem); margin-bottom: 1rem;} .inquiry-container .inquiry-tb td:nth-child(4) {font-size: 1.3rem; letter-spacing: -.26px; center; gap: .4rem;} .inquiry-container .inquiry-tb td:nth-child(5) {right: 1.6rem;} .inquiry-container .inquiry-tb td a {font-size: 1.6rem; letter-spacing: -.32px; line-height: 2.3rem;} .inquiry-container .inquiry-tb .state {padding: .7rem .8rem; border-radius: .6rem; font-size: 1.3rem; letter-spacing: -.26px; width: 6rem;} .inquiry-container .inquiry-tb .state.t1 {border: .1rem solid #e61e2b;} .inquiry-container .inquiry-tb .state.t2 {border: .1rem solid #8d8e98;} .detail-box .tit-area.col {border-bottom: .1rem solid #eeeff6; padding-bottom: 2.4rem;} .detail-box .tit-area.col .tit-wrap {margin-bottom: 1.4rem;} .detail-box .tit-area.col .label {width: 6rem;} .detail-box .tit-area.col .label.t1 {border: .1rem solid #e61e2b;} .detail-box .tit-area.col .info-wrap {font-size: 1.4rem; letter-spacing: -.28px;} .detail-box .tit-area.col .info-wrap p:first-child::after {width: .1rem; height: 1.4rem; margin: 0 1rem;} .detail-box .tit-area.col .info-wrap .date {margin-top: 0;} .detail-box .answer-box {border-radius: 1.2rem; border: .1rem solid #e0e2ee;} .detail-box .answer-box .tit {padding: 1.1rem 1.4rem; border-bottom: .1rem solid #e0e2ee; font-size: 1.5rem; letter-spacing: -.3px;} .detail-box .answer-box .answer-area {padding: 1.4rem; font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem;} .inquiry-form-wrap {border-top: .1rem solid #e0e2ee; padding-top: 2.4rem;} .inquiry-form-wrap .ck-content {max-height: 15rem;} .inquiry-form-wrap .inquiry-label + .inquiry-label {margin-top: 2.4rem;} .inquiry-form-wrap .tit {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: .8rem;} .inquiry-form-wrap select, .inquiry-form input, .inquiry-form textarea {border: .1rem solid #e0e2ee; min-width: 100%;} .inquiry-form-wrap textarea {min-height: 20rem;} .inquiry-form-wrap .note-list li::before, .inquiry-form-wrap .note-list .text {font-size: 1.3rem; letter-spacing: -.26px;} .guide-container {padding: 2.4rem 1.6rem;} .guide-container .title-area .step-tit {font-size: 2rem; letter-spacing: -.4px; padding-bottom: 1.2rem; border-bottom: .1rem solid #eeeff6; margin-bottom: 2.4rem; gap: .6rem;} .guide-container .title-area .step-tit::before {width: 3.4rem; height: 3.4rem;} .guide-container .text-cont {font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem; margin-bottom: 4rem;} .guide-container .dot-list > li::before {width: .6rem; height: .6rem;} .guide-container .dot-list > li + li {margin-top: 4rem;} .guide-container .dot-list .tit {font-size: 1.8rem; margin-bottom: 1.6rem; letter-spacing: -.36px;} .guide-container .dot-list .text {width: calc(100% - 1rem);} .guide-container .num-box {gap: .9rem;} .guide-container .num-box li {width: calc(50% - .45rem); border-radius: 1.2rem; padding: 1.6rem 1rem;} .guide-container .num-box .num {margin: 0 auto 1.4rem; width: 3rem; height: 3rem; font-size: 1.3rem;} .guide-container .num-box .txt {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .guide-container .num-box .txt .btn-redline {border-radius: .6rem; padding: .6rem .8rem; font-size: 1.3rem; letter-spacing: -.26px; margin: 1.4rem auto 0;} .guide-container .num-box .txt .btn-redline::after {width: 1.6rem; height: 1.6rem;} .guide-container .line-box {border: .1rem solid #e0e2ee; border-radius: 1.2rem; padding: 1.8rem 1.4rem;} .guide-container .line-box + .line-box {margin-top: 1.4rem;} .guide-container .line-box .box-tit {font-size: 1.7rem; letter-spacing: -.34px; margin-bottom: 1.6rem;} .guide-container .line-box .box-txt p {font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem;} .guide-container .line-box .note-list {font-size: 1.3rem; letter-spacing: -.26px; margin: 1.2rem 0 1.6rem;} .guide-container .line-box .note-list li + li {margin-top: .8rem;} .guide-container .line-box .color-box {border-radius: .8rem; padding: 1.4rem;} .guide-container .line-box .color-box-tit {font-size: 1.4rem; margin-bottom: 1rem; letter-spacing: -.28px;} .guide-container .line-box .dash-list {font-size: 1.3rem; letter-spacing: -.26px; line-height: 2rem;} .guide-container .line-box .dash-list li + li {margin-top: .8rem;} .guide-container .doc-check-list > li + li {border-top: .6rem solid #f5f5f9; padding-top: 3rem; margin-top: 3rem;} .guide-container .doc-check-list .check-list-tit-wrap {margin-bottom: 1.6rem;} .guide-container .doc-check-list .check-list-tit {font-size: 1.6rem; letter-spacing: -.32px; margin-bottom: 1.6rem;} .guide-container .doc-check-list .btn-dk {width: 18rem; padding: 1.1rem 1rem; border-radius: 30rem; font-size: 1.4rem; letter-spacing: -.28px;} .guide-container .doc-check-list .btn-dk::after {width: 1.7rem; height: 1.7rem;} .guide-container .doc-check-list .flex-list {gap: .6rem;} .guide-container .doc-check-list .flex-list li {padding: 1.2rem .8rem; border-radius: .8rem; border: .1rem solid #e0e2ee; font-size: 1.3rem; letter-spacing: -.26px; line-height: 2rem;} .guide-container .doc-check-list .btn-wrap {margin-top: 2.8rem; gap: .8rem;} .guide-container .doc-check-list .btn-wrap button {border-radius: .8rem; padding: 1.1rem; width: 12rem; font-size: 1.5rem; letter-spacing: -.3px;} .state-container .img {width: 6rem; height: 6rem; margin: 2rem auto 2.4rem;} .state-container .error-text {font-size: 1.6rem; letter-spacing: -.32px; line-height: 2.4rem; margin-bottom: 4rem;} .state-container .btn-dk {font-size: 1.5rem; padding: 1.1rem 1.5rem; letter-spacing: -.3px; margin: 0 auto 4rem; border-radius: .8rem;} .state-container .loading-text {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.1rem;} .state-container progress {width: 24rem; margin: 0 auto 1.8rem;} .state-container progress::-webkit-progress-bar {border-radius: 30rem;} .state-container progress::-webkit-progress-value {border-radius: 30rem;} .no-apply {margin: 4rem auto;} .no-apply img {width: 5rem; height: 5rem; display: block; margin: 0 auto 3rem;} .no-apply .text {font-size: 1.8rem; letter-spacing: -.26px;} .count-word {text-align: right; font-size: 1.5rem; margin-bottom: .8rem;} .main-bg-layer {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 55; background: rgba(0,0,0,.6);} .main-bg-layer .pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 7rem); height: auto; padding: 4.1rem 1rem 2.4rem; border-radius: 1.8rem; position: relative; background: #fff url(../image/pop-bg.png) no-repeat center bottom; background-size: 80%; font-size: 1.9rem; font-weight: bold; letter-spacing: -.386px; color: #000; line-height: 2.6rem; text-align: center;} .main-bg-layer .pop .c{color: var(--color-main);} .main-bg-layer .pop .main-close-img {position: absolute; top: .4rem; right: .4rem; width: 2.4rem; height: 2.4rem; background: url(../image/pop-close.png) no-repeat center; background-size: cover;} .main-bg-layer .pop .btn-main {display: block; margin: 3rem auto 0; padding: 1.1rem; width: 12rem; text-align: center; border-radius: 30rem; font-size: 1.6rem; letter-spacing: -.32px; font-weight: 500; color: #fff;} } /*모바일 : -479px*/ @media all and (max-width: 370px){ .cert-list .img {width: 5rem; height: 5rem; margin-bottom: 1rem;} .cert-list .txt {font-size: 1rem;} .my-app-list li button, .myAppForm-wrap .form-wrap .history-tb th{font-size: 1.3rem;} .myAppForm-wrap .form-wrap .history-tb tr td {font-size: 1.1rem;} .appForm .red-box {padding: 1.6rem 1rem;} .appForm .red-box .select-box li {padding: 1rem .6rem;} .appForm .red-box .select-box li .tit {font-size: 1.3rem;} .appForm .red-box .select-box li .cont {font-size: 1.4rem;} .appForm-wrap .tb-wrap .radio-wrap {margin: 2.5rem auto;} .appForm .doc-ck-list .cert-tb label {font-size: 1.1rem;} .apply-container .result-top button::before {width: 1.3rem; height: 1.3rem;} .apply-container .result-top button {padding: .7rem .4rem; font-size: 1rem;} .apply-container .period-list button, .apply-container .myCert-check-box .input-flex input {font-size: 1.2rem;} .cert-form-wrap .result-list .badge {font-size: 1rem;} .cert-form-wrap .result-list .tit {font-size: 1.2rem; display: block; width: 16.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;} .my-tab-container .edit-form .checkbox-cont {font-size: 1.1rem;} }