/*------------------------------------- 회사소개 -------------------------------------------*/
.container.sub-10 .intro-title{font-size: 27px; font-weight: 600; text-align: center; margin-top:40px; margin-bottom:30px;}
.container.sub-10 .intro-title2{font-size:22px;color:#5a812e;text-align: center;margin-bottom: 45px;}
.container.sub-10 .subject-wrap{}
.container.sub-10 .subject-left{display:inline-block; width: 49%; vertical-align:top;}
.container.sub-10 .subject{width: 90%;}
.container.sub-10 .subject p{font-size: 17px; margin-bottom:34px; line-height: 25px;}
.container.sub-10 .subject p:first-child{}
.container.sub-10 .subject p:nth-child(1){}
.container.sub-10 .subject p:nth-child(2){}
.container.sub-10 .subject p:nth-child(3){}
.container.sub-10 .subject p:nth-child(4){}
.container.sub-10 .subject p:nth-child(5){text-align: right}
.container.sub-10 .subject p:nth-child(5) span{font-weight: 600;}
.container.sub-10 .subject-right{
    display:inline-block;
    height: 550px;
    width: calc(50% + 10px);
}
.container.sub-10 .main-right-img{
    background-image: url("/theme/basic/skin/sub/sub_10/img/sub_01_01_img.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

@media (max-width: 1200px) {
    .container.sub-10 .subject-right{
        height: 44vw;
    }
    .container.sub-10 .subject-left{
        width: 100%;
    }
    .container.sub-10 .subject-right{
        width: 100%;
        height: 75vw;
        margin-bottom:15px;
    }
    .container.sub-20 .intro-title2{
        line-height: 24px;
    }
}
@media (max-width: 768px) {
    .container.sub-10 .intro-title2{
        font-size: calc(7px + 2vw);
        margin-bottom: 30px;
    }
    .container.sub-10 .subject p{
        font-size: 15px;
    }
    .container.sub-10 .subject{
        width: 100%;
    }
}

/*------------------------------------ 오시는길 -----------------------------------------------*/
.container.sub-20 .intro-title{font-size: 27px; font-weight: 600; text-align: center; margin-top:40px; margin-bottom:30px;}
.container.sub-20 .intro-title2{font-size:22px; color:#59812e; text-align: center; margin-bottom:30px;}
.container.sub-20 #map{width: 100%; max-height: 470px;}
.container.sub-20 .map-content{margin-bottom:80px;}
.container.sub-20 .map-content div{font-size: 15px; line-height: 80px;}
.container.sub-20 .map-content div .intro-subject{color:#59812e; padding-right: 15px;}
.container.sub-20 .map-content div .intro-content{margin-right: 30px;}
.container.sub-20 .map-content div:nth-child(1){width: 100%; border-bottom:1px solid #b7b7b7;}
.container.sub-20 .map-content div:nth-child(2){width: 100%; display: inline-block; border-bottom:1px solid #b7b7b7;}
/*.container.sub-20 .map-content div:nth-child(3){width: 69%; display: inline-block; border-bottom:1px solid #b7b7b7;}*/

@media (max-width: 1200px) {
    .container.sub-20 .intro-title2{
        line-height: 28px;
    }
}
@media (max-width: 768px) {
    .container.sub-20 .intro-title2{
        font-size: 16px;
    }
    #map{
        height: 60vw!important;
    }
    .container.sub-20 .map-content div .intro-content{
        margin-right: 0;
    }
    .container.sub-20 .map-content div{
        line-height: 30px;
        font-size: calc(9px + 1vw);
    }
    .container.sub-20 .map-content div .divv{
        border-top:1px solid #b7b7b7;
    }
    .container.sub-20 .map-content div .intro-content{
        line-height: 40px;
    }
    .container.sub-20 .map-content div .intro-subject{
        margin-top:10px;
    }
}