@charset "utf-8";

:root {
    --primary: #EC6739;
}

.sec_hero .txt_wrap .logo {max-width:550px}
.bx_pf .sec_info {background:var(--primary);color:#ffffff}
.bx_pf .sec_info .cont {color:#ffffff}

.title_box p {max-width:730px}
.identity_box {display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);height:1200px}
.identity_box > div {height:auto}
.identity_box > div img {max-width:468px}
.identity_box .item_01 {background:#232323;grid-column: 1;grid-row: 1;}
.identity_box .item_02 {background:#ECECEC;grid-column: 1;grid-row: 2;}
.identity_box .item_03 {background:#565656;grid-column: 2;grid-row: 1 / span 2}
.identity_box .item_03 img {max-width:466px}

.sec_system .color .item {text-align:left;justify-content:flex-start;font-weight:normal;text-transform: uppercase;}
.color {display:flex}
.color .img_wrap {width:60%;max-width:1280px;margin-right:-1px}
.color > div:nth-child(2) {flex:1;display:flex;flex-direction:column;}
.color .item {height:100% !important}
.color .item_01 {background:#FF5B22}
.color .item_02 {background:#FF902F}
.color .item_03 {background:#232323}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}
    .identity_box {height:700px}
    .identity_box > div img {width:240px}
    .identity_box .item_03 img {width:160px}
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    .bx_pf .sec_info .title_box,
    .txt_info .title_box.side {text-align:left;align-items:flex-start}
    .bx_pf .sec_info .info,
    .txt_info .title_box.side {align-items:flex-start}
    .sec_hero .txt_wrap .logo {max-width:198px}
    
    .identity_box {height:auto;display:flex;flex-direction:row;flex-wrap:wrap}
    .identity_box > div {width:50%;height:200px}
    .identity_box > div img {width:120px}
    .identity_box .item_03 {width:100%;height:250px}
    .identity_box .item_03 img {width:100px}
    
    .color {display:block}
    .color .img_wrap {width:100%}
    .color .img_wrap img {width:101%;max-width:initial;margin-right:-2px}
    .color > div:nth-child(2) {margin-top:-4px}
    .sec_system .color .item {height:150px !important;width:100%;padding:20px 15px}
}