/* common : renew-main-container */
.renew-main-container *{box-sizing:border-box;}
.renew-main-container {line-height:1.5; overflow-x:hidden;}
.renew-main-container button{background:transparent; cursor:pointer;}
.renew-main-container {margin-top:-72px;}
.renew-main-container .inner{padding:0 32px; max-width:1264px; margin:0 auto;}


/* common : keyframes */
@keyframes moveGradient {
    0%   { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

@keyframes jump {
    0%{transform:translateY(0);}
    50%{transform:translateY(-10%);}
    100%{transform:translateY(0%);}
}

@keyframes jump2 {
    0%{transform:translateY(0);}
    50%{transform:translateY(-5%);}
    100%{transform:translateY(0%);}
}

@keyframes shadow {
    0%{transform:scale(1);}
    50%{transform:scale(0.7);}
    100%{transform:scale(1);}
}

@keyframes beat {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

/* common : ui */
.common-sec-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:32px;}
.common-sec-header .sec-title{font-size:26px; color:#fe5e01; font-weight:600; letter-spacing: -0.01em; font-family:'Pretendard Variable', sans-serif; margin:0;}
.common-button{display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; height:48px; border-radius:4px; background:#282828; color:#fff; font-size:15px; font-weight:500; transition:background 0.3s;}

.slide-buttons{display:flex; align-items:center; gap:10px; flex-shrink:0; position:relative; z-index:1;}
.slide-buttons:before{content:""; display:block; width:80px; height:100%; position:absolute; left:-80px; top:0; z-index:1; background: linear-gradient(90deg,rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 100%); pointer-events:none;}
.slide-buttons.no-mask:before{display:none;}
.slide-buttons .arrow{width:38px; height:38px; border-radius: 50%; border:1px solid #ddd; background:#fff; display:flex; align-items:center; justify-content:center; transition:all 0.3s; position:relative; z-index:1;}
.slide-buttons .arrow img{width:100%; height:100%;}
.slide-list-header {display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2;}
.slide-container{min-width:0; width:calc(100% - 86px)}
.slide-container .swiper-slide{width:auto;}
.slide-container .swiper-slide .list-button{font-size:18px; color:#727272; font-family:'Pretendard Variable', sans-serif; transition:all 0.3s;}
.slide-container .list-button.active{color:#000; font-weight:500;}
.slide-container .fake{width:50px;}
.slide-list-container .slide-title{font-size:24px; font-weight:500; color:#000; margin-bottom:20px;}
.slide-list-container .slide-desc{font-size:18px; color:#666; font-weight:400; margin-bottom:30px; word-break: keep-all; overflow-wrap:anywhere}

/* sec-01 : main slide */
.sec-01{height:628px; position:relative; z-index:1;}
.sec-01 .slide-content{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; pointer-events:none; padding-top:100px;}
.sec-01 .progress-bar{width:220px; height:1px; background:#fff; margin:38px 0}
.sec-01 .progress-bar .indicator{display:block; width:0; height:100%; background:#FE5E01;}
.sec-01 .swiper-container{height:100%; background:#eee;}
.sec-01 .swiper-slide{height:100%;}
.sec-01 .swiper-slide .slide-img{display:block; width:100%; height:100%; position:relative;  background:#eee;}
.sec-01 .swiper-slide .slide-img img{width:auto; height:628px; position:absolute; left:50%; transform:translateX(-50%);}

.sec-01 .slide-info{margin-bottom:32px;}
.sec-01 .type{display: inline-flex; padding: 5px 11px; margin-bottom:14px; height:26px; line-height:1; justify-content: center; align-items: center; gap: 10px; border-radius:9999px; background:#FE5E01; color:#fff; font-size:13px; font-weight:500;}
.sec-01 .title{color:#000; font-size:40px; line-height:1.2; letter-spacing: -1.2px;}
.sec-01 .sub-title{font-size:18px; color:#5f5f5f; font-weight:500; margin-bottom:16px; display:flex; align-items:center; gap:8px;}
.sec-01 .sub-title .point{color:#FE5E01; font-weight:600; letter-spacing: -0.54px;}
.sec-01 .desc{color:#444; font-size:18px; line-height:1.4; letter-spacing: -0.18px;}
.sec-01 .control{pointer-events:auto; display:flex; align-items:center; gap:10px; margin-left:-4px;}
.sec-01 .control .pager{display:flex; align-items:center;}
.sec-01 .control .swiper-pagination-bullet{width:28px; height:28px; background:none; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:background-color 0.3s; opacity:1;}
.sec-01 .control .swiper-pagination-bullet:not(:first-child){margin-left:-4px;}
.sec-01 .control .swiper-pagination-bullet:before{content:''; display:block; width:8px; height:8px; background:#000; border-radius:50%; opacity:0.14;}
.sec-01 .control .swiper-pagination-bullet-active:before{opacity:1;}
.sec-01 .control .autoplay{display:flex; align-items:center; margin-left:-4px;}
.sec-01 .control .autoplay-button{width:20px; height:20px; border-radius:4px; transition:background-color 0.3s; position:relative;}
.sec-01 .control .autoplay-button.stop:before{content:''; display:block; width:2px; height:10px; border-left:3px solid #000; border-right:3px solid #000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec-01 .control .autoplay-button.play:after{content:''; display:block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.sec-01 .slide-info[data-slide-color="white"] .title,
.sec-01 .slide-info[data-slide-color="white"] .sub-title,
.sec-01 .slide-info[data-slide-color="white"] .desc{
    color:#fff;
}

/* sec-02 : quick menu */
.sec-02 {position:relative; z-index:2; margin-top:-50px; margin-bottom:120px;}
.sec-02 .quick-grid{display:flex; gap:26px; align-items:stretch; height:312px; position:relative;}
.sec-02 .finder-area{width:30%;}
.sec-02 .finder{height:100%; border-radius:8px; background:#d9d9d9 linear-gradient(180deg, rgba(0,0,0,0.82) 0%, #000 100%); overflow:hidden; position:relative; z-index:1;}
.sec-02 .finder .finder-content{padding:32px; color:#fff;}
.sec-02 .finder .finder-title{font-size:20px; font-weight:400; letter-spacing:0; color:#fff; margin-bottom:4px;}
.sec-02 .finder .finder-desc{font-size:16px; color:#999; letter-spacing:-0.1em;margin-bottom:24px;}
.sec-02 .finder .finder-btn{display:block; width:32px; height:32px; border-radius:50%; background:#fe5e01; position:relative; transition:all 0.3s; border:2px solid transparent}
.sec-02 .finder .finder-btn.active{transform:rotate(45deg); background:rgba(255,255,255,0.1);}
.sec-02 .finder .finder-btn:after{content:""; display:block; width:12px; height:2px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec-02 .finder .finder-btn:before{content:""; display:block; width:2px; height:12px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec-02 .finder .finder-img{position:absolute; left:24%; bottom:-24%; width:270px; z-index:1; }
.sec-02 .finder .finder-img:before{content:''; display:block; padding-bottom:100%; width:100%; height:0;}
.sec-02 .finder .finder-img img{width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
.sec-02 .finder .finder-switch{position:absolute; left:32px; bottom:32px; display:flex; align-items:center; gap:10px; padding:6px 14px 6px 12px; height:32px; border-radius:9999px; color:#fff; font-family:'Pretendard Variable', sans-serif; font-size:14px; font-size:14px; font-weight:500; letter-spacing: 0.01em; background:rgba(255,255,255,0.06); backdrop-filter:blur(15px); z-index:2; transition:all 0.2s;}
.sec-02 .finder .finder-switch img{width:12px; height:12px;}
.sec-02 .finder .finder-switch:after{content: ""; position: absolute; inset: 0; border-radius: 9999px; padding: 2px;background: linear-gradient(120deg,rgba(254, 94, 1, 1) 0%, rgba(255, 200, 61, 1) 24%, rgba(255, 95, 0, 1) 73%, rgba(255, 137, 24, 1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity:0.62; transition:opacity 0.3s; background-size: 200% 200%; background-position: 0% 50%;}
.sec-02 .service-area{display:flex; align-items:stretch; gap:10px; flex:1; width:calc(70% - 26px)}
.sec-02 .service-area .service-column{flex:1; display:flex; flex-direction:column; gap:10px; justify-content:stretch}
.sec-02 .service-item:not(.short){flex:1}
.sec-02 .service-item a{display:flex; height:100%; background:#f7f7f7; border-radius:8px; overflow:hidden; position:relative; border:1px solid transparent; transition:transform 0.3s, box-shadow 0.3s, border-color 0.3s;}
.sec-02 .service-item .service-content{padding:32px; z-index:2; position:relative; position:relative; max-width:calc(100% - 100px);}
.sec-02 .service-item .service-title{font-size:20px; font-weight:500; color:#000;}
.sec-02 .service-item .service-desc{font-size:16px; color:#888; line-height:1.3; margin-top:3px;}
.sec-02 .service-icon:after{content:""; display:block; width:40%; height:12%; background:rgba(0,0,0,0.1); border-radius:50%; position:absolute; bottom:-10px; left:50%; margin-left:-20%; opacity:0; transition:opacity 0.3s;}
.sec-02 .service-item.short .service-content{display:flex; flex-direction:column; justify-content:center; height:100%; padding-top:0; padding-bottom:0; }
.sec-02 .service-item.short{height:114px;}
.sec-02 .service-item.long{flex:1;}
.sec-02 .service-item .service-icon{position:absolute; right:32px; bottom:32px; z-index:2;}
.sec-02 .ask .service-icon{width:84px; height:70px;}
.sec-02 .ask .service-icon .icon{width:100%; height:100%;}
.sec-02 .ask .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .ask.short .service-icon{bottom:20px;}
.sec-02 .kakao .service-icon{width:63px; height:55px; right:35px;}
.sec-02 .kakao .service-icon .icon{width:100%; height:100%;}
.sec-02 .kakao .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .whatsapp .service-icon{width:50px; height:50px; right:40px;}
.sec-02 .whatsapp .service-icon .icon{width:100%; height:100%;}
.sec-02 .whatsapp .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .livechat .service-icon{width:50px; height:50px; right:40px;}
.sec-02 .livechat .service-icon .icon{width:100%; height:100%;}
.sec-02 .livechat .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .edu .service-icon{width:50px; height:50px;}
.sec-02 .download.short .service-icon{bottom:20px; left:196px;}
.sec-02 .download .service-icon{height:72px; display:flex; align-items:center; gap:12px; left:106px; right:auto;}
.sec-02 .download .service-icon .icon-part{width:72px; height:72px;}
.sec-02 .distributor .service-icon{width:50px; height:50px; right:40px;}
.sec-02 .distributor .service-icon .icon{width:100%; height:100%;}
.sec-02 .distributor .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .about .service-icon{width:auto; height:50px; right:40px;}
.sec-02 .about .service-icon .icon{width:auto; height:100%;}
.sec-02 .about .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .scada .service-icon{width:84px; height:72px; right:32px;}
.sec-02 .scada .service-icon .icon{width:100%; height:100%;}
.sec-02 .scada .service-icon .point{position:absolute; top:0; left:0;}
.sec-02 .scada .service-icon:after{left:72%}
.sec-02 .scada.short .service-icon{bottom:20px;}

/* finder */
.sec-02 .model-finder-contensBox{position:absolute; bottom:calc(100% + 30px); top:auto; line-height:1.2}
.sec-02 .model-finder-tab{box-shadow:0 10px 20px rgba(0,0,0,0.2); -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2); border-radius:0 0 8px 8px; overflow:hidden;}
.model-finder-tab li .tab-contents .srarch-btn{bottom:64px; top:auto; transform:none;}
.model-finder-tab li .tab-contents .form1{max-width:160px;}
.model-finder-tab li:nth-child(1) .model-finder-tab-btn{border-radius:8px 0 0 0;}
.model-finder-tab li:nth-child(2) .model-finder-tab-btn{border-radius:0 8px 0 0;}

.sec-03 {margin-bottom:120px;}
.sec-03 .more-buttn{display:flex; align-items:center; gap:10px; color:#525252; font-size:15px; font-weight:500;}
.sec-03 .more-buttn .icon{width:24px; height:24px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f7f7f7; transition:background 0.3s;}
.sec-03 .more-buttn .icon img{width:100%; height:100%;}
.sec-03 .latest-list{display:flex; gap:12px;}
.sec-03 .latest-list > li {width:calc(25% - 9px);}
.sec-03 .latest-list .latest-item{display:block; background:#f7f7f7; border-radius:16px; overflow:hidden; border:1px solid transparent; transition:all 0.3s;}
.sec-03 .latest-list .latest-item.placehold{height:100%; background:#f7f7f7 url('/web/main_renewal/img/main_25/logo_placehold.svg') no-repeat center center;}
.sec-03 .latest-list .empty-item.swiper-slide{height:auto;}
.sec-03 .latest-list .latest-item-content{padding:30px;}
.sec-03 .latest-list .item-type{font-size:14px; color:#fe5e01; font-weight:500; margin-bottom:12px;}
.sec-03 .latest-list .item-title{min-height:2.8em; font-size:20px; font-weight:500; line-height:1.4; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:12px;}
.sec-03 .latest-list .item-date{font-size:14px; font-weight:500; color:#888;}
.sec-03 .latest-list .latest-item-img{overflow:hidden; position:relative;}
.sec-03 .latest-list .latest-item-img:before{content:''; display:block; padding-bottom:60.4%; width:100%; height:0;}
.sec-03 .latest-list .latest-item-img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform 0.3s;}

.sec-04{background:#fbfbfb; padding:60px 0; margin-bottom:120px;}
.sec-04 .common-sec-header{margin-bottom:20px}
.sec-04 .slide-content{position:relative;}
.sec-04 .slide-content .inner{display:flex; justify-content:flex-end;}
.sec-04 .slide-img{width:1920px; height:auto; position:absolute; right:50%; transform:translateX(50%); top:0; z-index:1;}
.sec-04 .slide-info{width:50%; padding:70px 0 70px 100px; position:relative; z-index:2; min-height:382px;}

.sec-05{margin-bottom:120px;}
.sec-05 .common-sec-header .sec-title{color:#000; padding-right:2em;}
.sec-05 .swiper-container{overflow:visible; margin-bottom:80px;}
.sec-05 .product-item{display:block; opacity:0; transform:translateY(40px); transition:transform 0.8s, opacity 0.8s;}
.sec-05.reveal .product-item{transform:translateY(0); opacity:1;}
.sec-05 .product-item .item-img{position:relative; background:#f7f7f7; border-radius:8px; overflow:hidden; margin-bottom:30px; border:1px solid transparent; transition:all 0.3s;}
.sec-05 .product-item .item-img:before{content:''; display:block; padding-bottom:100%; width:100%; height:0;}
.sec-05 .product-item .item-img img{width:69%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:transform 0.3s;}
.sec-05 .product-item .item-title{font-size:20px; font-weight:500; color:#000; margin-bottom:5px; line-height:1.24}
.sec-05 .product-item .item-series{font-size:16px; color:#fe5e01; font-weight:500;}
.sec-05 .progress-bar{width:100%; height:2px; background:#eee; margin:0 auto; max-width:594px; position:relative;}
.sec-05 .progress-bar .swiper-pagination-progressbar-fill{background:#000;}

.sec-06{background:#fbfbfb; padding:60px 0 140px;}
.sec-06 .common-sec-header{margin-bottom:20px}
.sec-06 .slide-content .inner{display:flex; padding-top:52px;}
.sec-06 .slide-content .slide-info{width:50%; padding:20px 80px 20px 0;}
.sec-06 .slide-content .slide-info .slide-desc{overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sec-06 .slide-content .slide-img-frame{width:50%; height:345px; overflow:hidden; border-radius:6px;}
.sec-06 .slide-content .slide-img-frame .slide-img{width:100%; height:100%; object-fit:cover;}

.sec .slide-list-container .slide-info, .sec .slide-list-container .slide-img{user-select:none; pointer-events:none;}
.sec .slide-list-container .slide-info .common-button{user-select:auto; pointer-events:auto;}

@media screen and (min-width:1921px){
    .sec-01 .swiper-slide .slide-img:after{content:""; display:block; width:180px; height:100%; background:linear-gradient(90deg,rgba(238, 238, 238,0), rgba(238, 238, 238,1)); transform: translateX(782px); position:absolute; top:0; left:50%; z-index:1;}
    .sec-01 .swiper-slide .slide-img:before{content:""; display:block; width:180px; height:100%; background:linear-gradient(270deg,rgba(238, 238, 238,0), rgba(238, 238, 238,1)); transform: translateX(-782px); position:absolute; top:0; right:50%; z-index:1;}
}

@media screen and (min-width:1201px) {        
    .slide-buttons .arrow:hover{border-color:#888; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
    .common-button:hover{background:#fe5e01; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
    .slide-list-header .slide-container .list-button:hover{color:#555; font-weight:500;}

    .sec-01 .control .swiper-pagination-bullet:hover{background:#ccc;}
    .sec-01 .control .autoplay-button:hover{background:#ccc;}
    
    .sec-02 .finder .finder-btn:not(.active):hover{background:rgba(255,255,255,0.1); transform:rotate(90deg); border-color:#fe5e01; animation: beat 1s infinite;}
    .sec-02 .finder .finder-switch:hover{transform:translateY(-2px); background:rgba(255,255,255,0.1);}
    .sec-02 .finder .finder-switch:hover:after{opacity:1; animation: moveGradient 3s linear infinite alternate;}
    .sec-02 .service-item:hover a{border-color:#ddd; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); transform:translateY(-5px);}
    .sec-02 .ask:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .ask:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
    .sec-02 .kakao:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .kakao:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
	.sec-02 .whatsapp:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .whatsapp:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
	.sec-02 .livechat:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .livechat:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
    .sec-02 .distributor:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .distributor:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
	.sec-02 .about:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .about:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
    .sec-02 .edu:hover .service-icon .icon{animation:jump 1s infinite;}
    .sec-02 .service-item:not(.download):hover .service-icon:after{opacity:1; animation:shadow 1s infinite; animation-delay:0.01s;}
    .sec-02 .download:hover .service-icon .icon-part:nth-child(1){animation:jump 1s infinite;}
    .sec-02 .download:hover .service-icon .icon-part:nth-child(2){animation:jump 1s infinite; animation-delay:0.1s;}
    .sec-02 .download:hover .service-icon .icon-part:nth-child(3){animation:jump 1s infinite; animation-delay:0.2s;}
    .sec-02 .download:hover .service-icon .icon-part:nth-child(4){animation:jump 1s infinite; animation-delay:0.3s;}
    .sec-02 .scada:hover .service-icon .icon{animation:jump2 1s infinite;}
    .sec-02 .scada:hover .service-icon .point{animation:jump 1s infinite; animation-delay:0.1s;}
    .sec-02 .edu2:hover .service-icon .icon{animation:jump 1s infinite;}
    
    .sec-03 .more-buttn:hover .icon{background:#222;}
    .sec-03 .more-buttn:hover .icon img{filter:brightness(0) invert(1);}
    .sec-03 .latest-list > li:hover .latest-item{border-color:#ddd; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); transform:translateY(-10px);}
    .sec-03 .latest-list > li:hover .latest-item img{transform:scale(1.05);}

    .sec-05 .product-item:hover .item-img{border-color:#ddd; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); transform:translateY(-10px);}
    .sec-05 .product-item:hover .item-img img{transform:scale(1.05) translate(-50%, -50%);}
}

@media screen and (max-width:1200px) {
    .renew-main-container{overflow-x:hidden;}
    .model-finder-tab li .tab-contents .srarch-btn{bottom:52px;}

    .sec-02 .quick-grid{gap:16px;}
    .sec-02 .service-area{width:calc(100% - 16px)}

    .sec-03 .swiper-container{overflow:visible;}
    .sec-03 .latest-list {gap:0;}
    .sec-03 .latest-list > li{width:33vw; flex-shrink:0;}

    .sec-04 .slide-img-frame{max-width:800px; margin:0 auto;}
    .sec-04 .slide-img{position:relative; right:auto; left:-43%; top:auto; width:280%; transform:translateX(0%);}
    .sec-04 .slide-info{width:100%; min-height:0; padding:20px; text-align:center; max-width:640px; margin:0 auto;}

    .sec-06 .slide-content .inner{flex-direction:column; align-items:center; flex-direction:column-reverse; gap:20px; padding-top:20px;}
    .sec-06 .slide-content .slide-img-frame{width:100%; max-width:640px; height:auto; margin-top:30px;}
    .sec-06 .slide-content .slide-info{width:100%; padding:20px 20px 80px; text-align:center; max-width:640px; margin:0 auto;}

}

@media screen and (max-width:1024px) {

    .sec-01{height:auto; background:#eee;}
    .sec-01 .title{font-size:clamp(22px, 4.8vw, 28px); margin-bottom:0.6em}
    .sec-01 .sub-title{font-size:clamp(14px, 3.9vw, 16px); margin-bottom:0.6em;}
    .sec-01 .desc{font-size:clamp(14px, 3.9vw, 16px);}
    .sec-01 .slide-content{text-align:center; padding-top:340px; padding-bottom:80px;}
    .sec-01 .slide-info{margin-bottom:24px;}
    .sec-01 .progress-bar{display:none;}
    .sec-01 .sub-title{justify-content:center;}
    .sec-01 .control{justify-content:center; background:rgba(255,255,255,0.7); padding:10px; border-radius:9999px; display:inline-flex; margin:0 auto;}
    .sec-01 .control .swiper-pagination-bullet{width:20px; height:20px;}
    .sec-01 .control .swiper-pagination-bullet:not(:first-child){margin-left:0;}
    .sec-01 .swiper-slide .slide-img picture{height:375px; display:block;}
    .sec-01 .swiper-slide .slide-img img{position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%);}
	
	.sec-01 .swiper-slide{background:transparent;}
	.sec-01 .slide-content{position:relative; top:auto; left:auto; height:auto; background:transparent;}
	.sec-01 .swiper-container{position:absolute; top:0; left:0; width:100%;}
	.sec-01 .sub-title{flex-wrap:wrap; gap:2px 8px;}
	.sec-01 .sub-title .point{white-space:nowrap}

    .sec-01 .slide-info[data-slide-color="white"] .title{color:#000;}
    .sec-01 .slide-info[data-slide-color="white"] .sub-title{color:#5f5f5f;}
    .sec-01 .slide-info[data-slide-color="white"] .desc{color:#444;}

    .sec-02{margin-top:-40px;}
    .sec-02 .quick-grid{flex-direction:column; height:auto; gap:20px;}
    .sec-02 .finder{height:200px; position:relative;}
    .sec-02 .finder-area{width:100%; }
    .sec-02 .finder .finder-img{left:auto; right:0; bottom:-40%;}
    .sec-02 .finder .finder-btn{position:absolute; left:32px; bottom:32px; z-index:11;}
    .sec-02 .finder .finder-switch{left:74px}
    .sec-02 .model-finder-contensBox{position:relative; top:auto; bottom:auto; margin:10px 0 20px;}
    .model-finder-tab li .model-finder-tab-btn{display:none;}
    .sec-02 .model-finder-closedBtn{display:none;}
    .sec-02 .service-area{width:100%;}
    .sec-02 .service-item:not(.long) .service-icon{bottom:50%; transform:translateY(50%);}
    .sec-02 .service-item.long{flex:0 0 200px;}
    .sec-02 .single .service-item.long{flex:1;}
    .model-finder-tab{border-radius:8px; overflow:hidden;}
    .model-finder-tab li .tab-contents .tit-box{text-align:center;}
    .model-finder-tab li .tab-contents .tit-box .b-tit{display:none;}
    .model-finder-tab li .tab-contents .tit-box .s-txt{text-align:center; width:100%; margin:0 auto; max-width:80%}
    .model-finder-tab li .tab-contents .tit-box.ty02{padding:0;}
    .model-finder-tab li .tab-contents .form-box{width:100%;}
    .model-finder-tab li .tab-contents .form1{max-width:100%; margin:0 0 20px 0}
    .model-finder-tab li .tab-contents .form{margin:0 0 20px 0;}
    .model-finder-tab li .tab-contents .form .form-label{display:flex; margin:0 0 10px 0;}
    .model-finder-tab li .tab-contents .form .form-control{height:40px;}
    .model-finder-tab li .tab-contents .srarch-btn{position:relative; right:auto; top:auto; bottom:auto; transform:none; width:100%;}
    .model-finder-tab li .tab-contents .moter-selection-list{display:flex; flex-direction:column; gap:10px;}
    .model-finder-tab li .tab-contents .moter-selection-list li{width:100%; margin:0;}
}

@media screen and (max-width:768px) {
    .renew-main-container .inner{padding:0 20px;}

    .common-sec-header{margin-bottom:20px;}
    .common-sec-header .sec-title{font-size:20px;}
    .common-button{height:40px; padding:10px 20px;}
    .slide-container{width:calc(100% - 70px)}
    .slide-container .swiper-slide .list-button{font-size:16px;}
    .slide-list-container .slide-title{font-size:20px;}
    .slide-list-container .slide-desc{font-size:16px;}
    .slide-buttons{gap:4px;}
    .slide-buttons .arrow{width:30px; height:30px;}

    .sec-01 .control .swiper-pagination-bullet{width:20px; height:20px;}
    .sec-01 .control .swiper-pagination-bullet:not(:first-child){margin-left:0;}
    .sec-01 .control .autoplay{margin-left:0;}

    .sec-02{margin-bottom:60px; margin-top:-30px}
    .sec-02 .finder .finder-title{font-size:18px;}
    .sec-02 .finder .finder-desc{font-size:14px;}
    .sec-02 .finder .finder-img{bottom:-40%;}
    .sec-02 .service-area{flex-direction:column; gap:6px;}    
    .sec-02 .service-area .service-column{gap:6px;}
    .sec-02 .service-item.long{flex:none;}
    .sec-02 .service-item.ask .service-icon{right:20px;}
    .sec-02 .service-item.kakao .service-icon{right:24px;}
	  .sec-02 .service-item.whatsapp .service-icon{right:30px;}
	  .sec-02 .service-item.livechat .service-icon{right:30px;}
    .sec-02 .service-item.distributor .service-icon{right:30px;}
	  .sec-02 .service-item.about .service-icon{right:30px;}
    .sec-02 .service-item.edu .service-icon{right:32px;}
    .sec-02 .service-item.ask .service-icon{bottom:50%; transform:translateY(50%); right:20px;}
    .sec-02 .service-item.edu2 .service-icon{bottom:50%; transform:translateY(50%); right:32px;}
    .sec-02 .service-item:not(.download) .service-icon img{transform:scale(0.8); transform-origin:right center;}
    .sec-02 .download .service-icon{left:auto !important; right:-80px; bottom:50% !important; top:auto !important; transform:translateY(50%); gap:4px;}
    .sec-02 .download .service-icon .icon-part{width:50px; height:50px;}
    .sec-02 .scada .service-icon{bottom:50%; transform:translateY(50%)}
    .sec-02 .service-item.short{height:auto;}
    .sec-02 .service-item .service-content{padding:24px !important;}
    .sec-02 .service-item .service-title{font-size:16px;}
    .sec-02 .service-item .service-desc{font-size:14px;}

    .sec-03{margin-bottom:60px;}
    .sec-03 .latest-list > li{width:50vw; min-width:240px; flex-shrink:0;}
    .sec-03 .latest-list .item-title{font-size:18px;}

    .sec-04{padding:30px 0; margin-bottom:60px;}

    .sec-05{margin-bottom:60px;}
    .sec-05 .common-sec-header{margin-bottom:24px;} /* 보정 */
    .sec-05 .swiper-container{margin-bottom:40px;}
    .sec-05 .product-item .item-title{font-size:18px;}
    .sec-05 .product-item .item-series{font-size:14px;}

    .sec-06{padding:30px 0;}
}

@media screen and (max-width:500px){
    .renew-main-container .inner{padding:0 14px;}
	
    .sec-02{margin-top:-40px;}
    .sec-02 .finder{height:180px;}
    .sec-02 .finder .finder-content{padding:24px 32px;}
    .sec-02 .finder .finder-btn,
    .sec-02 .finder .finder-switch{bottom:24px;}
    .sec-02 .finder .finder-img{width:50vw; bottom:-16vw; right:-10%; opacity:0.8;}   
}