@charset "UTF-8";



/** 배너 컨텐츠 **/
.brand .banner-contents { position: relative; }
.brand .banner-contents ul li .contents-box .subject { position: absolute; left: 0; top: 0; width: calc(41% - 2%); font-family: 'Cormorant Infant'; font-weight: 700; font-size: 10rem; color: #F9401F; letter-spacing: -0.04em; text-align: right; }
.brand .banner-contents ul li .contents-box .subject::before { content: ''; position: absolute; left: 7%; top: 11%; width: 5.5rem; height: 5.5rem; background: url("../images/icon_arrow_on.svg") no-repeat center; background-size: 100%; }
.brand .banner-contents ul li .contents-box .content p:nth-child(1) { position: absolute; left: 0; bottom: 0; width: calc(43% - 2rem); font-family: 'Cormorant Infant'; font-weight: 700; font-size: 2.4rem; color: #F9401F; margin: 0; letter-spacing: -0.04em; }
.brand .banner-contents ul li .contents-box .content p:nth-child(1) hr { border: solid 1px #F9401F; border-top: none; }
.brand .banner-contents ul li .contents-box .content .wp-block-image { width: 57%; margin: 0 0 0 auto; }
.brand .post-contents { display: flex; border-top: solid 1px #F9401F; margin: 5rem 0 0 0; }
.brand .post-contents .left { width: 30rem; }
.brand .post-contents .left .search-box { width: 26rem; margin: 6rem auto 1.5rem 0; }
.brand .post-contents .left .position { flex-wrap: wrap; margin: 0; padding: 0; max-width: 26rem; }
.brand .post-contents .left .position h3 { width: 100%; font-weight: 600; font-size: 2rem; color: #F9401F; border-bottom: solid 1px #F9401F; padding-bottom: 2rem; }
.brand .post-contents .left .position h3 a { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.brand .post-contents .left .position h3 a img { width: 2.8rem; height: 2.8rem; }
.brand .post-contents .left .position .one-depth-categorys { padding-bottom: 2rem; }
.brand .post-contents .left .position .one-depth-categorys a { display: inline-block; font-weight: 500; font-size: 1.4rem; color: #F9401F; border: solid 1px #F9401F; padding: 0.7rem 1.58rem; border-radius: 1.85rem; margin: 1rem 0.5rem; }
.brand .post-contents .left .position .one-depth-categorys a.active { background-color: #F9401F; color: #fff; }
.brand .post-contents .right { width: calc(100% - 30rem); }
.brand .post-contents .right .count { margin: 1.5rem 0 -1rem 0; text-align: right; font-weight: 600; font-size: 1.2rem; color: #F9401F; }
.brand .post-contents .right .gallery-list { width: calc(100% + 0.6rem); margin-left: -0.3rem; }
.brand .post-contents .right .gallery-list li { width: calc(50% - 0.6rem); margin-top: 4rem; padding: 0 0.3rem; }
.brand .post-contents .right .gallery-list li .thumbnail img { border-radius: 0; }
.brand .post-contents .right .gallery-list li .contents-box { background-color: #fff; text-align: center; }
.brand .post-contents .right .gallery-list li .contents-box .subject { display: block; margin: 0; padding: 1.5rem 0; }
.brand .post-contents .right .gallery-list li .contents-box .subject a { font-family: 'Cormorant Infant'; font-weight: 700; font-size: 2.8rem; letter-spacing: -0.04em; color: #F9401F; }
.brand .post-contents .right .gallery-list li .contents-box .epsode { display: inline-block; font-weight: 400; font-size: 1.2rem; color: #F9401F; padding: 0.3rem 1.01rem; border-radius: 1rem;  background-color: #FEF9ED; margin: 0 0 1.5rem 0; }
.brand .post-contents .right .gallery-list li .contents-box .date { font-weight: 400; font-size: 1.2rem; color: #666666; }
.brand .post-contents .right .gallery-list li .contents-box .shortDesc { display: inline-block; width: 100%; font-weight: 600; font-size: 2.1rem; color: #3D3625; margin: 2rem 0; }
.brand .pagenation { margin: 8rem auto 9rem 30rem; }
@media screen and (max-width: 1390px) {
    .brand .banner-contents ul li .contents-box .subject { font-size: 7.1vw; }
    .brand .banner-contents ul li .contents-box .subject::before { width: 3.9vw; height: 3.9vw; }
    .brand .banner-contents ul li .contents-box .content p:nth-child(1) { font-size: 1.6vw !important; }
}
@media screen and (max-width: 1000px) {
    .brand .post-contents { flex-wrap: wrap; }
    .brand .post-contents .left { width: 100%; }
    .brand .post-contents .left .search-box { width: 29.4rem; }
    .brand .post-contents .left .position { max-width: none; }
    .brand .post-contents .right { width: 100%; }
    .brand .pagenation { margin: 8rem auto; }
}