@chartset "utf-8";

@font-face {
	font-family: 'GeumhoOn';
	font-weight: 400;
	src:url('/public/assets/fonts/GEUMHO-ON.woff') format('woff');
	src:url('/public/assets/fonts/GEUMHO-ON.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'), 
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');
}

html { scroll-behavior: smooth; }
body { font-size: 15px; }

.font-use {
	font-family: 'GeumhoOn';
	font-size: 25px;
	font-weight: 400;

	border-bottom: 4px solid #111;
	width: 960px;
	margin: 0 auto;
	line-height: 42px;

	color: #218fcd;
	caret-color: #82b643; /* ✅ 진짜 caret 색상 다시 켬 */
	outline: none;

	white-space: pre-wrap;
	min-height: 42px;

	position: relative;
}

.font-use:empty::before {
	content: "❤️영천의 보석💎 금호읍🫶🏻";
	color: #555;
	pointer-events: none;
}

b { font-weight: 400; display: inline-block; }
:root {
	  color-scheme: light only;
	}
/* * { font-family: 'GeumhoOn'; } */

/* color */
.pointColor_1 { color: #82b643; }
.pointColor_2 { color: #00a0e9; }
.pointColor_3 { color: #4abf81; }
.pointColor_4 { color: #fff; }

/* bg */
.pointBg_4 { background: #333; }



/* 금호 폰트 페이지 */
.fontHeader {
	font-family: 'GeumhoOn';
	position: fixed;
	width: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 70px;
    background: transparent;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	transition: all .3s;
	z-index: 2;
}
.font_header {
	display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
	width: 1440px;
    margin: 0 auto;
}
/* 헤더 로고 */
.fontHeader .mainTextLogo { width: 180px; }
.fontHeader .mainTextLogo img { width: 100%; }
.fontHeader.header-bg { background: rgba(255,255,255,0.9); height: 90px; }
.fontHeader.header-bg .font_header { height: 90px; }

/* 헤더 네비 */
.pageGnb { display: flex; height: 100%; align-items: center; }
.pageGnb .secNav { height: 100%; }
.pageGnb .secNav a { 
	display: block; 
	height: 100%; 
	line-height: 70px; 
	margin: 0 20px;
	position: relative;
	font-size: 18px;
}
.pageGnb .secNav > a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 2px;
	background-color: #00a0e9;
	transform: scale(0);
	transition: transform 0.3s;
	transform-origin: left;
}
.pageGnb .secNav:hover > a::after {	transform: scale(1); }
.fontHeader.header-bg .pageGnb .secNav a { line-height: 90px; }
/* 모바일 네비 */
.menuToggle {
	display: none;
	font-size: 26px;
	background: none;
	border: none;
	cursor: pointer;
	color: #555;
	padding: 0; 
}
.menuToggle:hover { background-color: transparent; color: #00a0e9; }
.menuToggle .closeIcon { font-size: 35px; }

@media all and (max-width: 1500px) {
	.font_header { width: 100%; padding: 0 20px; }
}
@media all and (max-width: 992px) {
	.pageGnb .secNav a { margin: 0 15px; }
}
@media all and (max-width: 768px) {
	.fontHeader { height: 60px; }
	.font_header { height: 60px; position: relative; }
	.pageGnb .secNav a { margin: 0 }

	.fontHeader.header-bg { height: 70px; }
	.fontHeader.header-bg .font_header { height: 70px; }
	.menuToggle { display: block; }
	.fontHeader .pageGnb {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		background: white; /* 배경색 설정 */
		z-index: 100;
		height: 300px;
		border-top: 1px solid #eee;
		box-shadow: 8px 3px 3px -1px rgba(0, 0, 0, 0.2);
	}
	.pageGnb.active { display: flex; }
	.fontHeader.header-bg .pageGnb { top: 70px; }
	.pageGnb .secNav { width: 100%; height: 60px; }
	.fontHeader .pageGnb .secNav a { line-height: 60px; text-align: center; }
	.fontHeader.header-bg .pageGnb .secNav a { line-height: 60px; }
}
@media all and (max-width: 578px) { 
	.pageGnb .secNav a { font-size: 16px; }
}
@media all and (max-width: 450px) {
	.font_header { padding: 0 10px; } 
	.fontHeader .mainTextLogo { width: 150px; }
}



/* 공통 섹션 */
.font_section {
	width: 100%; 
	min-height: 100vh;
	height: 100%;
	text-align: center; 
	overflow: hidden;
	font-family: 'GeumhoOn';
	box-sizing: border-box;
	position: relative;
	/* padding: 150px 20px; */
}

/* 개별 섹션 */ 
/* section_1 */
.section_1 {
	background: #E5EFFF;
	background: linear-gradient(134deg,rgba(229, 239, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.section_1 .title_wrap {
	width: 1440px; 
	height: 100vh;
	margin: 0 auto;
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	box-sizing: border-box;
}
.section_1 .title_wrap .main_title { font-size: 90px; height: 80px; }
.section_1 .title_wrap .main_title .pointColor_2 {
  animation: fontOn 2s ease infinite;
  -moz-animation: fontOn 2s ease infinite;
  -webkit-animation: fontOn 2s ease infinite;
}

@keyframes fontOn {
  0%,
  100% {
	text-shadow: 0 0 1vw #dacd30, 0 0 3vw #e7da3e, 0 0 10vw #fff7ce, 0 0 10vw #f3ffb9, 0 0 .4vw #007aff, .5vw .5vw .1vw #82b643;
    color: #007aff;
  }
  50% {
	text-shadow: 0 0 1vw #fff, 0 0 3vw #6fc0f3, 0 0 10vw #7593ff, 0 0 10vw #16a2fa, 0 0 .4vw #007aff, .5vw .5vw .1vw #4a98fe;
    color: #007aff;
  }
}
.section_1 .title_wrap .main_title span:last-child { padding-left: 15px; }

.section_1 .title_wrap .sub_title {
	font-size: 24px;
    padding: 5px 20px;
    background: #fff;
    border-radius: 50px;
}
.section_1 .sec_img { position: absolute; } 
.section_1 .sec_img-5 { left: 55%; top: -4%; } 
.section_1 .sec_img-1 { left: 0; bottom: 0; width: 100%; } 
.section_1 .sec_img-2 { right: 240px; bottom: 30px; width: 600px; } 
.section_1 .sec_img-3 { left: -16%; top: -39%; width: 700px; } 
.section_1 .sec_img-4 { left: 34%; top: 26%; width: 33px; } 
.section_1 .sec_img-6 { left: 90%; top: 0;width: 100px; } 
.section_1 .sec_img-7 { left: 68%; top: 21%; width: 25px; } 
.section_1 .logo { right: 195px; bottom: 32%; width: 210px; transform: translateY(-50%); } 
.section_1 .diamond {
    width: 30px;
    height: 30px;
    opacity: 0.9;
	top: 34%;
	left: 43%;
    }
    .diamond path {
      fill: none;
      stroke: #FFD400;  /* 진한 개나리색 */
      stroke-width: 3px; /* 기존 2px → 3px로 굵게 */
      stroke-linejoin: round;
      animation: sparkle 2s infinite;
    }

    @keyframes sparkle {
      0% {
        stroke-opacity: 1;
        filter: drop-shadow(0 0 2px #FFD400) drop-shadow(0 0 5px #FFD400);
      }
      50% {
        stroke-opacity: 0.4;
        filter: drop-shadow(0 0 1px #FFD400) drop-shadow(0 0 2px #FFD400);
      }
      100% {
        stroke-opacity: 1;
        filter: drop-shadow(0 0 2px #FFD400) drop-shadow(0 0 5px #FFD400);
      }
    }
.section_1 .title_wrap { text-align: left; }

@media all and (max-width: 1500px) {
	.section_1 .title_wrap { width: 100%; padding: 0 20px; }
}
@media all and (max-width: 1280px) {
	.section_1 .logo { bottom: 275px; right: 185px; }
}
@media all and (max-width: 1080px) {
	.section_1 .title_wrap .main_title { font-size: 90px; height: 70px; }
	.section_1 .title_wrap .sub_title { font-size: 22px; padding: 3px 20px; }
	.section_1 .logo { width: 200px; right: 35px; } 
	.section_1 .sec_img-2 { right: 80px; bottom: 20px; }
}
@media all and (max-width: 992px) {
	.section_1 .title_wrap .main_title { font-size: 80px; }
	.section_1 .title_wrap .sub_title { font-size: 20px; }
	.section_1 .logo { width: 180px; }
	.section_1 .sec_img-2 { width: 560px; }
}
@media all and (max-width: 768px) {
	/* .section_1 .title_wrap { padding-bottom: 100px; } */
	.section_1 .title_wrap .main_title { font-size: 65px; height: 64px; }
	.section_1 .logo { width: 150px; right: 45px; }
	.section_1 .sec_img-2 { width: 500px; }
	.section_1 .sec_img-3 { left: -40%; }
	.section_1 .sec_img-5 { left: 55%; top: -4%; width: 50%; }
	.section_1 .sec_img-6 { left: 70%; }
}
@media all and (max-width: 578px) {
	.section_1 .title_wrap .main_title { font-size: 50px; height: 50px; }
	.section_1 .logo { width: 100px; right: 40px; bottom: 170px; }

	.section_1 .sec_img-2 { width: 350px; right: 60px; bottom: 10px; }
	.section_1 .sec_img-3 { left: -50%; top: -35%; width: 630px; }
	.section_1 .sec_img-6 { left: initial; right: 0; width: 70px; }
}
@media all and (max-width: 450px) {
	.section_1 .title_wrap { padding: 0 10px; }
	.section_1 .title_wrap .main_title { font-size: 45px; height: 47px; }
	.section_1 .title_wrap .sub_title { font-size: 18px; }
	.section_1 .sec_img-2 { width: 300px; right: 40px; bottom: 10px; }
	.section_1 .logo { width: 80px; right: 30px; bottom: 160px; }
	.section_1 .sec_img-3 { left: -70%; }
	.section_1 .sec_img-7 { left: 78%; }
}


/* section_2 */
.section_2 {
	background: #BFDE90;
	background: linear-gradient(178deg,rgba(191, 222, 144, 1) 0%, rgba(248, 252, 243, 1) 78%);
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	z-index: -1;
	padding: 200px 20px 150px
}
.section_2 .main_title { font-size: 50px; position: relative; z-index: 0; height: 30px; }
.section_2 .main_title::before { content: ''; position: absolute; width: 250px; height: 30px; border-radius: 20px; background: #fff; bottom: -5px; left: 50%; transform: translateX(-50%); z-index: -1; }
.section_2 .big_box { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 50px; }
.section_2 .big_box .box_ { padding: 40px 30px; background: rgba(255,255,255,.6); border-radius: 7px;    
	border: 1px solid #eee;
	height: 330px;
    box-sizing: border-box;
	display: flex; flex-direction: column; justify-content: center;
}
.section_2 .big_box .box_1 { font-family: 'Gmarket Sans'; color: #555 }
.section_2 .big_box .box_1 b { font-family: 'GeumhoOn'; font-size: 20px; }
.section_2 .big_box .box_1 .line_ { padding-bottom: 32px; }
.section_2 .big_box .box_1 .line_1 .pointColor_3 { position: relative; z-index: 0; }
.section_2 .big_box .box_1 .line_1 .pointColor_3:before { content: ''; position: absolute; width: 100%; height: 17px; background: rgba(255,255,255,1); z-index: -1; }
.section_2 .big_box .box_1 .line_3 { padding-bottom: 0; }
.section_2 .big_box .box_2 {}
.section_2 .big_box .box_2 .list_ { height: 30px; margin-bottom: 25px; }
.section_2 .big_box .box_2 .list_ span { font-size: 30px; }
.section_2 .big_box .box_2 .list_:last-child { margin-bottom: 0; }
.section_2 .big_box .box_2 .list_ span { position: relative; }
.section_2 .big_box .box_2 .list_ span:before { 
	content: '';
	position: absolute;
    width: 100%;
    height: 5px;
    background: #35c0ff;
    bottom: 0;
    left: 0;
    display: inline-block; 
}
.section_2 .big_box .box_2 .list_1,
.section_2 .big_box .box_2 .list_2 { height: 36px; }
.section_2 .big_box .box_2 .list_1 span,
.section_2 .big_box .box_2 .list_2 span { font-size: 36px; }
.section_2 .big_box .box_2 .list_3 { text-transform: uppercase; }
.section_2 .slogan_wrap { padding: 80px 0 0; font-size: 35px; }
.section_2 .slogan_wrap .text_ { height: 45px; color: #111; }
.section_2 .slogan_wrap .text_first { padding-right: 220px; } 
.section_2 .slogan_wrap .text_last { padding-left: 220px; } 
.section_2 .sec2_img { position: absolute; z-index: -1; } 
.section_2 .sec2_img-1 { left: -130px; bottom: -90px; } 
.section_2 .sec2_img-2 { right: -130px; top: -150px; }
.section_2 .sec2_img-3 { left: 140px; bottom: 40px; width: 190px; }
.section_2 .sec2_img-4 { left: 68px; bottom: 37%; width: 210px; }
.section_2 .sec2_img-5 { left: 90px; top: 15%; width: 120px; }
.section_2 .sec2_img-6 { right: 80px; bottom: 10%; width: 125px; }

@media all and (max-width: 1080px) {
	.section_2 { padding: 160px 20px 130px; }
	.section_2 .main_title { font-size: 44px; } 
	.section_2 .main_title::before { width: 220px; }
	.section_2 .big_box .box_ { padding: 0 20px; }
}
@media all and (max-width: 992px) {
	.section_2 .main_title { font-size: 36px; } 
	.section_2 .main_title::before { width: 150px; bottom: 0px; height: 25px; }
	.section_2 .big_box { margin-top: 40px; gap: 20px; }
	/* .section_2 .big_box .box_ { height: auto; } */
	.section_2 .big_box .box_1 .line_ { padding-bottom: 22px; }
	.section_2 .big_box .box_1 .line_3 { padding-bottom: 0; }
	.section_2 .big_box .box_2 .list_ span { font-size: 28px; }
	.section_2 .big_box .box_2 .list_1 span, .section_2 .big_box .box_2 .list_2 span { font-size: 34px; }
	.section_2 .slogan_wrap { font-size: 32px; padding: 60px 0 0; } 
}
@media all and (max-width: 900px) {
	.section_2 .big_box { flex-direction: column; width: 100%; }
	.section_2 .big_box .box_ { padding: 30px; height: auto; }
}
@media all and (max-width: 768px) {
    .section_2 .slogan_wrap { font-size: 30px; padding: 50px 0 0; }
	.section_2 .slogan_wrap .text_ { height: 40px; }
	.section_2 .slogan_wrap .text_last { padding-left: 170px; }

	.section_2 .sec2_img-3 { left: 50px; bottom: 70px; width: 130px; }
	.section_2 .sec2_img-5 { left: 80px; top: 16%; width: 90px; }
	.section_2 .sec2_img-6 { right: 55px; bottom: 8%; width: 90px; }
}
@media all and (max-width: 650px) {
    .section_2 .main_title { font-size: 30px; }
	.section_2 .slogan_wrap .text_first { padding-right: 0; }
	.section_2 .slogan_wrap .text_last { padding-left: 0; }
	.section_2 .big_box .box_2 .list_ span { font-size: 24px; }
	.section_2 .big_box .box_2 .list_1 span, .section_2 .big_box .box_2 .list_2 span { font-size: 30px; }
	.section_2 .big_box .box_2 .list_ { margin-bottom: 17px; }

	.section_2 .sec2_img-2 { right: -160px; top: -180px; }
	.section_2 .sec2_img-5 { left: 40px; }
}
@media all and (max-width: 578px) {
	.section_2 { padding: 130px 20px 90px; }
	.section_2 .main_title { font-size: 26px; }
	.section_2 .main_title::before { width: 125px; bottom: 3px; height: 20px; }
	.section_2 .big_box { margin-top: 30px; }
	.section_2 .big_box .box_ { padding: 20px; }
	.section_2 .big_box .box_2 { padding: 30px 20px; }
	.section_2 .slogan_wrap { padding: 35px 0 0; font-size: 26px; }
	.section_2 .slogan_wrap .text_ { height: 35px; }

	.section_2 .sec2_img-2 { right: -140px; top: -50px; width: 90%; }
	.section_2 .big_box .box_2 .list_ span { font-size: 22px; }
	.section_2 .big_box .box_2 .list_1, .section_2 .big_box .box_2 .list_2 { height: 28px; }
	.section_2 .big_box .box_2 .list_1 span, .section_2 .big_box .box_2 .list_2 span { font-size: 26px; }
	.section_2 .slogan_wrap { font-size: 24px; }
}
@media all and (max-width: 500px) {
	.section_2 .big_box .box_ { padding: 20px 25px; }
    .section_2 .big_box .box_2 .list_ span { font-size: 20px; }
	.section_2 .big_box .box_2 .list_1 span, .section_2 .big_box .box_2 .list_2 span { font-size: 24px; }
}
@media all and (max-width: 450px) {
    .section_2 .big_box .box_2 .list_ span { font-size: 18px; }
	.section_2 .big_box .box_2 .list_1 span, .section_2 .big_box .box_2 .list_2 span { font-size: 22px; }
}


/* section_6 */
.section_6 .swiper {
	width: 100%;
	height: 100%;
}
.section_6 .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh
}
.section_6 .swiper-slide img { display: block; }
.section_6 .sec6_img { position: absolute; } 
.section_6 .sec6_img-6 { left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1150px; } 
.section_6 .sec6_img-7 { left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1150px; } 
.section_6 .sec6_img-1 { left: -130px; bottom: -90px; } 
.section_6 .sec6_img-2 { left: 130px; top: 50px; width: 110px; } 
.section_6 .sec6_img-3 { right: -10%; top: -13%; width: 400px; } 
.section_6 .sec6_img-4 { left: 26%; bottom: 20%; width: 75px; } 
.section_6 .sec6_img-5 { right: 12%; bottom: 27%; width: 86px; } 
.swiper-slide.swiper-slide-next.swiper-slide-prev { overflow: hidden; }
.swiper-button-next, .swiper-button-prev { color: #333 !important; }
.swiper-pagination-bullet-active { background: #333 !important; margin: 0 20px !important; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px !important; }
.section_6 .swiper-slide .sec6_img-6_m, .section_6 .swiper-slide .sec6_img-7_m { display: none; }

@media all and (max-width: 1500px) {
	.section_6 .sec6_img-6 { width: 75%; }
	.section_6 .sec6_img-7 { width: 70%; }
}
@media all and (max-width: 992px) {
	.section_6 .sec6_img-6 { width: 80%; }
	.section_6 .sec6_img-7 { width: 75%; }
}
@media all and (max-width: 768px) {
	/* .section_6  */
	.section_6 .swiper-slide .sec6_img-6_m, .section_6 .swiper-slide .sec6_img-7_m { display: block; }
	.section_6 .swiper-slide .sec6_img-6, .section_6 .swiper-slide .sec6_img-7 { display: none; }

	.section_6 .swiper-slide .sec6_img-6_m { width: 80%; }
	.section_6 .swiper-slide .sec6_img-7_m { width: 80%; }
}
@media all and (max-width: 578px) {
	.section_6 .sec6_img-3 { right: -10%; top: -3%; width: 250px; }
}


/* section_3 */
.section_3 { 
	background: #f9f9f9;
	min-height: initial;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding: 120px 0 160px; }
.section_3 .writeTestTitle .title { font-size: 36px; line-height: 48px; font-weight: 400; color: #777; }
.section_3 .writeTestTitle .title .point { padding: 1px 4px; border-radius: 3px; }
.section_3 .cont-bottom { background-color: transparent; padding: 80px 0 0; }

@media all and (max-width: 1080px) {
	.section_3 .cont-bottom { padding: 70px 0 0; }
	.section_3 .writeTestTitle .title { font-size: 32px; line-height: 44px; }
	.font-use { border-bottom: 4px solid #111; width: 768px; font-size: 24px; }
}
@media all and (max-width: 992px) {
    .section_3 .cont-bottom { padding: 60px 0 0; }
	.section_3 .writeTestTitle .title { font-size: 30px; line-height: 40px; }
	.font-use { width: 578px; font-size: 22px; }
}
@media all and (max-width: 768px) {
	.section_3 { padding: 150px 0 120px; }
	.section_3 .writeTestTitle .title { font-size: 26px; line-height: 36px; }
	.bottom-content { padding-bottom: 50px; }
}
@media all and (max-width: 650px) {
    .section_3 .writeTestTitle .title { font-size: 24px; line-height: 34px; }
	.section_3 .cont-bottom { padding: 40px 0 0; }
	.font-use { width: 90%; font-size: 20px; }
}
@media all and (max-width: 578px) {
	.section_3 { padding: 140px 0 115px }
	.section_3 .writeTestTitle .title { font-size: 22px; line-height: 30px; }
	.font-use { line-height: 38px; }
}
@media all and (max-width: 450px) {
	.section_3 .writeTestTitle .title { font-size: 20px; line-height: 28px; }
	.font-use { font-size: 18px; }
	.bottom-content { padding-bottom: 45px; }
}

 
/* section_4 */
.section_4 {
	padding: 180px 0 100px;
	background: #82B643;
	background: linear-gradient(118deg,rgba(130, 182, 67, 1) 0%, rgba(33, 143, 205, 1) 78%);
	display: flex;
	flex-direction: column;
    justify-content: center;

} 
.section_4 .title_wrap { color: #fff; height: 100px; }
.section_4 .title_wrap .main_title { font-weight: 400; font-size: 38px; }
.section_4 .title_wrap .main_title b { font-weight: 400; margin-bottom: 20px; position: relative; z-index: 0; }
.section_4 .title_wrap .main_title b:before {
    content: '';
    position: absolute;
    width: 111px;
    height: 26px;
    background: #fff;
    z-index: -1;
    top: 48%;
    transform: translateY(-50%);
}
.section_4 .title_wrap .sub_title { font-size: 24px; }
.section_4 .thumnailImg_wrap { display: flex; width: 1440px; margin: 30px auto; flex-wrap: wrap; justify-content: center; gap: 40px; }
.section_4 .thumnailImg_wrap .article_ { 
	flex-shrink: 1; 
	flex-basis: 350px; 
	overflow: hidden; 
	height: 350px;
	box-sizing: border-box; 
	cursor: pointer;
	box-shadow: -13px 15px 15px 4px rgba(0,0,0,0.25);
	border-radius: 3px; 
}
.section_4 .thumnailImg_wrap .article_ img { width: 100%; height: 100%; object-fit: cover; }
.section_4 .thumnailImg_wrap .article_ .thumImg_ { transform: scale(1.0); transition: all .5s; }
.section_4 .thumnailImg_wrap .article_ .thumImg_:hover { transform: scale(1.2); }

@media all and (max-width: 1500px) {
	.section_4 .thumnailImg_wrap { width: 90%; padding: 0 20px; box-sizing: border-box; }
	.section_4 .thumnailImg_wrap .article_ { flex-basis: 320px; height: 320px; }
}
@media all and (max-width: 1280px) {
	.section_4 .title_wrap .main_title { font-size: 34px; }
	.section_4 .title_wrap .main_title b:before { width: 99px; }
	.section_4 .title_wrap .sub_title { font-size: 22px; }
}
@media all and (max-width: 1080px) {
	.section_4 .thumnailImg_wrap { width: 100%; }
	.section_4 .title_wrap { height: 80px; }
	.section_4 .title_wrap .main_title { font-size: 32px; }
	.section_4 .title_wrap .main_title b { margin-bottom: 17px; }
	.section_4 .title_wrap .main_title b:before { width: 88px; }
	.section_4 .title_wrap .sub_title { font-size: 20px; }
}
@media all and (max-width: 768px) {
	.section_4 { padding: 150px 0 120px; }
	.section_4 .thumnailImg_wrap { gap: 30px; }
	.section_4 .thumnailImg_wrap .article_ { flex-basis: 300px; height: 300px; }
	.section_4 .title_wrap .main_title { font-size: 30px; }
	.section_4 .title_wrap .main_title b { margin-bottom: 12px; }
	.section_4 .title_wrap .sub_title { font-size: 18px; }
}
@media all and (max-width: 700px) { 
    .section_4 .thumnailImg_wrap { gap: 20px; }
    .section_4 .thumnailImg_wrap .article_ { flex-basis: 260px; height: 260px; }
}
@media all and (max-width: 600px) {  
    .section_4 .thumnailImg_wrap .article_ { flex-basis: 220px; height: 220px; }
}
@media all and (max-width: 578px) {
	.section_4 { padding: 140px 0 120px; }
	.section_4 .title_wrap .main_title { font-size: 26px; }
	.section_4 .title_wrap .main_title b { margin-bottom: 9px; }
	.section_4 .title_wrap .main_title b:before { width: 77px; height: 19px; }
	.section_4 .thumnailImg_wrap { margin: 20px auto; }
}
@media all and (max-width: 520px) {  
	.section_4 .thumnailImg_wrap .article_ { flex-basis: 200px; height: 200px; }
}
@media all and (max-width: 480px) {  
	.section_4 .thumnailImg_wrap .article_ { flex-basis: 180px; height: 180px; }
}
@media all and (max-width: 450px) {  
    .section_4 .thumnailImg_wrap .article_ { flex-basis: 150px; height: 150px; }
}


/* section_5 */
.section_5 { 
	background: #35c0ff;
	min-height: initial;
	height: 500px;
	color: #fff;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	z-index: 0;
	padding: 0 20px;
}
.section_5 .text__ { position: absolute; font-size: 230px; opacity: 0.1; color: #00ff00; z-index: -1; }
.section_5 .text__1 { left: -30px; top: 80px; }
.section_5 .text__2 { left: 15%; bottom: 142px; }
.section_5 .text__3 { right: 1%; top: 14%; }
.section_5 .text__4 { right: 10%; bottom: 76px; }
.section_5 .title_wrap {}
.section_5 .title_wrap .main_title { font-size: 38px; font-weight: 400; margin-bottom: 40px; }
.section_5 .title_wrap .sub_title { font-size: 24px; }
.section_5 .fontDownload_btn { 
	background: #fff; 
	width: 200px; 
	height: 45px; 
	display: block; 
	margin: 40px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
	transition: all .5s;
	border: 2px solid #fff;
}
.section_5 .fontDownload_btn:hover { background: #35c0ff; }
.section_5 .fontDownload_btn:hover span { color: #fff; }
.section_5 .fontDownload_btn .pointColor_2 { font-size: 18px; }
.section_5 .fontDownload_btn .download_icon { width: 15px; }
.section_5 .fontDownload_btn .download_icon_w { width: 15px; }
.section_5 .fontDownload_btn .download_icon_w { display: none; }
.section_5 .licenseGuide { font-size: 14px; padding: 0 5px; color: #fff; text-decoration: underline; margin-top: 8px; cursor: pointer; transition: all .5s; }
.section_5 .licenseGuide:hover { color: #000; }

/* 라이센스 레이어 팝업 */
.licenseGuide_popup { position: fixed; top: 0; left: 0;
	background: #fff;
	background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 9999; 
	display: flex;
    align-items: center;
    justify-content: center; 
	cursor: default; }
.licenseGuide_popup .inner_layer {
	width: 60%;
    height: 60vh;
	min-height: 300px;
    overflow: auto;
    background: #fff;
    border-radius: 30px;
    padding: 50px; }

.img_closeBtn_ { 
	background: transparent;
	padding: 0;
    position: absolute;
    top: 30px;
    right: 25px;
}
.img_closeBtn_:hover { background-color: transparent !important; }

/* 큰 이미지 */
.click_thumnail_after_ { display: none; }
.out_frame {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.img_frame {
	width: 1200px;
    height: 100%;
    /* width: 100%; */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative; 

	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.img_frame img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	box-shadow: 11px 6px 11px 5px rgba(0,0,0,0.2);
}
.img_frame .img_closeBtn {
	background: none;
    border: none;
    padding: 0;
    cursor: pointer;
	position: absolute;
    right: 6%;
    top: 6%;
	background: #111;
}

@media all and (max-width: 1280px) {
	.licenseGuide_popup .inner_layer {
		padding: 30px;
	}
	.img_frame { width: 100%; height: auto; }
	.img_frame img { object-fit: contain; }
}
@media all and (max-width: 1080px) {
	.section_5 .title_wrap .main_title { font-size: 34px; margin-bottom: 30px; }
	.section_5 .title_wrap .sub_title { font-size: 20px; }
	.section_5 .fontDownload_btn { margin: 50px auto 0; }
	.section_5 .text__2 { left: 2%; bottom: 112px; }
}
@media all and (max-width: 992px) { 
	.section_5 .text__ { width: 200px; }
	.section_5 .text__3 { right: 15%; }
	.section_5 .text__4 { right: 19%; }
	.licenseGuide_popup .inner_layer { width: 50%; padding: 20px; }
}
@media all and (max-width: 768px) {
	.section_5 .title_wrap .main_title { font-size: 30px; margin-bottom: 20px; }
	.section_5 .title_wrap .sub_title { font-size: 18px; }
	.section_5 .fontDownload_btn .pointColor_2 { font-size: 16px; }
	.section_5 .text__ { font-size: 180px; }
	.section_5 .text__1 { left: -10px; top: 100px; }
	.section_5 .text__3 { top: 24%; right: 23%; }

}
@media all and (max-width: 650px) {
	.section_5 .text__2 { bottom: 62px; }
	.section_5 .text__3 { top: 15%; right: 13%; }
	.section_5 .text__4 { right: 12%; }

}
@media all and (max-width: 578px) {
	.section_5 .title_wrap .main_title { font-size: 26px; margin-bottom: 16px; }
	.section_5 .title_wrap .sub_title { font-size: 18px; } 
	.section_5 .text__ { font-size: 160px; }

	.section_5 .text__1 { left: -30px; top: 60px; }
	.section_5 .text__3 { top: 90px; right: 10px; }
	.section_5 .text__2 { left: -30px; bottom: 62px; }
	.section_5 .text__4 { right: 10px; bottom: 135px; }
	
	.licenseGuide_popup .inner_layer {
		width: 70%; padding: 20px;
	}
}
@media all and (max-width: 450px) {
	.section_5 { padding: 0 10px; }
	.section_5 .title_wrap .main_title { font-size: 24px; }
	.section_5 .text__ { font-size: 130px; }
	.section_5 .text__1 { top: 160px; }
	.section_5 .text__3 { top: 70px; }
	.section_5 .fontDownload_btn { width: 180px; height: 40px; padding: 0 13px;	}
	.section_5 .fontDownload_btn .download_icon { width: 11px; }
}






/* @media all and (max-width: 1280px) {}
@media all and (max-width: 1080px) {}
@media all and (max-width: 992px) {}
@media all and (max-width: 768px) {}
@media all and (max-width: 650px) {}
@media all and (max-width: 578px) {}
@media all and (max-width: 450px) {} */