@charset "utf-8";

/*
============================================================

1.	작 업 일 : 2019.04.19
2.	작 성 자 :  정 연 주
3.	마지막 수정일 : 2019.04.19
4.  마지막 작업자 : 정 연 주

============================================================
*/

/*s ###### 기본화면 모바일 기준 ######*/

.contact_info{
    margin: 0 15px;
    padding: 40px 0 50px 0;
    text-align: center;
}

.con_tit{
    font-size: 28px;
    line-height: 1.1em;
    color: #2a2a2a;
    display: none;
}
.con_info li{
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #ddd;
}

.con_info li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.con_info li .pt1{
    font-size: 19px;
    text-align: right;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center left;
    margin-bottom: 8px;
}

.con_info .add .pt1{
    width: 83px;
    background-image: url(../img/contact/icon1.png);
}

.con_info .email .pt1{
    width: 74px;
    background-image: url(../img/contact/icon2.png);
}

.con_info .call .pt1{
    width: 54px;
    background-image: url(../img/contact/icon3.png);
    background-size: auto 90%;
}
.con_info .sns .pt1{
    width: 50px;
    background-image: url(../img/contact/icon4.png);
}

.con_info li .st{
    font-weight: bold;
    color: #222;
}

.con_info li .eng{
    font-size: 12px;
    line-height: 1.4em;
    margin: 10px 0;
    color: #9f9f9f;
}
.con_info li .map_btn{
    display: block;
    width: 80px;
    margin: 5px auto 0 auto;
    padding: 3px 0;
    font-size: 12px;
    border: 1px solid #aaaaaa;
    border-radius: 20px;
    color: #909090;
}
.con_info li .map_btn::after{
    content: '▶';
    padding-left: 8px;
    font-size: 10px;
}

.con_info .sns .sn a{
    font-size: 12px;
    color: #aaa;
    display: block;
    width: 200px;
    margin: 4px auto 10px auto;
}

/*e ###### 기본화면 모바일 기준 ######*/



/*s ###### 태블릿화면 ###### */

@media screen and (min-width:768px){
    .contact_info{
        margin: 0 40px;
        padding: 45px 0 55px 0;
    }
    .con_info li .map_btn{
        margin: 18px auto 0 auto;
    }
    .con_info li{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

/*e ###### 태블릿화면 ###### */



/*s ###### PC화면1 ###### */

@media screen and (min-width:1200px){
    .inner{
        width: 1300px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .contact_info{
        margin: 0;
        text-align: left;
        padding: 90px 0 100px 0;
    }
    .con_tit{
        font-size: 30px;
        line-height: 1.2em;
        display: block;
        width: 18%;
    }
    .con_info{
        display: flex;
        justify-content: space-between;
        width: 82%;
    }
    .con_info li{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 23%;
    }
    .con_info .add{
        width: 31%;
    }
    .con_info .call{
        width: 15%;
    }
    .con_info li .pt1{
        margin: 0 0 15px 0;
    }
    .con_info li .st{
        line-height: 1.5em;
    }
    .con_info li .map_btn{
        margin: 25px 0 0 0;
        text-align: center;
        transition: all 0.5s;
    }
    .con_info li .map_btn::after{
        transition: all 0.5s;
    }
    .con_info li .map_btn:hover{
        width: 100px;
    }
    .con_info li .map_btn:hover::after{
        margin-left: 15px;
    }
    .con_info li .eng{
        line-height: 1.5em;
        margin-top: 20px;
    }
    .con_info .sns .sn a{
        margin: 4px 0 10px 0;
    }
}

/*e ###### PC화면1 ###### */