@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.png) 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.png) 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;}
}

/* 2023-07-21, 2023-07-25 수정 s */
/* 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;} 
.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;}
    .cardiovascular_template .row4 .tabmenu .menu_wrap a{width: 16.666%; 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.666%;}
    .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;}
}
/* // 2023-07-21, 2023-07-25 수정 e */

/* 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임 */