@charset "utf-8";

#main section {min-height:100vh;}
/* main-visual */
.main-visual {position:relative;}
.main-visual .item {position:relative; height:100vh;}
.main-visual .secting-img {position:relative; transition:all 1s; background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:100%;}
.main-visual video {object-fit:cover; width:100%; height:100%;}
.main-visual .tit-box {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 15px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.main-visual .tit-box h2 {font-size:48px; line-height:1.4em; font-weight:900; font-family:'VITRO CORE TTF'; color:#fff; margin-bottom:24px; position:relative; top:50px; opacity:0.1; filter:blur(10px);}
.main-visual .tit-box p {font-size:24px; line-height:1.4em; color:rgba(255,255,255,0.9);position:relative; top:50px; opacity:0.1; filter:blur(10px); font-weight:600;}
.main-visual .item.slick-active .tit-box h2 {top:0; opacity:1; filter:blur(0); transition:all 1s 0.2s;}
.main-visual .item.slick-active .tit-box p {top:0; opacity:1; filter:blur(0); transition:all 1s 0.6s;}
.main-visual .btns {position:absolute; bottom:40px; left:50%; margin-left:-132px; width:264px; height:44px; display:flex; justify-content:space-between;}
.main-visual .wrap {width:200px; height:100%; padding:11px 0; position:relative; border-radius:100px; background:rgba(0, 0, 0, 0.30);}
.main-visual .wrap .arrows {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual .slick-arrow {width:24px; height:12px; background-repeat:no-repeat; background-size:contain; background-color:transparent; position:absolute; top:50%; margin-top:-6px; border:0; cursor:pointer; font-size:0;}
.main-visual .slick-prev {background-image:url('../img/main/main-prev.png'); left:29px;}
.main-visual .slick-next {background-image:url('../img/main/main-next.png'); right:29px;}
.main-visual .slick-dots {display:flex; justify-content:center; align-items:center; font-size:14px; line-height:1.6em; text-align:center;}
.main-visual .slick-dots li {display:none;}
.main-visual .slick-dots li.slick-active {display:flex;}
.main-visual .slick-dots li > div {padding:0 12px; position:relative; width:42px;}
.main-visual .slick-dots li .count {color:#b6b08c;}
.main-visual .slick-dots li .num {color:#ccc;}
.main-visual .slick-dots li .count:after {content:''; width:2px; height:8px; background:#83888e; position:absolute; top:50%; margin-top:-4px; right:-1px;}
.main-visual .bt {width:44px; height:44px; border-radius:50%; background:rgba(0, 0, 0, 0.30); position:relative;}
.main-visual .btnw {width:14px; height:14px; background-repeat:no-repeat; background-size:cover; background-position:center center; cursor:pointer; z-index:10; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-7px;}
.main-visual .btnw.bt-pause {background-image:url('../img/main/visual-pause.png');}
.main-visual .btnw.bt-play {background-image:url('../img/main/visual-play.png');}
.main-visual .btnw.bt-play {display:none;}
/* section01 */
.section01 {padding:250px 0 170px; position:relative; overflow:hidden;}
.section01 .tt {position:absolute; right:0; bottom:-35px; z-index:-1;}
.section01 .contain {max-width:1790px;}
.section01 .tab-cnt {display:flex;}
.section01 .tab-menu {width:100%; height:100%; max-width:140px; position:relative;}
.section01 .tab-menu:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd; z-index:-1;}
.section01 .tab-menu ul {display:flex; flex-direction: column;}
.section01 .tab-menu ul li {border-bottom:1px solid #ddd;}
.section01 .tab-menu ul li:last-child {border-bottom:0;}
.section01 .tab-menu ul li a {height:110px; display:flex; flex-direction:column; align-items:center; justify-content:center; transition:all 0.6s;}
.section01 .tab-menu ul li.active a,
.section01 .tab-menu ul li a:hover {background:#0a2d4d;}
.section01 .tab-menu ul li a .icon {width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.6s; margin-bottom:8px;}
.section01 .tab-menu ul li a .icon01 {background-image:url('../img/main/sec01-icon01.png');} 
.section01 .tab-menu ul li a .icon02 {background-image:url('../img/main/sec01-icon02.png');} 
.section01 .tab-menu ul li a .icon03 {background-image:url('../img/main/sec01-icon03.png');} 
.section01 .tab-menu ul li a .icon04 {background-image:url('../img/main/sec01-icon04.png');} 
.section01 .tab-menu ul li.active a .icon01,
.section01 .tab-menu ul li a:hover .icon01 {background-image:url('../img/main/sec01-icon01-on.png');} 
.section01 .tab-menu ul li.active a .icon02,
.section01 .tab-menu ul li a:hover .icon02 {background-image:url('../img/main/sec01-icon02-on.png');} 
.section01 .tab-menu ul li.active a .icon03,
.section01 .tab-menu ul li a:hover .icon03 {background-image:url('../img/main/sec01-icon03-on.png');} 
.section01 .tab-menu ul li.active a .icon04,
.section01 .tab-menu ul li a:hover .icon04 {background-image:url('../img/main/sec01-icon04-on.png');} 
.section01 .tab-menu ul li p {font-size:16px; line-height:1.1em; color:#666; transition:all 0.6s;}
.section01 .tab-menu ul li.active p,
.section01 .tab-menu ul li:hover p {color:#fff;}
.section01 .tab-box {width:1%; flex:1 1 auto; padding-left:130px;}
.section01 .tab-content {display:flex;}
.section01 .txt-box {width:100%; max-width:710px; padding-right:10px;}
.section01 .txt-box h3 {font-size:48px; font-family:'VITRO CORE TTF'; color:#222; line-height:1.4em; margin-bottom:36px;}
.section01 .txt-box h3 strong {font-size:50px; font-family:'Pretendard'; font-weight:900; color:#0d8aff; line-height:1.4em;}
.section01 .txt-box p {font-size:22px; line-height:1.6em; color:#000; margin-bottom:36px;}
.section01 .txt-box .more a {display:inline-block; width:190px; padding:0 32px; line-height:52px; border:1px solid #0a2d4d; border-radius:26px; font-size:20px; color:#0a2d4d; transition:all 0.6s; font-weight:700; position:relative;}
.section01 .txt-box .more a:hover {background:#0a2d4d; color:#fff;}
.section01 .txt-box .more a:after {content:''; background-image:url('../img/main/more-arrow.png'); width:24px; height:24px; background-repeat:no-repeat; background-size:cover; transition:all 0.6s; position:absolute; top:50%; margin-top:-12px; right:32px;}
.section01 .txt-box .more a:hover:after {background-image:url('../img/main/more-arrow-on.png');}
.section01 .img-box {position:relative; width:1%; flex:1 1 auto;}
.section01 .img-box .img {position:absolute; top:0; left:0;}
.section01 .img-box .img img {max-width:none;}
/* section02 */
.section02 {height:900px; padding-top:250px; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all 0.4s;}
.section02.on01 {background-image:url('../img/main/sec02-01.jpg');}
.section02.on02 {background-image:url('../img/main/sec02-02.jpg');}
.section02.on03 {background-image:url('../img/main/sec02-03.jpg');}
.section02 .contain {max-width:1550px;}
.section02 .col {display:flex;}
.section02 .tit-box {width:100%; max-width:620px;}
.section02 .tit-box h3 {font-size:96px; line-height:1.1em; color:#fff; margin-bottom:20px; font-weight:900;}
.section02 .tit-box h3 span {color:#0d8aff; display:block;}
.section02 .tit-box p {font-size:22px; line-height:1.6em; color:#fff;}
.section02 .txt-box {width:1%; flex:1 1 auto; padding-left:80px;}
.section02 .txt-box .inner {margin-bottom:20px; padding:40px 56px; display:flex; transition:all 0.4s; border-radius: 28px; position:relative;}
.section02 .txt-box .inner:last-child {margin-bottom:0;}
.section02 .txt-box .inner.on {background: rgba(219, 219, 219, 0.12); backdrop-filter:blur(10px); box-shadow:inset 0px 0px 3px -1px rgba(255, 255, 255, 1);}
.section02 .txt-box .inner:after {content:''; position:absolute; top:50%; margin-top:-24px; right:38px; width:48px; height:48px; background:url('../img/main/sec02-more.png') no-repeat; background-size:cover; opacity:0; transition:all 0.4s;}
.section02 .txt-box .inner.on:after {opacity:1; right:48px;}
.section02 .txt-box .inner .num {width:33px; position:relative; text-align:center;}
.section02 .txt-box .inner .num p {font-size:28px; line-height:1.4em; color:#999; padding-bottom:32px; font-family:'VITRO CORE TTF'; transition:all 0.4s; position:relative; padding-bottom:32px;}
.section02 .txt-box .inner.on .num p {color:#0D8AFF;}
.section02 .txt-box .inner .num p:after {content:''; width:100%; height:4px; position:absolute; bottom:0; left:0; background:#999; transition:all 0.4s;}
.section02 .txt-box .inner.on .num p:after {background:#0D8AFF;}
.section02 .txt-box .inner .box {width:1%; flex:1 1 auto; padding-left:40px;}
.section02 .txt-box .inner .tit h4 {font-size:32px; line-height:1.4em; letter-spacing:-.01em; color:#999; transition:all 0.4s; margin-bottom:12px; font-family:'VITRO CORE TTF';}
.section02 .txt-box .inner.on .tit h4 {color:#fff;}
.section02 .txt-box .inner .txt {height:0; position:relative; overflow:hidden;}
.section02 .txt-box .inner.on .txt {height:100%; transition:all 0.4s;}
.section02 .txt-box .inner .txt p {font-size:24px; color:#eee; line-height:1.6em;}