@charset "utf-8";
@import url('basic.css'); /* 기본설정 */
@import url('setup.css'); /* 사이트 세부설정 */
.wrap {
    position: relative;
    margin: 0 auto;
    width: 1280px;
    *zoom: 1;
}

    .wrap:after {
        content: "";
        display: block;
        clear: both;
    }

.wrap2 {
    position: relative;
    margin: 0 auto;
    width: 1280px;
    *zoom: 1;
}

    .wrap2:after {
        content: "";
        display: block;
        clear: both;
    }

.mgtop1 {
    margin-top: 30px !important;
}

.mgtop2 {
    margin-top: 20px !important;
}

.mgtop3 {
    margin: 58px 0 -25px 0 !important;
}

.mgtop4 {
    margin-top: 30px !important;
}

.mgtop5 {
    margin-top: 25px !important;
}

.mgtop6 {
    margin-top: 58px !important;
}

/* header */
#header {
    width: 100%;
    height: 110px;
}

    #header h1 {
        position: absolute;
        top: 19px;
        left: 0;
        font-size: 0;
        line-height: 0;
        z-index: 999;
    }

    #header div.language {
        position: absolute;
        top: 43px;
        right: 170px;
        z-index: 999;
    }

        #header div.language a {
            display: block;
            font-size: 16px;
            font-weight: 600;
            color: #000;
            line-height: 30px;
        }

            #header div.language a img {
                margin-right: 10px;
                vertical-align: top;
            }

    #header div.sitemap {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
        line-height: 0;
        z-index: 999;
    }

        #header div.sitemap a {
            display: block;
            padding: 30px;
            background-color: #009d6b;
        }

    #header div.side {
        display: none;
    }

/* sub visual */
#sub1 {
    position: relative;
    width: 100%;
    height: 230px;
    padding-top: 85px;
    background: url('../images/company/visual.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#sub2 {
    position: relative;
    width: 100%;
    height: 230px;
    padding-top: 85px;
    background: url('../images/product/visual.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#sub3 {
    position: relative;
    width: 100%;
    height: 230px;
    padding-top: 85px;
    background: url('../images/management/visual.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#sub4 {
    position: relative;
    width: 100%;
    height: 230px;
    padding-top: 85px;
    background: url('../images/pr/visual.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #sub1 div.typo, #sub2 div.typo, #sub3 div.typo, #sub4 div.typo {
        font-size: 22px;
        font-weight: 300;
        color: #fff;
        line-height: 31px;
        text-align: center;
    }

        #sub1 div.typo strong, #sub2 div.typo strong, #sub3 div.typo strong, #sub4 div.typo strong {
            display: block;
            margin-bottom: 10px;
            font-size: 60px;
            font-weight: 800;
            line-height: 69px;
        }

/* gnb */
#gnb {
    position: relative;
    /*width:100%;*/
    height: 150px;
    padding-top: 36px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    z-index: 888;
}

    #gnb li {
        overflow: hidden;
        display: inline-block;
        margin: 0 35px;
    }

        #gnb li:first-child {
            margin-left: -50px;
        }

        #gnb li a {
            display: block;
            padding-bottom: 1px;
            font-size: 20px;
            color: #000;
            line-height: 45px;
        }

            #gnb li a.on, #gnb li a:hover {
                padding: 0;
                border-bottom: 1px solid #009d6b;
            }

        #gnb li.selected ul {
            display: block;
        }

        #gnb li ul {
            display: none;
            position: absolute;
            left: 0;
            top: 110px;
            width: 100%;
            height: 25px;
            padding: 25px 0;
            border-top: 1px solid #f0f0f0;
            background-color: #fff;
            z-index: 888;
        }

            #gnb li ul li {
                margin: 0 0 0 20px;
                padding-left: 21px;
                background: url('../images/common/gnb_line.jpg') no-repeat left 6px;
            }

                #gnb li ul li:first-child {
                    margin: 0 0 0 -85px;
                    padding-left: 0;
                    background: none;
                }

                #gnb li ul li a {
                    display: block;
                    padding: 0;
                    font-size: 16px;
                    font-weight: 300;
                    color: #888;
                    line-height: 25px;
                }

                    #gnb li ul li a:hover {
                        font-weight: 600;
                        color: #009d6b;
                        border: none;
                    }

/* mobileMenu */
#mobileMenu {
    display: none;
    overflow-y: auto;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

    #mobileMenu div.top {
        position: relative;
        border-bottom: 1px solid #009d6b;
    }

        #mobileMenu div.top h1 {
            padding: 19px 0;
            font-size: 0;
            line-height: 0;
            text-align: center;
        }

        #mobileMenu div.top div.close {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 0;
            line-height: 0;
            margin: 0;
        }

        #mobileMenu div.top div.language {
            position: absolute;
            top: 19px;
            right: 40px;
        }

            #mobileMenu div.top div.language a {
                display: block;
                font-size: 32px;
                font-weight: 600;
                color: #009d6b;
                line-height: 72px;
                text-decoration: underline;
            }

    #mobileMenu ul.gnb {
        margin-top: 25px;
    }

        #mobileMenu ul.gnb li a {
            overflow: hidden;
            display: inline-block;
            height: 107px;
            padding-left: 40px;
            font-size: 38px;
            font-weight: 600;
            color: #333;
            line-height: 107px;
        }

            #mobileMenu ul.gnb li a img {
                margin-left: 20px;
                vertical-align: top;
            }

        #mobileMenu ul.gnb li div {
            overflow: hidden;
            display: inline-block;
            height: 107px;
            padding-left: 40px;
            font-size: 38px;
            font-weight: 600;
            color: #333;
            line-height: 107px;
        }

            #mobileMenu ul.gnb li div img {
                margin-left: 40px;
                vertical-align: top;
            }

        #mobileMenu ul.gnb li .sub_gnb {
            display: none;
        }

        #mobileMenu ul.gnb li.on a {
            color: #009d6b;
        }

            #mobileMenu ul.gnb li.on a img {
                margin-top: -107px;
            }

        #mobileMenu ul.gnb li.on div {
            color: #009d6b;
        }

            #mobileMenu ul.gnb li.on div img {
                margin-top: -107px;
            }

        #mobileMenu ul.gnb li.on .sub_gnb {
            display: block;
            padding: 25px 0;
            background: #f5f5f5;
        }

            #mobileMenu ul.gnb li.on .sub_gnb a {
                display: block;
                height: auto;
                font-size: 32px;
                color: #666;
                line-height: 81px;
            }

            #mobileMenu ul.gnb li.on .sub_gnb li.on a {
                color: #009d6b;
            }

/* sitemap */
#sitemap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: url('../images/common/sitemap_line.jpg') repeat-x left 366px #fff;
    z-index: 9999;
}

    #sitemap h1 {
        position: absolute;
        top: 20px;
        left: 48px;
        font-size: 0;
        line-height: 0;
    }

    #sitemap div.close {
        position: absolute;
        top: 48px;
        right: 48px;
        font-size: 0;
        line-height: 0;
    }

    #sitemap ul.sitemap {
        overflow: hidden;
        margin-top: 295px;
    }

        #sitemap ul.sitemap li {
            float: left;
            margin-left: 120px;
        }

            #sitemap ul.sitemap li:first-child {
                margin-left: 20px;
            }

            #sitemap ul.sitemap li a {
                display: block;
                padding-bottom: 28px;
                font-size: 36px;
                color: #111;
                line-height: 45px;
            }

                #sitemap ul.sitemap li a:hover {
                    padding-bottom: 25px;
                    border-bottom: 3px solid #009d6b;
                }

            #sitemap ul.sitemap li ul {
                margin-top: 20px;
            }

                #sitemap ul.sitemap li ul li {
                    float: none;
                    margin: 0;
                }

                    #sitemap ul.sitemap li ul li:first-child {
                        margin: 0;
                    }

                    #sitemap ul.sitemap li ul li a {
                        padding: 0;
                        font-size: 16px;
                        font-weight: 300;
                        color: #444;
                        line-height: 35px;
                    }

                        #sitemap ul.sitemap li ul li a:hover {
                            padding: 0 0 0 16px;
                            font-weight: 400;
                            color: #2d2e2e;
                            border: none;
                            background: url('../images/common/sitemap_bullet.png') no-repeat left 15px;
                        }

/* main */
#main {
    width: 100%;
}

    #main div.visual {
        position: relative;
        width: 100%;
    }

        #main div.visual div.left {
            position: absolute;
            z-index: 999;
            top: 349px;
            left: 100px;
        }

        #main div.visual div.right {
            position: absolute;
            z-index: 999;
            top: 349px;
            right: 100px;
        }

        #main div.visual div.img1 {
            overflow: hidden;
            width: 100%;
            height: 837px;
            font-size: 0;
            line-height: 0;
            background: url('../images/main/visual1.jpg') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        #main div.visual div.img2 {
            overflow: hidden;
            width: 100%;
            height: 837px;
            font-size: 0;
            line-height: 0;
            background: url('../images/main/visual2.jpg') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        #main div.visual div.img3 {
            overflow: hidden;
            width: 100%;
            height: 837px;
            font-size: 0;
            line-height: 0;
            background: url('../images/main/visual3.jpg') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        #main div.visual div.img4 {
            overflow: hidden;
            width: 100%;
            height: 837px;
            font-size: 0;
            line-height: 0;
            background: url('../images/main/visual4.jpg') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        #main div.visual div.type {
            margin-top: 335px;
            width: 100%;
            font-size: 24px;
            font-weight: 300;
            color: #fff;
            line-height: 33px;
            text-align: center;
            position: absolute;
        }

            #main div.visual div.type strong {
                display: block;
                margin-bottom: 25px;
                font-size: 70px;
                font-weight: bold;
                line-height: 75px;
            }

        #main div.visual div.type2 {
            margin-top: 300px;
            width: 100%;
            font-size: 24px;
            font-weight: 300;
            color: #fff;
            line-height: 33px;
            text-align: center;
            position: absolute;
        }

            #main div.visual div.type2 strong {
                display: block;
                margin-bottom: 25px;
                font-size: 70px;
                font-weight: bold;
                line-height: 75px;
            }

        #main div.visual div.onoff {
            position: absolute;
            bottom: 140px;
            left: 50%;
            width: 160px;
            margin-left: -80px;
            padding-top: 28px;
            font-size: 0;
            line-height: 0;
        }

            #main div.visual div.onoff a {
                display: inline-block;
                width: 40px;
                height: 1px;
                background-color: rgba(255,255,255,0.3);
                cursor: context-menu;
            }

                #main div.visual div.onoff a.on, #main div.visual div.onoff a:hover {
                    background-color: rgba(255,255,255,1);
                    cursor: context-menu;
                }

            #main div.visual div.onoff div.number {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 14px;
                color: rgba(255,255,255,0.4);
                line-height: 15px;
            }

                #main div.visual div.onoff div.number em {
                    display: inline-block;
                    margin: 0 6px;
                    color: rgba(255,255,255,1);
                    line-height: 15px;
                    vertical-align: top;
                }

                #main div.visual div.onoff div.number span {
                    display: inline-block;
                    color: rgba(255,255,255,1);
                    line-height: 15px;
                    vertical-align: top;
                }

            #main div.visual div.onoff div.pause {
                position: absolute;
                top: 3px;
                right: 0;
                font-size: 0;
                line-height: 0;
            }

                #main div.visual div.onoff div.pause a {
                    width: auto;
                    height: auto;
                    background: none;
                }

        #main div.visual div.scroll {
            position: absolute;
            bottom: 60px;
            left: 0;
            overflow: hidden;
            width: 100%;
            height: 34px;
            font-size: 0;
            line-height: 0;
            text-align: center;
        }

            #main div.visual div.scroll a:hover img {
                margin-top: -34px;
            }

    #main ul.management {
        overflow: hidden;
        width: 1280px;
        margin: 0 auto;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }

        #main ul.management li {
            float: left;
            width: 355px;
            padding: 55px 35px 60px 35px;
            /*border-right:1px solid #eee;*/
        }

            /*#main ul.management li:first-child { border-left:1px solid #eee; }*/
            #main ul.management li a {
                display: block;
            }

            #main ul.management li h3 {
                font-size: 26px;
                font-weight: 600;
                color: #000;
                line-height: 35px;
            }

                #main ul.management li h3 span {
                    color: #1a9974;
                }

            #main ul.management li p.txt {
                margin-top: 15px;
                font-size: 18px;
                font-weight: 300;
                color: #444;
                line-height: 27px;
            }

            #main ul.management li div.icon {
                margin-top: 15px;
                font-size: 0;
                line-height: 0;
                text-align: right;
            }

    #main div.pr_top h2 {
        position: absolute;
        left: 347px;
        margin-top: 0;
    }

    #main ul.pr {
        overflow: hidden;
        width: 1280px;
        margin: 0 auto;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        padding-top: 40px;
    }

        #main ul.pr a.more_view {
            position: absolute;
            margin-left: 360px;
            margin-top: 36px;
            z-index: 9999;
            font-size: 14px;
        }

            #main ul.pr a.more_view img {
                margin-left: 10px;
                vertical-align: initial;
            }

    #main div.story a.more_view {
        position: absolute;
        margin-left: 35px;
        margin-top: 208px;
        z-index: 9999;
        font-size: 14px;
    }

        #main div.story a.more_view img {
            margin-left: 10px;
            vertical-align: initial;
        }

    #main ul.pr li {
        float: left;
        position: relative;
        width: 355px;
        padding: 80px 35px 60px 35px;
        /*border-right:1px solid #eee;*/
    }

        #main ul.pr li:first-child {
            border-left: 1px solid #eee;
        }

        #main ul.pr li h2 {
            position: absolute;
            top: 0;
            left: 35px;
            margin-top: 0;
        }

        #main ul.pr li div.date {
            position: relative;
            font-size: 18px;
            font-weight: 300;
            color: #2d2e2e;
            line-height: 23px;
        }

            #main ul.pr li div.date strong {
                font-size: 40px;
                font-weight: 800;
                color: #00b279;
                line-height: 53px;
            }

            #main ul.pr li div.date span {
                font-size: 40px;
                color: #01b279;
            }

            #main ul.pr li div.date em {
                position: absolute;
                bottom: 0;
                right: 0;
                font-size: 16px;
                font-weight: 300;
                color: #2d2e2e;
                line-height: 23px;
            }

        #main ul.pr li div.img {
            margin-top: 10px;
            font-size: 0;
            line-height: 0;
        }

        #main ul.pr li p.txt {
            height: 54px;
            margin-top: 10px;
            font-size: 18px;
            font-weight: 400;
            color: #2d2e2e;
            line-height: 27px;
        }

    #main h2 {
        margin-top: 60px;
        padding-top: 15px;
        font-size: 40px;
        font-weight: 300;
        color: #000;
        line-height: 44px;
        background: url('../images/main/title_line.jpg') no-repeat left top;
    }

        #main h2 strong {
            font-weight: 800;
        }

    #main div.story {
        overflow: hidden;
        background: url('../images/main/story_bg.png') no-repeat center top;
        background-size: 100% auto;
    }

        #main div.story h2 {
            position: absolute;
            top: 5px;
            left: 36px;
            margin-top: 0;
        }

        #main div.story div.explain {
            position: absolute;
            top: 122px;
            left: 36px;
            font-size: 18px;
            font-weight: 300;
            color: #2d2e2e;
            line-height: 27px;
            text-align: left;
        }

    #main ul.story {
        overflow: hidden;
        margin: 55px 0 55px 343px;
    }

        #main ul.story li {
            float: left;
            width: 250px;
            margin-left: 50px;
        }

            #main ul.story li div.img {
                margin-top: 5px;
                font-size: 0;
                line-height: 0;
            }

            #main ul.story li p.date {
                font-size: 16px;
                font-weight: 300;
                color: #2d2e2e;
                line-height: 24px;
                text-align: right;
            }

            #main ul.story li p.txt {
                margin-top: 10px;
                font-size: 18px;
                color: #2d2e2e;
                line-height: 27px;
            }

    #main div.halla {
        overflow: hidden;
        padding-bottom: 80px;
        background: url("../images/main/halla_ani.gif") no-repeat center center;
        background-size: auto;
        width: 100%;
        height: 949px;
    }

        #main div.halla h2 {
            margin-top: 75px;
            padding-top: 0;
            font-size: 50px;
            font-weight: 600;
            color: #fff;
            line-height: 59px;
            text-align: center;
            background: none;
        }

        #main div.halla div.explain {
            position: static;
            margin-top: 20px;
            font-size: 22px;
            font-weight: 300;
            color: #f0f5ea;
            line-height: 31px;
            text-align: center;
        }

        #main div.halla div.img {
            position: relative;
            margin-top: 55px;
            font-size: 0;
            line-height: 0;
        }

            #main div.halla div.img div.name1 {
                position: absolute;
                top: 232px;
                left: 202px;
            }

            #main div.halla div.img div.name2 {
                position: absolute;
                top: 488px;
                left: 368px;
            }

            #main div.halla div.img div.name3 {
                position: absolute;
                top: 125px;
                left: 430px;
            }

            #main div.halla div.img div.name4 {
                position: absolute;
                top: 31px;
                left: 524px;
            }

            #main div.halla div.img div.name5 {
                position: absolute;
                top: 306px;
                left: 644px;
            }

            #main div.halla div.img div.name6 {
                position: absolute;
                top: 473px;
                left: 946px;
            }

            #main div.halla div.img div.name7 {
                position: absolute;
                top: 203px;
                left: 982px;
            }

            #main div.halla div.img div.name8 {
                position: absolute;
                top: 384px;
                left: 1092px;
            }

    #main div.segment {
        overflow: hidden;
        position: relative;
        width: 1208px;
        margin: 0 auto;
    }

        #main div.segment div.explain {
            position: absolute;
            top: 100px;
            left: 494px;
            font-size: 20px;
            font-weight: 600;
            color: #035c35;
            line-height: 29px;
        }

    #main ul.segment {
        overflow: hidden;
        width: 1280px;
        margin: 55px auto 60px auto;
    }

        #main ul.segment li {
            float: left;
            width: 355px;
            padding: 0 35px 0 35px;
            border-right: 1px solid #eee;
        }

            #main ul.segment li:first-child {
                border-left: 1px solid #eee;
            }

            #main ul.segment li a {
                display: block;
            }

            #main ul.segment li h3 {
                margin-top: -5px;
                font-size: 24px;
                font-weight: 600;
                color: #069361;
                line-height: 33px;
            }

                #main ul.segment li h3 em {
                    display: block;
                    font-size: 22px;
                    font-weight: 300;
                    color: #4aae8e;
                    line-height: 29px;
                }

            #main ul.segment li p.txt {
                margin-top: 15px;
                font-size: 16px;
                font-weight: 300;
                color: #444;
                line-height: 25px;
            }

            #main ul.segment li div.icon {
                margin-top: 55px;
                font-size: 0;
                line-height: 0;
                text-align: center;
            }

    #main div.explain {
        position: absolute;
        top: 65px;
        left: 530px;
        font-size: 20px;
        font-weight: 600;
        color: #035c35;
        line-height: 29px;
    }

    #main div.network {
        overflow: hidden;
        padding-bottom: 60px;
        background-color: #f7f7f7;
    }

        #main div.network div.explain {
            position: absolute;
            top: 40px;
            left: 530px;
            text-align: left;
        }

        #main div.network div.explain2 {
            position: absolute;
            top: 28px;
            left: 530px;
            font-size: 20px;
            font-weight: 600;
            color: #035c35;
            line-height: 29px;
        }

        #main div.network ul.tap {
            position: absolute;
            top: 190px;
            left: 0;
            overflow: hidden;
            width: 321px;
            border-radius: 5px;
            border: 1px solid #ddd;
            box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        }

            #main div.network ul.tap li {
                float: left;
                width: 160px;
                border-left: 1px solid #ddd;
            }

                #main div.network ul.tap li:first-child {
                    border-left: none;
                }

                #main div.network ul.tap li a {
                    display: block;
                    font-size: 16px;
                    font-weight: 300;
                    color: #666;
                    line-height: 39px;
                    text-align: center;
                    background-color: #fff;
                }

                    #main div.network ul.tap li a.on, #main div.network ul.tap li a:hover {
                        font-weight: 400;
                        color: #000;
                        background-color: #fdb813;
                    }

        #main div.network div.message {
            position: absolute;
            top: 253px;
            left: 0;
            width: 273px;
            padding: 72px 25px;
            font-size: 30px;
            font-weight: 800;
            color: #fff;
            line-height: 39px;
            text-decoration: underline;
            background-color: #026060;
        }

        #main div.network div.total {
            position: absolute;
            top: 253px;
            left: 0;
            width: 273px;
            padding: 25px;
            font-size: 22px;
            font-weight: 600;
            color: #fff;
            line-height: 31px;
            text-align: center;
            background-color: #026060;
        }

            #main div.network div.total a {
                display: block;
                padding-left: 15px;
                font-size: 16px;
                font-weight: 300;
                color: #fff;
                line-height: 45px;
                text-align: left;
                border-bottom: 1px solid #83b1b1;
                background: url('../images/main/total_arrow.png') no-repeat 250px 16px;
            }

                #main div.network div.total a:first-child {
                    margin-top: 10px;
                }

                #main div.network div.total a.on, #main div.network div.total a:hover {
                    background: url('../images/main/total_arrow.png') no-repeat 250px 16px #4f998e;
                }

        #main div.network div.map1 {
            float: right;
            position: relative;
            width: 900px;
            margin-top: 95px;
            font-size: 0;
            line-height: 0;
        }

            #main div.network div.map1 em {
                position: absolute;
                overflow: hidden;
            }

                #main div.network div.map1 em.nigeria {
                    top: 111px;
                    left: 18px;
                    height: 229px;
                }

                    #main div.network div.map1 em.nigeria:hover img {
                        margin-top: -229px;
                    }

                #main div.network div.map1 em.bangladesh {
                    top: 20px;
                    left: 173px;
                    height: 284px;
                }

                    #main div.network div.map1 em.bangladesh:hover img {
                        margin-top: -284px;
                    }

                #main div.network div.map1 em.china {
                    top: 0;
                    left: 325px;
                    height: 231px;
                }

                    #main div.network div.map1 em.china:hover img {
                        margin-top: -231px;
                    }

                #main div.network div.map1 em.russia {
                    top: 63px;
                    left: 379px;
                    height: 154px;
                }

                    #main div.network div.map1 em.russia:hover img {
                        margin-top: -154px;
                    }

                #main div.network div.map1 em.guatemala {
                    top: 34px;
                    left: 631px;
                    height: 304px;
                }

                    #main div.network div.map1 em.guatemala:hover img {
                        margin-top: -304px;
                    }

                #main div.network div.map1 em.ghana {
                    top: 326px;
                    left: 3px;
                    height: 152px;
                    z-index: 111;
                }

                    #main div.network div.map1 em.ghana:hover img {
                        margin-top: -152px;
                    }

                #main div.network div.map1 em.angola {
                    top: 378px;
                    left: 44px;
                    height: 150px;
                }

                    #main div.network div.map1 em.angola:hover img {
                        margin-top: -150px;
                    }

                #main div.network div.map1 em.kenya {
                    top: 336px;
                    left: 145px;
                    height: 149px;
                }

                    #main div.network div.map1 em.kenya:hover img {
                        margin-top: -149px;
                    }

                #main div.network div.map1 em.malaysia {
                    top: 340px;
                    left: 237px;
                    height: 149px;
                    z-index: 111;
                }

                    #main div.network div.map1 em.malaysia:hover img {
                        margin-top: -149px;
                    }

                #main div.network div.map1 em.phillippines {
                    top: 320px;
                    left: 255px;
                    height: 236px;
                }

                    #main div.network div.map1 em.phillippines:hover img {
                        margin-top: -236px;
                    }

                #main div.network div.map1 em.micronesia {
                    top: 279px;
                    left: 455px;
                    height: 93px;
                }

                    #main div.network div.map1 em.micronesia:hover img {
                        margin-top: -93px;
                    }

                #main div.network div.map1 em.ecualor {
                    top: 345px;
                    left: 683px;
                    height: 54px;
                }

                    #main div.network div.map1 em.ecualor:hover img {
                        margin-top: -54px;
                    }

                #main div.network div.map1 em.colombia {
                    top: 288px;
                    left: 761px;
                    height: 93px;
                }

                    #main div.network div.map1 em.colombia:hover img {
                        margin-top: -93px;
                    }

                #main div.network div.map1 em.peru {
                    top: 394px;
                    left: 708px;
                    height: 23px;
                }

                    #main div.network div.map1 em.peru:hover img {
                        margin-top: -23px;
                    }

                #main div.network div.map1 em.chile {
                    top: 460px;
                    left: 728px;
                    height: 114px;
                }

                    #main div.network div.map1 em.chile:hover img {
                        margin-top: -114px;
                    }

                #main div.network div.map1 em.argentina {
                    top: 472px;
                    left: 782px;
                    height: 107px;
                }

                    #main div.network div.map1 em.argentina:hover img {
                        margin-top: -107px;
                    }

                #main div.network div.map1 em.bolivia {
                    top: 426px;
                    left: 795px;
                    height: 102px;
                    z-index: 111;
                }

                    #main div.network div.map1 em.bolivia:hover img {
                        margin-top: -102px;
                    }

        #main div.network div.map2 {
            float: right;
            position: relative;
            width: 900px;
            margin-top: 55px;
            font-size: 0;
            line-height: 0;
        }

            #main div.network div.map2 a.area1 {
                position: absolute;
                top: 131px;
                left: 0;
                overflow: hidden;
                height: 23px;
                z-index: 111;
            }

                #main div.network div.map2 a.area1 img {
                    margin-top: -23px;
                }

                #main div.network div.map2 a.area1:hover img {
                    margin-top: -23px;
                }

            #main div.network div.map2 a.area2 {
                position: absolute;
                top: 110px;
                left: 526px;
                overflow: hidden;
                height: 38px;
                z-index: 111;
            }

                #main div.network div.map2 a.area2 img {
                    margin-top: -38px;
                }

                #main div.network div.map2 a.area2:hover img {
                    margin-top: -38px;
                }

            #main div.network div.map2 a.area3 {
                position: absolute;
                top: 303px;
                left: 580px;
                overflow: hidden;
                height: 23px;
                z-index: 111;
            }

                #main div.network div.map2 a.area3 img {
                    margin-top: -23px;
                }

                #main div.network div.map2 a.area3:hover img {
                    margin-top: -23px;
                }

            #main div.network div.map2 a.area4 {
                position: absolute;
                top: 418px;
                left: 415px;
                overflow: hidden;
                height: 137px;
                z-index: 111;
            }

                #main div.network div.map2 a.area4 img {
                    margin-top: -137px;
                }

                #main div.network div.map2 a.area4:hover img {
                    margin-top: -137px;
                }

        #main div.network div.factory {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 148px;
            min-height: 180px;
            margin: -151px 0 0 -290px;
            padding: 60px 60px 60px 370px;
            border-radius: 10px;
            border: 1px solid #d5d5d5;
            background-color: #fff;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            z-index: 999;
        }

            #main div.network div.factory div.img {
                position: absolute;
                top: 60px;
                left: 60px;
                font-size: 0;
                line-height: 0;
            }

            #main div.network div.factory p.tit {
                font-size: 24px;
                font-weight: 600;
                color: #111;
                line-height: 33px;
            }

            #main div.network div.factory p.add {
                margin-top: 20px;
                font-size: 14px;
                font-weight: 300;
                color: #333;
                line-height: 23px;
            }

                #main div.network div.factory p.add span {
                    display: block;
                }

            #main div.network div.factory p.tel {
                margin-top: 10px;
                font-size: 14px;
                font-weight: 300;
                color: #333;
                line-height: 23px;
            }

                #main div.network div.factory p.tel span {
                    display: inline-block;
                    width: 40px;
                }

    #main div.process {
        position: relative;
        width: 1000px;
        margin: 20px auto 0 auto;
        font-size: 0;
        line-height: 0;
    }

        #main div.process img {
            max-width: 100%;
        }

        #main div.process div.more1 {
            position: absolute;
            top: 96px;
            left: 510px;
        }

        #main div.process div.more2 {
            position: absolute;
            top: 230px;
            left: 801px;
        }

        #main div.process div.more3 {
            position: absolute;
            top: 380px;
            left: 590px;
        }

        #main div.process div.more4 {
            position: absolute;
            top: 250px;
            left: 0;
        }

        #main div.process div.more5 {
            position: absolute;
            top: 666px;
            left: 530px;
        }

            #main div.process div.more1:hover div.cont, #main div.process div.more2:hover div.cont, #main div.process div.more3:hover div.cont, #main div.process div.more4:hover div.cont, #main div.process div.more5:hover div.cont {
                display: block;
            }

            #main div.process div.more1:hover a.more, #main div.process div.more2:hover a.more, #main div.process div.more3:hover a.more, #main div.process div.more4:hover a.more, #main div.process div.more5:hover a.more {
                display: none;
            }

        #main div.process div.cont {
            display: none;
            position: relative;
            width: 260px;
            padding: 20px 0;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            line-height: 25px;
            text-align: center;
            background-color: #fac300;
            box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        }

            #main div.process div.cont span {
                line-height: 50px;
                vertical-align: top;
            }

            #main div.process div.cont a.close {
                position: absolute;
                top: 0;
                right: 0;
            }

    #main div.center {
        margin-top: 92px;
        background-color: #d5e9e6;
    }

        #main div.center div.wrap {
            overflow: hidden;
            padding: 55px 0 60px 0;
            background: url('../images/main/recruit_bg.jpg') no-repeat 830px 60px;
        }

        #main div.center h2 {
            margin-top: 0;
            padding-top: 0;
            background: none;
        }

    #main div.life {
        float: left;
    }

        #main div.life div.explain {
            position: static;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 300;
            color: #2d2e2e;
            line-height: 25px;
            text-align: left;
        }

        #main div.life ul.welfare {
            overflow: hidden;
            margin-top: 30px;
        }

            #main div.life ul.welfare li {
                float: left;
                width: 160px;
                margin-left: 40px;
            }

                #main div.life ul.welfare li:first-child {
                    margin-left: 0;
                }

                #main div.life ul.welfare li p.tit {
                    font-size: 16px;
                    color: #000;
                    line-height: 25px;
                    text-align: center;
                }

                #main div.life ul.welfare li a {
                    display: block;
                    margin-top: 15px;
                    font-size: 0;
                    line-height: 0;
                    border: 1px solid #bbb;
                }

    #main div.recruit {
        float: right;
        width: 770px;
    }

        #main div.recruit div.progress {
            margin-top: 10px;
        }

            #main div.recruit div.progress a {
                display: block;
                font-size: 18px;
                color: #2d2e2e;
                line-height: 27px;
            }

                #main div.recruit div.progress a em {
                    margin-left: 18px;
                    font-family: "NotoSans", sans-serif;
                    vertical-align: top;
                }

    #main ul.recruit {
        overflow: hidden;
        margin-top: 25px;
    }

        #main ul.recruit li {
            float: left;
            width: 250px;
            margin-left: 10px;
            background-color: #fff;
        }

            #main ul.recruit li:first-child {
                margin-left: 0;
            }

            #main ul.recruit li a {
                display: block;
                padding: 20px 20px 15px 20px;
            }

                #main ul.recruit li a p.day {
                    display: inline-block;
                    margin-left: 10px;
                    padding: 0 12px;
                    font-size: 14px;
                    font-weight: 600;
                    color: #fff;
                    line-height: 23px;
                    background-color: #1d9b72;
                }

                #main ul.recruit li a p.day2 {
                    display: inline-block;
                    margin-left: 10px;
                    padding: 0 12px;
                    font-size: 14px;
                    font-weight: 600;
                    color: #fff;
                    line-height: 23px;
                    background-color: #c3c3c1;
                }

                #main ul.recruit li a p.day3 {
                    display: inline-block;
                    margin-left: 10px;
                    padding: 0 12px;
                    font-size: 14px;
                    font-weight: 600;
                    color: #fff;
                    line-height: 23px;
                    background-color: #0f181f;
                }

                #main ul.recruit li a p.tit {
                    margin-top: 15px;
                    padding: 0 10px 5px 10px;
                    font-size: 18px;
                    font-weight: 600;
                    color: #2d2e2e;
                    line-height: 25px;
                    border-bottom: 1px solid #ccc;
                    min-height: 80px;
                }

                #main ul.recruit li a p.period {
                    padding: 15px 10px 0 10px;
                    font-size: 14px;
                    font-weight: 300;
                    color: #444;
                    line-height: 23px;
                }

                    #main ul.recruit li a p.period span {
                        display: block;
                        font-weight: 400;
                        color: #1d9b72;
                    }

/* topButton */
#top_btn {
    position: fixed;
    bottom: 115px;
    right: 10%;
    height: 36px;
    overflow: hidden;
    z-index: 9;
}

    #top_btn img {
        margin-top: 0;
    }

        #top_btn img:hover {
            margin-top: -36px;
        }

/* location */
.Location {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background-color: #eee;
    z-index: 999;
}

    .Location .Location-inner {
        position: relative;
        width: 100%;
        height: 61px;
        z-index: 100;
    }

    .Location ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        .Location ul:after {
            content: "";
            display: block;
            clear: both;
        }

        .Location ul li {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

            .Location ul li a {
                display: block;
                padding-left: 50px;
                font-size: 16px;
                font-weight: 300;
                color: #444;
                line-height: 61px;
            }

                .Location ul li a:hover, .Location ul li a:focus {
                    color: #444;
                }

            .Location ul li .depth-in {
                position: static;
                display: none;
                background: none;
            }

                .Location ul li .depth-in li {
                    padding: 0;
                    border-top: 1px solid #fff;
                }

                    .Location ul li .depth-in li a {
                        display: block;
                        margin: 0;
                        padding: 0 0 0 50px;
                        font-size: 16px;
                        color: #444;
                        line-height: 61px;
                        background: none;
                    }

                        .Location ul li .depth-in li a:hover, .Location ul li .depth-in li a:focus {
                            background-color: #c5c5c5;
                        }

            .Location ul li.depth-first {
                float: left;
                width: 420px;
            }

                .Location ul li.depth-first a {
                    display: block;
                    padding-left: 90px;
                    background: url('../images/common/home_icon.png') no-repeat 50px 20px;
                }

            .Location ul li.depth-middle {
                float: left;
                width: 430px;
                background: /*url('../images/common/home_arrow1.png') no-repeat*/ 379px 20px #ddd;
            }

                .Location ul li.depth-middle.on .depth-in {
                    display: block;
                }

            .Location ul li.depth-last {
                float: left;
                width: 430px;
                background: url('../images/common/home_arrow2.png') no-repeat 379px 20px #009e75;
            }

                .Location ul li.depth-last a {
                    color: #fff;
                }

                .Location ul li.depth-last.on .depth-in {
                    display: block;
                }

                .Location ul li.depth-last .depth-in li a {
                    color: #fff;
                }

                    .Location ul li.depth-last .depth-in li a:hover, .Location ul li.depth-last .depth-in li a:focus {
                        background-color: #017455;
                    }

/* idxlink */
.idxlink {
    display: none;
    overflow: hidden;
    margin: 25px 0;
    text-align: center;
    background: url('../images/common/menu_bg.png') repeat left top;
}

.idlk {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    display: none;
    z-index: 500;
}

    .idlk li {
        display: block;
        width: 100%;
        font-size: 14px;
        color: #fff;
        background: url('../images/common/menu_bg2.png') repeat left top;
        border-bottom: 1px solid #ccc;
        text-align: left;
    }

        .idlk li a {
            display: block;
            padding-left: 15px;
            color: #fff;
            line-height: 38px;
        }

            .idlk li a:hover {
                font-weight: bold;
                color: #fff;
            }

.menu {
    display: none;
}

.menu {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 38px;
    padding-left: 15px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

    .menu div.bullet {
        position: absolute;
        right: 15px;
        top: 16px;
        font-size: 0;
        line-height: 0;
    }

.inner {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
}

.idlk.on {
    display: block;
    position: absolute;
    border-top: none;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* contents */
#contents {
    width: 1280px;
    margin: 85px auto 100px auto;
}

    #contents h2 {
        font-size: 45px;
        font-weight: 600;
        color: #2d2e2e;
        line-height: 54px;
        text-align: center;
    }

    #contents h3 {
        margin-top: 80px;
        padding-top: 20px;
        font-size: 26px;
        font-weight: 600;
        color: #111;
        line-height: 35px;
        text-align: center;
        background: url('../images/common/h3_bullet.png') no-repeat center top;
    }

        #contents h3.bn {
            margin-top: 55px;
            padding-top: 0;
            background: none;
        }

    #contents div.company {
        overflow: hidden;
        margin-top: 55px;
        background-color: #f9f9f9;
    }

        #contents div.company p.tit {
            margin: 55px 260px 0 260px;
            font-size: 20px;
            color: #222;
            line-height: 29px;
            text-align: center;
        }

        #contents div.company p.txt {
            margin: 50px 83px 55px 83px;
            font-size: 16px;
            font-weight: 300;
            color: #444;
            line-height: 25px;
        }

    #contents ul.outline {
        overflow: hidden;
        width: 1134px;
        margin: 45px auto -20px auto;
        padding-bottom: 20px;
    }

        #contents ul.outline li {
            float: left;
            width: 278px;
            margin: 10px;
            padding: 55px 40px 60px 40px;
            text-align: center;
            background-color: #fff;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

            #contents ul.outline li p.tit {
                margin: 0;
                font-size: 20px;
                color: #009d6b;
                line-height: 29px;
            }

            #contents ul.outline li p.txt {
                height: 70px;
                margin: 40px 0 0 0;
                font-size: 30px;
                font-weight: 400;
                color: #033333;
                line-height: 35px;
            }

                #contents ul.outline li p.txt em {
                    display: inline-block;
                    font-size: 20px;
                    color: #033333;
                    line-height: 29px;
                }

                    #contents ul.outline li p.txt em.top {
                        margin-top: -15px;
                        vertical-align: top;
                    }

            #contents ul.outline li div.icon {
                margin-top: 20px;
                font-size: 0;
                line-height: 0;
            }

    #contents p.unit {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 300;
        color: #444;
        line-height: 25px;
        text-align: right;
    }

    #contents ul.year {
        overflow: hidden;
        margin-top: 50px;
    }

        #contents ul.year li {
            float: left;
            padding-bottom: 14px;
            width: 16.66666%;
            text-align: center;
        }

            #contents ul.year li a {
                position: relative;
                display: block;
                padding-bottom: 25px;
                font-size: 16px;
                font-weight: 600;
                color: #333;
                line-height: 25px;
                border-bottom: 2px solid #f2f3fa;
            }

                #contents ul.year li a span {
                    position: absolute;
                    bottom: -16px;
                    left: 0;
                    overflow: hidden;
                    width: 100%;
                    height: 30px;
                    font-size: 0;
                    line-height: 0;
                }

                #contents ul.year li a.on, #contents ul.year li a:hover {
                    color: #009e75;
                }

                    #contents ul.year li a.on span img, #contents ul.year li a:hover span img {
                        margin-top: -30px;
                    }

    #contents ul.history {
        border-bottom: 2px solid #ccc;
    }

        #contents ul.history li {
            overflow: hidden;
            padding: 115px 0;
            border-top: 1px solid #ccc;
        }

            #contents ul.history li:first-child {
                border-top: none;
            }

            #contents ul.history li div.year {
                float: left;
                width: 220px;
                margin-top: -10px;
                font-size: 70px;
                font-weight: 800;
                color: #009d6b;
                line-height: 75px;
            }

                #contents ul.history li div.year em {
                    font-size: 50px;
                    font-weight: 400;
                    color: #666;
                }

            #contents ul.history li ul.cont {
                float: left;
                width: 450px;
                margin-left: 80px;
                border: none;
            }

                #contents ul.history li ul.cont li {
                    position: relative;
                    margin-top: 50px;
                    padding: 0 0 0 60px;
                    font-size: 18px;
                    font-weight: 300;
                    color: #444;
                    line-height: 23px;
                    border: none;
                }

                    #contents ul.history li ul.cont li:first-child {
                        margin-top: 0;
                    }

                    #contents ul.history li ul.cont li.mg1 {
                        margin-top: 73px;
                    }

                    #contents ul.history li ul.cont li.mg2 {
                        margin-top: 8px;
                    }

                    #contents ul.history li ul.cont li.mg3 {
                        margin-top: 81px;
                    }

                    #contents ul.history li ul.cont li.mg4 {
                        margin-top: 69px;
                    }

                    #contents ul.history li ul.cont li strong {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

    #contents p.intro {
        margin-top: 50px;
        font-size: 34px;
        color: #009d6b;
        line-height: 43px;
        text-align: center;
    }

        #contents p.intro em {
            display: block;
        }

    #contents p.explain {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 300;
        color: #444;
        line-height: 27px;
        text-align: center;
    }

        #contents p.explain em {
            display: block;
        }

        #contents p.explain strong {
            display: block;
            margin-top: 25px;
            font-size: 20px;
        }

    #contents p.guide {
        margin-top: 50px;
        font-size: 16px;
        font-weight: 300;
        color: #444;
        line-height: 30px;
    }

        #contents p.guide strong {
            display: block;
            margin-bottom: 15px;
            font-size: 24px;
            font-weight: 600;
            color: #333;
            line-height: 38px;
        }

    #contents div.greeting {
        position: relative;
        margin-top: 50px;
        padding-right: 680px;
        font-size: 16px;
        font-weight: 300;
        color: #444;
        line-height: 30px;
    }

        #contents div.greeting span {
            display: block;
            margin-bottom: 30px;
            font-size: 26px;
            color: #222;
            line-height: 40px;
        }

        #contents div.greeting em {
            display: block;
            margin-top: 45px;
            font-size: 18px;
            color: #222;
            line-height: 32px;
        }

            #contents div.greeting em img {
                margin: -15px 0 0 40px;
                vertical-align: top;
            }

        #contents div.greeting div.logo {
            position: absolute;
            top: 79px;
            right: 0;
            padding: 50px 80px 88px 120px;
            border-left: 1px solid #ccc;
        }

    #contents div.vision {
        overflow: hidden;
        margin-top: 55px;
        padding: 0 30px 60px 30px;
        font-size: 0;
        line-height: 0;
        text-align: center;
        background-color: #f9f9f9;
    }

        #contents div.vision p.explain {
            display: inline-block;
            margin: 10px 0 40px 0;
            padding-bottom: 35px;
            border-bottom: 1px solid #ddd;
        }

        #contents div.vision img {
            max-width: 100%;
        }

    #contents ul.philosophy {
        overflow: hidden;
        width: 810px;
        margin: 55px auto 0 auto;
        background: url('../images/company/philosophy_bg.png') no-repeat center top;
    }

        #contents ul.philosophy li {
            float: left;
            width: 220px;
            padding: 295px 25px 0 25px;
            font-size: 14px;
            font-weight: 300;
            color: #444;
            line-height: 23px;
            text-align: center;
        }

            #contents ul.philosophy li strong {
                display: block;
                margin-bottom: 110px;
                font-size: 26px;
                font-weight: 600;
                color: #178e8a;
                line-height: 35px;
            }

    #contents ul.tap {
        overflow: hidden;
        margin-top: 55px;
    }

        #contents ul.tap li {
            float: left;
            width: 427px;
        }

            #contents ul.tap li:first-child {
                width: 426px;
            }

            #contents ul.tap li.bisection {
                width: 640px;
            }

            #contents ul.tap li.quadrisection {
                width: 320px;
            }

            #contents ul.tap li a {
                display: block;
                padding: 1px 1px 0 1px;
                font-size: 18px;
                color: #666;
                line-height: 53px;
                text-align: center;
                border-top: 1px solid #ddd;
                border-left: 1px solid #ddd;
                border-right: 1px solid #ddd;
                border-bottom: 2px solid #009e75;
                background-color: #f8f8f8;
            }

                #contents ul.tap li a.on, #contents ul.tap li a:hover {
                    padding: 0;
                    color: #009e75;
                    border-top: 2px solid #009e75;
                    border-left: 2px solid #009e75;
                    border-right: 2px solid #009e75;
                    border-bottom: 2px solid #fff;
                    background-color: #fff;
                }

    #contents ul.workplace {
        overflow: hidden;
        margin-top: 45px;
    }

        #contents ul.workplace li {
            float: left;
            width: 410px;
            margin-left: 25px;
            font-size: 0;
            line-height: 0;
        }

            #contents ul.workplace li:first-child {
                margin-left: 0;
            }

            #contents ul.workplace li.office1 {
                width: 311px;
                margin-left: 0;
            }

            #contents ul.workplace li.office2 {
                width: 311px;
                margin-left: 12px;
            }

            #contents ul.workplace li p {
                margin-top: 10px;
                font-size: 16px;
                font-weight: 300;
                color: #666;
                line-height: 25px;
                text-align: center;
            }

    #contents div.ci {
        margin-top: 25px;
        padding: 40px 0;
        font-size: 0;
        line-height: 0;
        text-align: center;
        border: 1px solid #e8e8e8;
        background: url('../images/company/ci_bg.jpg') repeat left top;
    }

    #contents div.signature {
        margin-top: 25px;
        padding: 40px 0;
        font-size: 0;
        line-height: 0;
        border: 1px solid #e8e8e8;
    }

        #contents div.signature img {
            margin-left: 48px;
        }

    #contents ul.palette {
        overflow: hidden;
        margin-top: 5px;
    }

        #contents ul.palette li {
            float: left;
            width: 303px;
            height: 318px;
            margin: 20px 0 0 20px;
            border: 1px solid #e8e8e8;
        }

            #contents ul.palette li.first {
                margin: 20px 0 0 0;
            }

            #contents ul.palette li div.logo {
                font-size: 0;
                line-height: 0;
                text-align: center;
            }

            #contents ul.palette li p.color {
                margin-left: 36px;
                font-size: 16px;
                font-weight: 600;
                color: #666;
                line-height: 23px;
            }

            #contents ul.palette li ul.color {
                margin: 25px 0 0 36px;
            }

                #contents ul.palette li ul.color li {
                    float: none;
                    width: auto;
                    height: auto;
                    margin: 20px 0 0 0;
                    font-size: 16px;
                    color: #666;
                    line-height: 20px;
                    border: none;
                }

                    #contents ul.palette li ul.color li span {
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        margin-right: 10px;
                        vertical-align: top;
                    }

                        #contents ul.palette li ul.color li span.color1 {
                            background-color: #009d6b;
                            font-size: 0;
                        }

                        #contents ul.palette li ul.color li span.color2 {
                            background-color: #59c134;
                            font-size: 0;
                        }

                        #contents ul.palette li ul.color li span.color3 {
                            background-color: #000;
                            font-size: 0;
                        }

                        #contents ul.palette li ul.color li span.color4 {
                            background-color: #a9874a;
                            font-size: 0;
                        }

                        #contents ul.palette li ul.color li span.color5 {
                            background-color: #9a9592;
                            font-size: 0;
                        }

                        #contents ul.palette li ul.color li span.color6 {
                            background-color: #737372;
                            font-size: 0;
                        }

    #contents ul.affiliate {
        margin-top: 60px;
        border-top: 2px solid #111;
    }

        #contents ul.affiliate li {
            position: relative;
            padding: 40px 40px 40px 490px;
            border-bottom: 1px solid #ccc;
        }

            #contents ul.affiliate li div.img {
                position: absolute;
                top: 30px;
                left: 40px;
                width: 410px;
                font-size: 0;
                line-height: 0;
            }

                #contents ul.affiliate li div.img span {
                    display: none;
                }

                #contents ul.affiliate li div.img a {
                    position: relative;
                    display: block;
                    margin-top: 10px;
                }

                    #contents ul.affiliate li div.img a:hover span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block;
                        width: 100%;
                        min-height: 100%;
                        background-color: rgba(0,158,117,0.6);
                    }

                        #contents ul.affiliate li div.img a:hover span img {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            margin: -28px 0 0 -28px;
                        }

            #contents ul.affiliate li div.name {
                position: relative;
                font-size: 24px;
                font-weight: 600;
                color: #111;
                line-height: 43px;
            }

                #contents ul.affiliate li div.name a {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 196px;
                    font-size: 18px;
                    font-weight: 600;
                    color: #fdb813;
                    line-height: 39px;
                    text-align: center;
                    border: 2px solid #fdb813;
                }

                    #contents ul.affiliate li div.name a:hover {
                        color: #fff;
                        background-color: #fdb813;
                    }

            #contents ul.affiliate li p.txt {
                min-height: 170px;
                margin-top: 20px;
                font-size: 16px;
                font-weight: 300;
                color: #444;
                line-height: 25px;
            }

                #contents ul.affiliate li p.txt span {
                    display: block;
                    margin-bottom: 18px;
                    font-size: 18px;
                    font-weight: 400;
                    color: #009e75;
                    line-height: 27px;
                }

    #contents div.overseas {
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        #contents div.overseas img {
            width: 100%;
        }

        #contents div.overseas div.explain {
            text-align: center;
            margin-top: 40px;
            font-size: 20px;
            color: #444;
            font-weight: 300;
            line-height: 27px;
        }

        #contents div.overseas div.map1 {
            position: relative;
            width: 900px;
            margin: 100px 190px 0 190px;
            font-size: 0;
            line-height: 0;
        }

            #contents div.overseas div.map1 em {
                position: absolute;
                overflow: hidden;
            }

                #contents div.overseas div.map1 em.nigeria {
                    top: 111px;
                    left: 18px;
                    height: 229px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.nigeria:hover img {
                        margin-top: -229px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.bangladesh {
                    top: 20px;
                    left: 173px;
                    height: 284px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.bangladesh:hover img {
                        margin-top: -284px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.china {
                    top: 0;
                    left: 325px;
                    height: 231px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.china:hover img {
                        margin-top: -231px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.russia {
                    top: 63px;
                    left: 379px;
                    height: 154px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.russia:hover img {
                        margin-top: -154px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.guatemala {
                    top: 34px;
                    left: 631px;
                    height: 304px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.guatemala:hover img {
                        margin-top: -304px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.ghana {
                    top: 326px;
                    left: 3px;
                    height: 152px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.ghana:hover img {
                        margin-top: -152px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.angola {
                    top: 378px;
                    left: 44px;
                    height: 150px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.angola:hover img {
                        margin-top: -150px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.kenya {
                    top: 336px;
                    left: 145px;
                    height: 149px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.kenya:hover img {
                        margin-top: -149px;
                    }

                #contents div.overseas div.map1 em.malaysia {
                    top: 340px;
                    left: 237px;
                    height: 149px;
                    z-index: 99999;
                }

                    #contents div.overseas div.map1 em.malaysia:hover img {
                        margin-top: -149px;
                        z-index: 99999;
                    }

                #contents div.overseas div.map1 em.phillippines {
                    top: 320px;
                    left: 255px;
                    height: 236px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.phillippines:hover img {
                        margin-top: -236px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.micronesia {
                    top: 279px;
                    left: 455px;
                    height: 93px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.micronesia:hover img {
                        margin-top: -93px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.ecualor {
                    top: 345px;
                    left: 683px;
                    height: 54px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.ecualor:hover img {
                        margin-top: -54px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.colombia {
                    top: 288px;
                    left: 761px;
                    height: 93px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.colombia:hover img {
                        margin-top: -93px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.peru {
                    top: 394px;
                    left: 708px;
                    height: 23px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.peru:hover img {
                        margin-top: -23px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.chile {
                    top: 460px;
                    left: 728px;
                    height: 114px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.chile:hover img {
                        margin-top: -114px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.argentina {
                    top: 472px;
                    left: 782px;
                    height: 107px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.argentina:hover img {
                        margin-top: -107px;
                        z-index: 9999;
                    }

                #contents div.overseas div.map1 em.bolivia {
                    top: 426px;
                    left: 795px;
                    height: 102px;
                    z-index: 9999;
                }

                    #contents div.overseas div.map1 em.bolivia:hover img {
                        margin-top: -102px;
                        z-index: 9999;
                    }

    #contents ul.cement {
        overflow: hidden;
    }

        #contents ul.cement li {
            float: left;
            width: 610px;
            margin: 60px 0 0 60px;
        }

            #contents ul.cement li.first {
                margin: 60px 0 0 0;
            }

            #contents ul.cement li a {
                position: relative;
                display: block;
                min-height: 245px;
                padding: 20px 20px 20px 310px;
                border: 1px solid #f6f6f6;
                background-color: #f6f6f6;
            }

                #contents ul.cement li a:hover {
                    border: 1px solid #009d6b;
                    background-color: #fff;
                }

                    #contents ul.cement li a:hover div.img span {
                        background-color: #fbba1d;
                    }

                #contents ul.cement li a div.img {
                    position: absolute;
                    top: 20px;
                    left: 20px;
                    font-size: 0;
                    line-height: 0;
                }

                    #contents ul.cement li a div.img span {
                        display: block;
                        width: 120px;
                        margin: 20px auto 0 auto;
                        font-size: 16px;
                        font-weight: 300;
                        color: #fff;
                        line-height: 35px;
                        text-align: center;
                        background-color: #b8b7b7;
                    }

                #contents ul.cement li a p.tit {
                    margin-top: 20px;
                    font-size: 24px;
                    font-weight: 600;
                    color: #222;
                    line-height: 29px;
                }

                #contents ul.cement li a p.txt {
                    margin-top: 15px;
                    font-size: 14px;
                    font-weight: 300;
                    color: #666;
                    line-height: 19px;
                }

    #contents div.cement {
        position: relative;
        margin-top: 60px;
        padding-left: 310px;
        border-top: 1px solid #ccc;
    }

        #contents div.cement h3 {
            position: absolute;
            top: -1px;
            left: 0;
            width: 233px;
            margin: 0;
            padding: 55px 0 0 27px;
            font-size: 24px;
            font-weight: 300;
            line-height: 33px;
            text-align: left;
            border-top: 2px solid #009d6b;
            background: url('../images/product/title_bullet.jpg') no-repeat left 67px;
        }

            #contents div.cement h3 span {
                font-weight: 400;
                color: #009d6b;
            }

        #contents div.cement h4 {
            margin-top: 35px;
            font-size: 18px;
            font-weight: 600;
            color: #333;
            line-height: 27px;
        }

        #contents div.cement div.img {
            margin-top: 60px;
            font-size: 0;
            line-height: 0;
        }

        #contents div.cement p.txt {
            margin-top: 10px;
            font-size: 16px;
            font-weight: 300;
            color: #444;
            line-height: 25px;
        }

            #contents div.cement p.txt em {
                display: inline-block;
                margin-left: 38px;
                vertical-align: top;
            }

            #contents div.cement p.txt img {
                margin: -3px 10px 0 0;
                vertical-align: top;
            }

        #contents div.cement p.site {
            margin-top: 15px;
            font-size: 18px;
            font-weight: 300;
            color: #277f68;
            line-height: 37px;
        }

            #contents div.cement p.site img {
                vertical-align: top;
            }

            #contents div.cement p.site a {
                display: inline-block;
                margin-left: 20px;
                color: #277f68;
                line-height: 37px;
                vertical-align: top;
            }

                #contents div.cement p.site a:hover {
                    text-decoration: underline;
                }

    #contents ul.physical {
        overflow: hidden;
    }

        #contents ul.physical li {
            float: left;
            width: 475px;
            margin-left: 20px;
        }

            #contents ul.physical li:first-child {
                margin-left: 0;
            }

    #contents ul.bullet {
        margin-top: 10px;
    }

        #contents ul.bullet li {
            margin-top: 5px;
            padding-left: 13px;
            font-size: 16px;
            font-weight: 300;
            color: #666;
            line-height: 25px;
            background: url('../images/product/bullet.jpg') no-repeat left 12px;
        }

    #contents ul.bullet2 {
        margin-top: 30px;
    }

        #contents ul.bullet2 li {
            margin-top: 5px;
            padding-left: 13px;
            font-size: 16px;
            font-weight: 300;
            color: #333;
            line-height: 25px;
            background: url('../images/product/bullet.jpg') no-repeat left 12px;
            background-size: 5px 1px;
        }

    #contents div.border {
        margin-top: 60px;
        padding: 0 59px 60px 59px;
        border: 1px solid #69c6ae;
    }

    #contents div.process {
        position: relative;
        width: 1000px;
        margin: 60px auto 0 auto;
        font-size: 0;
        line-height: 0;
    }

        #contents div.process img {
            max-width: 100%;
        }

        #contents div.process div.more1 {
            position: absolute;
            top: 96px;
            left: 510px;
        }

        #contents div.process div.more2 {
            position: absolute;
            top: 230px;
            left: 801px;
        }

        #contents div.process div.more3 {
            position: absolute;
            top: 380px;
            left: 590px;
        }

        #contents div.process div.more4 {
            position: absolute;
            top: 250px;
            left: 0;
        }

        #contents div.process div.more5 {
            position: absolute;
            top: 666px;
            left: 530px;
        }

            #contents div.process div.more1:hover div.cont, #contents div.process div.more2:hover div.cont, #contents div.process div.more3:hover div.cont, #contents div.process div.more4:hover div.cont, #contents div.process div.more5:hover div.cont {
                display: block;
            }

            #contents div.process div.more1:hover a.more, #contents div.process div.more2:hover a.more, #contents div.process div.more3:hover a.more, #contents div.process div.more4:hover a.more, #contents div.process div.more5:hover a.more {
                display: none;
            }

        #contents div.process div.cont {
            display: none;
            position: relative;
            width: 260px;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            line-height: 25px;
            text-align: center;
            background-color: #fac300;
            box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        }

            #contents div.process div.cont a {
                display: block;
                padding: 20px 0;
                color: #fff;
                line-height: 25px;
            }

                #contents div.process div.cont a span {
                    line-height: 50px;
                    vertical-align: top;
                }

                #contents div.process div.cont a.close {
                    position: absolute;
                    top: -20px;
                    right: 0;
                }

    #contents ul.process {
        overflow: hidden;
        margin-top: 55px;
    }

        #contents ul.process li {
            float: left;
            overflow: hidden;
            width: 216px;
            height: 152px;
            margin-left: 20px;
            font-size: 0;
            line-height: 0;
            text-align: center;
        }

            #contents ul.process li:first-child {
                margin-left: 0;
            }

            #contents ul.process li.on img, #contents ul.process li:hover img {
                margin-top: -152px;
            }

    #contents ul.news {
        overflow: hidden;
        margin-top: 55px;
        padding: 20px 0 60px 0;
        border-top: 2px solid #000;
        border-bottom: 1px solid #ddd;
    }

        #contents ul.news li {
            float: left;
            position: relative;
            width: 580px;
            min-height: 150px;
            margin: 40px 0 0 120px;
        }

            #contents ul.news li.first {
                margin: 40px 0 0 0;
            }

            #contents ul.news li a {
                display: block;
                padding-left: 260px;
            }

                #contents ul.news li a:hover p.tit {
                    color: #009e75;
                    text-decoration: underline;
                }

            #contents ul.news li div.img {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 0;
                line-height: 0;
            }

            #contents ul.news li p.tit {
                overflow: hidden;
                height: 85px;
                margin-top: 10px;
                font-size: 18px;
                color: #333;
                line-height: 27px;
            }

            #contents ul.news li p.date {
                position: relative;
                margin-top: 28px;
                font-size: 16px;
                font-weight: 300;
                color: #009e75;
                line-height: 25px;
                text-align: right;
            }

                #contents ul.news li p.date em {
                    position: absolute;
                    top: 0;
                    left: 0;
                    color: #666;
                }

    #contents ul.community {
        overflow: hidden;
        margin-top: 30px;
        padding-top: 5px;
        border-top: 2px solid #000;
    }

        #contents ul.community li {
            float: left;
            width: 380px;
            margin: 55px 0 0 70px;
        }

            #contents ul.community li.first {
                margin: 55px 0 0 0;
            }

            #contents ul.community li a {
                display: block;
            }

                #contents ul.community li a:hover p.tit {
                    color: #009e75;
                    text-decoration: underline;
                }

            #contents ul.community li div.img {
                font-size: 0;
                line-height: 0;
            }

                #contents ul.community li div.img img {
                    width: 100%;
                    height: auto;
                }

            #contents ul.community li p.tit {
                overflow: hidden;
                height: 54px;
                margin-top: 15px;
                font-size: 18px;
                color: #333;
                line-height: 27px;
            }

            #contents ul.community li p.date {
                margin-top: 20px;
                font-size: 18px;
                color: #888;
                line-height: 25px;
            }

    #contents div.search {
        position: relative;
        margin-top: 55px;
        font-size: 0;
        line-height: 0;
        text-align: right;
    }

        #contents div.search em {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 16px;
            color: #444;
            line-height: 45px;
        }

        #contents div.search span {
            font-weight: 600;
            color: #009e75;
        }

        #contents div.search select {
            width: 140px;
            height: 45px;
            padding-left: 10px;
            font-size: 16px;
            font-weight: 300;
            color: #666;
            border: 1px solid #d5d5d5;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #contents div.search input {
            width: 210px;
            height: 45px;
            margin-left: 10px;
            padding-left: 10px;
            font-size: 16px;
            font-weight: 300;
            color: #666;
            border: 1px solid #d5d5d5;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #contents div.search a {
            display: inline-block;
            width: 80px;
            margin-left: 10px;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            line-height: 45px;
            text-align: center;
            background-color: #009e75;
        }

    #contents div.paging {
        margin-top: 60px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        #contents div.paging a {
            display: inline-block;
            width: 30px;
            margin: 0 1px;
            font-size: 16px;
            color: #666;
            line-height: 30px;
            text-align: center;
            border: 1px solid #d5d5d5;
        }

            #contents div.paging a img {
                vertical-align: top;
            }

            #contents div.paging a.on, #contents div.paging a:hover {
                color: #fff;
                border: 1px solid #009e75;
                background-color: #009e75;
            }

    #contents div.title {
        position: relative;
        margin-top: 55px;
        padding: 25px 0;
        font-size: 16px;
        font-weight: 300;
        color: #888;
        line-height: 25px;
        text-align: right;
        border-top: 2px solid #000;
        border-bottom: 1px solid #ddd;
    }

        #contents div.title span {
            margin-right: 40px;
            color: #333;
            vertical-align: top;
        }

        #contents div.title em {
            margin: 0 10px;
            font-size: 13px;
            color: #aaa;
            line-height: 24px;
            vertical-align: top;
        }

        #contents div.title strong {
            position: absolute;
            top: 25px;
            left: 40px;
            font-size: 18px;
            font-weight: 600;
            color: #333;
            line-height: 25px;
        }

    #contents div.view {
        padding-bottom: 20px;
        font-size: 0;
        line-height: 0;
        text-align: center;
        border-bottom: 2px solid #000;
    }

        #contents div.view img {
            max-width: 100%;
            margin-top: 30px;
        }

        #contents div.view p {
            margin: 20px 40px 0 40px;
            font-size: 16px;
            font-weight: 300;
            color: #333;
            line-height: 35px;
            text-align: left;
        }

    #contents div.list-btn {
        margin-top: 30px;
        text-align: right;
    }

        #contents div.list-btn a {
            display: inline-block;
            padding: 0 20px;
            font-size: 16px;
            color: #666;
            line-height: 45px;
            border: 1px solid #ddd;
        }

            #contents div.list-btn a img {
                margin: 17px 10px 0 0;
                vertical-align: top;
            }

            #contents div.list-btn a:hover {
                border: 1px solid #009e75;
            }

    #contents ul.post {
        margin-top: 30px;
        border-top: 1px solid #ddd;
    }

        #contents ul.post li {
            position: relative;
            padding-left: 200px;
            border-bottom: 1px solid #ddd;
        }

            #contents ul.post li div {
                position: absolute;
                top: 0;
                left: 0;
                width: 200px;
                font-size: 16px;
                font-weight: 300;
                color: #666;
                line-height: 55px;
                text-align: center;
                background-color: #f7f7f7;
            }

            #contents ul.post li a {
                display: block;
                padding: 15px 0 15px 30px;
                font-size: 16px;
                font-weight: 300;
                color: #333;
                line-height: 25px;
            }

                #contents ul.post li a:hover {
                    color: #009e75;
                    text-decoration: underline;
                }

    #contents div.reward {
        margin-top: 55px;
        padding: 60px;
        font-size: 0;
        line-height: 0;
        text-align: center;
        border: 1px solid #ddd;
    }

        #contents div.reward img {
            max-width: 100%;
        }

    #contents ul.recruit {
        margin-top: 25px;
        border-top: 2px solid #000;
    }

        #contents ul.recruit li {
            padding: 35px 40px;
            border-bottom: 1px solid #ddd;
        }

            #contents ul.recruit li p.tit {
                font-size: 20px;
                color: #333;
                line-height: 29px;
            }

            #contents ul.recruit li div.img {
                margin-top: 35px;
                font-size: 0;
                line-height: 0;
            }

                #contents ul.recruit li div.img img {
                    max-width: 100%;
                }

            #contents ul.recruit li ul.bullet {
                margin-top: 15px;
            }

                #contents ul.recruit li ul.bullet li {
                    padding: 0 0 0 13px;
                    border-bottom: none;
                }

    #contents ul.guide {
        margin-top: 25px;
        border-top: 2px solid #000;
    }

        #contents ul.guide li {
            border-bottom: 1px solid #ddd;
        }

            #contents ul.guide li a {
                display: block;
                position: relative;
                padding-left: 40px;
                font-size: 18px;
                color: #333;
                line-height: 77px;
            }

                #contents ul.guide li a:hover {
                    color: #009e75;
                    text-decoration: underline;
                }

                #contents ul.guide li a strong {
                    display: inline-block;
                    width: 60px;
                    font-weight: 600;
                    color: #666;
                }

                #contents ul.guide li a em {
                    position: absolute;
                    top: 0;
                    right: 40px;
                    font-weight: 300;
                    color: #888;
                }

    #contents ul.welfare {
        overflow: hidden;
        margin-top: 25px;
        border-top: 2px solid #000;
    }

        #contents ul.welfare li {
            float: left;
            position: relative;
            width: 280px;
            min-height: 240px;
            padding: 55px 60px 55px 300px;
            border-bottom: 1px solid #ddd;
        }

            #contents ul.welfare li div.icon {
                position: absolute;
                top: 55px;
                left: 0;
                width: 300px;
                font-size: 0;
                line-height: 0;
                text-align: center;
            }

                #contents ul.welfare li div.icon p {
                    margin-bottom: 25px;
                    font-size: 20px;
                    font-weight: 600;
                    color: #009e75;
                    line-height: 29px;
                }

            #contents ul.welfare li ul.cont li {
                float: none;
                min-height: 0;
                padding: 0 0 0 15px;
                font-size: 16px;
                color: #333;
                line-height: 30px;
                border-bottom: none;
                background: url('../images/pr/bullet.png') no-repeat left 13px;
            }

                #contents ul.welfare li ul.cont li em {
                    color: #666;
                }

    #contents div.nurture {
        margin-top: 25px;
        border: 1px solid #ddd;
        background: url('../images/pr/nurture_bg.png') no-repeat center 95px;
    }

    #contents ul.nurture {
        overflow: hidden;
        margin-top: 65px;
    }

        #contents ul.nurture li {
            float: left;
            width: 280px;
            height: 190px;
            margin: 0 260px 0 99px;
            text-align: right;
        }

            #contents ul.nurture li.right {
                width: 280px;
                margin: 0 99px 0 260px;
                text-align: left;
            }

            #contents ul.nurture li p.tit {
                font-size: 20px;
                font-weight: 600;
                color: #333;
                line-height: 29px;
            }

            #contents ul.nurture li p.txt {
                margin-top: 5px;
                font-size: 14px;
                color: #666;
                line-height: 23px;
            }

    #contents ul.safety {
        overflow: hidden;
        width: 1160px;
        margin: 15px auto 0 auto;
    }

        #contents ul.safety li {
            float: left;
            position: relative;
            width: 540px;
            margin: 40px 20px 0 20px;
        }

            #contents ul.safety li a {
                display: block;
            }

            #contents ul.safety li h3 {
                position: absolute;
                top: 0;
                left: 50%;
                width: 142px;
                height: 174px;
                margin: 0 0 0 -101px;
                padding: 28px 30px 0 30px;
                font-size: 22px;
                color: #fff;
                line-height: 31px;
                background: url('../images/management/polygon_bg.png') no-repeat center top;
            }

                #contents ul.safety li h3 a {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    width: 142px;
                    height: 174px;
                    margin: 0 0 0 -101px;
                    padding: 28px 30px 0 30px;
                    font-size: 22px;
                    color: #fff;
                    line-height: 31px;
                    background: url('../images/management/polygon_bg.png') no-repeat center top;
                }

                #contents ul.safety li h3.two {
                    padding: 44px 30px 0 30px;
                }

                    #contents ul.safety li h3.two a {
                        padding: 44px 30px 0 30px;
                    }

            #contents ul.safety li p {
                min-height: 155px;
                margin-top: 75px;
                padding: 105px 70px 0 70px;
                font-size: 18px;
                font-weight: 300;
                color: #666;
                line-height: 27px;
                text-align: center;
                border: 10px solid #eee;
            }

    #contents div.element {
        margin-top: 60px;
        padding: 60px;
        font-size: 0;
        line-height: 0;
        text-align: center;
        background-color: #f6f6f6;
    }

        #contents div.element img {
            max-width: 100%;
        }

    #contents ul.certificate {
        overflow: hidden;
        width: 840px;
        margin: 55px auto 0 auto;
    }

        #contents ul.certificate li {
            float: left;
            width: 300px;
            margin: 0 60px 40px 60px;
        }

            #contents ul.certificate li div.img {
                padding: 4px;
                font-size: 0;
                line-height: 0;
                border: 1px solid #ccc;
            }

            #contents ul.certificate li p {
                margin-top: 15px;
                font-size: 16px;
                color: #666;
                line-height: 25px;
                text-align: center;
            }

            #contents ul.certificate li a {
                display: block;
                width: 200px;
                margin: 15px auto 0 auto;
                font-size: 16px;
                color: #fdb813;
                line-height: 41px;
                text-align: center;
                border: 2px solid #fdb813;
            }

                #contents ul.certificate li a:hover {
                    color: #fff;
                    background-color: #fdb813;
                }

    #contents div.education {
        margin-top: 85px;
        padding-top: 40px;
        border-top: 1px solid #ccc;
    }

        #contents div.education div.img {
            font-size: 0;
            line-height: 0;
        }

            #contents div.education div.img img {
                max-width: 100%;
            }

        #contents div.education div.slide {
            position: relative;
            margin-top: 32px;
            padding: 0 104px 0 87px;
            font-size: 0;
            line-height: 0;
        }

            #contents div.education div.slide em {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 16px;
                color: #666;
                line-height: 18px;
            }

            #contents div.education div.slide span {
                font-weight: 600;
                color: #333;
            }

            #contents div.education div.slide a {
                display: inline-block;
                width: 25%;
                height: 2px;
                margin: 8px 0;
                font-size: 0;
                line-height: 0;
                background-color: #e5e5e5;
            }

                #contents div.education div.slide a.on, #contents div.education div.slide a:hover {
                    background-color: #009e75;
                }

            #contents div.education div.slide div.btn {
                position: absolute;
                top: 0;
                right: 0;
                overflow: hidden;
                height: 18px;
            }

                #contents div.education div.slide div.btn a {
                    width: auto;
                    height: auto;
                    margin: 0 0 0 40px;
                    background: none;
                }

                    #contents div.education div.slide div.btn a:hover img {
                        margin-top: -18px;
                    }

    #contents ul.contribution {
        overflow: hidden;
        margin-top: 55px;
    }

        #contents ul.contribution li {
            float: left;
            position: relative;
            width: 50%;
            font-size: 0;
            line-height: 0;
        }

            #contents ul.contribution li.right {
                float: right;
            }

            #contents ul.contribution li img {
                width: 100%;
            }

            #contents ul.contribution li div.cont {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                min-height: 100%;
                background-color: rgba(0,0,0,0.7);
            }

                #contents ul.contribution li div.cont p.tit {
                    margin: 145px 0 0 50px;
                    font-size: 24px;
                    font-weight: 600;
                    color: #fff;
                    line-height: 33px;
                }

                #contents ul.contribution li div.cont p.txt {
                    margin: 10px 150px 0 50px;
                    font-size: 15px;
                    font-weight: 300;
                    color: #fff;
                    line-height: 24px;
                }

    #contents ul.build {
        overflow: hidden;
        padding-bottom: 40px;
    }

        #contents ul.build li {
            float: left;
            position: relative;
            width: 50%;
            margin-top: 60px;
            font-size: 0;
            line-height: 0;
        }

            #contents ul.build li.right {
                float: right;
            }

                #contents ul.build li.right p.tit {
                    margin-top: 118px;
                }

            #contents ul.build li.img1 {
                text-align: right;
            }

                #contents ul.build li.img1 div.point {
                    position: absolute;
                    bottom: -60px;
                    left: 0;
                }

            #contents ul.build li.img2 div.point {
                position: absolute;
                bottom: -40px;
                right: 0;
            }

            #contents ul.build li p.tit {
                margin: 55px 60px 0 0;
                padding-left: 90px;
                font-size: 30px;
                font-weight: 600;
                color: #189c76;
                line-height: 39px;
                background: url('../images/management/build_line.jpg') no-repeat left 7px;
            }

            #contents ul.build li p.txt {
                margin: 20px 60px 0 90px;
                font-size: 16px;
                font-weight: 300;
                color: #444;
                line-height: 30px;
            }

    #contents ul.status {
        margin-top: 40px;
    }

        #contents ul.status li {
            position: relative;
            padding-right: 244px;
        }

            #contents ul.status li:first-child div.subject {
                border-top: 2px solid #000;
            }

            #contents ul.status li div.subject {
                border-bottom: 1px solid #ccc;
                background: url('../images/pr/bullet.png') no-repeat 25px 23px;
            }

                #contents ul.status li div.subject a {
                    display: block;
                    padding: 12px 0 12px 45px;
                    font-size: 18px;
                    color: #666;
                    line-height: 27px;
                    background: url('../images/management/status_arrow.png') no-repeat right top;
                }

                #contents ul.status li div.subject select {
                    color: #009e75;
                    display: block;
                    font-size: 18px;
                    padding: 12px 0 12px 45px;
                    line-height: 27px;
                    width: 100%;
                    height: auto;
                    border: 0;
                    -webkit-appearance: none;
                    background: url(../images/management/status_arrow.png) no-repeat right top;
                }

                #contents ul.status li div.subject::-ms-expand {
                    display: none;
                }

                #contents ul.status li div.subject a:hover {
                    color: #009e75;
                    background: url('../images/management/status_arrow.png') no-repeat right -51px;
                }

            #contents ul.status li div.btn {
                position: absolute;
                top: 3px;
                right: 0;
            }

                #contents ul.status li div.btn a {
                    display: block;
                    width: 200px;
                    font-size: 18px;
                    font-weight: 600;
                    color: #009e75;
                    line-height: 43px;
                    text-align: center;
                    border: 2px solid #009e75;
                }

                    #contents ul.status li div.btn a:hover {
                        color: #fff;
                        background-color: #009e75;
                    }

    #contents div.job {
        position: relative;
        margin-top: 55px;
        padding: 90px 90px 90px 90px;
        background-color: #4da78a;
    }

        #contents div.job p.subject {
            margin-right: 350px;
            font-size: 130px;
            font-weight: 800;
            color: #fff;
            line-height: 159px;
        }

        #contents div.job div.logo {
            position: absolute;
            top: 66px;
            right: 90px;
            font-size: 0;
            line-height: 0;
        }

            #contents div.job div.logo img {
                height: 130px;
            }

        #contents div.job div.character {
            margin-top: -185px;
            padding-right: 35px;
            font-size: 0;
            line-height: 0;
            text-align: right;
        }

        #contents div.job div.box {
            overflow: hidden;
            margin-top: -35px;
            padding: 90px;
            border-radius: 30px;
            border: 4px solid #000;
            background-color: #fff;
        }

            #contents div.job div.box p.talent {
                margin: -90px -90px 0 -90px;
                padding: 75px 90px 55px 90px;
                font-size: 40px;
                font-weight: 600;
                color: #111;
                line-height: 49px;
                background-color: #f3f1f2;
            }

            #contents div.job div.box h3 {
                margin-top: 90px;
                padding: 0;
                font-size: 36px;
                font-weight: 600;
                color: #111;
                line-height: 45px;
                text-align: left;
                border-bottom: 4px solid #000;
                background: none;
            }

                #contents div.job div.box h3 span {
                    display: inline-block;
                    width: 210px;
                    margin-bottom: -4px;
                    padding-top: 30px;
                    text-align: center;
                    vertical-align: top;
                    border-top-left-radius: 30px;
                    border-top-right-radius: 30px;
                    border-top: 4px solid #000;
                    border-left: 4px solid #000;
                    border-right: 4px solid #000;
                    border-bottom: 4px solid #fff;
                }

            #contents div.job div.box ul.bullet {
                margin: 45px 0 0 43px;
            }

                #contents div.job div.box ul.bullet li {
                    padding-left: 15px;
                    font-size: 20px;
                    font-weight: 400;
                    color: #333;
                    line-height: 29px;
                    background: url('../images/pr/bullet.png') no-repeat left 12px;
                }

                    #contents div.job div.box ul.bullet li:first-child {
                        margin-top: 0;
                    }

            #contents div.job div.box table ul.bullet {
                margin: 0;
            }

            #contents div.job div.box div.btn {
                width: 200px;
                margin: 55px auto 0 auto;
                font-size: 0;
                line-height: 0;
            }

                #contents div.job div.box div.btn a {
                    display: block;
                    font-size: 20px;
                    font-weight: 600;
                    color: #111;
                    line-height: 53px;
                    text-align: center;
                    border-radius: 10px;
                    border: 4px solid #009e75;
                }

                    #contents div.job div.box div.btn a:hover {
                        color: #fff;
                        background-color: #009e75;
                    }

    #contents ul.support {
        margin: 50px 0 0 43px;
    }

        #contents ul.support li {
            position: relative;
            margin-top: 30px;
            padding-left: 170px;
            font-size: 20px;
            color: #333;
            line-height: 45px;
        }

            #contents ul.support li a {
                color: #333;
                line-height: 45px;
                vertical-align: top;
            }

            #contents ul.support li div {
                position: absolute;
                top: 0;
                left: 0;
                width: 131px;
                font-weight: 600;
                color: #fff;
                line-height: 45px;
                text-align: center;
                border-radius: 10px;
                background-color: #111;
            }

            #contents ul.support li ul {
                overflow: hidden;
            }

                #contents ul.support li ul li {
                    float: left;
                    margin: 0;
                    padding: 0;
                    width: 116px;
                    line-height: 41px;
                    text-align: center;
                    border-radius: 10px;
                    border: 2px solid #111;
                }

                    #contents ul.support li ul li.arrow {
                        width: 45px;
                        padding: 14px 0;
                        font-size: 0;
                        line-height: 0;
                        border: none;
                    }

    #contents div.policy {
        margin-top: 55px;
        padding: 35px 40px;
        font-size: 16px;
        color: #444;
        line-height: 30px;
        background-color: #f4f2f9;
    }

    #contents p.policy {
        margin-top: 30px;
        font-size: 16px;
        font-weight: 300;
        color: #333;
        line-height: 25px;
    }

    #contents ul.policy {
        margin-top: 30px;
    }

        #contents ul.policy li {
            margin-top: 10px;
            font-size: 16px;
            font-weight: 300;
            color: #333;
            line-height: 25px;
        }

            #contents ul.policy li p.cont {
                margin: 10px 0 0 15px;
                font-size: 14px;
                line-height: 23px;
            }

    #contents ul.article {
        overflow: hidden;
        margin-top: 35px;
        padding: 25px 0;
        border-top: 2px solid #111;
        border-bottom: 1px solid #ddd;
    }

        #contents ul.article li {
            float: left;
            width: 50%;
        }

            #contents ul.article li a {
                display: block;
                padding: 10px 0 10px 40px;
                font-size: 18px;
                color: #333;
                line-height: 27px;
            }

    #contents div.reason {
        position: relative;
        margin-top: 55px;
        padding: 35px 40px;
        font-size: 16px;
        font-weight: 300;
        color: #333;
        line-height: 30px;
        border: 1px solid #333;
    }

        #contents div.reason span {
            position: absolute;
            top: -30px;
            left: 50%;
            margin-left: -205px;
            padding: 15px 20px;
            font-size: 18px;
            line-height: 27px;
            border: 1px solid #333;
            background-color: #f5f5f5;
        }

    #contents div.Inq {
        border-top: 1px solid #000;
        border-bottom: 1px solid #ddd;
        height: 149px;
        margin-top: 44px;
    }

        #contents div.Inq p.tit {
            padding: 2% 0 0 0;
            font-size: 20px;
            color: #333;
            line-height: 29px;
            margin: 0 2%;
        }

        #contents div.Inq div.guide {
            margin: 2% 2%;
            font-size: 16px;
            font-weight: 300;
            color: #444;
            line-height: 30px;
            display: inline-block;
        }

            #contents div.Inq div.guide img {
                float: left;
            }

            #contents div.Inq div.guide span {
                margin-left: 10px;
            }

    #contents div.technology {
        margin: 0 50px;
    }

    #contents div.data {
        overflow: hidden;
        margin-top: 25px;
    }

        #contents div.data ul {
            float: left;
            width: 540px;
            margin-left: 100px;
            border-top: 2px solid #000;
        }

            #contents div.data ul:first-child {
                margin-left: 0;
            }

            #contents div.data ul li {
                border-bottom: 1px solid #ddd;
                padding: 25px 0;
            }

                #contents div.data ul li strong {
                    font-weight: 600;
                    color: #009e75;
                    position: absolute;
                    font-size: 10px;
                    margin: 7px 0 0 25px;
                }

                #contents div.data ul li a {
                    display: block;
                    position: relative;
                    padding-left: 57px;
                    font-size: 18px;
                    color: #333;
                }

                    #contents div.data ul li a:hover {
                        color: #009e75;
                        text-decoration: underline;
                    }

/* footer */
#footer {
    width: 100%;
    background-color: #0f181f;
}

    #footer div.wrap {
        overflow: hidden;
        padding: 40px 0 35px 0;
    }

    #footer div.flogo {
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    #footer ul.add {
        overflow: hidden;
        margin-top: 35px;
    }

        #footer ul.add li {
            position: relative;
            float: left;
            margin-left: 50px;
            padding-left: 115px;
            font-size: 16px;
            font-weight: 300;
            color: #7d858c;
            line-height: 25px;
        }

            #footer ul.add li:first-child {
                margin: 0;
            }

            #footer ul.add li strong {
                position: absolute;
                top: 0;
                left: 0;
                font-weight: 600;
                color: #b1b5b8;
            }

    #footer div.family {
        position: absolute;
        bottom: 40px;
        right: 100px;
        width: 230px;
        margin-top: 35px;
        border: 1px solid #67696c;
        background: url('../images/common/family_arrow.png') no-repeat 190px 14px #4b5257;
    }

        #footer div.family a {
            display: block;
            font-size: 14px;
            font-weight: 300;
            color: #fff;
            line-height: 33px;
            text-align: center;
        }

    #footer div.fmenu {
        margin-top: 30px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        #footer div.fmenu a {
            display: inline;
            margin-left: 10px;
            padding-left: 11px;
            font-size: 14px;
            color: #85bdbb;
            line-height: 23px;
            background: url('../images/common/fmenu_line.jpg') no-repeat left 5px;
        }

            #footer div.fmenu a:first-child {
                margin-left: 0;
                padding-left: 0;
                background: none;
            }

    #footer address {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        color: #545e66;
        line-height: 21px;
        text-align: center;
    }

    #footer ul#fsiteList {
        overflow: auto;
        max-height: 200px;
        position: absolute;
        width: 232px;
        bottom: 38px;
        background: #4b5257;
        border: 1px solid #67696c;
        font-size: 14px;
    }

        #footer ul#fsiteList li {
            padding: 4px 0;
        }

            #footer ul#fsiteList li a:hover {
                background: #fff;
                color: #333;
                font-weight: 600;
            }

/* expand */
#expand {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: rgba(75,75,75,0.7);
    z-index: 9999;
}

    #expand div.close {
        width: 1200px;
        margin: 50px auto 0 auto;
        font-size: 0;
        line-height: 0;
        text-align: right;
    }

    #expand div.close2 {
        width: 490px;
        margin: 50px auto 0 auto;
        font-size: 0;
        line-height: 0;
        text-align: right;
    }

    #expand div.img {
        overflow: hidden;
        position: relative;
        width: 1160px;
        margin: 10px auto 0 auto;
        padding: 20px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }

    #expand div.certificate {
        overflow: hidden;
        position: relative;
        width: 450px;
        margin: 10px auto 0 auto;
        padding: 20px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }

/* popup */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: rgba(75,75,75,0.7);
    z-index: 9999;
}

    #popup div.box {
        overflow: hidden;
        position: relative;
        width: 980px;
        margin: 110px auto 0 auto;
        padding: 50px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }

    #popup div.close {
        position: absolute;
        top: 30px;
        right: 50px;
        font-size: 0;
        line-height: 0;
    }

    #popup div.img {
        float: left;
        width: 500px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        #popup div.img img {
            max-width: 500px;
            max-height: 400px;
        }

        #popup div.img div.tap {
            margin-top: 25px;
        }

            #popup div.img div.tap a {
                display: inline-block;
                margin: 0 5px;
                padding-bottom: 6px;
                font-size: 16px;
                font-weight: 300;
                color: #fbba1d;
                line-height: 25px;
            }

                #popup div.img div.tap a.on, #popup div.img div.tap a:hover {
                    padding-bottom: 5px;
                    border-bottom: 1px solid #fbba1d;
                }

    #popup div.cont {
        float: right;
        width: 440px;
    }

        #popup div.cont p.tit {
            width: 100%;
            margin-top: 25px;
            font-size: 35px;
            font-weight: 600;
            color: #298658;
            line-height: 44px;
            text-align: center;
        }

            #popup div.cont p.tit span {
                display: inline-block;
                padding-bottom: 8px;
                border-bottom: 1px solid #288253;
            }

        #popup div.cont p.txt {
            margin-top: 30px;
            padding: 15px 20px;
            font-size: 14px;
            font-weight: 300;
            color: #444;
            line-height: 21px;
            border-radius: 10px;
            background-color: #f4f4f4;
        }

@media screen and (max-width: 1280px) {
    .wrap {
        margin: 0 auto;
        width: auto;
    }

    .wrap2 {
        margin: 0 auto;
        width: 980px;
    }

    #header div.language {
        margin: 43px 30px 0 0;
    }

    #gnb {
        padding-left: 37px;
    }

        #gnb li {
            margin-left: 40px;
            font-size: 18px;
        }

            #gnb li ul {
                width: 100%;
                padding: 10px 0;
            }

                #gnb li ul li {
                    font-size: 14px;
                }

                    #gnb li ul li a {
                        line-height: 23px;
                    }

            #gnb li.company ul {
                margin-left: 0;
            }

            #gnb li.product ul {
                margin-left: 105px;
            }

            #gnb li.management ul {
                margin-left: 226px;
            }

            #gnb li.pr ul {
                margin-left: 347px;
            }

            #gnb li.customer ul {
                margin-left: 452px;
            }

    #sitemap ul.sitemap li {
        margin-left: 60px;
    }

        #sitemap ul.sitemap li:first-child {
            margin-left: 0;
        }

    #main div.wrap {
        width: auto;
    }

    .Location ul li a {
        padding-left: 30px;
    }

    .Location ul li.depth-first {
        width: 320px;
    }

        .Location ul li.depth-first a {
            padding-left: 70px;
            background: url('../images/common/home_icon.png') no-repeat 30px 20px;
        }

    .Location ul li.depth-middle {
        width: 330px;
        background: /*url('../images/common/home_arrow1.png') no-repeat*/ 279px 20px #ddd;
    }

    .Location ul li.depth-last {
        width: 330px;
        background: url('../images/common/home_arrow2.png') no-repeat 279px 20px #009e75;
    }

    #contents {
        width: 980px;
    }

        #contents div.company p.tit {
            margin: 55px 50px 0 50px;
        }

        #contents div.company p.txt {
            margin: 50px 50px 55px 50px;
        }

        #contents ul.outline {
            width: 900px;
        }

            #contents ul.outline li {
                width: 260px;
                padding: 35px 10px 40px 10px;
            }

                #contents ul.outline li p.tit {
                    font-size: 20px;
                    line-height: 29px;
                }

                #contents ul.outline li p.txt {
                    height: 58px;
                    font-size: 24px;
                    line-height: 29px;
                }

                    #contents ul.outline li p.txt em {
                        font-size: 18px;
                        line-height: 27px;
                    }

        #contents ul.history li {
            position: relative;
            padding: 95px 0 115px 0;
        }

            #contents ul.history li div.year {
                float: none;
                position: absolute;
                top: 115px;
                left: 0;
            }

            #contents ul.history li ul.cont {
                float: none;
                width: auto;
                margin-left: 360px;
            }

                #contents ul.history li ul.cont li {
                    margin-top: 20px;
                }

                    #contents ul.history li ul.cont li:first-child {
                        margin-top: 20px;
                    }

                    #contents ul.history li ul.cont li.mg1 {
                        margin-top: 20px;
                    }

                    #contents ul.history li ul.cont li.mg2 {
                        margin-top: 20px;
                    }

                    #contents ul.history li ul.cont li.mg3 {
                        margin-top: 20px;
                    }

                    #contents ul.history li ul.cont li.mg4 {
                        margin-top: 20px;
                    }

        #contents div.greeting {
            padding-right: 500px;
        }

            #contents div.greeting div.logo {
                padding: 50px 0 88px 60px;
            }

        #contents ul.tap li {
            width: 327px;
        }

            #contents ul.tap li:first-child {
                width: 326px;
            }

            #contents ul.tap li.bisection {
                width: 490px;
            }

            #contents ul.tap li.quadrisection {
                width: 245px;
            }

            #contents ul.tap li a {
                font-size: 16px;
            }

        #contents ul.workplace li {
            width: 32%;
            margin-left: 2%;
        }

            #contents ul.workplace li.office1 {
                width: 23.5%;
                margin-left: 0;
            }

            #contents ul.workplace li.office2 {
                width: 23.5%;
                margin-left: 2%;
            }

            #contents ul.workplace li img {
                width: 100%;
            }

        #contents div.signature img {
            width: 44%;
            margin-left: 40px;
        }

        #contents ul.palette li {
            width: 228px;
            height: 280px;
        }

            #contents ul.palette li div.logo img {
                max-width: 100%;
            }

            #contents ul.palette li p.color {
                margin-left: 20px;
            }

            #contents ul.palette li ul.color {
                margin: 25px 0 0 20px;
            }

                #contents ul.palette li ul.color li {
                    font-size: 14px;
                }

        #contents ul.affiliate li {
            padding: 40px 0 40px 420px;
        }

            #contents ul.affiliate li div.img {
                left: 0;
                width: 380px;
            }

                #contents ul.affiliate li div.img img {
                    width: 100%;
                }

                #contents ul.affiliate li div.img a:hover span img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 56px;
                    margin: -28px 0 0 -28px;
                }

        #contents ul.cement li {
            float: none;
            width: auto;
            margin: 60px 0 0 0;
        }

        #contents div.cement {
            padding-left: 260px;
        }

            #contents div.cement div.img img {
                max-width: 100%;
            }

            #contents div.cement p.txt em {
                display: block;
                margin: 10px 0 0 0;
            }

        #contents ul.physical li {
            float: none;
            width: 100%;
            margin: 20px 0 0 0;
        }

            #contents ul.physical li:first-child {
                margin: 15px 0 0 0;
            }

        #contents div.process {
            width: 860px;
        }

            #contents div.process div.more1 {
                top: 76px;
                left: 440px;
            }

            #contents div.process div.more2 {
                top: 190px;
                left: 685px;
            }

            #contents div.process div.more3 {
                top: 320px;
                left: 505px;
            }

            #contents div.process div.more4 {
                top: 200px;
                left: 0;
            }

            #contents div.process div.more5 {
                top: 575px;
                left: 455px;
            }

        #contents ul.process li {
            width: 18.8%;
            height: 114px;
            margin-left: 1.5%;
        }

            #contents ul.process li img {
                max-width: 100%;
            }

            #contents ul.process li.on img, #contents ul.process li:hover img {
                margin-top: -114px;
            }

        #contents ul.news li {
            width: 470px;
            margin: 40px 0 0 40px;
        }

        #contents ul.community li {
            width: 32%;
            margin: 55px 0 0 2%;
        }

        #contents div.title span {
            margin-right: 30px;
        }

        #contents div.title strong {
            left: 0;
        }

        #contents div.view p {
            margin: 20px 0 0 0;
        }

        #contents ul.welfare li {
            width: 240px;
            padding: 55px 0 55px 250px;
        }

            #contents ul.welfare li div.icon {
                width: 250px;
            }

        #contents div.nurture {
            margin-top: 0;
            border: none;
            background: none;
        }

        #contents ul.nurture {
            margin-top: 25px;
            border-top: 2px solid #000;
        }

            #contents ul.nurture li {
                float: none;
                width: auto;
                height: auto;
                margin: 0;
                padding: 35px 40px;
                text-align: left;
                border-bottom: 1px solid #ddd;
            }

                #contents ul.nurture li.right {
                    width: auto;
                    margin: 0;
                }

                #contents ul.nurture li p.txt {
                    margin-top: 15px;
                }

        #contents ul.safety {
            width: 100%;
        }

            #contents ul.safety li {
                width: 46%;
                margin: 40px 2% 0 2%;
            }

                #contents ul.safety li p {
                    padding: 105px 20px 0 20px;
                }

        #contents ul.contribution li div.cont p.tit {
            margin: 100px 0 0 30px;
        }

        #contents ul.contribution li div.cont p.txt {
            margin: 10px 30px 0 30px;
        }

        #contents ul.build li.right p.tit {
            margin-top: 95px;
        }

        #contents ul.build li img {
            width: 80%;
        }

        #contents ul.build li p.tit {
            margin: 55px 0 0 0;
        }

        #contents ul.build li p.txt {
            margin: 20px 0 0 90px;
        }

        #contents div.technology {
            margin: 0;
        }

        #contents div.data ul {
            width: 465px;
            margin-left: 50px;
        }

    #footer div.foot {
        width: 390px;
    }

        #footer div.foot ul.add {
            margin-top: 35px;
        }

            #footer div.foot ul.add li {
                padding-left: 100px;
                font-size: 14px;
                line-height: 23px;
            }

        #footer div.foot div.fmenu a {
            font-size: 13px;
            line-height: 22px;
        }

        #footer div.foot address {
            font-size: 13px;
            line-height: 20px;
        }

    #footer ul.sitemap li {
        margin-left: 25px;
    }

        #footer ul.sitemap li div.m-menu {
            font-size: 16px;
            line-height: 25px;
        }

        #footer ul.sitemap li ul.s-menu {
            margin-top: 27px;
        }

            #footer ul.sitemap li ul.s-menu li a {
                font-size: 14px;
                line-height: 28px;
            }

    #footer ul.add li {
        margin-left: 15px;
        padding-left: 93px;
    }

    #expand div.close {
        width: 980px;
    }

    #expand div.img {
        width: 940px;
    }

        #expand div.img img {
            width: 100%;
            height: auto;
        }

    #popup div.box {
        width: 880px;
    }

    #popup div.img {
        width: 400px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1130px) {
    #footer div.flogo {
        display: none;
    }

    #footer ul.add {
        margin-top: 0;
    }

        #footer ul.add li {
            float: none;
            margin: 5px 0 0 0;
            padding-left: 100px;
        }

            #footer ul.add li strong {
                position: absolute;
                top: 0;
                left: 0;
            }

    #footer div.family {
        position: static;
        width: auto;
        margin-top: 25px;
        background: url('../images/mobile/family_arrow.png') no-repeat 95% 13px #4b5257;
        background-size: auto 7px;
    }

    #footer div.fmenu {
        margin-top: 25px;
        text-align: center;
    }

    #footer address {
        text-align: center;
    }

    #footer ul.sitemap {
        display: none;
    }

    #footer ul#fsiteList {
        width: 100%;
        bottom: 141px;
    }
}

@media screen and (max-width: 1100px) {
    #gnb {
        padding-left: 120px;
    }
}

@media screen and (max-width: 980px) {
    .wrap {
        margin: 0 auto;
        width: auto !important;
    }

    .wrap2 {
        margin: 0 auto;
        width: 750px;
    }

    #header {
        height: auto;
    }

        #header h1 {
            position: static;
            float: none;
            margin: 19px 0;
            text-align: center;
        }

        #header div.language {
            float: none;
            position: absolute;
            top: 21px;
            right: 0;
            margin: 0;
        }

            #header div.language a {
                text-decoration: underline;
            }

                #header div.language a img {
                    display: none;
                }

        #header div.sitemap {
            display: none;
        }

        #header div.side {
            display: block;
            position: absolute;
            top: 26px;
            left: 0;
        }

            #header div.side img {
                height: 20px;
            }

    #gnb {
        display: none;
    }

    .Location ul li.depth-first {
        width: 250px;
    }

    .Location ul li.depth-middle {
        width: 250px;
        background: /*url('../images/common/home_arrow1.png')*/ no-repeat 199px 20px #ddd;
    }

    .Location ul li.depth-last {
        width: 250px;
        background: url('../images/common/home_arrow2.png') no-repeat 199px 20px #009e75;
    }

    #contents {
        width: 750px;
    }

        #contents div.company p.tit {
            margin: 55px 30px 0 30px;
        }

        #contents div.company p.txt {
            margin: 50px 30px 55px 30px;
        }

        #contents ul.outline {
            width: auto;
            margin: 45px 20px -20px 20px;
        }

            #contents ul.outline li {
                float: none;
                width: auto;
            }

                #contents ul.outline li p.txt {
                    height: auto;
                    margin: 20px 0 0 0;
                }

                    #contents ul.outline li p.txt em.top {
                        margin-top: 0;
                    }

        #contents ul.history li ul.cont {
            margin-left: 260px;
        }

        #contents p.intro em {
            display: inline;
        }

        #contents p.explain em {
            display: inline;
        }

        #contents div.greeting {
            padding-right: 0;
        }

            #contents div.greeting div.logo {
                display: none;
            }

        #contents ul.philosophy {
            width: 750px;
            background-size: 100%;
        }

            #contents ul.philosophy li {
                width: 200px;
            }

        #contents ul.tap li {
            width: 250px;
        }

            #contents ul.tap li:first-child {
                width: 250px;
            }

            #contents ul.tap li.bisection {
                width: 375px;
            }

            #contents ul.tap li.quadrisection {
                width: 187.5px;
            }

        #contents div.signature img {
            width: 44%;
            margin-left: 30px;
        }

        #contents ul.palette li {
            width: 172px;
            height: 270px;
            margin: 20px 0 0 18px;
        }

        #contents ul.affiliate li {
            padding: 40px 0;
        }

            #contents ul.affiliate li div.img {
                position: static;
                width: 100%;
                margin-top: 30px;
            }

        #contents div.border {
            padding: 0 30px 30px 30px;
        }

        #contents div.process {
            width: 690px;
        }

            #contents div.process div.more1 {
                top: 55px;
                left: 355px;
            }

            #contents div.process div.more2 {
                top: 140px;
                left: 540px;
            }

            #contents div.process div.more3 {
                top: 250px;
                left: 405px;
            }

            #contents div.process div.more4 {
                top: 150px;
                left: 0;
            }

            #contents div.process div.more5 {
                top: 455px;
                left: 365px;
            }

        #contents ul.process li {
            width: 18.8%;
            height: 91px;
            margin-left: 1.5%;
        }

            #contents ul.process li img {
                max-width: 100%;
            }

            #contents ul.process li.on img, #contents ul.process li:hover img {
                margin-top: -91px;
            }

        #contents ul.news li {
            overflow: hidden;
            float: none;
            width: auto;
            margin: 40px 0 0 0;
        }

        #contents div.title {
            text-align: left;
        }

            #contents div.title strong {
                position: static;
                display: block;
                margin-bottom: 5px;
            }

        #contents ul.welfare li {
            float: none;
            width: auto;
            min-height: 144px;
        }

        #contents ul.safety li {
            overflow: hidden;
            float: none;
            width: auto;
            margin: 40px 0 0 0;
        }

            #contents ul.safety li p {
                min-height: 0;
                padding: 105px 20px 40px 20px;
            }

        #contents ul.certificate {
            width: 740px;
        }

            #contents ul.certificate li {
                margin: 0 35px;
            }

        #contents ul.contribution li div.cont p.tit {
            margin: 40px 0 0 30px;
        }

        #contents ul.build {
            padding-bottom: 0;
        }

            #contents ul.build li {
                float: none;
                width: 100%;
                margin-top: 60px;
            }

                #contents ul.build li.right {
                    float: none;
                }

                    #contents ul.build li.right p.tit {
                        margin-top: 55px;
                    }

                #contents ul.build li img {
                    width: 100%;
                }

                #contents ul.build li.img1 div.point {
                    display: none;
                }

                #contents ul.build li.img2 div.point {
                    display: none;
                }

                #contents ul.build li p.tit {
                    margin: 55px 0 0 0;
                }

                #contents ul.build li p.txt {
                    margin: 20px 0 0 90px;
                }

        #contents ul.status li {
            padding-right: 0;
        }

            #contents ul.status li div.subject {
                border-bottom: none;
            }

            #contents ul.status li div.btn {
                position: static;
            }

                #contents ul.status li div.btn a {
                    width: auto;
                }

            #contents ul.status li div.subject select {
                font-size: 14px;
            }

        #contents div.data ul {
            float: none;
            width: 100%;
            margin: 0;
            border-top: none;
        }

            #contents div.data ul:first-child {
                border-top: 2px solid #000;
            }

            #contents div.data ul li strong {
                margin: 13px 0 0 25px;
            }

    #footer div.flogo {
        display: none;
    }

    #footer ul.add {
        margin-top: 0;
    }

        #footer ul.add li {
            float: none;
            margin: 5px 0 0 0;
            padding-left: 100px;
        }

            #footer ul.add li strong {
                position: absolute;
                top: 0;
                left: 0;
            }

    #footer div.family {
        position: static;
        width: auto;
        margin-top: 25px;
        background: url('../images/mobile/family_arrow.png') no-repeat 95% 13px #4b5257;
        background-size: auto 7px;
    }

    #footer div.fmenu {
        margin-top: 25px;
        text-align: left;
    }

    #footer address {
        text-align: left;
    }

    #footer ul.sitemap {
        display: none;
    }

    #expand div.close {
        width: 750px;
    }

    #expand div.img {
        width: 710px;
    }

    #popup div.box {
        width: 650px;
        margin: 50px auto 0 auto;
    }

    #popup div.img {
        float: none;
        width: 100%;
        margin-top: 30px;
    }

    #popup div.cont {
        float: none;
        width: 100%;
    }

        #popup div.cont p.tit {
            margin-top: 0;
        }
}

@media screen and (max-width: 768px) {
    .wrap {
        width: auto;
        margin: 0 20px;
    }

    .wrap2 {
        width: auto;
        margin: 0;
    }

    #header h1 {
        margin: 10px 0;
    }

        #header h1 img {
            height: 50px;
        }

    #header div.language {
        top: 15px;
    }

        #header div.language a {
            line-height: 20px;
        }

    #header div.sitemap {
        display: none;
    }

    #header div.side {
        top: 15px;
        left: 0;
    }

        #header div.side img {
            height: 20px;
        }

    #sub1 {
        height: 145px;
        padding-top: 55px;
    }

    #sub2 {
        height: 145px;
        padding-top: 55px;
    }

    #sub3 {
        height: 145px;
        padding-top: 55px;
    }

    #sub4 {
        height: 145px;
        padding-top: 55px;
    }

        #sub1 div.typo, #sub2 div.typo, #sub3 div.typo, #sub4 div.typo {
            font-size: 15px;
            line-height: 24px;
        }

            #sub1 div.typo strong, #sub2 div.typo strong, #sub3 div.typo strong, #sub4 div.typo strong {
                margin-bottom: 5px;
                font-size: 30px;
                line-height: 39px;
            }

    #mobileMenu div.top h1 {
        padding: 10px 0;
    }

        #mobileMenu div.top h1 img {
            height: 50px;
        }

    #mobileMenu div.top div.close img {
        height: 70px;
    }

    #mobileMenu div.top div.language {
        top: 10px;
        right: 20px;
    }

        #mobileMenu div.top div.language a {
            font-size: 16px;
            line-height: 50px;
        }

    #mobileMenu ul.gnb {
        margin: 20px 0;
    }

        #mobileMenu ul.gnb li a {
            height: 59px;
            padding-left: 25px;
            font-size: 20px;
            line-height: 59px;
        }

            #mobileMenu ul.gnb li a img {
                height: 118px;
                margin-left: 10px;
            }

        #mobileMenu ul.gnb li div {
            height: 59px;
            padding-left: 25px;
            font-size: 20px;
            line-height: 59px;
        }

            #mobileMenu ul.gnb li div img {
                height: 118px;
                margin-left: 25px;
            }

        #mobileMenu ul.gnb li.on a img {
            margin-top: -59px;
        }

        #mobileMenu ul.gnb li.on div img {
            margin-top: -59px;
        }

        #mobileMenu ul.gnb li.on .sub_gnb {
            padding: 10px 0;
        }

            #mobileMenu ul.gnb li.on .sub_gnb a {
                font-size: 16px;
                line-height: 35px;
            }

    .Location {
        top: 56px;
        background-color: #eee;
    }

        .Location .Location-inner {
            height: 42px;
        }

        .Location ul li a {
            padding-left: 15px;
            font-size: 13px;
            line-height: 42px;
        }

        .Location ul li .depth-in li a {
            padding: 0 0 0 15px;
            font-size: 13px;
            line-height: 42px;
        }

        .Location ul li.depth-first {
            width: 15%;
        }

            .Location ul li.depth-first a {
                padding: 42px 0 0 45px;
                font-size: 0;
                line-height: 0;
                background: url('../images/common/home_icon.png') no-repeat center 14px;
                background-size: auto 14px;
            }

        .Location ul li.depth-middle {
            width: 42.5%;
            background: /*url('../images/common/home_arrow1.png') no-repeat*/ 88% 14px #ddd;
            background-size: auto 14px;
        }

        .Location ul li.depth-last {
            width: 42.5%;
            background: url('../images/common/home_arrow2.png') no-repeat 88% 14px #009e75;
            background-size: auto 14px;
        }

    .idxlink {
        display: block;
    }

    .mgtop1 {
        margin-top: 20px !important;
    }

    .mgtop3 {
        margin: 10px 0 -3px 0 !important;
    }

    .mgtop4 {
        margin-top: 10px !important;
    }

    .mgtop5 {
        margin-top: 15px !important;
    }

    .mgtop6 {
        margin-top: 10px !important;
    }

    #contents {
        width: auto;
        margin: 45px 20px 50px 20px;
    }

        #contents h2 {
            font-size: 24px;
            line-height: 33px;
        }

        #contents h3 {
            margin-top: 30px;
            padding-top: 15px;
            font-size: 18px;
            line-height: 27px;
        }

            #contents h3.bn {
                margin-top: 25px;
            }

        #contents div.company {
            margin-top: 25px;
            padding-top: 5px;
        }

            #contents div.company p.intro {
                margin: 20px 20px 0 20px;
            }

            #contents div.company p.tit {
                margin: 15px 15px 0 15px;
                font-size: 15px;
                line-height: 24px;
            }

            #contents div.company p.txt {
                margin: 20px 15px 25px 15px;
                font-size: 13px;
                line-height: 22px;
                text-align: center;
            }

        #contents ul.outline {
            margin: 15px 10px -10px 10px;
            padding-bottom: 10px;
        }

            #contents ul.outline li {
                padding: 15px 20px 20px 20px;
                box-shadow: 0 5px 10px rgba(0,0,0,0.1);
            }

                #contents ul.outline li p.tit {
                    font-size: 15px;
                    line-height: 24px;
                }

                #contents ul.outline li p.txt {
                    margin: 5px 0 0 0;
                    font-size: 18px;
                    line-height: 27px;
                }

                    #contents ul.outline li p.txt em {
                        font-size: 14px;
                        line-height: 23px;
                    }

                #contents ul.outline li div.icon {
                    margin-top: 10px;
                }

                    #contents ul.outline li div.icon img {
                        height: 40px;
                    }

        #contents p.unit {
            font-size: 13px;
            line-height: 22px;
        }

        #contents ul.year {
            margin-top: 20px;
        }

            #contents ul.year li {
                padding-bottom: 14px;
            }

                #contents ul.year li a {
                    padding-bottom: 22px;
                    font-size: 12px;
                    line-height: 22px;
                    border-bottom: 1px solid #f2f3fa;
                }

                    #contents ul.year li a span {
                        bottom: -13px;
                        height: 25px;
                    }

                        #contents ul.year li a span img {
                            height: 50px;
                        }

                    #contents ul.year li a.on, #contents ul.year li a:hover {
                        border-bottom: 1px solid #009e75;
                    }

                        #contents ul.year li a.on span img, #contents ul.year li a:hover span img {
                            margin-top: -25px;
                        }

        #contents ul.history {
            border-bottom: 1px solid #ccc;
        }

            #contents ul.history li {
                padding: 20px 0 27px 0;
            }

                #contents ul.history li div.year {
                    top: 24px;
                    width: auto;
                    margin: 0;
                    font-size: 30px;
                    line-height: 35px;
                }

                    #contents ul.history li div.year em {
                        font-size: 24px;
                    }

                #contents ul.history li ul.cont {
                    margin-left: 105px;
                    border: none;
                }

                    #contents ul.history li ul.cont li {
                        margin-top: 7px;
                        padding: 0 0 0 45px;
                        font-size: 13px;
                        line-height: 20px;
                    }

                        #contents ul.history li ul.cont li:first-child {
                            margin-top: 7px;
                        }

                        #contents ul.history li ul.cont li.mg1 {
                            margin-top: 7px;
                        }

                        #contents ul.history li ul.cont li.mg2 {
                            margin-top: 7px;
                        }

                        #contents ul.history li ul.cont li.mg3 {
                            margin-top: 7px;
                        }

                        #contents ul.history li ul.cont li.mg4 {
                            margin-top: 7px;
                        }

        #contents p.intro {
            margin-top: 20px;
            font-size: 18px;
            line-height: 27px;
        }

        #contents p.explain {
            margin-top: 5px;
            font-size: 14px;
            line-height: 23px;
        }

            #contents p.explain strong {
                margin-top: 10px;
                font-size: 14px;
                line-height: 23px;
            }

        #contents p.guide {
            margin-top: 20px;
            font-size: 13px;
            line-height: 22px;
        }

            #contents p.guide strong {
                margin-bottom: 10px;
                font-size: 16px;
                line-height: 25px;
            }

        #contents div.greeting {
            margin-top: 20px;
            font-size: 13px;
            line-height: 22px;
            text-align: center;
        }

            #contents div.greeting span {
                margin-bottom: 20px;
                font-size: 16px;
                line-height: 25px;
            }

            #contents div.greeting em {
                margin-top: 20px;
                font-size: 14px;
                line-height: 23px;
            }

                #contents div.greeting em img {
                    height: 43px;
                    margin: -10px 0 0 20px;
                }

        #contents div.vision {
            margin-top: 25px;
            padding: 5px 15px 30px 15px;
        }

            #contents div.vision p.explain {
                margin: 5px 0 30px 0;
                padding-bottom: 25px;
            }

        #contents ul.philosophy {
            width: 100%;
            margin: 0;
            background: none;
        }

            #contents ul.philosophy li {
                float: none;
                width: auto;
                margin-top: 25px;
                padding: 0;
                font-size: 13px;
                line-height: 22px;
            }

                #contents ul.philosophy li strong {
                    margin-bottom: 10px;
                    font-size: 16px;
                    line-height: 35px;
                    border-radius: 10px;
                    border: 2px solid #47bba9;
                }

        #contents ul.tap {
            display: none;
        }

        #contents ul.workplace {
            margin-top: 10px;
        }

            #contents ul.workplace li {
                float: none;
                width: 100%;
                margin: 10px 0 0 0;
            }

                #contents ul.workplace li.office1 {
                    width: 100%;
                    margin: 10px 0 0 0;
                }

                #contents ul.workplace li.office2 {
                    width: 100%;
                    margin: 10px 0 0 0;
                }

                #contents ul.workplace li p {
                    margin-top: 5px;
                    font-size: 13px;
                    line-height: 22px;
                }

        #contents div.ci {
            margin-top: 15px;
            padding: 20px 0;
            background-size: 10px;
        }

            #contents div.ci img {
                width: 70%;
            }

        #contents div.signature {
            margin-top: 15px;
            padding: 10px 0;
            text-align: center;
        }

            #contents div.signature img {
                display: inline-block;
                width: 70%;
                margin: 10px 0;
            }

        #contents ul.palette {
            margin-top: 5px;
        }

            #contents ul.palette li {
                width: 48.5%;
                margin: 15px 0 0 3%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

                #contents ul.palette li.first {
                    margin: 15px 0 0 0;
                }

                #contents ul.palette li.first2 {
                    margin: 15px 0 0 0;
                }

                #contents ul.palette li p.color {
                    margin-left: 15px;
                    font-size: 13px;
                    line-height: 20px;
                }

                #contents ul.palette li ul.color {
                    margin: 15px 0 0 15px;
                }

                    #contents ul.palette li ul.color li {
                        margin: 10px 0 0 0;
                        font-size: 11px;
                        line-height: 12px;
                    }

                        #contents ul.palette li ul.color li span {
                            width: 12px;
                            height: 12px;
                            margin-right: 5px;
                        }

        #contents ul.affiliate {
            margin-top: 30px;
        }

            #contents ul.affiliate li {
                padding: 20px 0 30px 0;
            }

                #contents ul.affiliate li div.img {
                    margin-top: 20px;
                }

                    #contents ul.affiliate li div.img a {
                        margin-top: 10px;
                    }

                        #contents ul.affiliate li div.img a:hover span img {
                            width: 40px;
                            margin: -20px 0 0 -20px;
                        }

                #contents ul.affiliate li div.name {
                    font-size: 18px;
                    line-height: 37px;
                }

                    #contents ul.affiliate li div.name a {
                        width: 126px;
                        font-size: 14px;
                        line-height: 33px;
                    }

                #contents ul.affiliate li p.txt {
                    min-height: 0;
                    margin-top: 15px;
                    font-size: 13px;
                    line-height: 22px;
                }

                    #contents ul.affiliate li p.txt span {
                        margin-bottom: 10px;
                        font-size: 15px;
                        line-height: 24px;
                    }

        #contents div.overseas {
            margin-top: 25px;
        }

        #contents ul.cement {
            margin-top: 30px;
        }

            #contents ul.cement li {
                margin: 20px 0 0 0;
            }

                #contents ul.cement li.first {
                    margin: 0;
                }

                #contents ul.cement li a {
                    min-height: 0;
                    padding: 15px 20px 20px 20px;
                }

                    #contents ul.cement li a div.img {
                        position: static;
                        width: 100%;
                        margin-top: 15px;
                    }

                        #contents ul.cement li a div.img img {
                            width: 100%;
                        }

                        #contents ul.cement li a div.img span {
                            font-size: 13px;
                            line-height: 32px;
                        }

                    #contents ul.cement li a p.tit {
                        margin-top: 0;
                        font-size: 16px;
                        line-height: 25px;
                    }

                    #contents ul.cement li a p.txt {
                        margin-top: 10px;
                        font-size: 13px;
                        line-height: 22px;
                    }

        #contents div.cement {
            margin-top: 30px;
            padding-left: 0;
        }

            #contents div.cement h3 {
                position: static;
                width: auto;
                margin: 0;
                padding: 25px 0 0 20px;
                font-size: 18px;
                line-height: 27px;
                border-top: none;
                background: url('../images/product/title_bullet.jpg') no-repeat left 33px;
            }

            #contents div.cement h4 {
                margin-top: 20px;
                font-size: 14px;
                line-height: 23px;
            }

            #contents div.cement div.img {
                margin-top: 20px;
            }

            #contents div.cement p.txt {
                margin-top: 10px;
                font-size: 13px;
                line-height: 22px;
            }

                #contents div.cement p.txt em {
                    margin: 8px 0 28px 0;
                }

                #contents div.cement p.txt img {
                    height: 24px;
                    margin: 0 8px 0 0;
                }

            #contents div.cement p.site {
                margin-top: 10px;
                font-size: 13px;
                line-height: 26px;
                letter-spacing: -0.5px;
            }

                #contents div.cement p.site img {
                    height: 26px;
                }

                #contents div.cement p.site a {
                    margin-left: 10px;
                    line-height: 26px;
                }

        #contents ul.bullet li {
            font-size: 13px;
            line-height: 19px;
            background: url('../images/product/bullet.jpg') no-repeat left 9px;
        }

        #contents ul.bullet2 {
            margin-top: 10px;
        }

            #contents ul.bullet2 li {
                font-size: 13px;
                line-height: 22px;
                background: url('../images/product/bullet.jpg') no-repeat left 9px;
            }

        #contents div.border {
            margin-top: 0;
            padding: 0;
            border: none;
        }

        #contents div.process {
            width: auto;
            margin: 30px 0 0 0;
        }

            #contents div.process div.more1 {
                top: 13%;
                left: 51%;
            }

            #contents div.process div.more2 {
                top: 28%;
                left: 80%;
            }

            #contents div.process div.more3 {
                top: 48%;
                left: 59%;
            }

            #contents div.process div.more4 {
                top: 30%;
                left: 0;
            }

            #contents div.process div.more5 {
                top: 86%;
                left: 53%;
            }

            #contents div.process div.more2:hover div.cont {
                margin-left: -101px;
            }

            #contents div.process div.more3:hover div.cont {
                margin-left: -29px;
            }

            #contents div.process div.more5:hover div.cont {
                margin-left: -8px;
            }

            #contents div.process div.cont {
                width: 170px;
                font-size: 13px;
                line-height: 18px;
            }

                #contents div.process div.cont a {
                    padding: 7px 0;
                    line-height: 18px;
                }

                    #contents div.process div.cont a span {
                        line-height: 36px;
                    }

                    #contents div.process div.cont a.close {
                        top: -8px;
                    }

                        #contents div.process div.cont a.close img {
                            height: 20px;
                        }

            #contents div.process a.more img {
                width: 30px;
            }

        #contents ul.process {
            margin-top: 10px;
        }

            #contents ul.process li {
                width: 33.33333%;
                height: 76px;
                margin: 15px 0 0 0;
            }

                #contents ul.process li img {
                    width: 108px;
                }

                #contents ul.process li.on img, #contents ul.process li:hover img {
                    margin-top: -76px;
                }

        #contents ul.news {
            margin-top: 25px;
            padding: 15px 0 30px 0;
        }

            #contents ul.news li {
                min-height: 100px;
                margin: 15px 0 0 0;
            }

                #contents ul.news li.first {
                    margin: 15px 0 0 0;
                }

                #contents ul.news li a {
                    padding-left: 165px;
                }

                #contents ul.news li div.img img {
                    height: 100px;
                    width: 149px;
                }

                #contents ul.news li p.tit {
                    height: 46px;
                    margin-top: 5px;
                    font-size: 14px;
                    line-height: 23px;
                }

                #contents ul.news li p.date {
                    margin-top: 20px;
                    font-size: 13px;
                    line-height: 22px;
                }

        #contents ul.community {
            margin-top: 30px;
            padding-top: 5px;
        }

            #contents ul.community li {
                float: none;
                width: 100%;
                margin: 25px 0 0 0;
            }

                #contents ul.community li.first {
                    margin: 25px 0 0 0;
                }

                #contents ul.community li p.tit {
                    height: auto;
                    margin-top: 10px;
                    font-size: 14px;
                    line-height: 23px;
                }

                #contents ul.community li p.date {
                    margin-top: 5px;
                    font-size: 14px;
                    line-height: 21px;
                }

        #contents div.search {
            margin-top: 25px;
            text-align: center;
        }

            #contents div.search em {
                position: static;
                display: block;
                margin-bottom: 10px;
                font-size: 13px;
                line-height: 22px;
            }

            #contents div.search select {
                width: 85px;
                height: 32px;
                padding-left: 5px;
                font-size: 13px;
            }

            #contents div.search input {
                width: 160px;
                height: 32px;
                margin-left: 5px;
                padding-left: 5px;
                font-size: 13px;
            }

            #contents div.search a {
                width: 80px;
                margin-left: 5px;
                font-size: 13px;
                line-height: 32px;
            }

        #contents div.paging {
            margin-top: 30px;
        }

            #contents div.paging a {
                width: 24px;
                font-size: 13px;
                line-height: 24px;
            }

                #contents div.paging a img {
                    height: 24px;
                }

        #contents div.title {
            margin-top: 25px;
            padding: 15px 0;
            font-size: 13px;
            line-height: 22px;
        }

            #contents div.title span {
                margin-right: 15px;
            }

            #contents div.title em {
                margin: 0 5px;
                font-size: 11px;
                line-height: 20px;
            }

            #contents div.title strong {
                font-size: 14px;
                line-height: 23px;
            }

        #contents div.view {
            padding-bottom: 25px;
        }

            #contents div.view img {
                margin-top: 20px;
                height: auto !important;
            }

            #contents div.view p {
                margin: 15px 0 0 0;
                font-size: 13px;
                line-height: 22px;
            }

        #contents div.list-btn {
            margin-top: 20px;
        }

            #contents div.list-btn a {
                padding: 0 15px;
                font-size: 13px;
                line-height: 36px;
            }

                #contents div.list-btn a img {
                    margin: 13px 8px 0 0;
                }

        #contents ul.post li {
            padding-left: 90px;
        }

            #contents ul.post li div {
                width: 90px;
                font-size: 13px;
                line-height: 42px;
            }

            #contents ul.post li a {
                overflow: hidden;
                height: 42px;
                padding: 0 0 0 15px;
                font-size: 13px;
                line-height: 42px;
            }

        #contents div.reward {
            margin-top: 25px;
            padding: 30px;
        }

        #contents ul.recruit {
            margin-top: 15px;
        }

            #contents ul.recruit li {
                padding: 15px 0;
            }

                #contents ul.recruit li p.tit {
                    font-size: 14px;
                    line-height: 23px;
                }

                #contents ul.recruit li div.img {
                    margin-top: 20px;
                }

                #contents ul.recruit li ul.bullet {
                    margin-top: 5px;
                }

        #contents ul.guide {
            margin-top: 15px;
        }

            #contents ul.guide li a {
                padding-left: 15px;
                font-size: 13px;
                line-height: 42px;
            }

                #contents ul.guide li a strong {
                    width: 30px;
                }

                #contents ul.guide li a em {
                    right: 15px;
                }

        #contents ul.welfare {
            margin-top: 15px;
        }

            #contents ul.welfare li {
                min-height: 94px;
                padding: 15px 0 15px 160px;
            }

                #contents ul.welfare li div.icon {
                    top: 15px;
                    width: 130px;
                }

                    #contents ul.welfare li div.icon img {
                        height: 60px;
                    }

                    #contents ul.welfare li div.icon p {
                        margin-bottom: 10px;
                        font-size: 15px;
                        line-height: 24px;
                        letter-spacing: -0.5px;
                    }

                #contents ul.welfare li ul.cont li {
                    padding: 0 0 0 14px;
                    font-size: 13px;
                    line-height: 22px;
                    background: url('../images/pr/bullet.png') no-repeat left 9px;
                    background-size: 4px;
                }

                    #contents ul.welfare li ul.cont li em {
                        color: #666;
                    }

        #contents ul.nurture {
            margin-top: 15px;
        }

            #contents ul.nurture li {
                padding: 15px 0;
            }

                #contents ul.nurture li p.tit {
                    font-size: 14px;
                    line-height: 23px;
                }

                #contents ul.nurture li p.txt {
                    margin-top: 5px;
                    font-size: 13px;
                    line-height: 22px;
                }

        #contents ul.safety {
            margin: 5px auto 0 auto;
        }

            #contents ul.safety li {
                margin: 20px 0 0 0;
            }

                #contents ul.safety li h3 {
                    width: 80px;
                    height: 174px;
                    margin: 0 0 0 -70px;
                    padding: 19px 25px 0 25px;
                    font-size: 15px;
                    line-height: 20px;
                    background-size: 130px auto;
                }

                    #contents ul.safety li h3.two {
                        padding: 29px 20px 0 20px;
                    }

                #contents ul.safety li p {
                    margin-top: 52px;
                    padding: 57px 15px 15px 15px;
                    font-size: 13px;
                    line-height: 22px;
                    border: 4px solid #eee;
                }

        #contents div.element {
            margin-top: 30px;
            padding: 30px 15px;
        }

        #contents ul.certificate {
            width: 100%;
            margin: 25px auto 0 auto;
        }

            #contents ul.certificate li {
                width: 48%;
                margin: 0 0 0 4%;
            }

                #contents ul.certificate li:first-child {
                    margin: 0 0 0 0;
                }

                #contents ul.certificate li div.img img {
                    width: 100%;
                }

                #contents ul.certificate li p {
                    margin-top: 10px;
                    font-size: 13px;
                    line-height: 22px;
                }

                #contents ul.certificate li a {
                    width: auto;
                    margin: 10px auto 0 auto;
                    font-size: 13px;
                    line-height: 30px;
                    border: 1px solid #fdb813;
                }

        #contents div.education {
            margin-top: 25px;
            padding-top: 30px;
        }

            #contents div.education div.slide {
                margin-top: 14px;
                padding: 0 59px 0 58px;
                font-size: 0;
                line-height: 0;
            }

                #contents div.education div.slide em {
                    font-size: 13px;
                    line-height: 14px;
                }

                #contents div.education div.slide a {
                    margin: 6px 0;
                }

                #contents div.education div.slide div.btn {
                    height: 14px;
                }

                    #contents div.education div.slide div.btn a {
                        margin: 0 0 0 20px;
                    }

                        #contents div.education div.slide div.btn a img {
                            height: 28px;
                        }

                        #contents div.education div.slide div.btn a:hover img {
                            margin-top: -14px;
                        }

        #contents ul.contribution {
            margin-top: 25px;
        }

            #contents ul.contribution li {
                float: none;
                width: 100%;
                text-align: center;
            }

                #contents ul.contribution li.right {
                    float: none;
                }

                #contents ul.contribution li div.cont p.tit {
                    margin: 16% 10px 0 10px;
                    font-size: 16px;
                    line-height: 23px;
                }

                #contents ul.contribution li div.cont p.txt {
                    margin: 10px 15px 0 15px;
                    font-size: 13px;
                    line-height: 20px;
                }

        #contents ul.build li {
            margin-top: 25px;
        }

            #contents ul.build li.right p.tit {
                margin-top: 0;
            }

            #contents ul.build li.img1 {
                margin-top: 15px;
            }

            #contents ul.build li.img2 {
                margin-top: 15px;
            }

            #contents ul.build li p.tit {
                margin: 0;
                padding-left: 0;
                font-size: 16px;
                line-height: 25px;
                background: none;
            }

            #contents ul.build li p.txt {
                margin: 10px 0 0 0;
                font-size: 13px;
                line-height: 22px;
            }

        #contents ul.status {
            margin-top: 20px;
        }

            #contents ul.status li div.subject {
                background: url('../images/pr/bullet.png') no-repeat 10px 19px;
            }

                #contents ul.status li div.subject a {
                    padding: 10px 0 10px 24px;
                    font-size: 14px;
                    line-height: 23px;
                    background-size: auto 86px;
                }

                    #contents ul.status li div.subject a:hover {
                        background: url('../images/management/status_arrow.png') no-repeat right -43px;
                        background-size: auto 86px;
                    }

            #contents ul.status li div.btn a {
                font-size: 13px;
                line-height: 38px;
            }

        #contents div.policy {
            margin-top: 25px;
            padding: 15px 20px;
            font-size: 13px;
            line-height: 22px;
        }

        #contents p.policy {
            margin-top: 10px;
            font-size: 13px;
            line-height: 22px;
        }

        #contents ul.policy {
            margin-top: 10px;
        }

            #contents ul.policy li {
                margin-top: 5px;
                font-size: 13px;
                line-height: 22px;
            }

                #contents ul.policy li p.cont {
                    margin: 5px 0 0 12px;
                    font-size: 12px;
                    line-height: 21px;
                }

        #contents ul.article {
            margin-top: 15px;
            padding: 10px 0 15px 0;
        }

            #contents ul.article li {
                float: none;
                width: 100%;
                margin-top: 5px;
            }

                #contents ul.article li a {
                    padding: 0 0 0 20px;
                    font-size: 13px;
                    line-height: 22px;
                }

        #contents div.reason {
            margin-top: 15px;
            padding: 20px 20px 15px 20px;
            font-size: 13px;
            line-height: 22px;
        }

            #contents div.reason span {
                position: static;
                display: block;
                width: auto;
                margin: 0 0 15px 0;
                padding: 10px 0;
                font-size: 13px;
                line-height: 22px;
                text-align: center;
                border: none;
            }

        #contents div.data {
            margin-top: 15px;
        }

            #contents div.data ul li a {
                padding-left: 55px;
                font-size: 13px;
                line-height: 42px;
            }

                #contents div.data ul li a strong {
                    width: 30px;
                }

    #footer div.wrap {
        padding: 25px 0;
    }

    #footer ul.add li {
        margin-top: 5px;
        padding-left: 104px;
        font-size: 13px;
        line-height: 22px;
    }

        #footer ul.add li strong {
            width: 90px;
            background-size: 1px 12px;
        }

    #footer div.family {
        width: auto;
        margin-top: 15px;
        background: url('../images/mobile/family_arrow.png') no-repeat 95% 13px #4b5257;
        background-size: auto 7px;
    }

        #footer div.family a {
            display: block;
            font-size: 13px;
            line-height: 32px;
        }

    #footer div.fmenu {
        margin-top: 15px;
        text-align: center;
    }

        #footer div.fmenu a {
            margin-left: 10px;
            padding-left: 11px;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: -1px;
            background: url('../images/common/fmenu_line.jpg') no-repeat left 5px;
            background-size: 1px 11px;
        }

            #footer div.fmenu a:first-child {
                margin-left: 0;
                padding-left: 0;
                background: none;
            }

    #footer address {
        margin-top: 5px;
        font-size: 12px;
        line-height: 19px;
        text-align: center;
    }

    #footer div.family #fsiteList {
        overflow: auto;
        max-height: 164px;
        position: absolute;
        width: 100%;
        bottom: 123px;
        background: #4b5257;
        border: 1px solid #67696c;
        font-size: 14px;
    }

    #expand div.close {
        width: auto;
        margin: 210px 20px 0 20px;
    }

        #expand div.close img {
            height: 30px;
        }

    #expand div.close2 {
        width: 345px;
        margin: 30px auto 0 auto;
    }

        #expand div.close2 img {
            height: 30px;
        }

    #expand div.img {
        width: auto;
        margin: 10px 20px 0 20px;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    }

    #expand div.certificate {
        width: 335px;
        margin: 10px auto 0 auto;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    }

        #expand div.certificate img {
            width: 100%;
        }

    #popup div.box {
        width: auto;
        margin: 20px;
        padding: 15px 20px 20px 20px;
        border-radius: 5px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    }

    #popup div.close {
        top: 15px;
        right: 15px;
    }

        #popup div.close img {
            height: 30px;
        }

    #popup div.img {
        margin-top: 20px;
    }

        #popup div.img img {
            max-width: 315px;
            max-height: 250px;
        }

        #popup div.img div.tap {
            margin-top: 10px;
        }

            #popup div.img div.tap a {
                padding-bottom: 5px;
                font-size: 13px;
                line-height: 22px;
            }

                #popup div.img div.tap a.on, #popup div.img div.tap a:hover {
                    padding-bottom: 5px;
                    border-bottom: 1px solid #fbba1d;
                }

    #popup div.cont p.tit {
        font-size: 18px;
        line-height: 27px;
    }

        #popup div.cont p.tit span {
            padding-bottom: 5px;
        }

    #popup div.cont p.txt {
        margin-top: 20px;
        padding: 10px 15px;
        font-size: 12px;
        line-height: 19px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 480px) {
    .wrap {
        width: auto;
        margin: 0 15px;
    }

    .wrap2 {
        width: auto;
        margin: 0;
    }

    #contents {
        margin: 45px 15px 50px 15px;
    }

        #contents ul.palette li {
            height: 200px;
        }

        #contents div.overseas div.map1 {
            width: 100%;
            margin: 50px 0 0 0;
        }

    #expand div.close {
        margin: 210px 15px 0 15px;
    }

    #expand div.img {
        margin: 10px 15px 0 15px;
    }

    #popup div.box {
        margin: 15px;
        padding: 15px 15px 20px 15px;
    }
}