#con_page .box_aboutus { background-color: #f8f8f8; padding:20px 16px 44px; min-height: 670px; }

#con_page .box_aboutus .wrp_contents { 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:auto;display:flex;flex-direction:column;gap:10px }
#con_page .aboutus_summary .vision {display:flex;flex-direction:column;background: #0C8050;padding:15px 32px;  box-sizing:border-box;}
#con_page .aboutus_summary .vision .col {display:flex;gap:10px;align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0 20px 120px;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:20px;font-family:'Montserrat', sans-serif; font-weight:700}
#con_page .aboutus_summary .vision .desc {font-size:14px;}
#con_page .aboutus_summary .greeting {position:relative;background:#fff;height:448px}
#con_page .aboutus_summary .greeting .object {width:100%;height:100%;background:url(../assets/imgs/about/aboutus_summary_ceo.png) no-repeat bottom right;background-size:auto 250px;}
#con_page .aboutus_summary .greeting .module {position:absolute;top:7%;left:8%;width:80%;color:#000;line-height:1.4}
#con_page .aboutus_summary .greeting .module .title {font-size:20px;font-family:'Montserrat', sans-serif; font-weight:600;color:#121212}
#con_page .aboutus_summary .greeting .module .text {display:block;font-size:14px;color:#555;margin-top:18px;line-height:1.4}

#con_page .aboutus_performance {padding:20px 0}
#con_page .aboutus_performance .background {position:relative;width:auto;height:300px;margin:0 -16px;background:url(../assets/imgs/about/aboutus_performance_1.jpg) no-repeat center;background-size: cover;}
#con_page .aboutus_performance .item {position:relative;background:#f8f8f8;margin-top:-36px;}
#con_page .aboutus_performance .item .col_a {box-sizing: border-box;padding:19px 24px;background:#0C8050;}
#con_page .aboutus_performance .item .col_a .title a {display:block;font-size:22px;font-family:'Montserrat', sans-serif; font-weight:700;color:#fff}
#con_page .aboutus_performance .item .col_a .title a .icon {position:absolute;top:0;right:0;width:28px;height:28px;border:2px #fff solid;}
#con_page .aboutus_performance .item .col_a .title a .icon:after, #con_page .aboutus_performance .item .col_a .title a .icon:before {content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;background-color: #fff}
#con_page .aboutus_performance .item .col_a .title a .icon:after {transform: rotate(90deg);transition:transform 0.3s;}
#con_page .aboutus_performance .item .col_a .title.in a .icon:after {transform: rotate(0deg);}
#con_page .aboutus_performance .item .col_a .title a .icon em {overflow:hidden;clip:rect(0 0 0 0);width:2px;height:2px;margin: -1px;color:transparent;}
#con_page .aboutus_performance .item .col_a .hidden_text {display:none}
#con_page .aboutus_performance .item .col_a .title.in + .hidden_text {display:block}
#con_page .aboutus_performance .item .col_a .summary {font-size:18px;color:#fff;margin-top:15px}
#con_page .aboutus_performance .item .col_a .description {font-size:14px;color:#fff;margin-top:15px}
#con_page .aboutus_performance .item .col_b {text-align:center}
#con_page .aboutus_performance .item .col_b .subject {padding:20px 0;font-size:20px}
#con_page .aboutus_performance .item .col_b .subject small {font-size:14px}

#con_page .box_aboutus_business {position:relative;background:#fff;padding:36px 0 80px}
#con_page .box_aboutus_business:after {content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:55px;background:#f8f8f8;}
#con_page .box_aboutus_business .title_wrap {margin:0 auto}
#con_page .box_aboutus_business .title_wrap .title {font-size:22px;font-family:'Montserrat', sans-serif; font-weight:700;color:#121212;text-align:center}
#con_page .global_businesses_map {position:relative;background:#fff;margin:15px 0 0;text-align:center;}
#con_page .global_businesses_map .guide {position:absolute;z-index:2;top:10px;left:50%;width:80%;transform: translate(-50%, 0)}
#con_page .global_businesses_map .guide span {position:relative;display:inline-block;font-size:14px;color:#000;padding-left:16px;margin-left:15px}
#con_page .global_businesses_map .guide span:before {content:'';position:absolute;left:0;top:50%;margin-top:-6px;display:block;width:12px;height:12px;background-color:#e71f24;vertical-align:middle;border-radius:11px}
#con_page .global_businesses_map .guide span.nth_1 {margin-left:0}
#con_page .global_businesses_map .guide span.nth_2:before {background-color:#f3951a}
#con_page .global_businesses_map .guide span.nth_3:before {background-color:#1f6eb7}
#con_page .global_businesses_map .scroll_wrap {text-align:center;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling: touch;}
#con_page .global_businesses_map .scroll_inner {width: 900px;}
#con_page .global_businesses_map .pic {padding:50px 0 60px;}

#con_page .business_food_items {position:relative;margin:-20px auto 0;}
#con_page .business_food_items .title {font-size:22px;font-weight:400;color:#0C8050;text-align:center;background:#fff}
#con_page .business_food_items .wrap {margin:12px 16px}
#con_page .business_food_items .nav ul {display:flex;flex-wrap:wrap;}
#con_page .business_food_items .nav ul li {flex-basis:calc(50% - 2px);border:1px solid #e6e6e6;margin-top:-1px}
#con_page .business_food_items .nav ul li:nth-child(even) {margin-left:-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:flex;align-items: center;justify-content: center;font-size:14px;font-family:'Montserrat', sans-serif; font-weight:500;color:#111;padding:9px 10px;text-align:center;z-index:2;min-height:42px;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 {position:relative;}
#con_page .business_food_items .item {height:0;overflow:hidden}
#con_page .business_food_items .item.in {height:auto;}
#con_page .business_food_items .item .objects {position:relative;text-align:center;background-color:#fafafa;overflow:hidden;}
#con_page .business_food_items .item .object {position:absolute;top:0;left:0;right:0}
#con_page .business_food_items .item .object:first-child {position:relative;}
#con_page .business_food_items .item .content {position:relative;margin-top:40px}
#con_page .business_food_items .item .content .subject {font-size:22px;font-family:'Montserrat', sans-serif; font-weight:500;color:#111;line-height:1.3;text-align:center}
#con_page .business_food_items .item .content .subject:before {content:'';position:absolute;top:-60px;left:50%;width:1px;height:40px;background-color:#000;opacity:0;transform:translate(100%, 0);transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s}
#con_page .business_food_items .item.in .content .subject:before {opacity:1;transform:translate(0, 0);}
#con_page .business_food_items .item .content .description p {font-size:14px;color:#555;line-height:1.4;margin-top:20px}

#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}