@charset "utf-8";

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: NotoSansKR;
}
a {
    text-decoration: none;
}
body {
    background:#eee;
}

@font-face {
    font-family: NotoSansKR;
    src: url(font/NotoSansKR-Thin.otf);
    font-weight: 100;
}

@font-face {
    font-family: NotoSansKR;
    src: url(font/NotoSansKR-Light.otf);
    font-weight: 200;
}


@font-face {
    font-family: NotoSansKR;
    src: url(font/NotoSansKR-Regular.otf);
    font-weight: 400;
}

@font-face {
    font-family: NotoSansKR;
    src: url(font/NotoSansKR-Medium.otf);
    font-weight: 500;
}

@font-face {
    font-family: NotoSansKR;
    src: url(font/NotoSansKR-Bold.otf);
    font-weight: 700;
}

@font-face {
    font-family: NotoSansKR;
    src: url(font/NotoSansKR-Black.otf);
    font-weight: 900;
}



@media(min-width:1024px) {
    .icon_menu {
        display:none;
    }
    body {
        position:relative;
    }
    #header {
        width:1300px;
        height:80px;
        position:absolute;
        top:0;
        left:50%;
        z-index:99;
        transform: translateX(-50%);
    }
    body>hr {
        position:absolute;
        top:80px;
        z-index:99;
        min-width:1300px

    }

    #logo {
        display:block;
        float:left;
        width:400px;
    }
    #logo img {
        padding-top:17px;
    }

    #menu {
        float:left;
        width:900px;
        overflow: hidden;
    }

    .menu_list {
        width:16.6667%;
        float:left;
        height:80px;
        cursor: pointer;
    }
    .menu_list a {
        width:100%;
        display:block;
        height:100%;
        line-height:80px;
        color:#fff;
        font-weight:500;
        text-align:center;
    }
    .menu_list a:hover {
        transform: scale(1.2);
        transition:0.5s;
        color:#ff7800;
    }

    .wrap {
        width:1300px;
        margin:0 auto;
        overflow: hidden;
    }
    .intro,.map,.business {
        width:800px;
        margin:40px auto;
        background:rgba(255,255,255,0.1);
        padding:30px;
        text-align: center;

    }


    .gallery img {
        width:550px;
        display:block;
        margin:13px auto;
    }
    .business {
        line-height:36px;
        height:500px;
    }
    .map p {
        padding-top:10px;
    }
    .wrap h2 {
        text-align:center;
        color:#fff;
        font-weight:500;
        font-size:30px;
        margin-bottom:20px;
    }

    .wrap h3 {
        color:#fff;
        font-weight:500;
        font-size:25px;
        margin-bottom:20px;
    }

    .wrap p {
        color:#fff;
        font-size:18px;
    }
    .wrap p b {
        font-weight:500;
        color:#ff7800;
        display:block;
        font-size:25px;
    }
    .height {
        height:2650px;
    }

    #company_contents,#business_contents {
        background-image:url(img/company_back.png);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:auto 1500px;
        padding-top:120px;
        min-width:1300px;
    }
    #company_contents {
        height:1500px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    #business_contents {
        height:3500px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }

    #content {
        height:900px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
        min-width:1300px;
    }
    .mainbag {
        height:100%;
        overflow: hidden;
    }

    .mainbag > div {
        height:100%;
        width:100%;
        float:left;
    }

    .m_slide {
        display:none;
    }



    #slide_jindong {
        background-image:url(img/slide1.png);
        background-position: center;
        background-size:auto 900px;
        background-repeat: no-repeat;
        width:100%;
        height:900px;
        text-align: center;
    }
    #slide_grader {
        background-image:url(img/slide2.png);
        background-position: center;
        background-size:auto 900px;
        background-repeat: no-repeat;

        width:100%;
        height:900px;
        text-align: center;

    }
    #slide_combi {
        background-image:url(img/slide3.png);
        background-position: center;
        background-size:auto 900px;
        background-repeat: no-repeat;

        width:100%;
        height:900px;
        text-align: center;
    }
    #slide_asphalt {
        background-image:url(img/slide4.png);
        background-position: center;
        background-size:auto 900px;
        background-repeat: no-repeat;

        width:100%;
        height:900px;
        text-align: center;
    }
    #slide_asphalt img {
        padding-top:30px;
    }

    #footer {
        width:1300px;
        margin:0 auto 20px;
        overflow: hidden;
    }

    #footer > div {
        float:left;
        padding-top:30px;
    }

    .footer_cont {
        width:900px;
        font-size:15px;
    }

    .footer_cont p {
        padding-bottom:10px;
    }
    .footer_logo {
        width:400px;
    }

    .footer_logo img {
        padding-top:49px;

    }
    .footer_cont p span {
        display:inline-block;
        margin-left:10px;
    }
}


@media(min-width:800px) and (max-width:1023px) {
    .icon_menu {
        display:none;
    }
    body {
        position:relative;
    }
    #header {
        width:100%;
        position:absolute;
        top:0;
        left:50%;
        z-index:99;
        transform: translateX(-50%);
    }
    body>hr {
        position:absolute;
        top:140px;
        z-index:99;
    }

    #logo {
        display:block;
        height:80px;
    }
    #logo img {
        padding-top:20px;
    }
    #menu {
        width:100%;
        overflow: hidden;
    }

    .menu_list {
        width:16.6667%;
        float:left;
        height:60px;
        cursor: pointer;
    }
    .menu_list a {
        width:100%;
        display:block;
        height:100%;
        line-height:60px;
        color:#fff;
        font-weight:500;
        text-align:center;
    }
    .menu_list a:hover {
        transform: scale(1.2);
        transition:0.5s;
        color:#ff7800;
    }
    .intro,.map,.business {
        margin:50px 20px;
        background:rgba(255,255,255,0.1);
        padding:30px;

    }
    .gallery img {
        width:100%;
    }
    .gallery {
        width:500px;
        margin:10px auto;
    }

    .business {
        line-height:36px;

    }
    .height {
        height:2450px;
    }
    .map p {
        padding-top:10px;
    }
    .wrap h2 {
        text-align:center;
        color:#fff;
        font-weight:500;
        font-size:30px;
        margin-bottom:20px;
    }

    .wrap h3 {
        color:#fff;
        font-weight:500;
        font-size:25px;
        margin-bottom:20px;
    }

    .wrap p {
        color:#fff;
        font-size:18px;
    }
    .wrap p b {
        font-weight:500;
        color:#ff7800;
        display:block;
        text-align:right;
        font-size:25px;
    }

    #company_contents,#business_contents {
        background:url(img/m_back.png) top/cover no-repeat;
        padding-top:120px;
    }

    #company_contents {
        height:1400px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    #business_contents {
        height:3300px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }

    #content {
        height:750px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    .mainbag {
        height:100%;
         overflow: hidden;
    }

    .mainbag > div {
        height:100%;
        width:100%;
        float:left;
    }
    .img_wrap >img {
        width:100%;
        margin-top:100px;
    }
    .m_slide {
        display:none;
    }




    #slide_jindong {
        background-image:url(img/slide1.png);
        background-position: center;
        background-size:auto 750px;
        background-repeat: no-repeat;
        width:100%;
        height:750px;
        text-align: center;
    }
    #slide_grader {
        background-image:url(img/slide2.png);
        background-position: center;
        background-size:auto 750px;
        background-repeat: no-repeat;
        width:100%;
        height:750px;
        text-align: center;

    }
    #slide_combi {
        background-image:url(img/slide3.png);
        background-position: center;
        background-size:auto 750px;
        background-repeat: no-repeat;
        width:100%;
        height:750px;
        text-align: center;
    }
    #slide_asphalt {
        background-image:url(img/slide4.png);
        background-position: center;
        background-size:auto 750px;
        background-repeat: no-repeat;
        width:100%;
        height:750px;
        text-align: center;
    }
    #slide_asphalt img {
        padding-top:30px;
    }

    #footer {
        width:100%;
    }

    #footer > div {
        padding-top:30px;
    }

    .footer_cont {
        font-size:15px;
        text-align:center;
    }

    .footer_cont p {
        padding-bottom:10px;
    }
    .footer_logo {
        text-align:center;
    }

    .footer_logo img {

    }
    .footer_cont p span {
        display:inline-block;
        margin-left:10px;
    }
    .br {
        display:none
    }
}


@media(min-width:600px) and (max-width:799px) {
    .icon_menu {
        display:none;
    }
    body {
        position:relative;
    }
    #header {
        width:100%;
        position:absolute;
        top:0;
        left:50%;
        z-index:99;
        transform: translateX(-50%);
    }
    body>hr {
        position:absolute;
        top:140px;
        z-index:99;
    }

    #logo {
        display:block;
        height:80px;
    }
    #logo img {
        padding-top:20px;
    }
    #menu {
        width:100%;
        overflow: hidden;
    }

    .menu_list {
        width:16.6667%;
        float:left;
        height:60px;
        cursor: pointer;
    }
    .menu_list a {
        width:100%;
        display:block;
        height:100%;
        line-height:60px;
        color:#fff;
        font-weight:500;
        text-align:center;
    }
    .menu_list a:hover {
        transform: scale(1.2);
        transition:0.5s;
        color:#ff7800;
    }

    .intro,.map,.business {
        margin:50px 20px;
        background:rgba(255,255,255,0.1);
        padding:30px;

    }
    .gallery img {
        width:100%;
        max-width:484px;
        display:block;
        margin:10px auto;
    }
    .business {
        line-height:36px;

    }
    .height {
        height:2300px;

    }
    .map p {
        padding-top:10px;
    }
    .wrap h2 {
        text-align:center;
        color:#fff;
        font-weight:500;
        font-size:30px;
        margin-bottom:20px;
    }

    .wrap h3 {
        color:#fff;
        font-weight:500;
        font-size:25px;
        margin-bottom:20px;
    }

    .wrap p {
        color:#fff;
        font-size:18px;
    }
    .wrap p b {
        font-weight:500;
        color:#ff7800;
        display:block;
        text-align:right;
        font-size:25px;
    }

    #company_contents,#business_contents {
        background:url(img/m_back.png) top/cover no-repeat;
        padding-top:120px;
    }

    #company_contents {
        height:1500px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    #business_contents {
        height:3200px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }

    #content {
        height:700px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    .mainbag {
        height:100%;
         overflow: hidden;
    }

    .mainbag > div {
        height:100%;
        width:100%;
        float:left;
    }
    .img_wrap >img {
        width:100%;
        margin-top:130px;
    }
    .m_slide {
        display:none;
    }



    #slide_jindong {
        background-image:url(img/slide1.png);
        background-position: center;
        background-size:auto 700px;
        background-repeat: no-repeat;
        width:100%;
        height:700px;
        text-align: center;
    }
    #slide_grader {
        background-image:url(img/slide2.png);
        background-position: center;
        background-size:auto 700px;
        background-repeat: no-repeat;
        width:100%;
        height:700px;
        text-align: center;

    }
    #slide_combi {
        background-image:url(img/slide3.png);
        background-position: center;
        background-size:auto 700px;
        background-repeat: no-repeat;
        width:100%;
        height:700px;
        text-align: center;
    }
    #slide_asphalt {
        background-image:url(img/slide4.png);
        background-position: center;
        background-size:auto 700px;
        background-repeat: no-repeat;
        width:100%;
        height:700px;
        text-align: center;
    }
    #slide_asphalt img {
        padding-top:30px;
    }

    #footer {
        width:100%;
    }

    #footer > div {
        padding-top:30px;
    }

    .footer_cont {
        font-size:15px;
        text-align:center;
    }

    .footer_cont p {
        padding-bottom:10px;
    }
    .footer_logo {
        text-align:center;
    }

    .footer_logo img {

    }
    .footer_cont p span {
        display:inline-block;
        margin-left:10px;
    }
    .br {
        display:none
    }
}


@media (max-width:599px) {
    body {
        position:relative;
    }
    #header {
        width:100%;
        position:absolute;
        top:0;
        left:50%;
        z-index:99;
        transform: translateX(-50%);
    }
    body>hr {

    }

    #logo {
        display:block;
        height:70px;
        text-align:center;
    }
    #logo img {
        padding-top:14px;
        width:250px;
    }
    #menu {
        width:100%;
        overflow: hidden;
        background:rgba(255,255,255,0.3);
    }

    .menu_list {
        width:25%;
        float:left;
        height:40px;
        cursor: pointer;
    }
    .menu_list a {
        width:100%;
        display:block;
        height:100%;
        line-height:40px;
        color:#fff;
        font-weight:500;
        text-align:center;
    }
    .menu_list a:hover {
        transform: scale(1.2);
        transition:0.5s;
        color:#ff7800;
    }
    .intro,.map,.business {
        margin:50px 20px;
        background:rgba(255,255,255,0.1);
        padding:30px;

    }
    .gallery img {
        width:100%;
        max-width:383px;
        display:block;
        margin:10px auto;
    }
    .business {
        line-height:36px;

    }
    .map p {
        padding-top:10px;
    }
    .wrap h2 {
        text-align:center;
        color:#fff;
        font-weight:500;
        font-size:30px;
        margin-bottom:20px;
    }

    .wrap h3 {
        color:#fff;
        font-weight:500;
        font-size:25px;
        margin-bottom:20px;
    }

    .wrap p {
        color:#fff;
        font-size:18px;
    }
    .wrap p b {
        font-weight:500;
        color:#ff7800;
        display:block;
        text-align:right;
        font-size:25px;
    }

    #company_contents,#business_contents {
        background:url(img/m_back.png) top/cover no-repeat fixed;
        padding-top:120px;
    }

    #company_contents {
        height:1600px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    #business_contents {
        height:2700px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }

    .height {
        height:1850px;
    }

    #content {
        height:720px;
        width:100%;
        margin:0 auto 10px;
        overflow:hidden;
    }
    .mainbag {
        height:100%;
         overflow: hidden;
    }

    .mainbag > div {
        height:100%;
        width:100%;
        float:left;

    }
    .img_wrap {
        text-align:center;
    }
    .img_wrap >img {
        display:none;
    }
    .m_slide {
        display:inline-block!important;
        padding-top:200px;
        width:320px;
    }



    #slide_jindong {
        background-image:url(img/slide1.png);
        background-position:top center;
        background-size:auto 720px;
        background-repeat: no-repeat;
        width:100%;
        height:720px;
        text-align: center;
    }
    #slide_grader {
        background-image:url(img/slide2.png);
        background-position: center;
        background-size:auto 720px;
        background-repeat: no-repeat;
        width:100%;
        height:720px;
        text-align: center;

    }
    #slide_combi {
        background-image:url(img/slide3.png);
        background-position: center;
        background-size:auto 720px;
        background-repeat: no-repeat;
        width:100%;
        height:720px;
        text-align: center;
    }
    #slide_asphalt {
        background-image:url(img/slide4.png);
        background-position: center;
        background-size:auto 720px;
        background-repeat: no-repeat;
        width:100%;
        height:720px;
        text-align: center;
    }
    #footer {
        width:100%;

    }
    #footer * {
        font-size:17px;
    }

    #footer > div {
        padding-top:10px;
    }

    .footer_cont {
        font-size:15px;
        padding:15px;
        height:260px;
    }

    .footer_cont p {
        padding-bottom:10px;
    }
    .footer_logo {
        text-align:center;
    }
    .footer_cont p span {
        display:block;
        float:left;
        width:70%;
        padding:5px;
    }

    .footer_logo img {
        width:250px;
    }

    .footer_cont p b {
        display:block;
        width:30%;
        float:left;
        padding:5px;
    }

    #icon_menu {
        position: fixed;
        bottom: 10px;
        right: 10px;

    }

    #icon_menu a {
        display: block;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
        margin-bottom: 10px;
        border-radius: 10px;
        border:2px solid #fff;
    }
    .br {
        display:none
    }
}