.lenis-scrolling .section-social .list { pointer-events: none; }

.home .section-badge { margin-bottom: 32px; font-size: 20px; font-weight: 500;    }
.home .section-heading { margin-bottom: 12px; line-height: 1.45; font-size: 48px; font-weight: 600;  }
.home .section-text { line-height: 1.45; font-size: 22px; font-weight: 500; }

@keyframes fade-in {
    to { opacity: 1; }
}



/* main popup */ 
.main-popup{position:fixed; top:0; left:0;  width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:1000;    pointer-events: none; }
:lang(en) .main-popup.multiple-popup {
	gap: 0 40px;
}
:lang(en) .main-popup.multiple-popup .popup-link-wrap {
	position: relative;
}
:lang(en) .main-popup.multiple-popup .popup-link-wrap .first_link {
	width: 100%;
    position: absolute;
    left: 0;
    bottom: 80px;
    height: 54px;
}
:lang(en) .main-popup.multiple-popup .popup-link-wrap .second_link {
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
}
/* KR popup - stacked (세로 쌓기) */
:lang(ko) .main-popup.popup-stacked {
	flex-direction: column; gap: 30px 0; align-items: center;
	overflow-y: auto; padding: 40px 0;
	pointer-events: auto; background: rgba(0,0,0,0.4);
}
:lang(ko) .main-popup.popup-stacked .popup-layer { width: 80%; max-width: 500px; flex-shrink: 0; }
/* KR popup - 우측 정렬, 화면 높이에 맞게 축소 */
:lang(ko) .main-popup { justify-content: flex-end; padding-right: 40px; }
:lang(ko) .main-popup .popup-layer.popup-training { max-height: calc(100vh - 40px); width: fit-content; }
:lang(ko) .main-popup .popup-layer.popup-training .popup-link-wrap img { max-height: calc(100vh - 90px); width: auto; }
/* KR popup - training link area */
/* 팝업 이미지 교체 시 .training-apply-link 의 bottom/width/height 값도 함께 조정 필요 */
:lang(ko) .main-popup .popup-link-wrap { position: relative; width: fit-content; }
:lang(ko) .main-popup .popup-link-wrap img { display: block; width: 100%; }
:lang(ko) .main-popup .popup-link-wrap .training-apply-link {
	position: absolute; left: 50%; transform: translateX(-50%);
	bottom: 9.8%; width: 31%; height: 5.2%; cursor: pointer;
}
.main-popup .popup-layer{ max-width:602px; background:#fff;  border-radius:10px; overflow:hidden;  border:1px solid #ddd; width: 90%;     pointer-events: auto;}
:lang(en) .main-popup .popup-layer#popup2 {
	max-width: 580px;
}
.main-popup .popup-btm{padding: 16px;  border-top:0; font-size: 15px; display:flex; align-items:center; justify-content:flex-end;  }
.main-popup .popup-btm button {line-height: 1; width: 50%;}
.main-popup .popup-btm button:hover{color: #005EB8;}
.main-popup .popup-btm button + button{border-left:1px solid #ddd; padding-left: 10px; margin-left: 10px;}
.main-popup .popup-html-content{max-height:80vh; overflow-y:auto; -webkit-overflow-scrolling:touch;}



.section-visual { background: #000; }
.section-visual .media { width: 100%; height: 100%; object-fit: cover; opacity: .6; }
.section-visual .swiper { background: #000; }
.section-visual .swiper-wrapper { opacity: 0; animation: fade-in ease 1.5s forwards; }
.section-visual .swiper-slide { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100vh; background: #000; }
.section-visual .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1.1); }
.section-visual .background img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.section-visual .context { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: auto; max-width: var(--inner); width: 90%; height: 100%; text-align: center; color: #fff; }
.section-visual .heading { line-height: 1.25; font-size: 68px; font-weight: 500; color: inherit; opacity: 0; will-change: transform; word-break: keep-all;}
.section-visual .text{margin-top: 10px; font-size: 26px; line-height: 1.3; opacity: 0; will-change: transform;word-break: keep-all;}
.section-visual .button {display:flex; align-items:center; margin-top: 60px; line-height: 1.3;padding: 0 30px; height: 70px; border-radius: 70px; opacity: 0; transition:all ease .35s;}
.section-visual .button .icon { margin-left: 20px;  transition:all ease .35s;}
.section-visual .button:hover{background: #fff; color: var(--clr-dark);}
.section-visual .button:hover .icon{filter:invert(1);}
.section-visual .controls { z-index: 2; position: absolute; bottom: 60px; left: 0; right: 0; margin: auto; max-width: var(--inner); width: 90%; }
.section-visual .controls .swiper-pagination { display: flex; align-items: center; position: static; }
.section-visual .controls .swiper-pagination-bullet { display: flex; flex-direction: column; margin: 0; width: auto; height: auto; line-height: 1; text-align: left; font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.35); font-weight: 700; background: transparent; opacity: 1; transition: color ease .35s; }
.section-visual .controls .swiper-pagination-bullet .progress { display: block; position: relative; margin-top: 14px; width: 100px; height: 2px; background: rgba(255, 255, 255, 0.2); }
.section-visual .controls .swiper-pagination-bullet .progress::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: left; transition-property: transform; transition-timing-function: ease; }
.section-visual .controls .swiper-pagination-bullet-active .progress::after { transform: none; transition-duration: 5.5s; }
.section-visual .controls .swiper-pagination-bullet-active { color: rgba(255, 255, 255, 1); }

.section-cases { padding: 220px 0; background: #fff;}
.section-cases .section-badge{color:var(--clr-dark);}
.section-cases .section-heading{color:var(--clr-dark); padding-right: 300px;}
.section-cases .section-text{padding-right: 200px;}
.section-cases .main-cases .main-cases-head { display: flex; justify-content: flex-end; margin: -66px 0 90px; }
.section-cases .main-cases .dropdown .dropdown-toggle{min-width:189px; text-align: left;}
.section-cases .list { display: flex; flex-wrap: wrap; margin: -40px -12px; }
.section-cases .list .item { padding: 40px 12px; width: 25%; }
.section-cases .list .block { display: block; }
.section-cases .list .thumbnail { overflow: hidden; position: relative; background: #000; }
.section-cases .list .thumbnail::before { content: ''; display: block; padding-top: calc(256 / 402 * 100%); width: 100%; height: 0; }
.section-cases .list .thumbnail .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all ease .65s; }
.section-cases .list .thumbnail .image img{width: 100%; height: 100%; object-fit:cover;}
.section-cases .list .title { position:relative;  display: flex; align-items:flex-start; margin-top: 16px; line-height: 1.4; font-size: 19px;}
.section-cases .list .title::before { /*content: '';*/ width: 10px; height: 20px; background: url('/images/enter.svg') no-repeat center / auto 100%; position:absolute; left:0; top:2px;}
.section-cases .list .title .cate{font-size: 14px; line-height: 1;  padding:8px 12px; display:inline-block; border-radius:4px; background: #fff; color: #005EB8; transition:all ease .35s; margin-right: 12px; margin-top: -3px; border:1px solid #005EB8;     white-space: nowrap;}
.section-cases .list .title .cate.svc{color: #38b800; border-color: #38b800;}
.section-cases .list .title .cate.evt{color: #151515; border-color: #151515;}
.section-cases .main-screen { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; }
.section-cases .main-screen-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding-top: 100px; min-width: 0; width: 100%; height: 100%; background: rgba(245, 245, 245, 0.8); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
.section-cases .main-screen-wrap .close{position:absolute; display:block;  height: 40px; gap:8px;display: flex;align-items: center;justify-content: center; top:-50px; right:calc(50% - 840px); font-size: 18px; color:var(--clr-dark); line-height: 1;}
.section-cases .main-screen-wrap .close:before{content:''; width:0; height:2px; background: #151515; position:absolute; right:0; bottom:4px; transition:all ease .35s;}
@media (hover: hover) and (pointer: fine) {
	.section-cases .main-screen-wrap .close:hover:before{width:100%; right:auto; left:2px;}
	.section-cases .list .item:hover .cate{background: #005EB8; border-color:#005EB8; color: #fff;}
	.section-cases .list .item:hover .svc{background: #38b800; border-color:#38b800;}
	.section-cases .list .item:hover .evt{background: #151515; border-color:#151515;}
}


.section-cases .main-screen-bottom { position: relative; margin-top: 50px; min-width: 0; width: 100%; }
.section-cases .main-screen-bottom::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; margin: 12px auto; width: 14px; height: 14px; background: url('/images/main/pin.svg') no-repeat center / auto 100%; }
.section-cases .main-screen-slider { overflow: visible; margin-right: auto; margin-left: auto; width: 56%; user-select: none; }
.section-cases .main-screen-slider .frame { overflow: hidden; position: relative; background: #e8e8e8; }
.section-cases .main-screen-slider .frame::before { content: ''; display: block; padding-top: 56.25%; width: 100%; height: 0; }
.section-cases .main-screen-slider .frame .thumbnail { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all ease .85s; }
.section-cases .main-screen-slider .frame .thumbnail img{width: 100%; height: 100%; object-fit:cover;}
.section-cases .main-screen-slider .frame .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-cases .main-screen-slider .play { z-index: 3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: all ease .65s; }
.section-cases .main-screen-slider .play::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/main/play.svg') no-repeat center / auto 50%; }
.section-cases .main-screen-slider .frame.on .thumbnail,
.section-cases .main-screen-slider .frame.on .play { visibility: hidden; opacity: 0; }
.section-cases .main-screen-slider .swiper-button-prev,
.section-cases .main-screen-slider .swiper-button-next { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; color: #fff; }
.section-cases .main-screen-slider .swiper-button-prev::after,
.section-cases .main-screen-slider .swiper-button-next::after { font-size: 20px; }
.section-cases .main-screen-slider .swiper-button-prev { left: -130px; }
.section-cases .main-screen-slider .swiper-button-next { right: -130px; }
.section-cases .main-screen-pagination { width: 256px; }
.section-cases .main-screen-pagination .swiper-slide { position: relative; padding: 0 18px; line-height: 1; min-width: 58px; width: auto; text-align: center; font-size: 18px; font-weight: 600; color: #909090; transition: color ease .35s; }
.section-cases .main-screen-pagination .swiper-slide::after { content: ''; display: block; position: absolute; bottom: 0.25em; right: -0.575em; width: 21px; height: 3px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='21' height='3' viewBox='0 0 21 3' fill='%23919191' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5'/%3E%3Ccircle cx='10.5' cy='1.5' r='1.5'/%3E%3Ccircle cx='19.5' cy='1.5' r='1.5'/%3E%3C/svg%3E"); }
.section-cases .main-screen-pagination .swiper-slide-active { color: #005EB8; }

.section-client { overflow: hidden; position: relative; padding: 200px 0; height:calc(100vh + 36px); color: #fff; background: #000; }
.section-client .media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-client .media img { width: 100%; height: 100%; object-fit: cover; }
.section-client .inner { z-index: 2; }
.section-client .fade { position: relative; margin-top: 120px; }
.section-client .fade::before,
.section-client .fade::after { content: ''; z-index: 3; position: absolute; top: 0; width: 10%; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 46%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.section-client .fade::before { left: 0; }
.section-client .fade::after { right: 0; transform: scaleX(-1); }
.section-client .main-client-slider { overflow: visible; }
.section-client .main-client-slider .swiper-wrapper { transition-timing-function: linear; }
.section-client .main-client-slider .swiper-slide { width: 10.2vw; text-align: center; }

.section-solution { overflow: hidden; position: relative;    padding-top: 80px;    border-radius: 36px 36px 0 0;overflow: hidden;margin-top: -36px; background: #fff; }

.section-solution .section-badge {  color: var(--clr-dark); }
.section-solution .section-flex { display: flex; justify-content: space-between; align-items:flex-start;}
.section-solution .section-link { display: flex;align-items:center; line-height: 1; color:var(--clr-dark); font-weight: 600; }
.section-solution .section-link .icon { margin-left: 0.8em; }
.section-solution .section { position: relative; padding: 48px 0; opacity: 0;  }
.section-solution .section-2,
.section-solution .section-3 { margin-top: -220px; }
.section-solution .section .flex { display: flex; flex-direction: row-reverse; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.section-solution .section .side { width: 41%; }
.section-solution .section .contents { padding: 16px 100px 16px 0; width: 59%; }
.section-solution .section .badge { display: inline-block; padding: 0 20px; height: 35px; line-height: 35px; font-size: 16px; font-weight: 600; background: #e6e6e6; border-radius: 35px; }
.section-solution .section .heading { font-size: 120px; font-weight: 500;  }
.section-solution .section .text { margin-top: 18px; line-height: 1.65; font-size: 19px;}
.section-solution .section .thumbnail { overflow: hidden; position: relative; border-radius: 12px; }
.section-solution .section .thumbnail::before { content: ''; display: block; padding-top: calc(420 / 688 * 100%); width: 100%; height: 0; }
.section-solution .section .thumbnail .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.section-solution .section-1 .heading,
.section-solution .section-2 .heading{ color:var(--clr-dark);}
.section-solution .section-2 { background: #F2F4FA; }
.section-solution .section-3 { background: #00287C; color: #fff; }
.section-solution .section-2 .badge { background: #D0D6E3; }
.section-solution .section-3 .badge { background: rgba(255, 255, 255, 0.1); }

.section-products { position: relative; padding: 330px 0 220px; color: #fff;  overflow:hidden; }
.section-products .bg{position:fixed; width:100%; height:100%; left:0; top:0;  z-index:-1;background: #000104;}
.section-products .bg video{position:absolute; width:100%; height:100%; left:0; top:0; object-fit:cover; opacity:.3; z-index:-1;}
.section-products .shape { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 120px; left: 0; right: 0; margin: auto; max-width: var(--inner); width: 90%; }
.section-products .shape .item { width: 10px; height: 10px; background: url('/images/main/products-shape-plus.svg') no-repeat center / auto 100%; }
.section-products .section-pin{padding-top: 100px;}
.section-products .main-product-slider { overflow: visible;  }
.section-products .main-product-slider .block { display: block; padding: 30px; height: 100%; border-radius: 16px; background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); transition-property: background; transition-duration: .5s; transition-timing-function: ease; }
.section-products .main-product-slider .thumbnail { overflow: hidden; margin-bottom: 30px; position: relative; border-radius: 12px; }
.section-products .main-product-slider .thumbnail::before { content: ''; display: block; padding-top: calc(336 / 420 * 100%); width: 100%; height: 0; }
.section-products .main-product-slider .thumbnail .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition:all ease .35s; }
.section-products .main-product-slider .thumbnail .image.front{z-index:1;}
.section-products .main-product-slider .category { margin-bottom: 8px; font-weight: 500; color: rgba(255, 255, 255, 0.6); transition: color ease .35s; }
.section-products .main-product-slider .title { margin: 8px 0 16px; font-size: 36px; font-weight: 500; transition: color ease .35s; }
.section-products .main-product-slider .text { font-size: 17px; color: rgba(255, 255, 255, 0.6); transition: color ease .35s; }
.section-products .main-product-slider .chips { display: flex; flex-wrap: wrap; margin: 24px -8px -8px 0; }
.section-products .main-product-slider .chip { display: inline-flex; margin: 0 8px 8px 0; padding: 0 14px; height: 30px; line-height: 30px; font-size: 16px; color: var(--clr-sky); background: rgba(31, 164, 253, 0.1); border-radius: 6px; transition: background ease .35s; }
.section-products .main-product-slider .swiper-slide { width: 38vw; max-width: 480px; height: auto; }
.section-products .main-product-slider .swiper-slide:last-child { display: flex; align-items: center; padding-left: 36px; width: auto; text-align: center;}
.section-products .main-product-slider .more { display: block; font-size: 16px; font-weight: 600; }
.section-products .main-product-slider .more .icon { margin-bottom: 16px; width: 60px; height: 60px; display: inline-flex;  align-items: center; justify-content: center; border:1px solid rgba(255,255,255,0.2); border-radius:50%;}
.section-products .main-product-slider .more .icon{transition:all ease .35s;}
.section-products .main-product-slider .more:hover .icon{background: #fff;}
.section-products .main-product-slider .more:hover .icon:before{filter:invert(1);}
.section-products .main-product-slider .more:hover .text{color: #fff;}

.section-social { padding: 0 0 200px;  background: #fff;}
.section-social .inner{ color: #fff;}
.section-social .section-social-wrap { padding-left: 32px; padding-right: 32px; background: linear-gradient(to bottom, rgba(0, 1, 4, 1) 0%, rgba(0, 1, 4, 0) 100%); }
.section-social .section-social-wrap .inner { z-index: 2; position: relative; width: calc(90% + 64px); }
.section-social .main-social { overflow: hidden; position: relative; padding: 180px 0 130px; background: url('/images/main/social-background.webp') no-repeat center / cover; border-radius: 24px; }
.section-social .main-social::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(0, 39, 124, 1) 12%, rgba(0, 39, 124, 0) 60%); }
.section-social .list { overflow: hidden; margin-top: 80px; /*height: 325px;*/ }
.section-social .taggbox { overflow: hidden; }
.section-social .tb_app_wrapper .splide__track { padding-left: calc(5% - 20px) !important; padding-right: calc(5% - 20px) !important; }
.section-social .tb_hc_content { display: none; }
.section-social .tb_hc_contant_wrapper { padding: 16px; }
.section-social .tb_hc_image_wrap_,
.section-social .tb_hc_video_wrap_ { padding-bottom: calc(192 / 340 * 100%) !important; }
.section-social .tb_hc_author_profile { margin: 0; }
.section-social .tb_hc_author_info { margin-bottom: 0; }
.section-social .tb_hc_authorname { text-align: left; }
.section-social .tb_hc_post_info { text-align: left; }
.section-social .tb_hc_post_info { justify-content: flex-start; }
.section-social .tb_hc_author_wrapper { position: relative; margin-bottom: 0; padding: 0em 54px; }
.section-social .tb_hc_author_profile { position: absolute; left: 0; top: -15%; box-shadow: none; width: 45px; height: 45px; }
.section-social .tb_hc_social_ { position: absolute; top: 0.285em; right: 0; }
.section-social .tb_hc_social_ico { font-size: 18px; }
.section-social .tb_hc_fixed_height .tb_hc_arrow,
.section-social .tb_hc_fixed_height_te .tb_hc_arrow { top: calc(50% - 25px); }
.section-social .tb_hc_arrow { width: 50px; height: 50px; background: rgba(255, 255, 255, 1); border-radius: 50%; color: #000; }
.section-social .tb_hc_arrow::before { content: none; }
.section-social .tb_hc_arrow::after { font-family: swiper-icons; font-size: 20px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; }
.section-social .tb_hc_arrow_left__ { left: calc(5% - 45px); }
.section-social .tb_hc_arrow_right__ { right: calc(5% - 45px); }
.section-social .tb_hc_arrow_left__::after { content: 'prev'; }
.section-social .tb_hc_arrow_right__::after { content: 'next'; }
.section-social .tb_share_button_ { display: none; }
.section-social .tb_share_icon_list { opacity: 1; transform: rotate(1turn); }
.section-social .tb_share_icon_list:nth-child(1) { left: 0 !important; }
.section-social .tb_share_icon_list:nth-child(2) { left: 32px !important; }
.section-social .tb_share_icon_list:nth-child(3) { left: 64px !important; }
.section-social .social-sns {margin-top: 32px; display: flex; align-items: center; }
.section-social .social-sns li + li{ margin-left: 24px; }
.section-social .social-link { transition: opacity ease .1s;  }
.section-social .social-link .icon { display: block; width: 32px; height: 32px; }
.section-social .social-link .icon::before{width: 100%; height: 100%; }
.section-social .social-link .icon-instagram::before { background-image: url('/images/instagram.svg'); }
.section-social .social-link .icon-linkedin::before { background-image: url('/images/linkedin.svg'); }
.section-social .social-link .icon-youtube::before { background-image: url('/images/youtube.svg'); }
.section-social .social-link .icon-facebook::before { background-image: url('/images/facebook.svg'); }
@media (hover: hover) and (pointer: fine) {
    .section-social .social-link:hover .icon-instagram:before { background-image: url('/images/instagram-on.svg');}
    .section-social .social-link:hover .icon-linkedin:before { background-image: url('/images/linkedin-on.svg');}
    .section-social .social-link:hover .icon-youtube:before { background-image: url('/images/youtube-on.svg');}
    .section-social .social-link:hover .icon-facebook:before { background-image: url('/images/facebook-on.svg');}
}

.section-contact { padding-bottom: 290px;background: #fff; }
.section-contact .list { display: flex; flex-wrap: wrap; margin: -10px; }
.section-contact .list .item { padding: 10px; width: 50%; }
.section-contact .list .item:first-child:nth-last-child(3),
.section-contact .list .item:first-child:nth-last-child(3)~li { width:33.33%; } 
.section-contact .list .block { display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 50px 60px; height: 100%; background: #f1f1f1; border-radius: 16px; }
.section-contact .list .side{width: 100px;}
.section-contact .list .side img { margin-left: 6.5%; }
.section-contact .list .contents{width:calc(100% - 100px);}
.section-contact .list .title { font-size: 26px; font-weight: 700; color: var(--clr-dark);  line-height: 1.3; gap:8px;}
.section-contact .list .title:before{display:none;}
.section-contact .list .title .icon{  margin-top: 7px; opacity:0; transition:all ease .35s; }
.section-contact .list .block:hover .title .icon {margin-left: 0.3em; opacity:1;}
.section-contact .list .block:hover .button-under:before{width:100%; right:auto; left:0;}
.section-contact .list .block:hover .button-under .icon{padding-left: 0;}




.section-contact .list .text { margin-top: 18px; color: #747476; }
@media (hover: hover) and (pointer: fine) {
    .section-cases .list .block:hover .thumbnail .image { transform: scale(1.2); opacity: 0.7; }

    .section-products .main-product-slider .block:hover { color: var(--clr-dark); background: #fff; }
    .section-products .main-product-slider .block:hover .chip { background: #F0F5FF; }
    .section-products .main-product-slider .block:hover .category,
    .section-products .main-product-slider .block:hover .text { color: inherit; }
	.section-products .main-product-slider .block:hover .thumbnail .image.front{opacity:0;}

}


@media screen and (max-width: 1680px) {
	.section-cases .main-screen-wrap .close{right:-20vw;}
	.section-social .section-social-wrap .inner{width:90%;}
	.section-solution .section .heading{font-size: 7vw;}
	.section-solution .section .text br{display:none;}
	.section-client{height:auto;}

}
@media screen and (max-width: 1180px) {
	.section-visual .heading{font-size: 50px;}
	.section-visual .text{font-size: 22px;}
	.section-solution .section .heading{font-size: 70px;}
	.section-solution .section .text br{display:none;}
	.section-cases .list .item{padding-top: 20px; padding-bottom: 20px;}
	.section-contact .list .item:first-child:nth-last-child(3),
	.section-contact .list .item:first-child:nth-last-child(3)~li { width:100%; }


}
@media screen and (max-width: 1023px) and (min-width:821px) {

	.section-client .main-client-slider .swiper-slide{width:30vw;}
	.section-solution .section .heading{font-size: 7vw;}

	.section-social{padding-bottom: 100px;}
	.section-contact{padding-bottom: 160px;}

	.section-social .main-social{padding:100px 0 0;}
}
@media screen and (max-width: 820px) {
	:lang(en) .main-popup.multiple-popup {
		flex-direction: column;
		gap:30px 0;
	}
	:lang(en) .main-popup.multiple-popup .popup-layer {
		width: 80%;
	}
	.home .section-heading{font-size: 24px; line-height: 1.3;}
	.home .section-heading br{display:none}
	.home .section-text{font-size: 15px;}
	.home .section-badge{font-size: 15px; margin-bottom: 20px;}


	.section-visual .heading{font-size: 25px;}
	.section-visual .text{font-size: 16px;}
	.section-visual .button{height:50px;  margin-top: 30px; padding:0 20px; max-width:80%;}
	.section-visual .button .icon{margin-left: 5px;}

	.section-cases{padding:70px 0;}
	.section-cases .main-screen-wrap{padding-top: 70px;}
	.section-cases .main-screen-wrap .close{ font-size: 14px; gap:4px; right:0; top:-45px; right: -5vw;}
	.section-cases .main-screen-slider{width: 80%;}
	.section-cases .main-screen-slider .play{width: 50px; height: 50px;}
	.section-cases .main-screen-slider .swiper-button-next{right:-30px;}
	.section-cases .main-screen-slider .swiper-button-prev{left:-30px;}
	.section-cases .main-screen-pagination .swiper-slide{font-size: 14px;}
	.section-cases .section-heading{padding-right: 0;}
	.section-cases .section-text{padding-right: 0;}
	.section-cases .main-cases .main-cases-head{margin:20px 0 40px; justify-content:flex-start;}
	.section-cases .list{margin:-12px -6px;}
	.section-cases .list .item{width: 50%; padding:  12px 6px;}
	.section-cases .list .title::before{top:-2px;}
	.section-cases .list .title{margin-top: 10px; flex-direction:column; align-items:flex-start; gap:5px; font-size: 16px;}
	.section-cases .list .title .cate{font-size: 11px; padding:4px 6px; margin-top: 0;  }

	.section-client{height:auto; padding:100px 0;}
	.section-client .main-client-slider .swiper-slide{width:40vw;}
	.section-client .fade{margin-top: 100px;}

	.section-solution{padding-top: 40px; border-radius:24px 24px 0 0;}
	.section-solution .section-flex{align-items:center;}
	.section-solution .section-badge{margin-bottom: 0;}
	.section-solution .section .heading{font-size: 45px;}
	.section-solution .section .flex{    flex-direction: column-reverse;}
	.section-solution .section .contents{width: 100%; padding:0 0 30px;}
	.section-solution .section .side{width: 100%;}
	.section-solution .section .text{margin-top: 10px; font-size: 14px;}
	.section-solution .section .badge{font-size: 13px; height:30px; line-height: 30px; padding:0 14px;}

	.section-products{padding:90px 0;}
	.section-products .shape{top:20px;}
	.section-products .main-product-slider .swiper-slide{width:74vw;}
	.section-products .section-pin{padding-top: 30px;}
	.section-products .main-product-slider .block{padding:20px;}
	.section-products .main-product-slider .title{font-size: 24px; margin:4px 0 10px;}
	.section-products .main-product-slider .text{font-size: 14px;}
	.section-products .main-product-slider .chip{font-size: 14px;}
	.section-products .main-product-slider .more .icon{width: 50px; height: 50px; margin-bottom: 10px;}

	.section-social .main-social{padding:70px 0 0;}
	.section-social .section-social-wrap{padding-left: 15px; padding-right: 15px;}
	.tb_hc_post_wrapper{padding:5% !important;}
	.section-social .list{margin-top: 30px;}
	.section-social{padding:0 0 70px;}
	.section-social .social-link .icon{width: 24px; height: 24px;}
	.section-social .social-sns li + li{margin-left: 14px;}
    .section-social .tb_hc_arrow { width: 40px; height: 40px; }
    .section-social .tb_hc_arrow::after { font-size: 16px; }
    .section-social .tb_hc_fixed_height .tb_hc_arrow,
    .section-social .tb_hc_fixed_height_te .tb_hc_arrow { top: calc(50% - 20px); }
    .section-social .tb_hc_arrow_left__ { left: calc(5% - 15px); }
    .section-social .tb_hc_arrow_right__ { right: calc(5% - 15px); }


	.section-contact .list .contents{    width: calc(100% - 60px);}
	.section-contact .list .item{width:100%; padding:5px 10px;} 
	.section-contact .list .block{padding: 36px ;  }
	.section-contact .list .side{max-width:60px;}
	.section-contact .list .side img{margin-left:0;}
	.section-contact .list .title{font-size: 20px;}
	.section-contact .list .title .icon{margin-top: 3px;}
	.section-contact .list .text{margin-top: 10px;}
	.section-contact .list .text br{display:none;}

	.section-contact{padding-bottom: 100px;}
}
@media screen and (max-width: 500px) {
	:lang(en) .main-popup.multiple-popup .popup-link-wrap .first_link {
		bottom: 10.9vw;
		height: 7.4vw;
	}
	:lang(en) .main-popup.multiple-popup .popup-link-wrap .second_link {
		height: 6.7vw;
	}
    .section-social .tb_hc_arrow_left__ { left: 5%; }
    .section-social .tb_hc_arrow_right__ { right: 5%; }
}