@mixin innerSet ( $width, $margin){
    width : $width;
    margin : $margin;
}

.popup {
    position: fixed;
    top: 200px;
    left: 200px;
    width: 400px;
    height: 300px;
    background: url(../images/pop.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    z-index: 999999999999;

    p {
        cursor: pointer;
        position: absolute;
        text-align: right;
        bottom: 0px;
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        background: #0061a9;
    }
}


.wrap {
    width: 100%;
}

section {
    padding-top: 61px;
}//상단 헤더 높이 결정 요소

.fxContainer {
    position: fixed;
    width: 100%;
    z-index: 999999;



    
header {
    display: none;
    width: 100%;
    padding-left: 390px;
    background-color: #fff;    
    border-bottom: 1px solid #dddddd;

    >.inner {
    
        >ul {
            width: 200px;
            margin-left : 25px;
            border: 1px solid #dddddd;
            border-top: none;
            border-bottom: none;
            
            >li {
                float: left;
                width : 50%;
                height: 35px;
                line-height: 35px;
                text-align: center;
                
                >a {
                    font-size: 12px;
                    color: #999999;
                }

                >a:hover {
                    color: #333333;
                }
            }
        }//end of header ul
    }//end of inner


}//end of header
/*header 끝*/

nav {
    background-color: #fff;
    width: 100%;
    height: 60px;
    border-bottom : 1px solid #dddddd;

    

    >.inner {
        position: relative;
        width: 1200px;
        margin : 0 auto;

        >.logo {
            float: left;
            width: 130px;
            margin-left: 40px;
            text-indent: -99999px;
            
            >a {
                display: block;
                height: 50px;
                background:  url(../images/BULE.png);
                background-repeat: no-repeat;
                background-position: 50% 100%;
                background-size: contain;
                
            }
        }//end of logo

        >ul {
            float:right;
            width: 810px;
            //background-color: coral;

            >li {
                position: relative;
                float: left;
                width: 20%;
                line-height: 60px;
                text-align: left;

                &:nth-child(1)   ul {
                    height: 145px;
                }// company ul

                &:nth-child(2)   ul {
                    height: 145px;
                }// industries ul

                &:nth-child(3){
                    width:25%;
                    
                
                   ul {
                       margin: 0 auto;
                        width: 100%;
                        height: 145px;
                        letter-spacing: -1px;
                        text-align: left;
                        >li {
                            a {
                                //padding-left: 5px;
                            }
                        }

                    }// R&D ul
                }

                &:nth-child(4) {
                    width: 25%;
                }// industries ul

                &:nth-child(5) {
                    width : 5%;
                    font-weight: 900;
                    
                    >a {
                        color: #ddd;
                        transition: color 0.3s;

                        &:hover {
                            color: #0061a9;
                        }
                    }

                }

                
                >.point {
                    position: absolute;
                    top: 56px;
                    left: 0%;
                    //transform: translateX(-50%);
                    width: 2%;
                    height: 5px;
                    background-color: #0061a9;
                    content: '';
                }

                >a {
                    display: block;
                    height: 60px;
                    font-size: 14px;
                    color: #333333;
                }

                >ul {
                    display: none;
                    width: 100%;
                    transition: 0.8s;
                    //background-color: coral;



                    >li {
                        line-height: 35px;
                        text-align: left;
                        padding-left: 0px;
                        
                        >a {
                            display: block;
                            color: #666;
                            width: 100%;
                            font-size: 13px;
                            font-weight: 500;

                            &:hover {
                                color: #0061a9;
                                font-weight: 700;
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }//end of nav > inner > ul

        

    }//end of inner
    >.language {
        float: right;
        width: 50px;
        background-color: red;
    
    }

    >.subMenuBg {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        height: 145px;
        border-bottom: 1px solid #d7d7d7;
        background-color: #fff;
        opacity: 0.95;
        z-index: -1;
    }//end of subMenuBg
    
}//end of nav

}


/*nav  끝*/
/*
footer {
    width: 100%;
   //height: 170px;
    background-color: #f1f1f1;

    >.inner {
        width: 1200px;
        position: relative;
        padding-top: 20px;
        //margin: 0 auto;

        >ul {
            padding-top: 20px;

            >li {
                float: left;
                margin-right: 30px;
                text-align: center;
                font-size: 16px;

                >ul {
                    padding: 10px 0 20px;

                    >li {
                        text-align: center;
                        font-size: 14px;
                        line-height: 40px;

                        >a {
                            color: #999;
                        }
                    }
                }

                &:last-child {
                    margin-right: 0;
                }
            }
        }//end of ul
    }//end of inner

    >.f_section {
        width: 100%;
        border-top: 1px solid #ddd;
        padding: 20px 0;
        
        >ul {
            width: 1200px;
            margin: 0 auto;
            
            li {
                float: left;
                >img {
                    width: 160px;
                }

                >dl {
                    color: #000;
                    dt {
                        line-height: 1.7em;

                        >em {
                            color: #0061a9;
                            font-weight: 600;
                        }
                        
                    }

                    dd {
                        line-height: 1.7em;
                        >span {
                            >em {
                                color: #0061a9;
                                font-weight: 600;
                            }
                            >a {
                                color: #000;
                            }
                        }

                    }
                }
            }
        }//end of ul
    }//end of f_section
}//end of footer
*/
footer {
    width: 100%;
    height: 170px;
    background-color: #444;
 
    >.inner {
        //background-color: pink;
        position: relative;
        width : 1200px;
        margin: 0 auto;
        padding-top: 20px;
 
        >h1 {
            float: left;
            margin-left: 40px;
            width: 130px;
            height: 50px;
            text-indent: -99999px;
            background-image: url(../images/logo_w.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50% 50%;
        }//end of h1
 
        >.f_left {
            float: left;
            margin-left: 50px;
            //background-color: pink;
 
            >ul {
                width: 280px;
               // background-color: red;
 
                > li {
 
                    width: 400px;
                    //background-color: pink;
                    text-align: center;
 
 
                    >dl {
                        >dt {
                            margin: 0 auto;
                            width: 50px;
                            height: 50px;
                            text-indent: -99999px;
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
 
                        }//end of dt
                        >dd {
                            text-align: left;
                            margin-top: 8px;
                            font-size: 15px;
                            //font-weight: 700;
                            line-height: 1.2em;
                            color: #fff;
 
                            >em {
                                color: #909090;
                            }
 
 
                            &:nth-child(2) {
                                font-weight: 700;
                            }
 
                            &:nth-child(3) {
                                color: #909090;
                            }
                            >a {
                                font-size: 13px;
                                color: #909090;
 
                                &:hover {
                                    text-decoration: underline;
                                }
 
 
 
                            }
 
 
                        }//end of dd
                    }//end of dl
                }//end of li
            }//end of ul
        }//end of f_left
 
        >address {
            float: left;
            margin-top: 0px;
            margin-left: 30px;
            width: 340px;
            //background-color: green;
 
            >ul {
                width: 350px;
               // background-color: red;
 
                > li {
 
                    width: 320px;
                    //background-color: pink;
                    text-align: center;
 
                    &:nth-child(1) dl dt {
                        background-image: url(../images/f_icon_mail.png);
                    }
 
                    &:nth-child(2) dl dt {
                        background-image: url(../images/f_icon_tel.png);
                    }
 
                    &:nth-child(3) dl dt {
                        background-image: url(../images/f_icon_location.png);
                    }
 
                    >dl {
                        >dt {
                            margin: 0 auto;
                            width: 50px;
                            height: 50px;
                            text-indent: -99999px;
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
 
                        }//end of dt
                        >dd {
                            text-align: left;
                            margin-top: 8px;
                            font-size: 15px;
                            font-weight: 500;
                            line-height: 1.2em;
                            color: #fff;
                            //font-weight: 600;
 
                            &:nth-child(2) {
                               // font-weight: 600;
                            }
 
                            &:nth-child(3) {
                                color: #909090;
                            }
                            >a {
                                font-size: 13px;
                                color: #909090;
 
                                &:hover {
                                    text-decoration: underline;
                                }
 
 
                            }
 
 
                        }//end of dd
                    }//end of dl
                }//end of li
            }//end of ul
        }//end of address
 
        >.f_nav {
            float: right;
            margin-top: 0px;
            width: 270px;
            //background-color: blue;
 
            >ul {
 
                >li {
                    width:calc(270px/5+ (9*5));
                    float: left;
                    text-align: right;
                    margin-right: 9px;
                    //padding-right: 11px;
                    background-image: url(../images/f_right.png);
                    background-repeat: no-repeat;
                    background-position: 100% 73%;
 
 
 
                    &:last-child {
                        margin-right: none;
                        background-image: none;
                    }
 
                    >a {
 
                        font-size: 13px;
                        color: #fff;
 
 
                    }
                }
            }
 
        }
 
        >.copyright {
            position: absolute;
            top: 120px;
            right: -140px;
            transform: translateX(-50%);
            width: 315px;
            font-size: 13px;
            letter-spacing: 1px;
            color: #fff;
 
        }//end of copyright
 
        &:after {
            position: absolute;
            top: 30px;
            left: 200px;
            transform: translateX(-50%);
            width: 1px;
            height: 120px;
            background-color: #808080;
            content: '';
        }//end of inner:after 하단 1자 선(상호)
 
 
    }//end of inner
 }//end of footer

/*footer 끝*/


/*
***************************************************************************
RW 적용 CSS****************************************************************
***************************************************************************
*/

@media screen and (max-width:768px) {

    .toggleActive {
        background-image: url(../images/toggle_cls.png) !important;
    }//추가

    .toggleActiveSub {
        display: block !important;
    }

    .fxContainer {
        position: fixed;
        width: 100%;
        z-index: 999999;

        >.mobileToggle {
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 60px;
            background-image: url(../images/toggle.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 70%;
            z-index: 9999999;
            
        }//end of mobileToggle
    
    
        
        header {
            display: none;
            width: 100%;
            padding-left: 390px;
            background-color: #fff;    
            border-bottom: 1px solid #dddddd;
        
            >.inner {
            
                >ul {
                    width: 200px;
                    margin-left : 25px;
                    border: 1px solid #dddddd;
                    border-top: none;
                    border-bottom: none;
                    
                    >li {
                        float: left;
                        width : 50%;
                        height: 35px;
                        line-height: 35px;
                        text-align: center;
                        
                        >a {
                            font-size: 12px;
                            color: #999999;
                        }
        
                        >a:hover {
                            color: #333333;
                        }
                    }
                }//end of header ul
            }//end of inner
        
        
        }//end of header
        /*header 끝*/
        
        nav {
            //background-color: #fff;
            width: 100%;
            height: 60px;
            border-bottom : 1px solid #dddddd;
        
            >.inner {
                position: relative;
                width: 100%;//1200px
                height: 100%;//추가
                margin : 0 auto;//0 auto
        
                >.logo {
                    float: left;
                    width: 130px;
                    margin-left: 0px;
                    text-indent: -99999px;
                    
                    >a {
                        display: block;
                        margin-top: 10px;
                        height: 40px;
                        background:  url(../images/BULE.png);
                        background-repeat: no-repeat;
                        background-position: 80% -50%;
                        background-size: cover;
                        
                    }
                }//end of logo
        
                >ul {
                    display: none;//추가
                    float:right;
                    margin-top: 11px;
                    width: 100%;//550px
        
                    >li {
                        position: relative;
                        float: inherit;//left
                        width: 100%;//25%
                        line-height: 60px;
                        text-align: center;
                        background-color: #666;// 추가
                        border-bottom: 1px solid #444;
        
                        &:nth-child(1)   ul {
                            height: auto;//190px
                        }// company ul
        
                        &:nth-child(2)   ul {
                            height: auto;//190px
                        }// industries ul
        
                        &:nth-child(3) {
                            width: 100%;

                            >ul {
                                width: 100%;;
                                height: auto;//190px
                                text-align: center;
                                text-align-last: inherit;
                                letter-spacing: 0px;
                            }
                        }// R&D ul

                        &:nth-child(4) {
                            width: 100%;
                        }
                        &:last-child {
                            width: 100%;
                        }
                        
                        >.point {
                            position: absolute;
                            top: 56px;
                            left: 50%;
                            transform: translateX(-50%);
                            width: 0%;
                            height: 5px;
                            background-color: #0061a9;
                            content: '';
                        }
        
                        >a {
                            display: block;
                            height: 60px;
                            color: #fff;
                        }
        
                        >ul {
                            display: none;
                            width: 100%;
                            transition: 0.8s;
        
        
        
                            >li {
                                display: none;
                                text-align: center;
                                line-height: 45px;
                                background-color: #ddd;
                                border-bottom: 1px solid #bbb;
                                
                                >a {
                                    display: block;
                                    color: #666;
                                    font-size: 14px;
                                    font-weight: 00;
        
                                    &:hover {
                                        color: #0061a9;
                                        font-weight: 500;
                                    }
                                }
                            }
                        }
                    }
                }//end of nav > inner > ul
        
            }//end of inner
        
            >.subMenuBg {
                display: none;
                position: absolute;
                top: 60px;
                left: 0;
                width: 100%;
                height: 190px;
                border-bottom: 1px solid #d7d7d7;
                background-color: #fff;
                opacity: 0.95;
                z-index: -1;
            }//end of subMenuBg
            
        }//end of nav
    
    }//end of fxContainer 768px
/*
    footer {// end of footer 768px
        width: 100%;
        background-color: #f1f1f1;
    
        >.inner {
            width: 100%; // 1200px
            margin: 0 auto;
    
            >ul {
                padding-top: 20px;
    
                >li {
                    float: inherit; //left
                    margin-right: 0px;//30px
                    text-align: center;
                    font-size: 16px;
    
                    >ul {
                        padding: 10px 0 20px;
    
                        >li {
                            text-align: center;
                            font-size: 14px;
                            line-height: 40px;
    
                            >a {
                                color: #999;
                            }
                        }
                    }
    
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }//end of ul
        }//end of inner
    
        >.f_section {
            width: 100%;
            border-top: 1px solid #ddd;
            padding: 20px 0;
            
            >ul {
                width: 100%;//1200px
                margin: 0 auto;
                
                li {
                    float: inherit;

                    >img {
                        display: block;
                        width: 160px;
                        margin: 0 auto;
                    }
    
                    >dl {
                        padding: 0 0px;// 0 25px
                        dt {
                            line-height: 1.7em;
                            border-bottom: 1px solid #888;//추가
                            padding: 0px 25px 10px;//추가
                            
                        }
    
                        dd {
                            line-height: 1.7em;
                            padding: 10px 0;;// 추가

                            >span {
                                display: block;
                                text-align: center;

                                &:last-child {//추가
                                    padding-bottom: 10px;
                                    border-bottom: 1px solid #888;
                                }
                                >a {
                                    color: #000;
                                }
                            }
                            
                            
    
                        }
                        .copyright { // 추가
                            text-align: center;
                        }
                    }
                }
            }//end of ul
        }//end of f_section
    }//end of footer
*/  

footer {
    width: 100%;
    height: auto;
    background-color: #444;

    >.inner {
        //background-color: pink;
        position: relative;
        padding-top: 20px;
        width: 100%;// 추가

        >h1 {
            float: inherit;
            //margin-left: 0px;제거
            margin: 0 auto 180px;//추가
            width: 200px;
            height: 40px;
            text-indent: -99999px;
            background-image: url(../images/logo_w.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50% 0%;
        }//end of h1

        >.f_left {
            float: inherit;
            // margin-left: 50px;
            margin: 0 auto;
            width: 100%;//추가
            padding-top: 20px; 
            //background-color: pink;

            >ul {
                width: 100%;//변경
               //background-color: red;

                > li {

                    width: 100%;//변경
                    //background-color: pink;
                    //text-align: center;

                    &:nth-child(1) dl dt {
                       // background-image: url(../images/f_icon_mail.png);
                    }

                    &:nth-child(2) dl dt {
                        //background-image: url(../images/f_icon_tel.png);
                    }

                    &:nth-child(3) dl dt {
                        //background-image: url(../images/f_icon_location.png);
                    }

                    >dl {
                        >dt {
                            display: none;
                            margin: 0 auto;
                            width: 100%;
                            height: 50px;
                            text-indent: -99999px;
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;

                        }//end of dt
                        >dd {
                            padding-left: 20px;//추가
                            text-align: left;//변경
                            margin-top: 8px;
                            font-size: 13px;//변경
                            font-weight: 500;
                            line-height: 1.2em;
                            color: #fff;

                            >em {
                                color: #909090;
                            }


                            &:nth-child(2) {
                                font-weight: 700;
                            }

                            &:nth-child(3) {
                                color: #909090;
                            }
                            >a {
                                font-size: 13px;
                                color: #909090;

                                &:hover {
                                    text-decoration: none;//변경
                                }



                            }


                        }//end of dd
                    }//end of dl
                }//end of li
            }//end of ul
        }//end of f_left

        >address {
            border-top: 1px solid #666;
            float: inherit;//변경
            // margin-top: 0px;
            // margin-left: 30px;
            margin: 10px auto;
            width: 100%;//변경
            //background-color: green;

            >ul {
                width: 100%;
               // background-color: red;

                > li {

                    width: 100%;
                    //background-color: pink;
                    text-align: center;

                    &:nth-child(1) dl dt {
                        background-image: url(../images/f_icon_mail.png);
                    }

                    &:nth-child(2) dl dt {
                        background-image: url(../images/f_icon_tel.png);
                    }

                    &:nth-child(3) dl dt {
                        background-image: url(../images/f_icon_location.png);
                    }

                    >dl {
                        >dt {
                            display: none;


                        }//end of dt
                        >dd {
                            padding-left: 20px;
                            text-align: left;//변경
                            margin-top: 6px;//변경
                            font-size: 15px;
                            font-weight: 500;
                            line-height: 1.2em;
                            color: #fff;

                            &:nth-child(2) {
                                font-weight: 700;
                            }

                            &:nth-child(3) {
                                color: #909090;
                            }
                            >a {
                                font-size: 13px;
                                color: #909090;

                                &:hover {
                                    text-decoration: underline;
                                }


                            }


                        }//end of dd
                    }//end of dl
                }//end of li
            }//end of ul
        }//end of address

        >.f_nav {
            position: absolute;
            top: 75px;
            float: inherit;//변경
            margin-top: 0px;
            width: 100%;//변경
            //background-color: blue;

            >ul {

                >li {
                    width: 100%;//추가
                    text-align: center;//추가
                    float: inherit;//변경
                    margin-right: 0px;//변경
                    padding-right: 0px;//변경
                    background-image: none;//변경
                    background-repeat: no-repeat;
                    background-position: 100% 73%;
                    border-top: 1px solid #666;



                    &:last-child {
                        margin-right: none;
                        background-image: none;
                        border-bottom: 1px solid #666;
                    }

                    >a {
                        display: block;
                        height: 35px;
                        line-height: 35px;
                        font-size: 13px;
                        color: #fff;
                        //background-color: orange;


                    }
                }
            }

        }

        >.copyright {
            border-top: 1px solid #666 ;//추가
            position: static;
            padding: 20px 0;
            top: 10px;//변경
            right: 50%;//변경
            transform: translateX(0);
            width: 100%;
            font-size: 13px;
            letter-spacing: 1px;
            text-align: center;
            color: #fff;
            //background-color: green;

        }//end of copyright

        &:after {
            display: none;

        }//end of inner:after 하단 1자 선(상호)


    }//end of inner
 }//end of footer
}//end of media Query 768px