body {overflow-x:hidden}
@media only screen and (max-width: 1279px) {body {overflow-x:auto}}
@media only screen and (max-width: 1199px) { #con_page .box_aboutus { width: 91.66667%; } }

#con_page .box_aboutus { background-color: #f8f8f8; padding: 40px 0 0;min-width: 1280px; min-height: 670px }
#con_page .box_aboutus .wrp_contents { width: 1280px; margin: auto; }
#con_page .box_aboutus .inview .inview_el {opacity: 0; transform: translate(0, 15px); transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms}
#con_page .box_aboutus .inview .inview_el.nth_1 {transition-delay: 150ms}
#con_page .box_aboutus .inview .inview_el.nth_2 {transition-delay: 300ms}
#con_page .box_aboutus .inview .inview_el.nth_3 {transition-delay: 400ms}
#con_page .box_aboutus .inview .inview_el.nth_4 {transition-delay: 500ms}
#con_page .box_aboutus .inview .inview_el.nth_5 {transition-delay: 600ms}
#con_page .box_aboutus .is_inviewed .inview_el {opacity: 1; transform: translate(0, 0);}

/* 실적 영역 */
#con_page .aboutus_summary { position: relative; height:480px;display:flex;gap:10px }
#con_page .aboutus_summary .vision {flex-basis:50%;display:flex;flex-direction:column;gap:70px;background: #0C8050;padding:70px 50px;  box-sizing:border-box;}
#con_page .aboutus_summary .vision .col {display:flex;height:130px;gap:16px;align-items:flex-start;flex-direction:column;justify-content:center;padding-left:156px;color:#fff}
#con_page .aboutus_summary .vision .col_a {background:url(../assets/imgs/about/aboutus_summary_ico_1.svg) no-repeat center left}
#con_page .aboutus_summary .vision .col_b {background:url(../assets/imgs/about/aboutus_summary_ico_2.svg) no-repeat center left}
#con_page .aboutus_summary .vision .name {font-size:24px;font-family:'Montserrat', sans-serif; font-weight:700}
#con_page .aboutus_summary .vision .desc {font-size:18px;}
#con_page .aboutus_summary .greeting {flex-basis:50%;position:relative;background:#fff;overflow:hidden}
#con_page .aboutus_summary .greeting .object {width:100%;height:100%;background:url(../assets/imgs/about/aboutus_summary_ceo.png) no-repeat bottom right}
#con_page .aboutus_summary .greeting .module {position:absolute;top:15.5%;left:8%;width:250px;color:#000}
#con_page .aboutus_summary .greeting .module .title {font-size:24px;font-family:'Montserrat', sans-serif; font-weight:600;color:#121212}
#con_page .aboutus_summary .greeting .module .text {display:block;font-size:18px;color:#555;margin-top:12px;line-height:1.4}

#con_page .aboutus_performance {padding:100px 0}
#con_page .aboutus_performance .background {position:relative;left:50%;width:1600px;height:500px;margin-left:-800px;background:url(../assets/imgs/about/aboutus_performance_1.jpg) no-repeat center}
@media only screen and (max-width: 1279px) {#con_page .aboutus_performance .background {width:100%;left:0;margin:0}}
#con_page .aboutus_performance .item {position:relative;display:flex;background:#f8f8f8;margin-top:-57px}
#con_page .aboutus_performance .item .col_a {flex-basis:68.8%;padding:70px 70px 60px 60px;box-sizing: border-box;background:#fff;}
#con_page .aboutus_performance .item .col_a .title {font-size:32px;font-family:'Montserrat', sans-serif; font-weight:700;color:#121212}
#con_page .aboutus_performance .item .col_a .summary {font-size:24px;color:#000;margin-top:30px}
#con_page .aboutus_performance .item .col_a .description {font-size:18px;color:#555;margin-top:26px}
#con_page .aboutus_performance .item .col_b {flex-basis:31.2%;text-align:center}
#con_page .aboutus_performance .item .col_b .subject {padding:36px 0 20px;font-size:24px}
#con_page .aboutus_performance .item .col_b .subject small {font-size:18px}
#con_page .aboutus_performance .item .col_b .graph img {width:280px}

#con_page .box_aboutus_business {background:#fff;padding:97px 0}
#con_page .box_aboutus_business .title_wrap {width: 1280px;margin:0 auto}
#con_page .box_aboutus_business .title_wrap .title {font-size:32px;font-family:'Montserrat', sans-serif; font-weight:700;color:#121212}

#con_page .global_businesses_map {background:#fff;width:1280px;margin:55px auto 100px}
#con_page .global_businesses_map .inner {position:relative;overflow:hidden;z-index:1}
#con_page .global_businesses_map .gradient {min-width:1280px;max-width:1280px;height:569px;margin:0 auto;background: linear-gradient(-45deg, #3390c9, #e0495c, #ea9836);background-size: 200% 100%;opacity:0;animation: AnimGrident 3s ease infinite;transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#con_page .global_businesses_map.is_inviewed .gradient {opacity:.25}
#con_page .global_businesses_map .global_map_mask {position:absolute;top:0;left:0;right:0;bottom:0;background-size:1280px 569px;background-position:center top;background-image:url(../assets/imgs/about/global_map_mask.svg);}
#con_page .global_businesses_map .global_map {position:absolute;top:0;left:0;right:0;bottom:0;background-size:1280px 569px;background:url(../assets/imgs/about/global_map.svg) no-repeat center top;opacity:0;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#con_page .global_businesses_map.is_inviewed .global_map {opacity:1}
@keyframes AnimGrident {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    to {background-position: 0% 50%}
}

#con_page .business_food_items {position:relative;width: 1280px;margin:0 auto;padding:10px 0}
#con_page .business_food_items .title {position:absolute;right:124px;display:inline-block;top:90px;font-size:24px;font-weight:400;color:#0C8050;}
#con_page .business_food_items .wrap {display:flex}
#con_page .business_food_items .nav {flex-basis:300px}
#con_page .business_food_items .nav ul {display:flex;flex-direction: column;}
#con_page .business_food_items .nav ul li {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-top:-1px}
#con_page .business_food_items .nav ul li a {position:relative;display:block}
#con_page .business_food_items .nav ul li a:before {content:'';position:absolute;z-index:1;top:-1px;left:0;right:100%;bottom:-1px;background-color: #0C8050;box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;}
#con_page .business_food_items .nav ul li.in a:before {right:0}
#con_page .business_food_items .nav ul li a:hover {text-decoration:none;color:#888}
#con_page .business_food_items .nav ul li a span {position:relative;display:block;font-size:20px;font-family:'Montserrat', sans-serif; font-weight:500;color:#111;padding:28px 30px 27px;z-index:2;transition: color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;}
#con_page .business_food_items .nav ul li.in a span {color:#fff}
#con_page .business_food_items .items {flex:1;position:relative;}
#con_page .business_food_items .item {display:flex;padding-left:12px;height:0;overflow:hidden}
#con_page .business_food_items .item.in {height:auto;max-height:10000px;}
#con_page .business_food_items .item .objects {flex-basis:552px;position:relative;height:540px}
#con_page .business_food_items .item .object {position:absolute;top:0;left:0;width:540px;height:540px;}
#con_page .business_food_items .item .content {flex:1;position:relative;top:130px}
#con_page .business_food_items .item .content .subject {font-size:32px;font-family:'Montserrat', sans-serif; font-weight:600;color:#111;line-height:1.3}
#con_page .business_food_items .item .content .description p {font-size:18px;color:#555;line-height:1.4;margin-top:50px}

#con_page .business_food_items .item .object, #con_page .business_food_items .item .content .subject, #con_page .business_food_items .item .content .description {opacity:0;transform:translate(0, 15px)}
#con_page .business_food_items .item.in .object, #con_page .business_food_items .item.in .content .subject, #con_page .business_food_items .item.in .content .description {opacity:1;transform:translate(0, 0);transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s}
#con_page .business_food_items .item.in .content .subject {transition-delay: 0.15s}
#con_page .business_food_items .item.in .content .description {transition-delay: 0.3s}
#con_page .business_food_items .item.in .object {transition-delay: 0.45s}
#con_page .business_food_items .item.in .object:nth-child(2n) {transition-delay: 0.6s}
#con_page .business_food_items .item.in .object:nth-child(3n) {transition-delay: 0.75s}
#con_page .business_food_items .item.in .object:nth-child(4n) {transition-delay: 0.9s}
#con_page .business_food_items .item.in .object:nth-child(5n) {transition-delay: 1.05s}
#con_page .business_food_items .item.in .object:nth-child(6n) {transition-delay: 1.3s}