.brand.page {
    border: 2px solid #ddd;
}
.brand.page > img {
    margin: -5px;
    width: 59.375rem;
}
.brand.page section {
    background-color: white;
    padding: 0 25px;
}
.brand.page section:first-child {
    border-top: none;
}
.brand.page section {
    padding: 50px 20px;
    border-top: 1px solid #ddd;
}
.brand.page section:after {
    content: "";
    display: block;
    clear: both;
}
.brand.page section h2 {
    margin: 0 0 40px;
    font-family: "Brandon Grotesque Light";
    font-size: 2rem;
    text-align: left;
    text-transform: uppercase;
}
.brand.page section .subsidiary > h3,
.brand.page section .subsidiary > p {
    margin: 0.5rem 0;
}
.brand.page section .subsidiary > h3 {
    margin-top: 1.5rem;
    font-size: 1.2rem;
}
.brand.page section .subsidiary > p.work.in-english {
    text-transform: uppercase;
    font-family: "Brandon Grotesque Light";
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 2px;
}
.brand.page section .subsidiary > p.work.in-korean {
    font-size: 1.1rem;
}
section#brand-introduction {
    border-top: none;
}
section#brand-introduction .logo {
    float: left;
    display: inline-block;
    /* padding-top: 1rem; */
    width: 300px;
    height: 500px;
}
section#brand-introduction .logo img {
    display: block;
    margin: 1.5rem auto 5rem;
}
section#brand-introduction .logo,
section#brand-introduction h1 {
    /* margin-top: 2rem; */
}
section#brand-introduction h1 {
    line-height: 1.3;
    color: #333;
    font-weight: 300;
    font-size: 3.4rem;
    margin-bottom: 50px;
}
section#brand-introduction p {
    color: #333;
    word-break: break-all;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-top: 30px;
    margin-bottom: 0px;
}
section#subsidiaries:after {
}
section#subsidiaries .subsidiary {
    float: left;
    display: inline-block;
    width: 18.5rem;
}
section#subsidiaries .subsidiary img {
    display: block;
}
.brand.page section .strategies {
    margin-bottom: 4rem;
}
.brand.page section .strategies:after {
    content: "";
    display: block;
    clear: both;
}
.brand.page section .strategy {
    float: left;
    display: inline-block;
    width: 14rem;
}
.brand.page section .strategy > p {
    margin: 20px 0 0;
    font-size: 1.1rem;
   line-height: 1.8;
}
.brand.page section > p {
    margin: 30px 0;
    font-size: 1.15rem;
    word-break: break-all;
}
.brand.page section p.dream {
    margin: 0.5rem 0;
    color: #333;
}
.brand.page section p.dream.in-korean {
    font-size: 2rem;
    font-weight: 300;
}
.brand.page section p.dream.in-english {
    margin-bottom: 4rem;
    font-family: "Brandon Grotesque Regular";
    font-size: 1.5rem;
}
.brand.page strong.orange {
    color: #ef691a;
}
.brand.page strong.sky-blue {
    color: #93bce5;
}
.brand.page strong.purple {
    color: #7b398f;
}
.brand.page strong.gray {
    color: #86888b;
}
section#history table {
    width: 100%;
}
section#history table tbody tr {
    height: 2rem;
}
section#history table tbody tr th {
    font-family: "Brandon Grotesque Regular";
    width: 15%;
    text-align: left;
}
section#history table tbody tr td {
    width: 85%;
}
body.en section#brand-introduction p,
body.en .brand.page section > p,
body.en .brand.page section p.dream.in-korean,
body.cn .brand.page section p.dream.in-korean,
.brand.page section p.dream.in-english {
    word-break: keep-all;
}