@charset "utf-8";

/* Mobile first */
/* 
@media all and (min-width:768px){
}
@media all and (min-width:1024px){
} 
@media all and (min-width: 1240px){
}
스크립트로 productview DIV에 페이지 ID추가.
ex -  pageID("HS50_OB");

모든 페이지 비슷한 레이아웃을 가졌지만 
수정시에 다른 페이지에 영향없도록 고유 ID또는 클래스를 맨앞에 추가하여 동일한 스타일이어도 개별로 스타일을 적용.
*/

/*******************
cardiovascular
********************/
#contents .productview.cardiovascular_template .inner {padding: 0 15px; background: transparent;}
.productview.cardiovascular_template * {box-sizing: border-box;}
.cardiovascular_template img {max-width: 100%;}
@media all and (min-width:1024px) {
  .cardiovascular_template .prodcutTab a:hover {color: #fff;  background: #222;}
}
/* keyvisual */
.cardiovascular_template .keyvisual {position: relative; padding: 60px 0; background: url(/resources/_img/sub/product/cardiovascular/visual_bg_mo.jpg) no-repeat left center; background-size: cover;}
.cardiovascular_template .keyvisual .keyvisual_title {font-family: 'stitle'; font-size: 34px; font-weight: bold; font-weight: 800; color: #fff; line-height: 1.2;}
.cardiovascular_template .keyvisual .inner {position: relative;}
.cardiovascular_template .keyvisual .sentence {margin-top: 20px; font-size: 12px; color: #fff; line-height: 1.5;}
.cardiovascular_template .keyvisual .visual_img {margin-top: 35px; text-align: center;}
.cardiovascular_template .keyvisual .visual_img img {margin: 0 auto;}
@media all and (max-width:539px) {}
@media all and (min-width:540px) {
  .cardiovascular_template .keyvisual {padding: 120px 0;  background: url(/resources/_img/sub/product/cardiovascular/visual_bg_pc.jpg) no-repeat center top;  background-size: cover;}
  .cardiovascular_template .keyvisual .sentence {margin-top: 50px;}
  .cardiovascular_template .keyvisual .visual_img {margin-top: 70px;}
}
@media all and (min-width:768px) {
  .cardiovascular_template .keyvisual .keyvisual_title {font-size: 68px;}
  .cardiovascular_template .keyvisual .sentence {font-size: 18px;  line-height: 1.7;}
}
/* 공통 */
.cardiovascular_template img {max-width: 100%;}
.cardiovascular_template .img_wrap.cell2 {display: flex; justify-content: space-between;}
.cardiovascular_template .img_wrap.cell2 img {width: calc(50% - 2px);}
.cardiovascular_template .img_wrap .img_caption {text-align: center;}
.cardiovascular_template ul.ref.star {position: relative;}
.cardiovascular_template ul.ref.star:before {content: '*'; display: block; position: absolute; top: 0; left: -5px;}
@media all and (min-width:768px) {#contents .cardiovascular_template.benefitWrap .benefit_section .inner {padding: 0;}
  .cardiovascular_template ul.ref.star:before {left: -10px;}
  .cardiovascular_template .img_wrap .img_caption {font-size: 16px;}
}
.cardiovascular_template .prodcutTab {position: relative; top: 0;}
.cardiovascular_template .prodcutTab.fixed {position: fixed; top: 0; left: 0; z-index: 1; width: 100%; transition: all 0.3s ease-in-out;}

/* row1 */
.cardiovascular_template .row1 .intro_title {padding: 80px 0; box-sizing: border-box; background: url(/resources/_img/sub/product/cardiovascular/intro_bg1_mo.jpg) no-repeat right center; background-size: cover;}
.cardiovascular_template .row1 .intro_title .section_title {font-family: 'stitle'; font-size: 23px; color: #fff; text-align: center; line-height: 1.4 !important;}
@media all and (min-width:768px) {
  .cardiovascular_template .row1 .intro_title {display: flex;  align-items: center;  justify-content: center;  height: 500px;  background-image: url(/resources/_img/sub/product/cardiovascular/intro_bg1_pc.jpg);}
  .cardiovascular_template .row1 .intro_title .section_title {font-size: 58px;}
}
.cardiovascular_template .row1 .intro {padding: 30px 0 35px;}
.cardiovascular_template .row1 .intro .diagram_text .img_wrap {max-width: 80%; margin: 20px auto 0;}
.cardiovascular_template .row1 .intro .diagram_text .text_area {text-align: center;}
.cardiovascular_template .row1 .intro .diagram_text .sentence {font-size: 12px; color: #000; line-height: 1.5; opacity: 0.9;}
.cardiovascular_template .row1 .intro .diagram_text .sentence+.sentence {margin-top: 20px;}
.cardiovascular_template .row1 .grid_wrap {padding: 0 15px 60px;}
.cardiovascular_template .row1 .grid_wrap .grid_item {padding: 20px; border-radius: 25px; background-color: #f7f7f7; text-align: center;}
.cardiovascular_template .row1 .grid_wrap .grid_item .box_title {font-size: 14px; font-weight: 800; color: #000; line-height: 1.35;}
.cardiovascular_template .row1 .grid_wrap .grid_item .box_sentence {margin-top: 10px; font-size: 12px; color: #000; line-height: 1.5; opacity: 0.9;}
.cardiovascular_template .row1 .grid_wrap .grid_item .img_slide {max-width: 470px; margin: 0 auto;}
.cardiovascular_template .row1 .grid_wrap .grid_item .icon_area+.text_area {margin-top: 20px;}
.cardiovascular_template .row1 .grid_wrap .grid_item+.grid_item {margin-top: 20px;}
.cardiovascular_template .row1 .grid_wrap .grid_item .text_area+.img_wrap {margin-top: 20px;}
@media all and (max-width:768px) {
  .cardiovascular_template .row1 .grid_wrap .grid_item .icon_area {height: 60px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .icon_area img {max-height: 100%;}
}
@media all and (min-width:768px) {
  .cardiovascular_template .row1 .intro .diagram_text .sentence {font-size: 18px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .box_title {font-size: 22px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .box_sentence {font-size: 18px;}
  .cardiovascular_template .row1 .grid_wrap [data-scroll-pc] {transform: translateY(100px);}
}
@media all and (min-width:1024px) {
  .cardiovascular_template .row1 .intro {padding: 135px 0 70px;}
  .cardiovascular_template .row1 .intro .section_title {margin-top: 60px;  font-size: 58px;}
  .cardiovascular_template .row1 .intro .diagram_text {display: flex;  align-items: center;}
  .cardiovascular_template .row1 .intro .diagram_text .img_wrap {max-width: 45%;  margin-top: 0;}
  .cardiovascular_template .row1 .intro .diagram_text .text_area {width: 55%;  text-align: left;}
  .cardiovascular_template .row1 .grid_wrap {display: flex;  flex-wrap: wrap;  padding: 0 50px 120px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item+.grid_item {margin-top: 0;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .icon_area {display: flex;  align-items: center;  justify-content: center;  height: 100px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item {float: left;  width: calc(33.3333% - 27px);  margin-right: 40px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item:last-child {margin-right: 0;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .text_area {min-height: 250px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .box_title {display: flex;  align-items: center;  justify-content: center;  min-height: 80px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .box_title br {display: none;}
  .cardiovascular_template .row1 .grid_wrap .grid_item:nth-of-type(2) {transition-delay: 0.2s;}
  .cardiovascular_template .row1 .grid_wrap .grid_item:nth-of-type(3) {transition-delay: 0.4s;}
}
@media all and (min-width:1024px) and (max-width:1100px) {
  .cardiovascular_template .row1 .grid_wrap .grid_item .box_title {font-size: 20px;}
}
@media all and (min-width:1400px) {
  .cardiovascular_template .row1 .grid_wrap .grid_item .box_title {min-height: 60px;}
  .cardiovascular_template .row1 .grid_wrap .grid_item .text_area {min-height: 180px;  height: auto;}
}
@media all and (min-width:1800px) {
  .cardiovascular_template .row1 .grid_wrap {padding: 0 100px 120px;}
}
/* row2 */
.cardiovascular_template .row2 .intro_title {padding: 80px 0; box-sizing: border-box; background: url(/resources/_img/sub/product/cardiovascular/intro_bg2_mo.jpg) no-repeat right center; background-size: cover;}
.cardiovascular_template .row2 .intro_title .section_title {font-family: 'stitle'; font-size: 23px; color: #fff; text-align: center; line-height: 1.4 !important;}
@media all and (min-width:768px) {
  .cardiovascular_template .row2 .intro_title {display: flex;  align-items: center;  justify-content: center;  height: 500px;  background-image: url(/resources/_img/sub/product/cardiovascular/intro_bg2_pc.jpg);}
  .cardiovascular_template .row2 .intro_title .section_title {font-size: 58px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item:nth-of-type(2) {transition-delay: 0.2s;}
  .cardiovascular_template .row2 .grid_wrap .grid_item:nth-of-type(3) {transition-delay: 0.4s;}
  .cardiovascular_template .row2 .grid_wrap .grid_item:nth-of-type(5) {transition-delay: 0.2s;}
  .cardiovascular_template .row2 .grid_wrap .grid_item:nth-of-type(6) {transition-delay: 0.4s;}
}
.cardiovascular_template .row2 .intro {padding: 60px 0 40px; text-align: center;}
.cardiovascular_template .row2 .grid_wrap {padding: 0 15px 60px;}
.cardiovascular_template .row2 .grid_wrap .grid_item {padding: 20px; border-radius: 25px; background-color: #f7f7f7; text-align: center;}
.cardiovascular_template .row2 .grid_wrap .grid_item .box_title {font-size: 14px; font-weight: 800; color: #000; line-height: 1.35;}
.cardiovascular_template .row2 .grid_wrap .grid_item .box_sentence {margin-top: 10px; font-size: 12px; color: #000; line-height: 1.5; opacity: 0.9;}
.cardiovascular_template .row2 .grid_wrap .grid_item .img_slide {max-width: 470px; margin: 0 auto;}
.cardiovascular_template .row2 .grid_wrap .grid_item .icon_area+.text_area {margin-top: 20px;}
.cardiovascular_template .row2 .grid_wrap .grid_item+.grid_item {margin-top: 20px;}
.cardiovascular_template .row2 .grid_wrap .grid_item .text_area+.img_wrap {margin-top: 20px;}
.cardiovascular_template .row2 .grid_wrap .grid_item .btn_wrap {margin-top: 20px; text-align: center;}
.cardiovascular_template .row2 .grid_wrap .grid_item .btn_wrap .btn {display: inline-block; height: 33px; padding: 0 30px; border-radius: 30px; background-color: #2d2d2d; color: #fff; font-size: 11px; font-weight: 400; line-height: 33px;}
.cardiovascular_template .row2 .grid_wrap .grid_item .btn_wrap .btn.paper {background-color: #666;}
.cardiovascular_template .row2 .grid_wrap .grid_item .btn_wrap .btn:before {content: ''; display: inline-block; position: relative; top: -2px; width: 10px; height: 15px; margin-right: 5px; background: url(/resources/_img/sub/product/cardiovascular/btn_icon.png) no-repeat; background-size: contain; vertical-align: middle;}

@media all and (max-width:768px) {
  .cardiovascular_template .row2 .grid_wrap .grid_item .icon_area {height: 60px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .icon_area img {max-height: 100%;}
}
@media all and (min-width:768px) {
  .cardiovascular_template .row2 .intro .diagram_text .sentence {font-size: 18px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .box_title {font-size: 22px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .box_sentence {font-size: 18px;}
  .cardiovascular_template .row2 .grid_wrap [data-scroll-pc] {transform: translateY(100px);}
  .cardiovascular_template .row2 .grid_wrap .grid_item .btn_wrap .btn {height: 45px;  font-size: 15px;  line-height: 45px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .btn_wrap .btn:before {top: -3px;  width: 13px;  height: 19px;}
}
@media all and (min-width:1024px) {
  .cardiovascular_template .row2 .intro {padding: 120px 0 80px;}
  .cardiovascular_template .row2 .intro .section_title {margin-top: 60px;  font-size: 58px;}
  .cardiovascular_template .row2 .grid_wrap {display: flex;  flex-wrap: wrap;  padding: 0 50px 120px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item+.grid_item {margin-top: 0;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .icon_area {display: flex;  align-items: center;  justify-content: center;  height: 100px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item {float: left;  width: calc(33.3333% - 27px);  margin-right: 40px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item:nth-child(3n) {margin-right: 0;}
  .cardiovascular_template .row2 .grid_wrap .grid_item:nth-child(n + 4) {margin-top: 40px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .text_area {min-height: 300px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .box_title {display: flex;  align-items: center;  justify-content: center;  min-height: 80px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .box_title br {display: none;}
  .cardiovascular_template .row2 .grid_wrap [data-scroll-pc] {transform: translateY(100px);}
}
@media all and (min-width:1024px) and (max-width:1100px) {
  .cardiovascular_template .row2 .grid_wrap .grid_item .box_title {font-size: 20px;}
}
@media all and (min-width:1400px) {
  .cardiovascular_template .row2 .grid_wrap .grid_item .box_title {min-height: 60px;}
  .cardiovascular_template .row2 .grid_wrap .grid_item .text_area {min-height: 200px;  height: auto;}
}
@media all and (min-width:1800px) {
  .cardiovascular_template .row2 .grid_wrap {padding: 0 100px 120px;}
}
/* row3 */
.cardiovascular_template .row3 .intro_title {padding: 80px 0; box-sizing: border-box; background: url(/resources/_img/sub/product/cardiovascular/intro_bg3_mo.jpg) no-repeat right center; background-size: cover;}
.cardiovascular_template .row3 .intro_title .section_title {font-family: 'stitle'; font-size: 23px; color: #fff; text-align: center; line-height: 1.4 !important;}
@media all and (min-width:768px) {
  .cardiovascular_template .row3 .intro_title {display: flex;  align-items: center;  justify-content: center;  height: 500px;  background-image: url(/resources/_img/sub/product/cardiovascular/intro_bg3_pc.jpg);}
  .cardiovascular_template .row3 .intro_title .section_title {font-size: 58px;}
}
.cardiovascular_template .row3 .intro {padding: 60px 0 40px; text-align: center;}
.cardiovascular_template .row3 .grid_wrap {padding: 0 15px 60px;}
.cardiovascular_template .row3 .grid_wrap .grid_item:not(.cell2),
.cardiovascular_template .row3 .grid_wrap .grid_item.cell2 .grid_box {padding: 20px; border-radius: 25px; background-color: #f7f7f7; text-align: center;}
.cardiovascular_template .row3 .grid_wrap .grid_item .box_title {margin-top: 15px; font-size: 14px; font-weight: 800; color: #000; line-height: 1.35; font-family: 'stitle';}
.cardiovascular_template .row3 .grid_wrap .grid_item .box_sentence {margin-top: 10px; font-size: 12px; color: #000; line-height: 1.5; opacity: 0.9;}
.cardiovascular_template .row3 .grid_wrap .grid_item+.grid_item {margin-top: 20px;}
.cardiovascular_template .row3 .grid_wrap .grid_box+.grid_box {margin-top: 20px;}
.cardiovascular_template .row3 .grid_wrap .grid_item .img_wrap+.text_area {margin-top: 20px;}
.cardiovascular_template .row3 .grid_wrap .grid_item .ref {margin-top: 15px; color: #000; opacity: 0.9; font-size: 12px;}
.cardiovascular_template .row3 .grid_wrap .grid_item .btn_wrap {margin-top: 15px;}
.cardiovascular_template .row3 .grid_wrap .grid_item .btn_wrap .btn {display: inline-block; height: 33px; padding: 0 30px; border-radius: 30px; background-color: #2d2d2d; color: #fff; font-size: 11px; font-weight: 400; line-height: 33px;}
@media all and (min-width:768px) {
  .cardiovascular_template .row3 .intro .sentence {font-size: 18px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .box_title {font-size: 22px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .box_sentence {font-size: 18px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:not(.cell2),
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2 .grid_box {border-radius: 50px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .ref {margin-top: 30px;  font-size: 16px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .btn_wrap {margin-top: 30px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .btn_wrap .btn {height: 45px;  font-size: 15px;  line-height: 45px;}
}
@media all and (min-width:1024px) {
  .cardiovascular_template .row3 .intro {padding: 120px 0 80px;}
  .cardiovascular_template .row3 {padding-bottom: 120px;}
  .cardiovascular_template .row3 .intro .section_title {margin-top: 60px;  font-size: 58px;}
  .cardiovascular_template .row3 .grid_wrap {display: flex;  flex-wrap: wrap;  padding: 0 50px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:not(.cell2),
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2 .grid_box {display: flex;  flex-direction: column;  justify-content: center;  width: calc(50% - 20px);  padding: 40px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2 {display: flex;  flex-wrap: wrap;  justify-content: space-between;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .img_wrap {display: flex;  align-items: center;  justify-content: center;  min-height: 200px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item+.grid_item {margin-top: 0;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-child(n + 2) {margin-top: 40px;}

}
@media all and (min-width:1024px) and (max-width:1499px) {
  .cardiovascular_template .row3 .grid_wrap {justify-content: space-between;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .text_area {min-height: 180px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:first-of-type,
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2 {width: 100%;}
  .cardiovascular_template .row3 .grid_wrap .grid_box+.grid_box {margin-top: 0;}
}
@media all and (min-width:1500px) {

  .cardiovascular_template .row3 .grid_wrap .grid_item:not(.cell2),
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2 .grid_box {float: left;  width: calc(33.3333% - 27px);  margin-right: 40px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2 .grid_box {width: 100%;  margin-right: 0;}
  .cardiovascular_template .row3 .grid_wrap .grid_item.cell2.colspan2 {width: calc(66.6666% - 27px);}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-child(2),
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-child(5),
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-child(8) {margin-right: 0;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-child(2) {margin-top: 0;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-child(n + 3) {margin-top: 40px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item .box_title {display: flex;  align-items: center;  justify-content: center;}
  .cardiovascular_template .row3 .grid_wrap .grid_box+.grid_box {margin-top: 40px;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-of-type(4) {transition-delay: 0.2s;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-of-type(5) {transition-delay: 0.4s;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-of-type(7) {transition-delay: 0.2s;}
  .cardiovascular_template .row3 .grid_wrap .grid_item:nth-of-type(8) {transition-delay: 0.4s;}
}
@media all and (min-width:1800px) {
  .cardiovascular_template .row3 .grid_wrap {padding: 0 100px;}
}

/* row4 */
.cardiovascular_template .row4 {padding: 40px 0; background: #f8f8f8;}
.cardiovascular_template .row4 .section_title {font-family: 'stitle'; font-size: 34px; font-weight: 800; color: #222; text-align: center;}
.cardiovascular_template .row4 .tabmenu {margin-top: 20px; border-top: 1px solid #000; border-left: 1px solid #000;}
.cardiovascular_template .row4 .tabmenu .menu_wrap {display: flex; flex-wrap: wrap; width: 100%;}
.cardiovascular_template .row4 .tabmenu .menu_wrap a {display: flex; align-items: center; justify-content: center; width: 50%; padding: 10px 0; background-color: #fff; border: 1px solid #000; border-left: none; border-top: none; font-size: 12px; font-weight: 600; color: #000; text-align: center;}
.cardiovascular_template .row4 .tabmenu .menu_wrap a.on {border-color: #000; background-color: #000; color: #fff;}
.cardiovascular_template .row4 .tabmenu .menu_wrap a:nth-child(n + 11) {border-bottom: none;}
.cardiovascular_template .row4 .tabmenu .menu_wrap .blank_tab {width: 50%; border-right: 1px solid #000; background: #fff;} /* 2023-09-20 탭추가 */
.cardiovascular_template .row4 .tab_box {padding: 20px; border: 1px solid #000; background-color: #fff;}
.cardiovascular_template .row4 .tab_box .tab_title {font-size: 18px; font-weight: normal; color: #333; line-height: 1.2;}
.cardiovascular_template .row4 .tab_box .tab_title strong {font-weight: bold;}
.cardiovascular_template .row4 .tab_box .sentence {font-size: 12px; color: #666; line-height: 1.5;}
.cardiovascular_template .row4 .tab_box .tab_title+.sentence {margin-top: 10px;}
.cardiovascular_template .row4 .tab_box .img_wrap {text-align: center;}
.cardiovascular_template .row4 .tab_box .img_wrap img {margin: 0 auto;}
.cardiovascular_template .row4 .tab_box .text_group1 {margin-bottom: 20px;}
.cardiovascular_template .row4 .tab_box .text_group2 {margin-top: 20px;}
.cardiovascular_template .row4 .tab_box .related_list {line-height: 1.2;}
.cardiovascular_template .row4 .tab_box .related_list li {padding: 10px 0;}
.cardiovascular_template .row4 .tab_box .related_list li:not(:first-child) {border-top: 1px solid #bfc0c0;}
.cardiovascular_template .row4 .tab_box .related_list li:first-child {padding-top: 0;}
.cardiovascular_template .row4 .tab_box .related_list li:last-child {padding-bottom: 0;}
.cardiovascular_template .row4 .tab_box .related_list .product_title {font-weight: 600; font-size: 12px; color: #000; opacity: 0.8;}
.cardiovascular_template .row4 .tab_box .related_list .product_text {margin-top: 10px; font-size: 11px; color: #000; opacity: 0.6;}
.cardiovascular_template .row4 .tab_box .btn_wrap {margin-top: 20px;}
.cardiovascular_template .row4 .tab_box .btn_wrap .btn_download {display: inline-block; height: 33px; padding: 0 30px; border-radius: 30px; background-color: #7e7e7e; color: #fff; font-size: 11px; font-weight: 400; line-height: 33px;}
.cardiovascular_template .row4 .tab_box .btn_wrap .btn_download:after {content: ''; display: inline-block; position: relative; top: -1px; width: 14px; height: 10px; margin-left: 5px; background: url("/resources/_img/sub/product/cardiovascular/btn_icon_download.png") no-repeat; background-size: contain; vertical-align: middle;}
.cardiovascular_template .row4 .transducer_area {padding: 30px 0;}
.cardiovascular_template .row4 .transducer_area .transducer_group+.transducer_group {margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc;}
.cardiovascular_template .row4 .transducer_area .product_title {font-size: 14px; color: #444;}
.cardiovascular_template .row4 .transducer_area .product_list {display: flex; flex-wrap: wrap; margin-top: 10px;}
.cardiovascular_template .row4 .transducer_area .product_list li {width: calc(33.3333% - 7px); margin-left: 10px; text-align: left;}
.cardiovascular_template .row4 .transducer_area .product_list li:nth-child(n + 4) {margin-top: 15px;}
.cardiovascular_template .row4 .transducer_area .product_list li:nth-child(1),
.cardiovascular_template .row4 .transducer_area .product_list li:nth-child(4n) {margin-left: 1px;}
.cardiovascular_template .row4 .transducer_area .product_list .img_wrap {width: 100%; background-color: #f0f0f0;}
.cardiovascular_template .row4 .transducer_area .product_list .product_name {margin-top: 10px; font-size: 12px; font-weight: 800; color: #444;}
@media all and (min-width:768px) {
  .cardiovascular_template .row4 {padding: 120px 0;}
  .cardiovascular_template .row4 .section_title {font-size: 58px;}
  .cardiovascular_template .row4 .tabmenu {margin-top: 60px;}
  /* 2023-09-20 탭추가 s */
  .cardiovascular_template .row4 .tabmenu .menu_wrap a {width: 16.66666%;  padding: 20px 0;}
  .cardiovascular_template .row4 .tabmenu .menu_wrap a span {font-size: 18px;}
  .cardiovascular_template .row4 .tabmenu .menu_wrap a:nth-child(n + 7) {border-bottom: none;}
  .cardiovascular_template .row4 .tabmenu .menu_wrap .blank_tab{width: 16.66666%;}
  /* //2023-09-20 탭추가 e */
  .cardiovascular_template .row4 .tab_box .tab_title {font-size: 20px;}
  .cardiovascular_template .row4 .tab_box .sentence {font-size: 16px;}
  .cardiovascular_template .row4 .tab_box .tab_title+.sentence {margin-top: 20px;}
  .cardiovascular_template .row4 .tab_box .related_list .product_title {font-size: 18px;}
  .cardiovascular_template .row4 .tab_box .related_list .product_text {margin-top: 8px;  font-size: 14px;}
  .cardiovascular_template .row4 .tab_box .btn_wrap {margin-top: 40px;}
  .cardiovascular_template .row4 .tab_box .btn_wrap .btn_download {height: 40px;  font-size: 14px;  line-height: 40px;}
  .cardiovascular_template .row4 .tab_box .btn_wrap .btn_download:after {top: -3px;  width: 17px;  height: 14px;  margin-left: 10px;}
  .cardiovascular_template .row4 .transducer_area {padding: 80px 0 40px;}
  .cardiovascular_template .row4 .transducer_area:after {content: '';  display: table;  clear: both;}
  .cardiovascular_template .row4 .transducer_area .transducer_group {float: left;  margin-right: 10px;  margin-bottom: 40px;}
  .cardiovascular_template .row4 .transducer_area .transducer_group+.transducer_group {margin-top: 0;  padding-top: 0;  border-top: none;}
  .cardiovascular_template .row4 .transducer_area .product_title {padding-bottom: 10px;  font-size: 20px;}
  .cardiovascular_template .row4 .transducer_area .product_list {display: inline-block;  margin-top: 0;  padding-top: 15px;  border-top: 1px solid #ccc;}
  .cardiovascular_template .row4 .transducer_area .product_list li {float: left;  width: 138px;  margin: 0 10px 10px 0;}
  .cardiovascular_template .row4 .transducer_area .product_list li:last-child {margin-right: 0;}
  .cardiovascular_template .row4 .transducer_area .product_list li:nth-child(n + 4) {margin-top: 0;}
  .cardiovascular_template .row4 .transducer_area .product_list li:nth-child(1),
  .cardiovascular_template .row4 .transducer_area .product_list li:nth-child(4n) {margin-left: 0;}
  .cardiovascular_template .row4 .transducer_area .product_list .img_wrap {height: 106px;}
  .cardiovascular_template .row4 .transducer_area .product_list .product_name {margin-top: 5px;  font-size: 16px;}
}
@media all and (min-width:1024px) {
  .cardiovascular_template .row4 .tab_box {padding: 40px;  padding-right: 0;}
  .cardiovascular_template .row4 .tab_box:after {content: '';  display: table;  clear: both;}
  .cardiovascular_template .row4 .tab_box>div {float: left;  width: 50%;}
  .cardiovascular_template .row4 .tab_box>.img_wrap {float: right;  text-align: center;}
  .cardiovascular_template .row4 .tab_box .text_group1 {margin-bottom: 0;  padding-top: 20px;}
  .cardiovascular_template .row4 .tab_box .text_group2 {margin-top: 60px;}
  .cardiovascular_template .row4 .tab_box .tab_title {font-size: 26px;}
  .cardiovascular_template .row4 .tab_box .sentence {font-size: 18px;}
  .cardiovascular_template .row4 .tab_box .tab_title+.sentence {margin-top: 40px;}
  .cardiovascular_template .row4 .tab_box .related_list .product_title {font-size: 20px;}
  .cardiovascular_template .row4 .tab_box .related_list .product_text {font-size: 16px;}
}
@media all and (min-width:1280px) {
  .cardiovascular_template .row4 .tab_box {padding: 120px;}
}

/* bannerWrap 
   sub.css에서 사용됨. 모든 페이지 공통 css임 */
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list01 {color: #ea9d98;}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list02 {color: #ea7f77;}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list03 {color: #ea5045;}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list01{color: rgba(46,172,215,0.5);}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list02{color: rgba(46,172,215,0.7);}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list03{color: rgba(46,172,215,1);}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list01{color: #363636;}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list02{color: #363636;}
.cardiovascular_template.productview .cyberWrapNew .cyberBox .cyber_list.list03{color: #363636;}
/* common_bottom
   sub.css에서 사용됨. 모든 페이지 공통 css임 */