@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');

/* @font-face { 
    font-family: 'Pretendard'; 
    src: url('/woff/Pretendard-Regular.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal;
  }
 */


:root {
    --bs-body-font-family:'Pretendard', Dotum, Sans-serif;
    --bs-body-font-size:1rem;
    --bs-body-font-weight:300;
    --bs-body-line-height:1.5;
    --bs-body-color:#000;

    --bs-primary:#de3719;
    --bs-secondary: #261f44;
    --bs-success: #24a148;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #ff5938;
    --bs-light: #f5f5f5;
    --bs-dark: #000000;
    --bs-lightblue: #eef2fa;

    --bs-white: #fff;
    --bs-gray: #666666;
    --bs-gray-dark: #222222;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd; 
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;

    --admin-bg-color:#28344e;
    --admin-login-color:#535d71;
}

body {
        font-family:var(--bs-body-font-family); 
        font-weight:var(--bs-body-font-weight); 
        font-size:var(--bs-body-font-size); 
        line-height:var(--bs-body-line-height);
        color:var(--bs-body-color); 
        -webkit-font-smoothing: antialiased;
    }

h1, h2, h3 {color: var(--bs-gray-dark); font-weight: 700;}

a {text-decoration:none; color: var(--bs-body-color);}
a:hover {text-decoration:none; color: var(--bs-primary);}

ol, ul {padding-left: 0; margin-bottom: 0;}
ol, ul, li {list-style-type: none;}

p {font-size: 1rem;}
p:not(:last-child) {margin-bottom: 1rem;}

.border-top-dark {border-top: 2px solid var(--bs-dark) !important;}

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

@media screen and (min-width: 1200px) {
    p {font-size: 1.125rem;}
}


address {margin-bottom: 0.5rem;}
section {padding-top: 80px; padding-bottom: 80px; word-break: keep-all;}

@media screen and (min-width: 1200px) {
    section {padding-top: 100px; padding-bottom: 100px;}
}


/* ********************* */
/* **** user class ***** */
/* ********************* */
.fs-36 {font-size: calc(1.1rem + 1.5vw) !important;}
@media (min-width: 1200px) {
    .fs-36 {
        font-size: 36px !important;
    }
}


/* intro */
.intro {min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url("/images/intro/intro_bg.png"); background-size: cover; 
background-repeat: no-repeat; background-position: center; text-align: center;}
.intro .inner {max-width: 1400px; width: 100%; padding: 10px;}
.intro h3 {font-family: "Rozha One", serif; color: #fff;}
.intro h2 {color: #fff; word-break: keep-all;}

.intro ul {display: flex; gap: 15px;}
.intro ul li {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33.3%; background-color: rgba(255,255,255,.85); border-radius: 30px; padding: 45px;}
.intro ul li .logo img {width: 100%;}
.intro ul li .call {display: flex; align-items: center; font-weight: 500;}
.intro ul li .call img {margin-right: 5px;}
.intro ul li a {width: 100%; max-width: 190px; height: 60px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; border-radius: 4px;}
.intro ul li:nth-child(1) a {background: #03492b;}
.intro ul li:nth-child(2) a {background: #1467a9;}
.intro ul li:nth-child(3) a {background: #d70d19;}

.intro ul li:nth-child(1) .logo {width:85%;} 
.intro ul li:nth-child(2) .logo {width:100%;} 
.intro ul li:nth-child(3) .logo {width:85%;} 
.intro ul li .logo img {max-width:356px;}

@media (max-width: 768px) {
	.intro .inner {padding: 100px 10px; }
    .intro ul {flex-wrap: wrap;}
	.intro ul li {width: 100%;}
}