@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * MAIN FULLPAGE HEADER & FOOTER
 * **************************************** */
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #header #logo a{background-image:url(../img/layout/logo.svg);}
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #header #gnb .gnb-item > a{color:#111;}
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #header .lang-menu a{color:#aaa;}
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #header .lang-menu li.on a{color:var(--c-01);}
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #header .lnag-menu__icon{background-image:url(../img/common/ic-lang.svg);}
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) .gnb-full-btn .text {color: #aaa;}
 body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) .gnb-full-icon > span {background: var(--b-01);}

.section.active .main-title [data-txt-motion="hidden"] > span {animation:text_hidden_motion 1.6s ease 0.1s forwards;}

#main #footer {margin-top: 0;}

@media all and (max-width:1023px){
	[data-txt-motion="hidden"] > span {opacity: 1 !important; animation: none !important;}
}

/* **************************************** *
 * fullpage custom
 * **************************************** */
.fp-overflow,
.fp-overflow > div,
.fp-overflow .wrap-wide {height: 100%;}
.fp-overflow .wrap-wide {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.fp-auto-height .wrap-wide {display: block; padding-top: 0;}

/* full-nav */
.main #fp-nav {z-index: 1; top: 50%; bottom: auto; transform: translate(0, -50%);}
.main #fp-nav > ul {position: relative; flex-direction: column; gap: 10rem; margin: 0 10rem; padding: 30rem 0; text-align: center; font-size: 12rem; font-weight: 600; color: var(--f-01);}
.main #fp-nav > ul::after {position: absolute; bottom: 0; content:'08';}
.main #fp-nav.fp-left {left: 60rem;}
.main #fp-nav ul li {margin: 0;}
.main #fp-nav ul li a span,
.main #fp-nav ul li a.active span,
.main #fp-nav ul li:hover a span {width: 17rem !important; height: 17rem !important; border-radius: 100%; border: 1px solid transparent; transition: .3s;}
.main #fp-nav ul li a span::after {position: absolute; left:50%; top: 50%; content:''; width: 5rem; height: 5rem; border-radius: 100%; background: rgba(255, 255, 255, .5); transform: translate(-50%, -50%); transition: .3s;}
.main #fp-nav ul li a.active span {border-color: var(--c-02);}
.main #fp-nav ul li a.active span::after {opacity: 0; visibility: hidden;}
.main #fp-nav .nav-name {position: fixed; left:50%; top: 0; margin: 0; font-size: 12rem; transform: translateX(-50%);}

body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #fp-nav > ul,
body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #fp-nav .nav-name {color: var(--g-02);}
body:has(#section02.active, #section03.active, #section04.active, #section06.active, #section07.active, #section08.active) #fp-nav ul li a span::after {background:#bbb;}
body:has(#main-full08.active) #fp-nav {opacity: 0; visibility: hidden;}
body:has(#main-full08.active) .quick-wrap {bottom: 50%;}
body:has(#main-full08.active) #header {transform: translateY(-100rem);}

@media all and (max-width:1023px){
	.fp-overflow, .fp-overflow > div,
	.fp-overflow .wrap-wide,
	.fp-responsive .fp-is-overflow.fp-section {height:auto; min-height: auto !important; max-height: none !important;}
	.fp-section {height: auto !important;}
	.fp-overflow > [class^="main-"]:not(.main-visual) {padding: 160rem 0;}
	body:has(#main-full08.active) .quick-wrap {bottom: 60rem;}
}
@media all and (max-width:860px){
	.fp-overflow > [class^="main-"]:not(.main-visual) {padding: 120rem 0;}
}
@media all and (max-width:540px){
	.fp-overflow > [class^="main-"]:not(.main-visual) {padding: 80rem 0;}
}


/* **************************************** *
 * Site custom
 * **************************************** */

/* main title */
.main-title {text-align: center; margin-bottom: 50rem;}
.main-title h3 {font-weight: 800; font-size: 50rem; color: var(--b-01);}
.main-title p {margin-top: 10rem; font-weight: 500; font-size: 23rem; color: var(--g-03);}
.main-title strong {font-weight: 800; color: var(--c-01);}

.main-title.white h3 {color: var(--f-01);}
.main-title.white p {color: rgba(255, 255, 255, .7);}

@media all and (max-width:1023px){
	.main-title {margin-top: 0 !important;}
	.main-title h3 {font-size: 47rem;}
}

@media all and (max-width:540px){
	.main-title {margin-bottom: 30rem;}
	.main-title h3 {font-size: 27rem;}
	.main-title p {font-size: 14rem;}
}

/* main visual */
.main-visual{height:var(--height-full); position: relative; overflow: hidden;}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap{width:100%; z-index: 111;}
.main-visual .swiper-pagination{position: relative; display:flex; gap:10rem; counter-reset:pagination-number;}
.main-visual .swiper-pagination-bullet{display: flex; justify-content: center; align-items: center; counter-increment:pagination-number; width: 50rem; height: 50rem; border-radius: 100%; border: 1px solid transparent; background:transparent; transition: .3s;}
.main-visual .swiper-pagination-bullet::before {opacity: .4; content:counter(pagination-number); font-size: 15rem; font-weight: 600; color: var(--f-01); transition: .3s;}
.main-visual .swiper-pagination-bullet-active {border-color: var(--f-01);}
.main-visual .swiper-pagination-bullet-active::before {opacity: 1;}

.main-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 14rem;}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute;bottom: 50rem;left:50%;z-index:999; display: inline-flex; align-items: center; justify-content: center; transform: translateX(-50%);}
.main-visual__controls > div{display:flex;align-items:center;justify-content: center;}
.main-visual__count{display:flex; align-items:center; margin:0 50rem; font-size:17rem; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative;}
.main-visual__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 10rem; background:#fff;}
.main-visual__btn.button-next::after{transform:rotate(-90deg);}
.main-visual__btn.button-prev::after{transform: rotate(90deg);}

.main-visual__text {position:absolute; top:40vh; width:100%; text-align:center; color:#fff; z-index: 100;}
.main-visual__text h2{overflow:hidden;font-weight:700; font-size:70rem; letter-spacing: -.5px;}
.main-visual__text p{margin-bottom:20rem; font-weight:500; font-size:34rem;}
.main-visual__text .txt-up__item {margin-left: 6rem; font-weight: 700; font-size: .55em; transform: translateY(-60%);}

/* .main-visual__item01 .main-visual__text,*/
.main-visual__item03 .main-visual__text {top: 37vh;}

.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}
.main-visual .swiper-slide-active .main-visual__bar > i{width:100%; transition:all 5s ease;}
.visual-list__video{z-index: -1; position: relative; padding-bottom: 51.43%; width: 100%;}
.visual-list__video iframe{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.visual-list__video video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.main-visual__play-wrap {position: relative; width: 50rem; height: 50rem; margin-left: 5rem;}
.main-visual__play{position: absolute; left: 0; top: 0; z-index:99999; width: 100%; height: 100%; font-size: 0; cursor:pointer; background-position: 50% 50%; background-repeat: no-repeat;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}
.main-visual__play.pause {background-image: url(../img/main/ic-pause.svg);}
.main-visual__play.play {background-image: url(../img/main/ic-play.svg); background-size: 11rem; background-position: 50% 49%;}

@media all and (max-width:1820px){
    .visual-list__video iframe{width: 150%; height: 150%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
}

@media all and (max-width:1023px){
	/* .main-visual{height: 100vh !important;} */
	.main-visual {height: 700rem !important;}
	.main-visual__text {top: 50% !important; transform:translateY(-50%);}
	.main-visual__text p {margin-bottom: 22rem;}
	.main-visual__text h2 {font-size: 62rem;}
	.visual-list__video {padding-bottom: 0;}
    .visual-list__video iframe{height: 110%;}
	.ourexo{font-size:46rem !important;}

}

@media all and (max-width:860px){
	.visual-list__video iframe {width: 165%;}
}

@media all and (max-width:540px){
	.main-visual {height: var(--height-full) !important;}
	.main-visual__controls {bottom: 10rem;}
	.main-visual__text{top:260rem;}
	.main-visual__text h2{line-height: 1.3; font-weight: 800; font-size:32rem;}
	.main-visual__text p {margin-bottom: 10rem; font-size:16rem;}
	.main-visual .swiper-pagination {gap: 5rem;}
	.main-visual .swiper-pagination-bullet {width: 35rem; height: 35rem;}
	.main-visual .swiper-pagination-bullet::before {font-size: 12rem;}
	.main-visual__play.pause,
	.main-visual__play.play {background-size: 8rem;}
	.main-visual__btn{font-size:14rem;}
    .main-visual__text{top: 50% !important;}
    .visual-list__video iframe{width: 100%; height: 100%; transform: translate(-50%,-50%) scale(5);}
	.ourexo{font-size:22rem !important;}

	[lang="en-US"] .main-visual__item01 .main-visual__text {padding: 0 10rem;}
	[lang="en-US"] .main-visual__item01 .main-visual__text h2 br {display: none;}
}

/* leader*/
.main-leader {background: url(../img/main/leader-bg.jpg) no-repeat center / cover;}
.main-leader .main-title {margin-top: 50rem; margin-bottom: 80rem;}
.leader-cont {position: relative; padding-bottom: 120rem; text-align: center;}
.leader-img-wrap {margin-left: -30rem;}
.leader-img-wrap img {opacity: 0; visibility: hidden;}
[data-bio="left"] {width: 310rem;}
[data-bio="left"] img {max-width: 100%;}
[data-bio="left-line"] {opacity: 0; visibility: hidden; position: relative; width: 300rem; height: 90rem; margin: 0 20rem; background: url(../img/main/leader-bio-line-left.png) no-repeat center right / 265rem;}
[data-bio="left-line"] img {position: absolute;}
[data-bio="left-line"] img:nth-child(1) {left: 0; top: 41rem; width: 25rem;}
[data-bio="left-line"] img:nth-child(2) {left: 42rem; top: 7rem; width: 19rem;}
[data-bio="left-line"] img:nth-child(3) {left: 120rem; top: 38rem; width: 19rem;}
[data-bio="left-line"] img:nth-child(4) {left: 170rem; top: 7rem; width: 38rem;}
[data-bio="center"] img {width: 62rem; margin-top: 85rem;}
[data-bio="right-line"] {opacity: 0; visibility: hidden; position: relative; width: 300rem; height: 90rem; margin: 105rem 20rem 0; background: url(../img/main/leader-bio-line-right.png) no-repeat center left / 255rem;}
[data-bio="right-line"] img {position: absolute;}
[data-bio="right-line"] img:nth-child(1) {left: 80rem; top: 50rem; width: 36rem;}
[data-bio="right-line"] img:nth-child(2) {right: 0; top: -12rem; width: 25rem;}
[data-bio="right"] {position: relative; width: 310rem; margin-left: -30rem; text-align: right;}
[data-bio="right"] img {opacity: 0; visibility: hidden; position: absolute; right:0; top:0; max-width: 100%;}
[data-bio="right"] img:nth-child(1) {position: relative;}
[data-tag] {position: absolute; opacity: 0; visibility: hidden; transition: .3s;}
.img-tag {position: relative; margin-bottom: 20rem;}
.img-tag span {position: absolute; left: 50%; top: 50%; display: inline-block; margin-top: -2rem; font-size: 22rem; font-weight: 600; color: var(--f-01); transform: translate(-50%, -50%);}
.img-tag-wrap > p {font-size: 22rem;color: var(--b-02); font-weight: 600;}
.img-tag-wrap > p strong {font-size: 26rem; font-weight: 700; color: var(--c-01);}

[data-tag="1"],
[data-tag="3"] {top: 0;}
[data-tag="1"] {left: 21%;}
[data-tag="3"] {right: 22%;}
[data-tag="2"] {left: 50%; bottom: 0; transform: translate(-50%, 0);}
[data-tag="1"] .img-tag span {margin-left: 6rem;}
[data-tag="3"] .img-tag span {margin-left: -4rem;}

#section02.active .leader-img-wrap img {animation-name: opacity; animation-duration: .3s; animation-timing-function: ease-in; animation-fill-mode: forwards;}
#section02.active [data-bio="left"] img {animation-delay: .5s;}
#section02.active [data-bio="left-line"] {animation: opacity .3s ease-in 1.2s forwards;}
#section02.active [data-bio="left-line"] img:nth-child(1) {animation-delay: 1.7s;}
#section02.active [data-bio="left-line"] img:nth-child(2) {animation-delay: 2s;}
#section02.active [data-bio="left-line"] img:nth-child(3) {animation-delay: 2.4s;}
#section02.active [data-bio="left-line"] img:nth-child(4) {animation-delay: 2.7s;}
#section02.active [data-bio="center"] img {animation-delay: 3.2s;} 
#section02.active [data-bio="right-line"] {animation: opacity .3s ease-in 3.7s forwards;}
#section02.active [data-bio="right-line"] img:nth-child(1) {animation-delay: 4.2s;}
#section02.active [data-bio="right-line"] img:nth-child(2) {animation-delay: 4.5s;}
#section02.active [data-bio="right"] img:nth-child(1) {animation-delay: .9s;}
#section02.active [data-bio="right"] img:nth-child(2) {animation-delay: 4.8s;}
#section02.active [data-bio="right"] img:nth-child(3) {animation-delay: 5.1s;}
#section02.active [data-bio="right"] img:nth-child(4) {animation-delay: 5.4s;}
#section02.active [data-bio="right"] img:nth-child(5) {animation-delay: 5.7s;}
#section02.active [data-bio="right"] img:nth-child(6) {animation-delay: 6s;}

#section02.active [data-tag] {animation: opacity .3s forwards;}
#section02.active [data-tag="1"] {animation-delay: .9s;}
#section02.active [data-tag="3"] {animation-delay: 1.5s;}
#section02.active [data-tag="2"] {animation-delay: 3.6s;}

[lang="en-US"] .img-tag span {white-space: nowrap;}

@keyframes opacity {
	from{opacity:0; visibility: hidden;}
	to{opacity:1; visibility: visible;}
}

@media all and (max-width:1023px){
	.leader-cont {width: 100%; margin-top: 20rem; padding-bottom: 160rem;}
	.leader-img-wrap {margin-left: 0;}
	
	.img-tag {margin-bottom: 15rem;}
	.img-tag svg {transform: scale(.82);}
	.img-tag span {font-size: 18rem;}
	[data-bio="left-line"],
	[data-bio="right-line"] {width: 250rem; background-size: 85%;}
	[data-bio="left-line"] {margin: 0 30rem; }
	[data-bio="left-line"] img:nth-child(1) {left: -5%; top: 43%;}
	[data-bio="left-line"] img:nth-child(2) {left: 18%; top: 20%; width: 12rem;}
	[data-bio="left-line"] img:nth-child(3) {left: 47%; top: 48%; width: 12rem;}
	[data-bio="left-line"] img:nth-child(4) {left: 64%; top: 28%; width: 25rem;}
	[data-bio="right-line"] {margin: 100rem 30rem 0;}
	[data-bio="right-line"] img:nth-child(1) {left: 25%; top: 52%;}
	[data-bio="right-line"] img:nth-child(2) {right: 5%; top: 11%; width: 12rem;}
	[data-bio="center"] img {width: 55rem;}
	[data-tag="1"] {left: 22%; margin-top: -10rem;}
	[data-tag="2"] {margin-left: 12rem;}
	[data-tag="3"] {right: 21%; margin-top: -10rem;}
	
}

@media all and (max-width:860px){
	[lang="en-US"] .leader-cont {padding-bottom: 200rem;}
	[lang="en-US"] [data-tag="1"] {left: 20%; margin-top: -20rem;}
	[lang="en-US"] [data-tag="3"] {right: 19%; margin-top: -20rem;}
}

@media all and (max-width:540px){
	.img-tag-wrap > p {font-size: 14rem;}
	.main-leader .main-title {margin-bottom: 50rem;}
	.leader-cont {padding: 0;}
	.leader-img-wrap {flex-direction: column; align-items: flex-start;}
	.img-tag {margin-bottom: 3rem;}
	.img-tag span {font-size: 14rem;}
	.img-tag-wrap > p strong {font-size: 16rem;}
	[data-bio="left"] {width: 120rem; margin-left: 10%;}
	[data-bio="left-line"] {margin: 40rem 0;  margin-left: 10%; width: 120rem; transform:  scaleX(-1) rotate(90deg);}
	[data-bio="left-line"] img:nth-child(1) {width: 18rem;}
	[data-bio="left-line"] img:nth-child(2) {left: 22%; top:26%; width: 10rem;}
	[data-bio="left-line"] img:nth-child(3) {left: 50%; top: 50%; width: 10rem;}
	[data-bio="left-line"] img:nth-child(4) {left: 70%; top: 35%; width: 18rem;}
	[data-bio="center"] {margin-left: 23%;}
	[data-bio="center"] img {width: 50rem; margin-top: 0;}
	[data-bio="right-line"] {margin: 40rem 0 50rem; margin-left: 14%; width: 120rem; transform:  scaleX(-1) rotate(90deg);}
	[data-bio="right-line"] img:nth-child(1) {left: 34%; top: 50%; width: 18rem;}
	[data-bio="right-line"] img:nth-child(2) {right: 0; top: 26%; width: 10rem;}
	[data-bio="right"] {width: 140rem; margin-left: 10%; margin-top: -30rem; transform: rotate(90deg);}
	[data-tag="1"],
	[data-tag="3"] {left: 60%; right: auto; width: 100rem;}
	[data-tag="1"] {top: 6%;}
	[data-tag="1"] svg {transform: none; width: 100%;}
	[data-tag="3"] {top: 87%;}
	[data-tag="3"] .img-tag span {margin-left: 6rem;}
	[data-tag="3"] svg {width: 100%; transform: scaleX(-1);}
	[data-tag="2"] {top: 46%; left: 45%; margin-top: -5rem; transform: none;}
	[data-tag="2"] svg {width: 170rem; transform: none;}

	[lang="en-US"] .leader-cont {padding-bottom: 0;}
	[lang="en-US"] [data-tag="1"] {left: 50%; margin-top: -8rem;}
	[lang="en-US"] [data-tag="3"] svg {width: 130rem;}
	[lang="en-US"] [data-tag="3"] .img-tag span {margin-left: 25rem;}
	[lang="en-US"] .img-tag-wrap > p strong {line-height: 1;}
}

/* global*/
.main-global {background: /*#F3F2FA*/#ffffff;}
.main-global .wrap-wide {align-items: flex-start;}
.main-global .main-title {position: relative; z-index: 1; margin-top: 50rem; padding-left: 150rem; text-align: left;}
.main-global .main-title h3 + h3 {margin-top: 5rem;}
.global-wrap {position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding-left: 150rem;}
.global-list {width: 18%;}
.global-list em {display: flex; align-items: center; margin-bottom: 5rem; font-weight: 700; color: var(--c-01);}
.global-list em img {width: 23rem; margin-right: 10rem;}
.global-list em span {opacity: .3; margin-left: 7rem; font-size: 15rem; font-weight: 700;}
.global-list li {margin: 35rem 0;}
.global-list li:nth-child(1) {margin-top: 10rem;}
.global-list li:last-child {margin-bottom: 0;}
.global-list li div > span {margin-left: 10rem; line-height: 3; font-weight: 700; font-size: 18rem; color: var(--g-02);}
.global-list__count {font-size: 70rem; font-weight: 700; color: var(--b-01);}
.global-list__count i {display: inline-block; margin-left: 5rem; font-size: 45rem; font-weight: 800;}
/*.global-list li:nth-child(1) div > span,
.global-list li:nth-child(2) div > span {margin-left: 0;}*/ /*240724 수정*/
.global-list li p{font-size: 15rem; color: var(--g-02); opacity: 0.6; font-weight: 600; margin-top: -5rem;}

.global-map-wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; padding-bottom: 10rem; padding-left: 18%;}
.global-map {position: relative; width: 100%; margin-left: auto; margin-right: -30rem;}
.global-map > img {width: 100%; max-width: 100%;}
.global-map-cont {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.global-map__dot {position: absolute; z-index: 1;}
.global-map__dot em {position: relative;}
/* .global-map__dot em i {position: relative; display: block; width: 20rem; height: 20rem; border-radius: 100%; background:rgba(255, 30, 70, .2);} */
.global-map__dot em::after {position: absolute; left:50%; top:50%; content:''; width: 9rem; height: 9rem; border-radius: 100%; background: var(--c-01); transform: translate(-50%, -50%);}
.global-map__dot em::before {opacity: .12; position: absolute; left: -15rem; top: -15rem; content:''; width:30rem; height: 30rem; border-radius: 100%; background: var(--c-01); animation: dot-zoom 1s ease-in-out infinite alternate;}
.global-map__dot > div {position: absolute; left: 13rem; top: 50%; transform: translateY(-50%); z-index: 1;}
.global-map__dot > div img {position: absolute; left: 50%;}
[data-global="benev"] svg,
[data-global="exocobio"] svg {width: 100%;}
[data-global="benev"] {right: 28.2%; top: 43.6%; margin-top: -2rem; margin-left: 6rem;}
[data-global="benev"] > div{left:0; top: 50%; width: 230rem; margin-top: 5rem;}
[data-global="benev"] > div img {left: 50%; top: 50%; width: 130rem; margin-top: -3%; transform: translate(-50%, -50%);}
[data-global="exocobio"] {left: 40%; top: 42%; z-index: 2;}
[data-global="exocobio"] > div {left:0; margin-top: 5rem; width: 206rem;}
/*[data-global="exocobio"] > div {margin-top: -93rem; position: absolute; left:-4vw; width: 8.2292vw;
    height: 8.2292vw;
    border-radius: 50%;
    background-color: #ffffff;
    border: solid 5px var(--c-01);}
[data-global="exocobio"] > div::after {position: absolute;
    top: 100%;
    left: 48%;
    width: 1px;
    height: 2.6042vw;
    background-color: var(--c-01);
	content: "";}*/
[data-global="exocobio"] > div img {left: 50%; top: 50%; width:100rem; margin-top: -3%; transform: translate(-50%, -50%);}
[data-global="1"] {left: 11.3%; top: 21%;}
[data-global="2"] { left: 11.5%; top: 31.5%;}
[data-global="3"] {left: 8.7%; top: 35%;}
[data-global="4"] { left: 5.3%; top: 41.2%;}
[data-global="5"] {left: 9.5%; top: 38%;}
[data-global="6"] {left: 10.5%; top: 36.5%;}
[data-global="7"] {left: 11.7%; top: 37.5%;}
[data-global="8"] {left: 12.4%; top: 34.6%;}
[data-global="9"] {left: 14.6%; top: 33.5%;}
[data-global="10"] {left: 4%; top: 47%;}
[data-global="11"] {left: 24.3%; top: 33%;}
[data-global="12"] {left: 12.4%; top: 81.8%;}
[data-global="13"] {left: 12.3%; top: 41.3%;}
[data-global="14"] {left: 15.4%; top: 41%;}
[data-global="15"] {left: 17.7%; top: 39%;}
[data-global="16"] {left: 9%; top: 45%;}
[data-global="17"] {left: 18%; top: 40.2%;}
[data-global="18"] {left: 16%; top: 46%;}
[data-global="19"] {left: 15.1%; top: 45.7%;}
[data-global="20"] {left: 17.6%; top:45%;}
[data-global="21"] {left: 19.5%; top: 50%;}
[data-global="22"] {left: 18%; top: 52%;}
[data-global="23"] {left: 21%; top: 53.3%;}
[data-global="24"] {left: 23.4%; top: 40%;}
[data-global="25"] {left: 25.4%; top: 46%;}
[data-global="26"] {left: 26.7%; top: 55%;}
[data-global="27"] {left: 44%; top: 34%;}
[data-global="28"] {left: 36.2%; top:50.5%;}
[data-global="29"] {top: 51%; left: 38.2%;}
[data-global="30"] {left: 32.7%; top: 55.2%;}
[data-global="31"] {left: 34.2%; top: 56%;}
[data-global="32"] {left: 33%; top: 62.5%;}
[data-global="33"] {left: 36.2%; top: 65%;}
[data-global="34"] {left: 39%; top: 60.4%;}
[data-global="35"] {left: 40.5%; top: 77%;}
[data-global="36"] {right: 28.2%; top: 28%;}
[data-global="37"] {right: 25%; top: 41%;}
[data-global="38"] {right: 24%; top: 51%;}
[data-global="39"] {right: 18.5%; top: 60%;}
[data-global="40"] {right: 14.2%; top: 60%;}
[data-global="41"] {right: 17.7%; top: 65%;}
[data-global="42"] {right: 16.1%; top: 63.3%;}
[data-global="43"] {right: 10%; top: 71%;}
[data-global="44"] {right: 15.7%; top: 82%;}
[data-global="45"] {right: 14.3%; top: 86%;}

@keyframes dot-zoom {
	from{transform:scale(1.5);}
	to{transform:scale(1);}
}

@media all and (max-width:1550px){
	.main-global {overflow: hidden;}
	.main-global .main-title {padding-left: 100rem;}
	.global-wrap {padding-left: 100rem;}
	.global-map {margin-right: -10%;}
	.global-map-wrap {padding-bottom: 32rem; padding-left: 13%;}
}

@media all and (max-width:1370px){
	.global-map-wrap {padding-bottom: 70rem;}
}

@media all and (max-width:1023px){
	.main-global .main-title {padding-left: 0;}
	.main-global .wrap-wide {margin: 0;}
	.main-global .main-title {padding: 0 40rem;}
	.global-wrap {padding-left: 0;}
	.global-map-wrap {overflow: hidden; position: relative; height: auto; display: block; padding: 0;}
	.global-map {width: 108%; margin-right: 0;}
	.global-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 20rem; width: 100%; margin-top: 50rem; padding: 0 40rem;}
	.global-list li {margin: 0;}
	.global-list li:first-child {margin-top: 0;}
	.global-list em span {white-space: nowrap;}
	.global-list__count {font-size: 65rem; font-weight: 700;}
	.global-list__count i {margin-top: -5rem; font-size: 40rem;}
	.global-map__dot > div {transform: translateY(-50%) scale(0.9);}

    [data-global="exocobio"] > div{left: -10rem; width: 190rem;}
    [data-global="benev"] > div{left: -10rem; width: 205rem;}
	[data-global="benev"] > div img {width: 128rem;}

	@keyframes dot-zoom {
		from{transform:scale(1.2);}
		to{transform:scale(1);}
	}
}
  
@media all and (max-width:860px){
	.global-wrap { flex-direction: column-reverse;}
	.global-map {position: relative; right: auto; top: auto; margin: 30rem 0; transform: none;}
	.global-list em {position: relative; display: block;/*  min-height: auto; */ padding-bottom: 10rem; padding-left: 35rem;}
	.global-list em img {position: absolute; left:0; top: 0;}
	.global-list em span {margin-left: 0;}
	.global-list li {margin: 0 !important;}
	.global-list li:first-child em img {top: 4rem;}
	.global-list li:nth-child(2) em img {top: 2rem;}
	.global-list li p {margin-top: 5rem;}
	.global-list__count {font-size: 50rem;}
	.global-list__count i {margin-top: 0; font-size: 30rem;}
	.global-list li div > span {line-height: 2; font-size: 16rem;}
	.global-list li:nth-child(1) div > span,
	.global-list li:nth-child(2) div > span {margin-left: 5rem;}
    .global-map__dot > div {width: 140rem;}
    [data-global="benev"] > div{left: -5rem; margin-top: 4rem;}
	[data-global="benev"] > div img {width: 58%;}
	[data-global="exocobio"] > div {left: -5rem;}
	[data-global="exocobio"] > div img {width: 50%; /*margin-top: -4rem;*/}

	[lang="en-US"] .global-list em {min-height: 50rem;}

}

@media all and (max-width:540px){
	.main-global .main-title {text-align: center;}
	.global-map {left: -8rem; width: 111%; margin: 0 0 30rem;}
	.global-map__dot em i {width: 0; height: 0; background: transparent;}
	.global-map__dot em::after {width:2rem; height: 2rem;}
	.global-map__dot em::before {width: 10rem; height: 10rem; left: -5rem; top: -5rem;}
	.global-map__dot > div,
	.global-map__dot > div svg {width: 82rem; /* right: -67rem; */}
    [data-global="benev"] > div{left: -5rem; top: -2rem;}
    [data-global="benev"] > div img{width: 42rem;}
    [data-global="exocobio"]{left: 40%; top: 41%;}
    [data-global="exocobio"] > div{left: -5rem; margin-top: 3rem;}
	[data-global="exocobio"] > div img{width: 44rem; /*margin-top: -3rem;*/}
	[data-global="1"] {left: 30%; top: 75%;}
	[data-global="2"] {top: 23%; left: 10%;}
	[data-global="3"] {right: 23%;}
	[data-global="4"] {top: 43%; right: 16%;}

	.global-list {width: 100%; grid-template-columns: repeat(2, 1fr); gap: 30rem 20rem; margin-top: 0;}
	.global-list em {padding-bottom: 5rem; margin-bottom: 0; padding-left: 22rem; font-size: 14rem;}
	.global-list em img {width: 15rem;}
	.global-list li:first-child em img {top: 2rem;}
	.global-list em span {display: block; margin-top: 5rem; font-size: 12rem;}
	.global-list__count {font-size: 35rem;}
	.global-list__count i {font-size: 20rem;}
	.global-list li p {margin-top: 0; font-size: 13rem;}

	[lang="en-US"] .global-list em {min-height: auto;}
}

/* rnd */
.main-rnd {background: url(../img/main/rnd-bg.jpg) no-repeat center / cover;}
.rnd-list {gap: 40rem; width: 100%; padding: 0 150rem;}
.point-box__item {position: relative; overflow: hidden; border-radius: var(--point-radius); transition: .3s;}
.point-box__img {position: absolute; width: 100%; height: 100%;}
.point-box__img > div {position: absolute; right:0; top:0; opacity: 1; visibility: visible; width: 100%; height: 100%; transition: .3s;}
.point-box__img img {width: 100%; height: 100%; object-fit: cover; object-position: right top;}
.point-box__img .hover {opacity: 0; visibility: hidden;}
.point-box__item .point-box__inr {clip-path:inset(0 0 0 0); border-radius: var(--point-radius); transition:clip-path .3s ease-in;}
.point-box__item:hover {border-top-right-radius: 0 !important;}
.point-box__item:hover .basic {opacity: 0; visibility: hidden;}
.point-box__item:hover .hover {opacity: 1; visibility: visible;}
.point-box__item:hover .btn-point {opacity: 1; visibility: visible; transform:scale(1);}

.btn-point {opacity: 0; visibility: hidden; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 15%; aspect-ratio: 1/1; max-width: 70rem; max-height: 70rem; border-radius: 100%; background: var(--b-01); transform: scale(0); transition: .3s;}
.btn-point i {display: inline-block; width: 25rem;transform: rotate(-45deg);}
.btn-point img {width:100%;}
.btn-point:hover {background: var(--c-01);}

.rnd-list__item {position: relative; width: 100%; aspect-ratio: 1/1.268;}
.rnd-list__item a {display: block; width: 100%; height: 100%;}
.rnd-list__item h5 {margin-bottom: 20rem; font-size: 32rem; font-weight: 700;}
.rnd-list__item .point-box__inr {display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; height: 100%; padding: 50rem 30rem; font-size: 18rem; text-align: center; color: var(--f-01); background-repeat: no-repeat; background-position: center; background-size: cover;}
.rnd-list__item.disable{filter: grayscale(100%);}

@media all and (max-width:1023px){
	.point-box__item  {border-radius: 20rem;}
	.rnd-list {gap: 20rem; padding: 0;}
	.rnd-list .main-title {margin-top: -15rem !important;}
	.rnd-list__item .point-box__inr {padding: 40rem 20rem;}
	.rnd-list__item h5 {margin-bottom: 15rem; font-size: 24rem;}
	.btn-point i  {width: 18rem;}
}

@media all and (max-width:860px){
	.rnd-list {display: flex; flex-wrap: wrap; gap: 20rem; justify-content: center;}
	.rnd-list__item {width: calc((100% - 20rem)/2);}
	.rnd-list__item .point-box__inr {padding: 60rem 20rem;}
}

@media all and (max-width:540px){
	.main-rnd {padding-top: 70rem !important;}
	.rnd-list {flex-direction:column; gap: 10rem;}
	.rnd-list__item {width: 100%; aspect-ratio: auto;}
	.rnd-list__item .point-box__img::after {opacity: .3; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%;}
	.rnd-list__item .point-box__inr {justify-content: center; height: 200rem; padding: 0 20rem;}
	.rnd-list__item h5 {font-size: 22rem; margin-bottom: 10rem;}
	.rnd-list__item p {font-size: 14rem;}
	.rnd-list__item.disable{filter: none;}
	.rnd-list__item:nth-child(1) .point-box__img::after {background: #17242d;} 
	.rnd-list__item:nth-child(2) .point-box__img::after {background: #000;} 
	.rnd-list__item:nth-child(3) .point-box__img::after {background: #153361;} 

	.point-box__img .hover {display: none;}
	.point-box__item:hover {border-top-right-radius: 20rem !important;}
	.point-box__item:hover .basic {opacity: 1; visibility: visible;}
	.rnd-list__item:hover .btn-point {display: none;}
	.point-box__img img {object-position: center top;}
	
}


/* ingredient */
.main-ingredient .mob-none {position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; height: 100%; background: url(../img/main/ingredient-bg.jpg) no-repeat center / cover;}
.ing-item {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--f-01); transition: 1s ease-in-out; cursor: pointer;}
[data-ingredient="1"] {padding-left: 100rem;}
.ing-item__line {position: absolute; left:0; top: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; height: 100%;}
.ing-item__line li:not(:last-child) {z-index: 1; border-right: 1px solid rgba(255, 255, 255, .1);}
.ing-item__bg {opacity: 0; visibility: hidden; position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; transition: .3s ease-in;}
.ing-item__bg img {width: 100%; height: 100%; object-fit: cover; transform: skew(5deg, 0) scale(1.1); transition: .3s ease-in;}
.ing-item__txt {opacity: .3; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 50rem; transition: .3s ease-in;}
.ing-item__txt > i {display: block; height: 85rem; margin:0 auto; margin-bottom: 50rem;}
.ing-item__txt > i img {height: 100%;}
.ing-item__txt em {display: block; margin-bottom: 10rem; font-size: 16rem; font-weight: 600;}
.ing-item__txt h4 {margin-bottom: 30rem; font-size: 52rem; font-weight: 700;}
.ing-item__txt p {font-weight: 600; font-size: 18rem; opacity: .7;}
.ing-item .btn-basic {opacity: 0; visibility: hidden; position: absolute; left: 50%; bottom: -100rem; width: 180rem; transform: translate(-50%, 0);}
.ing-item:hover .ing-item__txt {opacity: 1;}
.ing-item:hover .ing-item__txt em {color: var(--c-02);}
.ing-item:hover > .ing-item__bg {opacity: 1; visibility: visible;}
.ing-item:hover > .ing-item__bg img {transform: skew(0, 0) scale(1);}
.ing-item:hover .btn-basic {opacity: 1; visibility: visible;}

@media all and (max-width:1023px){
	.main-ingredient {grid-template-columns: 1fr; padding: 0 !important;}
	.main-ingredient .mob-none {display: none !important;}
	.main-ingredient .mob-block {position: relative; display: block !important;}
	.ing-item__line {display: none;}
	[data-ingredient="1"] {padding-left: 0;}
	.ing-item {padding: 200rem 0 150rem;}
	.ing-item__txt {opacity: 1; transition: .3s;}
	.ing-item__txt > i {width: 60rem; height: 60rem; margin-bottom: 50rem;}
	.ing-item__txt em {margin-bottom: 8rem; color: var(--c-02);}
	.ing-item__txt h4 {margin-bottom: 20rem; font-size: 47rem; font-weight: 700;}
	.ing-item__txt p {font-weight: 500;}
	.ing-item .btn-basic {opacity: 1; visibility: visible; position: relative; left: auto; bottom: auto; margin: 60rem auto 0; transform: none;}
	.tab-list {z-index: 1; position: absolute; left:50%; top: 50rem; display: flex; align-items: center; padding: 5rem 6rem; border-radius: 100rem; background: #fff; transform:translate(-50%, 0); box-shadow: 0 0 10rem rgba(0, 0, 0, .2);} 
	.tab-list li {padding: 10rem 20rem; font-weight: 700; color: var(--g-02); white-space: nowrap; border-radius: 50rem; cursor: pointer;}
	.tab-list li:not(:last-child) {margin-right: 10rem;}
	.tab-list li.active {color: var(--f-01); background: var(--c-01);}

	.tab-content {display: none;}
	.tab-content.on {display: block;}
	[data-ingredient="1"] {background: url(../img/main/img-roseexosome.jpg) no-repeat center / cover;}
	[data-ingredient="2"] {background: url(../img/main/img-exobride.jpg) no-repeat center / cover;}
	[data-ingredient="3"] {background: url(../img/main/img-vexosome.jpg) no-repeat center / cover;}
}


@media all and (max-width:540px){
	.tab-list {top: 30rem; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center;}
	.tab-list li {display: flex; align-items: center; justify-content: center; height: 40rem; padding: 10rem 12rem; white-space: nowrap;}
	.tab-list li:not(:last-child) {margin-right: 5rem;}

	.ing-item {padding: 150rem 0 80rem;}
	.ing-item__txt > i {width: auto; height: 50rem; margin-bottom: 30rem;}
	.ing-item__txt em {font-size: 12rem;}
	.ing-item__txt h4 {font-size: 27rem;}
	.ing-item__txt p {font-size: 14rem;}
	.ing-item__txt p br {display: none;}
	.ing-item .btn-basic {width: 140rem; margin: 40rem auto 0;}
}


/* video */ 
.main-video {background: url(../img/main/video-bg.jpg) no-repeat center / cover;}
.main-video .main-title {margin-top: 50rem;}
.video-box {overflow: hidden; aspect-ratio: 16/9; height: 600rem; border-radius: 20rem; /*box-shadow: 0 0 30rem rgba(0, 0, 0, .3);*/}
.video-box iframe {width: 100%; height: 100%;}

@media all and (max-width:1023px){
	.video-box {width: 90%; height: auto; border-radius: 30rem; border-width: 10rem;}
}


@media all and (max-width:1023px){
	.video-box {width: 100%; border-radius: 20rem; border-width: 5rem;}
}

/* research */
.main-research {background: url(../img/main/research-bg.jpg) no-repeat center / cover;}
.main-research .main-title {margin-top: 30rem;}
.research-list {width: 100%; display: flex; padding: 0 150rem;}
.research-list__item {width: 12%; min-height: 600rem; margin: 0 10rem; color: var(--f-01); text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: .3s;}
.research-list__item .point-box__inr {height:100%; padding: 50rem 20rem;}
.research-list__numb h6 {margin-bottom: 10rem; font-size: 27rem; font-weight: 700;}
.research-list__numb em {opacity: .32; display: block; font-size: 16rem;}
.research-list__numb *,
.research-list__txt * {transition: .3s;}
.research-list__txt h4 {font-weight: 700; font-size: 27rem;}
.research-list__txt p {opacity: 0; visibility: hidden; height: 0; margin-top: 15rem; font-weight: 400; font-size: 20rem; transform: translateY(-10rem);}
.research-list__item:nth-child(1) .point-box__inr {background-image: url(../img/main/img-patent.jpg); background-position: right 29% center;}
.research-list__item:nth-child(2) .point-box__inr {background-image: url(../img/main/img-publication.jpg); background-position: left 23% center;}
.research-list__item:nth-child(3) .point-box__inr {background-image: url(../img/main/img-projects.jpg);}
.research-list .point-box__inr {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.research-list__item:nth-child(1).active .point-box__inr {background-position: center center;}
.research-list__item:nth-child(2).active .point-box__inr {background-position: center center;}
.research-list__item:hover .point-box__inr {clip-path: inset(0 0 0 0);}
.research-list__item:hover .btn-point {opacity: 0; visibility: hidden; transform:scale(0);}
.research-list__item.active {width: 88%; text-align: left;}
.research-list__item.active .point-box__inr { align-items: flex-start; padding: 50rem 50rem 60rem; background-size: cover; background-repeat: no-repeat;}
.research-list__item.active .research-list__numb {display: flex; align-items: center;} 
.research-list__item.active .research-list__numb h6 {margin-right: 15rem; margin-bottom: 0; font-size: 50rem;}
.research-list__item.active .research-list__numb em {opacity: .7;}
.research-list__item.active .research-list__txt h4 {font-weight: 800; font-size: 40rem;}
.research-list__item.active .research-list__txt p {opacity: 1; visibility: visible; height: auto; margin-top: 10rem; transform: translateY(0);}
.research-list__item.active .btn-point {opacity: 1; visibility: visible; transform:scale(1);}
.research-list__item.active .point-box__inr {clip-path: polygon( 0% 5%,0% 5%,0.035% 4.189%,0.136% 3.42%,0.298% 2.702%,0.516% 2.047%,0.783% 1.464%,1.095% 0.965%,1.445% 0.558%,1.829% 0.255%,2.24% 0.065%,2.674% 0%,90.196% 0%,90.196% 0%,90.63% 0.065%,91.041% 0.255%,91.425% 0.558%,91.775% 0.965%,92.087% 1.464%,92.354% 2.047%,92.571% 2.702%,92.734% 3.42%,92.835% 4.189%,92.87% 5%,92.87% 5.833%,92.87% 5.833%,92.922% 7.05%,93.074% 8.204%,93.318% 9.28%,93.644% 10.263%,94.045% 11.137%,94.512% 11.886%,95.038% 12.496%,95.613% 12.951%,96.23% 13.235%,96.881% 13.333%,97.326% 13.333%,97.326% 13.333%,97.76% 13.399%,98.171% 13.588%,98.555% 13.891%,98.905% 14.298%,99.217% 14.798%,99.484% 15.38%,99.702% 16.036%,99.864% 16.753%,99.965% 17.522%,100% 18.333%,100% 95%,100% 95%,99.965% 95.811%,99.864% 96.58%,99.702% 97.298%,99.484% 97.953%,99.217% 98.536%,98.905% 99.035%,98.555% 99.442%,98.171% 99.745%,97.76% 99.935%,97.326% 100%,2.674% 100%,2.674% 100%,2.24% 99.935%,1.829% 99.745%,1.445% 99.442%,1.095% 99.035%,0.783% 98.536%,0.516% 97.953%,0.298% 97.298%,0.136% 96.58%,0.035% 95.811%,0% 95%,0% 5%);}

[lang="en-US"] .research-list__txt h4 {font-size: 24rem;}

@media all and (max-width:1023px){
	.main-research {background-size: 100%; background-position: right bottom;}
	.main-research::before {position: absolute; left:0; top:50%; content:''; width: 100%; height: 250rem; background: #fff;}
	.research-list {flex-direction: column; padding: 0;}
	.research-list__item {width: 100%; min-height: auto; margin: 0;} 
	.research-list__item:not(:first-child) {margin-top: 10rem;}
	.research-list .point-box__inr {display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: auto; padding: 50rem; background-position: center !important; transition: .3s;}
	.research-list__numb {display: flex; align-items: center; text-align: left;}
	.research-list__numb h6 {margin-bottom: 0; margin-right: 15rem; font-size: 24rem;}
	.research-list__txt {text-align: right;}
	.research-list__txt h4 {font-size: 24rem;}
	.research-list__txt p {margin-top: 0;}
	.research-list__item.active {width: 100%;}
	.research-list__item.active .point-box__inr {flex-direction: column; aspect-ratio: 1/.531;}
	.research-list__item.active .research-list__txt {text-align: left;}
	.research-list__item .btn-point {width: 6%;}
}

@media all and (max-width:540px){
	.main-research::before {height: 300rem;}
	.research-list .point-box__inr {padding: 30rem; border-radius: 20rem; border-top-right-radius: 0 !important;}
	.research-list__item.active .point-box__inr {aspect-ratio: 1/1; padding: 30rem; border-radius: 20rem;}
	.research-list__item.active .research-list__numb h6 {margin-right: 10rem; font-size: 22rem;}
	.research-list__numb {z-index: 1;}
	.research-list__numb h6 {margin-right: 10rem; font-size: 14rem;}
	.research-list__numb em {white-space: nowrap; font-size: 12rem;}
	.research-list__txt {z-index: 1;}
	.research-list__txt h4 {font-size: 18rem;}
	.research-list__txt p {font-size: 14rem;}
	.research-list__item.active .research-list__txt h4 {font-size: 27rem;}
	.research-list__item .btn-point {width: 15%;}
	.research-list__item.active .point-box__inr {clip-path: polygon( 0% 6.593%,0% 6.593%,0.084% 5.524%,0.325% 4.509%,0.712% 3.563%,1.232% 2.699%,1.87% 1.931%,2.613% 1.272%,3.45% 0.736%,4.365% 0.336%,5.348% 0.086%,6.383% 0%,76.596% 0%,76.596% 0%,77.631% 0.086%,78.613% 0.336%,79.529% 0.736%,80.365% 1.272%,81.109% 1.931%,81.747% 2.699%,82.266% 3.563%,82.653% 4.509%,82.895% 5.524%,82.979% 6.593%,82.979% 7.692%,82.979% 7.692%,83.104% 9.297%,83.467% 10.818%,84.047% 12.237%,84.826% 13.533%,85.783% 14.686%,86.899% 15.674%,88.153% 16.479%,89.527% 17.078%,91% 17.453%,92.553% 17.582%,93.617% 17.582%,93.617% 17.582%,94.652% 17.669%,95.635% 17.919%,96.55% 18.318%,97.387% 18.855%,98.131% 19.514%,98.768% 20.282%,99.288% 21.146%,99.675% 22.092%,99.916% 23.106%,100% 24.176%,100% 93.407%,100% 93.407%,99.916% 94.476%,99.675% 95.491%,99.288% 96.437%,98.768% 97.301%,98.131% 98.069%,97.387% 98.728%,96.55% 99.264%,95.635% 99.664%,94.652% 99.914%,93.617% 100%,6.383% 100%,6.383% 100%,5.348% 99.914%,4.365% 99.664%,3.45% 99.264%,2.613% 98.728%,1.87% 98.069%,1.232% 97.301%,0.712% 96.437%,0.325% 95.491%,0.084% 94.476%,0% 93.407%,0% 6.593% );}
	.research-list__item .point-box__inr::before {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background:rgba(0, 0, 0, .3);}

	[lang="en-US"] .research-list__txt h4 {font-size: 18rem;}
}

/* news */
.main-news {background: #EFEFEF;}
.main-news .main-title {text-align: left;}
.news-box-wrap {width: 100%; gap: 100rem; padding: 0 150rem;}
.news-box__item {width: calc((100% - 100rem)/2);}
.news-list__item {background: transparent !important;}
.news-list__item a {padding: 0 !important; background: transparent;}
.news-list__item .point-box__inr {overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: space-between; width: 100%; height: 100rem; padding: 0 40rem; border-radius: 100rem; background: #fff; transition: .3s;}
.news-list__item .point-box__inr::after {position: absolute; right: 0; top: 0; content:''; width: 100rem; height: 100rem; border-radius: 100rem; background: #efefef; transform: translateX(100%); transition: .3s;}
.news-list__item p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; width: 60%; font-size: 20rem; font-weight: 600; color: var(--b-01); white-space: normal;}
.news-list__item span {font-size: 15rem; font-weight:r 600; color: var(--g-02); transition: .3s;}
.news-list__item .btn-point {position: absolute; right: 0; max-width: 100rem; max-height: 100rem; border: 15rem solid #efefef; transition-delay: .1s;} 
.news-list__item a:hover .point-box__inr {background: #e1e1e1;}
.news-list__item a:hover .point-box__inr::after {transform: translate(0);}
.news-list__item a:hover span {margin-right: 85rem;}
.news-list__item a:hover .btn-point {opacity: 1; visibility: visible; transform: scale(1); transition-delay: 0s;}

@media all and (max-width:1023px){
	.main-news {padding: 140rem 0 160rem !important;}
	.main-news .main-title {margin-bottom: 40rem;}
	.news-box-wrap {flex-direction: column; padding: 0;}
	.news-box__item {width: 100%;}
}

@media all and (max-width:860px){
	.main-news {padding: 100rem 0 120rem !important;}
	.news-box-wrap {gap: 80rem;}
}

@media all and (max-width:540px){
	.main-news {padding: 60rem 0 80rem !important;}
	.main-news .main-title {margin-bottom: 20rem; text-align: center;}
	.news-box-wrap {gap: 50rem;}
	.news-list__item .point-box__inr {height: 60rem; padding: 0 20rem;}
	.news-list__item p {width: 70%; font-size: 14rem;}
	.news-list__item span {font-size: 10rem;}
	.news-list__item a:hover span {margin-right: 0;}
	.news-list__item .point-box__inr::after {display: none;}
	.news-list__item .btn-point {display: none;}
	.news-list__item + .news-list__item {margin-top: 5rem !important;}
	.notice li.empty_li {font-size: 14rem; text-align: center;}
}

/* .news-list:has(.empty_li) {grid-template-columns: 1fr;}
.news-list__item {aspect-ratio: 1/1;}
.news-list__item a {display: block; height: 100%;}
.news-list__item .point-box__inr {display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 100rem 40rem; background: #F0F0F0;}
.news-list__item h5 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 80rem; margin-bottom: 30rem; line-height: 1.4; font-size: 27rem; font-weight: 700; color:var(--b-01)}
.news-list__item span {display: block; margin-top: 40rem; padding-top: 30rem; font-size: 16rem; font-weight: 600; color: var(--g-02); border-top: 1px solid #e1e1e1;}
.news-list__item:hover .point-box__inr {clip-path: polygon( 0% 6.593%,0% 6.593%,0.084% 5.524%,0.325% 4.509%,0.712% 3.563%,1.232% 2.699%,1.87% 1.931%,2.613% 1.272%,3.45% 0.736%,4.365% 0.336%,5.348% 0.086%,6.383% 0%,76.596% 0%,76.596% 0%,77.631% 0.086%,78.613% 0.336%,79.529% 0.736%,80.365% 1.272%,81.109% 1.931%,81.747% 2.699%,82.266% 3.563%,82.653% 4.509%,82.895% 5.524%,82.979% 6.593%,82.979% 7.692%,82.979% 7.692%,83.104% 9.297%,83.467% 10.818%,84.047% 12.237%,84.826% 13.533%,85.783% 14.686%,86.899% 15.674%,88.153% 16.479%,89.527% 17.078%,91% 17.453%,92.553% 17.582%,93.617% 17.582%,93.617% 17.582%,94.652% 17.669%,95.635% 17.919%,96.55% 18.318%,97.387% 18.855%,98.131% 19.514%,98.768% 20.282%,99.288% 21.146%,99.675% 22.092%,99.916% 23.106%,100% 24.176%,100% 93.407%,100% 93.407%,99.916% 94.476%,99.675% 95.491%,99.288% 96.437%,98.768% 97.301%,98.131% 98.069%,97.387% 98.728%,96.55% 99.264%,95.635% 99.664%,94.652% 99.914%,93.617% 100%,6.383% 100%,6.383% 100%,5.348% 99.914%,4.365% 99.664%,3.45% 99.264%,2.613% 98.728%,1.87% 98.069%,1.232% 97.301%,0.712% 96.437%,0.325% 95.491%,0.084% 94.476%,0% 93.407%,0% 6.593% );}
.news-list .empty_li {padding: 100rem 0; text-align: center; color: var(--g-02);}

.news-box-wrap {display: flex; align-items: flex-start; justify-content: space-between; padding: 0 150rem; gap: 0 80rem;}
.news-box-wrap .main-title {text-align: left;}
.news-box__item {width: calc((100% - 80rem)/2);}
 */

/* @media all and (max-width:1023px){
	.main-news {background-size: 100%; background-position: right top;}
	.news-list {gap: 20rem; padding: 0;}
	.news-list__item h5 {min-height: 60rem; margin-bottom: 15rem; font-size: 22rem;}
	.news-list__item span {margin-top: 30rem; padding-top: 12rem; font-size: 14rem;}
	.news-list__item .point-box__inr {padding: 50rem 30rem;}
}

@media all and (max-width:860px){
	.main-news {padding-top: 30rem !important;}
	.news-list {grid-template-columns: 1fr;}
	.news-list__item {aspect-ratio: 1/.5;}
	.news-list__item .point-box__inr {padding: 80rem 30rem;}
	.news-list__item:hover .point-box__inr {clip-path: polygon( 0% 6.977%,0% 6.977%,0.046% 5.845%,0.178% 4.772%,0.389% 3.771%,0.673% 2.856%,1.022% 2.043%,1.428% 1.346%,1.885% 0.779%,2.386% 0.356%,2.923% 0.091%,3.488% 0%,87.209% 0%,87.209% 0%,87.775% 0.091%,88.312% 0.356%,88.812% 0.779%,89.27% 1.346%,89.676% 2.043%,90.025% 2.856%,90.308% 3.771%,90.52% 4.772%,90.652% 5.845%,90.698% 6.977%,90.698% 8.14%,90.698% 8.14%,90.766% 9.837%,90.964% 11.447%,91.282% 12.949%,91.707% 14.32%,92.23% 15.539%,92.84% 16.585%,93.526% 17.437%,94.276% 18.071%,95.081% 18.468%,95.93% 18.605%,96.512% 18.605%,96.512% 18.605%,97.077% 18.696%,97.614% 18.96%,98.115% 19.383%,98.572% 19.951%,98.978% 20.648%,99.327% 21.461%,99.611% 22.375%,99.822% 23.376%,99.954% 24.45%,100% 25.581%,100% 93.023%,100% 93.023%,99.954% 94.155%,99.822% 95.228%,99.611% 96.23%,99.327% 97.144%,98.978% 97.957%,98.572% 98.654%,98.115% 99.221%,97.614% 99.644%,97.077% 99.909%,96.512% 100%,3.488% 100%,3.488% 100%,2.923% 99.909%,2.386% 99.644%,1.885% 99.221%,1.428% 98.654%,1.022% 97.957%,0.673% 97.144%,0.389% 96.23%,0.178% 95.228%,0.046% 94.155%,0% 93.023%,0% 6.977% );}
	.news-list__item .btn-point {width: 8%;}
	.main-news::before {bottom: auto; top: 30%;}
}

@media all and (max-width:540px){
	.main-news {padding-top: 0 !important;}
	.news-list__item {aspect-ratio: 1/1;}
	.news-list__item h5 {min-height: 50rem; font-size: 18rem;}
	.news-list__item p {min-height: 45rem; font-size: 14rem;}
	.news-list__item span {font-size: 12rem; font-weight: 500;}
	.news-list__item .point-box__inr {border-radius: 20rem; border-top-right-radius: 0 !important;}
	.news-list__item:hover .point-box__inr {clip-path: polygon( 0% 6.593%,0% 6.593%,0.084% 5.524%,0.325% 4.509%,0.712% 3.563%,1.232% 2.699%,1.87% 1.931%,2.613% 1.272%,3.45% 0.736%,4.365% 0.336%,5.348% 0.086%,6.383% 0%,76.596% 0%,76.596% 0%,77.631% 0.086%,78.613% 0.336%,79.529% 0.736%,80.365% 1.272%,81.109% 1.931%,81.747% 2.699%,82.266% 3.563%,82.653% 4.509%,82.895% 5.524%,82.979% 6.593%,82.979% 7.692%,82.979% 7.692%,83.104% 9.297%,83.467% 10.818%,84.047% 12.237%,84.826% 13.533%,85.783% 14.686%,86.899% 15.674%,88.153% 16.479%,89.527% 17.078%,91% 17.453%,92.553% 17.582%,93.617% 17.582%,93.617% 17.582%,94.652% 17.669%,95.635% 17.919%,96.55% 18.318%,97.387% 18.855%,98.131% 19.514%,98.768% 20.282%,99.288% 21.146%,99.675% 22.092%,99.916% 23.106%,100% 24.176%,100% 93.407%,100% 93.407%,99.916% 94.476%,99.675% 95.491%,99.288% 96.437%,98.768% 97.301%,98.131% 98.069%,97.387% 98.728%,96.55% 99.264%,95.635% 99.664%,94.652% 99.914%,93.617% 100%,6.383% 100%,6.383% 100%,5.348% 99.914%,4.365% 99.664%,3.45% 99.264%,2.613% 98.728%,1.87% 98.069%,1.232% 97.301%,0.712% 96.437%,0.325% 95.491%,0.084% 94.476%,0% 93.407%,0% 6.593% );}
	.news-list__item .btn-point {width: 15%;}
	.news-list .empty_li {padding: 50rem 0;}
} */