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

    #gnb{display: none;}

    /* main */ 
    .main-visual .item {height: calc(100vh - 80px);}
    .main-visual .controls .arrs .btn{width:50px;height:50px;}

    .sec1 .con:before{height:300px;}
    .sec1 .con .cnt ul{margin:0 -10px;}
    .sec1 .con .cnt ul li{padding:0 10px;}
    .sec1 .con .cnt ul li .box{min-height:auto;padding:20px;}
    .sec1 .con .cnt ul li .box .tt-wrap .tt{line-height:1.6em;}
    .sec1 .con .cnt ul li .box .tt-wrap .tt br{display: none;}
    .sec1 .con .cnt ul li .box:after{height:32px;bottom:20px;right:20px;}
    .sec1 .con .cnt ul li .box .doc-more{margin-top:40px;}
    .doc-more{font-size:14px;line-height:1em;}

    .sec-tit .doc-more{top:10px;}

    .sec4 .marquee{margin-bottom:10px;height:60px;}
    .sec4 .marquee .items{gap:10px}
    .sec4 .marquee .logo img{height:60px;}

    .js-marquee{margin-right:10px !important;}

    /* footer */
    #footer .foot-top .sns ul li a img{height:32px;}

    .tt18 br{display: none;}
    
    .mobile-navigation .menu-head .contain{height:80px;}
    .mobile-navigation .content{padding-top:0;height:calc(100vh - 80px);padding-bottom:80px;display: flex;align-items: center;}
    .mobile-navigation .nav-menu>ul{gap:0;flex-wrap:wrap;margin:0 -20px -40px;}
    .mobile-navigation .nav-menu>ul>li{width:50%;padding:0 20px;margin-bottom:40px;}
    .mobile-navigation .nav-menu>ul>li>a{min-height:auto;}
    .mobile-navigation .nav-menu>ul>li>a br{display: none;}
    .mobile-navigation .nav-menu>ul>li .submenu{margin-top:10px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul{display:flex;gap:30px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul>li{margin-bottom:0;}

    .flex-con{display: block;}
    .flex-con .left{width:100%;padding-right:0;margin-bottom:30px;}
    .flex-con .cnt{width:100%;}
    .flex-con .cnt .row .tt br{display: none;}
    
    .lnb{padding:15px 0;margin-bottom:40px;}
    .lnb ul{gap:30px;}
    
    .business .flex-con{display: flex;}
    .business .flex-con .left{width:40%;padding-right:0;}
    .business .flex-con .cnt{padding-left:50px;width:60%;}

    .partner ul{margin:0 -10px -20px;}
    .partner ul li{margin-bottom:20px;width:20%;}

    .pr-list.st2{margin-top:0;}
    .pr-list.st2 ul{margin:0 -10px -35px;}
    .pr-list.st2 ul li{padding:0 10px;margin-bottom:35px;}

    .pr-view .top-con .sld{padding-right:50px;}
    .pr-view .top-con .tt-wrap{padding-top:0;}
    .pr-view .top-con .tt-wrap .tit-wrap .top{margin-bottom:15px;}
    .pr-view .top-con .tt-wrap .tit-wrap .top .cate{padding:0 15px;height:28px;}
    .pr-view .top-con .tt-wrap .info dl{display: block;}
    .pr-view .top-con .tt-wrap .info dl dt{width:100%;margin-bottom:5px;}
    .pr-view .top-con .tt-wrap .info dl dd{width:100%;}
    .doc-btn{width:140px;height:50px;}
    .rel-product .sld{padding:0 70px;}
    .rel-product .sld .slick-list{margin:0 -10px;}
    .rel-product .sld .item{padding:0 10px;}
    .rel-product .sld .slick-arrow{width:36px;height:36px;background-size:8px;}
    .rel-product .sld .slick-prev{left:-70px;}
    .rel-product .sld .slick-next{right:-70px;}

    .service .top-img{border-radius:190px;}
    .service .con .tt-wrap{padding-right:40px;width:50%}
    .service .con .tt-wrap .logo{margin-bottom:-70px;}
    .service .con .tt-wrap .group{padding-left:0;}
    .service .con .tt-wrap .group br{display: none;}

    .inquiry .input-area .row .flex{margin:0 -20px;}
    .inquiry .input-area .row .flex .col{padding:0 20px;}
    .inquiry .input-area .row .box textarea.input{padding:15px 20px;}
    .inquiry .input-area .row .box input.input{border:none;display: block;padding:10px 20px;}

    .history{display:block;}
    .history .deco{margin-right:0;display: none;}
    .history .con{width:100%;}
    .history .con .row .col.year{width:200px;}
    .dot-list>li{padding-left:14px;}
    .dot-list>li:before{width:4px;height:4px;top:9px;}

    .pr-pg .cont1 .con>ul{margin:0 -10px -40px;}
    .pr-pg .cont1 .con>ul>li{padding:0 10px;margin-bottom:40px;}
    /* .pr-pg .cont1 .con>ul>li .box{min-height:300px;}
    .pr-pg .cont1 .con>ul>li .box .hover ul>li{padding-left:15px;}
    .pr-pg .cont1 .con>ul>li .box .hover ul>li:before{width:5px;height:5px;top:8px;}
    .pr-pg .cont1 .con>ul>li .tit{gap:16px;} */

    /* .pr-pg .cont2 .cert-list ul{gap:10px;} */

    /* .pr-pg .cont4 .growth ul{margin:0 -20px;}
    .pr-pg .cont4 .growth ul li{width:33.3333%;padding:0 20px;} */

}

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

    .lang {right:70px;}
    .lang .lang-open a {font-size:14px;}

    /* main */ 
    .main-visual .item {height: calc(100vh - 60px);}
    .main-visual .tt-wrap{padding:0 15px;}
    .main-visual .tt-wrap .tit{margin-bottom:10px;font-size:28px;}
    .main-visual .controls{padding:0 15px;bottom:30px;}
    .main-visual .controls .pager .bar{margin:0 5px;}

    .main-visual .controls .arrs .btn{width:36px;height:36px;}
    .main-visual .controls .arrs .btn img{height:14px;}

    .sec1 .con{padding:var(--size70) 15px 0;}
    .sec1 .con .cnt ul{margin:0;display: block;}
    .sec1 .con .cnt ul li{padding:0;margin-bottom:20px;width:100%;}
    .sec1 .con .cnt ul li .box:after{height:30px;}
    .sec1 .con .cnt ul li .box .doc-more{margin-top:30px;}
    .doc-more{font-size:13px;}
    .doc-more:after{width:11px;height:11px;}

    .sec-tit{margin-bottom:30px;}
    .sec-tit .doc-more{top:7px;}
    .sec-tit .tt{line-height:1.5em;}
    .popular-list ul{margin:0 -7px -14px;}
    .popular-list ul li{width:50%;padding:0 7px;margin-bottom:14px;}

    .sec3 .cate-menu{margin-bottom:25px;}
    .sec3 .cate-menu ul{gap:6px;}
    .sec3 .cate-menu ul li a{padding:0 15px;height:32px;}

    .pr-list ul{margin:0 -7px -35px;}
    .pr-list ul li{width:50%;padding:0 7px;}

    .sec4 .marquee{margin-bottom:6px;height:44px;}
    .sec4 .marquee .items{gap:6px}
    .sec4 .marquee .logo img{height:44px;}
    .js-marquee{margin-right:6px !important;}

    /* footer */
    #footer .foot-top{padding:15px 0;}
    #footer .foot-top .contain{flex-direction: column;}
    #footer .foot-top .foot-menu{order:2;}
    #footer .foot-top .sns{order:1;margin-bottom:15px;}
    #footer .foot-top .sns ul{gap:10px;justify-content: center;}
    #footer .foot-top .sns ul li a img{height:30px;}
    #footer .foot-btm{padding:30px 0;text-align:center;}
    #footer .foot-btm .contain{flex-direction: column;}
    #footer .foot-btm .foot-info{margin-right:0;order:2;width:100%;}
    #footer .foot-btm .foot-info address{gap:0;display: block;}
    #footer .foot-btm .foot-info address p{margin-bottom:5px;}
    #footer .foot-btm .foot-info address p:last-child{margin-bottom:0;}
    #footer .foot-btm .foot-info .copy{margin-top:15px;}
    #footer .foot-btm .foot-info .copy a{font-size:11px;}
    #footer .foot-btm .logo{order:1;margin-bottom:20px;}
    #footer .foot-btm .logo img{height:45px;}

    .mobile-navigation .menu-head .contain{height:60px;}
    .mobile-navigation .close {right:15px;}
    .mobile-navigation .content{padding-top:40px;height:auto;padding-bottom:0;display: block;}
    .mobile-navigation .nav-menu>ul{display: block;margin:0;}
    .mobile-navigation .nav-menu>ul>li{width:100%;padding:0;margin-bottom:25px;}
    .mobile-navigation .nav-menu>ul>li:last-child{margin-bottom:0;}
    .mobile-navigation .nav-menu>ul>li>a{font-size:20px;}
    .mobile-navigation .nav-menu>ul>li .submenu{margin-top:5px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul{gap:20px;}

    .pg-title{margin-bottom:20px;}
    .pg-title .tit{font-size:20px;}
    .pg-title .tt{margin-top:10px;}
    .pg-title .tt br{display: none;}
    .flex-con{display: block;}
    .flex-con .left{margin-bottom:30px;}
    .tit34{font-size:18px;}
    .flex-con .cnt .row .ic{margin-bottom:15px;}
    .flex-con .cnt .row .ic img{height:50px;}
    .flex-con .cnt .row .tit{font-size:16px;}

    .business .flex-con{display:block;}
    .business .flex-con .left{width:100%;padding-right:0;}
    .business .flex-con .cnt{padding-left:0;width:100%;}
    .business .flex-con .cnt .row .ic img{height:40px;}

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

    .pr-view .top-con{display: block;}
    .pr-view .top-con .sld{padding-right:0;width:100%;margin-bottom:30px;}
    .pr-view .top-con .tt-wrap{width:100%;}
    .pr-view .top-con .tt-wrap .tit-wrap .top .cate{padding:0 12px;height:24px;}
    .pr-view .top-con .tt-wrap .tit-wrap .tit{font-size:20px;}
    .doc-btn{width:100px;height:40px;}
    .pr-view .top-con .tt-wrap .doc-btn{margin:20px auto 0;}
    .rel-product .title{margin-bottom:20px;}
    .rel-product .title span{font-size:18px;}
    .rel-product .sld{padding:0 50px;}
    .rel-product .sld .slick-list{margin:0 -5px;}
    .rel-product .sld .item{padding:0 5px;}
    .rel-product .sld .item .tit{margin-top:10px;font-size:14px;}
    .rel-product .sld .slick-arrow{width:30px;height:30px;background-size:7px;}
    .rel-product .sld .slick-prev{left:-50px;}
    .rel-product .sld .slick-next{right:-50px;}

    .service .top-img{margin-bottom:20px;}
    .service .con{display: block;}
    .service .con .tt-wrap{padding-right:0;width:100%;margin-bottom:30px;}
    .service .con .tt-wrap .logo{margin-bottom:-70px;}
    .service .con .tt-wrap .logo img{height:130px;}
    .service .con .tt-wrap .tit-wrap{margin-bottom:15px;}
    .service .con .tt-wrap .wrap p.st2{display:inline;}
    .service .con .tt-wrap .wrap p.st2.st3{display: block;margin-top:var(--size25);}
    .service .con .imgs{width:100%;}
    .service .con .imgs .img.st2{padding-top:30px;}

    .inquiry{margin-top:var(--size60);}
    .inquiry .input-area .row{margin-bottom:20px;}
    .inquiry .input-area .row .flex{margin:0;display: block;}
    .inquiry .input-area .row .flex .col{padding:0;width:100%;margin-bottom:20px;}
    .inquiry .input-area .row .flex .col:last-child{margin-bottom:0;}
    .inquiry .input-area .row .input{height:40px;}
    .inquiry .input-area .row .box{margin-top:5px;padding:15px;}
    .inquiry .input-area .row .box textarea.input{padding:10px 15px;margin-bottom:15px;}
    .inquiry .input-area .row .box input.input{border:none;display: block;padding:10px 15px;}

    .history .con .row{display: block;}
    .history .con .row .col.year{width:100%;border-top: 2px solid #333;padding:15px 0;font-size:20px;margin-right:0;}
    .history .con .row .col.cnt{width:100%;border-bottom:none;padding:15px 0;}
    .history .con .row:first-child .col.cnt{border-top:none;}
    .history .con .row:last-child .col.cnt{border-bottom: 1px solid #ddd;}
    .dot-list>li{padding-left:10px;font-size:14px;margin-bottom:5px;}
    .dot-list>li:before{width:3px;height:3px;top:9px;}

    .pg-title.type2 .tit{font-size:18px;}
    .pg-title.type2 .tit br{display: none;}
    .pr-pg .content .title{margin-bottom:30px;}
    .pr-pg .content .title .tit{font-size:24px;}
    
    .pr-pg .cont1 .con>ul{margin:0;display: block;}
    .pr-pg .cont1 .con>ul>li{padding:0;margin-bottom:35px;width:100%;}
    .pr-pg .cont1 .con>ul>li:last-child{margin-bottom:0;}
    .pr-pg .cont1 .con>ul>li .box{min-height:auto;}
    .pr-pg .cont1 .con>ul>li .box .hover{position:relative;width:100%;min-height:200px;}
    .pr-pg .cont1 .con>ul>li .box .hover ul>li{padding-left:15px;}
    .pr-pg .cont1 .con>ul>li .box .hover ul>li:before{width:5px;height:5px;top:8px;}
    .pr-pg .cont1 .con>ul>li .tit{gap:15px;margin-top:15px;}
    .pr-pg .cont1 .con>ul>li .tit img{height:30px;}

    .pr-pg .cont2 .cert-list ul{gap:0;margin:0 -5px -10px;}
    .pr-pg .cont2 .cert-list ul li{width:50%;padding:0 5px;margin-bottom:10px;}

    .pr-pg .cont4 .growth ul{margin:0 -10px;}
    .pr-pg .cont4 .growth ul li{width:33.3333%;padding:0 10px;}
    .pr-pg .cont4 .growth ul li .ic img{height:32px;}
    .pr-pg .cont4 .growth ul li .num{font-size:36px;}
    .pr-pg .cont4 .growth ul li .tt{font-size:14px;}

    

}