@media screen and (max-width:1720px){
    .inner1720{
        padding: 0 15px;
    }
    
    /* header */
    header .logo{
        left: 15px;
    }
    header .m_menu_btn{
        right: 15px;
    }
    .gnbBg .left img{
        max-height: 150px;
    }
    .gnbBg .right{
        display: flex;
        justify-content: center;
        right: 0;
    }
    /* 전체메뉴 */
    #m_menu .m_close{
        right: 15px;
    }

    /*메인 - about */
    .about{
        height: 1000px;
    }
    
    /*메인 - business */
    .moreBtn{
        width: 60px;
        height: 60px;
        left: 60px;
        top: 37.6%;
    }
    .business .txt{
        width: calc(100% - 950px);
        padding-left: 50px;
    }
    .business .slideBox .controlBox{
        width: 60px;
    }
    .business .slideBox .controlBox button{
        width: 45px;
        height: 45px;
    }
    .business02 .svgTxt{
        left: 0;
    }

    .business03 .svgTxt{
        right: 0;
    }

	/* 메인 - refer */
    .refer{
        margin: 140px 0 140px 100px;
    }
}

@media screen and (max-width:1500px){
    header .logo{
        top: 20px;
    }
    header .logo > a img{
        max-width: 200px;
    }
    .gnbBg .left img{
        max-height: 120px;
    }
    .gnbBg .right img{
        max-width: 240px;
    }

    /*메인 - about */
    .about{
        height: 950px;
    }

    /* 메인 - business */
    .business article > div{
        float: none;
    }
    .business .txt{
        width: 100%;
        margin-bottom: 50px;
    }
    .business .txt .conTxt{
        margin-bottom: 40px;
    }
    .business .slideBox:after{
        width:100%;
        right: -51%;
    }
    .business article:nth-child(even) .txt{
        float: none;
    }
    .business article:nth-child(even) .slideBox:after{
        left: auto;
        right: -51%;
    }
    .business02 .svgTxt{
        left: auto;
        right: 0;
        top: 0;
    }
    .business .svgTxt_busi svg{
        max-width:350px;
    }
    .business03 .svgTxt{
        top: 0;
    }

	/* 메인 - refer */
    .refer{
        margin: 140px 0;
        padding: 0 15px;
    }

    .refer .swiper-container{
        overflow: hidden;
    }

    .svgTxt_refer{
        right: 15px;
    }
    .svgTxt_refer svg{
        max-width: 750px
    }

    /* 메인 - inquiry */
    .svgTxt_inquiry{
        /* right: 15px; */
    }
    .svgTxt_inquiry svg{
        max-width: 700px;
    }

	/* 서브페이지 svg */
    #sv .svgTxt svg{
        width: 800px;
    }

	#sv .svgTxt02 svg{
		width: 370px;
	}
}

@media screen and (max-width:1400px){
    .inner1400{
        padding: 0 15px;
    }

	/* 메인 reference */
    .refer .swiper-slide .txt p br{
        display: none;
    }

    /* footer */
    footer .top .top_btn{
        padding: 0 15px;
    }

	/* 서브페이지 svg */
    #sv .svgTxt svg{
        width: 700px;
    }
	#sv .svgTxt02 svg{
		width: 324px;
	}
    .svgTxt_inquiry{
        right: 15px;
    }

	/* 회사소개 - 인사말 */
    #greeting .scon .txt > h3{
        font-size: 80px;
    }
}


@media screen and (max-width:1200px){
    .inner1200{
        padding: 0 15px;
    }
    header{
        height: 70px;
    }
    header .logo{
        top: 15px;
    }
    header nav{
        display: none;
    }

    .gnbBg{
        display: none;
    }
    
    header .logo > a img{
        max-width: 160px;
    }

    /* footer */
    footer{
        padding: 50px 0 70px;
    }
    footer .bot{
        padding-top: 40px;
    }
    footer .bot .left,
    footer .bot .right{
        float: none;
    }
    footer .bot .right:after{
        content: "";
        display: block;
        clear: both;
    }
    footer .bot .right .ft_logo{
        float: left;
        margin-bottom: 0;
    }
    footer .bot .right{
        padding-top: 40px;
    }

    /* 전체메뉴 */
    #m_menu{
        width: 100%;
        max-width: 450px;
        padding: 36px 0;
    }
    #m_menu .inner1720{
        padding: 0;
    }
    #m_menu .mlogo{
        display: none;
    }
    #m_menu .menu{
        padding:44px 0 30px;
        text-align: left;
    }
    #m_menu .menu .gnb{
         width: 100%;
    }
    #m_menu .menu .gnb > li{
        float: none;
        padding:20px 30px;
    }
    #m_menu .menu .gnb > li.on{
        background-color: #eee;
    }
    #m_menu .menu .gnb > li > a{
        display: inline-block;
        padding: 0;
        font-size: 24px;
        position: relative;
    }

    #m_menu .menu .gnb .depth02{
        display: none;
        padding-top:30px
    }
    #m_menu .menu .gnb .depth02 > li > a{
        padding: 10px 30px;
        font-size: 16px;
        position: relative;
    }
    #m_menu .menu .gnb .depth02 > li > a:before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        margin-top:-2px;
        background-color: #777;
        border-radius: 50%;
        position: absolute;
        left: 16px;
        top: 50%;
    }
    #m_menu .menu .gnb .depth02 > li:hover > a:before{
        background-color:#5b9fba
    }

    #m_menu .bot{
        display: none;
    }
    #m_menu .img{
        display: none;
    }
    #m_menu .m_close{
        right: 15px;
    }
    #m_memu_bg{
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        right: 0;
        top: 0;
        z-index: 50;
    }

    /* 메인 비주얼 */
    #mainVisual .visu .slick-slide{
        height: 880px;
    }
    #mainVisual .visual .txt{
        top: 250px;
    }
    #mainVisual .visual .txt h2{
        font-size: 50px;
    }
    #mainVisual .visual .txt h2 img{
        max-height: 74px;
    }
    #mainVisual .visual .txt p{
        font-size: 20px;
    }
    .scroll_down:before{
        left: 51%;
    }
    .scroll_down button{
        padding: 140px 0 80px;
    }
    #mainVisual .scroll_down button:before{
        height: 100px;
    }

    @keyframes circle_ani02{
        0%{
            top:0;
        }
        50%{
            top:35%;
        }
        100%{
            top: 0;
        }
    }
    
    /* 메인 - about */
    .about{
        height: 900px;
    }
    .svgTxt_about svg{
        max-width: 580px;
    }
    .conTxt p{
        font-size: 40px;
    }

    /* 메인 - inquiry */
    .inquiry{
        height: 550px;
        background-size: cover !important;
        background:url("/img/main/inquiry_bg.jpg") no-repeat center;
        background-attachment: inherit;
    }

	/* 서브페이지 공통 */
    .est{
        padding-bottom: 120px;
    }
    .est .intro{
        height: 400px;
    }
    .est .intro .logo img{
        max-width: 350px;
    }

	 /* 서브비주얼 */
    #sv{
        height: 300px;
        margin-top: 70px;
    }
    #sv .svBox{
        padding-top: 50px;
    }
    #sv .svBox h2{
        font-size: 30px;
    }
    #sv .svBox h2 span{
        font-size: 45px;
    }
    
    #sv .linkBtn{
        right: 15px;
        bottom: 112px;
    }

    /* 서브페이지 svg */
    #sv .svgTxt{
        bottom: 100px;
        opacity: 0.8;
    }
    #sv .svgTxt svg{
        width: 600px;
    }
	#sv .svgTxt02 svg{
		width: 277px;
	}

	/* 회사소개 - 회사 개요 */
	#overview .cont .icon_box .item p{
		font-size:15px;
	}

	/* 회사소개 - 인사말 */
    #greeting .scon:after{
        height: 150px;
        top: -50px;
    }
    #greeting .scon{
        padding-top: 100px
    }
    #greeting .scon .txt > h3{
        font-size: 60px;
    }
    #greeting .scon .txt > span{
        margin: 35px 0 45px;
        font-size: 25px;
    }
    #greeting .scon .txt > p{
        font-size: 16px;
    }
    #greeting .scon .txt > p+p{
        margin-top: 10px;
    }
    #greeting .scon .txt > p br{
        display: none;
    }
    #greeting .scon .name{
        padding-top: 40px;
    }
    #greeting .scon .name span{
        margin-right: 30px;
    }
    #greeting .scon .name em{
        font-size: 35px;
    }

	/* 회사소개 - 비전,경영이념 */
    #vision .intro{
        height: 700px;
    }
    #vision .intro .txt{
        padding: 150px 10px 0;
    }
    #vision .intro .txt:before{
        height: 120px;
    }
    #vision .intro .txt span{
        margin-bottom: 80px;
        font-size: 20px;
    }
    #vision .intro .txt h3{
        font-size: 50px;
    }
    #vision .intro .txt p{
        font-size: 25px;
    }

	/* R&D소개 공통 */
	.rnd .tab .imgBox{
        height: 880px;
    }
    .rnd .tab .imgBox h3{
        font-size: 40px;
    }
    .rnd .tab .txtBox{
        padding: 100px 0;
    }
	.rnd .tab .txtBox .item > div{
		float: none;
		width: 100% !important;
	}
	.rnd .tab .txtBox .item .left{
		margin-bottom: 30px;
	}
	.rnd .tab .txtBox .intro{
		padding: 35px;
	}
	.rnd .tab .txtBox h4{
		font-size: 26px;
	}

	/* R&D소개 - R&D with KENTECH - 이산화탄소의 자원화 */
	#co2 .diagram .radius{
		width: calc((100% + 40px) / 2);
		padding: 60px 40px;
	}
	#co2 .diagram .radius:not(:last-of-type){
		margin-right: -40px;
	}
	#co2 .diagram .radius::before{
		right: 20px;
	}
	#co2 .step-box .num + div{
		margin-left: 10px;
	}

	/* R&D소개 -  R&D with 울주강소특구 */
    #laboratory .rndBox{
        height: auto;
    }
    #laboratory .rndBox .bot ul{
        display: inline-block;
    }
    #laboratory .rndBox .bot ul li{
        float:left;
        margin-right: 20px;
        position: static;
    }
    #laboratory .rndBox .bot ul li:nth-child(3){
        clear: both;
    }
    #laboratory .rndBox .bot ul li:nth-child(2n){
        margin-right: 0;
    }
    #laboratory .rndBox .bot ul li:nth-child(n+3){
        margin-top: 20px;
    }
    #laboratory .rndBox .bot ul li:before,
    #laboratory .rndBox .bot ul li:after{
        display: none;
    }

	/* 주요실적 - 경영 실적 */
	#perfor .intro .txt{
        display: flex;
        align-items: center;
        height:100%;
        padding-top: 0;
    }
    #perfor .intro .txt h3{
        font-size: 35px;
    }
    #perfor .scon .state .tbBox .item > p > em{
        font-size: 50px;
    }
    #perfor .scon .state .tbBox .item > img{
        max-height: 70px;
    }
    #perfor .scon .state .tbBox .left .item > img{
        margin-right: 30px;
    }
    #perfor .scon .state .tbBox .right ul li .item > img{
        margin-right: 20px;
    }
    #perfor .scon .state .tbBox .right ul li .item > p em{
        padding-left: 30px;
    }

	/* 고객지원 - 오시는 길 */
    #location .intro{
        height: 520px;
    }
    #location .scon .mapInfo{
        padding: 0;
    }
    #location .scon .downBtn{
        margin-right: 0;
    }
    #location .scon{
        padding-top: 80px;
    }

	/* notice */
	#notice{
		padding: 80px 0 120px;
	}
}

@media screen and (max-width: 1000px){
	/* 회사소개 - 회사 개요 */
	#overview{
		padding-bottom:120px;
	}
	#overview .cont{
		padding-top:80px
	}
	#overview .cont .icon_box{
		text-align: center; 
		margin-bottom:40px;
	}
	#overview .cont .icon_box .item{
		width: 33.3%; 
		margin-bottom:40px;
	}
	#overview .cont .icon_box .item p{
		font-size:16px;
	}
	#overview .cont .info{
		margin-top:100px; 
		text-align: left;
	}
	#overview .cont .info > h2{
		font-size:50px;
		text-align: center;
	}
	#overview .cont .info > p{
		font-size:16px;
		text-align: center;
	}
	#overview .cont .info .img_box{
		margin-top:60px;
	}
	#overview .cont .info .img_box .item{
		width: 49%; 
		margin-right: 2%;
	}
	#overview .cont .info .img_box .item:nth-of-type(2){
		margin-right:0
	}
	#overview .cont .info .img_box .item:last-of-type{
		margin-right:0; 
		margin-top:40px;
	}
	#overview .cont .info .img_box .item figure > img{
		width: 100%;
	}
	#overview .cont .info .img_box .item .po_icon > img{
		width: auto;
	}
	#overview .cont .info .img_box .item .txt h4{
		font-size:19px;
	}
	#overview .cont .info .img_box .item .txt p{
		font-size:15px;
	}
}

@media screen and (max-width:960px){
   /* 메인 비주얼 */
    #mainVisual .visu .slick-slide{
        height: 780px;
    }
    #mainVisual .visual .txt{
        top: 200px;
    }
    #mainVisual .visual .txt h2{
        font-size: 40px;
    }
    #mainVisual .visual .txt h2 img{
        max-height: 64px;
    }
    #mainVisual .visual .txt p{
        font-size: 18px;
    }
    #mainVisual .controls{
        width: 260px;
        height: 60px;
    }
    #mainVisual .controls .bar{
        margin: 0 15px;
    }
    #mainVisual .controls .bar span{
        width: 100px;
    }
    #mainVisual .controls .arrowBox button.prev{
        margin-right: 20px;
    }

    .scroll_down{
        bottom: 20px;
    }
    
    /* 메인 */
    .conTxt p{
        font-size: 35px;
    }
    .moreBtn{
        left:0;
        top:auto;
        bottom: 283px;
        background:#5b9fba url("/img/main/icon_arrow01_on.png") no-repeat center;
    }
    

    /* 메인 - about */
    .about{
        height: 700px;
        padding: 100px 0 20px;
    }
    .about .conTxt{
        padding-top: 60px;
    }
    .svgTxt_about svg{
        max-width: 480px;
    }
    
    /* 메인 - business */
    .business article{
        padding: 70px 0;
    }
    .business .txt{
        padding-left: 10px;
    }
    .business .txt .mconTit{
        margin-bottom: 40px;
    }
    .business .txt .busi_pagination li{
        font-size: 20px;
    }
    .business .slideBox{
        width: 100%;
    }
    .business .slideBox:after{
        display: none;
    }
    .business .svgTxt_busi svg{
        max-width: 250px;
    }
    .business article:nth-child(even) .moreBtn{
        right: 0;
    }

	/* 메인 - refer */
    .refer{
        margin: 0 0 100px;
        padding: 80px 15px;
    }
    .refer h3{
        margin-bottom: 30px;
        font-size: 50px;
    }
    .svgTxt_refer svg{
        max-width: 550px;
    }
    .refer .more{
        top: -50px;
    }
    .refer .slide08{
        display: none;
    }

	/* 서브비주얼 */
    #sv .svBox h2{
        font-size: 25px;
    }
    #sv .svBox h2 span{
        font-size: 35px;
    }
    #sv .linkBtn{
        bottom: 120px;
    }
    #lnb ul li a span{
        padding: 0 12px;
        font-size: 16px;
    }

    /* 서브페이지 svg */
    #sv .svgTxt svg{
        width: 400px;
    }
	#sv .svgTxt02 svg{
		width: 178px;
	}

	/* 회사소개 - 인사말 */
    #greeting .scon .txt > h3{
        font-size: 40px;
    }
    #greeting .scon .txt > span{
        margin: 25px 0 30px;
        font-size: 20px;
    }
    #greeting .scon .txt > p{
        font-size: 15px;
    }
    #greeting .scon .name{
        padding-top: 20px;
    }
    #greeting .scon .name span{
        margin-right: 20px;
        font-size: 15px;
    }
    #greeting .scon .name em{
        font-size: 25px;
    }

	/* 회사소개 - 비전,경영이념 */
    #vision .intro{
        height: 600px;
    }
    #vision .scon .list li .txt{
        height: 350px;
        padding: 50px 10px 0;
    }
    #vision .scon .list li .txt dl dt{
        font-size: 24px;
    }
    #vision .scon .list li .txt dl dd{
        font-size: 16px;
    }

	/* 회사소개 - 회사연혁 */
    #history .scon .list > ul > li:nth-child(odd) > div .year{
        margin-right: 15px;
    }
    #history .scon .list > ul > li:nth-child(even) > div .year{
        margin-left: 15px;
    }

	/* R&D소개 공통 */
	.rnd .tab .imgBox{
        height: 680px;
    }
    .rnd .tab .imgBox h3{
        font-size: 35px;
    }
    .rnd .tab .imgBox p{
        font-size: 18px;
    }
	.rnd .tab .txtBox h4{
		font-size: 24px;
	}
	.rnd .tab .txtBox .item .grayBox{
		padding: 30px;
	}
	.rnd .tab .txtBox .item .grayBox .bb{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	/* R&D소개 - R&D with KENTECH - 이산화탄소의 자원화 */
	#co2 .step-box .step{
		grid-template-columns: 35px calc(100% - 35px);
	}
	#co2 .step-box .box{ 
		padding: 30px;
	}
	#co2 .step-box .num::after{
		width: 14px;
	}
	#co2 .step-box .num i{
		width: 35px; 
		height: 35px;
		font-size: 15px;
	}
	#co2 .step-box .step03 ul{
		padding-bottom: 0;
		margin-bottom: 25px;
	}
	#co2 .step-box .step03 ul li figure{
		padding: 30px 0;
	}

	/* R&D소개 -  R&D with 울주강소특구 */
    #laboratory.rnd .imgBox{
        height: 1200px;
    }
    #laboratory.rnd .tab .imgBox p{
        padding-top: 10px;
    }
    #laboratory .rndBox .top{
        width: 288px;
        height: 288px;
        padding: 30px;
    }
    #laboratory .rndBox .top > div span{
        font-size: 40px;
    }
    #laboratory .rndBox .bot ul li{
        width: 200px;
        height: 200px;
        padding-top: 30px;
    }
    #laboratory .rndBox .bot ul li .icon{
        margin-bottom: 10px;
    }
    #laboratory .rndBox .bot ul li .icon img{
        max-height: 50px;
    }
    #laboratory.rnd .tab .imgBox p{
        padding-top: 10px;
        margin-bottom: 5px;
        font-size: 15px;
    }
    #laboratory .rndBox .bot ul li span{
        font-size: 13px;
    }
    #laboratory .rndBox .bot ul li p{
        padding-top: 0 !important;
    }

	/*주요실적 - 경영실적*/
     #perfor .scon .state .tbBox .item > p > em{
        width: 120px;
        font-size: 40px;
    }
    #perfor .scon .state .tbBox .item > img{
        max-height: 60px;
    }
    #perfor .scon .state .tbBox .left .item > img{
        margin-right: 20px;
    }
    #perfor .scon .state .tbBox .right ul li{
        padding-left: 20px;
    }
}

@media screen and (max-width: 900px){
	/* R&D소개 - R&D with KENTECH - 이산화탄소의 자원화 */
	#co2 .step-box .step01 .grid{
		grid-template-columns: repeat(2, 50%);
	}
	#co2 .step-box .step01 .grid .row{ 
		grid-row: unset;
		grid-column: auto / span 2;
	}
}

@media screen and (max-width:768px){
    /* 메인 비주얼 */
    #mainVisual .visu .slick-slide{
        height: 680px;
    }
    #mainVisual .visual .txt{
        top: 200px;
    }
    #mainVisual .visual .txt h2{
        font-size: 30px;
    }
    #mainVisual .visual .txt h2 img{
        max-height: 50px;
    }
    #mainVisual .visual .txt p{
        font-size: 16px;
    }


    /* 메인 */
    .moreBtn{
        width: 50px;
        height: 50px;
        bottom: 180px;
    }

    /* 메인 - about */
    .about{
        height: 700px;
    }
    .conTxt p{
        font-size: 30px;
    }

	.about .conTxt span br{ 
		display: none;
	}
    
    /* 메인 - business */
    .business article{
        padding: 50px 0;
    }
    .business .txt .mconTit{
        margin-bottom: 20px;
    }
    .business .txt .busi_pagination li{
        font-size: 18px;
    }
    .business .txt .busi_pagination li.swiper-pagination-bullet-active{
        padding-left: 70px;
    }
    .business .txt .busi_pagination li:after{
        width: 50px;
        background-position: right center;
    }
    .business .slideBox .controlBox{
        width: 50px;
        height: 180px;
    }
    .business .slideBox .controlBox .bar{
        height: 70px;
    }
    .business .slideBox .controlBox button{
        width: 35px;
        height: 35px;
        background-size: 10px auto !important;
    }

	/* 메인 - refer */
    .refer{
        margin: 0 0 80px;
    }
    .refer h3{
        font-size: 40px;
    }
    .svgTxt_refer svg{ 
        opacity: 1;
    }

	.refer .swiper-slide > a{
		padding: 30px 20px;
		height: auto;
	}

    /* 메인 - inquiry */
    .inquiry{
        height: 350px;
        
    }
    .svgTxt_inquiry svg{
        max-width: 500px;
    }
    .inquiry .box .linkBox{
        margin-top: 40px;
    }
    .inquiry .box .linkBox li a{
        font-size: 15px;
    }

	/*서브페이지 공통 */
    .est .intro{
        height: 300px;
    }

	.est .intro .logo img{
        max-width: 300px;
    }

	 /* 서브비주얼 */
    #sv.sv03,
    #sv.sv04{
        height: 250px;
    }
    
    #sv .linkBtn{
        bottom: 132px;
    }
    #sv .linkBtn > a{
        font-size: 18px;
    }
    #sv.sv03 .linkBtn,
    #sv.sv04 .linkBtn{
        bottom: 84px;
    }
    
    #lnb.sm02{
        height: 100px;
    }
    #lnb.sm03,
    #lnb.sm04{
        height: 60px;
    }
    #lnb ul li{
        margin: 3px 1px;
    }
    #lnb ul.busi_menu li:nth-child(4){
        clear: both;
    }
    #lnb ul li a span{
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    /* 서브페이지 svg */
    #sv .svgTxt{
        bottom: 115px;
    }
    #sv .svgTxt02{
        opacity: 0.6;
    }

    #sv .svgTxt svg{
        width: 350px;
    }
	#sv .svgTxt02 svg{
		width: 162px;
	}
    #sv.sv03 .svgTxt,
    #sv.sv04 .svgTxt{
        bottom: 70px;
    }

	/* 회사소개 - 인사말 */
    #greeting .scon:after{
        height: 100px;
    }

	/* 회사소개 - 비전,경영이념 */
    #vision .intro{
        height: 450px;
    }
    #vision .intro .txt{
        padding: 80px 10px 0;
    }
    #vision .intro .txt span{
        margin-bottom: 60px;
        font-size: 16px;
    }
    #vision .intro .txt h3{
        margin-bottom: 20px;
        font-size: 30px;
    }
    #vision .intro .txt p{
        font-size: 18px;
    }
    #vision .intro .txt:before{
        height: 60px;
    }
    #vision .scon .tit{
        font-size: 18px;
    }
    #vision .scon .list li{
        width: calc(50% - 10px);
        margin-right: 10px;
    }
    #vision .scon .list li:nth-child(2n){
        margin-right: 0;
    }
    #vision .scon .list li:nth-child(n+3){
        margin-top: 10px;
    }
    #vision .scon .list li .txt{
        height: 280px;
        padding: 50px 10px 0;
    }
    #vision .scon .list li .txt img{
        max-width: 50px;
        margin-bottom: 30px;
    }
    #vision .scon .list li .txt dl dt{
        font-size: 20px;
    }
    #vision .scon .list li .txt dl dd{
        font-size: 14px;
    }

	/* 회사소개 - 회사연혁 */
    #history .scon{
        padding-top: 80px;
        margin-top: 0;
    }
    #history .scon .top{
        width: 150px;
        height: 150px;
    }
    #history .scon .top > div img{
        max-height: 30px;
    }
    #history .scon .top > div p{
        padding-top: 10px;
        font-size: 18px;
    }
    #history .scon .list > ul > li{
        padding-top: 60px;
    }
    #history .scon .list > ul > li > div{
        width: 100%;
    }
    #history .scon .list > ul > li:nth-child(odd) > div{
        float: none;
        margin-right: 0;
    }
    #history .scon .list > ul > li:nth-child(even) > div{
        margin-left: 0;
    }
    #history .scon .list > ul > li:nth-child(even) > div .year{
        margin-left: 0;
        text-align: right;
    }
    #history .scon .list > ul > li > div .year img{
        max-width: 180px;
    }
    #history .scon .list > ul > li > div ul li{
        max-width: none !important;
        text-align: left !important;
    }
    #history .scon .list > ul > li:nth-child(even) > div ul li{
        float: none;
        justify-content:flex-start;
    }
    #history .scon .list > ul > li > div ul li+li{
        margin-top: 20px;
    }
    #history .scon .list > ul > li > div ul li > div{
        order: unset !important;
    }
    #history .scon .list > ul > li > div ul li .date{
        width: 75px;
        font-size: 20px;
    }
    #history .scon .list > ul > li > div ul li .txt p+p{
        margin-top: 20px;
    }
    #history .scon .bot{
        padding-top: 30px;
    }
    #history .scon .bot > img{
        max-width: 180px;
    }
    #history .scon .bot > p{
        font-size: 30px;
    }

	/* R&D소개 공통 */
	.rnd .tab .imgBox{
        height: 580px;
    }
    .rnd .tab .imgBox h3{
        font-size: 30px;
    }
    .rnd .tab .imgBox dl{
        padding-top: 50px !important;
    }
    .rnd .tab .imgBox dl dt{
        font-size: 17px;
    }
    .rnd .tab .imgBox dl dd{
        font-size: 15px;
    }
    .rnd .tab .imgBox p{
        font-size: 16px;
    }
	.rnd .tab .txtBox .intro{
		padding: 20px;
	}
	.rnd .tab .txtBox .intro ul li{
		font-size: 15px;
		text-indent: -23px;
		padding-left: 23px;
	}
	.rnd .tab .txtBox .intro ul li::before{
		width: 13px;
		height: 12px;
	}
	.rnd .tab .txtBox .item{
		padding-top: 70px;
	}
	.rnd .tab .txtBox h4{
		font-size: 21px;
	}
	.rnd .tab .txtBox .item .tit p{
		font-size: 18px;
	}
	.rnd .tab .txtBox .item .tit a{
		font-size: 18px;
	}
	.rnd .tab .txtBox .item .tit a i{
		width: 22px; 
		height: 22px;
		margin-left: 5px;
	}
	.rnd .tab .txtBox .item .grayBox dl dt{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.rnd .tab .txtBox .item .grayBox dl dd{
		font-size: 15px;
	}

	/* R&D소개 - R&D with KENTECH - 이산화탄소의 자원화 */
	#co2 .diagram .flex-box{
		flex-direction: column;
	}
	#co2 .diagram .radius{
		width: 100%;
		border-radius: 140px;
		box-sizing: border-box;
	}
	#co2 .diagram .radius:not(:last-of-type){
		margin-right: 0;
		margin-bottom: -34px;
	}
	#co2 .diagram .radius::before{
		width: 15px;
		height: 15px;
		top: unset;
		bottom: 17px;
		right: 50%;
		transform: translate(50%, 50%);
	}
	#co2 .diagram .radius p{ 
		font-size: 15px;
	}
	#co2 .step-box .step01 .grid p{
		font-size: 16px;
	}
	#co2 .step-box .step03 .box > p{
		font-size: 15px;
	}
	#co2 .step-box .step03 .box > p strong{
		font-size: 16px;
	}
	#co2 .step-box .step03 ul li p{
		font-size: 16px;
	}

	/* R&D소개 - R&D with KENTECH - 폐플라스틱 원료로 순환 */
	#plastic.rnd .grid-box{
		margin: -15px 0;
	}
	#plastic.rnd .grid-box > *{
		margin: 15px 0;
	}


	/* R&D소개 -  R&D with 울주강소특구 */
	#laboratory.rnd .imgBox{
        height: 1000px;
    }
    #laboratory .rndBox{
        margin: 45px auto 0;
    }

	/* R&D소개 -  기술연구소 */
	#technology .btn{
		font-size: 15px;
		padding: 8px 17px;
	}

	/* boardCon */
	.boardCon {
		margin-bottom: 100px;
	}
	.boardCon .scon{ 
		padding: 60px 0;
	}
	#certi.boardCon .scon{
		padding: 20px 0 30px;
	}

	/*주요실적 - 경영실적*/
	#perfor .intro .txt span{
        margin-bottom: 10px;
        font-size: 15px;
    }
    #perfor .intro .txt h3{
        font-size: 25px;
    }
    #perfor .scon{
        padding-top: 80px;
    }
    #perfor .scon .sconTit{
        margin-bottom: 45px;
        font-size: 30px;
    }
    #perfor .scon .state{
        padding-top: 80px;
    }
    #perfor .scon .state h5{
        font-size: 20px;
    }
    #perfor .scon .state .tbBox{
        display: block;
    }
    #perfor .scon .state .tbBox > div{
        width: 100%;
        
        margin-right: 0;
        height: auto;
        box-sizing: border-box;
    }
    #perfor .scon .state .tbBox .left{
        padding: 30px 20px;
    }
    #perfor .scon .state .tbBox .right{
        margin-top: 10px;
    }
    #perfor .scon .state .tbBox .right ul li{
        justify-content: center;
        height: auto;
        padding: 30px 20px;
    }
    #perfor .scon .state .tbBox .item > img{
        max-height: 50px;
    }
    #perfor .scon .state .tbBox .item > p > span{
        font-size: 15px;
    }
    #perfor .scon .state .tbBox .left .item > p span{
        margin-bottom: 15px;
    }
    #perfor .scon .state .tbBox .right ul li .item > p span{
        width: 70px;
    }
    #perfor .scon .state .tbBox .item > p > em{
        font-size: 28px;
    }

	/* 고객지원 - 공지사항 */
	#reference .ntb-list.lst-body li .inf{
        line-height: 1.6;
    }
    #reference .AXInput{
        width:calc(100% - 160px);
    }

	/* 고객지원 - Q&A */
	#qna .ntb-tb-view th{
        font-size: 14px;
    }
    #qna #select_email.AXSelect{
        margin-top: 10px;
    }

	/* 고객지원 - 오시는길 */
	#location .scon .mapInfo li{
		width: calc((100% - 20px) / 3);
		height: 200px;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 40px 10px 0;
	}
	#location .scon .mapInfo li dl{
		padding-top: 10px;
	}
	#location .scon .mapInfo li dl dt{
		margin-bottom: 10px;
		font-size: 18px;
	}
}

@media screen and (max-width: 700px){
	#overview .cont .icon_box .item p{
		font-size:15px;
	}
	#overview .cont .icon_box .item p > br{
		display:none;
	}
	#overview .cont .info .img_box .item .po_icon{
		width: 60px; 
		height: 60px;
	}
	#overview .cont .info .img_box .item .po_icon > img{
		width: 60%; 
		margin: 16px 0;
	}
    #overview .cont .info > h2{
		margin-bottom: 15px; 
		font-size: 40px;
	}
    #overview .cont .info .img_box .item .txt h4{
		margin: 20px 0 10px; 
		font-size: 16px;
	}
    #overview .cont .info .img_box .item .txt p{
		font-size: 14px;
	}
    #overview .cont .info .img_box .item .ctn::before{
		right: 80px; 
		bottom: 80px;
	}

	/* R&D소개 - R&D with KENTECH - 폐플라스틱 원료로 순환 */
	#plastic.rnd .grid-box{
		grid-template-columns: repeat(1, 100%);
	}
	#plastic.rnd .grid-box .block{
		grid-column: unset;
	}
}

@media screen and (max-width:640px){
    /* footer */
    footer{
        padding: 30px 0 40px;
    } 
    footer *{
        font-size: 14px;
    }
    footer .top .tel a{
        padding-left: 25px;
        background-size: 14px auto;
    }
    footer .top .menu li{
        margin-right: 30px;
    }
    footer .bot{
        padding-top: 20px;
    }
    footer .bot .left .info{
        padding: 15px 0;
    }
    footer .bot .left .info li span{
        display: block;
        margin-right: 0;
    }
    footer .bot .left .info li span+span{
        margin-top: 5px;
    }
    footer .bot .right{
        padding-top: 20px;
    }
    footer .bot .right .ft_logo > a img{
        max-width: 180px;
    }
    footer .bot .right .family button{
        font-size: 14px;
    }

   /* 메인 비주얼 */
   #mainVisual .visu .slick-slide{
        height: 580px;
    }
    #mainVisual .visual .txt{
        top: 200px;
    }
    #mainVisual .visual .txt h2{
        margin-bottom: 15px;
        font-size: 28px;
    }
    #mainVisual .visual .txt h2 img{
        max-height: 45px;
    }
    #mainVisual .visual .txt p{
        font-size: 15px;
    }

    #mainVisual .controls{
        width: 230px;
    }

    .scroll_down{
        left: 30px;
    }

    /* 메인 - about */
    .mconTit{
        font-size: 25px;
    }
    .conTxt p{
        font-size: 24px;
    }
    .conTxt span{
        font-size: 16px;
    }
    .about{
        height: 550px;
    }
    .about .conTxt{
        padding-top: 40px;
    }
    .svgTxt_about svg{
        max-width: 380px;
    }
    .about .conTxt p{
        margin-bottom: 15px;
    }

	/* 메인 - business */
    .business .txt{
        padding-left: 0;
        margin-bottom: 30px;
    }
    .business .txt .busi_pagination li{
        font-size: 16px;
    }

	/* 메인 - refer */
    .refer h3{
        margin-bottom: 20px;
        font-size: 30px;
    }
    
    .refer .controls *{
        font-size: 13px;
    }
    .refer .controls .box{
        width: 150px;
    }
    .refer .controls .swiper-scrollbar{
        width: calc(100% - 150px);
    }
    .svgTxt_refer svg{
        max-width: 480px;
    }    
    
    /* 메인 - inquiry */
    .inquiry{
        height: 300px;
        
    }
    .inquiry .box .conTxt span{
        margin-bottom: 15px;
    }
    .svgTxt_inquiry svg{
        max-width: 400px;
    }
    .inquiry .box .linkBox{
        margin-top: 30px;
    }
    .inquiry .box .linkBox li{
        width: 150px;
        height: 40px;
    }
    .inquiry .box .linkBox li a{
        line-height: 40px;
    }

	/* 서브비주얼 */
    #sv .svBox{
        padding-top: 40px;
    }
    #sv .svBox h2{
        font-size: 25px;
    }
    #sv .svBox h2 span{
        font-size: 32px;
    }
    
    #sv .linkBtn > a{
        font-size: 16px;
    }
    #lnb.sm01{
        height: 100px;
    }

    /* 서브페이지 svg */
    #sv .svgTxt{
        opacity: 0.7;
    }
    #sv .svgTxt{
        opacity: 1;
    }
    #sv .svgTxt svg{
        max-width: 300px;
    }

	/* R&D소개 공통 */
	.rnd .tab .imgBox{
        height: 450px;
    }
    .rnd .tab .imgBox h3{
        font-size: 22px;
    }
    .rnd .tab .imgBox p{
        padding-top: 30px;
        font-size: 14px;
    }
    .rnd .tab .imgBox dl{
        padding-top: 30px !important;
    }
    .rnd .tab .imgBox dl dt{
        margin-right: 20px;
        font-size: 15px;
    }
    .rnd .tab .imgBox dl dd{
        font-size: 14px;
    }
	.rnd .tab .txtBox .item .tit p{
		font-size: 17px;
	}
	.rnd .tab .txtBox .item .tit a{
		font-size: 17px;
	}

	/* R&D소개 - R&D with KENTECH - 이산화탄소의 자원화 */
	#co2 .step-box .box{  
		padding: 20px;
	}

	/* notice */
	#notice table col:nth-child(3){
		width: 100px !important;
	}
	#notice table col:nth-child(4){
		display: none;
	}
	#notice table th:nth-child(4){
		display: none;
	}
	#notice table td:nth-child(4){
		display: none;
	}
}

@media screen and (max-width: 550px){
	/* 회사소개 - 인사말 */
	#greeting .scon .txt > h3{
		font-size: 37px;
	}

	/* R&D소개 - R&D with KENTECH - 폐플라스틱 원료로 순환 */
	#plastic.rnd .tab .imgBox p span{ display: block; }
}

@media screen and (max-width: 500px){
	#overview .cont .info > h2{
		font-size: 30px;
	}
    #overview .cont .info > p{
		font-size: 15px;
	}
	#overview .cont .icon_box .item figure img{
		width: 40%;
	}
	#overview .cont .icon_box .item p{
		font-size:14px;
	}
	#overview .cont .icon_box .item h5{
		margin: 25px 0 20px;
	}
	#overview .cont .info .img_box .item .txt h4{
		font-size:17px;
	}
}

@media screen and (max-width:480px){
    .br480{
        display: block;
    }

    /* footer */
    footer .top{
        padding-bottom: 20px;
    }
    footer .top .tel{
        float:none;
        margin-bottom: 10px;
    }
    footer .top .menu{
        float: none;
    }
    footer .top .top_btn{
        padding: 0;
        right: 30px;
    }
    footer .bot .right .ft_logo > a img{
        max-width: 160px;
    }
    footer .bot .right .family{
        width: 140px;
        margin-top: 0;
    }
    footer .bot .right .family button{
        padding-left: 20px;
        text-align: left;
        font-size: 13px;
        background-position: 85% center;
    }
    footer .bot .right .family ul li a{
        font-size: 13px;
    }

    /* 메인 비주얼 */
    #mainVisual .visu .slick-slide{
        height: 500px;
    }
    
    #mainVisual .visual .txt h2{
        font-size: 25px;
    }
    #mainVisual .visual .txt p{
        font-size: 14px;
    }
    #mainVisual .visual .txt h2 img{
        max-height: 40px;
    }
    .scroll_down{
        bottom: 10px;
    }
    .scroll_down button{
        padding: 110px 0 80px;
    }
    #mainVisual .scroll_down button:before{
        height: 70px;
    }

    @keyframes circle_ani02{
        0%{
            top:0;
        }
        50%{
            top:25%;
        }
        100%{
            top: 0;
        }
    }
    /* 메인 */
    .moreBtn{
        width: 35px;
        height: 35px;
        bottom: 130px;
        background-size: 6px auto !important;
    }

    .mconTit{
        font-size: 20px;
    }
    .conTxt p{
        font-size: 18px;
    }
    .conTxt span{
        font-size: 14px;
    }

    /* 메인 - about */
    .about{
        height: 500px;
        padding: 70px 0 20px;
    }
    .about .conTxt{
        padding-top: 30px;
    }

    /* 메인 - business */
	.business .svgTxt{
		text-align: left;
	}
    .business .svgTxt_busi svg{
        max-width: 150px;
    }
    .business .txt .conTxt{
        margin-bottom: 20px;
    }
    .business .txt .mconTit{
        padding: 14px 17px 0 0;
    }
    .business .txt .mconTit:after{
        width: 30px;
        height: 28px;
        background-size: contain;
    }
    .business .txt .busi_pagination li{
        font-size: 14px;
    }
    .business .slideBox .controlBox{
        width: 35px;
        height: 130px;
    }
    .business .slideBox .controlBox .bar{
        height: 70px;
    }
    .business .slideBox .controlBox button{
        width: 20px;
        height: 20px;
    }

	/* 메인 - refer */
    .refer{
        padding: 60px 15px 0;
    }
    .refer h3{
        font-size: 24px;
    }
    .refer .more{
        font-size: 13px;
        top: -40px;
    }
    .refer .swiper-slide .txt span{
        margin-bottom: 5px;
        font-size: 16px;
    }
    .refer .swiper-slide .txt p{
        font-size: 14px;
    }
    .svgTxt_refer svg{
        max-width: 320px;
    }
    .refer .slide07{
        display: none;
    }

    /* 메인 - inquiry */
    .svgTxt_inquiry{
        top: -23px;
    }
    .svgTxt_inquiry svg {
        max-width: 300px;
    }
    .inquiry .box .linkBox li{
        width: 120px;
    }
    .inquiry .box .linkBox li a{
        font-size: 13px;
    }

	/* 서브페이지 공통 */
    .est{
        padding-bottom: 100px;
    }
    .est .intro{
        height: 250px;
    }
    .est .intro .logo img{
        max-width: 250px;
    }

	/* 서브비주얼 */
    #sv .svBox h2{
        font-size: 18px;
    }
    #sv .svBox h2 span{
        font-size: 28px;
    }
    #sv .linkBtn > a{
        font-size: 14px;
        padding-right: 50px;
    }
    #sv .linkBtn > a:before{
        width: 30px;
        background-position: right center;
        right: 10px;
    }
    #sv .linkBtn > a:after{
        width: 24px;
        height: 24px;
        margin-top: -12px;
        border-width: 2px;
    }

    #lnb > .inner1200{
        padding: 0 5px;
    }
    #lnb ul li a span{
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

	/* 회사소개 - 인사말 */
    #greeting .scon{
        padding-top:80px;
    }
    #greeting .scon .txt > h3{
        font-size: 27px;
    }
    #greeting .scon .txt > span{
        font-size: 18px;
    }

	/* 회사소개 - 비전,경영이념 */
    #vision .scon .tit{
        margin-bottom: 15px;
        font-size: 16px;
    }
    #vision .scon .list li{
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 30px 0;
        background-color: #fff;
    }
    #vision .scon .list li.move{
        animation-delay: inherit !important;
    }
    #vision .scon .list li+li{
        margin-top: 20px !important;
    }
    #vision .scon .list li .txt{
        height: auto;
        padding: 0 10px 30px;
    }
    #vision .scon .list li .txt img{
        max-width: 35px;
        margin-bottom: 20px;
    }
    #vision .scon .list li .txt dl dt{
        margin-bottom: 10px;
        font-size: 17px;
    }
    #vision .scon .list li .txt dl dd br{
        display: none;
    }
    #vision .scon .list li .img{
        text-align: center;
    }

	/* 회사소개 - 회사연혁 */
    #history .scon .list{
        padding-bottom: 100px;
    }
    #history .scon .list > ul:before{
        height: calc(100% + 100px);
    }
    #history .scon .list > ul > li > div .year{
        margin: 0 25px 0 0 !important;
    }
    #history .scon .list > ul > li > div .year img{
        max-width: 120px;
    }
    #history .scon .list > ul > li > div ul li{
        padding: 20px;
    }
    #history .scon .list > ul > li > div ul li .txt p{
        font-size: 16px;
    }
    #history .scon .list > ul > li > div ul li .txt p span{
        font-size: 14px;
    }
    #history .scon .bot > img{
        max-width: 140px;
    }
    #history .scon .bot > span{
        font-size: 18px;
    }
    #history .scon .bot > p{
        font-size: 24px;
    }

	/* R&D소개 공통 */
	.rnd .tab .imgBox{
        height: 320px;
    }
    .rnd .tab .imgBox h3{
        font-size: 20px;
    }
    .rnd .tab .imgBox p{
        font-size: 13px;
    }
    .rnd .tab .imgBox p br{
        display: none;
    }
    .rnd .tab .imgBox dl dt{
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .rnd .tab .imgBox dl dd{
        display: block;
        font-size: 13px;
    }

	/* R&D소개 -  R&D with 울주강소특구 */
	#laboratory.rnd .imgBox{
        height: 800px;
    }
    #laboratory.rnd .tab .imgBox p{
        padding-top: 10px;
    }
    #laboratory .rndBox .top{
        width: 240px;
        height: 240px;
        padding: 30px;
    }
    #laboratory .rndBox .top:before{
        width: calc(100% + 6px);
        border-width: 3px;
        bottom: -1.5px;
    }
    #laboratory .rndBox .top > div span{
        font-size: 30px;
    }
    #laboratory .rndBox .bot ul li{
        width: 150px;
        height: 150px;
        padding-top: 30px;
        margin-right: 10px;
    }
    #laboratory .rndBox .bot ul li:nth-child(n+3){
        margin-top: 10px;
    }
    #laboratory .rndBox .bot ul li .icon{
        margin-bottom: 5px;
    }
    #laboratory .rndBox .bot ul li .icon img{
        max-height: 26px;
    }
    #laboratory.rnd .tab .imgBox p{
        margin-bottom: 2px;
        font-size: 13px;
    }
    #laboratory .rndBox .bot ul li span{
        font-size: 11px;
    }

	/* 주요실적 - 경영 실적 */
    #perfor .scon{
        padding-top: 60px;
    }
    #perfor .scon .sconTit{
        font-size: 25px;
    }

    #perfor .scon .finance .graph .left ul li:first-child{
        padding-top: 10px;
    }
    #perfor .scon .finance .graph .left ul li:last-child{
        padding-bottom: 10px;
    }
    #perfor .scon .finance .graph .left ul li:before{
        width: calc(100% - 60px);
    }
    #perfor .scon .finance .graph .left ul li span{
        width: 38px;
        font-size: 10px;
    }
    #perfor .scon .finance .graph .right .item{
        padding-left: 60px;
    }


    #perfor .scon .finance .graph .right .box ul li{
        margin-right: 5px;
    }
    #perfor .scon .finance .graph .right .box01 ul li:nth-child(2) .bar{
        height: 160px;
    }
    #perfor .scon .finance .graph .right .box01 ul li:nth-child(3) .bar{
        height: 170px;
    }

    #perfor .scon .finance .graph .right{
        top: 57.9%;
    }
    #perfor .scon .finance .graph .right .box ul li span{
        top: -15px;
    }

    #perfor .scon .finance .graph .bot ul li{
        font-size: 15px;
    }
    #perfor .scon .finance .graph .bot p{
        font-size: 10px;
        top: -14px;
    }

	/* R&D소개 공통 */
	.rnd .tab .txtBox .item .grayBox{ 
		padding: 20px;
	}
	.rnd .tab .txtBox .item .left{
		margin-bottom: 20px;
	}
	.rnd .tab .txtBox .item .tit{ 
		margin-bottom: 20px;
	}
	.rnd .tab .txtBox h4{
		font-size: 19px;
	}
	.rnd .tab .txtBox .item .tit p{
		font-size: 15px;
	}
	.rnd .tab .txtBox .item .tit a{
		font-size: 15px;
	}
	.rnd .tab .txtBox .item .tit a i{
		transform: translateY(1px);
	}
	.rnd .tab .txtBox .item .grayBox dl dt{
		font-size: 15px;
	}
	.rnd .tab .txtBox .item .grayBox dl dd{ 
		font-size: 14px; 
	}

	/* R&D소개 - R&D with KENTECH - 이산화탄소의 자원화 */
	#co2 .diagram .radius p{
		font-size: 14px;
	}
	#co2 .step-box .step01 .grid{ 
		grid-template-columns: repeat(1, 100%);
		font-size: 14px;
	}
	#co2 .step-box .step01 .grid .row{
		grid-column: unset;
	}
	#co2 .step-box .step01 .grid figure{
		display: block;
		text-align: center;
	}
	#co2 .step-box .step01 .grid p{
		font-size: 15px;
	}
	#co2 .step-box .step03 ul li p{
		font-size: 15px;
	}
	#co2 .step-box .step03 .box > p strong{
		font-size: 14px;
	}

	/* 고객지원 - 오시는길 */
	#location .tabBtnWrap a{ 
		font-size: 18px;
		height: 55px;
		line-height: 55px;
	}

	/* notice */
	#notice table th:not(.view_tit){ 
		font-size: 14px; 
	}
	#notice table td:not(.cont_txt){
		font-size: 14px;
	}
}

@media screen and (max-width:420px){
    /* 메인 */
    .about{
        height: 420px;
    }
    .svgTxt_about svg{
        max-width: 300px;
    }
    .about .img{
        opacity: 0.8s;
    }
    .inquiry .box .linkBox li a{
        font-size: 14px;
    }
}