/* 폰트 */
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap"); 
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css"); 

body .ces2025-wrap {
  overflow: hidden;
}
.hidden {
	display: none;
}


body .ces2025-wrap * { font-family: inherit; box-sizing: border-box; }
.scroll-hidden { overflow:hidden !important; touch-action:none; }
.inner-bx { margin: 0 auto; padding: 0 20px; transition: all .7s cubic-bezier(.2,1,.22,1); }
.ces2025-wrap {position: relative; height: auto; color:#e9e9e9; line-height:1.4; font-family:'Pretendard Variable', 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif'; }
.ces2025-wrap p { font-size : 24px; line-height:1.5; letter-spacing:-1px; }
.ces2025-wrap p.note-txt { color:#555; font-size :0.95em; }
.ces2025-wrap p.note-txt em { color:#B96CF8; }
.footnote-txt { color: #7A7979; font-size: 15px !important; line-height:1.6; }
.footnote-txt sup { color:#9FFF36; }

.ces2025-wrap button { font-family:'Pretendard Variable', 'Pretendard','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif'; cursor:pointer; }
.ces2025-wrap section { padding:150px 0; }
.ces2025-wrap video {width:100%; max-height:100%; outline: none; border: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }

.ani-txt { opacity: 0; position: relative; top: 30px; transition: all .4s .3s; }
.wrap-on .ani-txt { top:0 !important; opacity:1 !important; }
.ani-fade { opacity: 0; position: relative; transition: opacity .4s .3s; }
.wrap-on .ani-fade { opacity:1 !important; transition: opacity 1s .3s; }

.point-c { color: #52F4E3 !important; }
.point-w { color:#fff }
.linetxt { color:#F827AC; font-size:40px; font-weight:700; border-bottom:2px solid; }
.roundtxt { padding:9px 40px; color:#333; font-size:20px; font-weight:500; background:#F1FA3B; border-radius:99px; }
.st-italic { padding-right:4px; font-style:italic; }
.st-italic.point-w { font-family: "Noto Serif KR", serif; }
.foot-note{color:#999; font-size:0.8em;}

.scroll-hint .mouse-icon { border: 2px solid #fff; border-radius: 100px; bottom: 60px; height: 40px; left: 50%; margin-left: -13px; position: absolute; width: 26px}
.scroll-hint .mouse-icon:before { animation: scrollAni 2s infinite; background: #fff; margin-left: -1px; top: 7px; width: 2px}
.scroll-hint .arrow:before,.scroll-hint .mouse-icon:before { content: ""; display: block; height: 8px; left: 50%; position: absolute}
.scroll-hint .arrow:before { bottom: 45px}
.scroll-hint .arrow:after,.scroll-hint .arrow:before { animation: scrollArrow 2s infinite; border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin-left: -5px; width: 8px}
.scroll-hint .arrow:after { bottom: 39px; content: ""; display: block; height: 8px; left: 50%; position: absolute}

.vani { opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.5s; } 
.vani1 { opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.7s; } 
.vani2 { opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.9s; } 

@keyframes scrollAni {
 0% { transform: translate(0) }
 80% { transform: translateY(10px) }
}
@keyframes scrollArrow {
 0% { opacity: 0; transform: rotate(45deg) translate(0) }
 50% { opacity: 1 }
 to { opacity: 0; transform: rotate(45deg) translate(10px,10px) }
}
@keyframes tit-ani { 
from {  opacity: 0;  } to {  opacity: 1;  } 
} 

.txt-light { color: #fff; }
.tit-gradient { color: #53FFE2; background: linear-gradient(90deg, #53FFE2 20%, #4AA7EA 80%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.ces2025-wrap { background-color: #050505; } 
.ces2025-wrap img{max-width: 100%;}
.ces2025-wrap h3 { padding-bottom: 20px; font-size: 100px; font-weight: 900; line-height: 1.1; }
.ces2025-wrap h4.tit-gradient { padding-bottom: 20px; font-size: 60px; font-weight: 900; line-height: 1.1; background: linear-gradient(90deg, #53FFE2 5%, #4AA7EA 20%); -webkit-background-clip: text; }
.ces2025-wrap h4.tit-gradient span { font-size: 40px; font-weight: 500; }
.ces2025-wrap h4.tit-gradient+h5 { margin: -20px 0 20px; font-size: 28px; font-weight: 500; }
.ces2025-wrap h4.tit-white { margin-bottom: 40px; text-align: center; }
.ces2025-wrap h4.tit-white span { display: inline-block; padding: 8px 40px; font-size: 16px; font-weight: 500; border: 1px solid #e9e9e9; border-radius: 99px; }
.ces2025-wrap h4.tit-white p { padding-top: 20px; font-size: 44px; font-weight: 700; line-height: 1.1; }

.ces2025-top { position: relative; padding-top: 150px !important; background: url('../images/bg-banner-img.jpg') 50% 1% / 100% no-repeat;}
.ces2025-top .page-tit { text-align: center; }
.ces2025-top .page-tit>span { display: inline-block; padding: 5px 40px; font-size: 36px; font-weight: 600; border: 1px solid #e9e9e9; border-radius: 99px; }
.ces2025-top .page-tit h2 { padding: 32px 0 200px; color: #fff; font-size: 80px; font-weight: 900; }
.ces2025-top .page-tit h2 p { font-size: 80px; font-weight: 900; }
.ces2025-00 { position: relative; padding: 250px 20px 100px !important; color: #999; background: url('../images/pattern-01.png') no-repeat;}
.ces2025-00::after{content: ''; position: absolute; display: block; left: 0; top: 0; width: 499px; height: 964px; background: url('../images/gra-01.png') 0 0 / 100% no-repeat; }
.ces2025-00::before{content: ''; position: absolute; display: block; right: 0; bottom: -50vw; width: 574px; height: 1088px;  background: url('../images/gra-02.png') 50% / 100% no-repeat; }
.ces2025-00 .inner-bx{position: relative; max-width: 1230px; margin: auto; z-index: 1;}
.ces2025-00 p { font-size: 36px; }
.ces2025-00 p + p { padding-top: 1em }
.ces2025-01 {position: relative; background: url('../images/pattern-02.png') no-repeat;}
.ces2025-01 p { color: #999; font-weight: 600;}
.ces2025-01::before{content: ''; position: absolute; display: block; left: 0; bottom: -20vw; width: 454px; height: 774px;  background: url('../images/gra-03.png') 50% / 100% no-repeat; }
.ces2025-booth { position: relative; }
.ces2025-booth a { position: absolute; color: #fff; font-size: 36px; font-weight: 700; line-height: 1.1; text-decoration: none; }
.ces2025-booth a span { display: block; color: #999; font-size: 14px; font-weight: 500; } 
.point-booth{position: absolute; display: block; text-indent: -9999em; transition:  0.3s; cursor:pointer;}
.point-booth-01{width: 429px; height: 115px; left: 0; top: 50px; background: url('../images/point-booth-01.png') no-repeat;} /* ai service */
.point-booth-02{width: 323px; height: 160px; left: 0; top: 420px; background: url('../images/point-booth-02.png') no-repeat;} /* ai dc */
.point-booth-03{width: 556px; height: 145px; left: 570px; top: 530px; background: url('../images/point-booth-03.png') no-repeat;} /* innovation */
.point-booth-01:hover{background-image: url('../images/point-booth-01-on.png');}
.point-booth-02:hover{background-image: url('../images/point-booth-02-on.png');}
.point-booth-03:hover{ background-image: url('../images/point-booth-03-on.png');}

.ces2025-02 article p, .ces2025-03 article p, .ces2025-05 article p{font-size: 20px;} 
.ces2025-02 article p + p, .ces2025-03 article p + p, .ces2025-05 article p + p{padding-top: 1em;}

.ces2025-02 , .ces2025-03, .ces2025-05  {position: relative; }
.ces2025-02 article, .ces2025-03 article, .ces2025-05 article {position: absolute; left:0; right: 0; bottom: 20px; display: flex; gap: 70px; justify-content: space-between; z-index: 11; align-items: center;}
.ces2025-02 article > div, .ces2025-03 article > div, .ces2025-05 article > div{max-width: 50%; }
.ces2025-02 article > figure, .ces2025-03 article > figure, .ces2025-05 article > figure{max-width: 50%; }
.ces2025-02 article,
.ces2025-05 article{flex-direction: row-reverse; } 
.ces2025-02 > img, .ces2025-03 > img, .ces2025-05 > img {position: relative; z-index: 1;}

.ces2025-02 article > div, .ces2025-03 article > div, .ces2025-05 article > div{max-width: 50%; }

.ces2025-07 h4 { position: relative; }
.ces2025-07 h4 p { position: relative; display: inline-block; padding-right: 10px; background-color: #050505; z-index: 1; }
.ces2025-07 h4 em { position: absolute; bottom: 4px; right: 0; width: 90%; display: inline-block; border-bottom: 1px solid #999; }

.product-slider {}
.product-slider li img{width: auto;}
.product-slider li {width: 28%; text-align: center; }
.product-slider li,
.product-slider li a{pointer-events:none;}
/* 현재 활성화된 슬라이드 스타일 */
.product-slider li.swiper-slide-active div,
.product-slider li.swiper-slide-duplicate-active div{ transform: scale(1); opacity: 1; }

.product-slider.swipe-on li { pointer-events:auto; }
.product-slider.swipe-on li.swiper-slide-active a,
.product-slider.swipe-on li.swiper-slide-duplicate-active a{ pointer-events:auto; }

.product-slider li div{margin:0 5px; padding:30px; text-align:left; border-radius:10px; background:#1A1A1A; border:1px solid #444;}
.product-slider li div{transform: scale(0.9); transition:  0.3s; opacity: 0.7;}
.product-slider li div img{padding:10px 0; }
.product-slider li div a{display:block; margin-top:24px; padding:15px 20px; font-size: 20px; color:#fff; background:#252525 url('../images/ico-arrow.png') right 15px top 50% / 14px no-repeat; border-radius:10px; transition:  0.3s; text-decoration:none;}
.product-slider li div a:hover{color:#252525; background:#fff url('../images/ico-arrow-on.png') right 15px top 50% / 14px no-repeat;}
.product-slider dt span{padding: 4px 10px; font-size: 16px; color:#191919; font-weight: 600; background:#fff; border-radius:99px;}
.product-slider dt strong{display:block; margin-top: 5px; font-size: 32px; color:#fff; font-weight: 700;}
.product-slider dd p{font-size: 20px; color:#fff; }

.product-slider-control{position: relative; display: flex; width: 29%; margin: 30px auto 0; padding-top: 20px; border-top: 1px solid #555; justify-content: space-between; align-items: center;}
.product-slider-control .pre-next{ display: flex; gap:10px; }
.product-slider-control .btn{ display: block; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; text-indent: -9999em; transition: 0.2s;}
.product-slider-control .btn.button-prev{right: 64px;; background:#252525 url('../images/ico-prev.png') 50% / 100% no-repeat;}
.product-slider-control .btn.button-next{right:0; background:#252525 url('../images/ico-next.png') 50% / 100% no-repeat;}
.product-slider-control .btn:hover{background-color: #333;}
.product-slider-control .swiper-pagination{position: initial; width:auto; color: #444; font-weight: 600;}
.product-slider-control .swiper-pagination-current{color: #fff;}

.btnTop-wrap{position:sticky; bottom: 0; z-index:99; }
.btnTop{display:none; position:absolute ;width: 50px; right:20px; bottom: 20px; height: 50px; background:url('../images/ico-top.png') 50% / 100% no-repeat; cursor:pointer; text-indent:-9999em; border:none; z-index:99; }
/*.btnTop.on{position:absolute;}*/

.photo-slider-bx{position: relative; overflow: hidden; margin: 0 -60px; padding: 0 60px 40px;}
.photo-slider.swiper-container{position: static; }
.photo-slider .swiper-pagination-bullet{background: #fff; }
.photo-slider .swiper-pagination-bullet-active{background: #fff;}
.photo-slider .swiper-button-prev{left: 6px}
.photo-slider .swiper-button-next{right: 6px}
.photo-slider .swiper-button-next,
.photo-slider .swiper-button-prev{color: #999;}

@media screen and (min-width: 1501px) { 
  .inner-bx { width: 1500px; max-width:100%; }
}

@media all and (min-width:1081px) and (max-width:1380px) {
  .ces2025-02 article, .ces2025-03 article, .ces2025-05 article{gap: 40px;}
  .ces2025-wrap h4.tit-gradient{font-size: 50px;}
  .ces2025-02 article p, .ces2025-03 article p, .ces2025-05 article p{font-size:18px;} 
  .ces2025-02 article p br, .ces2025-03 article p br, .ces2025-05 article p br{display:none;} 
}

@media screen and (max-width: 1500px) { 
  .inner-bx { width: 100%; max-width:1500px; }
}

@media screen and (max-width: 1300px) { 
  .ces2025-wrap p { font-size :18px; }
  .ces2025-00 { padding: 60px 20px 0 !important;}
  .ces2025-booth{margin: 40px 0; padding-top: 10%;}
  a.point-booth { -webkit-tap-highlight-color:transparent;}
  .point-booth-01{width: 60%; height: 33%; left: auto; right:0; top: 0; background: url('../images/point-booth-01-m.png') 0 0 /100% no-repeat;} /* ai service */
  .point-booth-02{width: 75%;height: 31%;left: auto; right: 6%; top: 55%;background: url('../images/point-booth-02-m.png') 0 0 /100% no-repeat;} /* ai dc */
  .point-booth-03{width: 50%;height: 32%;left: 43%;top: 40%;background: url('../images/point-booth-03-m.png') 0 0 /100% no-repeat;} /* innovation */
  .point-booth-01:hover{background-image: url('../images/point-booth-01-on-m.png');}
  .point-booth-02:hover{background-image: url('../images/point-booth-02-on-m.png');}
  .point-booth-03:hover{ background-image: url('../images/point-booth-03-on-m.png');}

  .ces2025-00::after{ width: 33vw; height: 60vw;}
  .ces2025-00::before{ bottom: -50vw; width: 40vw; height: 82vw;}
  .ces2025-01::before{ top: 0; bottom: auto; width: 33vw; height: 60vw;}
}

@media screen and (min-width: 1081px) { 
  .m-block, .mv-list-mblock, .mbr  { display: none; }
  .pc-block { display: block; }
  .img-main-01-pc { display: block; }
  .img-main-01-m, 
  .ces2025-03 .inner-bx > dl dt span br { display:none; }
  .ces2025-top .page-tit h2 p{display: inline-block; }
  .ces2025-booth {margin: 80px 0 0 80px; }

	.ces2025-06 .swiper-container::before,
	.ces2025-06 .swiper-container::after {
	  content: "";
	  position: absolute;
	  max-width: 1200px;
	  width: 30%;
	  height: 100%;
	  top: 0;
	  left: 50%;
	  transform: translateX(-237%);
	  background-color: #050505;
	  z-index: 2;
	}
	.ces2025-06 .swiper-container::after{transform: translateX(135%);}

}

/* 팝업 - 태블릿 Tablet */
@media screen and (max-width: 1080px) { 
  .m-block { display: block; }
  .mbr  { display: block !important; }
  .pc-block, .mv-list-pc{ display: none; }
  .ces2025-wrap section { padding: 60px 0; }
  .ces2025-wrap img{width: 100%;}

  .ces2025-top { padding-top: 150px !important; background: url('../images/bg-banner-img-m.jpg') 50% 50% / 100% no-repeat; }
  .ces2025-top .page-tit>span{font-size: 14px;}
  .ces2025-top .page-tit h2 { padding: 20px 0 0;}
  .ces2025-top .page-tit h2 br{display: none;}
  .ces2025-top .page-tit h2 p { font-size: 40px; line-height: 1.2;}
  .ces2025-top .page-tit>span{padding: 4px 20px;}

  .ces2025-wrap h4.tit-white span { padding: 4px 20px; font-size: 11px; }

  .ces2025-wrap p{font-size: 16px;}
  .ces2025-02 article p, .ces2025-03 article p, .ces2025-05 article p{font-size: 14px;}
  .scroll-hint{display: none;}

  .ces2025-wrap h3 { padding-bottom: 20px; font-size: 36px;  }
  .ces2025-wrap h4.tit-gradient{padding-top: 20px; font-size: 22px;}
  .ces2025-wrap h4.tit-gradient span {font-size: 22px;}
  .ces2025-wrap h4.tit-gradient+h5{font-size: 16px;}

  .ces2025-02, .ces2025-03, .ces2025-05{}

  .ces2025-02 article, .ces2025-03 article, .ces2025-05 article { position: inherit; top:0; left:0; right: 0; bottom: auto; display: block; margin-top: -10vw; padding-top: 0;}
  .ces2025-02 article > div, .ces2025-03 article > div, .ces2025-05 article > div{max-width: 100%; }
  .ces2025-02 article > figure, .ces2025-03 article > figure, .ces2025-05 article > figure{max-width: 100%; }

  .ces2025-02 p br,
  .ces2025-03 p br,
  .ces2025-05 p br{display: none;}
  .ces2025-00 .inner-bx{max-width: 355px; padding-left: 40px; padding-right: 40px;}
  .ces2025-02 .inner-bx{padding-left: 40px; padding-right: 40px;}
  .ces2025-03 .inner-bx{padding-left: 40px; padding-right: 40px;}
  .ces2025-05 .inner-bx{padding-left: 40px; padding-right: 40px;}

  .ces2025-wrap h4.tit-white p { padding-top: 20px; font-size: 16px; }


  .product-slider {padding-left: 0%;}
  .product-slider li {width: 55%; text-align: center; margin-left: 0%;}
  .product-slider li{ transform: scale(0.8); transition:  0.3s;}
  /* 현재 활성화된 슬라이드 스타일 */
  .product-slider li.swiper-slide-active,
  .product-slider li.swiper-slide-duplicate-active{ transform: scale(1); opacity: 1;}
  .product-slider li.swiper-slide-active,
  .product-slider li.swiper-slide-duplicate-active {margin:0;z-index: 100;}

  .product-slider li div{padding:20px; border-radius:5px;}
  .product-slider li div a{margin-top:20px; padding:10px 15px; font-size: 14px; color:#fff; background:#252525 url('../images/ico-arrow.png') right 15px top 50% / 10px no-repeat; border-radius:5px;}
  .product-slider li div a:hover{color:#252525; background:#fff url('../images/ico-arrow-on.png') right 15px top 50% / 10px no-repeat;}
  .product-slider dt span{padding: 4px 10px; font-size: 11px; color:#191919; font-weight: 600; background:#fff; border-radius:99px;}
  .product-slider dt strong{display:block; margin-top:10px; font-size: 16px; color:#fff; font-weight: 700;}
  .product-slider dd p{font-size: 14px; color:#fff; }

  .product-slider-control{ width:55%; }
  .product-slider-control .btn{ width: 40px; height: 40px;}
  .product-slider-control .swiper-pagination {font-size: 11px;}

  .btnTop{ background:url('../images/ico-top-m.png') 50% / 100% no-repeat; z-index:99;}

  .photo-slider-bx{position: relative; overflow: hidden; margin: 0; padding: 0 0 40px;}
  .photo-slider .swiper-button-next,
  .photo-slider .swiper-button-prev{display:none;}
}

@media all and (min-width: 769px) { 
}

/* Mobile */
@media all and (max-width: 768px) { 
}

@media all and (max-width: 640px) { 
}

@media all and (max-width: 360px) { 
  .mv-list.slide-list-bx ul { height:120vw; }
}

@media all and (max-device-height : 700px) and (orientation: landscape) { 
}

@media only screen and (max-width: 1080px) and (orientation:landscape) { 
}

@media only screen and (max-width: 1601px) and (max-height:800px) and (orientation:landscape) { 
  .player-caption { padding:10% 5%; }
  .player-caption * { zoom:.95; }
}

@media only screen and (max-width: 900px) and (max-height:1181px) and (orientation:portrait) { 
}


#main-content .btn-to-page-top {
  display: none !important;
}
#main-content .btn-to-page-top:last-child {
  display: block !important;
}

#main-content .btn-to-page-top.bottom-fixed + .btn-to-page-top {
  position: absolute;
}