@charset "UTF-8";

/* 시스템메인 > 플랫폼 */
#mpltfrm_list {padding:60px 0px}
#mpltfrm_list .lay3 {margin-top:15px}
#mpltfrm_list .lay3>li {padding:0 0 10px}
#mpltfrm_list .thmbset {position:relative; height:200px; background:#fff; overflow:hidden; cursor:pointer; margin:0 5px}
#mpltfrm_list .thmbset:hover {cursor:pointer; transform:translateY(-5px); border:1px solid #ccc}
#mpltfrm_list .thmbset:hover h3 {font-weight:400}
#mpltfrm_list .thmbset>h3 {position:relative; top:0px; left:0px; font-size:24px; padding:25px; z-index:801; line-height:100%}
#mpltfrm_list .thmbset>img {position:absolute; width:100%; max-width:320px; bottom:0px; right:0px; z-index:800; max-height:200px}

/* 시스템메인 > 장비 */
#minstrument {padding:60px 0px 40px; background:url(../img/img_systemmain_instrument_starlet.png) no-repeat; background-size:cover; background-position:center; height:450px;}
#minstrument .hd36 {color:#fff; margin-bottom:15px}
#minstrument .selec-info {max-width:1200px; margin:0 auto; height:180px}
#minstrument .selec-info>div {position:relative; top:50%; transform:translateY(-50%); width:50%}
#minstrument .selec-info h2 {color:#fff; margin-bottom:10px; font-size:30px}
#minstrument .selec-info p {color:#fff; margin-bottom:20px}
#minstrument .selec-info .button {text-align:center}
#minstrument .roll-left-150>div {overflow:visible}
#minstrument .roll-left-150>div>div>div>div {margin-top:15px;}
#minstrument .tmbset {background:#fff; background:url(../img/bg_white_opacity10.png) repeat; border:1px solid #fff; height:128px}
#minstrument .tmbset:hover {cursor:pointer; transform:translateY(-5px);}
#minstrument .tmbset>a {display:block; vertical-align:middle; overflow:hidden; margin:20px auto;}
#minstrument .tmbset>a:hover {transform:translateY(0px)}
#minstrument .tmbset>a>h3 {font-size:20px; line-height:120%; color:#fff; text-align:center;  margin:0 10px 8px;}
#minstrument .tmbset>a>p {color:#eee; text-align:center; font-size:13px; line-height:18px; height:54px; overflow:hidden; margin:0 10px;} 
#minstrument .tmbset.on {background:url(../img/bg_white_opacity50.png) repeat;}

/* 시스템메인 > 소프트웨어 */
#msoftware {padding:60px 0px 50px; height:450px; background:url(../img/bg_yellowhite.png); background-repeat: repeat-x; background-position:top;}
#msoftware .duo {max-width:1200px; margin:30px auto 0;}
#msoftware .duo:after {content:" "; display:block; clear:both;}
#msoftware .duo>a {position:relative; display:inline-block; float:left; width:50%; height:320px}
#msoftware .duo>a:nth-child(1) img {position:absolute; right:0%; bottom:0px; width:100%; max-width:361px}
#msoftware .duo>a:nth-child(2) img {position:absolute; left:10%; bottom:0px; width:70%; max-width:251px}
#msoftware .duo>a:nth-child(1) .txinfo {position:relative; width:50%; top:0px; left:10%}
#msoftware .duo>a:nth-child(2) .txinfo {position:relative; width:50%; top:0px; left:40%}
#msoftware .duo>a:nth-child(2) .txinfo h3 {text-align:right}
#msoftware .duo>a:nth-child(2) .txinfo p {text-align:right}
#msoftware .txinfo h3 {font-size:24px; color:#cc0000}

/* 시스템메인 > 기술 */
#mtech {padding:60px 0px}
#mtech .laytem {padding:35px 0px 0px}
#mtech .laytem a:hover img {margin-top:-10px}
#mtech .laytem h3 {font-size:24px; color:#cc0000; margin:20px 0px 5px}
#mtech .type-col6>div>div {vertical-align:top}

/* 플랫폼 */
#detailheader.sample_information_tracking {background:url(../img/img_system_LIS_hd.png) no-repeat; background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}
.bg_LIS-01 {background:url(../img/img_system_LIS02.png) no-repeat; background-size:cover; background-position:center;}
.bg_LIS-01 .addmg {max-width:1160px; margin:0 auto 80px; padding:0 20px; text-align:center}

#detailheader.flexible_pcr_setup_solution {background:url(../img/img_system_pcrset_hd.png) no-repeat; background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}
.bg_pcrset-01 {background:url(../img/img_system_pcrset04.png) no-repeat; background-size:cover; background-position:center; min-height:600px}

#detailheader.universal_extraction_system {background:url(../img/img_system_unicart_hd.png) no-repeat; background-position:bottom -80px left 20%; background-size:auto 100%; background-color:#f5f5f5}

#detailheader.one_day_report_system {background:url(../img/img_system_oneday_hd.png) no-repeat; background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}

#detailheader.actual_case_of_space_use {background:url(../img/img_system_spaceuse_hd.png) no-repeat; background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}
.bg_spaceuse-01 {background:url(../img/img_system_spaceuse01.png) no-repeat; background-size:auto; background-position:left top;}
.bg_spaceuse-02 {background:url(../img/img_system_spaceuse03.png) no-repeat; background-size:auto; background-position:left top;}
.bg_spaceuse-03 {background:url(../img/img_system_spaceuse05.png) no-repeat; background-size:auto; background-position:left top;}
.bg_spaceuse-04 {background:url(../img/img_system_spaceuse07.png) no-repeat; background-size:auto; background-position:left top;}
.w-mini>div>div:nth-child(1) {width:58%}
.w-mini>div>div:nth-child(2) {width:38%} 

#detailheader.all_in_one {background-position:bottom -60px left 20%; background-size:auto 110%; background-color:#f5f5f5}
.flexbtn3 .button {width:30%; padding:10px 0px; margin:1%; height:auto; line-height:110%;}

#detailheader.universal_extraction_system {background-position:bottom -50px left 20%; background-size:auto 100%; background-color:#f5f5f5}

#detailheader.flexible_pcr_setup_solution {background-position:bottom -60px left 15%; background-size:auto 110%; background-color:#f5f5f5}

#detailheader.actual_case_of_space_use {background-position:bottom -50px left 20%; background-size:auto 110%; background-color:#f5f5f5}


/* 장비 */
#detailheader.starlet {background-position:bottom -30px left 20%; background-size:auto 100%; background-color:#f5f5f5;}

#detailheader.nimbus {background-position:bottom -70px left 20%; background-size:auto 110%; background-color:#f5f5f5}

#detailheader.cfx96 {background-position:bottom -30px left 20%; background-size:auto 100%; background-color:#f5f5f5}
.bg_cfx96-01 {background:url(../img/img_system_cfx9601.png) no-repeat; background-size:cover; background-position:center;}
.bg_cfx96-01>div {min-height:400px}

#detailheader.seeprep12 {background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}

#detailheader.seeamp{background-position:bottom -50px left 20%; background-size:auto 110%; background-color:#f5f5f5}
.bg_seeamp-01 {background:url(../img/img_system_seeamp01.png) no-repeat; background-size:auto 100%; background-position:right}

#detailheader.vcms{background-position:bottom -90px left 15%; background-size:auto 120%; background-color:#f5f5f5}
.bg_vcms-01 {background:url(../img/img_system_vcms01.png) no-repeat; background-size:cover; background-position:center; padding:70px 0px}


/* 소프트웨어 */
#detailheader.seegene_viewer {background-position:bottom -80px left 20%; background-size:auto 115%; background-color:#f5f5f5}
.veiw-sc6-bg {background:url(../img/img_system_viewer05-3.png) no-repeat; background-position:top center; background-size:auto 80%; padding-top:50px;}

#detailheader.seegene_launcher {background-position:bottom -50px left 20%; background-size:auto 110%; background-color:#f5f5f5}


/* 기술 */
.infoset.allwhite p{color:#fff !important; text-align:left; padding-right:20px}
.infoset.allwhite p .line-white:hover {border-color:#fff; background:#fff;}
.li-w800 {max-width:800px; margin:0 auto}

#detailheader.mudt {background-position:bottom -60px left 20%; background-size:auto 110%; background-color:#f5f5f5}
.bg_mudt-01 {background:url(../img/img_system_mudt01.png) no-repeat; background-size:cover; background-position:center;}
.bg_mudt-01>div {min-height:470px}

#detailheader.toce {background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}
.bg_toce-01 {background:url(../img/img_system_toce01.png) no-repeat; background-size:cover; background-position:center;}
.bg_toce-01>div {min-height:470px}

#detailheader.read {background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}

#detailheader.dpo {background-position:bottom 0px left 20%; background-size:auto 85%; background-color:#f5f5f5}
.bg_read-01 {background:url(../img/img_system_read01.png) no-repeat; background-size:cover; background-position:center;}
.bg_read-01>div {min-height:470px}

#detailheader.acp {background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5}
.bg_dpo-01 {background:url(../img/img_system_dpo01.png) no-repeat; background-size:cover; background-position:center;}
.bg_dpo-01>div {min-height:470px}

/* 의료기기 심의번호 노트 추가 */
.note {margin-top:60px}
.note>div {position:relative; max-width:1200px; margin:20px auto;}
.note h4 {text-align:left !important}
.note .hdline24 {text-align:left !important}
.note p {text-align:left !important; margin:10px 0}  


/*-------------------------------- 미디어쿼리 ---------------------------------*/
@media all and (max-width:1200px){
    #minstrument .selec-info {margin:0 20px} 
    #msoftware .duo {margin:30px 20px 0;}
	
	.note>div {margin:20px}
    
    .bg_spaceuse-01, .bg_spaceuse-02, .bg_spaceuse-03, .bg_spaceuse-04 {background-size:100%; background-position:left top;}
    
    #detailheader.all_in_one {background-position:bottom -40px left 5% !important; background-size:auto 75% !important}
	#detailheader.universal_extraction_system {background-position:bottom -40px left 5% !important; background-size:auto 75% !important}
    
	#detailheader.starlet {background-position:bottom -10px left 5% !important; background-size:auto 80% !important}
    #detailheader.cfx96 {background-position:bottom -20px left 5% !important; background-size:auto 90% !important}
    #detailheader.seegene_launcher {background-position:bottom -20px left -5% !important; background-size:auto 90% !important}
    
    #detailheader.mudt {background-position:bottom -10px left 0% !important; background-size:auto 80% !important}
	#detailheader.dpo {background-position:bottom -20px left -5% !important; background-size:auto 75% !important} 
}

@media all and (max-width:1000px){
    .bg_spaceuse-01 {background-size:120%; background-position:left top;}
    .w-mini>div>div:nth-child(1) {width:68%}
    .w-mini>div>div:nth-child(2) {width:28%}
    .w-mini>div>div>p {font-size:15px; line-height:110%}
}

@media all and (max-width:850px){
    .bg_spaceuse-01, .bg_spaceuse-02, .bg_spaceuse-03, .bg_spaceuse-04 {background-size:150%; background-position:left top;}
    .w-mini>div>div:nth-child(1) {width:100%; display:block; padding:0% !important; margin-top:40%}
    .w-mini>div>div:nth-child(2) {width:100%; max-width:500px; margin:0 auto; display:block; padding:0% !important}
    .w-mini>div>div>p {font-size:15px}
    
    .flexbtn3 .button {display:block; width:100%; max-width:400px; padding:10px; margin:1% auto; height:auto; line-height:110%;}
}
 
@media all and (max-width:768px){    
    #mpltfrm_list {padding:35px 0px 35px;}
    #mpltfrm_list .thmbset {height:120px}
    #mpltfrm_list .thmbset h3 {font-size:16px; padding:15px}
    #mpltfrm_list .thmbset img {max-height:120px; width:auto; max-width:90%}
    
    #minstrument {padding:50px 0px 55px; height:340px}
    #minstrument .selec-info {height:150px}
    #minstrument .selec-info>div {width:80%}
    #minstrument .selec-info h2 {margin-bottom:5px; font-size:20px}
    #minstrument .selec-info p {margin-bottom:10px}
    #minstrument .tmbset {height:98px}
	#minstrument .tmbset>a {margin:10px auto;}
    #minstrument .tmbset>a>h3 {font-size:16px}
    #minstrument .tmbset>a>p {font-size:12px; line-height:15px; height:30px; overflow:hidden; margin:0 10px;}
    
    #msoftware {padding:50px 0px 45px; height:330px; background-position:bottom;}
    #msoftware .duo {margin-top:20px}
    #msoftware .duo>a {height:240px}
    #msoftware .duo>a:nth-child(1) img {right:0%; width:90%; min-width:150px}
    #msoftware .duo>a:nth-child(2) img {left:5%; width:60%; min-width:120px}
    #msoftware .duo>a:nth-child(1) .txinfo {width:70%; left:5%}
    #msoftware .duo>a:nth-child(2) .txinfo {width:70%; left:25%}
    #msoftware .txinfo h3 {font-size:20px; line-height:110%}
    #msoftware .txinfo p {font-size:13px; margin-top:5px}
    
    #mtech {padding:50px 0px 45px;}
    #mtech .laytem {padding:15px 0px 0px}
    #mtech .laytem img {width:60%; max-width:107px}
    #mtech .laytem h3 {font-size:16px; margin:10px 0px 5px}
    #mtech .laytem p {font-size:13px; line-height:14px}
    
    .bg_mudt-01>div {min-height:380px}
    .bg_toce-01>div {min-height:380px}
    .bg_read-01>div {min-height:380px}
    .bg_acp-01>div {min-height:380px}
    .bg_dpo-01>div {min-height:380px}
    .bg_pcrset-01 {min-height:430px}
    
    .bg_LIS-01>div {height:200px !important}
    .bg_LIS-01 .addmg {margin:0 auto 40px}
    
    .bg_spaceuse-01, .bg_spaceuse-02, .bg_spaceuse-03, .bg_spaceuse-04 {background-size:160% 85%; background-position:left top;}
    .bg_spaceuse-01 h3, .bg_spaceuse-02 h3, .bg_spaceuse-03 h3, .bg_spaceuse-04 h3 {margin-bottom:0px}
    .w-mini>div>div:nth-child(1) {width:100%; display:block; padding:0% !important;margin-top:47%}
    .w-mini>div>div:nth-child(2) {width:100%; display:block; padding:0% !important}
    .w-mini>div>div>p {font-size:14px}
    
    #detailheader.all_in_one {background-position:top 150% left 50% !important; background-size:70% !important}
	#detailheader.universal_extraction_system {background-position:top 180% left 50% !important; background-size:70% !important}
	
	#detailheader.starlet {background-position:top 170% left 50% !important; background-size:70% !important}
    #detailheader.cfx96 {background-position: top 140% left 50% !important; background-size:70% !important}
    
    #detailheader.seegene_launcher {background-position: top 150% left 50% !important; background-size:70% !important}
    
    #detailheader.mudt {background-position: top 130% left 50% !important; background-size:70% !important}
	#detailheader.dpo {background-position: top 100% left 50% !important; background-size:75% !important}
	
	.bg_seeamp-01 {background:url(../img/img_system_seeamp01.png) no-repeat; background-size:auto 100%; background-position:top 0 right 60%}
	
	.note {margin-top:30px}
    
}

@media all and (max-width:450px){
    .infoset.allwhite {width:100% !important; left:0% !important;}
    .infoset.allwhite p {padding:0 20px;}
    
    .bg_spaceuse-01, .bg_spaceuse-02, .bg_spaceuse-03, .bg_spaceuse-04 {background-size:175% 80%; background-position:left top;}
    .w-mini>div>div:nth-child(1) {width:100%; display:block; padding:0% !important;margin-top:55%}
    .w-mini>div>div:nth-child(2) {width:100%; display:block; padding:0% !important}
    .w-mini>div>div>p {font-size:14px}
	
	#detailheader.all_in_one {background-position:top 130% left 50% !important; background-size:70% !important}
	#detailheader.universal_extraction_system {background-position:top 140% left 50% !important; background-size:70% !important}
	#detailheader.starlet {background-position:top 130% left 50% !important; background-size:70% !important}
	
	#detailheader.seegene_launcher {background-position: top 120% left 50% !important; background-size:70% !important}
	
	
}