.contents h2{
    font-weight: 800;
    padding-bottom: 50px;
    margin-top: 100px;
}

/* 회사소개 */
.introduce{
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.6;
}
.story>div{display: flex;margin: auto;flex-wrap:nowrap;}
.story img{
    width: 400px;
}
.story div{
    align-content: center;
    padding-top: 30px;
}

.story-title{
    font-size: 2.6rem;
    font-weight: 800;
    padding: 0 0 0 40px;
    color: #360658;
}
.story-sub{
    font-size: 2rem;
    line-height: 1.6;
    padding: 20px 0 0 40px;
}
.story-sub br{
    display: block;
}


/* 회사연혁 */


.history img{
    margin-top: -100px;
    height: 800px;
}


/* 회사연혁 모바일 */

.history-mo{position: relative;display: none;}
.history-mo::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 2px;
    height: calc(100% - 31px);
    background: #999;
    left: 76px;
    top: 14px;
    z-index: 1;
}
.companyHistory {
    width: 100%;
    position: relative;
    padding-left: 110px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.companyHistory span {
    display: inline-block;
}
.companyHistory span.year {
    position: absolute;
    top: 5px;
    left: 0px;
    font-size: 16px;
    font-weight: 900;
}
.companyHistory span.history {
    position: relative;
    padding: 10px;
    font-size: 13px;
    width: 100%;
    line-height: 1.5;
}
.companyHistory span.history::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -40px;
    width: 10px;
    height: 10px;
    border: 2px solid #360658;
    border-radius: 100%;
    z-index: 2;
}



.ci img{
    width: 100%;
}

/* 오시는 길 */
.save{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 30px;
}
.save span{
    color: #360658;
    font-weight: 800;
    font-size: 1.6rem;
}

/* 탭메뉴 */

.tab_menu{
    position:relative;
    margin-top: 50px;
    
}
.tab_menu .list{
    overflow:hidden;
    margin-bottom: 30px;
}
.tab_menu .list li{
    float:left; 
    line-height: 2;
}
.tab_menu .list .btn{
    font-size:2rem;
    font-weight: 700;
    color: black;
    margin-right: 20px;
}
.tab_menu .list .cont{
    display:none; 
    position:absolute; 
    width:100%; 
    
}
.tab_menu .list li.is_on .btn{
    font-weight:bold; 
    color:#360658;
    font-weight: 800;
    border-bottom: solid 4px #360658;
    padding: 5px;
    
}
.tab_menu .list li.is_on .cont{
    display:block;
    left: 0;
}
.tab_menu .cont_area .cont{display:none;}


/* 본사 */
.traf{font-size: 1.6rem;}
.traf>div{line-height: 1.5;}
.map-2{height: 450px;width: auto !important;}
.p-adress{
    justify-content: space-between;
    margin-bottom: 50px;
    padding-top: 30px;
}

.p-adress div{display: flex;}
.p-adress div div{padding-right: 10px;}
.p-adress>div:nth-child(1){
    display: block;
    line-height: 1.5;
}
.p-adress p{font-size: 1.6rem;}
.p-adress span{font-size: inherit}
.app-icons img{
    border-radius: 10px;
    width: 70px;
    box-shadow: 0px 5px 3px #0000002c;
}
p.purple{font-size: 2rem;}
.way-title{
    font-weight: 800;
    font-size: 1.6rem;
}
.way-txt p{
    font-size: 1.5rem;
}

.map-draw{width: 100%;margin-bottom: 100px;}
.map-draw img{width: 100%;}
.grid-box{
    display: grid;gap: 30px;grid-template-columns: 1fr 4.8fr 4.2fr;
}
.grid-box-2{
    display: grid;gap: 30px;grid-template-columns: 1fr 9fr;
}
.grid-box>div{
    margin: 20px 0;
}
.grid-box-2>div{
    margin: 20px 0;
}
.grid-box-2>div{
    margin: 20px 0;
}
.parking{
    margin-top: 50px;
}
.parking>div{margin-top: 20px;}
.parking img{width: 500px;}
.rule{padding: 30px 0 0 30px;}
.rule p{font-size: 1.6rem;line-height:2;}




/* 반응형 */
    /* 노트북 & PC (해상도 1279px ~ 1600px)*/ 
    @media (max-width:1600px){
        .history img{height: 700px;}

    } 

    /* 노트북 & PC (해상도 1024px ~ 1279px)*/ 
    @media (max-width:1279px){
        .top-banner img{height: 500px;}
        .parking img {
            width: 400px;
        }
        .rule {
            padding: 20px 0 0 20px;
            font-size: 1.4rem;
        }

        .history img{height: 600px;}


        .story-sub br{
            display: none;
        }
    }

    /* 태블릿 가로, 태블릿 세로 (해상도 768px ~ 1023px)*/ 
    @media (max-width:1023px){
        .introduce{
            font-size: 1.6rem;
            
        }
        .history img{height: 0;display: none;}
        .history-mo{display: block;}
        .story>div{display: flex;margin: auto;flex-wrap: wrap;}
        .story img{
            width: 100%;
        }
        .story-title{
            padding: 0;
        }
        .story-sub{
            padding: 10px 0;
            font-size: 1.6rem;
        }
    }

    /* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
    @media (max-width:767px) {
        .story img{
            width: 100%;
        }


        .parking img {
            width: 100%;
        }
        .traf {
            font-size: 1.4rem;
        }

        .grid-box{
            gap: 10px;grid-template-columns: 1fr;
        }
        .grid-box-2{
            gap: 10px;grid-template-columns: 1fr;
        }
        .grid-box>div {
            margin: 10px 0;
        }
        }