@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


/* margin */
.mg5 { margin:5% 0;}
.mg10 { margin:10% 0;}
.mg15 { margin:15% 0;}
.mg20 { margin:20% 0;}
.mgb10 { margin-bottom:10%;}
.mgb15 { margin-bottom:15%;}
.mgt2 { margin-top:2%;}
.mgt3 { margin-top:3%;}
.mgt4 { margin-top:4%;}
.mgt5 { margin-top:5%;}
.mgt6 { margin-top:6%;}
.mgt8 { margin-top:8%;}
.mgt10 { margin-top:10%;}
.mgt12 { margin-top:12%;}
.mgt16 { margin-top:16%;}
.mgt20 { margin-top:20%;}
.mgt25 { margin-top:25%;}
.mgt30 { margin-top:30%;}
.mgt150 { margin-top:150px;}
.mgb2 { margin-bottom:2%;}
.mgb10 { margin-bottom:10%;}
.mgb15 { margin-bottom:15%;}
.mgb20 { margin-bottom:20%;}
.mgtb { margin:15% 0 5% 0;}
.mgtb2 { margin:20% 0 5% 0;}
.mgtb3 { margin:20% 0 5% 0;}
.mglr5 { margin:0 5%;}
.pd3 { padding:3% 0;}
.pd5 { padding:5% 0;}
.pd10 { padding:10% 0;}
.pd13 { padding:13% 0;}
.pdt5 { padding-top:5%;}
.pdt10 { padding-top:10%;}
.pdb10 { padding-bottom:10%;}
.pdb20 { padding-bottom:20%;}
.pdb5 { padding-bottom:5%;}
.pdlr10 { padding:0 10%;}



/* PAGER */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom:0; width:100%;}
.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width:13px; height:13px; background:#d8d8d8; border-radius:100%; margin:0 5px; outline: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {width:13px; height:13px; background:#1699e8;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0;}

iframe { width:100%; height:170px;}
.iframein > iframe { width:100%; height:230px;}



/*240827 랜딩*/
#newlanding { position: relative; text-align: center; font-family: "Pretendard", sans-serif; font-size: 18px; line-height: 160%;}
#newlanding img { width: 100%;}
#newlanding .cases {font-family: "Noto Serif", serif; font-size: 18px; line-height: 160%; font-weight: 400; padding: 10% 0 15%;}
#newlanding .ldtitle { font-size: 22px;}
#newlanding .text1 { font-size: 19px;}
#newlanding .bfexp {font-family: "Noto Serif", serif; font-size: 17px; padding: 5% 0 9% 0;}
#newlanding .bfexpf {font-family: "Noto Serif", serif; font-size: 17px; padding: 5% 0 9% 0; color: #555555;}
#newlanding .bfwr {font-family: "Noto Serif", serif; font-size: 12px; padding: 0 1%; color: #a7a5a5; letter-spacing: -0.3px; line-height: 1.7;}
#newlanding .title2 { font-size: 22px;}
#newlanding .s-title::before { content:""; display:inline-block; position: absolute; left: 43%; top: 0; width:14%; height:1px; background:#000;}
#newlanding .s-title { position: relative; font-family: "Noto Serif", serif; font-size: 15px; line-height: 200%;}
#newlanding .s-title::after { content:""; display:inline-block; position: absolute; left: 43%; bottom: 0; width:14%; height:1px; background:#000;}
#newlanding .s-title1::before { content:""; display:inline-block; position: absolute; left: 45%; top: 0; width:10%; height:1px; background:#000;}
#newlanding .s-title1 { position: relative; font-family: "Noto Serif", serif; font-size: 15px; line-height: 200%;}
#newlanding .s-title1::after { content:""; display:inline-block; position: absolute; left: 45%; bottom: 0; width:10%; height:1px; background:#000;}
#newlanding .stitle { font-size: 14px; color: #a7a5a5;}
#newlanding .bgccause { position: relative; background-color: #f8f8f8; padding: 15% 0;}
#newlanding .bgcwhy { position: relative; background-color: #f8f8f8; padding: 15% 0; margin-top: 5%;}
#newlanding .skybg { background: #edf7ff; padding: 10% 0; margin-top: 7%;}
#newlanding .skybg1 { 
  background: #eaf7ff; 
  padding: 10% 0; 
  /* margin-top: 7%; */
}
#newlanding .title3 { font-size: 23px; color:#1699e8; font-weight: 700;}
#newlanding .titlenum { width: 75px; line-height: 30px; margin: 0 auto; background: #6cbff1; border-radius: 8px; color: #FFFFFF; margin-bottom: 2%;}
#newlanding .brownbg  { background: #3e3832; padding-top: 10%; margin-top: 7%; color: #ffffff;}
#newlanding .photobg { background: url("../images/clinic/bg_1.jpg") no-repeat; background-size: 100%; padding: 290px 0 70px 0; margin-top: 10%;}

/* s: 250724_수정 */
#newlanding .rstory { 
  position: relative; 
  width: 100%; 
  /* margin-top: 5%;  */
  overflow: hidden;
}
#newlanding .rstory li { 
  float: left; 
  width: 50%;
  padding: 2px 0 !important;
}
/* e: 250724_수정 */

#newlanding .rstory li img { width: 100%;}
#newlanding .title4 {
  font-family: "Noto Serif", serif; 
  font-size: 28px; 
  font-weight: 700; 
  color: #1699e8;
  line-height: 120%;
  letter-spacing: -1px;
}
#newlanding .greytext { color:#939393;}
#newlanding .docin { background: url("../images/clinic/bg_2.jpg") no-repeat; background-size: 100%;}
#newlanding .docbt { font-size: 11px; color: #595e62; padding: 10% 0 15% 0; line-height: 180%;}
#newlanding .docpd{ padding: 5% 0;}
#newlanding .fontbold {font-size: 24px;}
#newlanding .batp { margin: 5%;}
.fontblue { color:#1699e8;}
#newlanding .textwhld { color:#FFF; line-height:1; font-size:6px;}
 

/* s: 250724_건선 스타일 */
.gunsu {
    margin-top: 10%;
  }
  .gunsu_text p {
    font-size: 18px !important;
  }
  .gunsu_text2 p {
    font-size: 15px !important; 
    background-color: #f2fcff;
    margin-bottom: 20px;
  }
  .gunsu_text3 p {
    font-size: 15px !important; 
    margin-top: 15px;
    margin-bottom: 30px;
  }

.ldbtn_text2 {
    font-size: 16px !important;
    letter-spacing: 0px !important;
  }
  #newlanding li {
    padding: 5% 0;
  }
  #newlanding ul {
    padding: 4% 0 !important;
  }
  .gunsun_textbold p {
    font-size: 28px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
  }
  .gunsu_text p {
    font-weight: 400 !important;
    padding: 2.5% 0;
  }
  #newlanding .ldbtn {
    width: 380px;
    background: #277cbc;
    font-size: 22px;
    color: #FFF !important;
    text-align: center;
    padding: 12px 25px;
    border: 0;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 12px;
  }
  #newlanding .ldbtn a{
    color: #fff;
  }
  /* e: 250703_건선 스타일 */



@media all and (max-width: 400px) {

/* s: 250703_건선 스타일 */
.gunsu_text p {
    font-size: 18px !important;
  }
 /* e: 250703_건선 스타일 */

#newlanding { font-size: 15px;}
#newlanding .cases {font-size: 15px; letter-spacing: -0.5px;}
#newlanding .ldtitle { font-size: 19px;}
#newlanding .text1 { font-size: 15px;}
#newlanding .bfexp {font-size: 15px;}
#newlanding .bfexpf {font-size: 14px;}
#newlanding .title2 { font-size: 20px;}
#newlanding .s-title { font-size: 13px;}
#newlanding .s-title1 { font-size: 13px;}
#newlanding .stitle { font-size: 12px;}
#newlanding .titlenum { width: 70px; line-height: 27px; font-size: 13px;}
#newlanding .title3 { font-size: 19px;}
#newlanding .title4 {font-size: 26px;}
#newlanding .docbt { font-size: 11px;}
#newlanding .photobg { padding: 235px 0 50px 0;}
#newlanding .greytext { font-size: 13px;}
#newlanding .fontbold {font-size: 19px;}
#newlanding .docbt { font-size: 9px; padding: 10% 0 10% 0;}
#newlanding .docpd { padding: 5% 0;}
#newlanding .lds { letter-spacing: -0.5px;}
#newlanding .pretendard {font-size: 15px;}
    
}


@media all and (max-width: 320px){

/* s: 250703_건선 스타일 */
.gunsu_text p {
    font-size: 15px !important;
  }
 /* e: 250703_건선 스타일 */

}