@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Black.eot');
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

body {
	padding: 0;
	margin: 0;
	/* word-wrap: break-word; */
	word-break: keep-all;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 10px;
	letter-spacing: -0.025rem;
}

/* 헤더 메뉴 배경 색상 변경 */
.md-header {
    background-color: #132c54; /* 원하는 색상 코드로 변경 */
    /* background:url(/assets/img/sub-visual-4.jpg) no-repeat; 
    background-position: center; 
    background-size:cover; */
}

.bg-animation-wrap {
    overflow: hidden; 
    width:100%; 
    height:100%; 
    text-align:center; 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 0;
}
.zoomin {
    width:100%; 
    height:100%; 
    text-align:center; 
    background-size: auto; 
    background-attachment: fixed; 
    background-repeat: repeat; 
    position: relative; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    -webkit-animation: bg-zoomin 15s ease-in infinite; 
    animation: bg-zoomin 15s ease-in infinite; 
    transition: all .8s ease-in-out; 
    overflow: hidden;
}
.sub-visual-4 .zoomin {
    background:url(/assets/img/sub-visual-4.jpg) no-repeat; 
    background-position: center; 
    background-size:cover;
}

.zoomout {
    width:100%; 
    height:100%; 
    text-align:center; 
    background: none; 
    -webkit-animation: bg-zoomout 15s ease-in infinite; 
    animation: bg-zoomout 15s ease-in infinite; 
    transition: all .8s ease-in-out; 
    overflow: hidden;
}



.youtube {
    color: #EE0F0F;
}

.fontawesome-brands-youtube {
    color: #EE0F0F;
}


.red {
    color: #FF0000;
}

.detail-clr {
    color: #2e9099;
}

/* .md-button.md-button-small {
    font-size: 12px;
    padding: 4px 8px;
    line-height: 1.2;
    min-width: auto;
    height: auto;
} */

.md-button.md-button-small {
    font-size: 10px;
    padding: 2px 6px;
    line-height: 1;
    border-radius: 3px;  /* 모서리 둥글기 */
    min-width: 50px;     /* 최소 너비 설정 */
    height: 24px;        /* 고정 높이 설정 */
}

.no-link {
    pointer-events: none;
    cursor: default;
}

.img-edge {
    border: 2px solid #efefef; /* #4051B5; */
    padding: 6px; 
    margin: 12px; 
    border-radius: 8px;
}

.img-edge-thin {
    border: 1px solid #efefef; /* #4051B5; */
    padding: 6px; 
    margin: 12px; 
    border-radius: 8px;
}

.md-content {
    border-left: 1px solid #efefef; /* 왼쪽 경계선 */
    border-right: 1px solid #efefef; /* 오른쪽 경계선 */
    padding-left: 16px; /* 경계선과 콘텐츠 간격 */
    padding-right: 16px; /* 경계선과 콘텐츠 간격 */
}

.label {
    display: inline-block;
    /* font-size: 12px; */
    /* font-weight: bold; */
    padding: 2px 4px;
    color: white;
    background-color: #6c757d; /* 회색 배경 */
    border-radius: 4px;        /* 둥근 모서리 */
}

/* 기본 Outline 스타일 라벨 */
.label-outline {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #007bff; /* 텍스트 색상 */
    border: 2px solid #007bff; /* 테두리 색상 */
    border-radius: 8px; /* 둥근 모서리 */
    background-color: transparent; /* 배경색 없음 */
    text-align: center;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}

/* Outline 스타일 라벨 - Hover 효과 */
.label-outline:hover {
    background-color: #007bff; /* Hover 시 배경색 추가 */
    color: white; /* 텍스트 색상 변경 */
    transition: all 0.3s ease; /* 부드러운 전환 효과 */
}

/* 색상별 Outline 라벨 */
.label-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.label-outline-bioone {
    color: #132c54;
    border-color: #132c54;
}

.label-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.label-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.label-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.label-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.label-outline-grey {
    color: grey;
    border-color: grey;
}

.label-outline-animated {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.label-outline-animated::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 123, 255, 0.1);
    z-index: -1;
    transform: scale(0);
    transition: transform 0.3s ease;
    border-radius: 8px; /* 둥근 모서리 유지 */
}

.label-outline-animated:hover::after {
    transform: scale(1);
}

.image-fade {
    /* position: relative;
    display: inline-block; */
    width: auto;
    height: auto;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
}

/* .image-fade::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
} */

.image-crop-50 {
    width: auto;
    height: auto;
    clip-path: inset(0 0 50% 0);
}

.image-container1 {
    position: relative;
    width: auto;
    height: 350px;
    overflow: hidden; /* 하단 부분 자르기 */
}

.image-container1 img {
    width: 100%;
    height: auto;
    display: block;
}

.image-container1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;  /* 하단 50% 페이드 영역 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}