em {
    font-style: normal;
}

.hidden{
    z-index:-1;width:0;height:0;font-size:0;color:transparent;
}
.content-wrapper::after,
.container::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.container {
    position: relative;
}
.page-special .content-wrapper{
    width:100%;
}
.page-special .special .visual .content-wrapper{display: block;}
.page-special .special.trendy .content-wrapper {
  flex-direction: column;
}

.page-special .detail-wrapper {
   width: 73%;
   max-width: 880px;
  }

.content-wrapper{
     display: flex;
     justify-content: flex-end; padding: 0 1.25rem;
   }

.content-special-right .title-resolution-grid {
  padding: 0 1.25rem;
 }

.content-special-right .hospital-picture .content-wrapper {
  display: block;
}

.content-special{
    /* display:flex; */
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.content-special-left {
  width: 25%;
  max-width: 296px;
}

.content-special-right {
  width: 75%;
  max-width: 880px;
}

.page-special ul::after{
    content:'';
    display:block;
    clear:both;
    height:0;
}
.page-special {
    box-sizing: border-box;
}

/* 탭 공통 */
.page-special .tab-area >p {
    font-size:1.125rem;
    font-weight: bold;
    line-height: 2.28;
    text-align: center;
    color: #10a3ad;
    margin-bottom: 0.5rem;
    margin-top: 3rem;
}
.page-special .tab-title {
    margin-bottom: 4rem;
    text-align: center;
    font-family: Montserrat;
}

.page-special .tab-title li {
    display: inline-block;
    cursor: pointer;
}
.page-special .tab-title li:first-child {
    margin-left: 0;
}
.page-special .tab-title {
    font-family: Montserrat;
    font-size: 3rem;
    color: #ccc
}
.page-special .tab-contents {
    display: none;
}
.page-special .tab-contents.active {
    position: relative;
    display: block;
}

/* 왼쪽 고정 메뉴 */

#d-left-menu.left-menu{
  left: 100px;
}

/* 상단이미지 공통 */
.special .visual{
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

/* ---------------------------- */

.special .brand_blog .visual .textbox{
  padding-top: 140px;
}

.visual img{
  width: 100%;
  display: block;
}

/* 타이틀 공통 */

.special .brand_blog .main-title {
  color: rgba(255,255,255,.5);
  position: relative;
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 80px;
  letter-spacing: -3px;
  font-weight: 600;
}

.special .brand_blog .main-title span{
  color: #fff;
}

.special span{
  font-weight: 600;
}

.special .brand_blog .title{
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -3px;
  line-height: 40px;
}

.special .brand_blog .subtitle{
  font-size: 32px;
  margin-bottom: 16px;
  letter-spacing: -2px;
}

.special .brand_blog .subcopy{
  font-size: 28px;
  color: #121212;
  letter-spacing: -2px;
}

.special .brand_blog .titletag{
  font-size: 20px;
  color: rgba(255,255,255,.7);
  letter-spacing: -1px;
  margin-bottom: 16px;
  margin-left: 2px;
  font-weight: 300;
}

.special .brand_blog .d-flex{
  display: flex;
  justify-content: space-between;
   flex-wrap: wrap;
}

/*
----------------------------------
스페셜-개원필수패키지
--------------------------------------*/

  /* 상단 메뉴 -----------*/

.special .content-special-left .wrap-menu .left-menu{
    width: 18.5rem;
    display: inline-block;
    position:absolute;
    top: 60px;
    z-index: 10;
}

.special .content-special-left .wrap-menu .left-menu >ul>li{
    font-size: 20px;
    color: #767676;
    opacity: .8;
    margin-bottom: 20px;
}

.special .content-special-left .wrap-menu .left-menu >ul>li.on {
  font-weight: 600;
    color: #10a3ad;
    opacity: 1;
}

/* --------------------- */

.special .imgbox{
    text-align: center;
}



/* ----------------- */

body {
  letter-spacing: -0.7px;
  font-family: "Noto Sans KR", sans-serif;
  text-align: left;
}

.special .brand_blog .text2{
  letter-spacing: -3px;
  font-weight: 400;
}

.special .brand_blog .textbox .text2 span {
  font-weight: 600;
  color: rgba(255,255,255,1)
}

.special .brand_blog .text2 span {
  font-weight: 600;

}

/* 퀵메뉴 --------------- */
/*
.main.container {
  position: relative;
  flex: 0 0 auto;
}
.main.container .wrap-quickmenu {
  position: fixed;
  bottom: 50px;
  right: 60px;
  width: 64px;
  z-index: 100;
}

.main.container .wrap-quickmenu .quickmenu-toggle img { position: absolute; bottom: 0; width: 100%; max-width: 64px; transition: all 0.23s ease-in-out; }
.main.container .wrap-quickmenu .quickmenu-toggle img.quickmenu-open { display: block; }
.main.container .wrap-quickmenu .quickmenu-toggle img.quickmenu-close { display: none; }
.main.container .wrap-quickmenu .quickmenu-toggle.open img.quickmenu-open { display: none; }
.main.container .wrap-quickmenu .quickmenu-toggle.open img.quickmenu-close { display: block; transition-delay: 0.1ms; }
.main.container .wrap-quickmenu .sns-list { display: none; }
.main.container .wrap-quickmenu .sns-list li { position: absolute; bottom: 64px; transition: all 0.23s ease-out; }
.main.container .wrap-quickmenu .sns-list li img { width: 100%; max-width: 64px; box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.16); border-radius: 50%; }
.main.container .wrap-quickmenu .sns-list.open li { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.main.container .wrap-quickmenu .sns-list.open li:nth-of-type(1) { bottom: 94px; transition-delay: 0.4ms }
.main.container .wrap-quickmenu .sns-list.open li:nth-of-type(2) { bottom: 168px; transition-delay: 0.3ms; }
.main.container .wrap-quickmenu .sns-list.open li:nth-of-type(3) { bottom: 242px; transition-delay: 0.2ms } */

/*  */

.special .brand_blog section {
  position: relative;
  margin: 0;
  /* width: 100%; */
  height: auto;
}

.special .brand_blog section img {
  display: block;
  width: 100%;
}

.special .brand_blog section img {
  display: block;
  width: 100%;
}

.special .brand_blog .wrap {
  margin: auto;
}

.special .brand_blog .text4{
  line-height: 48px;
}

.special .brand_blog .text4 span{
  font-weight: 700;
}

/* sect1 ----------------------- */


.special .brand_blog #sect7 {
  position: relative;
}


.special .brand_blog #sect7 .box {
  z-index: 999;
  background: #fff;
}

.special .brand_blog #sect7 .box .text .tag {
  color: rgba(0, 0, 0, 0.5);
}

.special .brand_blog #sect7 .box .text .name {
  font-weight: 700;
}

.special .brand_blog #sect7 .box .text .button a {
  position: relative;
  display: block;
  background: #000;
  color: #fff;
}

.special .brand_blog #sect7 .box .text .button a::after {
  width: 32px;
  height: 28px;
  display: block;
  content: "";
  background-image: url(/img/our_service/special/s_brand_blog/sitebtn.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.special .brand_blog .point .stitle {
  font-weight: 700;
}

.special .brand_blog .point hr {
  margin: 8px 0 16px;
  height: 1px;
  background: #000;
}

.special .brand_blog .content ul li {
  font-size: 14px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.7);
}

.special .brand_blog .content ul li span {
  font-weight: 800;
  margin-right: 10px;
}


.special .brand_blog .mainblog {
  position: relative;
  background: #fff;
  padding-bottom: 80px;
}

.special .brand_blog .mainblog img {
  margin: auto;
}

.special .brand_blog .mainblog::after {
  width: 28px;
  height: 32px;
  display: block;
  content: "";
  position: absolute;
  background-image: url(/img/our_service/special/s_brand_blog/arrow.png);
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
}

/* sect8 ---------------*/

.special .brand_blog .viral {
  background: #f1f4f7;
}

.special .brand_blog .viralimg {
  text-align: center;
  margin: auto;
  padding-bottom: 120px;
}

.special .brand_blog .viral p.desc {
  line-height: 28px;
}

.special .brand_blog .moretext {
  font-size: 20px;
  font-weight: 700;
}

.special .brand_blog .more hr {
  height: 2px;
  background: #000;
  margin-bottom: 20px;
  margin-top: 8px;
}

 
.special .brand_blog .bloglink li{
  margin-bottom: 20px;
}


.special .brand_blog .more .text {
  text-align: center;
  margin: 100px 0 160px;
  font-size: 32px;
}

.special .brand_blog .more .text .text1 {
  font-weight: 700;
}


/* sect9 ---------------------------- */

.special .brand_blog #sect9{
  text-align: center;
  background: #f1f4f7;
}

.special .brand_blog #sect9 .text1{
  margin-bottom: 16px;
  /* padding-top: 120px; */
  font-size: 16px;
  color: rgba(0, 0, 0, .8);
}

.special .brand_blog #sect9 .text2{
  margin-bottom: 60px;
}

.special .brand_blog #sect9 .text2 span{
  font-weight: 700;
}

.special .brand_blog #sect9 figure{
  border-radius: 38px;
  margin-bottom: 40px;
  box-shadow: 0px 8px 30px rgba(0, 39, 84, 0.2);
}

.special .brand_blog .notice{
  font-size: 18px;
  color: rgba(0,0,0,.4);
  margin-top: 60px;
}


/* sect10 ---------------------------- */

.special .brand_blog #sect10 .text2{
  text-align: center;
}

#sect10 .noti{
  color: rgba(0, 0, 0, 0.4);
  margin-left: 16px;
  margin-top: 30px;
}

#sect10 img{
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}


/* sect11 -------------- */

#sect11{
  text-align: center;
  position: relative;
}

#sect11 .text{
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#sect11 .text2{
  margin-bottom: 16px;
  color: #fff;
}

#sect11 .text2 span{
  color: #fff;
}

#sect11 .text1{
  font-size: 18px;
  color: rgba(255, 255, 255, .7);
  letter-spacing: -1px;
  margin-bottom: 30px;
}

#sect11 .btn{
  margin:  auto;
  margin-top:30px;
  position: absolute;
  left: 50%;
  
  transform: translate(-25%,-50%);
}


#sect11 .btn a{
  color: #fff;
  display: block;
  border: 1px solid #fff;
  padding: 14px 0 16px;
}


/* mobile ----------------------------------------- */

@media only screen and (max-width: 640px){
  .wrap {
    width: calc(100% - 40px);
  }

  .desktop{
    display: none;
  }

  .mobile{
    display: block;
  }

  .visual p {
     font-size:1.5rem;
   }

  .tab-title {
    margin-bottom:2rem; }

  .tab-title li {
    /* margin-left:1.3rem; */
    /* margin: 0 10px; */
    font-size:1.125rem;
    color: #767676;
  }

   .page-special .tab-title li.active {
       text-decoration: underline;
       font-weight: bold;
       color: #333;
       font-family: Montserrat;
   }

   .page-special .tab-title {
       margin-bottom: 20px;
   }

   .special .content-special-left .wrap-menu .left-menu >ul>li{
       font-size: 16px;
       color: #767676;
       opacity: .8;
       margin-bottom: 0;
   }

   /* dropdown menu */

   .special .content-special-left .wrap-menu .left-menu{
      width: 100vw;
      /* display: inline-block; */
      position: inherit;
      top: 0;
   }

   .wrap-menu  {
     width: 100%;
     box-sizing: border-box;
   }

   .wrap-menu .left-menu-dropdown {
     box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
      background-color: #fff;
       padding: 0.812rem 1.468rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
       }

   .wrap-menu .left-menu-dropdown .current-menu {
     font-family: Pretendard;
     font-size: 1rem;
     font-weight: 300;
     color: #00c2cf;
   }

   .wrap-menu .left-menu-dropdown .material-icons-outlined {
      color: #dddddd;
     }
   .wrap-menu .left-menu-dropdown .material-icons-outlined.open-menu {
     display: none;
   }

   .wrap-menu .left-menu-dropdown-content {
     display: none;
     font-family: Pretendard;
      font-size: 1rem;
      font-weight: 300;
      color: #767676;
      padding: 0.812rem 1.468rem;
       border-bottom: 1px solid #dbdbdb;
       box-sizing: border-box;
     }

   .wrap-menu .left-menu-dropdown-content li {
      padding: 0.75rem 0;
    }


  /* sect1 ------------------- */

  .textbox {
    top: 48%;
    display: none;
  }

 .text1 {
    font-size: 20px;
    margin-bottom: 0px;
  }

.text2 {
    font-size: 30px;
    margin-bottom: 40px;
    line-height: 40px;
  }

.text3 {
    font-size: 14px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
  }

  #sect2 { margin-top: 3px; }
  /* sect7 */

  #sect7 .box {
    width: calc(100% - 60px);
    margin: 60px auto;
  }

  #sect7 .box .text .tag {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
  }

  #sect7 .box .text .name {
    font-size: 36px;
    margin-bottom: 40px;
  }

  #sect7 .box .text .button a {
    font-size: 16px;
    width: 160px;
    height: 24px;
    padding: 14px 16px 16px 20px;
  }

  #sect7 .box .text .button a::after {
    right: 20px;
  }

  #sect7 .box .text .desc {
    width: 96%;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 60px;
  }

  .stitle{
    font-size: 20px;
    margin-bottom: 10px;
  }

  .point.d-flex {
    flex-direction: column;
    gap: 0px;
  }

  .content {
    width: 100%;
    margin-bottom: 40px;
  }

  .content figure {
    padding: 24px 0px;
  }


  .mainblog img {
    padding-top: 80px;
  }


.mainblog::after {
  bottom: 0px;
}

.viral p.desc {
  padding: 0px 0 60px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 24px;
}

.viral p.title {
  font-size: 24px;
  font-weight: 600;
  padding: 80px 0 20px;
}

.moretext {
  padding-top: 60px;
  font-size: 24px;
}

.mobile ul.bloglink li{
  margin-bottom: 80px!important;
  
}

/* sect9 ------------- */
#sect9 .wrap{
  padding: 80px 0;
}

/* sect11 --------- */

#sect11 .text{
  top: 60px;
}

/* sect10 ----- */

.special .brand_blog #sect10{
  padding: 100px 0 80px;
}

.special .brand_blog #sect10 .text2{
  /* line-height: 56px; */
  margin-bottom: 60px;
  text-align: left;
}

.special .brand_blog #sect10 .contentwrap{
  width: 100%;
}


.special .brand_blog #sect10 .contentwrap figure{
  justify-content: space-between;
}

.special .brand_blog #sect10 article{
  margin-bottom: 40px;
}


/* sect11 -------- */

.special .brand_blog #sect11{
  height: 340px;
}

.special .brand_blog #sect11 .mobile{
  height: 340px;
}

.special .brand_blog #sect11 .mobile img{
  height: 100%;
}

.special .brand_blog #sect11 .text2{
  width: 88%;
  margin: auto;
  padding-bottom: 20px;
}

.special .brand_blog #sect11 .text{
  padding-bottom: 10px;
  width: 88%;
}


.special .brand_blog #sect11 .btn{
  width: 88%;
}

.special .brand_blog #sect11 .btn a{
  width: 48%;
}


}


/* pc ----------------------------------------- */


@media only screen and (min-width: 641px){

  /* .special .brand_blog section{
    min-width: 1200px;
  } */

  .page-special .tab-title li.active {
      text-decoration: underline;
      font-weight: bold;
      font-size: 3rem;
      color: #333;
      font-family: Montserrat;
  }

.special .brand_blog body{
    min-width: 1400px;
  }

  .special .brand_blog .wrap {
    width: 1180px;
  }

.special .brand_blog  .text2{
    font-size: 50px;

  }

.desktop{
    display: block;
  }

.mobile{
    display: none;
  }

  /* 상단 메뉴 -----------*/

  .page-special .tab-title li {
      margin-left: 2.5rem;
  }

  /* .special .content-special-left .wrap-menu .left-menu{
      width: 18.5rem;
      display: inline-block;
      position:absolute;
      top: 40.5rem;
      z-index: 10;
  } */

  .special .content-special-left .wrap-menu .left-menu >ul>li{
      font-size: 20px;
      color: #767676;
      opacity: .8;
      margin-bottom: 20px;
  }
  /* sect1-------------------------- */
  .special .brand_blog .visual{
      background-image: url('/img/our_service/special/s_brand_blog/blog_main_bg.png');
      height: 600px;
  }

.special .brand_blog .visual .textbox{
    width: 1180px;
    margin: auto;
  }

  /* .textbox .text1 {
    margin-left: 6px;
    font-size: 24px;
    margin-bottom: 24px;
    color: rgba(255,255,255,.8);
  }

  .textbox .text2 {
    font-weight: 500;
    color: rgba(255,255,255,.7);
    font-size: 56px;
    margin-bottom: 48px;
    line-height: 74px;
  }

  .textbox .text3 {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, .5);
    margin-left: 4px;
  } */

  /* sect 7 */

  .special .brand_blog #sect7 .box {
    width: 1180px;
    margin: 200px auto;
  }

  .special .brand_blog #sect7 .bgimg {
    width: 100%;
    position: absolute;
    z-index: -99;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
  }

  .special .brand_blog #sect7 .box .text {
    padding: 80px;
    box-shadow: 0px -8px 30px rgba(0, 0, 0, 0.2);
  }

  .special .brand_blog #sect7 .box .text .tag {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .special .brand_blog #sect7 .box .text .name {
    font-size: 50px;
    margin-bottom: 30px;
  }

.special .brand_blog #sect7 .box .text .button a {
  font-size: 18px;
  width: 220px;
  height: 36px;
  padding: 20px 20px 14px 32px;
}

.special .brand_blog #sect7 .box .text .button a::after {
  right: 32px;
}

.special .brand_blog #sect7 .box .text .desc {
  width: 60%;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 60px;
}

.special .brand_blog .point.d-flex {
  flex-direction: row;
  gap: 60px;
}

.special .brand_blog .content {
  width: 50%;
}

.special .brand_blog .point .stitle {
  font-size: 18px;
}

.special .brand_blog .content figure {
  padding: 36px 20px;
}

.special .brand_blog .mainblog img {
  width: 780px;
  padding-top: 80px;
}

.special .brand_blog .mainblog::after {
  bottom: -100px;
}

.special .brand_blog .viral p.desc {
  padding: 0px 0 80px;
  color: rgba(0,0,0,.5);
}

.special .brand_blog .viral p.title {
  font-size: 24px;
  font-weight: 600;
  padding: 100px 0 16px;
}

.special .brand_blog .moretext {
  padding-top: 80px;
}

/* sect9 --------- */
.special .brand_blog #sect9 .wrap{
  padding: 140px 0;
}

.special .brand_blog #sect9 .text1{
  font-size: 20px;
  color: rgba(0,0,0,.5);
}

/* sect10 */

.special .brand_blog #sect10{
  padding: 160px 0 120px;
}

.special .brand_blog #sect10 .text2{
  margin-bottom: 60px;
}

/* sect11------------ */

.special .brand_blog #sect11 .text{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.special .brand_blog #sect11 .btn{
  width: 420px;
}

.special .brand_blog #sect11 .btn a{
  width: 200px;
}



}

/*# sourceMappingURL=s_brand_blog.css-f86d9c7dba304d0589fa959f5f47f3dab46347dcbbe34f9f972ae14bd68b97fe.map */