@charset "utf-8";


/* .title의 배경은 달라질수도있어서 html,css에 따라 다르게 ! */
.title {
    background: url(../../img/bgImg3.jpg) 0 0/100% no-repeat;
    background-size: cover;
}


.inMenu {
    max-width: 200px !important;
}




@media all and (min-width:1024px) {


    .mainWrap {
        position: relative;
        width: 800px !important;
        height: 100%;
        margin: 35px auto;
    }

    .inContent .map iframe {
        display: block;
        margin: 0 auto;
        width: 800px;
        height: 400px;
    }

    .wayInfo {
        position: relative;
        top: 30px;
        margin-bottom: 160px;
        /* height: 100%; */
    }

    .wayInfo span {
        color: rgb(158, 158, 158);
        font-weight: 300;
        font-size: 18px;
    }


    .addressArea {
        position: relative;
        top: 0;
        left: 0;
    }

    h2 {
        position: relative;
        top: 0;
        left: 0;
        color: #555;
        font-weight: 500;
    }

    h3 {
        position: relative;
        top: 0;
        left: 0;
        color: #555;
        font-weight: 500;
    }

    .telArea {
        position: relative;
        top: 0;
        right: 0;
    }

    .telArea img {
        padding-top: 8px !important;
        width: 24px !important;
    }

    .busArea {
        position: relative;
        top: 0;
        left: 0;
    }

    .busArea img {
        padding-top: 7px !important;
        width: 22px !important;
    }

    .subwayArea {
        position: relative;
        top: 0;
        right: 0;
    }

    .subwayArea img {
        padding-top: 6px !important;
        width: 28px !important;
    }

    .areas {
        display: flex;
        align-items: center;
        margin: 5px auto;
    }

    .bgRound {
        width: 40px;
        height: 40px;
        border-radius: 25px;
        background-color: #f9f9f9;
        display: inline-block;
        margin-right: 10px;
    }

    .bgRound img {
        display: block;
        margin: 0 auto;
        padding-top: 5px;
        width: 30px;
    }

    .grayLine {
        border-top: 1px dashed rgba(158, 158, 158, .45);
        margin-top: 20px;
        padding-bottom: 20px;
    }


    .wayWrap {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 50px;
    }


}



@media all and (max-width:1023px) {

    .mainWrap {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 35px auto !important;
    }

    .wayWrap {
        display: block;
        width: 100%;
        height: 100%;
    }

    .wayInfo {
        position: relative;
        top: 22px;
        height: 100%;
        margin-bottom: 90px;
    }

    .inContent .map iframe {
        display: block;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .wayInfo span {
        color: rgb(158, 158, 158);
        font-weight: 300;
        font-size: 18px;
    }


    .addressArea {
        height: 100%;
        margin-top: 10px;
    }

    h2 {
        color: #555;
        font-weight: 500;
    }

    h3 {
        color: #555;
        font-weight: 500;
    }

    .telArea {
        height: 100%;
    }

    .telArea img {
        padding-top: 8px !important;
        width: 50% !important;
    }

    .busArea {
        position: relative;
        top: 5px;
        height: 100%;
    }

    .busArea img {
        padding-top: 7px !important;
        width: 50% !important;
    }

    .subwayArea {
        position: relative;
        top: 5px;
        right: 0;
    }

    .subwayArea img {
        padding-top: 6px !important;
        width: 70% !important;
    }

    .areas {
        display: flex;
        align-items: center;
    }

    .bgRound {
        width: 30px;
        height: 30px;
        border-radius: 25px;
        background-color: #f9f9f9;
        display: inline-block;
        margin-right: 10px;
    }

    .bgRound img {
        display: block;
        margin: 0 auto;
        padding-top: 5px;
        width: 20px;
    }

    .grayLine {
        border-top: 1px dashed rgba(158, 158, 158, .45);
        margin-top: 20px;
        padding-top: 20px;
    }


}