.top_tel{font-size: 2.4rem; font-weight: 600; color: #111;padding: 0.4rem 1.6rem; border:2px solid  #111; border-radius: 100px; text-align: center;margin-top: 20px;}
span{font-weight: inherit; font-size: inherit; color: inherit;}

.mainVisual{overflow:hidden;position:relative;width:100%;height:100vh;background:#222;font-family:var(--e-font),var(--k-font)}


/* 텍스트 */
.mainVisual{}
.mainVisual .main_txt{ width: 92%; max-width:1400px; display:flex;flex-flow:column;position:absolute;left:50%; transform: translateX(-50%);  bottom: 10%;z-index:10;color:#fff}
.mainVisual .main_txt .btxt{font-size:62px;font-weight:600;line-height:1.15;white-space:pre-line}
.mainVisual .main_txt .stxt{margin-top:30px;font-size:18px;line-height:1.8;white-space:pre-line}

/* 이미지 */
.mainVisual .main_slide{height:100%}
.mainVisual ul{z-index:1;height:100%}
.mainVisual ul li{overflow:hidden;height:100%}
.mainVisual ul li .bg{width:100%;height:100%;background:url(../img/main.png) center no-repeat;background-size:cover}
.mainVisual ul li .bg02{background-image:url( ../img/main2.png)}

/* 컨트롤 */
.mainVisual .controls{margin-top:236px; justify-content: space-between; align-items: center;display: flex;}
.mainVisual .circle{position:relative;width: 3%; margin-top: -5px;}
.mainVisual .circle .autoplay-progress{display:flex;align-items:center;justify-content:center;position:relative;width:100%; margin-left: 50px; height:2px; background-color: rgba(255,255,255,0.5);}
.mainVisual .circle .autoplay-progress svg{z-index:10;width:100%;height:100%;stroke-width:2px;stroke:#fff;fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}
.mainVisual .circle .autoplay-progress .bg{position:absolute;width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.5)}
.mainVisual .circle .play div{display: flex; position: absolute; left:10px;top:50%;z-index:10;transform:translate(-50%,-50%);width: 1.5rem;}
.mainVisual .circle .play span{cursor:pointer;font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 40;font-size:18px;}
.mainVisual .circle .play span img{width: 100%;}
.mainVisual .circle .play div.swiper-pause{display:block}
.mainVisual .circle .play div.swiper-play{display:none}
.mainVisual .circle .play.on div.swiper-pause{display:none}
.mainVisual .circle .play.on div.swiper-play{display:block}
.mainVisual .arrow{display:flex;align-items:center;gap:25px;cursor: pointer;;}
.mainVisual .arrow > span{display: block; width: 50px; height: 50px; line-height: 45px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #fff; font-family: "SUIT";}
.mainVisual .arrow i{cursor:pointer;width:40px;opacity:.6;transition:all .2s}
.mainVisual .arrow .pager{display:flex;align-items:center;justify-content:center;gap:10px;width:43px;font-size:15px;font-weight:600;display: none;}
.mainVisual .arrow .i:hover{opacity:1}

.pager-container {
    text-align: center;
    margin-top: 10px;
}
.pager-numbers {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
.pagination-number {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
    background: #ccc;
    border-radius: 5px;
}
.pagination-number.active {
    background: #333;
    color: #fff;
}
.pagination-text {
    display: inline-block;
    margin: 0 10px;
    font-weight: 600;
}
.current-page {
    font-size: 4.8rem;
    color: #fff;
    padding: 0 1rem;
}
.total-pages {
    font-size: 1.8rem;
    color: #aaa;padding: 0 1rem;
}
.quick_banner .quick_menu {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    list-style: none;
    padding: 0;
    margin: 0;
}
.quick_banner .quick_top ul li {
    background: #505152;
    border-top: 1px solid #5E5E5E;
    
}
.quick_banner .quick_top ul li a {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: none;
    display: block;padding: 1.7rem 3.5rem;
}
.quick_banner .quick_top ul li img {
    margin-bottom: 5px;
}
.quick_banner .quick_top img {
    transition: transform 0.5s ease-in-out;
}



.main_text h4{font-size: 2.4rem;  color: #fff;text-align: left;width: 100%;}
.main_text1 h4{font-size: 2.4rem;  color: #fff;text-align: right;width: 100%;}
.main_text h1{font-size: 6rem; font-weight: 700;padding-bottom: 2rem;color: #fff;padding-top: 1rem;text-align: right;width: 48%;}
.main_text h5{font-size: 3.2rem;color: #fff;margin-top: 0.8rem;text-align: right;width: 48%;}
.main_text h2{font-size: 2.4rem; color: #fff;margin-top: 1.2rem;text-align: right;width: 48%;}
.main_text h2 span{font-weight: 700;}
.scroll_ani{position: absolute;bottom: 4%;right: 32px;width: 132px;text-align: center;  z-index: 9;}
.scroll_ani .motion{width: 29px;height: 38px;border-radius: 25px;border: 2px solid #fff; margin: 10px auto;margin-top: 50px;}
.scroll_ani span{transform: rotate(90deg);display: block;font-size: 1.2rem;color: #fff;}
.scroll_ani .motion:before {content: ''; width: 4px; height: 8px; background: #ddd; margin-left: 11px;top: 5px; border-radius: 4px; animation: btn-motion4 2.5s ease-in-out infinite;display: block;opacity: 0;margin-top: 7px;}
@keyframes btn-motion4 {
    0%{opacity: 0;}
    20% {
        opacity: 1;
   }
    70% {
        opacity: 0;
        transform: translateY(10px);
   }
}

@keyframes bounce {
    0% { top: 20px; }
    50% { top: -20px; }
    100% { top: 20px; }
}
.line{width: 49%; background: #fff; height: 2px; position: absolute;top: 49%;}
.line1{width: 49%; background: #fff; height: 2px; position: absolute;top: 46%;right:0;}

.sub_title{padding-bottom: 6rem;}
.sub_title>div{display: flex; align-items: start; gap: 0 1rem;}
.sub_title h1{font-size: 4.8rem; font-weight: 700;padding-bottom: 1.2rem;}
.sub_title span{ display:inline-block; width: 1.98rem; height: 1.98rem; background-color:#F36F20 ;border-radius: 50%;margin-top: 1.7rem;}
.sub_title p{color: #505050; font-weight: 500; font-size: 1.8rem;}

.section01 .wrap{display: flex; justify-content: space-between; align-items: center;}
.section01 .item{border-radius: 4px;position: relative;  overflow: hidden; width: 23.1%; }
.section01 .item img{width: 100%;}
.section01 .item .text{position: absolute; bottom: 4.8rem; left: 4rem;} 
.section01 .item .text h5{color: #fff; font-size: 2.2rem ; font-weight: 600; padding-bottom: 0.8rem;}
.section01 .item .text h6{font-size: 1.6rem; font-weight: 500; color: #fff; }
.section01 .item .hoverimg{transition: all 0.4s; }
.section01 .item:hover .hoverimg{transform: scale(1.07);}

.section02 .width{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.section02 .left{width: 47%;}
.section02 .right{width: 40%;}
.section02 .right img{width: 100%;}
.section02 h1{font-size: 4rem; color: #fff;padding-bottom: 0.4rem;}
.section02 h1 span{font-weight: 700;}
.section02 .img{padding-bottom:6rem ;width:32rem ;}
.section02 .img img{width: 100%;}
.section02 p{font-size: 1.8rem; color: rgba(255,255,255,0.9);line-height: 145%;word-break: keep-all ;}
.section02 p span{color: #F36F20; font-size: 2.4rem; font-weight: 600 ; line-height: 141%;}
.section02 h5{text-align: right; font-size: 2rem; font-weight: 600;color: rgba(255,255,255,0.9);padding-top: 2.4rem;}

.section03 .width{padding-top: 0;}
.section03 .wrap{position: relative;}
.section03 .map_info_wrap{width: 90%; max-width: 1156px; padding: 3.2rem 7.3rem; background-color: #F36F20; position: absolute;bottom: -102px ; left: 50%;transform: translateX(-50%); z-index: 99;display: flex; justify-content: space-between; gap: 0 8rem;align-items: center;}
.section03 .map_info{display: flex; justify-content: start; align-items: center;gap: 2.4rem 3.2rem; flex-wrap: wrap; }
.section03 .map_info>div{display: flex; justify-content: start; align-items: center; gap: 0 1.6rem;}
.section03 .map_info>div:first-child{width: 100%;}
.section03 h5{font-size: 2rem; font-weight: 500;color: #fff;}
.section03 h6{font-size: 1.6rem; color:rgba(255, 255, 255, 0.70);}
.root_daum_roughmap .wrap_map{min-height: 450px;}
/* .section03 .map_info_wrap .logo{width: 16.3rem;}
.section03 .map_info_wrap .logo img{width: 100%;} */

/* footer */
.footer{display: flex; justify-content: start; gap: 0 20.9rem; align-items: center;}
.footer_width{width: 92%; max-width: 1511px; margin: 0 auto; padding: 6.3rem 0 ; }
.foot_info{display: flex; flex-direction: column; gap:1.2rem 0 ;margin-top: 4rem;}
.foot_info span, .copyright span{color: #DBDBDB; font-size: 1.4rem; font-weight: 400;text-align: left;}
.info_link{display: flex; justify-content: start; align-items: center; gap: 0 2rem; }
.info_link span{color: #fff;}
.info_link a{font-size: 1.4rem; }
.info_link a:first-child{color: #DBDBDB;}
.info_link a:last-child{color: #fff;}

/* 서브메뉴 */
.sub_menu_wrap{width: 100%; height: 76px;border-bottom: 1px solid #E5E5EC;}
.sub_menu_wrap .sub_menu_inner ul{display: flex; justify-content: center; align-items: center;gap: 0 3rem; }
.sub_menu_wrap .sub_menu_inner li a{display: block; width:140px;text-align: center;line-height: 76px; font-size: 1.8rem; font-weight: 400;}
.sub_menu_wrap .on{font-size: 1.8rem; color: #F36F20; font-weight: 600; border-bottom: 4px solid #F36F20!important;}
.sub_menu_wrap .on a{color: inherit; font-weight: inherit; }

/* 인사말 */
.company01{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 14.5rem;}
.company01 .left{width: 47%;}
.company01 .right{width: 40%;}
.company01 .right img{width: 100%;}
.company01 h1{font-size: 4rem; padding-bottom: 1rem;}
.company01 h1 span{font-weight: 700;}
.company01 .img{padding-bottom:6rem ;}
.company01 p{font-size: 1.8rem; line-height: 145%;word-break: keep-all ;color: #505050;word-break:keep-all;}
.company01 p span{color: #F36F20; font-size: 2.4rem; font-weight: 600 ; line-height: 141%;word-break:keep-all;}
.company01 h5{text-align: right; font-size: 2rem; font-weight: 600;padding-top: 2.4rem;color: #505050;}

/* ci/bi */
.company02{max-width: 1440px;width: 92%; margin: 0 auto; padding-top: 12rem;padding-bottom:  14rem; }
.company02 h1{font-size: 5.6rem; font-weight: 600; line-height: 128%;}
.company02 h1 span{color: #E99115; font-size: 5.6rem; font-weight: 600; line-height: 128%;}
.company02 p{font-size: 2.4rem; font-weight: 500;line-height: 140%;display: inline-block;float: right;margin-top: 2rem;}
.company02 .imgwrap .img{margin-top: -35px; background: url(../img/company02_img1.png)no-repeat;width: 100%; max-width: 1400px; background-position: center; background-size: cover; background-attachment: fixed ; height: 48rem;}
.company02 .ci{margin-top: 20rem;display: flex; justify-content: space-between; align-items: center;}
.company02 .ci .img{width: 67.4rem;}
.company02 .ci .img img{width: 100%;}
.company02 .color_info{display: flex; flex-direction: column; gap:3.15rem  0 ;width: 48%;}
.company02 .line{width: 100%; height: 1px; background-color: #E5E5EC;}
.company02 .color_box{display: flex; justify-content: start; gap: 0 3.2rem; align-items: center;}
.company02 h5{font-size: 2.4rem; font-weight: 600;padding-bottom: 1.2rem; padding-bottom: 1.2rem;}
.company02 h6{font-size: 2rem; color: #505050;line-height: 160%;}

.company02 .orange{background-color: #F36F20;width: 13.8rem; height: 13.8rem;}
.company02 .down_btn{padding-top: 9.2rem; display: flex; justify-content: center; align-items: center; gap: 0 3.2rem;}
.company02 .down_btn a{display: block; width: 30rem ;  border: 1px solid #dbdbdb; padding: 2rem 3.2rem; text-align: center; color:#999; font-size: 1.8rem; font-weight: 600;display: flex; justify-content: space-between; align-items: center;}


/* 오시는길 */
.company03{padding-top: 10rem; padding-bottom: 14rem; margin: 0 auto; width: 92%; max-width: 1400px; }
.company03 .map_box{width: 100%;position: relative;}
.company03 .map_info_wrap{display: flex; justify-content: center; gap: 0 17rem; align-items: center;margin-top: 8rem; }
.company03 .logo{width: 37%;text-align: center;}
.company03 .logo img{width: 100%;}
.company03 .map_info{display: flex; flex-direction: column; border-top: 2px solid #F36F20; width: 50%;}
.company03 .map_info .item{padding: 2.8rem 1.6rem;border-bottom: 1px solid #E5E5EC; width: 100%;}
.company03 .map_info{display: flex; justify-content: space-between; align-items: center;gap: 0 3rem; }
.company03 .map_info>div{display: flex; justify-content: start; align-items: center; gap: 0 1.6rem;}
.company03 h5{font-size: 1.8rem; font-weight: 600;width: 25%;}
.company03 h5 img{margin-right: 2rem;}
.company03 h6{font-size: 1.8rem;color: #505050; }
.company03 .root_daum_roughmap .wrap_map{min-height: 450px;}

/* 제품소개 */
.product_info{width: 92%; max-width: 126rem;margin: 0 auto; margin-top: 10rem;margin-bottom: 8rem;}
h5.product_sub_title{color: #F36F20; font-size: 2rem; font-weight: 600;}
h6.product_sub_title{font-size: 4rem; font-weight: 600; padding-bottom: 2.4rem;}
.product_info .right{width: 49.5%;border-top: 2px solid #F36F20; }
.product_info .item{padding-top: 1.6rem; padding-bottom: 3.2rem;border-bottom: 1px solid #E5E5EC;}
.product_info .item h4{padding-bottom: 1.2rem;font-size: 2.4rem; font-weight: 600;}
.product_info .item h3{font-size: 1.8rem; font-weight: 500; color: #505050;}
.product_info .item span{ display: block; width:0.6rem; height: 0.6rem; border-radius: 50%; background-color: #505050; margin-right: 0.6rem;}
.product_info .item div{display: flex; justify-content: start; gap: 0 0.5rem;align-items: center;}
.product_info .inner{display: flex; justify-content: space-between; align-items: start;}
.product_info .left{width: 43%;}
.product_info .product_slide{width: 100%; border: 1px solid #E5E5EC;height: 100%;}
.product_info .product_slide .swiper-slide{display: flex; justify-content: center; align-items: center; flex-direction:  column; padding:3rem 5rem;}
.product_info .product_slide .swiper-slide img{width: 100%;}
.product_info .product_slide .swiper-slide p{text-align: center; font-size: 1.8rem; font-weight: 600;}
.product_info .swiper-pagination-bullet-active{background: #111;}
.product_info .swiper-button-next,
.product_info .swiper-button-prev {background-size: contain;background-repeat: no-repeat;
background-position: center;width: 4.8rem; height: 4.8rem;}
.swiper-button-next, .swiper-button-prev{font-family: 'SUIT';position: relative;}
.product_info .swiper-button-next:after, 
.product_info .swiper-rtl .swiper-button-prev:after, 
.product_info .swiper-button-prev:after, 
.product_info .swiper-rtl .swiper-button-next:after{content: "";}
.product_info .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.product_info .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px);}
.product_info .swiper-button-prev, .product_info .swiper-rtl .swiper-button-next{left: 0;}
.product_info .swiper-button-next, .product_info .swiper-rtl .swiper-button-prev{right: 0;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ color: rgba(255, 255, 255, 0.60); }
.swiper-pagination-current{color: #fff;font-weight: 600;}
.swiper-pagination-total{color: rgba(255, 255, 255, 0.60);} 
.swiper-pagination{position: relative;}
.pagination_wrap{width:12rem;padding: 1rem 0.8rem;background-color: rgba(0,0,0,0.7); border-radius: 100px;position: relative;margin: 0 auto; margin-bottom: 20px;}
.product_info .swiper-button-next{position: absolute; top: 50%;transform: translateY(50%); right: 15px;color: #fff;z-index:99;}
.product_info .swiper-button-prev{position: absolute; top: 50%;transform: translateY(50%); left: 15px;color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.product_info .swiper-button-next, .product_info .swiper-button-prev{width: auto; height: auto;}

.product_feature{width: 100%; padding-top: 10rem ; padding-bottom: 15rem;background-color: #F8F8FA;}
.product_feature .inner{ }



.main_product_wrap{overflow: hidden;width: 100%; padding-top: 10rem ; padding-bottom: 15rem;background-color: #F8F8FA;}
.main_product_wrap .inner{width: 92%; max-width: 126rem; margin: 0 auto;}
.main_product_wrap h6{margin-bottom: 3.2rem;}
.main_product { display: flex; justify-content: end; align-items: flex-start; background: #F8F8FA;}
.products_text { width: 100%; padding: 68px 30px 40px 0px; position: relative; z-index: 3;position: absolute; }
.products_text::before { content: ''; position: absolute; width: 300%; height: 100%; top: 0; right: 0; }
.products_text::after{content: ''; position: absolute; width: 28.2%; height: 178%; top: -15px; left: -215px; background: #F8F8FA; z-index: 0;display: none;}
.products_text h2 { font-size: 4.0rem; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; }
.products_text p { font-size: 1.8rem; line-height: 120%; color: #666; }
.products_list_wrap { width: 83%;overflow: hidden;}
.main_product_wrap .wrap{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; gap:4.8rem ;}
.main_product_wrap .wrap .item{width: 48%;position: relative;border-radius: 16px;}
.main_product_wrap .wrap .item img{border-radius: 16px;width: 100%;}
.main_product_wrap .wrap .item p {position: absolute; bottom: 3.2rem; left: 3.2rem;color: #fff;font-size: 2.8rem; font-weight: 600;}

.product_btn{position: relative; display: flex;z-index: 2;margin-top: 140px;right: 12%;justify-content: end;}
.product_btn .product_prev{width: 50px; height: 50px; border-radius: 50%; margin-right: 20px; background: rgba(0, 0, 0, 0.60); color: #fff; text-align: center; line-height: 50px; font-size: 20px; margin-right: 20px; cursor: pointer;font-family: 'SUIT';}
.product_btn .product_next{width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.60); color: #fff; text-align: center; line-height: 50px; font-size: 20px; cursor: pointer;font-family: 'SUIT';}

.products_list {  overflow: hidden; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); position: relative;border-radius: 15px;}
.products_list img { width: 100%;}

.products_list a{position: absolute; z-index: 3; top: 0;left: 0; width: 100%; height: 100%; padding: 25px; transition: 0.3s all;}
.products_list a p{font-size: 2.8rem; color: #fff; font-weight: 600; margin-bottom: 4px;}
.products_list a span{font-size: 1.8rem; color: rgba(255, 255, 255, 0.90);font-weight: 500;line-height: 144%;}
.products_list .txt{position: absolute; top: 70%; left: 3rem;}
@media all and (max-width: 1024px) {
	.products_text{padding: 45px 0px; margin-bottom: 40px;}
	.products_list a p{font-size: 2.5rem;}
	.main_product{flex-direction: column;}
	.products_text::after{display: none;}
	.products_text{width: 100%; text-align: center;}
	.products_text::before{right: -20px;}
	.products_text p br{display: none;}
	.products_text p{margin-bottom: 35px;}
	.product_btn{justify-content: center;}
}

.product_list{width: 92%; max-width: 1260px; margin: 0 auto; padding-top: 10rem; padding-bottom: 14rem;}
.product_list h1{font-size: 3.2rem; font-weight: 600; padding-bottom: 1rem;}
.product_list h1 img{padding-right: 1rem;}
.product_list table{width: 100%;margin-top: 1.2rem ;border-collapse: collapse;}
.product_list th{background-color: #F8F8FA; border-top: 3px solid #F36F20;padding: 2.4rem 5.45rem;font-size: 1.8rem; font-weight: 500;}
.product_list td{text-align: center;font-size: 1.6rem; font-weight: 400;text-align: center;padding: 2.4rem 5.45rem;border-bottom:2px solid #F8F8FA;}
.table_mob{display: none;}



/* 카탈로그 */
.catalog_wrap{position: relative; }
.catalog{padding-top: 10rem;padding-bottom: 14rem;width: 92%; max-width: 1520px; margin: 0 auto; display: flex; justify-content: center; align-items: center;gap:0 7rem;}
.catalog .left_img{width: 60rem;position: relative;z-index: 9; }
.catalog .left_img img{width: 100%; }
.catalog .right_text{position: relative; z-index: 9;}
.catalog h1{font-size: 4rem; font-weight: 600; line-height: 130%;}
.catalog h2{color: #767676; font-size: 2.4rem;display: flex;align-items: center;padding-top: 0.5rem;}
.catalog span{ display: block; width: 1px; height: 10px; background-color: #999; margin: 0 10px;}
.catalog h3{color: #767676; font-size: 1.8rem;padding-top: 2rem;padding-bottom: 6rem;}
.catalog .down_btn{display: flex; justify-content: start; gap: 0 12px; align-items: center;}
.catalog .down_btn a{gap:0 3rem; display: flex; justify-content: space-between; align-items: center; background-color:#F36F20; padding: 2rem; color: #fff; font-size: 1.8rem; font-weight: 600;}
.catalog .blue_bg{position: absolute;bottom: 0; z-index: 0; left: 0; width: 100%; height: 32.8rem;background-color: #F7F7F7;}

/* 카탈로그 반응형 */
@media screen and (max-width:1200px)  {
    .catalog{gap: 0 5rem; justify-content: center;}
    .catalog h1{font-size: 3rem;}
    .catalog h2{font-size: 2rem;}
    .catalog .left_img{width: 45rem;}
    .catalog{padding-bottom: 10rem;}
    
}
@media screen and (max-width:650px) {
    .catalog{flex-wrap: wrap; align-items: center;gap: 3rem;}
    .catalog h3{padding-bottom: 3rem;}
}
@media screen and (max-width:512px) {
    .temp2{display:none;}
}
@media screen and (max-width:500px) {
    .catalog .down_btn{gap: 12px;}
}
@media screen and (max-width:440px) {
   .temp{display:none;}
}
@media screen and (max-width:400px) {
    .right_text{width: 90%;}
    .catalog .down_btn{flex-wrap: wrap; }
}

/* 견적문의 */
.inquiry{padding-bottom: 14rem; width: 92%; max-width: 1200px; margin: 0 auto;}
.inquiry h1{font-size: 4.8rem; font-weight: 600; color: #111;line-height: 131%;padding-bottom: 1.2rem;text-align: center;margin-top: 8rem;}
.inquiry p{font-size: 1.8rem; font-weight: 400;line-height: 144%;color: #505050;text-align: center;margin-bottom: 4.8rem;}

.event_wrap{margin-top: 10rem; display: flex; justify-content: center;}
.event_wrap .event_img{width: 80%; height: 400px; background-position: center !important; background-size: cover !important; background: url(../img/inquiry_img.png)no-repeat;}
@media screen and (max-width:768px) {
    .event_wrap .event_img{height: 220px;}
}


/* 견적문의 반응형 */
@media screen and (max-width:1200px) {
    .inquiry h1{font-size: 3rem;}
}
@media screen and (max-width:768px) {
    .inquiry h1{font-size: 2.4rem;}
    .inquiry p{font-size: 1.6rem;}
}
@media screen and (max-width:400px) {
    .sub_menu_inner, .sub_menu_wrap{border-bottom: none;}
    .sub_menu_wrap .sub_menu_inner li {border-bottom: 1px solid #e5e5e5;}
    .sub_menu_wrap .on{font-size: 1.8rem; color: #F36F20; font-weight: 600; border-bottom: 4px solid #F36F20!important;}
}


.br_650{display: none;}
.br_1202{display: none;}
.br_768{display: none;}
.img_mob{display: none;}

/* 메인 반응형 */
@media screen and (max-width:1758px) {
    .products_list_wrap{width: 92%; max-width: 126rem;margin: 0 auto;}
    .product_btn{right: 14%; margin-top:-9%;}
}
@media screen and (max-width:1538px) {
    .section02 .right{width: 35%;}
    .section02 .left{width: 57%;}
    .company02 .color_info{width: 40%;}
    .product_btn {right: 8%; margin-top: -10%;}
    .products_list .txt{top: 65%;}
}
@media screen and (max-width:1502px) {
    .line {width: 56%;}
    .main_text h1, .main_text h5, .main_text h2{width: 55%;}
    .width{padding-top: 10rem;}
    #header .head_menu .logo{width: 18.6rem;}
    .top_tel{font-size: 1.8rem;}
    .main_product_wrap h6{margin-bottom: 0rem;}
}
@media screen and (max-width:1390px) {
    #header .head_menu .logo{width: 18.6rem;}
    .top_tel{font-size: 1.8rem;}
    .product_btn {margin-top: -11%;}
}
@media screen and (max-width:1310px) {
    .line {width: 65%;}
    .main_text h1, .main_text h5, .main_text h2{width: 60%;}
    .company01 .right{width: 35%;}
    .company01 .left{width: 58%;}
    .company02 .ci .img{width: 55%;}
    .products_list .txt{left: 1rem;}
    .main_product_wrap .wrap{gap: 3.8rem;}
}
@media screen and (max-width:1202px) {
    .main_product_wrap .wrap .item p{font-size: 2.2rem;}
    .br_1202{display: block;}
    .line{width: 48%; top: 48%;}
	.line1{width: 49%; background: #fff; height: 2px; position: absolute;top: 46%;right:0;}
    .main_text h4{font-size: 2rem;}
    .main_text h1{width: 48%; font-size: 4rem;}
    .main_text h5{width: 48%; font-size: 2.4rem;}
    .main_text h2{font-size: 3rem; width: 48%;}
    .sub_title span{width: 1rem; height: 1rem; margin-top: 1.2rem;}
    .sub_title h1{font-size: 3rem;}
    .section01 .item .text{top: 70%;left: 2rem;}
    .section01 .item .text h5{font-size: 2rem;}
    .section02 h1{font-size: 2rem;padding-bottom: 1.4rem;}
    .section02 .img{padding-bottom: 5rem; width: 25rem;}
    .section02 p{font-size: 1.6rem;}
    .section02 p span{font-size: 2rem;}
    .section03 .map_info_wrap .logo{width: 40rem;}
    .foot_logo{width: 15rem;}
    .footer{gap: 0 13rem;}
    #header .head_menu .main_menu{width: 65%;}
    #header .head_menu .main_menu .dept1 > a{font-size: 1.6rem;}
    .quick_banner{display: none;}
    .company01 h1{font-size: 2rem;padding-bottom: 1.4rem;}
    .company01 .img{padding-bottom: 5rem; width: 25rem;}
    .company01 p{font-size: 1.6rem;}
    .company01 p span{font-size: 2rem;}
    .company01 .img{width: 25rem;}
    .company01 .img img{width: 100%;}
    .company02 h1, .company02 h1 span{font-size: 3.6rem;}
    .company02 .orange{width: 10rem; height: 10rem;}
    .company02 h5{font-size: 2rem;}
    .company02 h6{font-size: 1.6rem;}
    .company02 .imgwrap .img{margin-top: -23px;}
    .company03 .map_info_wrap{gap: 0 11rem;}
    .company03 .logo{width: 27%;}
    .company03 h5{width: 35%;}
    h5.product_sub_title{font-size: 1.8rem;}
    h6.product_sub_title{font-size: 3rem;}
    .product_info .item h4{font-size: 2rem;}
    .product_info .item h4 img{width:2.5rem ;}
    .product_info .left{width: 50%;}
    .product_info .right{width: 40%;}
    .product_info .swiper-button-prev, .product_info .swiper-button-next{top: 55%;margin-right: 15px;}
    .product_btn .product_prev, .product_btn .product_next{width: 30px; height: 30px; line-height: 30px; font-size: 1.6rem;}
    .products_list .txt{font-size: 2.2rem;}
    .products_list a span{font-size: 1.6rem;}
    .products_list .txt{left: 4rem; top: 70%;}
    .products_list a p{font-size: 2.4rem;}
    .current-page{font-size: 3.5rem;}
}
@media screen and (max-width:1024px) {
    .main_product_wrap .wrap{gap: 3rem;}
    .sub_visual{margin-top: 100px;}
    .width{padding-top: 0;}
    .company03 .root_daum_roughmap .wrap_map{max-height: 350px;}
    .product_info .swiper-button-prev, .product_info .swiper-button-next{top: 61%;}
    .products_text::before, .product_btn, .products_text {display: none;}
    .product_list td{padding: 2.4rem 1.45rem;}
    #bo_list{padding-top: 10rem;}
}
@media screen and (max-width:876px) {
    .line{width: 59%;}
    .main_text h1, .main_text h5, .main_text h2{width: 56%;}
}
@media screen and (max-width:850px) {
    .section01 .wrap{flex-wrap: wrap;justify-content: center; gap: 3rem;}
    .sub_title{padding-bottom: 4rem;}
    .section01 .item{width: 43%;}
    .width{padding-top: 10rem; padding-bottom: 14rem;}
    .section01 .item .text{top: 80%; left: 4rem;}
    .br_1202{display: none;}
    .section02 .left{width: 80%;}
    .section02 p{word-break: keep-all;}
    .section02 .right{width: 70%;}
    .section02 .width{justify-content: center; gap: 6rem;}
    .company01 .left{width: 80%;}
    .company01 p{word-break: keep-all;}
    .company01 .right{width: 100%;}
    .company01 .width{justify-content: center; gap: 6rem;}
    .company01{gap: 6rem; justify-content: center;}
    .company03 .map_info>div{flex-direction: column;gap: 1rem; align-items: start;}
    .product_info .inner{flex-direction: column; gap: 6rem; align-items: center;}
    .product_info .left, .product_info .right{width: 80%;}
    h5.product_sub_title{text-align: center;}
    h6.product_sub_title{text-align: center;}
    .products_list .txt{left: 3rem; top: 64%;}
	.section03 .map_info_wrap{justify-content:center; flex-direction:column;gap:3rem;bottom:-180px;}
	.section03 .map_info_wrap .logo{width:auto;}
}
@media screen and (max-width:768px) {
    .current-page{font-size: 2.8rem;}
    .sub_visual{margin-top: 80px;}
    .sub_menu_wrap .sub_menu_inner ul{gap: 0;}
    .main_text h2{font-size: 2.2rem;}
    .main_text h5{font-size: 2rem;}
    .main_text h1{font-size: 3rem;}
    .main_text h4{font-size: 1.8rem;}
    .mainVisual .arrow > span{width: 40px; height: 40px; line-height: 40px;}
    #section0, #section0 .fp-tableCell{height: 600px!important;}
    .mainVisual{height: 80vh;}
    .sub_title h1{font-size: 2.4rem; padding-bottom: 0.5rem;}
    .sub_title span{width: 0.5rem; height: 0.5rem; margin-top: 1.2rem;}
    .sub_title p{font-size: 1.4rem;}
    .section03 .map_info_wrap{padding: 3.2rem 4.3rem;}
    .section03 h5{font-size: 1.6rem;}
    .section03 h5 img{width:2.5rem ;}
    .footer_width{padding: 5.3rem 3rem; gap: 0 5rem;}
    .mobile_head{height: 80px;}
    .mobile_head .mobile_logo{width: 120px;}
    .section02 .left{width: 90%;}
    .section01 .item .text h5{font-size: 1.8rem;}
    .company01 .left{width: 100%;}
    .company01 .item .text h5{font-size: 1.8rem;}
    .company02 .imgwrap .img{height: 30rem;background: url(../img/m_company02_img1.png) no-repeat;background-position: center;background-attachment: fixed;background-size: cover;}
    .company02 p{font-size: 2rem; margin-top: 1rem;}
    .company02 .imgwrap .img{margin-top: -10px;}
    .company02 h1, .company02 h1 span{font-size: 2.4rem;}
    .company02 .ci{margin-top: 15rem;}
    .company02 .color_box{justify-content: center;}
    .company02 .color_info, .company02 .ci .img{width: 80%;}
    .company02 .ci{flex-direction: column; gap: 6rem;}
    .company03 .map_info{width: 80%;}
    .company03 .map_info_wrap{gap: 6rem;flex-direction: column;}
    h5.product_sub_title{font-size: 1.6rem;}
    h6.product_sub_title{font-size: 2.4rem;}
    .products_list a p{font-size: 2rem;}
    .products_list .txt{left: 2rem;}
    .table_wrap{overflow-X: scroll;}
    .products_list a span br{display: none;}
    .products_list a span{word-break: keep-all;}
    .br_768{display: block!important;}
    .main_product_wrap .wrap{gap: 2rem;}
}
@media screen and (max-width:650px) {
    .sub_menu_inner {border-bottom: 1px solid #e5e5e5;}
    .sub_menu_wrap .sub_menu_inner ul{flex-wrap: wrap;}
    .main_text h1, .main_text h5, .main_text h2{width: 75%;}
    .line{width: 75%;}
    .main_text h4{padding-left: 10%;}
    .section01 .item .text{left: 2rem;}
    .root_daum_roughmap .wrap_map{min-height: 400px;}
    .section03 .map_info_wrap{gap: 5rem ; flex-direction: column; bottom: -190px;}
    .footer_width {gap: 5rem; flex-direction: column;}
    .foot_info span, .copyright span{word-break: keep-all;}
    .company03 .logo{width: 50%;}
    .product_info{padding-top:15rem ;}
    .products_list .txt{left: 10%; top: 70%;}

}

@media screen and (max-width:518px) {
    .products_list .txt{top:60% ;}
    .section01 .item{width: 80%;}
    .img_mob{display: block;}
    .img_pc{display: none;}
    .section01 .item .text{left: 4rem; top: 70%;}
    .company02 .down_btn{gap: 3.2rem; flex-direction: column;}
    .company03 .map_info{width: 100%;}
    .section03 .width{padding-bottom: 0 ;padding-top: 7rem; margin-bottom: 30rem!important;}
    .company02 .imgwrap .img{background: url(../img/m2_company02_img1.png) no-repeat; background-position: center;background-size: cover;}
    .company02 p{font-size: 1.6rem;}
}
@media screen and (max-width:470px) {
    .main_text h1, .main_text h5, .main_text h2{width: 95%;}
    .line{width: 95%;}
    .main_text h4{padding-left: 0%;}
    .section03 .map_info_wrap .logo{display: none;}
    .section03 .map_info>div{flex-direction: column; align-items: start; gap: 1rem;}
    .section03 .map_info_wrap{padding: 3rem;}
    .company02 .color_info, .company02 .ci .img{width: 100%;}
    .products_list_wrap{width: 70%!important;}
    .products_list .txt{top: 63%;}
    .main_product_wrap .wrap .item{width: 100%;}
}
@media screen and (max-width:410px) {
    .company01{padding-top: 18rem;}
    .company02, .company03 {padding-top: 20rem;}
}