/*포인트*/
/*메인*/
@font-face{
 src: url("https://glaceum.com/bizdemo122944/img/glaceum/font/Empty_Trash.ttf") format('ttf'),
 url("https://glaceum.com/bizdemo122944/img/glaceum/font/Empty_Trash.woff") format('woff');
    font-family: 'titFont';
 }
/*서브*/

  @font-face {
    font-family: 'KOTRAHOPE';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


 @font-face {
     font-family: 'drfont_daraehand';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/drfont_daraehand.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'WandohopeB';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeB.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'LeferiBaseType-BoldA';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-BoldA.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }



/*공통*/
.pb-3{padding-bottom:3em;}
.pt-3{padding-top:3em;}
.mb-3{margin-bottom:3em;}
.mt-3{margin-top:3em;}
.mb-10{padding-bottom:100px;}
.mb-11{padding-bottom:110px;}
.mb-12{padding-bottom:120px;}
.mr-10{margin-right:10em}
.ml-10{margin-left:10em}
.mr-5{margin-right:5em}
.ml-5{margin-left:5em}

.posi-ab{position: absolute;}
.posi-re{position: relative;}

/*서브 container*/
.sub-container{max-width:100%;}
.sub-container div{padding-left: 0;padding-right: 0;}

.sub-cover p{
  font-size:1.1em;font-weight: 400;
  color: #56575a;
}

/*모바일 메뉴*/
.language ul{float: right;}
.language ul li{float: left;padding:0 5px;}
.language ul li a{display:block;font-size: 0.8em;}

.language ul li:nth-child(1) a::after{width:1px;height: 5px;background-color: #aaa;display: inline-block;content:'';margin-left: 10px;}


/*.mainH2 h2::after{
  content: '';
  width: 50px;
  height: 2px;
  background-color: #2560b5;
  display: block;
  margin: 10px auto;

}*/
/*메인 포인트 텍스트*/
.mainTit{
font-family: 'drfont_daraehand';
font-variant:initial;
color: #133684;
font-size:3.2em;
line-height: 1.2em;
letter-spacing: -3px;
padding:30px 0 20px 0;
margin: 0;
z-index: 10;
}

.EmainTit{font-style: italic;font-weight: 400;}

.mainTit2{
  font-size:1.2em;
  line-height: 1.5em;
  color: #555;
  z-index: 10;
}
.mainTit3{display: none;z-index: 10;}
/*서브 포인트 텍스트*/
.subTit{
color: #133684;
font-size:2.9em;
line-height: 1em;
letter-spacing: -1px;
padding:10px 0 20px 0;
margin-bottom: 0;
font-weight: bold;
}

.subTit span{
  font-size:0.6em;
}

.pointTxt-b{
  font-size: 1.9em;
}
.pointTxt-b2{
  font-size: 2.3em;
}

.pointTxt-b,.pointTxt-b2{
  color:#2560b5;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.4em;
}



.pointTxt-p,.pointTxt-p2{
  color:#dd5858;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.4em;
}
.pointTxt-p{
  font-size: 1.9em;
}
.pointTxt-p2{
  font-size: 2.3em;
}
.ceo4H3{font-size: 2em;}

/*메인 이미지*/
 #mainBg{
   overflow: hidden;
   padding:30px 0 120px 0;
   position: relative;
   background-color: #e6f5ff;
 }
.bgCover div:nth-child(1) img.mainBgChange{display:block;}
.bgCover div:nth-child(2) img.mainBgChange{display:none;}
.bgCover div:nth-child(3) img.mainBgChange{display:none;}
.m-bgImg{display: none;}
.sub-coverC p{margin:0 auto;width: 60%;}
#otherW{width:50%;}

/* 미디어쿼리 */
@media screen and (max-width:1350px) {
  .bgCover div:nth-child(1) img.mainBgChange{display:none;}
  .bgCover div:nth-child(2) img.mainBgChange{display:block;}
  .bgCover div:nth-child(3) img.mainBgChange{display:none;}
}

.bgCover{margin:0;}
.mainH2{text-align: center;position: absolute;top: 7%;left:50%;margin-left: -280px;z-index: 10;}
.mainH2 h2{font-family: 'UhBeeSe_hyun';color: #133684;}


@media (max-width:991px){
  .mainTit{font-size: 2.8em;}
  .mainTit2{font-size: 1em;}
  .bgCover div:nth-child(1) img.mainBgChange{display:none;}
  .bgCover div:nth-child(2) img.mainBgChange{display:none;}
  .bgCover div:nth-child(3) img.mainBgChange{display:block;}
}
@media (max-width: 768px){
  .mainTit{font-size: 2.3em;padding:20px 0 10px 0;}
  .mainTit2{font-size: 0.9em;}
  #otherW{width:65%;}
}

@media (max-width: 600px){
  #otherW{width:75%;}

  .mainTit2{display: none;}
  .mainTit3{display: block;}

.m-bgImg{display: block;}
.m-bgImg div{position: absolute;}
.m-bgImg div:nth-child(1){top: 0;left: 0;z-index: 5;}
.m-bgImg div:nth-child(2){top: 0;left: 0;z-index: 4;width: 56%;}
.m-bgImg div:nth-child(3){top: 8%;right: 0;z-index: 4;width: 40%;}
.m-bgImg div:nth-child(4){bottom: 0;right: 0;z-index: 4;width: 70%;}
.m-bgImg div:nth-child(5){bottom: 0;right: 0;z-index: 5;}

  .mainTit{font-size: 1.9em;letter-spacing: -1.5px;}
  .mainTit2{font-size: 0.8em;letter-spacing: -0.5px;padding-top: 5px;line-height: 1.8em;}
  .bgCover div:nth-child(3) img.mainBgChange{display:none;}

  #mainBg{

    height: 100vh;
  }
.bgCover{padding-top: 24vh;}


}

/*CEO*/

.ceo-spacer{padding:80px 0;}

.fl{float:left;text-align: inherit;}
.fr{float:right;text-align: inherit;}

.tit-pink{color:#dd5858!important;font-weight: bold!important;}
.tit-blue{color:#2560b5!important;font-weight: bold!important;}

.forBg{
  background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/sub-ceo/ceo-bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.chgRepeat::after{content:'';display:block;margin-top:5em;border-bottom: 9px dotted #ffe9e9;}
.ceo-point{font-size: 1.5em;}

.sub-cover p{letter-spacing: -0.5px;}

.ceoCover{width:33%;}
.sub-coverC p:nth-child(1){display: block;}
.sub-coverC p:nth-child(2){display: none;}

#ceoName span{font-size: 1.8em;font-weight: bold;}

/*어머니*/
.ceo-1{width: 90%;}
/*지구*/
.ceo-2{width:100%;}
/*해양*/
.ceo-3{width:100%;}
/*학의다리*/
.ceo-4{width:90%;}
/*대사질환*/
.ceo-5{width:87%;}
.ceo4H3{margin-top: 0;}
/*바람직한 치료방향 */
.ceo-6{width:100%;}
@media (max-width: 1500px){
  .ceoCover{width:43%;}
  /*대표이사 CEO의 철학*/
  .subTit{font-size: 2.7em;}

/*단락 소제목*/
  h3.ceoH3{font-size: 2.4em;}
  .sub-cover p{font-size:16px;}
  .ceo-point{font-size: 1.5em;}
  .mr-10{margin-right: 5em;}
  .ml-10{margin-left: 5em;}
}
@media (max-width: 1300px){
  h3.ceoH3{font-size: 2em;}
  .ceo-point{font-size: 1.4em;}

  .ceoH5{font-size: 1.3em;}
}

@media (max-width: 1200px){

  .ceoCover{width:47%;}
  /*대표이사 CEO의 철학*/

  .ceo-4{width:100%;}
  .subTit{font-size: 2.4em;}

/*단락 소제목*/
  h3.ceoH3{font-size: 1.7em;}
  .sub-cover p{font-size:14.5px;}

  .ceo-point{font-size: 1.3em;line-height: 1.5em;padding:10px 0 15px 0;}
}
@media (max-width: 991px){

  .chgRepeat::after{margin-top:1em;border-bottom: 6px dotted #ffe9e9;}

.subTit{font-size: 2em;}
.sub-cover p{width:60%;}
.sub-coverL p{margin-left: auto;text-align: right;}
.sub-coverR p{margin-right:auto;text-align: left;}
.sub-coverC p{margin:0 auto;width:80%;}
#lastTxt{width:90%;}

#ceoName{
  width:fit-content;
  margin-left: auto;
margin-right: 0;
text-align: right;
}


.tab-wid1,.tab-wid2,.tab-wid3,.tab-wid4{width:45%;}
.tab-wid1{float:left;}
.tab-wid2{float:right;margin-right:0;}
  .tab-wid2 p{width:100%;padding-right: 2.5em;}
.tab-wid3{float:right;}
.tab-wid4{float:left;margin-left:0;margin-right:0;}
.tab-wid4 p{width:100%;padding-left: 2.5em;}

.ceoH5{padding-right: 2.3em;font-size: 1.1em;}


  .ceoH3{margin:20px 0 0 0;}
  /*.sub-cover h3,.sub-cover p{text-align: center;}*/
  /*어머니*/
  .ceo-1{width:70%;width:100%;}

  /*지구*/
  .ceo-2{width:40%;}

  /*해양*/
  .ceo-3{width:70%;width:100%;}
  /*학의다리*/
  .ceo-4{width:70%;width:95%;}
  /*대사질환*/
  .ceo-5{width:55%;width:100%;}
  .ceo4H3{margin-top: 50px;}
  /*바람직한 치료방향 */
  .ceo-6{width:70%;width:100%;}

  .mb-10{padding-bottom: 80px;}

  .fl{float:left;text-align: left;}
  .fr{float:right;text-align:right;}
}

@media (max-width: 768px){
  .sub-cover p{width:85%;}
  .ceoCover{width:65%;}
  .subTit{font-size: 2em;}
.sub-titleH3{font-size: 1.6em;}
.sub-coverC p{width:90%;}

.tab-wid1,.tab-wid2,.tab-wid3,.tab-wid4{width:100%;}
.tab-wid1{float:left;}
.tab-wid2{float:right;margin-right:0;margin:1.5em 0;}
  .tab-wid2 p{padding-right:0;}
.tab-wid3{float:right;}
.tab-wid4{float:left;margin-left:0;margin-right:0;margin:1.5em 0;}
.tab-wid4 p{padding-left:0;}

.ceoH5{padding-right: 0;}

  /*어머니*/
.ceo-1{width:70%;}
  /*지구*/
  .ceo-2{width:50%;}
  /*해양*/
  .ceo-3{width:70%;}
  /*학의다리*/
  .ceo-4{width:70%;}
  /*대사질환*/
  .ceo-5{width:55%;}

  /*바람직한 치료방향 */
  .ceo-6{width:70%;}

  /*단락 소제목*/
    h3.ceoH3{font-size: 1.3em;}
    .sub-cover p{font-size:13.5px;line-height: 1.5em;}

    /*컨텐츠 사이 간격*/
    .mb-10{padding-bottom:50px;}

    .mr-10{margin-right: 3em;}
    .ml-10{margin-left: 3em;}

    .sub-coverC{margin:0 0 50px 0;}

    .forBg{background-size: 75% 90%;}

    .ceo-point{font-size: 1.1em;}
    .ceoH3.ceo4H3{margin-top: 40px;font-size: 1.2em;}
}

@media (max-width: 576px){

.ceo-spacer{overflow: hidden;}
  .ceoCover{width:90%;}
  .subTit{font-size: 2.2em;padding:15px 0;}

  .subTit{font-size: 1.5em;}
  .subTit span{font-size: 0.7em;}

  .mr-10{margin-right: 1em;}
  .ml-10{margin-left: 1em;}

  /*컨텐츠 사이 간격*/
  .mb-10{padding-bottom:50px;}

  .sub-cover p{
    font-size: 13px;
  }


  /*어머니*/
  .ceo-1{width:85%;}
  /*지구*/
  .spacer .forBg div.sub-cover:nth-child(1) .sub-container{padding-bottom: 20px;}
  .ceo-2{width:65%;}
  .spacer .forBg div.sub-cover:nth-child(1) .sub-container > div div:nth-child(1) p{margin-bottom: 50px;}
  /*해양*/
  .ceo-3{width:75%;}
  /*학의다리*/
  .ceo-4{width:85%;}
  /*대사질환*/
  .ceo-5{width:70%;}
  /*바람직한 치료방향 */
  .ceo-6{width:85%;}



#ceoName span{font-size: 1.7em;}
}


@media (max-width:480px) {
  .sub-coverC p:nth-child(1){display: none;}
  .sub-coverC p:nth-child(2){display: block;}
}




  /*연락처 및 오시는길*/

  #contactTitBg{
    background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/contact/contactTit2.png);
    background-repeat: no-repeat;
background-position: top center;
background-size: auto 100%;
  }

  #sub-map1{
    /*border-radius: 50px 0px 0px 50px;*/
    background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/common/mapBg.png) !important;
  }

.bg-light2{/*background-color: #fff9f9;border-radius: 50px;*/}
  .contCover{margin:50px 0;}
 .contName{font-size: 1.3em;color:#;}
.contMargin{margin:30px 0;}

@media (max-width: 1200px){
  .contName{font-size: 1.4em;}
  .contMargin{font-size: 0.9em;}
}
@media (max-width: 991px){
  .contCover{margin:0;}
  .contName{font-size: 1.3em;}
  .contMargin{
    float: left;
    margin-left: 4%;
    width: 44%;
  }
  .contMargin p{font-size: 1em;}

  #contactTitBg{
    background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/contact/contactTit3.png);
background-size: auto 100%;
  }
  /*#sub-map1{
    border-radius: 50px 50px 0px 0px;
  }*/
}

@media (max-width: 720px){
  .contMargin{
    font-size: 1em;
    float: none;
    margin-left: 0;
    width: auto;
    margin-top: 50px;
  }
}

@media (max-width: 600px){
  #contactTitBg{
    background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/contact/contactTit5.png);
}

@media (max-width: 520px){
  .height-title{height: 280px;}
  #sub-map1{height: 200px;}

  .contMargin{

    margin-top: 20px;
    padding: 0 20px;
  }
  .contName{font-size: 1.2em;}
  .contMargin p{font-size: 0.8em;}

  .mini-spacer.bg-footer .container .row div p{font-size: 12px}
}