@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
:root {
	--ff-Noto:'Noto Sans KR','Roboto','Arial','Noto Sans KR','NanumGothic','나눔고딕','돋움';
}

html, body {position:relative;width:100%;height:100%;}
ul {list-style-type:none;margin:0;padding:0;}
img {max-width:100%;height:auto;}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;}
.container {position:relative;width:960px;margin:auto;}
	.container:after {content:'';display:block;clear:both;visibility:hidden;}

#hd {position:fixed;left:0;top:0;width:100%;height:115px;background:rgba(0,0,0,.8);z-index:999;}
#hd > .tnb {height:30px;border-bottom:1px solid rgba(255,255,255,.3);text-align:right;}
	#hd > .tnb a.temp {display:block;position:absolute;left:0;top:2px;padding:0 5px;border-radius:2px;line-height:26px;background-color:#fd3;}
	#hd > .tnb ul {display:inline-block;}
	#hd > .tnb ul:after {content:'';display:block;clear:both;visibility:hidden;}
	#hd > .tnb ul li {float:left;}
	#hd > .tnb ul li+li {margin-left:15px;padding-left:15px;border-left:1px solid rgba(255,255,255,.3);}
	#hd > .tnb ul li a {display:block;color:rgba(255,255,255,.65);line-height:30px;}
#hd_logo {float:left;margin:0;}
	#hd_logo a {display:block;max-width:240px;line-height:84px;}
#gnb {float:right;}
	#gnb ul:after {content:'';display:block;clear:both;visibility:hidden;}
	#gnb ul li {float:left;}
	#gnb ul li+li {margin-left:30px;}
	#gnb ul li a {display:block;font-size:1.25em;font-weight:500;color:#fff;line-height:84px;}
	#gnb ul li a:hover {color:#fd3;}
#qk {z-index:99;}
.qk_btn {position:fixed;right:0;top:115px;border:none;outline:none;z-index:99;transition:all .75s ease-in-out;}
	.qk_btn.active {right:300px;}
	.qk_btn.active img {transform:rotate(180deg);}
.qk_wrap {;position:fixed;top:115px;right:0;width:300px;height:100%;background-color:#fff;box-shadow:5px 0 20px rgba(0,0,0,.15);transform:translate(100%, 0);transition:all .75s ease-in-out;z-index:9999 !important;}
	.qk_wrap.active {-webkit-transform:translate(0, 0);transform:translate(0,0);transition:all 0.75s ease-in-out;}
	.qk_wrap ul {}
	.qk_wrap ul li+li {border-top:1px solid #e6e3da;}
	.qk_wrap ul li a {display:block;padding:30px;}
	.qk_wrap ul li a .img {display:inline-block;width:80px;margin-right:20px;border-radius:50%;line-height:80px;text-align:center;background-color:#f9f7f3;}
	.qk_wrap ul li a .tit {font-size:1.2em;font-weight:500;}

#intro {position:relative;background:#182353;}
.swiper-slide {display:table;position:relative;width:100%;height:100%;min-height:930px;}
.swiper-slide > .innerWrap {display:table-cell;position:relative;width:100%;height:100%;padding-top:115px;text-align:center;vertical-align:middle;}
/* intro_basic */
.swiper-slide.intro_basic {background:url('../img/intro/intro_basic.jpg') no-repeat center;background-size:cover;}
	.swiper-slide.intro_basic > .innerWrap {padding-top:140px;}
	.swiper-slide.intro_basic * {color:#fff;text-shadow:5px 5px 5px rgba(0,0,0,.75);}
	.swiper-slide.intro_basic img {display:block;margin:auto;}
	.swiper-slide.intro_basic blockquote {margin:30px 0 10px;font-family:var(--ff-Noto);font-size:2.2em;font-weight:500;line-height:1em;}
	.swiper-slide.intro_basic h2 {margin-bottom:30px;font-family:var(--ff-Noto);font-size:3em;font-weight:700;line-height:1em;}
	.swiper-slide.intro_basic p {margin-top:25px;font-family:var(--ff-Noto);font-size:1.3em;line-height:1.5em;}
	/* intro_basic Animation */
	.swiper-slide.intro_basic.swiper-slide-active img {animation:basic_img .4s 0s both ease-out;}
	.swiper-slide.intro_basic.swiper-slide-active blockquote {animation:mFade .6s .5s both ease-in;}
	.swiper-slide.intro_basic.swiper-slide-active h2 {animation:mFade .6s 1s both ease-in;}
	.swiper-slide.intro_basic.swiper-slide-active p.txt1 {animation:mSlide .8s 1.8s both ease-out;}
	.swiper-slide.intro_basic.swiper-slide-active p.txt2 {animation:mSlide .8s 2.4s both ease-out;}
/* intro_nsk */
.swiper-slide.intro_nsk {}
	.swiper-slide.intro_nsk > .innerWrap {padding-top:40px;background-color:#333;}
	.swiper-slide.intro_nsk > .innerWrap blockquote {position:relative;margin:0;z-index:10;}
	.swiper-slide.intro_nsk > .innerWrap blockquote .txt {font-family:var(--ff-Noto);font-size:2.6em;font-weight:700;color:#fff;line-height:1em;}
	.swiper-slide.intro_nsk > .innerWrap blockquote img {display:block;margin:40px auto 0;}
	.swiper-slide.intro_nsk .nsk_logo {position:absolute;top:140px;right:20%;z-index:10;}
	.swiper-slide.intro_nsk .nsk_img {position:absolute;}
	.swiper-slide.intro_nsk .nsk_img1 {left:0;top:0;z-index:2;}
	.swiper-slide.intro_nsk .nsk_img2 {right:0;top:0;z-index:3;}
	.swiper-slide.intro_nsk .nsk_img3 {left:0;bottom:0;z-index:1;}
	.swiper-slide.intro_nsk .nsk_img4 {right:0;bottom:0;z-index:0;}
	/* intro_nsk Animation */
	.swiper-slide.intro_nsk.swiper-slide-active .nsk_img1 {animation:mFade .5s 0s both ease-in;}
	.swiper-slide.intro_nsk.swiper-slide-active .nsk_img2 {animation:mFade .5s .5s both ease-in;}
	.swiper-slide.intro_nsk.swiper-slide-active .nsk_img3 {animation:mFade .5s 1s both ease-in;}
	.swiper-slide.intro_nsk.swiper-slide-active .nsk_img4 {animation:mFade .5s 1.5s both ease-in;}
	.swiper-slide.intro_nsk.swiper-slide-active > .innerWrap blockquote .txt {animation:mSlide .8s 2.2s both ease-out;}
	.swiper-slide.intro_nsk.swiper-slide-active > .innerWrap blockquote img {animation:mSlide .8s 3s both ease-out;}
	.swiper-slide.intro_nsk.swiper-slide-active .nsk_logo {animation:mFade .5s 4s both ease-in;}
/* intro_sch */
.swiper-slide.intro_sch {background:#333;}
	.swiper-slide.intro_sch > .innerWrap {padding-top:0;}
	.swiper-slide.intro_sch .sch_logo {position:absolute;left:0;bottom:100px;right:0;width:100%;text-align:center;z-index:5;}
	.swiper-slide.intro_sch .sch_container {display:grid;grid-template-columns:repeat(2,1fr);height:100%;}
	.swiper-slide.intro_sch .sch_container dl {position:relative;margin:0;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
	.swiper-slide.intro_sch .sch_container dl:nth-child(1) {background-image:url('../img/intro/intro_sch_bg1.jpg');}
	.swiper-slide.intro_sch .sch_container dl:nth-child(2) {background-image:url('../img/intro/intro_sch_bg2.jpg');}
	.swiper-slide.intro_sch .sch_container dd {position:absolute;width:480px;margin:0;padding:15px 20px;text-align:left;background:rgba(15,80,50,.5);}
	.swiper-slide.intro_sch .sch_container dl:nth-child(1) dd {right:0;top:165px;}
	.swiper-slide.intro_sch .sch_container dl:nth-child(2) dd {left:0;top:225px;}
	.swiper-slide.intro_sch .sch_container dd * {font-family:var(--ff-Noto);color:#fff;line-height:1em;text-shadow:5px 5px 5px rgba(0,0,0,.18);}
	.swiper-slide.intro_sch .sch_container dd blockquote {margin:0;font-size:2.4em;}
	.swiper-slide.intro_sch .sch_container dd h2 {margin-top:10px;font-size:3.2em;}
	/* intro_sch Animation */
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(1) {animation:sch_img1 .5s 0s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(2) {animation:sch_img2 .5s .5s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(1) dd {animation:sch_dd1 .5s 1s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(1) dd blockquote {animation:sch_dd1 .5s 1.2s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(1) dd h2 {animation:mFade .5s 2s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(2) dd {animation:sch_dd2 .5s 2.5s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(2) dd blockquote {animation:sch_dd2 .5s 2.7s both ease-out;}
	.swiper-slide.intro_sch.swiper-slide-active dl:nth-child(2) dd h2 {animation:mFade .5s 3.3s both ease-out;}
@keyframes basic_img {
	0% {opacity:0;transform:translateY(-50px);}
	80% {opacity:.8;transform:translateY(10px);}
	100% {opacity:1;transform:translateY(0);}
}
@keyframes mFade {
	0% {opacity:0;}
	100% {opacity:1;filter:blur(0);}
}
@keyframes mSlide {
	0% {opacity:0;transform:translateY(-20px);}
	100% {opacity:1;transform:translateY(0);}
}
@keyframes sch_img1 {
	0% {opacity:0;transform:translateY(-100px);}
	80% {opacity:.8;transform:translateY(10px);}
	100% {opacity:1;transform:translateY(0);}
}
@keyframes sch_img2 {
	0% {opacity:0;transform:translateY(100px);}
	80% {opacity:.8;transform:translateY(-10px);}
	100% {opacity:1;transform:translateY(0);}
}
@keyframes sch_dd1 {
	0% {opacity:0;transform:translateX(150px);}
	100% {opacity:1;transform:translateY(0);}
}
@keyframes sch_dd2 {
	0% {opacity:0;transform:translateX(-150px);}
	100% {opacity:1;transform:translateY(0);}
}

/* 어쩔 수 없이 반응형 */
@media (max-width:1640px) {
	.swiper-slide.intro_nsk .nsk_logo {right:70px;}
	.swiper-slide.intro_nsk .nsk_img {height:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
	.swiper-slide.intro_nsk .nsk_img img {display:none;}
	.swiper-slide.intro_nsk .nsk_img1 {width:30%;background-position:left bottom;background-image:url('../img/intro/intro_nsk_img1.jpg');}
	.swiper-slide.intro_nsk .nsk_img2 {width:70%;background-position:left bottom;background-image:url('../img/intro/intro_nsk_img2.jpg');}
	.swiper-slide.intro_nsk .nsk_img3 {width:70%;background-position:right bottom;background-image:url('../img/intro/intro_nsk_img3.jpg');}
	.swiper-slide.intro_nsk .nsk_img4 {width:30%;background-position:right bottom;background-image:url('../img/intro/intro_nsk_img4.jpg');}
}
@media (max-width:960px) {
	#intro {width:960px;}
	.swiper-slide.intro_sch .sch_container dl:nth-child(1) dd {left:0;}
	.swiper-slide.intro_sch .sch_container dd blockquote {font-size:2em;}
	.swiper-slide.intro_sch .sch_container dd h2 {font-size:2.8em;}
	.swiper-slide.intro_nsk > .innerWrap blockquote img {max-width:80%;}
}