@charset "utf-8";

/*-------------------------------------------------------------------
  파일정의 : Settings
  작성날짜 : 2025-04-15 강지연
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
  ## Base
-------------------------------------------------------------------*/
html, body, div, ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6, table, th, td, caption, address, article, aside,
canvas, details, figure, figcaption, footer, header, menu, nav, section,
button, select, textarea, input, fieldset, legend, a, span, strong, em, address, dfn, small, i, b {margin:0; padding:0; border:0; list-style:none; font-style:normal; font-size:100%; font-weight:inherit; font-family:inherit; line-height:inherit; word-break:inherit; word-wrap:inherit; box-sizing:inherit;}
:before, :after {box-sizing:inherit;}
article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
body {font-size:14px; line-height:1; word-break:keep-all; word-wrap:break-word; box-sizing:border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
html[lang=ja] body, html[lang=zh] body {word-break:normal;}
[hidden], hr {display:none;}
img {vertical-align:middle;}
button {background-color:transparent; cursor:pointer; color:inherit;}
b, strong {font-weight:normal;}
fieldset, iframe {width:100%;}
img, a, frame, iframe, fieldset {border:0;}
a {text-decoration:none; color: inherit}
table {width:100%; border-spacing:0; border-collapse:collapse;}
caption {display:block; position:absolute; left:-9999px;}
legend {position:absolute; left:-9999em; top:-9999em;}
button {overflow:hidden; background-color:transparent; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}

/*-------------------------------------------------------------------
  ## General
-------------------------------------------------------------------*/
body {
    font-family: Pretendard, sans-serif;
    color: #4C4E55;
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

:root {
    --main-color-001: #4775D6;
    --main-color-002: #B4C8ED;
    --main-color-003: #DEE8F8;
    --main-color-004: #395889;
    --white-color: #fff;
    --light-blue: #DEE8F8;
    --light-blue-002: #EFF3FB;
    --black-001: #000000;
    --black-002: #060606;
    --black-003: #252525;
    --black-004: #181818;
    --black-005: #171717;
    --gray-001:#5D5D5D;
    --gray-002:#B3B3B3;
    --gray-003:#A3A3A3;
    --gray-004:#666666;
}

.inner {
    max-width: 100%;
    width: 57.29vw;
    margin: 0 auto;
    box-sizing: border-box;
}

.is_mo {
    display: none !important;
}
.is_tablet{
    display: none !important;
}
.is_pc {
    display: block !important;
}

@media screen and (max-width: 1920px) {
    .inner {
        width: 100%;
        max-width: 1200px;
        padding: 0 32px;
    }
}

@media screen and (max-width: 1024px) {
    .is_pc {
        display: none !important;
    }
    .is_tablet{
        display: block !important;
    }
    .is_pc_img{
        display: block !important;
    }
    .is_pc_tablet{
        display: block !important;
    }
}

@media screen and (max-width: 767px) {

    .is_pc {
        display: none !important;
    }
    .is_mo {
        display: block !important;
    }
    .is_pc_tablet{
        display: none !important;
    }
}
/*-------------------------------------------------------------------
  ## Font
-------------------------------------------------------------------*/

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url(../asset/font/woff2/Pretendard-Black.woff2) format('woff2'), url(../asset/font/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url(../asset/font/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../asset/font/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(../asset/font/woff2/Pretendard-Bold.woff2) format('woff2'), url(../asset/font/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(../asset/font/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../asset/font/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url(../asset/font/woff2/Pretendard-Medium.woff2) format('woff2'), url(../asset/font/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(../asset/font/woff2/Pretendard-Regular.woff2) format('woff2'), url(../asset/font/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url(../asset/font/woff2/Pretendard-Light.woff2) format('woff2'), url(../asset/font/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url(../asset/font/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../asset/font/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url(../asset/font/woff2/Pretendard-Thin.woff2) format('woff2'), url(../asset/font/woff/Pretendard-Thin.woff) format('woff');
}