@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');

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


:root {
    /* --bs-body-font-family:'Montserrat', 'Noto Sans KR', Dotum, Sans-serif; */
    --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:#e83f46;
    --bs-secondary: #261f44;
    --bs-success: #24a148;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #ff5938;
    --bs-light: #aaaaaa;
    --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;
		overflow-x: hidden!important;
		height: 100vh; 
		overflow: hidden;
}

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

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

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

/* ********************* */
/* **** color & bg ***** */
/* ********************* */
.text-primary {color: var(--bs-primary) !important;}
.text-secondary {color: var(--bs-secondary) !important;}
.text-success {color: var(--bs-success) !important;}
.text-info {color: var(--bs-info) !important;}
.text-warning {color: var(--bs-warning) !important;}
.text-danger {color: var(--bs-danger) !important;}
.text-light {color: var(--bs-light) !important;}
.text-dark {color: var(--bs-dark) !important;}
.text-white {color: var(--bs-white) !important;}


#fullpage {height: 100vh!important; overflow-y:auto; overflow-x:hidden;}


/* background video */
.bg-video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2;}
.bg-video::before {content:""; position: absolute; width:100%; height:100%; background: #000; opacity:0.4;}
.bg-video_content {height: 100%; width: 100%; object-fit: cover;}

/* section */
.section {word-break: keep-all; padding: 80px 0;}

@media (min-width: 1200px) {
    .section {padding:  0; height: 100vh;}
}

.container-xxl {width: 100%; height: 100%;}

@media (min-width: 1400px) {
    .container-xxl {
        max-width: 1520px;
    }
}


/* section01 */
.line {position: relative; width:125%; height:1px; background: rgba(255,255,255,0.2); margin: 70px 0;}
.line::before {content:""; position:absolute; width:65px; height: 1px; background: #fff;}

.img-box {position: relative; width:100%; height: 100%; text-align: center;}
.img-box img {max-width: 120%; }

@media (max-width: 1199px) {
	.line {width: 100%;}
    .img-box img {max-width: 100%; }
}

/* section02 */
.round {aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; flex-direction:column; border-radius: 50%; text-align: center;}
.round-wh {background:rgba(255,255,255,0.2);}
.round-red {background:rgba(91,75,76,0.8);}

.table {width: 85%; color: #fff; font-weight: 400; text-align: center; font-size: 17px; background:rgba(187,187,187,0.2); border-radius: 10px; overflow: hidden;}
.table th {font-weight: 400; }
.table td {background:rgba(255,255,255,0.15);}
.table>:not(caption)>*>* {border-bottom:0; vertical-align: middle;}
.table thead {border-bottom: 1px solid rgba(255,255,255,0.1);}
.table thead th:last-child {border-left: 1px solid rgba(255,255,255,0.1);}
.table tbody tr:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,0.1);}
.table th:first-child {border-right: 1px solid rgba(255,255,255,0.1);}
.table tbody td:last-child {border-left: 1px solid rgba(255,255,255,0.1);}

.link {width:100%; display: flex; justify-content: center; align-items: center; padding: 20px; text-decoration: none; font-size: 20px; font-weight: 600; border-radius: 8px; text-align:center;}
.link-wh {background: #fff; color: #000;}
.link-wh:hover {background: #fff; color: #000;}
.link-red {color: #fff; background: var(--bs-primary);}
.link-red:hover {color: #fff; background: var(--bs-primary);}

@media (max-width: 1199px) {
	.table {width: 100%;} 
}
@media (max-width: 576px) {
	.round span {font-size: 15px;}
}

/* sectio3 */
.section03 {background: #fff; background-image:url("/images/landing/background.png"); background-size: cover; background-repeat: no-repeat; background-position: center;}

.benefit-box {width: 100%; margin: 90px 0;}
.benefit-box > p {line-height: 1.2;}
.benefit-box > p span {position: relative; z-index:2; display: inline-block;}
.benefit-box > p span::before {position: absolute; content:""; bottom:0; left:0; width:100%; height:12px; background: var(--bs-primary); z-index:-1;}
.benefit-box ul {display: grid;  grid-template-columns: repeat(5, 1fr); gap: 30px 20px; margin-top: 48px;}
.benefit-box ul li {display: flex; gap: 20px; align-items: center;}
.benefit-box .num {display: flex; align-items: center; justify-content: center; background: #000; color: #fff; border-radius: 50%; width:45px; height: 45px; font-weight: 500; font-size: 18px;}
.benefit-box ul li p {font-weight: 700; margin-bottom: 0;}

.info-box {width: 100%; background: var(--bs-primary); padding: 50px 0; border-radius: 8px; color: #fff; margin-left: 0;}
.info-box > div {display: flex; align-items: center; justify-content: center;}
.info-box > div:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.3);}

.under-none {text-decoration: none;}
.under-none:hover {text-decoration: underline;}
@media (max-width: 1199px) {
	.benefit-box ul { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.info-box {padding: 40px; gap: 30px 0;}
	.info-box > div {justify-content: flex-start;}
	.info-box > div:not(:last-child) {border-right: none;}
}

@media (max-width: 576px) {
	.benefit-box ul { grid-template-columns: repeat(1, 1fr); }
}