@media all and (max-width: 1650px){
    .width-fixed{width:calc(100% - 30px);}
    #hd_wrapper{width:calc(100% - 30px);}
    #ft_wr{width:calc(100% - 30px);}

    #logo{left:10px;}
    .hd_etc{right:10px;}
}

@media all and (max-width: 1400px){
    .width-fixed-sub{width:calc(100% - 30px);}

    .main_prd .m_pd_list {gap:10vw}
    .main_prd .m_pd_list .left{width:calc(100% - 44vw);}
    .main_prd .m_pd_list .right{width:44vw;height:auto;}

    .main_latest .latest > div.left{width:30%;}
    .main_latest .latest > div.list{width:70%;}

    .quick_btns{display:none;}

    #ft_wr{gap:40px;}
    #ft_wr .ft_cnt{width:calc(100% - 290px);}

    .certifi_wr .list .li .img{height:40vw;}

    .pd_detail .detail {gap:40px;}
    .pd_detail .detail .txt{width:calc(100% - calc(60vw + 40px));}
    .pd_detail .detail .img{width:60vw;height:60vw;}

    .pd_detail .detail #pd_navi .owl-nav .owl-next{right:-40px;}
    .pd_detail .detail #pd_navi .owl-nav .owl-prev{left:-40px;}
    .pd_detail .detail #pd_navi{width:calc(24vw + 10px);}
    .pd_detail .detail #pd_navi .item{width:12vw;height:12vw;}
    .pd_detail .detail .img.owl-carousel .item{width:60vw;height:60vw;}

}

@media all and (max-width: 1200px){
    #hd{height:80px;border-bottom:1px solid #ddd;}
    #hd_wrapper{height:80px;}
    #gnb{display:none;}

    .menu_all > div{width:calc(100% - 30px)}
    .menu_all > div > ul {gap:60px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
    .menu_all > div > ul > li {width:100%;}
    .menu_all > div > ul > li > span{width:100%;min-width: initial;}

    .main_top{justify-content: flex-start;height:auto;padding:150px 0;min-height:700px;}
    .main_top .width-fixed{width:70%;margin:0 auto 0 15px}

    .main_prd .m_pd_list{gap:40px;}
    .main_prd .m_pd_list .left .pd_tab{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
    .main_prd .m_pd_list .left .pd_tab li{width:100%;}

    .main_latest{padding:100px 0;}
    .main_latest .latest{display: block;}
    .main_latest .latest > a{display:flex;margin:30px auto 0 auto;}
    .main_latest .latest > div.left{width:100%;position:relative;}
    .main_latest .latest > div.left a{display:none;}
    .main_latest .latest > div.list{width:100%;margin-top:50px;}
    .notice li{padding:30px 10px;gap:10px;}
    .notice li .dates{min-width: 100px;}
    .notice li .subject{width:calc(100% - 110px);}
    .main_latest .quick_menu > div{height:20vw;padding:0 2vw;min-height:200px;border:20px solid #EBECEE}
    .main_latest .quick_menu > div:after{display:none;}
    .main_latest .quick_menu > div .icon{height:10vw;width:10vw;min-width:80px;min-height:80px;}
    .main_latest .quick_menu > div .icon img{width:100%;}

    .main_sec{height:auto;padding:80px 0;}

    .summary_wr .top{grid-template-columns: 1fr;gap:30px;}
    .summary_wr .top .logo{padding:80px 10px;}

    .location_wr #map{height:55vw;min-height:450px;}

    .pd_list > .pd{gap:60px;}
    .pd_list > .pd .img{width:280px;height:280px;}
    .pd_list > .pd .txt{width:calc(100% - 340px)}

    .esg_wr .btm .li img{width:24vw;}

}

@media all and (max-width: 960px){
    body{font-size:0.7em;}

    .main_prd .m_pd_list{display: block;}
    .main_prd .m_pd_list .left{width:100%;}
    .main_prd .m_pd_list .left .pd_info a{display: none;}
    .main_prd .m_pd_list .right {margin-top:50px;border:none;width:100%;}
    .main_prd .m_pd_list .right .img > img{border:1px solid #ddd;}
    .main_prd .m_pd_list .right .img a{display:flex;margin:30px auto 0 auto;}

    .main_latest .quick_menu{display: block;padding:0;}
    .main_latest .quick_menu > div{width:100%;padding:0 40px;min-height:180px;}
    .main_latest .quick_menu > div + div{margin-top:50px;}

    .main_latest .quick_menu > div .txt > h3{font-size:var(--font-size25)}
    #ft_wr{display: block;}
    #ft_wr .ft_cnt{width:100%;margin-top:50px;}
    #ft_wr .ft_info div{display: block}
    #ft_wr .ft_info div + div{margin-top:10px;}
    #ft_wr .ft_info div > span{display: block;width:100%;}
    #ft_wr .ft_info div span + span{padding:0;border:0;margin-top:10px;}
    #ft_wr .ft_info div span + span:before{display:none;}

    .menu_all {background:rgba(0,0,0,.7);}
    .menu_all > div{width:500px;right:-100%;top:0;transform:none;background: #fff;height:100%;padding-top:80px;transition: all .4s .4s;left:initial}
    .menu_all.active > div{right:0;}
    .menu_all > div > ul{display:block;}
    .menu_all > div > ul li a{display:block;padding:15px ;border-bottom:1px solid #ddd;font-size:var(--font-size18);}
    .menu_all > div > ul li span{display:block;padding:15px ;border-bottom:1px solid #ddd;font-size:var(--font-size18);position:relative;margin:0;}
    .menu_all > div > ul li span:after{content:"";background:url('../img/main_arrow_b.svg') center / contain no-repeat;transform:translateY(-50%) rotate(90deg);position:absolute;right:15px;top:50%;display: block;width:1em;height:1em;}
    .menu_all > div > ul li > div{display:none;}
    .menu_all > div > ul > li > div > ul > li > a{font-size:var(--font-size16);border-bottom:1px solid #ddd;padding:13px 15px;background:#efefef;}
    .menu_all > div > ul > li > div > ul > li > a:hover{border-bottom:1px solid #ddd;color:#000;}

    .sub_top{margin-bottom:60px;}

    .history_wr .left{width:35%;margin-right:50px;}
    .history_wr .left h3{font-size:var(--font-size25)}
    .history_wr .list{width:65%;}
    .history_wr .list > div:not(.line){padding-left:40px;}
    .history_wr .list > div:not(.line) > h3:before{left:-52px;}
    .history_wr .list > div:not(.line) div + div{padding-top:20px;}

    .vision_wr > .top > .vision_list{gap:10px;}
    .vision_wr > .top > .vision_list .li ul{padding:30px;}

    .vision_wr > img{margin-top:50px;}

    .certifi_wr .list{grid-template-columns: 1fr 1fr;}
    .certifi_wr .list .li .img{height:63vw;}

    .pd_detail .detail{display: block;}
    .pd_detail .detail .txt{width:100%;}
    .pd_detail .detail .img{width:100%;margin-top:50px;height:96.5vw}

    .pd_detail .detail #pd_navi{width:calc(24vw + 14px);}
    .pd_detail .detail #pd_navi .item{width:12vw;height:12vw;}
    .pd_detail .detail .img.owl-carousel .item{width:100%;height:96.5vw}

    .td_hidden{display:none;}

}

@media all and (max-width: 720px){
    .main_sec > div > a{margin-top:150px;}

    #ft{padding:50px 0;}
    #ft .ft_logo{width:190px;}

    .summary_wr .top .logo img{width:80%;}

    .sub_container{padding:150px 0 100px 0;}

    .history_wr{display: block;}
    .history_wr .left{width:100%;position:relative;top:0;margin:0;}

    .history_wr .list{width:100%;margin-top:50px;}

    .vision_wr > .top > .vision_list {display: block;}

    .location_wr .info{grid-template-columns: 1fr}
    .location_wr .info button{padding:30px 0;}

    .pd_list > .pd{display: block;}
    .pd_list > .pd .img{width:100%;height:calc(100vw - 120px);}
    .pd_list > .pd .txt{width:100%;margin-top:50px;}

    .esg_wr .btm{grid-template-columns: 1fr;}
    .esg_wr .btm .li{width:100%;}
    .esg_wr .btm .li img{width:80%;max-width:300px;min-width:200px;}

    .inquiry_wr ul li{display: block}
    .inquiry_wr ul li > div{width:100%;}
    .inquiry_wr ul li div:last-child{width:100%;}

    .summary_wr .btm p br{display: none}
}

@media all and (max-width: 560px){
    body{font-size:0.6em;}

    .main_latest .quick_menu > div{padding:0 25px;}

    .notice li .dates{display:none;}
    .notice li .subject{width:100%;}

    .main_prd .m_pd_list .right .img a{width:100%;}
    .main_latest .latest > a{width:100%;}
    .main_sec > div > a{width:100%;}

    .hd_lang > div:not(.sel_lang){width:105px;padding:10px 20px;}
    .hd_lang > div:not(.sel_lang) span{display:none;}
    .hd_lang > div:not(.sel_lang):after{right:20px;}
    .hd_lang > div.sel_lang a{width:105px;justify-content: center;padding:10px 20px;}
    .hd_lang > div.sel_lang a span{display:none;}

    .main_top .width-fixed{width:100%;}

    .menu_all > div{width:100%;}

    .summary_wr .top .info table {display: block;border-top:0;}
    .summary_wr .top .info table tbody{display: block;}
    .summary_wr .top .info table tr{display: block;}
    .summary_wr .top .info table th{width: 100%;display: block;border:0;border-top:2px solid #000;border-bottom:2px solid #000;background: #eee;}
    .summary_wr .top .info table td{width: 100%;display: block}


    .certifi_wr .list{grid-template-columns: 1fr ;}

    .certifi_wr .list .li .img{height:127vw;}

    .location_wr #map{min-height:350px;}

    .pd_list > .pd{padding:20px;}
    .pd_list > .pd .img{height:calc(100vw - 70px);}
}