/* common */
.ntb-list.lst-body li { padding: 5px 0 !important; }
.footer-in { display: none; }
.wrap_bg {position: fixed; display: none; left: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 99; width: 100%; height: 100%;}
.wrap_bg.bgs {display: block;}
.mobile {display: none;}

#sv .sv-box { width: 100%; height: 420px; border-bottom: 1px solid #eeeeee; position: relative; overflow: hidden; }
#sv .sv-img { width: 100%; height: 100%; }
.sv01 .sv-img { background-image: url("/img/sub/sub-bg1.jpg"); }
.sv02 .sv-img { background-image: url("/img/sub/sub-bg2_1.jpg"); }
.sv03 .sv-img { background-image: url("/img/sub/sub-bg3.jpg"); }
.sv04 .sv-img { background-image: url("/img/sub/sub-bg4.jpg"); }
.sv05 .sv-img,
.sv06 .sv-img { background-image: url("/img/sub/sub-bg5.jpg"); }
.sv07 .sv-img { background-image: url("/img/sub/sub-bg7.jpg"); }
.subTitle { width: 100%; max-width: 1500px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; justify-content: space-between; }
.subTitle h2 { font-size: 80px; }
.subTitle h2 span { font-weight: 200; }
.subTitle b { display: block; font-size: 20px; margin: 15px 0 60px; }
.lnb-bg { width: 50%; height: 70px; background: #fff; position: absolute; right: 0; bottom: 0; }
#lnb { width: 50%; height: 70px; display: flex; background: #ffffff; position: absolute; right: 0; bottom: 0; }
#lnb > div { width: 70px; height: 70px; background: #0cb48d; cursor: pointer; }
#lnb > div::after { content: ""; display: block; width: 70px; height: 70px; background-image: url("/img/sub/home-icon.png"); background-position: center; background-repeat: no-repeat; }
#lnb ul { height: 70px; display: flex; align-items: center; padding: 0 0 0 5px; }
#lnb ul li { height: 100%; }
#lnb ul li a { display: block; height: 100%; line-height: 70px; padding: 0 17px; box-sizing: border-box; color: #777777; transition: all 0.4s; }
#lnb.sm07 ul li a {font-size: 15px; padding: 0 8px;}
#lnb ul li:hover a, #lnb ul li.on a { font-weight: 600; color: #333333; }
#lnb.sm07 ul li:hover a {padding: 0 7px;}
/* en 수정 */
#lnb.en ul li a { font-size: 16px; padding: 0 14px; }

.sub-page { margin: 120px 0 0; }
/*.pageTitle { text-align: center; font-size: 20px; color: #0cb48d; }*/
.pageTitle { text-align: center; font-size: 48px; color: #111111; }
.pageTitle2 { font-size: 32px; }
.pageTitle-s { text-align: center; margin-top: 8px; font-size: 24px; }
.subpage-p {font-size: 32px; text-align: center; line-height: 1.3; }
.subpage-p_recurit{font-size: 42px; text-align: center; line-height: 1.3; }
.subpage-p02 {font-size: 32px; text-align: center; line-height: 1.3; }

.sub-box { margin: 60px 0; }
.ntb-search { max-width: 960px !important; }
#newList a img { object-fit: cover; }

.ntb-search select { background: url("/img/common/down-arrow.png") no-repeat 95% center !important; appearance: none !important; }

/* slick-btn */
.slick-dot-box { display: flex; align-items: center; margin-bottom: 20px; }
.slick-dot-box .dot-count, .dot-totla { display: block; width: 16px; }
.slick-dot-box .dot-count { font-size: 14px; }
.slick-dot-box .dot-total { opacity: 0.8; margin-right: 25px; margin-left: 5px; }
.slick-dot-box .dot-line, .dot-line2 { width: 100px; height: 2px; background: #f4f4f4; margin: 0 6px; position: relative; }
.slick-dot-box .dot-line > span, .dot-line2 > span { display: block; width: 0; height: 2px; background: #0cb48d; position: absolute; top: 0; left: 0; }
.slick-dot-box .dot-line2 { width: 200px; }
.slick-dot-box button { margin: 0 5px; }
.slick-dot-box button i { font-size: 16px; transform: translateY(-1px); }


/* overview */
.overview1 { background-image: url("/img/sub/overview1-bg.jpg"); }
.overview2 { background-image: url("/img/sub/overview2-bg.jpg"); }
.overview3 { background-image: url("/img/sub/overview3-bg.jpg"); }
.overview5 { background-image: url("/img/sub/overview5-bg.jpg"); }
.overview6 { background-image: url("/img/sub/overview6-bg.jpg"); }

.overview-title { font-size: 80px; }
.overview-english { font-size: 22px; letter-spacing: 0.025em; }

.overview1-box { height: 100%; display: flex; flex-flow: column nowrap; justify-content: center; position: relative; }
.overview1-title { text-align: center; }
.overview1-title h1 { font-size: 100px; margin-bottom: 24px; }
.overview1-title b { font-size: 18px; letter-spacing: 0.025em; }
.overview1 .scroll { letter-spacing: 0.025em; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.overview1 .scroll-bar { width: 1px; height: 80px; background: rgba(255, 255, 255, 0.2); position: relative; margin: 10px auto 0; }
.overview1 .scroll-bar span { display: block; width: 3px; height: 10px; background: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.overview2-box { margin-bottom: 120px; padding-bottom: 5px; }
.overview2-box h2 { font-weight: 300; line-height: 1.25; margin: 40px 0 65px; }
.overview2-box h2 b { font-size: 84px; font-weight: 700; }
.overview2-box p { font-size: 30px; }

.overview3-mo { display: none; }
.overview3-title { text-align: center; }
.overview3-title h2 { margin-top: 30px; }
.overview3-cont { display: flex; justify-content: space-between; margin-top: 80px; text-align: center; }
.overview3-circle1, .overview3-circle2 { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.overview3-circle1 { width: 396px; height: 396px; border: 1px solid rgba(12, 180, 141, 0.15); border-radius: 50%; position: relative; margin-bottom: 15px; }
.overview3-circle1::after { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #0cb48d; position: absolute; top: -3px; left: 50%; transform: translateX(-50%); }
.overview3-item:nth-child(2) .overview3-circle1::after { top: auto; bottom: -2.5px; }
.overview3-circle2 { width: 340px; height: 340px; border-radius: 50%; border: 1px solid #0cb48d; }
.overview3-icon { width: 160px; height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 35px; }
.overview3-cont h5 { font-size: 30px; }
.overview3-cont p { line-height: 1.52; }

.overview4-box { width: 100%; height: 100%; display: flex; }
.overview4-cont { width: 50%; position: relative; transition: all 0.4s; cursor: pointer; }
.overview4-outer, .overview4-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.overview4-cont1 .overview4-outer,
.overview4-cont1 .overview4-inner,
.overview4-cont2 .overview4-outer,
.overview4-cont2 .overview4-inner { padding: 115px 0 150px; }
.overview4-cont1 .overview4-outer { padding-left: 21.875%; }
.overview4-cont1 .overview4-inner { padding-left: 11.51%; }
.overview4-cont2 .overview4-outer { padding-left: 12.5%; }
.overview4-cont2 .overview4-inner { padding-left: 16.99%; }
.overview4-cont1 { background: #0cb48d; }
.overview4-cont2 { background: #21a6a7; }
.overview4-outer { position: relative; }
.overview4-outer > img { position: absolute; mix-blend-mode: multiply; bottom: 0; }
.overview4-cont1 .overview4-outer > img { right: 0; width: 58.125%; }
.overview4-cont2 .overview4-outer > img { left: 0; width: 100%; }
.overview4-title h3 { font-size: 64px; margin: 45px 0 25px; }
.overview4-outer { display: flex; flex-flow: column nowrap; justify-content: space-between; }
.overview4-outer > a { display: flex; align-items: center; color: #ffffff; font-weight: 600; font-size: 20px; letter-spacing: 0.025em; font-family: 'Urbanist', sans-serif; margin-bottom: 50px; }
.overview4-outer > a > img { margin-left: 20px; }
.overview4-inner { opacity: 0; transition: all 0.02s; }
.overview4-top { display: flex; align-items: flex-end; }
.overview4-info { font-size: 22px; line-height: 1.63; margin-left: 150px; }
.overview4-img { width: 84.42%; margin-top: 50px; }
.overview4-cont.on { width: 95%; }
.overview4-cont.off { width: 5%; position: relative; padding: 0; }
.overview4-cont.off::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42px; height: 17px;  }
.overview4-cont1.off::after { background: url("/img/sub/overview4-arrow1.png") no-repeat center center / 100%; }
.overview4-cont2.off::after { background: url("/img/sub/overview4-arrow2.png") no-repeat center center / 100%; }
.overview4-cont.on .overview4-inner { opacity: 1; transition: all 0.6s 0.2s; }
.overview4-cont.on .overview4-outer,
.overview4-cont.off .overview4-outer { opacity: 0; }

.overview5-box { text-align: center; margin-bottom: 50px; }
.overview5-box h2 { line-height: 1.3; font-weight: 300; margin: 35px 0 70px; }
.overview5-box h2 b { font-weight: 600; }
.overview5-box p { line-height: 1.75; font-size: 24px; opacity: 0.8; }

.overview6-title h2 { margin-top: 20px; }
.overview6-cont { width: 59.6%; max-height: 530px; overflow-y: scroll; margin-top: 80px; }
.overview6-cont::-webkit-scrollbar { width: 4px; }
.overview6-cont::-webkit-scrollbar-thumb { border-radius: 0; background-color: #fff; background-clip: padding-box; }
.overview6-cont::-webkit-scrollbar-track { width: 4px; background-color: rgba(255, 255, 255, 0.1); }
.overview6-cont ul { height: 100%; }
.overview6-cont ul li { display: flex; opacity: 0.8; color: #fff; font-size: 22px; letter-spacing: -0.025em; margin-bottom: 17px; }
.overview6-cont ul li span { display: block; width: 135px; font-weight: 600; }
.overview6-cont ul li > div { width: calc(100% - 135px); padding-right: 10px; }
.overview6-cont ul li p { line-height: 1.27; margin-bottom: 15px; }
/* en 수정 */
.overview4-inner.en { padding-left: 8%; padding-right: 80px; }
.overview4-inner.en .overview4-title { width: 41%; }
.overview4-inner.en .overview-title { font-size: 70px; }
.overview4-inner.en .overview4-info { width: 59%; }
.overview6-cont.en ul li span { margin-right: 20px; }
.overview6-cont.en ul li > div { width: calc(100% - 155px); }

/* greeting */
.greeting-cont { color: #555; line-height: 1.75; }
.greeting-cont p { margin-bottom: 25px; }
.greeting1 { display: flex; }
.greeting1-img { max-width: 580px; }
.greeting1-cont { padding: 85px 0 0 100px; }
.greeting1-cont > p { margin-bottom: 65px; text-align: left; font-size: 42px; line-height: 1.3; }
.greeting2 { width: 100%; height: 642px; margin-top: -70px; background-image: url("/img/sub/greeting2-bg.png"); position: relative; padding-top: 215px; text-align: center; z-index: 2; }
.greeting2-point { width: 395px; width: 20.8%; position: absolute; top: -44px; right: 28px; z-index: -1; }
.greeting2 .subpage-p { margin-bottom: 45px; font-size: 42px; line-height: 1.3; }
.greeting3-point { position: absolute; width: 535px; height: 930px; background: url("/img/sub/greeting3-point.png") no-repeat left bottom / 100%; z-index: -2; }
.greeting3-point .ani-border { width: 481px; height: 424px; position: absolute; top: 0; left: 0; }
.greeting3-point .ani-border::before { width: 600px; height: 600px; top: -180px; left: -123px; }
.greeting3-point .ani-circle { width: 600px; height: 600px; top: -177px; left: -120px; }
/* .greeting3-point .ani-circle::after { width: 11px; height: 11px; background: #ff7a1a; right: -3.5px; top: 278px; } */
.greeting3-point .ani-circle::after { width: 11px; height: 11px; background: #0cb48d; right: -3.5px; top: 278px; }
.greeting3-box { display: flex; justify-content: flex-end; }
.greeting3-cont { width: calc(100% - 580px); text-align: right; padding: 205px 100px 0 0; }
.greeting3-cont h3 { font-size: 48px; margin-bottom: 50px; }
.greeting3 .greeting-cont p { margin-bottom: 35px; }
.greeting3-img { max-width: 580px; transform: translateY(-90px); position: relative; z-index: 2; }

/* ci */
.ci1 { width: 100%; height: 608px; background: url("/img/sub/ci-bg.png") no-repeat center bottom; }
.ci1-1 { width: 712px; height: 210px; margin: 0 auto; background: url("/img/sub/ci-bg1.png") no-repeat center bottom; text-align: center; }
.ci1-1 img { max-width: 356px; margin-top: -8px; }
.ci1-1 p { font-size: 18px; margin-top: 22px; }
.ci1-2 { width: 100%; max-width: 1000px; height: 230px; border-radius: 115px; border: 1px solid rgba(12, 180, 141, 0.5); background: rgba(255, 255, 255, 0.5); }
.ci1-2 { margin: 40px auto 0; position: relative; text-align: center; }
.ci1-2::before, .ci1-2::after { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); }
.ci1-2::before { width: 1px; height: 40px; background: #0cb48d; top: -40px; }
.ci1-2::after { width: 6px; height: 6px; border-radius: 50%; background: #0cb48d; border: 1px solid #fff; top: -46px; }
.ci-logo1-1 > img { max-width: 165px; }
.ci-logo1-2 > img { max-width: 99px; }
.ci1-2 i { font-size: 24.5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ci1-2 p { font-size: 18px; line-height: 1.38; margin-top: 20px ;}
.ci1-2 p .color-r { color: #ba111f; }
.ci1-2 p b { font-weight: 600; }
.ci1-2 p span { font-size: 15px; display: block; margin: 0 auto; }
.ci1-2 > div { position: absolute; bottom: 45px; }
.ci1-2 > div:first-child { left: 220px; }
.ci1-2 > div:last-child { right: 155px; }
.ci2, .ci3, .ci4 { margin-top: 120px; text-align: center; }
.ci-grid { width: 100%; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center; position: relative; }
.ci-grid { background-size: 10px 10px; border: 1px solid #e0e0e0; background-image: linear-gradient(90deg, rgba(247, 247, 247, 1)  10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(247, 247, 247, 1) 10%, rgba(0, 0, 0, 0) 10%) }
.ci-grid.black { background-image: linear-gradient(90deg, rgba(51, 51, 51, 1)  10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(51, 51, 51, 1) 10%, rgba(34, 34, 34, 1) 10%) }
.p15 { font-size: 18px; margin-top: 15px; }
.ci2-1 { height: 350px; margin: 50px 0 30px; }
.ci2-1 > .ci-grid > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.ci2-1 ul { position: absolute; width: 416px; height: 132px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.ci2-1 ul li { font-weight: 300; position: absolute; }
.ci2-1 ul li.ci2-li1 { bottom: -26px; left: -367px; left: -298px; bottom: -37px; }
.ci2-1 ul li.ci2-li2 { top: -34px; right: -229px; }
.ci2-1 ul li.ci2-li3 { bottom: -26px; right: -384px; }
.ci2-1 ul li::before { content: ""; display: block; width: 4.5px; height: 4.5px; border-radius: 50%; background: #cccccc; position: absolute; top: 50%; transform: translateY(-50%); }
.ci2-1 ul li.ci2-li1::before { right: -10px; }
.ci2-1 ul li.ci2-li2::before,
.ci2-1 ul li.ci2-li3::before { left: -10px; }
.ci2-1 ul li span { display: block; height: 1px; background: #ccc; position: absolute; top: 50%; transform: translateY(-50%); }
.ci2-1 ul li.ci2-li1 span { width: 40px; right: -50px; }
.ci2-1 ul li.ci2-li2 span { width: 50px; left: -60px; }
.ci2-1 ul li.ci2-li3 span { width: 100px; left: -110px; }
.ci2-1 ul li span::after { content: ""; display: block; height: 1px; background: #ccc; position: absolute; }
.ci2-1 ul li.ci2-li1 span::after { width: 45px; top: -15px; right: -40px; transform: rotate(-41deg); }
.ci2-1 ul li.ci2-li2 span::after { width: 45px; top: 15px; left: -40px; transform: rotate(-42deg); }
.ci2-1 ul li.ci2-li3 span::after { width: 45px; left: -42px; bottom: 11px; transform: rotate(28deg); }
.ci2-1 ul li span b { display: block; width: 15px; height: 15px; background: transparent; border: 1px solid #ccc; border-radius: 50%; position: absolute; display: flex; align-items: center; justify-content: center; }
.ci2-1 ul li span b::before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #cccccc; }
.ci2-1 ul li.ci2-li1 span b { top: -40px; left: 73px; }
.ci2-1 ul li.ci2-li2 span b { top: 30px; left: -47px; }
.ci2-1 ul li.ci2-li3 span b { top: -35px; left: -52px; }
.ci2-2 { display: flex; width: 100%; }
.ci2-2 > div { width: 49%; height: 230px; margin-right: 2%; }
.ci2-2 > div:last-child { margin-right: 0; }
.logo178.white { filter: grayscale(1) brightness(10); }
.logo178.gray { filter: contrast(0) brightness(1.2); }
.ci3 { background: #f9f9f9; padding: 120px 0; }
.ci3-box { margin-top: 50px; display: flex; flex-flow: row wrap; }
.ci3-box .ci-grid { height: 200px; }
.ci3-box > div { width: 49%; margin-bottom: 30px; margin-right: 2%; }
.ci3-box > div:nth-child(2n) { margin-right: 0; }
.ci-grid.col { flex-flow: column nowrap; }
.ci-grid.row .logo130 { margin: 17px 0 0 12px; }
.logo416 { max-width: 416px; width: 416px; height: 132px; }
.logo178 { max-width: 178px; }
.logo85 { max-width: 85px; margin-top: 8px; }
.logo130 { max-width: 130px; }
.ci3-box p { margin-top: 20px; }
.ci4-box { display: flex; text-align: left; margin-top: 50px; }
.ci4-box > div { padding: 60px 0 40px 40px; color: #fff; }
.ci4-box h5 { font-size: 24px; letter-spacing: -0.010em; margin-bottom: 85px; }
.ci4-1 { width: 48.66%; background: #0cb48d; margin-right: 1.34%; }
.ci4-2 { width: 26.66%; background: #be0014; margin-right: 1.34%; }
.ci4-3 { width: 22%; background: #f07b05; }
.ci4-box ul li { height: 28px; font-size: 15px; font-weight: 200; letter-spacing: -0.025em; }
.ci4-box ul li span { width: 120px; display: inline-block; font-size: 16px; font-weight: 500; }

/* organ */
.organ-bg { width: 100%; position: absolute; top: -120px; z-index: -2; }
.organ-bg > img:last-child { position: absolute; right: 0; }
.organ { width: 100%; max-width: 1140px; margin: 0 auto; }
.organ1 { width: 300px; height: 300px; border-radius: 50%; box-shadow: 0 15px 18px rgba(12, 180, 141, 0.3); display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; }
.organ1::before,
.organ1::after,
.organ2-2::after,
.organ2-2.lineTotop::before,
.organ2-2.lineToleft::before,
.organ2-3::after { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); }
.organ1::before { width: 5px; height: 5px; border-radius: 50%; background: #0cb48d; border: 1px solid #fff; bottom: -3px; }
.organ1::after { width: 1px; height: 125px; border-right: 1px dashed #a5a5a5; bottom: -130px; }
.organ1-1 { width: 195px; height: 195px; border-radius: 50%; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; background-image: linear-gradient(to right, #00e0ac, #0cb48d); }
.organ1-1 h6 { font-size: 22px; letter-spacing: -0.020em; margin-top: 15px; }
.organ2 { margin-top: 130px; display: flex; justify-content: center; }
.organ2 > div { width: calc(100% / 3 - 2.631%) }
.organ2, .organ2-2, .organ2-3 { width: 100.1%; }
.organ2-2 { text-align: center; height: 65px; border-radius: 32.5px; background-image: linear-gradient(to right, #ffac58, #f07b05);  display: flex; align-items: center; justify-content: center; color: #fff; font-size: 17px; position: relative; }
.organ2 > div:nth-child(2) { margin: 0 2.631%; }
.organ2-2::after { width: 5px; height: 5px; border-radius: 50%; background: #f07b05; border: 1px solid #fff; top: -3px; }
.organ2-2.lineTotop::before { width: 1px; height: 55px; border-right: 1px dashed #a5a5a5; top: -60px; }
.organ2-2.lineToleft::before { width: 395px; height: 1px; border-top: 1px dashed #a5a5a5; top: -60px; left: -3.8%; width: 108%; }
.organ2-2.marginTop { margin-top: 65px; }
.organ2-2.marginTop::after { width: 220px; width: 58%; height: 1px; border: none; border-top: 1px dashed #a5a5a5; border-radius: 0; background: transparent; position: absolute; top: 50%; transform: translateY(-50%); left: -225px; left: -58%; z-index: -2; }
.organ2-3 { background: #f1f1f1; height: 120px; border-radius: 10px; margin-top: 80px; position: relative; display: flex; align-items: center; }
.organ2-3::after { width: 1px; height: 80px; border-right: 1px dashed #a5a5a5; top: -80px; }
.organ2-3 ul { width: 100%; display: flex; flex-flow: row wrap; padding: 0 20px 0 40px; }
.organ2-3 ul li { width: 50%; height: 33px; line-height: 33px; font-weight: 300; display: flex; align-items: center; }
/* en 수정 */
.organ2-3.en ul li { width: 100%; }
.organ2-3 ul li span { display: block; margin-right: 5px; }

/*product - human exosome*/
.hu_exosome .ntb-area {position: relative; z-index: 0; margin: 0 auto;}
.hu_exosome .ntb-search {position: relative; margin: 40px auto; max-width: 960px !important;}
.hu_exosome .ntb-search select {display: inline-block; vertical-align: middle; width: 230px; padding: 0 10px; border: 1px solid #ddd; outline: none; line-height: 55px; height: 55px; font-size: 16px; font-weight: 300; color: #5a5656; box-sizing: border-box;}
.hu_exosome .ntb-search input[type='text'] {display: inline-block; vertical-align: middle; margin: 0 0 0 2px; width: calc(100% - 241px); padding: 0 70px 0 10px; line-height: 55px; height: 55px; border: 1px solid #ddd; outline: none; font-size: 16px; font-weight: 300; color: #5a5656; box-sizing: border-box; background-color: #fff;}
.hu_exosome .ntb-search input[type='submit'] {position: absolute; top: 0; right: 0; outline: none; border: none; width: 66px; line-height: 55px; height: 55px; background: url('/site/images/board/icon_search.png') center center no-repeat; cursor: pointer;}
.hu_exosome .programing .tab {padding-top: 80px;}
.hu_exosome .stexo > li {padding: 18px 47px; position: relative; z-index: 2; border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; align-items: center;}
.hu_exosome .stexo > li:first-child {border-top: 1px solid #008a66;}
.hu_exosome .stexo > li .title {display: inline-block; word-break: keep-all;}
.hu_exosome .stexo > li h4 {font-size: 22px; font-weight: 600; line-height: 1.3;}
.hu_exosome .stexo > li h4 span {color: #0cb48d;}
.hu_exosome .stexo > li .stexo_list .main_list {display: flex; gap: 215px; transition: all .3s;}
.hu_exosome .stexo > li .stexo_list .main_list > ul li:first-child {margin-bottom: 10px;}
.hu_exosome .stexo > li .stexo_list .main_list > ul li p {font-size: 18px; color: #384635; font-weight: 500;}

.hu_exosome .stexo > li .view {position: relative; z-index: 30;}
.hu_exosome .stexo > li .view .q_view {display: block; width: 160px; height: 50px; line-height: 50px; background: #008a66; border-radius: 10px; text-align: center;
										font-size: 18px; color: #fff; font-weight: 600;}

.view_txt {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; z-index: 100;}
.view_txt i {color: #fff; font-weight: 500; margin-bottom: 18px; font-size: 30px; display: flex; justify-content: flex-end; cursor: pointer;}
.view_txt .view_box {border-radius: 30px; background: #fff; padding: 50px;}
.view_txt .view_box table {border: 1px solid #ddd; border-right: none; border-left: none;}
.view_txt .view_box table tr.bg {background: #f6f6f6;}
.view_txt .view_box table tr th {border-right: 1px solid #ddd; padding: 25px 0; color: #333; font-size: 18px; width: 200px; word-break: keep-all; line-height: 1.2;}

.list_board .h4-tit {font-size: 32px; font-weight: 600; color: #111; text-align: center; margin-bottom: 60px;}
.list_board .ntb-list.lst-head {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: block;}
.list_board .ntb-list li {display: table; width: 100%; padding: 0; box-sizing: border-box;}
.list_board .ntb-list.lst-head li div {text-align: center; color: #333; padding: 1.5em 0; font-weight: bold;}
.list_board .ntb-list li .col_no {width: 10%}
.list_board .ntb-list li .td {display: table-cell; text-align: center; vertical-align: middle;}
.list_board .ntb-list li .td a {font-size: 14px;}
.list_board .ntb-list li .col_subject {text-align: left; width: 25%; line-height: 1.2;}
.list_board .ntb-list li .col_name {width: 10%;}
.list_board .ntb-list li .col_date {width: 10%;}
.list_board .ntb-list li .col_hit {width: 15%;}
.list_board .ntb-list.lst-body li {border-bottom: 1px solid #ddd;}
.list_board .ntb-list.lst-body li .td {padding: 10px;}

/*product - human exosome 이동*/
.inquiry_form {margin-top: 100px;}
.inquiry_form .inquiry_bg {background: #f9f9f9; padding: 120px 0;}

.stexo_table {text-align: left;}
.stexo_table table {margin-top: 50px;}
.stexo_table table tr {border: 1px solid #ddd;}
.stexo_table table tr.bg {background: #f5f5f5;}
.stexo_table table tr.pad th {padding: 45px 0; padding-left: 30px;}
.stexo_table table tr th {color: #384635; padding: 20px 0; padding-left: 30px; font-weight: 600; box-sizing: border-box; border-right: 1px solid #ccc; line-height: 1.2;}
.stexo_table table thead tr {background: #008a66;}
.stexo_table table thead tr th {padding: 15px 0; color: #fff; padding-left: 30px;}
.stexo_table table tr td {padding:20px;}
.stexo_table table .attach {border-left: 1px solid #ddd; padding-left: 10px; font-size: 18px; font-weight: 700; color: #384635;}
.stexo_main {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #008a66; margin-top: 85px;}
.stexo_main h4 {font-size: 22px; color: #384635; font-weight: 600;}
.stexo_main span {color: #0cb48d;}
.stexo_main .inquiry {width: 160px; height: 50px; line-height: 50px; background: #008a66; border-radius: 10px; text-align: center;
						font-size: 18px; color: #fff; font-weight: 600; display: inline-block;}

.inquiry_form .inquiry_bg h4 {font-size: 22.12px; color: #384635; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #0068b7;}
.inquiry_form .box_all {margin-top: 30px;}
.inquiry_form .box {display: flex;}
.inquiry_form .box.gap {gap: 65px;}
.inquiry_form .auto_prevent .auto {display: flex; align-items: center; padding: 0 10px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.inquiry_form .box .type {width: 100%; height: 41px; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding: 20px 0; display: flex; align-items: center; box-sizing: border-box;}
.inquiry_form .box .type .txt {font-size: 18px; font-weight: 500; color: #384635; width: 100px; line-height: 1.2;}
.inquiry_form .auto_prevent .auto .auto_col {display: flex; align-items: center;}
.inquiry_form .auto_prevent .auto .txt {font-size: 18px; font-weight: 500; color: #384635; line-height: 1.2; margin-right: 40px;}
.inquiry_form .auto_prevent .auto button {margin: 0 10px; background: #404040; border-radius: 2px; color: #f5f5f5; width: 80px; height: 30px; box-sizing: border-box; padding: 7px 0; text-align: center;}
.inquiry_form .auto_prevent .auto input {background: #fff; border: 1px solid #ddd; width: 340px; box-sizing: border-box; padding: 7px 0; padding-left: 10px; height: 100%;}
.inquiry_form .box .type .txt.wid {width: 180px;}
.inquiry_form .box .type .txt span {color: #0068b7;}
.inquiry_form .box .type input {width: 100%; background: transparent; padding-left: 20px; box-sizing: border-box;}
.inquiry_form .box .type select {width: calc(100% - 80px); outline: none; border: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;
								 background: url('/img/sub/select_btn.png') no-repeat 95% 50%/12px auto; }
.inquiry_form .box .type select option {background: transparent; border: none;}
.inquiry_form .box .type textarea {resize: none; width: 100%; border: 1px solid #ddd; height: 250px; padding: 15px;}
.inquiry_form .box.no_b .type {border-bottom: none; display: block;}
.inquiry_form .box.no_b .type .txt {margin-bottom: 20px;}
.inquiry_form .box.no_b .type {height: auto;}
.inquiry_form .sub_btn {text-align: center; margin: 100px 0;}
.inquiry_form .sub_btn button {cursor: pointer; background: #0068b7; color: #fff; font-weight: 600; font-size: 18px; width: 235px; padding: 22px 0; box-sizing: border-box;}

/*product - distributor*/
.global-map.dis { background: url("/img/sub/distributor_main.jpg") no-repeat center; max-width: 1500px; margin-bottom: 90px; min-height: 800px; position: relative;}
.global-map.dis .map_list > ul {display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 113px; position: absolute; width: 100%;}
.global-map.dis .map_list > ul > li {width: 30%; margin-bottom: 140px;}
.global-map.dis .map_list > ul > li .map_top {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: rgba(51,161,133,0.89);}
.global-map.dis .map_list > ul > li .map_top h3 {color: #fff; font-weight: 700; font-size: 18px;}
.global-map.dis .map_list > ul > li .map_top .arrows {display: flex;}
.global-map.dis .map_list > ul > li .map_top .arrows img.up {display: none;}
.global-map.dis .map_list > ul > li .map_top .arrows.on img.down {display: none;}
.global-map.dis .map_list > ul > li .map_top .arrows.on img.up {display: block;}
.global-map.dis .map_list > ul > li .map_top .arrows.on .map_bot {display: none;}
.global-map.dis .map_list > ul > li .map_bot {background: rgba(255,255,255,0.8); padding: 18px; box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.2);}
.global-map.dis .map_list > ul > li .map_bot > .map_depth > li {display: flex; align-items: center; margin-bottom: 10px;}
.global-map.dis .map_list > ul > li .map_bot > .map_depth > li:last-child {margin-bottom: 0;}
.global-map.dis .map_list > ul > li .map_bot > .map_depth > li h4 {color: #111; font-size: 16px; margin-right: 20px; width: 85px; font-weight: 600;}
.global-map.dis .map_list > ul > li .map_bot > .map_depth > li p {font-size: 16px; color: #777;}

/* recurit */
.recurit { text-align: center; }
.recurit-title p.f200 { margin-top: 15px; }
.recurit1 { width: 100%; height: 600px; display: flex; flex-flow: column nowrap; justify-content: center; background-image: url("/img/sub/recurit1-img.jpg"); }
.recurit1 p.f300 { font-size: 18px; line-height: 1.65; margin-top: 20px; opacity: 0.8; }
.recurit2, .recurit3, .recurit4, .recurit5 { padding: 90px 0 0; }

.recurit2-cont { display: flex; align-items: center; justify-content: center; position: relative; padding: 120px 0 0; }
.recurit2-cont::before { content: ""; width: 937px; width: 62.46%; height: 264px; background: url("/img/sub/recurit2-bg.png") no-repeat left top / 100%; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); z-index: -2; }
.recurit2-circle1 { width: 355px; height: 355px; position: relative; border-radius: 50%; background: #fff; }
.recurit2-circle1 { display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; }
.recurit2-circle1:nth-child(even) { background: transparent; }
.recurit2-circle1::after { content: ""; width: 355px; height: 177.5px; border: 1px dashed #0cb48d; position: absolute; left: 50%; transform: translateX(-50%); z-index: -2; }
.recurit2-circle1:nth-child(1)::after,
.recurit2-circle1:nth-child(3)::after { top: -1px; border-top-left-radius: 177.5px; border-top-right-radius: 177.5px; border-bottom: none; }
.recurit2-circle1:nth-child(2)::after,
.recurit2-circle1:nth-child(4)::after { bottom: -1px; border-bottom-left-radius: 177.5px; border-bottom-right-radius: 177.5px; border-top: none; }
.recurit2-circle2 { width: 320px; height: 320px; border-radius: 50%; border: 1px solid #e0e0e0; background: #fff; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; position: relative; }
.recurit2-circle2::before,
.recurit2-circle2::after { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #0cb48d; position: absolute; top: 50%; transform: translateY(-50%); }
.recurit2-circle2::before { left: -22px; }
.recurit2-circle2::after { right: -22px; }
.recurit2-circle2 > div { height: 60px; }
.recurit2-circle2 h5 { font-size: 18px; margin: 20px 0 15px; }
.recurit2-circle2 p { line-height: 1.3; }

.recurit3-cont, .recurit3-cont table { width: 100%; }
.recurit3-cont table { border-top: 1px solid #222222; border-bottom: 1px solid #cccccc; margin-top: 40px; }
.recurit3-cont table thead { height: 60px; }
.recurit3-cont table th { font-size: 17px; color: #333; font-weight: 400; }
.recurit3-cont table th.f500 { font-weight: 500; }
.recurit3-cont table th.thS { font-size: 16px; }
.recurit3-cont table td { font-weight: 400; font-size: 15px; text-align: left; }
.recurit3-cont table tbody tr:nth-child(odd) th,
.recurit3-cont table tbody tr:nth-child(odd) td{ background: #f7f7f7; }
.recurit3-cont table tbody th,
.recurit3-cont table tbody td { border-top: 1px solid #cccccc; }
.recurit3-cont table td { padding: 15px 0 15px 50px; }
.recurit3-cont table td ul li,
.rnd-table table td ul li { margin: 5px 0; position: relative; padding-left: 8px; }
.recurit3-cont table td ul li::before,
.rnd-table table td ul li::before { content: "·"; position: absolute; left: 0; }

.recurit4 { background: #f7f7f7; margin-top: 100px; padding-bottom: 70px; }
.recurit4-cont { margin-top: 40px; display: flex; flex-flow: row wrap; }
.recurit4-item { width: calc(100% / 3 - 20px); background: #fff; text-align: center; position: relative; margin-bottom: 30px; margin-right: 30px; padding: 30px 0 35px; }
.recurit4-item::after {  }
.recurit4-item:nth-child(3n) { margin-right: 0; }
.recurit4-item > div { height: 50px; display: flex; align-items: center; justify-content: center; }
.recurit4-item h5 { margin: 40px auto 8px; font-size: 18px; }
.recurit4-item > span { font-size: 90px; font-weight: 900; opacity: 0.07; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25px; }

.recurit5-cont { margin-top: 40px; display: flex; align-items: center; }
.recurit5-item { width: 22.66%; height: 250px; display: flex; flex-flow: column nowrap; padding-top: 60px; transition: all 0.4s; }
.recurit5-item1 { background-image: url("/img/sub/recurit5-img1.jpg"); }
.recurit5-item2 { background-image: url("/img/sub/recurit5-img2.jpg"); }
.recurit5-item3 { background-image: url("/img/sub/recurit5-img3.jpg"); }
.recurit5-item4 { background-image: url("/img/sub/recurit5-img4.jpg"); }
.recurit5-item > div { height: 50px; display: flex; align-items: center; justify-content: center;  }
.recurit5-cont > span { margin: 0 16px; }
.recurit5-item h5 { margin: 25px 0 15px; font-size: 18px; }
.recurit5-item p { opacity: 0; line-height: 1.4; height: 60px; }
.recurit4-item p br { display: none; }
.recurit5-item:hover { padding-top: 40px; background: #0cb48d; }
.recurit5-item:hover p { opacity: 1; }
/*.recurit5 .recurit5-a { margin: 60px auto; }*/
.recurit5-a { transition: all 0.4s; display: block; font-weight: 300; font-size: 15px; letter-spacing: -0.025em; color: #222222; text-align: center; line-height: 55px; width: 260px; height: 55px; border: 1px solid #aaaaaa; }
.recurit5-a i { color: #0cb48d; margin-left: 7px; transition: all 0.4s; }
.recurit5-a:hover { background: #0cb48d; color: #fff; border: 1px solid #0cb48d; }
.recurit5-a:hover i { color: #fff; }

.recurit-btn { display: flex; justify-content: center; margin: 60px auto; }
.recurit-btn .recurit5-a { margin: 0 10px; }

.recurit-button { display: flex; margin: 20px 0; }
.recurit-button .recurit5-a { margin: 10px auto 0; }

/* location */
.root_daum_roughmap, .location-map { width: 100% !important; }
.root_daum_roughmap .wrap_map { height: 500px !important; }
.root_daum_roughmap .border1, .root_daum_roughmap .border3, .root_daum_roughmap .border4 { display: none; }
.map-box { height: 500px; }

.location-cont { display: flex; align-items: flex-end; position: relative; z-index: 2; padding-bottom: 50px; }
.location-title { width: 510px; height: 470px; background: #0cb48d; padding: 80px 100px; }
.location-title { background-image: url("/img/sub/sub-point2.png"); background-repeat: no-repeat; background-position: bottom right; }
.location-title span { display: block; font-size: 18px; margin-top: 35px; line-height: 1.3; }
.location-info { padding: 0 0 20px 40px; max-width: 1200px; }
.location-info > span { display: block; width: 100%; height: 1px; background: #0cb48d; margin: 40px 0 35px; }
.location-info ul, .location-info ul li { display: flex; }
.location-info ul li { margin-right: 30px; line-height: 1.56; }
.location-info ul li:last-child { margin-right: 0;  }
.location-info ul li h5 i { font-size: 18px; }
.location-info ul li h5 { color: #333; font-size: 20px; font-weight: 500; font-family: 'Urbanist', sans-serif; }
.location-info ul li div { margin-left: 10px; font-weight: 300; letter-spacing: -0.025em; }
.location-info ul.location-col { flex-flow: column nowrap; }
.location-info ul.location-col li { margin-bottom: 30px; }
.location-info ul.location-col li:last-child { margin-bottom: 0; }
.location-info ul li.location-width h5, .location-info ul.location-col li h5 { width: 105px; }
.location-info ul li.location-width div, .location-info ul.location-col li div { margin-left: 0; }
.location-info ul.location-col li div { width: calc(100% - 115px); }
.location-info ul.location-col li div span { display: block; color: #333; font-size: 17px; font-weight: 500; letter-spacing: -0.025em; margin-bottom: 10px; }

/* global */
.global .sub-p { text-align: center; }
.global-map { width: 100%; max-width: 1422px; height: auto; margin: 65px auto 180px; }
.global-map > svg { width: 100%; height: 658px; }
.global-list { display: none; padding: 40px 20px; background: #f9f9f9; }
.global-list ul li { margin-bottom: 5px; }
.global-list ul li dl dt { display: flex; padding: 15px 20px; border: 1px solid #fff; background: #fff; font-size: 18px; color: #333; font-weight: 500; }
.global-list ul li dl dt::before { content: "·"; margin-right: 5px; }
.global-list ul li dl dt i { color: #0cb48d; margin-left: auto; }
.global-list ul li dl dd { color: #666; background: #0cb48d; color: #fff; padding: 15px 20px; font-size: 16px; display: none; font-weight: 300; }

/* global new */
.global-tooltip { display: none; }
.global-country.on .cls-4 { fill: #0cb48d; }
.global-country .global-point { display: none; }
.global-country.on .global-point { display: block; }
.global-country .global-pin { cursor: default; }
.global-country.on .global-pin { cursor: pointer; }

/* facility */
.facility1 { position: relative; }
.facility1 .subpage-p { margin-bottom: 100px; }
.facility1-point { width: 26.45%;  position: absolute; top: -20px; right: 20px; opacity: 0.2; mix-blend-mode: multiply; }
.facility1-txt { text-align: center; padding-top: 15px; }
.facility1-txt p { font-size: 20px; line-height: 1.7; margin: 30px 0 0; }
.facility2 { width: 100%; margin-top: 140px; background: #f4f4f4; text-align: center; padding: 80px 0 115px; }
.facility2 .pageTitle2 { margin-top: 20px; }
.facility2-cont { margin-top: 70px; display: flex; flex-flow: row wrap; }
.facility2-item { margin-right: 4%; margin-bottom: 60px; width: 30.667%; }
.facility2-item:nth-child(3n) { margin-right: 0; }
.facility2-item > div { width: 100%; padding-bottom: 100%; overflow: hidden; position: relative; }
.facility2-item > div > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; max-width: inherit; width: 100%; }
.facility2-item h5 { font-size: 22px; margin: 25px 0 15px; }
.facility2-item p { font-size: 15px; line-height: 1.65; }

/* patent */
.patent-cont { display: flex; flex-flow: row wrap; }
.patent-item { width: 23.5%; margin-right: 2%; margin-bottom: 4%; position: relative; overflow: hidden; cursor: zoom-in; }
.patent-item:nth-child(4n) { margin-right: 0; }
.patent-img { overflow: hidden; border:1px solid #ddd; }
.patent-img > img { transition: transform 0.4s; }
.patent-txt h5 { text-align: center; font-size: 18px; margin-top: 20px; line-height: 130%; }

/* certi */
.certi-cont { display: flex; flex-flow: row wrap; }
.certi-item { width: 23.5%; margin-right: 2%; margin-bottom: 2%; position: relative; overflow: hidden; }
.certi-item:nth-child(4n) { margin-right: 0; }
.certi-txt { width: 100%; height: 60px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; background: rgba(0, 0, 0, 0.8); padding: 0 30px; box-sizing: border-box; transition: all 0.6s; }
.certi-txt h5 { font-size: 18px; transform: translateY(20px); }
.certi-txt p { line-height: 1.65; font-weight: 200; margin-top: 40px; display: none; opacity: 0.7; }
.certi-item.on .certi-txt { height: 100%; padding-top: 50%; }

/* thesis */
.thesis-cont { display: flex; justify-content: center; margin-bottom: 100px; }
.thesis-item { width: 26%; box-shadow: 3px 3px 7px rgb(0 0 0 / 20%) }
.thesis-item { width: 28%; }
.thesis-item:nth-child(2) { margin: 0 2%; }
.thesis-img { width: 100%; padding: 0 0 130% 0; position: relative; overflow: hidden; }
.thesis-img > img { width: calc(100% - 20px); position: absolute; top: calc(50% + 10px); left: 50%; transform: translate(-50%, -50%); object-fit: cover; max-width: inherit; }
.thesis-txt { padding: 10px 20px 20px; }
.thesis-txt h5 { font-size: 18px; margin: 5px 0 15px; line-height: 130%; }
/*.thesis-txt p { font-size: 16px; line-height: 1.65; overflow: hidden; }*/
.thesis-txt ul { font-size: 16px; line-height: 1.65; overflow: hidden; }
.thesis-txt span { display: block; font-size: 14px; font-weight: 300; margin: 20px 0 0; }
.thesis-ul > li { display: flex; align-items: flex-start; }
/*.thesis-ul > li > span { width: 50%; margin: 0; font-size: 16px; position: relative; }*/
/*.thesis-ul > li > span::after { content: ":"; position: absolute; right: 4px; }*/
/*.thesis-ul > li > p { width: 50%; }*/
.thesis-ul > li > span { width: auto; margin: 0; font-size: 16px; position: relative; }
.thesis-ul > li > span::after { content: ":"; top: -1px; display: block; text-align: center; width: 12px; position: absolute; right: -12px; }
.thesis-ul > li > p { margin-left: 12px; }

/* recruit */
.recruit-list ul { display: flex; width: 33%; margin: 0 auto; }
.recruit-list ul li { width: calc(100% / 3); height: 50px; border: 1px solid #dbdbdb; cursor: pointer; }
.recruit-list ul li a { display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; }
.recruit-list ul li { margin-left: -1px; }
.recruit-list ul li.on { background: #0cb48d; border: 1px solid #0cb48d; }
.recruit-list ul li.on a { color: #fff; }
.recruit-cont { margin-top: 60px; position: relative; }
.recruit-cont > div { width: 100%; background: #f8f8f8; }
.recruit-cont > div.board-box { background: #fff; margin-top: -20px; }

/* 특허목록 사이즈 */
.patent-list ul { width: 22%; }
.patent-list ul li { width: calc(100% / 2); }
.patent-cont #newList li { border: none; }
.patent-cont #newList a { border: 1px solid #ddd; }
.patent-cont #newList .txt { text-align: center; padding: 4%; }
.patent-cont #newList .txt h4 { font-size: 18px; }

/* overview animate */
.overview1 .overview1-title h1,
.overview1 .overview1-title b { opacity: 0; transform: translateY(-40px); transition: all 1.2s; }
.overview1 .overview1-title h1 { animation: toBottom 1.4s both; }
.overview1 .overview1-title b { animation: toBottom 1.4s 0.6s both; }
@keyframes toBottom {
	0% {
		transform: translateY(-40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.overview2-box b,
.overview2-box h2,
.overview2-box p,
.overview4-outer .overview4-title b,
.overview4-outer .overview4-title h3,
.overview4-outer .overview4-title h2 ,
.overview4-outer > a { opacity: 0; transform: translateX(-40px); transition: all 0.8s; }
.overview2.active .overview2-box b,
.overview2.active .overview2-box h2,
.overview2.active .overview2-box p,
.overview4.active .overview4-outer .overview4-title b,
.overview4.active .overview4-outer .overview4-title h3,
.overview4.active .overview4-outer .overview4-title h2,
.overview4.active .overview4-outer > a { opacity: 1; transform: translateX(0); transition: all 1.2s 0.4s; }
.overview2.active .overview2-box h2,
.overview4.active .overview4-outer .overview4-title h3 { transition-delay: 0.6s; }
.overview2.active .overview2-box p,
.overview4.active .overview4-outer .overview4-title h2 { transition-delay: 1.0s; }
.overview4.active .overview4-outer > a { transition-delay: 1.2s; }

.overview3-title b,
.overview3-title h2,
.overview5-box b,
.overview5-box h2,
.overview5-box p { opacity: 0; transform: translateY(-40px); transition: all 0.8s; }
.overview3.active .overview3-box b,
.overview3.active .overview3-box h2,
.overview5.active .overview5-box b,
.overview5.active .overview5-box h2,
.overview5.active .overview5-box p { opacity: 1; transform: translateY(0); transition: all 1.2s 0.4s; }
.overview3.active .overview3-box h2,
.overview5.active .overview5-box h2 { transition-delay: 0.6s; }
.overview5.active .overview5-box p { transition-delay: 0.8s; }

/* edit */
.faqList li p.innerwrap { font-size: 15px !important; }
.ntb-list li { font-size: 16px !important; }

/* animation */
.overview3-cont .overview3-item { opacity: 0; }
.overview3.active .overview3-cont .overview3-item:nth-child(1) { animation: bounceItem 0.8s 0.4s forwards; }
.overview3.active .overview3-cont .overview3-item:nth-child(2) { animation: bounceItem 0.8s 0.6s forwards; }
.overview3.active .overview3-cont .overview3-item:nth-child(3) { animation: bounceItem 0.8s 0.8s forwards; }
@keyframes bounceItem {
	0% {
		transform: translateY(-30px);
		opacity: 0;
	}
	40% {
		transform: translateY(40px);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

/*.overview6-cont { opacity: 0; }*/
/*.overview6.active .overview6-cont { opacity: 1; transition: all 0.6s 0.8s; }*/

#sv .sv-img { animation: img-size 4s forwards; }
@keyframes img-size {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

.overview1 .scroll-bar span { animation: scrollOn 2.8s infinite; }
@keyframes scrollOn {
	0% {
		top: 0px;
	}
	50% {
		top: 70px;
	}
	100% {
		top: 0px;
	}
}
/*.global-svg.on g circle:nth-child(1) { animation: circle1 1.5s infinite }*/
/*.global-svg.on g circle:nth-child(2) { animation: circle2 1.5s infinite }*/
.global-country.on g.cls-11 circle { animation: circle1 1.5s infinite }
.global-country.on g.cls-12 circle { animation: circle2 1.5s infinite }
.global-point.on g.cls-11 circle { animation: circle1 1.5s infinite }
.global-point.on g.cls-12 circle { animation: circle2 1.5s infinite }
@keyframes circle1 {
  0% {
      r: 6;
  }
  40% {
	  opacity: 1;
  }
  100% {
      r: 14;
	  opacity: 0;
  }
}
@keyframes circle2 {
  0% {
      r: 6;
  }
  40% {
	  opacity: 1;
  }
  100% {
      r: 8;
	  opacity: 0;
  }
}

.greeting3-point .ani-circle { animation: greeting3-rotate 20s linear infinite; }
@keyframes greeting3-rotate {
	0% {
		transform: rotate(-20deg);
	}
	50% {
		transform: rotate(129deg);
	}
	100% {
		transform: rotate(-20deg);
	}
}