/*******************************************************
 * sub 페이지 wide
 */
.main > .sub-header ~ * {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1240px) {
    .main > .sub-header ~ * {
        margin: 0 20px;
    }
}

/*--------------------------------------
 * 공통 헤더
 */
.sub-header {
    padding: 30px 0;
}
.sub-header > h2 {
    font-size: 2.5rem;
}

/*--------------------------------------
 * 공통 메뉴 탭
 */
.sub-tab {
    margin-top: -20px !important;
}
.sub-tab > li {
    height: 70px;
    line-height: 70px;
}
.sub-tab > li::after {
    content: "|";
    position: absolute;
    right: -2px;
    color: #CCC;
}
.sub-tab > li:nth-of-type(5)::after {
    content: "";
}
.sub-tab > li > a:link,
.sub-tab > li > a:visited {
    font-family: NanumSquareEB;
}

/*--------------------------------------
 * 공통 타이틀
 */
.sub-title {
    position: relative;
}
.sub-title > h3 {
    font-size: 2rem;
}
.sub-title > ul {
    font-size: 0.9rem;
    position: absolute;
    top: 10px;
    right: 0;
}

/*--------------------------------------
 * 공통 콘텐츠
 */
.sub-content > h4 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.sub-content > ul {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 1.08rem;
    line-height: 2rem;
}

/*--------------------------------------
 * 정성
 */
@media screen and (min-width: 1081px) {
    .source {
        grid: auto / 1fr 2fr;
    }
    .dough {
        grid: auto / 2fr 1fr;
    }
    .vegetable {
        grid: auto / 1fr 2fr;
    }
    .merit-content div > div {
        width: 550px;
    }
}
@media screen and (max-width: 1080px) {
    .merit-content ul {
        line-height: 1.8rem;
    }
    .merit-content ul > li:first-of-type {
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 900px) {
    .merit-content ul > li:first-of-type {
        font-size: 1.6rem;
        padding-bottom: 15px;
    }
}

/*--------------------------------------
 * 사회와 함께하는 발걸음
 */
.news {
    padding: 40px;
}
.news-img {
    margin-right: 40px;
}
.news-title {
    font-size: 1.6rem;
}
@media screen and (max-width: 1080px) {
    .news {
        padding: 30px;
    }
    .news-img {
        margin-right: 30px;
    }
    .news-title {
        font-size: 1.3rem;
    }
}

/*--------------------------------------
 * 오시는 길
 */
.map > iframe {
    height: 500px;
}

/* 공통 */
.info {
    grid: auto / 1fr 1fr;
    height: 150px;
    margin-bottom: 70px;
}

/* 주소 */
.adress {
    padding: 30px 20px;
}
.adress > ul::before {
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
}
.adress > ul > li:nth-of-type(2) {
    font-size: 1.1rem;
}

/* 전화번호 */
.tel {
    padding: 47px 20px;
}
.tel > ul::before {
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
}
.tel > ul > li:nth-of-type(2) {
    font-size: 1.6rem;
}

@media screen and (max-width: 840px) {
    .map > iframe {
        height: 450px;
    }
    .info {
        display: block;
        height: auto;
    }
    .info > div {
        text-align: left;
    }
    .adress {
        height: 100px;
        padding: 20px;
    }
    .adress > ul > li > br {
        display: none;
    }
    .tel {
        height: 100px;
        padding: 20px;
    }
}