@charset "utf-8";

/* 속성 초기화 및 box-sizing 정의 */
*,
*:before,
*:after{box-sizing:border-box !important;}
html,body,
header,main,aside,footer,
nav,section,article,div,figure,figcaption,hr,
h1,h2,h3,h4,h5,h6,p,strong,b,em,i,ol,ul,li,dl,dt,dd,address,
form,legend,fieldset{all:unset;min-width:0;min-height:0;/*scroll-behavior:smooth;*/word-wrap:break-word;word-break:keep-all}
input,select,textarea{margin:0;padding:0;min-width:0;min-height:0;border:0;font-family:inherit;word-wrap:break-word;word-break:keep-all}
/* html,body */
html{overflow:hidden;overflow-y:auto;font-size:10px;width:100%;height:auto;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
body{display:flex;flex-direction:column;position:relative;width:100%;min-height:100vh;height:auto;color:#333;font-size:1.8rem;line-height:1.3;font-family:"Pretendard";font-weight:400;letter-spacing:-0.05rem}
/* display:block */
html,body,header,main,section,aside,footer,nav,section,article,div,figure,figcaption,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,address,form,legend,fieldset,input,select,label,textarea,hr{display:block}
/* display:inline-block */
a,button,label,select,input{display:inline-block;letter-spacing:inherit;}
/* cursor:pointer */
a,button,label,option{cursor:pointer;transition:.35s background-color, .35s color, .35s border}
select{cursor:pointer}
/* link */
a,button,label{text-decoration:none;font-family:"Pretendard";color:inherit;}
/*a:link,a:visited,a:hover,a:focus{color:inherit}*/
/* link_target="_blank" */
a[target="_blank"]>.xi-external-link{}
/* 전화번호 링크 */
@media(min-width:1280px) {
  a[href*="tel:"]{cursor:text}
  a[href*="tel:"]:hover,
  a[href*="tel:"]:hover *{text-decoration:unset !important}
}
button{margin:0;padding:0;background-color:transparent;border:0;color:inherit;font-size:inherit;font-weight:inherit}
/* 테이블 요소 */
table{border-spacing:0}
table,th,td{margin:0;padding:0;font-weight:400}
/* input 요소 */
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select{padding:0 1.6rem;height:4.8rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:.8rem;font-size:1.6rem;line-height:1;outline:none;}
input[type="text"]:disabled,input[type="password"]:disabled,select:disabled,
input[type="text"][readonly],input[type="password"][readonly],select[readonly],textarea[readonly]{background-color:#fbfbfb;color:#8e8e8e;}
input[type="checkbox"], input[type="radio"]{cursor:pointer}
select{position:relative;padding-right:4.4rem;background:#fff url(/images/user_2024/common/select-arrow.png) calc(100% - 1.6rem) 50% no-repeat;background-size:1.2rem;line-height:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}
textarea{padding:1.2rem;width:100%;min-height:12rem;resize:vertical;border:1px solid #e0e0e0;border-radius:.8rem;font-size:1.6rem;outline:none;}
input::-webkit-input-placeholder{color:#8e8e8e;font-style:unset !important;}
input::-moz-placeholder{color:#8e8e8e;font-style:unset !important;}
input:-ms-input-placeholder{color:#8e8e8e;font-style:unset !important;}
input::placeholder{color:#8e8e8e;font-style:unset !important;}
textarea::-webkit-input-placeholder{color:#8e8e8e;font-style:unset !important;}
textarea::-moz-placeholder{color:#8e8e8e;font-style:unset !important;}
textarea:-ms-input-placeholder{color:#8e8e8e;font-style:unset !important;}
textarea::placeholder{color:#8e8e8e;font-style:unset !important;}
/* 엣지 비밀번호 눈 삭제 */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {display:none;}
/* img */
img{max-width:100%;height:auto;border:0;vertical-align:top}
/* fieldset 내 반응형 테이블 동작 */
fieldset{min-inline-size:unset}
sup{position:relative;top:-.75rem;vertical-align:unset;}

/* hover & focus */
input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="tel"]:hover,select:hover,textarea:hover,
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{border-color:#354a80}
input[type="text"]:disabled:hover,input[type="password"]:disabled:hover,select:disabled:hover,
input[type="text"][readonly],input[type="password"][readonly],select[readonly],textarea[readonly]{border-color:#dedede;}
select.type02:hover,
select.type02:focus{background-image:url();}
input.input_date:hover,
input.input_date:focus{background-image:url();}
input:hover::-webkit-input-placeholder,input:focus::-webkit-input-placeholder{color:#212121;}
input:hover::-moz-placeholder,input:focus::-moz-placeholder{color:#212121;}
input:hover:-ms-input-placeholder,input:focus:-ms-input-placeholder{color:#212121;}
input:hover::-ms-input-placeholder,input:focus::-ms-input-placeholder{color:#212121;}

/* 숨김요소 */
legend,caption,.sr-only,.sr_only{overflow:hidden;position:fixed;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0}

/* 스킵 네비게이션 */
#skip,
#accessibility,
#skip_nav{position:relative;z-index:9999}
#skip a,
#accessibility dt,
#accessibility dd a,
#skip_nav a{position:absolute;top:-40px;left:0;padding:5px 0;width:100%;background-color:#045cc7;font-size:16px;line-height:30px;color:#fff;text-align:center;transition:0.4s}
#skip a:hover, #accessibility a:hover, #skip_nav a:hover,
#skip a:focus, #accessibility a:focus, #skip_nav a:focus,
#skip a:active, #accessibility a:active, #skip_nav a:active{top:0;text-decoration:none}

/* 스크롤 커스텀_webkit 기반 브라우저에서만 동작 */
body ::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}
body ::-webkit-scrollbar-track{background-color:transparent}
body ::-webkit-scrollbar-thumb{background-color:#959bab;border-radius:6px;}
body ::-webkit-scrollbar-button{display:none}

/* 프린트 기능 */
@media print{
    body{-webkit-print-color-adjust:exact !important}
}

[class^="ri-"], [class*=" ri-"]{line-height:1;transform: translatey(-5%)}

/* remixicon 파이어폭스 행간오류 fix */
@-moz-document url-prefix() {
    [class^="ri-"], [class*=" ri-"] {transform: translateY(10%);}
}


@media(max-width:1460px) {
  html{font-size:9px;}
}

.pretendard{font-family:"Pretendard"}
.quantico{font-family:"Quantico", "Pretendard"}


.display-block{display:block !important;}
.display-inline-block{display:inline-block !important;}

.color-blue{color:#245c9c !important;}
.color-green{color:#27b6b0 !important;}
.color-green-02{color:#23807d !important;}

.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }


.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-800{font-weight:800 !important;}
.fw-900{font-weight:900 !important;}


.mt-0{margin-top: 0 !important;}
.mt-1{margin-top: 0.1rem !important;}
.mt-2{margin-top: 0.2rem !important;}
.mt-3{margin-top: 0.3rem !important;}
.mt-4{margin-top: 0.4rem !important;}
.mt-5{margin-top: 0.5rem !important;}
.mt-6{margin-top: 0.6rem !important;}
.mt-7{margin-top: 0.7rem !important;}
.mt-8{margin-top: 0.8rem !important;}
.mt-9{margin-top: 0.9rem !important;}
.mt-10{margin-top: 1rem !important;}
.mt-15{margin-top: 1.5rem !important;}
.mt-20{margin-top: 2rem !important;}
.mt-25{margin-top: 2.5rem !important;}
.mt-30{margin-top: 3rem !important;}
.mt-35{margin-top: 3.5rem !important;}
.mt-40{margin-top: 4rem !important;}
.mt-45{margin-top: 4.5rem !important;}
.mt-50{margin-top: 5rem !important;}
.mt-55{margin-top: 5.5rem !important;}
.mt-60{margin-top: 6rem !important;}
.mt-65{margin-top: 6.5rem !important;}
.mt-70{margin-top: 7rem !important;}
.mt-75{margin-top: 7.5rem !important;}
.mt-80{margin-top: 8rem !important;}
.mt-85{margin-top: 8.5rem !important;}
.mt-90{margin-top: 9rem !important;}
.mt-95{margin-top: 9.5rem !important;}
.mt-100{margin-top: 10rem !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: 0.1rem !important;}
.mb-2{margin-bottom: 0.2rem !important;}
.mb-3{margin-bottom: 0.3rem !important;}
.mb-4{margin-bottom: 0.4rem !important;}
.mb-5{margin-bottom: 0.5rem !important;}
.mb-6{margin-bottom: 0.6rem !important;}
.mb-7{margin-bottom: 0.7rem !important;}
.mb-8{margin-bottom: 0.8rem !important;}
.mb-9{margin-bottom: 0.9rem !important;}
.mb-5{margin-bottom: 0.5rem !important;}
.mb-10{margin-bottom: 1rem !important;}
.mb-15{margin-bottom: 1.5rem !important;}
.mb-20{margin-bottom: 2rem !important;}
.mb-25{margin-bottom: 2.5rem !important;}
.mb-30{margin-bottom: 3rem !important;}
.mb-35{margin-bottom: 3.5rem !important;}
.mb-40{margin-bottom: 4rem !important;}
.mb-45{margin-bottom: 4.5rem !important;}
.mb-50{margin-bottom: 5rem !important;}
.mb-55{margin-bottom: 5.5rem !important;}
.mb-60{margin-bottom: 6rem !important;}
.mb-65{margin-bottom: 6.5rem !important;}
.mb-70{margin-bottom: 7rem !important;}
.mb-75{margin-bottom: 7.5rem !important;}
.mb-80{margin-bottom: 8rem !important;}
.mb-85{margin-bottom: 8.5rem !important;}
.mb-90{margin-bottom: 9rem !important;}
.mb-95{margin-bottom: 9.5rem !important;}
.mb-100{margin-bottom: 10rem !important;}
.ml-0{margin-left: 0 !important;}
.ml-5{margin-left: 0.5rem !important;}
.ml-10{margin-left: 1rem !important;}
.ml-15{margin-left: 1.5rem !important;}
.ml-20{margin-left: 2rem !important;}
.ml-25{margin-left: 2.5rem !important;}
.ml-30{margin-left: 3rem !important;}
.ml-35{margin-left: 3.5rem !important;}
.ml-40{margin-left: 4rem !important;}
.ml-45{margin-left: 4.5rem !important;}
.ml-50{margin-left: 5rem !important;}
.mr-0{margin-right: 0 !important;}
.mr-5{margin-right: 0.5rem !important;}
.mr-10{margin-right: 1rem !important;}
.mr-15{margin-right: 1.5rem !important;}
.mr-20{margin-right: 2rem !important;}
.mr-25{margin-right: 2.5rem !important;}
.mr-30{margin-right: 3rem !important;}
.mr-35{margin-right: 3.5rem !important;}
.mr-40{margin-right: 4rem !important;}
.mr-45{margin-right: 4.5rem !important;}
.mr-50{margin-right: 5rem !important;}