@charset "utf-8";
@media (max-width: 1660px) {
    .sec1 .contain:before{height:180px;left:30px;top:-80px;}
    .scroll-top{bottom:100px;}
}

@media (max-width: 1445px) {
    .tt18 br{display: none;}
    .sec1 .img{width:50%;}
}

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

    #gnb {padding-right:180px;}
    #gnb>ul {margin:0 -40px;} 
    #gnb>ul>li {padding:0 40px;}
    #gnb>ul>li>a {line-height:80px;}
    #gnb .submenu {width:180px;}
    #gnb .submenu>ul {padding:20px 5px;}
    #gnb .submenu>ul>li{margin-bottom:10px;}
    #header .lang ul li:after{height:10px;}

    .tt18{line-height:1.6em;}

    .sec1 .contain:before{height:180px;left:30px;top:-40px;}
    .sec1 .img{width:50%;margin-right:50px;}
    .doc-btn{height:44px;}

    .sec2 .controls .progress {width:200px;}
    .sec2 .main-product{margin-right:0;}
    .main-product .slick-list{margin:0 -10px;}
    .main-product .item{padding:0 10px;}
    .main-product .item .tit-wrap{padding:0;}
    .main-product .item .tit-wrap .tit{margin-right:15px;}
    .main-product .item .tit-wrap .btn{width:36px;height:36px;background-size:12px;}

    .scroll-top img{height:44px;}
    #footer {font-size: 14px;} 
    #footer .foot-top .logo{width:140px;}
    #footer .foot-top .foot-info .top-wrap .foot-menu ul li a{font-size:14px;}
    #footer .foot-btm .inner{padding-left:140px;}
    #footer .foot-btm .inner .copy{font-size:12px;line-height:1.4em;}
    #footer .foot-btm .inner .sns ul{gap:10px;}
    #footer .foot-btm .inner .sns ul li a img{height:36px;}

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

    #lnb{margin:60px 0 var(--size100);}
    .lnb ul li a{min-width:auto;height:40px;}

    .location .maps{width:50%;margin-right:40px;}
    .location .maps iframe{height:350px;}
    .location .maps .root_daum_roughmap {height:350px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:350px !important;}
    .location .tt-wrap .tit{font-size:18px;margin-bottom:25px;}
    .location .tt-wrap .info dl{display: block;margin-bottom:15px;}
    .location .tt-wrap .info dl dt{width:100%;font-size:16px;margin-bottom:10px;}
    .location .tt-wrap .info dl dt .ic img{height:30px;}
    .location .tt-wrap .info dl dd{width:100%;padding-left:42px;}
    .location .tt-wrap .info dl dd .btn{height:36px;}

    .prc-list{padding:20px 0;}
    .prc-list ul{margin:0 -10px -20px;}
    .prc-list ul li{padding:0 10px;margin-bottom:20px;}

    .gr-sld .slick-dots{left:30px;}

    .vision .bg{height:400px;}
    .vision .cont1 .row{display: block;}
    .vision .cont1 .row .doc-tit{width:100%;margin-bottom:30px;}
    .vision .cont1 .row .tt-wrap{width:100%;}
    .vision .cont1 .row .tt-wrap p{line-height:1.5em;}
    .vision .cont1 .row .tt-wrap p br{display: none;}

    .vision .cont2 .con .row .tt-wrap{margin-right:40px;}
    .vision .cont2 .con .row .tt-wrap .tit-wrap{margin-bottom:20px;}
    .vision .cont2 .con .row .tt-wrap .tt br{display: none;}
    .vision .cont2 .con .row:nth-child(even) .tt-wrap{margin-left:40px;}

}

@media (max-width: 1024px) {
	#gnb{display: none;}
    .btn-m-menu{display: block;}
    #header .lang{right:80px;}
}

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

    #header .lang{right:70px;}
    #header .lang ul li a{font-size:14px;}

    .scroll-top{bottom:30px;}

    /* main */ 
    .main-visual .item{height:400px;}
    .main-visual .bg {background-position:70% 50%;}
    .progressBarContainer div {margin-right: 10px;}
    .progressBarContainer div span.progressBar {width: 50px;height:3px !important;}
    .main-visual .controls{margin-bottom:20px;}
    .main-visual .controls .sld-btn{height:12px;}
    .main-visual .txt{font-size:18px;line-height:1.6em;}
    
    .main-visual .scroll{display: none;}
    .main-visual .scroll img{height:80px;}

    .section.sec1{padding-top:100px;}
    .sec1 .contain{display: block;padding-top:20px;}
    .sec1 .contain:before{height:100px;left:15px;top:-75px;}
    .sec1 .img{width:100%;margin-right:0;margin-bottom:30px;}
    .sec1 .sec-tit{width:100%;text-align:center;}
    .doc-btn{height:40px;}

    .sec-tit .txt{margin-top:15px;}
    .sec2 .contain{display: block;}
    .sec2 .sec-tit{margin-right:0;margin-bottom:30px;}
    .sec2 .controls{margin-top:20px;gap:20px;}
    .sec2 .controls .progress {min-width:0;width:1%;flex:1 1 auto;}
    .sec2 .controls .arrs .slick-arrow{height:20px;}
    .sec2 .main-product{width:100%;}
    .main-product .item .tit-wrap .tit{margin-right:10px;}
    .main-product .item .tit-wrap .btn{width:30px;height:30px;background-size:11px;}

    .sec3 .sec-tit{margin-bottom:25px;}
    .sec3 .sec-tit .wrap{margin-right:15px;}
    .doc-btn.more{padding:0 15px;}
    .doc-btn.more span{padding-right:20px;font-size:13px;}
    .doc-btn.more span:after{height:10px;margin-top:-5px;}

    .main-pr .item .box .tt-wrap{padding:20px;}
    .main-pr .item .box .tt-wrap .tit{font-size:18px;}
    .main-pr .item .box .tt-wrap .date{margin-bottom:10px;font-size:13px;}

    .sec4 .sec-tit{margin-bottom:15px;}
    .sec4 .sec-tit .tit{font-size:20px;}
    .main-partner{padding:0 50px;}
    .main-partner .slick-list{margin:0 -10px;}
    .main-partner .item{padding:0 10px;}
    .main-partner .item .logo{height:60px;}
    .main-partner .slick-arrow{width:30px;height:30px;background-size:12px;}
    .main-partner .slick-prev{left:-50px;}
    .main-partner .slick-next{right:-50px;}

    .scroll-top{right:15px;box-shadow:6px 6px 10px rgba(0,0,0,.25);}
    .scroll-top img{height:40px;}

    /* footer */
    #footer {font-size:13px;text-align:center;}
    #footer .foot-top{padding:30px 0;}
    #footer .foot-top .contain{display: block;}
    #footer .foot-top .logo{width:100%;margin-bottom:20px;}
    #footer .foot-top .logo img{height:50px;}
    #footer .foot-top .foot-info{width:100%;}
    #footer .foot-top .foot-info .top-wrap{display: block;padding-bottom:15px;margin-bottom:15px;}
    #footer .foot-top .foot-info .top-wrap .tit{font-size:16px;margin-bottom:15px;}
    #footer .foot-top .foot-info .top-wrap .foot-menu ul{gap:20px;justify-content:center;}
    #footer .foot-top .foot-info .top-wrap .foot-menu ul li a{font-size:13px;}
    #footer .foot-top .foot-info .btm-wrap address{display: block;}
    #footer .foot-top .foot-info .btm-wrap address dl{display: block;margin-bottom:13px;}
    #footer .foot-top .foot-info .btm-wrap address dl:last-child{margin-bottom:0;}
    #footer .foot-top .foot-info .btm-wrap address dl dt{margin-right:0;margin-bottom:3px;font-size:14px;}
    #footer .foot-btm .inner{padding-left:0;flex-direction:column;gap:15px}
    #footer .foot-btm .inner .copy{width:100%;order:2;font-size:12px;}
    #footer .foot-btm .inner .copy a{font-size:11px;}
    #footer .foot-btm .inner .sns{order:1;}
    #footer .foot-btm .inner .sns ul{display: flex;gap:10px;}
    #footer .foot-btm .inner .sns ul li a img{height:30px;}

    /* sub page */
    .sub-visual {height:250px;}
    .sub-visual.type2{margin-bottom:40px;}

    #lnb{margin:40px 0 var(--size100);}
    .lnb{padding:6px;}
    .lnb ul li a{height:32px;padding:0 15px;}

    .location{display: block;}
    .location .maps{width:100%;margin-right:0;margin-bottom:30px;}
    .location .maps iframe{height:240px;}
    .location .maps .root_daum_roughmap {height:240px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:240px !important;}
    .location .tt-wrap{width:100%;}
    .location .tt-wrap .tit{font-size:18px;margin-bottom:20px;}
    .location .tt-wrap .info dl dt{gap:10px;font-size:15px;margin-bottom:5px;}
    .location .tt-wrap .info dl dt .ic img{height:30px;}
    .location .tt-wrap .info dl dd{padding-left:40px;}
    .location .tt-wrap .info dl dd .btn{width:80px;height:32px;}

    .prc-list ul{margin:0 -7px -14px;}
    .prc-list ul li{padding:0 7px;margin-bottom:14px;width:50%;}
    .prc-list ul li .box .tt-wrap{padding:15px 20px;}
    .prc-list ul li .box .tt-wrap .tit{font-size:14px;}
    .prc-list ul li .box .tt-wrap .tt{margin-top:5px;font-size:13px;}

    .gr-sld .item .tt-wrap{padding:0 10px;}
    .gr-sld .item .tt-wrap p{margin-bottom:20px;font-size:18px;line-height:1.4em;}
    .gr-sld .item .tt-wrap p br{display: none;}
    .gr-sld .item .tt-wrap p br.only-mobile{display: block;}
    .gr-sld .item .tt-wrap p.st2{margin-bottom:20px;}
    .gr-sld .item .tt-wrap.type2 p br{display: none;}
    .gr-sld .slick-dots{left:50%;display: flex;transform:translateX(-50%);flex-direction: row;top:auto;bottom:30px;}
    .gr-sld .slick-dots li{margin-bottom:0;margin-right:15px;}
    .gr-sld .slick-dots li:last-child{margin-right:0;}
    .gr-sld .slick-dots li button{width:8px;height:8px;}
    .gr-sld .slick-dots li.slick-active button{width:12px;height:12px;border-width:2px;}

    .vision .bg{height:250px;}
    .vision .cont1 .row .doc-tit{margin-bottom:20px;}
    .doc-tit .en{margin-bottom:5px;font-size:20px;}
    .vision .cont1 .row .tt-wrap p{margin-bottom:20px;}
    .vision .cont1 .row .tt-wrap p strong{margin-bottom:3px;}

    .vision .cont2 .doc-tit{margin-bottom:35px;}
    .vision .cont2 .con .row{flex-direction: column;}
    .vision .cont2 .con .row .tt-wrap{margin-right:0;order:2;width:100%;}
    .vision .cont2 .con .row .tt-wrap .tit-wrap{margin-bottom:15px;}
    .vision .cont2 .con .row .tt-wrap .tit-wrap .eng{font-size:16px;}
    .vision .cont2 .con .row .tt-wrap .tit-wrap .tit{font-size: 18px;}
    .vision .cont2 .con .row .img{width:100%;order:1;margin-bottom:20px;}
    .vision .cont2 .con .row:nth-child(even){flex-direction: column;}
    .vision .cont2 .con .row:nth-child(even) .tt-wrap{margin-left:0;}
    
}