/*     1507564 : 일반 상단      */
.bg01 {background-image:url('/img_up/shop_pds/topdentist11/build/option/so-gae4m170418417017518779821.jpg'); background-repeat: no-repeat;   background-position: center center; padding: 50px 15px; background-size: cover;}
    .title{max-width: 1240px; text-align: left;}
.top_title {width:100%;}
.top_title span { font-weight:500; font-size:14px; color:#5d5d5d; letter-spacing:1px;  letter-spacing: 7px !important;}
.top_title p {  margin:0 0 10px 0;padding:0; font-size:24px; color:#5d5d5d;  line-height: 1em;}


.text__1507564__ p {margin:0;padding:0px; font-size:14px;font-weight:300;color:#5d5d5d;letter-spacing:0;line-height:1.4em;
}
.text__1507564__ p span {font-weight:bold; background:#01479d;  padding: 0px 10px;}

.mm {display:block;}
.pc {display:none;}

@media all and (min-width:1024px){
.bg01 {background-image:url('/img_up/shop_pds/topdentist11/build/option/so-gae4170418540717518779821.jpg');   background-position: center center;  padding: 120px 15px;}
.title{text-align: center; display: contents;}
.top_title {width:1240px; margin:0 auto;}
.top_title p { font-size:55px; margin: 10px 0 20px;}

.text__1507564__ p {font-size:24px; padding:0; width:1240px; margin:0 auto;}
 .pc {display:block;}
.mm {display:none;}
}

/*     1508334 : 한줄 텍스트      */
.text__1508334__ { padding-top:40px } 
.text__1508334__ p { font-size:26px; font-weight:700; color:#000; line-height:1.5em; letter-spacing:1px !important; margin-top:0 }
.text__1508334__ p span {  color:#005bac; letter-spacing:1px !important  }
.text__1508334__ p.btm-txt { font-size:22px; text-align:right}
.text__1508334__  img {border-radius: 50px 0;}

@media all and (min-width:1024px){
.text__1508334__ { padding-top:100px }
.text__1508334__ p { font-size:60px; margin:0 0 60px }
.text__1508334__ p.btm-txt { font-size:45px; margin:60px 0 0  }
.text__1508334__  img {border-radius: 150px 0;}
}

/*     1508344 : 한줄 텍스트      */
.sub_wrap { padding:20px 0  }
.sub_intro .animated-title {position: relative; width: 100%; max-width: 100%;height: 33vw; line-height: 1; overflow-x: hidden; overflow-y: hidden;}
.sub_intro .animated-title .track {position: absolute; top: 0; white-space: nowrap; will-change: transform; 
animation: marquee 60s linear infinite;}
.sub_intro .animated-title .content {font-size: 20.2vw;font-family: 'Playfair Display', serif !important;font-weight:600; color:#f6f5f5;}

@media all and (min-width:1024px){
.sub_wrap { padding:50px 0  }
.sub_intro .animated-title { color: #e6e2dd; position: relative; width: 100%; max-width: 100%;height: 175px; line-height: 1; overflow-x: hidden; overflow-y: hidden;}
.sub_intro .animated-title .track {position: absolute; top: 0; white-space: nowrap; will-change: transform; 
animation: marquee 180s linear infinite;}
.sub_intro .animated-title .content {font-size: 150px;font-family: 'Playfair Display', serif;font-weight:700;}
.sub_intro .animated-title.subColor {color:#f6f5f5; font-weight:600;}
.sub_intro .animated-title.subColor .track {animation: marquee 80s linear infinite; position: absolute; top: 0; white-space: nowrap; will-change: transform; }
}

/*     1507574 : 한줄 텍스트      */
.text__1507574__ { margin-bottom:40px;  word-break: keep-all;}
.text__1507574__ ul { list-style:none; padding:0; margin:0; }
.text__1507574__ p { margin:0 }
.text__1507574__ .wrap { display:flex; justify-content:space-around; align-items:flex-end; gap:15px; flex-wrap:wrap }
.text__1507574__ .wrap .txt-area { flex:1 }
.text__1507574__ .wrap .txt-area .top-txt {}
.text__1507574__ .wrap .txt-area .top-txt h2 span { color:#005bac; font-size:30px }
.text__1507574__ .wrap .txt-area .top-txt p { border-radius:20px; background:#f3f4f5; padding:30px 4vw; margin-bottom:40px; font-size:18px; line-height:1.5em }
.text__1507574__ .wrap .txt-area .btm-txt { display:flex; gap:15px; flex-wrap:wrap }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner { display:flex; width:100%; flex-direction:column; gap:15px }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner ul {  }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner ul li { color:#666; line-height:1.5em; display:flex; gap:5px; font-size:17px; }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner ul li h3 { color:#000; margin:0 0 10px; font-size:22px }

@media all and (min-width:1024px){
.text__1507574__ { margin-bottom:0 }
.text__1507574__ .wrap { flex-wrap:nowrap; gap:2vw; }
.text__1507574__ .wrap .txt-area { padding-bottom:100px }
.text__1507574__ .wrap .txt-area .top-txt h2 { font-size:26px }
.text__1507574__ .wrap .txt-area .top-txt h2 span { font-size:52px; }
.text__1507574__ .wrap .txt-area .top-txt p {  padding:30px 2vw; margin-bottom:40px; font-size:22px; }
.text__1507574__ .wrap .txt-area .btm-txt { flex-wrap:nowrap; gap:2vw; }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner { width:calc((100% - 2vw) / 2); gap:2vw }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner ul { overflow-y:scroll; height:180px; scrollbar-width:thin }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner ul li { font-size:18px; }
.text__1507574__ .wrap .txt-area .btm-txt .btm-inner ul li h3 { margin:0 0 14px }
}

/*     1639435 : 한줄 텍스트      */
/* ==============================
   TOP DENTIST AWARDS
================================= */

.td-awards{width:100%;margin:0;padding:0;background:#fff;overflow:hidden;box-sizing:border-box;}
.td-awards *{box-sizing:border-box;}

/* ==============================
   TOP VISUAL
================================= */

.td-awards-visual{position:relative;width:100%;height:350px;overflow:hidden;background:#222;}
.td-awards-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.td-awards-visual::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1;}
.td-awards-visual-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:2;}
.td-awards-visual-overlay h2{margin:0;padding:0;color:#fff;font-family:'Pretendard','Noto Sans KR',sans-serif;font-size:45px;font-weight:700;line-height:1.4;letter-spacing:-2px;text-shadow:0 3px 15px rgba(0,0,0,.25);}

/* ==============================
   AWARDS CONTENT
================================= */

.td-awards-content{width:100%;padding:100px 0;background:#fff;}

/* 선반 */
.td-awards-row{position:relative;width:100%;margin:0 0 90px;padding:0 20px 15px;}
.td-awards-row:last-child{margin-bottom:0;}
.td-awards-row::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(to bottom,#e9e9e9 0%,#f7f7f7 65%,#fff 100%);box-shadow:0 14px 24px rgba(0,0,0,.05);}

/* 1400px / PC 4열 */
.td-awards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;justify-items:center;gap:30px;width:100%;max-width:1400px;margin:0 auto;}

/* 상장 아이템 */
.td-awards-item{display:flex;align-items:flex-end;justify-content:center;width:100%;min-width:0;height:310px;}

/* 검정 액자 */
.td-awards-frame{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:auto;max-height:100%;padding:9px;border:5px ridge #414141;background:#222;box-shadow:0 4px 8px rgba(0,0,0,.16),inset 0 0 0 1px #777;}

/* 상장 이미지 */
.td-awards-frame img{display:block;width:auto;max-width:100%;height:auto;max-height:275px;object-fit:contain;background:#fff;}

/* 마지막 상장 중앙 */
.td-awards-row-last .td-awards-grid{display:flex;justify-content:center;}
.td-awards-row-last .td-awards-item{width:calc((100% - 90px) / 4);}

/* ==============================
   TABLET
================================= */

@media all and (max-width:1024px){

  .td-awards-visual{height:350px;}
  .td-awards-visual-overlay h2{font-size:30px;}

  .td-awards-content{padding:60px 0 80px;}

  .td-awards-row{margin-bottom:65px;padding:0 20px 12px;}

  .td-awards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px;}

  .td-awards-item{height:250px;}

  .td-awards-frame img{max-height:215px;}

  .td-awards-row-last .td-awards-item{width:calc((100% - 36px) / 3);}

}

/* ==============================
   MOBILE
================================= */

@media all and (max-width:767px){

  .td-awards-visual{height:230px;}
  .td-awards-visual-overlay h2{font-size:26px;letter-spacing:-1px;}

  .td-awards-content{padding:50px 0 60px;}

  .td-awards-row{margin-bottom:45px;padding:0 15px 10px;}

  .td-awards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;}

  .td-awards-item{height:195px;}

  .td-awards-frame{padding:5px;border-width:4px;}

  .td-awards-frame img{max-height:175px;}

  .td-awards-row::after{height:8px;}

  .td-awards-row-last .td-awards-item{width:calc((100% - 12px) / 2);}

}

/* ==============================
   SMALL MOBILE
================================= */

@media all and (max-width:380px){

  .td-awards-visual{height:190px;}
  .td-awards-visual-overlay h2{font-size:24px;}

  .td-awards-row{padding-left:10px;padding-right:10px;}

  .td-awards-grid{gap:18px 8px;}

  .td-awards-item{height:165px;}

  .td-awards-frame img{max-height:145px;}

  .td-awards-row-last .td-awards-item{width:calc((100% - 8px) / 2);}

}

