@import url("sub.css");

i {font-family:inherit; line-height:inherit; font-weighT:inherit; color:inherit; font-size:inherit;}



/******* S:: SERVICE *******/
h3.ser_title {position:relative; font-size:1.412rem; color:#222; letter-spacing:-0.7pt; font-weight:bold; line-height:1; margin:70px 0 25px;}
h3.ser_title a {font-size:20px; color:#392785; font-weight:400; letter-spacing:-0.5pt; line-height:1; position:absolute; right:0; top:5px; padding-right:35px;}
h3.ser_title a:before {content:''; width:19px; height:15px; background:url('/img/moreArrow_p.png')no-repeat center; position:absolute; right:0; top:4px; background-size:100% !important;}
h3.ser_title a:after {content:''; width:0; height:1px; background:#392785; position:absolute; bottom:-5px; left:0; transition:all 0.4s;}
h3.ser_title a:hover:after {width:100%; transition:all 0.4s;}
h3.ser_title.eng {font-family:'Manrope', sans-serif; letter-spacing:0 !important; }
h3.ser_title .stxt {display:inline-block; font-weight:300; margin-left:10px;}
.tel {text-align:center; font-size:1rem; color:#777; letter-spacing:-0.5pt; margin:20px 0 0;}
.tel span {font-family:'Manrope', sans-serif; font-weight:bold; color:#222; font-size:1.176rem; display:inline-block; margin-left:15px;}
.tel span img {margin-right:5px; margin-top:-2px;}

.ser_intro {display:table; width:100%;}
.ser_intro .imgCont {display:table-cell; width:49%; vertical-align:middle;}
.ser_intro .imgCont img {max-width:100%;}
.ser_intro .txtCont {display:table-cell; width:51%; vertical-align:middle; padding-left:70px; box-sizing:border-box;}
.ser_intro .txtCont br {display:none !important;}
		.ser_intro .txtCont h3 {font-family:'Manrope', sans-serif; color:#222; font-weight:bold; font-size:1.882rem; line-height:1.3; word-break: keep-all; margin:0 0 15px;}
		.ser_intro .txtCont h3 span {font-size:1.471rem; font-weight:300; color:#222; letter-spacing:-0.7pt; line-height:inherit;}


.intro {text-align:center;}
.intro h3 {font-family:'Manrope', sans-serif; font-size:1.882rem; color:#222; margin:0  0 35px;}
.intro p {margin:20px 0 45px;}
		.introCont {display:flex; flex-wrap:wrap; flex-direction: row;}
		.introCont dl {border:1px solid #ddd; box-sizing:border-box; width:100%;}
		.introCont dl.w60 {width:59%; margin-right:2%;}
		.introCont dl.w40 {width:39%;}

		.introCont dl dt {font-family:'Manrope', sans-serif; background:#f9f9f9; text-align:center; font-size:1rem; color:#222; line-height:58px; border-bottom:1px solid #ddd; font-weight:bold;}
		.introCont dl dd {height:calc(100% - 58px); padding:20px; box-sizing:border-box;}
		.introCont dl dd img {position:relative; top:50%; left:0; transform:translate(0,-50%); max-width:100%;}


.clinic_cont .grayBox {background:#f5f5f5; border:0 !important;}
.clinic01 {display:flex; flex-wrap:wrap;}
.clinic01 dl {width:calc((100% - 60px) / 3); background:#f5f5f5; margin-right:30px; text-align:center; padding:50px 20px; box-sizing:border-box;}
.clinic01 dl:last-child {margin-right:0;}
.clinic01 dl dt {font-family:'Manrope', sans-serif; color:#222; font-weight:bold; font-size:1.176rem; line-height:1; margin:0 0 10px;}
.clinic01 dl dd {line-height:1.6; letter-spacing:-0.5pt;}


.analysisCont {display:flex; flex-wrap:wrap; flex-direction: row;}
.analysisCont dl {position:relative; display:flex; flex-wrap:wrap; width:50%; border:1px solid #ddd; box-sizing:border-box; padding:15px; background:#fff; overflow:hidden;}
.analysisCont dl:after {content:''; width:calc(100% - 30px); height:calc(100% - 30px); position:absolute; top:15px; left:15px; z-index:5; background:#f5f5f5;}
.finso_cont .analysisCont dl:after {background:#fff !important;}
.analysisCont dl.pad30 {padding:15px 15px 65px;}
.analysisCont dl:last-child {border-left:0;}
.analysisCont dl dt {position:relative; z-index:10; width:100%; align-self:stretch; overflow:hidden;}
.analysisCont.center dl dt {align-self:auto;}
.analysisCont dl dt.gray {padding:35px; box-sizing:border-box; /* height:67%; max-height:67%; */}
.analysisCont dl dt.gray img {/* position:relative; top:50%; transform:translateY(-50%); max-height:100%; */}
.analysisCont dl dt img {max-width:100%; display:block; margin:0 auto; max-height:100%;}
.analysisCont dl dd {position:relative; z-index:10; width:100%; padding:15px 20px 50px; box-sizing:border-box; align-self:baseline; background:#fff;}
.analysisCont dl dd.imgNone {padding:15px 20px;}
.analysisCont dl dd h4 {font-family:'Manrope', sans-serif; font-size:1.176rem; color:#222; letter-spacing:0.3pt; font-weight:bold; line-height:1.7; margin:0 0 10px; text-align:left !important;}
.analysisCont dl dd p {font-family:'Manrope', sans-serif; position:relative; font-size:1rem; color:#666; letter-spacing:0.3pt; line-height:1.7; padding-left:13px; text-align:left !important;}
.analysisCont dl dd p.nodot {opacity:0;}
.analysisCont dl dd p.nodot:after {opacity:0;}
.analysisCont dl dd p:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; left:0; top:12px;}

.analysis2 dl {width:100%; border-left:1px solid #ddd !important; border-top:1px solid #ddd !important;}
.analysis2 dl dt {height:auto !important; max-height:100% !important;}
.analysis2 dl dt img {top:0 !important; transform:translateY(0) !important; max-height:100%;}

.analysis3 dl {width:calc((100% - 30px) / 2); margin-right:30px;}
.analysis3 dl:last-child {margin-right:0px; border-left:1px solid #ddd;}


.faqBtn {display:block; margin:50px auto 0; width:200px; height:60px; padding:0 30px; color:#fff !important; font-weight:bold; font-family:'Manrope', sans-serif;
font-size:1rem; line-height:60px; background:#59289c url('/service/img/faqBtn.png')no-repeat center right 30px !important; box-sizing:border-box; border:1px solid #59289c; transition:all 0.4s;}
.faqBtn.kor {font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.5pt; font-weight:400;}
.faqBtn:hover {background:#fff url('/service/img/faqBtn_up.png')no-repeat center right 30px !important; transition:all 0.4s; color:#59289c !important;}
/******* E:: SERVICE *******/




/******* S:: Healthcare *******/
.health_cont {overflow:hidden;}
.health_cont > .stxt {text-align:center; margin:-30px auto 0;}
.history {margin:170px 0 100px;}

/* Arrows */
.history .slick-prev, .history .slick-next {position:absolute;  z-index:60 !important; top:-120px; font-size:0; width:120px; height:60px; outline:none; border:0; cursor:pointer; transition:all 0.3s; border:1px solid #ddd;}
.history .slick-prev {left:50%; margin-left:-120px; background:url('/img/prevArrow_b.png')no-repeat center left 25px;}
.history .slick-prev:hover {background:url('/img/prevArrow_p.png')no-repeat center left 20px; color:#59289c; border:1px solid #59289c; z-index:70 !important; color:#59289c;}
.history .slick-prev::before {content:'Prev'; position:relative; font-size:15px; color:#222; font-family:'Manrope', sans-serif; font-weight:bold; left:18px;}
.history .slick-prev:hover::before {color:#59289c;}
.history .slick-next {right:50%; margin-right:-119px; background:url('/img/nextArrow_b.png')no-repeat center right 25px;}
.history .slick-next:hover {background:url('/img/nextArrow_p.png')no-repeat center right 20px; color:#59289c; border:1px solid #59289c; z-index:70!important;}
.history .slick-next::before {content:'Next'; position:relative; font-size:15px; color:#222; font-family:'Manrope', sans-serif; font-weight:bold; left:-18px;}
.history .slick-next:hover::before {color:#59289c;}

.history .slick-slide {opacity:0.5; transition:all 0.3s linear;}
.history .slick-active {opacity:1; transition:all 0.3s linear;}

.history .slick-list {width:1230px; margin:0 auto; overflow:visible;}
.history {position:relative; padding-top:20px; box-sizing:border-box;}
.history:after {content:''; display:block; clear:both;}
.history:before {content:''; width:100%; height:1px; background:#d4d4d4; position:absolute; top:10px; left:0; z-index:-1;}
.his_cont {position:relative; display:inline-block; padding-top:60px; vertical-align:top;text-align:center;}
.his_cont:after {content:''; width:11px; height:11px; border:3px solid #59289c; box-sizing:border-box; position:absolute; top:-15px; left:50%; margin-left:-5px; background:#fff;}
.his_cont:before {content:''; width:1px; height:37px; background:#ddd; position:absolute; top:-5px; left:50%;}
.his_cont .imgCont {height:65px;}
.his_cont .imgCont img {position:relative; top:50%; transform:translateY(-50%); max-width:80%;}
.his_cont .year {font-family:'Manrope', sans-serif; font-size:1.882rem; font-weight:bold; color:#59289c; line-height:1; margin:0 0 40px;}
.his_cont p {margin:25px 0 0; font-size:1rem; letter-spacing:-0.6pt; line-height:1.7;}

.product_cont {}
.product_cont dl {display:table; width:100%; background:#fff; padding:30px; box-sizing:border-box;}
.product_cont dl:nth-child(2n) {background:#f9f9f9;}
.product_cont dl dt {font-family:'Manrope', sans-serif; width:250px; display:table-cell; vertical-align:middle; font-size:1rem; color:#222; letter-spacing:0.3pt; font-weight:bold; line-height:1;}
.product_cont dl dd {width:calc(100% - 250px); display:table-cell; vertical-align:middle; font-size:0;}
.product_cont dl dd p {position:relative; display:inline-block; font-size:1rem; color:#666; letter-spacing:-0.5pt; line-height:1; margin-right:44px; margin-top:5px; margin-bottom:5px;}
.product_cont dl dd p:after {content:''; width:1px; height:16px; background:#bbb; position:absolute; top:1px; right:-23px;}
.product_cont dl dd p:last-child {margin-right:0;}
.product_cont dl dd p:last-child:after {display:none;}
.product_cont .btnList {text-align:center; margin:43px auto 0;}
.product_cont .btnList a {width:200px !important; line-height:60px; height:60px; background-color:#fff;}
.product_cont .btnList a:hover {background-color:#59289c;}
.product_cont .btnList a.kor {}

.health01 img {max-width:100%;}
.health01_in {font-size:0; margin:60px 0 0;}
.health01_in dl {display:inline-block; width:25%; text-align:center; vertical-align:top; padding:0 15px; box-sizing:border-box;}
.health01_in.five dl {width:20%;}
.health01_in dl dd {font-size:1rem; color:#222; line-height:1.4; margin:20px 0 0; word-break: keep-all; letter-spacing:-0.5pt;}

.health03_cont .cont_tit {line-height:1.4;}
.health03_01 h4 {text-align:center; font-weight:bold; color:#222; letter-spacing:-0.6pt; line-height:1.3; font-size:1.412rem; margin:55px 0 -15px;}

.health03_02 {}
.health03_02 ul {font-size:0;}
.health03_02 li {display:inline-block; width:calc((100% - 60px) / 3); background:#fff; text-align:center; margin-right:30px; line-height:80px; font-size:1rem; color:#222; letter-spacing:-0.6pt;}
.health03_02 li:last-child {margin-right:0px;}
.health03_02 .btnList {margin:30px 0 0; font-size:0;}
.health03_02 .btnList a {display:inline-block; width:calc((100% - 60px) / 3) !important; margin-right:30px !important; box-sizing:border-box;}
.health03_02 .btnList a:last-child {margin-right:0 !important;}

.dotBox {border:1px solid #ddd; background:#f9f9f9; padding:50px 40px; box-sizing:border-box; font-size:0; margin:50px 0 0;}
.dotBox h4 {width:275px; display:inline-block; vertical-align:top; text-align:left !important; margin:0 !important;}
.dotBox ul {width:calc(100% - 275px); display:inline-block; vertical-align:top; font-size:0;}
.dotBox ul li {position:relative; display:inline-block; width:33.33%; padding-left:13px; box-sizing:border-box; font-size:1rem; margin:0 0 5px; letter-spacing:-0.5pt;}
.dotBox ul li:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:11px; left:0;}

.feature_cont {display:flex; flex-wrap:wrap;}
.feature_cont dl {width:calc((100% - 30px) / 2); margin-right:30px; background:#fff; border:5px solid #59289c; box-sizing:border-box; margin-bottom:30px; padding:40px; font-size:0;}
.feature_cont dl:nth-child(2n) {margin-right:0;}
.feature_cont dl:nth-child(2), .feature_cont dl:nth-child(3) {border:5px solid #31277f;}
.feature_cont dl:nth-child(2) h4, .feature_cont dl:nth-child(3) h4 {color:#31277f;}
.feature_cont dl dt {display:inline-block; width:90px; vertical-align:top;}
.feature_cont dl dd {display:inline-block; width:calc(100% - 90px); vertical-align:top;}
			.feature_cont dl dd h4 {font-size:1.176rem; color:#59289c; font-weight:500; letter-spacing:-0.6pt; line-height:1.5; margin:0 0 10px;}
			.feature_cont dl dd p {position:relative; font-size:1rem; color:#777; letter-spacing:-0.6pt; line-height:1.7; margin:0 0 3px; padding-left:13px; box-sizing:border-box;}
			.feature_cont dl dd p:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:12px; left:0;}

.guide_in {border-top:1px solid #ddd; border-left:1px solid #ddd;}
.guide_in dl {display:table; width:100%; padding:60px 40px; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
.guide_in dl:nth-child(2n) {background:#f9f9f9;}
.guide_in dl dt {width:270px; display:table-cell; vertical-align:top;}
.guide_in dl dd {width:calc(100% - 270px); display:table-cell; vertical-align:middle;}
.guide_in dl dd img {max-width:100%;}
		.guide_in dl h4 {font-size:1.412rem; color:#222; letter-spacing:-0.6pt; line-height:1;font-weight:bold;}
		.guide_in dl span {color:#222; letter-spacing:-0.5pt; font-weight:bold; margin:30px 0 10px; display:block;}
		.guide_in dl p {font-size:15px; font-weight:400; letter-spacing:-0.5pt; line-height:1.6;}

		.sub_txt {font-size:15px; color:#666; font-weight:400; letter-spacing:-0.6pt; line-height:1.6; text-align:center; margin:25px auto 0;}

.health_service {background:url('/service/img/health_bg.jpg')no-repeat center; background-size:cover !important; margin:120px 0 0;}
.health_service .cont_tit {color:#fff !important;}
.health_service dd {color:#fff !important;}
/******* E:: Healthcare *******/


/******* S:: Bio IT Solutions *******/
.solution_cont img {max-width:100%;}
.solution_in span {display:block; font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1.2; font-weight:500; text-align:center; word-break: keep-all;}
.solution_in .stxt {text-align:center; margin:24px 0 120px;}
.solution02 .solution_in .stxt, .solution03 .solution_in .stxt {margin:-20px 0 60px;}

.solution01 .advantage {background:url('/service/img/solution01_bg.jpg')no-repeat center; background-size:cover;}
.solution02 .advantage {background:url('/service/img/solution02_bg.jpg')no-repeat center; background-size:cover;}
.advantage_in {display:flex; flex-wrap:wrap;}
.advantage_in dl {position:relative; width:calc((100% - 60px) / 3); margin-right:30px; box-sizing:border-box; padding:115px 15px 60px; text-align:center; border:1px solid rgba(255,255,255,0.3);}
.advantage_in.four dl {width:calc((100% - 90px) / 4);}
.advantage_in dl:last-child {margin-right:0;}
.num {font-family:'Manrope', sans-serif; position:absolute; display:block; width:50px; height:50px; font-size:1rem; color:#fff; font-weight:bold; line-height:50px; text-align:center; top:-1px; left:50%; margin-left:-25px;
background:rgba(255,255,255,0.1);}
		.advantage_in dl dd h4 {font-size:1.176rem; color:#fff; letter-spacing:-0.5pt; line-height:1.3; font-weight:500; margin:33px 0 15px;}
		.advantage_in dl dd p {font-size:1rem; color:rgba(255,255,255,0.7); }
		.advantage_in.four dl dd p {margin:40px 0 0;}

.advantage02 {}
.advantage02_in {display:flex; flex-wrap:wrap;}
.advantage02_in dl {position:relative; width:calc((100% - 60px) / 3); margin-right:30px; text-align:center; background:#fff; }
.advantage02_in dl:last-child {margin-right:0px;}
.advantage02_in dl .num {background:#59289c;}
.advantage02_in dl dd {padding:35px 20px; box-sizing:border-box;}
		.advantage02_in dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.5pt; line-height:1.3; font-weight:500; margin:0 0 10px;}
		.advantage02_in dl dd p {font-size:1rem; color:#777;}

.solution_cont .imgBox {position:relative;}
.solution_cont .imgBox:after {content:''; width:100%; height:50%; position:absolute; bottom:0; left:0; z-index:-1; background:#f5f5f5;}
.solution_cont .imgBox img {display:block; margin:0 auto; max-width:94%;}

.function_in {display:flex; flex-wrap:wrap; border-left:1px solid #ddd; border-top:1px solid #ddd; box-sizing:border-box;}
.function_in dl {width:33.33%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:15px 45px; font-size:0;}
.function_in dl dt {display:inline-block; vertical-align:middle; width:90px;}
.function_in dl dd {display:inline-block; font-size:1rem; vertical-align:middle; width:calc(100% - 90px); letter-spacing:-0.5pt;}
/******* E:: Bio IT Solutions *******/


/****** NGS - 230127 ******/
#finso_quick {position:fixed; bottom:50px; left:50px; width:330px; z-index:9999; display:none;}

#finso_quick .q_btn {display:flex; flex-wrap:wrap; margin:0 0 10px; }
#finso_quick .q_btn a {display:block; border-radius:5px; }
#finso_quick .q_btn .menu {width:calc(100% - 65px); background-color:#59289c; text-align:center; line-height:60px; color:#fff; background-image:url("/service/finso_img/quick_icon.png"); background-repeat:no-repeat; font-weight:600; transition:box-shadow 0.3s linear; font-size:1rem; background-position:center left 15px;}
#finso_quick .q_btn .menu:hover {transition:box-shadow 0.3s linear; box-shadow:0 1px 1px rgba(255,255,255,0.2);}
#finso_quick .q_btn .close {width:60px; margin-left:5px; height:60px; border:1px solid #ddd; box-sizing:border-box; background-color:#fff; background-image:url("/service/finso_img/q_close.png"); background-repeat:no-repeat; background-position:center; display:block;}

#finso_quick.on .q_btn .menu {width:60px; background-position:center; font-size:0;}
#finso_quick.on .q_btn .menu:hover {box-shadow:0 15px 20px rgba(0,0,0,0.15);}
#finso_quick.on .q_btn .close {display:none;}

#finso_quick .q_menu {display:block; background:#fff; border-radius:5px; border:1px solid #ddd; box-sizing:border-box; padding:20px; width:100% !important;}
#finso_quick.on .q_menu {display:none;}
#finso_quick .q_menu li {position:relative; padding-left:20px; box-sizing:border-box; margin:0 0 15px;}
#finso_quick .q_menu li:last-child {margin:0;}
#finso_quick .q_menu li .q_tit {font-size:0.941rem;  font-weight:500; font-family:'Manrope', sans-serif; line-height:1.3; position:relative; }
#finso_quick .q_menu li .q_tit i {font-family:inherit; font-weight:inherit; line-height:inherit; display:inline-block; margin:0 3px;}
#finso_quick .q_menu li .q_tit span {display:block; width:10px; height:10px; border:2px solid #fff !important;; box-sizing:border-box; background:#aaa; position:absolute; top:5px; left:-20px; box-shadow:3px 3px 1px rgba(0,0,0,0.15);}
#finso_quick .q_menu .q_sMenu {padding:12px 0 0; display:none;}
#finso_quick .q_menu .q_sMenu a {display:block; position:relative; font-family:'Manrope', sans-serif; font-size:0.882rem; font-weight:400; line-height:1.3; padding-left:10px; box-sizing:border-box; margin:0 0 5px; transition:all 0.3s linear;}
#finso_quick .q_menu .q_sMenu a i {font-family:inherit; font-weight:inherit; line-height:inherit; display:inline-block; margin:0 3px;}
#finso_quick .q_menu .q_sMenu a:last-child {margin:0;}
#finso_quick .q_menu .q_sMenu a span {font-family:inherit; font-weight:inherit; line-height:inherit;}
#finso_quick .q_menu .q_sMenu a::after {content:''; width:3px; height:3px; background:#bbb; position:absolute; top:8px; left:0;}

#finso_quick .q_menu li.active .q_tit {font-weight:bold; color:#59289c;}
#finso_quick .q_menu li.active .q_tit span {background:#59289c;}
#finso_quick .q_menu .q_sMenu a:hover {color:#59289c; transition:all 0.3s linear;}



/* CURSOR */
#cursor {display: inline-block; font-size:0; width: 30px; height: 30px; text-align:center; border-radius:50%; background:#59289c; position: absolute; left:50%; top: 50%; margin:-15px 0 0 -15px;  z-index: 999999999999; user-select: none; pointer-events: none; transition: all 0.1s linear; overflow:hidden; mix-blend-mode: multiply; opacity:0.6;}
#cursor.on {transform:scale(2); }
/* CURSOR */

.finso_new_cont {}
.finso_new_cont .down_btn {display:flex; flex-wrap:wrap; justify-content: center; margin:50px 0 0;}
.finso_new_cont .downBtn {display:block; width:220px; height:55px; line-height:53px; padding:0 30px; box-sizing:border-box; font-size:	0.882rem; font-weight:400; color:#59289c; border:1px solid #59289c; box-sizing:border-box; margin:0 4px; background:#fff url("/service/finso_img/down.png")no-repeat center right 30px; letter-spacing:-0.4pt; transition:all 0.3s linear;}
.finso_new_cont .downBtn:hover {color:#fff; background:#59289c url("/service/finso_img/down_up.png")no-repeat center right 30px; transition:all 0.3s linear;}

.mark_txt {text-align:right; margin:70px 0 20px;}
.mark_txt p {position:relative; display:inline-block; font-size:0.882rem; font-weight:400; letter-spacing:-0.4pt; line-height:1.4; padding-left:23px; background:transparent;}
.mark_txt p::after {content:''; width:17px; height:17px; background:url("/service/finso_img/mark_icon.png")no-repeat center left; position:absolute; top:2px; left:0; animation: motion 0.6s linear 0s infinite alternate;}

@keyframes motion {
	0% {top: -3px;}
	100% {top: 3px;}
}




.finso_navi {}
.finso_navi dl {display:flex; flex-wrap:wrap; }
.finso_navi dl dt {display:flex; flex-wrap:wrap; align-items:center; font-family:'Manrope', sans-serif; width:280px; background:#57289c; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding:20px; font-weight:500; line-height:1.4;}
.finso_navi dl:hover dt {}
.finso_navi dl dt i {font-family:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; display:inline-block; margin:0 3px;}
.finso_navi dl dd {width:calc(100% - 280px);background:#f5f5f5;border:1px solid #ddd;border-left:0;box-sizing:border-box;border-bottom:0;padding:20px 5px;transition:all 0.3s linear;padding-left: 15px;}
.finso_navi dl:hover dd {background:#fff;transition:all 0.3s linear;padding-left: 15px;}
.finso_navi dl:last-child dd {border-bottom:1px solid #ddd;}
			.finso_navi dl dd ul {display:flex; flex-wrap:wrap;}
			.finso_navi dl dd ul li {width:33.33%; border-right:1px solid #ddd; line-height:1; padding:0 15px; margin:5px 0;}
			.finso_navi dl dd ul li:nth-child(3), .finso_navi dl dd ul li:last-child {border-right:0;}
			.finso_navi dl dd ul li a {font-family:'Manrope', sans-serif; line-height:1.3; font-weight:400; transition:all 0.3s linear;}
			/* .finso_navi dl dd ul li a i {font-family:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; font-weight:inherit; display:inline-block; margin:0 3px; transition:all 0.3s linear;} */
			.finso_navi dl dd ul li a:hover {color:#57289c; text-decoration:underline; text-underline-position:under; transition:all 0.3s linear;}
			.finso_navi dl dd ul li a:hover i {color:#57289c; text-decoration:underline; text-underline-position:under; transition:all 0.3s linear;}

.diagram {background:url("/service/finso_img/finso_diagram.png")no-repeat center; height:551px; display:flex; flex-wrap:wrap; align-items:center; margin:130px 0;}
.diagram > div{}
.diagram .dia_cont {width:calc((100% - 511px) / 2); padding:38px 40px; box-sizing:border-box; height:355px;}
		.diagram .dia_cont h4 {font-size:1.176rem; font-weight:bold; letter-spacing:0.3pt; line-height:1.5; color:#58289c; margin:0 0 6px;}
		.diagram .dia_cont h4 a {font-family:inherit; color:inherit; line-height:inherit; letter-spacing:inherit;}
		.diagram .dia_cont.right h4 {color:#31277f;}
.diagram .dia_cont p {position:relative; padding-left:15px; box-sizing:border-box; font-size:0.882rem; font-weight:400; color:#666; line-height:1.5; margin:0 0 5px;}
.diagram .dia_cont p::after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:10px; left:0;}
.diagram .center {width:435px; margin:0 38px; height:440px; padding:252px 0 0;}
.diagram .center p {font-size:	0.882rem; font-weight:500; letter-spacing:0.2pt; line-height:1.5; margin:0 0 4px;}
.diagram .center h3 {font-size:1.412rem; color:#222; letter-spacing:-0.5pt; line-height:1.5; font-weight:300;}
.diagram .center h3 b {font-weight:bold; line-height:inherit; letter-spacing:-0.7pt; font-size:inherit;}


.finso_tech {background:url("/service/finso_img/finso_bg01.jpg")no-repeat center / cover;}
.tit {}
.tit span {display:block; font-size:1.412rem; font-weighT:bold; letter-spacing:-0.6pt; line-height:1.5; margin:0 0 10px;}
.tit p.stxt {opacity:0.7;}

.why_list {display:flex; flex-wrap:wrap; margin:50px 0 0;}
.why_list li {width:25%; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; margin:-1px 0 0 -1px; padding:125px 35px 50px; background-repeat:no-repeat; background-position:top 35px right 35px; transition:all 0.3s linear;}
.why_list li:nth-child(1) {background-image:url("/service/finso_img/finso_icon01.png");}
.why_list li:nth-child(2) {background-image:url("/service/finso_img/finso_icon02.png");}
.why_list li:nth-child(3) {background-image:url("/service/finso_img/finso_icon03.png");}
.why_list li:nth-child(4) {background-image:url("/service/finso_img/finso_icon04.png");}
.why_list li:nth-child(5) {background-image:url("/service/finso_img/finso_icon05.png");}
.why_list li:nth-child(6) {background-image:url("/service/finso_img/finso_icon06.png");}
.why_list li:nth-child(7) {background-image:url("/service/finso_img/finso_icon07.png");}
.why_list li:nth-child(8) {background-image:url("/service/finso_img/logo_noimg.png"); background-position:center; background-color:transparent !important; border:4px solid rgba(255,255,255,0.2) !important; margin:0;}
.why_list li span {display:block; font-size:1.176rem; color:#fff; margin:0 0 15px;}
.why_list li span b {font-size:2.353rem; color:#fff; line-height:1; font-weight:bold; display:inline-block; margin-right:4px;}
.why_list li p {color:rgba(255,255,255,0.6); letter-spacing:-0.4pt; line-height:1.4; transition:all 0.3s linear;}
.why_list li i {font-size:0.882rem; display:block; font-style:normal; font-weight:400; margin:7px 0 0;}

.why_list li:hover {background-color:#542a93; border:1px solid #542a93; transition:all 0.3s linear;}
.why_list li:hover p {color:rgba(255,255,255,0.8); transition:all 0.3s linear;}


.certi_rolling {margin-left:-50px;}
.certi_rolling .slick-arrow {display:block; font-size:0; border:1px solid #ddd; box-sizing:border-box; width:75px; height:75px; position:absolute; top:50%; transform:translateY(-37px); cursor:pointer; z-index:999; transition:all 0.3s linear;}
.certi_rolling .slick-arrow:hover {border:1px solid #222; transition:all 0.3s linear;}
.certi_rolling .slick-prev {background:url("/service/finso_img/prevArrow_g.png")no-repeat center; left:-50px; }
.certi_rolling .slick-next {background:url("/service/finso_img/nextArrow_g.png")no-repeat center; right:-100px;}
.certi_rolling li {margin-left:50px;}
.certi_rolling li span {display:block; background:url("/service/finso_img/certi_frame.png")no-repeat top left / 100%; padding:8% 5% 4%; box-sizing:border-box;}
.certi_rolling li span img {width:100%; background-repeat:no-repeat; background-size:contain; background-position:center; }
.certi_rolling li p {color:#222; letter-spacing:-0.5pt; text-align:center; margin:22px 0 0; letter-spacing:-0.4pt; }

.bio_con {}
.bio_con dl {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; box-sizing:border-box; padding:55px 45px; margin:55px 0 30px;}
.bio_con dl dt {width:145px;}
.bio_con dl dd {width:calc(100% - 145px); padding-left:45px; box-sizing:border-box; }

.bio_list {display:flex; flex-wrap:wrap;}
.bio_list li {width:calc((100% - 30px) / 2); margin-right:30px; border:1px solid #ddd; box-sizing:border-box; padding:15px;}
.bio_list li:last-child {margin-right:0;}
			.bio_list li h4 {text-align:center; font-weight:bold; color:#222; letter-spacing:0.2pt; padding:0 0 15px;}
			.bio_list li img {max-width:100%;}


.table_scroll {margin:0 0 50px;}

.finso_table {width:100%; border-top:1px solid #222; position:relative; border-collapse: collapse;}

.finso_table::before {content:''; width:1px; height:100%; background:#fff; position:absolute; top:0; right:0; z-index:999;}
.finso_table::after {content:''; height:1px; width:100%; background:#fff; position:absolute; bottom:0; left:0; z-index:999;}
.finso_table th {position:relative; font-family:'Manrope','Noto Sans KR', sans-serif; background:#f9f9f9; color:#222; font-weight:bold; letter-spacing:0.2pt; font-size:0.882rem; padding:20px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.finso_table td {padding:20px; box-sizing:border-box;font-size:0.882rem; font-weight:400; line-height:1.5; border-right:1px solid #ddd; border-bottom:1px solid #ddd;overflow-wrap: anywhere; vertical-align:top;}
.finso_table td img {display:block; margin:0 auto;}
.finso_table td.mark_tit {font-family:'Manrope', 'Noto Sans KR', sans-serif; background:#f9f9f9; color:#222 !important; font-weight:bold; letter-spacing:0.2pt; font-size:0.882rem; vertical-align:middle;}
.finso_table td p.dots {padding-left:10px; box-sizing:border-box; position:relative; margin:0 0 5px; line-height:1.5;}
.finso_table td p.dots::after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:9px; left:0;}
.finso_table td p.dots:last-child {margin:0;}

.point_line {position:relative; border-left:2px solid #59289c; border-right:2px solid #59289c !important; box-sizing:border-box;}
.point_line.bottom::after {content:''; width:100%; height:2px; background:#59289c; position:absolute; bottom:0; left:0;}
.finso_table th.point_line::before {font-family:'Noto Sans KR','Hind Madurai', sans-serif;  content:'2023년 도입예정'; display:block; width:calc(100% + 4px); height:40px; line-heighT:40px; text-align:center; color:#fff; border-radius:5px 5px 0 0; background:#59289c; position:absolute; top:-40px; left:-2px; font-size:0.882rem; letter-spacing:-0.5pt; font-weight:400;}

.workflow_list_wrap {position:relative; }

.workflow_list_wrap::before {content:''; width:100%; height:50px; background: linear-gradient( to right, #eeebf3, #a890c9); position:absolute; top:35px; left:0;}
.workflow_list_wrap::after {content:''; width:100%; height:50px; background: linear-gradient( to right, #928eb9, #8d82a1); position:absolute; bottom:165px; left:0;}
.workflow_list {position:relative; display:flex; flex-wrap:wrap;  max-width:1100px; margin:0 auto;}
.workflow_list::before {content:''; width:57px; height:77px; background:url('/service/finso_img/workflow_arrow.jpg')no-repeat center; position:absolute; bottom:151px; left:-65px; z-index:10;}
.workflow_list::after {content:''; width:50px; height:416px; background: linear-gradient( to top, #8d82a1, #a991ca); position:absolute; top:35px; right:-65px;}
.workflow_list dl {position:relative; z-index:50; width:33.33%; text-align:center;}
.workflow_list dl:nth-child(-n+3) {margin-bottom:60px;}
.workflow_list dl dt {display:flex; flex-wrap:wrap; align-items:center; justify-content: center; position:relative; margin:0 auto; width:116px; height:116px; background:#fff; border-width:3px; border-style: solid; border-color:#7c39d5; border-radius:100%;}
.workflow_list dl dt::before {content:''; width:2px; height:25px; background:#7c39d5; position:absolute; bottom:-28px; left:50%; margin-left:-1px; }
.workflow_list dl dt::after {content:''; width:8px; height:8px; background:#7c39d5; border-radius:100%; position:absolute; bottom:-30px; left:50%; margin-left:-4px;}
.workflow_list dl dt i {position:absolute; top:0; left:50%; transform:translate(-50%, -50%); display:block; width:25px; height:25px; border-radius:100%; line-height:25px; color:#fff; font-weight:bold; font-size:13px; font-family:'Manrope', sans-serif; background:#7c39d5; font-style:normal;}
.workflow_list dl dd {}
.workflow_list dl dd h4 {font-size:1.176rem; color:#222; line-height:1.5; font-weight:500; margin:40px 0 10px; letter-spacing:-0.6pt;}
.workflow_list dl dd p {font-size:0.882rem; line-height:1.6; letter-spacing:-0.4pt;  font-weight:400;  margin:0 0 5px;}
.workflow_list dl dd p:last-child {margin:0;}

.workflow_list dl:nth-child(2) dt {border-color:#59289c;}
.workflow_list dl:nth-child(2) dt i {background:#59289c;}
.workflow_list dl:nth-child(2) dt::before {background:#59289c;}
.workflow_list dl:nth-child(2) dt::after {background:#59289c;}

.workflow_list dl:nth-child(3) dt {border-color:#4b2c7f;}
.workflow_list dl:nth-child(3) dt i {background:#4b2c7f;}
.workflow_list dl:nth-child(3) dt::before {background:#4b2c7f;}
.workflow_list dl:nth-child(3) dt::after {background:#4b2c7f;}

.workflow_list dl:nth-child(4) {order:6;}
.workflow_list dl:nth-child(4) dt {border-color:#382d91;}
.workflow_list dl:nth-child(4) dt i {background:#382d91;}
.workflow_list dl:nth-child(4) dt::before {background:#382d91;}
.workflow_list dl:nth-child(4) dt::after {background:#382d91;}

.workflow_list dl:nth-child(5) {order:5;}
.workflow_list dl:nth-child(5) dt {border-color:#32297e;}
.workflow_list dl:nth-child(5) dt i {background:#32297e;}
.workflow_list dl:nth-child(5) dt::before {background:#32297e;}
.workflow_list dl:nth-child(5) dt::after {background:#32297e;}

.workflow_list dl:nth-child(6) {order:4;}
.workflow_list dl:nth-child(6) dt {border-color:#32297e;}
.workflow_list dl:nth-child(6) dt i {background:#32297e;}
.workflow_list dl:nth-child(6) dt::before {background:#32297e;}
.workflow_list dl:nth-child(6) dt::after {background:#32297e;}


.finso_contact {}
.finso_contact .finso_table {}
.finso_contact .finso_table::after {display:none;}
.finso_contact .finso_table th {letter-spacing:-0.4pt;}
.finso_contact .finso_table td {color:#777; vertical-align:middle;}
.finso_contact .finso_table td dl {display:flex; flex-wrap:wrap;}
.finso_contact .finso_table td dl dt {width:145px;}
.finso_contact .finso_table td dl dd {width:calc(100% - 145px);}
.finso_contact .finso_table td .tel {font-family:'Manrope', 'Noto Sans KR', sans-serif; padding-left:15px; box-sizing:border-box; background:url('/service/finso_img/tel_icon.png')no-repeat center left; text-align:left !important; margin:0 !important;}
.finso_contact .finso_table td .email {font-family:'Manrope', 'Noto Sans KR', sans-serif; padding-left:20px; box-sizing:border-box; background:url('/service/finso_img/email_icon.png')no-repeat center left; text-align:left !important; margin:0 !important;}


.bio_main_con .mark_txt {margin:35px 0 20px;}
.bio_main_info {display:flex; flex-wrap:wrap; border:1px solid #ddd; box-sizing:border-box; padding:40px 50px; align-items:center; margin:30px 0;}
.bio_main_info span {width:88px;}
.bio_main_info div {width:calc(100% - 88px); padding-left:55px; box-sizing:border-box;}

.bio_main_info_table {display:flex; flex-wrap:wrap;}
.bio_main_info_table dl {width:calc((100% - 30px) / 2); margin-right:30px; text-align:center; border:1px solid #ddd; box-sizing:border-box;}
.bio_main_info_table dl:last-child {margin-right:0;}
.bio_main_info_table dl dt {color:#222;  font-weight:bold;  border-bottom:1px solid #ddd; background:#f9f9f9; line-height:1.5; padding:17px 10px; box-sizing:border-box;}
.bio_main_info_table dl dd {padding:25px 20px; box-sizing:border-box;}


.professional_list {display:flex; flex-wrap:wrap;}
.professional_list dl {position:relative; width:calc((100% - 30px) / 2); margin-right:30px; border:1px solid #ddd; box-sizing:border-box; padding:50px 45px; margin-bottom:30px; background-repeat:no-repeat; background-position:right 45px bottom 50px; }
		.professional_list dl:nth-child(1) {background-image:url("/service/bio_img/bio_icon06.png");}
		.professional_list dl:nth-child(2) {background-image:url("/service/bio_img/bio_icon07.png");}
		.professional_list dl:nth-child(3) {background-image:url("/service/bio_img/bio_icon08.png");}
		.professional_list dl:nth-child(4) {background-image:url("/service/bio_img/bio_icon09.png");}

.professional_list dl:nth-child(2n) {margin-right:0;}
.professional_list dl dt {}
			.professional_list dl dt i {position:absolute; top:0; right:0; font-family:'Manrope', 'Noto Sans KR', sans-serif; display:block; width:50px; height:50px; background:#572b94; text-align:center; line-height:50px; color:#fff; font-weight:bold; font-style:normal;}
			.professional_list dl dt h4 {font-size:1.176rem;  font-weight:bold; color:#222; letter-spacing:-0.6pt; line-height:1.5;}
			.professional_list dl dt h4 span {font-size:inherit; font-weight:300; color:inherit; letter-spacing:0; line-height:inherit; display:inline-block; margin-left:5px;}
			.professional_list dl dt p.purple {font-size:0.824rem; font-weight:600; line-height:1.5; margin:5px 0 12px;}
.professional_list dl dd {padding:20px 0 0;}
.professional_list dl dd p.dots {padding-left:14px; box-sizing:border-box; line-height:1.5; position:relative; font-size:0.882rem; line-height:1.5; margin:0 0 3px;}
.professional_list dl dd p.dots::after {content:''; width:4px; height:4px; background:#bababa; position:absolute; top:10px; left:0; }

.bio_main_con .gray .tit {margin:0 0 60px;}
.bio_main_con .gray .tit .cont_tit  {margin:0 0 25px;}

.flow_list_wrap {position:relative;}
.flow_list_wrap::before {content:''; width:57px; height:78px; background:url("/service/bio_img/bio_arrow.png")no-repeat center right; position:absolute; top:21px; right:0; z-index:90;}
.flow_list_wrap::after {content:''; width:100%; height:50px; background: linear-gradient( to right, #dccfee, #2f277d); position:absolute; top:35px; left:0;}
.flow_list {display:flex; flex-wrap:wrap; padding:0 60px; box-sizing:border-box; justify-content: space-between;}
.flow_list dl {position:relative; z-index:50; text-align:center; z-index:99;}
.flow_list dl dt {display:flex; flex-wrap:wrap; align-items:center; justify-content: center; position:relative; margin:0 auto; width:116px; height:116px; background:#fff; border-width:3px; border-style: solid; border-color:#7c39d5; border-radius:100%;}
.flow_list dl dt::before {content:''; width:2px; height:25px; background:#7c39d5; position:absolute; bottom:-28px; left:50%; margin-left:-1px; }
.flow_list dl dt::after {content:''; width:8px; height:8px; background:#7c39d5; border-radius:100%; position:absolute; bottom:-30px; left:50%; margin-left:-4px;}
.flow_list dl dt i {position:absolute; top:0; left:50%; transform:translate(-50%, -50%); display:block; width:25px; height:25px; border-radius:100%; line-height:25px; color:#fff; font-weight:bold; font-size:13px; font-family:'Manrope', sans-serif; background:#7c39d5; font-style:normal;}
.flow_list dl dd {}
.flow_list dl dd h4 {font-size:1.176rem; color:#222; line-height:1.5; font-weight:500; margin:40px 0 10px; letter-spacing:-0.6pt;}
.flow_list dl dd div {position:absolute; top:0; left:60px; width:225px; background:#4b2c7f; border-radius:10px; padding:33px 0 33px 65px; box-sizing:border-box; text-align:left !important; z-index:-1;}
.flow_list dl dd div p {font-size:0.882rem; color:rgba(255,255,255,0.8); font-weight:400; line-height:1.5; padding-left:10px; box-sizing:border-box; position:relative; margin:0 0 5px;}
.flow_list dl dd div p::after {content:''; width:3px; height:3px; background:rgba(255,255,255,0.5); position:absolute; top:10px; left:0;}
.flow_list dl dd div p:last-child {margin:0;}

.flow_list dl:nth-child(2) dt {border-color:#59289c;}
.flow_list dl:nth-child(2) dt i {background:#59289c;}
.flow_list dl:nth-child(2) dt::before {background:#59289c;}
.flow_list dl:nth-child(2) dt::after {background:#59289c;}

.flow_list dl:nth-child(3) dt {border-color:#4b2c7f;}
.flow_list dl:nth-child(3) dt i {background:#4b2c7f;}
.flow_list dl:nth-child(3) dt::before {background:#4b2c7f;}
.flow_list dl:nth-child(3) dt::after {background:#4b2c7f;}

.flow_list dl:nth-child(4) dt {border-color:#32297e;}
.flow_list dl:nth-child(4) dt i {background:#32297e;}
.flow_list dl:nth-child(4) dt::before {background:#32297e;}
.flow_list dl:nth-child(4) dt::after {background:#32297e;}

.flow_list dl:nth-child(5) dt {border-color:#32297e;}
.flow_list dl:nth-child(5) dt i {background:#32297e;}
.flow_list dl:nth-child(5) dt::before {background:#32297e;}
.flow_list dl:nth-child(5) dt::after {background:#32297e;}

.flow_list dl:nth-child(6) dt {border-color:#32297e;}
.flow_list dl:nth-child(6) dt i {background:#32297e;}
.flow_list dl:nth-child(6) dt::before {background:#32297e;}
.flow_list dl:nth-child(6) dt::after {background:#32297e;}



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


.certi_rolling {margin-left:-30px; padding:0 60px;}
.certi_rolling .slick-arrow {width:45px; height:45px; transform:translateY(-22px);}
.certi_rolling .slick-prev {left:30px;}
.certi_rolling .slick-next {right:0;}
.certi_rolling li {margin-left:30px;}


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


.ser_intro .txtCont {padding-left:40px;}
.ser_intro .txtCont .btnList a {width:calc((100% - 8px) / 3); padding:0 15px; background:url('/bio/img/down.png')no-repeat center right 15px;}
.ser_intro .txtCont .btnList a:hover {background:#59289c url('/bio/img/down_up.png')no-repeat center right 15px; color:#fff; transition:all 0.4s;}
.ser_intro .txtCont .btnList a.faqBtn {background:#59289c url('/service/img/faqBtn.png')no-repeat center right 15px !important}
.ser_intro .txtCont .btnList a.faqBtn:hover {background:#fff url('/service/img/faqBtn_up.png')no-repeat center right 15px !important}

.analysisCont dl dt.gray {padding:35px; box-sizing:border-box; /* height:62%; max-height:62%; */}


/******* S:: Healthcare *******/
.history .slick-list {width:94%;}

.product_cont dl {padding:30px}
.product_cont dl dt {width:200px;}
.product_cont dl dd {width:calc(100% - 200px); }

.health01_in dl br {display:none;}
/******* E:: Healthcare *******/


/****** NGS - 230127 ******/
#finso_quick {bottom:30px; left:3%;}

.diagram {/* display:block;*/ height:auto; background:#fff; align-items:flex-start;}
.diagram .center {width:350px; height:350px; box-sizing:Border-box; margin:0 30px; background:url('/service/finso_img/bio_center_bg.png')no-repeat center / 100%; position:relative; top:10px; padding:210px 55px 0;}
.diagram .center::after {content:''; width:129px; height:148px; background:url('/service/finso_img/bio_logo.png')no-repeat center; position:absolute; top:50px; left:50%; margin-left:-65px;}
.diagram .center h3 {font-size:1.1rem;}
.diagram .dia_cont {width:calc((100% - 410px) / 2); border-width:5px; border-style:solid; border-color:#56289c; border-radius:30px; height:auto; min-height:350px; padding:25px; background:url('/service/finso_img/bio_icon_m01.png')no-repeat bottom 30px right 30px;}
.diagram .dia_cont.right {border-color:#2f277d; background:url('/service/finso_img/bio_icon_m02.png')no-repeat bottom 30px right 30px;}
.diagram .dia_cont h4 {font-size:1.1rem; margin:0 0 10px;}

.why_list li {padding:100px 25px 30px;}
.why_list li br {display:none;}
.why_list li span {margin:0 0 10px;}
.why_list li span b {font-size:2rem;}

.table_scroll {overflow-x:scroll;}
.table_scroll.platform01 {padding:40px 0 0;}
.finso_table {width:1000px;}
.finso_table th {padding:10px;}
.finso_table td {padding:10px;}
.finso_table td img {max-width:100px;}
.finso_table td.mark_tit br {display:none;}

.workflow_list {width:90%;}
.workflow_list::before {left:calc(-5.5% + -1px);}
.workflow_list::after {right:calc(-5.5% + -1px);}

.four .flow_list dl:nth-child(3) dd {padding-bottom:105px;}
.flow_list dl dd div {width:190px; position:absolute; top:auto; bottom:0; left:0; padding:30px 20px; transform:translateX(-19%)};


}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 





h3.ser_title {margin:55px 0 25px;}
.ser_intro {display:block; width:100%;}
.ser_intro .imgCont {display:block; width:100%; border:1px solid #ddd; padding:30px; box-sizing:border-box;}
.ser_intro .imgCont img {max-width:100%; display:block; margin:0 auto;}
.ser_intro .txtCont {display:block; width:100%; padding-left:0; margin:30px 0 0;}
		.ser_intro .txtCont h3 {font-size:1.6rem; margin:0 0 12px;}

.intro h3 {font-size:1.6rem;}
.intro p {margin:12px 0 30px;}
		.introCont dl dt {line-height:50px;}
		.introCont dl dd {height:calc(100% - 50px); padding:15px;}

.analysisCont dl.pad30 {padding:15px 15px 40px;}
.analysisCont dl dt {/* height:calc(100% - 220px); */}
.analysisCont dl dd {padding:15px 20px 30px; box-sizing:border-box;}
.analysisCont dl dd.imgNone {padding:15px 20px;}
.analysisCont dl dd h4 {font-size:1.15rem; margin:0 0 5px;}
.analysisCont dl dd p {padding-left:10px;}
.analysisCont dl dd p:after {width:3px; height:3px; top:11px;}

.analysis3 dl {width:calc((100% - 20px) / 2); margin-right:20px;}

.faqBtn {margin:40px auto 0; width:180px; height:55px; padding:0 20px; line-height:55px; background:#59289c url('/service/img/faqBtn.png')no-repeat center right 20px !important; background-size:20px !important;}
.faqBtn:hover {background:#fff url('/service/img/faqBtn_up.png')no-repeat center right 20px !important;}


.clinic01 dl {width:calc((100% - 40px) / 3); margin-right:20px; padding:40px 15px;}
.clinic01 dl br {display:none;}
.clinic01 dl dt {font-size:1.176rem; margin:0 0 10px;}


/******* S:: Healthcare *******/
/* Arrows */
.history {margin:150px 0 80px;}
.history .slick-prev, .history .slick-next {top:-100px; width:100px; height:55px;}
.history .slick-prev {left:50%; margin-left:-100px; background:url('/img/prevArrow_b.png')no-repeat center left 20px;}
.history .slick-prev:hover {background:url('/img/prevArrow_p.png')no-repeat center left 15px; color:#59289c; border:1px solid #59289c; z-index:70 !important; color:#59289c;}
.history .slick-prev::before {font-size:14px; left:18px;}
.history .slick-next {right:50%; margin-right:-99px; background:url('/img/nextArrow_b.png')no-repeat center right 20px;}
.history .slick-next:hover {background:url('/img/nextArrow_p.png')no-repeat center right 15px; color:#59289c; border:1px solid #59289c; z-index:70!important;}
.history .slick-next::before {font-size:14px; left:-18px;}

.his_cont {padding-top:45px; margin:0 10px;}
.his_cont:after {content:''; width:11px; height:11px; border:3px solid #59289c; box-sizing:border-box; position:absolute; top:-15px; left:50%; margin-left:-5px; background:#fff;}
.his_cont:before {height:30px;}
.his_cont .year {font-size:1.6rem; margin:0 0 30px;}
.his_cont p {margin:20px 0 0;}

.product_cont dl {padding:30px}
.product_cont dl dt {width:140px;}
.product_cont dl dd {width:calc(100% - 140px);}
.product_cont dl dd p {position:relative; display:inline-block; font-size:1rem; color:#666; letter-spacing:-0.5pt; line-height:1; margin-right:30px;}
.product_cont dl dd p:after {content:''; width:1px; height:15px; background:#bbb; position:absolute; top:2px; right:-15px;}
.product_cont .btnList {margin:43px auto 0;}
.product_cont .btnList a {width:calc((100% - 12px) / 4) !important; height:50px; line-height:46px;}

.health01_in {margin:45px 0 0;}
.health01_in dl {display:inline-block; width:25%; text-align:center;}
.health01_in dl img {width:90px;}
.health01_in dl dd {font-size:1rem; color:#222; line-height:1.4; margin:15px 0 0;}
.health_cont > .stxt {margin:-20px auto 0;}

.feature_cont dl {width:calc((100% - 20px) / 2); margin-right:20px; margin-bottom:20px; padding:30px;}
.feature_cont dl dt {width:70px;}
.feature_cont dl dd {width:calc(100% - 70px);}

.health_service {margin:90px 0 0;}
.health03_02 li {width:calc((100% - 40px) / 3); margin-right:20px; line-height:65px;}
.health03_02 .btnList {margin:25px 0 0;}
.health03_02 .btnList a {width:calc((100% - 40px) / 3) !important; margin-right:20px !important;}

.dotBox {padding:40px 30px; margin:35px 0 0;}
.dotBox h4 {width:200px;}
.dotBox ul {width:calc(100% - 200px);}

.guide_in dl {padding:50px 30px;}
.guide_in dl:nth-child(2n) {background:#f9f9f9;}
.guide_in dl dt {width:200px;}
.guide_in dl dd {width:calc(100% - 200px);}
		.guide_in dl h4 {font-size:1.2rem;}
		.guide_in dl span {margin:20px 0 7px;}
		.guide_in dl p {font-size:14px;}

		.sub_txt {font-size:14px; margin:20px auto 0;}
/******* E:: Healthcare *******/


/******* S:: Bio IT Solutions *******/
.solution_in .stxt {margin:15px 0 100px;}
.solution02 .solution_in .stxt, .solution03 .solution_in .stxt {margin:-10px 0 60px;}

.advantage_in dl {width:calc((100% - 40px) / 3); padding:90px 15px 45px; margin-right:20px; margin-bottom:20px;}
.advantage_in dl br {display:none;}
.advantage_in.four dl {width:calc((100% - 20px) / 2);}
.advantage_in.four dl:nth-child(2n) {margin-right:0;}
		.advantage_in dl dd h4 {font-size:1.15rem; margin:25px 0 12px;}
		.advantage_in.four dl dd p {margin:30px 0 0;}

.advantage02_in dl br {display:none;}
.advantage02_in dl {width:calc((100% - 40px) / 3); margin-right:20px;}
.advantage02_in dl dd {padding:25px 15px;}
		.advantage02_in dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.5pt; line-height:1.3; font-weight:500; margin:0 0 10px;}
		.advantage02_in dl dd p {font-size:1rem; color:#777;}


.function_in {}
.function_in dl {width:33.33%; padding:12px 30px; font-size:0;}
.function_in dl dt {width:75px;}
.function_in dl dt img {max-height:40px; max-width:40px;}
.function_in dl dd {width:calc(100% - 75px);}


/****** NGS - 230127 ******/
#finso_quick {width:250px;}

.finso_new_cont .downBtn {width:170px; height:48px; line-height:46px; padding:0 20px;  margin:0 2px; background:#fff url("/service/finso_img/down.png")no-repeat center right 20px;}
.finso_new_cont .downBtn:hover {background:#59289c url("/service/finso_img/down_up.png")no-repeat center right 20px;}

.finso_navi dl dt {width:205px;}
.finso_navi dl dt br {display:none;}
.finso_navi dl dd {width:calc(100% - 205px);}

.finso_navi dl dd ul li {width:50%;}
.finso_navi dl dd ul li:nth-child(3) {border-right:1px solid #ddd;}
.finso_navi dl dd ul li:nth-child(2), .finso_navi dl dd ul li:last-child {border-right:0;}

.diagram {display:block; width:480px; margin:120px auto;}
.diagram .center {width:350px; height:350px; box-sizing:Border-box; margin:30px auto;position:relative; top:0; padding:210px 55px 0;}
.diagram .center::after {content:''; width:129px; height:148px; background:url('/service/finso_img/bio_logo.png')no-repeat center; position:absolute; top:50px; left:50%; margin-left:-65px;}
.diagram .center h3 {font-size:1.1rem;}
.diagram .dia_cont {width:100%; min-height:250px; padding:20px; background:url('/service/finso_img/bio_icon_m01.png')no-repeat bottom 20px right 20px;}
.diagram .dia_cont.right {background:url('/service/finso_img/bio_icon_m02.png')no-repeat bottom 20px right 20px;}
.diagram .dia_cont h4 {font-size:1.1rem; margin:0 0 10px;}


.why_list li {width:50%; background-size:40px !important;}
.why_list li:nth-child(8) {background-size:80px !important;}

.bio_con dl {padding:30px 25px;}

.workflow_list dl dt {width:90px; height:90px;}

.workflow_list_wrap::before {height:35px;}
.workflow_list_wrap::after {height:35px;}
.workflow_list {justify-content: space-between;}
.workflow_list::before {bottom:144px;}
.workflow_list::after {width:30px; height:382px;}
.workflow_list dl {width:200px;}
.workflow_list dl br {display:none;}
.workflow_list dl dt img {max-width:40px;}


.bio_main_info {padding:30px 35px;}
.bio_main_info div {padding-left:30px;}

.bio_main_info_table dl dt {padding:15px 10px;}
.bio_main_info_table dl dd {padding:15px;}


.professional_list dl {width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:15px; padding:35px 25px 60px; background-position:right 30px bottom 30px; background-size:45px;}
.professional_list dl dt i {width:40px; height:40px; line-height:40px;}
.professional_list dl dt h4 span {display:block; margin-left:0; }
.professional_list dl dd p.dots::after {top:8px;}

.flow_list_wrap.six::before {top:auto; bottom:92px;}
.six .flow_list::after {content:''; width:100%; height:50px; background: linear-gradient( to right, #dccfee, #2f277d); position:absolute; bottom:105px; left:0;}
.six .flow_list dl {width:33.33%;}
.six .flow_list dl:nth-child(-n+3) {margin-bottom:60px;}

}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

/****** NGS - 230127 ******/
.workflow_list {display:block;}
.workflow_list_wrap::before {display:none;}
.workflow_list_wrap::after {display:none;}
.workflow_list::before, .workflow_list::after {display:none;}
.workflow_list dl {width:100%; margin-bottom:50px !important;}
.workflow_list dl:last-child {margin-bottom:0 !important;}

.workflow_list dl:nth-child(4) {order:4;}
.workflow_list dl:nth-child(5) {order:5;}
.workflow_list dl:nth-child(6) {order:6;}


.scroll_768 {overflow-x:scroll;}
.scroll_768 table {width:900px !important;}

.flow_list {display:block;}
.flow_list_wrap::before {display:none;}
.flow_list_wrap::after {display:none;}
.flow_list::before, .workflow_list::after {display:none;}
.flow_list dl {width:100%; margin-bottom:50px !important;}
.flow_list dl:last-child {margin-bottom:0 !important;}

.bio_main_con .gray .tit .cont_tit {margin:0 0 15px;}
.four .flow_list dl:nth-child(3) dd {padding-bottom:0;}
.flow_list dl dd div {position:relative; top:0; bottom:0; left:0; margin:0 auto; padding:20px; transform:translateX(0)}

.flow_list_wrap.six::before {display:none;}
.six .flow_list::after {display:none;}
.six .flow_list dl {width:auto;}
.six .flow_list dl:nth-child(-n+3) {margin-bottom:50px;}

/****** NGS - 230127 ******/

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 




h3.ser_title {margin:40px 0 20px;}

h3.ser_title a {top:3px; padding-right:25px; font-size:13px;}
h3.ser_title a:before {width:15px; height:9px; top:1px;}
h3.ser_title a:after {bottom:-5px; }

.ser_intro .imgCont {padding:0; border:0;}
.ser_intro .txtCont {margin:15px 0 0;}
		.ser_intro .txtCont h3 {font-size:1.4rem; margin:0 0 7px;}
		.ser_intro .txtCont .btnList a.faqBtn {background-size:20px !important;}

.intro h3 {font-size:1.4rem;}
.intro p {margin:10px 0 20px;}
		.introCont {display:block;}
		.introCont dl {width:100% !important; margin-right:0 !important;}
		.introCont dl dt {line-height:40px;}
		.introCont dl dd {height:calc(100% - 40px); padding:15px;}
		.introCont dl dd img {top:0; left:0; transform:translate(0,0);}

.analysisCont {display:block;}
.analysisCont dl {width:100%;}
.analysisCont dl.pad30 {padding:15px 15px 30px;}
.analysisCont dl:last-child {border-left:1px solid #ddd; border-top:0;}
.analysisCont dl dd {padding:10px 10px 30px; box-sizing:border-box;}
.analysisCont dl dd.imgNone {padding:10px;}
		.analysisCont dl dt.gray {padding:20px; height:auto; max-height:auto;}
		.analysisCont dl dt.gray img {top:0; transform:translateY(0);}

.analysisCont dl dd h4 {font-size:1.15rem; margin:0 0 3px;}
.analysisCont dl dd p {padding-left:10px;}
.analysisCont dl dd p:after {top:10px;}
.analysisCont dl dd p.nodot {display:none;}
.analysisCont dl dd p.nodot:after {display:none;}

.analysis3 dl {width:100%; margin-right:0px;}


.faqBtn {margin:30px auto 0; width:140px; height:45px; padding:0 15px; line-height:45px; background:#59289c url('/service/img/faqBtn.png')no-repeat center right 15px !important;  background-size:18px !important;}
.faqBtn:hover {background:#fff url('/service/img/faqBtn_up.png')no-repeat center right 15px !important; }


.clinic01 dl {width:100%; margin-right:0; padding:25px 10px; margin-bottom:15px;}
.clinic01 dl dt {font-size:1.176rem; margin:0 0 7px;}


/******* S:: Healthcare *******/
/* Arrows */
.history {margin:100px 0 60px;}
.history .slick-prev, .history .slick-next {top:-75px; width:80px; height:45px; background-size:15px !important;}
.history .slick-prev {left:50%; margin-left:-80px; background:url('/img/prevArrow_b.png')no-repeat center left 15px;}
.history .slick-prev:hover {background:url('/img/prevArrow_p.png')no-repeat center left 15px; color:#59289c; border:1px solid #59289c; z-index:70 !important; color:#59289c;}
.history .slick-prev::before {font-size:13px; left:10px;}
.history .slick-next {right:50%; margin-right:-79px; background:url('/img/nextArrow_b.png')no-repeat center right 15px;}
.history .slick-next:hover {background:url('/img/nextArrow_p.png')no-repeat center right 15px; color:#59289c; border:1px solid #59289c; z-index:70!important;}
.history .slick-next::before {font-size:13px; left:-10px;}

.his_cont {padding-top:30px; margin:0 10px;}
.his_cont:after {width:8px; height:8px; border:2px solid #59289c;  top:-12px; left:50%; margin-left:-4px; background:#fff;}
.his_cont:before {height:25px;}
.his_cont .year {font-size:1.6rem; margin:0 0 20px;}
.his_cont img {max-width:50px; max-height:50px;}
.his_cont p {margin:15px 0 0;}

.product_cont dl {padding:20px}
.product_cont dl dt {width:100px; vertical-align:top; padding:5px 0 0;}
.product_cont dl dd {width:calc(100% - 100px); vertical-align:top;}
.product_cont dl dd p {position:relative; display:inline-block; font-size:1rem; color:#666; letter-spacing:-0.5pt; line-height:1; margin-right:20px;}
.product_cont dl dd p:after {content:''; width:1px; height:10px; background:#bbb; position:absolute; top:2px; right:-10px;}
.product_cont .btnList {margin:25px auto 0;}
.product_cont .btnList a {width:49% !important; margin-right:2%; margin-bottom:2%;}
.product_cont .btnList a:nth-child(2n) {margin-right:0 !important;}

.health01_in {margin:30px 0 0;}
.health01_in dl {width:50%; margin-bottom:30px; padding:0 10px; box-sizing:border-box;}
.health01_in.five dl {width:50%;}
.health01_in dl img {width:80px;}
.health01_in dl dd {font-size:1rem; color:#222; line-height:1.4; margin:10px 0 0;}
.health_cont > .stxt {margin:-10px auto 0;}

.feature_cont dl {width:100%; margin-right:0; margin-bottom:20px; padding:20px;}
.feature_cont dl dt {width:60px;}
.feature_cont dl dt img {max-width:40px; max-height:45px;}
.feature_cont dl dd {width:calc(100% - 60px);}
		.feature_cont dl dd h4 {margin:0 0 5px;}
		.feature_cont dl dd p {padding-left:10px;}
		.feature_cont dl dd p:after {width:3px; height:3px; top:10px;}

.health03_02 li {width:100%; margin-right:0; line-height:50px; margin-bottom:10px;}
.health03_02 .btnList {margin:20px 0 0;}
.health03_02 .btnList a {width:100% !important; margin-right:0 !important; margin-bottom:10px;}

.health_service {margin:60px 0 0;}

.dotBox {padding:30px 20px; margin:25px 0 0;}
.dotBox h4 {width:100%; display:block; margin:0 0 20px !important;}
.dotBox h4 br {display:none; }
.dotBox ul {width:100%; display:block;}

.guide_in dl {padding:25px 15px; display:block;}
.guide_in dl dt {width:100%; display:block;}
.guide_in dl dt  br {display:none;}
.guide_in dl dd {width:100%; display:block; margin:30px 0 0;}
		.guide_in dl h4 {font-size:1.1rem;}
		.guide_in dl span {margin:20px 0 7px;}
		.guide_in dl p {font-size:13px;}

		.sub_txt {font-size:13px; margin:15px auto 0;}
/******* E:: Healthcare *******/


/******* S:: Bio IT Solutions *******/
.solution_in .stxt {margin:10px 0 60px;}
.solution02 .solution_in .stxt, .solution03 .solution_in .stxt {margin:-10px 0 40px;}

.advantage_in dl {width:calc((100% - 20px) / 2); padding:60px 15px 30px; margin-right:20px; margin-bottom:20px;}
.advantage_in dl br {display:none;}
.advantage_in dl dt img {max-width:50px; max-height:50px;}
.advantage_in.four dl {width:calc((100% - 20px) / 2);}
.advantage_in dl:nth-child(2n) {margin-right:0;}
		.advantage_in dl dd h4 {font-size:1.15rem; margin:20px 0 10px;}
		.advantage_in.four dl dd p {margin:20px 0 0;}
.num {width:40px; height:40px; margin-left:-20px; line-height:40px;}

.advantage02_in dl br {display:none;}
.advantage02_in dl {width:calc((100% - 20px) / 2); margin-bottom:20px;}
.advantage02_in dl:nth-child(2n) {margin-right:0;}
.advantage02_in dl dd {padding:25px 15px;}
		.advantage02_in dl dd h4 {font-size:1.15rem; margin:0 0 7px;}


.function_in {}
.function_in dl {width:50%; padding:15px 20px; font-size:0;}
.function_in dl dt {width:50px;}
.function_in dl dt img {max-height:35px; max-width:35px;}
.function_in dl dd {width:calc(100% - 50px);}



/****** NGS - 230127 ******/
#finso_quick {width:250px;}
#finso_quick .q_btn .menu {width:calc(100% - 45px); line-height:40px; background-size:16px; height:40px;}
#finso_quick.on .q_btn .menu {width:40px;}
#finso_quick .q_btn .close {width:40px; height:40px;}
#finso_quick .q_menu {padding:10px;}
#finso_quick .q_menu li {margin:0 0 5px; padding-left:15px;}
#finso_quick .q_menu li .q_tit span {width:8px; height:8px;  left:-15px; top:4px;}
#finso_quick .q_menu .q_sMenu {padding:5px 0 0;}
#finso_quick .q_menu .q_sMenu a::after {top:6px;}



.cont_tit.marb30 {margin:0 0 20px;}
.tit span {font-size:1.2rem;}

.finso_new_cont .down_btn {margin:30px 0 0;}
.finso_new_cont .downBtn {width:130px; height:40px; line-height:38px; padding:0 10px; background:#fff url("/service/finso_img/down.png")no-repeat center right 10px / 12px;}
.finso_new_cont .downBtn:hover {background:#59289c url("/service/finso_img/down_up.png")no-repeat center right 10px / 12px;}

.mark_txt {margin:45px 0 15px;}
.mark_txt p {background-size:12px !important; padding-left:18px;}
.mark_txt p::after {width:12px; height:12px; background-size:100% !important;}
.finso_navi dl dt {width:100%; padding:10px;}
.finso_navi dl dd {width:100%; padding:10px; border-top:0; border-left:1px solid #ddd; }

.finso_navi dl dd ul li {width:calc((100% - 15px) / 2); padding-left:0; margin:2px 0; margin-right:15px;}
.finso_navi dl dd ul li:nth-child(2n) {margin-right:0;}


.diagram {display:block; width:300px; margin:60px auto;}
.diagram .center {width:280px; height:280px; box-sizing:Border-box; margin:30px auto;position:relative; top:0; padding:158px 30px 0;}
.diagram .center::after {content:''; width:65px; height:148px; background:url('/service/finso_img/bio_logo.png')no-repeat center / 100%; position:absolute; top:25px; margin-left:-32px;}
.diagram .center h3 {font-size:1.1rem;}
.diagram .dia_cont {width:100%; min-height:auto; padding:20px; background:url('/service/finso_img/bio_icon_m01.png')no-repeat bottom 20px right 20px; border-radius:15px; background-size:30px !important;}
.diagram .dia_cont.right {background:url('/service/finso_img/bio_icon_m02.png')no-repeat bottom 20px right 20px;}
.diagram .dia_cont h4 {font-size:1.1rem; margin:0 0 10px;}
.diagram .dia_cont p {padding-left:10px;}
.diagram .dia_cont p::after {top:7px; width:2px; height:2px;}

.why_list {margin:30px 0 0;}
.why_list li {width:50%; background-size:30px !important; background-position:top 20px right 20px; padding:80px 20px 25px;}
.why_list li:nth-child(8) {background-size:60px !important;}
.why_list li span b {font-size:1.5rem;}


.certi_rolling {margin-left:-15px; padding:0 45px;}
.certi_rolling .slick-arrow {width:30px; height:30px; transform:translateY(-15px); background-size:12px !important;}
.certi_rolling .slick-prev {left:15px;}
.certi_rolling .slick-next {right:0;}
.certi_rolling li {margin-left:15px;}
.certi_rolling li p {margin:15px 0 0;}

.bio_con dl {padding:20px; display:block; text-align:center; margin:35px 0 15px;}
.bio_con dl dt {width:100%;}
.bio_con dl dt img {width:105px;}
.bio_con dl dd {width:100%; padding-left:0; margin-top:30px;}
.bio_list li {width:calc((100% - 10px) / 2); margin-right:10px; padding:10px;}
.bio_list li h4 {padding:0 0 10px;}

.bio_main_info {display:block; padding:20px; text-align:center; margin:20px 0;}
.bio_main_info span {width:100%; }
.bio_main_info span img {display:block; margin:0 auto; width:65px;}
.bio_main_info div {width:100%;  padding-left:0; padding-top:25px;}

.bio_main_info_table dl {width:100%; margin:0 0 15px !important;}
.bio_main_info_table dl dt {padding:13px 10px;}
.bio_main_info_table dl dd {padding:10px;}

.professional_list dl {width:100%; margin-right:0; margin-bottom:15px; padding:35px 25px 60px; background-position:right 25px bottom 25px; background-size:40px;}
.professional_list dl dt i {width:35px; height:35px; line-height:35px;}
.professional_list dl dt p.purple {margin;5px 0 10px;}

.professional_list dl dd {padding:10px 0 0;}
.professional_list dl dd p.dots {padding-left:8px;}
.professional_list dl dd p.dots::after {top:8px; width:2px; height:2px;}


}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 

.health03_02 li {width:100%; margin-right:0; line-height:50px; margin-bottom:10px;}


/******* S:: Bio IT Solutions *******/
.advantage_in dl {width:100%; padding:60px 15px 30px; margin-right:0; margin-bottom:15px;}
.advantage_in.four dl {width:100%;}
		.advantage_in dl dd h4 {font-size:1.15rem; margin:20px 0 10px;}
		.advantage_in.four dl dd p {margin:20px 0 0;}

.advantage02_in dl br {display:none;}
.advantage02_in dl {width:100%; margin-bottom:20px; margin-right:0;}
.advantage02_in dl dt img {width:100%;}
.advantage02_in dl dd {padding:25px 15px;}
		.advantage02_in dl dd h4 {font-size:1.15rem; margin:0 0 7px;}


.bio_list li {width:100%; margin-right:0; margin-bottom:15px;}

}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) { 

}