@charset "UTF-8";

/* HTML */
html.is-scroll-blocking .main.intro:after{position:fixed;}

/* MAIN */
.main.intro .title:after{display:none;}

/* COVER */
.intro_cover {overflow: hidden; position: fixed; width: 100%; height:auto; background-color: #191919;}
.cover__title {overflow: hidden; align-items:center; justify-content:center; position: absolute; top: 0; z-index:104; width: 100%; height:100%; font-size: 64px; font-weight: 400; text-align: center; animation: coverTitle 7s forwards;}
/* .cover__video {width:100%;}
.cover__video .video__player {width: 100%; height: 100%; margin: 0; background-color: #191919;min-height:100vh;} */
.cover__video{width:100%;position:relative;padding-bottom:56.25%;height:0;}
.cover__video .video__player{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}

@keyframes coverTitle {
  0% {opacity: 0;}
  5% {opacity: 0;}
	25% {opacity: 1;}
	75% {opacity: 1;}
  100% {opacity: 0;}
}

/* INTRO */
.intro {overflow: hidden;position: relative;padding: 158px 0 272px;background-color: #d9ecfb;transition: background 1s ease; top:100vh;}
.intro:after {content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; transition: initial!important;}
.intro.is-bg::before {content: ""; position: absolute; top: -352px; left: 0; z-index: 0; width: 100%; height: 100%; background: no-repeat 50% 0;}

/* SECTION */
.section {overflow: hidden; position: relative; margin: 0 auto; width: 1248px; padding-bottom: 51px;}

/* TITLE */
.title {display: block; margin: 0; height: auto; text-align: center; background-color: transparent;}
.title::before {display: none;}

/* TEXT */
.text {padding: 0; margin-top: 65px; width: 100%; text-align: center;}
.text + .text {margin-top: 50px;}

/* SUBTITLE */
.subtitle {margin: 65px 0 0; padding: 0; width: 100%; font-weight: 700; font-family: 'SourceHanSerifKR', sans-serif; text-align: center;}

/* VIDEO */
.video__button-group{display:flex;position:absolute;top:32px;right:80px;z-index:1000;}
.video__button{width:64px;height:64px;background:no-repeat 50% 50%;}
.video__button--play{background-image:url('../img/intro/icon_video-play@m.png');}
.video__button--play.is-pause{background-image:url('../img/intro/icon_video-pause@m.png');}
.video__button--mute{background-image:url('../img/intro/icon_video-unmute@m.png');margin-left:32px;}
.video__button--mute.is-unmute{background-image:url('../img/intro/icon_video-mute@m.png');}

@media screen and (max-width: 1900px) {
  /* VIDEO */
  .video__button-group{top:16px;right:16px;}
  .video__button--mute{margin-left:16px;}
}

/* MEDIA QUERY */
@media screen and (max-width: 1260px) {
	/* SECTION */
  .section {padding-left: 16px; padding-right: 16px; width: 100%;}
  .title{width:100%;}
}

@media screen and (max-width: 760px) {
  /* GNB */
  .gnb{background-color:#fff;}

  /* INTRO */
  .intro{padding:100px 0 160px;top:352px;}
  .intro_cover{padding:0;}

  .main{top:0}

	/* COVER */
	.cover__title {width: 100%; font-size: 32px;transform: initial; top: auto; left: auto; text-align: left; }

	/* TITLE */
  .title {width: 100%; line-height: 40px; font-size: 28px; }
  .title + .text{padding-top:0;padding-bottom:0;}

	/* TEXT */
	.text {margin-top: 32px; line-height: 24px; font-size: 16px; text-align: left;}
	.text br {display: block;}
	.text + .text {margin-top: 24px;}

	/* SUBTITLE */
	.subtitle {margin-top: 32px; line-height: 40px; font-size: 24px;}

  .page-nav {margin: 0;}

  /* VIDEO */
  .video__button{width:32px;height:32px;background-size:32px;}
}