/* ABOUT US */
.company {padding-top:0;}
.company .visual-wrapper .visual-img {width:100%;aspect-ratio:4 / 1;background:url(/wp-content/uploads/2025/07/img-about-1.jpg) no-repeat center 40% / cover;}
.company .visual-wrapper .title-wrap {position:relative;top:-5rem;margin-bottom:0;}
.company .visual-wrapper .title-wrap .title {font-size:7.5rem;text-align:left;text-shadow:6px 0 0 var(--awb-custom_color_2);}
.company .visual-wrapper .title-wrap .desc {text-align:left;}
.company .branch-list {justify-content:flex-start;align-items:center;gap:1.25rem;width:100%;margin-bottom:7.5rem;}
.company .branch-list .item {position:relative;width:calc(20% - 1.25rem * 4 / 5);aspect-ratio:3 / 2;}
.company .branch-list .item a {display:block;width:100%;height:100%;border:1px solid var(--awb-custom_color_4);box-sizing:border-box;transition:0.3s;}
.company .branch-list .item a .inner {justify-content:center;width:100%;height:100%;padding:0.75rem;border:0.75rem solid #fff;box-sizing:border-box;}
.company .branch-list .item a .inner .national-flag {width:60px;aspect-ratio:1 / 1;margin:0 auto 0.75rem;background:no-repeat center center / contain;}
.company .branch-list .item.korea a .inner .national-flag {background-image:url(/wp-content/uploads/2025/06/icon-about-national-flag-1.png);}
.company .branch-list .item.mongolia a .inner .national-flag {background-image:url(/wp-content/uploads/2025/06/icon-about-national-flag-2.png);}
.company .branch-list .item.vietnam a .inner .national-flag {background-image:url(/wp-content/uploads/2025/06/icon-about-national-flag-3.png);}
.company .branch-list .item.laos a .inner .national-flag {background-image:url(/wp-content/uploads/2025/06/icon-about-national-flag-4.png);}
.company .branch-list .item.myanmar a .inner .national-flag {background-image:url(/wp-content/uploads/2025/06/icon-about-national-flag-5.png);}
.company .branch-list .item.malaysia a .inner .national-flag {background-image:url(/wp-content/uploads/2025/07/icon-about-national-flag-6.png);}
.company .branch-list .item.singapore a .inner .national-flag {background-image:url(/wp-content/uploads/2025/07/icon-about-national-flag-7.png);}
.company .branch-list .item.malaysia a,
.company .branch-list .item.singapore a {pointer-events:none;}
.company .branch-list .item a .inner .nation-name {display:block;width:100%;color:var(--awb-custom_color_4);font-size:1.25rem;font-weight:400;font-family:var(--font700);text-align:center;transition:0.3s;}
.company .branch-list .item a .inner .notice {position:absolute;top:0.5rem;left:-0.75rem;display:block;color:#fff;font-size:0.875rem;font-family:var(--font700);padding:0 0.75rem;background-color:var(--awb-custom_color_14);}
.company .branch-list .item a:hover {transform:translateY(-0.5rem);}
.company .branch-list .item a:hover .inner .nation-name {color:var(--awb-custom_color_14);}
.company .address-wrapper .address-title {justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:3.75rem;}
.company .address-wrapper .address-title .text-wrap {width:calc(100% - 200px);}
.company .address-wrapper .address-title .text-wrap .subject {color:var(--awb-custom_color_14);font-size:3.5rem;font-weight:400;font-family:var(--font900);line-height:1.1;}
.company .address-wrapper .address-title .text-wrap .desc {color:var(--awb-custom_color_4);font-size:1.25rem;font-family:var(--font400);margin-top:1.25rem;}
.company .address-wrapper .google-map-wrap {width:100%;aspect-ratio:3 / 1;border:1px solid var(--awb-custom_color_4);padding:1.25rem;background-color:#fff;box-sizing:border-box;}
.company .address-wrapper .google-map-wrap iframe {width:100%;height:100%;}

.value {background-color:var(--awb-custom_color_14);}
.value .title-wrap .title {color:var(--awb-custom_color_1);}
.value .value-list {justify-content:center;align-items:center;gap:3.75rem;width:100%;}
.value .value-list .item {width:calc(50% - 3.75rem / 2);padding:2.5rem;border:0.75rem solid #fff;background-color:var(--awb-custom_color_2);box-sizing:border-box;}
.value .value-list .item .icon {position:relative;width:120px;aspect-ratio:1 / 1;margin:0 auto 1.25rem;background:no-repeat center center / contain;}
.value .value-list .item:nth-child(1) .icon {background-image:url(/wp-content/uploads/2025/06/icon-about-value-1.png);}
.value .value-list .item:nth-child(2) .icon {background-image:url(/wp-content/uploads/2025/06/icon-about-value-2.png);}
.value .value-list .item .icon::after {content:"";position:absolute;display:block;width:40px;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--awb-custom_color_1);mix-blend-mode:multiply;}
.value .value-list .item:nth-child(1) .icon::after {top:0.5rem;left:-0.75rem;}
.value .value-list .item:nth-child(2) .icon::after {bottom:0;right:-0.75rem;}
.value .value-list .item .text {width:100%;font-size:1.25rem;font-weight:400;text-align:center;}
.value .value-list .item .text span {color:var(--awb-custom_color_4);font-family:var(--font400);}
.value .value-list .item .text strong {color:var(--awb-custom_color_14);font-weight:400;font-family:var(--font700);}

.story {padding:0;}
.story .inner {justify-content:center;width:100%;}
.story .inner .story-img {width:50%;min-height:calc(100vh - 100px);background:url(/wp-content/uploads/2025/06/img-about-2.jpg) no-repeat center center / cover;}
.story .inner .story-text {justify-content:center;width:50%;padding:7.5rem calc((100% - 1400px) / 2) 7.5rem 5rem;}
.story .inner .story-text .title-tag {color:var(--awb-custom_color_14);font-size:1.25rem;font-family:var(--font900);line-height:1.1;}
.story .inner .story-text .title {color:var(--awb-custom_color_1);font-size:3.5rem;font-family:var(--font900);line-height:1.1;margin:0.5rem 0 2.5rem;}
.story .inner .story-text .desc {color:var(--awb-custom_color_4);font-size:1.25rem;font-family:var(--font400);}
.story .inner .story-text .desc + .desc {margin-top:1.25rem;}

.history .history-wrapper {position:relative;width:100%;}
.history .history-wrapper .percent-bar {position:absolute;top:0;left:50%;display:block;width:2px;height:100%;border-radius:50px;background-color:var(--awb-custom_color_15);transform:translateX(-50%);overflow:hidden;}
.history .history-wrapper .percent-bar .percent-bar-child {position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--awb-custom_color_1);}
.history .history-wrapper .history-wrap {justify-content:center;gap:8.75rem;}
.history .history-wrapper .history-wrap .img-list {position:relative;width:calc(50% - 8.75rem / 2);}
.history .history-wrapper .history-wrap .img-list .item {position:absolute;padding:0.5rem;border:1px solid var(--awb-custom_color_4);background-color:#fff;box-sizing:border-box;}
.history .history-wrapper .history-wrap .img-list .item img {display:block;width:100%;}
.history .history-wrapper .history-wrap .event-list {width:calc(50% - 8.75rem / 2);}
.history .history-wrapper .history-wrap .event-list > li {width:100%;}
.history .history-wrapper .history-wrap .event-list > li + li {margin-top:5rem;}
.history .history-wrapper .history-wrap .event-list > li .history-year-title {position:relative;}
.history .history-wrapper .history-wrap .event-list > li .history-year-title .dot {position:absolute;top:50%;left:calc(-8.75rem / 2 - 5px);display:block;width:10px;height:10px;border-radius:50px;background-color:var(--awb-custom_color_1);transform:translateY(-50%);}
.history .history-wrapper .history-wrap .event-list > li .history-year-title .year {display:block;color:var(--awb-custom_color_14);font-size:3rem;font-family:var(--font900);line-height:1.1;margin-bottom:1.25rem;}
.history .history-wrapper .history-wrap .event-list > li .desc-list {width:100%;}
.history .history-wrapper .history-wrap .event-list > li .desc-list li {position:relative;color:var(--awb-custom_color_4);font-size:1.25rem;font-weight:400;padding-left:1.25rem;box-sizing:border-box;}
.history .history-wrapper .history-wrap .event-list > li .desc-list li::before {content:"";position:absolute;top:15px;left:4px;display:block;width:5px;height:5px;background-color:var(--awb-custom_color_4);}
.history .history-wrapper .history-wrap .event-list > li .desc-list li span {font-family:var(--font400);}
.history .history-wrapper .history-wrap .event-list > li .desc-list li strong {font-weight:400;font-family:var(--font700);}

.history .history-wrapper .history-wrap .img-list .item.img-no1 {top:0%;right:0;width:65%;}
.history .history-wrapper .history-wrap .img-list .item.img-no2 {top:21.5%;left:0;width:70%;}
.history .history-wrapper .history-wrap .img-list .item.img-no3 {top:35%;right:0;width:75%;}
.history .history-wrapper .history-wrap .img-list .item.img-no4 {top:47.5%;left:0;width:75%;}
.history .history-wrapper .history-wrap .img-list .item.img-no5 {top:68%;left:5%;width:75%;}
.history .history-wrapper .history-wrap .img-list .item.img-no6 {bottom:0;right:0;width:75%;}

.identity {position:relative;background-color:var(--awb-custom_color_14);}
.identity::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2025/06/img-pattern-filled-type.png) repeat center center / 50%;opacity:0.1;mix-blend-mode:multiply;}
.identity .center {position:relative;z-index:1;}
.identity .title-wrap .title {color:var(--awb-custom_color_1);}
.identity .bi-wrapper {justify-content:center;align-items:center;gap:2.5rem 5rem;}
.identity .bi-wrapper + .bi-wrapper {margin-top:5rem;}
.identity .bi-wrapper.full .bi-img-wrap {width:100%;}
.identity .bi-wrapper.full .bi-text-wrap {width:100%;}
.identity .bi-wrapper.half .bi-img-wrap {width:calc(50% - 5rem / 2);}
.identity .bi-wrapper.half .bi-text-wrap {width:calc(50% - 5rem / 2);}
.identity .bi-wrapper .bi-img-wrap {position:relative;padding:7.5rem 2.5rem;background-color:#fff;box-sizing:border-box;}
.identity .bi-wrapper .bi-img-wrap::before {content:"";position:absolute;top:1.25rem;left:1.25rem;display:block;width:calc(100% - 1.25rem * 2);height:calc(100% - 1.25rem * 2);border:1px solid var(--awb-custom_color_11);background-image:linear-gradient(0deg, transparent calc(100% - 1px), var(--awb-custom_color_11) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), var(--awb-custom_color_11) calc(100% - 1px));background-repeat:repeat;background-position:center;background-size:1.25rem 1.25rem;box-sizing:border-box;pointer-events:none;opacity:0.5;}
.identity .bi-wrapper .bi-img-wrap .img {position:relative;height:6.25rem;text-align:center;z-index:1;}
.identity .bi-wrapper .bi-img-wrap .img img {display:inline-block;height:100%;}
.identity .bi-wrapper .bi-text-wrap .subject {color:var(--awb-custom_color_1);font-size:2.5rem;font-weight:400;font-family:var(--font900);line-height:1.1;margin-bottom:1.75rem;}
.identity .bi-wrapper .bi-text-wrap .desc {color:#fff;font-size:1.25rem;font-family:var(--font400);}
.identity .bi-media {width:100%;padding:1.25rem;margin-top:7.5rem;background-color:#fff;box-sizing:border-box;}
.identity .bi-media video {display:block;width:100%;}
.identity .bi-media iframe {width:100%;aspect-ratio:16 / 9;}

/* RESPONSIVE */
@media screen and (max-width:1450px){
    .company .visual-wrapper .visual-img {height:300px;aspect-ratio:unset;}
    .company .visual-wrapper .title-wrap {top:-3.75rem;margin-bottom:1.25rem;}
    .company .visual-wrapper .title-wrap .title {font-size:6.25rem;}
    .company .branch-list .item {aspect-ratio:1 / 1;}
    .company .address-wrapper .address-title .text-wrap .subject {font-size:3rem;}

    .value .value-list {gap:2.5rem;}
    .value .value-list .item {width:calc(50% - 2.5rem / 2);}

    .story .inner .story-text {padding:7.5rem 30px 7.5rem 3.75rem;}
    .story .inner .story-text .title {font-size:3rem;}

    .history .history-wrapper .history-wrap {gap:6.25rem;}
    .history .history-wrapper .history-wrap .img-list {width:calc(50% - 6.25rem / 2);}
    .history .history-wrapper .history-wrap .event-list {width:calc(50% - 6.25rem / 2);}
    .history .history-wrapper .history-wrap .event-list > li .history-year-title .dot {left:calc(-6.25rem / 2 - 5px);}

    .identity .bi-wrapper {gap:2.5rem 3.75rem;}
    .identity .bi-wrapper.half .bi-img-wrap {width:calc(50% - 3.75rem / 2);}
    .identity .bi-wrapper.half .bi-text-wrap {width:calc(50% - 3.75rem / 2);}
}

@media screen and (max-width:1150px){
    .company .visual-wrapper .visual-img {margin-bottom:1.25rem;}
    .company .visual-wrapper .title-wrap {top:0;margin-bottom:3.75rem;}
    .company .visual-wrapper .title-wrap .title {font-size:3.75rem;}
    .company .branch-list {margin-bottom:5rem;}
    .company .branch-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);aspect-ratio:unset;}
    .company .branch-list .item a .inner {padding:1.25rem 0.75rem;}
    .company .branch-list .item a .inner .national-flag {margin:0 auto 0.5rem;}
    .company .branch-list .item a .inner .nation-name {font-size:1.125rem;}
    .company .address-wrapper .address-title {margin-bottom:2.5rem;}
    .company .address-wrapper .address-title .text-wrap .subject {font-size:2.5rem;}
    .company .address-wrapper .address-title .text-wrap .desc {font-size:1.125rem;}
    .company .address-wrapper .google-map-wrap {aspect-ratio:3 / 2;}

    .value .value-list {gap:1.25rem;}
    .value .value-list .item {width:calc(50% - 1.25rem / 2);padding:1.5rem;}
    .value .value-list .item .icon {width:100px;}
    .value .value-list .item .text {font-size:1.125rem;}

    .story .inner .story-img {min-height:unset;}
    .story .inner .story-text {padding:5rem 30px 5rem 2.5rem;}
    .story .inner .story-text .title-tag {font-size:1.125rem;}
    .story .inner .story-text .title {font-size:2.5rem;margin:0.5rem 0 1.25rem;}
    .story .inner .story-text .desc {font-size:1.125rem;}
    .story .inner .story-text .desc + .desc {margin-top:1.125rem;}
    
    .history .history-wrapper .history-wrap {gap:5rem;}
    .history .history-wrapper .history-wrap .img-list {width:calc(50% - 5rem / 2);}
    .history .history-wrapper .history-wrap .event-list {width:calc(50% - 5rem / 2);}
    .history .history-wrapper .history-wrap .event-list > li .history-year-title .dot {left:calc(-5rem / 2 - 5px);}
    .history .history-wrapper .history-wrap .event-list > li + li {margin-top:3.75rem;}
    .history .history-wrapper .history-wrap .event-list > li .history-year-title .year {font-size:2rem;margin-bottom:0.75rem;}
    .history .history-wrapper .history-wrap .event-list > li .desc-list li {font-size:1.125rem;padding-left:1.125rem;}
    .history .history-wrapper .history-wrap .event-list > li .desc-list li::before {top:13px;}

    .identity .bi-wrapper {gap:1.75rem;}
    .identity .bi-wrapper + .bi-wrapper {margin-top:3.75rem;}
    .identity .bi-wrapper.half .bi-img-wrap {width:100%;}
    .identity .bi-wrapper.half .bi-text-wrap {width:100%;}
    .identity .bi-wrapper .bi-img-wrap .img {height:5rem;}
    .identity .bi-wrapper .bi-text-wrap .subject {font-size:2rem;margin-bottom:1rem;}
    .identity .bi-wrapper .bi-text-wrap .desc {font-size:1.125rem;}
    .identity .bi-media {margin-top:5rem;}
}

@media screen and (max-width:640px){
    .company .visual-wrapper .title-wrap {margin-bottom:2.5rem;}
    .company .visual-wrapper .title-wrap .title {font-size:2.5rem;}
    .company .branch-list .item {width:calc(50% - 1.25rem / 2);}
    .company .branch-list .item a .inner .nation-name {font-size:1rem;}
    .company .address-wrapper .address-title {justify-content:flex-end;margin-bottom:1.25rem;}
    .company .address-wrapper .address-title .text-wrap {width:100%;margin-bottom:1.25rem;}
    .company .address-wrapper .address-title .text-wrap .subject {font-size:2rem;}
    .company .address-wrapper .address-title .text-wrap .desc {font-size:1rem;margin-top:0.75rem;}
    .company .address-wrapper .google-map-wrap {padding:0.75rem;}

    .value .value-list .item {width:100%;padding:1.5rem 0.75rem;}
    .value .value-list .item .text {font-size:1rem;}

    .story .inner .story-img {width:100%;aspect-ratio:3 / 2;}
    .story .inner .story-text {width:100%;padding:2.5rem 16px 0;}
    .story .inner .story-text .title-tag {font-size:1rem;}
    .story .inner .story-text .title {font-size:2rem;margin:0.5rem 0 0.75rem;}
    .story .inner .story-text .desc {font-size:1rem;}
    .story .inner .story-text .desc + .desc {margin-top:1rem;}

    .history .history-wrapper .history-wrap {gap:3.75rem;}
    .history .history-wrapper .history-wrap .img-list {width:calc(50% - 3.75rem / 2);}
    .history .history-wrapper .history-wrap .event-list {width:calc(50% - 3.75rem / 2);}
    .history .history-wrapper .history-wrap .event-list > li + li {margin-top:2.5rem;}
    .history .history-wrapper .history-wrap .event-list > li .history-year-title .dot {left:calc(-3.75rem / 2 - 4px);width:8px;height:8px;}
    .history .history-wrapper .history-wrap .event-list > li .history-year-title .year {font-size:1.5rem;margin-bottom:0.5rem;}
    .history .history-wrapper .history-wrap .event-list > li .desc-list li {font-size:1rem;padding-left:1rem;}
    .history .history-wrapper .history-wrap .event-list > li .desc-list li::before {top:12px;width:4px;height:4px;}

    .history .history-wrapper .history-wrap .img-list .item.img-no1 {width:90%;}
    .history .history-wrapper .history-wrap .img-list .item.img-no2 {top:25%;width:90%;}
    .history .history-wrapper .history-wrap .img-list .item.img-no3 {top:40%;width:90%;}
    .history .history-wrapper .history-wrap .img-list .item.img-no4 {top:55%;width:90%;}
    .history .history-wrapper .history-wrap .img-list .item.img-no5 {top:70%;width:90%;}
    .history .history-wrapper .history-wrap .img-list .item.img-no6 {width:100%;}

    .identity .bi-wrapper .bi-img-wrap {padding:3.75rem 2.5rem;}
    .identity .bi-wrapper .bi-img-wrap::before {top:0.75rem;left:0.75rem;width:calc(100% - 0.75rem * 2);height:calc(100% - 0.75rem * 2);}
    .identity .bi-wrapper.full .bi-img-wrap .img {width:75%;height:auto;margin:0 auto;}
    .identity .bi-wrapper.full .bi-img-wrap .img img {width:100%;height:auto;}
    .identity .bi-wrapper .bi-text-wrap .subject {font-size:1.75rem;}
    .identity .bi-wrapper .bi-text-wrap .desc {font-size:1rem;}
    .identity .bi-media {padding:0.75rem;}
}