
.greeting {
    .p {
        margin-bottom: 3rem; 
        line-height: 1.555;
        color: var(--gray66);
        text-align: center;
       
    }
    .p1 {
        font-size: 2.4rem; 
        font-weight: 700;
        color: var(--main-color);
    }
    .bg-box {
        margin-top: 5rem;
        height: 30rem;
        background: no-repeat url('../img/greeting_bg.png') center / cover;
    }
    @media(width <=769px){
        .p {
            br {
                display: none;
            }
        }
    }
}
.history{
    .wrap {
        gap:4rem;
        padding-bottom: 7rem;
        .img {         
            width: 50%;
            background: no-repeat center / cover;
            background-image:url('../img/history_2010.png');
        }
        .txt {
            flex:1;
            padding-bottom: 6rem;
        }
        &:nth-of-type(2n){
            flex-direction: row-reverse;
        }                
    }
    .year {        
        padding-bottom: 2rem;
        margin-bottom: 1.5rem;
        font-size: 2.4rem; 
        font-weight: 700;
        line-height: 0.9;
        color: var(--main-color);
        border-bottom: 1px solid var(--grayAa);
    }
    .list li {
        display: flex;
        gap:2rem;
        .date {
            color: var(--gray33);
        }
        &+li {
            margin-top: 0.8rem;
        }
    }
    @media(width <=900px){
        .wrap {
            .img {
                width: 30%;
            }
        }
    }
    @media(width <=768px){
        .wrap {
            flex-direction: column;
            .img {
                width: 100%;
                height: 30rem;
            }
            &:nth-of-type(2n){
                flex-direction: column;                
            }
            .txt {             
                padding-bottom: 0;
            }   
        }
    }
    @media(width <=420px){
        .list li {
            gap:1rem;
        }
    }
}
.location {
    .map-wrap {
        overflow: hidden;
        position: relative;
        height: 46rem;
        .root_daum_roughmap {
            position: absolute;
            left: 50%; top: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .info {
        margin-top: 3rem;
    }
    @media(width<=768px){
        .map-wrap {
            height: 41rem;
        }
    }
    @media(width<=576px){
        .map-wrap {
            height: 36rem;
        }
        .info {
            margin-top: 3.5rem;
            tr {
                display: flex;
                flex-wrap:wrap;
                th {                    
                    width: 7rem;
                }
                td {                    
                    width: calc(100% - 7rem);
                }
            }
        }
    }
}

.bus1 {  
    .wrap1 {
        padding-bottom: 6rem;
        margin-bottom: 6rem;
        border-bottom: 1px solid var(--grayDd);
        .img {
            flex:1;
            margin-right: 6.6%;            
            background: repeat url(../img/bus1_bg1.png) center / cover;
        }
        .txt {
            width: 56rem;       
            .box {
                margin-bottom: 5rem;
                padding-bottom: 5rem;
                border-bottom: 1px solid var(--grayDd);
                .tit {
                    padding-bottom: 2.5rem;
                    font-size: 2.4rem;
                    font-weight: 700;  
                    line-height: 0.9;
                    color: var(--main-color);
                }
                &:last-of-type{
                    margin-bottom: 0;
                    padding-bottom: 3rem;
                    border-bottom: 0;
                }
            }
         }
    }
    .wrap2 {
        .tit {
            font-size: 2.4rem;
            font-weight: 700;
            color: var(--gray33);
            text-align: center;
            &+p {
                padding-top: 1.5rem;
                padding-bottom: 4rem;
                text-align: center;
            }
        }
        .img {
            height: 30rem;
            background: url(../img/bus1_bg2.png) no-repeat center / cover;
        }
    }
    @media (width<=820px){
        br {
            display: none;
        }
    }
    @media (width<=991px){
        .wrap1 {
            .img {
                margin-right: 4%;
            }
            .txt {
                width: 50rem;
            }
        }
    }
    @media (width<=768px){
        .wrap1 {
            gap:4rem;
            flex-direction: column;
            .img {
                flex:inherit;
                width: 100%;
                height: 30rem;
                margin-right: 0;
            }
            .txt {
                width: 100%;
                .box {
                    padding-bottom: 3rem;
                    margin-bottom: 4rem;
                }
            }
        }
    }
}

.bus2{
    .tit {
        font-size: 2.4rem;
        font-weight: 700;
        color: var(--main-color);
        text-align: center;
        &+p {
            padding-top: 1.5rem;
            padding-bottom: 4rem;
            text-align: center;
        }
    }
    .cnt {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap:2rem;
        .box {
            padding: 6rem;
            background: no-repeat center / cover;
            .part {
                font-size: 2.4rem; 
                font-weight: 700;
                color: var(--white);
                line-height: 0.9;
            }
            p {
                padding: 1.5rem 0 2.5rem;
                color: var(--white);                
            }
            a {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 15.5rem;
                height: 5rem;
                color: var(--white);       
                font-size: 1.6rem;         
                background: rgba(255,255,255,.2);
                border: 1px solid var(--white);
            }
            &:nth-of-type(1) {
                background-image: url(../img/bus2_bg1.png);
            }
            &:nth-of-type(2) {
                background-image: url(../img/bus2_bg2.png);
            }
            &:nth-of-type(3) {
                background-image: url(../img/bus2_bg3.png);
            }
            &:nth-of-type(4) {
                background-image: url(../img/bus2_bg4.png);
            }
        }
        @media(width<=991px){
            .box {padding: 6rem 4rem;}
        }
        @media(width<=768px){
            .box {padding: 6rem 3rem;}
        }
        @media(width<=600px){
            grid-template-columns: 1fr;
            .box {
                padding: 5rem ;
                p {
                    padding: 2rem 0 2.5rem;
                }                
            }
        }
    }
}

.contact_me {
    .form-group +.form-group {
        margin-top: 1rem;             
      }
    .flex {
        gap:1rem;
        @media (width<=576px) {
            flex-direction: column;;
        }        
    }
    .select1:not(.selected) {
        color: var(--gray66);             
    }
    .content {
        min-height: 24rem;
    }    
    .agree-box {
        margin-bottom: 3rem;
        .agree-tit {
            padding: 3rem 0 1.5rem;
            line-height: 0.9;
            color: var(--gray33);
        }
        .agree-info{
            overflow-y: auto;
            max-height: 24rem;
            margin-bottom: .5rem;
            user-select: none;
        }
        .agree-check {
            margin-right: 1rem;
            width: 1.5rem;
            height: 1.5rem;
            cursor:pointer;
            &+label {
                line-height: 0.9;
                font-size: 1.6rem;
                cursor:pointer;
                user-select: none;
            }
        }
    }
    .btn-box{
        display: flex;
        justify-content: center;
        gap:1rem;
        margin-top: 6rem;
        text-align: center;
        font-size: 0;
    }

}