@charset "UTF-8";
@import url('reset.css');
@import url('font.css');
@import url('animation.css');
@import url('modal.css');

:root {
    --light-text-default: #14181C;
    --light-text-subdued: #666E75;
    --colors-text-selected: #082065;
    --light-text-link: #E00842;
    --colors-text-error: #D40C74;
    --colors-text-highlight: #0C6DD2;
    --colors-border-default: #858B91;
    --form-elements-radius: 8px;
    --colors-border-disabled: #D6D8DA;
    --colors-disabled: #EBECED;
    --colors-text-disabled: #858B91;
    --colors-button-primary: #E00842;
    --colors-button-text-primary: #FFF;
    --colors-border-selected: #082065;
    --colors-surface-altenate: #F5F5F6;
    --components-divider-subdued: #EBECED;
    --colors-border-subdued: #ADB1B5;
    --colors-surface-scrim: #14181C;
    --colors-surface-selected1: #EBEDF3;
    --colors-surface-selected2: #082065;
    --colors-surface-hover1: rgba(20, 24, 28, 0.08);
    --light-surface-base: #F5F5F6;
}

body {min-width:360px;}
body.scroll-fixed {position: fixed; width: 100%;}/**20250613*/
.btn-group.is-fixed.is-relative {position:relative; bottom:0;} /* 20250708 */

.wrapper {position:relative; display:flex; flex-direction:column; width:100%; height:100vh;}

.blind {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); -webkit-clip-path:inset(50%); clip-path:inset(50%);} 

/* �?로모?�� ?�� 경우 */
.is-landscape {z-index:200; overflow:hidden; width:100%; height:100%; position:fixed; top:0; left:0; display:flex; justify-content:center; align-items:center; background-color:#898B8D;}
.is-landscape h1 {position:relative; color:#fff; text-align:center; font-size:24px; font-style: normal; font-weight: 700; line-height:32px; letter-spacing:-0.3px;}
.is-landscape h1::after {content:''; display:block; position:absolute; top:-112px; left:50%; width:88px; height:88px; margin-left:-44px; background:url('../img/ico/ico_warning.png') no-repeat center top; background-size:88px;}

/* TEXT Color */
.u-co-black-100 {color:var(--light-text-default) !important;}
.u-co-red-100 {color:#E00842 !important;}
.u-co-subdued-100 {color:var(--light-text-subdued) !important;}
.u-co-hightlight-100 {color:var(--colors-text-highlight) !important;}

/* margin, padding */
.u-mb--0 {margin-bottom:0 !important;}
.u-pt--0 {padding-top:0 !important;}
.u-pt--8 {padding-top:8px !important;}
.u-pt--16 {padding-top:16px !important;}
.u-pt--32 {padding-top:32px !important;}
.u-pb--0 {padding-bottom:0 !important;}
.u-pb--8 {padding-bottom:8px !important;}
.u-pb--16 {padding-bottom:16px !important;}
.u-pb--32 {padding-bottom:32px !important;}

.u-font-bold-400 {font-weight:400;}
.u-font-bold-700 {font-weight:700;}

.u-font-de-under-subdued {border-bottom:1px solid var(--light-text-subdued);}

/* 본문 바로�?�? */
.skip-header .goto-content {z-index:9999; overflow:hidden; display:block; position:fixed; top:0; left:0; width:100%; height:0; text-align:center; line-height:1; color:#fff; background-color:var(--light-text-default);}

/* Header */
.wrapper .header-container {z-index:90; position:fixed; width:100%; margin:0 auto; background-color:#fff;}
.wrapper .header-wrap {z-index:90; position:relative; width:100%; margin:0 auto; background-color:#fff;}
.wrapper .header {z-index:90; position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:65px; padding:0 2rem 0 1.2rem;  background-color:#fff;}
.header .nav {display:flex; align-items:center;}
.header .nav .pc-nav-link {display:none; align-items:center; justify-content:center;}
.header .nav .btn-nav {display:block; padding:32px 12px; text-align:center; font-size:1.4rem; font-weight:500; line-height:2rem; color:var(--light-text-default);}
.header .aia-logo {position:relative; width:4.8rem; height:48px;}
.header .aia-logo a::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/ico/ico_logo.png') no-repeat center center; background-size:48px;}
.header .nav-tools {display:flex; align-items:center;}
.header .nav-tools .btn-inquiry {width:3.2rem; height:32px; font-size:1.6rem; font-weight:500; line-height:2.4rem;}
.header .nav-tools .btn-login {width:inherit; height:32px; margin-left:1.6rem; padding:5px 12px; font-size:1.4rem; font-weight:500; line-height:1.4rem;}
.header .nav-tools .btn-logout {transition:all 0.5s; width:inherit; height:32px; margin-left:1.6rem; padding:5px 12px; background-color:#fff; color:var(--colors-button-primary); font-size:1.4rem; font-weight:500; line-height:2rem;}


/* Footer */
.input-wrapper .footer {display:none;}
.footer {width:100%; margin:0 auto; border-top:1px solid var(--components-divider-subdued); background-color:var(--colors-surface-altenate);}
.footer .footer-wrap {width:100%; max-width:1200px; margin:0 auto; padding:32px 20px 112px 20px;}
.footer .footer-wrap .copy {color:var(--light-text-subdued);}
.footer .footer-wrap .copy dl {display:flex; align-items:center; padding-bottom:8px; font-size:1.8rem; font-weight:700; line-height:2.4rem;}
.footer .footer-wrap .copy dt {padding:0 8px; background:url('../img/ico/ico_footer_bar.png') no-repeat right center; background-size:1px 16px;}
.footer .footer-wrap .copy dd {padding:0 8px 0;}
.footer .footer-wrap .copy p {font-size:1.2rem; font-weight:400; line-height:1.8rem;}
.footer .aia-footer-logo {position:relative; width:8rem; height:80px; margin-right:24px;}
.footer .aia-footer-logo::after {content:''; position:absolute; top:0; left:0; width:8rem; height:80px; background:url('../img/ico/ico_logo_footer.png') no-repeat center center; background-size:80px;}

/* TEXT */
.text-highlight {font-size:1.6rem; font-weight:700; line-height:2.4rem; color:var(--colors-text-highlight);}

/* Button */
.btn {display:flex; align-items:center; justify-content:center; width:100%; height:52px; padding:0 19px; border-radius:var(--form-elements-radius); text-align:center; -webkit-font-smoothing:antialiased; font-size:1.6rem; 
    font-weight:700; line-height:2.4rem;}
.btn-primary {transition:all 1s; border:1px solid var(--colors-button-primary); background-color:var(--colors-button-primary); color:var(--colors-button-text-primary);}
.btn-disabled {border:1px solid var(--colors-border-disabled); background-color:var(--colors-disabled); color:var(--colors-text-disabled); font-size:1.6rem; font-weight:700; line-height:2.4rem;}
.btn-group {padding:16px 20px 24px; text-align:center;}
.btn-group.is-fixed {z-index:99; position:fixed; bottom:0; left:0; width:100%; padding:16px 20px 24px; text-align:center; background-color:#fff;}
.btn-group.is-focus {display:block; padding:0; background-color:var(--colors-disabled);}
.btn-group.is-fixed.is-focus .btn {border:0; border-radius:0;}
.btn-group-multiple {display:flex; align-items:center; justify-content:space-between;}
.btn-secondary {width:35%; min-width:112px; padding:14px 24px; border:1px solid var(--colors-button-primary); border-radius:var(--form-elements-radius);
    color:var(--colors-button-primary); font-size:1.6rem; font-weight:700; line-height:2.4rem;}
.btn-group-multiple button:last-child {width:60%; min-width:192px;}


/* Spinner */
.spinner-wrapper .input-container {padding-top:266px;}
.spinners-wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; text-align:center;}
.spinners-wrap p {padding-top:8px; font-size:1.4rem; font-weight:400; line-height:2rem;}
.spinners {width:100%; height:64px; animation:spin 1s ease-out infinite;}

/* Table */
.c-tbl-type1 {width:100%; border-spacing:0; font-size:1.4rem; line-height:2rem;}
.c-tbl-type1 tr {border-bottom:1px solid #D6D8DA;}
.c-tbl-type1 tr th:first-child,
.c-tbl-type1 tr td:first-child {border-right:1px solid #D6D8DA;}
.c-tbl-type1 tr th, .c-tbl-type1 tr td  {padding:12px 16px;}
.c-tbl-type1 tr th {font-weight:700; background-color:#F5F5F6; color:var(--light-text-default);}
.c-tbl-type1 tr td {font-weight:400; color:var(--light-text-subdued);}
.c-tbl-type1 .list-box li {margin-top:0; padding-left:16px; background-position:left 2px;}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

/*20250605*/
@media (max-width: 768px) {
    .input-wrapper .footer {display:none;}
    /*20250610*/
    .btn-group.is-fixed.name-ipt-focus {
        position: fixed;
        z-index: 99;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
    }

    .btn-group.is-fixed.name-ipt-focus > button {
        height: 52px;
        font-size: 16px;
        position: relative;
        left: 0;
        width: 100%;
        display: block;
        margin: 0 auto;
        border-radius: 0;
    }
}

/* Tablet Size 기�?? PC Design */
@media (min-width: 769px) {/*20250605*/
    /* Header */
    .wrapper .header-container {border-bottom:1px solid #D6D8DA;}
    .wrapper .header {max-width:1152px; height:97px; margin:0 auto; padding:0 24px;}
    .header .aia-logo {width:42px; height:42px; margin:0 5px;}
    .header .aia-logo a::after {background-image:url('../img/ico/ico_logo_64.png'); background-size:42px;}
    .header .nav .pc-nav-link {display:flex; margin-left:24px;}
    .header .nav-tools .btn-inquiry .blind,
    .header .nav-tools .btn-login .blind, 
    .header .nav-tools .btn-logout .blind {display:block; position:relative !important; width:inherit; height:inherit; margin:0; border:0; clip:inherit; -webkit-clip-path:inset(0); clip-path:inset(0);}
    .header .nav-tools .btn-inquiry::after,
    .header .nav-tools .btn-login::after, 
    .header .nav-tools .btn-logout::after  {display:none;}
    .header .nav-tools .btn-inquiry, .header .nav-tools .btn-login, .header .nav-tools .btn-logout {font-size:1.4rem; font-weight:500; line-height:2rem;}
    .header .nav-tools .btn-inquiry {width:inherit; height:inherit;}
    .header .nav-tools .btn-login, .header .nav-tools .btn-logout {width:96px; height:36px; padding:8px 16px;}

    /* Footer */
    .input-wrapper .footer {display:block;}
    .footer {width:100%; margin-top:auto; border-top:1px solid var(--components-divider-subdued); background-color:var(--colors-surface-altenate);}
    .footer .footer-wrap {display:flex; align-items:center; max-width:1200px; margin:0 auto; padding:44px 24px;}
    .footer .footer-wrap .copy {color:var(--light-text-subdued);}
    .footer .footer-wrap .copy dt {padding-left:0; font-size:2rem; font-weight:700; line-height:2.8rem;}
    .footer .footer-wrap .copy dd {font-size:2rem; font-weight:700; line-height:2.8rem;}
    .footer .footer-wrap .copy p {font-size:1.2rem; font-weight:400; line-height:1.8rem;}
    .footer .footer-wrap .copy p br {display:none;}
    .footer .aia-footer-logo {position:relative; width:9.6rem; height:96px; margin-right:24px;}
    .footer .aia-footer-logo::after {content:''; position:absolute; top:0; left:0; width:inherit; height:inherit; background:url('../img/ico/ico_logo_footer.png') no-repeat center center; background-size:96px;}

    /* Button */
    .btn {max-width:320px; padding:14px 24px;}
    .btn-group {padding-top:24px; display:flex; align-items:center; justify-content:center;}
    .btn-group.is-fixed {display:flex; position:relative; padding:24px 24px 14px; margin-top:48px; margin-bottom:48px;}
    .btn-group.is-fixed.is-focus {background-color:transparent;}
    .btn-group.is-fixed.is-focus .btn {border:1px solid var(--colors-button-primary); border-radius:var(--form-elements-radius);}
    .btn-group.is-fixed.is-focus .btn-disabled {border:1px solid var(--colors-border-disabled);}
    .btn-group-multiple {justify-content:center;}
    .btn-group-multiple > button, .btn-group-multiple button:last-child {width:160px}
    .btn-group-multiple button:last-child {margin-left:20px;}

    /* Spinner */
    .spinner-wrapper .input-container {padding-top:327px;}
}

/* Mouse Hover ?�� */
@media (hover: hover) and (pointer: fine) {
    .header .nav-tools .btn-logout:hover {background-color:#fdecf0;}
    .btn-login:hover {background-color:#B30635;} 
    /* [2025-05-09 ] */ 
    .btn-primary:hover {background-color:#B30635; color:#fff;}
    /* [2025-05-08] */ 
    .btn-disabled:hover, 
    button[disabled]:hover {background-color:var(--colors-disabled); color:var(--colors-text-disabled);}
    .form-btn-box .btn-ver-send:hover, .form-btn-box .button:hover {background-color:#fdecf0;}
}