/* 복리후생 */
.noteBg.welfare{background-color: #fff;padding:30px 5em;}
.noteBg.welfare>img{width: 500px;display: block;margin:0 auto;}

.noteBg.welfare ul::after{display: inline-block;content: '';clear: both;border-bottom: none;margin-bottom: 0;}
.noteBg.welfare ul li{float: left;width: 33.3333%;text-align: center;font-weight: bold;
  height: 150px;margin-top: 30px;
}

.noteBg.welfare ul li p{line-height: 1.2em;font-size:15px;color: #133684;letter-spacing: -0.05em;vertical-align:middle;height: 36px;display: flex;
        justify-content: center;
        align-items: center;}
.noteBg.welfare ul li img{display: block;margin:0 auto;width: 80px;margin-bottom:20px;}
@media(max-width:750px) {
  .noteBg.welfare{padding:30px 2em;}
  .noteBg.welfare>img{width: 400px;}
  .noteBg.welfare ul li{height: 120px;}
  .noteBg.welfare ul li p{font-size: 12px;}
.noteBg.welfare ul li img{width:50px;margin-bottom: 10px;}

}


@media(max-width:550px) {
  .noteBg.welfare{padding:30px 1em;}
  .noteBg.welfare>img{width: 100%;}
  .noteBg.welfare ul li{width: 50%;}
    .noteBg.welfare ul li p{font-size: 13px;}
  .noteBg.welfare ul li img{width:60px;}
}
/* clear */
.re-sec1::after,.r-list::after,.cli-cover::after,#cmc-container .col-lg-12::after,#rec-cate ul::after{
  clear: both;display: block;content: '';
}

/* 카테고리 */
#rec-cate{width:100%;}
#rec-cate ul{width:100%;padding:30px 0;}
#rec-cate ul li{float:left;
  border:1px solid #2560b5;margin-right: 15px;border-radius: 30px;box-sizing: border-box;}


  #rec-cate ul li a{color:#2560b5;font-weight: 500;display: block;
padding:10px 30px;
  }

  #rec-cate ul li:hover{box-shadow: 0 0 0 1.5px #2560b5 inset;}
#rec-cate ul li:hover a{font-weight: bold;}

.researchH3{margin-bottom: 40px;}

.dan-tit{margin: 40px 0 5px 0;}

.re-sec1,.re-sec2,.re-sec3,.re-sec4{
  width:100%;padding:40px 0;font-size: 1.2em;letter-spacing: -0.04em;
}

.re-sec1::after,.re-sec2::after,.re-sec3::after,.re-sec4::after,.cli-cover::after{
  content: '';display: block;width:100%;
  border-bottom: 4px dotted #c6e3ff;padding-top: 40px;padding-bottom: 40px;
}
.re-sec4::after{border:none;}
.re-sec1{}
.re-sec1 h3{width:100%;}


.sec1-1{width: 70%;float: left;}
.sec1-1 ul{width: 100%;}
.tUl{margin-top: 20px;}
.sec1-2{width:30%;float: left;}
.sec1-2 img{width:90%;}

.re-sec2{}
.re-sec3{}

.r-list{width: 100%;}
.r-list li{float: left;margin-right: 10px;width: fit-content;margin-top:5px;}
.r-list li::after{
  width:2px;height: 12px;background: #a4d2ff;margin-left: 10px;
  display: inline-block;content: "";float: right;margin-top:10px;
}
.r-list li:last-child::after{display: none;}

.bg-sky{
  background-color: #f3faff;
  width: fit-content;padding:30px 50px;border-radius: 20px;
  margin-top: 30px;
}
.re-sec4{
  background-color: #ecf7ff;
}
.re-sec4 .researchH3{padding-left: 1em;}

.noteBg ul{margin-top:60px;}
.noteBg ul li{margin-top: 20px;}
.noteBg p{margin-bottom: 30px;}
.underLine span{width:fit-content;border-bottom:3px solid #2560b5;font-size: 1.2em;}
.noteBg{
  background-image: url('http://glaceum.com/bizdemo122944/img/glaceum/img/hr/noteBg.png');
  background-repeat: no-repeat;background-size: cover;background-position: top;
  margin:0 auto;height: fit-content;padding:60px 5em;width: 93%;
}

.noteBg ul::after{content: '';display: block;width:100%;
border-bottom: 3px dotted #a4d2ff;margin-top: 30px;margin-bottom: 30px;}

/* 사각형 */
ul.f-square li{width:100%;}
ul.f-square li::before{
    width:8px;height: 8px;margin-right: 10px;content: '';display: inline-block;
    background-color: #2560b5;margin-bottom: 3px;
  }


  /* 사각형 P*/

  p.p-sq::before{
      width:8px;height: 8px;margin-right: 10px;content: '';display: inline-block;
      background-color: #2560b5;margin-bottom: 3px;
    }

/* 동그라미 */
ul.f-circle li{width:100%;}
ul.f-circle li::before{
      width:7px;height: 7px;margin-right: 10px;content: '';display: inline-block;
      background-color: #2560b5;border-radius: 50%;margin-bottom: 3px;
    }

    /* 별 */

    ul.f-star li{width:100%;margin-top:20px;}
    ul.f-star li::before{
          width:8px;height: 8px;margin-right: 10px;content: '*';display: inline-block;
          color: #2560b5;
        }



/* 임상 */
#cli-sec1{float: left;width: 50%;}
#cli-sec2{float: left;width: 50%;}

.cli-cover .re-sec2::after,.cli-cover .re-sec3::after{display: none;}

.cli-cover::after{border:none;}


/* BD */
#bd-sec1 .sec1-1{width:68%;float:right;}
#bd-container .re-sec2::after{border:none;}


/* CMC */
#cmc-container{}

.cmc-coverP{width: 100%;margin-top:50px;}

.cmc-sec1{width:45%;float:left;}
.cmc-cover{width:50%;float:right;}



#cmc-container .re-sec1::after{border:none;}
#cmc-container .re-sec3::after{display: none;}

@media(max-width:1400px){
  #re-container,#cmc-container,#bd-container{max-width: 90%;width: 100%;margin:0 auto;}
  .researchH3{font-size: 2em;margin-bottom: 20px;}

  .re-sec1,.re-sec2,.re-sec3,.re-sec4{font-size: 1em;}

  .noteBg{margin-top:30px;padding:40px 5em;}

  #bd-sec1 .sec1-2 img {
    width: 90%;
    max-height: 300px;
    max-width: 300px;
}

/* CMC */
#cmc-sec1{width:33%;}
.cmc-cover{width:55%;}
}


@media(max-width:991px){
  .sec1-2 img{width:100%;}

  .noteBg{padding:30px 2.5em;}

  .dan-tit {
    margin: 10px 0 0 0;
}

/* BD */
#bd-sec1 .sec1-1{width:60%;}
#bd-sec1 .sec1-2 img {
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}

}




@media(max-width:850px){
  .sec1-1{width: 100%;}
  .sec1-2{display:none;}
  .noteBg{
    background-image: url('http://glaceum.com/bizdemo122944/img/glaceum/img/hr/noteBg2.png');}
    /* BD */
    #bd-sec1 .sec1-1{width:100%;}

    #cmc-sec1{display: none;}
    .cmc-cover{width:100%;}

.cmc-coverP{background-color:#ecf7ff;padding:30px 0;}


.cmc-cover{
background-image: url('http://glaceum.com/bizdemo122944/img/glaceum/img/hr/noteBg2.png');
background-repeat: no-repeat;background-size: cover;background-position: top;
margin:0 auto;height: fit-content;padding:30px 5em;width: 93%;float: none;
}

    }


@media(max-width:750px){
  #re-container{max-width: 98%;}
  .re-sec1,.re-sec2,.re-sec3,.re-sec4{font-size: 0.9em;}
  .noteBg p{font-size: 1em;}
  .r-list{font-size: 0.9em;}
  .bg-sky{padding:30px 20px;}
.researchH3{font-size: 1.6em;}



  /* 사각형 */
  p.p-sq::before,ul.f-square li::before{
    width:5px;height: 5px;margin-right: 8px;line-height: 1em;margin-bottom: 3px;
    }

  /* 동그라미 */
  ul.f-circle li::before{
    width:5px;height: 5px;margin-right: 8px;margin-bottom: 3px;
      }

      /* 별 */
  ul.f-star li::before{
    width:8px;height: 8px;margin-right: 8px;
  }
}

@media(max-width:650px){
  #cli-sec2,#cli-sec3{width:100%;}
  .cli-cover .re-sec2::after{display: block;}
  .cli-cover .re-sec3::after{display:block;border:none;}
  .cli-cover::after{display:none;}
  #cli-sec3{overflow: hidden;}
  #rec-cate ul li{margin-right: 8px;}
  #rec-cate ul li a{font-size: 12px;padding:8px 15px;}
}
@media(max-width:500px){
  .re-sec1,.re-sec2,.re-sec3,.re-sec4{font-size: 0.8em;padding:20px 0;}
  .noteBg{padding: 30px 1.5em;margin-top: 15px;}
  .pl-5{padding-left: 2em !important;}
  .r-list li{margin-right: 5px;}
  .r-list li::after{margin-left: 5px;margin-top:5px;}

  .re-sec1::after,.re-sec2::after,.re-sec3::after{
  padding-top: 20px;padding-bottom: 20px;
  }
  .noteBg ul{margin-top:30px;}
  .underLine span{font-size: 1.1em;border-bottom: 2px solid #2560b5;}
  .spacer{padding:0 0 40px 0;}

  #rec-cate ul li a{font-size: 10px;}

/* cmc */
  .cmc-cover{padding:40px 3em;}
}