@charset "utf-8";
@media (max-width: 1600px) {
	/* header */
    #header:after{top:80px;}
    #header .contain{height:80px;}
    #header .sitelogo {top:20px;}
    #header .sitelogo img{height:40px;}

    #gnb{padding-right:0;}
    #gnb>ul {margin:0 -50px;justify-content:center;} 
    #gnb>ul>li {padding:0 50px;}
    #gnb>ul>li>a {font-size:18px; line-height:80px;}

    #gnb .submenu {left:50px;}
    #gnb .submenu>ul {padding:25px 0;}
    #gnb .submenu ul li {margin-bottom:10px;}
    #gnb .submenu ul li a {font-size:16px;}
    #gnb .submenu .flex{padding:25px 0;}
    #gnb .submenu .flex .col{padding:0 15px;}
    #gnb .submenu .flex .col:before,
    #gnb .submenu .flex .col:after{height:calc(100% + 20px);}

    .submenu-bg {top:80px;}

        
    
}

@media (max-width: 1230px) {
	#gnb{display: none;}

    /* main */ 
    .main-visual .item{height:600px;}

    .sec1{margin-top:-100px;}
    .main-product ul{margin:0 -5px;}
    .main-product ul li{padding:0 5px;}
    .main-product ul li .box{padding:15px;}
    .main-product ul li .box .img{margin-bottom:10px;}
    .main-product ul li .box .tit{font-size:15px;}
    .main-product ul li .box .code{font-size:13px;}

    .tt18 br{display: none;}

    .sec2 .tt-wrap .tt18{margin-right:40px;}

    .sec3 .sec-tit{margin-right:40px;width:35%;}
    .sec3 .con ul li .box .ic img{height:50px;}
    .sec3 .con ul li .box .tt-wrap .btn{width:30px;height:30px;}

    /* footer */
    #footer{padding:40px 0;}
    #footer .contain{display:block;}
    #footer .logo{margin-right:0;margin-bottom:25px;}
    #footer .logo img{height:50px;}
    #footer .foot-info{width:100%;}
    #footer .foot-info address {gap:0 30px;}
    #footer .foot-info .copy{margin-top:10px;}
    #footer .foot-info .foot-menu ul{gap:0 20px;}

    .scroll-top{width:50px;height:50px;font-size:15px;}

    /* sub page */
    .sub-visual {height:300px;}

    .lnb{margin-top:0;}
    .lnb ul li a{height:50px;}
    .lnb.type2 ul li{flex:none;}
    .lnb.type2 ul li a{padding:0 20px;}

    .about .cont1 .con .cnt .tt br{display: none;}
    .history .con .img{margin-top:25px;width:50%;}
    
    .greeting .tt-wrap .tit br{display: none;}
    .greeting .tt-wrap .wrap p{margin-bottom:15px;}
    .greeting .tt-wrap .ceo{margin-top:15px;}

    .business .con .row .tit{padding:10px 20px;}
    .business .con .row .tt{padding:0 20px;}
    .business .con .row .tt br{display: none;}

    .product-info{padding-top:0;}
    
}

@media(max-width:900px){
    .product-top{display: block;}
    .product-top .img{width:100%;}
    .product-top .tt-wrap{width:100%;}
    .product-top .tt-wrap .media{max-width:300px;margin:25px auto 0;}
}

@media (max-width: 768px) {
	/* header */
    #header:after{top:60px;}
    #header .contain{height:60px;}
    #header .sitelogo {top:12px;left:15px;}
    #header .sitelogo img{height:36px;}

    /* main */ 
    .main-visual .item{height:400px;}
    .main-visual .contain{bottom:30px;}
    .main-visual .controls{margin-bottom:15px;}
    .main-visual .controls .paging li>div{width:70px;}
    .main-visual .controls .slick-arrow{width:20px;height:20px;}

    .sec1{margin-top:40px;}
    .main-product ul{margin:-5px;flex-wrap:wrap;}
    .main-product ul li{padding:5px;width:50%;}
    .main-product ul li .box{padding:10px;}
    .main-product ul li .box .img{width:100%;}

    .tt18{line-height:1.6em;}
    .sec2{text-align:center;}
    .sec2 .tt-wrap{display: block;margin-bottom:40px;}
    .sec2 .tt-wrap .tt18{margin-right:0;width:100%;margin-bottom:30px;}
    .view-more{padding-right:20px;}
    .view-more:before{width:44px;height:44px;}
    .view-more span{padding:3px 20px 3px 0;}
    .view-more span:after{width:14px;height:14px;}

    .sec3 .contain{display: block;}
    .sec3 .sec-tit{margin-right:0;width:100%;margin-bottom:30px;}
    .sec3 .con{width:100%;}
    .sec3 .con ul{margin:0 -7px -14px;}
    .sec3 .con ul li{padding:0 7px;margin-bottom:14px;}
    .sec3 .con ul li .box .ic{margin-bottom:30px;}
    .sec3 .con ul li .box .ic img{height:44px;}
    .sec3 .con ul li .box .tt-wrap .btn{width:24px;height:24px;}

    .sec4 .btns{max-width:65%;margin:0 auto;}
    .sec4 .btns ul{margin:0;display: block;}
    .sec4 .btns ul li{width:100%;padding:0;margin-bottom:10px;}
    .sec4 .btns ul li:last-child{margin-bottom:0;}
    .sec4 .btns ul li .btn{padding:0 15px;height:44px;}
    .sec4 .btns ul li .btn:after{right:10px;}

    /* footer */
    #footer{padding:35px 0;text-align:center;}
    #footer .logo{margin-bottom:20px;}
    #footer .logo img{height:40px;}
    #footer .foot-info address {display: block;}
    #footer .foot-info .copy{margin-top:15px;line-height:1.3em;}
    #footer .foot-info .foot-menu ul{justify-content:center;}

    .scroll-top{width:36px;height:36px;right:15px;font-size:12px;}

     /* sub page */
    .sub-visual {height:200px;}
    .sub-visual .tit-wrap{padding-top:60px;}

    .lnb ul li a{height:44px;font-size:14px;}
    .lnb.type3 ul li{flex:none;}
    .lnb.type3 ul li a{padding:0 20px;}
    .lnb.type2 ul li a{padding:0 20px;font-size:13px;}

    .sub-title{margin-bottom:55px;}

    .about .cont1 .top-txt{margin-bottom:20px;}
    .about .cont1 .top-txt .tit{font-size:20px;}
    .about .cont1 .con{margin-top:20px;display: block;}
    .about .cont1 .con .txt{margin-right:0;margin-bottom:10px;font-size:15px;line-height:1.6em;}
    .about .cont1 .con .txt br{display: none;}
    .about .cont1 .con .cnt{width:100%;}
    .about .cont1 .con .cnt .tt{margin-bottom:20px;}
    .about .cont1 .con .cnt .info dl{padding:10px 15px;}
    .about .cont1 .con .cnt .info dl dt{width:110px;}

    .history .title{font-size:18px;line-height:1.5em;margin-bottom:30px;}
    .history .con{display: block;}
    .history .con:after{width:8px;height:8px;top:-4px;}
    .history .con .left{margin-right:0;width:100%;padding-top:30px;}
    .history .con .left .row .year{width:70px;}
    .history .con .img{margin-top:40px;width:100%;}

    .greeting .img{margin-bottom:20px;}
    .greeting .tt-wrap .tit{font-size:15px;line-height:1.6em;margin-bottom:15px;}

    .cert-list ul{flex-wrap:wrap;margin:0 -7px -14px;}
    .cert-list ul li{width:50%;padding:0 7px;margin-bottom:14px;}

    .agent ul{display: block;margin:0;}
    .agent ul li{width:100%;padding:0;margin-bottom:20px;}
    .agent ul li:last-child{margin-bottom:0;}
    .agent ul li .box{padding:20px;}
    .agent ul li .box .tit{margin-bottom:20px;}
    .agent ul li .box .tit small{font-size:13px;}
    .agent ul li .box .info dl dt{margin-right:15px;}
    .agent ul li .box .info dl dt img{height:20px;}
    .agent ul li .box .info dl dd{padding-top:0;}
    .agent ul li .box .info dl dd br{display: none;}

    .product-top .tt-wrap{padding:20px;}
    .product-top .tt-wrap .media{max-width:100%;}

    .client ul{margin:0 -5px -10px;}
    .client ul li{width:33.3333%;padding:0 5px;margin-bottom:10px;}

    .doc-btn{width:120px;height:44px;}

    .product-info .btns ul li .btn{padding:0 15px;}
    .product-info .btns ul li .btn:after{right:15px;}

}