@import url("common.css");

#footer {height:auto !important;}

#visual {position:relative; overflow:hidden; width:100%; height:480px;}
#visual .subtop {width:100%; height:100%; animation:animate_background 3.5s linear forwards; background-size:cover;}
	.subtop_bio {background:url('/img/subtop_bio.jpg') center 0 no-repeat;}
	.subtop_about {background:url('/img/subtop_about.jpg') center 0 no-repeat;}
        .subtop_about2 {background:url('/img/test/2222x1040px.jpg') center 0 no-repeat;}
	.subtop_service {background:url('/img/subtop_service.jpg') center 0 no-repeat;}
	.subtop_rnd {background:url('/img/subtop_rnd.jpg') center 0 no-repeat;}
	.subtop_technique {background:url('/img/subtop_technique.jpg') center 0 no-repeat;}
	.subtop_promotion {background:url('/img/subtop_promotion.jpg') center 0 no-repeat;}
	.subtop_customer {background:url('/img/subtop_customer.jpg') center 0 no-repeat;}
	.subtop_recruite {background:url('/img/subtop_recruite.jpg') center 0 no-repeat;}
	.subtop_other {background:url('/img/subtop_recruite.jpg') center 0 no-repeat;}

#visual .subtop_txt {position:absolute; top:50%; left:50%; margin-left:-605px; transform:translate(0,0);}
#visual .subtop_txt h2 {font-family:'Manrope', sans-serif; font-size:4.412rem; color:#fff; font-weight:900; line-height:100% !important; margin:0 0 30px;}
#visual .subtop_txt p {font-size:1.176rem; color:#fff; line-height:100%; letter-spacing:-0.5pt; animation:visual_ani 0.6s linear forwards; animation-delay:1s;  opacity:0; position:relative; top:40px;}



.about_visual {height:100vh !important;}
.about_visual .subtop_txt {top:24% !important;}
.about_visual .subtop_txt_right {position:absolute; bottom:20%; right:50%; margin-right:-605px; text-align:right; }
.about_visual .subtop_txt_right h3 {font-size:2.353rem; color:#fff; letter-spacing:-1pt; line-height:1.3; font-weight:200; margin:0 0 25px; animation: slide-up2 1.25s forwards; opacity:0; animation-delay:1.6s;}
.about_visual .subtop_txt_right h3 span {font-size:inherit; letter-spacing:inherit; line-height:inherit;}
.about_visual .subtop_txt_right .stxt {color:rgba(255,255,255,0.7); animation: slide-up2 1.25s forwards; opacity:0; animation-delay:1.8s;}
.about_visual .scroll {animation:fadein 1s ease-in-out forwards; animation-delay:1s;}


@keyframes animate_background {
	0% {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
	100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
}

/*** ���־� �ؽ�Ʈ ȿ�� ***/
#visual .visual-tit,#visual .sub-txt{opacity:0;}
#visual .whitespace {width:17px; height:0; display:inline-block;}
#visual .visual-tit .char,#visual .sub-txt .word{display:inline-block; opacity:0;}
#visual .visual-tit.splitting,#visual .sub-txt.splitting{opacity:1.0;}
#visual .visual-tit.splitting .char {animation: slide-up 1.25s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc( .5s + (.05s * var(--char-index)) );}
			#visual h2.visual-tit .char {font-family:'Manrope', sans-serif; line-height:85%;}

@keyframes slide-up {
	from{opacity:0; transform: translateY(125%);}
	to{opacity:1.0; transform: translateY(0);}
}

@keyframes slide-up2 {
	from{opacity:0; transform: translateY(0);}
	to{opacity:1.0; transform: translateY(30%);}
}


@keyframes visual_ani {
	from{top:40px; opacity:0;}
	to{top:0; opacity:1;}
}
/*** ���־� �ؽ�Ʈ ȿ�� ***/


#contents{position:relative; overflow:hidden; opacity:0; animation:fadein 1.2s forwards; animation-delay:0.5s;}
.contents_in {}
.contents_in h3.title {font-size:2.353rem; letter-spacing:-1.6pt; color:#222; font-weight:bold; line-height:1; text-align:center; padding:100px 0 60px;}
.contents_in h3.title sup {font-size:1.4rem;}
.contents_in h3.title.pdt130 {padding:130px 0 60px;}
.sub_title {display:block; font-family:'Manrope', sans-serif; font-size:1.176rem; color:#222; font-weight:600; line-height:1.6; text-align:center;}
.stxt {font-size:1rem; color:#777; letter-spacing:-0.5pt; line-height:1.7; word-break: keep-all;}
.stxt sup {font-size:12px;}
.stxt.font20 {font-size:1.176rem; color:#222; letter-spacing:-0.5pt; line-height:1.6; text-align:center; margin:-27px 0 60px;}
.font24 {font-size:1.412rem !important;}
.center {text-align:Center;}
.cont_tit {font-size:1.882rem; color:#222; font-weighT:bold; letter-spacing:-0.7pt; text-align:center; line-height:1; margin:0 0 55px;}
.cont_tit.marb30 {margin:0 0 30px;}
.cont_tit span {font-size:inherit; font-weight:200; letter-spacing:inherit; line-height:inherit;}
.cont_tit.eng {font-family:'Manrope', sans-serif; letter-spacing:0 !important;}

		.cont_tit i {position:relative; top:-9px; display:inline-block; width:25px; height:25px; background:#59289c; border-radius:100%; color:#fff; line-height:25px; text-align:center; margin-right:10px; font-size:13px; font-weight:bold; font-style:normal; box-sizing:border-box;}
		.cont_tit.white i {border:2px solid rgba(255,255,255,0.5); background:transparent; line-height:22px;}

.borderBox {border:1px solid #ddd; box-sizing:border-box; padding:70px 30px;}
.borderBox img {display:block; margin:0 auto; max-width:100%;}


.lnb {border-bottom:1px solid #ddd;}
	.lnb ul{width:1230px; margin:0 auto; font-size:0;}
	.lnb li {display:inline-block; margin-right:50px;}
	.lnb li a {position:relative; font-size:1rem; color:#888; letter-spacing:-0.4pt; line-height:90px; transition:all 0.5s;}
	.lnb li a:after {content:''; width:0; height:3px; background:#59289c; position:absolute; top:30px; left:0; transition:all 0.5s;}
	.lnb li a:hover {color:#59289c; transition:all 0.5s; }
	.lnb li a:hover:after {width:100%; transition:all 0.5s;}
	.lnb li.left_linktop a {color:#59289c; font-weight:bold;}
	.lnb li.left_linktop a:after {width:100%;}



/*** ����css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35 {padding-top:35px}
.tpad_40 {padding-top:40px}
.tpad_80 {padding-top:85px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.bpad_100{margin-bottom:100px}
.mart60 {margin:60px 0 0}
.mart60 img {max-width:100%;}


.compad {padding:130px 0 !important;}
.compad_t {padding:130px 0 0 !important;}
.compad_b {padding:0 0 130px !important;}


.white {color:#fff !important;}
.black {color:#222 !important;}
.purple {color:#57289c !important;}


.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}

.sub_title2 {color: #222; font-weight: 300; font-size: 1.882rem; line-height: 1.3; word-break: keep-all; margin: 0 0 15px; letter-spacing:-1.5pt}

.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.table_style th {font-family:'Manrope', sans-serif; width:320px; font-size:15px; color:#222; font-weight:bold; line-height:1.7; letter-spacing:0.3pt; background:#f9f9f9; border-bottom:1px solid #ddd; 
padding:15px 20px; text-align:left; box-sizing:border-box; vertical-align:top;}
.table_style td {font-family:'Manrope', sans-serif; border-bottom:1px solid #ddd; padding:15px 25px; color:#666; letter-spacing:0.3pt; font-weight:400; line-height:1.7;  box-sizing:border-box; vertical-align:top;}
.table_style td.kor {font-family:'Noto Sans KR', sans-serif !important; letter-spacing:-0.3pt; border-left:1px solid #ddd;}
.table_style td.mark_tit {background:#f9f9f9; color:#222; font-weight:bold; border-left:1px solid #ddd;}

.table_in {position:relative; }
.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.table_style2 th {font-family:'Manrope', sans-serif; font-size:15px; color:#222; letter-spacing:-0.5pt; background:#f9f9f9; font-weight:bold; letter-spacing:-0.5pt; padding:18px 0; border-right:1px solid #ddd; border-bottom:1px solid #Ddd;}
.table_style2 td {border-bottom:1px solid #ddd; font-size:15px; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd; font-weight:400; color:#59289c;}
.tab_tit {background:#f9f9f9;}
.tab_tit.eng {font-family:'Manrope', sans-serif; font-weight:500;}
.brd0 {border-right:0 !important;}

.graph {width:875px; position:absolute; right:0; top:60px; height:260px; text-align:left;}
.graph dl {height:52px; font-size:0; padding:10px 0; box-sizing:border-box;}
.graph dl dt {width:170px; display:inline-block; font-size:15px; line-height:35px; text-align:right; background:url('/img/purpleArrow.png')no-repeat center right; color:#fff; padding:0 25px; box-sizing:border-box; letter-spacing:-0.5pt;
 font-weight:400; position:relative; z-index:10;}
.graph dl dd {width:calc(100% - 180px); display:inline-block; font-size:15px; line-height:35px; text-align:center; letter-spacing:-0.5pt; color:#222; font-weight:400; background:url('/img/grayArrow.png')no-repeat center right; 
margin-left:-30px;}

.graph dl.one dt {width:580px;}
.graph dl.one dd {width:calc(100% - 550px);}
.graph dl.two dt {width:390px;}
.graph dl.two dd {width:calc(100% - 360px);}
.graph dl.three dt {width:210px;}


.gray {background:#f5f5f5;}
.grayBox {border:1px solid #ddd; padding:65px 20px;}
.grayBox img {max-width:100%; display:block; margin:0 auto;}



.dotCont {border:1px solid #ddd; padding:30px 35px;}
.dotCont h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.7; margin:0 0 7px;}
.dotCont li {position:relative; padding-left:13px; font-family:'Manrope', sans-serif; font-size:1rem; color:#666; letter-spacing:0.3pt; line-height:1.7; margin:0 0 3px; word-break: keep-all;}
.dotCont li span {display:inline-block; widtH:155px; color:#222; letter-spacing:inherit; line-height:inherit;}
.dotCont.kor li {font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.6pt;}
.dotCont li:last-child {margin:0;}
.dotCont li:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:12px; left:0;}




/******* S::�ǹ�ư *******/
#sticky-wrapper {margin:0 auto 100px;}
.is-sticky .tabCont {top:110px !important; z-index:999 !important;}
.tabCont {margin:0 auto 90px; background:#fff;}
.tabCont ul {display:flex; flex-wrap:wrap; align-items: center; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
.tabCont ul.five li {width:20%;}
.tabCont ul.seven li {width:14.28%;}
.tabCont ul.three li {width:33.33%;}
.tabCont ul.two li {width:50%;}
.tabCont ul.kor li a {font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.6pt;}
.tabCont ul li {width:16.66%; min-height:75px; /* border-right:1px solid #ddd; border-bottom:1px solid #ddd; */ box-sizing:border-box; text-align:center;}
.tabCont ul li a {position:relative; font-family:'Manrope', sans-serif; display: flex; align-items: center; justify-content: center; flex-direction:column; min-height:75px; color:#777; line-height:1.17; font-size:1rem; 
z-index:10; transition:all 0.4s; padding:0 10px; word-break: keep-all;}
.tabCont ul li a:hover {color:#59289c; transition:all 0.4s; z-index:20;}
.tabCont ul li a:after {content:''; width:calc(100% + 2px); height:calc(100% + 2px); background:transparent; position:absolute; top:-1px; left:-1px; z-index:-1; transition:all 0.4s; border-bottom:1px solid #ddd;
border-right:1px solid #ddd; border-top:1px solid transparent; border-left:1px solid transparent; box-sizing:border-box;}
.tabCont ul li a:hover:after {border:1px solid #59289c; transition:all 0.4s;}
.tabCont ul li.tab_up a, .tabCont ul li a.mPS2id-highlight {color:#fff; font-weight:bold; transition:all 0.4s; z-index:25;}
.tabCont ul li.tab_up a:after, .tabCont ul li a.mPS2id-highlight:after {background:#59289c; border:1px solid #59289c; transition:all 0.4s;}

.tabCont.ver2 {margin:0 auto 50px;}
.tabCont.ver2 ul {display: table; width: 100%; table-layout: fixed;}
.tabCont.ver2 ul li {display: table-cell; vertical-align: middle; width:auto}
.tabCont.ver2 ul li a {font-family:'Noto Sans KR', 'Manrope', sans-serif}

.subTab {text-align:center; border-bottom:1px solid #ddd; padding:20px 15px;}
.subTab a {position:relative; font-family:'Manrope', sans-serif; display:inline-block; font-weight:400; color:#777; font-size:15px; line-height:1; margin:10px 15px; transition:all 0.4s;}
.subTab a:after {content:''; width:100%; height:1px; background:#59289c; position:absolute; bottom:-3px; left:0; opacity:0;}
.subTab a.tab_up {color:#59289c; font-weight:bold;}
.subTab a:hover {color:#59289c; transition:all 0.4s;}
.subTab a.tab_up:after {opacity:1;}
/******* E::�ǹ�ư *******/


/****** S::�׶������̿� - �Ұ� ******/
.location_cont {}
.location_cont .wrap_controllers {display:none;}
.location_cont .location {display:table; width:100%; margin:0 0 50px;}
.location_cont .location:last-child {margin:0;}
.location_cont .location > div {display:table-cell; width:50%; vertical-align:middle;}
.location_cont .location > .map_txt {position:relative; background:#fff; padding:0 70px;}
		.location_cont .location > .map_txt h4 {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; line-height:1.25; font-weight:bold; margin:0 0 15px;}
		.location_cont .location > .map_txt ul {margin:25px 0 0;}
		.location_cont .location > .map_txt li {font-family:'Manrope', sans-serif; padding-left:25px; box-sizing:border-box; color:#777; font-weighT:400; line-height:1; margin:0 0 15px;}
		.location_cont .location > .map_txt li.tel {background:url('/img/tel.png')left center no-repeat;}
		.location_cont .location > .map_txt li.fax {background:url('/img/fax.png')left center no-repeat;}
		.location_cont .location > .map_txt li.email {background:url('/img/email.png')left center no-repeat; margin:0;}

.mapBtn {position:absolute; bottom:0; right:0; font-size:0;}
.mapBtn a {position:relative; display:inline-block; width:70px; height:70px; border:1px solid #59289c;}
.mapBtn a.detail {background:#59289c;}
.mapBtn a.detail:after {content:''; width:17px; height:23px; background:url('/img/detail.png')center no-repeat; background-size:100% !important; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-8px; transition: all 0.5s;}
.mapBtn a.print {background:#fff;}
.mapBtn a.print:after {content:''; width:25px; height:23px; background:url('/img/print.png')center no-repeat; background-size:100% !important; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-12px; transition: all 0.5s;}
.mapBtn a:hover:after {transform:rotateY(360deg); transition: all 0.5s;}
/****** E::�׶������̿� - �Ұ� ******/



/****** S::�׶������̿� - CEO �λ縻 ******/
.ceo_cont {position:relative; background:url('/img/ceo_bg.jpg')top center no-repeat;}
.ceo_cont .imgCont {width:410px; position:absolute; top:0; right:0;}
.ceo_cont .imgCont img {max-width:100%;}
.ceo_cont .txtCont {display:inline-block; width:calc(100% - 410px);  box-sizing:border-box; padding:30px 70px 95px 0;}
		.ceo_cont .txtCont span {font-family:'Manrope', sans-serif; font-size:1.176rem; color:#59289c; font-weight:bold; line-height:1;}
		.ceo_cont .txtCont h3 {font-size:2.353rem; line-height:1.35; font-weight:300; color:#222; letter-spacing:-1.5pt; margin:20px 0;}
		.ceo_cont .txtCont h5 {font-size:1.176rem; color:#888; line-height:1.6; font-weight:300; letter-spacing:-0.7pt; margin:0 0 37px;}
		.ceo_cont .txtCont .stxt {margin:0 0 15px;}
		.ceo_cont .txtCont .dot_con{margin:0 0 30px;}
		.ceo_cont .txtCont .dot_con li {position:relative; font-size:0.882rem; color:#777; font-weight:400; letter-spacing:-0.5pt; line-height:1.6; padding-left:13px; box-sizing:border-box; margin:0 0 5px;}
		.ceo_cont .txtCont .dot_con li:last-child {margin:0;}
		.ceo_cont .txtCont .dot_con li:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:10px; left:0;}

.ceo_cont .profile {background:linear-gradient(140deg, #31277f, #5a289c); padding:45px 20px 45px 40px; box-sizing:border-box;}
.ceo_cont .profile h3 {font-size:1.412rem; color:#fff; font-weight:bold; letter-spacing:0.5pt;}
.ceo_cont .profile h3 span {display:inline-block; font-size:1rem; color:rgba(255,255,255,0.8); letter-spacing:-0.6pt; line-height:1; font-weight:300; letter-spacing:-0.5pt; margin-left:11px;}
.ceo_cont .profile h4 {font-size:1.176rem; font-weight:500; color:#fff; letter-spacing:-0.6pt; line-height:1; margin:33px 0 17px;}
.ceo_cont .profile ul li {position:relative; font-size:0.882rem; color:rgba(255,255,255,0.7); font-weight:400; letter-spacing:-0.5pt; line-height:1.6; padding-left:13px; box-sizing:border-box; margin:0 0 5px;}
.ceo_cont .profile ul li:last-child {margin:0;}
.ceo_cont .profile ul li:after {content:''; width:4px; height:4px; background:#fff; position:absolute; top:10px; left:0;}
/****** E::�׶������̿� - CEO �λ縻 ******/






/****** S::�׶������̿� - �̼�/���� ******/
.vision {border:1px solid #ddd; text-align:center; font-size:0; padding:70px 10px; box-sizing:border-box;}
.vision h4 {display:inline-block; margin-right:60px; font-family:'Manrope', sans-serif; color:#59289c; font-size:1.176rem; font-weight:bold;}
.vision p {display:inline-block; font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.7; word-break: keep-all;}

.mission {font-size:0;}
.mission dl {position:relative; display:inline-block; width:calc((100% - 60px) / 3); margin-right:30px;}
.mission dl:last-child {margin-right:0;}
.mission dl dt img {width:100%;}
.mission dl dd {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translate(0,-50%);}
		.mission dl dd h4 {font-family:'Manrope', sans-serif; color:#fff; font-weight:bold; font-size:1.176rem; line-height:1; margin:0 0 17px;}
		.mission dl dd p {font-size:1.176rem; color:#fff; letter-spacing:-0.6pt; line-height:1.5; word-break: keep-all;}

.mission dl:before {display:block; content:""; width:0; height:96%; border:1px solid #fff; box-sizing:border-box; position:absolute; top:2%; left:2%; opacity:0;  -ms-transform: skewX(-30deg); transition: all 0.3s ease-out; -webkit-transform: skewX(-30deg);  transform: skewX(-30deg); z-index:5;}
.mission dl:hover:before {opacity:.5; width:96%;  -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); transition: all 0.3s ease-out;}
/****** E::�׶������̿� - �̼�/���� ******/



/****** S::�׶������̿� - �ɹ� ��ũ ******/
.ci_cont {}
.ci01 {display:table;}
.ci01 .txtBox {display:table-cell; width:50%; vertical-align:middle; padding-right:100px; box-sizing:border-box;}
		.ci01 .txtBox h4 {font-size:1.176rem; color:#222; font-weight:500; line-height:1.6; letter-spacing:-0.5pt; margin:0 0 16px;}
.ci01 .imgBox {display:table-cell; width:50%; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box;}
.ci01 .imgBox img {width:100%;}


.btnList {font-size:0; margin:43px 0 0;}
.btnList a {display:inline-block; width:160px; height:55px; line-height:52px; font-size:15px; font-weight:400; color:#59289c; border:1px solid #59289c; box-sizing:border-box; padding:0 30px; letter-spacing:-0.4pt; margin-right:4px;
background:url('/img/down.png')no-repeat center right 30px;  transition:all 0.4s; text-align:left !important;}
.btnList .faqBtn {margin-top:0;}
.btnList a:last-child {margin-right:0 !important;}
.btnList a:hover {background:#59289c url('/img/down_up.png')no-repeat center right 30px; color:#fff; transition:all 0.4s;}
.btnList a.none{background-image:none; text-align:center !important;}

.ci02 .stxt {margin:30px 0 55px;}
.ci03 .stxt {margin:0 0 55px;}
.ci02 .stxt, .ci03 .stxt {text-align:center;}
.ci02 h3.title, .ci03 h3.title {padding:0 !important;}

/* ȸ��Ұ��� �ٿ�ε� */
.ci04 .stxt {margin:30px 0 55px;}
.ci03 .stxt {margin:0 0 55px;}
.ci04 .stxt {text-align:center;}
.ci04 h3.title {padding:0 !important;}
.ci04 .btnList{text-align:center;}
.ci04 .btnList a{width: 200px; background-color:#fff;}
.ci04 .btnList a:hover{background:#59289c url('/img/down_up.png')no-repeat center right 30px; color:#fff; transition:all 0.4s;}
/* ȸ��Ұ��� �ٿ�ε� */


.basic {font-size:0;}
.basic dl {display:inline-block; vertical-align:top; text-align:center; width:50%;}
.basic dl:nth-child(1) dt {border-right:0;}
.basic dl dt {height:395px; border:1px solid #ddd; box-sizing:border-box; background: url('/img/ci_bg.gif')repeat left top;}
.basic dl dt img {position:relative; top:50%; transform:translateY(-50%); max-width:80%; max-height:60%;}
.basic dl dd {font-size:1.176rem; color:#222; font-weighT:500; letter-spacing:-0.5pt; line-height:1; margin:25px 0 0;}

.ci_cont .sub_title {margin:29px 0 10px;}










/****** E::�׶������̿� - �ɹ� ��ũ ******/


/******* S:: R&D - �߾ӿ�����(R&D) *******/ 
.rnd_cont {text-align:center;}
.rnd_cont .grayBox{margin-top:-1px;}
.rnd_cont img {max-width:100%;}
.rnd_cont .stxt {margin:50px 0 65px;}

.schedule_cont .cont_tit {margin:100px 0 35px;}
/******* E:: R&D - �߾ӿ�����(R&D) *******/


/******* S:: R&D - DeepOmicsTM *******/
#deep img {max-width:100%;}

.neo_cont {display:flex; flex-wrap:wrap; margin:60px 0 0;}
.neo_cont dl {width:18.66%; border-right:1px solid #ddd; text-align:center; padding:10px; box-sizing:border-box;}
.neo_cont dl:last-child {border-right:0;}
.neo_cont dl.two {width:22%;}
		.neo_cont dl dt {font-size:1.176rem; color:#222; font-weight:500; line-height:1.4; letter-spacing:-0.6pt;}
		.neo_cont dl dd {line-height:1.6; letter-spacing:-0.5pt; margin:15px 0 0;}
		.neo_cont dl img {margin:20px 0 0;}

.rnd_table {display:table; width:100%; margin:92px 0;}
.rnd_table > h4 {display:table-cell; width:390px; vertical-align:top; font-size:1.412rem; font-weight:bold; color:#222; line-height:1.3; letter-spacing:-0.6pt;}
.rnd_table > div.cont {display:table-cell; width:calc(100% - 390px); vertical-align:top;}
		.rnd_table > div.cont h5 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; font-weight:500; line-height:1.6; margin:0 0 7px;}
		.rnd_table > div.cont p.dot {position:relative; padding-left:13px; line-height:1.6; letter-spacing:-0.6pt; margin:0 0 7px;}
		.rnd_table > div.cont p.dot:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:12px; left:0;}

		.rnd_table > div.cont .result {margin:60px 0 0;}
		.rnd_table > div.cont .result dl {display:table; width:100%;}
		.rnd_table > div.cont .result dl dt {display:table-cell; width:200px; vertical-align:middle;}
		.rnd_table > div.cont .result dl dt span {display:block; width:200px; height:200px; border-radius:100%; border:10px solid #59289c; box-sizing:border-box; text-align:center; padding:30px 0;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1.176rem; margin:10px 0 0;}
		.rnd_table > div.cont .result dl dd {display:table-cell; width:calc(100% - 200px); padding-left:45px; vertical-align:middle;}

		.rnd_table > div.cont .result dl.two {margin:30px 0;}
		.rnd_table > div.cont .result dl.two dt span {border:10px solid #31277f; }
		.rnd_table > div.cont .result dl.two dt h4 {color:#31277f;}

.marker_cont {position:relative; font-size:0; width:100%; margin:45px 0 0;}
.marker_cont .imgCont {width:155px; display:inline-block; vertical-align:top; position:absolute; top:0; left:0;}
.marker_cont .marker {padding-left:210px; display:flex; flex-wrap:wrap; vertical-align:top; width:100%;}
.marker_cont .marker dl {text-align:center; width:calc((100% - 30px) / 2); margin-right:30px; margin-bottom:30px; vertical-align:top; border:1px solid #ddd;}
.marker_cont .marker dl:nth-child(2n) {margin-right:0}
.marker_cont .marker dl:nth-child(2n) dt {background:#31277f;}
.marker_cont .marker dl dt {color:#fff; font-weight:400; line-height:1.6; background:#59289c; font-size:1rem; padding:14px 10px; box-sizing:border-box; width:calc(100% + 2px); position:relative; top:-1px; left:-1px; z-index:10;}
.marker_cont .marker dl dd {font-size:1rem; padding:25px 15px; font-size:15px; font-weight:400; line-height:1.6; letter-spacing:-0.6pt;}
.marker_cont .marker p {font-size:15px; font-weight:400; line-height:1.6; letter-spacing:-0.6pt;}


#ffpe .grayBox {padding:30px;}
#ffpe .rnd_table > div.cont h5 {padding-bottom:25px; margin:50px 0 0;}
#ffpe .rnd_table > div.cont h5:first-child {margin:0;}


.ffpe_info {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; box-sizing:border-box;  padding:55px 30px 50px 0;}
.ffpe_info dt {width:390px;}
.ffpe_info dt img {display:block; margin:0 auto;}
.ffpe_info dd {width:calc(100% - 390px); }
.ffpe_info dd h4 {font-size:20px; line-height:1.5; font-weight:300; color:#222; }
.ffpe_info dd span {display:block; font-weight:bold; color:#59289c; letter-spacing:-0.6pt; line-height:1.5; margin:20px 0 10px;}
.ffpe_info dd p {letter-spacing:-0.6pt; line-height:1.6;}



.gray_textBox {padding:20px 0 0; box-sizing:border-box; border:1px solid #ddd; margin:30px 0 0;}
.gray_textBox img {max-width:90%; display:block; margin:0 auto;}
.gray_textBox span {margin:20px 0 0; display:block; border-top:1px solid #ddd; background:#f9f9f9; line-height:55px; text-align:center; font-size:15px; letter-spacing:-0.3pt; font-weight:400;}

.ffpe_work {display:flex; flex-wrap:wrap; position:relative; z-index:10;}
.ffpe_work::before {content:''; width:51px; height:51px; background:#fff url("/img/down_arrow.png")no-repeat center; border-radius:100%; position:absolute; top:485px; left:50%; transform:translateX(-25px); box-shadow:0 10px 20px rgba(0,0,0,0.05);}
.ffpe_work::after {content:''; width:90%; height:88px; background:url("/img/ffpe_work_bg.png")no-repeat center / 100%; position:absolute; top:450px; left:50%; transform:translateX(-50%); z-index:-1;}
.ffpe_work li {display:flex; flex-wrap:wrap; justify-content: center; align-content: center; position:relative; width:calc((100% - 60px) / 3); margin-right:30px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; padding:45px 15px; text-align:center; background:#fff;}
.ffpe_work li::after {content:''; width:30px; height:9px; background:url("/img/ffpe_arrow.png")no-repeat center; position:absolute; top:50%; right:-31px; margin-top:-4px;}
.ffpe_work li:nth-child(3n) {margin-right:0;}
.ffpe_work li:nth-child(-n+3) {margin-bottom:50px;}
.ffpe_work li i {display:block; width:26px; height:26px; line-height:26px; color:#fff; background:#31277f;  font-size:13px; font-weight:bold; font-style:normal; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.ffpe_work li h6 {width:100%; font-family:'Manrope', sans-serif; font-size:15px; font-weight:500; color:#222; letter-spacing:0.2pt; line-height:1.3; margin:13px 0 15px;}
.ffpe_work li span {font-family:'Manrope', sans-serif;  border:1px solid #ddd; border-radius:5px; display:block; width:86px; height:38px; line-height:36px; font-size:14px; letter-spacing:0.2pt; position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); background:#f9f9f9; font-weight:600;}

.ffpe_work li:nth-child(1)::after {background:url("/img/ffpe_arrow_up.png")no-repeat center;}
.ffpe_work li:nth-child(1)::before {content:''; width:calc(300% + 60px); height:47px; background:url("/img/dash_line.png")no-repeat center / auto 100%; position:absolute; bottom:-50px; left:0;}
.ffpe_work li:nth-child(5)::after {background:url("/img/ffpe_arrow_up2.png")no-repeat center;}
.ffpe_work li:nth-child(3)::after, .ffpe_work li:nth-child(6)::after, .ffpe_work li:nth-child(7)::after {display:none;}

.ffpe_work li.work_tit {background:#59289c;  box-sizing:border-box; padding:15px 10px; }
.ffpe_work li.work_tit h6 {color:#fff !important; font-weight:bold;}
.ffpe_work li.work_tit.six {background:#31277f;}
.ffpe_work li.work_tit.last {width:100%; background:#fff; color:#222; border:4px solid #31277f;  margin-right:0; margin-top:105px;border-radius:30px;}
.ffpe_work li.work_tit.last h6 {color:#222 !important;}

/* .ffpe_work li:nth-child(3)::after {right:50%;  transform:rotate(90deg); top:auto; bottom:-25px; margin-right:-8px;} */

/* .ffpe_work li:nth-child(4) {order:6; margin-right:0 !important;}
.ffpe_work li:nth-child(5) {order:5;}
.ffpe_work li:nth-child(6) {order:4; margin-right:30px !important;}
.ffpe_work li:nth-child(6)::after {display:none;}
.ffpe_work li:nth-child(4)::after, .ffpe_work li:nth-child(5)::after {right:auto; left:-25px; transform:rotate(180deg);} */
/******* E:: R&D - DeepOmicsTM *******/


/******* S:: R&D - Dual Barcode Neoepitope Scan *******/
.rnd_in {text-align:center;}
.rnd_in h5 {font-size:1.882rem; font-weight:200; color:#222; letter-spacing:-0.5pt; margin:-13px 0 0;}
.rnd_in .stxt {margin:15px 0 60px;}
/******* E:: R&D - Dual Barcode Neoepitope Scan *******/





/****** S::ä�� - ä��ȳ� ******/
.introduce01 {padding:100px 0 130px;}
		.introduce01 > span {font-size:1.176rem; font-weight:500; color:#59289c; line-height:1.5; letter-spacing:-0.7pt;}
		.introduce01 > h4 {font-size:2.353rem; font-weight:300; color:#222; letter-spacing:-1pt; line-height:1.35; margin:20px 0 23px;}
		.introduce01 .underline {position:relative; font-weight:bold; color:#222; letter-spacing:-0.7pt; line-height:1.8; display:inline-block; margin:25px 0 0;}
		.introduce01 .underline:after {content:''; width:100%; height:1px; background:#222; position:absolute; bottom:6px; left:0;}

.intro_inquiry {border:1px solid #ddd; background:#fff; box-sizing:border-box; text-align:center; padding:50px 25px; margin:68px auto 0;}
.intro_inquiry h4 {font-size:1.412rem; color:#222; letter-spacing:-1pt; line-height:1; font-weight:bold; display:inline-block; vertical-align:middle; margin-right:30px; }
.intro_inquiry ul {display:inline-block; vertical-align:middle;}
.intro_inquiry ul li {display:inline-block; margin-right:10px; color:#222; letter-spacing:-0.5pt; line-height:1;}
.intro_inquiry ul li img {margin-right:6px; margin-top:-1px;}
.intro_inquiry ul li.eng {color:#777; font-weight:500; letter-spacing:0; margin-right:18px;}
.intro_inquiry ul li:last-child {margin-right:0;}

.introduce02 {background:url('/img/introduce_bg.jpg')center center/cover no-repeat;}
		.introduce02_in {font-size:0;}
		.introduce02_in dl {display:inline-block; text-align:center; width:calc((100% - 180px) / 4); margin-right:60px; vertical-align:top;}
		.introduce02_in dl:last-child {margin-right:0px;}
		.introduce02_in dl dt {position:relative; width:200px; height:200px; background:#fff; border-radius:100%; border:10px solid #59289c; box-sizing:border-box; margin:0 auto 73px; padding:30px 0;}
		.introduce02_in dl dt:before {content:''; width:1px; height:45px; background:rgba(255,255,255,0.3); position:absolute; bottom:-55px; left:50%;}
		.introduce02_in dl dt:after {content:''; width:7px; height:7px; background:#fff; border-radius:100%; position:absolute; bottom:-60px; left:50%; margin-left:-3px;}
		.introduce02_in dl:nth-child(2n) dt {border:10px solid #31277f;}
		.introduce02_in dl:nth-child(2n) dt h4, .introduce02_in dl:nth-child(2n) dt p {color:#31277f !important;}
		.introduce02_in dl:nth-child(3) dt {padding:40px 0;}
				.introduce02_in dl dt h4 {font-size:1.176rem; color:#59289c; letter-spacing:-0.7pt; line-height:1; font-weight:500; margin:20px 0 7px;}
				.introduce02_in dl dt p {font-family:'Manrope', sans-serif; font-size:1rem; font-weight:400; color:#59289c; line-height:1; }
		.introduce02_in dl dd {font-size:1rem; color:rgba(255,255,255,0.8); line-height:1.7; letter-spacing:-0.6pt;}

.processBox {padding:75px 100px;}
.process_in {font-size:0; box-sizing:border-box;}
.process_in dl {text-align:center; display:inline-block; width:calc((100% - -100px) / 6); margin-right:5px; vertical-align:top; margin-left:-25px;}
.processBox .process_in dl {width:calc((100% - -60px) / 4);}
.process_in dl:first-child {margin-left:0;}
.process_in dl:last-child {margin-right:0;}
.process_in dl dt {height:120px;}
.process_in dl dt img {position:relative; top:50%; transform:translateY(-50%);}
.process_in dl span {font-family:'Manrope', sans-serif; display:block; line-height:75px; font-size:1.176rem; font-weight:bold; color:rgba(255,255,255,0.3); background:url('/img/step_img01.png') center no-repeat; 
background-size:100% 100% !important;}
		.process_in dl.two span {background:url('/img/step_img02.png') center no-repeat; color:rgba(255,255,255,0.45);}
		.process_in dl.three span {background:url('/img/step_img03.png') center no-repeat; color:rgba(255,255,255,0.55);}
		.process_in dl.four span {background:url('/img/step_img04.png') center no-repeat; color:rgba(255,255,255,0.65);}
		.process_in dl.five span {background:url('/img/step_img05.png') center no-repeat; color:rgba(255,255,255,0.8);}
		.process_in dl.six span {background:url('/img/step_img06.png') center no-repeat; color:#fff;}

.process_in dl h4 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; font-weight:500; line-height:1.4; margin:26px 0 0;}
.process_in dl p {font-size:1rem; letter-spacing:-0.6pt; line-height:1.4; color:#222; font-weight:400; padding:0 10px; box-sizing:border-box; margin:18px 0 0;}
.process_in dl p.font15 {font-size:0.882rem; margin:13px 0 0; color:#666;}
.process_in dl p.eng {font-size:1rem; letter-spacing:0; margin:26px 0 0; word-break: break-all;}

.introduce03_in {display:flex; flex-wrap:wrap;}
.introduce03_in dl {width:33.33%; background:#fff; padding:35px 25px; box-sizing:border-box; border-right:3px solid #f5f5f5; border-bottom:3px solid #f5f5f5; font-size:0;}
.introduce03_in dl dt {display:inline-block; width:105px; vertical-align:middle;}
.introduce03_in dl dd {display:inline-block; font-size:1.176rem; color:#222; font-weight:500; letter-spacing:-0.7pt; line-height:1.3; width:calc(100% - 105px); padding-left:30px; vertical-align:middle;}
.introduce03_in dl dd span {font-size:0.882rem; font-weight:400; color:#666; letter-spacing:-0.5pt; line-height:1; display:block; margin:0 0 4px;}
.introduce03_in dl.w25 {width:25%;}
/****** E::ä�� - ä��ȳ� ******/




/****** S::� - ���� ******/
.recruit_con {}
	.recruit_top {background:url('/img/recruitBg.jpg') center center/cover no-repeat; text-align:center; padding:120px 3%; margin-bottom:70px}
	.recruit_top .sub_title2 {color:#fff;}
	.recruit_top .recruitBtn {margin-top:40px}
	.recruit_top .recruitBtn a {color:#fff; display:inline-block; margin-right:4px; background:#59289c; border:1px solid #59289c; width:160px; line-height:55px; font-size:0.882rem; letter-spacing:-0.5pt; font-weight:400; transition: all 0.3s linear;}
	.recruit_top .recruitBtn a:last-child {background:url('/img/downBtn.png') right 30px center no-repeat; border:1px solid rgba(255,255,255,0.8); margin:0; background-color:none; text-align:left; padding:0 30px}
	.recruit_top .recruitBtn a:hover {background-color:#fff; color:#59289c; border-color:#fff;}
	.recruit_top .recruitBtn a:last-child:hover {background-image:url('/img/downBtn_up.png')}
/****** E:: � - ���� ******/








/****** S:: ����Ʈ�� ******/
.sitemap_cont{display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
.sitemap_cont dl{width:30%; text-align:center; text-align:center; margin:0 0 50px;}
.sitemap_cont dl::before{content:""; display:block; width:100%; height:3px; 
											background: #31277f; /* �׶��̼� �������� �ʴ� ������ */ 
											background: -webkit-linear-gradient(-45deg, #31277f, #5a289c);
											background: -moz-linear-gradient(-45deg, #31277f, #5a289c);
											background: -o-linear-gradient(-45deg, #31277f, #5a289c);
											background: linear-gradient(-45deg, #31277f, #5a289c); /* ǥ�� */}

.sitemap_cont dl dt{border-bottom:1px solid #ccc; font-weight:600; color:#222; letter-spacing:-0.35pt; padding:18px 0; line-height:120%; font-size:1.125rem}
.sitemap_cont dl dd{border-bottom:1px solid #ddd; }
.sitemap_cont dl dd a{display:block; width:100%; padding:17px 0; line-height:120%; letter-spacing:-0.25pt; transition:all 0.2s linear;}
.sitemap_cont dl dd a.eng {letter-spacing:0.3pt;}
.sitemap_cont dl dd a:hover{background:#f0f0f0; color:#222; transition:all 0.2s linear;}
/****** E:: ����Ʈ�� *******/



/* �̿���, ����������޹�ħ */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:1.176rem; color:#222; padding-bottom:10px; letter-spacing:-0.8pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 50px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {/* border:1px solid #a0a0a0; */ padding:30px; background:#f5f5f5; margin:7px 0px 10px 0px; display:block;}
.cont_box strong {color:#222; font-size:1rem; letter-spacing:-0.5pt; font-weight:500;}

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:50px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 

/* õ��ȣ�߰�(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}





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



#visual .subtop_txt {left:50%; margin-left:0; width:94%; transform:translate(-50%,0);}
.about_visual .subtop_txt_right {position:absolute; bottom:20%; right:50%; margin-right:0; width:94%; transform:translate(50%,0);}


.lnb ul{width:94%;}
.tableCont {width:100%; overflow-x:scroll;}
.table_in{width:1230px;}
.stxt br {display:none;}


/****** S::�׶������̿� - �ɹ� ��ũ ******/
.ci_cont .btnList a {width:115px; height:50px; line-height:50px; padding:0 10px;  margin-right:4px;
background:url('/img/down.png')no-repeat center right 10px;}
.ci_cont .btnList a:hover {background:#59289c url('/img/down_up.png')no-repeat center right 10px;}


.ci_cont.ci04 .btnList a{width: 175px !important; background-color:#fff;}
.ci_cont.ci04 .btnList a:hover{background:#59289c url('/img/down_up.png')no-repeat center right 10px;}
/****** E::�׶������̿� - �ɹ� ��ũ ******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table > h4 {width:300px;}
.rnd_table > div.cont {width:calc(100% - 300px);}
.ffpe_info br {display:none;}
/* .ffpe_work li h6 {font-size:15px;} */
/******* E:: R&D - DeepOmicsTM *******/


/****** S::ä�� - ä��ȳ� ******/
.introduce03_in dl dt {width:80px;}
.introduce03_in dl dt img {max-width:100%;}
.introduce03_in dl dd {width:calc(100% - 80px); padding-left:20px;}
/****** E::ä�� - ä��ȳ� ******/



.processBox {padding:70px 80px;}


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


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

#visual{height:400px;}
#visual .subtop_txt h2 {font-size:3.4rem; margin:0 0 25px;}
#visual .subtop_txt p {font-size:1.14rem;}
.about_visual .subtop_txt_right h3 {font-size:2rem; margin:0 0 20px;}


.lnb li {margin-right:35px;}
.lnb li a {line-height:70px;}
.lnb li a:after {top:25px;}

.contents_in h3.title {font-size:2rem; letter-spacing:-1.2pt; padding:80px 0 50px;}
.contents_in h3.title.pdt130 {padding:90px 0 50px;}
.stxt br {display:none;}
.stxt.font20 {font-size:1.15rem; margin:-20px 0 45px;}
.cont_tit {font-size:1.6rem;margin:0 0 35px;}
.grayBox {padding:45px 20px;}
.borderBox {padding:50px 20px;}

.table_style th {width:280px; font-size:14px; padding:12px 15px;}
.table_style td {font-size:14px; padding:12px 20px;}


.tpad_35{padding-top:20px}
.tpad_40 {padding-top:30px;}
.tpad_80 {padding-top:65px;}
.bpad_100{margin-bottom:80px}

.compad {padding:90px 0 !important;}
.compad_t {padding:90px 0 0 !important;}
.compad_b {padding:0 0 90px !important;}

.dotCont {padding:20px 25px;}
.dotCont li {padding-left:10px;}
.dotCont li:after {width:3px; height:3px; top:11px;}


/******* S::�ǹ�ư *******/
#sticky-wrapper {margin:0 auto 80px;}
.is-sticky .tabCont {top:85px !important;}
.tabCont {margin:0 auto 80px;}
.tabCont ul li {min-height:70px;}
.tabCont ul.seven li {width:25%;}
.tabCont ul li a {min-height:70px; padding:0 10px;}

/* ī�װ��� */
.tabCont.ver2 {margin-bottom:30px}

.subTab {padding:15px 10px;}
.subTab a {font-size:14px; margin:7px 12px;}
.subTab a:after {content:''; width:100%; height:1px; background:#59289c; position:absolute; bottom:-3px; left:0; opacity:0;}
/******* E::�ǹ�ư *******/


/****** S::�׶������̿� - �Ұ� ******/
.location_cont .location {margin:0 0 35px;}
#daumRoughmapContainer1643871368194 {height:340px;}
#daumRoughmapContainer1643871368194 .wrap_map {height:340px !important;}
#daumRoughmapContainer1643871407085 {height:340px;}
#daumRoughmapContainer1643871407085 .wrap_map {height:340px !important;}

.location_cont .location > .map_txt {position:relative; background:#fff; padding:0 40px;}
		.location_cont .location > .map_txt h4 {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; line-height:1.25; font-weight:bold; margin:0 0 10px;}
		.location_cont .location > .map_txt ul {margin:20px 0 0;}
		.location_cont .location > .map_txt li {padding-left:25px; box-sizing:border-box; color:#777; font-weighT:400; line-height:1; margin:0 0 15px;}

.mapBtn a {width:55px; height:55px;}
.mapBtn a.print {display:none;}
/****** E::�׶������̿� - �Ұ� ******/



/****** S::�׶������̿� - CEO �λ縻 ******/
.ceo_cont {}
.ceo_cont .imgCont {width:340px;}
.ceo_cont .imgCont img {max-width:100%;}
.ceo_cont .txtCont {display:inline-block; width:calc(100% - 340px);  box-sizing:border-box; padding:30px 40px 30px 0;}
		.ceo_cont .txtCont h3 {font-size:2rem; margin:15px 0;}
		.ceo_cont .txtCont h5 {font-size:1.176rem; margin:0 0 30px;}
		.ceo_cont .txtCont h5 br {display:none;}
		.ceo_cont .txtCont .stxt {margin:0 0 35px;}

.ceo_cont .profile {padding:40px 20px 40px 30px;}
.ceo_cont .profile ul li:after {top:9px;}
/****** E::�׶������̿� - CEO �λ縻 ******/


/****** S::�׶������̿� - �̼�/���� ******/
.vision {padding:50px 10px;}
.vision h4 {margin-right:40px;}

.mission dl {width:calc((100% - 40px) / 3); margin-right:20px;}
.mission dl dt img {width:100%;}
.mission dl dd {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translate(0,-50%);}
		.mission dl dd h4 {font-size:1.15rem; margin:0 0 13px;}
		.mission dl dd p {font-size:1.15rem;}
/****** E::�׶������̿� - �̼�/���� ******/


/****** S::�׶������̿� - �ɹ� ��ũ ******/
.ci_cont {}
.ci01 {display:block;}
.ci01 .txtBox {display:block; width:100%; padding-right:0; margin:30px 0 0;}
.ci01 .imgBox {display:block; width:100%;}
.ci01 .imgBox img {width:auto; max-width:100%; display:block; margin:0 auto;}

.btnList {}
.btnList a {width:150px !important; text-align:left !important; width:180px; line-height:50px; height:50px;}


.ci02 .stxt {margin:20px 0 40px;}
.ci03 .stxt {margin:0 0 40px;}
.ci_cont .sub_title {margin:20px 0 8px;}
.basic dl {width:50%;}
.basic dl dt {height:300px; background-size:12px;}
.basic dl dt img {max-width:70%; max-height:50%;}
.basic dl dd {font-size:1.176rem; margin:20px 0 0;}


/* ȸ��Ұ��� �ٿ�ε� */
.ci04 .stxt {margin:20px 0 30px;}

/* ȸ��Ұ��� �ٿ�ε� */



/****** E::�׶������̿� - �ɹ� ��ũ ******/



/******* S:: R&D - �߾ӿ�����(R&D) *******/
.rnd_cont .stxt {margin:35px 0 50px;}

.schedule_cont .cont_tit {margin:80px 0 35px;}
/******* E:: R&D - �߾ӿ�����(R&D) *******/


/******* S:: R&D - Dual Barcode Neoepitope Scan *******/
.rnd_in h5 {font-size:1.6rem;}
.rnd_in .stxt {margin:10px 0 45px;}
/******* E:: R&D - Dual Barcode Neoepitope Scan *******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table {display:block; width:100%; margin:80px 0;}
.rnd_table > h4 {display:block; width:100%; font-size:1.3rem; margin:0 0 30px;}
.rnd_table > h4 br {display:none;}
.rnd_table > div.cont {display:block; width:100%;}
		.rnd_table > div.cont h5 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; font-weight:500; line-height:1.6; margin:0 0 5px;}
		.rnd_table > div.cont p.dot {padding-left:10px;}
		.rnd_table > div.cont p.dot:after {width:3px; height:3px; top:11px;}

		.rnd_table > div.cont .result {margin:45px 0 0;}
		.rnd_table > div.cont .result dl dt {width:150px;}
		.rnd_table > div.cont .result dl dt span {width:150px; height:150px;  border:8px solid #59289c; padding:19px 0;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1rem; margin:7px 0 0;}
		.rnd_table > div.cont .result dl dd {width:calc(100% - 150px); padding-left:30px;}

		.rnd_table > div.cont .result dl.two {margin:30px 0;}
		.rnd_table > div.cont .result dl.two dt span {border:8px solid #31277f; }

		.neo_cont dl br {display:none;}

		.marker_cont .marker {padding-left:185px;}
		.marker_cont .marker dl {text-align:center; width:calc((100% - 20px) / 2); margin-right:20px; margin-bottom:20px; display:inline-block; vertical-align:top;}
		.marker_cont .marker dl br {display:none;}

		.ffpe_info {padding:30px 30px 30px 0;}
		.ffpe_info dt {width:265px;}
		.ffpe_info dd {width:calc(100% - 265px);}
/******* E:: R&D - DeepOmicsTM *******/



/****** S::ä�� - ä��ȳ� ******/
.introduce01 > h4 {font-size:2rem; margin:20px 0;}
.introduce01 .underline {margin:20px 0 0;}

.intro_inquiry {padding:40px 16px; margin:45px 0 0;}


.introduce02_in dl {width:calc((100% - 90px) / 4); margin-right:30px;}
.introduce02_in dl dt {width:150px; height:150px; border:8px solid #59289c; margin:0 auto 55px; padding:17px 0;}
.introduce02_in dl dt:before {height:35px; bottom:-45px;}
.introduce02_in dl dt:after {width:5px; height:5px; bottom:-45px; margin-left:-2px;}
.introduce02_in dl:nth-child(2n) dt {border:8px solid #31277f;}
.introduce02_in dl:nth-child(3) dt {padding:33px 0;}
		.introduce02_in dl dt h4 {margin:10px 0 7px;}


.processBox {padding:40px 50px;}
.processBox .process_in dl {width:calc((100% - -42px) / 4);}

.process_in dl {text-align:center; display:inline-block; width:calc((100% - -70px) / 6); margin-right:5px; vertical-align:top; margin-left:-19px;}
.process_in dl dt {height:100px;}
.process_in dl dt img {max-height:50px;}
.process_in dl span {line-height:60px; font-size:1.15rem;}

.process_in dl h4 {margin:20px 0 0; font-size:1.14rem;}
.process_in dl p.font15 {margin:10px 0 0;}
.process_in dl p br {display:none;}


.introduce03_in {}
.introduce03_in dl {width:33.33% !important; padding:25px 15px;}
.introduce03_in dl dt {width:70px;}
.introduce03_in dl dd {width:calc(100% - 70px); padding-left:20px;}
/****** E::ä�� - ä��ȳ� ******/



/****** S::� - ���� ******/
.recruit_con {}
	.recruit_top {padding:80px 3%; margin-bottom:50px}
	.recruit_top .recruitBtn {margin-top:30px}
	.recruit_top .recruitBtn a {}
	.recruit_top .recruitBtn a:last-child {background-position:right 20px center; padding:0 20px}
/****** E:: � - ���� ******/



/*** S:: ����Ʈ�� ***/
.sitemap_cont{flex-direction:row; flex-wrap:wrap;}
		.sitemap_cont dl{width:30%; margin:0 0 50px;}
		.sitemap_cont dl dt{padding:14px 0; }
				.sitemap_cont dl dd a{ padding:14px 0; }
/*** E:: ����Ʈ�� ***/



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

/* ī�װ��� */
.tabCont.ver2 {margin-bottom:20px}


/****** S::�׶������̿� - CEO �λ縻 ******/
.ceo_cont {background:#fff;}
.ceo_cont .imgCont {position:relative; display:block; width:100%; font-size:0;}
.ceo_cont .imgCont .img_in {display:block; width:100%; background:url('/img/ceo_img01.jpg')no-repeat center top 20%; height:350px; vertical-align:top;}
.ceo_cont .imgCont .img_in img {display:none;}
.ceo_cont .profile {padding:25px 20px;display:inline-block; width:100%; vertical-align:top;}
.ceo_cont .profile h3 {font-size:1.2rem;}
.ceo_cont .profile h3 span {margin-left:10px;}
.ceo_cont .profile h4 {margin:15px 0 12px; font-size:1.1rem;}
.ceo_cont .profile ul li:after {width:3px; height:3px;}
.ceo_cont .txtCont {display:block; width:100%;  box-sizing:border-box; padding:35px 0 0; background:url('/img/ceo_bg.jpg') center no-repeat; background-size:70% 70%;}
		.ceo_cont .txtCont h3 {font-size:1.6rem; margin:13px 0;}
		.ceo_cont .txtCont h5 {font-size:1.13rem; margin:0 0 20px;}
		.ceo_cont .txtCont .stxt {margin:0 0 25px;}
/****** E::�׶������̿� - CEO �λ縻 ******/



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


#visual{height:300px;}
#visual .subtop_txt h2 {font-size:2.5rem; margin:0 0 15px;}
#visual .subtop_txt p {font-size:1.1rem;}
.about_visual .subtop_txt_right h3 {font-size:1.6rem; margin:0 0 5px;}
.about_visual .subtop_txt_right h3 br {display:none;}

#visual .whitespace {width:12px;}

.lnb li {margin-right:20px;}
.lnb li a {line-height:50px;}
.lnb li a:after {top:20px;}

.contents_in h3.title {font-size:1.8rem; letter-spacing:-1pt; padding:50px 0 30px;}
.contents_in h3.title.pdt130 {padding:65px 0 30px;}
.stxt.font20 {font-size:1.1rem; margin:-15px 0 30px;}
.grayBox {padding:30px 15px;}
.borderBox {padding:35px 15px;}
.cont_tit {font-size:1.4rem;margin:0 0 25px;}

.table_style th {display:block; width:100%; font-size:13px; padding:10px;}
.table_style td {display:block; font-size:13px; padding:10px 15px;}
.table_style td.kor {border-left:0;}
.table_style td.mark_tit {border-left:0;}

.table_style.none_block th {display:table-cell; width:210px;}
.table_style.none_block td {display:table-cell;}


.graph {height:243px;}
.graph dl {height:48px; padding:5px 0;}
.graph dl dt {line-height:38px;}
.graph dl dd {line-height:38px;}


.dotCont {padding:15px 20px;}
.dotCont li {padding-left:10px;}
.dotCont li:after {top:10px;}
.dotCont li span {width:95px;}

.cont_tit i {width:20px; height:20px; font-size:11px; line-height:20px; margin-right:5px; top:-4px;}
.cont_tit.white i {line-height:16px;}


.table_style2 th {font-family:'Manrope', sans-serif; font-size:13px; color:#222; letter-spacing:-0.5pt; background:#f9f9f9; font-weight:bold; letter-spacing:-0.5pt; padding:18px 0; border-right:1px solid #ddd; border-bottom:1px solid #Ddd;}
.table_style2 td {border-bottom:1px solid #ddd; font-size:13px; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd; font-weight:400; color:#59289c;}
.tab_tit {background:#f9f9f9;}
.tab_tit.eng {font-family:'Manrope', sans-serif; font-weight:500;}
.brd0 {border-right:0 !important;}


.tpad_35{padding-top:15px}
.tpad_40 {padding-top:20px;}
.tpad_80 {padding-top:30px;}
.bpad_30 {padding-bottom:15px;}
.bpad_100{margin-bottom:50px}


.compad {padding:60px 0 !important;}
.compad_t {padding:60px 0 0 !important;}
.compad_b {padding:0 0 60px !important;}


/******* S::�ǹ�ư *******/
#sticky-wrapper {margin:0 auto 50px;}
.is-sticky .tabCont {top:70px !important;}
.tabCont {margin:0 auto 50px;}
.tabCont ul {text-align:left;}
.tabCont ul li {width:33.33%; min-height:50px;}
.tabCont ul.five li {width:33.33%;}
.tabCont ul.seven li {width:50%;}
.tabCont ul li a {min-height:50px; padding:0 10px;}

.subTab a {font-size:13px; margin:5px 10px;}
/******* E::�ǹ�ư *******/


/****** S::�׶������̿� - �Ұ� ******/
.location_cont .location {margin:0 0 25px;}
#daumRoughmapContainer1643871368194 {height:280px;}
#daumRoughmapContainer1643871407085 {height:280px;}
#daumRoughmapContainer1643871368194 .wrap_map {height:280px !important;}
#daumRoughmapContainer1643871407085 .wrap_map {height:280px !important;}

.location_cont .location > div {display:block; width:100%;}
.location_cont .location > .map_txt {padding:25px 15px;}
		.location_cont .location > .map_txt h4 {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; line-height:1.25; font-weight:bold; margin:0 0 5px;}
		.location_cont .location > .map_txt ul {margin:15px 0 0;}
		.location_cont .location > .map_txt li {padding-left:20px; margin:0 0 10px;}

.mapBtn a {width:45px; height:45px;}
.mapBtn a.detail:after {width:15px; height:22px; margin-left:-7px;}
/****** E::�׶������̿� - �Ұ� ******/



/****** S::�׶������̿� - �̼�/���� ******/
.vision {padding:40px 15px;}
.vision h4 {margin-right:0; display:block; margin:0 0 10px;}
.vision p {display:block;}

.mission dl {width:calc((100% - 30px) / 3); margin-right:15px;}
		.mission dl dd h4 {font-size:1.1rem; margin:0 0 10px;}
		.mission dl dd p {font-size:1.1rem;}
/****** E::�׶������̿� - �̼�/���� ******/



/****** S::�׶������̿� - �ɹ� ��ũ ******/
.ci01 .txtBox {margin:20px 0 0;}
.ci01 .txtBox h4 {margin:0 0 8px;}

.btnList {margin:30px 0 0;}
.btnList a {width:32.6% !important; margin-right:1% !important; padding:0 15px; background:url('/img/down.png')no-repeat center right 15px; font-size:12px; line-height:43px; height:45px; }
.btnList a:hover {background:#59289c url('/img/down_up.png')no-repeat center right 15px;}
.btnList a:last-child {margin-right:0;}

.ci02 .stxt {margin:15px 0 30px;}
.basic dl {width:100%; margin-bottom:30px;}
.basic dl:nth-child(1) dt {border-right:1px solid #ddd;}
.basic dl:last-child {margin-bottom:0;}
.basic dl dt {height:250px; background-size:10px;}
.basic dl dd {font-size:1.13rem; margin:15px 0 0;}

.ci03 .stxt {margin:0 0 30px;}
.ci_cont .sub_title {margin:15px 0 5px;}
/****** E::�׶������̿� - �ɹ� ��ũ ******/

/******* S:: R&D - �߾ӿ�����(R&D) *******/
.rnd_cont .stxt {margin:25px 0 30px;}

.schedule_cont .cont_tit {margin:55px 0 20px;}
/******* E:: R&D - �߾ӿ�����(R&D) *******/

/******* S:: R&D - Dual Barcode Neoepitope Scan *******/
.rnd_in h5 {font-size:1.4rem; margin:-10px 0 0;}
.rnd_in .stxt {margin:7px 0 30px;}
/******* E:: R&D - Dual Barcode Neoepitope Scan *******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table {margin:60px 0;}
.rnd_table > h4 {font-size:1.3rem; margin:0 0 25px;}
		.rnd_table > div.cont h5 {font-size:1.176rem; margin:0 0 3px;}
		.rnd_table > div.cont p.dot {position:relative; padding-left:13px; line-height:1.6; letter-spacing:-0.6pt;}
		.rnd_table > div.cont p.dot:after {top:9px;}

		.rnd_table > div.cont .result {margin:30px 0 0;}
		.rnd_table > div.cont .result dl dt {width:110px;}
		.rnd_table > div.cont .result dl dt span {width:110px; height:110px;  border:4px solid #59289c; padding:15px 0;}
		.rnd_table > div.cont .result dl dt span img {max-width:35px; max-height:35px;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1rem; margin:5px 0 0;}
		.rnd_table > div.cont .result dl dd {width:calc(100% - 110px); padding-left:20px;}

		.rnd_table > div.cont .result dl.two {margin:30px 0;}
		.rnd_table > div.cont .result dl.two dt span {border:4px solid #31277f; }

		.neo_cont dl {width:33.33% !important; margin-bottom:20px;}
		.neo_cont dl:nth-child(3) {border-right:0;}
		.neo_cont dl dd {margin:7px 0 0;}


		.marker_cont {margin:25px 0 0;}
		.marker_cont .imgCont {position:relative; display:block; width:100%; margin:0 0 40px;}
		.marker_cont .imgCont img {display:block; margin:0 auto; max-height:380px;}
		.marker_cont .marker {width:100%; padding-left:0;}
		.marker_cont .marker dl {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:15px;}
		.marker_cont .marker dl dt {padding:10px;}
		.marker_cont .marker dl dd {padding:15px 10px; font-size:13px;}
		.marker_cont .marker p {font-size:13px; text-align:center;}
		.marker_cont .marker p br {display:none;}


		.gray_textBox span {line-height:45px;}
		#ffpe .grayBox {padding:20px;}
		
		.ffpe_work::before {top:auto; bottom:185px; width:42px; height:42px; transform:translateX(-21px); background-size:14px !important;}
		.ffpe_work::after {top:auto; bottom:175px;}
		.ffpe_work li {width:100% !important; margin-bottom:40px !important; margin-right:0 !important; margin-left:0 !important; padding:44px 20px 20px;}
		.ffpe_work li:nth-child(3)::after {display:block;}
		.ffpe_work li h6 {font-size:15px;}
		.ffpe_work li span {font-size:12px; width:70px; height:32px; line-height:30px; z-index:10;}
		.ffpe_work li.work_tit {border-radius:8px; padding:13px 5px; min-height:55px;}
		.ffpe_work li.work_tit h6 {margin:0; }
		.ffpe_work li.work_tit.last {margin:50px 0 0;}
		.ffpe_work li.work_tit.last img {width:90px;}
		.ffpe_work li.work_tit.last h6 {margin:15px 0 0;}
		
		.ffpe_work li::after {right:50%;  transform:rotate(90deg); top:auto; bottom:-25px; margin-right:-14px;}

		/* .ffpe_work li:nth-child(4) {order:4; margin-right:0 !important;}
		.ffpe_work li:nth-child(5) {order:5;}
		.ffpe_work li:nth-child(6) {order:6; margin-right:0 !important;}
		.ffpe_work li:nth-child(4)::after, .ffpe_work li:nth-child(5)::after {left:50%;  transform:rotate(90deg); top:auto; bottom:-25px; margin-left:-8px;} */

		.ffpe_info {padding:20px; text-align:center;}
		.ffpe_info dt {width:100%;}
		.ffpe_info dt img {width:120px;}
		.ffpe_info dd {width:100%; margin:20px 0 0;}
		.ffpe_info dd h4 {font-size:15px;}
		.ffpe_info dd span {margin:10px 0;}

/******* E:: R&D - DeepOmicsTM *******/



/****** S::ä�� - ä��ȳ� ******/
.introduce01 > h4 {font-size:1.8rem; margin:15px 0;}
.introduce01 .underline {margin:15px 0 0; text-decoration:underline;}
.introduce01 .underline:after {display:none;}

.intro_inquiry {padding:30px 15px; margin:35px 0 0;}
.intro_inquiry h4 {display:block; margin:0 0 18px;}
.intro_inquiry ul {display:block;}
.intro_inquiry ul li {width:100%; display:block; margin:0 0 10px; font-size:13px;}
.intro_inquiry ul li:last-child {margin:0;}

.introduce02_in dl {width:calc((100% - 40px) / 2); margin-right:40px; margin-bottom:50px;}
.introduce02_in dl:nth-child(2n) {margin-right:0;}
.introduce02_in dl dt {width:130px; height:130px; border:5px solid #59289c; margin:0 auto 40px;}
.introduce02_in dl dt img {max-width:40px;}
.introduce02_in dl dt:before {height:35px; bottom:-35px;}
.introduce02_in dl dt:after {width:5px; height:5px; bottom:-35px; margin-left:-2px;}
.introduce02_in dl:nth-child(2n) dt {border:5px solid #31277f;}
.introduce02_in dl:nth-child(3) dt {padding:30px 0;}
		.introduce02_in dl dt h4 {margin:10px 0 7px;}


.processBox {padding:30px 40px;}
.processBox .process_in dl {width:calc((100% - -9px) / 2);}
.processBox .process_in dl:nth-child(3n) {margin-right:5px; margin-left:0;}
.processBox .process_in dl:nth-child(2n) {margin-right:0;}
.processBox .process_in dl:nth-child(4) {margin-left:-19px;}

.process_in dl {width:calc((100% - -28px) / 3); margin-bottom:20px;}
.process_in dl:nth-child(3n) {margin-right:0;}
.process_in dl:nth-child(4) {margin-left:0;}
.process_in dl dt {height:80px;}
.process_in dl dt img {max-height:40px;}
.process_in dl span {line-height:50px; font-size:1rem;}

.process_in dl h4 {margin:15px 0 0;}
.process_in dl p.font15 {margin:7px 0 0;}
.process_in dl p.eng {margin:15px 0 0;}

.introduce03_in dl {width:50% !important; padding:20px 15px;}
.introduce03_in dl dt {width:60px;}
.introduce03_in dl dd {width:calc(100% - 60px); padding-left:20px;}
/****** E::ä�� - ä��ȳ� ******/


/****** S::� - ���� ******/
.recruit_con {}
	.recruit_top {padding:60px 3%; margin-bottom:40px}
	.recruit_top .sub_title2 br {display:none;}
	.recruit_top .recruitBtn {margin-top:20px}
	.recruit_top .recruitBtn a {width:130px; line-height:45px}
	.recruit_top .recruitBtn a:last-child {background-position:right 15px center; padding:0 15px}
/****** E:: � - ���� ******/



/*** S:: ����Ʈ�� ***/
.sitemap_cont{}
		.sitemap_cont dl::before{ height:2px; }
		.sitemap_cont dl{width:48%; margin:0 0 40px;}
/*** E:: ����Ʈ�� ***/



/* �̿���, ����������޹�ħ */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:1.1rem; color:#222; padding-bottom:5px; letter-spacing:-0.8pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 25px 0;}
.cont_box {padding:15px; margin:5px 0px 10px 0px;}

.privacy_list {width:100%; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:25px;}
.privacy_list li {width:100%; float:none; padding-bottom:5px;}
/* �̿���, ����������޹�ħ */



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

.mission dl {width:100%; margin-right:0; margin-bottom:15px; height:200px; background-size:cover !important;}
.mission dl:nth-child(1) {background:url('/img/mission_img01.jpg')no-repeat center;}
.mission dl:nth-child(2) {background:url('/img/mission_img02.jpg')no-repeat center;}
.mission dl:nth-child(3) {background:url('/img/mission_img03.jpg')no-repeat center;}
.mission dl dt img {display:none;}
		.mission dl dd h4 {font-size:1.1rem; margin:0 0 10px;}
		.mission dl dd p {font-size:1.1rem;}


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



/****** S::�׶������̿� - CEO �λ縻 ******/
.ceo_cont .imgCont .img_in {height:380px;}
/****** E::�׶������̿� - CEO �λ縻 ******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table > h4 {margin:0 0 20px;}
	
		.rnd_table > div.cont .result dl {text-align:center;}
		.rnd_table > div.cont .result dl dt {display:block; width:110px; margin:0 auto 20px;}
		.rnd_table > div.cont .result dl dt span {width:110px; height:110px;  border:4px solid #59289c; padding:15px 0;}
		.rnd_table > div.cont .result dl dt span img {max-width:35px; max-height:35px;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1rem; margin:5px 0 0;}
		.rnd_table > div.cont .result dl dd {display:block; width:100%; padding-left:0;}
/******* E:: R&D - DeepOmicsTM *******/


.processBox {padding:20px 30px;}


.introduce03_in dl {width:50% !important; padding:20px 15px; text-align:center;}
.introduce03_in dl dt {display:block; width:60px; margin:0 auto 15px;}
.introduce03_in dl dd {display:block;  width:100%; padding-left:0; font-size:1.1rem;}

.ci_cont.ci04 .btnList a{width: 135px !important; background-color:#fff;}



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

}