@charset "utf-8";

.res{display:none;}

@media screen and (max-width:1400px){
.box0{padding:0 var(--sp-40);}
#header .top_wrap .inner .logo .in img{ height: 35px;}
.section_product .product_card{min-height:330px;padding:var(--sp-32);}
.section_product .product_image{right:var(--sp-24);width:48%;}
.section_business .business_vod{ display: none;}
.section_business .business_info{padding:var(--sp-28);}
.pageLayout{gap:var(--sp-64);}
.pageLayout .pageNav{flex:0 0 18rem;width:18rem;min-width:18rem;}
.accessoryList .accessoryItem{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);}
}

@media screen and (max-width:1280px){
body{font-size:15px;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li{padding:0 var(--sp-20);}
#header .top_wrap .gnb_wrap{display:none !important;}
.section_product .product_grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.section_business .business_list{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(15,4.5rem);}
.section_business .business_item:nth-child(1){grid-column:1/4;grid-row:1/6;}
.section_business .business_item:nth-child(2){grid-column:4/7;grid-row:1/6;}
.section_business .business_item:nth-child(3){grid-column:1/4;grid-row:6/11;}
.section_business .business_item:nth-child(4){grid-column:4/7;grid-row:6/11;}
.section_business .business_item:nth-child(5){grid-column:1/4;grid-row:11/16;}
.section_business .business_item:nth-child(6){grid-column:4/7;grid-row:11/16;}
.software_wrap .software_list{grid-template-columns:repeat(2,minmax(0,1fr));}
.pageLayout{gap:var(--sp-48);}
.pageLayout .pageNav{flex:0 0 17rem;width:17rem;min-width:17rem;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a{padding:0 var(--sp-20);}
.featureFlow .featureFlow_item .featureFlow_con{padding:var(--sp-48);}
.accessoryList .accessoryItem .img{min-height:28rem;}

.tabBtn { display:flex; width:100%; max-width:100%; padding:.4rem .4rem .7rem; overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--g-111) #ddd; }
.tabBtn.wAu { width:auto; max-width:100%; }
.tabBtn > li { flex:1 0 7.5rem; min-width:7.5rem; }

.tabBtn::-webkit-scrollbar { display:block; height:.3rem; }
.tabBtn::-webkit-scrollbar-track { background:#ddd; border-radius:1rem; }
.tabBtn::-webkit-scrollbar-thumb { background:var(--g-111); border-radius:1rem; }

}

@media screen and (max-width:1024px){
.res.w1024{display:block;}
body{font-size:14px;}
.box0{padding:0 var(--sp-24);}
#header .top_wrap .inner .logo .in img{height:42px;}
#header .allBtn{ width: 2.75rem;}
html.allOn #header .all_wrap .all .gnb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-40);margin-top:10rem;}
html.allOn #header .all_wrap .all .gnb > li{padding:0 var(--sp-16);}
html.allOn #header .all_wrap .all .gnb > li .dp1{min-height:auto;margin-bottom:var(--sp-24);}
html.allOn #header .all_wrap .all .gnb > li .dp1 .tt{font-size:var(--fs-24);}
.visualSlider_wrap .slogan{bottom:var(--sp-64);}
.section_overview{height:300vh;}
.section_overview .overview_area .imgWrap{clip-path:inset(15% 5% 0);}
.section_product .product_bg_txt{top:0;font-size:24vw;}
.section_product .product_card{min-height:300px;}
.section_business .business_head{align-items:flex-start;flex-direction:column;gap:var(--sp-24);}
.section_business .business_desc{flex-shrink:1;}
.section_inquiry .inquiry_inner{gap:var(--sp-40);}
#footer .footer_content{gap:var(--sp-40);}
#contents .sub_top_wrap{height:52vh;}
#contents .sub_top_wrap .subTab{overflow:hidden; display: none;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2{width:94%;max-width:none;overflow-x:auto;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li{flex:0 0 auto;min-width:12rem;}
#contents .sub_top_wrap .sub_tit_wrap{padding:var(--sp-64) 0;}
#contents .sub_top_wrap .subTit .t1{ font-size: var(--sp-48);}
.reser-wrapper{flex-direction:column;gap:var(--sp-48);}
.reser-wrapper .leftTxt{position:relative;top:auto;align-self:auto;flex:0 0 auto;width:100%;}
.software_wrap .software_list{grid-template-columns:repeat(2,minmax(0,1fr));}
.pageLayout{flex-direction:column;gap:var(--sp-64);}
.pageLayout .pageNav{position:relative;top:0;z-index:20;flex:none;width:100%;min-width:0;background:var(--g-fff);}
.pageLayout .pageNav .slide-tab{padding:var(--sp-8) 0;}
.pageLayout .pageNav .slide-tab > span{display:none;}
.pageLayout .pageNav .slide-tab .pageNav_list{flex-direction:row;overflow-x:auto;}
.pageLayout .pageNav .slide-tab .pageNav_list > li{flex:0 0 auto;width:auto;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a{min-width:9rem;min-height:3.5rem;padding:0 var(--sp-20);}
.pageLayout .pageNav .pageNav_actions{flex-direction:row;margin-top:var(--sp-8);padding:0;}
.pageLayout .pageNav .pageNav_actions .btn{min-height:3.5rem;}
.pageLayout .pageWrapper{width:100%;}
.pageLayout .pageWrapper .pageCon{scroll-margin-top:calc(var(--headH) + 9rem);}
.featureFlow .featureFlow_item{min-height:22rem;}
.featureFlow .featureFlow_item .featureFlow_con{padding:var(--sp-40);}
.imgGrid.col4{grid-template-columns:repeat(2,minmax(0,1fr));}
.pointIconGrid{flex-wrap:wrap;}
.pointIconGrid .pointIcon_item{flex:0 0 50%;}
.pointIconGrid .pointIcon_item:nth-child(2n){border-right:0;}
.pointIconGrid .pointIcon_img{min-height:12rem;padding:var(--sp-24);}
.accessoryList .accessoryItem{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);}
.accessoryList .accessoryItem .img{min-height:24rem;}
.accessoryList .accessoryItem .con{padding:var(--sp-32);}
.specTable{overflow-x:auto;}
.specTable table{min-width:720px;}
.board_gallery > li{ width: calc((100% - (var(--sp-28) * 1)) / 2);}
}

@media screen and (max-width:768px){
body{font-size:13px;}
.box0{padding:0 var(--sp-20);}
.box1,.box2,.boxSub,.boxPro{max-width:92%;}
html.allOn #header .all_wrap .all .gnb{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-40) var(--sp-24);margin-top:8rem;padding-bottom:var(--sp-64);}
html.allOn #header .all_wrap .all .gnb > li .dp1 .tt{font-size:var(--fs-22);}
html.allOn #header .all_wrap .all .gnb > li .dp2{gap:var(--sp-12);}
html.allOn #header .all_wrap .all .gnb > li .dp2 > li > a .tt{font-size:var(--fs-15);}

#header .allBtn{ margin-left: 1rem;}
.quick-menu{bottom:90px;}
.quick-item{height:46px;margin-bottom:var(--sp-8);padding:0 var(--sp-14);}
.quick_wrap.goTop .in{width:4rem;height:4rem;}
.main_box{padding:var(--sp-80) 0;}
.visualSlider_wrap .slogan{bottom:var(--sp-48);}
.visualSlider_wrap .slogan .wrap_in{gap:var(--sp-8);}
.visualSlider_wrap .slogan .button-wrap .cm-btn{width:10rem;}
.cm-btn .btn-txt{ font-size: .915rem;}
.section_tit .title{ font-size: var(--fs-40);}
.section_tit .desc{ font-size: var(--fs-20);}
#scrollAni{display:none;}
.section_overview{height:220vh;}
.section_overview .overview_area .imgWrap{clip-path:inset(10% 4% 0);}
.section_overview .overview_area .over-wrap{padding:0 var(--sp-24);box-sizing:border-box;}
.section_overview .overview_area .over-wrap .tt br{display:none;}
.section_product .product_grid{grid-template-columns:1fr;gap:var(--sp-16);margin-top:var(--sp-48);}
.section_product .product_card{min-height:280px;}
.section_product .product_bg_txt{font-size:30vw;}
.section_business .business_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:var(--sp-16);margin-top:var(--sp-48);}
.section_business .business_item:nth-child(n){grid-column:auto;grid-row:auto;min-height:18rem;}
.section_business .business_info{padding:var(--sp-24);}
.section_inquiry .inquiry_inner{align-items:flex-start;flex-direction:column;padding:var(--sp-80) 0;}
.section_inquiry .inquiry_btn{width:100%;min-width:0;}
#footer{padding:var(--sp-64) 0;}
#footer .footer_content{flex-direction:column-reverse;gap:var(--sp-40);margin-top:var(--sp-40);}
#footer .footer_menu{flex-direction:row;flex-wrap:wrap;}
#footer .site_wrap{max-width:13rem;}
#contents .sub_top_wrap{height:45vh;}
#contents .sub_top_wrap .subTit .wrapF{top:var(--sp-32);}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li{min-width:10rem;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a{height:4rem;padding:0 var(--sp-16);}
#contents .sub_tit_wrap{padding:var(--sp-48) 0;}
#contents .doc{padding:var(--sp-64) 0 var(--sp-96);}
.form_wrap .form{flex-direction:column;}
.form_wrap .form > li:not(.w100){width:100%;}
.form_wrap .form > li .inp_wrap .input_st:not(textarea){padding-left:8rem;}
.form_st.st1 > li.flex{display:block;}
.form_st.st1 > li.flex .in_tit{width:100%;height:auto;margin-bottom:var(--sp-8);}
.form_st.st1 > li.flex .in.w100{margin-left:0;}
.software_wrap .software_list{grid-template-columns:1fr;}
.software_wrap .software_item{padding:var(--sp-40) var(--sp-32);}
.pageLayout{gap:var(--sp-48);}
.pageLayout .pageNav .pageNav_actions{flex-direction:column;}
.pageLayout .pageWrapper .pageCon + .pageCon{margin-top:var(--sp-112);}
.pageLayout .pageWrapper .pageCon .pageCon_intro{margin-bottom:var(--sp-64);}
.pageLayout .pageWrapper .pageCon .pageCon_grid{grid-template-columns:1fr;}
.pageLayout .pageWrapper .pageCon .pageBlock + .pageBlock{margin-top:var(--sp-80);}
.section_tit{margin-bottom:var(--sp-48);}
.wideImg{height:22rem;border-radius:var(--rd-16);}
.wideSec{margin-bottom:var(--sp-80);}
.wideSec .infoSec{flex-direction:column;gap:var(--sp-24);margin-top:var(--sp-40);}
.wideSec .infoSec .section_tit{width:100%;}
.featureFlow .featureFlow_item{grid-template-columns:1fr;min-height:0;}
.featureFlow .featureFlow_item .featureFlow_img{height:22rem;max-height:none;}
.featureFlow .featureFlow_item .featureFlow_con{padding:var(--sp-32);}
.imgGrid.col2,.imgGrid.col3,.imgGrid.col4{grid-template-columns:repeat(2,minmax(0,1fr));}
.useCaseGrid{grid-template-columns:1fr;}
.useCaseGrid .useCaseCard .useCase_con{padding:var(--sp-28);}
.softwareCard{grid-template-columns:1fr;}
.softwareCard .softwareCard_item{min-height:18rem;padding:var(--sp-32);}
.pageBlock_info .info_list{grid-template-columns:1fr;}
.pointIconGrid .pointIcon_head{min-height:4rem;}
.pointIconGrid .pointIcon_img{min-height:10rem;}
.pointIconGrid .pointIcon_img img{width:8rem;height:8rem;}
.outputInfo{flex-direction:column;gap:var(--sp-8);}
.accessoryList{gap:var(--sp-24);margin-top:var(--sp-48);}
.accessoryList .accessoryItem{grid-template-columns:1fr;}
.accessoryList .accessoryItem .img{height:22rem;min-height:0;border-right:0;border-bottom:1px solid var(--g-e5);}
.accessoryList .accessoryItem .spec ul{grid-template-columns:1fr;}
.accessoryList .accessoryItem .con{padding:var(--sp-28);}
.pageBlock_info .info_list > li{ padding: 1rem;}
.featureFlow .featureFlow_item .featureFlow_con .tit{ font-size: var(--fs-28);}
}

@media screen and (max-width:468px){
body{font-size:13px;}
.box0{padding:0 var(--sp-16);}
.box1,.box2,.boxSub,.boxPro{max-width:90%;}
.main_tit .t3{ font-size: var(--fs-40);}
.main_tit .label{ font-size: var(--fs-14);}
#footer{ padding: var(--sp-48) 0;}
#footer .footer_info{ font-size: var(--fs-14);}
.cm-btn{padding: .615rem 1rem .815rem 1.5rem;}
#header .top_wrap .inner .logo .in img{height:25px;}
#header .trans_wrap .transW .trans_btn .etcTit,
#header .trans_wrap .transW .trans_btn > .xi{ font-size: var(--fs-14);}
.wideImg .tit,
#contents .sub_top_wrap .subTit .t1{ font-size: var(--fs-40);}
.quick-item span{ font-size: 12px;}
html.allOn #header .all_wrap .all .gnb{grid-template-columns:1fr;gap:var(--sp-32);margin-top:7rem;}
html.allOn #header .all_wrap .all .gnb > li{align-items:flex-start;text-align:left;}
html.allOn #header .all_wrap .all .gnb > li .dp1{justify-content:flex-start;margin-bottom:var(--sp-16);}
html.allOn #header .all_wrap .all .gnb > li .dp1 .va{justify-content:flex-start;}
html.allOn #header .all_wrap .all .gnb > li .dp2{align-items:flex-start;}
html.allOn #header .all_wrap .all .gnb > li .dp2 > li{justify-content:flex-start;}
.main_box{padding:var(--sp-64) 0;}
.visualSlider_wrap .slogan{bottom:var(--sp-32);}
.visualSlider_wrap .slogan .line{display:none;}
.visualSlider_wrap .slogan .t3{margin-bottom:var(--sp-14); font-size: var(--fs-22);}
.visualSlider_wrap .slogan .t1{ font-size: var(--fs-48);}
.section_overview{height:180vh;}
.section_overview .overview_area .imgWrap{clip-path:inset(6% 3% 0);}
.section_product .product_card{display:flex;flex-direction:column;min-height:26rem;padding:var(--sp-28);}
.section_product .product_image{right:var(--sp-16);bottom:-1rem;width:58%;}
.section_product .more_btn{width:44px;height:44px;margin-top:var(--sp-24);}
.section_business .business_list{grid-template-columns:1fr;}
.section_business .business_item:nth-child(n){min-height:17rem;}
.section_inquiry .inquiry_inner{padding:var(--sp-64) 0;}
.section_product .product_image img{ max-height: 300px;}
.section_inquiry .inquiry_btn{ padding: .5rem 1.5rem; min-height: 3rem; font-size: var(--fs-14);}
.section_inquiry .inquiry_btn .xi{ width: 2rem; height: 2rem;}
#footer .footer_info .address{align-items:flex-start;flex-direction:column;gap:var(--sp-4);}
#footer .footer_info .contact{flex-direction:column;gap:var(--sp-8);}
#footer .footer_menu{flex-direction:column;}
#contents .sub_top_wrap{height:40vh;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2{width:100%;max-width:100%;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li{min-width:9rem;}
#contents .sub_tit_wrap .wrapF{gap:var(--sp-16);}
#contents .sub_tit_wrap .nav{flex-wrap:wrap;justify-content:center;}
.form_wrap .form > li .inp_wrap .tit{position:relative;height:auto;padding:0 0 var(--sp-8);}
.form_wrap .form > li .inp_wrap .input_st:not(textarea){height:var(--sp-56);padding:0 var(--sp-16);}
.form_wrap .form > li .inp_wrap textarea.input_st{height:10rem;padding:var(--sp-16);}
.form_wrap .form_chk .chk{align-items:flex-start;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a{min-width:8rem;padding:0 var(--sp-16);}
.pageLayout .pageWrapper .pageCon{scroll-margin-top:calc(var(--headH) + 8rem);}
.pageLayout .pageWrapper .pageCon + .pageCon{margin-top:var(--sp-80);}
.wideImg{height:18rem;}
.featureFlow .featureFlow_item .featureFlow_img{height:18rem;}
.featureFlow .featureFlow_item.fitContain .featureFlow_img{padding:var(--sp-24);}
.featureFlow .featureFlow_item .featureFlow_con{padding:var(--sp-24);}
.imgGrid.col2,.imgGrid.col3,.imgGrid.col4{grid-template-columns:1fr;}
.imgSwiper .imgSwiper_arrow{width:2.75rem;height:2.75rem;}
.imgSwiper .imgSwiper_prev{left:var(--sp-8);}
.imgSwiper .imgSwiper_next{right:var(--sp-8);}
.imgSwiper .imgSwiper_item .caption{right:var(--sp-12);bottom:var(--sp-12);min-width:0;padding:var(--sp-10) var(--sp-16);}
.tabBtn2{overflow-x:auto;}
.tabBtn2 > .tabIdx{flex:0 0 auto;min-width:9rem;height:4rem;}
.useCaseGrid .useCaseCard .useCase_con{padding:var(--sp-24);}
.pointIconGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.pointIconGrid .pointIcon_item{border-right:1px solid var(--g-ddd);}
.pointIconGrid .pointIcon_item:nth-child(2n){border-right:0;}
.pointIconGrid .pointIcon_img{padding:var(--sp-16);}
.pointIconGrid .pointIcon_img img{width:6.5rem;height:6.5rem;}
.accessoryList .accessoryItem .img{height:18rem;}
.accessoryList .accessoryItem .con{padding:var(--sp-24);}
.accessoryList .accessoryItem .spec ul li{grid-template-columns:6.5rem minmax(0,1fr);}
.software_wrap .software_logo{ display: none;}
.software_wrap .software_feature{ grid-template-columns: repeat(1, minmax(0, 1fr));}
.software_wrap .software_feature li:nth-child(2n - 1){ border-right: 0;}
.software_wrap .software_feature li:nth-child(2n) {border-right: inherit;}
.software_wrap .software_feature li:nth-last-child(-n+2) {border-bottom: inherit;}
.software_wrap .software_feature li:last-child{ border-bottom: 0;}
.software_wrap .software_desc{ margin-top: var(--sp-20);}
html.allOn #header .all_wrap .all .gnb > li .dp1 .tt:after{ display: none;}

.board_search_wrap .search_inner,
.board_search_wrap .right,
.board_gallery > li{ width: 100%;}

.reser-wrapper .leftTxt > .tit{ font-size: var(--fs-36);}

}

@media all and (orientation:landscape) and (max-height:600px){
html.allOn #header .all_wrap .all .gnb{margin-top:6rem;padding-bottom:var(--sp-40);}
html.allOn #header .all_wrap .all .gnb > li .dp1{min-height:auto;margin-bottom:var(--sp-16);}
.section_visual,.visualSlider_wrap,.visualSlider .el{height:100svh;}
#contents .sub_top_wrap{min-height:30rem;}
}