@import url("common.css");

/* 공통 */
.blue_bg{background:#f4f9fe !important;}
.blue_bg2{background:#677fa1 !important;}
.blue_bg3{background:#9ba8c3 !important;}
.blue_bg4{background:#8d9dbb !important;}
.white_bg{background:#fff !important;}
.pointColor{color:#054798 !important;}
.pointColor2{color:#21a5de !important;}

.bold{font-weight: 700 !important;}
.semibold{font-weight: 600 !important;}
.light{font-weight: 300 !important;}
.medium{font-weight: 500 !important;}
.brFixed{display:block !important;}

.padB50{padding-bottom: 50px;}
.padB40{padding-bottom: 40px;}
.padB30{padding-bottom: 30px;}
.padB20{padding-bottom: 20px;}
.padB10{padding-bottom: 10px;}


.padT50{padding-top: 50px;}
.padT40{padding-top: 40px;}
.padT30{padding-top: 30px;}
.padT20{padding-top: 20px;}
.padT10{padding-top: 10px;}
.padT5{padding-top: 5px;}


.dot_list li sub{margin:-1px 0 0 1px; font-weight: 600; display:inline-block; vertical-align:middle; font-size:10px;}
.sub_pad2{padding:150px 0;}
.sub_pad2_t{padding:150px 0 0;}
.sub_pad2_b{padding:0 0 150px;}

.conTit{font-size:2.059rem; font-weight: 800; line-height:130%; color:#333; word-break:keep-all;}
.conTit span{font-size:1.8rem; font-weight: 400;}
.conTxt{font-size:1.294rem; font-weight: 300; color:#333; line-height:150%; word-break:keep-all;}
.sTit{font-size:1.471rem; font-weight: 700; color:#333; line-height: 140%; word-break:keep-all;}
.txt{font-size:1rem; line-height: 170%; word-break:keep-all;}
.txt p{font-size:1rem; line-height: 170%; word-break:keep-all; padding: 0 0 30px;}
.txt p:last-child{padding: 0;}

.moreBtn.black{margin:0 auto; font-weight:500; text-align:left; border-color:#ddd; background-color:transparent; background-size:10px auto; background-image:url('/eng/product/img/plus.svg');}
.moreBtn:hover{background-color:#f3f4f4; border-color:#f3f4f4;}

.moreBtn.none{background:none; text-align:center; color:#ddd !important; cursor:default;}
.moreBtn.none:hover{color:#ddd !important; border-color:#ddd;}


.imgWrap{text-align:center; box-sizing:border-box;}
.imgWrap img{max-width:100%;}

.img_borderR{border-radius:20px; max-width:100%;}

.dot_list{}
.dot_list li{}
.dot_list li strong{display:block; font-weight:600; padding: 0 0 4px;}
.dot_list.blue li:before{background:#21a5de;}
.dot_list2.blue li:before{background:#21a5de;}



/****** S:: MEPS-X ******/
.meps_cont{}

.basic_style{position:relative;}
.basic_style:before{content:''; display:block; width:100%; height:90%; background:#f4f9fe; position: absolute; left:0; top:50%; transform:translateY(-50%);}
.basic_style dl{display:flex; align-items:center; flex-direction: row-reverse; max-width:1000px;}
.basic_style dl dt{width: 50%;}
.basic_style dl dt img{width:100%;}
.basic_style dl dd{width: 50%; padding:0 30px 0 0; box-sizing:border-box;}
.basic_style dl dd .conTit{font-weight: 700;}
.basic_style dl dd .stxt{font-weight:600; padding: 10px 0 0;}
.basic_style dl dd .txt{padding: 30px 0 0;}
.basic_style dl dd .moreBtn{margin:30px 0 0;}
.basic_style.meps_banner2{}
.basic_style.meps_banner2 dl dt{width: 60%;}
.basic_style.meps_banner2 dl dd{width: 40%;}

.meps_list{display:flex; flex-wrap:wrap;}
.meps_list dl{margin: 0 50px 60px 0; width: calc((100% - 50px)/2); text-align:center;}
.meps_list dl:nth-child(2n){margin-right: 0;}
.meps_list dl dt{position: relative;}
.meps_list dl dt img{max-width:100%; width:100%;}
.meps_list dl dd{padding: 30px 0 0;}
.meps_list dl dd .conTit{font-weight: 700;}
.meps_list dl dd .stxt{padding: 10px 0 0; font-weight:600;}
.meps_list dl dd .moreBtn{margin: 35px auto 0;}

.meps_purpose{}
.meps_purpose .imgWrap{padding:50px 0;}
.meps_purpose .dot_list{max-width:1000px; margin:0 auto;}


.meps_cont .pipeline_brcon{}
.meps_cont .pipeline_brcon .sTit{padding:0 0 12px;}
.meps_cont .pipeline_brcon .down_bt{background:#054798; border-color:#054798;}
.meps_cont .pipeline_brcon .down_bt:hover{background:#21a5de ; border-color:#21a5de ; color:#fff;}
.meps_cont .pipeline_brcon .down_bt:hover span{background:url('/pipeline/img/down_btn.png') center no-repeat;}



.table_style td.pad0{padding: 0; position: relative;}
.table_style td.pad0 .tadot{position: absolute; top:50%; transform:translateY(-50%);}
.table_style td.black{color:#333; text-align:center; font-weight:400;}
.table_style td.black.blue_bg2{color:#fff !important;}
.table_style td.blue_bg2{color:#fff; border-color: rgba(255,255,255,.2);}
.table_style td.blue_bg3{color:#fff; border-color: rgba(255,255,255,.2);}
.table_style td.blue_bg4{color:#fff; border-color: rgba(255,255,255,.2);}
.table_style td.pad{padding: 2px 0;}
.table_style td.border_black_t{border-top:1px solid #000 !important;}
.table_style td.border_black_b{border-bottom:1px solid #000 !important;}
.table_style .rong_dot.blue{background-image: url('/img/td_rong_dot_b.jpg');}
.table_style .rong_dot.blue_line{}
.table_style .rong_dot.blue_line:after{content:''; display:block; width:100%; height:80%; background:#21a5de; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.table_style .taArrow{position:absolute; left:-1px; top:50%; display: block; width: 100%; height:5px; transform:translateY(-50%); z-index: 2;}
.table_style .taArrow:before{content:''; display:block; width:100%; height:80%; background:#21a5de; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.table_style .taArrow:after{content:''; display:block; width:20px; height:20px; background:url('/eng/nanomedicine/img/arrow.png') no-repeat center/100% auto; position:absolute; right:-15px; top:50%; transform:translateY(-50%);}

.table_style .taArrow.w70{width: 70%;}

.table_style .rong_dot.right{left: auto; right: 0 !important;}
.table_style .rong_dot.w100{width: 100%;}
.table_style .rong_dot.w90{width: 90%;}
.table_style .rong_dot.w80{width: 80%;}
.table_style .rong_dot.w70{width: 70%;}
.table_style .rong_dot.w60{width: 60%;}
.table_style .rong_dot.w50{width: 50%;}
.table_style .rong_dot.w40{width: 40%;}
.table_style .rong_dot.w30{width: 30%;}
.table_style .rong_dot.w20{width: 20%;}
.table_style .rong_dot.w10{width: 10%;}

.table_style .left100 .tadot{left: 100%;}
.table_style .left95 .tadot{left: 95%;}
.table_style .left90 .tadot{left: 90%;}
.table_style .left80 .tadot{left: 80%;}
.table_style .left70 .tadot{left: 70%;}
.table_style .left60 .tadot{left: 60%;}
.table_style .left50 .tadot{left: 50%;}
.table_style .left40 .tadot{left: 40%;}
.table_style .left30 .tadot{left: 30%;}
.table_style .left20 .tadot{left: 20%;}
.table_style .left10 .tadot{left: 10%;}


.tadot.orange:before{background:#e0785c;}
.tadot.orange:after{background:#e0785c;}

/****** E:: MEPS-X ******/


/****** S:: MEPS-AMS ******/
.ams_cont{}

  .ams_info{position: relative;}
  .ams_info .txtArea{position: relative; z-index:2;}
  .ams_info .imgArea{position: absolute; right: 0; top:-5%; width: 50%;}
  .ams_info .imgArea img{max-width:100%;}
  
  .amsModels_list{display:flex;}
  .amsModels_list dl{width:calc((100% - 150px)/6); margin:0 30px 0 0; text-align:center;}
  .amsModels_list dl:nth-child(6n){margin-right:0;}
  .amsModels_list dl dt{width: 100%; max-width:100px; margin:0 auto; position:relative; z-index: 2;}
  .amsModels_list dl dt:before{content:''; display:block; width:150%; height:2px; position:absolute; top:50%; margin-top:-1px; right:-150%; border-top:2px dotted #aaa;}
  .amsModels_list dl:nth-child(6n) dt:before{display:none;}
  .amsModels_list dl dt img{width:100%;}
  .amsModels_list dl dd{padding:20px 0 0;}
  .amsModels_list dl dd .sTit{display:inline-block; border-bottom: 1px solid #333; margin:0 0 20px; line-height:130%;}
  .amsModels_list dl dd .txt{padding:0 0 10px;}
  .amsModels_list dl dd .txt:last-child{padding:0;}
  .amsModels_list dl dd .txt strong{display:block; color:#7286aa; font-weight:700; line-height:120%; font-size:1.1rem;}

  .features_list{display:flex; flex-wrap:wrap;}
  .features_list dl{text-align:center; width: 25%; box-sizing:border-box; padding:0 20px;}
  .features_list dl dt{width: 100%; max-width:249px; margin:0 auto;}
  .features_list dl dt img{width: 100%;}
  .features_list dl dd{padding:20px 0 0;}
  .features_list dl dd .sTit{padding: 0 0 10px;}

  .ams_functions{display:flex; flex-wrap:wrap; justify-content: space-between;}
  .ams_functions dt{width:calc(50% - 25px);}
  .ams_functions dt img{width:100%; border-radius:20px; overflow:hidden;}
  .ams_functions dd{width:calc(50% - 25px); text-align:left; padding: 30px 0 0;}
  .ams_functions dd .dot_list{}
  .ams_functions dd .dot_list li{padding-bottom:8px; font-weight:500;}

  .ams_use{}
  .ams_use .amsUse_in{display:flex; align-items:center; flex-wrap:wrap;}
  .ams_use .amsUse_in > div{box-sizing:border-box;}
  .ams_use .amsUse_in .imgArea{width: 400px;}
  .ams_use .amsUse_in .imgArea img{max-width:100%; width:100%;}
  .ams_use .amsUse_in .conArea{width: calc(100% - 400px); padding:0 0 0 50px;}
		.amsUse_list{display:flex; flex-wrap:wrap;}
		.amsUse_list dl{width: calc((100% - 60px)/3); margin: 0 30px 30px 0;}
		.amsUse_list dl:nth-child(3n){margin-right: 0;}
		.amsUse_list dl dt{}
		.amsUse_list dl dt img{width:100%; border-radius:20px; overflow:hidden;}
		.amsUse_list dl dd{padding:20px 0 0;}

.ams_use2 .amsUse_list dl{width: calc((100% - 150px)/6); margin: 0 30px 30px 0;}
.ams_use2 .amsUse_list dl:nth-child(6n){margin-right: 0;}
.ams_use2 .amsUse_list dl dd{}
.ams_use2 .amsUse_list dl dd .sTit{font-size:1.2rem;}

.ams_specifications .tableStyle th{padding:10px 15px;}
.ams_specifications .tableStyle td{padding:10px 15px;}

.ams_workflow_list{display:flex; flex-wrap:wrap;}
.ams_workflow_list dl{margin:0 30px 30px 0; width: calc((100% - 60px)/3);}
.ams_workflow_list dl:nth-child(3n){margin-right: 0;}
.ams_workflow_list dl dt{border-radius:20px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.ams_workflow_list dl dt img{width:100%;}
.ams_workflow_list dl dd{padding:20px 0 0;}
.ams_workflow_list dl dd .light{display:block; font-size:1rem; padding:4px 0 0;}

/****** E:: MEPS-AMS ******/


/****** S:: MEPS-TBC-WL ******/
.tbcWl_cont{}
  .tbcWl_in .width1280{position:relative;}
  .tbcWl_in img{max-width:100%;}
  .tbcWl_in .dot_list{position:absolute; right:0; top:40px; width:45%;}
  .tbcWl_in .dot_list li{font-weight:600;}

.specification_table{}
.tableStyle{width:100%; border-collapse:separate; border-spacing:0px; text-align:left; border-top:2px solid #054798;}
.tableStyle th{font-size:1rem; color:#333; line-height:150%; font-weight:500; box-sizing:border-box; padding:20px; border-bottom:1px solid #ddd; background:#f4f9fe;}
.tableStyle th.grayBg{background:#f3f4f4;}
.tableStyle td{font-size:1rem; font-weight:400; box-sizing:border-box; padding:20px; border-bottom:1px solid #ddd;}

.application_list{display:flex; flex-wrap:wrap;}
.application_list dl{margin:0 30px 0 0; text-align:center; border-radius:20px; background:#fff; box-sizing:border-box; box-shadow:0 0 26px rgba(39,115,158,.17); padding:40px 30px;}


.application_list.four dl{width:calc((100% - 90px)/4);}
.application_list.four dl:nth-child(4n){margin-right:0;}

.application_list.three dl{width:calc((100% - 60px)/3);}
.application_list.three dl:nth-child(3n){margin-right:0;}

.application_list dl dt{width:100%; max-width:225px; margin:0 auto;}
.application_list dl dt img{width:100%;}
.application_list dl dd{padding:20px 0 0;}
.application_list dl dd .stxt{padding:10px 0 0;}
.application_list dl dd .moreBtn{margin:30px auto 0; width: 100%; max-width:190px;}
/****** E:: MEPS-TBC-WL ******/



/****** S:: MEPS-TBC-CH ******/
.tbcCh_cont{}
  .tbcCh_in .width1280{position:relative;}
  .tbcCh_in img{max-width:100%;}
  .tbcCh_in .dot_list{position:absolute; right:0; top:16%; width:45%;}
  .tbcCh_in .dot_list li{font-weight:600;}
/****** E:: MEPS-TBC-CH ******/



/****** S:: MEPS-TBC ******/
.tbc_cont{}
  .tbc_in{}
  .tbc_in .dot_list{max-width:660px; margin:60px auto 0;}
  .tbc_in .dot_list li{font-weight:600;}

  .tbc_chip{}
  .tbc_chip dl{display:flex; flex-wrap:wrap; align-items:center;}
  .tbc_chip dl dt{width:55%;}
  .tbc_chip dl dd{width:45%; box-sizing:border-box; padding:0 0 0 50px;}
/****** E:: MEPS-TBC ******/


/****** S:: MEPS-VOC ******/
.voc_cont{}
  .voc_in{}
  .voc_in .dot_list{max-width:660px; margin:60px auto 0;}
  .voc_in .dot_list li{font-weight:600;}

  .voc_vasculature .dot_list2{max-width:750px; margin:40px auto 0;}
  .voc_vasculature .dot_list2 li{color:#333;}
/****** E:: MEPS-VOC ******/


/****** S:: MEPS-BBB ******/
.bbb_in{}
.bbb_in dl{display:flex; flex-wrap:wrap; align-items:center;}
.bbb_in dl dt{width: 500px;}
.bbb_in dl dt img{max-width:100%;}
.bbb_in dl dd{width: calc(100% - 500px); padding:0 0 0 80px; box-sizing:border-box;}

.bbb_human{}
.bbb_human .dot_list2{max-width:750px; margin:0 auto;}

.imgbox_w{box-sizing:border-box; padding:60px 50px; background:#fff; border-radius:20px; box-shadow:0 0 26px rgba(39,115,158,.17);}
/****** E:: MEPS-BBB ******/


/****** S:: MST-X SERIES ******/
.sub_pad3{padding: 50px 0 0;}
.mstX_cont{}
.mstX_banner:before{height:80%;}
.mstX_banner2{padding: 0 !important;}
.mstX_banner2 .width1280{border-top:1px solid #ddd; padding:50px 0;}
.mstX_banner2:before{height:100%; background:#fff;}
.mstX_banner2.blueBg .width1280{border:0;}
.mstX_banner2 dl{max-width:1000px;}
.mstX_banner2 dl dt{width:368px;}
.mstX_banner2 dl dd{width:calc(100% - 368px);}
/****** E:: MST-X SERIES ******/





/****** S:: MG-X SERIES ******/
.mgX_list{display:flex; flex-wrap:wrap;}
.mgX_list dl{margin:0 30px 0 0; width:calc((100% - 60px)/3);}
.mgX_list dl:nth-child(3n){margin-right:0;}
.mgX_list dl dt{width:100%; max-width:300px; margin:0 auto;}
.mgX_list dl dt img{width:100%;}
.mgX_list dl dd{padding:30px 0 0; text-align:center;}
.mgX_list dl dd .sTit{padding:0 0 20px;}

.mgX_list_wrap{position:relative;}
.mgX_list_wrap .mgX_list dl:nth-child(3n){margin-right:30px;}
.mgX_list_wrap .mgX_list dl:last-child{margin-right:0;}

.mgX_title{display: flex; justify-content: space-between; max-width:1180px; width:100%; margin:0 auto 40px;}
.mgX_title.m{display:none;}
.mgX_title.pc{display:flex;}
.mgX_title h3{font-size:1.6rem; color:#21a5de; line-height:130%; font-weight:700; text-align:center; padding:0 0 20px; border-bottom:2px solid #21a5de;}
.mgX_title h3.tit1{width:63%;}
.mgX_title h3.tit2{width: 300px;}
.mgX_title h3:last-child{margin:0;}
/****** E:: MG-X SERIES ******/




/****** S:: MG-PE3 ******/
.mgPe3_list{display:flex; flex-wrap:wrap; align-items:center;}
.mgPe3_list dt{width:40%;}
.mgPe3_list dt img{width: 100%;}
.mgPe3_list dd{width: 60%; padding:0 0 0 60px; box-sizing:border-box;}

.brain_list{}
.brain_list li{background:#f7f7f7; padding:40px 30px; border-radius:20px; box-sizing:border-box; margin: 0 0 10px;}
.brain_list li:last-child{margin: 0;}
.brain_list li .imgWrap{display:flex;}
.brain_list li .imgWrap img{width: 100%; margin: 0 20px 0 0;}
.brain_list li .imgWrap img:last-child{margin: 0;}
.brain_list li.penetration .imgWrap img:nth-child(1){width:calc(70%  - 10px);}
.brain_list li.penetration .imgWrap img:nth-child(2){width:calc(30%  - 10px);}
.brain_list li.tissue{position: relative;}
.brain_list li.tissue .sTit{position: absolute; left:24%; top:10%;}
.brain_list li.tissue .imgWrap{align-items: flex-end;}
.brain_list li.tissue .imgWrap img:nth-child(1){width:calc(60%  - 10px);}
.brain_list li.tissue .imgWrap img:nth-child(2){width:calc(40%  - 10px);}
/****** E:: MG-PE3 ******/



/****** S:: ABOUT > OVERVIEW ******/
.overview_cont{overflow: hidden;}
.overview_technology{display:flex; margin: 0 -30px;}
.overview_technology dl{width: 33.333%; box-sizing:border-box; padding:0 30px;}
.overview_technology dl dt{text-align:center; position:relative;}
.overview_technology dl dt:before{content:''; display:block; z-index: -1; width:100%; height:60%; background:#f4f9fe; position:absolute; right:-50%; top:50%; transform:translateY(-50%);}
.overview_technology dl:last-child dt:before{display:none;}
.overview_technology dl dt img{max-width:100%;}
.overview_technology dl dd{padding:30px 0 0;}
.overview_technology dl .txt{font-weight: 500; color:#333; position:absolute; right: -80px; top:50%; transform:translateY(-50%);}
.overview_technology dl .txt.m{display: block;}
.overview_technology dl .txt br{display:block;}

.line_list{}
.line_list > li{font-size:1rem; line-height:160%; box-sizing:border-box; padding:0 0 8px 14px; position:relative; color:#333; font-weight:400;}
.line_list > li:last-child{padding-bottom:0;}
.line_list > li:before{content:''; display:block; width:4px; height:1px; background:#333; position:absolute; left:0; top:13px;}
/****** E:: ABOUT > OVERVIEW ******/


/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/
.mps_title { font-size: 2.1176rem; color: #333; text-transform: uppercase; font-weight: 700; }

.key { background-color: #f4f9fe; margin: 140px 0 130px; padding: 80px 0; }
.key .key_in { position:relative; /* display: flex; align-items: center; justify-content: space-between; */ }
.key .key_in::After { content:''; display:block; clear:both; }
.key .key_in .key_imgArea { position:absolute; left:0; top:50%; transform:translateY(-50%); width: 29.5%; /* margin: -45px 0; */ }
.key .key_in .key_imgArea img { max-width: 100%; width: 100%; }
.key .key_in .key_textArea { padding-left: 37%; width: 100%; box-sizing: border-box; /* margin: -45px 0; */ }
.key .key_in .key_textArea .mps_title { padding-bottom: 30px; }
.key .key_in .key_textArea .dot_list {  }
.key .key_in .key_textArea .dot_list li { margin-top:20px; font-size: 1.1765rem; font-weight: 700; color: #333; line-height: 1.2; }
.key .key_in .key_textArea .dot_list li p { margin-top: 8px; font-weight: 500; line-height: 1.9; font-size: 1.1176rem; }

.key .mimg { display:none; }

.key .dot_list li:before { background-color: var(--swiper-theme-color); }

.app {  }
.app .mps_title { text-align: center; }
.app .app_in { margin-top: 60px; display: flex; justify-content: space-between; align-items: flex-end; }
.app .app_in .app_textArea { width: 40%; box-sizing: border-box; padding-right: 5%; }
.app .app_in .app_textArea > div { padding-bottom: 50px; }
.app .app_in .app_textArea > div.textArea01 { margin-bottom: 50px; border-bottom:1px solid #333; }
.app .app_in .app_textArea > div .app_txtFlex { display: flex; justify-content: space-between; align-items: center; }
.app .app_in .app_textArea > div .app_txtFlex h5 { font-size: 1.7647rem; color: #333; padding-right: 15px; }
.app .app_in .app_textArea > div .app_txtFlex .app_btn {  }
.app .app_in .app_textArea > div .app_txtFlex .app_btn .moreBtn { width: 169px; padding: 0 20px; letter-spacing: -0.02em; border-color: #b4b4b4; }

.app .app_in .app_textArea > div .icon_dl_list {  }
.app .app_in .app_textArea > div .icon_dl_list dl { margin-top: 35px; display: flex; }
.app .app_in .app_textArea > div .icon_dl_list dl dt { width: 60px; }
.app .app_in .app_textArea > div .icon_dl_list dl dt img { width: 100%; }
.app .app_in .app_textArea > div .icon_dl_list dl dd { width: calc(100% - 60px); box-sizing: border-box; padding-left: 6%; }
.app .app_in .app_textArea > div .icon_dl_list dl dd h6 { color: #7286aa; font-size: 1.6471rem; line-height: 1; }
.app .app_in .app_textArea > div .icon_dl_list dl dd b { font-size: 1.4118rem; color: #333; font-weight: 700; display: block; padding-top: 10px; }
.app .app_in .app_textArea > div .icon_dl_list dl dd p { font-size: 1.4118rem; color: #333; line-height: 1.2; }

.app .app_in .app_imgArea { width: 60%; }
.app .app_in .app_imgArea img { width: 100%; }
/****** E:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/

/****** S:: TECHNOLOGY > MICROVORTEX SYSTEM ******/
.microvortex_cont{}
.microvortex_in{}
.microvortex_in dl{display:flex; flex-wrap:wrap; align-items:center;}
.microvortex_in dl dt{width: 30%;}
.microvortex_in dl dt img{width: 100%;}
.microvortex_in dl dd{width: 70%; box-sizing:border-box; padding:0 0 0 60px;}

.microvortex_production{}
.microvortex_production .dot_list2{max-width:880px; margin: 0 auto;}
/****** E:: TECHNOLOGY > MICROVORTEX SYSTEM ******/


/****** S:: TECHNOLOGY > NANOMEDICINE ******/
.nanomedicine_cont{}
.nanomedicine_in{}
.nanomedicine_in dl{display:flex; flex-wrap:wrap; align-items:center;}
.nanomedicine_in dl dt{width: 30%;}
.nanomedicine_in dl dt img{width: 100%;}
.nanomedicine_in dl dd{width: 70%; box-sizing:border-box; padding:0 0 0 60px;}
/****** E:: TECHNOLOGY > NANOMEDICINE ******/




/****** S:: MG-GHC24 ******/
.mgghc24_cont{}
.mgghc24_gbn{padding:60px 0 0; overflow: hidden;}
.mgghc24_gbn .imgArea{position:relative;}
.mgghc24_gbn .imgArea img{max-width:100%;}
.mgghc24_gbn .imgArea .box{border-radius:20px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.05); background:#fff;}
.mgghc24_gbn .imgArea .brain_tumor{position:absolute; left:40px; bottom:-360px;}
.mgghc24_gbn .imgArea .brain_tumor img{max-width:100%;}
.mgghc24_gbn .txtArea{display:flex; justify-content: flex-end; padding:90px 0 70px;}
.mgghc24_gbn .dot_list{max-width:60%;}

.mgghc24_cytotoxicity{}
.mgghc24_cytotoxicity dl{padding:30px; box-sizing:border-box; background:#f7f7f7; border-radius:30px;}
.mgghc24_cytotoxicity dl dt{padding:0 0 20px;}
.mgghc24_cytotoxicity dl dd{border-radius:20px; background:#fff; overflow:hidden;}
.mgghc24_cytotoxicity dl dd img{max-width:100%;}
/****** E:: MG-GHC24 ******/





/****** S:: NANOCARRIER ******/
.nanocarrier_cont{}
.nanocarrier_list{}
.nanocarrier_list .box{padding:60px 0; box-sizing:border-box;}
.nanocarrier_list .box:nth-child(odd){background:#f4f9fe;}
.nanocarrier_list dl{display:flex;}
.nanocarrier_list dl dt{width:322px;}
.nanocarrier_list dl dt img{width:100%;}
.nanocarrier_list dl dd{width:calc(100% - 322px); box-sizing:border-box; padding:0 0 0 40px; display:flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.nanocarrier_list dl dd .sTit{padding:0 0 10px; margin:0 0 20px; border-bottom:2px solid #21a5de; width:100%;}
/****** E:: NANOCARRIER ******/



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

.conTit br{display: none;}
.conTxt br{display: none;}
.sTit br{display: none;}
.txt br{display: none;}



/****** S:: MEPS-AMS ******/
  .ams_info .txtArea{width: 50%;}
  .ams_info .imgArea{width: 48%;}
  

  .ams_functions{}
  .ams_functions dt{width:calc(50% - 20px);}
  .ams_functions dd{width:calc(50% - 20px);}

  .ams_use{}
  .ams_use .amsUse_in{}
  .ams_use .amsUse_in .imgArea{width: 30%;}
  .ams_use .amsUse_in .conArea{width:70%; padding:0 0 0 40px;}
/****** E:: MEPS-AMS ******/


/****** S:: MEPS-TBC-WL ******/
.tbcWl_cont{}
  .tbcWl_in .dot_list{top:0; width:48%;}

.tableStyle{}
.tableStyle th{padding:15px 10px;}
.tableStyle td{padding:15px 10px;}
/****** E:: MEPS-TBC-WL ******/


/****** S:: MEPS-TBC-CH ******/
.tbcCh_cont{}
  .tbcCh_in .dot_list{top:10%; width:48%;}
/****** E:: MEPS-TBC-CH ******/

/****** S:: MEPS-BBB ******/
.bbb_in{}
.bbb_in dl dt{width: 50%;}
.bbb_in dl dd{width: 50%; padding:0 0 0 50px;}
/****** E:: MEPS-BBB ******/


/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/
.key { margin: 7% 0; padding: 5% 0; }
.key .key_in .key_textArea .mps_title { padding-bottom: 3%; }
.key .key_in .key_imgArea { /* width: 350px; */ }

.app .app_in { flex-wrap: wrap; width: 100%; }
.app .app_in .app_textArea { width:100%; padding-right:0; }
.app .app_in .app_textArea > div { /* border-bottom: 1px solid #333; */ margin-bottom: 50px; }
.app .app_in .app_textArea > div .icon_dl_list { display: flex; }
.app .app_in .app_textArea > div .icon_dl_list dl { width: 33.33%; display: block; }
.app .app_in .app_textArea > div .icon_dl_list dl dt { margin: 0 auto; }
.app .app_in .app_textArea > div .icon_dl_list dl dd { margin-top: 20px; text-align: center; padding: 0 3%; width: 100%; }

.app .app_in .app_imgArea { width: 100%; text-align: center; }
.app .app_in .app_imgArea img { max-width: 850px; }
.app .app_in .app_textArea > div .icon_dl_list dl dd { text-align: center; }
/****** E:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/


/****** S:: ABOUT > OVERVIEW ******/

.line_list{}
.line_list > li{padding:0 0 8px 12px;}
.line_list > li:before{top:10px;}
/****** E:: ABOUT > OVERVIEW ******/

/****** S:: TECHNOLOGY > NANOMEDICINE ******/
.nanomedicine_cont{}
.nanomedicine_in{}
.nanomedicine_in dl{align-items: flex-start;}
.nanomedicine_in dl dt{width: 40%;}
.nanomedicine_in dl dd{width: 60%;}
/****** E:: TECHNOLOGY > NANOMEDICINE ******/


/****** S:: MG-GHC24 ******/
.mgghc24_cont{}
.mgghc24_gbn .imgArea .brain_tumor{bottom:-310px;}
.mgghc24_gbn .imgArea .brain_tumor img{max-width:80%;}
.mgghc24_gbn .txtArea{padding:70px 0 50px;}
/****** E:: MG-GHC24 ******/



}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){

.padB50{padding-bottom: 40px;}
.padB40{padding-bottom: 30px;}
.padB30{padding-bottom: 20px;}
.padB20{padding-bottom: 15px;}
.padB10{padding-bottom: 8px;}


.padT50{padding-top: 40px;}
.padT40{padding-top: 30px;}
.padT30{padding-top: 20px;}
.padT20{padding-top: 15px;}
.padT10{padding-top: 8px;}

.sub_pad2{padding:120px 0;}
.sub_pad2_t{padding:120px 0 0;}
.sub_pad2_b{padding:0 0 120px;}


.conTit{font-size:1.8rem;}
.conTit span{font-size:1.6rem;}
.conTxt{font-size:1.1rem;}
.sTit{font-size:1.2rem;}
.txt p{padding: 0 0 20px;}


/****** S:: MEPS-X ******/
.meps_cont{}

.basic_style dl{}
.basic_style dl dd{padding:0 20px 0 0;}
.basic_style dl dd .stxt{padding: 8px 0 0;}
.basic_style dl dd .txt{padding: 20px 0 0;}
.basic_style dl dd .moreBtn{margin:20px 0 0;}

.meps_list{}
.meps_list dl{margin: 0 30px 40px 0; width: calc((100% - 30px)/2);}
.meps_list dl:nth-child(2n){margin-right: 0;}
.meps_list dl dd{padding: 20px 0 0;}
.meps_list dl dd .stxt{padding: 8px 0 0;}
.meps_list dl dd .moreBtn{margin: 25px auto 0;}

.meps_purpose{}
.meps_purpose .imgWrap{padding:30px 0;}

.meps_cont .pipeline_brcon{}
.meps_cont .pipeline_brcon .sTit{padding:0 0 10px;}
/****** E:: MEPS-X ******/

/****** S:: MEPS-AMS ******/
  .ams_info .txtArea{width: 100%;}
  .ams_info .imgArea{position: relative; right: auto; top:auto; width: 100%; text-align:right; margin:20px 0 0;}
  .ams_info .imgArea img{width: 48%;}
  
  .amsModels_list{flex-wrap:wrap;}
  .amsModels_list dl{width:calc((100% - 60px)/3); margin:0 30px 30px 0;}
  .amsModels_list dl:nth-child(6n){margin-right:30px;}
  .amsModels_list dl:nth-child(3n){margin-right:0;}
  .amsModels_list dl dt:before{width: 250%; right:-250%;}
  .amsModels_list dl:nth-child(3n) dt:before{display:none;}
  .amsModels_list dl dd{padding:20px 0 0;}
  .amsModels_list dl dd .sTit{margin:0 0 20px;}
  .amsModels_list dl dd .txt{padding:0 0 10px;}

  .features_list{}
  .features_list dl{width: 25%; padding:0 10px;}
  .features_list dl dt{max-width: 110px;}
  .features_list dl dd{padding:15px 0 0;}
  .features_list dl dd .sTit{padding: 0 0 8px;}

  .ams_functions{}
  .ams_functions dt{width:calc(50% - 15px);}
  .ams_functions dd{width:calc(50% - 15px); padding: 10px 0 0;}
  .ams_functions dd .dot_list li{padding-bottom:8px;}

  .ams_use{}
  .ams_use .amsUse_in{}
  .ams_use .amsUse_in .conArea{padding:0 0 0 30px;}
.amsUse_list dl{width: calc((100% - 40px)/3); margin: 0 20px 20px 0;}
.amsUse_list dl:nth-child(3n){margin-right: 0;}
.amsUse_list dl dd{padding:15px 0 0;}

.ams_use2 .amsUse_list dl{width: calc((100% - 60px)/3); margin: 0 20px 20px 0;}
.ams_use2 .amsUse_list dl:nth-child(6n){margin-right: 20px;}
.ams_use2 .amsUse_list dl:nth-child(3n){margin-right: 0;}


.ams_specifications .tableStyle th{padding:8px 10px;}
.ams_specifications .tableStyle td{padding:8px 10px;}


.ams_workflow_list{}
.ams_workflow_list dl{margin:0 20px 20px 0; width: calc((100% - 40px)/3);}
.ams_workflow_list dl:nth-child(3n){margin-right: 0;}
.ams_workflow_list dl dt{border-radius:15px;}
.ams_workflow_list dl dd{padding:15px 0 0;}
/****** E:: MEPS-AMS ******/


/****** S:: MEPS-TBC-WL ******/
.tbcWl_cont{}
  .tbcWl_in .dot_list{position:relative; right:auto; top:auto; width:100%;}
  .tbcWl_in img{max-width:100%; margin:0 auto 30px;}

.specification_table{overflow-x:auto;}
.tableStyle{width:980px;}
.tableStyle th{padding:12px 8px;}
.tableStyle td{padding:12px 8px;}

.application_list{flex-wrap:wrap;}
.application_list dl{margin:0 20px 20px 0;  padding:30px 20px;}

.application_list.four dl{width:calc((100% - 20px)/2);}
.application_list.four dl:nth-child(4n){margin-right:20px;}
.application_list.four dl:nth-child(2n){margin-right:0;}


.application_list.three dl{width:calc((100% - 40px)/3);}
.application_list.three dl:nth-child(3n){margin-right:0;}

.application_list dl dt{max-width:100px;}
.application_list dl dd{padding:15px 0 0;}
.application_list dl dd .stxt{padding:8px 0 0;}
.application_list dl dd .moreBtn{margin:20px auto 0;}
/****** E:: MEPS-TBC-WL ******/


/****** S:: MEPS-TBC-CH ******/
.tbcCh_cont{}
  .tbcCh_in .dot_list{position:relative; right:auto; top:auto; width:100%;}
  .tbcCh_in img{max-width:100%; margin:0 auto 30px;}
/****** E:: MEPS-TBC-CH ******/


/****** S:: MEPS-TBC ******/
.tbc_cont{}
  .tbc_in{}
  .tbc_in .dot_list{margin:40px auto 0;}

  .tbc_chip{}
  .tbc_chip dl{align-items: flex-start;}
  .tbc_chip dl dt{width:50%;}
  .tbc_chip dl dd{width:50%; padding:0 0 0 30px;}
/****** E:: MEPS-TBC ******/

/****** S:: MEPS-VOC ******/
  .voc_in .dot_list{margin:40px auto 0;}
  .voc_vasculature .dot_list2{margin:30px auto 0;}
/****** E:: MEPS-VOC ******/


/****** S:: MEPS-BBB ******/
.bbb_in{}
.bbb_in dl dd{padding:0 0 0 30px;}
.imgbox_w{padding:40px 30px;}
/****** E:: MEPS-BBB ******/





/****** S:: MG-X SERIES ******/
.mgX_list dl{margin:0 20px 0 0; width:calc((100% - 40px)/3);}
.mgX_list dl:nth-child(3n){margin-right:0;}
.mgX_list dl dt{max-width:220px;}
.mgX_list dl dd{padding:20px 0 0;}
.mgX_list dl dd .sTit{padding:0 0 15px;}

.mgX_list_wrap .mgX_list dl:nth-child(3n){margin-right:20px;}
.mgX_list_wrap .mgX_list dl:last-child{margin-right:0;}


.mgX_title{margin:0 auto 20px; max-width:830px;}
.mgX_title h3{font-size:1.4rem; padding:0 0 10px;}
.mgX_title h3.tit1{width:63%;}
.mgX_title h3.tit2{width: 220px;}
/****** E:: MG-X SERIES ******/



/****** S:: MG-PE3 ******/
.mgPe3_list dd{padding:0 0 0 40px;}

.brain_list{}
.brain_list li{padding:30px 20px; border-radius:20px;}
/****** E:: MG-PE3 ******/



/****** S:: ABOUT > OVERVIEW ******/
.overview_technology{margin: 0;}
.overview_technology dl{padding:0;}
.overview_technology dl dt{padding:0 30px;}
.overview_technology dl .txt{font-size:13px; right: -40px;}
.overview_technology dl dd{padding:20px 20px 0; box-sizing:border-box;}
/****** E:: ABOUT > OVERVIEW ******/


/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/
.mps_title { font-size: 1.8824rem; }
.key { /* margin: 5% 0; */margin: 30px 0 40px; }
.key .key_in {  }
.key .key_in .key_imgArea { margin: -10% 0 -10% auto; width: 275px; position: static; transform: translateY(0); }
.key .key_in .key_textArea .mps_title { padding-bottom: 15px; }
.key .key_in .key_textArea .dot_list li { margin-top: 10px; }
.key .pcimg { display:none; }
.key .mimg { display:block; }

.key .key_in .key_textArea { width: 100%; padding-left: 0; }

.app .app_in {     margin-top: 40px; }
.app .app_in .app_textArea > div .icon_dl_list dl dt { width: 50px }
.app .app_in .app_textArea > div .icon_dl_list dl dd h6 { font-size: 1.4118rem; }
.app .app_in .app_textArea > div .icon_dl_list dl dd b { font-size: 1.1765rem; }
.app .app_in .app_textArea > div .icon_dl_list dl dd p { font-size: 1.1765rem; }
.app .app_in .app_textArea > div .app_txtFlex .app_btn .moreBtn { width: 159px; line-height: 50px; }
.app .app_in .app_imgArea { width: 70%; margin: 0 auto; }
/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/


/****** S:: TECHNOLOGY > MICROVORTEX SYSTEM ******/
.microvortex_in{}
.microvortex_in dl{align-items: flex-start;}
.microvortex_in dl dt{width: 50%;}
.microvortex_in dl dd{width: 50%; padding:0 0 0 40px;}

.microvortex_production{}
.microvortex_production .imgScroll{overflow-x:auto;}
.microvortex_production .imgWrap{width: 980px;}
/****** E:: TECHNOLOGY > MICROVORTEX SYSTEM ******/


/****** S:: TECHNOLOGY > NANOMEDICINE ******/
.nanomedicine_cont{}
.nanomedicine_in{}
.nanomedicine_in dl dt{width: 50%;}
.nanomedicine_in dl dd{width: 50%; padding:0 0 0 40px;}
/****** E:: TECHNOLOGY > NANOMEDICINE ******/


/****** S:: MG-GHC24 ******/
.mgghc24_cont{}
.mgghc24_gbn{padding:40px 0 0;}
.mgghc24_gbn .imgArea .box{border-radius:15px;}
.mgghc24_gbn .imgArea .brain_tumor{left:80px; bottom:-170px;}
.mgghc24_gbn .imgArea .brain_tumor img{max-width:300px;}
.mgghc24_gbn .txtArea{padding:40px 0 30px;}
.mgghc24_gbn .dot_list{max-width:55%;}

.mgghc24_cytotoxicity{}
.mgghc24_cytotoxicity dl{padding:20px; border-radius:20px;}
.mgghc24_cytotoxicity dl dt{padding:0 0 15px;}
.mgghc24_cytotoxicity dl dd{border-radius:15px;}
/****** E:: MG-GHC24 ******/



/****** S:: NANOCARRIER ******/
.nanocarrier_cont{}
.nanocarrier_list{}
.nanocarrier_list .box{padding:40px 0;}
.nanocarrier_list dl{}
.nanocarrier_list dl dt{width:280px;}
.nanocarrier_list dl dd{width:calc(100% - 280px); padding:0 0 0 30px;}
.nanocarrier_list dl dd .sTit{padding:0 0 8px; margin:0 0 15px;}
/****** E:: NANOCARRIER ******/


 
.sub_pad3{padding: 30px 0 0;}
.mstX_banner2 .width1280{padding:30px 0;}



}

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

/****** S:: MEPS-AMS ******/
  .amsModels_list dl dt:before{width: 200%; right:-200%;}
/****** E:: MEPS-AMS ******/
}


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


.padB50{padding-bottom: 25px;}
.padB40{padding-bottom: 20px;}
.padB30{padding-bottom: 15px;}
.padB20{padding-bottom: 10px;}
.padB10{padding-bottom: 6px;}


.padT50{padding-top: 25px;}
.padT40{padding-top: 20px;}
.padT30{padding-top: 15px;}
.padT20{padding-top: 10px;}
.padT10{padding-top: 6px;}

.sub_pad2{padding:80px 0;}
.sub_pad2_t{padding:80px 0 0;}
.sub_pad2_b{padding:0 0 80px;}


.conTit{font-size:1.6rem;}
.conTit span{font-size:1.4rem;}
.conTxt{font-size:1.05rem; font-weight: 400;}
.sTit{font-size:1.1rem;}
.txt p{padding: 0 0 15px;}

.img_borderR{border-radius:10px;}



.dot_list li sub{font-size:8px;}

/****** S:: MEPS-X ******/
.meps_cont{}

.basic_style{ padding: 40px 0;}
.basic_style:before{height: 100%;}
.basic_style dl{flex-wrap:wrap;}
.basic_style dl dt{width: 100%; text-align:center;}
.basic_style dl dt img{max-width:70%;}
.basic_style dl dd{width: 100%; padding:20px 0 0;}
.basic_style dl dd .stxt{padding: 6px 0 0;}
.basic_style dl dd .txt{padding: 15px 0 0;}
.basic_style dl dd .moreBtn{margin:15px 0 0;}
.basic_style.meps_banner2 dl dt{width: 100%;}
.basic_style.meps_banner2 dl dd{width: 100%;}

.meps_list{}
.meps_list dl{margin: 0 0 30px; width: 100%;}
.meps_list dl:nth-child(2n){margin-right: 0;}
.meps_list dl dd{padding: 15px 0 0;}
.meps_list dl dd .stxt{padding: 4px 0 0;}
.meps_list dl dd .moreBtn{margin: 20px auto 0;}

.meps_purpose{}
.meps_purpose .imgWrap{padding:20px 0;}

.meps_cont .pipeline_brcon{}
.meps_cont .pipeline_brcon .sTit{padding:0 0 8px;}
/****** E:: MEPS-X ******/



/****** S:: MEPS-AMS ******/
  .amsModels_list dl{width:calc((100% - 30px)/2);}
  .amsModels_list dl:nth-child(6n){margin-right:30px;}
  .amsModels_list dl:nth-child(3n){margin-right:30px;}
  .amsModels_list dl:nth-child(2n){margin-right:0;}
  .amsModels_list dl:nth-child(3n) dt:before{display:block;}
  .amsModels_list dl:nth-child(2n) dt:before{display:none;}
  .amsModels_list dl dt:before{width: 240%; right: -240%;}
  .amsModels_list dl dd{padding:15px 0 0;}
  .amsModels_list dl dd .sTit{margin:0 0 15px;}
  .amsModels_list dl dd .txt{padding:0 0 8px;}

  .features_list{flex-wrap:wrap;}
  .features_list dl{width: 50%; padding:0 10px 20px;}

  .ams_functions{}
  .ams_functions dt{width:100%;}
  .ams_functions dt img{border-radius:10px;}
  .ams_functions dd{width:100%; padding: 15px 0 0;}

  .ams_use{}
  .ams_use .amsUse_in{}
  .ams_use .amsUse_in .imgArea{width: 100%; }
  .ams_use .amsUse_in .imgArea img{max-width:50%;}
  .ams_use .amsUse_in .conArea{width:100%; padding:30px 0 0;}
		.amsUse_list dl{width: calc((100% - 10px)/2); margin: 0 10px 20px 0;}
		.amsUse_list dl:nth-child(3n){margin-right: 10px;}
		.amsUse_list dl:nth-child(2n){margin-right: 0;}
		.amsUse_list dl dt img{border-radius:10px;}
		.amsUse_list dl dd{padding:10px 0 0;}

		
.ams_use2 .amsUse_list dl{width: calc((100% - 10px)/2); margin: 0 10px 20px 0;}
.ams_use2 .amsUse_list dl:nth-child(6n){margin-right: 10px;}
.ams_use2 .amsUse_list dl:nth-child(3n){margin-right: 10px;}
.ams_use2 .amsUse_list dl:nth-child(2n){margin-right: 0;}


.ams_workflow_list{}
.ams_workflow_list dl{margin:0 10px 20px 0; width: calc((100% - 10px)/2);}
.ams_workflow_list dl:nth-child(3n){margin-right: 10px;}
.ams_workflow_list dl:nth-child(2n){margin-right: 0;}
.ams_workflow_list dl dt{border-radius:10px;}
.ams_workflow_list dl dd{padding:12px 0 0;}
/****** E:: MEPS-AMS ******/


/****** S:: MEPS-TBC-WL ******/
.specification_table{overflow-x:auto;}
.tableStyle{width:780px;}
.tableStyle th{padding:10px 8px;}
.tableStyle td{padding:10px 8px;}

.application_list dl{margin:0 0 10px; width:100%; border-radius:10px; padding:20px;}

.application_list.four dl{width:100%;}
.application_list.four dl:nth-child(4n){margin-right:0;}
.application_list.four dl:nth-child(2n){margin-right:0;}

.application_list.three dl{width:100%;}
.application_list.three dl:nth-child(3n){margin-right:0;}

.application_list dl dd{padding:10px 0 0;}
.application_list dl dd .stxt{padding:6px 0 0;}
.application_list dl dd .moreBtn{margin:15px auto 0; font-size:12px;}
/****** E:: MEPS-TBC-WL ******/

/****** S:: MEPS-TBC ******/
.tbc_cont{}
  .tbc_in{}
  .tbc_in .dot_list{margin:30px auto 0;}

  .tbc_chip{}
  .tbc_chip dl dt{width:100%;}
  .tbc_chip dl dd{width:100%; padding:20px 0 0;}
/****** E:: MEPS-TBC ******/

/****** S:: MEPS-VOC ******/
  .voc_in .dot_list{margin:30px auto 0;}
  .voc_vasculature .dot_list2{margin:20px auto 0;}
/****** E:: MEPS-VOC ******/

/****** S:: MEPS-BBB ******/
.bbb_in{}
.bbb_in dl dt{width: 100%; text-align:center;}
.bbb_in dl dt img{max-width:70%;}
.bbb_in dl dd{width: 100%; padding:30px 0 0;}
.imgbox_w{padding:30px 20px; border-radius:10px;}
/****** E:: MEPS-BBB ******/


/****** S:: MG-X SERIES ******/
.mgX_list dl{margin:0 0 20px; width:100%;}
.mgX_list dl:nth-child(3n){margin-right:0;}
.mgX_list dl dd{padding:15px 0 0;}
.mgX_list dl dd .sTit{padding:0 0 10px;}

.mgX_list_wrap .mgX_list dl:nth-child(3n){margin-right:0;}
.mgX_list_wrap .mgX_list dl:last-child{margin:0;}

.mgX_title{max-width:220px;}
.mgX_title.m{display:block;}
.mgX_title.pc{display:none;}
.mgX_title h3{padding:10px 0;}
.mgX_title h3.tit1{width:100%;}
.mgX_title h3.tit2{width:100%;}
/****** E:: MG-X SERIES ******/


/****** S:: MG-PE3 ******/
.mgPe3_list dt{width:100%;}
.mgPe3_list dd{width:100%; padding:20px 0 0;}

.brain_list{}
.brain_list li{padding:25px 15px; border-radius:10px;}
.brain_list li .imgWrap{flex-wrap:wrap;}
.brain_list li .imgWrap img{margin: 0 0 10px;}
.brain_list li.penetration .imgWrap img:nth-child(1){width:100%;}
.brain_list li.penetration .imgWrap img:nth-child(2){width:100%;}
.brain_list li.tissue .sTit{position: relative; left:auto; top:auto;}
.brain_list li.tissue .imgWrap img:nth-child(1){width:100%;}
.brain_list li.tissue .imgWrap img:nth-child(2){width:100%;}
/****** E:: MG-PE3 ******/


/****** S:: ABOUT > OVERVIEW ******/
.overview_technology{flex-wrap:wrap;}
.overview_technology dl{width: 100%; padding:0;}
.overview_technology dl dt{padding:0 30px;}
.overview_technology dl dt:before{display: none;}
.overview_technology dl .txt{font-size:13px; position: relative; top:auto; right: auto; transform:translate(0); text-align:center; margin:20px 0 0; padding:20px; box-sizing:border-box; background:#f4f9fe;}
.overview_technology dl .txt br{display:none;}
.overview_technology dl .txt.pc{display:none;}
.overview_technology dl .txt.m{display:block;}
.overview_technology dl dd{padding:15px 0 0; box-sizing:border-box;}

.line_list{}
.line_list > li{padding:0 0 6px 8px;}
/****** E:: ABOUT > OVERVIEW ******/

/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/
.mps_title { font-size: 1.5rem; }
.key { /* margin: 8% 0 5%; */ }
.key .key_in { margin-top: 15px; }
.key .key_in .key_imgArea { width: 30%; margin: -10% 0 -10% auto; }
.key .key_in .key_textArea .mps_title { padding-bottom: 10px; }
.key .key_in .key_textArea .dot_list li { margin-top: 5px; }

.app .app_in { margin-top: 5%; }
.app .app_in .app_textArea > div .app_txtFlex h5 { font-size: 1.4rem; } 
.app .app_in .app_textArea > div .app_txtFlex .app_btn .moreBtn { width: 139px; line-height: 45px; padding: 0 15px; }
.app .app_in .app_textArea > div .icon_dl_list dl { margin-top: 5%; }
.app .app_in .app_textArea > div { padding-bottom: 6% !important; margin-bottom: 6% !important; }
/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/

/****** S:: TECHNOLOGY > MICROVORTEX SYSTEM ******/
.microvortex_in{}
.microvortex_in dl dt{width: 100%;}
.microvortex_in dl dd{width: 100%; padding:20px 0 0;}

.microvortex_production{}
.microvortex_production .imgWrap{width: 700px;}
/****** E:: TECHNOLOGY > MICROVORTEX SYSTEM ******/


/****** S:: TECHNOLOGY > NANOMEDICINE ******/
.nanomedicine_in{}
.nanomedicine_in dl dt{width: 100%;}
.nanomedicine_in dl dd{width: 100%; padding:20px 0 0;}
/****** E:: TECHNOLOGY > NANOMEDICINE ******/

/****** S:: MG-GHC24 ******/
.mgghc24_cont{}
.mgghc24_gbn{padding:30px 0 0;}
.mgghc24_gbn > div{display:flex; flex-direction: column-reverse;}
.mgghc24_gbn .imgArea{padding: 0 0 50px;}
.mgghc24_gbn .imgArea .box{border-radius:10px;}
.mgghc24_gbn .imgArea .brain_tumor{left:50%; margin-left: -150px; bottom:-20px;}
.mgghc24_gbn .imgArea .brain_tumor img{max-width:150px;}
.mgghc24_gbn .txtArea{padding:0 0 10px;}
.mgghc24_gbn .dot_list{max-width:100%;}

.mgghc24_cytotoxicity{}
.mgghc24_cytotoxicity dl{padding:15px; border-radius:15px;}
.mgghc24_cytotoxicity dl dt{padding:0 0 10px;}
.mgghc24_cytotoxicity dl dd{border-radius:10px;}
/****** E:: MG-GHC24 ******/


/****** S:: NANOCARRIER ******/
.nanocarrier_cont{}
.nanocarrier_list{}
.nanocarrier_list .box{padding:30px 0;}
.nanocarrier_list dl{}
.nanocarrier_list dl dt{width:200px;}
.nanocarrier_list dl dd{width:calc(100% - 200px); padding:0 0 0 20px;}
.nanocarrier_list dl dd .sTit{padding:0 0 6px; margin:0 0 10px;}
/****** E:: NANOCARRIER ******/


}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){



/****** S:: MEPS-AMS ******/
  .amsModels_list dl dt:before{width: 180%; right: -180%;}
/****** E:: MEPS-AMS ******/

/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/
.key { margin: 30px 0 30px; }
.key .key_in .key_imgArea { width: 40%; margin: -14% 0 -9% auto; }
.app .app_in { margin-top: 20px; }
/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/

/****** S:: NANOCARRIER ******/
.nanocarrier_list dl{flex-wrap:wrap;}
.nanocarrier_list dl dt{width:180px; margin:0 auto;}
.nanocarrier_list dl dd{width:100%; padding:20px 0 0;}
/****** E:: NANOCARRIER ******/



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


/****** S:: MEPS-AMS ******/
  .amsModels_list dl dt:before{width: 120%; right: -120%;}
/****** E:: MEPS-AMS ******/

/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/
.app .app_in .app_textArea > div { position: relative; padding-bottom: 100px !important; }
.app .app_in .app_textArea > div .app_txtFlex { flex-wrap: wrap; }
.app .app_in .app_textArea > div .app_txtFlex h5 { text-align: center; width: 100%; padding-right: 0; }
.app .app_in .app_textArea > div .app_txtFlex .app_btn { width: 100%; }
.app .app_in .app_textArea > div .app_txtFlex .app_btn .moreBtn { /* width: 100%; */ /* margin-top: 15px; */ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); }
.app .app_in .app_textArea > div .icon_dl_list { flex-wrap: wrap; }
.app .app_in .app_textArea > div .icon_dl_list dl { margin-top: 20px; width: 100%; }
.app .app_in .app_imgArea { width: 80%; }



/****** S:: TECHNOLOGY > MICROPHYSIOLOGICAL SYSTEM ******/

/****** S:: MG-GHC24 ******/
.mgghc24_cont{}
.mgghc24_gbn .imgArea .brain_tumor{margin-left: -100px;}
.mgghc24_gbn .imgArea .brain_tumor img{max-width:120px;}
/****** E:: MG-GHC24 ******/


}