@charset "utf-8";

* {margin:0; padding:0; box-sizing: border-box; letter-spacing: -1px;
    /* 사파리 브라우저 글자크기 적용 */
    -webkit-text-size-adjust: 100%;        
    text-size-adjust: 100%;        

    /* 크롬 브라우저에서 인쇄할때 배경색도 나오게 적용 */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
/* *:focus-visible {outline: 2px solid var();} */
*::before, *::after {box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact;}



html {scroll-behavior: smooth;}
body {width: 100%; font-size: 17px; color: var(--career--gray-90); font-weight: 400; font-family:"Pretendard",sans-serif; word-break: keep-all; overflow-wrap: break-word; line-height: 1.5;}

:root {
    /* FONT SIZE, 마지막에 붙인 숫자는 font-weight 값(400,700) */
    --heading-l-700: 50px;
    --heading-m-700: 40px;
    --heading-s-700: 32px;

    --title-l-700: 25px;
    --title-m-700: 21px;
    --title-s-700: 19px;

    --body-l-700: 19px;
    --body-l-400: 19px;
    --body-m-700: 17px;
    --body-m-400: 17px;
    --body-s-700: 15px;
    --body-s-400: 15px;

    --label-l-700: 19px;
    --label-l-400: 19px;
    --label-m-700: 17px;
    --label-m-400: 17px;
    --label-s-700: 15px;
    --label-s-400: 15px;

    --link-l-700: 19px;
    --link-l-400: 19px;
    --link-m-700: 17px;
    --link-m-400: 17px;
    --link-s-700: 15px;
    --link-s-400: 15px;

    /* Color styles */
    --career--white: #FFFFFF;
    --career--black: #000000;
    --career--primary: #0074E5;
    --career--secondary: #00407F;

    --career--point: #E71825;
    --career--danger: #EB003B;
    --career--warning: #FFB724;
    --career--success: #008A1E;
    --career--information: #2768FF;

    --career--primary-5: #EBF5FF;
    --career--primary-10: #C7E3FF;
    --career--primary-20: #8FC8FF;
    --career--primary-30: #56ACFF;
    --career--primary-40: #1E90FF;
    --career--primary-50: #0074E5;
    --career--primary-60: #0056AA;
    --career--primary-70: #00407F;
    --career--primary-80: #002B55;
    --career--primary-90: #00152A;

    --career--secondary-5: #EDF1F5;
    --career--secondary-10: #CDD7E4;
    --career--secondary-20: #B4C4D6;
    --career--secondary-30: #99B0CB;
    --career--secondary-40: #2A5C96;
    --career--secondary-50: #003675;
    --career--secondary-60: #002B5E;
    --career--secondary-70: #002046;
    --career--secondary-80: #00162F;
    --career--secondary-90: #000B17;

    --career--gray-5: #F8F8F8;
    --career--gray-10: #F0F0F0;
    --career--gray-20: #E4E4E4;
    --career--gray-30: #D8D8D8;
    --career--gray-40: #C6C6C6;
    --career--gray-50: #8E8E8E;
    --career--gray-60: #717171;
    --career--gray-70: #555555;
    --career--gray-80: #2D2D2D;
    --career--gray-90: #1D1D1D;


}

/* 일단 임시로 1080으로 모바일 설정 */
@media screen and (max-width: 1080px) {
    :root {
        /* FONT SIZE */
        --heading-l-700: 40px;
        --heading--m-700: 32px;
        --heading--s-700: 25px;

        --title--l-700: 32px;
    }
}

h1,h2,h3,h4,h5,h6 {font: inherit;}

img {display: block; max-width: 100%;}   

ul,ol {list-style:none;}

table {width: 100%; border-collapse: collapse; vertical-align: middle; table-layout: fixed;}

th {font-weight: inherit;}

caption {position:absolute; left:-10000px;}

a,button {transition: all 0.2s ease; font: inherit; color: inherit;}
a {text-decoration: none;}
input,select,textarea {border: 1px solid #ddd; font: inherit; color: inherit;}
input::placeholder {color: inherit;}
select {background-color: #fff;}
button {background-color: #fff; cursor: pointer; border: none;}
textarea {width: 100%; display: block; resize: none;}

/* 사파리 기본 border-radius 제거 */
input:where(:not([type="radio"]):not([type="checkbox"])) {border-radius: 0;}

blockquote,fieldset,iframe {border:0}

address {font-style: normal;}

label {cursor: pointer; display: inline-flex; align-items: center;}

article,aside,details,figcaption,figure,footer,header,nav,section {display:block;}

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

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('/cloud/m/font/Pretendard/Pretendard-Light.subset-edbf558dafc7610d4031c6e90b3f6506.woff2') format('woff2'),
        url('/cloud/m/font/Pretendard/Pretendard-Light.subset-8c2d0d1ff8a65a3daa9d65461565a7e7.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/cloud/m/font/Pretendard/Pretendard-Regular.subset-0e5701726a18f18c75f1eadfe7fd4c5a.woff2') format('woff2'),
        url('/cloud/m/font/Pretendard/Pretendard-Regular.subset-37eb08321a72dcebeb5cff304ad3967b.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/cloud/m/font/Pretendard/Pretendard-Medium.subset-201c9877b1ae82b0b760390526e7a5ba.woff2') format('woff2'),
        url('/cloud/m/font/Pretendard/Pretendard-Medium.subset-99418246fc1c939939607b76fca0742e.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/cloud/m/font/Pretendard/Pretendard-SemiBold.subset-e98acacabdd7864378a34ea1e90e98ef.woff2') format('woff2'),
        url('/cloud/m/font/Pretendard/Pretendard-SemiBold.subset-f03e74fb2ab15e6580a875c1edb86e3a.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/cloud/m/font/Pretendard/Pretendard-Bold.subset-0cc59186812b67f13a8eff679f3f14a9.woff2') format('woff2'),
        url('/cloud/m/font/Pretendard/Pretendard-Bold.subset-9c1a831be7b4b65bf2093a33a3e2e05a.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}