@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


html, body {position: relative;width: 100%;height: 100%;}
body {font-family:"Nanum Square";font-weight:400;font-size:14px;line-height:1.6;letter-spacing:-0.02em;width:100%;word-break:keep-all;}

#intro-type {position:relative;width:100%;background:url(../_Img/2026_intro_img01.jpg) no-repeat 50% 0;background-size:cover; min-height: 100vh; height: auto;}
#intro-wrap {position: relative;/*max-width: 1400px;*/margin:0 auto;padding: 120px 0 80px; text-align:center;}

.link-sec {max-width:1600px; display: grid; grid-template-columns: 780px 1fr 1fr; grid-template-rows: 200px 200px; gap: 20px; margin:0 auto; }

.link-sec .youtube-sec {grid-column: 1;	grid-row: 1 / 3; border-radius: 6px; overflow: hidden; background: #000;}
.link-sec .youtube-sec iframe {display: block; width: 100%;	height: 100%; border: 0;}

.link-sec .btn-sec {border-radius: 6px; overflow: hidden;}
.link-sec .btn-sec a {display: flex; width: 100%; height: 100%;	align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; text-decoration: none; color: #fff;}
.link-sec .btn-sec .tit {font-family:'Paperozi'; font-weight: 700; font-size:26px;}
.link-sec .btn-sec .subtit {font-family:'Paperozi'; font-weight: 400; font-size:18px;}

.link-sec .subtit {margin: 0; font-size: 12px;}
.link-sec .cor1 {background: #f7931d; transition:0.3s all;}
.link-sec .cor1:hover {box-shadow:5px 3px 15px #585858}
.link-sec .cor2 {background: #0759b9; transition:0.3s all;}
.link-sec .cor2:hover {box-shadow:5px 3px 15px #585858}

.intro-bottom {max-width:1600px; margin:50px auto 0; display:flex; justify-content:space-between;align-items:center;}
.intro-bottom .footer {text-align:center;}
.intro-bottom .footer p {color:#fff; font-family: 'Pretendard'; font-weight: 400;}
.intro-bottom .sns-list {display:flex; gap:5px;}
.intro-bottom .sns-list li a {width:50px; height:50px; display:block;}
.intro-bottom .sns-list li a.youtubeIcon {background:url(../_Img/btn_img01.png;)}
.intro-bottom .sns-list li a.blogIcon {background:url(../_Img/btn_img02.png;)}
.intro-bottom .sns-list li a.instaIcon {background:url(../_Img/btn_img03.png;)}
.intro-bottom .sns-list li a.kakaoIcon {background:url(../_Img/btn_img04.png;)}

@media (max-width: 1699px) {
	#intro-type {padding:0 20px; box-sizing:border-box;}
	.link-sec {grid-template-columns:685px 1fr 1fr; grid-template-rows:180px 180px}
}

@media (max-width: 1299px) {
	#intro-type {padding: 40px 20px 20px;}
	#intro-wrap {margin-bottom: 25px; padding:35px 0 15px;}

	.link-sec {width: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 10px; box-sizing:border-box}
	.link-sec .youtube-sec {grid-column: 1 / 3; grid-row: auto; aspect-ratio: 16 / 9;}
	.link-sec .btn-sec {height: 110px;}
}


@media (max-width: 999px) {
	.intro-bottom {display:block; text-align:center;}
	.intro-bottom > * {margin-bottom:20px;}
	.intro-bottom .sns-list {justify-content:center;}
}

@media (max-width: 500px) {
	.link-sec .btn-sec .tit {font-size:22px}
	.link-sec {grid-template-columns: 1fr;}
	.link-sec .youtube-sec {grid-column: 1;}
	.link-sec .btn-sec {height: 100px;}
}