@charset "utf-8";

/* set color theme */
:root {
    --main-color: #45b266;
    --sub-color1: #38aca0;
    --sub-color2: rgb(1, 115, 121);
    --aqua: #03DDFF;
    --blue: #1A7EE2;
    --green: #0DA93C;
    --deep-green: #006D21;
    --emp-color: #e6001f;
    --timing-pop1: cubic-bezier(.85,.14,.29,.99);
    --timing-pop2: cubic-bezier(.71,.45,.36,1.31);
    --timing-pop3: cubic-bezier(.85,.14,.29,.99);
    --poppins: "Poppins", "Pretendard";
  }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 10px; 
  }
  ::-webkit-scrollbar:horizontal {
    height: 5px; 
  }
  ::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #707070;
  }

/* Base */
body {font-family: "Pretendard"; overflow-x: hidden; word-break: keep-all;}
body.en {font-family: "Poppins", "Pretendard";}
body.fixed {overflow: hidden!important;}
.screenshooting {width: 1920px;}

.typo1,
.typo2,
.typo3,
.typo4,
.typo5,
.typo6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {font-family: var(--poppins), "Pretendard"; font-weight: 500;}
.lead, .p1, .p2, .p3 {font-weight: 300;}

.wb--ka {word-break: keep-all;}
.wb--ba {word-break: break-all;}
.wb--nm {word-break: normal;}

.tt--u {text-transform: uppercase!important;}
.tt--c {text-transform: capitalize!important;}
.tt--n {text-transform: none!important;}

.logo {width: 180px; height: 54px;}
.logo--dark {background-image: url('../images/common/logo-dark.png')!important;}
.logo--white {background-image: url('../images/common/logo-white.png')!important;}

.fc--main {color: var(--main-color)!important;}
.fc--sub1 {color: var(--sub-color1)!important;}
.fc--sub2 {color: var(--sub-color2)!important;}
.fc--white {color: #fff!important;}
.fc--gray1 {color: var(--gray1)!important;}
.fc--gray2 {color: #A7A7A7!important;}
.fc--aqua {color: var(--aqua)!important;}
.fc--blue {color: var(--blue)!important;}
.fc--green {color: var(--green)!important;}
.fc--deep_green {color: var(--deep-green)!important;}
.fc--emp {color: var(--emp-color)!important;}

.mt--0 {margin-top: 0!important;}
.mb--0 {margin-bottom: 0!important;}
.ml--0 {margin-left: 0!important;}
.mr--0 {margin-right: 0!important;}
.mg--0 {margin: 0!important;}
.mg--0-auto {margin: 0 auto!important;}

.gap--0 {gap: 0!important;}

.btn {font-family: var(--poppins), "Pretendard"; font-weight: 500; transition: color .3s; color: var(--main-color);}
.btn span {position: relative; z-index: 1;}
.btn::before {position: absolute; top: -30%; left: 50%; z-index: 0; content: ""; display: block; width: 1000px; height: 1000px; border-radius: 50%; background: var(--main-color); transition: transform .3s; transform: translate(-50%, 0) scale(0);}

.btn--round {display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 2em; font-size: 18px; text-align: center; border-radius: 50px; position: relative; overflow: hidden; background: #f1f1f1;}
.btn--round.white {background: #fff;}
.btn--round.transparent {background: transparent; color: #fff; border: 1px solid #fff;}

.round_card {border-radius: 10px;}
.round {border-radius: 10px;}
.bd--cacaca {border: 1px solid #cacaca;}
.bd--cfcfcf {border: 1px solid #cfcfcf;}
.bd--dadada {border: 1px solid #dadada;}
.bd--dfdfdf {border: 1px solid #dfdfdf;}

.bg--gray1 {background: rgba(112, 112, 112, .1)!important;}
.bg--gray2 {background: #F8F8F9!important;}
.bg--main {background: var(--main-color)!important;}
.bg--green {background: #0DA93C!important;}
.bg--blue {background: var(--blue)!important;}
.bg--lg {background: #ECF8EF!important;}
.bg--lb {background: #F3F8FE!important;}

.disc_bullet {}
.disc_bullet > li {position: relative; padding-left: 1.5em; line-height: 1.5; margin-bottom: 0.5em;}
.disc_bullet > li:last-child {margin-bottom: 0;}
.disc_bullet > li::before {position: absolute; content: ''; width: 14px; height: 14px; border-radius: 50%; box-sizing: border-box; border: 4px solid #000; background: #fff; top: 0.75em; left: 0; transform: translate(0, -50%);}
.disc_bullet.green > li {color: var(--green);}
.disc_bullet.green > li::before {border-color: var(--green);}
.disc_bullet.blue > li {color: var(--blue);}
.disc_bullet.blue > li::before {border-color: var(--blue);}

.round_title_box {color: #fff; background: #adadad; padding: 10px; border-radius: 100px;}
.round_title_box .inner {display: flex; align-items: center; justify-content: center; padding: 5px 30px; border: 3px solid #fff; display: flex; text-align: center; border-radius: 100px; line-height: 1.5;}
.round_title_box.green {background: #0DA93C;}
.round_title_box.green .inner {border-color: #25C656;}
.round_title_box.blue {background: var(--blue);}
.round_title_box.blue .inner {border-color: #6DB7E8;}

.overflow_container .overflow_item {min-width: 720px;}

.editor_content img {height: auto!important;}
.editor_content iframe {max-width: 100%!important;}

@media (hover: hover) {
    .btn:hover {color: #fff!important;}
    .btn:hover::before {transform: translate(-50%, 0) scale(1);}
}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 1399px) {
    .logo {width: 140px; height: 42px;}
    .btn--round {font-size: 16px; height: 40px;}
    .overflow_container {overflow: auto;}
}
@media screen and (max-width: 767px) {
    .logo {width: 120px; height: 36px;}
    .btn--round {font-size: 15px;}
}


/* Header */
.header {word-break: keep-all; background: none; transition: background .4s; font-family: var(--poppins);}
.header--scrolled {background: rgba(0,0,0,.7);}
.header .logo {flex-shrink: 0;}
.gnb__item {padding: 0 25px;}
.gnb__item > a {font-weight: 300; text-transform: capitalize; white-space: nowrap;}
.ko .gnb__item > a {font-weight: 400;}
.gnb--simple-horizontal .submenu {display: flex; opacity: 0; pointer-events: none; transform: translate(-50%, 0%);}
.gnb--simple-horizontal .gnb__item:hover .submenu {opacity: 1; transform: translate(-50%, 0); pointer-events: initial; transition: opacity .3s, transform .3s;}
.gnb--simple-horizontal .submenu > li {padding: 0 15px;}
.header__etc_nav {display: flex; gap: 0 10px; margin: 0 0 0 20px;}
.header__etc_nav .etc_link {border: 1px solid #fff; border-radius: 10px; display: flex; align-items: center; gap: 0 10px; padding: 0 15px; height: 38px;}
.sitemap_btn {margin: 0;}
.sitemap_btn > .ico--hamburger {padding-left: 0;}
.edit-header_lang_btn--dropdown .lang_nav .flag {background: no-repeat center / cover;}
.edit-header_lang_btn--dropdown .lang_nav .cur_lang {padding: 0 20px 0 15px; height: 38px; background: none; border: 1px solid #fff;}
.edit-header_lang_btn--dropdown .lang_nav .cur_lang.en .flag {background-image: url('../images/common/flag_en.png');}
.edit-header_lang_btn--dropdown .lang_nav .cur_lang.cn .flag {background-image: url('../images/common/flag_cn.png');}
.edit-header_lang_btn--dropdown .lang_nav .cur_lang.ko .flag {background-image: url('../images/common/flag_ko.png');}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls {padding-top: 0; background: var(--main-color);}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls > li > a {display: flex; align-items: center; padding-top: 0; padding-bottom: 0; padding-left: 15px;}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls__item.ko .flag {background-image: url('../images/common/flag_ko.png');}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls__item.en .flag {background-image: url('../images/common/flag_en.png');}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls__item.cn .flag {background-image: url('../images/common/flag_cn.png');}
.edit-header_lang_btn--button .lang_nav .lang_ls {gap: 10px;}
.edit-header_lang_btn--button .lang_nav .lang_ls li {background: none;}
.edit-header_lang_btn--button .lang_nav .lang_ls li a {display: flex; align-items: center; width: 100px; background: none!important;}
.edit-header_lang_btn--button .lang_nav .lang_ls li a {border: 1px solid #707070; border-radius: 5px; color: #666;}
.edit-header_lang_btn--button .lang_nav .lang_ls li.active a,
.edit-header_lang_btn--button .lang_nav .lang_ls li a:hover {border-color: var(--main-color)!important; color: var(--main-color)!important;}

.header--main {transform: translate(0, -100%); background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.6), transparent); padding-top: 40px; box-sizing: content-box;}
.header--main .logo {transition: background .3s;}
.header--main.init {transform: translate(0, -40px); transition: transform .7s var(--timing-pop2), background .3s, color .3s;}
.header--main.edit-header_lang_btn--button .lang_nav .lang_ls li a {border-color: #fff; color: #fff;}
.header--main.white {color: #333; background: rgba(255,255,255,1); backdrop-filter: blur(5px);}
.header--main::before {display: block; content: ""; width: 100%; height: 1px; background: #dfdfdf; position: absolute; bottom: 0; left: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity .3s;}
.header--main.white::before {opacity: 1;}
.header--main.white .logo {background-image: url('../images/common/logo-dark.png')!important;}
.header--main.white .header__etc_nav .etc_link {border-color: #dadada;}
.header--main.white .lang_nav .cur_lang {border-color: #dadada;}
.header--main.white .sitemap_btn .ico--hamburger .bar {background: #1b1b1b;}
.header--main.white.edit-header_lang_btn--button .lang_nav .lang_ls li a {border-color: #707070; color: #333;}

.header--sub {color: #333; border-bottom: 1px solid #dfdfdf; background: rgba(255,255,255,.6); backdrop-filter: blur(10px);}
.header--sub::before {display: block; content: ""; width: 100%; height: 1px; background: #dfdfdf; position: absolute; bottom: 0; left: 0; z-index: 0; pointer-events: none; opacity: 1; transition: opacity .3s;}
.header--sub .header__logo {background-image: url('../images/common/logo-dark.png')!important;}
.header--sub.edit-header_lang_btn--dropdown .lang_nav .cur_lang {border: 1px solid #dadada;}
.header--sub .sitemap_btn.edit-header_sitemap_btn--two-bar-1 .ico--hamburger .bar {background: #1b1b1b;}
.header--sub .gnb--simple-horizontal .submenu {background: rgba(255,255,255,1); backdrop-filter: blur(5px);}
.header--sub .header__etc_nav .etc_link {border-color: #dadada;}

.sitemap {display: none;}
.sitemap__overflow_wrapper {padding-left: 40px;}
.sitemap__head {padding-top: 20px; padding-bottom: 20px;}
.sitemap--multidepth .flip_menu,
.sitemap__container {background: #fff; color: #333; padding-bottom: 0;}
.sitemap__close_btn .ico--times::before,
.sitemap__close_btn .ico--times::after {background: #999;}
.sitemap__lang_nav {padding: 30px 40px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: transparent;}

.sitemap__gnb {color: #555;}
.sitemap--multidepth .flip_menu__close_btn .arrow,
.sitemap__gnb span.has_icon .ico--circle,
.sitemap__gnb span.has_icon .arrow {border-color: var(--main-color);}
.sitemap__gnb {display: flex; flex-direction: column; gap: 10px 0; padding: 0;}
.sitemap__gnb__item {border: 1px solid #dfdfdf; border-radius: 5px; padding: 15px!important;}
.sitemap__gnb__item > span {align-items: center; gap: 0 20px; justify-content: space-between;}
.sitemap__gnb__item > span::after {display: none;}
.sitemap__gnb__item > span .val {font-size: 18px;}
.sitemap__gnb__item.active .sitemap__submenu {display: flex!important; flex-direction: column; gap: 5px; padding-bottom: 0;}
.sitemap__submenu__item a {display: block; border-radius: 5px; background: #f6f6f6; padding: 10px 15px;}
.sitemap__foot {padding: 30px 40px 0 40px; border-top: 1px solid #dadada;}
.sitemap__etc_nav .icon_links__item {display: flex; align-items: center; justify-content: center; background: none; border: 1px solid #999;}
.sitemap__overflow_wrapper {padding: 40px;}
.sitemap__overflow_wrapper::-webkit-scrollbar-thumb {background: var(--main-color);}

@media (hover: hover) {
    .header:not(.b_header):hover {color: #333; background: rgba(255,255,255,1); backdrop-filter: blur(5px);}
    .header:not(.b_header):hover::before {opacity: 1;}
    .header:not(.b_header):hover .logo {background-image: url('../images/common/logo-dark.png')!important;}
    .header:not(.b_header):hover .header__etc_nav .etc_link {border-color: #dadada;}
    .header:not(.b_header):hover .lang_nav .cur_lang {border-color: #dadada;}
    .header:not(.b_header):hover .sitemap_btn .ico--hamburger .bar {background: #1b1b1b;}
    .header:not(.b_header):hover.edit-header_lang_btn--button .lang_nav .lang_ls li a {border-color: #707070; color: #333;}
    .header__etc_nav .etc_link:hover {border-color: var(--main-color)!important; background-color: var(--main-color)!important; color: #fff!important;}
    .edit-header_lang_btn--dropdown .lang_nav:hover .cur_lang {border-color: var(--main-color); background: var(--main-color); color: #fff!important;}
    .gnb__item:hover > a {color: var(--main-color);}
    .submenu__item:hover > a {color: var(--main-color);}
}

@media screen and (max-width: 1399px) {
    .header .container {width: 100%!important;}
    .header__etc_nav {gap: 0 15px; margin-left: 0;}

    .header--main {transform: none!important; box-sizing: border-box; padding-top: 0;}
    .header--sub {background: #fff!important;}

    .sitemap {display: flex;}
}
@media screen and (max-width: 767px) {
    .sitemap__lang_nav {padding: 20px;}
    .sitemap__overflow_wrapper {padding: 30px 20px;}
    .sitemap__foot {padding: 20px;}
}



/* Footer */
.footer {background: #1b1b1b; padding: 0; color: #8D8A8A;}
.footer .logo {flex-shrink: 0; background-image: url('../images/common/logo-gray.png')!important; transform: translate(0, 5px);}
.footer > div {padding: 20px 0;}
.footer__head {border-bottom: 1px solid rgba(255,255,255,.2);}
.footer__head .container {display: flex; align-items: center; justify-content: space-between; gap: 0 50px;}
.f_quick {display: flex; align-items: center; gap: 0 1.5em; font-size: 20px;}
.f_quick a {display: flex; gap: 0 .5em; align-items: center;}
.footer__body .container {display: flex; gap: 20px 50px; padding: 20px 0;}
.footer__body .box_group {display: flex; flex-direction: column;}
.footer__body .box_group h3 {margin-bottom: 1.5em;}
.footer__body .box_group1 {margin-right: auto;}
.footer__body .box_ls {display: flex; gap: 20px 100px; height: 100%; justify-content: space-between;}
.footer__body .box_group .f_location {height: 100%;}
.f_location {font-size: 16px; display: flex; flex-direction: column; align-items: flex-start;}
.f_location .tit {display: block;}
.f_location .addr {display: block; margin-bottom: 1em;}
.f_location .contact {margin-top: auto;}
.f_location .contact li {display: flex;}
.f_location .contact li .tag {width: 70px;}
.family_site {width: 100%; height: auto; position: relative; cursor: pointer;}
.family_site .trigger {display: flex; align-items: center; justify-content: space-between; gap: 0 1em; height: 50px; font-size: 18px; padding: 0 1.2em 0 1.5em; border: 1px solid #fff; border-radius: 10px;}
.family_site .trigger i {border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.family_site .ls {display: flex; flex-direction: column; padding: 10px 0; border: 1px solid #fff; border-radius: 0 0 10px 10px; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; transform: translate(0 , 1px); background: #1b1b1b; display: none;}
.family_site .ls a {font-size: 18px; padding: 0 1.2em 0 1.5em;}
.f_sns {display: flex; gap: 0 10px;}
.f_sns a {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid transparent; border-radius: 10px; background: #393939; font-size: 22px;}
.f_etc {display: flex; align-items: flex-start; gap: 10px; width: 200px; margin-left: auto; flex-shrink: 0;}
.f_etc .f_sns {margin-left: auto;}
.f_etc .family_site .trigger,
.f_etc .family_site .ls {background: #393939; border: none;}
.f_etc .family_site:hover {color: #fff;}
.f_etc .family_site:hover .trigger {font-weight: 700; background: var(--sub-color2); border-radius: 10px 10px 0 0;}
.f_etc .family_site:hover .trigger i {border-top: none; border-bottom: 5px solid #fff;}
.f_etc .family_site:hover .ls {display: flex; background: var(--sub-color2);}
.footer__foot {margin-top: 20px; background: #111;}
.footer__foot .container {display: flex; align-items: center; justify-content: space-between; gap: 0 50px; }
.top_btn {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: var(--sub-color2); font-size: 20px; transition: background .3s; border-radius: 10px; color: #fff;}


@media (hover: hover) {
    .f_quick a:hover {color: var(--sub-color1);}
    .f_etc .f_sns a:hover {background: var(--sub-color2);}
    .top_btn:hover {background: var(--sub-color1);}
    .family_site .ls a:hover {font-weight: 700;}
}
@media screen and (max-width: 1599px) {
    .family_site .ls a,
    .family_site .trigger {font-size: 16px;}
    .f_quick {font-size: 16px;}
    .f_etc {width: 200px; font-size: 16px;}
    .f_location {font-size: 14px;}
    .f_location .addr br {display: none;}
}
@media screen and (max-width: 1599px) {
    .footer__body .container {flex-wrap: wrap; gap: 50px;}
    .footer__body .box_group .box_ls .box {width: 100%;}
    .footer__body .box_group1 .box_ls .box {width: 50%;}
    .f_location {width: calc((100% - 60px) / 3)}
    .f_etc {width: 100%; flex-direction: row; gap: 10px;}
}
@media screen and (max-width: 767px) {
    .f_quick {display: none;}
    .f_location {width: 100%;}
    .footer__body .box_group .f_location {height: auto;}
}
@media screen and (max-width: 499px) {
    .footer__body .box_group h3 {font-size: 20px; margin-bottom: 15px;}
    .footer__body .box_group .box_ls {flex-wrap: wrap; gap: 30px;}
    .footer__body .box_group .box_ls .box {width: 100%;}
    .f_location .addr {margin-bottom: 0.5em;}
    .f_location .contact {display: flex; flex-wrap: wrap; gap: 0 1.5em;}
    .f_location .contact li .tag {width: auto; margin-right: .5em;}
}



/* Mainpage */
.screenshooting .main_visual_banner .bg,
.screenshooting .mainpage .ani {opacity: 1!important; transform: none!important;}
.mainpage_intro_cover {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: flex; align-items: center; justify-content: center; background: #000; animation-name: mainIntroCover; animation-duration: 1s; animation-delay: 1.0s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: linear;}
.mainpage_intro_cover img {position: relative; z-index: 1;}
.mainpage_intro_cover .loader {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mainpage_intro_cover .loader .inner {width: 300px; height: 300px; border-radius: 50%; border: 30px solid var(--sub-color1); border-right-color: transparent; animation: loader 1s 0s linear infinite;}
.mainpage_intro_cover .loader.type2 .inner {border: none; animation: none; border-radius: 0; width: 200px; height: 200px;}
.mainpage_intro_cover .loader.type2 .inner .item {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; border: 4px solid var(--sub-color1); animation: loader2 1.1s 0s linear infinite; opacity: 0; -webkit-will-change: transform; -moz-will-change: transform; -ms-will-change: transform; will-change: transform;}
.mainpage_intro_cover .loader.type2 .inner .item1 {animation-delay: 0s;}
.mainpage_intro_cover .loader.type2 .inner .item2 {animation-delay: 0.1s;}
.mainpage_intro_cover .loader.type2 .inner .item3 {animation-delay: 0.2s;}
.mainpage_intro_cover .loader.type2 .inner .item4 {animation-delay: 0.3s;}
.mainpage_intro_cover .loader.type2 .inner .item5 {animation-delay: 0.3s;}
@keyframes mainIntroCover {
    to {opacity: 0; pointer-events: none; display: none;}
}
@keyframes loader {
    to {transform: rotate(360deg);}
}
@keyframes loader2 {
    0% {opacity: 0; transform: translate(-50%, -50%) scale(1);}
    30% {opacity: 1; transform: translate(-50%, -50%) scale(1.5);}
    50% {opacity: 0; transform: translate(-50%, -50%) scale(1.7);}
    100% {opacity: 0; transform: translate(-50%, -50%) scale(1.7);}
}
.mainpage {position: relative; z-index: 0;}
.mainpage {overflow: hidden; word-break: keep-all;}
.mainpage .main_sbj {font-family: "Poppins";}
.mainpage .ani {transition: transform .7s, opacity .7s; transition-delay: 0s; opacity: 0; transition-timing-function: var(--timing-pop3); -webkit-will-change: transform; -moz-will-change: transform; -ms-will-change: transform; will-change: transform;}
.mainpage .ani.fadeup {transform: translate(0, 100px);}
.mainpage .ani.fadedown {transform: translate(0, -100px);}
.mainpage .ani.fadeleft {transform: translate(100px, 0);}
.mainpage .ani.faderight {transform: translate(-100px, 0);}
.mainpage .ani.scaledown {transform: scale(1.15);}
.mainpage .ani.scaleup {transform: scale(.85);}
.mainpage .ani.scaleX {transform: scale(1.2, 1);}
.mainpage .ani.scaleY {transform: scale(1, 1.2);}
.mainpage .section.active .ani {transition-delay: .5s; opacity: 1;}
.mainpage .section.active .ani.delay--0 {transition-delay: 0.5s;}
.mainpage .section.active .ani.delay--1 {transition-delay: 0.6s;}
.mainpage .section.active .ani.delay--2 {transition-delay: 0.7s;}
.mainpage .section.active .ani.delay--3 {transition-delay: 0.8s;}
.mainpage .section.active .ani.delay--4 {transition-delay: 0.9s;}
.mainpage .section.active .ani.delay--5 {transition-delay: 1.0s;}
.mainpage .section.active .ani.delay--6 {transition-delay: 1.1s;}
.mainpage .section.active .ani.delay--7 {transition-delay: 1.2s;}
.mainpage .section.active .ani.delay--8 {transition-delay: 1.3s;}
.mainpage .section.active .ani.delay--9 {transition-delay: 1.4s;}
.mainpage .section.active .ani.delay--10 {transition-delay: 1.5s;}
.mainpage .section.active.ani--imed .ani.delay--0 {transition-delay: 0.0s;}
.mainpage .section.active.ani--imed .ani.delay--1 {transition-delay: 0.1s;}
.mainpage .section.active.ani--imed .ani.delay--2 {transition-delay: 0.2s;}
.mainpage .section.active.ani--imed .ani.delay--3 {transition-delay: 0.3s;}
.mainpage .section.active.ani--imed .ani.delay--4 {transition-delay: 0.4s;}
.mainpage .section.active.ani--imed .ani.delay--5 {transition-delay: 0.5s;}
.mainpage .section.active.ani--imed .ani.delay--6 {transition-delay: 0.6s;}
.mainpage .section.active.ani--imed .ani.delay--7 {transition-delay: 0.7s;}
.mainpage .section.active.ani--imed .ani.delay--8 {transition-delay: 0.8s;}
.mainpage .section.active.ani--imed .ani.delay--9 {transition-delay: 0.9s;}
.mainpage .section.active.ani--imed .ani.delay--10 {transition-delay: 1.0s;}
.mainpage .section.active .ani.fadeleft,
.mainpage .section.active .ani.faderight,
.mainpage .section.active .ani.fadeup,
.mainpage .section.active .ani.fadedown {transform: translate(0);}
.mainpage .section.active .ani.scaledown,
.mainpage .section.active .ani.scaleup,
.mainpage .section.active .ani.scaleX,
.mainpage .section.active .ani.scaleY {transform: scale(1);}

.mainpage .fp-tableCell {padding: 150px 0 50px 0;}
.mainpage .fp-auto-height .fp-tableCell {padding: 0;}

.mainpage .section .container {position: relative; z-index: 1;}
.mainpage .section .cell_img {position: absolute; z-index: 0; opacity: .1; -webkit-will-change: transform; -moz-will-change: transform; -ms-will-change: transform; will-change: transform;}
.mainpage .main_about .cell1 {top: -10%; left: -10%; width: 25vw;}
.mainpage .main_about .cell2 {bottom: -5%; left: 20%; width: 10vw; filter: blur(3px);}
.mainpage .main_about .cell3 {top: 50%; left: 40%; width: 15vw; filter: blur(2px);}
.mainpage .main_business .cell1 {top: -10%; right: -10%; width: 25vw; filter: blur(2px);}
.mainpage .main_business .cell2 {bottom: -5%; right: 20%; width: 15vw; filter: blur(3px);}
.mainpage .main_business .cell3 {top: 10%; left: 20%; width: 30vw;}
.mainpage .main_etc .cell1 {top: 30%; right: 10%; width: 10vw;}
.mainpage .main_etc .cell2 {bottom: -20%; left: 30%; width: 25vw;}
.mainpage .main_etc .cell3 {bottom: -10%; left: -10%; width: 35vw;}
.mainpage .main_etc .cell4 {top: -20%; left: 35%; width: 35vw;}

.main_visual_banner {background: #000; overflow: hidden;}
.main_visual_banner .fp-tableCell {padding: 0!important;}
.main_visual_banner .swiper-slide {}
.main_visual_banner .swiper-slide .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: transform 10s;}
.main_visual_banner .swiper-slide .bg:not(.no_dim)::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #D9D9D9; mix-blend-mode: multiply;}
.main_visual_banner .swiper-slide .bg video {width: 100%; height: 100%; display: block; object-fit: cover;}
.main_visual_banner .swiper-slide .container {height: 100vh;}
.main_visual_banner .swiper-slide .container .sbj,
.main_visual_banner .swiper-slide .container .desc {transition: opacity .7s, transform .7s; transition-timing-function: var(--timing-pop3); opacity: 0;}
.main_visual_banner .swiper-slide .container .sbj {transition-delay: 0s;}
.main_visual_banner .swiper-slide .container .desc {transition-delay: .2s;}
.main_visual_banner .swiper-slide .container.ai--center .sbj {transform: translate(0, 100px);}
.main_visual_banner .swiper-slide .container.ai--center .desc {transform: translate(0, 100px);}
.main_visual_banner .swiper-slide .container.ai--end .sbj {transform: translate(-100px, 0);}
.main_visual_banner .swiper-slide .container.ai--end .desc {transform: translate(-100px, 0);}
.main_visual_banner .swiper-slide-active .bg:not(.no_effect) {transform: scale(1.1);}
.main_visual_banner .swiper-slide-active .container .sbj,
.main_visual_banner .swiper-slide-active .container .desc {opacity: 1; transform: translate(0)!important;}

.mainpage #firstSection.init .ani,
.mainpage #firstSection.init .visual_ani {transition: 0s;}

.main_about {}
.main_about .fp-tableCell {padding: 0;}
.main_about .container {display: flex; align-items: center; gap: 30px 0; height: 100%;}
.main_about .info {width: 50%; padding: 150px 100px 150px 0;}
.main_about .info .desc {max-width: 540px; text-align: justify;}
.main_about .content {position: relative; width: 50%; height: 100%;}
.main_about .content .banner_container {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 50vw; height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 100px;}
.main_about .content .banner_container .banner_video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.main_about .content .banner_container .banner_img {position: relative; z-index: 1; width: auto; height: 100%; max-width: none;}
.main_about .content .banner_container .banner_cont {position: relative;}
.main_about .content .banner_container .banner_cont_body {display: flex; align-items: center; justify-content: center; width: 422px; height: 422px; border-radius: 50%; position: relative;}
.main_about .content .banner_container .banner_cont_body .lg {}
.main_about .content .banner_container .banner_cont_body .triangle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_about .content .banner_container .banner_cont_body .circle1 {width: 100%; height: 100%; background: url('../images/main/about_circle2.png') no-repeat center / cover; border-radius: 50%; position: absolute; top: 0; left: 0; animation: rotater1 20s 0s infinite linear;}
.main_about .content .banner_container .banner_cont_body .circle2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); height: calc(100% - 40px); background: #0080D6; opacity: .07; border-radius: 50%;}
.main_about .content .banner_container .banner_cont .item {position: absolute; width: 240px; height: 240px; border-radius: 50%; padding: 23px;}
.main_about .content .banner_container .banner_cont .item .rotater {position: absolute; top: 0; left: 0; background: url('../images/main/about_circle1.png') no-repeat center / cover; width: 100%; height: 100%; animation: rotater1 20s 0s infinite linear;}
.main_about .content .banner_container .banner_cont .item:nth-child(2) .rotater {animation-name: rotater2;}
.main_about .content .banner_container .banner_cont .item .circle {width: 100%; height: 100%; border-radius: 50%; background: #0080D6;}
.main_about .content .banner_container .banner_cont .item .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 23px; font-weight: 600; padding: 50px;}
.main_about .content .banner_container .banner_cont .item .inner span {position: relative; z-index: 1; line-height: 1.3;}
.main_about .content .banner_container .banner_cont .item1 {top: -90px; left: 50%; transform: translate(-50%);}
.main_about .content .banner_container .banner_cont .item2 {bottom: -20px; left:  -90px;}
.main_about .content .banner_container .banner_cont .item3 {bottom: -20px; right: -90px;}

.main_business {}
.main_business .container {display: flex; gap: 30px 50px;}
.main_business .container .info {order: 1; width: 25%; flex-shrink: 0;}
.main_business .container .info .main_sbj {}
.main_business .container .info .desc {text-align: justify;}
.main_business .container .content {order: 0; width: 100%; height: 500px; max-height: 100%;}
.main_business .container .biz_ls {display: flex; gap: 20px; height: 100%;}
.main_business .container .biz_ls li {width: 100%; height: 100%; overflow: hidden;}
.main_business .container .biz_ls li .inner {width: 100%; height: 100%; transition: .4s;}
.main_business .container .biz_ls li a {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 30px; text-align: center; height: 100%;}
.main_business .container .biz_ls li a .tit {margin-bottom: 1em;}
.main_business .container .biz_ls li a .icon {width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}

.main_business.type2 {}
.main_business.type2 .container {flex-direction: column; justify-content: center; height: 100%;}
.main_business.type2 .container .info {text-align: center; width: 100%; order: 0;}
.main_business.type2 .container .info .desc {text-align: center;}
.main_business.type2 .container .content {order: 1; height: 100%; max-height: 500px;}
.main_business.type2 .container .content .biz_ls {gap: 30px 37px;}
.main_business.type2 .container .content .biz_ls li {box-shadow: 10px 8px 7px rgba(0,0,0,.15);}
.main_business.type2 .container .content .biz_ls li a {align-items: center;}
.main_business.type2 .container .content .biz_ls li a .tit {text-transform: uppercase; font-weight: 700;}
.main_business.type2 .container .content .biz_ls li:nth-child(1) a .tit {color: #555;}
.main_business.type2 .container .content .biz_ls li:nth-child(2) a .tit {color: #989373;}
.main_business.type2 .container .content .biz_ls li:nth-child(3) a .tit {color: #A1967D;}
.main_business.type2 .container .content .biz_ls li:nth-child(4) a .tit {color: #7E999B;}

.main_etc {}
.main_etc .fp-tableCell {padding: 100px 0 0 0;}
.main_etc .grid_banner {display: grid; grid-template-columns: repeat(4, 1fr); height: 100%; position: relative; z-index: 1;}
.main_etc .grid_banner .item {padding: 50px;}
.main_etc .grid_banner .item .inner {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; height: 100%;}
.main_etc .grid_banner .item .inner .tit {line-height: 1; margin-top: auto;}
.main_etc .grid_banner .item .inner .desc {margin-bottom: 2em;}
.main_etc .grid_banner .item .inner .btn {height: 55px;}
.main_etc .grid_banner .item .inner .icon {display: flex; width: 120px; height: 120px; border-radius: 50%; border: 1px solid #fff; margin: 0 0 1em 0;}
.main_etc .grid_banner .item:nth-child(1) {grid-column: 1 / 3; grid-row: 1 / 3;}
.main_etc .grid_banner .item:nth-child(2) {}
.main_etc .grid_banner .item:nth-child(3) {}
.main_etc .grid_banner .item:nth-child(4) {grid-column: 3 / 5;}
.main_etc .grid_banner .item:nth-child(1) {padding: 130px 150px;}
.main_etc .grid_banner .item:nth-child(1) .inner {justify-content: flex-end;}
.main_etc .grid_banner .item:nth-child(1) .inner .desc {margin-bottom: 0;}
.main_etc .grid_banner .item--media {background: none;}
.main_etc .grid_banner .item--media .btn {border-color: #515151; color: #515151;}
.main_etc .grid_banner .item--notice {background: linear-gradient(-45deg, #ABF300, #00B200);}
.main_etc .grid_banner .link_group {display: flex; gap: 10px;}
.main_etc .grid_banner .link_group .btn {width: 180px; padding: 0 15px; background: rgba(0,0,0,.5);}
.main_etc .grid_banner .link_group .btn.for_mobile {display: none;}

.mainpage .footer {position: relative; z-index: 3;}

@media (hover: hover) {
    .main_business .container .biz_ls li .inner:hover {opacity: .7;}
}
@media screen and (max-width: 1499px) {
    .main_visual_banner .visual_banner__bg .layer_elem {transform: translate(30%);}
    .main_visual_banner .visual_banner__bg .layer_lights {transform: translate(25%);}
}
@media screen and (max-width: 1399px) {
    .mainpage_intro_cover img {width: 180px;}
    .mainpage_intro_cover .loader.type2 .inner {width: 130px; height: 130px;}

    .main_visual_banner .visual_ani,
    .mainpage .ani {opacity: 1!important; transform: none!important;}

    .mainpage .section {height: auto!important;}
    .mainpage .fp-tableCell {height: auto!important; padding: 60px 0;}

    .mainpage .main_visual_banner {height: 100vh!important;}
    .main_visual_banner .fp-tableCell {height: 100%!important; vertical-align: bottom;}
    .main_visual_banner .visual_banner__bg .layer_elem {height: 80%; transform: translate(20%);}
    .main_visual_banner .visual_banner__bg .layer_lights {height: 80%; transform: translate(20%);}
    .main_visual_banner h2 {font-size: 42px; text-shadow: 0 0 5px rgba(0,0,0,.3);}
    .main_visual_banner .lead {text-shadow: 0 0 5px rgba(0,0,0,.3);}


    .main_about .btn--round {width: 100%; border-radius: 5px;}
    .main_about .container {flex-direction: column;}
    .main_about .info {width: 100%; order: 0; padding: 0;}
    .main_about .info .desc {max-width: 100%;}
    .main_about .content {width: 100%; order: 1; height: auto;}
    .main_about .content .banner_container {position: relative; transform: none; width: 100%; height: auto; align-items: center; padding: 100px 50px 50px 50px;}
    .main_about .content .banner_container .banner_video {width: 100%; height: 100%; border-radius: 10px;}
    .main_about .content .banner_container .banner_img {width: 100%; height: auto; max-width: 100%;}
    .main_about .content .banner_container .banner_cont {gap: 10px;}
    .main_about .content .banner_container .banner_cont_body {width: 340px; height: 340px;}
    .main_about .content .banner_container .banner_cont .item {width: 190px; height: 190px; padding: 10px;}
    .main_about .content .banner_container .banner_cont .item .inner {padding: 40px; font-size: 18px;}
    .main_about .content .banner_container .banner_cont .item1 {top: -80px}
    .main_about .content .banner_container .banner_cont .item2 {left: -80px}
    .main_about .content .banner_container .banner_cont .item3 {right: -80px}


    .main_business .container {flex-direction: column;}
    .main_business .container .info {order: 0; width: 100%;}
    .main_business .container .content {height: 300px;}

    .main_business.type2 .container .content {height: auto; max-height: none;}
    .main_business.type2 .container .content .biz_ls {gap: 20px; flex-wrap: wrap; width: 460px; margin: 0 auto;}
    .main_business.type2 .container .content .biz_ls > li {width: calc(50% - 10px); height: 350px;}
    .main_business.type2 .container .content .biz_ls li a {padding: 30px 20px;}

    .main_etc .fp-tableCell {}
    .main_etc .grid_banner {display: flex; flex-wrap: wrap; width: 720px; max-width: calc(100% - 30px); margin: 0 auto; border-radius: 10px; overflow: hidden;}
    .main_etc .grid_banner .item {padding: 30px!important; position: relative;}
    .main_etc .grid_banner .item:nth-child(2),
    .main_etc .grid_banner .item:nth-child(3) {width: 50%;}
    .main_etc .grid_banner .item:nth-child(1),
    .main_etc .grid_banner .item:nth-child(4) {width: 100%;}
    .main_etc .grid_banner .item a {position: absolute!important; top: 0!important; left: 0!important; width: 100%!important; height: 100%!important; font-size: 0!important; color: transparent!important; text-indent: -10000px!important; overflow: hidden!important; border: none!important; background: none!important;}
    .main_etc .grid_banner .item a::before {display: none!important;}
    .main_etc .grid_banner .link_group .btn {display: none;}
    .main_etc .grid_banner .link_group .btn.for_mobile {display: block;}
}
@media screen and (max-width: 767px) {
    .mainpage .section:not(.main_visual_banner) .btn--round {width: 100%; border-radius: 10px;}

    .mainpage .main_about .cell1 {top: 0; left: -5%;}

    .main_about .content .banner_container {padding: 20px;}
    .main_about .content .banner_container .banner_cont_body {display: none;}
    .main_about .content .banner_container .banner_cont .item {position: relative; left: 0!important; top: 0!important; bottom: 0!important; right: 0!important; transform: none!important;}


    .main_business .container .content {height: auto;}
    .main_business .container .biz_ls {flex-direction: column; gap: 10px;}
    .main_business .container .biz_ls .round_card {min-height: 200px;}

    .main_business.type2 .container .content .biz_ls {flex-direction: row;}

    .main_etc .grid_banner .item {width: 100%!important;}
}
@media screen and (max-width: 499px) {
    .main_business.type2 .container .content .biz_ls {flex-direction: column; width: 100%;}
    .main_business.type2 .container .content .biz_ls > li {width: 100%; height: 420px;}
    .main_business.type2 .container .content .biz_ls > li a {align-items: flex-start; text-align: left; padding: 20px;}
    .main_business.type2 .container .content .biz_ls li:nth-child(4) a .tit {color: #707070;}
}




/* Subpage */
.sub_cellbox {position: fixed; top: 0; left: 0; z-index: 0; width: 100%; height: 100vh; pointer-events: none;}
.sub_cellbox .cell_img {position: absolute; z-index: 0; opacity: .1;}
.sub_cellbox .cell1 {width: 22vw; top: 0; right: 0; filter: blur(1px);}
.sub_cellbox .cell2 {width: 14vw; bottom: 30%; right: 20%; filter: blur(3px);}
.sub_cellbox .cell3 {width: 10vw; top: 0; left: 0; filter: blur(3px);}
.sub_cellbox .cell4 {width: 27vw; bottom: -10%; left: 5%;}

.subpage {position: relative; z-index: 10; padding-bottom: 100px;}
.footer {position: relative; z-index: 10;}

.sub_intro {text-align: center; padding-bottom: 60px;}
.sub_intro .tag {font-family: var(--poppins); font-weight: 500;}
.sub_intro .title {font-family: var(--poppins); font-weight: 600; text-transform: uppercase;}
.ko .sub_intro .title {font-weight: 700;}
.sub_intro .subtitle {color: #7d7d7d;}
.sub_intro .subtitle2 {color: #373737; margin-bottom: 1em;}
.sub_intro .desc {margin-bottom: 0;}
.sub_intro .cmp-breadcrumb {font-family: var(--poppins); justify-content: center; margin-bottom: 60px; color: #848484;}
.sub_intro .cmp-breadcrumb a {color: #848484; font-weight: 300;}
.ko .sub_intro .cmp-breadcrumb a {font-weight: 400;}
.sub_intro .cmp-breadcrumb a:last-child {color: #000; font-weight: 600;}
.sub_intro .cmp-breadcrumb a::after {font-size: 17px; content: ">"; font-weight: 300;}

.img_banner {display: block; margin: 0 auto; width: 100%;}

.sub_cont_sbj_box {margin-bottom: 80px; text-align: center;}
.sub_cont_sbj_tag {color: #7d7d7d; margin-bottom: .3em;}
.sub_cont_sbj {color: #000; font-weight: 600; margin-bottom: 0.5em;}
.sub_cont_desc {color: #707070; font-weight: 400}

.sub_cont_content {}
.sub_cont_content__item {margin-bottom: 100px;}
.sub_cont_content__item:last-child {margin-bottom: 0;}
.sub_cont_content__item__sbj_box {text-align: center; margin-bottom: 50px;}

.table_overflow_container {overflow: auto;}
.table_overflow_container table {min-width: 720px;}
.pbk_tbl_noti {text-align: right; margin-top: 1em; font-style: italic;}
.pbk_tbl {width: 100%; border-top: 2px solid #707070; background: #fff; position: relative;}
.pbk_tbl::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: #707070; display: block;}
.pbk_tbl.tl--fixed {table-layout: fixed;}
.pbk_tbl .divider {position: relative; border-bottom: none;}
.pbk_tbl .divider::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: #707070; display: block;}
.pbk_tbl th {font-weight: 600;}
.pbk_tbl th, .pbk_tbl td {line-height: 1.5; background: #fff;}
.pbk_tbl .sep {border-right: 10px solid #fff;}
.pbk_tbl .sep2 {border-right: 5px solid #fff;}
.pbk_tbl thead {}
.pbk_tbl thead tr {}
.pbk_tbl thead th {text-align: center; padding: 10px 15px; font-size: 20px; border-bottom: 1px solid rgba(112, 112, 112, 1);}
.pbk_tbl thead th:not(.th_no):first-child {text-align: left; padding-left: 45px;}
.pbk_tbl tbody {font-size: 19px; border-bottom: 1px solid rgba(112, 112, 112, 1);}
.pbk_tbl tbody:last-child {border-bottom: none;}
.pbk_tbl tbody tr {}
.pbk_tbl tbody tr:last-child th,
.pbk_tbl tbody tr:last-child td {border-bottom: none;}
.pbk_tbl tbody th,
.pbk_tbl tbody td {padding: 20px 15px;border-bottom: 1px solid rgba(112, 112, 112, .5);}
.pbk_tbl tbody th {text-align: left; padding-left: 45px;}
.pbk_tbl tbody td {text-align: center; color: #707070;}
.pbk_tbl .mo_info {display: none;}

/* About */
.about_intro {}
.about_intro__banner {color: #fff; padding: 140px 0 160px 0;}
.about_intro__diagram {padding: 0 0 145px 0;}
.about_intro__diagram .diagram {position: relative; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; margin-top: -214px;}
.about_intro__diagram .diagram .center {position: relative; z-index: 1; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 428px; height: 428px; border-radius: 50%; color: #fff; padding: 30px;}
.about_intro__diagram .diagram .center .tit {font-size: 40px; font-weight: 700; line-height: 1.5;}
.about_intro__diagram .diagram .center .lead {margin-bottom: 0;}
.about_intro__diagram .diagram .item {position: relative; width: 25%; padding: 0;}
.about_intro__diagram .diagram .item .inner {position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.about_intro__diagram .diagram .item .icon {position: relative; margin-bottom: 36px;}
.about_intro__diagram .diagram .item .icon::before {position: absolute; z-index: 0; content: ""; display: block; width: 500px; height: 8px; background: var(--main-color);}
.about_intro__diagram .diagram .item .icon .wrap {position: relative; display: flex; width: 208px; height: 208px; align-items: center; justify-content: center; background: #fff; border-radius: 50%; box-shadow:  4px 6px 9px rgba(0,0,0,.16); z-index: 1;}
.about_intro__diagram .diagram .item .cont .tit {font-size: 25px; font-weight: 700; margin-bottom: 0.5em;}
.about_intro__diagram .diagram .item .cont .desc {color: #707070; font-size: 17px; margin-bottom: .5em;}
.about_intro__diagram .diagram .item .cont .desc:last-child {margin-bottom: 0;}

.about_intro__diagram .diagram .center {order: 1; margin: 0 auto;}
.about_intro__diagram .diagram .item1 {order: 0; transform: translate(0, 110px);}
.about_intro__diagram .diagram .item2 {order: 2; transform: translate(0, 110px);}
.about_intro__diagram .diagram .item3 {order: 3; transform: translate(-30px, 30px);}
.about_intro__diagram .diagram .item4 {order: 4; transform: translate(30px, 30px);}
.about_intro__diagram .diagram .item1 .icon::before {top: 104px; transform: translate(0, -50%); left: 50%;}
.about_intro__diagram .diagram .item2 .icon::before {top: 104px; transform: translate(0, -50%); right: 50%;}
.about_intro__diagram .diagram .item3 .icon::before {top: 50%; left: 50%; transform: translate(0, -50%) rotate(-60deg); transform-origin: left center;}
.about_intro__diagram .diagram .item4 .icon::before {top: 50%; right: 50%; transform: translate(0, -50%) rotate(60deg); transform-origin: right center;}

.about_global {background: rgba(177, 182, 194, .15); padding: 140px 0;}
.about_global_map {position: relative; margin-bottom: 100px;}
.about_global_map .map {display: block; mix-blend-mode: multiply;}
.about_global_map .item {position: absolute;}
.about_global_map .item .magni {position: relative;}
.about_global_map .item .magni img {display: block;}
.about_global_map .item .magni .circle {animation: rotater1 50s 0s infinite linear;}
.about_global_map .item .magni .loca {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.about_global_map .item .tag {min-width: 190px; position: absolute; z-index: 5;}
.about_global_map .item .tag .inner {display: flex; align-items: center; justify-content: space-between; text-align: center; height: 57px; padding: 0 30px; border-radius: 57px; background: #000; color: #fff; font-size: 28px; font-weight: 700; text-align: center; white-space: nowrap;}
.about_global_map .item .tag::before {position: absolute; content: ''; top: 50%; transform: translate(0, -50%); width: 15px; height: 15px; border-radius: 50%; background: #dadada; display: block;}
.about_global_map .item .tag::after {position: absolute; content: ''; top: 50%; transform: translate(0, -50%); width: 80px; height: 1px; background: #707070; top: 50%; transform: translate(0, -50%);}
.about_global_map .item .name {position: absolute; left: 50%; transform: translate(-50%); font-size: 27px; font-weight: 700; line-height: 1.5; white-space: nowrap; text-align: center; text-transform: uppercase;}
.about_global_map .item .name::before {position: absolute; left: 50%; content: ''; width: 0; height: 0; border-bottom: 26px solid #f00; border-left: 20px solid transparent; border-right: 20px solid transparent;}
.about_global_map .item .tag .pop {position: absolute; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.05); padding: 30px; width: 360px; text-align: center; z-index: -1; top: 50px; transform: scale(0); transition: transform .5s;}
.about_global_map .item .tag .pop video {max-width: 100%;}
.about_global_map .item .tag .pop .bullet li {font-size: 14px;}
.about_global_map .item .tag .pop.type-h {display: flex; gap: 20px; text-align: left; width: 440px;}
.about_global_map .item .tag .pop.type-h img {display: block; width: 150px;}
.about_global_map .item .tag .inner .ico--circle {background: #004E18; border: none; transition: transform .5s;}
.about_global_map .item .tag .inner .ico--circle .ico--plus {width: 50%; height: 50%;}
.about_global_map .item .tag .inner .ico--circle .ico--plus::before {width: 3px; background: #fff;}
.about_global_map .item .tag .inner .ico--circle .ico--plus::after {height: 3px; background: #fff;}
.about_global_map .item .tag:hover .pop {transform: scale(1);}
.about_global_map .item .tag:hover .inner .ico--circle {transform: rotate(45deg);}

.about_global_map .item1 {top: 29%; left: 7%;}
.about_global_map .item1 .tag {top: 50%; left: 75%; transform: translate(0, -50%);}
.about_global_map .item1 .tag .inner {background: #0080D6; padding: 0 8px 0 20px;}
.about_global_map .item1 .tag .inner .ico--circle {background: #005c99;}
.about_global_map .item1 .tag::before {left: -130px; background: #0080D6}
.about_global_map .item1 .tag::after {right: 100%; width: 115px;}
.about_global_map .item1 .tag .pop {left: 50%; transform: translate(-50%) scale(0); transform-origin: top center;}
.about_global_map .item1 .tag:hover .pop {transform: translate(-50%) scale(1);}
.about_global_map .item1 .name {top: 100%; margin-top: 30px; color: #0080D6;}
.about_global_map .item1 .name::before {border-bottom-color: #0080D6; transform: translate(-50%); bottom: 100%; margin-bottom: 15px;}
.about_global_map .item1 .tag .pop b {color: #0080D6;}

.about_global_map .item2 {top: 21%; right: 10%;}
.about_global_map .item2 .name {bottom: 100%; margin-bottom: 30px; color: #006D21;}
.about_global_map .item2 .name::before {border-top: 26px solid #006D21; border-bottom: none; transform: translate(-50%); margin-top: 15px; top: 100%;}
.about_global_map .item2 .tag1 {top: 50%; left: 70%; transform: translate(0, -65%);}
.about_global_map .item2 .tag1 .inner {background: #0DA93C; padding: 0 8px 0 30px;}
.about_global_map .item2 .tag1 .inner .ico--circle {background: #006D21;}
.about_global_map .item2 .tag1::before {background: #0DA93C; left: -75px;}
.about_global_map .item2 .tag1::after {right: 100%; width: 60px;}
.about_global_map .item2 .tag1 .pop {left: 50%; transform: translate(-50%) scale(0); transform-origin: top center;}
.about_global_map .item2 .tag1:hover .pop {transform: translate(-50%) scale(1);}
.about_global_map .item2 .tag2 {top: 50%; right: 74%; transform: translate(0, -40%); cursor: pointer;}
.about_global_map .item2 .tag2 .inner {background: #006D21; display: flex; justify-content: space-between; gap: 20px; padding: 0 30px 0 8px;}
.about_global_map .item2 .tag2 .inner .ico--circle {background: #004E18;}
.about_global_map .item2 .tag2::before {background: #006D21; right: -75px;}
.about_global_map .item2 .tag2::after {left: 100%; width: 60px;}
.about_global_map .item2 .tag2 .pop {right: 20px; transform-origin: top right;}
.about_global_map .item2 .tag2 .pop b {color: #006D21;}
.about_global_map .item2 .tag3 {top: 15%; right: 63%; cursor: pointer;}
.about_global_map .item2 .tag3 .inner {position: relative; z-index: 3; background: #fff; display: flex; justify-content: space-between; gap: 20px; padding: 0 32px 0 6px; border: 4px solid #0DA93C; color: #0DA93C;}
.about_global_map .item2 .tag3 .inner .ico--circle {background: #0DA93C;}
.about_global_map .item2 .tag3::before {border: 4px solid #0DA93C; background: #fff; box-sizing: border-box; right: -30px; bottom: -35px; top: auto; transform: translate(50%); z-index: 1;}
.about_global_map .item2 .tag3::after {width: 30px; height: 55px; background: none; border-top: 1px solid #707070; border-right: 1px solid #707070; left: 100%; top: 50%; transform: none; z-index: 0;}
.about_global_map .item2 .tag3 .pop {left: 20px; z-index: 2; transform-origin: top left; padding-inline: 20px; padding-bottom: 20px; padding-top: 25px; align-items: center;}
.about_global_map .item2 .tag3 .pop b {color: #0DA93C;}

.about_global_company_info {border-top: 2px solid #dadada;}
.about_global_company_info .content {display: flex; gap: 30px; padding: 135px 0; border-bottom: 1px solid #dadada;}
.about_global_company_info .content:last-child {padding-bottom: 0; border: none;}
.about_global_company_info .content .contbox {width: 50%;}
.about_global_company_info .content .thumbbox {width: 50%; position: relative; overflow: hidden;}
.about_global_company_info .content .thumbbox video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.about_global_company_info .content1 {}
.about_global_company_info .content1 .contbox {}
.about_global_company_info .content1 .contbox .thumbs {display: flex;}
.about_global_company_info .content1 .contbox .thumbs .thumb {width: 50%; min-height: 250px; padding: 30px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.5;}
.about_global_company_info .content1 .contbox .thumbs .thumb span {}
.about_global_company_info .content2 .contbox .thumbs {display: flex; gap: 10px;}
.about_global_company_info .content2 .contbox .thumbs .thumb {position: relative; height: 280px; width: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.about_global_company_info .content2 .contbox .thumbs .thumb span {padding: 10px 20px; background: rgb(0,0,0,.7); text-align: center; line-height: 150%; height: 65px; display: flex; align-items: center; justify-content: center;}

.about_global_company_info .content1 .contbox .thumbs.type2 {flex-direction: column; gap: 0;}
.about_global_company_info .content1 .contbox .thumbs.type2 .row {display: flex; padding-block: 15px; align-items: center;}
.about_global_company_info .content1 .contbox .thumbs.type2 .row:not(:last-child) {border-bottom: 1px solid #adadad;}
.about_global_company_info .content1 .contbox .thumbs.type2 .row .cont {order: 1; width: 60%; padding: 30px 0 30px 20px; text-align: left; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; line-height: 1.5;}
.about_global_company_info .content1 .contbox .thumbs.type2 .row .thumb {order: 0; padding: 0; width: 40%; min-height: 0; height: auto;}
.about_global_company_info .content1 .contbox .thumbs.type2 .row .cont .tit {color: var(--blue);}
.about_global_company_info .content1:has(.thumbs.type2) .thumbbox {height: 465px;} 

.about_global_company_info .content3 .contbox {order: 1; border-bottom: 1px solid #707070;}
.about_global_company_info .content3 .contbox .bullet li {font-size: 17px; color: #707070;}
.about_global_company_info .content3 .contbox h4 {color: #0DA93C!important;}
.about_global_company_info .content3 .thumbbox {order: 0; min-height: 390px;}

.about_global_company_info .content-seoul {align-items: center;}
.about_global_company_info .content-seoul .thumbbox {height: 460px;}
.about_global_company_info .content:is(:nth-child(odd)) .contbox {order: 1;}
.about_global_company_info .content:is(:nth-child(odd)) .thumbbox {order: 0;}
.about_global_company_info .content:is(:nth-child(even)) .contbox {order: 0;}
.about_global_company_info .content:is(:nth-child(even)) .thumbbox {order: 1;}

.history {}
.history__block {}
.history__block .sbj {font-size: 55px; text-align: center; font-weight: 500; line-height: 1;}
.history__block .content {display: flex; position: relative; margin: 15px 0;}
.history__block .content::before {position: absolute; top: 0; left: 50%; transform: translate(-50%); content: ""; width: 1px; height: 100%; background: #C9C9C9;}
.history__block .year_ls {width: 50%; padding: 65px 0;}
.history__block .imgbox {display: flex; align-items: center; width: 50%;}
.history__block .year_item {position: relative; display: flex; align-items: flex-start; gap: 0 40px; margin-bottom: 44px;}
.history__block .year_item:last-child {margin-bottom: 0;}
.history__block .year_item .year {position: relative; font-size: 40px; line-height: 1; width: 100px;}
.history__block .year_item .year::before {position: absolute; top: 50%; content: ""; width: 11px; height: 11px; border-radius: 50%; background: #333; transform: translate(0, -50%);}
.history__block .year_item__cont {color: #707070; font-size: 17px;}
.history__block .year_item__cont > li {margin-bottom: 0.5em;}
.history__block .year_item__cont > li:last-child {margin-bottom: 0;}
.history__block:nth-child(2n-1) .year_item .year,
.history__block:nth-child(2n-1) .sbj {color: #82CC00;}
.history__block:nth-child(2n-1) .content .year_ls {order: 1; padding-left: 50px;}
.history__block:nth-child(2n-1) .content .imgbox {order: 0; padding-right: 130px; justify-content: flex-end;}
.history__block:nth-child(2n-1) .year_item .year::before {left: -55.5px; background: #82CC00;}
.history__block:nth-child(2n) .year_item .year,
.history__block:nth-child(2n) .sbj {color: var(--main-color);}
.history__block:nth-child(2n) .content .year_ls {order: 0; padding-right: 50px;}
.history__block:nth-child(2n) .content .imgbox {order: 1; padding-left: 130px;}
.history__block:nth-child(2n) .year_item {justify-content: flex-end; text-align: right;}
.history__block:nth-child(2n) .year_item .year {order: 1;}
.history__block:nth-child(2n) .year_item .year::before {right: -55.5px; background: var(--main-color);}
.history__block:nth-child(2n) .year_item__cont {order: 0;}
.history__block:last-child::after {position: absolute; bottom: 0; left: 50%; transform: translate(-50%); content: ""; width: 17px; height: 17px; border-radius: 50%; background: #333; z-index: 1;}
.history__block:nth-child(2n-1)::after {background: #82CC00;}
.history__block:nth-child(2n)::after {background: var(--main-color)}

.map_container {height: 640px; background: #dfdfdf;}
.map_info {width: calc(100% - 100px); max-width: 1140px; margin: 0 auto 0 auto; transform: translate(0, -50%); display: flex; padding: 35px 0;}
.map_info .sbj {width: 250px; display: flex; text-align: center; justify-content: center; align-items: center; padding: 0 25px; border-right: 2px solid rgba(255,255,255,.3); margin-bottom: 0; font-weight: 600;}
.map_info .cont {padding: 0 25px 0 65px;}
.map_info .cont .addr {margin-bottom: 0.5em;}
.map_info .cont .contact_ls {display: flex; gap: 0 2em; flex-wrap: wrap;}
.map_info .cont .contact_ls > li {display: flex; gap: .5em; margin-bottom: 0;}

.bullet.circle2 > li {padding-left: 15px;}
.bullet.circle2 > li::before {width: 8px; height: 8px; border: 3px solid var(--blue); background: #fff; box-sizing: border-box; top: .8em;}
.bullet.circle2 > li.noti::before {width: auto; height: auto; border: none; background: none; content: '*';}

.trans_info {width: calc(100% - 100px); max-width: 1140px; margin: 0 auto; border-bottom: 1px solid #707070;}
.trans_info__item {display: flex; border-bottom: 2px solid rgba(112, 112, 112, .2); padding: 47px 0; align-items: flex-start;}
.trans_info__item:last-child {border: none;}
.trans_info__item .tit {display: flex; align-items: center; width: 250px; gap: 0 20px; flex-shrink: 0;}
.trans_info__item .tit .ico {}
.trans_info__item .tit h3 {margin-bottom: 0;}
.trans_info__item .cont .lead {margin-bottom: 0.5em;}
.trans_info__item .cont ul > li {color: #707070;}
.trans_info__item .cont ul > li .val {display: flex; flex-wrap: wrap;}
.trans_info__item .cont ul > li .val .item {display: flex; align-items: center;}
.trans_info__item .cont ul > li .val .item .txt {}
.trans_info__item .cont ul > li .val .item::after {display: block; content: ""; width: 0; height: 0; border-left: 10px solid #707070; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin: 0 1em;}
.trans_info__item .cont ul > li .val .item:last-child::after {display: none;}
.trans_info__item .cont ul > li.non_bullet {padding: 0;}
.trans_info__item .cont ul > li.non_bullet .val {color: #333;}
.trans_info__item .cont ul > li.non_bullet::before {display: none;}


/* Greeting */
.ly-divide {display: flex; gap: 20px 40px;}
.ly-divide .sbj_box {border-top: 4px solid #acacac; padding-top: 20px; width: 440px; flex-shrink: 0;}
.ly-divide .contbox {width: 100%;}

.greeting_banner {display: flex;}
.greeting_banner .imgbox {width: 45%;}
.greeting_banner .contbox {width: 55%; padding: 20px 45px;}
.greeting_banner .contbox .top {padding: 20px 20px 140px 20px;}
.greeting_banner .contbox .top .h1 {}
.greeting_banner .contbox .bot {padding-top: 20px; border-top: 1px solid #ACACAC;}
.greeting_cont .contbox .p1 {letter-spacing: -.5px;}




/* Business */
.banner {position:relative;}
.banner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.banner .container {position: relative; z-index: 1;}
.banner__links {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px;}
.banner__links .link {display: flex; align-items: center; justify-content: space-between; gap: 0 15px; padding: 10px 15px 10px 20px; background: rgba(0,0,0,.5); width: 245px; text-align: left; color: #fff;}
.banner__links .link .val {font-size: 15px; font-family: "Pretendard"; letter-spacing: -.5px;}
.banner__links .link .ico {width: 30px;}

.food_ingredients__banner {position: relative; padding: 150px 0 80px 0;}
.food_ingredients__banner .diagram {display: flex;}
.food_ingredients__banner .diagram .center_wrap {position: absolute; z-index: 1; top: 100px; left: 50%; transform: translate(-50%, 0);}
.food_ingredients__banner .diagram .center {background: url('../images/business/food_diagram_center.png') no-repeat center / cover; width: 410px; height: 410px; border-radius: 50%; padding: 75px;}
.food_ingredients__banner .diagram .center::before {position: absolute; top: 50%; left: 50%; width: 170%; height: 0; border-bottom: 2px dashed #fff; transform: translate(-50%, -50%); z-index: 0; content: "";}
.food_ingredients__banner .diagram .center .inner {width: 100%; height: 100%; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 25px; position: relative; z-index: 1;}
.food_ingredients__banner .diagram .center .inner h3 {font-size: 29px; color: var(--main-color); font-weight: 500; text-transform: uppercase;}
.food_ingredients__banner .diagram .box {color: #fff; width: 50%; text-align: center;}
.food_ingredients__banner .diagram .box .bg {position: absolute; top: 0; width: 50%; height: 100%; z-index: 0;}
.food_ingredients__banner .diagram .box .item {position: relative; z-index: 1; padding: 0 30px; width: 100%; max-width: 550px; display: flex; flex-direction: column; align-items: center;}
.food_ingredients__banner .diagram .box .item .tit {margin-bottom: 0;}
.food_ingredients__banner .diagram .box .item .icon {width: 175px; height: 175px; border-radius: 50%; background: rgba(0, 0, 0, .4); mix-blend-mode: multiply; margin: 25px 0 35px 0;}
.food_ingredients__banner .diagram .box .item .icon img {display: block;}
.food_ingredients__banner .diagram .box .item .cont {}
.food_ingredients__banner .diagram .box .item .cont .desc {margin-bottom: 0.5em; line-height: 1.5;}
.food_ingredients__banner .diagram .box .item .cont .desc:last-child {margin-bottom: 0;}

.food_ingredients__banner .diagram .box1 .bg {left: 0;}
.food_ingredients__banner .diagram .box2 .bg {right: 0;}
.food_ingredients__banner .diagram .box2 .item {margin-left: auto;}

.biz_personal_intro {padding-top: 368px;}
.biz_personal_strength table colgroup col:nth-child(1) {width: 250px;}
.biz_personal_strength table colgroup col:nth-child(2) {}
.biz_personal_strength table colgroup col:nth-child(3) {}
.biz_personal_strength table colgroup col:nth-child(4) {}

.biz_ingre_diagram {display: flex; gap: 50px 0;}
.biz_ingre_diagram .biz_ingre_diagram__item.item1 {order: 0;}
.biz_ingre_diagram .biz_ingre_diagram__item.item2 {order: 2;}
.biz_ingre_diagram .pc_tag_wrap {order: 1; width: 312px; margin: 0 -75px; flex-shrink: 0;}
.biz_ingre_diagram .pc_tag_wrap .pc_tag {display: flex; align-items: center; justify-content: center; padding: 0 80px; height: 75px; border-radius: 75px; background: #D9D9D9; mix-blend-mode: multiply; text-align: center; font-size: 19px; margin-bottom: 10px;}
.biz_ingre_diagram .pc_tag_wrap .pc_tag.tag2 {border: 2px solid #C2C2C2; background: #F2F2F2;}
.biz_ingre_diagram__item {width: 100%; text-align: center;}
.biz_ingre_diagram__item .heading {display: flex; align-items: center; justify-content: center; gap: 20px; padding: 0 100px; height: 75px; border-radius: 75px; text-align: center; margin-bottom: 10px;}
.biz_ingre_diagram__item .heading.trade_name {background: #333; color: #fff;}
.biz_ingre_diagram__item .heading.inci_name {border: 2px solid #333;}
.biz_ingre_diagram__item .heading .tag {display: none;}
.biz_ingre_diagram__item .cont {padding: 50px 0 0 0;}
.biz_ingre_diagram__item .cont .hr {display: block; border: none; border-top: 1px solid #dfdfdf; margin: 1em 0;}
.biz_ingre_diagram__item.item1 .heading.trade_name {background: #00C0D6;}
.biz_ingre_diagram__item.item1 .heading.inci_name {border-color: #00C0D6; color: #00C0D6;}
.biz_ingre_diagram__item.item2 .heading.trade_name {background: var(--blue);}
.biz_ingre_diagram__item.item2 .heading.inci_name {border-color: var(--blue); color: var(--blue);}
.biz_ingre_diagram__item.item1 .cont .sbj {color: #00C0D6;}
.biz_ingre_diagram__item.item2 .cont .sbj {color: var(--blue);}

.biz_pharm_intro {overflow: hidden;}
.biz_pharm_intro .noti {color: #fff; text-align: right; margin: 40px 0 0 0;}
.biz_pharm_intro__diagram {position: relative; display: flex; align-items: center; justify-content: center; width: 500px; height: 500px; margin: 0 auto 30px auto;}
.biz_pharm_intro__diagram img {display: block;}
.biz_pharm_intro__diagram .center {pointer-events: none;}
.biz_pharm_intro__diagram .center .inner {}
.biz_pharm_intro__diagram .center .inner .rotater {position: relative; z-index: 0;}
.biz_pharm_intro__diagram .center .inner .phill {position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.biz_pharm_intro__diagram .elem {position: absolute; top: 50%; z-index: 1; width: 367px; transform: translate(0, -50%);}
.biz_pharm_intro__diagram .elem1 {right: 37%;}
.biz_pharm_intro__diagram .elem2 {left: 37%;}
.biz_pharm_intro__diagram .elem .item1 {display: flex; align-items: center; width: 367px; height: 157px; border-radius: 157px; background: rgba(0,0,0,.3); z-index: 2; position: relative;}
.biz_pharm_intro__diagram .elem .item1 .circle {position: relative; display: flex; align-items: center; justify-content: center; width: 157px; height: 157px; text-align: center; background: rgba(0,0,0,.5); border-radius: 50%;}
.biz_pharm_intro__diagram .elem .item1 .circle .val {position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 700; text-align: center; line-height: 1.3;}
.biz_pharm_intro__diagram .elem .item1 .circle .arw {display: flex; position: absolute; top: 50%; z-index: 1; transform: translate(0, -50%); width: 100%;}
.biz_pharm_intro__diagram .elem .item1 .circle .rot {position: absolute; top: 50%; left: 50%; z-index: 0; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 10px;}
.biz_pharm_intro__diagram .elem1 .item1 {background: rgba(0, 186, 255, .6);}
.biz_pharm_intro__diagram .elem1 .item1 .circle {background: #00BAFF;}
.biz_pharm_intro__diagram .elem1 .item1 .circle .arw {left: calc(100% - 30px);}
.biz_pharm_intro__diagram .elem2 .item1 {background: rgba(84, 196, 0, .6);}
.biz_pharm_intro__diagram .elem2 .item1 .circle {background: #54C400; margin-left: auto;}
.biz_pharm_intro__diagram .elem2 .item1 .circle .arw {justify-content: flex-end; right: calc(100% - 30px);}
.biz_pharm_intro__diagram .elem .item2 {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1;}
.biz_pharm_intro__diagram .elem .item2 .circle-big {width: 214px; height: 214px; text-align: center; background: rgba(0,0,0,.3); border-radius: 50%; backdrop-filter: blur(3px);}
.biz_pharm_intro__diagram .elem .item2 .circle-big .inner {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}
.biz_pharm_intro__diagram .elem .item2 .circle-big .name {color: #fff; font-size: 20px; line-height: 1.3; margin-bottom: 0.5em;}
.biz_pharm_intro__diagram .elem .item2 .circle-big .val {position: relative; font-size: 47px; font-weight: 700; font-family: var(--poppins); color: #fff; line-height: 1;}
.biz_pharm_intro__diagram .elem .item2 .circle-big .val small {color: #fff; font-size: 15px; opacity: .6; top: -3px; left: 0; line-height: 1; font-weight: 400; position: absolute;}
.biz_pharm_intro__diagram .elem .item2 .circle-sml {width: 151px; height: 151px;  border-radius: 50%; background: rgba(0,0,0,.5); backdrop-filter: blur(3px);}
.biz_pharm_intro__diagram .elem .item2 .circle-sml .inner {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%;}
.biz_pharm_intro__diagram .elem .item2 .circle-sml .name {color: #fff; font-size: 16px; line-height: 1.3; margin-bottom: 0.5em;}
.biz_pharm_intro__diagram .elem .item2 .circle-sml .val {position: relative; font-size: 38px; font-family: var(--poppins); line-height: 1; font-weight: 700; color: #fff;}
.biz_pharm_intro__diagram .elem1 .item2 {right: calc(100% - 20px);}
.biz_pharm_intro__diagram .elem2 .item2 {left: calc(100% - 20px);}
.biz_pharm_intro__diagram .elem1 .item2 .circle-big {background: rgba(0, 96, 132, .6);}
.biz_pharm_intro__diagram .elem1 .item2 .circle-big .val {color: #00EDFF;}
.biz_pharm_intro__diagram .elem2 .item2 .circle-big {background: rgba(9, 120, 9, .7);}
.biz_pharm_intro__diagram .elem2 .item2 .circle-sml .val,
.biz_pharm_intro__diagram .elem2 .item2 .circle-big .val {color: #6EFF00;}
.biz_pharm_intro__diagram .elem2 .item2 .circle-big {order: 1; z-index: 3;}
.biz_pharm_intro__diagram .elem2 .item2 .circle-sml1 {order: 0; z-index: 2; margin-bottom: -20px;}
.biz_pharm_intro__diagram .elem2 .item2 .circle-sml2 {order: 2; z-index: 2; margin-top: -20px;}

.biz_pharm_strength__diagram {display: flex; gap: 50px 40px; justify-content: center; position: relative; width: auto;}
.biz_pharm_strength__diagram .ico--plus {width: 34px; height: 34px; flex-shrink: 0; position: relative; z-index: 2; margin-top: 253px;}
.biz_pharm_strength__diagram .ico--plus::before,
.biz_pharm_strength__diagram .ico--plus::after {background: #fff;}
.biz_pharm_strength__diagram .ico--plus::before {width: 4px;}
.biz_pharm_strength__diagram .ico--plus::after {height: 4px;}
.biz_pharm_strength__diagram::after {position: absolute; top: 240px; left: 50%; transform: translate(-50%); width: calc(100% - 380px); height: 60px;  border: 2px solid var(--green); border-radius: 60px; background: var(--green); content: ""; box-sizing: border-box;}
.biz_pharm_strength__diagram .item {width: 280px; background: #F1F1F1; border-radius: 280px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 60px 30px;}
.biz_pharm_strength__diagram .item .inner {display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%;}
.biz_pharm_strength__diagram .item .ico {display: flex; align-items: center; justify-content: center; width: 160px; height: 150px; margin: 0 auto;}
.biz_pharm_strength__diagram .item .ico img {}
.biz_pharm_strength__diagram .item .tit {position: relative; z-index: 2; margin-bottom: 0; width: calc(100% + 60px); text-align: center; background: var(--green); border-top: 2px solid var(--green); border-bottom: 2px solid var(--green); padding: 10px 0; height: 60px; display: flex; align-items: center; justify-content: center;}
.biz_pharm_strength__diagram .item .desc {margin-bottom: 0; font-family: "Pretendard"; line-height: 1.5;}
.biz_pharm_strength__diagram .item .desc b {font-weight: 500; line-height: inherit;}

.biz_health_desc .container {gap: 20px 65px;}
.biz_health_desc .container .icon {flex-shrink: 0;}
.biz_health_desc .container .cont .p1 {color: #707070;}
.biz_health_desc .container .cont .h4 {color: #8E8E8E; display: flex; gap: 10px; margin-bottom: 0;}
.biz_health_desc .container .cont .h4::before {content: ""; display: block; width: 0; height: 0; border-right: 12px solid #BFBFBF; border-top: 10px solid transparent; border-bottom: 10px solid transparent; margin-top: 5px;}

.biz_health_intro {padding: 0;}
.biz_health_intro .container {position: relative; padding: 100px 0;}
.biz_health_intro .diagram {position: relative; background: rgb(73 43 0 / 60%); mix-blend-mode: multiply; padding: 50px 50px; border-radius: 400px; margin-top: 40px;}
.biz_health_intro .diagram .sbj {position: absolute; background: #FF9100; text-align: center; width: 710px; min-height: 57px; padding: 10px 30px; border-radius: 57px; font-weight: 500; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); margin: 0; display: flex; align-items: center;justify-content: center; max-width: calc(100% - 40px);}
.biz_health_intro .diagram .wrapper {display: flex;}
.biz_health_intro .diagram .item {width: 100%; padding: 20px 20px 0 20px; border-right: 1px solid rgba(255,255,255,.5);}
.biz_health_intro .diagram .item:nth-child(3) {border: none;}
.biz_health_intro .diagram .item .inner {display: flex; flex-direction: column; align-items: center; text-align: center;}
.biz_health_intro .diagram .item .ico {display: flex; align-items: center; justify-content: center; width: 120px; height: 110px; margin-bottom: 10px;}
.biz_health_intro .diagram .item .ico img {}
.biz_health_intro .diagram .item .tit {}
.biz_health_intro .diagram .item .desc {margin-bottom: 0; line-height: 1.5;}
.biz_health_intro .bubble {position: absolute; top: 0; right: 0; transform: translate(0, -50%);}
.biz_health_intro .bubble img {position: absolute; display: block;}
.biz_health_intro .bubble1 .bubble_item1 {position: static;}
.biz_health_intro .bubble1 .bubble_item2 {top: 50px; left: -140px;}
.biz_health_intro .bubble1 .bubble_item3 {top: 50px; left: -30px;}
.biz_health_intro .bubble1 .bubble_item4 {top: -10px; left: -35px;}
.biz_health_intro .bubble1 .bubble_item5 {top: 170px; left: 130px;}
.biz_health_intro .bubble2 {top: auto; bottom: -60px; left: 30px; right: auto;}
.biz_health_intro .bubble2 .bubble_item1 {position: static;}
.biz_health_intro .bubble2 .bubble_item2 {top: 30px; left: 65px;}
.biz_health_intro .bubble2 .bubble_item3 {top: -50px; left: 40px;}
.biz_health_series .rel {position: relative;}
.biz_health_series .table_head {display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 30px; border-top: 2px solid rgba(112, 112, 112, .35);}
.biz_health_series .table_head .sub_cont_desc2 {margin-bottom: 0;}
.biz_health_series .pbk_tbl colgroup col:nth-child(1) {width: 350px;}
.biz_health_series .pbk_tbl colgroup col:nth-child(2) {width: 200px;}
.biz_health_series .pbk_tbl colgroup col:nth-child(3) {width: 380px;}
.biz_health_series .pbk_tbl colgroup col:nth-child(4) {}

@keyframes rotater1 {
    to {transform: rotate(360deg);}
}
@keyframes rotater2 {
    to {transform: rotate(-360deg);}
}
.biz_pharm_intro.sc_eft.active .diagram .rotater img {animation: rotater1 50s 0s infinite linear;}
.biz_pharm_intro.sc_eft.active .diagram .elem1 .rot img {animation: rotater2 50s 0s infinite linear;}
.biz_pharm_intro.sc_eft.active .diagram .elem2 .rot img {animation: rotater1 50s 0s infinite linear;}

/* .biz_health.pbk_tbl {background: none; border-top: none;}
.biz_health.pbk_tbl thead {}
.biz_health.pbk_tbl thead th:nth-child(1) {background: #0DA93C;}
.biz_health.pbk_tbl thead th:nth-child(2),
.biz_health.pbk_tbl thead th:nth-child(3) {background: #13B913;}
.biz_health.pbk_tbl tbody th {background: rgba(49, 49, 49, .4); color: #67DC45;}
.biz_health.pbk_tbl tbody td {background: none;}
.biz_health.pbk_tbl tbody th, .biz_health.pbk_tbl tbody td {border-bottom-color: rgba(255,255,255,.3);}
.biz_health.pbk_tbl::after {background: rgba(255,255,255,.3);} */


/* R&D */
.ma_banner {display: flex;}
.ma_banner .item {position: static; width: 50%; height: 480px;}
.ma_process__ls {display: flex; gap: 40px; word-break: keep-all;}
.ma_process__item {width: 100%; position: relative;}
.ma_process__item::after {display: none; width: 100%; height: 1px; content: ""; background: #707070; opacity: .2; position: absolute; bottom: 0; left: 0;}
.ma_process__item .cont {padding: 35px; background: #fff; overflow: hidden; border-radius: 24px;}
.ma_process__item .img {position: relative; display: flex; align-items: flex-end; justify-content: center; padding: 20px 0 40px 0;}
.ma_process__item .img .txt {position: absolute; top: 0; left: 50%; transform: translate(-50%); display: block; width: 100%; text-align: center;}
.ma_process__item .tit {display: flex; align-items: center; justify-content: center; padding: 10px 20px; line-height: 1.3; background: #E3E3E3; border-radius: 60px; margin-bottom: 20px; font-weight: 600;}
.ma_process__item .tit * {line-height: 1.3;}
.ma_process__item .desc {margin-bottom: 0;}
.ma_process__item.green::after {display: none;}
.ma_process__item.green .tit {color: #fff; background: #0B9234;}
.ma_process__item.green .cont {border: 4px solid var(--green);}
.ma_process__item.green .cont .desc,
.ma_process__item.green .cont .txt {color: #006D21;}
.ma_onestop {}
.ma_onestop .container {padding: 80px 0;}

.ani--gear1 {animation: rotater1 10s 0s infinite linear;}
.ani--gear2 {animation: rotater2 10s 0s infinite linear;}
.gear_diagram_container {display: flex; align-items: center; justify-content: center; width: 1376px; max-width: calc(100% - 100px); margin: 0 auto; position: relative;}
.gear_diagram_container .line-h {width: 100%; height: 3px; background: #cbcbcb;}
.gear_diagram_container .line-h.line1 {order: 0;}
.gear_diagram_container .line-h.line2 {order: 2;}
.gear_diagram_container .line-v {position: absolute; top: 50%; width: 3px; height: calc(50% + 40px); background: #cbcbcb;}
.gear_diagram_container .line-v.line1 {left: 0;}
.gear_diagram_container .line-v.line2 {right: 0;}
.gear_diagram {position: relative; width: auto; height: auto; border-radius: 364px; padding: 50px; display: flex; border: 3px solid #CBCBCB; flex-shrink: 0; order: 1;}
.gear_diagram .tit {line-height: 1.3; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 50px); white-space: nowrap; background: #fff; text-align: center; padding: 10px 20px; margin-bottom: 0; border-radius: 50px; letter-spacing: -.5px;}
.gear_diagram .item {display: flex; align-items: center; justify-content: center; padding: 20px; position: relative; overflow: hidden; width: 278px; height: 278px; border-radius: 50%; background: #333; color: #fff; margin: 0 0 0 -40px;}
.gear_diagram .item .gear {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: calc(100% - 30px);}
.gear_diagram .item .gear img {display: block;}
.gear_diagram .item .val {font-size: 17px; line-height: 1.5; word-break: keep-all; text-align: center; letter-spacing: -.5px;}
.gear_diagram .item:first-of-type {margin: 0;}
.gear_diagram .item:nth-of-type(2) {z-index: 1;}
.gear_diagram.green .tit {color: var(--main-color);}
.gear_diagram.green .item {background: #6EC40B;}
.gear_diagram.green .item:nth-of-type(2) {background: rgba(0, 119, 20, .8);}
.gear_diagram.blue .tit {color: var(--blue);}
.gear_diagram.blue .item {background: #7461DB;}
.gear_diagram.blue .item:nth-of-type(2) {background: rgba(0, 97, 225, 0.8);}

.tech.img_banner {height: 480px;}

.tech_pass {padding-top: 60px;}
.tech_pass_diagram .gear_diagram {padding: 0; border: none;}
.tech_pass_diagram .gear_diagram .tit {position: static; transform: translate(0); max-width: none; border-radius: 0;}
.tech_pass_diagram .overflow_item {min-width: 1000px;}
.tech_pass_diagram .diagram1 {margin-bottom: 40px;}
.tech_pass_diagram .diagram2 {display: flex; border: 3px solid #cbcbcb; padding: 15px; border-radius: 90px; flex-wrap: nowrap}
.tech_pass_diagram .diagram2 .item {display: flex; align-items: center; justify-content: center; padding: 0 80px; border-radius: 80px; height: 80px; background: rgba(0,0,0,.5); position: relative; }
.tech_pass_diagram .diagram2 .item .val {font-size: 20px; font-weight: 600; line-height: 1.2; text-align: center;}
.tech_pass_diagram .diagram2 .item .ico {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; border-radius: 50%; position: absolute; top: 50%; right: 20px; transform: translate(0, -50%);}
.tech_pass_diagram .diagram2 .item .ico .arrow {width: 50%; height: 50%; border-width: 5px; border-color: var(--green); margin-left: -10%;}
.tech_pass_diagram .diagram2 .item:nth-child(1) {z-index: 3; width: calc(20% + 80px); background: rgba(188, 240, 143, .6); padding-left: 0px;}
.tech_pass_diagram .diagram2 .item:nth-child(2) {z-index: 2; width: calc(40% + 80px); margin-left: -80px; background: rgba(158, 225, 120, .6);}
.tech_pass_diagram .diagram2 .item:nth-child(3) {z-index: 1; width: calc(40% + 80px); margin-left: -80px; background: rgba(115, 209, 143, .6); padding-right: 0px;}
.tech_pass_diagram .diagram3 {position: relative; background: #fff; overflow: hidden;}
.tech_pass_diagram .diagram3 img {position: relative; z-index: 1; mix-blend-mode: multiply; display: block;}
.tech_pass_diagram .diagram3 video {display: block; width: 100%;}
.tech_pass_diagram .diagram3::before {position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 100vw; height: 150px; background: #D9E6EE; content: ''; z-index: 0; display: none;}
.tech_psp_diagram .diagram2 img {display: block; margin: 0 auto;}

.platform_cont {word-break: keep-all;}
.platform_cont .row {padding: 20px 0;}
.platform_cont .row .item {display: flex; gap: 10px 25px; padding: 10px 0;}
.platform_cont .row .item .key {width: 250px; border-top: 5px solid #333; padding-top: 10px; font-size: 25px; font-weight: 700; line-height: 1.3; text-transform: uppercase;}
.platform_cont .row .item .val {width: 100%;}
.platform_cont .row .item .val_item {position: relative; display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 50px; padding: 0 20px; font-size: 17px; font-weight: 600; line-height: 1.3; border-radius: 50px; border: 2px solid #007022; color: #007022;}
.platform_cont .row .item .val ul {display: flex; gap: 20px 30px;}
.platform_cont .row .item .val ul .val_item {}
.platform_cont .row .item .val ul .val_item::after {content: ""; position: absolute; top: 50%; left: 100%; transform: translate(0, -50%); width: 40px; height: 24px; background: url('../images/rnd/arrow_green.png') no-repeat right / cover; z-index: 2;}
.platform_cont .row .item .val ul .val_item.type--plus::after {background: none!important; content: '+'; width: auto; height: auto; font-size: 42px; font-weight: 300; left: calc(100% + 17px); transform: translate(-50%, -50%); line-height: 1; padding-bottom: 3px;}
.platform_cont .row .item .val ul .val_item:last-child::after {display: none;}
.platform_cont .row .item .val ul.vertical {flex-direction: column; gap: 35px 20px;}
.platform_cont .row .item .val ul.vertical .val_item {color: #fff; border: none;}
.platform_cont .row .item .val ul.vertical .val_item::after {width: 24px; height: 40px; background: no-repeat center / cover; top: 100%; left: 50%; transform: translate(-50%, -16%);}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(1):after {background-image: url('../images/rnd/arrow_vertical_green1.png');}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(2):after {background-image: url('../images/rnd/arrow_vertical_green2.png');}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(3):after {background-image: url('../images/rnd/arrow_vertical_green3.png');}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(1) {background-color: #00A833;}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(2) {background-color: #008A2A;}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(3) {background-color: #186A00;}
.platform_cont .row .item .val ul.vertical .val_item:nth-child(4) {background-color: #005019;}

.platform_cont .row .item.light_green .key {position: relative; color: #30A90D; border-color: #30A90D;}
.platform_cont .row .item.light_green .key::after {content: "or"; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #9E9898; font-size: 20px; font-weight: 700; font-family: "Pretendard"; text-align: center; box-shadow: 0 3px 6px rgba(0,0,0,.16); position: absolute; left: 50%; top: 100%; transform: translate(-50%, -20%); display: none;}
.platform_cont .row .item.light_green .val_item {border-color: #0DA93C; color: #0DA93C;}
.platform_cont .row .item.orange .key {color: #EF8700; border-color: #EF8700;}
.platform_cont .row .item.orange .val_item {border-color: #EF8700; color: #EF8700;}
.platform_cont .row .item.orange .val ul .val_item::after {background-image: url('../images/rnd/arrow_orange.png');}

.img_banner.rc {height: 640px;}

.pbk_mission table colgroup col {}
.pbk_mission table colgroup col:nth-child(1) {width: 90px;}
.pbk_mission table colgroup col:nth-child(2) {width: 200px;}
.pbk_mission table colgroup col:nth-child(3) {width: 350px;}
.pbk_mission table colgroup col:nth-child(4) {}
.pbk_mission table colgroup col:nth-child(5) {width: 200px;}

.pbk_cert table colgroup col {}
.pbk_cert table colgroup col:nth-child(1) {width: 300px;}
.pbk_cert table colgroup col:nth-child(2) {}
.pbk_cert table colgroup col:nth-child(3) {width: 300px;}



/* PR Center */
.board--pagination {margin-top: 100px;}
.board--pagination .disabled {opacity: .4; pointer-events: none;}
.board_video {display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 30px;}
.board_video .board_empty {grid-column: 1 / 4;}
.board_video__item {position: relative;}
.board_video__item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.board_video__item .thumb {background-color: #dfdfdf; width: 100%; height: 0; padding-bottom: 55%;}
.board_video__item .info {padding-top: 20px;}
.board_video__item .info .sbj {min-height: 3em; line-height: 1.5; word-break: break-all; hyphens: auto;}
.board_video__item .info .date {color: #888;}

.board_thumb {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.board_thumb:has(.board_empty) {grid-template-columns: repeat(1, 1fr);}
.board_thumb__item {position: relative; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; height: 500px; box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.board_thumb__item .anchor {top: -300px;}
.board_thumb__item .thumb {position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: #dfdfdf;}
.board_thumb__item .info {position: relative; z-index: 1; color: #fff; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,.25), rgba(0,0,0,.0), rgba(0,0,0,.0)); height: 100%;}
.board_thumb__item .info .ca {display: flex; align-items: center; justify-content: center; text-align: center; color: var(--main-color); padding: 8px 15px; border-radius: 30px; background: #fff; line-height: 1; margin-bottom: 5px; border: 1px solid #dadada; font-weight: 600; margin: -5px 0 auto -5px;}
.board_thumb__item .info .ca.blue {color: var(--blue);}
.board_thumb__item .info .sbj {}
.board_thumb__item .info .date {display: flex; gap: .5em; align-items: center;}
.board_thumb__item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2;}

.board_view .viewHead_title .title {line-height: 1.8;}
.board_view .viewHead_title .title .tag {display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 0.7em; background: #333; border-radius: 2em; padding: 0 15px; margin-right: 0.5em; vertical-align: middle;}
.board_view .viewHead_title .title .tag.green {background: var(--main-color);}
.board_view .viewHead_title .title .tag.blue {background: var(--blue);}

.board_view .view_etc__block {display: flex; gap: 30px; border-bottom: 1px solid #afafaf; padding: 20px 0;}
.board_view .view_etc__block .cont {width: calc(100%);}
.board_view .view_etc__items {display: flex; flex-direction: column; gap: 5px;}
.board_view .view_etc__items > li {padding: 10px 20px; border: 1px solid #afafaf; border-radius: 5px;}
.board_view .view_etc__items > li a {display: flex; align-items: center; gap: 15px;}
.board_view .view_etc__items > li a .name {width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_view .view_etc__items > li a .icon {color: #999; flex-shrink: 0;}
.board_view .view_etc__items > li a .filesize {flex-shrink: 0; margin-left: auto;}

.board_view .listBtn {display: flex; gap: 15px; justify-content: space-between;}
.board_view .listBtn .list_btn {border-radius: 70px;}
.board_view .listBtn .prev,
.board_view .listBtn .next {display: flex; align-items: center; justify-content: center; border-radius: 70px; background: none; color: #999; gap: 10px; border: 2px solid #dfdfdf; padding: 0 40px; width: 160px;}
.board_view .listBtn .prev {justify-content: flex-start;}
.board_view .listBtn .next {justify-content: flex-end;}
.board_view .listBtn .prev .arrow,
.board_view .listBtn .next .arrow {width: 16px; height: 16px; border-color: #afafaf; border-width: 4px; flex-shrink: 0;}

.inquiry_ls {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.inquiry_ls__item {position: relative; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; border: 1px solid #afafaf; border-radius: 10px; padding: 40px;}
.inquiry_ls__item .ico {order: 1; width: 100px; display: flex; justify-content: flex-end; align-items: flex-start;}
.inquiry_ls__item .ico img {display: block;}
.inquiry_ls__item .cont {order: 0; width: calc(100% - 120px);}
.inquiry_ls__item .info {margin-bottom: 2em; font-size: 18px; color: #999;}
.inquiry_ls__item .info > li {font-weight: 300;}
.inquiry_ls__item > a {order: 2; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 70px; font-size: 20px;}
.inquiry_ls__item > a:hover {color: var(--main-color);}
.inquiry_ls__item > a:hover .ico--circle {border-color: var(--green);}
.inquiry_ls__item > a:hover .ico--circle .arrow {border-color: var(--green);}

.board--inquiry--basic {max-width: 1200px; margin: 0 auto; font-size: 20px;}
.board--inquiry--basic form table tr th {font-size: 20px; font-weight: 500;}
.board--inquiry--basic input {height: 50px; font-size: 18px;}
.board--inquiry--basic textarea {font-family: "Pretendard"; font-size: 18px;}
.board--inquiry--basic .btn_confirm .btn_submit {width: 250px; height: 60px; border-radius: 60px;}
.board--inquiry--basic form table tr td textarea,
.board--inquiry--basic form table tr td input {background: transparent;}


/* Sustainability */
.sustain_overview__banner {min-height: 478px; display: flex; align-items: center;}
.sustain_overview__goal {}
.sustain_overview__goal .content {padding-top: 100px; gap: 0 30px;}
.sustain_overview__goal .content:first-child {padding-top: 0;}
.sustain_overview__goal .content .contbox {width: 50%; padding: 60px 30px; border-bottom: 1px solid #dadada;}
.sustain_overview__goal .content .contbox .sbj {font-weight: 700;}
.sustain_overview__goal .content .contbox .subtitle {margin-bottom: 1.5em;}
.sustain_overview__goal .content .contbox .desc {margin-bottom: 0;}
.sustain_overview__goal .content .imgbox {position: relative; width: 50%; flex-shrink: 0;}
.sustain_overview__goal .content .imgbox .mark {position: absolute; top: 0;}
.sustain_overview__goal .content:nth-child(2n-1) .contbox {order: 1; padding-right: 0; }
.sustain_overview__goal .content:nth-child(2n) .contbox {order: 0; padding-left: 0; text-align: right;}
.sustain_overview__goal .content:nth-child(2n-1) .imgbox {order: 0;}
.sustain_overview__goal .content:nth-child(2n) .imgbox {order: 1;}
.sustain_overview__goal .content:nth-child(2n-1) .imgbox .mark {left: 0;}
.sustain_overview__goal .content:nth-child(2n) .imgbox .mark {right: 0;}
.sustain_overview__goal .content:nth-child(1) .contbox .subtitle {color: #269B47;}
.sustain_overview__goal .content:nth-child(2) .contbox .subtitle {color: #CF8D29;}
.sustain_overview__goal .content:nth-child(3) .contbox .subtitle {color: #46763B;}
.sustain_overview__goal .content:nth-child(4) .contbox .subtitle {color: #007CBB;}

.sustain_env__diagram {}
.sustain_env__diagram .top {}
.sustain_env__diagram .top .line {margin: 0 auto; background: #afafaf;}
.sustain_env__diagram .top .line--v {width: 6px; height: 100px;}
.sustain_env__diagram .top .line--h {width: calc((400% / 6) + 39px); height: 6px;}
.sustain_env__diagram .content {display: flex; gap: 50px;}
.sustain_env__diagram .content .item {width: 100%;}
.sustain_env__diagram .content .item .arw {position: relative; width: 6px; height: 70px; margin: 0 auto; background: #afafaf; margin-bottom: 30px;}
.sustain_env__diagram .content .item .arw::after {position: absolute; bottom: -5px; left: 50%; transform: translate(-50%); width: 0; height: 0; border-top: 12px solid #afafaf; border-left: 10px solid transparent; border-right: 10px solid transparent; content: '';}
.sustain_env__diagram .content .item .arw2 {height: 50px;}
.sustain_env__diagram .content .item .keyword {display: flex; padding: 10px; border-radius: 130px; width: 100%; height: 130px; color: #fff; background: #afafaf; line-height: 1.5;}
.sustain_env__diagram .content .item .keyword .inner {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; border: 3px solid rgba(255,255,255,.5); padding: 10px 20px; border-radius: 130px; font-weight: 700;}
.sustain_env__diagram .content .item .desc {border-top: 3px solid #afafaf; padding: 10px 10px;}
.sustain_env__diagram .content .item .desc p {margin-bottom: 0; padding: 10px; border-bottom: 1px solid rgb(112, 112, 112, .23);}
.sustain_env__diagram .content .item .desc p small {opacity: .7; line-height: 1.8; display: block; margin-top: 0.5em;}
.sustain_env__diagram .content .item .desc p:last-child {border: none;}
.sustain_env__diagram .noti {display: flex; justify-content: flex-end; margin: 0;}
.sustain_env__diagram .noti .inner {display: block; padding: 10px 20px; border-radius: 50px; color: #fff; background: var(--green); margin: 0;}

.sustain_env__diagram.green .top .line {background: var(--deep-green);}
.sustain_env__diagram.green .content .item .keyword {background: var(--green);}
.sustain_env__diagram.green .content .item .keyword .inner {border-color: #25C656;}
.sustain_env__diagram.green .content .item .arw1 {background: var(--deep-green);}
.sustain_env__diagram.green .content .item .arw1::after {border-top-color: var(--deep-green);}
.sustain_env__diagram.green .content .item .arw2 {background: #97AEA2;}
.sustain_env__diagram.green .content .item .desc,
.sustain_env__diagram.green .content .item .arw2::after {border-top-color: #97AEA2;}
.sustain_env__diagram.green .noti .inner {background: var(--green);}

.sustain_env__diagram.blue .top .line {background: #75C8FF;}
.sustain_env__diagram.blue .content .item .keyword {background: #0099FF;}
.sustain_env__diagram.blue .content .item .keyword .inner {border-color: rgb(255, 255, 255, .25);}
.sustain_env__diagram.blue .content .item .arw1 {background: #75C8FF;}
.sustain_env__diagram.blue .content .item .arw1::after {border-top-color: #75C8FF;}
.sustain_env__diagram.blue .content .item .arw2 {background: #979CAE;}
.sustain_env__diagram.blue .content .item .desc,
.sustain_env__diagram.blue .content .item .arw2::after {border-top-color: #979CAE;}
.sustain_env__diagram.blue .noti .inner {background: #0099FF;}

.sustain_social_content {display: flex;}
.sustain_social_content .bar {flex-shrink: 0; width: 1px; background: #dadada; margin: 0 45px;}
.sustain_social_content .content {width: 100%;}
.sustain_social_content .content .cont {padding: 30px;}
.sustain_social_content .content .cont .desc {color: #7d7d7d; padding-top: 10px;}
.sustain_social_content .content .cont .desc .tbl_flex {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10px; font-size: 13px;}
.sustain_social_content .content .cont .desc .tbl_flex li {border-bottom: 1px solid #dadada; padding: 5px 0;}


@media (hover: hover) {
    .banner__links .link:hover {background: rgba(0,0,0,.8);}
    .board_video__item:hover .thumb {opacity: .7;}
    .board_view .listBtn .prev:hover,
    .board_view .listBtn .next:hover {color: var(--main-color); border-color: var(--main-color);}
    .board_view .listBtn .prev:hover .arrow,
    .board_view .listBtn .next:hover .arrow {border-color: var(--main-color);}
}
@media screen and (max-width: 1599px) {
    /* Greeting */
    .greeting_cont .contbox .p1 br.pc-br {display: none;}

    /* Business */
    .biz_pharm_strength__diagram::after {width: calc(100% - 180px);}
}
@media screen and (max-width: 1499px) {
    /* About */
    .about_intro__diagram .diagram .item3 {transform: translate(-30px, -50px);}
    .about_intro__diagram .diagram .item4 {transform: translate(30px, -50px);}

    /* Business */
    .food_ingredients__banner .diagram .box .item {max-width: 400px;}
}
@media screen and (max-width: 1399px) {
    /* Business */
    .biz_pharm_strength__diagram {gap: 30px 20px;}
    .biz_pharm_strength__diagram::after {width: 100%;}

    /* PR Center */
    .board_thumb {grid-template-columns: repeat(3, 1fr);}

    .inquiry_ls__item {padding: 30px; gap: 10px;}
    .inquiry_ls__item .cont {width: calc(100% - 90px)}
    .inquiry_ls__item .ico {width: 50px;}
}
@media screen and (max-width: 1399px) {
    .sub_cellbox .cell1 {width: 28vw; top: 0; right: 0;}
    .sub_cellbox .cell2 {width: 24vw; bottom: 30%; right: 20%;}
    .sub_cellbox .cell3 {width: 48vw; top: 0; left: 0;}
    .sub_cellbox .cell4 {width: 35vw; bottom: -10%; left: 5%;}

    .subpage {padding-bottom: 50px;}
    
    .sub_intro {padding-bottom: 30px;}

    .sub_cont_sbj_box {margin-bottom: 50px;}
    .sub_cont_desc {font-size: 17px;}

    .sub_cont_content__item {margin-bottom: 80px;}
    .sub_cont_content__item__sbj_box {margin-bottom: 30px;}

    .pbk_tbl thead th {font-size: 15px;}
    .pbk_tbl tbody {font-size: 14px;}
    .pbk_tbl thead th:first-child,
    .pbk_tbl tbody th {padding-left: 15px!important;}
    .pbk_tbl .sep,
    .pbk_tbl .sep2 {border-right: none;}
    .pbk_tbl tr th:first-child {position: relative; border-bottom: none!important;}
    .pbk_tbl tr th:first-child::before {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 1px; content: ""; background: rgba(112, 112, 112, .5); border-bottom: none;}
    .pbk_tbl thead tr th:first-child::before {background: #707070;}

    /* About */
    .about_intro__diagram {}
    .about_intro__diagram .diagram {}
    .about_intro__diagram .diagram .item {width: 50%; transform: none!important; padding: 20px;}
    .about_intro__diagram .diagram .item .icon .wrap {width: 150px; height: 150px;}
    .about_intro__diagram .diagram .item .icon .wrap img {transform: scale(.7);}
    .about_intro__diagram .diagram .item .icon::before {display: none;}
    .about_intro__diagram .diagram .item .cont .tit {font-size: 18px;}
    .about_intro__diagram .diagram .item .cont .desc {font-size: 15px;}
    .about_intro__diagram .diagram .center {order: 0;}
    .about_intro__diagram .diagram .item1 {order: 1;}
    .about_intro__diagram .diagram .item2 {order: 2;}
    .about_intro__diagram .diagram .item3 {order: 3;}
    .about_intro__diagram .diagram .item4 {order: 4;}

    .about_global {padding: 80px 0;}
    .about_global_map .item {transform: scale(.5);}
    .about_global_map .item1 {top: -3%; left: -7%;}
    .about_global_map .item2 {top: 1%; right: -5%;}
    .about_global_map .item2 .tag1 .pop {left: auto; right: 0; transform: translate(0) scale(0); transform-origin: top right;}
    .about_global_map .item2 .tag1:hover .pop {transform: translate(0) scale(1);}

    .about_global_company_info .content {padding: 70px 0; flex-wrap: wrap;}
    .about_global_company_info .content .contbox {width: 100%; order: 0!important; border: none!important;}
    .about_global_company_info .content .contbox .bullet li {font-size: 14px;}
    .about_global_company_info .content .thumbbox {width: 100%; height: 350px!important; order: 1!important;}

    .history__block .sbj {font-size: 32px;}
    .history__block .year_item {flex-direction: column; gap: 10px;}
    .history__block .year_item .year {order: 0!important; font-size: 24px; width: auto;}
    .history__block .year_item__cont {order: 1!important; font-size: 14px;}
    .history__block:nth-child(2n) .year_item {align-items: flex-end;}
    .history__block:nth-child(2n-1) .content .imgbox {padding-right: 50px;}
    .history__block:nth-child(2n) .content .imgbox {padding-left: 50px;}

    .map_container {height: 500px;}
    .map_info .cont {padding-left: 40px;}
    .trans_info__item {padding: 30px 0;}
    .trans_info__item .tit {gap: 0 10px; width: 180px;}
    .trans_info__item .tit .ico {width: 40px;}
    .trans_info__item .cont ul > li .val .item::after {border-left-width: 8px; border-top-width: 7px; border-bottom-width: 7px;}


    /* Greeting */
    .ly-divide {flex-direction: column;}
    .ly-divide .sbj_box {width: 100%; border-top-width: 2px;}
    .greeting_banner .contbox {padding: 40px 30px 20px 30px;}
    .greeting_banner .contbox .top {padding: 0 0 40px 0;}


    /* Business */
    .food_ingredients__banner {padding: 0 0 80px 0;}
    .food_ingredients__banner .diagram {padding: 0; flex-wrap: wrap; gap: 20px;}
    .food_ingredients__banner .diagram .center_wrap {position: relative; top: 0; left: 0; transform: none; margin: 0 auto 40px auto;}
    .food_ingredients__banner .diagram .center {background-image: url('../images/business/food_diagram_center_green.png');}
    .food_ingredients__banner .diagram .center::before {display: none;}
    .food_ingredients__banner .diagram .center .inner {border: 1px solid var(--main-color);}
    .food_ingredients__banner .diagram .center .inner h3 {color: var(--main-color);}
    .food_ingredients__banner .diagram .box {width: calc(50% - 10px); position: relative; border-radius: 10px; overflow: hidden; padding: 40px 30px; transition: opacity 0.8s cubic-bezier(1, 0, 0.47, 1.03) 0.14s, transform 0.8s; -webkit-will-change: transform; -moz-will-change: transform; -ms-will-change: transform; will-change: transform; opacity: 0; transform: translate(0, 100px);}
    .food_ingredients__banner .diagram .box1 {transition-delay: .2s;}
    .food_ingredients__banner .diagram .box2 {transition-delay: .4s;}
    .food_ingredients__banner.sc_eft.active .diagram .box {transform: translate(0); opacity: 1;}
    .food_ingredients__banner .diagram .box .item {padding: 0; opacity: 1; transform: none;}
    .food_ingredients__banner .diagram .box .bg {width: 100%;}

    .biz_personal_strength table colgroup col:nth-child(1) {width: 120px;}
    .biz_personal_strength table colgroup col:nth-child(2) {}
    .biz_personal_strength table colgroup col:nth-child(3) {}
    .biz_personal_strength table colgroup col:nth-child(4) {}

    .biz_ingre_diagram .pc_tag_wrap {display: none;}
    .biz_ingre_diagram {flex-direction: column;}
    .biz_ingre_diagram__item .heading {height: auto; min-height: 60px; justify-content: flex-start; padding: 10px; text-align: left; line-height: 1.3; font-size: 16px; gap: 10px;}
    .biz_ingre_diagram__item .heading .tag {display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(0,0,0,.4); color: #fff; border-radius: 75px; padding: 10px 20px; width: 100px; height: 100%; line-height: 1.3; font-size: 14px;}
    .biz_ingre_diagram__item .cont {padding-top: 10px; padding-left: 20px; text-align: left;}

    .biz_pharm_intro__diagram {width: 400px; height: 400px;}
    .biz_pharm_intro__diagram .elem {width: 300px;}
    .biz_pharm_intro__diagram .elem .item1 {width: 100%; height: 130px;}
    .biz_pharm_intro__diagram .elem .item1 .circle {width: 130px; height: 130px;}
    .biz_pharm_intro__diagram .elem .item1 .circle .val {font-size: 18px;}
    .biz_pharm_intro__diagram .elem1 .item1 .circle .arw {left: calc(100% - 20px);}
    .biz_pharm_intro__diagram .elem2 .item1 .circle .arw {right: calc(100% - 20px);}
    .biz_pharm_intro__diagram .elem .item2 .circle-big {width: 160px; height: 160px;}
    .biz_pharm_intro__diagram .elem .item2 .circle-big .name {font-size: 14px;}
    .biz_pharm_intro__diagram .elem .item2 .circle-big .val {font-size: 38px;}
    .biz_pharm_intro__diagram .elem .item2 .circle-big .val small {font-size: 12px;}
    .biz_pharm_intro__diagram .elem .item2 .circle-sml {width: 130px; height: 130px;}
    .biz_pharm_intro__diagram .elem .item2 .circle-sml .name {font-size: 12px;}
    .biz_pharm_intro__diagram .elem .item2 .circle-sml .val {font-size: 28px;}
    
    .biz_pharm_strength__diagram {gap: 30px 10px;}
    .biz_pharm_strength__diagram .item .ico {width: 80px; height: 95px;}
    .biz_pharm_strength__diagram .ico--plus {width: 20px; height: 20px; margin-top: 204px;}
    .biz_pharm_strength__diagram .ico--plus::before {width: 2px;}
    .biz_pharm_strength__diagram .ico--plus::after {height: 2px;}
    .biz_pharm_strength__diagram::after {width: calc(100% + 60px); top: 185px;}
    .biz_pharm_strength .pbk_tbl colgroup col:first-child {width: 120px;}

    .biz_health_desc .container {align-items: flex-start!important;}
    .biz_health_desc .container .icon {width: 170px;}

    .biz_health_intro .diagram {border-radius: 30px; padding: 50px 0;}
    .biz_health_intro .diagram .item .ico {width: 80px; height: 70px;}
    .biz_health_intro .bubble {transform: translate(0, -50%) scale(.6); right: -80px;}
    .biz_health_intro .bubble2 {right: auto; left: -40px;}

    .biz_health_series .table_head {padding: 20px; gap: 100px;}
    .biz_health_series .table_head .icon {width: 100px;}
    .biz_health_series .pbk_tbl colgroup col:nth-child(1) {width: 100px;}
    .biz_health_series .pbk_tbl colgroup col:nth-child(2) {width: 100px;}
    .biz_health_series .pbk_tbl colgroup col:nth-child(3) {width: 150px;}
    .biz_health_series .pbk_tbl colgroup col:nth-child(4) {}



    /* R&D */
    .ma_banner .item {height: 350px;}
    .ma_process__ls {flex-wrap: wrap; gap: 20px;}
    .ma_process__item {display: flex; flex-direction: column; width: calc(50% - 10px);}
    .ma_process__item .cont {padding: 20px; display: flex; flex-direction: column; height: 100%;}
    .ma_process__item .img {padding-bottom: 15px; margin-bottom: auto;}
    .ma_process__item .img .txt {font-size: 15px;}
    .ma_process__item .tit {padding: 10px; font-size: 16px; border-width: 1px;}
    .ma_process__item.green {width: 100%;}
    .ma_onestop .container {padding: 0;}

    .gear_diagram_container .line-v,
    .gear_diagram_container .line-h {display: none;}
    .gear_diagram {padding: 30px;}
    .gear_diagram .item {width: 240px; height: 240px; margin-left: -30px;}

    .tech.img_banner {height: 350px;}

    .tech_pass_diagram .gear_diagram {}
    .tech_pass_diagram .gear_diagram .tit {background: none;}
    .tech_pass_diagram .overflow_item {min-width: 1400px;}
    .tech_pass_diagram .diagram2 .item .val {font-size: 15px;}
    .tech_pass_diagram .diagram3::before {height: 140px; width: 100%;}

    .platform_cont .row .item {flex-direction: column;}
    .platform_cont .row .item .key {width: 100%; font-size: 16px; border-top-width: 2px; text-align: center; padding-bottom: 20px;}
    .platform_cont .row .item .val_item {font-size: 14px;}
    .platform_cont .row .item .val ul {gap: 20px;}
    .platform_cont .row .item .val ul .val_item::after {width: 30px; height: 18px;}
    .platform_cont .row .item .val ul .val_item.type--plus::after {font-size: 32px; left: calc(100% + 12px);}
    .platform_cont .row .item.light_green {position: relative; margin-bottom: 50px;}
    .platform_cont .row .item.light_green .key {position: static;}
    .platform_cont .row .item.light_green .key::after {transform: translate(-50%, 20%);}


    .img_banner.rc {height: 400px;}

    .pbk_mission table colgroup col:nth-child(1) {width: 50px;}
    .pbk_mission table colgroup col:nth-child(2) {width: 100px;}
    .pbk_mission table colgroup col:nth-child(3) {width: 150px;}
    .pbk_mission table colgroup col:nth-child(4) {}
    .pbk_mission table colgroup col:nth-child(5) {width: 100px;}

    .pbk_cert table colgroup col {}
    .pbk_cert table colgroup col:nth-child(1) {width: 160px;}
    .pbk_cert table colgroup col:nth-child(2) {}
    .pbk_cert table colgroup col:nth-child(3) {width: 100px;}


    /* PR Center */
    .board_video {grid-template-columns: repeat(2, 1fr); gap: 50px 20px;}
    .board_video__item .info {padding-top: 10px;}

    .board_thumb {grid-template-columns: repeat(2, 1fr);}

    .board_view .listBtn .prev, .board_view .listBtn .next {padding: 0 30px; width: auto;}
    .board_view .listBtn .prev .arrow, .board_view .listBtn .next .arrow {width: 12px; height: 12px; border-width: 2px;}

    .inquiry_ls {grid-template-columns: repeat(1, 1fr); max-width: 500px; margin: 0 auto;}
    .inquiry_ls__item .info {font-size: 16px;}
    .inquiry_ls__item > a {font-size: 18px;}
    .inquiry_ls__item > a .ico--circle {width: 30px; height: 30px;}
    .board--inquiry--basic form table tr td .inp_half {width: 100%;}


    /* Sustainability */
    .sustain_overview__goal .content {gap: 20px;}
    .sustain_overview__goal .content .contbox {padding: 30px 10px;}

    .sustain_env__diagram .content {gap: 30px;}
    .sustain_env__diagram .top .line--v {height: 50px;}
    .sustain_env__diagram .top .line--h {width: calc((400% / 6) + 26px);}
    .sustain_env__diagram .content .item .arw {height: 40px; margin-bottom: 20px;}

    .sustain_social_content {flex-wrap: wrap;}
    .sustain_social_content .bar {width: 100%; height: 1px; margin: 50px 0;}
    .sustain_social_content .content .cont {padding: 20px 10px;}
}
@media screen and (max-width: 767px) {
    .sub_cellbox .cell2 {width: 70vw; bottom: 30%; right: -20%;}
    .sub_cellbox .cell4 {width: 45vw; bottom: 5%; left: 5%;}

    .subpage {padding-bottom: 25px;}

    .pbk_tbl .mo_hide {display: none;}
    .pbk_tbl .mo_info {display: block;}
    
    /* About */
    .about_intro__diagram .diagram {overflow-x: hidden;}
    .about_intro__diagram .diagram .center .tit {font-size: 26px;}

    .about_global_map_container {overflow-x: auto;}
    .about_global_map {min-width: 720px;}

    .about_global_company_info .content .thumbbox {min-height: 0; height: 250px!important;}
    .about_global_company_info .content2 .contbox .thumbs {flex-direction: column;}

    .about_global_company_info .content1 .contbox .thumbs.type2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .about_global_company_info .content1 .contbox .thumbs.type2 .row {flex-direction: column; padding: 0; border: none!important;}
    .about_global_company_info .content1 .contbox .thumbs.type2 .row .cont {width: 100%; padding: 15px 0 0 0;}
    .about_global_company_info .content1 .contbox .thumbs.type2 .row .cont .tit {margin-bottom: 0.3em;}
    .about_global_company_info .content1 .contbox .thumbs.type2 .row .thumb {width: 100%;}

    .history__block .sbj {text-align: left;}
    .history__block .content {flex-wrap: wrap;}
    .history__block .year_ls {order: 0!important; width: 100%; padding: 40px 0 40px 50px!important;}
    .history__block .year_item {align-items: flex-start!important; text-align: left!important;}
    .history__block .year_item .year::before {left: -45.5px!important; right: auto!important;}
    .history__block .imgbox {order: 1!important; width: 100%; padding: 40px 0 40px 50px!important; justify-content: flex-start!important;}
    .history__block .content::before {left: 10px;}
    .history__block:last-child::after {left: 10.5px;}

    .map_container {height: 400px;}
    .map_info {flex-wrap: wrap; transform: translate(0); width: calc(100% - 40px); margin-top: -40px;}
    .map_info .sbj {width: 100%; border: none; text-align: left; justify-content: flex-start; margin-bottom: 0.5em;}
    .map_info .cont {padding: 0 25px;}
    .trans_info {width: calc(100% - 40px);}
    .trans_info__item {flex-wrap: wrap; gap: 20px 0;}
    .trans_info__item .tit {width: 100%;}
    .trans_info__item .cont ul > li .val .item {display: inline-block;}
    .trans_info__item .cont ul > li .val .item::after {display: inline-block;}


    /* Greeting */
    .greeting_banner {display: block;}
    .greeting_banner .imgbox {width: 100%; height: 200px;}
    .greeting_banner .contbox {width: 100%;}


    /* Business */
    .food_ingredients__banner .diagram {padding: 0; flex-direction: column;}
    .food_ingredients__banner .diagram .center {width: 320px; height: 320px; padding: 55px;}
    .food_ingredients__banner .diagram .center::before {display: block; width: 1px; border-bottom: none; border-left: 2px dashed var(--main-color); height: 800px; transform: translate(-50%); left: 50%; top: 100%;}
    .food_ingredients__banner .diagram .center .inner h3 {font-size: 22px;}
    .food_ingredients__banner .diagram .box {z-index: 2; width: 100%; margin-bottom: 20px;}
    .food_ingredients__banner .diagram .box .item {max-width: 400px; margin: 0 auto;}
    .food_ingredients__banner .diagram .box .item .icon {margin: 20px 0 25px; width: 150px; height: 150px;}

    .biz_pharm_intro__diagram .elem .item1 .circle .arw {display: none;}
    .biz_pharm_intro__diagram {display: block; height: auto; width: 100%;}
    .biz_pharm_intro__diagram .center {position: relative; width: 320px; height: 320px; margin: 0 auto; margin-bottom: -30px;}
    .biz_pharm_intro__diagram .elem {position: relative; top: 0; left: 0; width: 100%; right: auto; transform: none; display: flex; align-items: center; justify-content: center; margin-bottom: -20px;}
    .biz_pharm_intro__diagram .elem .item1 {width: 130px; margin-right: -15px;}
    .biz_pharm_intro__diagram .elem .item2 {position: static; transform: none;}
    .biz_pharm_intro__diagram .elem2 {align-items: flex-start;}
    .biz_pharm_intro__diagram .elem2 .item1 {margin-top: 15px;}
    .biz_pharm_intro__diagram .elem2 .item2 .circle-big {order: 0;}
    .biz_pharm_intro__diagram .elem2 .item2 .circle-sml1 {order: 1; margin-top: -15px; margin-bottom: 0;}
    .biz_pharm_intro__diagram .elem2 .item2 .circle-sml2 {order: 2; margin-top: -15px; margin-bottom: 0;}

    .biz_pharm_strength__diagram {flex-direction: column; align-items: center; gap: 10px; word-break: keep-all;}
    .biz_pharm_strength__diagram .item {width: 100%; border-radius: 20px;}
    .biz_pharm_strength__diagram .ico--plus {margin: -30px 0; width: 50px; height: 50px; border-radius: 50%; background: var(--main-color);}
    .biz_pharm_strength__diagram .ico--plus::before {background: #fff; height: calc(100% - 20px);}
    .biz_pharm_strength__diagram .ico--plus::after {background: #fff; width: calc(100% - 20px);}
    .biz_pharm_strength__diagram::after {display: none;}
    .biz_pharm_strength__diagram .item .inner {gap: 15px;}
    .biz_pharm_strength__diagram .item .tit {border: none; background: none; height: auto; padding: 0; color: var(--green)!important;}

    .biz_health_desc .container {flex-direction: column;}

    .biz_health_intro {}
    .biz_health_intro .bubble1 {right: 0; transform-origin: right center;}
    .biz_health_intro .diagram {padding: 30px;}
    .biz_health_intro .diagram .wrapper {flex-direction: column;}
    .biz_health_intro .diagram .item {padding: 30px 20px; border-right: none; border-bottom: 1px solid rgba(255,255,255, .3);}

    .biz_health_series .table_head {gap: 10px; flex-direction: column;}
    .biz_health_series .table_head .icon {margin-left: auto;}


    /* R&D */
    .ma_banner .item {height: 250px;}
    .ma_process__ls {flex-wrap: wrap; max-width: 400px; margin: 0 auto;}
    .ma_process__item {width: 100%; }
    .ma_process__item:nth-child(2) {padding-top: 0;}
    .ma_process__item::after {top: auto; bottom: 0; width: 100%; height: 1px;}

    .gear_diagram_container {max-width: 320px;}
    .gear_diagram {flex-wrap: wrap; width: 100%; border-radius: 100px; justify-content: center; max-width: none; border: none; padding: 0;}
    .gear_diagram .tit {background: none; position: static; margin-bottom: 20px; transform: none; width: 100%; white-space: initial; padding: 0;}
    .gear_diagram .item {width: 160px; height: 160px; margin-left: -20px;}
    .gear_diagram .item .val {font-size: 12px;}
    .gear_diagram .item:nth-of-type(1) {}
    .gear_diagram .item:nth-of-type(2) {}
    .gear_diagram .item:nth-of-type(3) {margin: -40px 0 0 0;}
    .gear_diagram.green .item:nth-of-type(3) {background: rgba(58, 171, 0, 0.85);}
    .gear_diagram.blue .item:nth-of-type(3) {background: rgba(0, 44, 222, 0.85);}

    .tech.img_banner {height: 300px;}

    .tech_pass_diagram .diagram2 {padding: 10px; border-width: 1px;}
    .tech_pass_diagram .diagram2 .item {height: 60px; padding: 0 60px;}
    .tech_pass_diagram .diagram2 .item .ico {right: 10px;}
    .tech_pass_diagram .diagram2 .item:nth-child(1) {width: calc(20% + 60px);}
    .tech_pass_diagram .diagram2 .item:nth-child(2) {width: calc(40% + 60px); margin-left: -60px;}
    .tech_pass_diagram .diagram2 .item:nth-child(3) {width: calc(40% + 60px); margin-left: -60px;}

    .platform_cont .row .item .val_item {border-width: 1px;}
    .platform_cont .row .item .val ul {flex-direction: column;}
    .platform_cont .row .item .val ul .val_item::after {top: 100%; left: 50%; transform: translate(-50%, 60%) rotate(90deg); height: 12px; width: 25px;}
    .platform_cont .row .item .val ul .val_item.type--plus::after {left: 50%; top: calc(100% + 10px); width: 30px; height: 30px; background: #EF8700!important; color: #fff; display: block; align-items: center; justify-content: center; border-radius: 50%; padding-bottom: 0; line-height: 26px;}
    .platform_cont .row .item .val ul .val_item.type--plus:last-child::after {display: none;}

    .img_banner.rc {height: 300px;} 

    .pbk_cert table colgroup col {}
    .pbk_cert table colgroup col:nth-child(1) {width: 150px;}
    .pbk_cert table colgroup col:nth-child(2) {}
    .pbk_cert table thead th:first-child {padding-left: 15px!important;}
    .pbk_cert table tbody tr td:nth-of-type(1) {text-align: left!important;}

    /* PR Center */
    .board_thumb__item {height: 400px;}
    .board_thumb__item .info {padding: 20px;}
    .board_thumb__item .info .ca {font-size: 13px;}

    .board_view .view_etc__items > li a .filesize {display: none;}

    .inquiry_ls__item {padding: 30px 20px;}


    /* Sustainability */
    .sustain_overview__goal .content {flex-direction: column; padding-top: 30px;}
    .sustain_overview__goal .content .contbox,
    .sustain_overview__goal .content .imgbox {width: 100%;}
    .sustain_overview__goal .content .contbox {order: 1!important; padding: 0 0 30px 0!important;}
    .sustain_overview__goal .content .imgbox {order: 0!important; height: 250px;}
    .sustain_overview__goal .content .imgbox .mark {width: 70px;}

    .sustain_env__diagram .top .line--h {display: none;}
    .sustain_env__diagram .content {flex-wrap: wrap; gap: 0;}
    .sustain_env__diagram .content .item {}
    .sustain_env__diagram .content .item .keyword {height: auto; margin-bottom: 10px; border-radius: 20px;}
    .sustain_env__diagram .content .item .keyword .inner {border-radius: 10px;}
    .sustain_env__diagram .content .item .desc {background: #f9f8f7; border: none!important; border-radius: 20px; color: #333;}
    .sustain_env__diagram .content .item .arw {margin-bottom: 0;}
    .sustain_env__diagram .content .item .arw2 {display: none;}

    .sustain_social_content .content .cont .desc .tbl_flex {grid-template-columns: repeat(1, 1fr);}

}
@media screen and (max-width: 499px) {
    /* About */
    .about_intro__diagram .diagram .center {width: 320px; height: 320px; margin-bottom: 30px;}
    .about_intro__diagram .diagram .item {width: 100%; max-width: 340px; margin: 0 auto;}

    .about_global_company_info .content1 .contbox .thumbs {flex-direction: column;}
    .about_global_company_info .content1 .contbox .thumbs .thumb {width: 100%; min-height: 0;}


    /* R&D */
    .ma_banner {flex-direction: column;}
    .ma_banner .item {width: 100%;}


    /* PR Center */
    .board_video {grid-template-columns: repeat(1, 1fr); gap: 50px 0;}
    .board_video__item .info .sbj {min-height: 0;}

    .board_thumb {grid-template-columns: repeat(1, 1fr);}
    .board_view .listBtn .prev, .board_view .listBtn .next {font-size: 0;}
}