.container {position:relative; overflow: hidden; margin:0; padding-top:87px; background:url('../../../../img/company/history/history_bg.jpeg') center top / cover no-repeat; height:calc(100vh - 87px); }

#COMPANY_HISTORY .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 0; }
#COMPANY_HISTORY .inner { position:relative; display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100%; gap:55px; padding:0 60px; box-sizing: border-box; }
#COMPANY_HISTORY .inner .title { color: #fff; font-family: "HDFont", sans-serif;  font-size: 56px; font-weight: 600; line-height: 1.4; letter-spacing: -1.4px; text-align:center; }
#COMPANY_HISTORY .inner .logo { display:inline-flex; justify-content:center; align-items:center; padding:54px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(10px); box-sizing: border-box; }
#COMPANY_HISTORY .inner .logo img { display:block; }
#COMPANY_HISTORY .inner .btn_wr { display:flex; align-items: stretch; gap:20px; max-width:600px; width:100%; }
#COMPANY_HISTORY .inner .btn_wr a { display: flex; padding: 20px 24px; justify-content: space-between; align-items: center; flex: 1 0 0; background: #222; cursor:pointer; color: #FFF; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -0.45px; }
#COMPANY_HISTORY .inner .btn_wr a:after { content:""; display:block; width:24px; height:auto; aspect-ratio:1/1; background:url('../../../../img/common/icon/icon-arrowright-w.png') center / 100% auto no-repeat; }

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    .container {position:relative; width:100%; height:calc(100vh - 63px); min-height:100%; padding:0; }
    #COMPANY_HISTORY .inner { padding:0 60px; }
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .container { background-image:url('../../../../img/company/history/history_bg_m.jpg'); }
    br.pc { display:none; }
    #COMPANY_HISTORY .inner { padding:0 20px; gap:20px; }
    #COMPANY_HISTORY .inner .title { font-size: min(8vw, 36px); letter-spacing: -0.9px; }
    #COMPANY_HISTORY .inner .logo { padding:30px; width:80%; max-width:500px; }
    #COMPANY_HISTORY .inner .logo img { width:90%; }
    #COMPANY_HISTORY .inner .btn_wr { max-width:500px; display:block; }
    #COMPANY_HISTORY .inner .btn_wr a { padding:12px 24px; font-size:14px; }
    #COMPANY_HISTORY .inner .btn_wr a + a { margin-top:20px; }
}