@charset "UTF-8";

/* 제품메인 > IVD */
#mIVD_list {padding:60px 0px}
#mIVD_list .lay3>li {padding:0px 0px 10px;}
#mIVD_list .thmbset {position:relative; height:200px; background:#fff; overflow:hidden; margin:0 5px}
#mIVD_list .thmbset:hover {cursor:pointer; transform:translateY(-5px); border:1px solid #ccc}
#mIVD_list .thmbset:hover h3 {font-weight:400}
#mIVD_list .thmbset .front {background:#fff}
#mIVD_list .thmbset .front>h3 {position:relative; top:0px; left:0px; font-size:24px; padding:25px; z-index:801; line-height:100%}
#mIVD_list .thmbset .front>img {position:absolute; width:100%; max-width:320px; bottom:0px; right:0px; z-index:800}
#mIVD_list .thmbset .front>a {display:block; position:absolute; bottom:15px; left:25px; z-index:801}
#mIVD_list .thmbset .front>a .ico-menubar {background:url(../img/icon_menubar_grey.png); background-size: 100% 100%; width:21px; height:21px; opacity:0.3; filter:alpha(opacity=30);}
#mIVD_list .thmbset .front>a:hover .ico-menubar {background:url(../img/icon_menubar_red.png); background-size: 100% 100%; opacity:1; filter:alpha(opacity=100);}
#mIVD_list .thmbset .pdtlist {position:absolute; top:0px; left:0px; z-index:802; background:#fff; height:200px; width:100%; overflow:hidden;}
#mIVD_list .thmbset .pdtlist ul {position:relative; top:0px; left:0px; overflow-y:scroll; overflow-x:hidden; height:200px;}
#mIVD_list .thmbset .pdtlist ul:after {content:" "; display:block; clear:both;}
#mIVD_list .thmbset .pdtlist li {width:100%;}
#mIVD_list .thmbset .pdtlist li:last-child a {border-bottom:none;}
#mIVD_list .thmbset .pdtlist li a {display:block; height:40px; padding:0px 15px; border-bottom:1px solid #eee; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
#mIVD_list .thmbset .pdtlist>a {display:block; position:absolute; top:10px; right:25px; z-index:803; width:30px; height:30px; line-height:35px; border-radius:30px; background:#999; text-align:center; padding:0px; opacity:0.7; filter:alpha(opacity=70);}
#mIVD_list .thmbset .pdtlist>a .ico-close {background:url(../img/icon_close_white.png); background-size: 100% 100%; width:16px; height:16px; margin:0px; padding:0px;}

/* 제품메인 > 제품뉴스 */
#mPDT_new {padding:60px 0px 90px; background:url(../img/bg_newproduct.png) no-repeat; background-size:1200px 100%; background-position:center;}
#mPDT_new .roll-cen-240 {margin-top:30px}
#mPDT_new .roll-cen-240 .tmbset {background:#fff; opacity:0.7; filter:alpha(opacity=70);}
#mPDT_new .roll-cen-240 .tmbset:hover {opacity:1; filter:alpha(opacity=100); transform:translateY(-5px)}
#mPDT_new .roll-cen-240 .tmbset>a:hover {transform:translateY(0px)}
#mPDT_new .imgpaging .box .fa-chevron-left ,.imgpaging .box .fa-chevron-right {color:#fff}
#mPDT_new .imgpaging .dot a span {border:1px solid #fff}
#mPDT_new .imgpaging .dot a.on span {background:#fff}
#mPDT_new .tmbset {padding:20px}
#mPDT_new .tmbset a {display:block; text-align:center}
#mPDT_new .tmbset a h3 {font-size:18px; line-height:20px; height:40px; overflow:hidden; font-weight:400}
#mPDT_new .tmbset a p {margin-top:10px; font-size:15px; line-height:17px; height:34px; overflow:hidden}

/* 제품메인 > 질병소개 */
#mDia_field {padding:60px 0px 30px}
#mDia_field .hd36 {color:#fff; margin-bottom:20px;}
#mDia_field .category {max-width:1200px; margin:0 auto; text-align:center}
#mDia_field .category:after {content:" "; display:block; clear:both;}
#mDia_field .category li {display:inline;}
#mDia_field .category li a {display:inline-block; color:#ffb2b2; font-size:18px; padding:5px 10px;}
#mDia_field .category li a.on {border-bottom:2px solid #fff; color:#fff; font-weight:400}
#mDia_field .roll-left-150 {margin-top:20px;}
#mDia_field .roll-left-150>div {height:220px;}
#mDia_field .roll-left-150>div>ul>li>div {height:220px;}
#mDia_field .roll-left-150>div>ul>li>div:hover {transform:translateY(-5px)}
#mDia_field .roll-left-150>div>ul>li>div>a:hover {transform:translateY(0px)}
#mDia_field .tmbset {background:#fff}
#mDia_field .tmbset>a {display:block; height:220px}
#mDia_field .tmbset>a>.img {height:150px; background:url(../img/temp/product_main_tmb02.png) no-repeat; background-size:cover; overflow:hidden; background-position:center}
#mDia_field .tmbset>a>h3 {font-size:15px; margin:10px 5px; height:51px; line-height:17px; overflow:hidden; text-align:center}

/* 제품메인 > 논문 */
#mScien_Pub {padding:60px 0px}
#mScien_Pub .lay4>li>div {border:none; margin:10px 20px}
#mScien_Pub .year {font-size:14px; margin-bottom:15px}
#mScien_Pub h3 {font-size:15px; line-height:20px; margin-top:10px; height:80px; color:/*#957b6e*/#7a9f9c; overflow:hidden; font-weight:400}
#mScien_Pub .who, #mScien_Pub .when {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; margin-bottom:5px; overflow:hidden;}
#mScien_Pub .who {margin-top:15px}
#mScien_Pub .btn {margin-top:15px; line-height:normal}
#mScien_Pub .btn a {font-size:14px; color:#aa5454}
#mScien_Pub .line-bk {margin-bottom:5px; height:auto; line-height:110%; padding:3px 10px;}

/* 제품리스트 */
#subheader.product-rp {background-color:#52cbfa}
#subheader.product-rp>div {background:url(../img/img_product_header_rp.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-gi {background-color:#ffa747}
#subheader.product-gi>div {background:url(../img/img_product_header_gi.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-sti {background-color:#ff7266}
#subheader.product-sti>div {background:url(../img/img_product_header_sti.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-hpv {background-color:#cb77ea}
#subheader.product-hpv>div {background:url(../img/img_product_header_hpv.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-tb {background-color:#89a6ed}
#subheader.product-tb>div {background:url(../img/img_product_header_tb.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-sepsis {background-color:#ff73a1}
#subheader.product-sepsis>div {background:url(../img/img_product_header_sepsis.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-meningitis {background-color:#73c45b}
#subheader.product-meningitis>div {background:url(../img/img_product_header_meningitis.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-dr {background-color:#68c8c9}
#subheader.product-dr>div {background:url(../img/img_product_header_dr.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

#subheader.product-others {background-color:#ed9e89}
#subheader.product-others>div {background:url(../img/img_product_header_others.png); background-repeat: no-repeat; background-position:center; background-size:cover;}

.pr-list>ul {position:relative; max-width:1200px; margin:0 auto;}
.pr-list>ul>li {position:relative; border-bottom:1px solid #eee; height:auto; margin-top:40px; padding-bottom:30px}
.pr-list>ul>li:last-child {border-bottom:none;}
.pr-list>ul>li .count {position:absolute; top:-10px; left:0px; font-size:50px; letter-spacing:-1px; color:#cc0000; width:60px; padding:0px;}
.pr-list .info {position:relative; top:0px; margin-left:80px;}
.pr-list .info:after {content:" "; display:block; clear:both;}
.pr-list .info h3 {position:relative; display:inline-block; float:left; width:100%; font-size:20px; font-weight:400}
.pr-list .info h3 a {font-weight:400}
.pr-list .info h3 a:hover {color:#cc0000}
.pr-list .more {display:block; margin-top:10px;}
.pr-list .more a {display:inline-block; margin-left:145px}
.pr-list .more a:hover {transform:translateY(-5px)}
.pr-list .analytes, .pr-list .speci-cat {position:relative; display:inline-block; float:left; width:50%; margin:20px 0px 0px}
.pr-list .speci-cat>div {position:relative; display:block; margin:0px 0px 10px 10px;}
.pr-list h4 {position:absolute; top:0px; left:0px; font-size:13px; color:#cc0000}
.pr-list .analytes .txtlist {margin-left:65px;}
.pr-list .txtlist {position:relative; margin-left:85px; font-size:0px}
.pr-list .txtlist:after {content:" "; display:block; clear:both;}
.pr-list .txtlist li:before {content:''; display:block; width:2px; height:2px; border-radius:3px; background:#777; position:absolute; top:6px; left:-6px;}
.pr-list .txtlist li {position:relative; display:inline-block; vertical-align:top; width:46%; font-size:13px; line-height:100%; margin:2px 0px 2px 4%;}

/* 제품상세 */
.features {padding:0px}
.features .lay6 {padding-bottom:0p; max-width:1220px}
.features .lay6 .img {overflow:hidden}
.features .lay6 .img>div {/*margin:6px;*/ overflow:hidden}
.features .lay6 .img>div img {width:120%; margin-left:-10%}
.features .lay6 .img.all {/*background-color:#f7f5eb*/}
.features .lay6 .img.all>div {/*border:1px solid #dcddde*/}
.features .lay6 .img.any {/*background-color:#f4f8f2*/}
.features .lay6 .img.any>div {/*border:1px solid #d3e1c5*/}
.features .lay6 .img.see {/*background-color:#fbf3f4*/}
.features .lay6 .img.see>div {/*border:1px solid #f8d0cd*/}
.features .lay6 .img.magic {/*background-color:#f7f5f7*/}
.features .lay6 .img.magic>div {/*border:1px solid #e3d3e7*/}
.features .lay6>li>div h5 {font-size:16px; text-align:center; margin-top:5px}
.features .lay6>li>div p {font-size:15px; text-align:center; margin-top:5px; color:#999}

.analytes {width:100%}
.analytes .lay2 {padding-top:0px}
.analytes .tmb {position:relative; border-top:1px solid #777; padding:20px 0px 50px;}
.analytes .hd24 {line-height:20px; min-height:35px; }
.analytes .tmb:after {content:""; display:block; clear:both}
.analytes .tmb h5 {position:absolute; display:inline-block; float:left; top:20px; left:0px; width:40%; font-size:18px; color:#cc0000; font-weight:400; padding-right:20px}
.analytes .tmb h5.type2 {font-size:24px; text-transform:uppercase}
.analytes .tmb ul {position:relative; top:0px; left:45%; width:55%; display:inline-block; float:left}
.analytes .tmb ul li:before {content:''; display:inline-block; width:2px; height:2px; border-radius:3px; background:#777; position:absolute; top:11px; left:0px;}
.analytes .tmb ul li {position:relative; font-size:15px; padding:3px 0px 3px 10px}
.analytes .tmb .cat {margin-top:10px;}
.analytes .tmb .cat:before {display:none}
.analytes .tmb .cat h6 {font-size:13px; color:#cc0000}
.analytes .tmb .cat p {font-size:13px;}
.analytes .tmb .cat p span {color:#cc0000}
.analytes .tmb.spec ul {width:100%; top:0px; left:0px; width:100%}
.analytes .tmb.orinfo ul {width:100%; top:0px; left:0px; width:100%}
.analytes .tmb.orinfo ul>li:before {display:none}
.analytes .tmb.orinfo ul>li {margin-bottom:15px;}
.analytes .tmb.orinfo ul>li:last-child {margin-bottom:0px}
.analytes .tmb.orinfo ul>li .tit {font-size:18px; color:#cc0000; font-weight:400}
/*.analytes .tmb.orinfo-2:after {content:" "; display:block; clear:both}*/
.analytes .tmb.orinfo-2 div {display:table-cell; float:left; width:50%; margin-bottom:15px}
.analytes .tmb.orinfo-2 div.tit {font-size:15px; font-weight:400; margin-bottom:20px; color:#aaa}
.analytes .tmb.orinfo-2 div.pdt {color:#cc0000; font-weight:400; font-size:16px}
.analytes .tmb.orinfo-2 div.no {text-align:right; font-size:16px}

.sepsis_anal2 {display:block}
.sepsis_anal2 h4 {margin-bottom:20px}
.sepsis_anal2 .analwrap {position:relative; margin:0px auto; max-width:1200px;}
.sepsis_anal2 .conbx {position:relative; top:0px; left:0px;}
.sepsis_anal2 .conwrap {display:table; width:100%; border-collapse: separate; border-spacing:10px;}
.sepsis_anal2 .conwrap>div {display:table-row;}
.sepsis_anal2 .conwrap>div>div {display:table-cell; vertical-align:top; position:relative}
.sepsis_anal2 .conwrap>div>div:nth-child(1) {width:30%}
.sepsis_anal2 .conwrap>div>div:nth-child(2) {width:30%}
.sepsis_anal2 .conwrap>div>div:nth-child(3) {width:40%}
.sepsis_anal2 .conwrap>div>div:after {content:""; display:block; clear:both}
.sepsis_anal2 .conwrap .ico-arr-transgrey {position:absolute; transform:rotate(-90deg) translateY(-50%); top:40%; right:-50px; z-index:500; width:70px}
.sepsis_anal2 .conwrap .ty1 {color:#000; padding:10px 20px; font-weight:400}
.sepsis_anal2 .conwrap .ty1 span {color:#999; font-size:15px; font-weight:500}
.sepsis_anal2 .conwrap .ty2 {margin:0px 20px 10px}
.sepsis_anal2 .conwrap .step1{background:#f7f7f7; border:1px solid #eee}
.sepsis_anal2 .conwrap .step2{background:#f3f3f3; border:1px solid #f1f1f1}
.sepsis_anal2 .conwrap .step3{background:#eee; border:1px solid #e5e5e5}
.sepsis_anal2 .conwrap .step3 .ty1 {padding:10px 20px 5px;font-size:13px}
.sepsis_anal2 .conwrap .step3 .ty1 span {font-size:13px}
.sepsis_anal2 .conwrap .step3 .ty2 {font-size:13px}
.sepsis_anal2 .idset {display:inline-block; float:left; width:50%}
.sepsis_anal2 .titgrp div {font-size:22px; text-align:left; color:#cc0000; font-weight:400}

.sepsis_anal {display:none}

.specimens {width:100%;}
.specimens .lay2 {padding-top:5px}
.specimens .tmb {position:relative; border-top:1px solid #777; padding:20px 0px 30px}
.specimens .tmb ul li {font-size:15px; padding:3px 0px 3px 10px}

.result>div {position:relative; max-width:1200px; margin:20px auto;}
.result>div:after {content:" "; display:block; clear:both;}
.result .viewer {display:inline-block; width:68%; float:left;}
.result .viewer>img {width:100%}
.result .value {display:inline-block; width:30%; float:right;}
.result .value>img {width:100%; max-width:100%; height:auto; margin-bottom:20px}

.note {margin-top:60px}
.note>div {position:relative; max-width:1200px; margin:20px auto;}
.note p {margin:10px 0px}

.moreprinfo>div {max-width:1200px; margin:65px auto; padding:0 20px}
.moreprinfo .if-box {border:1px solid #ddd; padding:30px; background:#f5f5f5}
.moreprinfo .if-box .tip {margin-bottom:7px; font-size:14px}
.moreprinfo .if-box .tip a {color:#cc0000}
.moreprinfo .if-box .tip a:hover {font-weight:400}
.moreprinfo .if-box .etc {margin-bottom:30px}

/* 논문 */
.cit-roll>div {max-width:1200px; margin:0 auto; padding:40px 10px 80px}
.cit-roll>div>h2 {max-width:1180px; margin:0 auto}
.cit-roll .citcon {margin-top:20px;}
.cit-roll .citcon .item {border:none; margin:0px 7px 12px; background-color:#fff; padding:15px; box-sizing:border-box; border:1px solid #ddd}
.cit-roll .year {font-size:14px; margin-bottom:15px}
.cit-roll h3 {font-size:15px; line-height:20px; margin-top:10px; height:80px; color:#7a9f9c; overflow:hidden; font-weight:400}
.cit-roll .who, .cit-roll .when {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; margin-bottom:5px;  overflow:hidden;}
.cit-roll .who {margin-top:15px}
.cit-roll .btn {color:#cc0000; font-size:14px; display:block; margin-top:15px;}
.cit-roll .line-bk {margin-bottom:5px; height:auto; line-height:110%; padding:3px 10px;}

.refer-li {padding:50px 20px 0px}
.refer-li>div {max-width:1200px; margin:0 auto;}
.refer-li ul:after {content:" "; display:block; clear:both;}
.refer-li ul>li {display:inline-block; float:left; width:50%; margin-bottom:50px}
.refer-li ul>li:after {content:" "; display:block; clear:both;}
.refer-li ul>li:nth-child(2n+3) {clear:both}
.refer-li ul>li>div {display:inline-block; float:left}
.refer-li ul>li .num {width:25%; min-width:80px; max-width:90px;}
.refer-li ul>li .num span {display:block; margin-right:20px; font-size:40px; line-height:90%}
.refer-li ul>li .infoset {width:75%}
.refer-li ul>li .infoset .year {margin-bottom:20px}
.refer-li ul>li .infoset .tit {margin-bottom:20px; font-size:18px; color:#7a9f9c; font-weight:400}
.refer-li ul>li .infoset .who {margin-bottom:10px; font-size:14px}
.refer-li ul>li .infoset .jnl {margin-bottom:20px; font-size:14px}
.refer-li ul>li .infoset .btn {}
.refer-li ul>li .infoset .btn .button {height:inherit; line-height:120%; padding:5px 10px; margin:0px 5px 5px 0px; text-align:center}
.refer-li ul>li .infoset .btn .button .ico-cross {color:#999}
.refer-li ul>li .infoset .btn .button:hover .ico-cross {color:#cc0000}

/* 파이프라인 */
.pipeQs {position:relative; max-width:850px; margin:0 auto;}
.pipeQs .img {z-index:500; position:relative !important; box-shadow:none !important;}
.pipeQs .img img {width:auto}
.pipeQs>div {position:absolute; height:auto; box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.3)}
.pipeQs>div>div {position:relative; width:100%}
.pipeQs>div>div:after {content:" "; display:block; clear:both;}
.pipeQs>div>div>div {display:table-cell; vertical-align:middle; color:#fff}
.pipeQs>div>div>.num {font-weight:100; width:35%; padding:0 4%}
.pipeQs>div>div>.tit {width:49%; padding:0 4%}

.pipeQs .sti {z-index:505; top:34%; left:45%; width:30%; border-radius:85px; background:url(../img/img_pipeline_sti.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .sti>div {margin:20% 0%}
.pipeQs .sti .num {font-size:70px}

.pipeQs .gi {z-index:506; top:1%; left:36%; width:28%; border-radius:80px; background:url(../img/img_pipeline_gi.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .gi>div {margin:20% 0%}
.pipeQs .gi .num {font-size:60px}

.pipeQs .tb {z-index:503; top:5%; left:63%; width:28%; border-radius:80px; background:url(../img/img_pipeline_tb.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .tb>div {margin:20% 0%}
.pipeQs .tb .num {font-size:60px}

.pipeQs .derma {z-index:506; top:29%; left:21%; width:24%; border-radius:65px; background:url(../img/img_pipeline_derma.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .derma>div {margin:18% 0%}
.pipeQs .derma .num {font-size:50px}

.pipeQs .meningitis {z-index:502; top:34%; left:74%; width:24%; border-radius:65px; background:url(../img/img_pipeline_meningitis.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .meningitis>div {margin:18% 0%}
.pipeQs .meningitis .num {font-size:50px}

.pipeQs .hospital {z-index:507; top:6%; left:12%; width:24%; border-radius:65px; background:url(../img/img_pipeline_hospital.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .hospital>div {margin:15% 0%}
.pipeQs .hospital .num {font-size:50px}

.pipeQs .rp {z-index:501; top:48%; left:4%; width:24%; border-radius:65px; background:url(../img/img_pipeline_rp.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .rp>div {margin:20% 0%}
.pipeQs .rp .num {font-size:50px}

.pipeQs .genetic {z-index:501; top:57%; left:71%; width:19%; border-radius:65px; background:url(../img/img_pipeline_genetic.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .genetic>div {margin:17% 0%}
.pipeQs .genetic .num {font-size:40px}

.pipeQs .oncology {z-index:501; top:55%; left:28%; width:19%; border-radius:65px; background:url(../img/img_pipeline_oncology.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .oncology>div {margin:17% 0%}
.pipeQs .oncology .num {font-size:40px}

.pipeQs .tropical {z-index:508; top:29%; left:1%; width:19%; border-radius:65px; background:url(../img/img_pipeline_tropical.png) repeat-y; background-position:center; background-size:cover}
.pipeQs .tropical>div {margin:20% 0%}
.pipeQs .tropical .num {font-size:40px}
.pipeQs .mobi-list {display:none}

.pipe-pr {max-width:800px; margin:0 auto}
.pipe-pr:after {content:" "; display:block; clear:both}
.pipe-pr>div {display:inline-block; float:left; width:50%}
.pipe-pr>div .prset {margin:0px 20px 60px}
.pipe-pr>div .prset>li {position:relative; margin:20px 0px}
.pipe-pr>div .prset>li:after {content:" "; display:block; clear:both;}
.pipe-pr>div .prset .num>span {display:block; width:30px; height:30px; line-height:32px; border-radius:30px; text-align:center; color:#fff; font-size:20px; margin-top:-4px}
.pipe-pr>div .prset .num {width:30px; position:absolute}
.pipe-pr>div .prset .tit {width:100%; position:relative}

.pipe-pr>.left .prset .num {top:0px; right:0px}
.pipe-pr>.left .prset .tit>p {margin-right:45px; text-align:right}

.pipe-pr>.right .prset .num {top:0px; left:0px}
.pipe-pr>.right .prset .tit>p {margin-left:45px; text-align:left}

.pipe-pr>div .prset.rp .num>span {background:#01abce}
.pipe-pr>div .prset.rp .tit>p {color:#59a1af}
.pipe-pr>div .prset.hpv .num>span{background:#f595a3}
.pipe-pr>div .prset.hpv .tit>p {color:#ca5782}
.pipe-pr>div .prset.tb .num>span{background:#7c97ce}
.pipe-pr>div .prset.tb .tit>p {color:#4a72b0}
.pipe-pr>div .prset.sti .num>span{background:#f397a4}
.pipe-pr>div .prset.sti .tit>p {color:#c87392}
.pipe-pr>div .prset.gi .num>span{background:#6cb242}
.pipe-pr>div .prset.gi .tit>p {color:#117748}
.pipe-pr>div .prset.dr .num>span{background:#a78fc3}
.pipe-pr>div .prset.dr .tit>p {color:#765292}
.pipe-pr>div .prset.mening .num>span{background:#50bc9c}
.pipe-pr>div .prset.mening .tit>p {color:#56afab}
.pipe-pr>div .prset.derma .num>span{background:#b5c75b}
.pipe-pr>div .prset.derma .tit>p {color:#838f51}
.pipe-pr>div .prset.braf .num>span{background:#c578b0}
.pipe-pr>div .prset.braf .tit>p {color:#c8739c}
.pipe-pr>div .prset.throm .num>span{background:#f68f54}
.pipe-pr>div .prset.throm .tit>p {color:#dd7325}
.pipe-pr>div .prset.tropi .num>span{background:#f6944d}
.pipe-pr>div .prset.tropi .tit>p {color:#ed8621}

/* Advantages */
#detailheader.hdimg_benefit {background:url(../img/img_advantage_benefit_hd.png) no-repeat; background-position:bottom -100px left 1%; background-size:auto 150%; background-color:#f5f5f5;}
.mrmini {margin:0px 0px !important}
#detailheader.hdimg_highss {background:url(../img/img_advantage_highss_hd.png) no-repeat; background-position:bottom -100px left 10%; background-size:auto 130%; background-color:#f5f5f5;}
#detailheader.covid19kr {background:url(/upload/images/covid19/20200325_covid_main_kr.png) no-repeat; background-position:bottom -100px left 10%; background-size:auto 130%; background-color:#c7dfe5;}
#detailheader.covid19en {background:url(/upload/images/covid19/20200325_covid_main_en.png) no-repeat; background-position:bottom -100px left 10%; background-size:auto 130%; background-color:#ffad82;}


/*-------------------------------- 미디어쿼리 ---------------------------------*/
@media all and (max-width:1200px){
    .pr-list>ul>li {margin:30px 20px 0px;}
    .lay2 {padding-left:20px; padding-right:20px;}
    .result>div {margin:20px}
    .note>div {margin:20px}

    .analytes .hd24 {margin:0px 0px}

	.sepsis_anal .analwrap {position:relative; margin:0px 20px}
	.sepsis_anal2 .analwrap {position:relative; margin:0px 20px}

	.cit-roll>div {padding:40px 20px 80px}
    .cit-roll>div>h2 {margin:0 20px}
}

@media all and (max-width:768px){
    #mIVD_list .lay3 {margin-top:10px}
    #mIVD_list {padding:35px 0px 35px;}
    #mIVD_list .thmbset {height:120px}
    #mIVD_list .thmbset .front>h3 {font-size:16px; padding:15px}
    #mIVD_list .thmbset .front img {max-height:120px; width:auto; max-width:90%}
    #mIVD_list .thmbset .front>a .ico-menubar {width:17px; height:17px;}
    #mIVD_list .thmbset .pdtlist {height:120px;}
    #mIVD_list .thmbset .pdtlist ul {height:120px;}
    #mIVD_list .thmbset .pdtlist li a {height:23px; line-height:23px; font-size:13px}
    #mIVD_list .thmbset .pdtlist>a {width:23px; height:23px; line-height:26px; right:10px;}
    #mIVD_list .thmbset .pdtlist>a .ico-close {width:14px; height:14px;}

    #mPDT_new {padding:35px 0px 60px;}
    #mPDT_new .roll-cen-240 {margin-top:15px}
    #mPDT_new .tmbset {padding:12px}
    #mPDT_new .tmbset a h3 {font-size:16px; font-weight:400}
    #mPDT_new .tmbset a p {margin-top:5px; font-size:14px}

    #mDia_field {padding:50px 0px 25px;}
    #mDia_field .hd36 {margin-bottom:10px;}
    #mDia_field .category {padding:0px 10px;}
    #mDia_field .category li a {font-size:16px; padding:3px 5px;}
    #mDia_field .roll-left-150 {margin-top:10px;}
    #mDia_field .roll-left-150>div {height:200px;}
    #mDia_field .roll-left-150>div>ul>li>div {height:200px;}
    #mDia_field .tmbset>a {height:200px;}
    #mDia_field .tmbset>a>h3 {font-size:14px; height:32px; line-height:16px;}

    #mScien_Pub {padding:40px 0px 50px}
    #mScien_Pub .lay4>li>div {margin:10px}
    #mScien_Pub .year {font-size:13px; margin-bottom:10px}
    #mScien_Pub h3 {font-size:14px; height:72px; line-height:18px; margin-top:7px;}
    #mScien_Pub .who, #mScien_Pub .when {font-size:13px; margin-top:5px; color:#999; overflow:hidden;}
    #mScien_Pub .btn {font-size:14px;}

    .pr-list>ul>li {margin:30px 20px 0px; padding-bottom:30px;}
    .pr-list>ul>li .count {top:-5px; font-size:38px; width:45px;}
    .pr-list .info {margin-left:55px;}
    .pr-list .info h3 {display:block; float:none; width:100%; font-size:16px;}
    .pr-list .more {margin-top:5px;}
    .pr-list .more a {margin-left:110px}
    .pr-list .analytes, .pr-list .speci-cat {display:block; float:none; width:100%; margin:10px 0px 0px}
    .pr-list h4 {font-size:13px;}
    .pr-list .speci-cat {display:none}
    .pr-list .speci-cat>div {margin-bottom:10px}
    .pr-list .analytes .txtlist {margin-left:55px;}
    .pr-list .txtlist {margin-left:75px;}
    .pr-list .txtlist li {font-size:13px;}

    .features .hdline24 {margin:0 20px}
    .features .lay6 {padding-bottom:0px; margin:0px 15px}
    .features .lay6>li>div h5 {font-size:14px; margin-top:5px}
    .features .lay6>li>div p {font-size:14px; margin-top:5px;}

    .analytes .hd24 {line-height:20px; min-height:inherit; padding-bottom:10px}
    .analytes .lay2>li:first-child .hd24 {min-height:35px; padding-bottom:0px}
    .analytes .tmb {padding:10px 0px 30px}
    .analytes .tmb h5 {top:12px; left:0px; width:40%; font-size:18px;}
    .analytes .tmb h5.type2 {font-size:20px}
    .analytes .tmb ul {left:45%;}
    .analytes .tmb ul li {font-size:14px; padding:3px 0px 3px 10px}
    .analytes .tmb .cat {margin-top:10px;}
    .analytes .tmb .cat h6 {font-size:13px;}
    .analytes .tmb .cat p {font-size:13px;}
    .analytes .tmb .cat p {font-size:13px;}
    .analytes .tmb.orinfo ul>li .tit {font-size:16px}
	.analytes .tmb.orinfo-2 div {display:table-cell; float:left; width:50%; margin-bottom:15px}
	.analytes .tmb.orinfo-2 div.tit {font-size:14px; font-weight:400; margin-bottom:15px; color:#aaa}
	.analytes .tmb.orinfo-2 div.pdt {font-size:15px; color:#cc0000; font-weight:400}
	.analytes .tmb.orinfo-2 div.no {font-size:15px; text-align:right;}

	.sepsis_anal2 {display:none}

	.sepsis_anal {display:block}
	.sepsis_anal h4 {margin-bottom:20px}
	.sepsis_anal .analwrap {position:relative; max-width:1200px;}
	.sepsis_anal .titbx {display:block; font-size:20px; font-weight:400; color:#cc0000; text-align:center}
	.sepsis_anal .conbx {}
	.sepsis_anal .conwrap {display:table; width:100%; border-collapse: separate; border-spacing:10px;}
	.sepsis_anal .conwrap>div {display:table-row;}
	.sepsis_anal .conwrap>div>div {display:table-cell; width:50%; vertical-align:top; position:relative}
	.sepsis_anal .conwrap>div>div:after {content:""; display:block; clear:both}
	.sepsis_anal .conwrap .ico-arr-transgrey {position:absolute; left:50%; transform:translateX(-50%); bottom:-32px; z-index:500}
	.sepsis_anal .conwrap .ty1 {color:#000; padding:10px 20px; font-weight:400}
	.sepsis_anal .conwrap .ty1 span {color:#999; font-size:15px; font-weight:500}
	.sepsis_anal .conwrap .ty2 {margin:0px 20px 10px}
	.sepsis_anal .conwrap.step1>div>div{background:#f7f7f7; border:1px solid #eee}
	.sepsis_anal .conwrap.step2>div>div{background:#f3f3f3; border:1px solid #f1f1f1}
	.sepsis_anal .conwrap.step3>div>div{background:#eee; border:1px solid #e5e5e5}
	.sepsis_anal .conwrap.step3 .ty1 {padding:10px 20px 5px; font-size:13px}
	.sepsis_anal .conwrap.step3 .ty1 span {font-size:12px}
	.sepsis_anal .conwrap.step3 .ty2 {font-size:13px}
	.sepsis_anal .conwrap.step3 .ty2 span {display:block; word-break:keep-all; white-space:nowrap}
	.sepsis_anal .idset {display:inline-block; float:left; width:50%}

    .specimens .tmb {padding:10px 0px}
    .specimens .tmb h5 {top:12px; left:0px; width:35%; font-size:16px; color: #cc0000}
    .specimens .tmb ul li {font-size:14px; padding:3px 0px 3px 10px}

    .result .viewer {width:100%; display:block; float:left; margin-bottom:20px}
    .result .viewer>img {width:100%}
    .result .value {width:100%; display:block; float:right;}
    .result .value>img {width:100%; margin:10px 0px}

    .note {margin-top:30px}

    .moreprinfo>div {margin:35px auto}
    .moreprinfo .if-box {padding:15px; background:#f5f5f5}

    .cit-roll>div {max-width:1200px; margin:0 auto; padding:40px 10px 50px}
    .cit-roll .lay4 {padding:15px 0px 0px}
    .cit-roll .lay4 .item {margin:0px 5px; padding:10px;}
	.cit-roll .citcon .item {margin:0px 5px 12px}
    .cit-roll .year {font-size:13px; color:#999; margin-bottom:10px}
    .cit-roll h3 {font-size:15px; line-height:20px; height:80px}
    .cit-roll .who, .cit-roll .when {size:13px; margin-bottom:5px}
    .cit-roll .who {margin-top:10px}
    .cit-roll .btn {font-size:13px; margin-top:10px}
	.cit-roll .btn .button {border:none; padding:0px; color:#aa5454}

    .refer-li {padding:35px 20px 0px}
    .refer-li ul>li {display:block; float:none; width:100%; margin-bottom:35px}
    .refer-li ul>li>div {display:inline-block; float:left}
    .refer-li ul>li .num {width:20%; min-width:50px; max-width:100px;}
    .refer-li ul>li .num span {margin-right:10px; font-size:30px}
    .refer-li ul>li .infoset {width:80%}
    .refer-li ul>li .infoset .year {margin-bottom:10px; font-size:14px}
    .refer-li ul>li .infoset .tit {margin-bottom:10px; font-size:15px}
    .refer-li ul>li .infoset .who {margin-bottom:7px; font-size:13px}
    .refer-li ul>li .infoset .jnl {margin-bottom:10px; font-size:13px}
    .refer-li ul>li .infoset .btn .button {padding:3px 10px; margin:0px 5px 5px 0px}

    .pipeQs .img img {width:90%}

    .pipeQs .sti {z-index:505; top:38%; left:45%; width:30%; border-radius:50px}
    .pipeQs .sti>div {margin:18% 0%}
    .pipeQs .sti .num {font-size:42px}
    .pipeQs .sti .tit {font-size:14px}

    .pipeQs .gi {z-index:506; top:3%; left:36%; width:28%; border-radius:45px}
    .pipeQs .gi>div {margin:20% 0%}
    .pipeQs .gi .num {font-size:40px}
    .pipeQs .gi .tit {font-size:14px}

    .pipeQs .tb {z-index:503; top:5%; left:63%; width:28%; border-radius:45px}
    .pipeQs .tb>div {margin:20% 0%}
    .pipeQs .tb .num {font-size:34px}
    .pipeQs .tb .tit {font-size:13px}

    .pipeQs .derma {z-index:506; top:33%; left:21%; width:24%; border-radius:40px}
    .pipeQs .derma>div {margin:15% 0%}
    .pipeQs .derma .num {font-size:35px}
    .pipeQs .derma .tit {font-size:14px}

    .pipeQs .meningitis {z-index:502; top:34%; left:74%; width:24%; border-radius:40px}
    .pipeQs .meningitis>div {margin:18% 0%}
    .pipeQs .meningitis .num {font-size:30px}
    .pipeQs .meningitis .tit {font-size:13px}

    .pipeQs .hospital {z-index:507; top:4%; left:12%; width:24%; border-radius:40px}
    .pipeQs .hospital>div {margin:15% 0%}
    .pipeQs .hospital .num {font-size:35px}
    .pipeQs .hospital .tit {font-size:13px}

    .pipeQs .rp {z-index:501; top:52%; left:3%; width:24%; border-radius:40px}
    .pipeQs .rp>div {margin:15% 0%}
    .pipeQs .rp .num {font-size:35px}
    .pipeQs .rp .tit {font-size:13px}

    .pipeQs .genetic {z-index:501; top:59%; left:74%; width:19%; border-radius:40px}
    .pipeQs .genetic>div {margin:17% 0%}
    .pipeQs .genetic .num {font-size:30px}
    .pipeQs .genetic .tit {font-size:14px}

    .pipeQs .oncology {z-index:501; top:56%; left:27%; width:19%; border-radius:30px}
    .pipeQs .oncology>div {margin:17% 0%}
    .pipeQs .oncology .num {font-size:30px}
    .pipeQs .oncology .tit {font-size:13px}

    .pipeQs .tropical {z-index:508; top:29%; left:1%; width:19%; border-radius:30px}
    .pipeQs .tropical>div {margin:20% 0%}
    .pipeQs .tropical .num {font-size:30px}
    .pipeQs .tropical .tit {font-size:14px}
}

@media all and (max-width:600px){
	.sepsis_anal .conwrap .ty1 {color:#000; padding:10px 10px; font-weight:400}
	.sepsis_anal .conwrap .ty2 {margin:0px 10px 10px}
	.sepsis_anal .conwrap.step3 .ty1 {padding:10px 10px 5px; font-size:13px}
	.sepsis_anal .conwrap.step3 .ty2:after {content:""; display:block; clear:both}
	.sepsis_anal .conwrap.step3 .ty2 span {display:inline-block; float:left; width:50%}
    .sepsis_anal .idset {display:block; float:none; width:100%}
}

@media all and (max-width:500px){
    .pipeQs .img img {display:none}
    .pipe-pr {display:none}

    .pipeQs:after {content:" "; display:block; clear:both;}
    .pipeQs>div {position:relative !important; display:block; top:0 !important; left:0 !important; border-radius:10px !important; width:100% !important;  box-shadow: 3px 5px 15px rgba(0, 0, 0,0) !important; margin-bottom:5px; overflow:hidden}
    .pipeQs>div>div {position:relative; width:100%; margin:0 !important; background-position:right !important}
    .pipeQs>div>div:after {content:" "; display:block; clear:both;}
    .pipeQs>div>div>div {display:table-cell; float:right; vertical-align:middle; color:#fff; margin:0px; vertical-align:middle; line-height:110%; height:38px;}

    .pipeQs>div>div>.num {font-size:25px !important; text-align:center; font-weight:300; width:10%; text-align:center; line-height:38px;}
    .pipeQs>div>div>.tit {font-size:14px !important; text-align:left; width:74%; line-height:38px; white-space:nowrap}

    .pipeQs .sti {background:none}
    .pipeQs .sti .num {background:#39a6a3}
    .pipeQs .sti .tit {background:#2abadc}

    .pipeQs .gi {background:none}
    .pipeQs .gi .num {background:#493781}
    .pipeQs .gi .tit {background:#665aa2}

    .pipeQs .tb {background:none}
    .pipeQs .tb .num {background:#b0c007}
    .pipeQs .tb .tit {background:#a3cf34}

    .pipeQs .derma {background:none}
    .pipeQs .derma .num {background:#b5155f}
    .pipeQs .derma .tit {background:#c7419a}

    .pipeQs .hospital {background:none}
    .pipeQs .hospital .num {background:#f47703}
    .pipeQs .hospital .tit {background:#f68d18}

    .pipeQs .meningitis {background:none}
    .pipeQs .meningitis .num {background:#007612}
    .pipeQs .meningitis .tit {background:#0f9d49}

    .pipeQs .rp {background:none}
    .pipeQs .rp .num {background:#bf1d10}
    .pipeQs .rp .tit {background:#cc4738}

    .pipeQs .genetic {background:none}
    .pipeQs .genetic .num {background:#943ce6}
    .pipeQs .genetic .tit {background:#9778f0}

    .pipeQs .oncology {background:none}
    .pipeQs .oncology .num {background:#80df0f}
    .pipeQs .oncology .tit {background:#bbd955}

    .pipeQs .tropical {background:none}
    .pipeQs .tropical .num {background:#f99f17}
    .pipeQs .tropical .tit {background:#fcb920}

    .pipeQs .mobi-list {display:block}
    .pipeQs .mobi-list ul {margin:10px}
    .pipeQs .mobi-list ul li {line-height:110%; margin-bottom:8px; font-size:14px; cursor:pointer}
    .pipeQs .mobi-list ul li:last-child {margin-bottom:25px}
    .pipeQs .mobi-list ul li span {display:inline-block; width:20px; height:20px; line-height:21px; background:#aaa; text-align:center; color:#fff; border-radius:20px; margin-left:5px}

	.sepsis_anal .conwrap.step3 .ty2 span {display:inline-block; float:left; width:100%}

	/*.pr-list h4 {position:relative; top:0px; left:0px; font-size:13px; color:#cc0000; width:100%; margin-bottom:5px}
	.pr-list .analytes .txtlist {margin-left:0px; width:100%; position:relative;}*/
	.pr-list .analytes .txtlist li {margin-bottom:4px; font-size:11px; display:block; width:100%}
	.pr-list .txtlist li:before {top:3px; left:-6px;}
}