@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css");

:root {
    --primary-color: #0090A2;
    --secondary-color : #799820; 
}

* { font-family: 'pretendard', sans-serif !important; font-size: 14px; box-sizing: border-box; color: #333;}

a { 
    color: inherit;
    text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a, span, p, h1, h2, h3, h4, h5, h6, li, td, th, input, button, textarea, select {
    letter-spacing: -0.54px;
}

img {width: 100%;}

/* flex */
.flex { display: flex; }

/* flex, justify-content */
.flex-center { display: flex; justify-content: center; }
.flex-start { display: flex; justify-content: start; }
.flex-end { display: flex; justify-content: end; }
.flex-around { display: flex; justify-content: space-around; }
.flex-between { display: flex; justify-content: space-between; }
.flex-evenly { display: flex; justify-content: space-evenly; }

/* flex, align-items */
.flex-none-center { display: flex; align-items: center; }
.flex-none-start { display: flex; align-items: start; }
.flex-none-end { display: flex; align-items: end; }
.flex-none-baseline { display: flex; align-items: baseline; }

/* flex, justify-content: center, align-items */
.flex-center-center { display: flex; justify-content: center; align-items: center; }
.flex-center-start { display: flex; justify-content: center; align-items: start; }
.flex-center-end { display: flex; justify-content: center; align-items: end; }

/* flex, justify-content: start, align-items */
.flex-start-center { display: flex; justify-content: start; align-items: center; }
.flex-start-start { display: flex; justify-content: start; align-items: start; }
.flex-start-end { display: flex; justify-content: start; align-items: end; }

/* flex, justify-content: end, align-items */
.flex-end-center { display: flex; justify-content: end; align-items: center; }
.flex-end-start { display: flex; justify-content: end; align-items: start; }
.flex-end-end { display: flex; justify-content: end; align-items: end; }

/* flex, justify-content: space-around, align-items */
.flex-around-center { display: flex; justify-content: space-around; align-items: center; }
.flex-around-start { display: flex; justify-content: space-around; align-items: start; }
.flex-around-end { display: flex; justify-content: space-around; align-items: end; }

/* flex, justify-content: space-between, align-items */
.flex-between-center { display: flex; justify-content: space-between; align-items: center; }
.flex-between-start { display: flex; justify-content: space-between; align-items: start; }
.flex-between-end { display: flex; justify-content: space-between; align-items: end; }

/* flex, justify-content: space-evenly, align-items */
.flex-evenly-center { display: flex; justify-content: space-evenly; align-items: center; }
.flex-evenly-start { display: flex; justify-content: space-evenly; align-items: start; }
.flex-evenly-end { display: flex; justify-content: space-evenly; align-items: end; }

/* flex, flex-direction */
.flex-column { display: flex; flex-direction: column; }
.flex-columnReverse { display: flex; flex-direction: column-reverse; }
.flex-row { display: flex; flex-direction: row; }
.flex-rowReverse { display: flex; flex-direction: row-reverse; }

/* color */
.color-000 {color: #000;}
.color-333 {color: #333;}
.color-666 {color: #666;}
.color-primary {color: var(--primary-color);}
.color-secondary {color: var(--secondary-color);}

/* text-line */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* background-color */
.bgc-gray {background-color: #f5f5f5;}

/* button */
.customBtn {
    font-size: 20px !important;
    border-radius: 50px;
    transition: ease 0.3s;
    font-weight: 400 !important; 
}

/* title */
.common_title, .common_title span {
    color: #0090A2;
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    position: relative;
}
.common_title span {
    display: inline-block;
}
.common_title span::before {
    content: "•"; 
    position: absolute;
    top: -34px;
    left: 27%; 
    font-size: 39px; 
    color: var(--primary-color); 
}
.common_subTitle {
    width: fit-content;
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    border-radius: 5px;
    background: rgba(0, 144, 162, 0.16);
    padding: 3px 10px;
}

/* 반응형 */
.show_480 {display: none;}
.show_480_flex {display: none;}

/* 스크롤 시 애니메이션 */
.scroll_on {opacity: 0; transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important; transition-delay: var(--delay, 0s); }
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_top {transform: translate(0, -50px); display: block;}

/* 미디어쿼리 */
@media (max-width : 480px) {
    .show_480 {display: block;}
    .show_480_flex {display: flex;}
    .hidden_480 {display: none;}

    /* title */
    .common_title, .common_title span {
        font-size: 30px;
    }
    .common_title span::before {display: none;}
    .common_subTitle {
        font-size: 18px;
    }

    /* button */
    .customBtn {
        font-size: 16px !important;
    }
}