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

    #gnb>ul {margin:0 -60px;} 
    #gnb>ul>li {padding:0 60px;}
    #gnb>ul>li>a {line-height:80px;}

    #gnb .submenu {top:80px;}
    #gnb .submenu ul {padding:25px 0;}
    #gnb .submenu ul li{margin-bottom:10px;}

    /* main */ 
    .main-visual .btm-wrap .scroll{gap:0;}
    .main-visual .btm-wrap .controls .arrs .slick-arrow{width:50px;height:50px;background-size:12px;}

    .doc-btn{height:50px;}

    .main-product{padding:0 50px;}
    .main-product .slick-list{margin:-34px -15px;}
    .main-product .item{padding:34px 15px;}
    .main-product .item .box{box-shadow:5px 5px 10px #D5D5D5;}
    .main-product .item .box .tit{min-height:50px;padding:5px 15px;}
    .main-product .slick-prev{left:-50px;}
    .main-product .slick-next{right:-50px;}

    .sec3{padding:var(--size140) 0;}
    .sec3 .contain{display:block;}
    .sec3 .sec-tit{padding-right:0;width:100%;margin-bottom:40px;}
    .sec3 .sec-tit:after{width:100vw;height:calc(100% + 200px);display: none;}
    .sec3 .sec-tit .tt18 br{display: none;}
    .sec3 .controls{margin-top:30px;}
    .sec3 .arrs{gap:20px;}
    .sec3 .arrs .slick-arrow{height:24px;}
    .main-busi{width:100%;}
    .main-busi .slick-list{margin:-34px -15px;}
    .main-busi .item{padding:34px 15px;}
    .main-busi .item .box{box-shadow:5px 5px 10px #D5D5D5;min-height:auto;}
    .main-busi .item .box .tt-wrap{padding:15px 20px;}

    [lang=en] .main-busi .item .box{min-height:auto;}

    /* footer */
    #footer {padding:40px 0;}
    #footer .contain{display: block;;}
    #footer .foot-logo{margin-right:0;margin-bottom:25px;}
    #footer .foot-info{width:100%;flex-direction: column;}
    #footer .foot-info .wrap{width:100%;margin-right:0;order:2;}
    #footer .foot-info .wrap .tit{margin-bottom:var(--size20);}
    #footer .foot-info address{gap:10px var(--size40);max-width:100%;}
    #footer .foot-info .copy{margin-top:15px;order:1;}
    #footer .foot-menu{margin-bottom:20px;}

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

    .sub-visual {height:300px;}
    .sub-visual .tit-wrap{padding-top:80px;}

    .greeting{align-items:flex-start;}
    .greeting .img{width:50%;}
    .greeting .tt-wrap{width:50%;padding-left:40px;}
    .greeting .tt-wrap .tit br{display: none;} 
    .greeting .tt-wrap .wrap p br{display: none;}
    .greeting .tt-wrap .ceo{margin-top:20px;}


    .history .left{padding-top:30px;}
    .history .left .tit-wrap{padding-bottom:20px;margin-bottom:30px;}
    .history .left .tit-wrap .tit{font-size:var(--fz28);line-height:1.2em;font-weight:600;margin-bottom:var(--size15);}
    .history .con:before{top:25px;left:120px;height:95%;}
    .history .con .group:last-child{margin-bottom:0;}
    .history .con .group .gr-tit{font-size:24px;width:120px;}
    .history .con .group .list{padding-top:5px;}
    .history .con .group .list .row{margin-bottom:30px;padding-left:50px;}
    .history .img{width:200px;}

    .location .maps .root_daum_roughmap {height:300px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
    .location .maps iframe{height:300px;}
    .location .tt-wrap{margin-top:30px;}
    .location .tt-wrap .info .row .tit-wrap{width:160px;}
    .location .tt-wrap .info .row .tit-wrap .ic{margin-right:10px;}
    .location .tt-wrap .info .row .tit-wrap .ic img{height:30px;}
    .location .tt-wrap .info .row .tit-wrap .tit{font-size:18px;}

    .product .cate-area{width:200px;margin-right:30px;}
    .pr-cate{top:100px;}
    .pr-cate>ul>li>a{padding:0 45px 0 15px;height:44px;font-size:14px;}
    .pr-cate>ul>li>a:after{width:20px;height:20px;right:10px;margin-top:-10px;}
    .pr-cate>ul>li .submenu{padding:10px 15px;}
    .pr-cate>ul>li .submenu>ul>li>a{font-size:14px;}
    .pr-list ul li{margin-bottom:25px;}
    .pr-list ul li .box{padding:20px;}
    .pr-list ul li .box .img{width:200px;margin-right:30px;}

    /* .pg-menu ul{justify-content:flex-start;} */
    .pg-menu ul li{margin-right:10px;}
    .pg-menu ul li a{height:50px;min-width:auto;padding:0 30px;}
    

    .pr-view .top-con .sld{width:40%;}
    .pr-view .top-con .sld .thumb{margin-top:15px;}
    .pr-view .top-con .sld .thumb .slick-list{margin:0 -3px;}
    .pr-view .top-con .sld .thumb .item{padding:0 3px;}
    .pr-view .top-con .tt-wrap .tit-wrap .tt br{display: none;;}
    .pr-view .top-con .tt-wrap .info dl{margin-bottom:20px;}
    
    .btn-send{width:120px;height:50px;}


}

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

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

    .lang{right:65px;}
    .lang ul{gap:20px;}
    .lang ul li:after{height:10px;right:-10px;}
    .lang ul li a{font-size:14px;}

    /* main */ 
    .main-visual .item{height:400px;}
    .main-visual .btm-wrap{justify-content:flex-end;}
    .main-visual .btm-wrap .scroll{display: none;}
    .main-visual .btm-wrap .controls .arrs .slick-arrow{width:32px;height:32px;background-size:8px;}

    .sec1 .tt-wrap .tit{margin-bottom:15px;}
    .tt18 br{display: none;}
    .doc-btn{padding:0 20px;height:44px;}

    .sec-tit .eng{margin-bottom:15px;font-size:12px;}
    .sec-tit .tit{font-size:24px;}
    .sec2 .sec-tit{margin-bottom:30px;}
    .main-product{padding:0 40px;}
    .main-product .item .box .tit{min-height:44px;}
    .main-product .slick-prev{left:-40px;}
    .main-product .slick-next{right:-40px;}

    .sec3 .contain{display:block;}
    .sec3 .sec-tit{padding-right:0;width:100%;margin-bottom:30px;}
    .sec3 .sec-tit:after{display: none;}
    .sec3 .sec-tit .tt18 br{display: none;}
    .sec3 .controls{margin-top:30px;gap:20px;}
    .sec3 .arrs .slick-arrow{height:20px;}
    .main-busi{width:100%;}
    .main-busi .slick-list{margin:-34px -15px;overflow:hidden;}
    .main-busi .item{padding:34px 15px;}
    .main-busi .item .box{box-shadow:5px 5px 10px #D5D5D5;min-height:380px;}
    .main-busi .item .box .tt-wrap{padding:20px;}
    .main-busi .item .box .tt-wrap .tit{font-size:16px;}
    .main-busi .item .box .tt-wrap .tt{margin-top:5px;}
    .main-busi .item .box .tt-wrap .tt br{display: none;}

    [lang=en] .main-busi .item .box{min-height:427px;}

    .sec4 .sec-tit{margin-bottom:30px;}
    .sec4 .con ul{margin:0 -5px;width:calc(100% + 10px);}
    .sec4 .con ul li{padding:0 5px;}
    .sec4 .con ul li .box{padding:20px;}
    .sec4 .con ul li .box .ic{margin-bottom:15px;}
    .sec4 .con ul li .box .ic img{height:80px;}
    .sec4 .con ul li .box .tit{font-size:15px;}
    .sec4 .con ul li .box .tt{font-size:18px;margin-top:8px;}

    /* footer */
    #footer {padding:35px 0;text-align:center;}
    #footer .foot-logo{margin-bottom:25px;}
    #footer .foot-logo img{height:32px}
    #footer .foot-info{width:100%;flex-direction: column;}
    #footer .foot-info .wrap{width:100%;margin-right:0;order:2;}
    #footer .foot-info .wrap .tit{margin-bottom:var(--size20);}
    #footer .foot-info address{display: block}
    #footer .foot-info address p{margin-bottom:5px;}
    #footer .foot-info address p:last-child{margin-bottom:0;}
    #footer .foot-info .copy{font-size:12px;}
    #footer .foot-info .copy a{font-size:11px;}
    #footer .foot-menu{margin-bottom:20px;}
    #footer .foot-menu ul{justify-content:center;}

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

    .sub-visual {height:250px;}
    .sub-visual .tit-wrap{padding-top:60px;}

    .greeting{display: block;}
    .greeting .img{width:100%;margin-bottom:30px;}
    .greeting .tt-wrap{width:100%;padding-left:0;}
    .greeting .tt-wrap .tit{font-size:18px;}
    .greeting .tt-wrap .wrap p br{display: none;}
    .greeting .tt-wrap .ceo{margin-top:15px;}

    .history{flex-direction:column;}
    .history .left{padding-top:0;order:2;width:100%;}
    .history .left .tit-wrap{padding-bottom:20px;margin-bottom:20px;}
    .history .left .tit-wrap .tit{font-size:18px;margin-bottom:5px;}
    .history .con:before{top:45px;left:10px;height:93%;}
    .history .con .group{display: block;}
    .history .con .group .gr-tit{font-size:20px;width:100%;padding-left:40px;margin-bottom:15px;}
    .history .con .group .list{padding-top:0;width:100%;}
    .history .con .group .list .row{margin-bottom:25px;padding-left:40px;}
    .history .con .group .list .row:before{width:9px;height:9px;top:5px;left:6px;}
    .history .con .group .list .row .year{font-size:16px;}
    .history .img{width:80%;text-align:center;order:1;margin:0 auto 30px;}

    .busi .row{display: block;margin-bottom:40px;}
    .busi .row .img{width:100%;margin-bottom:20px;}
    .busi .row .tt-wrap{width:100%;}
    .busi .row .tt-wrap .num{width:36px;height:36px;font-size:13px;}
    .busi .row .tt-wrap .tit{line-height:1.6em;}

    .location .maps .root_daum_roughmap {height:200px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
    .location .maps iframe{height:200px;}
    .location .tt-wrap{margin-top:30px;}
    .location .tt-wrap .comp{font-size:18px;margin-bottom:20px;}
    .location .tt-wrap .info .row {display: block;margin-bottom:15px;}
    .location .tt-wrap .info .row .tit-wrap{width:100%;margin-bottom:0;}
    .location .tt-wrap .info .row .tit-wrap .ic{margin-right:10px;}
    .location .tt-wrap .info .row .tit-wrap .ic img{height:24px;}
    .location .tt-wrap .info .row .tit-wrap .tit{font-size:15px;}
    .location .tt-wrap .info .row .tt{width:100%;padding-left:34px;}

    .product{display: block;}
    .product .cate-area{width:100%;margin-right:0;margin-bottom:30px;}
    .pr-title{font-size:20px;margin-bottom:15px;}
    .pr-cate{position: static;}
    .pr-cate>ul>li>a{padding:0 45px 0 15px;height:44px;font-size:15px;}
    .product .list-area{width:100%;}
    .pr-list ul li{margin-bottom:25px;}
    .pr-list ul li .box{display: block;}
    .pr-list ul li .box .img{width:100%;margin-right:0;margin-bottom:25px;}
    .pr-list ul li .box .tt-wrap{width:100%;}
    .pr-list ul li .box .tt-wrap .tit{font-size:18px;margin-bottom:15px;}
    .pr-list ul li .box .tt-wrap .info dl{margin-bottom:15px;}

    .pg-menu ul{justify-content:flex-start;}
    .pg-menu ul li{margin-right:6px;}
    .pg-menu ul li a{height:36px;min-width:auto;padding:0 15px;}
    

    .pr-view .top-con{display: block;padding-bottom:20px;}
    .pr-view .top-con .sld{width:100%;margin-bottom:30px;}
    .pr-view .top-con .sld .thumb{margin-top:10px;}
    .pr-view .top-con .sld .thumb .slick-list{margin:0 -5px;}
    .pr-view .top-con .sld .thumb .item{padding:0 5px;}
    .pr-view .top-con .tt-wrap{width:100%;}
    .pr-view .top-con .tt-wrap .tit-wrap{padding-bottom:20px;bottom:20px;}
    .pr-view .top-con .tt-wrap .tit-wrap .tit{font-size:22px;}
    .pr-view .btm-con .tit{font-size:18px;margin-bottom:15px;}

    .btn-send{width:100px;height:44px;}
    .radio-wrap{margin-top:20px;}
    .radio-wrap .radiobox{min-height:auto;}

}