body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body,input,textarea,select,button,table{font-family:'Noto Sans KR','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} 
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
input[type=text]::-ms-clear{display:none}
.blind{display:block;width:0;height:0;margin:0;padding:0;line-height:0;font-size:0;overflow:hidden;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before,.slick-track:after{display: table;content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}
.slick-slide,.slick-slide a{outline:none;}
.jq_band_api img {display:none;}
button {outline:none; border:0;}

#wrap {width:100%; max-width:1920px; min-width:1360px; margin:0 auto; overflow:hidden;}
#sec01{width:100%; height:1140px; background:url(/front/images/10th/sec_01_bg.jpg) no-repeat 108% bottom; }
#sec01 .header{position:relative; width:100%;}
#sec01 .header .in_box{width:1360px; position:relative; margin:0 auto;}
#sec01 .header .txt{width:100%; position:absolute; left:50%; transform:translateX(-50%); top:218px; z-index:1;}
#sec01 .header .txt.fixed{position:fixed; top:0; height:110px; background:rgba(255, 255, 255, 0.6); border-bottom:1px solid #dadada; z-index:99;}
#sec01 .header .txt.fixed .tit{top:106px;}
#sec01 .header .txt .tit{position:absolute; right: calc(50% - 5rem); top:478px; max-width:567px; width:100%;}
/* #sec01 .header .txt .tit div:nth-child(1){width:100%; height:0; background:url(../images/sec_01_tit.png) no-repeat 0 0; animation:sec_01tit_01 0.6s 0.3s ease-in-out forwards; position:absolute; bottom:326px;}
#sec01 .header .txt .tit div:nth-child(2){width:100%; height:0; background:url(../images/sec_01_tit.png) no-repeat 0 -152px; animation:sec_01tit_02 0.6s 0.3s ease-in-out forwards; position:absolute; bottom:159px;}
#sec01 .header .txt .tit div:nth-child(3){width:100%; height:0; background:url(../images/sec_01_tit.png) no-repeat 0 -326px; animation:sec_01tit_03 0.6s 0.3s ease-in-out forwards; position:absolute; bottom:0;} */
#sec01 .header .txt .tit div{overflow:hidden;}
#sec01 .header .txt .tit div:nth-child(1){width:100%; height:auto; position:absolute; bottom:0; right: calc(12% - 2rem);}

#sec01 .header .txt .tit div img{width:100%;}
#sec01 .header .txt .tit div img.big{display:block;}
#sec01 .header .txt .tit div .min{display:none; cursor:pointer;}
#sec01 .header .txt.fixed img.big{display:none !important;}
#sec01 .header .txt.fixed .min{display:block !important;}


#sec01 .header .txt p{position:absolute; right:94px; top:380px;}
#sec01 .header .txt.fixed p{display:none;}

#sec01 .tag{width:1360px; position:relative; margin:0 auto;}
#sec01 .tagBG{width:148px; height:149px; background:url(/front/images/10th/sec_01_tag.png) no-repeat top center; position:relative; top:100px; left:100px;}
#sec01 .tag img{animation:tag 6s linear infinite;}


#sec02{width:100%; background:url(/front/images/10th/sec_02_bg.jpg) no-repeat top center;}
#sec02 .in_box{width:1360px; height:1150px; position:relative; margin:0 auto;}
#sec02 .typ_txt{position:absolute; left:676px; top:60px;}
#sec02 .typ_txt .typing_txt{display:none;}
#sec02 .typ_txt p{display:inline-block; font-size:46px; font-weight:500; letter-spacing:-0.05em; line-height:64px; color:#333333; font-style: italic;}
#sec02 .typ_txt p span{display:block;}
#sec02 .typ_txt p .w{font-weight:800;}
#sec02 .typ_txt p.cur:after{content:""; display:block; width:4px; height:42px; background:#333; transform:skew(-15deg); animation:cursor 0.6s ease-in-out infinite; position:absolute; bottom:8px; right:294px;}


#sec03{width:100%; background:#5e62d1 url(/front/images/10th/sec_03_bg.jpg) no-repeat top center;}
#sec03 .in_box{width:1360px; height:530px; position:relative; margin:0 auto;}
#sec03 .in_box li{font-size:76px; font-weight:600; color:#7bfff2; position:absolute; top:259px; letter-spacing:-0.05em}
#sec03 .in_box li.loling_02, #sec03 .in_box li.loling_04{color:#5e62d1;}

#sec03 .in_box li.loling_01{left:102px;}
#sec03 .in_box li.loling_02{left:454px;}
#sec03 .in_box li.loling_03{left:760px;}
#sec03 .in_box li.loling_04{left:1058px;}


#sec04{width:100%; background:#e9ebf7 url(/front/images/10th/sec_04_bg.jpg) no-repeat top center;}
#sec04 .in_box{width:1360px; height:1951px; position:relative; margin:0 auto;}
#sec04 .in_box li{position:absolute;}
#sec04 .in_box li a{display:block; width:1360px;}

#sec04 .in_box li.cont01{top:290px;}
#sec04 .in_box li.cont02{top:692px;}
#sec04 .in_box li.cont03{top:1091px;}
#sec04 .in_box li.cont04{top:1490px;}

#sec04 .in_box li.cont01 a{height:362px;}
#sec04 .in_box li.cont02 a{height:354px;}
#sec04 .in_box li.cont03 a{height:358px;}
#sec04 .in_box li.cont04 a{height:370px;}

#sec04 .in_box li.cont01:hover a{height:362px; background:url(/front/images/10th/sec_04_over.jpg) no-repeat center -290px;}
#sec04 .in_box li.cont02:hover a{height:354px; background:url(/front/images/10th/sec_04_over.jpg) no-repeat center -692px;}
#sec04 .in_box li.cont03:hover a{height:358px; background:url(/front/images/10th/sec_04_over.jpg) no-repeat center -1091px;}
#sec04 .in_box li.cont04:hover a{height:370px; background:url(/front/images/10th/sec_04_over.jpg) no-repeat center -1490px;}


#sec05{width:100%; background:#fff;}
#sec05 .in_box{width:100%; height:298px; position:relative; margin:0 auto;}
/* #sec05 .in_box .swiper-container{padding-top:112px;}
#sec05 .in_box .swiper-slide{display:block; width:auto !important; height:61px; position:relative; line-height:61px;}
#sec05 .in_box .swiper-slide img {vertical-align:middle; filter:grayscale(100%); 
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);} */
#sec05 .in_box .scroll-wrap{position:relative; top:112px;}
#sec05 .in_box .scroll-inner{}
#sec05 .in_box .scroll{white-space:nowrap;}
#sec05 .in_box .scroll img{animation:ci-scroll 34s linear infinite;}
/* #sec05 .in_box .scroll ul{display: inline;}
#sec05 .in_box .scroll ul li{display:inline-block;} */

#sec06{width:100%; background:#010101 url(/front/images/10th/sec_06_bg.jpg) no-repeat top center;}
#sec06 .in_box{width:1360px; height:1476px; position:relative; margin:0 auto;}
#sec06 .in_box .tit{width:1000px; height:150px; background:#010101; position:absolute; bottom:1055px; left:50%; transform:translateX(-50%); text-align:center; overflow:hidden;}


#sec06 .in_box .tit img{transform:translateY(200px); transition:all 0.6s;}
#sec06 .in_box .tit.on img{transform:translateY(0px);}

#sec06 .in_box .swiper-container{width:620px; position:absolute; top:506px; left:50%; transform:translateX(-50%);}
#sec06 .in_box .swiper-slide{opacity:0 !important;}
#sec06 .in_box .swiper-slide.swiper-slide-active{opacity:1 !important;}

#sec06 .in_box .sec_06Cont{display:none; width:1360px; position:absolute; top:506px; left:50%; transform:translateX(-50%);}
#sec06 .in_box .sec_06Cont li{position:absolute; left:50%; transform:translateX(-50%); transition:all 1s;}
#sec06 .in_box .sec_06Cont .cont01{z-index:2;}
#sec06 .in_box .sec_06Cont .cont02{z-index:3;}
#sec06 .in_box .sec_06Cont .cont03{z-index:1;}
/* #sec06 .in_box .sec_06Cont .cont01{left:0%; transform:translateX(0%);}
#sec06 .in_box .sec_06Cont .cont03{left:100%; transform:translateX(-100%);} */
#sec06 .in_box .sec_06Cont li .txt{opacity:0; margin-top:40px; text-align:center; transform:translateY(100px); transition:opacity 1s 1s, transform 0.6s 1s;}

#sec06 .in_box.on .sec_06Cont .cont01{left:0%; transform:translateX(0%);}
#sec06 .in_box.on .sec_06Cont .cont03{left:100%; transform:translateX(-100%);}
#sec06 .in_box.on .sec_06Cont li .txt{opacity:1; transform:translateY(0);}


#sec07{width:100%; background:#5cf4e5 url(/front/images/10th/sec_07_bg.jpg) no-repeat top center;}
#sec07 .in_box{width:100%; height:518px; position:relative; margin:0 auto; overflow:hidden;}
#sec07 .in_box .scroll-wrap{position:relative; top:264px;}
#sec07 .in_box .scroll-inner{}
#sec07 .in_box .scroll{white-space:nowrap;}
#sec07 .in_box .scroll img{padding-right:1044px; animation:text-scroll 15s linear infinite;}


#footer{width:100%; background:#333 url(/front/images/10th/footer_bg.jpg) no-repeat top center;}
#footer .in_box{width:1300px; height:203px; position:relative; margin:0 auto;}
#footer .in_box ul{width:450px; position:absolute; top:42px; left:50%; transform:translateX(-50%);}
#footer .in_box ul li{position:absolute; top:0; height:58px;}
#footer .in_box ul li:nth-child(1){width:100px; left:0;}
#footer .in_box ul li:nth-child(2){width:178px; left:130px;}
#footer .in_box ul li:nth-child(3){width:120px; left:324px;}
#footer .in_box ul li a{display:block; width:100%; height:100%;}

@keyframes tag {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@keyframes sec_01tit_01 {
	0% { transform:translateY(500px);}
	100% { transform:translateY(0);}
}
@keyframes sec_01tit_02 {
	0% { transform:translateY(300px);}
	100% { transform:translateY(0);}
}
@keyframes sec_01tit_03 {
	0% { transform:translateY(300px);}
	100% { transform:translateY(0);}
}

@keyframes cursor{ 
      0%{opacity:0;} 
      50%{opacity:1;} 
      100%{opacity:0;} 
}

@keyframes text-scroll{
  0%{
    transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);
    -ms-transform:translateX(0);
  }
  100%{
    transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
  }
}

@keyframes ci-scroll{ 
  0%{
    transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);
    -ms-transform:translateX(0);
  }
  100%{
    transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
  }
}