@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
.sub-wrap:not(:has(.sub-visual-solution)){padding-top:calc(var(--header-height) + (2 * var(--header-top)));}

/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.cm-tab-container-JS{margin-top:15rem;}
.sub-tab-wrapper-style{position:relative; margin-bottom:6rem; box-sizing:border-box;}
.sub-tab-wrapper-style .cm-tit-box{margin-bottom:3rem;}
.sub-tab-list-style-wrap{position: relative; height:7rem; margin:auto; text-align:center;}
.sub-tab-list-style{position: absolute; left:50%; transform:translateX(-50%) !important; display: inline-block; z-index:99; text-align:center; height:7rem; margin-top:-1rem; will-change: auto; border-radius:7rem; background:#f5f5f5; transition:top 0.8s ease-in-out !important}
.sub-tab-list-style ul{position: relative; top:0; left:50%; transform:translateX(-50%); z-index:99; display:inline-flex; box-sizing:border-box; transition:var(--transition-custom2) !important;}
.sub-tab-list-style ul li{vertical-align:middle; position:relative; border-radius:6rem; margin:0.5rem;}
.sub-tab-list-style ul li a{display:flex; align-items:center; justify-content:center; height:6rem; width:28rem;}
.sub-tab-list-style ul li a em{font-size:2rem; line-height:1.2; letter-spacing:-0.025em; color:#333; font-weight:600; transition:var(--transition-custom);}
/* .sub-tab-list-style ul li.selected{z-index:1; background-color:var(--main-color);} */
.sub-tab-list-style ul li.selected a em{color:#fff; }

/* sub menu 이동 */
.move-line-wrap {position: absolute; width: 100%; margin: 0 auto; top: 0.5rem; left: 0.5rem;}
.nav-on-icon.move-line {position:absolute; left:0; top:0; z-index:1; height: 7rem;}
.nav-on-icon.move-line > span {height: 6rem; background-color:var(--main-color); position:absolute; left:0; top:0; text-align:center; transition:background-color 0.5s; border-radius:3rem;}

/* Tab Fixed Move*/
/* .sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;} */
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

.sub-tab-list-style.top-fixed{position: fixed; top:calc(var(--header-height) + 6rem + 20px); background:rgba(245,245,245,0.5); backdrop-filter: blur(2rem);}
/* .top-fixed-tab-JS ul.top-fixed{position: fixed; top:calc(var(--header-height) + 6rem + 10px); background:rgba(245,245,245,0.5); backdrop-filter: blur(2rem);} */
#header.scroll-down + #container .top-fixed-tab-JS.top-fixed{top:20px; }
@media all and (max-width:1280px){
	.top-fixed-tab-JS.top-fixed{top:10px; }
}
@media all and (max-width:800px){
	.nav-on-icon.move-line > span{height:4rem;}
	#container .top-fixed-tab-JS.top-fixed{top:calc(var(--header-height) + 10px) !important; width: calc(100% - (2 * var(--area-padding)));}
}

.co-main{color:var(--sub-main);}
.co-sub1{color:var(--sub-color1);}
.co-sub2{color:var(--sub-color2);}
.co-sub3{color:var(--sub-color3);}
.co-blue {color:#3281FF;}

/* 공통 :: 컨텐츠 */
.cm-con-wrap{margin-bottom:20rem;}
.cm-con-wrap.mb-10{margin-bottom:10rem;}
.cm-con-wrap.mb-0{margin-bottom:0rem;}
.cm-con-wrap:last-child{margin-bottom:0;}
.cm-arrow{text-align:center;}
/* 공통 :: 배경 */
.cm-bg-con{position: relative; padding:15rem 0; margin-top:15rem; box-sizing:border-box; overflow:hidden;}
.cm-bg-con:first-child{margin-top:0;}
.cm-bg-con .area-box{position: relative; z-index:1;}
.cm-bg-con .bg-deco{position: absolute; width:49.4rem; height:47rem;}
.cm-bg-con .bg-deco img{width:100%; height:100%; object-fit:cover;}
.cm-bg-con .bg-deco.deco01{top:0; left:0; transform:rotate(180deg);}
.cm-bg-con .bg-deco.deco02{bottom:0; right:0;}
.cm-bg-con .bg-deco.deco03{bottom:0; left:0; width:76.1rem; height:75.4rem;}
.cm-bg-con .bg-deco.deco04{bottom:0; right:0; width:46rem; height:57.6rem;}
.cm-bg-con .bg-deco.deco05{top:0; right:0; width:62rem; height:34.7rem;}
.cm-bg-con + .cm-con-wrap{margin-top:15rem;}
.cm-bg-con + .cm-bg-con{margin-top:0;}

.cm-bg-con.bg-gray{background:#f5f5f5;}
.cm-bg-con.bg-darkblue{background:#0C2340;}
.cm-bg-con.bg-main{background:var(--main-color);}
.cm-bg-con.bg-sub01{background:var(--sub-color1);}
.cm-bg-con.bg-sub02{background:var(--sub-color2);}
.cm-bg-con.bg-sub03{background:var(--sub-color3);}
.cm-bg-con.bg-grad{background: linear-gradient(180deg, #2A2F3C 24.83%, rgba(55, 61, 76, 0) 100%);}
/* 공통 :: 타이틀 */
.cm-tit-box{margin-bottom:6rem; text-align:center;}
.cm-tit-box:last-child{margin-bottom:0;}
.cm-tit-box .cm-category{display: block; font-size:2.4rem; line-height:1; letter-spacing:-0.025em; color:#333; font-weight:700; margin-bottom:5rem;}
.cm-tit-box .cm-tit{display: block; font-size:5rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600;}
.cm-tit-box .cm-txt{display: block; font-size:3rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:4rem;}
.cm-tit-box .cm-txt02{font-size:2rem; line-height:1.8; letter-spacing:-0.025em; color:#666; font-weight:600; margin-top:2rem;}
.cm-tit-box .cm-txt03{font-size:2.4rem; line-height:1.6; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:4rem;}
.cm-tit-box .cm-btn{margin:3rem auto 0;}
.cm-tit-box .cm-num{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:700; margin-bottom:4rem;}

.cm-tit-big{font-size:10rem; letter-spacing:-0.025em; color:#333; font-weight:500; margin-bottom:7rem;}

.white.cm-tit-box .cm-category,
.white.cm-tit-box .cm-tit,
.white.cm-tit-box .cm-txt{color:#fff;}
@media all and (max-width:800px){
	/* 공통 :: 컨텐츠 */
	.cm-con-wrap{margin-bottom:10rem;}
	/* 공통 :: 배경 */
	.cm-bg-con{padding:10rem 0; margin-top:10rem;}
	.cm-bg-con .bg-deco{width:24.7rem; height:23.5rem;}
	.cm-bg-con .bg-deco.deco03{width:38.05rem; height:37.7rem;}
	.cm-bg-con .bg-deco.deco04{width:23rem; height:28.8rem;}
	.cm-bg-con .bg-deco.deco05{width:31rem; height:17.35rem;}
	.cm-bg-con + .cm-con-wrap{margin-top:10rem;}
	/* 공통 :: 타이틀 */
	.cm-tit-box{margin-bottom:3rem;}
	.cm-tit-box .cm-category{font-size:2rem; margin-bottom:2rem;}
	.cm-tit-box .cm-tit{font-size:3rem;}
	.cm-tit-box .cm-txt{font-size:2.4rem; margin-top:2rem;}
	.cm-tit-box .cm-txt02{font-size:1.6rem; margin-top:1rem;}
	.cm-tit-box .cm-btn{margin:2rem auto 0;}
	.cm-tit-box .logo-img img{max-width:80%;}

	.cm-tit-big{font-size:4rem; margin-bottom:3rem;}
	
	.cm-arrow img{width:5rem;}
}

/* 공통 :: 텍스트 */
.cm-txt-box{text-align:center;}
.cm-txt-box .cm-txt01{font-size:3rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600;}
.cm-txt-box .cm-txt02{font-size:2rem; line-height:1.75; letter-spacing:-0.025em; color:#666; font-weight:600;}
.cm-txt-box .cm-txt01 + .cm-txt02{margin-top:4rem;}
.cm-txt-box .cm-txt02 + .cm-txt02{margin-top:3rem;}

.cm-check{position: relative; padding-left:0.8em;}
.cm-check:before{position: absolute; content:''; width:0.5rem; height:0.5rem; border-radius:50%; background:#666; left:0; top:1.2rem;}
/* 공통 :: 배너영역 */
.cm-banner-box{margin-bottom:9rem;}
.cm-banner-box:last-child{margin-bottom:0;}
.cm-banner-box span{display: block; overflow:hidden; border-radius:3rem; text-align:center;}
.cm-banner-box span img{max-width:100%; object-fit:cover;}
.cm-banner-box.wid-1300{max-width:1300px; margin-inline:auto;}

.bottom-banner{display: flex; align-items: center; min-height:60rem;}
.bottom-banner .plus-txt{font-size:2.4rem; line-height:1.375; letter-spacing:-0.025em; color:#555; font-weight:700; margin-bottom:3rem;}

@media all and (max-width:800px){
	/* 공통 :: 텍스트 */
	.cm-txt-box .cm-txt01{font-size:2rem;}
	.cm-txt-box .cm-txt02{font-size:1.6rem;}
	.cm-txt-box .cm-txt01 + .cm-txt02{margin-top:2rem;}
	.cm-txt-box .cm-txt02 + .cm-txt02{margin-top:1.5rem;}
	.cm-check:before{top:0.7rem;}
	/* 공통 :: 배너영역 */
	.cm-banner-box{margin-bottom:5rem;}
	.cm-banner-box span{border-radius:2rem;}
	
	.bottom-banner{min-height:40rem;}
	.bottom-banner .plus-txt{font-size:2rem;}
}

/* 공통 :: 버튼 */
.cm-btn{width: 20rem; height: 5rem; font-size: 1.6rem; font-weight: 600; color: #333; border-radius: 5rem; border: 0.3rem solid #333; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transition: color 0.75s ease 0s; font-weight:700;}
.cm-btn .txt{position: relative; z-index:1;}
.cm-btn .txt i{margin-left:2rem;}
/* .cm-btn:after {position: absolute; left: 50%; top: 50%; width: 0%; height: 0%; border-radius: 450%; background: #333; content: ""; transform: translateX(-50%) translateY(-50%); transition: width 0.75s ease 0s, height 0.75s ease 0s;} */


.cm-fill-btn .cm-fill { position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0.95; background: #333; transition: width 0.7s, height 0.7s; }
.cm-fill-btn:hover .cm-fill{ width: 30vw; height: 30vw; }
.cm-fill-btn .cm-fill.white{background:#fff;}


@media all and (min-width:801px){
	.cm-btn:hover{color: #fff;}
	/* .cm-btn:hover:after{width: 150%; height: 450%;} */
}

/* ****************** Predict Health ********************** */
/* Problem 컨텐츠01 */
.proactive-distribution-con{display: flex; align-items:center; width:100%; max-width:960px; margin:auto;}
.proactive-distribution-con .distribution-item{position: relative; width:50%;}
.proactive-distribution-con .distribution-item .inner-big-item{display: flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background:#919ebe; text-align:center; aspect-ratio: 1;}
.proactive-distribution-con .distribution-item .inner-big-item .txt{font-size:2.2rem; line-height:1.5; color:rgba(255,255,255,0.8); font-weight:600; margin-bottom:2rem;}
.proactive-distribution-con .distribution-item .inner-big-item .num{font-size:9rem; color:#fff; font-weight:700;}
.proactive-distribution-con .distribution-item .inner-big-item .num em{font-size:0.5em; font-weight:500;}
.proactive-distribution-con .distribution-item .plus-box{position: absolute; top:1.7rem; left:calc(100% + 3.7rem); border:2px solid #e5e5e5; border-radius:2rem; padding:3rem 5rem; box-sizing:border-box; }
.proactive-distribution-con .distribution-item .plus-box:before{position: absolute; content:''; width:11.5rem; height:2px; background:#e5e5e5; top:50%; right:100%; transform:translateY(-3rem);}
.proactive-distribution-con .distribution-item .plus-box:after{position: absolute; content:''; width:1rem; height:1rem; background:#e5e5e5; top:50%; right:calc(100% + 11rem); transform:translateY(-3.4rem); border-radius:50%;}
.proactive-distribution-con .distribution-item .plus-box .txt01{font-size:2.4rem; line-height:1.35; color:#333; font-weight:600; white-space:nowrap;}
.proactive-distribution-con .distribution-item .plus-box .txt02{font-size:1.8rem; line-height:1.4; color:#999; font-weight:500; margin-top:0.7rem; white-space:nowrap;}

.proactive-distribution-con .distribution-item .inner-small-item{display: flex; align-items:center;}
.proactive-distribution-con .distribution-item .inner-small-item .circle{display: flex; align-items:center; justify-content:center; width:13.6rem; border-radius:50%; background:#e5e5e5; text-align:center; aspect-ratio: 1;}
.proactive-distribution-con .distribution-item .inner-small-item .num{font-size:5rem; letter-spacing:-0.04em; color:#464646; font-weight:700;}
.proactive-distribution-con .distribution-item .inner-small-item .num em{font-size:0.5em; font-weight:500; line-height:2;}
.proactive-distribution-con .distribution-item .inner-small-item .txt{font-size:2.2rem; line-height:1.4; color:rgba(35,35,35,0.7); font-weight:500; margin-left:1.5rem;}

/* Problem 컨텐츠02 */
.proactive-service-list{display: flex; justify-content:center; margin-bottom:8rem;}
.proactive-service-list .list-item{display: flex; align-items:center; justify-content:center; width:20%; max-width:321px; aspect-ratio: 1; border-radius:50%; backdrop-filter:blur(1rem); margin:0 -4rem;}
.proactive-service-list .list-item:nth-child(odd){background:rgba(243,243,243,0.5);}
.proactive-service-list .list-item:nth-child(even){background:rgba(214,217,226,0.8);}

/* Problem 링크 */
.proactive-link-con{display: flex; justify-content:space-between;}
.proactive-link-con .link-item{display: flex; align-items:flex-end; width:calc(50% - 1.5rem); background:#fff; border-radius:3rem; padding:9rem 5rem 9rem 9rem; box-sizing:border-box;}
.proactive-link-con .link-item .txt-box{width:63%;}
.proactive-link-con .link-item .txt-box .category{font-size:2rem; letter-spacing:-0.025em; color:#333; font-weight:600;}
.proactive-link-con .link-item .txt-box .tit{font-size:5rem; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:2rem;}
.proactive-link-con .link-item .txt-box .cm-btn{margin-top:3rem;}
.proactive-link-con .link-item .num{width:37%; text-align:right; font-size:20rem; line-height:0.75; letter-spacing:-0.025em; color:rgba(94,111,140,0.2); font-weight:600;}

.proactive-link-con .link-item.selected{background:Rgba(255,255,255,0.3); backdrop-filter:blur(1rem);}

@media all and (max-width:1280px){
	/* Problem 컨텐츠02 */
	.proactive-service-list .list-item{margin:0 -1rem; text-align:center;}
	.proactive-service-list .list-item span img{max-width:70%;}
	/* Problem 링크 */
	.proactive-link-con .link-item{padding:5rem;}
	.proactive-link-con .link-item .num{font-size:15rem;}
}
@media all and (max-width:800px){
	/* Problem 컨텐츠01 */
	.proactive-distribution-con{margin-top:5rem;}
	.proactive-distribution-con .distribution-item .inner-big-item .txt{font-size:1.8rem;}
	.proactive-distribution-con .distribution-item .inner-big-item .num{font-size:6rem;}
	.proactive-distribution-con .distribution-item .plus-box{position: absolute; top:-2rem; left:calc(100% + 3.7rem); padding:1.5rem 2rem;}
	.proactive-distribution-con .distribution-item .plus-box:before{width:10rem; height:2px; background:#e5e5e5; top:50%; right:100%; transform:translateY(0);}
	.proactive-distribution-con .distribution-item .plus-box:after{right:calc(100% + 10rem); transform:translateY(-0.4rem);}
	.proactive-distribution-con .distribution-item .plus-box .txt01{font-size:1.8rem;}
	.proactive-distribution-con .distribution-item .plus-box .txt02{font-size:1.4rem;}

	.proactive-distribution-con .distribution-item .inner-small-item .circle{width:10rem;}
	.proactive-distribution-con .distribution-item .inner-small-item .num{font-size:3rem;}
	.proactive-distribution-con .distribution-item .inner-small-item .txt{font-size:1.6rem;}
	
	/* Problem 컨텐츠02 */
	.proactive-service-list{margin-bottom:4rem;}
	.proactive-service-list .list-item span img{max-width:50%;}
	
	/* Problem 링크 */
	.proactive-link-con .link-item{position: relative; padding:5rem 2rem;}
	.proactive-link-con .link-item .txt-box{width:100%;}
	.proactive-link-con .link-item .txt-box .category{font-size:1.6rem;}
	.proactive-link-con .link-item .txt-box .tit{font-size:2.6rem; margin-top:1rem;}
	.proactive-link-con .link-item .txt-box .cm-btn{margin-top:2rem;}
	.proactive-link-con .link-item .num{position: absolute; top:3rem; right:2rem; width:auto;font-size:8rem;}
}
@media all and (max-width:640px){
	/* Problem 컨텐츠01 */
	.proactive-distribution-con .distribution-item .plus-box{left:100%; padding:1rem;}
	.proactive-distribution-con .distribution-item .plus-box:before{width:3rem;}
	.proactive-distribution-con .distribution-item .plus-box:after{right:calc(100% + 3rem);}
}
@media all and (max-width:480px){
	/* Problem 컨텐츠01 */
	.proactive-distribution-con .distribution-item .inner-big-item .txt{font-size:1.5rem; padding:0 3rem; margin-bottom:0;}
	.proactive-distribution-con .distribution-item .inner-big-item .num{font-size:4rem;}
	.proactive-distribution-con .distribution-item .plus-box{left:100%; padding:1rem;}
	.proactive-distribution-con .distribution-item .plus-box:before{width:3rem;}
	.proactive-distribution-con .distribution-item .plus-box:after{right:calc(100% + 3rem);}
	.proactive-distribution-con .distribution-item .plus-box .txt01{font-size:1.2rem;}
	.proactive-distribution-con .distribution-item .plus-box .txt02{font-size:1.2rem;}
	
	.proactive-distribution-con .distribution-item .inner-small-item .circle{width:8rem;}
	.proactive-distribution-con .distribution-item .inner-small-item .num{font-size:2.4rem;}
	.proactive-distribution-con .distribution-item .inner-small-item .txt{font-size:1.4rem;}
	
	/* Problem 컨텐츠02 */
	.proactive-service-list .list-item{width:calc(20% + 2rem);}
	
	/* Problem 링크 */
	.proactive-link-con{display: block;}
	.proactive-link-con .link-item{width:100%; margin-bottom:2rem;}
}

/* ****************** AI 건강평가 ********************** */
.sub-visual-solution:not(.full_visual){margin-bottom:10rem;}

/* Overview 컨텐츠 */
.evaluation-overview-con{display: flex; justify-content:center; background:#f6f6f6; border-radius:3rem; padding:5rem 5rem 7rem; box-sizing:border-box; margin-bottom:8rem;}
.evaluation-overview-con .evaluation-item{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width:33.33%; border-right:2px dashed #bcbfc5; box-sizing:border-box; padding:0 2rem; text-align:center;}
.evaluation-overview-con .evaluation-item:last-child{border-right:0;}
.evaluation-overview-con .evaluation-item .tit{font-size:2rem; line-height:1.35; color:#333; font-weight:600; padding:1rem 3rem;}
.evaluation-overview-con .evaluation-item .tit:has(span){padding-left:1rem;}
.evaluation-overview-con .evaluation-item .tit span{display: inline-flex; align-items:center; justify-content:center; width:4rem; height:4rem; border-radius:1rem; background:#303541; margin-right:1rem; color:#fff;}
.evaluation-overview-con .evaluation-item .img-box{display: flex; align-items:center; margin-top:5rem; min-height:29rem;}
.evaluation-overview-con .evaluation-item .img-box img{max-width:100%;}
.evaluation-overview-con .evaluation-item .arrow-box{position: absolute; top:30%; right:1rem; transform:translate(50%,-50%); min-width:11.5rem; height:5rem; border-radius:2px; display: flex; align-items:center; justify-content:center; background:#303541;}
.evaluation-overview-con .evaluation-item .arrow-box:before{position: absolute; content:''; top: 0; right: 0; transform: translateX(calc(100% - 1px)); width:0; height:0; border: 2.5rem solid transparent; border-left-width:1.8rem; border-left-color: #303541;  }
.evaluation-overview-con .evaluation-item .arrow-box .arrow-txt{font-size:1.8rem; letter-spacing:-0.025em; color:rgba(255,255,255,0.8); font-weight:600;}
.evaluation-overview-con .evaluation-item .middle-box{position: absolute; top:7rem; left:50%; transform:translateX(-50%); display: flex; align-items:center; justify-content:center; height:5rem;}
.evaluation-overview-con .evaluation-item .middle-box .ai{display: flex; align-items:center; justify-content: center; width:4.8rem; height:3.6rem; border-radius:2px; background:#e1e1e1; font-size:2rem; color:#2e384b; font-weight:700;}
.evaluation-overview-con .evaluation-item .middle-box .txt{font-size:1.8rem; line-height:1.35; color:#333; font-weight:700; margin-left:1rem; white-space: nowrap;}

.evaluation-overview-con .evaluation-item.middle-item .tit{display: inline-block; font-weight:700; color:#2e384b; background:#fff; border-radius:1rem;}
.evaluation-overview-con .evaluation-item.last-item .tit {background: #303541; color: #fff; border-radius:1rem;}
@media all and (max-width:1280px){
	.sub-visual-solution:not(.full_visual){margin-bottom:5rem;}
	/* Overview 컨텐츠 */
	.evaluation-overview-con .evaluation-item .arrow-box{margin-top: -5rem;}
	.evaluation-overview-con .evaluation-item .middle-box{top:9rem;}
}
@media all and (max-width:800px){
	.evaluation-overview-con{padding:3rem; display: block; margin-bottom:3rem;}
	.evaluation-overview-con .evaluation-item{width:100%; padding:0; border-right:0; border-bottom:2px dashed #bcbfc5; padding-bottom:5rem; margin-bottom:5rem;}
	.evaluation-overview-con .evaluation-item:last-child{border-bottom:0; padding-bottom:0rem; margin-bottom:0rem;}
	.evaluation-overview-con .evaluation-item .tit{font-size:1.8rem; padding:1rem 2rem;}
	.evaluation-overview-con .evaluation-item .img-box{margin-top:3rem; min-height:20rem;}
	.evaluation-overview-con .evaluation-item:nth-child(2) .img-box{margin-top:4rem;}
	.evaluation-overview-con .evaluation-item .img-box span{display: block; height:100%;}
	.evaluation-overview-con .evaluation-item .img-box img{height:100%;}
	.evaluation-overview-con .evaluation-item .arrow-box{top:100%; right:50%; transform:translate(50%, -50%); margin-top: 0;}
	.evaluation-overview-con .evaluation-item .arrow-box:before{top: calc(100% - 1px); right: 0; transform:none; border-width:5.8rem; border-left-color: transparent; border-top-width:2rem; border-top-color:#303541;}
	.evaluation-overview-con .evaluation-item .arrow-box .arrow-txt{font-size:1.6rem;}
	.evaluation-overview-con .evaluation-item .middle-box{top:6rem;}
}

/* -------- 아코디언 스타일 03 -------- */
/* 아코디언 전체 레이아웃 */
.accordion-list-box{}
.accordion-list-box.list-02 {max-width: 1230px; margin: 0 auto;}
.accordion-list-box.list-03 {max-width: 1410px; margin: 0 auto;}
.accordion-list .accordion-item{position:relative; overflow:hidden; }
.accordion-list .accordion-item .accordion-inner{display:block; position:relative; height:100%; margin:0; border-radius:2rem; overflow:hidden;}
.accordion-list-container{margin-left:-2rem;}
.accordion-list-box .accordion-list{ display: table; width:100%; height: 60rem; white-space:nowrap; overflow:hidden; font-size:0; }
.accordion-list .accordion-item{
	width:80px; 
	display:table-cell; 
	height:100%; 
	padding-left:2rem; 
	white-space:nowrap; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
} /* 접힌 li의 width*/
.accordion-list .accordion-item .accordion-m-img{display:none;}

/* 아코디언 내용 */
.accordion-inner-box{
	position:relative; height:100%; width:100%; 
	opacity:0;
	transition:opacity 0.2s;
}
.accordian-tit-box{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer;}
.accordian-tit-box .accordian-tit{position:absolute; top:13rem; left:0; right:0px;transform:rotate(90deg); color:#333; font-size:2.4rem}
.accordian-tit-box .accordian-plus-btn{position:absolute; bottom:6rem; left: 50%; transform: translateX(-50%); width:8rem; height:8rem; display: flex; align-items:center; justify-content:center; color:#333; font-size:2.6rem; background:#fff; border-radius:50%; opacity:1; transition:all 0.3s 0.2s;}
.accordian-info-box { position:absolute; inset:0; visibility:hidden; opacity:0; transition:all 0s 0s; z-index:11; }
.accordian-info-box .info-inner {position: absolute; top:50%; left:8rem; transform:translateY(-50%); width:calc(100% - 12rem);}
.accordian-info-box .info-tit-box .info-tit-kr { font-size: 5rem; letter-spacing:-0.025em; font-weight:700; color:#333; line-height: 1.2;}
.accordian-info-box .info-tit-box .info-txt { font-size: 2rem; line-height: 1.4; letter-spacing:-0.025em; font-weight:600; margin-top: 2rem; color:#666; word-break: break-word; white-space: normal;}

/* 아코디언 내용 Active */
.active .accordion-inner-box{opacity:1.0; background-size:cover !important;}
.active .accordian-tit-box{cursor:default;}
.active .accordian-tit-box .accordian-plus-btn{opacity:0; transition:all 0.3s 0s;}
.active .accordian-info-box{
	visibility:visible;
	opacity:1;
	transition:all 0.3s 0.2s;
}

@media all and (max-width:1280px){
	.accordion-list-container{margin-left:-1rem;}
	.accordion-list .accordion-item{padding-left:1rem;}
	.accordian-info-box .info-inner {left:3rem; width:calc(100% - 6rem);}
	.accordian-tit-box .accordian-plus-btn{width:6rem; height:6rem; font-size:2rem;}
}
@media all and ( max-width: 800px ){
	.accordion-list-box .accordion-list{max-width:800px; margin:0px auto; height:auto;}
	.accordion-list .accordion-item{display:block; width:100%; height:20rem; margin-top:10px; padding-left:0; }
	.accordion-list .accordion-item:first-child{margin-top:0}
	.accordion-list .accordion-item .accordion-inner{background-image:none !important;}
	
	.accordion-inner-box{opacity:0.5 !important; background-size:cover !important;}
	.accordian-tit-box{cursor:default; display: none;}
	.accordian-tit-box .accordian-plus-btn{opacity:0; transition:all 0.3s 0s;}
	.accordian-info-box{ visibility:visible; opacity:1; transition:all 0.3s 0.2s; }
	
	.accordian-info-box .info-tit-box .info-tit-kr{font-size:3rem;}
	.accordian-info-box .info-tit-box .info-txt{font-size:1.6rem;}
}
@media all and ( max-width: 480px ){
	.accordion-list .accordion-item{margin-top:5px;}
	.accordion-list .accordion-item .accordion-m-img{padding-top:80px;}
}

.txt-con-style{display: flex; border-bottom:1px solid #d9d9d9; padding-bottom:15rem;}
.txt-con-style.no-border{border-bottom:0; padding-bottom:0;}
.txt-con-style .left-box{width:35%; padding-right:10rem; box-sizing:border-box;}
.txt-con-style .left-box .num{display: block; font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:700; margin-bottom:4rem;}
.txt-con-style .left-box .num.small{font-size:1.8rem;}
.txt-con-style .left-box .tit{font-size:5rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600;}
.txt-con-style .right-box{width:65%; padding-top:7rem; box-sizing:border-box;}
.txt-con-style .right-box .txt01{font-size:3rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600; margin-bottom:2rem;}
.txt-con-style .right-box .txt02{font-size:2rem; line-height:1.8; letter-spacing:-0.025em; color:#666; font-weight:500;}
.txt-con-style .right-box a {margin-top: 3rem;}

@media all and (max-width:800px){
	.txt-con-style{display: block; padding-bottom:7rem;}
	.txt-con-style .left-box{padding-right:0rem; width:100%;}
	.txt-con-style .left-box .num{font-size:2rem; margin-bottom:2rem;}
	.txt-con-style .left-box .num.small{font-size:1.6rem;}
	.txt-con-style .left-box .tit{font-size:3rem;}
	.txt-con-style .right-box{padding-top:4rem; width:100%;}
	.txt-con-style .right-box .txt01{font-size:2rem; margin-bottom:1rem;}
	.txt-con-style .right-box .txt02{font-size:1.6rem;}
}


.evaluation-service-why-list{display: flex; justify-content:space-between;}
.evaluation-service-why-list .list-item{position: relative; width:calc(20% - (14rem / 5)); aspect-ratio: 1; background:#f5f5f5; border-radius:2rem; padding:3rem; box-sizing:border-box; transition:all 0.8s calc(var(--i) * 0.1s) ease-in-out, background 0.4s 0s ease-in-out, box-shadow 0.4s 0s ease-in-out !important;}
.evaluation-service-why-list .list-item .num{display: block; font-size:1.8rem; line-height:1; letter-spacing:-0.025em; color:#aaa; font-weight:700; transition:var(--transition-custom); margin-bottom:1.7rem;}
.evaluation-service-why-list .list-item .tit{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#333; font-weight:700; transition:var(--transition-custom);}
.evaluation-service-why-list .list-item .icon{position: absolute; bottom:3rem; right:3rem; display: flex; align-items:center; justify-content:center; width:8rem; height:8rem; background:#fff; border-radius:50%; transition:var(--transition-custom);}
.evaluation-service-why-list .list-item .icon svg *{transition:var(--transition-custom);}

.evaluation-service-why-list .list-item.active{background:var(--main-color); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);}
.evaluation-service-why-list .list-item.active .num{color:rgba(255,255,255,0.5);}
.evaluation-service-why-list .list-item.active .tit{color:rgba(255,255,255,1);}
.evaluation-service-why-list .list-item.active .icon{background:rgba(255,255,255,0.1);}
.evaluation-service-why-list .list-item.active .icon svg *{fill:#fff;}

@media all and (max-width:1280px){
	.evaluation-service-why-list .list-item{width:calc(20% - (5rem / 5)); padding:4rem 2rem;}
	.evaluation-service-why-list .list-item .icon{bottom:2rem; right:2rem; width:6rem; height:6rem;}
	.evaluation-service-why-list .list-item .icon span{display: flex; align-items:center; justify-content:center;}
	.evaluation-service-why-list .list-item .icon svg{width:70%;}
}
@media all and (max-width:800px){
	.evaluation-service-why-list{flex-wrap:wrap; justify-content:center; margin:-1rem}
	.evaluation-service-why-list .list-item{width:calc(33.33% - 2rem); padding:3rem 2rem 8rem; margin:1rem;}
	.evaluation-service-why-list .list-item .num{margin-bottom:1rem;}
}
@media all and (max-width:640px){
	.evaluation-service-why-list .list-item{width:calc(50% - 2rem);}
}
@media all and (max-width:480px){
	.evaluation-service-why-list .list-item{width:calc(100% - 2rem); aspect-ratio:auto;}
}

.evaluation-service-platform{background:#fff; border-radius:3rem; padding:7rem; box-sizing:border-box;}
.evaluation-service-platform .top-box{position: relative; display: flex; margin:0 -0.8rem;}
.evaluation-service-platform .top-box:before{position: absolute; content:''; bottom:0; left:50%; transform:translate(-50%, 50%); width:75%; height:10rem; border:2px solid #333; border-radius:10rem; border-top:0;}
.evaluation-service-platform .top-box .list-item{position: relative; width:calc(25% - 1.6rem); margin:0 0.8rem; border-radius:3rem; background:#e8edf2; padding:4rem; box-sizing:border-box;}
.evaluation-service-platform .top-box .list-item:before{position: absolute; content:''; width:2px; height:5rem; top:100%; left:50%; transform:translateX(-50%); background:#333;}
.evaluation-service-platform .top-box .list-item:first-child:before,
.evaluation-service-platform .top-box .list-item:last-child:before{display: none;}
.evaluation-service-platform .top-box .list-item .tit{font-size:2.6rem; line-height:1.38; letter-spacing:-0.025em; color:#333; font-weight:700;}
.evaluation-service-platform .top-box .list-item .tit-sm{display: block; font-size:1.3rem; line-height:1; letter-spacing:-0.025em; color:rgba(0,0,0,0.3); font-weight:500; margin-top:1.3rem;}
.evaluation-service-platform .top-box .list-item .txt-box{margin-top:1.5rem;}
.evaluation-service-platform .top-box .list-item .txt-box .check{position: relative; font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#666; font-weight:600; padding-left:0.5em; margin-bottom:0.5rem;}
.evaluation-service-platform .top-box .list-item .txt-box .check:before{position: absolute; content:'·'; top:0; left:0;}
.evaluation-service-platform .top-box .list-item .txt-box .check:last-child{margin-bottom:0;}

.evaluation-service-platform .middle-box{position: relative; display: flex; flex-direction: column; align-items:center; justify-content:center; width:100%; max-width:720px; height:20rem; border-radius:10rem; text-align:center; background:var(--main-color); margin:10rem auto;}
.evaluation-service-platform .middle-box:before{position: absolute; content:''; width:2px; height:5rem; top:100%; left:50%; transform:translateX(-50%); background:#333;}
.evaluation-service-platform .middle-box:after{position: absolute; content:''; width:2px; height:5rem; bottom:100%; left:50%; transform:translateX(-50%); background:#333;}
.evaluation-service-platform .middle-box .tit{font-size:2.6rem; line-height:1; letter-spacing:-0.025em; color:#fff; font-weight:700;}
.evaluation-service-platform .middle-box .txt{font-size:1.6rem; line-height:1.625; letter-spacing:-0.025em; color:#fff; font-weight:600; margin-top:2rem;}

.evaluation-service-platform .bottom-box{position: relative; display: flex; margin:0 -1rem;}
.evaluation-service-platform .bottom-box:before{position: absolute; content:''; top:0; left:50%; transform:translate(-50%, -50%); width:75%; height:10rem; border:2px solid #333; border-radius:10rem; border-bottom:0;}
.evaluation-service-platform .bottom-box .list-item{position: relative; display: flex; align-items:center; justify-content:center; text-align: center; width:calc(33.33% - 2rem); height:9.6rem; margin:0 1rem; border-radius:3rem; background:#bec9d5; }
.evaluation-service-platform .bottom-box .list-item:before{position: absolute; content:''; width:2px; height:5rem; bottom:100%; left:50%; background:#333;}
.evaluation-service-platform .bottom-box .list-item:first-child:before,
.evaluation-service-platform .bottom-box .list-item:last-child:before{display: none;}
.evaluation-service-platform .bottom-box .list-item .txt{font-size:2.6rem; line-height:1.38; letter-spacing:-0.025em; color:#333; font-weight:700;}

@media all and (max-width:1280px){
	.evaluation-service-platform .top-box .list-item{padding:2rem;}
	.evaluation-service-platform .middle-box{padding:0 5rem; box-sizing:border-box;}
}
@media all and (max-width:800px){
	.evaluation-service-platform{padding:5rem 0;}
	.evaluation-service-platform .top-box{flex-wrap:wrap; margin:-0.8rem;}
	.evaluation-service-platform .top-box:before{width:50%; height:6rem; bottom: 0.8rem;}
	.evaluation-service-platform .top-box .list-item{width: calc(50% - 1.6rem); margin:0.8rem;}
	.evaluation-service-platform .top-box .list-item:nth-child(1):before{display: block;}
	.evaluation-service-platform .top-box .list-item:nth-child(3):before{display: none;}
	.evaluation-service-platform .top-box .list-item .tit{font-size:2rem;}
	.evaluation-service-platform .top-box .list-item .tit-sm{margin-top:1rem;}
	.evaluation-service-platform .top-box .list-item .txt-box{margin-top:1rem;}
	.evaluation-service-platform .top-box .list-item .txt-box .check{font-size:1.4rem;}
	
	.evaluation-service-platform .middle-box{width:100%; height:auto; margin:6rem auto; padding:5rem;}
	.evaluation-service-platform .middle-box:after{height:3rem;}
	.evaluation-service-platform .middle-box:before{height:6rem;}
	.evaluation-service-platform .middle-box .tit{font-size:2rem;}
	.evaluation-service-platform .middle-box .txt{font-size:1.4rem; margin-top:1rem;}
	
	.evaluation-service-platform .bottom-box{}
	.evaluation-service-platform .bottom-box:before{width:68%; height:6rem;}
	.evaluation-service-platform .bottom-box .list-item{height:6rem; }
	.evaluation-service-platform .bottom-box .list-item:before{display: none;}
	.evaluation-service-platform .bottom-box .list-item .txt{font-size:2rem;}
}
@media all and (max-width:480px){
	.evaluation-service-platform .top-box:before{display: none;}
	.evaluation-service-platform .top-box .list-item{width: calc(100% - 1.6rem);}
	.evaluation-service-platform .top-box .list-item:before{display: block !important;}
	.evaluation-service-platform .middle-box{margin:3rem auto; padding:3rem 2rem; border-radius: 3rem;}
	.evaluation-service-platform .middle-box:before{height:20rem;}
	.evaluation-service-platform .bottom-box{display: block; margin: 0;}
	.evaluation-service-platform .bottom-box:before{display: none;}
	.evaluation-service-platform .bottom-box .list-item{width:100%;  margin: 0; margin-bottom:1.6rem;}
	.evaluation-service-platform .bottom-box .list-item:last-child{margin-bottom:0;}
}

.ai-evaluation-page .txt-con-style .left-box {width: 27.86%; margin-right: 0; padding-right: 5rem; box-sizing: border-box;}
.ai-evaluation-page .txt-con-style .right-box {width: 72.14%;}
.insurx-more-bnr {height: 38rem; border-radius: 3rem; background: var(--sub-color2); display: flex; align-items: center; margin-top: 4rem;}
.insurx-more-bnr .inner {width: 100%; padding: 0 10rem; display: flex; align-items: center; box-sizing: border-box;}
.insurx-more-bnr .inner .txt-box {width: 51.57%; height: 100%; box-sizing: border-box;}
.insurx-more-bnr .inner dl dt {font-size: 4rem; font-weight: 500; color: #333; line-height: 1.1;}
.insurx-more-bnr .inner dl dd {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.35; margin-top: 2rem;}
.insurx-more-bnr .inner .img-box {  position: relative; width: 48.43%; mix-blend-mode: darken;}
.insurx-more-bnr .inner .img-box img {  max-width: 100%;}

@media all and (max-width:1280px){
	.ai-evaluation-page .txt-con-style .left-box {width: 35%;}
	.ai-evaluation-page .txt-con-style .right-box {width: 65%;}
	.insurx-more-bnr {height: 30rem;}
	.insurx-more-bnr .inner {padding: 0 5rem;}
}
@media all and (max-width:800px){
	.ai-evaluation-page .txt-con-style .left-box {width: 100%; padding-right: 0;}
	.ai-evaluation-page .txt-con-style .right-box {width: 100%;}
	.insurx-more-bnr {height: auto;}
	.insurx-more-bnr .inner  {padding: 3.5rem 3rem;  display: flex;  flex-wrap: wrap;  flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.insurx-more-bnr .inner .txt-box  {width: 100%;}
	.insurx-more-bnr .inner dl dt {font-size: 3rem;}
	.insurx-more-bnr .inner .img-box {width: 100%; margin-top: 3.6rem; position: relative;width: 100%; display: flex; align-items: center; justify-content: center;}
}

/* ****************** InsurX ********************** */
.insurx-page {}
.insurx-page .cm-con-wrap {margin-bottom: 20rem;}
.insurx-page .cm-bg-con {padding-bottom: 0;}
.insurx-con01 {padding-top: 10rem;}
.insurx-con01-list {display: flex; flex-wrap: wrap; gap:3rem}
.insurx-con01-list li {width: calc(33.333% - 2rem); background-color: #f5f5f5; border-radius: 3rem; padding: 8.2rem 3rem 5.2rem; box-sizing: border-box; text-align: center;}
.insurx-con01-list li .tit {display: block; font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.3;}
.insurx-con01-list li .txt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(51,51,51,0.6); line-height: 1.3; margin-top: 2rem;}
.insurx-con01-list li .icon-box {display: block; width: 13.8rem; height: 13.8rem; margin: 2rem auto 0;}
.insurx-con01-list li .icon-box img {max-width: 100%; max-height: 100%;}
.insurx-con02 .cm-tit-box .cm-txt {margin-top: 5rem;}
.insurx-con04 .cm-tit-box .cm-txt {margin-top: 3rem;}
.insurx-con04 .cm-btn-wrap {display: flex; justify-content: center; margin-top: 5rem;}
.insurx-con04 .cm-tit-box .cm-btn {margin: 0 0.5rem;}
.evaluation-service-platform-txt {padding-top: 5rem; font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.4; text-align: center;}

@media all and (max-width:800px){
	.insurx-page .cm-con-wrap {margin-bottom: 10rem; padding-top: 0;} 
	.insurx-con01-list li {width: 100%; padding: 5rem 3rem 3.2rem;}
	.insurx-con01-list li .tit {font-size: 2.4rem;}
	
	.evaluation-service-platform-txt {font-size: 2rem;}
	.insurx-con01-list li .icon-box {width: 10.8rem; height: 10.8rem;}
}

/* ****************** AI 건강관리 ********************** */
/* 개인 맞춤형 관리 프로그램 */
.ai-management-bnr-con {background-color: #f6f6f6; border-radius: 3rem; padding: 5.9rem 0 4.9rem; margin-bottom: 5rem; display: flex;}
.ai-management-bnr-con .before-box {width: 32.23%; padding: 0 5.8rem 0 6.4rem; box-sizing: border-box;}
.ai-management-bnr-con .after-box {width: 67.77%; padding: 0 7.3rem 0 6.3rem; box-sizing: border-box;}
.ai-management-bnr-con dl {margin-bottom: 5.3rem;}
.ai-management-bnr-con dl dt {padding: 0.5rem 2rem; display: inline-block; font-size: 3rem; font-weight: 700; line-height: 1.35; color: #303541; border-radius: 1rem; background-color: #fff;}
.ai-management-bnr-con dl dd {font-size: 1.8rem; font-weight: 700; color: #303541; line-height: 1.35; margin-top: 2rem;}
.ai-management-bnr-con .img-box {border-radius: 2rem; background-color: #fff; height: 26rem; overflow: hidden;}
.ai-management-bnr-con .img-box span {display: inline-block; }
.ai-management-bnr-con .img-box span img {max-width: 100%; max-height: 100%;}
.ai-management-bnr-con .after-box {border-left: 2px dashed rgba(188,191,197,0.3); box-sizing: border-box;}
.ai-management-bnr-con .after-box dl dt {background-color: #303541; color: #fff;}
.ai-management-bnr-con .after-box .img-box {display: flex;}
.ai-management-bnr-con .after-box .img-box span {width: 50%; text-align: center; display: flex; flex-direction:column; justify-content: center; align-items: center; box-sizing: border-box;}
.ai-management-bnr-con .after-box .img-box span:last-child {border-left: 2px dashed rgba(188,191,197,0.3);}
.ai-management-bnr-con .after-box figure {display: inline-flex; align-items: end; height: 15.2rem; line-height: 15.2rem;}
.ai-management-bnr-con .after-box em {display: inline-block; padding: 1rem 2rem; font-size: 1.8rem; font-weight: 600; line-height: 1.35; color: #303541; border: 2px solid #A6B6C4; border-radius: 3rem; margin-top: 2.5rem;}
@media all and (max-width:1280px){
	.ai-management-bnr-con .before-box {padding: 0 3rem;}
	.ai-management-bnr-con .after-box {padding: 0 3rem;}
}
@media all and (max-width:800px){
	.ai-management-bnr-con {display: block; padding: 4rem 0;}
	.ai-management-bnr-con .before-box {width: 100%; padding-bottom: 3rem;}
	.ai-management-bnr-con .after-box {width: 100%; padding-top: 3rem; border-left: 0; border-top: 2px dashed rgba(188,191,197,0.3);}
	.ai-management-bnr-con dl {margin-bottom: 3rem;}
	.ai-management-bnr-con dl dt {font-size: 2.4rem;}
	.ai-management-bnr-con .img-box {height: auto;}
	.ai-management-bnr-con .before-box .img-box span {display: flex; align-items: center; justify-content: center;}
	.ai-management-bnr-con .after-box .img-box span {padding: 2rem; box-sizing: border-box;}
	.ai-management-bnr-con .after-box figure {height: 13.2rem; line-height: 13.2rem;}
	.ai-management-bnr-con .after-box em {padding: 0.5rem 1.5rem; font-size: 1.6rem;}
}
@media all and (max-width:480px){
	.ai-management-bnr-con .after-box .img-box {display: block;}
	.ai-management-bnr-con .after-box .img-box span  {width: 100%;}
	.ai-management-bnr-con .after-box .img-box span:last-child {border-left: 0;border-top: 2px dashed rgba(188,191,197,0.3);}
}


.management-overview-list{display: flex; justify-content:center; margin-bottom:6rem;}
.management-overview-list .list-item{position: relative; width:calc(33.33% - 16rem); margin:0 8rem; max-width:30rem;}
.management-overview-list .list-item .icon{position: relative; display: flex; align-items:center; justify-content:center; width:100%; aspect-ratio: 1; background:#ededed; border-radius:50%; text-align:center; padding:3rem; box-sizing:border-box;}
.management-overview-list .list-item .icon:before{position: absolute; content:''; top:50%; right:-8rem; transform:translate(50%, -50%); width:7.2rem; height:6.5rem; background:url('/images/content/cm_arrow_r_icon.png') no-repeat center / cover;}
.management-overview-list .list-item:last-child .icon:before{display: none;}
.management-overview-list .list-item .icon img{max-width:100%; margin:auto;}
.management-overview-list .list-item .txt{font-size:3rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:2rem; text-align:center;}
@media all and (max-width:1280px){
	.management-overview-list .list-item .icon img{max-width:80%;}
}
@media all and (max-width:800px){
	.management-overview-list{margin-bottom:4rem; margin-inline:-2rem;}
	.management-overview-list .list-item{width:calc(33.33% - 4rem); margin:0 2rem;}
	.management-overview-list .list-item .icon{padding:2rem;}
	.management-overview-list .list-item .icon:before{right:-2rem; width:3rem; height:2.7rem;}
	.management-overview-list .list-item .icon img{max-width:60%;}
	.management-overview-list .list-item .txt{font-size:3rem; margin-top:1rem;}
}

/* Problem */
.management-problem-con{position: relative; margin:8rem 0 12rem;}
.management-problem-con .img{aspect-ratio: 1;}
.management-problem-con .img img{width:100%;}
.management-problem-con .img.absolute-img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.management-problem-con .img.img01{width:43.6rem; margin:auto;}
.management-problem-con .img.absolute-img.img02{width:17rem;margin-top: -10rem;margin-left: -23rem;}
.management-problem-con .img.absolute-img.img03{width:12rem;margin-top: 18rem;margin-left: 24rem;}
@media all and (max-width:800px){
	.management-problem-con{margin:4rem 0 5rem;}
}
@media all and (max-width:640px){
	.management-problem-con .img.img01{width:100%;}
	.management-problem-con .img.absolute-img.img02{width:30%; margin-top: -10rem;margin-left: -23rem;}
	.management-problem-con .img.absolute-img.img03{width:20%;margin-top: 18rem;margin-left: 24rem;}
}
@media all and (max-width:480px){
	.management-problem-con .img.absolute-img.img02{margin-top: -14rem;margin-left: -15rem;}
	.management-problem-con .img.absolute-img.img03{margin-top: 17rem;margin-left: 18rem;}
}

/* Solution */
.management-solution-con .solution-item{position: relative; display: flex; justify-content:space-between; padding-bottom:15rem; margin-bottom:12rem;}
.management-solution-con .solution-item:before{position: absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:100vw; height:3rem; background:#f6f6f6; }
.management-solution-con .solution-item:last-child{padding-bottom:0rem; margin-bottom:0;}
.management-solution-con .solution-item:last-child:before{display: none;}
.management-solution-con .solution-item .txt-box{width:45%;}
.management-solution-con .solution-item .txt-box .num{display: block; font-size:2.4rem; line-height:1.35; letter-spacing:-0.025em; color:#333; font-weight:700; margin-bottom:1rem;}
.management-solution-con .solution-item .txt-box .tit{font-size:5rem; line-height:1.35; letter-spacing:-0.025em; color:#333; font-weight:600; margin-bottom:4rem;}
.management-solution-con .solution-item .txt-box dl{}
.management-solution-con .solution-item .txt-box dl dt{font-size:3rem; line-height:1.35; letter-spacing:-0.025em; color:#333; font-weight:600; margin-bottom:2rem;}
.management-solution-con .solution-item .txt-box dl dd{}
.management-solution-con .solution-item .txt-box dl dd .txt01{font-size:1.8rem; line-height:1.83; letter-spacing:-0.025em; color:#666; font-weight:500; margin-bottom:2rem;}
.management-solution-con .solution-item .txt-box dl dd .txt01.gray{color:#999;}
.management-solution-con .solution-item .txt-box dl dd .txt01:last-child{margin-bottom:0;}
.management-solution-con .solution-item .img-box{width:43.75%; border-radius:0.8rem; overflow:hidden;}
.management-solution-con .solution-item .img-box img{width:100%;}

@media all and (max-width:800px){
	.management-solution-con .solution-item{flex-direction: column-reverse; padding-bottom:7rem; margin-bottom:5rem;}
	.management-solution-con .solution-item:before{height:2rem;}
	.management-solution-con .solution-item:nth-child(odd){flex-direction: column;}
	.management-solution-con .solution-item .txt-box{width:100%;}
	.management-solution-con .solution-item .txt-box .num{font-size:2rem;}
	.management-solution-con .solution-item .txt-box .tit{font-size:3rem; margin-bottom:2rem;}
	.management-solution-con .solution-item .txt-box dl dt{font-size:2rem; margin-bottom:1rem;}
	.management-solution-con .solution-item .txt-box dl dd .txt01{font-size:1.6rem; margin-bottom:1rem;}
	.management-solution-con .solution-item .img-box{width:100%; margin-top:2rem;}
}

/* ONIONE */
.onione-service-list{display: flex; flex-wrap: wrap; gap:3rem}
.onione-service-list li {width: calc(33.333% - 2rem);background-color: #f5f5f5; border-radius: 3rem; padding: 6rem 5.5rem; box-sizing: border-box; text-align: center;}
.onione-service-list .txt-box {margin-bottom: 4rem;}
.onione-service-list .txt-box .num {display: block; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #333; }
.onione-service-list .txt-box .tit {display: block; font-size: 4rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.1; margin-top: 2rem;}
.onione-service-list .txt-box .txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.3; margin-top: 1.5rem;}
.onione-service-list li img {max-width: 100%;}
.onione-service-bottom {text-align: center; padding: 5rem 0 0;}
.onione-service-txt {font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.3;}
.onione-service-bottom a {margin: 5rem auto 0;}

.onione-ex-list {display: flex; gap:2rem;}
.onione-ex-list li {width: calc(50% - 1rem); text-align: center;}
.onione-ex-list li .img-box {position: relative; width: 100%; padding-top: 63.69%;}
.onione-ex-list li .img-box span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3rem; background-color: #F5F5F5; overflow: hidden;}
.onione-ex-list li .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.onione-ex-list li .tit {display: block; font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #333; line-height: 1.1; margin-top: 5rem;}
.onione-ex-list li .txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #666; line-height: 1.3; margin-top: 2rem;}

@media all and (max-width:1280px){
	.onione-service-list li  {padding: 5rem 2.5rem;}
	.onione-service-list .txt-box .tit {font-size: 3.2rem;}
}
@media all and (max-width:800px){
	.onione-service-list li {width: 100%;}
	.onione-service-txt {font-size: 2rem;}
	.onione-ex-list {flex-wrap: wrap; gap:5rem}
	.onione-ex-list li {width: 100%;}
	.onione-ex-list li .tit {margin-top: 3rem; font-size: 2.4rem;}
}


/* DMC :: problem */
.management-dmc-problem{display: flex; align-items:center; justify-content:center;}
.management-dmc-problem .problem-item{width:calc(50% - 2rem); margin:0 2rem; max-width:400px; text-align:center;  background:#f6f6f6; border-radius:3rem; padding:8rem 3rem 6rem; box-sizing:border-box;}
.management-dmc-problem .problem-item .txt{font-size:1.8rem; line-height:1.35; letter-spacing:-0.025em; color:#666; font-weight:600; margin-top:4rem;}
@media all and (max-width:800px){
	.management-dmc-problem .problem-item{width:calc(50% - 1rem); margin:0 0.5rem; padding:4rem 1rem 3rem;}
	.management-dmc-problem .problem-item .txt{font-size:1.4rem; margin-top:2rem;}
}
@media all and (max-width:480px){
	.management-dmc-problem .problem-item .icon img{height:7rem;}
}

/* 의료기기 */
.management-dmc-product{}
.management-dmc-product .flow-wrap{position: relative; display: flex; align-items:center; }
.management-dmc-product .flow-wrap:before{position: absolute; content:''; width:10%; height:100%; left:0; top:0; background: linear-gradient(to right, rgba(232,237,242,0.8) 0%,rgba(232,237,242,0) 100%); z-index:9;}
.management-dmc-product .flow-wrap:after{position: absolute; content:''; width:10%; height:100%; right:0; top:0; background: linear-gradient(to left	, rgba(232,237,242,0.8) 0%,rgba(232,237,242,0) 100%); z-index:9; }
.management-dmc-product .flow-wrap .flow-list{display: flex; align-items:center; animation:partner-flow 45s linear infinite;}
.management-dmc-product .flow-wrap .flow-list .flow-item{display: flex; flex-direction:column; align-items:center; justify-content:center; width:21rem; height:24rem; margin:0 1.2rem; background:#fff; border-radius:1.2rem; padding:3rem; box-sizing:border-box;}
.management-dmc-product .flow-wrap .flow-list .flow-item .img-box{width:13rem; height:13rem; }
.management-dmc-product .flow-wrap .flow-list .flow-item .img-box img{max-width:100%; max-height:100%; object-fit:cover;}
.management-dmc-product .flow-wrap .flow-list .flow-item .txt{font-size:2rem; line-height:2; letter-spacing:-0.025em; color:#000; font-weight:600; margin-top:0.5rem;}

@keyframes partner-flow {
	from { transform:translate3d(-100%, 0, 0); }
	to { transform:translate3d(-200%, 0, 0); }
}
@keyframes partner-flow-reverse {
	from { transform:translate3d(-100%, 0, 0); }
	to { transform:translate3d(0%, 0, 0); }
}
@media all and (max-width:800px){
	.management-dmc-product .flow-wrap .flow-list .flow-item{width:15rem; height:18rem; margin:0 0.6rem; padding:0 2rem 2rem;}
	.management-dmc-product .flow-wrap .flow-list .flow-item .img-box{width:10rem; height:10rem; }
	.management-dmc-product .flow-wrap .flow-list .flow-item .txt{font-size:1.6rem; line-height:1.5; text-align:center;}
}


/* 진료과목 및 검사항목 */
.management-dmc-subject{display: flex; flex-wrap:wrap; margin:-1.4rem;}
.management-dmc-subject .subject-item{position: relative; width:calc(33.33% - 2.8rem); margin:1.4rem; background:#fff; border-radius:1.5rem; padding:4rem; box-sizing:border-box; aspect-ratio: 1.66; transition:all 0.8s calc(var(--i) * 0.1s) ease-in-out, background 0.4s 0s ease-in-out, box-shadow 0.4s 0s ease-in-out !important; opacity:0; transform:translateY(50px);}
.management-dmc-subject .subject-item dl{}
.management-dmc-subject .subject-item dl dt{font-size:2.4rem; line-height:1.66; letter-spacing:-0.025em; color:#000; font-weight:700; transition:var(--transition-custom);}
.management-dmc-subject .subject-item dl dd{font-size:2rem; line-height:1.55; letter-spacing:-0.025em; color:#666; font-weight:500; margin-top:1.2rem; transition:var(--transition-custom);}
.management-dmc-subject .subject-item .icon-box{position: absolute; bottom:4rem; right:4rem; display: flex; align-items:center; justify-content:center; width:8rem; height:8rem; background:#f3f3f3; border-radius:50%; transition:var(--transition-custom);}
.management-dmc-subject .subject-item .icon-box svg *{transition:var(--transition-custom);}
/* animated */
.management-dmc-subject.animated .subject-item{opacity:1; transform:translateY(0px);}
/* active */
.management-dmc-subject .subject-item.active{background:#0c2340;}
.management-dmc-subject .subject-item.active dl dt,
.management-dmc-subject .subject-item.active dl dd{color:#fff;}
.management-dmc-subject .subject-item.active .icon-box{background:rgba(243,243,243,0.15);}
.management-dmc-subject .subject-item.active .icon-box svg *{fill:#fff;}
@media all and (max-width:1280px){
	.management-dmc-subject .subject-item{padding-bottom:14rem;}
	.management-dmc-subject .subject-item .icon-box{bottom:4rem;}
}
@media all and (max-width:800px){
	.management-dmc-subject{margin:-0.7rem;}
	.management-dmc-subject .subject-item{width:calc(50% - 1.4rem); margin:0.7rem; padding:3rem 2rem 10rem; aspect-ratio:auto;}
	.management-dmc-subject .subject-item dl dt{font-size:2rem;}
	.management-dmc-subject .subject-item dl dd{font-size:1.6rem; margin-top:0.8rem;}
	.management-dmc-subject .subject-item .icon-box{bottom:2rem; right:2rem; width:6rem; height:6rem;}
}
@media all and (max-width:480px){
	.management-dmc-subject .subject-item{width:calc(100% - 1.4rem); padding-bottom:8rem;}
}

/* 진료지원S/W 시스템 */
.management-dmc-product-list{position: relative; z-index:1; margin-top:13rem;}
.management-dmc-product-list .list-item{display: flex; align-items:center; margin-bottom:3rem; background:#f6f6f6; border-radius:2rem; padding:4.5rem 5rem; box-sizing:border-box;}
.management-dmc-product-list .list-item:last-child{margin-bottom:0;}
.management-dmc-product-list .list-item .left-box{display: flex; width:36.5rem;}
.management-dmc-product-list .list-item .left-box .num{width:7.5rem; font-size:1.8rem; line-height:1.35; letter-spacing:-0.025em; color:var(--sub-color3); font-weight:600;}
.management-dmc-product-list .list-item .left-box .tit{width:calc(100% - 7.5rem); font-size:2.4rem; line-height:1.75; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top: -0.8rem; padding-right:2rem; box-sizing:border-box;}
.management-dmc-product-list .list-item .txt{width:calc(100% - 36.5rem); font-size:2rem; line-height:1.55; letter-spacing:-0.025em; color:#666; font-weight:500;}
.management-dmc-product-list .list-item .txt .small{display: block; font-size:1.6rem; line-height:2;}
/* wide ver */
.management-dmc-product-list.wide-ver{margin-top:6rem;}
.management-dmc-product-list.wide-ver .list-item .left-box{width:47.5rem;}
.management-dmc-product-list.wide-ver .list-item .txt{width:calc(100% - 47.5rem);}

@media all and (max-width:800px){
	.management-dmc-product-list{margin-top:5rem;}
	.management-dmc-product-list .list-item{display: block; padding:4rem 2rem;}
	.management-dmc-product-list .list-item .left-box{display: flex; width:100%; margin-bottom:1rem;}
	.management-dmc-product-list .list-item .left-box .num{width:3rem; font-size:1.6rem; line-height:1.1;}
	.management-dmc-product-list .list-item .left-box .tit{width:calc(100% - 3rem); font-size:2rem; padding-right:0rem;}
	.management-dmc-product-list .list-item .txt{width:100%;}
	
	.management-dmc-product-list.wide-ver{margin-top:4rem;}
	.management-dmc-product-list.wide-ver .list-item .left-box{width:100%; margin-bottom:1rem;}
	.management-dmc-product-list.wide-ver .list-item .txt{width:100%;}
}
@media all and (max-width:480px){
	.management-dmc-product-list .list-item .left-box{display: block;}
	.management-dmc-product-list .list-item .left-box .tit{width:100%; line-height:1.3; margin-top:1rem;}
}

/* 운영성과 */
.management-dmc-result{display: flex; flex-wrap:wrap; margin:-1.5rem;}
.management-dmc-result .result-item{position: relative; display: flex; flex-direction:column; justify-content: space-between; width:calc(50% - 3rem); height:32rem; margin:1.5rem; border-radius:1.5rem; background:#f6f6f6; padding:6rem 5rem; box-sizing:border-box; }
.management-dmc-result .result-item.wide{width:calc(100% - 3rem);}
.management-dmc-result .result-item .tit{font-size:2rem; line-height:1.35; letter-spacing:-0.025em; color:#333; font-weight:600;}
.management-dmc-result .result-item .txt{font-size:5rem; line-height:1.35; letter-spacing:-0.025em; color:#333; font-weight:600;}
.management-dmc-result .result-item .icon{position: absolute; top:6rem; right:5rem;}
.management-dmc-result .result-item .icon img{width:100%;}

.management-dmc-result .result-item.area-item {display: block; width:calc(100% - 3rem);  height: auto; padding: 6rem 5rem 5.5rem;}
.management-dmc-result .result-item.area-item .bg-map {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; padding-top: 1.8rem; box-sizing: border-box;}
.management-dmc-result .result-item.area-item .bg-map img {max-width: 100%; max-height: 100%;}
.result-area-list {display: flex; justify-content: space-between; position: relative; z-index: 1; margin-top: 3.8rem;}
.result-area-list li {width: 36rem;}
.result-area-list li .item {padding: 2rem; background-color: #fff; border-radius: 2rem; box-sizing: border-box; width: 100%;}
.result-area-list li .item + .item {margin-top: 2.5rem;}
.result-area-list li .item .info-box span {display: inline-block; padding: 0.5rem 1rem; background-color: var(--sub-color1); border-radius: 2rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.025em; color: #fff;}
.result-area-list li .item .info-box strong {display: block; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #5F708C;line-height: 1.5; margin-top: 1.5rem;}
.result-area-list li .item .info-box p {font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #5C5C5C; line-height: 1.5; margin-top: 1rem;}
.result-area-list li .item .partner-box {padding: 2rem 0 0.5rem; margin-top: 1.5rem; border-top: 1px solid #e5e5e5;}
.result-area-list li .item .partner-box dl {display: inline-flex; align-items: center;}
.result-area-list li .item .partner-box dl dt {font-size: 1.3rem; font-weight: 600; line-height: 1.5; color: #5c5c5c; margin-right: 0.7rem;}
.result-area-list li .item .partner-box dl dd {height: 2.1rem;}
.result-area-list li .item .partner-box dl dd + dd {margin-left: 1rem;}
.result-area-list li .item .partner-box dl dd img {max-height: 100%; max-width: 100%;}

@media all and (max-width:1280px){
	.result-area-list li {width: 29rem;}
	
}
@media all and (max-width:800px){
	.management-dmc-result{margin:-0.8rem;}
	.management-dmc-result .result-item{width:calc(50% - 1.6rem); height:auto; margin:0.8rem; padding:3rem 2rem;}
	.management-dmc-result .result-item.wide{width:calc(100% - 1.6rem);}
	.management-dmc-result .result-item .tit{font-size:1.6rem;}
	.management-dmc-result .result-item .txt{font-size:3rem; margin-top:5rem;}
	.management-dmc-result .result-item .icon{top:3rem; right:2rem; text-align:right;}
	.management-dmc-result .result-item .icon img{width:70%;}
	
	.management-dmc-result .result-item.area-item {padding: 3rem 2rem;}
	.management-dmc-result .result-item.area-item .bg-map {position: relative;width: 90%; height: auto; margin: 0 auto;}
	.result-area-list {display: block; margin-top: 0;}
	.result-area-list li {display: flex; flex-wrap: wrap; gap:1rem ; width: 100%;}
	.result-area-list li + li {margin-top: 1rem;}
	.result-area-list li .item {width: calc(50% - 0.5rem);}
	.result-area-list li .item + .item {margin-top: 0;}
}
@media all and (max-width:480px){
	.management-dmc-result .result-item{width:calc(100% - 1.6rem);}
	.result-area-list li .item {width: 100%;}
}

/* 운영 병원 사례 */
.management-dmc-case.swiper-container{overflow:visible;}
.management-dmc-case .case-item{position: relative; display: flex; align-items:center; width:100%; height:48rem; border-radius:2rem; background:#0c2340; overflow:hidden; padding:3rem 13rem; box-sizing:border-box;}
.management-dmc-case .case-item:before{position: absolute; content:''; top:0; left:0; width:38.8rem; height:27.3rem; background:url('/images/content/slide_bg_top.png') no-repeat center / cover;}
.management-dmc-case .case-item:after{position: absolute; content:''; bottom:0; right:0; width:43rem; height:27rem; background:url('/images/content/slide_bg_bottom.png') no-repeat center / cover;}
.management-dmc-case .case-item .tit{position: relative; font-size:4rem; line-height:1.35; letter-spacing:-0.025em; color:#fff; font-weight:600; z-index:1; width:50%;}
.management-dmc-case .case-item .img-box{position: relative; z-index:1; width:50%; max-width:500px; border-radius:50%; overflow:hidden; transform:translateY(7.5rem);}
.management-dmc-case .case-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:100%;}
.management-dmc-case .case-item .img-box img{position: absolute; inset:0; margin:auto; width:100%; height:100%; object-fit:cover;}

.management-dmc-case .swiper-pagination-bullets{display: flex; justify-content: center; margin-top:5rem;}
.management-dmc-case .swiper-pagination-bullets .swiper-pagination-bullet{width:1.6rem; height:1.6rem; border-radius:50%; background:#d9d9d9; opacity:1; transition:var(--transition-custom); margin:0 5px;}
.management-dmc-case .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--sub-color1);}

@media all and (max-width:800px){
	.management-dmc-case .case-item{padding:3rem 2rem; height:20rem; justify-content:space-between;}
	.management-dmc-case .case-item:before{width:19.9rem; height:13.75rem;}
	.management-dmc-case .case-item:after{width:21.5rem; height:13.5rem;}
	.management-dmc-case .case-item .tit{font-size:2.4rem;}
	.management-dmc-case .case-item .img-box{max-width:240px; transform:translateY(3rem);}

	.management-dmc-case .swiper-pagination-bullets{margin-top:3rem;}
	.management-dmc-case .swiper-pagination-bullets .swiper-pagination-bullet{width:1rem; height:1rem;}
}

/* 운영 병원 사례 */
.management-dmc-effect{display: flex; justify-content:space-between;}
.management-dmc-effect .effect-item{position: relative; width:calc(33.33% - 3rem); background:#f6f6f6; border-radius:2rem; aspect-ratio: 1.055; padding:5rem; box-sizing:border-box;}
.management-dmc-effect .effect-item dl{}
.management-dmc-effect .effect-item dl dt{font-size:3rem; line-height:1.35; color:#333; font-weight:600;}
.management-dmc-effect .effect-item dl .txt{font-size:2rem; line-height:1.35; color:#555; font-weight:500; margin-top:2rem;}
.management-dmc-effect .effect-item dl .txt.gray{color:#999;}
.management-dmc-effect .effect-item .icon-box{position: absolute; bottom:6rem; right:6rem; width:13.8rem;}
.management-dmc-effect .effect-item .icon-box img{width:100%;}
@media all and (max-width:1280px){
	.management-dmc-effect .effect-item{padding:4rem 3rem 12rem;}
	.management-dmc-effect .effect-item .icon-box{bottom:3rem; right:3rem; width:10rem;}
}
@media all and (max-width:800px){
	.management-dmc-effect{display: block;}
	.management-dmc-effect .effect-item{width:100%; aspect-ratio:auto; padding:3rem 2rem 8rem; margin-bottom:2rem;}
	.management-dmc-effect .effect-item dl dt{font-size:2rem;}
	.management-dmc-effect .effect-item dl .txt{font-size:1.6rem; margin-top:1rem;}
	.management-dmc-effect .effect-item .icon-box{bottom:2rem; right:2rem; width:7rem;}
}



/* ****************** PUBLICATIONS ********************** */
.publications-wrapper{position: relative;}

.publications-sticky-box{position: sticky; top:calc(var(--header-height) + 6rem + 1rem); transition:var(--transition-custom2); transition-property:all !important;}
.publications-sticky-box:before{position: absolute; content:''; width:20rem; height:16rem; inset:0; background:#f2f2f2; border-radius:2rem;}
#header.scroll-down + #container .publications-sticky-box{top:1rem;}

.publications-sticky-box ul{position: absolute; top:0; display: inline-block; padding:2rem; box-sizing:border-box; z-index:9;}
.publications-sticky-box ul li{}
.publications-sticky-box ul li a{display: flex; align-items:center; justify-content:center; text-align: center; width:16rem; height:4rem; border-radius:2rem; transition:var(--transition-custom);}
.publications-sticky-box ul li a em{font-size:1.6rem; letter-spacing:-0.025em; color:#000; font-weight:700; transition:var(--transition-custom);}

/* .publications-sticky-box ul li.selected a{background:var(--main-color);} */
.publications-sticky-box ul li.selected a em{color:#fff;}

.publications-con{padding-left:31rem; box-sizing:border-box;}

.publications-list-box{display: flex; flex-wrap:wrap; margin:-2rem;}
.publications-list-box .list-item{width:calc(33.33% - 4rem); margin:2rem; transition:var(--transition-custom2); opacity:0; transform:translateY(50px);}
.publications-list-box .list-item a{position: relative; display: block; padding:5rem 4rem 7rem; box-sizing: border-box; height:100%; font-family:var(--font-family3); border-radius:3rem; background:#f5f5f5; transition:var(--transition-custom);}
.publications-list-box .list-item .category{display: inline-block; font-size:1rem; font-weight:700; padding:1.3rem 1.5rem; color:#000; border-radius:4rem; background:#fff; margin-bottom:3rem; transition:var(--transition-custom);}
.publications-list-box .list-item dl{margin-bottom:8rem;}
.publications-list-box .list-item dl dt{font-size:2rem; line-height:1; letter-spacing:0; font-weight:500; color:#000; margin-bottom:1rem; line-height: 1.7; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; transition:var(--transition-custom);}
.publications-list-box .list-item dl dd{font-size:1.4rem; line-height:2; letter-spacing:0; font-weight:500; color:#000; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; transition:var(--transition-custom);}
.publications-list-box .list-item .date{position: absolute; bottom:5rem; left:4rem; font-size:1.3rem; font-weight:500; color:#000; line-height: 1.5; transition:var(--transition-custom);	}

.publications-list-box .list-item a:hover{background:var(--main-color); box-shadow: 3rem 3rem 6rem rgba(0, 0, 0, 0.25);}
.publications-list-box .list-item a:hover .category{background:rgba(255,255,255,0.1); color:#fff;}
.publications-list-box .list-item a:hover dl dt{color:#fff;}
.publications-list-box .list-item a:hover dl dd{color:rgba(255,255,255,0.6);}
.publications-list-box .list-item a:hover .date{color:#fff;}

.animated.publications-list-box .list-item{opacity:1; transform:translateY(0); transition-delay:calc(var(--i) * 100ms + 300ms);}

@media all and (max-width:1280px){
	.publications-con{padding-left:25rem;}
	.publications-list-box{margin:-1rem;}
	.publications-list-box .list-item{width:calc(33.33% - 2rem); margin:1rem;}
	.publications-list-box .list-item a{padding:3rem 2rem 5rem;}
	.publications-list-box .list-item dl{margin-bottom:5rem;}
	.publications-list-box .list-item .date{bottom:3rem; left:2rem;}
}
@media all and (max-width:800px){
	.publications-sticky-box:before{display: none;}
	.publications-sticky-box{position: relative; top:auto; bottom:auto; }
	.publications-sticky-box ul{position: relative; display: flex; padding:0.5rem; background:#f2f2f2; border-radius:2rem;}
	.publications-sticky-box ul li{width:100%;}
	.publications-sticky-box ul li a{width:100%; height:3rem;}
	
	.publications-sticky-box ul li.selected a{background:var(--main-color);}
	
	.publications-con{padding-left:0rem; margin-top:3rem;}
	.publications-list-box .list-item{width:calc(50% - 2rem);}
}
@media all and (max-width:480px){
	.board-search-box-style07-wrapper{align-items: flex-start; flex-direction: column;}
	.board-search-box-style07{width:100%;}
	.bbs-total-box{margin-top:1rem;}
	.publications-list-box .list-item{width:calc(100% - 2rem);}
}


/* ****************** NEWS ********************** */
.inner-search-box{display: flex;}
.inner-search-box .category-select-box{margin-right:1rem;}
/*	커스텀 셀렉트 스타일 추가css  */
.gs-custom-selectbox {position: relative; display: inline-block; width: 100%;}
.gs-custom-selectbox select {display: none;}
.gs-custom-selectbox .select-style {padding-left: 2rem; width: 100%; text-align: left; vertical-align: middle; border:0; line-height: 4.8rem; font-size:1.6rem; color: #333; background-color: #f5f5f5; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:3rem;}
.gs-custom-selectbox .select-style span {display: inline-block;}
.gs-custom-selectbox .select-style:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); content: "\e942"; font-size: 2rem; color: #333;}
.gs-custom-selectbox .select-options {position: absolute; z-index: 1; top: 100%; left: 0; display: none; width: 100%; margin-top: 0.5rem; list-style: none; background-color: #f5f5f5; border-radius: 2rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; max-height: 23rem; padding: 1rem 0;}
.gs-custom-selectbox .select-options li {padding: 1.2rem 1.5rem; font-size: 1.4rem; color: #666; cursor: pointer;}
.gs-custom-selectbox .select-options li:hover {background-color: #fff;}
/* open */
.gs-custom-selectbox.open .select-options {display: block;}
.gs-custom-selectbox.open .select-style:after{content: "\e945";}
/* 비활성화 */
.gs-custom-selectbox.is-disabled .select-style {background-color: #f5f5f5; cursor: auto; color: rgba(51,51,51,0.4);}
.gs-custom-selectbox.is-disabled .select-style span{text-decoration: line-through;}
.gs-custom-selectbox.is-disabled { pointer-events:none; }
/* 스크롤(사용 안해도됨.) */
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar {width: 7px; border-radius: 7rem;}
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-track,
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-thumb{border-radius: 7rem;}

/* news 탭 스타일 */
.board-tab-style{position: relative; display: flex; background:#f5f5f5; border-radius:5rem;}
.board-tab-style ul{position: relative; z-index:1;display: flex;}
.board-tab-style ul li{}
.board-tab-style ul li a{display: flex; align-items:center; justify-content:center; padding:0 2rem; box-sizing:border-box; min-width:18rem; height:4.8rem; transition:var(--transition-custom); border-radius:5rem;}
.board-tab-style ul li a em{font-size:1.6rem; letter-spacing:-0.025em; color:#333; font-weight:600; transition:var(--transition-custom);}

.board-tab-style .move-line-wrap{top:0; left:0;}
.board-tab-style .nav-on-icon.move-line > span{height:4.8rem;}

/* .board-tab-style ul li.selected a{background:var(--main-color);} */
.board-tab-style ul li.selected a em{color:#fff;}

/* news 컨텐츠 */
.board-list-box{border-top:1px solid #333; border-bottom:1px solid #333;}
.board-list-box .list-item{border-bottom:1px solid #f2f2f2;}
.board-list-box .list-item a{display: flex; align-items:center; padding:4.5rem 4rem; box-sizing:border-box;}
.board-list-box .list-item .tit{width:90%; font-size:2rem; line-height:1; letter-spacing:-0.025em; color:#333; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-list-box .list-item .date{width:10%; font-size:1.4rem; line-height:1; letter-spacing:-0.025em; color:#666; text-align:center;}

@media all and (max-width:800px){
	/* news 탭 스타일 */
	.board-search-box-style07-wrapper:has(.board-tab-style){flex-direction: column-reverse; align-items: flex-end}
	.board-search-box-style07-wrapper:has(.board-tab-style) > form{width: calc(100vw - 2 * (var(--area-padding)));}
	.board-search-box-style07-wrapper:has(.board-tab-style) > form .board-search-box-style07{width: calc(100% - 12rem);}
	.board-search-box-style07-wrapper:has(.board-tab-style) > form .category-select-box{width:11rem;}
	.board-tab-style{margin-bottom:2rem;}
	.board-tab-style,
	.board-tab-style ul,
	.board-tab-style ul li{width:100%;}
	.board-tab-style ul li a{min-width:auto; width:100%; height:4rem;}
	.board-tab-style .nav-on-icon.move-line > span{height:4rem;}
	
	/* news 컨텐츠 */
	.board-list-box .list-item a{padding:3rem 0rem;}
	.board-list-box .list-item .tit{width:calc(100% - 10rem); font-size:1.8rem;}
	.board-list-box .list-item .date{width:10rem;}
}



/* ****************** Careers ********************** */
.careers-page .txt-con-style .left-box{margin-right:15rem;}

.sub-deco-box{position: relative;}
.sub-deco-box .deco{position: absolute; top:0%; right:0; transform:translate(17%, -47%); z-index:-1;}
.sub-deco-box .deco img{width:51.4rem; height:51.3rem; animation: visualNumAni 30s linear infinite;}
.cm-banner-box .middle-img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cm-banner-box .middle-img svg {max-width: 100%;}
.careers-talent-list{position: relative; display: flex; flex-wrap:wrap; margin:-2rem; margin-top:6rem; z-index:1;}
.careers-talent-list .list-item{position: relative; width:calc(50% - 4rem); margin:2rem; background:#fff; border-radius:2rem; padding:6rem; box-sizing:border-box; aspect-ratio:1.75; transition:var(--transition-custom2); opacity:0; transform:translateY(50px);}
.careers-talent-list .list-item dl{}
.careers-talent-list .list-item dl dt{font-size:3rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:700;}
.careers-talent-list .list-item dl dd{font-size:1.8rem; line-height:1.55; letter-spacing:-0.025em; color:#666; margin-top:2rem;}
.careers-talent-list .list-item .icon{position: absolute; bottom:4rem; right:4rem; width:13rem; aspect-ratio:1; background:#f3f3f3; border-radius:50%;}
.careers-talent-list .list-item .icon span{display: flex; align-items:center; justify-content:center; width:100%; height:100%;}
.careers-talent-list .list-item .icon span img{max-width:100%;}

.animated.careers-talent-list .list-item{opacity:1; transform:translateY(0);}
.animated.careers-talent-list .list-itemnth-child(1){transition-delay:0.2s;}
.animated.careers-talent-list .list-itemnth-child(2){transition-delay:0.3s;}
.animated.careers-talent-list .list-itemnth-child(3){transition-delay:0.4s;}
.animated.careers-talent-list .list-itemnth-child(4){transition-delay:0.5s;}

.careers-page .management-dmc-product-list {max-width: 1000px; margin: 0 auto;}
.careers-page .management-dmc-product-list .list-item {padding: 4rem 7.5rem;}
.careers-page .management-dmc-product-list .list-item .left-box {width: 42.11%;}
.careers-page .management-dmc-product-list .list-item .left-box .tit {width: 100%;}
.careers-page .management-dmc-product-list.wide-ver .list-item .txt {width: 57.89%;}


@media all and (max-width:1280px){
	.careers-talent-list .list-item{padding:3rem 3rem 6rem;}
	.careers-talent-list .list-item .icon{bottom:3rem; right:3rem; width:10rem;}
	.careers-talent-list .list-item .icon span img{max-width:4rem;}
	
	.careers-page .management-dmc-product-list .list-item {padding:4rem 5rem ;}
}
@media all and (max-width:800px){
	.cm-banner-box .middle-img svg{width:100%; height:auto;}
	
	.careers-page .txt-con-style .left-box{margin-right:0;}
	
	.careers-talent-list{margin:0 ;}
	.careers-talent-list .list-item{width:100%; margin:0 0 2rem; aspect-ratio:auto; padding:3rem 2rem; padding-bottom:10rem;}
	.careers-talent-list .list-item dl dt{font-size:2rem;}
	.careers-talent-list .list-item dl dd{font-size:1.6rem; margin-top:1rem;}
	.careers-talent-list .list-item .icon{bottom:2rem; right:2rem; width:7rem;}
	.careers-talent-list .list-item .icon span img{max-width:3rem; max-height: 3rem;}

	.sub-deco-box .deco{transform:translate(17%, -47%);}
	.sub-deco-box .deco img{width:25.7rem; height:25.7rem;}
	
	.careers-page .management-dmc-product-list .list-item {padding: 4rem 3rem;}
	.careers-page .management-dmc-product-list .list-item .left-box {width: 100%;}
	.careers-page .management-dmc-product-list.wide-ver .list-item .txt  {width: 100%;}
}


/* ****************** About ********************** */
.overview-txt-con{}
.overview-txt-con .txt{font-size:1.8rem; line-height:2; letter-spacing:-0.025em; color:#666; font-weight:600; margin-bottom:3rem;}
.overview-txt-con .txt:last-chlid{margin-bottom:0;}
.overview-txt-con .txt b{color:#333;}
.overview-story-con .story-item{display: flex; padding:2.5rem 0; border-bottom:1px solid rgba(0,0,0,0.1); opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.overview-story-con .story-item:first-child{border-top:2px solid #333;}
.overview-story-con .story-item .tit{font-size:2.4rem; line-height:1; letter-spacing:-0.025em; color:var(--sub-color3); width:15rem;}
.overview-story-con .story-item dl{width:calc(100% - 15rem);}
.overview-story-con .story-item dl dt{font-size:1.8rem; letter-spacing:-0.025em; color:#333; font-weight:600; margin-bottom:1rem;}
.overview-story-con .story-item dl dd{font-size:1.8rem; line-height:1.4; letter-spacing:0; color:#999; font-weight:600;}

.animated .overview-story-con .story-item{opacity:1; transform:translateY(0);}
.animated .overview-story-con .story-item:nth-child(1){transition-delay:0.4s;}
.animated .overview-story-con .story-item:nth-child(2){transition-delay:0.5s;}
.animated .overview-story-con .story-item:nth-child(3){transition-delay:0.6s;}

/* 연혁 */
.overview-history-wrapper{display: flex; align-items:flex-start; justify-content:space-between; position: relative; margin-top:0;}
.history-sticky-style{position: sticky; top:calc(var(--header-height) + 6rem + 1rem); bottom:10rem; transition:var(--transition-custom2); transition-property:all !important; background:#fff; border-radius:2rem;}
#header.scroll-down + #container .history-sticky-style{top:1rem;}

.history-sticky-style ul{position: relative; z-index:1; display: inline-block; padding:2rem; box-sizing:border-box; border-radius:2rem;}
.history-sticky-style ul li{}
.history-sticky-style ul li a{display: flex; align-items:center; justify-content:center; width:16rem; height:4rem; border-radius:2rem; transition:var(--transition-custom);}
.history-sticky-style ul li a em{font-size:1.6rem; letter-spacing:-0.025em; color:#000; font-weight:700; transition:var(--transition-custom);}
.history-sticky-style ul li.selected a em{color:#fff;}
/* .history-sticky-style ul li.selected a{background:var(--main-color);}
.history-sticky-style ul li.selected a span{color:#fff;} */

/* sub menu 이동 */
.left-move-line-wrap {position: absolute; max-width: 20rem; width: 100%; margin: 0 auto; top: 0; left: 0; padding: 2rem; box-sizing: border-box;}
.sub-tab-on-icon.left-move-line {position:absolute; width: 100%; left:0; top:0; z-index:1; height: 4rem;}
.sub-tab-on-icon.left-move-line > span {width: calc(100% - 4rem); height: 4rem; background-color:var(--main-color); position:absolute; left:2rem; top: 2rem; text-align:center; transition:background-color 0.5s; border-radius:3rem;}
@media all and (max-width:800px){
	.left-move-line-wrap{display: none;}
	.history-sticky-style ul li.selected a{background:var(--main-color);}
	.history-sticky-style ul li.selected a span{color:#fff;}
}


.history-con-wrap{width:calc(100% - 29.5rem); border-top:3px solid #333;}
.history-con{display: flex; padding:7rem 0 0 3.5rem; box-sizing:border-box;}
.history-con .history-years{width:31rem;}
.history-con .history-years .years{font-size:5rem; line-height:1; letter-spacing:-0.025em; color:#333; font-weight:700;}
.history-con .history-list{width:calc(100% - 31rem);}
.history-con .history-item{display: flex; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:6rem; margin-bottom:4rem;}
.history-con .history-item:last-child{margin-bottom:0;}
.history-con .history-item .year{width:11.5rem; font-size:2.4rem; line-height:1.375; letter-spacing:-0.025em; color:#333; font-weight:700;}
.history-con .history-item .history-info{width:calc(100% - 11.5rem); }
.history-con .history-item .history-info .info{display: flex; font-size:1.7rem; line-height:2; letter-spacing:-0.025em;}
.history-con .history-item .history-info .month{width:4rem; color:#333; font-weight:600;}
.history-con .history-item .history-info .txt{width:calc(100% - 4rem); color:#666; font-weight:500;}

/* 파트너사 */
.partner-flow-wrap{overflow:hidden;}
.partner-flow-wrap .flow-wrap{position: relative; }
.partner-flow-wrap .flow-wrap .flow-list{display: flex; flex-wrap: wrap; align-items:center; margin: -2.5rem -5rem;}
.partner-flow-wrap .flow-wrap .flow-list .flow-item{width: calc(20% - 10rem);margin:2.5rem 5rem; box-sizing:border-box;}
.partner-flow-wrap .flow-wrap .flow-list .flow-item .img-box{display: flex; justify-content: center; align-items: center; height:6rem; }
.partner-flow-wrap .flow-wrap .flow-list .flow-item .img-box img{/* max-width:100%; */ max-height:100%; object-fit:cover; }

.partner-flow-wrap .flow-wrap.active .flow-list{animation:partner-flow 45s linear infinite;}
.partner-flow-wrap .flow-wrap.active .flow-list.reverse{animation:partner-flow-reverse 45s linear infinite;}

@media all and (max-width:1280px){
	.overview-txt-con .txt{font-size:1.4rem; margin-bottom:1.5rem;}
	.overview-story-con .story-item{display: block; padding:2rem 0;}
	.overview-story-con .story-item .tit{font-size:2rem; width:100%; margin-bottom:1.5rem;}
	.overview-story-con .story-item dl{width:100%;}
	.overview-story-con .story-item dl dt{font-size:1.4rem;}
	.overview-story-con .story-item dl dd{font-size:1.4rem;}
	
	.history-con-wrap{width:calc(100% - 25rem);}
	.history-con{padding:5rem 0;}
	.history-con .history-years{width:20rem;}
	.history-con .history-list{width:calc(100% - 20rem);}
	.history-con .history-item .year{width:10rem;}
	.history-con .history-item .history-info{width:calc(100% - 10rem); }
	
	/* 파트너사 */
	.partner-flow-wrap .flow-wrap .flow-list{ margin: -2rem -3rem;}
	.partner-flow-wrap .flow-wrap .flow-list .flow-item{width: calc(25% - 6rem);margin:2rem 3rem; }
}
@media all and (max-width:800px){
	/* 연혁 */
	.overview-history-wrapper{display: block;}
	.history-sticky-style{position: relative; top:auto; bottom:auto;}
	.history-sticky-style ul{display: flex; padding:0.5rem;}
	.history-sticky-style ul li{width:100%;}
	.history-sticky-style ul li a{width:100%; height:3rem;}

	.history-con-wrap{width:100%; margin-top:3rem;}
	.history-con{display: block; padding:3rem 0;}
	.history-con .history-years{width:100%; margin-bottom:1rem;}
	.history-con .history-years .years{font-size:3rem; margin-bottom:2rem;}
	.history-con .history-list{width:100%;}
	.history-con .history-item{padding-bottom:2rem; margin-bottom:2rem;}
	.history-con .history-item .year{width:8rem; font-size:2rem;}
	.history-con .history-item .history-info{width:calc(100% - 8rem); }
	.history-con .history-item .history-info .info{font-size:1.4rem;}
	.history-con .history-item .history-info .month{width:3rem;}
	.history-con .history-item .history-info .txt{width:calc(100% - 3rem);}
	
	/* 파트너사 */
	.partner-flow-wrap .flow-wrap .flow-list{ margin: -1.5rem -2.5rem;}
	.partner-flow-wrap .flow-wrap .flow-list .flow-item{width: calc(33.33% - 5rem);margin:1.5rem 2.5rem; }
}
@media all and (max-width:800px){
	.partner-flow-wrap .flow-wrap .flow-list .flow-item{width: calc(50% - 5rem);}
	.partner-flow-wrap .flow-wrap .flow-list .flow-item .img-box{height:5rem; }
}


/* ****************** SONIX ********************** */
#visual .visual-sonix-con{display: flex; align-items:center; height:100%;}
#visual .visual-sonix-con .visual-txt-container{width:41.9%; padding-top: 8rem;}
#visual .visual-sonix-con .visual-img-container{position: relative; display: flex; align-items:center; justify-content:center; width:58.1%;}
#visual .visual-sonix-con .visual-img-container span{position: relative;}
#visual .visual-sonix-con .visual-img-container span:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width: 92.2rem; aspect-ratio:1; opacity:0.5; background:url('/images/layout/sub_visual_bg.png') no-repeat center / cover; animation: sonixLogoAni 30s linear infinite;}
#visual .visual-sonix-con .visual-img-container span img{position: relative; z-index:1; max-width:100%;}
#visual .visual-sonix-con .visual-tit {font-size: 6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.2;}
#visual .visual-sonix-con .visual-tit strong {display: inline-block; background-image: linear-gradient(to right, #fff, #0062FF); background-clip: text; -webkit-background-clip: text; color: transparent;}
#visual .visual-sonix-con .visual-sub-tit {display: block; font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.3; margin-bottom: 3rem; opacity: 0;  transform: translateY(30px); transition: var(--transition-custom2);transition-property: transform, opacity; transition-delay: 0.1s;}
#visual.full_visual .visual-sonix-con .visual-tit {transition-delay: 0.3s;}
.dark-mode.sub-wrap #visual.full_visual .visual-sonix-con .visual-sub-txt{font-size: 1.8rem; font-weight: 600; color: rgba(255,255,255,0.6); letter-spacing: -0.025em; line-height: 1.6; padding-top: 3.5rem; transition-delay: 0.5s;}
.dark-mode.sub-wrap #visual.full_visual .visual-sonix-con .visual-sub-txt b {color: #fff; font-weight: 600;}
 
#visual .visual-sonix-con .visual-btn-wrap {display: flex; margin-top:4rem; gap:1rem; opacity: 0;  transform: translateY(30px); transition: var(--transition-custom2);transition-property: transform, opacity; transition-delay: 0.6s;}
#visual .visual-sonix-con .visual-btn-wrap a{width: calc(50% - 0.5rem); max-width: 20rem; height: 6rem; font-size: 1.6rem; font-weight: 700; color: #fff; border-radius: 3rem; border: 0.3rem solid #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transition: color 0.75s ease 0s;}
#visual .visual-sonix-con .visual-btn-wrap .cm-fill{background:#fff;}
#visual .visual-sonix-con .visual-btn-wrap a span{position: relative; z-index:1;}
#visual .visual-sonix-con .visual-btn-wrap a:hover {color: #333;}

#visual .visual-sonix-con .visual-sonix-info-list {display: flex; margin-top: 5rem; opacity: 0;  transform: translateY(30px); transition: var(--transition-custom2);transition-property: transform, opacity;  transition-delay: 0.7s;}
#visual .visual-sonix-con .visual-sonix-info-list > li {padding: 0 2.5rem; border-left: 1px solid rgba(255,255,255,0.1); text-align: left;}
#visual .visual-sonix-con .number {display: flex; align-items: end;} 
#visual .visual-sonix-con .count-num-box {font-size: 3.6rem; margin-left: 0;}
#visual .visual-sonix-con .count-num-box > p {font-size: 3.6rem; line-height: 3.6rem; color: #fff;}
#visual .visual-sonix-con .count-num-item-wrap .count-num-item-box {height: 36rem;}
#visual .visual-sonix-con .count-num-item-wrap .count-num-item-box .count-num-item {font-size: 3.6rem; color: #fff; font-weight: 600;}
#visual .visual-sonix-con .count-unit {font-size: 1.6rem; color: #fff; font-weight: 600;}
#visual .visual-sonix-con .visual-sonix-info-list > li .no-num-txt {display: block; font-size: 3.6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff;}
#visual .visual-sonix-con .visual-sonix-info-list > li .txt {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(255,255,255,0.3); line-height: 1.3; margin-top: 1rem; white-space:nowrap}

#visual .visual-sonix-con .visual-sonix-permits{display: flex; margin-top:4rem; opacity: 0;  transform: translateY(30px); transition: var(--transition-custom2);transition-property: transform, opacity;  transition-delay: 0.9s;}
#visual .visual-sonix-con .visual-sonix-permits dt{font-size:1.6rem; letter-spacing:-0.025em; color:#fff; font-weight:700; width:11.5rem; text-align:left;}
#visual .visual-sonix-con .visual-sonix-permits dd{width:calc(100% - 11.5rem);}
#visual .visual-sonix-con .visual-sonix-permits dd .txt{position: relative; padding-left:2rem; font-size:1.6rem; letter-spacing:-0.025em; color:rgba(255,255,255,0.3); font-weight:500; margin-bottom:1rem; text-align:left;}
#visual .visual-sonix-con .visual-sonix-permits dd .txt:last-child{margin-bottom:0;}
#visual .visual-sonix-con .visual-sonix-permits dd .txt:before{position: absolute; content:'·'; top:2px; left:1rem;}
 
#visual.active .visual-sonix-con .visual-sub-tit,
#visual.active .visual-sonix-con .visual-btn-wrap,
#visual.active .visual-sonix-con .visual-sonix-info-list,
#visual.active .visual-sonix-con .visual-sonix-permits{ opacity: 1.0; transform: translateY(0px);}
#visual.active .count-num-item-box{animation:count-up-ani 3s forwards; animation-delay:0.5s;}
#visual.active .count-num-item-box.down {animation:count-down-ani 3s forwards; animation-delay:0.5s;}

@keyframes sonixLogoAni {
	from {
		transform:translate(-50%, -50%) rotate(0);
	}
	to {
		transform:translate(-50%, -50%) rotate(-360deg);
	}
}
.sonix-health-page .cm-tit-box .cm-txt {font-size: 2.4rem; margin-top: 5rem;}

/* 부족한 인력, 늘어나는 검사 대기시간 */
.sonix-health-con01 {margin-bottom: 20rem;}
.sonix-list-con{display: flex; margin:0 -1rem;}
.sonix-list-con .list-item{display: flex; flex-direction:column; align-items:center; justify-content:center; width:calc(33.33% - 2rem); margin:0 1rem; border-radius:3rem; background: rgba(24, 27, 36, 0.5); border: 1px solid rgba(59, 75, 92, 0.5); backdrop-filter: blur(15px); aspect-ratio:0.8; padding:3rem; box-sizing:border-box;  text-align:center; height: 52rem;}
.sonix-list-con .list-item .icon{display: flex; align-items:center; justify-content:center; height:16rem; margin-bottom:4rem;}
.sonix-list-con .list-item .icon img{max-width:100%; max-height:100%;}
.sonix-list-con .list-item .txt01 {font-size:2.4rem; line-height:1.4; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.sonix-list-con .list-item .txt02 {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.6; margin-top: 1rem; min-height:8.7rem;}

/* 결과는 탁월하게,경험은 단순하게 */
.sonix-list-con .list-item .num {display: block; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #3281FF; margin-bottom: 1rem;}
.sonix-health-con02 {margin-bottom: 20rem;}
.sonix-list-con .list-item .img {height: 20rem; margin-bottom: 3.4rem;}
.sonix-list-con .list-item .img img {max-width: 100%; max-height: 100%;}

/* AI 심초음파 분석 제품 */
/* wide-ver */
.sonix-prd-slide.swiper-container{overflow:visible;}
.sonix-prd-slide .prd-item{position: relative; display: flex; align-items:center; justify-content:space-between; width:100%; height:50rem; border-radius:3rem; background:#141720; border: 1px solid #3B4B5C; overflow:hidden; padding:3rem 8rem; box-sizing:border-box;}
.sonix-prd-slide .prd-item .img-box{position: relative; width:46.05%; border:1px solid #3d3d3d; border-radius:1rem; box-sizing:border-box;}
.sonix-prd-slide .prd-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:56.762%;}
.sonix-prd-slide .prd-item .img-box img{position: absolute; inset:0; margin:auto; width:100%; height:100%; object-fit:cover;}
.sonix-prd-slide .prd-item .txt-box{position: relative; width:45.6%; }
.sonix-prd-slide .prd-item .txt-box .category{display: block; font-size:1.8rem; line-height:1; letter-spacing:0; color:#fff; font-weight:700; margin-bottom:3rem;}
.sonix-prd-slide .prd-item .txt-box .tit{font-size:3.4rem; line-height:1; letter-spacing:0; color:#fff; font-weight:700; margin-bottom:2rem;}
.sonix-prd-slide .prd-item .txt-box .inner-txt{font-size:1.8rem; line-height:1.83; letter-spacing:-0.025em; color:rgba(255,255,255,0.3); font-weight:500; margin-bottom:5rem;}
.sonix-prd-slide .swiper-pagination-bullets{display: flex; justify-content: center; margin-top:5rem;}
.sonix-prd-slide .swiper-pagination-bullets .swiper-pagination-bullet{width:1rem; height:1rem; border-radius:50%; background:rgba(255,255,255,0.1); opacity:1; transition:var(--transition-custom); margin:0 5px;}
.sonix-prd-slide .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--sub-color1);}

.sonix-health-con03 {padding: 20rem 0;}
/* narrow-ver */	
.sonix-prd-slide2 .swiper-wrapper {align-items: stretch;}
.sonix-prd-slide2 .swiper-slide {height: auto;}
.sonix-prd-slide2 .prd-item {position: relative;}
.sonix-prd-slide2 .prd-item a {display: flex; flex-direction:column; justify-content: space-between; width: 100%; height: 100%; padding: 6rem; box-sizing: border-box; border-radius:3rem; background:#131720; border: 3px solid rgba(59,75,92,0.5); min-height: 61rem; transition:var(--transition-custom); }
.sonix-prd-slide2 .prd-item .txt-box {margin-bottom: 3rem;}
.sonix-prd-slide2 .prd-item .txt-box .category {display: inline-flex; align-items: center; min-height: 3.6rem; padding: 0.5rem 1.3rem; border-radius: 3rem; border: 2px solid #fff; box-sizing: border-box; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.4; margin-bottom: 2.4rem;}
.sonix-prd-slide2 .prd-item .txt-box .tit {font-size: 4rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.4;}
.sonix-prd-slide2 .prd-item .txt-box .sub-tit {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.3); line-height: 1.4;}
.sonix-prd-slide2 .prd-item .txt-box .inner-txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.4; margin-top: 2.4rem;}

.sonix-prd-slide2 .prd-item .img-box {position: relative; width: 100%; padding-top: 56.52%;}
.sonix-prd-slide2 .prd-item .img-box span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.3rem; overflow: hidden; display: block;}
.sonix-prd-slide2 .prd-item .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit:cover;}
.sonix-prd-slide2 .swiper-pagination-bullets{display: flex; justify-content: center; margin-top:5rem;}
.sonix-prd-slide2 .swiper-pagination-bullets .swiper-pagination-bullet{width:1rem; height:1rem; border-radius:50%; background:rgba(255,255,255,0.1); opacity:1; transition:var(--transition-custom); margin:0 5px;}
.sonix-prd-slide2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--sub-color1);}

.sonix-prd-slide2 .prd-item a:hover {border-color: #fff;}


/* THE IMPACT */
.sonix-health-con04 {padding-bottom: 30rem; margin-bottom: 0; margin-top: 0 !important;}
.sonix-impact-con {display: flex; align-items: center;}
.sonix-impact-con .left-con {position: relative;width: 45%;}
.sonix-impact-con .circle-box {--percent: 73; width: 60rem; height: 60rem; margin: 0 auto; border-radius:50%; background: radial-gradient(rgba(0,98,255,0.2) 0%, rgba(0,98,255,0) 80%);}
.sonix-impact-con .circle-box svg {width: 100%;height: 100%; }
.sonix-impact-con .circle-box circle {fill: none;stroke-width:20;}
.sonix-impact-con .circle-box .bg {stroke: rgba(255,255,255,0.05);}
.sonix-impact-con .circle-box .progress {stroke: #0062FF;stroke-linecap: round;stroke-dasharray: 1571;stroke-dashoffset: 1571; transform-origin: center; transform: rotate(-90deg);}
.animated .sonix-impact-con .circle-box .progress {animation: fillDonut 3s ease-out forwards; }

@keyframes fillDonut {
	from {
		stroke-dashoffset: 1571;
	}
	to {
		stroke-dashoffset:423.8;
	}
}
.sonix-impact-con .txt-box {position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform:translateY(-50%)}
.sonix-impact-con .txt-box > strong {display: block; font-size: 3rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.2; margin-bottom: 1rem;}
.sonix-impact-con .txt-box .number {display: inline-flex; align-items: end;} 
.sonix-impact-con .txt-box .count-num-box {font-size: 14rem;}
.sonix-impact-con .txt-box .count-num-item-wrap {}
.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box {height: 140rem;}
.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box .count-num-item {font-size:14rem; font-weight: 700; background-image: linear-gradient(to right, #fff, #0062FF); background-clip: text; -webkit-background-clip: text; color: transparent;}
.sonix-impact-con .txt-box .count-unit {font-size: 7rem; font-weight: 700; position: relative; top: -0.5rem; background-image: linear-gradient(to right, #fff, #0062FF); background-clip: text; -webkit-background-clip: text; color: transparent;}
.animated .sonix-impact-con .count-num-item-box{animation:count-up-ani 3s forwards; }
.animated .sonix-impact-con .count-num-item-box.down {animation:count-down-ani 3s forwards;}
.sonix-impact-con .txt-box .txt {font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.3;margin-top: 2rem;}
.sonix-impact-con .txt-box .time-txt {border-radius: 3rem; width: 21.8rem; height: 6rem; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-sizing: border-box; margin: 2rem auto 0;}
.sonix-impact-con .txt-box .time-txt strong {display: inline-block;font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: rgba(255,255,255,0.3); padding: 0 1.5rem;}
.sonix-impact-con .txt-box .time-txt strong:last-of-type {color: #fff;}

.sonix-impact-con .right-con {width: 55%;} 
.sonix-impact-con .right-con .cm-tit-box {text-align: left; margin-bottom: 4rem;} 
.sonix-impact-con .right-con .cm-tit-box .cm-category {margin-bottom: 4rem;} 
.sonix-health-page .sonix-impact-con .right-con .cm-tit-box .cm-txt {margin-top: 4rem;}
.sonix-impact-bna-txt p {position: relative; padding-left: 3rem; display: inline-block;font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height:1.75;}
.sonix-impact-bna-txt p:before {position: absolute; content: ''; width: 2rem; height: 2rem; border-radius: 2rem; left: 0; top:1rem; }
.sonix-impact-bna-txt p.before-txt {color: rgba(255,255,255,0.6); margin-right: 3rem;}
.sonix-impact-bna-txt p.before-txt:before {background-color: rgba(255,255,255,0.6);}
.sonix-impact-bna-txt p.after-txt {background-image: linear-gradient(to right, #fff, #0062FF); background-clip: text; -webkit-background-clip: text; color: transparent;}
.sonix-impact-bna-txt p.after-txt:before {background-color: #0062FF;}

/* 꼭 필요한 가치를 드립니다 */
.sonix-health-con05 {padding-bottom: 25rem;  margin-bottom: 0; } 
.sonix-health-value-list {display: flex; flex-wrap: wrap; gap:2rem;}
.sonix-health-value-list li {width: calc(50% - 1rem); }
.sonix-health-value-list li .inner {display: flex; align-items: center; padding: 6rem; height: 100%; box-sizing: border-box; border-radius:3rem; background:rgba(24,27,36,0.5); border: 1px solid rgba(59,75,92,0.5); }
.sonix-health-value-list li .icon-box {width: 13rem; height: 13rem; border-radius: 3rem; background-color: rgba(45,47,53,0.54); display: flex; align-items: center; justify-content: center;}
.sonix-health-value-list li .txt-box {width: calc(100% - 13rem); padding-left: 5.3rem; box-sizing: border-box;}
.sonix-health-value-list li .txt-box .txt01 {font-size: 2.6rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.4;}
.sonix-health-value-list li .txt-box .txt02 {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.3); line-height: 1.4; margin-top: 1rem;}
.sonix-health-value-list li .txt-box .txt03 {position: relative; padding-left: 2.5rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.4; margin-top: 2rem;}
.sonix-health-value-list li .txt-box .txt03:before {position: absolute; content: '\e907'; font-family: xeicon; left: 0; top: -0.1rem; color: var(--main-color); font-size: 1.8rem; font-weight:700;}

/* 사용자 후기 */
.sonix-health-con06 {margin-bottom: 25rem;}
.sonix-story-slide-con {width: 100%; text-align: center;}
.sonix-story-slide-wrap {position: relative; width: 100%; }
.sonix-story-slide-wrap .swiper-wrapper {align-items: stretch; transition-timing-function: linear !important;}
.sonix-story-slide-wrap .swiper-slide {height: auto;}
.sonix-story-slide li {position: relative; width: 59rem;}
.sonix-story-slide .inner {display: flex; flex-direction: column; justify-content: space-between; min-height: 36rem; height: 100%; padding: 6rem 5rem; border-radius: 2rem; background: #181b24; backdrop-filter: blur(6rem); box-sizing: border-box; text-align: left; overflow: hidden;}
.sonix-story-slide .txt {font-size: 2.4rem; line-height:1.375; font-weight: 500; color: #fff;}
.sonix-story-slide .name {display: flex; font-size:1.6rem; line-height:1.8; font-weight:500; color:#fff; margin-top: 8rem;}
.sonix-story-slide .name dd{opacity:0.3; margin-left:1rem;}

/* 많은 연구결과가 신뢰를 뒷받침합니다. */
.sonix-health-con07 {margin-bottom: 25rem;}
.sonix-health-con07 .cm-btn {margin: 4.2rem auto 0;}

/* Timely Dignosis */
.sonix-bottom-wrap{display: flex; align-items:center; justify-content:center; padding-bottom: 15rem;}
.sonix-bottom-wrap .cm-tit-box .cm-tit {font-size: 10rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2;}
.sonix-bottom-btn {display: flex; justify-content: center; margin-top: 5rem; gap:1rem}
.cm-tit-box .sonix-bottom-btn .cm-btn {margin: 0;}

/* 배경이미지 */
.sonix-bg{position: absolute; z-index: -1;}
.sonix-bg img{width:100%;}
.sonix-bg.bg01{width:48.5rem; height:48.8rem;}
.sonix-bg.bg02{width:71.1rem; height:106.7rem; right: -8.2rem; top: 20%;}
.sonix-bg.bg03{width:40.4rem; height:40.3rem; }
.sonix-bg.bg04{width:37.7rem; height:37.9rem; top: -30rem;}
.sonix-bg.bg05{width:69.8rem; height:69.8rem; left: -40rem; top: -44rem; transform: rotate(-30deg);}
.sonix-bg.bg06{width:92.2rem; height:97.8rem; right:-21%; bottom:-47.8rem; transform: rotate(180deg);}

@media all and (max-width:1280px){
	/* 서브비주얼 */
	#visual .visual-sonix-con{justify-content: space-between}
	#visual .visual-sonix-con .visual-txt-container {width: 55%;}
	#visual .visual-sonix-con .visual-tit {font-size: 5rem;}
	#visual .visual-sonix-con .visual-btn-wrap {margin-top: 4rem;}
	#visual .visual-sonix-con .visual-sonix-info-list {margin-top: 6rem;}
	#visual .visual-sonix-con .visual-img-container{width:40%;}
	#visual .visual-sonix-con .visual-img-container span:before{width:120%;}
	
	.sonix-bg.bg02{width:49.32vw; height:74.01vw;}
	.sonix-bg.bg03 {width:25.64vw; height:25.74vw; }
	.sonix-bg.bg04 {width:25.64vw; height:25.74vw; }
	.sonix-bg.bg05{width:35.64vw; height:35.74vw; left: -20%; top: -20%;}
	.sonix-bg.bg06{width:48.02vw; height:47.97vw;}
	
	/* THE IMPACT */
	.sonix-impact-con .circle-box {width: 50rem; height: 50rem;}
	.sonix-impact-con .txt-box .count-num-box {font-size: 10rem;}
	.sonix-impact-con .txt-box .count-num-item-wrap {}
	.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box {height: 100rem;}
	.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box .count-num-item {font-size:10rem;}
	.sonix-impact-con .txt-box .count-unit {font-size:6rem;}
	
	/* 꼭 필요한 가치를 드립니다 */
	.sonix-health-value-list li .inner {padding: 3rem;}
}
@media all and (max-width:800px){
	#visual .visual-sonix-con{flex-direction:column-reverse; align-items:center; justify-content:center; padding-top:var(--header-height);}
	#visual .visual-sonix-con .visual-txt-container{width:100%; text-align:center;}
	#visual .visual-sonix-con .visual-sonix-info-list {flex-wrap: wrap;}
	#visual .visual-sonix-con .visual-btn-wrap {justify-content: center;}
	#visual .visual-sonix-con .visual-sonix-info-list > li {width: 33.333%; box-sizing: border-box; padding: 1rem 2rem;}
	
	#visual .visual-sonix-con .visual-sonix-permits{display: block;}
	#visual .visual-sonix-con .visual-sonix-permits dt{width:100%; margin-bottom:2rem;}
	#visual .visual-sonix-con .visual-sonix-permits dd{width:100%;}
	#visual .visual-sonix-con .visual-sonix-permits dd .txt{padding-left:1rem;}
	#visual .visual-sonix-con .visual-sonix-permits dd .txt:before{left:0;}

	#visual .visual-sonix-con .count-num-box {margin-left: 0;}
	#visual .visual-sonix-con .visual-img-container{width:100%; max-width:480px; margin:5rem auto 0;}
	
	.sonix-health-page .cm-tit-box .cm-txt {margin-top: 2rem; font-size: 2rem;}
	.sonix-health-page .sonix-impact-con .right-con .cm-tit-box .cm-txt {font-size: 2rem;}
	
	/* 부족한 인력, 늘어나는 검사 대기시간 */
	.sonix-health-con01 {margin-bottom: 10rem;}
	.sonix-list-con{flex-wrap:wrap; margin:0;}
	.sonix-list-con .list-item{width:100%; height: auto; margin:0 0 2rem 0; aspect-ratio:auto;}
	.sonix-list-con .list-item .icon{display: block; height:10rem; margin-bottom:2rem}
	/* .sonix-list-con.m-small .list-item .icon{height:6rem;} */
	.sonix-list-con .list-item .txt{font-size:1.8rem;}
	.sonix-list-con .list-item .txt02{min-height:auto;}
	
	/* 결과는 탁월하게,경험은 단순하게 */
	.sonix-health-con02 {margin-bottom: 10rem;}
	.sonix-list-con .list-item .img {margin-bottom: 0;}
	
	/* AI 심초음파 분석 제품 */
	.sonix-health-con03 {padding: 10rem 0 15rem;}
	.sonix-prd-slide2 .prd-item a {padding: 4rem 3.5rem; min-height: 54rem;}
	.sonix-prd-slide2 .prd-item .txt-box .tit {font-size: 3.4rem;}
	
	.sonix-prd-slide .prd-item{display: block; height:auto; padding:3rem;}
	.sonix-prd-slide .prd-item .img-box{width:100%; }
	.sonix-prd-slide .prd-item .txt-box{width:100%; margin-top:3rem; text-align:center;}
	.sonix-prd-slide .prd-item .txt-box .category{font-size:1.6rem; margin-bottom:2rem;}
	.sonix-prd-slide .prd-item .txt-box .tit{font-size:2rem; margin-bottom:1rem;}
	.sonix-prd-slide .prd-item .txt-box .inner-txt{font-size:1.6rem; margin-bottom:2rem;}
	.sonix-prd-slide .prd-item .txt-box .cm-btn{margin-inline:auto;}

	.sonix-prd-slide .swiper-pagination-bullets{margin-top:3rem;}
	.sonix-impact-con .left-con  {width: 100%; margin-bottom: 3rem;}
	.sonix-impact-con .right-con {width: 100%;} 
	
	/* THE IMPACT */
	.sonix-health-con04 {padding-bottom: 15rem;}
	.sonix-impact-con {display: block;}
	.sonix-impact-con .txt-box .count-num-box {font-size: 8rem;}
	.sonix-impact-con .txt-box .count-num-item-wrap {}
	.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box {height: 80rem;}
	.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box .count-num-item {font-size:8rem;}
	.sonix-impact-con .txt-box .count-unit {font-size:5rem;}
	.sonix-impact-con .txt-box .time-txt {    width: 18.8rem;height: 5rem;}
	.sonix-impact-con .txt-box .time-txt strong {font-size: 2rem; padding: 0 1.5rem;}
	.sonix-impact-bna-txt p {font-size: 2rem;}
	
	/* 꼭 필요한 가치를 드립니다 */
	.sonix-health-con05 {padding-bottom: 15rem;}
	.sonix-health-value-list li {width: 100%;}
	.sonix-health-value-list li .icon-box {width: 10rem; height: 10rem; border-radius: 2rem;}
	.sonix-health-value-list li .txt-box {width: calc(100% - 10rem); padding-left: 2.5rem;}
	.sonix-health-value-list li .txt-box .txt01 {font-size: 2.2rem;}
	
	
	/* 사용자 후기 */
	.sonix-health-con06 {margin-bottom: 15rem;}
	.sonix-review-slide li {width: 44rem;}
	.sonix-review-slide .inner {padding: 3rem;}
	.sonix-review-slide .txt {font-size: 2rem;}
	.sonix-review-slide .name {font-size:1.6rem;}
	.sonix-story-slide .txt {font-size: 2rem;}
	
	.sonix-health-con07 {margin-bottom: 15rem;}

	/* Timely Dignosis */
	.sonix-bottom-wrap{min-height:auto; padding:5rem 0 15rem;}
	.sonix-bottom-wrap .cm-tit-box .cm-category img{ height: 100px;}
	.sonix-bottom-wrap .cm-tit-box .cm-tit {font-size: 5rem;}
	.cm-tit-box .sonix-bottom-btn .cm-btn {width: calc(50% - 1rem);}
}
@media all and (max-width:480px){
	
	.ios-os .count-num-item-wrap .count-num-item-box{position: relative; top: 1px;}
	.ios-os .count-num-item-wrap .count-num-item-box.down .count-num-item {position: relative; top: -1px;}
	
	/* THE IMPACT */
	.sonix-impact-con .circle-box {width: 100%; height: 100%;}
	.sonix-impact-con .txt-box > strong {font-size: 2.4rem;}
	.sonix-impact-con .txt-box .count-num-box {font-size: 7rem;}
	.sonix-impact-con .txt-box .count-num-item-wrap {}
	.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box {height: 70rem;}
	.sonix-impact-con .txt-box .count-num-item-wrap .count-num-item-box .count-num-item {font-size:7rem;}
	.sonix-impact-con .txt-box .count-unit {font-size:4.6rem;}
	
	.sonix-bottom-wrap .cm-tit-box .cm-category img{ height: 80px;}
}

/* ****************** dark mode ********************** */
.dark-mode .cm-tit-box .cm-category,
.dark-mode .cm-tit-box .cm-tit,
.dark-mode .cm-tit-box .cm-txt{color:#fff;}
.dark-mode .cm-btn{color:#fff; border-color:#fff;}
.dark-mode .cm-btn:after{background:#fff;}
.dark-mode .cm-btn:hover{color:#000;}

.dark-mode .cm-banner-box span{background: rgba(24, 27, 36, 0.5); border: 1px solid rgba(59, 75, 92, 0.5); backdrop-filter: blur(15px);}


/* ****************** SONIX View 페이지 ********************** */
/* 상단 비쥬얼 */
.visual-video-inner {width: 100%;height: 100%;}
.visual-video-inner .iframe-wrapper {position:relative; overflow:hidden; height:100vh; width:100%; background-color:#000;}
.visual-video-inner .iframe-inner {position:absolute; top:0; left:0px; width:100%; height:100%}
.visual-video-inner .iframe-inner iframe{width: 100vw;height: calc(56.25vw + 300px); /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */min-height: calc(100vh + 300px);min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */position: absolute;top: 50%;	left: 50%; transform: translate(-50%, -50%);pointer-events:none; }
#visual.full_visual.sub-visual-solution-view .visual-sub-tit ,
#visual.full_visual.sub-visual-solution-view dl, 
#visual.full_visual.sub-visual-solution-view .visual-btn-wrap { opacity: 0; transform: translateY(30px); transition: var(--transition-custom2); transition-property: transform, opacity;}
#visual.full_visual.sub-visual-solution-view .table-cell-layout {vertical-align: bottom;}
#visual.full_visual.sub-visual-solution-view .visual-sub-tit {font-size: 2.2rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6);  line-height: 1.3; margin-top: 1.5rem; transition-delay: 0.3s;} 
#visual.full_visual.sub-visual-solution-view .visual-tit {color: #fff; font-size: 9rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.1; transition-delay: 0.1s;}
#visual.full_visual.sub-visual-solution-view .visual-sub-txt {font-size: 2em; font-weight: 600; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.8;}
#visual.full_visual.sub-visual-solution-view dl {margin-top: 4rem; transition-delay: 0.6s;}
#visual.full_visual.sub-visual-solution-view dl dt img {max-width: 100%; max-height: 4rem;}
#visual.full_visual.sub-visual-solution-view dl dd {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color:  rgba(255,255,255,0.6); line-height: 1.8; margin-top: 1rem;}
#visual.full_visual.sub-visual-solution-view .visual-btn-wrap {display: flex; margin: 8rem -0.5rem 0; transition-delay: 0.7s;}
#visual.full_visual.sub-visual-solution-view .visual-btn-wrap a {display: inline-flex; align-items: center; justify-content: center; width: calc(50% - 1rem); max-width: 20.2rem; height: 6rem; border: 3px solid #fff; border-radius: 3rem; text-align: center; margin: 0 0.5rem; box-sizing: border-box;}
#visual.full_visual.sub-visual-solution-view .visual-btn-wrap a i {position: relative; z-index: 1; margin-left: 0.4rem;}
#visual.active.full_visual.sub-visual-solution-view .visual-sub-tit, 
#visual.active.full_visual.sub-visual-solution-view dl, 
#visual.active.full_visual.sub-visual-solution-view .visual-btn-wrap {opacity: 1; transform: translateY(0px);}

#visual .visual-sonix-view-con {display: flex; align-items: center; height: 100%;}
#visual .visual-sonix-view-con .visual-txt-container {width: 55%; padding-top: 5rem;}
#visual .visual-sonix-view-con .visual-img-container {position: relative; display: flex; align-items: center; justify-content: center;width: 45%;}
#visual .visual-sonix-view-con .visual-img-container span {position: relative;}
#visual .visual-sonix-view-con .visual-img-container span:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width: 92.2rem; aspect-ratio:1; opacity:0.5; background:url('/images/layout/sub_visual_bg.png') no-repeat center / cover; animation: sonixLogoAni 30s linear infinite;}
#visual .visual-sonix-view-con .visual-img-container span img{position: relative; z-index:1; max-width:100%;}

.solution-view-con {padding:10rem 0; position: relative; z-index: 1;}
.solution-view-con.style01:first-child {padding-top: 0;}
.solution-view-con:not(.style01):first-child {padding-top: 20rem;}
.solution-view-tit-con {}
.solution-view-tit-con .sub-tit {display: block; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.2; margin-bottom: 2.5rem;}
.solution-view-tit-con .tit {font-size: 5rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.2; }
.solution-view-tit-con .txt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.8; margin-top: 2.5rem;}
.solution-view-tit-con.al-c {text-align: center;}
.solution-view-tit-con.al-c .sub-tit {margin-bottom: 4.5rem;}

/* 스타일1 */
.solution-view-con.style01 {display: flex;}
.solution-view-con.style01.reverse {flex-direction:row-reverse;}
.solution-view-con.style01 .solution-view-tit-con {margin-bottom: 4rem;}
.solution-view-con.style01 .txt-con {width: 50%; padding: 14rem 8% 12rem;box-sizing: border-box;}
.solution-view-con.style01 .img-con {position: relative; width: 50%;}
.solution-view-con.style01 .img-con .img-box {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius:  4rem 0 0 4rem; overflow: hidden;}
.solution-view-con.style01.reverse .img-con .img-box{ border-radius:  0 4rem 4rem 0;}
.solution-view-con.style01 .img-con .img-box .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.solution-view-con.style01 .img-con .img-box .inner img {width: 100%; height: 100%; object-fit:cover;}
.solution-view-con.style01 .img-con .video-box {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius:  4rem 0 0 4rem; overflow: hidden;}
.solution-view-con.style01.reverse .img-con .video-box{ border-radius:  0 4rem 4rem 0;}
.solution-view-con.style01 .img-con .video-box .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.solution-view-con.style01 .img-con .video-box .inner  iframe { position:absolute; top:50%; left:50%; width: 100%; height:calc(100% + 350px);  transform:translate(-50%,-50%)}
.view-style01-list {}
.view-style01-list li {padding: 2rem 0; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.3);}
.view-style01-list li:first-child {border-top: 1px solid rgba(255,255,255,0.3);}
.view-style01-list li .icon-box {width: 8rem; height: 8rem; border-radius: 50%; background-color: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center;}
.view-style01-list li .icon-box img {max-width: 100%; max-height: 100%;}
.view-style01-list li .txt-box {width: calc(100% - 8rem); padding-left: 1rem; box-sizing: border-box;}
.view-style01-list li .txt-box .txt01 {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.2;}
.view-style01-list li .txt-box .txt02 {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.8; margin-top: 0.5rem;}

/* 스타일2 */
.solution-view-con.style02 .solution-view-tit-con {margin-bottom: 0;}

.view-style02-con {position: relative; border-radius: 3rem; overflow: hidden; margin-top: 7rem;}
.view-style02-con .img-box {width: 100%;}
.view-style02-con .img-box img {width: 100%;}
.view-style02-con .video-box {position:relative; width:100%; height:0; padding-top:45%;}
.view-style02-con .video-box iframe{position:absolute; top:50%; left:50%; width:100%; height:calc(100% + 350px); transform:translate(-50%,-50%)}

/* 스타일3 */
.solution-view-con.style03  .solution-view-tit-con.al-c {margin-bottom: 8rem;}
.view-style03-con {display: flex;}
.view-style03-con.reverse {flex-direction:row-reverse;} 
.view-style03-con .txt-con {width: 50%; padding: 14rem 8% 12rem;box-sizing: border-box;}
.view-style03-txt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(255,255,255,0.3); line-height: 1.8; margin-top: 2.5rem;}
.view-style03-con .img-con {position: relative; width: 50%; border-radius: 4rem 0 0 4rem; overflow: hidden;}
.view-style03-con.reverse .img-con {border-radius: 0 4rem 4rem 0;}
.view-style03-con .img-con .img-box {position: relative; width: 100%; height: 0; padding-top: 100%;}
.view-style03-con .img-con .img-box .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.view-style03-con .img-con .img-box .inner img {width: 100%; height: 100%; object-fit:cover;}
.view-style03-con .img-con .video-box {position: relative; width: 100%; height: 0; padding-top: 100%;}
.view-style03-con .img-con .video-box .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.view-style03-con .img-con .video-box .inner  iframe { position:absolute; top:50%; left:50%; width: 100%; height:calc(100% + 350px);  transform:translate(-50%,-50%)}

/* 스타일4 */
.view-style04-con {display: flex;}
.view-style04-con .left-con {width: 50%;}
.view-style04-con .right-con {width: 50%; padding-left: 13rem;box-sizing: border-box;}
.view-style04-list li {position: relative; display: flex; padding: 4rem 0 3.6rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.view-style04-list li:first-child {border-top: 1px solid rgba(255,255,255,0.1);}
.view-style04-list li:before {position: absolute; bottom: -2.35rem; left: 3.25rem; content: ''; width: 1.5rem; height: 4.7rem; background: url(/images/content/view_style04_arrow.svg)no-repeat center/100%;}
.view-style04-list li:last-child:before {display: none;}
.view-style04-list li .icon-box {width: 8rem; height: 8rem; border-radius: 50%; background-color: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center;}
.view-style04-list li .icon-box img {max-width: 100%; max-height: 100%;}
.view-style04-list li dl {width: calc(100% - 8rem); padding: 1.6rem 0 0 2rem; box-sizing: border-box;}
.view-style04-list li dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.2;}
.view-style04-list li dl dd {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.3; margin-top: 1rem;}

/* 스타일5 */
.solution-view-con.style05 .solution-view-tit-con.al-c {margin-bottom: 5rem;}
.view-style05-tbl {width: 100%;}
.view-style05-tbl th,
.view-style05-tbl td {padding: 2rem; font-size: 1.6rem; font-weight: 600; line-height: 1.3; color: #fff; text-align: center;}
.view-style05-tbl th:first-of-type,
.view-style05-tbl td:first-of-type {text-align: left;}
.view-style05-tbl th {border-bottom: 2px solid #fff;}
.view-style05-tbl td {border-bottom: 1px solid rgba(255,255,255,0.3);}

/* 스타일6 */
.solution-view-con.style06 .solution-view-tit-con.al-c {margin-bottom: 6rem;}
.view-style06-list {border-top: 1px solid #D9D9D9;}
.view-style06-list li {border-bottom: 1px solid rgba(217,217,217,0.1);}
.view-style06-list li a {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 3rem 4rem; box-sizing: border-box;}
.view-style06-list li a:before {position: absolute; content: ''; left: 0; bottom: -1px; content: ''; width: 0; height: 1px; background-color: #fff; z-index: 1; transition:all 0.8s ease-in-out;}
.view-style06-list li a:hover:before {width: 100%;}
.view-style06-list li a dl {width: calc(100% - 20rem);}
.view-style06-list li a dl dt {font-size: 3rem; font-weight: 600; line-height: 1.3; color: #fff;}
.view-style06-list li a dl dd {position: relative; padding-left: 2rem; font-size: 1.6rem; font-weight: 600; line-height: 1.3; color: rgba(255,255,255,0.3); margin-top: 1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.view-style06-list li a dl dd:before {position: absolute; content: ''; left: 0.7rem; top: 0.7rem; width: 0.4rem; height: 0.4rem; border-radius:50%; background-color: rgba(255,255,255,0.3);}
.view-style06-list li a .right-txt {display: flex; align-items: center; justify-content: space-between; width: 18rem;}
.view-style06-list li a .right-txt em {font-size: 1.6rem; font-weight: 600; color: #fff; line-height: 1.2; padding-right: 1rem;}
.view-style06-list li a .right-txt span {width: 8rem; height: 8rem; background-color: rgba(255,255,255,0.05); border-radius: 50%; text-align: center; font-size: 3rem; color: #fff;}
.view-style06-list li a .right-txt span i {line-height: 8rem;}
.view-style06-btn .cm-btn {margin: 5rem auto 0;}

/* 스타일7 */
.solution-view-con.style07 .solution-view-tit-con.al-c {margin-bottom: 6rem;}
.view-style07-txt {font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.4; margin-bottom: 7rem; text-align: center;}
.view-style07-list {display: flex; flex-wrap: wrap; justify-content: center; gap:4.5rem;}
.view-style07-list li {width: calc(33.333% - 3rem);}
.view-style07-list li .img-box {position: relative; width: 100%; height: 0; padding-top: 62%;}
.view-style07-list li .img-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 3rem; overflow: hidden;}
.view-style07-list li .img-box span img {width: 100%; height: 100%; object-fit:cover}
.view-style07-list li .txt-box {padding: 3rem; text-align: center;}
.view-style07-list li .txt-box .txt01 {font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.4;}
.view-style07-list li .txt-box .txt02 {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.5; margin-top: 2rem;}

/* 스타일8 */
.solution-view-con.style08 .solution-view-tit-con.al-c {margin-bottom: 6rem;}
.view-qna-list {border-top: 1px solid #fff;}
.view-qna-list .qna-item {overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.1);}
.view-qna-list .qna-item dt {position: relative; padding: 3rem 4rem; cursor: pointer;}
.view-qna-list .qna-item dt .qna-title {padding: 2rem 10rem 2rem 0; display: block; font-size: 3rem; font-weight: 600; color: #fff; line-height: 1.3;}
.view-qna-list .qna-item dt .arrow {position: absolute; right: 3rem; top: 50%; margin-top: -4rem; width: 8rem; height: 8rem; background-color: rgba(255,255,255,0.05); border-radius: 50%; text-align: center; font-size: 3rem; color: #fff;}
.view-qna-list .qna-item dt .arrow i {line-height: 8rem;}
.view-qna-list .qna-item.open dt .arrow i {transform:rotate(180deg)}
.view-qna-list .qna-item dd {display: none;}
.view-qna-list .qna-item dd .answer-con {padding: 1rem 4rem 4rem;}
.view-qna-list .qna-item dd .answer-con .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.5;}

/* 스타일9 */
.solution-view-con.style09 .solution-view-tit-con.al-c {margin-bottom: 6rem;}
.solution-view-con.style09 .view-qna-list-wrap {border-top: 1px solid #fff; display: flex; gap:7rem}
.solution-view-con.style09 .view-qna-list {border-top: 0; width: calc(50% - 3.5rem);}

/* 스타일10 */
.solution-view-con.style10 .solution-view-tit-con.al-c {margin-bottom: 6rem;}
.view-style10-slide {}
.view-style10-slide .item .img-box {position: relative; border-radius: 3rem; overflow: hidden; box-sizing: border-box;}
.view-style10-slide .item .img-box span {position: relative;display: block; width: 100%;height: 0; padding-top: 62%;}
.view-style10-slide .item .img-box span img {position: absolute; inset: 0;margin: auto;  width: 100%; height: 100%; object-fit: cover;}
.view-style10-slide .swiper-pagination-bullets{display: flex; justify-content: center; margin-top:5rem;}
.view-style10-slide .swiper-pagination-bullets .swiper-pagination-bullet{width:1rem; height:1rem; border-radius:50%; background:rgba(255,255,255,0.1); opacity:1; transition:var(--transition-custom); margin:0 5px;}
.view-style10-slide .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--sub-color1);}

/* 스타일11 */
.solution-view-con.style11 {text-align: center;}
.view-style11-txt {font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.4;}

/* 스타일12 */
.view-style12-con {height: 67.7rem; border-radius: 3rem; display: flex; align-items: center;}
.view-style12-con .inner {width: 100%; text-align: center; padding: 0 var(--area-padding); box-sizing: border-box;}
.view-style12-con .inner .tit {display: block; font-size: 5rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.4;}
.view-style12-con .inner .view-style12-txt {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.5; margin-top: 2rem;}
.view-style12-con .inner .cm-btn {margin: 6.1rem auto 0 ;}

/* 스타일13 */
.solution-view-con.style13 .solution-view-tit-con.al-c {margin-bottom: 6rem;}


@media all and (max-width:1650px){
	.solution-view-con.style01 .txt-con {padding: 14rem var(--area-padding) 12rem;}
	.view-style03-con .txt-con {padding: 14rem var(--area-padding) 12rem;}
}
@media all and (max-width:1280px){
	#visual .visual-sonix-view-con .visual-img-container span:before{width:120%;}
}
@media all and (max-width:800px){
	/* 상단 비쥬얼 */
	#visual.full_visual.sub-visual-solution-view  {height: auto;}
	#visual.full_visual.sub-visual-solution-view .visual-tit {font-size: 3.8rem;}
	#visual.full_visual.sub-visual-solution-view .visual-sub-txt {font-size: 1.6rem;}
	#visual.full_visual.sub-visual-solution-view dl dd {font-size: 1.6rem;}
	#visual.full_visual.sub-visual-solution-view .visual-btn-wrap {margin:6rem -0.5rem 0;}
	
	#visual .visual-sonix-view-con {flex-direction:column-reverse; align-items:center; justify-content:center; padding-top:var(--header-height);}
	#visual .visual-sonix-view-con .visual-txt-container {width: 100%; padding-top: 8rem;}
	#visual .visual-sonix-view-con .visual-img-container {width:100%; max-width:480px; margin:5rem auto 0;}
	
	.solution-view-con {padding: 6rem 0;}
	.solution-view-con:not(.style01):first-child {padding-top: 12rem;}
	.solution-view-tit-con .tit  {font-size: 3.4rem;}
	.solution-view-tit-con .txt  {font-size: 1.6rem;}
	.solution-view-tit-con.al-c .sub-tit {margin-bottom: 3rem;}
	
	/* 스타일1 */
	.solution-view-con.style01 {display: block;}
	.solution-view-con.style01 .txt-con {width: 100%; padding: 0 var(--area-padding) 5rem;}
	.solution-view-con.style01:first-of-type .txt-con {padding-top: 10rem;}
	.solution-view-con.style01 .img-con {width: 100%;  } 
	.solution-view-con.style01 .img-con .img-box {border-radius: 0 !important;}
	.solution-view-con.style01 .img-con .video-box {padding-top: 100%;  border-radius: 0 !important; }
	
	/* 스타일3 */
	.view-style03-con  {display: block;}
	.view-style03-con .txt-con  {width: 100%; padding: 0 var(--area-padding) 10rem;}
	.view-style03-con .img-con {width: 100%;} 
	.view-style03-con .img-con .img-box { border-radius: 0 !important; }
	.view-style03-con .img-con .video-box {padding-top: 100%; border-radius: 0 !important;}
	
	/* 스타일4 */
	.view-style04-con {display: block;}
	.view-style04-con .left-con {width: 100%;}
	.view-style04-con .right-con {width: 100%; padding-left: 0;}
	
	/* 스타일6 */
	.view-style06-list li a {padding: 2.5rem 1.5rem; }
	.view-style06-list li a dl {width: calc(100% - 5rem);}
	.view-style06-list li a dl dt {font-size: 2.2rem;}
	.view-style06-list li a .right-txt {width: 4.6rem;}
	.view-style06-list li a .right-txt em {display: none;}
	.view-style06-list li a .right-txt span {width: 4.6rem; height: 4.6rem; font-size: 2rem;}
	.view-style06-list li a .right-txt span i {line-height: 4.6rem;}
	
	/* 스타일7 */
	.view-style07-txt {font-size: 2rem;}
	.view-style07-list {gap:3rem}
	.view-style07-list li {width: calc(50% - 1.5rem);}
	.view-style07-list li .txt-box .txt01 {font-size: 2.2rem;}
	
	/* 스타일8 */
	.view-qna-list .qna-item dt {padding: 2rem 1.5rem;}
	.view-qna-list .qna-item dt .qna-title {font-size: 2rem; padding: 2rem 5rem 2rem 0;}
	.view-qna-list .qna-item dt .arrow {right: 1.5rem; width: 4.6rem; height: 4.6rem; margin-top: -2.3rem; font-size: 2rem;}
	.view-qna-list .qna-item dt .arrow i {line-height: 4.6rem;}
	.view-qna-list .qna-item dd .answer-con {padding: 1rem 1.5rem 3rem;}
	
	/* 스타일9 */
	.solution-view-con.style09 .view-qna-list-wrap {display: block;}
	.solution-view-con.style09 .view-qna-list  {width: 100%;}
	
	/* 스타일12 */
	.view-style12-con {height: 42rem;}
	.view-style12-con .inner .tit {font-size: 3.4rem;}
	.view-style12-con .inner .cm-btn {margin: 4rem auto 0;}
	
}
@media all and (max-width:480px){
	.view-style07-list li {width: 100%;}
}

/* 프리딕트헬스 :: 하단 공통 링크 리스트 */
.proactive-link-con-style02{display: flex; margin:-1.5rem;}
.proactive-link-con-style02 .link-item{position: relative; display: block; padding:6rem; box-sizing:border-box; background:#fff; border-radius:3rem; width:calc(33.33% - 1.5rem); margin:1.5rem; aspect-ratio:0.91}
.proactive-link-con-style02 .link-item:before{position: absolute; content:''; width:100%; height:100%; inset:0; border:3px solid var(--sub-color3); box-sizing:border-box; border-radius:3rem; opacity:0; transition:var(--transition-custom);}
.proactive-link-con-style02 .link-item .txt-box{}
.proactive-link-con-style02 .link-item .txt-box .tit{font-size:4rem; line-height:1.4; letter-spacing:-0.025em; color:#000; font-weight:600;}
.proactive-link-con-style02 .link-item .txt-box .txt{font-size:1.8rem; line-height:1.6; letter-spacing:-0.025em; color:rgba(0,0,0,0.6); font-weight:500;}

.proactive-link-con-style02 .link-item.active { pointer-events:none !important}
.proactive-link-con-style02 .link-item.active.animated {opacity: 0.1 !important;}
.proactive-link-con-style02 .link-item.active:before{opacity:1;}

.proactive-link-con-style02 .link-item:hover:before{opacity:1;}

.ai-ver.proactive-link-con-style02 .link-item{background:#f5f5f5;}

@media all and (max-width:1280px){
	.proactive-link-con-style02 .link-item{padding:3rem 2rem;}
	.proactive-link-con-style02 .link-item .txt-box .tit {font-size: 3rem;}
}
@media all and (max-width:800px){
	/* 프리딕트헬스 :: 하단 공통 링크 리스트 */
	.proactive-link-con-style02{flex-wrap:wrap;}
	.proactive-link-con-style02 .link-item{border-radius:2rem; width:calc(100% - 1.5rem); aspect-ratio: 1.11;}
	.proactive-link-con-style02 .link-item:before{border-radius:2rem;}
	.proactive-link-con-style02 .link-item .txt-box .tit{font-size:2.4rem;}
	.proactive-link-con-style02 .link-item .txt-box .txt{font-size:1.6rem;}
}


/* 프리딕트헬스 :: 하단 공통 */
.inner-white-bg{background:#fff; padding:15rem 0; box-sizing:border-box; border-radius:3rem;}
.inner-white-bg + .inner-white-bg{margin-top:6rem;}

.cm-bg-tit-box{text-align:center; margin-bottom:6rem;}
.cm-bg-tit-box .bg-tit{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:700;}
.cm-bg-tit-box .bg-tit01{display: block; font-size:5rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600;}
.cm-bg-tit-box .bg-tit + .bg-tit01{margin-top:3rem;}

@media all and (max-width:800px){
	/* 프리딕트헬스 :: 하단 공통 */
	.inner-white-bg{padding:8rem 0; border-radius:2rem;}
	.inner-white-bg + .inner-white-bg{margin-top:3rem;}

	.cm-bg-tit-box{margin-bottom:3rem;}
	.cm-bg-tit-box .bg-tit{font-size:2rem;}
	.cm-bg-tit-box .bg-tit01{font-size:3rem;}
	.cm-bg-tit-box .bg-tit + .bg-tit01{margin-top:1.5rem;}
}


/* ************ 찾아가는 보건·의료 AI ************ */
.logo-tit-box{text-align:center; margin-bottom:4rem;}
.logo-tit-box .txt{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:4rem;}
/*  */
.medical-circle-list{display: flex; justify-content:center; margin:0 -1.5rem;}
.medical-circle-list .list-item{display: flex; align-items:center; justify-content:center; width:calc(25% - 3rem); max-width:18rem; aspect-ratio:1; margin:1.5rem; border-radius:50%;}
.medical-circle-list .list-item:nth-child(odd){background:#E7EAEE;}
.medical-circle-list .list-item:nth-child(even){background:#D1D7DE;}
.medical-circle-list .list-item .txt{font-size:2.4rem; line-height:1.2; letter-spacing:-0.025em; color:var(--sub-color1); font-weight:600; text-align:center;}
/*  */
.medical-flatform-list{display: flex; width:100%; max-width:1100px; margin:auto; background:#f3f5f7; border-radius:3rem;}
.medical-flatform-list .list-item{display: flex; flex-direction:column; align-items:center; justify-content:center; width:50%; height:19rem; border-right:1px solid rgba(0,0,0,0.06); text-align:center; padding:1rem; box-sizing:border-box;}
.medical-flatform-list .list-item:last-child{border-right:0;}
.medical-flatform-list .list-item .txt{font-size:1.8rem; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:600; min-height:5rem; margin-top:1rem;}
/*  */
.medical-inner-bg-con{background:#f3f5f7; border-radius:3rem; padding:6.4rem 0;}
.medical-inner-bg-con + .medical-inner-bg-con{margin-top:4rem;}
.medical-inner-bg-con .inner-tit{font-size:3.2rem; line-height:1.6; letter-spacing:-0.025em; color:var(--sub-color1); font-weight:700; margin-bottom:1rem;}
/*  */
.medical-device-list{display: flex; flex-wrap:wrap; margin:-2rem 0;}
.medical-device-list .list-item{width:16.66%; text-align:center; margin:2rem 0;}
.medical-device-list .list-item .img-box {height: 13.8rem; display: flex; align-items: center; justify-content: center;}
.medical-device-list .list-item .img-box img{max-height: 100%; max-width: 100%; mix-blend-mode: darken; }
.medical-device-list .list-item .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:1rem;}
/*  */
.medical-portfolio-list{display: flex; flex-wrap:wrap; margin:0rem 0 -1.4rem; padding-bottom:4rem; border-bottom:1px solid #d9d9d9; margin-bottom:4rem;}
.medical-portfolio-list .list-item{display: flex; align-items:center; width:33.33%; margin:1.4rem 0;}
.medical-portfolio-list .list-item .icon-box{width:4rem;}
.medical-portfolio-list .list-item .txt{width:calc(100% - 4rem); padding:0 1rem; box-sizing:border-box; font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#333; font-weight:600;}
/*  */
.medical-case-list{display: flex; margin:-1.5rem;}
.medical-case-list .list-item{width:calc(33.33% - 3rem); margin:1.5rem; }
.medical-case-list .list-item .img-box{border-radius:1rem; overflow:hidden;}
.medical-case-list .list-item .img-box img{max-width:100%;}
.medical-case-list .list-item .txt{font-size:1.8rem; line-height:1.4; letter-spacing:0; color:#404040; font-weight:600; margin-top:2rem; text-align:center;}
/*  */
.medical-system-wrapper{position: relative;}
.medical-system-wrapper .top-box{position: relative; text-align:center; margin-bottom:20rem;}
.medical-system-wrapper .top-box:before{position: absolute; content:''; top:100%; left:50%; width:1px; height:20rem; border-left:1px dashed #94A9CC;}
.medical-system-wrapper .top-box img{max-width:100%;}
.medical-system-wrapper .system-list{position: relative; display: flex; margin:0 auto; max-width:1030px;}
.medical-system-wrapper .system-list:before{position: absolute;content:'';width: calc(73% - 6.4rem);height:14rem;border:1px dashed #94a9cc;border-bottom:0;border-radius: 3rem;top:0;left:50%;transform: translate(-50%, -75%);}
.medical-system-wrapper .system-list .list-item{position: relative; width:calc(33.33% - 6.4rem); margin:0 3.2rem; border-radius:3rem; background:#f3f5f7; padding:9rem 5rem 4.5rem; box-sizing:border-box; text-align:center;}
.medical-system-wrapper .system-list .list-item .icon-box{position: absolute; top:0; left:50%; transform:translate(-50%, -50%); width:10rem; height:10rem; border:2px solid #94a9cc; box-sizing:border-box; display: flex; align-items:center; justify-content:center; border-radius:50%; background:#fff;}
.medical-system-wrapper .system-list .list-item dl{}
.medical-system-wrapper .system-list .list-item dl dt{font-size:2.4rem; line-height:1.6; letter-spacing:-0.025em; color:var(--sub-color1); font-weight:600; margin-bottom:1rem;}
.medical-system-wrapper .system-list .list-item dl dd{}
.medical-system-wrapper .system-list .list-item dl dd .txt{padding:2.2rem 0; border-bottom:1px dashed rgba(0,0,0,0.1); font-size:1.8rem; line-height:1.2; letter-spacing:-0.025em; color:var(--sub-color1); font-weight:600;}
.medical-system-wrapper .system-list .list-item dl dd .txt:last-child{border-bottom:0;}
/*  */
.medical-result-case-list{display: flex; flex-wrap:wrap; margin:2rem -1.5rem -1.5rem;}
.medical-result-case-list .list-item{width:calc(50% - 3rem); margin:1.5rem;}
.medical-result-case-list .list-item span{display: block; border-radius:3rem; overflow:hidden;}
.medical-result-case-list .list-item span img{max-width:100%;}

@media all and (max-width:800px){
	/* ************ 찾아가는 보건·의료 AI ************ */
	.logo-tit-box{margin-bottom:2rem;}
	.logo-tit-box .txt{font-size:2rem; margin-top:2rem;}
	.logo-tit-box img{max-width:100%;}
	/*  */
	.medical-circle-list{flex-wrap:wrap; margin:-1rem;}
	.medical-circle-list .list-item{width:calc(50% - 2rem); margin:1rem;}
	.medical-circle-list .list-item .txt{font-size:2rem;}
	/*  */
	.medical-flatform-list{display: block; border-radius:2rem;}
	.medical-flatform-list .list-item{width:100%; height:auto; border-bottom:1px solid rgba(0,0,0,0.06); border-right:0; padding:2rem 1rem;}
	.medical-flatform-list .list-item .txt{font-size:1.6rem; min-height:none;}
	/*  */
	.medical-inner-bg-con{border-radius:2rem; padding:4rem 0;}
	.medical-inner-bg-con + .medical-inner-bg-con{margin-top:3rem;}
	.medical-inner-bg-con .inner-tit{font-size:2.6rem;}
	/*  */
	.medical-device-list{margin:-1rem 0;}
	.medical-device-list .list-item{width:33.33%; margin:1rem 0;}
	.medical-device-list .list-item .img-box {height: 11rem;}
	.medical-device-list .list-item .txt{font-size:1.6rem; margin-top:0.5rem;}
	/*  */
	.medical-portfolio-list{padding-bottom:3rem; margin-bottom:3rem;}
	.medical-portfolio-list .list-item{width:100%;}
	.medical-portfolio-list .list-item .txt{font-size:1.6rem;}
	/*  */
	.medical-case-list{flex-wrap:wrap;}
	.medical-case-list .list-item{width:calc(100% - 3rem);}
	.medical-case-list .list-item .txt{font-size:1.6rem; margin-top:1rem;}
	/*  */
	.medical-system-wrapper .top-box{position: static; margin-bottom:6rem;}
	.medical-system-wrapper .top-box:before{height:100%; top:auto; bottom:0}
	.medical-system-wrapper .top-box span{position: relative;}
	.medical-system-wrapper .system-list{flex-wrap:wrap;}
	.medical-system-wrapper .system-list:before{display: none;}
	.medical-system-wrapper .system-list .list-item{width:100%; margin:0; margin-bottom:6rem; padding:6rem 1.5rem 3rem;}
	.medical-system-wrapper .system-list .list-item:last-child{margin-bottom:0; }
	.medical-system-wrapper .system-list .list-item .icon-box{width:8rem; height:8rem;}
	.medical-system-wrapper .system-list .list-item .icon-box img{max-width:100%;}
	.medical-system-wrapper .system-list .list-item dl dt{font-size:2rem;}
	.medical-system-wrapper .system-list .list-item dl dd .txt{padding:1.6rem 0; font-size:1.6rem;}
	/*  */
	.medical-result-case-list{display: flex; flex-wrap:wrap; margin:1rem -1.5rem -1rem;}
	.medical-result-case-list .list-item{width:calc(100% - 3rem); margin:1rem 1.5rem;}
	.medical-result-case-list .list-item span{border-radius:2rem;}
}


/* ************ 헬스케어 AI ************ */
/*  */
.healthcare-flatform-wrapper{position: relative; display: flex; justify-content:space-between; margin-bottom:26rem; margin-top:10rem;}
.healthcare-flatform-wrapper .middle-img{position: relative; width:22.36%; max-width:313px; text-align:center; order:2}
.healthcare-flatform-wrapper .middle-img:before{position: absolute; content:''; width:104rem; height:31.7rem; background:url('/images/content/ai_healthcare_flatform_middle_bg.png') no-repeat center / cover; top:100%; left:50%; transform:translate(-50%, -20%);}
.healthcare-flatform-wrapper .middle-img span{position: relative;}
.healthcare-flatform-wrapper .middle-img span img{max-width:100%;}
.healthcare-flatform-wrapper .flatform-list{display: flex; flex-direction:column; justify-content: space-between; width:30%;}
.healthcare-flatform-wrapper .flatform-list.left{order:1;}
.healthcare-flatform-wrapper .flatform-list.right{order:3;}
.healthcare-flatform-wrapper .flatform-list .list-item{position: relative; width:100%; aspect-ratio:1.4; border:1px solid #bbc6d2; border-radius:3rem; box-sizing:border-box; padding:4rem 3rem;}
.healthcare-flatform-wrapper .flatform-list .list-item .txt{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:600; line-height: 1.2;}
.healthcare-flatform-wrapper .flatform-list .list-item .txt02{font-size:1.3rem; letter-spacing:-0.025em; color:#333; font-weight:500; opacity:0.6; margin-top:0.7rem; line-height: 1.2;}
.healthcare-flatform-wrapper .flatform-list .list-item .arrow{position: absolute;}
.healthcare-flatform-wrapper .flatform-list .list-item .arrow img{max-width:100%;}

.healthcare-flatform-wrapper .flatform-list.left .list-item:nth-child(1) .arrow{top:50%; right:0; transform:translate(200%, -130%);}
.healthcare-flatform-wrapper .flatform-list.left .list-item:nth-child(2) .arrow{top:50%; right:0; transform:translate(200%, 60%);}
.healthcare-flatform-wrapper .flatform-list.right .list-item:nth-child(1) .arrow{top:50%; left:0; transform:translate(-200%, -130%);}
.healthcare-flatform-wrapper .flatform-list.right .list-item:nth-child(2) .arrow{top:50%; left:0; transform:translate(-150%, 60%);}

/*  */
.healthcare-flatform-solution-wrapper{position: relative; padding:5rem 5rem 0; box-sizing:border-box; background:#333; border-radius:3rem; box-sizing:border-box; overflow:hidden;}
.healthcare-flatform-solution-wrapper:before{position: absolute; content:''; width:100%; height:10rem; bottom:0; left:0; background: linear-gradient(to bottom,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); z-index:1;}
.healthcare-flatform-solution-wrapper .solution-tit{font-size:4rem; letter-spacing:-0.025em; font-weight:600; text-align:center; margin-bottom:8rem; color:#fff;}
.healthcare-flatform-solution-wrapper .solution-list{display: flex; margin:0 -1.2rem; align-items: flex-end}
.healthcare-flatform-solution-wrapper .solution-list .list-item{width:calc(20% - 2.4rem); margin:0 1.2rem; text-align:center;}
.healthcare-flatform-solution-wrapper .solution-list .list-item .txt{font-size:2.2rem; letter-spacing:-0.025em; color:#fff; margin-bottom:2rem; line-height: 1.2; font-weight:600;}
.healthcare-flatform-solution-wrapper .solution-list .list-item .img-box{border-radius:2rem 2rem 0 0; overflow:hidden;}
.healthcare-flatform-solution-wrapper .solution-list .list-item .img-box img{max-width:100%;}

/*  */
.healthcare-error-list{display: flex; margin:-1rem;}
.healthcare-error-list .list-item{width:calc(50% - 2rem); margin:1rem; background:#f5f5f5; border-radius:3rem; padding:7rem; box-sizing:border-box;}
.healthcare-error-list .list-item .txt-box{margin-bottom:5rem}
.healthcare-error-list .list-item .txt-box .tit{font-size:4rem; letter-spacing:-0.025em; color:#333; font-weight:600;}
.healthcare-error-list .list-item .txt-box .txt{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:2rem; line-height: 1.2;}
.healthcare-error-list .list-item .txt-box .txt02{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:600; margin-top:1rem; line-height: 1.3; opacity:0.3;}
.healthcare-error-list .list-item .img-box img{max-width:100%;}

/*  */
.healthcare-case-list{display: flex; margin:-1rem;}
.healthcare-case-list .list-item{width:calc(50% - 2rem); margin:1rem;}
.healthcare-case-list .list-item .img-box{background:#f5f5f5; border-radius:3rem; overflow:hidden;}
.healthcare-case-list .list-item .img-box img{max-width:100%;}
.healthcare-case-list .list-item .txt-box{margin-top:5rem; text-align:center;}
.healthcare-case-list .list-item .txt-box .tit{font-size:3rem; letter-spacing:-0.025em; color:#333; font-weight:600;}
.healthcare-case-list .list-item .txt-box .txt{font-size:1.8rem; line-height:1.2; letter-spacing:-0.025em; color:#666; font-weight:500; margin-top:2rem;}

@media all and (max-width:1280px){
	/*  */
	.healthcare-flatform-wrapper .flatform-list .list-item .arrow img{max-width:60%;}
	.healthcare-flatform-wrapper .flatform-list.left .list-item:nth-child(1) .arrow{transform: translate(150%, -60%);}
	.healthcare-flatform-wrapper .flatform-list.left .list-item:nth-child(2) .arrow{transform: translate(150%, -60%);}
	.healthcare-flatform-wrapper .flatform-list.right .list-item:nth-child(1) .arrow{transform: translate(-110%, -60%);}
	.healthcare-flatform-wrapper .flatform-list.right .list-item:nth-child(2) .arrow{transform: translate(-80%, -60%);}
}
@media all and (max-width:800px){
	/*  */
	.healthcare-flatform-wrapper{flex-wrap:wrap; margin-bottom:6rem; margin-top:6rem;}
	.healthcare-flatform-wrapper .middle-img{width:100%; max-width:313px; margin:auto; margin-bottom:5rem; order:1;}
	.healthcare-flatform-wrapper .middle-img:before{display: none;}
	.healthcare-flatform-wrapper .flatform-list{width:100%;}
	.healthcare-flatform-wrapper .flatform-list.left{order:2;}
	.healthcare-flatform-wrapper .flatform-list.right{order:3;}
	.healthcare-flatform-wrapper .flatform-list .list-item{border-radius:2rem; padding:3rem 2rem; margin-bottom:2rem;}
	.healthcare-flatform-wrapper .flatform-list .list-item .txt{font-size:2rem;}
	.healthcare-flatform-wrapper .flatform-list .list-item .arrow{display: none;}
	/*  */
	.healthcare-flatform-solution-wrapper{padding:3rem 2rem; border-radius:2rem;}
	.healthcare-flatform-solution-wrapper:before{display: none;}
	.healthcare-flatform-solution-wrapper .solution-tit{font-size:2.6rem; margin-bottom:4rem;}
	.healthcare-flatform-solution-wrapper .solution-list{display: block; margin:0;}
	.healthcare-flatform-solution-wrapper .solution-list .list-item{width:100%; margin:auto; margin-bottom:3rem;}
	.healthcare-flatform-solution-wrapper .solution-list .list-item:last-child{margin-bottom:0;}
	.healthcare-flatform-solution-wrapper .solution-list .list-item .txt{font-size:1.8rem; margin-bottom:1.5rem;}
	.healthcare-flatform-solution-wrapper .solution-list .list-item .img-box{border-radius:0;}
	.healthcare-flatform-solution-wrapper .solution-list .list-item .img-box img{border-radius:2rem;}
	/*  */
	.healthcare-error-list{flex-wrap:wrap;}
	.healthcare-error-list .list-item{width:calc(100% - 2rem); border-radius:2rem; padding:3rem 2rem;}
	.healthcare-error-list .list-item .txt-box{margin-bottom:3rem}
	.healthcare-error-list .list-item .txt-box .tit{font-size:2.6rem;}
	.healthcare-error-list .list-item .txt-box .txt{font-size:2rem;}
	.healthcare-error-list .list-item .txt-box .txt02{font-size:2rem;}

	/*  */
	.healthcare-case-list{flex-wrap:wrap;}
	.healthcare-case-list .list-item{width:calc(100% - 2rem);}
	.healthcare-case-list .list-item .img-box{border-radius:2rem;}
	.healthcare-case-list .list-item .txt-box{margin-top:3rem;}
	.healthcare-case-list .list-item .txt-box .tit{font-size:2rem;}
	.healthcare-case-list .list-item .txt-box .txt{font-size:1.6rem; margin-top:1.5rem;}
}