.title_box { margin-bottom: 24rem; }
.grid_board .board ul li { height: calc(100vw * (390 / 1920)); }
.grid_board .board ul li span { margin-bottom: 2.8rem; }
.grid_board .board ul li strong { font-weight: 500; line-height: 1.4; margin-bottom: 0; }
.board.mo .btn_wrap { 
    display: none; 
    text-align: center;
}
.board.mo .btn_wrap button {     
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: calc(100vw * (300 / 767));
    height: calc(100vw * (82 / 767));
    color: #FFF;
    font-size: calc(100vw * (24 / 767));
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    border: 1px solid #111;
    background: #111;

}
@media (min-width: 2000px) { 
    .grid_board .board ul li.col-25,.grid_board .board ul li.none { height: 390px; }
    .grid_board .board ul li.col-50 { height: 390px; }
}
@media (max-width: 1180px){
    .title_box { margin-bottom: calc(100vw * (120 / 1180)); }
    .grid_board .board ul li { height: calc(100vw * (334 / 1180)); }
    .grid_board .board ul li strong { font-size: calc(100vw * (26 / 1180)); }
    .grid_board .board ul li span { margin-bottom: calc(100vw * (28 / 1180)); }
}
@media (max-width: 767px){
    .title_box { margin-bottom: calc(100vw * (200 / 767)); }
    .grid_board .board ul li { height: calc(100vw * (328 / 767)); }
    .grid_board .board ul li span { margin-bottom: calc(100vw * (28 / 767)); }
    .grid_board .board ul li strong { font-size: calc(100vw * (32 / 767)); }
    .board.mo .btn_wrap { display: block; }
}

/* portfolio pop up */
.pop_portfolio .pop { 
    display: block;
    padding: 6rem;
    width: 68.6rem;
    max-height: 68.4rem; 
}
.pop_portfolio .pop .close {  
    filter: invert(0);
    width: 2.6em;
    height: 2.6rem;
    top: -3.6em;
    right: 0;
}
.pop_portfolio .pop_content .title {  
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.pop_portfolio .pop_content .title em {  
    display: block; 
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    color: #9D9D9D;
}
.pop_portfolio .pop_content .title h2 {  
    margin-bottom: 0;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}
.pop_portfolio .pop_content .desc {  
    padding-right: 2.5rem;
    font-size: 1.6rem;       
    line-height: 1.6;
    text-align: left;
    max-height: 39.6rem;
    height: 100%;
    overflow-y: auto;
    color: #111;
}
.pop_portfolio .pop_content .desc::-webkit-scrollbar { width: 3px; background: rgba(0, 0, 0, 0.10); }
.pop_portfolio .pop_content .desc::-webkit-scrollbar-thumb { background: #111; }
.pop_portfolio .pop_content .desc::-webkit-scrollbar-trac { background: rgba(0, 0, 0, 0.10); }
.pop_portfolio .pop_content .desc ul li {         
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 16px;
}
.pop_portfolio .pop_content .desc ul li:last-child { margin-bottom: 0; }
.pop_portfolio .pop_content .desc ul li * { display:block; line-height: 1; }
.pop_portfolio .pop_content .desc ul li b { width: 8.8rem; }
.pop_portfolio .pop_content .desc ul li span { width: calc(100% - 8.8rem);}
.pop_portfolio .pop_content .desc .img { margin-top:36px; width: 100%; height: 30.4rem; }
.pop_portfolio .pop_content .desc .img img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1180px){
    .pop_portfolio .pop { 
        padding: calc(100vw * (70 / 1180)) calc(100vw * (60 / 1180));
        width: calc(100vw * (686 / 1180));
        height: auto; 
        /* height: calc(100vw * (698 / 1180));  */
    }
    .pop_portfolio .pop .close {  
        width: calc(100vw * (26 / 1180));
        height: calc(100vw * (26 / 1180));
        top: calc(100vw * (-36 / 1180));
    }
    .pop_portfolio .pop_content .title {  
        padding-bottom: calc(100vw * (30 / 1180));
        margin-bottom: calc(100vw * (30 / 1180));
    }
    .pop_portfolio .pop_content .title em {  
        margin-bottom: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (16 / 1180));
    }
    .pop_portfolio .pop_content .title h2 {
        font-size: calc(100vw * (24 / 1180));
    }
    .pop_portfolio .pop_content .desc {  
        padding-right: calc(100vw * (25 / 1180));
        font-size: calc(100vw * (16 / 1180));     
        max-height: calc(100vw * (396 / 1180));
    }
    .pop_portfolio .pop_content .desc ul li { margin-bottom: calc(100vw * (16 / 1180)); }
    .pop_portfolio .pop_content .desc ul li b { width: calc(100vw * (88 / 1180)); }
    .pop_portfolio .pop_content .desc ul li span { width: calc(100% - calc(100vw * (88 / 1180)));}
    .pop_portfolio .pop_content .desc .img { margin-top: calc(100vw * (36 / 1180)); height: calc(100vw * (304 / 1180)); }

}
@media (max-width: 767px){
    .pop_portfolio .pop { 
        padding: calc(100vw * (70 / 767)) calc(100vw * (60 / 767));
        width: calc(100% - calc(100vw * (64 / 767)) );
        /* height: calc(100vw * (728 / 767));  */
    }
    .pop_portfolio .pop .close {  
        width: calc(100vw * (58 / 767));
        height: calc(100vw * (58 / 767));
        top: calc(100vw * (-68 / 767));
    }
    .pop_portfolio .pop_content .title {  
        padding-bottom: calc(100vw * (30 / 767));
        margin-bottom: calc(100vw * (30 / 767));
    }
    .pop_portfolio .pop_content .title em {  
        margin-bottom: calc(100vw * (24 / 767));
        font-size: calc(100vw * (16 / 767));
    }
    .pop_portfolio .pop_content .title h2 {
        font-size: calc(100vw * (30 / 767));
    }
    .pop_portfolio .pop_content .desc {  
        padding-right: calc(100vw * (25 / 767));
        font-size: calc(100vw * (24 / 767));     
        max-height: calc(100vw * (396 / 767));
    }
    .pop_portfolio .pop_content .desc ul li { margin-bottom: calc(100vw * (16 / 767)); }
    .pop_portfolio .pop_content .desc ul li b { width: calc(100vw * (115 / 767)); }
    .pop_portfolio .pop_content .desc ul li span { width: calc(100% - calc(100vw * (115 / 767)));}
    .pop_portfolio .pop_content .desc .img { margin-top: calc(100vw * (36 / 767)); height: calc(100vw * (304 / 767)); }

}

/* 다국어 */
:lang(en) .pop_portfolio .pop_content .desc ul li b { width: 175px;}
:lang(en) .pop_portfolio .pop_content .desc ul li span { width:calc(100% - 175px); }
@media (max-width: 1180px){
    :lang(en) .pop_portfolio .pop_content .desc ul li b { width: calc(100vw * (175 / 1180));}
    :lang(en) .pop_portfolio .pop_content .desc ul li span { width:calc(100% - calc(100vw * (175 / 1180))); }
}
@media (max-width: 767px){
    :lang(en) .pop_portfolio .pop_content .desc ul li b { width: calc(100vw * (175 / 767));}
    :lang(en) .pop_portfolio .pop_content .desc ul li span { width:calc(100% - calc(100vw * (175 / 767))); }
}