@charset "utf-8";

/* 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;}
.pda5 { padding:5%;}
.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%;}
.pdlr5 { padding:0 5%;}
.pdlr10 { padding:0 10%;}
.pda105 { padding:10% 5%;}
.pdt10b5 { padding:10% 0 5% 0;}



/* 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; font-size: 18px; line-height: 160%;}
#newlanding img { width: 100%;}
#newlanding .cases {font-size: 18px; line-height: 160%; font-weight: 400; padding: 10% 5% 15% 5%;}
#newlanding .ldtitle { font-size: 22px;}
#newlanding .text1 { font-size: 19px;}
#newlanding .bfexp {font-size: 17px; padding: 5% 0 9% 0;}
#newlanding .bfexpf {font-size: 17px; padding: 5% 0 9% 0; color: #555555;}
#newlanding .bfwr {font-size: 12px; padding: 0 1%; color: #a7a5a5; letter-spacing: -0.3px; line-height: 1.5;}
#newlanding .title2 { font-size: 22px;}
#newlanding .s-title::before { content:""; display:inline-block; position: absolute; right: 5%; top: 0; width:14%; height:1px; background:#000;}
#newlanding .s-title { position: relative; font-size: 15px; line-height: 200%; padding-right:5%;}
#newlanding .s-title::after { content:""; display:inline-block; position: absolute; right: 5%; bottom: 0; width:14%; height:1px; background:#000;}
#newlanding .s-title1::before { content:""; display:inline-block; position: absolute; right: 5%; top: 0; width:10%; height:1px; background:#000;}
#newlanding .s-title1 { position: relative; font-size: 15px; line-height: 200%;  padding-right:5%;}
#newlanding .s-title1::after { content:""; display:inline-block; position: absolute; right: 5%; 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% 5%; margin-top: 7%;}
#newlanding .titleicon { width:15%; padding-right:5%;}
#newlanding .icotext { font-size: 25px; color:#1699e8; padding-left:5%; padding-right:5%; font-weight: 700;}
#newlanding .icotext1 { font-size: 25px; font-weight: 700; padding-right:5%;}
#newlanding .title3 { font-size: 23px; color:#1699e8; font-weight: 700; padding-left:5%; padding-right:5%;}
#newlanding .titlenum { width: 80px; line-height: 30px; background: #6cbff1; border-radius: 8px; color: #FFFFFF; margin-bottom: 2%; text-align:center; margin-right:5%;}
#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 5% 70px 5%; margin-top: 10%;}
#newlanding .rstory { position: relative; width: 100%; margin-top: 5%; overflow: hidden;}
#newlanding .rstory li { float: left; width: 50%;}
#newlanding .rstory li img { width: 100%;}
#newlanding .title4 {font-size: 24px; font-weight: 700; color: #1699e8;}
#newlanding .greytext { color:#939393; line-height:140%;}
#newlanding .lineh { line-height:120%;}
#newlanding .docin { background: url("../images/clinic/bg_2.jpg") no-repeat; background-size: 100%;}
#newlanding .docbt { font-size: 12px; color: #595e62; padding: 7% 5% 15% 5%; line-height: 120%;}
#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;}
 



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


#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: 21px;}
#newlanding .photobg { padding: 235px 5% 50px 5%;}
#newlanding .greytext { font-size: 13px;}
#newlanding .fontbold {font-size: 19px;}
#newlanding .docbt { font-size: 8px; padding: 8% 5% 10% 5%;}
#newlanding .docpd { padding: 5% 0;}
#newlanding .lds { letter-spacing: -0.5px;}
#newlanding .pretendard {font-size: 15px;}
    
}