@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px) {
    .box1{ width: 92%; max-width: 90%;}
    *{ box-sizing: border-box;}
    img{max-width: 100%;}
}
@media screen and (max-width:1440px) {
#header .gnb_wrap .gnb > li{ padding: 0 1.2rem;}
#header .top_wrap .wrapH, #header .top_wrap .gnb_wrap .dp1{ height: 8.5rem;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.5em;}

#contents .sub_page_menu{ display: none;}

    /* 연혁 */
    .history-con .sub-tab-list-style.top-fixed{top: 80px}

#quick_new .quick_wrap{ width: 3.85rem;}
}
@media screen and (max-width:1024px) {
    .PHONE{ display: block;}
#header .all_wrap .all_layer .all_header .close_btn{ width: 3em; height: 3em;}
    /*header*/
    #header .top_wrap{ padding: 0 1.5em;}
    #header .top_wrap .gnb_wrap{ display: none;}
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img{ display: none;}    
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_middle{ width: 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ width: 65vw;}
    
    /*visual*/
    .visualSlide_wrap{ height: calc(var(--vh, 1vh) * 71);}
    .visualSlide .el .bg > img{ width: 100%; height: 100%; object-fit: cover;}
    /* .visualSlide .el{ height: 60vh;} */
.posiB.rbR{ bottom: -4px;}

/* main */
/* section_02 */
.ProductList > li{ width: calc((100% - 3.5rem) / 3);}
/* section_04 */
.exampleSlide .el .in .imgWrap{ height: 14.5rem;}
/* 사업영역 */
#sec_business .wrap_con:not(:hover) .el:first-child, #sec_business .wrap_con .el:hover{ width: 100%;}
#sec_business .wrap_con:not(:hover) .el:first-child .bg::before, #sec_business .wrap_con .el:hover .bg::before{ background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(25, 71, 186, 0) 60%); opacity: 1;}

    #sec_business .wrap_con .el .con .s_tit{
        display:block;
    }

    #sec_business .wrap_con .el .con .t1{
        transform:translateY(0);
        text-align:left;
    }

    #sec_business .wrap_con .el .con .t2{
        opacity:1;
        transform:translateY(0);
        text-align:left;
    }
 #sec_business .wrap_con{ flex-direction: column;}
#sec_business .wrap_con .el{ width: 100%; height: 33vmin;}
/* 견적문의 */
#sec_inquiry .inWrap{ gap: 8rem;}
#sec_inquiry .inWrap .leftWrap .tel_wrap{ width: 20rem; font-size: 1.37rem;}
#sec_inquiry .inWrap .leftWrap .tel_wrap .tel p{ font-size: .8rem;}
#sec_inquiry .inWrap .leftWrap .quick_menu .in .icon{ width: 4rem; margin-left: 2.875rem;}

.form_wrap .form_chk{ flex-direction: column; gap: 2rem;}

/* 공통 */
#headerQ .quickBtn{ display: none;}

#contents .sub_top_wrap{ height: 24rem;}
#contents .sub_top_wrap .wrapBg .bg{ background-size: cover;}

.main_tit .t1{ font-size: var(--font-size-xl-1);}
#sec_textSlide .textAni{ font-size: var(--font-size-xxxl);}

#sec_key .whyList{ gap: 1rem;}
#sec_key .whyList > li{ width: calc((100% - 1rem) / 2);}
#sec_key .whyList > li > .inner{ height: 100%; display: flex; flex-direction: column;}
#sec_key .whyList > li > .inner > .icon{ margin-top: auto;}

#sec_key .highlight-con > li > .hiBox{ height: 100%;}

#sec_youtube .mediaList > li{width: calc((100% - 3.5rem) / 3);}

.page_tit .t1{ font-size: var(--font-size-xl);}
    /*sub all*/
    #contents .sub_tit_wrap .sub_tit .tt{ font-size: 2.415em;}
    
    /*greeting*/
    .academy_wrap .tit .t1{ font-size: 2.315em;}
    .academy_wrap .tit .t2{ font-size: 1.315em;}
    .academy_wrap .txt .t2{ font-size: 1.15em;}

/* history */
.historyWrapper .top_img{ height: 17em;}
.historyWrapper .top_img .bg_tit p{font-size: 2.1em;}
.historyWrapper .history > div ul{ width: calc(100% - 229px); padding-left: 289px;}
.historyWrapper .history > div .decade:after{ width: 180px; left: calc(100% + 67px);}
.historyWrapper .history > div .decade:before{ left: 123%;}
.historyWrapper .history .linewrap{ left: calc(240px + 298px - 121px);}
.historyWrapper .history:after{ left: calc(240px + 298px - 121px);}
.historyWrapper .history > div .decade:before{ left: 104%;}
.historyWrapper .history > div ul:before{ left: 201px;}
.historyWrapper .history > div ul li{ flex-direction: column; gap: .5em;}

/* 오시는길 */
.location_info > .con{ padding: 2rem; gap: 2rem;}
.location_info > .con > .office{ width: 11rem;}
.location_info > .con > .office .logo{ padding-right: 2rem;}
.location_info > .con > .address{ width: 76%;}
.location_info > .con > .address .tit{ font-size: 1.25rem;}
.location_info > .con > .map_view{ width: 7rem;}

/* 라이브러리 */
.prodBtn_list{ flex-wrap: wrap;} 

/* 고객지원 */
.inquiry-con .inquiry-lay .inTxt{ display: none;}

/* 렌탈제품 */
.productWrap .ProductList > li{ width: calc((100% - 2.6rem) / 2);}

#footer .footerTop{ gap: 2rem; flex-direction: column;}    

/* 메인 */
.ProductList > li .imgWrap{}

}


@media screen and (max-width:768px) {
#header .all_wrap .all_layer .all_header .close_btn{ width: 2em; height: 2em;}
#header .all_wrap .all_layer .all_header .close_btn .xi{ font-size: 1em;}

#header .searchInc .wrapIn{ width: 14em;}
    /*header*/
    #header .top_wrap .logo > a img{ height: 35px; object-fit: contain;}

    /*visual*/
.mainScroll .tt{ margin-bottom: var(--space-2);}    
    .visualSlide .el{ height: 46vh;}

.visualSlide_wrap{ height: calc(var(--vh, 1vh) * 51);}    
.visualSlide .slogan_wrap{ top: 93.5%;}

.visualSlide .slogan_wrap .slogan .title > .t1{ font-size: var(--font-size-xl-1);}

/* #sec_best .best-container .main_tit{ width: 40%;} */
.products .main_tab{ overflow-x: auto; justify-content: flex-start;}

#sec_inquiry::before{ width: 100%;}
#sec_inquiry .inWrap{ gap: 2rem; flex-direction: column;}
#sec_inquiry .inWrap .leftWrap{ width: 100%;}
#sec_inquiry .inWrap .leftWrap .quick_menu .in{ padding: 0.5rem 0;}
#sec_inquiry .inWrap .leftWrap .quick_menu .in .icon{ margin-left: 9.4rem; width: 3rem;}

.form_wrap .form > li .inp_wrap textarea.input_st{ height: 9rem;}

#sec_best .best-container .productSlide_wrap{ width: 52%; left: 4rem;}

#sec_youtube .mediaList > li{ width: calc((100% - 1.5rem) / 2);}

.page_tit{ margin-bottom: var(--space-5) !important;}
.page_tit .t1{ font-size: var(--font-size-lg-2);}

.ProductList > li{ width: calc((100% - 1.5rem) / 2);}

.page_mq .mv_tit .tit.fs1{ font-size: 8.5em;}

    /*footer*/
    #footer .info > li{ font-size: .915em;}
    #footer .logo .in.alogo > img{ height: 20px; object-fit: contain;}

    /*sub all*/
    #contents .sub_nav > li{ font-size: .915em;}
    #contents .sub_page_top{ height: 10em;}
    #contents .sub_tit_wrap2{ padding: 2em 0 1em; gap: 1em; flex-direction: column; align-items: start;}
    #contents .sub_page_tit .tit{ font-size: 1.615em;}
    #contents .sub_nav > li.home > a{ width: 1.4em; height: 1.4em;}
    #contents .sub_nav > li.home > a .xi{ font-size: .8em; width: 1.4em; line-height: 1.4;} 
    #contents .sub_tit_wrap .sub_tit .tt{ font-size: 1.815em;}
    .input_st.w3{ width: auto;}

/* 회사소개 */
.biz_grid_item .grid_img.small{ display: none;}    

    /*greeting*/
    #contents .sub_tit_wrap{ width: 100%; justify-content: center;}
.greet_wrap .greet-con .img_wrap{ display: none;}
    /*overview*/
    .overview_wrap .left_poster{ width: 100%;}
    .overview_wrap .left_poster > img{ width: 100%; height: 100%; object-fit: cover;}
    .overview_wrap{ flex-direction: column;}

    /*speaker*/
    .prof_list.w2 > li{ width: calc((100% - 2em) / 2);}
    .prof_list.w3 > li{ width: calc((100% - 4em) / 3);}

    /*video*/
    .board_photo > li{ width: calc((100% - 2em) / 2);}

    /* 연혁 */
    .history-page .history-tit-box{margin-bottom: 45px}
	.history-tit-img{background-position: 67% 50%}
	.history-con .sub-tab-wrapper-style{margin-bottom: 45px}
	.history-con .sub-tab-list-style.top-fixed{top: 60px}
	.history-con .sub-drop-menu-style ul li.selected a em{color: #004597}

/* 연혁 */
.historyWrapper .top_img .bg_tit p{ font-size: 2.2em;}
.historyWrapper .history > div{ flex-direction: column;}
.historyWrapper .history > div .decade{ padding: 0.5em 0 0 3.8em; font-size: 3em;}
.historyWrapper .history > div .decade:before,.historyWrapper .history > div .decade:after{display: none;}
.historyWrapper .history > div ul{ padding-left: 23%; width: 100%;}
.historyWrapper .history > div ul:before{ left: 11.7%;}
.historyWrapper .history > div ul:after{left: 10%; width: 40px; height: 40px; top: 20px;}
.historyWrapper .history .linewrap{ left: calc(172px + 1px - 121px);}
.historyWrapper .history:after{ left: calc(172px + 1px - 121px);}

	/* History :: Layout */
	.company-history-wrapper:before{left:7px}
	.company-history-info-box{width:auto; padding-left:90px}
	.company-history-info-box::before{top:0; left:0; width:15px; height:15px}
	.company-history-info-box::after{top:4px;left:4px; width:5px; height:5px; border-width:1px; }
	/* History :: 정보 */
	.company-history-wrapper{padding-bottom: 40px}
	.company-history-info .history-item{font-size:13px; padding-left:25px;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt{padding-left: 10px;}
	.company-history-info .history-txt:before{top: 8px; left: 0;}
	.company-history-year{top:0px;font-size:21px; padding-left:20px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	/* History :: 이미지 */
	.company-history-img-box{width:auto; margin-top:20px}
	.company-history-img-box span{margin-left:120px;}
.historyWrapper .top_img{ height: 13em;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.8em;}

/* 오시는길 */
.location_info > .con{ padding: 1rem; gap: 1rem; flex-wrap: wrap;}
.location_info > .con > .office{ width: 25rem; border-right:none; border-bottom: 1px solid #d5dde7; margin-left: 8rem;}
.location_info > .con > .office .logo{ padding-right: 1rem;}
.location_info > .con > .address .tit{ font-size: 1rem;}
.location_info > .con > .address .tit .xi{ font-size: .8rem; width: 1.575rem; height: 1.575rem; line-height: 1.575rem;}
.location_info > .con > .map_view > .xi{ font-size: 1.125rem;}
.location_info > .con > .map_view > .mapViewT{ font-size: 1rem;}

/* 라이브러리 */
.productList_container .productList > li > .inner{ flex-direction: column; padding: 1.5rem;} 
.productList_container .productList > li > .inner > .imgCon{ width: 100%; height: 100%;}
.productList_container .productList > li > .inner > .info{ width: 100%;}
    
/* 고객지원 */
.page_tit .t6{ font-size: var(--font-size-xxl);}

/* 렌탈 제품 */
.specList dl{ gap: 1.5rem;}

.mall_view_top{ flex-direction: column; gap: 1.5em;}
.mall_view_top .prod_img{ width: 100%;}
.mall_view_top .prod_img .imgBig{ padding: 2rem;}
.mall_view_top .prod_img .imgBig img{ height: 28svh;}
.mall_view_top .page_info{ width: 100%;}
.mall_view_top .page_info .more_btn{ width: 31%; margin-left: 14.5rem;}

/* 이용절차 */
.biz_mix_item .img_box{ display: none;}
.biz_mix_item .txt_box{ width: 100%;}

.board_gallery > li{ width: calc((100% - 1rem) / 2);}

.board_st.list td.w_tit{ text-align: center;}
}
@media screen and (max-width:430px) {
#quick_new{ right: 6.5vw;}

html.pop .popWrap{ max-width: 80vw;}
html.pop .popWrap .popIn .popCon{ padding: 1em;}
.agree_box:not(.page_box){ padding: 1.5em 1.4em;}

#header .top_wrap{ padding: 0 .5em;}
#header .top_wrap .wrapH, #header .top_wrap .gnb_wrap .dp1{ height: 4.5rem;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ padding: 1.5rem 1rem; flex-direction: column;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.2em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size: 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ width: 100%; gap: .5em;}

#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow{ margin-bottom: 0.4em;}

#header .searchInc .formW{ height: 2.5rem;}
#header .searchInc .formW .inp{ line-height: 1.5;}
#header .searchInc .formW .btn{padding: .3rem .5rem;}
#header .searchInc .formW .btn .xi{font-size: .8rem;}
#header .searchInc .wrapIn{ width: 13em;}

#sec_notice{ display: none;}
#quick_new{ bottom: 6rem;}
#quick_inquiry{ left: 9vw; width: 22rem;}
#captchaImg{ height: 2em; width: 5em;}
.input_st{ width: 11em;}
    /*header*/
.visualSlide_wrap{ height: calc(var(--vh, 1vh) * 50);}
.visualSlide .slogan_wrap{ top: 90.5%;}
.visualSlide .slogan_wrap .slogan .title > .t1{ font-size: var(--font-size-lg);}
.visualSlide .slogan_wrap .slogan .txt_wrap .desc{ font-size: var(--font-size-base);}
.visualSlide_wrap .visualControl{ top: 67%;}
.visualSlide_wrap .visualControl .control .swiperBtn{ width: 2rem; height: 2rem;}
.visualSlide_wrap .visualControl .control .progress-container .progress-bar{ width: 60px;}
.visualSlide_wrap .visualControl .control .progress-container .current-slide, .visualSlide_wrap .visualControl .control .progress-container .total-slide{ z-index: 1;}

.ProductList > li{ width: 100%;}

.posiB.rbR{ bottom: -10px;}
.mainScroll{ bottom: 20px;}
.mainScroll .tt{ font-size: var(--font-size-xs); margin-bottom: 0;}

.main_tit .t1{ font-size: var(--font-size-lg-2);}
.main_tit .t3{ height: 1.5rem; font-size: var(--font-size-base);}

.main_box{ padding: 4rem 0;}

#header .top_wrap .logo > a img{ height: 25px;}
#header .top_wrap .etc_wrap{ gap: 1rem;}
#header .searchInc > a > .xi{ font-size: var(--font-size-md-1);}
#header .top_wrap .all_btn .in{ width: 1.2rem;}

.headLink > li > .inner{ height: 2.15rem;}

/* 공통 */
#contents .sub_top_wrap{ height: 18rem;}
#contents .sub_top_wrap .subTit{ top: 57%;}
#contents .sub_top_wrap .subTit .t1{ font-size: var(--font-size-lg-2);}
    /*speaker*/
    .speaker_wrap{ padding: 0em; background: none;}

    /*poster*/
    .poster_wrap{ flex-direction: column;}
    .poster_wrap .right_poster,
    .poster_wrap .left_poster{ width: 100%;}

/* 사업영역 */
#sec_business .wrap_con .el{ height: 46vmin;}
#sec_business .wrap_con .el .con .s_tit{ font-size: var(--font-size-sm);}    
#sec_business .wrap_con .el .con .t1{ font-size: var(--font-size-lg-1); margin-bottom: var(--space-1);}    
#sec_business .wrap_con .el .con .t2 br{ display: none;}

#sec_inquiry .inWrap .rightWrap{ width: 100%;}
#sec_inquiry .inWrap .leftWrap .quick_menu .in .icon{ margin-left: 4.7rem;}

/* 회사소개 */
.biz_grid_wrap{ gap: 2rem;}
.biz_grid_item{ min-height: 11rem;}
.biz_grid_item .grid_desc{ padding: 1.5rem;}
.biz_grid_item .grid_desc .grid_tit{ font-size: 1.2rem;}

/* 설치사례 */
.exampleWrap .Topin_wrap .main_tit{ flex-direction: column; align-items: baseline;}
.exampleWrap .Topin_wrap .exampleControl .swiperBtn{ width: 2.19rem; height: 2.19rem;}
.page_mq .mv_tit .tit.fs1{ font-size: 7.5em;}
    /*sub all*/
    .fs18{ font-size: 1em !important;}
    .sub_con{ padding: 2em;}
    .input_st.s1{ font-size: 1em;}

    .page_btn{ flex-direction: column;}
    .page_btn .in{ width: 100%;}

    /*greeting*/
    .speak_Wrap .infoA{ padding: 1em 0; border-radius: 0; }
    .academy_wrap .tit .t1{ font-size: 1.715em;}
    .academy_wrap .tit .t2{ font-size: 1.15em;}
    .academy_wrap .txt .t2{ font-size: 1.063em;}
    .academy_wrap .tit{ margin-bottom: 3em;}

.guideBox .guide_inner{ padding: 1.5rem;}    
.greet_wrap .greet-top .t1{ font-size: var(--font-size-lg-1);}
.greet_wrap .greet-con .txt_wrap .t1{ font-size: var(--font-size-base);}
.greet_wrap .greet-con .txt_wrap p.ceo{}
    /*program*/
    .scrolltable .table_st{ width: 600px; font-size: .815em;}

    /*speaker*/
    .prof_list.w3 > li,
    .prof_list.w2 > li,
    .prof_list > li{ width: 100%;}
    .speaker_wrap2{ flex-direction: column;}
    .speaker_wrap2 .con{ width: 100%;} 

    /*partner*/
    .form_lab .lab_con{ flex: 1 1 100%;}
    .form_lab .tit1{ font-size: .967em;}
    .form_wrap .form_tit .t3{ font-size: 1em;}

    /*viewapp*/
    .mem_form_inp > li.inp_wrap > .wrap_in.flex{ align-items: start;}
    .mem_form_inp > li.inp_wrap .inp .group_inpBtn{ flex-direction: column; gap: .5em;}
    .mem_form_inp > li.inp_wrap .inp .group_inpBtn .ml10{ margin-left: 0 !important; width: 100%;}

    /*video*/
    .board_photo > li{ width: 100%;}

#sec_best .best-container{ flex-direction: column;}    
#sec_best .best-container .main_tit{ width: 100%;}
#sec_best .best-container .productSlide_control{ margin-top: var(--space-4); margin-bottom: var(--space-4);}
#sec_best .best-container .productSlide_wrap{ width: 100%; left: 0;}
.products .proIn > .proImg{ height: 14.5rem;}

#sec_textSlide .textAni{ font-size: var(--font-size-xl);}

#sec_key .about-con{ padding: 2rem;}
#sec_key .whyList > li{ width: 100%;}

.roundArrow{ width: 2.5rem; height: 2.5rem; top:-1px;}

#sec_key .highlight-con{ flex-direction: column;}
#sec_key .highlight-con > li > .hiBox > .numBox{ margin-top: var(--space-5);}
#sec_key .highlight-con > li > .hiBox > .numBox > .tit{ font-size: var(--font-size-xxl);}

.mainTop{ align-items: flex-start; gap: 3rem; flex-direction: column;}

#sec_products .notiBtn{ flex-wrap: wrap;}
#sec_products .notiBtn > li > .con{ padding: 0 1.2rem;}
#sec_products .notiBtn > li > .con > .tt{ font-size: var(--font-size-sm-1);}
.products .proIn .proinfo > .tit{ font-weight: 600; font-size: var(--font-size-md);}

#sec_youtube .mediaList > li{ width: 100%;}
#sec_partner .partner_container{ flex-direction: column;}
#sec_partner .partner_container .partnerItem{ width: 100%;}

#sec_notice .notice{ padding: 0 .5rem; gap: 0 1em;}
#sec_notice .notice, .mainNoticeSlide{ height: 5em;}
.mainNoticeSlide .el .in{ flex-direction: column; justify-content: space-evenly;}
.mainNoticeSlide .el .in .tt{ flex: 0;}

#sec_key .whyList > li > .inner{ padding: 2rem 1.5rem;}
#sec_key .whyList > li > .inner > .tit{ font-size: var(--font-size-md-1);}
#sec_key .whyList > li > .inner > .desc{ font-size: var(--font-size-sm);}
#sec_key .whyList > li > .inner > .icon > img{ height: 3.5rem;}

#sec_products .products .proIn > .proImg{ height: 18.5rem;}

/* history */
.historyWrapper .history{ padding: 70px 0 200px;}
.historyWrapper .top_img{ height: 7em;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.2em;}
.historyWrapper .history > div .decade{ font-size: 2em;}
.historyWrapper .history > div ul:before{ left: 7.9%;}
.historyWrapper .history > div ul:after{ left: 4.1%;}
.historyWrapper .history:after{ left: calc(153px + 1px - 121px);}
.historyWrapper .history .linewrap{ left: calc(153px + 1px - 121px);}

/* 오시는길 */

.location_info > .con > .office{ width: 100%; border-right: none; margin-left: 0;}
.location_info > .con > .address{ width: 100%;}
.location_info > .con > .address .tit{ font-size: .9rem;}
.location_info > .con > .address .tit .xi{ width: 1.5rem; height: 1.5rem; line-height: 1.5rem;}
.location_info > .con > .address > .add_info{ align-items: flex-start; flex-direction: column;}
.location_info > .con > .address > .add_info > li > .call_con > .tt{ font-size: .9rem;}
.location_info > .con > .map_view{ margin-left: 8rem;}

/* 멤브레인 */
.prosearchCon .find_WrapCon{ width: 78svw;}
#findPro .input_st{ height: 3.35rem;}
#findPro .sech{ width: 2.5rem; height: 2.5rem;}
#findPro .sech > .xi{ font-size: 1.2em;}
.proCateBox{ flex-direction: column; gap: 1rem;}
.prosearchCon .tag_wrap{ flex-direction: column;}
.productList_container .productList > li > .inner{ gap: 1rem; flex-direction: column; padding: 1.5rem;}
.productList_container .productList > li > .inner > .imgCon{ height: 14.5rem;}
.productList_container .productList > li > .inner > .info .proName{ font-size: var(--font-size-md); font-weight: 600;}
.productList_container .productList > li > .inner > .info .txt{ font-size: var(--font-size-sm);}

/* 라이브러리 */
.prodBtn_list{ flex-direction: column;}
.board_search_wrap .right{ margin-left: 0;}
.board_search_wrap .search_inner{ width: 24.5rem;}
.dp2_data .productList_container .productList > li > .inner > .info{ width: 18em;}

/* 고객지원 */
.page_tit .t6{ font-size: var(--font-size-xl-1);}
.form_wrap .form > li .inp_wrap .input_st:not(textarea){ padding-left: 147px;}

.label_st{ gap: 9px;}

/* 렌탈제품 */
.productWrap .ProductList > li{ width: 100%;}
.specList dl{ gap: 2.5rem;}

.mall_view_top .page_info .more_btn{ margin-left: 7.5rem;}
.mall_view_top .page_info .txt_wrap .tit{ font-size: var(--font-size-lg);}
.mall_view_top .prod_img .imgBig img{ height: 28svh;}

.table_form .wrap_in .tit1{ font-size: var(--font-size-sm-1);}
.table_form .wrap_in .ti_wrap{ width: 7rem;}
.table_form .wrap_in .con_wrap{ font-size: var(--font-size-xs);}
.table_form .wrap_in .con_wrap .w5{ width: 16rem;}
.table_form .wrap_in .con_wrap .input_st{ min-width: 4.5rem;}
.table_form .wrap_in .con_wrap .field.col_w3 .input_st{ max-width: 0;}
#captcha_code{ width: 10rem; margin-left: 2rem;}

/* 온라인 문의 */
.filebox .upload-name{ height: 2.5rem;}
.board_viewT .vTit{ font-size: var(--font-size-lg-2);}
.page_tit .t5{ font-size: var(--font-size-md);}

/* 이용절차 */
.biz_mix_item .txt_box{ padding: 2.5rem;}
.biz_mix_item .txt_box h3{ font-size: 1.45rem; flex-direction: column; gap: 0.55rem;}
.biz_mix_item .txt_box .desc p br{display: none;}

.board_gallery > li{ width: 100%;}
.board_btn_wrap .input_st{ width: 7em;}

.w_no,.w_name,.w_date{ display: none;}

    /*footer*/
    #footer .info_wrap{ flex-direction: column; gap: 3em; padding: 3em 0;}
#footer .footerTop .rightCon .rightTop .tit{ font-size: var(--font-size-lg);}
#footer .footerTop .rightCon .rightMid .infoSec{ gap: 1.5rem; flex-direction: column;}
#footer .footerTop .rightCon .rightMid .infoSec > li{ width: 100%;}
#footer .footerTop .rightCon .rightMid .infoSec > li > .conBox > .infoList > li{ font-size: var(--font-size-sm);}
#footer .menu > li:not(:last-child) > .in:after{ margin: 0 .6rem;}
#footer .footerBtm{ flex-direction: column-reverse; margin-top: var(--space-5); gap: 1em;}
}
@media screen and (max-width:375px) {
.bgfix{ background-position: 62% center;}

#quick_new { right: 6.5vw;}
#quick_new .quick_wrap{ width: 2.85rem; min-height: 3rem;}

#header .top_wrap .logo > a img{ height: 20px;}
#header .searchInc .formW{ width: 90%;}
#header .searchInc .formW .inp{ padding: 0 .2rem; line-height: 1.9; font-size: var(--font-size-xs);}
#header .searchInc .formW .btn{ padding: .2rem .4rem;}
#header .searchInc .wrapIn{ width: 11em;}
.visualSlide .slogan_wrap{ top: 85.5%;}
.mainScroll{ bottom: -8px;}
.visualSlide_wrap{ height: calc(var(--vh, 1vh) * 40);}
.visualSlide .slogan_wrap .slogan .title > .t1{ font-size: var(--font-size-md);}
.visualSlide_wrap .visualControl{ top: 68%;}
.visualSlide_wrap .visualControl .control .progress-container .progress-bar{ width: 67px;}
.visualSlide .slogan_wrap .slogan .txt_wrap .desc{ font-size: var(--font-size-sm-1);}

.main_tit .t1{ font-size: var(--font-size-md-1);}
.main_tit .t4{ font-size: var(--font-size-sm);}

.products .proIn .proinfo > .tit{ font-size: var(--font-size-md-1);}

#quick_inquiry{ left: 8vw; width: 18rem;}
.input_st{ width: 11em;}

.main_box{ padding: 2rem 0;}

/* 공통 */
#contents .doc{ padding: 4.5rem 0 5rem 0;}

.page_tit .t1{ font-size: var(--font-size-md);}
.page_tit .tt{ font-size: var(--font-size-sm-1);}

#sec_key .whyList > li > .inner > .icon > img{ height: 2.5rem;}

#sec_partner .partner_container .partnerItem .imgWrap{ display: none;}
#sec_partner .partner_container .partnerItem .infoWrap{ padding: 1.5rem; width: 100%;}
#sec_partner .partner_container .partnerItem .infoWrap > .infoB{ margin-top: var(--space-4);}

#sec_inquiry .inWrap .leftWrap .tel_wrap{ width: 100%; font-size: 1rem;}
#sec_inquiry .inWrap .leftWrap .quick_menu .in .icon{ margin-left: 3.8rem; width: 2rem;}

.greet_wrap .greet-top .t1{ font-size: var(--font-size-md);}
.greet_wrap .greet-con .txt_wrap .t1{ font-size: var(--font-size-sm);}
.greet_wrap .greet-con .txt_wrap p.ceo{ font-size: var(--font-size-md);}

/* history */
.historyWrapper .history{ padding: 46px 0 150px;}
.historyWrapper .top_img{ height: 6em;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.1em;}
.historyWrapper .history .linewrap{ left: calc(139px + 1px - 121px);}
.historyWrapper .history:after{ left: calc(139px + 1px - 121px)}
.historyWrapper .history > div ul:before{ left: 4.9%;}
.historyWrapper .history > div ul:after{ left: 0.1%;}
.historyWrapper .history > div ul li{ font-size: 1em;}

/* 멤브레인 */
.prosearchCon{ padding: 1.5rem;}
.proCateBox{ padding: 1rem 0.7rem;}
#findPro .input_st{ padding: 0 4rem 0 2rem;}
.productList_container .productList > li > .inner > .imgCon{ width: 17rem;}

/* 라이브러리 */
.board_search_wrap .search_inner{ width: 19.5rem;} 
.board_search_wrap .search_inner .input_search .search{ right: 43px;}
.dp2_video .productList_container .productList > li > .inner > .imgCon{ width: 100%; height: 100%;}

/* 고객지원 */
.dp2_inquiry .input_st{ width: 11em;}
.form_wrap .form_chk .chk{ flex-direction: column; align-items: center;}
.page_tit .t6{ font-size: var(--font-size-lg);}
.page_tit{ margin-bottom: var(--space-4);}
.form_wrap .form > li .inp_wrap .tit .tt{ font-size: var(--font-size-sm);}
.captcha_wrap{ flex-direction: column;}
#captchaImg{ width: 10em;}

.table_form .wrap_in{ align-items: flex-start; flex-direction: column;}
.table_form .wrap_in .ti_wrap{ padding: 0 .3rem;}
.table_form .wrap_in .con_wrap .h1{ width: 19.5rem;}

/* 회사소개 */
.biz_grid_wrap{ gap: 0;}
.biz_grid_item .grid_desc .grid_tit{ font-size: 1.1rem;}
.biz_grid_item .grid_desc .grid_txt{ font-size: .9rem;}

/* 오시는길 */
.location_info > .con > .map_view{ margin-left: 5.5rem;}

/* 렌탈제품 */
.mall_view_top .prod_img .imgBig{ padding: 1rem;}
.mall_view_top .prod_img .imgBig img{ height: 20svh;}

.mall_view_top .page_info .txt_wrap .t1{ font-size: var(--font-size-sm);}
.mall_view_top .page_info .txt_wrap .t2{ font-size: var(--font-size-sm);}
.mall_view_top .page_info .txt_wrap .tit{ font-size: var(--font-size-md);}
.mall_view_top .page_info .txt_wrap > .dl_wrap dl dt{ font-size: var(--font-size-sm); font-weight: 500; color: #000;}
.mall_view_top .page_info .txt_wrap > .dl_wrap dl dd{ font-size: var(--font-size-sm); color: #666;}
.mall_view_top .page_info .more_btn{ margin-left: 6rem;}
.mall_view_top .page_info .more_btn .input_st.s4{ height: 2.5em; font-size: var(--font-size-sm);}
.mall_view_top .page_info .more_btn a .xi-long-arrow-right{ font-size: 1.2em;}

.mall_view_bottom .viewTit .t1{ font-size: var(--font-size-base);}
.productView_wrapper .inputBtn_wrap .input_st.s4{ padding: 0.5em; height: 2.5em; font-size: var(--font-size-sm);}

.biz_mix_item .txt_box{ padding: 1.5rem;}
.biz_mix_item .txt_box h3{ font-size: 1.25rem;}
.biz_mix_item .txt_box .desc{ font-size: .9rem;}

.board_btn_wrap .input_st{ width: 5em;}

#footer .footerBtm{ }
#footer .menu > li > .in{ font-size: 13px;}
}