/*  header start */
/*
@media(max-width:1400px) {
    #header .top_wrap .logo {width:15%}
    #header .top_wrap .nav {width:71%}
    #header .top_wrap .etc {width:14%}
}
*/
@media(max-width:1470px) {
footer h1 {width: 15%; }
footer .flex .left .cols1 {width:17%}
footer .flex .left .cols2 {width:15%;padding: 0 0 60px 1%;}
footer .flex .left .cols3 {padding: 0 0 60px 1%;width:51%}
}
@media(max-width:1350px) {
	footer .flex .left .cols1 {padding: 0 0 60px 0;position: relative;width: 23%;float: left;}
	footer .flex .left .cols1:after {display:none}
	footer .flex .left .cols2 {float: left;padding: 0 0px 60px 2%;position: relative;width: 21%;}
	footer .flex .left .cols2:after {display:none}
	footer .flex .left .cols3 {float: right;padding: 0 0 60px 2%;position: relative;width: 55%;}
	footer .flex .left .cols3:after {display:none}
    footer h1 {text-align: center; width: 100%;padding:0px 0 30px 0}
    footer h1 img {width:160px}
}

@media(max-width:1200px) {
    /* 인덱스 */
    #index_h1 {
        font-size: 26px;
    }

    #lm_index_wrap .section01 {
        position: relative;
        background-position: 0% 0%;
        background-repeat: no-repeat;
        padding-top: 0px;
        /* padding-top: 60px; */

    }

    #lm_index_wrap .section01 .text {
        font-size: 16px;
        padding-top: 120px;
    }

    #lm_index_wrap .section01 .text h2 {
        font-size: 32px;
        font-weight: 100;
        color: #000;
        overflow: hidden;
    }

    #lm_index_wrap .section01 .text h1 {
        font-size: 42px;
    }

    #lm_index_wrap .section01 .image img {
        width: 50%;
    }

    #lm_index_wrap .section02 {
        background: #ededed;
        padding-top: 100px;
        padding-bottom: 80px;
        height: 83vmin;
        /* min-height: 720px; */
        max-height: 660px;
    }

	.product_wrap {padding: 90px 0 80px 0; }
	.about_wrap {width: 100%; padding: 0 0px 0px 0px;overflow:hidden}	
	.box_lt .box_lt2 {width:24%;float:left}
	.box_lt h6 {font-size:30px;font-weight:900;}
	.box_lt2 h6 {font-size:30px}
	.box_rt {float:left;width:76%}
	.box_rt p {font-size: 16px; color: #000; line-height: 30px;}
	.box_rt span {font-size: 14px;line-height: 30px; }
	.box_rt2 {float:left;width:51%}
	.box_rt2 p {font-size: 16px;line-height: 24px;padding:20px 0 0 0}
	.box_rt2 span {font-size: 14px; line-height: 26px;}
	.btn_wrap .bt_lnk {width: 155px; }
	.btn_wrap .bt_lnk span::after { margin-left: 20px; }
	.btn_wrap .bt_lnk:hover span::after {margin-left: 20px;}


    /* 인덱스 마감 */

    .s_visual_wrap {
        margin-top: 0px;
    }

    .s_visual_wrap .slide .content {
    }

	.whoweare_rt {padding-right:10%}
	.whoweare_rt img {max-width:100%}
	.whoweare_lt h6 {padding:0px 0 20px 0}
	
	.cs_wrap .info dl dd a {margin-left: 0px;}


}



@media(max-width:991px) {
    .animate {
        opacity: 1;
    }

    #header {overflow: hidden; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 80px; transition: .5s height, .2s background; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; background: #fff; box-shadow: 5.5px 9.526px 24px 0px rgb(20 0 0 / 6%);}

    .header h1 {
        padding-top: 20px;
        padding-left: 20px;
    }
    .header h1 a {/* overflow: hidden; */ /* display: block; */ background: url(../../img/logo2.png) 0 0 no-repeat; /* text-indent: -9999px; */ height: 40px; width: 100px; background-size: contain;}

    #header .nav {
        display: none;
    }
    #header .etc {
        display: none;
    }
    #header .qnet_top {
        display: none;
    }

    .js-offcanvas-btn {
        display: block;
    }

    .sidebar-offcanvas {
        display: block !important;
    }

    #header .top_wrap .logo {
        width: 50%;
    }

    #header .top_wrap .nav {
        width: 50%;
        justify-content: center;
        align-items: center;
    }

	.s_visual_wrap {}

	#index_swiper .bottom-left {height: 70px; }
	#index_swiper .bottom-left .box_wrap .box.box01 {height: 70px; }
	#index_swiper .bottom-left .box_wrap .box {padding: 18px 40px 0px 0px;}
	#index_swiper .bottom-left .box_wrap .box.box02 a{font-size: 18px; }
	.product_cnt > .product_tab{width: 100%;}
	.product_cnt > .big_img{width: 100%;/* margin-bottom: 5vw; */} 
	.product_cnt > .big_img figure{border-radius: 30px;}
	.product_cnt > .big_img figure img{width: 100%;}
	.product_cnt > .product_tab > li:first-child > a { border-radius: 30px 30px 0 0; }
	.product_cnt > .product_tab > li:last-child > a { border-radius: 0px 0px 30px 30px; }
	.product_cnt > .product_tab > li:first-child { border-radius: 30px 30px 0 0;}
	.product_cnt > .product_tab > li:last-child { border-radius: 0px 0px 30px 30px; }
	.product_cnt > .product_tab > li > a{padding: 20px 30px;}

	.product_wrap{padding: 80px 20px 10vw;}
	.product_wrap .main_tit > a{position: relative; margin-top: 5vw;}
	.product_cnt > .product_tab > li{border-left: 1px solid #ddd;	}

	.product_cnt > .product_tab > li > a .box h4 { margin-bottom: 13px;  font-size: 25px; }
	.product_cnt > .product_tab > li > a .box p { font-size: 14px;}
	.product_cnt > .product_tab > li a figure img {width: 50px; height: 50px; margin-top: 9px;}



	#rolling_box {margin:60px 0; padding:0 4%;}
	#rolling_box .swiper-btn-wrap2 {width:74%; }


    /* 인덱스 */
    /* 공통 */
    #index_h1 {
        font-size: 16px;
    }

    /* 인덱스 마감 */

    /* 서브비주얼 bottom */
 
    .s_visual_wrap .sub_bottom {
        left: 0; 
        bottom: 53px;
        z-index: 9;
        width: 100%;
        position: relative;
   }
   .s_visual_wrap .sub_bottom .wrap {
       width: 100%;
        position: relative;
        background: #fff; 
        height: auto;
        display:flex;
        justify-content: center;
        flex-direction: column;
        
   
   
   }

    /* 서브 슬라이더 */

    .s_visual_wrap .slide {
        height: 150px;

    }


    .s_visual_wrap .slide li {
        height: 150px;

    }

    .s_visual_wrap .slide .content {
        top: 40%;
        text-align: center;

    }

    .s_visual_wrap .slide {
        padding-left: 15px;
        padding-right: 15px;
    }

    .s_visual_wrap .slide .content h1 {
        font-size: 30px;
        font-weight: 800;
        color: #000;
        padding: 0;
        padding: 0;
    }

    .s_visual_wrap .slide .content p {
        font-size: 13px;
        font-weight: 400;
        color: #000;
        margin-top: 6px;
    }

    /* 서브 슬라이더 마감 */

   
    /*  서브 레이아웃 */
    #sub_content {
        margin-top: 110px;
    }

    #sub_content .page-header {
        margin-bottom: 26px;
        padding-bottom: 0;
        padding-left: 15px;
    }
    #sub_content .container .page-header {
        padding-left: 0;
    }


    #sub_content .page-header h1 {font-size: 22px; font-weight: 700; color: #000; font-family: 'Montserrat','Noto San KR';}

    /*  서브 레이아웃 마감 */

    /* footer */


    footer .flex {
        display: flex;
        flex-direction: column;
    }

    footer .flex .left {
        width: 100%;
    }

    footer .flex .right {
        width: 100%;
        justify-content: flex-start;
        display: flex;
        flex-direction: column-reverse;
        display: none;
    }
	footer .flex .left div {font-size: 13px; line-height: 20px;}
	footer .flex .left .cols1 {width:50%;text-align:center;padding:0}
	footer .flex .left .cols2 {width:50%;text-align:center;padding:0}
	footer .flex .left .cols3 {width:100%;text-align:center;padding:30px 0 30px 0}
}



@media screen and (max-width: 768px) {	
    #sub_content {margin-top: 80px;}

	.product_wrap{padding: 80px 10px 10vw;}
	.about_wrap {width: 100%; padding: 0 10px 50px 10px;overflow:hidden}	
	.box_lt {width:100%;clear:both}
	.box_lt h6 {font-size:24px;}
	.box_rt {clear:both;width:100%}
	.box_rt p {font-size: 14px; color: #000; line-height: 24px;padding:20px 0 0 0}
	.box_rt p br {display:none}
	.box_rt span {font-size: 14px;line-height: 30px; }
	.box_lt2 {width:100%}
	.box_rt2 {width:100%}
	.box_rt2 p {font-size: 16px;line-height: 24px;}
	.box_rt2 p br {display:none}
	.box_rt2 span {font-size: 14px; line-height: 26px;}
	.box_rt3 {width:100%}
	.box_rt3 img { width: 40%; padding-left: 30px; }
	.btn_wrap {position: absolute; bottom: 23%;}
	.btn_wrap .bt_lnk {width: 155px; }
	.btn_wrap .bt_lnk span::after { margin-left: 20px; }
	.btn_wrap .bt_lnk:hover span::after {margin-left: 20px;}
	footer {margin-top:80px;}
	footer h1 img {width:130px;text-align:center}

	.whoweare_rt {width:100%}
	.whoweare_rt img {display:none}
	
}



@media(max-width:640px) {
	#index_swiper .bottom-left .box_wrap {display: flex;}
	#index_swiper .bottom-left .box_wrap .box {width: 100%; padding:10px 40px 10px 0px}
	#index_swiper .bottom-left {z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px;}
	#index_swiper .bottom-left .box_wrap .box.box01 {width: 40%; height: 60px; line-height: 40px;}
	#index_swiper .bottom-left .box_wrap .box.box01 img {width:40%;}
	#index_swiper .bottom-left .box_wrap .box.box02 {width: 60%; }
	#index_swiper .bottom-left .box_wrap .box.box02 a{width: 100%;height: 60px;line-height:40px}
	#index_swiper .bottom-left .box_wrap .box.box02 img {width:10%;}
	.product_wrap .main_tit{margin-bottom: 5vw;}
	.product_wrap .main_tit > h5{word-break: keep-all; line-height: 1.7; margin: 3vw 0 2vw;}
	.product_cnt > .product_tab > li > a .box h4 {margin-bottom: 13px; font-size: 20px; }
	.product_cnt > .product_tab > li > a .box p {font-size: 13px;line-height:20px }

}

@media screen and (max-width: 480px) {	
	
	#rolling_box .swiper-container2 .swiper-slide{width:100% !important; }
	#rolling_box .swiper-container2 .swiper-slide .txtBox .tit {font-size:1.25em;}
	#rolling_box .btn_view {height:30px;line-height:30px}

	footer .flex .left { padding: 30px 10px 0 10px; }
	footer .flex .left div {font-size: 11px; line-height: 14px;}
	footer .flex .left .cols3 {padding: 10px 0 10px 0; }

	.btn_wrap {position: absolute; bottom: 13%;}
    footer h1 {padding:10px 0 10px 0}
	footer h1 img {width:28%}
}

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

}