﻿.main1, .submain1, .submain1 > div, .submain1 > div > div.sub1 {
    display: inline-block;
    width: 100%
}

    .submain1 > div > div.sub1 > ul > li.addr1, .submain1 > div > div.sub1 > ul > li.addr2 {
        padding-left: 45px;
        font-size: 16px;
        line-height: 1.6
    }

.main1 {
    float: left;
    background-image: url(/file/img/bg3.png);
    background-position: center 10%;
    background-size: cover;
    height: 270px;
    overflow: hidden
}

.submain1 > div > div.sub1 > ul > li.addr1:after, .submain1 > div > div.sub1 > ul > li.addr2:after {
    background-image: url(/file/img/contact/ct1.png)
}

.submain1 {
    float: left;
    border-bottom: .5em solid #ffd515
}

    .submain1 > div {
        table-layout: fixed
    }

        .submain1 > div > div.sub1 {
            background-color: #ffd515;
            position: relative;
            vertical-align: middle
        }

            .submain1 > div > div.sub1 > ul {
                margin-left: 3em;
                margin-top: 1em;
                margin-bottom: 1em
            }

                .submain1 > div > div.sub1 > ul > li {
                    position: relative;
                    font-size: 16px;
                    line-height: 1.6;
                    font-weight: 600;
					padding-top:0.3em;
					min-height:34px;
                }

                    .submain1 > div > div.sub1 > ul > li:after {
                        content: "";
                        width: 37px;
                        height: 34px;
                        display: block;
                        position: absolute;
                        left: -40px;
                        top: 3px
                    }

                    .submain1 > div > div.sub1 > ul > li.addr1:before {
                        content: "본사 :";
                        position: absolute;
                        left: 0;
                        top: 0;
                        font-size: 16px;
						padding-top:0.3em;
                        line-height: 1.6
                    }

                    .submain1 > div > div.sub1 > ul > li.addr2:before {
                        content: "지사 :";
                        position: absolute;
                        left: 0;
                        top: 0;
                        font-size: 16px;
						padding-top:0.3em;
                        line-height: 1.6
                    }

                    .submain1 > div > div.sub1 > ul > li.tel:after {
                        background-image: url(/file/img/contact/ct2.png)
                    }

                    .submain1 > div > div.sub1 > ul > li.fax:after {
                        background-image: url(/file/img/contact/ct3.png)
                    }

                    .submain1 > div > div.sub1 > ul > li.email:after {
                        background-image: url(/file/img/contact/ct4.png)
                    }

        .submain1 > div > div.sub2 {
            width: 100%;
            display: inline-block;
            background-color: #fff;
            padding-top: 1em;
            padding-bottom: 1em
        }

            .submain1 > div > div.sub2 > form {
                width: 90%;
                display: inline-block;
                position: relative;
                padding-left: 5%
            }

                .submain1 > div > div.sub2 > form > ul > li > label {
                    display: none
                }

#map1, #map2, .submain2, .submain2 > ul.sub1, .submain2 > ul.sub1 > li, .submain2 > ul.sub1 > li > h3 {
    display: inline-block;
    width: 100%
}

.submain1 > div > div.sub2 > form > ul > li > div {
    text-align: center
}

    .submain1 > div > div.sub2 > form > ul > li > div > input, .submain1 > div > div.sub2 > form > ul > li > div > textarea {
        border: 4px solid #ffd515;
        padding: .5em 1em;
        font-size: 16px;
        width: 80%;
        margin: .3em 0
    }

.submain1 > div > div.sub2 > form > nav {
    bottom: 1.7em;
    text-align: center
}

    .submain1 > div > div.sub2 > form > nav > a {
        background-color: #ffd515;
        color: #000;
        padding: .5em 1em;
        font-size: 20px;
        font-weight: 600;
        display: inline-block;
        width: 120px;
        text-align: center
    }

.submain2 {
    position: relative;
    padding-bottom: 2em
}

    .submain2 > h2 {
        font-size: 32px;
        line-height: 1.8;
        margin-top: 2em;
        width: 100%;
        text-align: center
    }

    .submain2 > ul.sub1 {
        table-layout: fixed;
        margin: auto
    }

        .submain2 > ul.sub1 > li > h3 {
            font-size: 24px;
            line-height: 1.8;
            float: left;
            padding: .5em 0;
            text-align: center
        }

#map1, #map2 {
    height: 300px;
    background-color: #f4f4f4;
    float: left
}
