@charset "utf-8";
@media (max-width: 1840px) {
	/* header */
    #header:after{top:80px;}
    #header .contain{height:80px;}
    #header .sitelogo {top:15px;left:30px;}
    #header .sitelogo a img{height:50px;}
    
    #gnb>ul {margin:0 -40px;} 
    #gnb>ul>li {padding:0 40px;}
    #gnb>ul>li>a {font-size:18px; line-height:80px;}

    #gnb .submenu {top:80px;}
    #gnb .submenu ul {padding:20px 0;}
    #gnb .submenu ul li {margin-bottom:10px;}
    #gnb .submenu ul li a {font-size:16px;}

    .btn-m-menu{width:80px;height:80px;}

    #header .btn-mall{right:110px;padding:0 15px;height:36px;border-radius:36px;font-size:14px;}
}

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

    /* footer */
    #footer {padding:40px 0;font-size:14px;}
    #footer .foot-info{margin-right:40px;}
    #footer .foot-info address dl dt{width:80px;}
    #footer .foot-info .copy{font-size:12px;}
    #footer .right .mark img{height:60px;}

    .scroll-top{right:30px;bottom:30px;width:40px;height:40px;background-size:16px;}

    .quick-mall{display: none;}

    /* main */ 
    .main-visual .item {height:400px;}
    .main-visual .slick-dots{gap:20px;bottom:30px;}
    .main-visual .slick-dots li button{width:10px;height:10px;}

    .tt18 br,
    .tt20 br{display: none;}

    .sec1 .tt-wrap:before{height:180px;}
    .sec1 .img{width:40%;}
    .doc-more{height:40px;padding:2px 20px 0;}

    .main-license{padding:0 60px;}
    .main-license .slick-arrow{width:32px;height:32px;background-size:8px;}
    .main-license .slick-prev{left:-60px;}
    .main-license .slick-next{right:-60px;}

    .main-partner .js-marquee{margin-right:20px !important;height:60px;}
    .main-partner .items .item{margin-right:20px;}
    .main-partner .logo img{height:60px;}

    .sec5 .contain{display: block;}
    .sec5 .sec-tit{margin-right:0;margin-bottom:30px;}
    .sec5 .main-contact{width:100%;}
    
    /* sub page */
    .sub-visual {height:300px;}
    .sub-visual .tit-wrap{padding-top:80px;}
    .lnb ul li a{padding:0 20px;height:36px;}

    .greeting .tt-wrap:before{height:250px;}
    .greeting .tt-wrap .ceo{margin-top:30px;} 

    .capa ul{margin:0 -10px -20px;}
    .capa ul li{padding:0 10px;margin-bottom:20px;}
    .capa ul li .box .ic{margin-bottom:20px;}
    .capa ul li .box .ic img{height:60px;}
    .capa ul li .box .info .row{margin-bottom:5px;}
    .capa ul li .box .info br{display: none;}

    .pr-view .top-con .img{width:50%;margin-right:40px;}
    .pr-view .top-con .tt-wrap{padding-top:0;}
    /* .pr-view .top-con .tt-wrap .info dl{margin-bottom:5px;}
    .pr-view .top-con .tt-wrap .info dl dt{width:80px;}
    .pr-view .detail .cnt{padding:15px 0;}
    .doc-btn{width:160px;height:48px;} */

	.partner-list ul {grid-template-columns: repeat(4, 1fr);}
    
}


@media (max-width: 768px) {
	/* header */
    #header:after{top:60px;}
    #header .contain{height:60px;}
    #header .sitelogo {top:10px;left:15px;}
    #header .sitelogo a img{height:40px;}
    
    .btn-m-menu{width:60px;height:60px;background-size:24px;}

    #header .btn-mall{right:80px;padding:0 12px;height:26px;font-size:10px;}

    /* footer */
    #footer .contain{flex-direction: column;}
    #footer {padding:35px 0;font-size:13px;text-align:center;}
    #footer .foot-info{margin-right:0;margin-top:20px;width:100%;order:2;}
    #footer .foot-info address dl{display: block;margin-bottom:10px;}
    #footer .foot-info address dl dt{width:100%;}
    #footer .foot-info address dl dd{width:100%;display: block;}
    #footer .foot-info address dl dd .bar{margin:0;display: none;}
    #footer .foot-info .copy{margin-top:15px;line-height:1.4em;}
    #footer .foot-info .copy .bar{margin:0;display: none;}
    #footer .foot-info .copy a{font-size:11px;}
    #footer .right{order:1;}
    #footer .right .foot-menu ul{justify-content:center;gap:20px;}
    #footer .right .mark{text-align:center;}
    #footer .right .mark img{height:50px;}

    .scroll-top{right:15px;width:32px;height:32px;background-size:12px;}

    /* main */ 
    .main-visual .item {height:300px;}
    .main-visual .slick-dots{gap:15px;bottom:20px;}
    
    .sec1 .contain{flex-direction: column;}
    .sec1 .tt-wrap{order:2;width:100%;}
    .sec1 .tt-wrap:before{height:120px;}
    .sec1 .tt-wrap .wrap{margin-bottom:20px;}
    .sec1 .img{width:100%;order:1;margin-bottom:20px;}
    .doc-more{height:36px;padding:0 15px;}

    .sec-tit .doc-more{position: static;transform:translateY(0);margin-top:20px;}

    .main-product ul{flex-wrap:wrap;margin:0 -10px -30px;}
    .main-product ul li{width:50%;padding:0 10px;margin-bottom:30px;}
    .main-product ul li p{margin-top:10px;}

    .main-partner .js-marquee{margin-right:10px !important;height:50px;}
    .main-partner .items .item{margin-right:10px;}
    .main-partner .logo{border-radius:4px;}
    .main-partner .logo img{height:50px;}

    .sec5 .contain{display: block;}
    .sec5 .sec-tit{margin-right:0;margin-bottom:20px;}
    .sec5 .main-contact{width:100%;}
    .main-contact ul{margin:0;display: block;}
    .main-contact ul li{width:100%;padding:0;margin-bottom:10px;}
    .main-contact ul li:last-child{margin-bottom:0;}
    .main-contact ul li .box{display: flex;align-items:center;}
    .main-contact ul li .box .tit-wrap{gap:10px;margin-bottom:0;width:120px;}
    .main-contact ul li .box .tit-wrap .ic{width:32px;height:32px;}
    .main-contact ul li .box .tit-wrap .ic img{height:16px;}

    /* sub page */
    .sub-visual {height:230px;}
    .sub-visual .tit-wrap{padding-top:60px;}
    .sub-visual .tit-wrap .tit{font-size:28px;}
    .sub-visual .tit-wrap .tt18{margin-top:5px;}

    .lnb{padding:6px;}
    .lnb ul li a{padding:0 15px;height:32px;font-size:15px;}
    .lnb.type2 ul{justify-content:flex-start;}
    .lnb-wrap.type2 .contain{display: block;}

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

    .greeting .img{margin-bottom:25px;}
    .greeting .tt-wrap:before{height:200px;}
    .greeting .tt-wrap .tit{font-size:18px;margin-bottom:10px;}
    .greeting .tt-wrap .ceo{margin-top:20px;} 

    .vision .content .title{margin-bottom:25px;}
    .vs .rest-wrap{border-width:6px;padding:20px;margin-bottom:30px;}
    .vs .rest-wrap p{line-height:1.4em;}
    .vs .arr-con .arr{margin:20px 0;}
    .vs .arr-con .arr img{height:60px;}

    .ide ul{margin:0 -7px -14px;justify-content:flex-start;}
    .ide ul li{width:50%;padding:0 7px;margin-bottom:14px;}
    .ide ul li .box{padding:20px;}
    .ide ul li .box .ic img{height:60px;}
    .ide ul li .box .tt br{display: none;}

    .history .top-img img{border-radius:10px;}
    .history .con{padding:0;}
    .history .con:before{height:86%;left:10px;top:20px;}
    .history .con .row{display: block;}
    .history .con .row .year{width:100%;padding-left:40px;margin-bottom:0;font-size:0;}
    .history .con .row .year:before{width:14px;height:14px;right:auto;left:4px;top:5px;}
    .history .con .row .info{padding-left:40px;padding-top:0;}
    .history .con .row .info ul li{line-height:1.6em;}
    /* .history .con .row .info ul li .month{width:40px;} */

    .license-list ul{margin:0 -5px;}
    .license-list ul li{padding:0 5px;}

    .capa ul{margin:0;display: block;}
    .capa ul li{padding:0;width:100%;}
    .capa ul li:last-child{margin-bottom:0;}
    .capa ul li .box .ic{margin-bottom:15px;}
    .capa ul li .box .ic img{height:50px;}
    .capa ul li .box .tit{font-size:18px;margin-bottom:5px;}

    .process .row{display:block;}
    .process .row .img{width:100%;margin-bottom:25px;}
    .process .row .tt-wrap{width:100%;padding-left:0}
    .process .row .tt-wrap .cate{margin-bottom:10px;}
    .process .row .tt-wrap .tit{font-size:20px;}
    .dot-list li br{display: none;}
    .process .row .tt-wrap .info{margin-top:15px;line-height:1.6em;}
    .process .row .tt-wrap .info .tt{margin-bottom:15px;}
    .process .row .tt-wrap .info .tt br{display: none;}

    .pr-view .top-con{display: block;}
    .pr-view .top-con .img{width:100%;margin-right:0;margin-bottom:25px;}
    .pr-view .top-con .tt-wrap{width:100%;}
    .pr-view .top-con .tt-wrap .tit{font-size:22px;}
    .pr-view .top-con .tt-wrap .info{margin-top:15px;}
    .pr-view .top-con .tt-wrap .info dl{font-size:15px;}
    .pr-view .top-con .tt-wrap .info dl dt{width:60px;}
    .pr-view .detail .tit{font-size:18px;margin-bottom:20px;}
    .doc-btn{width:120px;height:40px;font-size:15px;}

	.partner-list ul {grid-template-columns: repeat(2, 1fr);}
}