@charset "utf-8";

@keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@-webkit-keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}


html {background: url(/images/kor/highlight/bg2.jpg);}
html.intro {overflow:hidden;width:100%;height:100%;}
#top_layout,
#svisual_layout,
#location,
#foot_layout,
.krict_location,
.lnb_wrap {display:none;}
#body_layout {top:0; width:100%; margin:0; }
#body_layout .body_wrap {max-width:100%;padding: 0;}
.contents_wrap {float:none;width:100%;}
#txt {}
.content-info,
.content_info__satisfaction {display: none;}
.introvideo {overflow: hidden;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:url(/images/kor/highlight/bg_video.jpg)no-repeat center / cover;}
.introvideo .inner {overflow:hidden;position: relative;width:100%;height:100%;}
.introvideo video {position:absolute;left:50%;top:50%;width: 105%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.introvideo .mintro {display:none;}

.quick_wrap {display:none;position:fixed;top:0;left: 40px;z-index:999;height:100vh;}
.quick_wrap:before {display:block;position:absolute;top: 0;left: 12.5px;content:'';width:1px;height:100%;background: rgba(255,255,255,.1);}
.quick_wrap.qnav {display:block;}
.quick_wrap ul {position:absolute;top:50%;width: 200px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.quick_wrap ul li {margin:10px 0;}
.quick_wrap ul li.n1 {display:none;}
.quick_wrap ul li a {display:block; ;font-size:0;}
.quick_wrap ul li a:before {display:inline-block; content:''; width:25px; height:25px; margin-right:10px; background:url(/images/kor/highlight/dot.png)no-repeat -25px 0; vertical-align:middle;}
.quick_wrap ul li.on a {font-size:15px; font-family:"mont_b"; color:rgba(255,255,255,.5)}
.quick_wrap ul li.on a:before {background-position:0 0; }

#highlight {}
#highlight .cont1 {position: relative;width:100%;height: 1000px;background: url(/images/kor/highlight/bg.jpg);}
#highlight .cont1 .logo {position:absolute;top: 45px;left: 60px; opacity:0; }
#highlight .cont1 .logo img {height: 55px;}
#highlight .cont1 .inner {width:100%;height: 100%;max-width:1920px;margin:0 auto;padding-left: 330px;}
#highlight .cont1 .inner .obj {width: 25px;height: 105px;margin: 0 0 75px;background:#2a2a2a;  opacity:0; }
#highlight .cont1 .inner > span {display:block;line-height: 1.1;margin: 0 0 130px;font-size: 25px;font-family: "ntserif";color:#2a2a2a; opacity:0; }
#highlight .cont1 .inner .tit { opacity:0;}
#highlight .cont1 .inner .tit span {display:block;line-height: 1.1;margin: 0 0 10px;font-size: 45px;font-family: "ntserif";color:#2a2a2a;}
#highlight .cont1 .inner .tit strong {display:block;line-height: 1.1;margin: 0 0 100px;font-size: 60px;font-family: "ntserif_b";color:#2a2a2a;}
#highlight .cont1 .inner .img {position: absolute;right:0;left: 50%;bottom: 140px;width: auto;margin-left: -630px;text-align: right; opacity:0; }
#highlight .cont1 .inner .img .bg {width: 100%;height: 280px;background: url(/images/kor/highlight/img.jpg)no-repeat center / cover;}
#highlight .cont1 .inner .img .copy {padding: 10px 30px 0;color:rgba(40,44,43,.5);font-size:14px;}

#highlight .cont1.actit .logo{animation: ani_effect 1s forwards 0.5s;}
#highlight .cont1.actit .inner .obj{animation: ani_effect 1s forwards 1s;}
#highlight .cont1.actit .inner > span {animation: ani_effect 1s forwards 1s;}
#highlight .cont1.actit .inner .tit {animation: ani_effect 1s forwards 1.5s;}
#highlight .cont1.actit .inner .img {animation: ani_effect 1s forwards 2s;}

#highlight .cont2 {position:relative;padding: 105px 0;background: url(/images/kor/highlight/bg2.jpg);}
#highlight .cont2 .inner {width:100%;height: 100%;max-width:1920px;margin:0 auto;}
#highlight .cont2 .inner .group {text-align:center;}
#highlight .cont2 .inner .group .tt_box .logo2 {opacity: 0; margin:0 0 80px; text-align:center;}
#highlight .cont2 .inner .group .tt_box .logo2 img {height:55px;}
#highlight .cont2 .inner .group .t1 {opacity: 0; }
#highlight .cont2 .inner .group .t1 .chapter {opacity: 0.5;margin: 0 0 30px;}
#highlight .cont2 .inner .group .t1 .chapter > span {font-size:22px;font-family:"mont_b";color:#fff;}
#highlight .cont2 .inner .group .t1 strong {display:block;margin: 0 0 30px;}
#highlight .cont2 .inner .group .t1 strong > span {line-height:1.1;font-size:50px;font-family: "ntserif";color:#fff;}
#highlight .cont2 .inner .group .t1 strong > span > em {line-height:1.1;font-size:50px;font-family: "ntserif";color:#fff;}
#highlight .cont2 .inner .group .t2 {opacity: 0; }
#highlight .cont2 .inner .group .t2 p {max-width: 1300px;margin: 0 auto 3px;}
#highlight .cont2 .inner .group .t2 p > span {font-size:16px;color:#fff;}
#highlight .cont2 .inner .group .year {display:inline-block;position:absolute;right: 50px;top:10%;}
#highlight .cont2 .inner .group .year img {width: 430px;}
#highlight .cont2 .inner .group .year span {display:block;opacity: 0.2;font-family:"mont_b";font-size: 140px;line-height: .8;text-align: left;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;color: #1f1f23;}

#highlight .cont2 .inner .group .tt_box.active .logo2 {animation: ani_effect 1s forwards;}
#highlight .cont2 .inner .group .tt_box.active .t1 {animation: ani_effect 1s forwards 0.5s;}
#highlight .cont2 .inner .group .tt_box.active .t2 {animation: ani_effect 1s forwards 1s;}

#highlight .cont2 .inner .group .photolist_wrap {width:85%; margin:0 auto;}
#highlight .cont2 .inner .group .photolist {opacity:0; margin:100px 0 0; white-space: nowrap;}
#highlight .cont2 .inner .group .photolist.active {animation: ani_effect 1s forwards;}
#highlight .cont2 .inner .group .photolist .box {display:inline-block;margin: 0 110px 0 0;vertical-align: top;}
#highlight .cont2 .inner .group .photolist .box .thumb {height:375px;padding: 30px;background: #fff;box-shadow: 30px 30px 30px rgba(0,0,0,.9);}
#highlight .cont2 .inner .group .photolist .box .thumb img {height:100%;}
#highlight .cont2 .inner .group .photolist .box .info {padding: 35px 30px;text-align:left;}
#highlight .cont2 .inner .group .photolist .box .info strong {display:block;font-size: 15px;color: #fff;}
#highlight .cont2 .inner .group .photolist .box .info span {display:block;opacity: .3;margin: 5px 0 0;color: #fff;}

.space {height:200px;background: url(/images/kor/highlight/bg2.jpg);}


@media(max-width:2100px){
  .introvideo video {width:110%}
}
@media(max-width:1920px){
  #highlight .cont1 .inner .img {left:0;margin:0;}  
}

@media(max-width:1700px){
  .introvideo video {width:auto; height:105%;}
  #highlight .cont2 .inner .group .t1 strong > span > em {display:block; line-height:1.5}
  #highlight .cont2 .inner .group .t2 p {max-width:900px;}
}

@media(max-width: 1400px){
/*  html.intro {overflow:visible;width:100%;height:auto;}
  .introvideo {position:relative;height: 100vh;}*/

  .quick_wrap.qnav {display:none;}
  
  #highlight .cont1 {height:auto;}
  #highlight .cont1 .logo {left:80px;}
  #highlight .cont1 .logo img {width:185px; height:auto;}
  #highlight .cont1 .inner {padding:0 80px; text-align:right;}
  #highlight .cont1 .inner .obj {display:inline-block;margin: 0 0 95px;}
  #highlight .cont1 .inner > span {margin: 0 0 90px;text-align:left;font-size: 22px;}

  #highlight .cont1 .inner .tit {text-align:left;}
  #highlight .cont1 .inner .tit span {font-size:28px;}
  #highlight .cont1 .inner .tit strong {margin: 0 0 60px;font-size:44px;}
  #highlight .cont1 .inner .img {position:static; margin:0 -80px;}
  #highlight .cont1 .inner .img .copy {display:none;}

  #highlight .cont2 {padding:60px 0 80px;}
  #highlight .cont2 .inner .group .tt_box .logo2 {text-align:left;}
  #highlight .cont2 .inner .group .tt_box .logo2 img {width:185px; height:auto;}
  #highlight .cont2 .inner .group .tt_box {padding:0 80px;}
  #highlight .cont2 .inner .group .t1 .chapter {margin:0 0 10px;}
  #highlight .cont2 .inner .group .t1 strong {margin:0 0 20px;}
  #highlight .cont2 .inner .group .t1 strong > span {font-size:30px;}
  #highlight .cont2 .inner .group .t1 strong > span > em {font-size:30px;}
  #highlight .cont2 .inner .group .year {top: 80px;right:80px;}
  #highlight .cont2 .inner .group .year span {display: inline-block;font-size:38px;vertical-align: top;}
  #highlight .cont2 .inner .group .year span:nth-child(2){margin-left:-10px;}
  #highlight .cont2 .inner .group .photolist {margin:60px 0 0;}
  #highlight .cont2 .inner .group .photolist .box .thumb {padding:20px;box-shadow: 10px 10px 15px rgba(0,0,0,.9);}
  #highlight .cont2 .inner .group .photolist .box {margin:0 75px 0 0;}
  #highlight .cont2 .inner .group .photolist .box .info {padding:25px 20px 0;}
}

@media(max-width:1023px){
	#imgLayer {width:90% !important;}
	.introvideo { background: url(/images/kor/highlight/bg.jpg);}
	.introvideo .inner {display:none;}
	.introvideo .mintro {display:block;width: 100%;height: 100%;z-index: 9999;}
	.introvideo .mintro button {display:block;width: 100%;height: 100%;padding: 0 30px;}
	.introvideo .mintro button span {display:block;opacity:0; margin: -30px 0 10px;font-size:25px;font-family: "ntserif";color:#222; animation: ani_effect 1s forwards 0.5s;}
	.introvideo .mintro button strong {display:block;opacity:0; font-family:"mont_b";font-size:48px; color:#222; animation: ani_effect 1s forwards 1s;}

	#highlight .cont2 .inner .group .tt_box .logo2[data-aos^=fade][data-aos^=fade].aos-animate,
	#highlight .cont2 .inner .group .t1[data-aos^=fade][data-aos^=fade].aos-animate,
	#highlight .cont2 .inner .group .t2[data-aos^=fade][data-aos^=fade].aos-animate {opacity: 1; }
	#highlight .cont2 .inner .group .photolist {overflow-y: auto;opacity:1;}
	#highlight .cont2 .inner .group .photolist[data-aos^=fade][data-aos^=fade].aos-animate {opacity:1;}
	.space {display:none;}
}

@media(max-width:767px){
  #highlight .cont1 .logo {top: 30px;left:20px;} 
  #highlight .cont1 .logo img {width:155px;}
  #highlight .cont1 .inner {padding:0 20px;}
  #highlight .cont1 .inner .obj {width:18px;margin: 0 0 35px;}
  #highlight .cont1 .inner > span {margin: 0 0 50px;text-align:left;font-size: 18px;}
  #highlight .cont1 .inner .tit span {font-size:24px;}
  #highlight .cont1 .inner .tit strong {margin: 0 0 50px;font-size:34px;}
  
  
  #highlight .cont2 .inner .group .tt_box {padding:0 20px;}
  #highlight .cont2 .inner .group .tt_box .logo2 {opacity:0;}
  #highlight .cont2 .inner .group .tt_box .logo2 img {width:155px; }
  #highlight .cont2 .inner .group .t1 .chapter > span {font-size:18px;}
  #highlight .cont2 .inner .group .t1 strong > span {font-size:26px;}
  #highlight .cont2 .inner .group .t2 p > span {font-size:14px;}
  #highlight .cont2 .inner .group .year {width:100%;right: 0;}
  #highlight .cont2 .inner .group .year span:nth-child(1){margin-left:10px;}
  #highlight .cont2 .inner .group .photolist .box {margin:0 40px 0 0;}
  #highlight .cont2 .inner .group .photolist .box .thumb {height: 200px;padding:8px;}
  #highlight .cont2 .inner .group .photolist .box .info {padding:15px 10px 0;}

  .space {height:300px;}
  #highlight .cont2 .inner .group .tt_box .logo2[data-aos^=fade][data-aos^=fade].aos-animate {opacity:0;}
   


}

@media(max-width:530px){
  
  #highlight .cont2 .inner .group .tt_box.active .logo2 {margin: 0 0 30px;animation:none;}
}