@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Taviraj:300,400,700,300i,400i,700i");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* Pretendard 폰트 패밀리 정의 */
@font-face {
  font-family: Pretendard-Bold;
  font-weight: 400;
  src: local("Pretendard-Bold"),
       local("☺"),
       url("/fonts/Pretendard-Bold.woff2") format("woff2"),
       url("/fonts/Pretendard-Bold.woff") format("woff"),
       url("/fonts/Pretendard-Bold.otf") format("opentype");
}

@font-face {
  font-family: Pretendard-Light;
  font-weight: 400;
  src: local("Pretendard-Light"),
       local("☺"),
       url("/fonts/Pretendard-Light.woff2") format("woff2"),
       url("/fonts/Pretendard-Light.woff") format("woff"),
       url("/fonts/Pretendard-Light.otf") format("opentype");
}

@font-face {
  font-family: Pretendard-Regular;
  font-weight: 400;
  src: local("Pretendard-Regular"),
       local("☺"),
       url("/fonts/Pretendard-Regular.woff2") format("woff2"),
       url("/fonts/Pretendard-Regular.woff") format("woff"),
       url("/fonts/Pretendard-Regular.otf") format("opentype");
}

@font-face {
  font-family: Pretendard-Medium;
  font-weight: 400;
  src: local("Pretendard-Medium"),
       local("☺"),
       url("/fonts/Pretendard-Medium.woff2") format("woff2"),
       url("/fonts/Pretendard-Medium.woff") format("woff"),
       url("/fonts/Pretendard-Medium.otf") format("opentype");
}

@font-face {
  font-family: Pretendard-SemiBold;
  font-weight: 400;
  src: local("Pretendard-SemiBold"),
       local("☺"),
       url("/fonts/Pretendard-SemiBold.woff2") format("woff2"),
       url("/fonts/Pretendard-SemiBold.woff") format("woff"),
       url("/fonts/Pretendard-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: Pretendard-Black;
  font-weight: 400;
  src: local("Pretendard-Black"),
       local("☺"),
       url("/fonts/Pretendard-Black.woff2") format("woff2"),
       url("/fonts/Pretendard-Black.woff") format("woff"),
       url("/fonts/Pretendard-Black.otf") format("opentype");
}


	html {
		box-sizing: border-box;
		scroll-behavior: smooth;
	}

	img {
		height: auto;
		max-width: 100%;
		border-radius: 0.365em;
	}

	::selection {
		background-color: #FFD800; /* 선택된 텍스트의 배경 색을 노란색으로 설정 */
		color: #000; /* 선택된 텍스트의 글자 색을 검정색으로 설정 (선택적) */
	}

	.both {
		clear: both;
	}
	.small {
		font-size: 0.8rem !important;
	}

/* 숨김 텍스트 */
	.absolute {
		position: absolute; 
		top: -8000px; 
		left: -8000px;
	}

/* PC에서 보이고, 모바일에서 안보임, BR 전용 */
.hide-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .hide-pc {
    display: none;
  }
}
/* BR 코드가 PC에서는 미적용, 모바일에서 적용, BR 전용 */
.mobile-br {
  display: none;
}
@media (max-width: 767px) {
  .mobile-br {
    display: block;
  }
}

/* PC에서 보이고, 모바일에서 안보임 */
.mobile-hide {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .mobile-hide {
    display: none;
  }
}
/* 텍스트 위치 */
	.align-left {
		text-align: left;
	}
	.align-center {
		text-align: center;
	}
	.align-right {
		text-align: right;
	}

/* 폰트 한글 + 영문 */
	.hangle {
		font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	}
	.hangles {
		font-family: 'Noto Serif KR', sans-serif !important;
	}
	.eng {
		font-family: "Taviraj", serif !important;
	}
	.pr {
		padding-right: 0.2em;
	}

	hr {
		clear: both !important;
		margin-top:3rem !important;
		margin-bottom:3rem !important;
		border:0;
		border-top: 1px solid rgba(255,255,255, 0.5) !important;
	}

.tm-slogon {
    font-size: 0.9rem;
    font-family: "Taviraj", serif !important;
    padding-left: 0.2rem;
    margin-top: -1rem;
}

.text-logo {
    font-family: "Taviraj", serif !important;
    font-weight: 600;
}

/* Image */
/* 기본 스타일 */
.image {
    border-radius: 3px;
    border: 0;
    display: inline-block;
    position: relative;
}

.image img {
    border-radius: 3px;
    display: block;
}

.image.left {
    float: left;
    margin: 0 1em 0.5em 0;
    top: 0.25em;
}

.image.right {
    float: right;
    margin: 0 0 2em 2em;
    top: 0.25em;
}

.image.left, .image.right {
    max-width: 40%;
}

.image.left img, .image.right img {
    width: 100%;
}

.image.fit {
    display: block;
    margin: 0 0 2em 0;
    width: 100%;
}

.image.fit img {
    width: 100%;
}

.image.minus {
    display: block;
    margin: 0 0 0 0;
    width: 100%;
    border-radius: 3px 3px 0 0 !important;
}

.image.minus img {
    width: 100%;
    border-radius: 3px 3px 0 0 !important;
}


		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 3em 0;
		}

/* 모바일 대응 스타일 */
@media (max-width: 768px) {
    .image.left, .image.right {
        /*float: none;*/ /* 플로트 해제 */
        margin: 0 0 1em 0; /* 상단 여백 설정 */
        max-width: 100%; /* 이미지 너비 전체로 */
    }

    .image.left img, .image.right img {
        width: 100%; /* 이미지 너비 전체로 */
    }
}