@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

* { 
  font-family: 'Noto Sans KR', sans-serif;
}
body {
  overflow-x: hidden;
  font-family: 'Noto Sans KR', sans-serif;
  font-size:18px;
  color:#222;
  font-weight:400;
  letter-spacing:-0.3px;

}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  margin:0;
  word-break:keep-all;
}
a {color:#000}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}
p {margin:0; word-break:keep-all; line-height:1.3;}
span {word-break:keep-all;}
h4 {line-height:1.3;}

ul {list-style:none; padding:0; margin:0;}
ul li {word-break:keep-all;}
dl {margin:0;}
dt {font-weight:400;}
.bold {font-weight:600;}

.num {font-family: 'Poppins', sans-serif;}


#header {
    text-align: center;
    background-color: #fff;
    color: #666666;

}
#header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
#header img {
  display: block;
  margin: 0 auto 20px;
  height: 250px;
}
#header .intro-text h2 {
  display: block;
  text-transform: uppercase;
  font-size: 2em;
  vertical-align:middle;
}
#header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
#header hr.star-light {border-color:#666666;}

.navbar-default {background:#fff; border-bottom:solid 1px #eee;}
.gnb_empty {text-align:center;}

@media (min-width: 768px) {
  #header .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  #header .intro-text .name {
    font-size: 4.75em;
  }
  #header .intro-text .skills {
    font-size: 1.75em;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top {
    top:0px !important;
    padding:0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
  }


}

.navbar-default, .navbar-inverse {position:relative; z-index:9;}

.navbar-default .navbar-toggle .icon-bar{background-color: #000;}

.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #2a7bec;
  background: white;
  border: solid 2px white;
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.2em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #18bc9c;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}

.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}
.scroll-top {
  margin-top:12px;
}
.scroll-top .btn {
  color:#fff;
}


.middleLine {
    padding: 0;
    border: none;
    border-top: solid 3px;
    text-align: center;
    width: 100%;
    margin: 25px auto 30px;
    color: #eee;
}

#analog p , #bio-medical p , #wireless p {
    font-size: 85%;
    color: #666;
    letter-spacing: -.3px;
}
#analog h3:before , #bio-medical h3:before , #wireless h3:before{
    content: "■";
    font-size:70%;
    vertical-align: top;
    padding-right: 5px;
}

#fregister_term h2, #fregister_private h2 {
    font-size: 1.5em;
    line-height: 1.75em;
    padding: 15px 0;
}
ol li {
    line-height: 1.758em;
    padding-bottom: 8px;
}

/*더보기 버튼*/
.moreBtn{text-align: center; }
.moreBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.moreBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}


.conBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.conBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: white;
  background-position: 99% 50%;
}


/*** 공통 ***/
.pc_cate {display:flex; justify-content:space-between; align-items:center;}
.pc_cate::before, .pc_cate::after {display:none;}

.adm_btn {text-align:center; margin-top:30px;}

.bg_gray {background-color:#f5f5f8;}
.bg_mint {background-color:#e5f5f9;}

.colorMint {color:#09b7ce;}
.colorWhite {color:#fff;}
.bold {font-weight:600;}

.fl_cont {display:flex;}
.cont01 {max-width:1400px; width:100%; margin:0 auto; padding:0 20px;}
.cont02 {max-width:1300px; width:100%; margin:0 auto; padding:0 20px;}
.cont03 {max-width:1080px; width:100%; margin:0 auto; padding:0 20px;}
.cont04 {max-width:1000px; width:100%; margin:0 auto; padding:0 20px;}
.container {max-width:1200px; width:100%; margin:0 auto; padding:0 20px;}
.container::before, .container::after {display:none;}
.cont_pad_120 {padding:120px 20px;}
.cont_pad_100 {padding:100px 20px;}
.cont_pad_80 {padding:80px 20px;}
.wid_50 {width:50%; z-index:2;}

.pad_top_120 {padding-top:120px;}
.pad_top_100 {padding-top:100px;}
.pad_top_80 {padding-top:80px;}
.pad_top_60 {padding-top:60px;}
.pad_top_40 {padding-top:40px;}
.pad_top_20 {padding-top:20px;}
.pad_bot_120 {padding-bottom:120px;}
.pad_bot_100 {padding-bottom:100px;}
.pad_bot_80 {padding-bottom:80px;}
.pad_bot_60 {padding-bottom:60px;}



/* 메인 */
.intro {border-bottom:solid 1px #eee;}
.intro .introTxt {text-align:center;}
.intro .introTxt .decoTxt {font-size:1.4em; font-weight:300; letter-spacing:3px;}
.intro .introTxt h3 {font-size:2.2em; font-weight:400; line-height:1.4; margin:10px 0 60px; display:inline-block; position:relative;}
.intro .introTxt h3::before,
.intro .introTxt h3::after {content:''; display:inline-block; width:20px; height:100px; position:absolute; top:50%; border:solid 6px #cef1f5; transform:translateY(-50%);}
.intro .introTxt h3::before {left:-50px; border-right:0;}
.intro .introTxt h3::after {right:-50px; border-left:0;}
.intro .introTxt h3 span {font-weight:700;}
.intro .introTxt img {max-width:240px; display:block; margin:0 auto;}
.intro .partner {text-align:center; max-width:980px; margin:40px auto 0;}
.intro .partner h4 {display:inline-block; background-color:#09b7ce; height:44px; line-height:42px; font-size:1.4em; color:#fff; border-radius:30px; padding:0 30px; transform:translateY(50%);}
.intro .partner ul {display:flex; justify-content:center; gap:40px; padding:40px 30px 30px; border-radius:10px;}
.intro .partner ul li {}
.intro .partner ul li img {width:100%; max-width:235px;}

.mainTxt {align-items:center;}
.mainTxt .txtBox {padding:20px 20px 20px 7vw;}
.mainTxt .txtBox h3 {font-size:2.4vw; font-weight:600; line-height:1.4; margin-bottom:20px;}
.mainTxt .txtBox p {font-size:1.2em; color:#666; line-height:1.5;}
.mainTxt .imgBox {}
.mainTxt .imgBox img {width:100%;}
.mainDoctor {background:url('../img/logo_deco.png') no-repeat 40% 120%;}
.mainTherapy {flex-direction:row-reverse;}
.mainTherapy .txtBox {padding-left:5vw;}

.mainInfo {align-items:center;}
.mainInfo .mapIn {display:flex; gap:4vw; margin-bottom:20px;}
.mainInfo .mapIn:last-child {margin-bottom:0;}
.mainInfo .mapTit {font-size:1.6em; font-weight:600;}
.mainInfo .mapTxt {text-align:left;}
.mainInfo .mapTxt .dft_dl dl:first-child {margin-top:0;}
.mainInfo .mapTxt p {font-size:0.9em;}
.telBtn {font-size:1.6em; font-weight:600; letter-spacing:-1px;}
.telBtn img {width:30px; margin-right:6px; vertical-align:middle;}
.mainInfo .parking {}
.mainInfo .parking p {margin-top:4px; font-size:1em;}
.mainInfo .tel {}
.mainInfo .tel a {font-size:1.6em; font-weight:600; line-height:1.2;}

.mainInfo #daumRoughmapContainer1694484907884 {width:100%; height:46vh;}
.mainInfo #daumRoughmapContainer1694484907884 .wrap_map {height:46vh;}

#footer {background-color:#222; padding:40px 0 50px; font-size:0.9em; color:#bbb;}
#footer .fl_cont {gap:6%;}
#footer .ft_logo {}
#footer .ft_logo img {}
#footer .ft_add {}
#footer .ft_add ul {display:flex; flex-wrap:wrap; gap:2px 20px; max-width:900px;}
#footer .ft_add ul li {}
#footer .ft_add .copy_r {padding-top:20px;}
#footer .ft_add .copy_r a {color:#bbb;}

/* 모달 */
.modal_btn {cursor:pointer; font-size:1.2em; font-weight:600; margin-bottom:10px;}
.modal {width:100%; height:100%; background-color:rgba(0, 0, 0, .6);}
.modal .modal-content {width:90%; max-width:800px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0px 0px 10px rgba(0, 0, 0, .1); border:0;}
.modal .modal-content span {width:40px; height:40px; position:absolute; top:-5px; right:0; transform:translateY(-100%); opacity:1 !important;}
.modal .modal-content span::before, .modal .modal-content span::after {content:''; width:100%; height:2px; background-color:#fff; position:absolute; top:50%; left:0;}
.modal .modal-content span::before {transform:rotate(45deg);}
.modal .modal-content span::after {transform:rotate(-45deg);}
.modal .modal-content .img_box {height:80vh; overflow-y:scroll;}
.modal .modal-content img {width:100%;}

.ft_qgo {position:fixed; z-index:99;}
.ft_qgo ul {display:flex; flex-direction:column;}
.ft_qgo li a {display:inline-block; text-align:center;}


@media (min-width:992px) {
  .ft_qgo {top:30%; right:0;}
  .ft_qgo .qgo_btn {display:none;}
  .ft_qgo ul {padding:4px 12px; box-shadow:0px 10px 16px rgba(0, 0, 0, .3); background-color:#fff; border-radius:1em 0 0 1em;}
  .ft_qgo li {border-bottom:solid 1px #ddd;}
  .ft_qgo li:last-child {border-bottom:0;}
  .ft_qgo li a {width:80px; padding:16px 0 12px;}
  .ft_qgo li a img {width:40px; margin-bottom:4px;}
  .ft_qgo li a span {font-size:0.9em; font-weight:500;}
}

@media (max-width:991px) {
  .ft_qgo {bottom:30px; right:20px;}
  .ft_qgo.on {}
  .ft_qgo.on::after {content:''; display:inline-block; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, .4); z-index:-1;}
  .ft_qgo.on ul {display:flex;}
  .ft_qgo ul {display:none; gap:16px;}
  .ft_qgo ul li a {width:60px; height:60px; line-height:56px; background-color:#fff; border-radius:50%; box-shadow:0px 4px 10px rgba(0, 0, 0, .3);}
  .ft_qgo li a img {width:30px;}
  .ft_qgo li a span {display:none;}

  .ft_qgo .qgo_btn {display:inline-block; background-color:#fff; width:60px; height:60px; line-height:56px; text-align:center; border-radius:50%; cursor:pointer; margin-top:20px; box-shadow:0px 4px 10px rgba(0, 0, 0, .3);}
  .ft_qgo .qgo_btn img {width:32px;}

}


/* 서브 공통 */
.top_box {text-align:center; height:320px; line-height:320px; font-size:2.6em; color:#fff; font-weight:600; text-shadow:0px 4px 4px rgba(0, 0, 0, .2); background:url('../img/top_box_bg.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box .top_title {font-size:2.2em; color:#fff; font-weight:800; line-height:300px; text-shadow:2px 2px 4px rgb(0 0 0 / 20%);}

.cont_top_title {text-align:center; padding-bottom:20px;}
.cont_text {font-size:1.4em; color:#666; margin-bottom:14px;}
.cont_title {font-size:2.6em; font-weight:800;}
.cont_title::after {content:''; display:block; width:26px; height:4px; background-color:#0494d7; margin:30px auto;}

.box_top {margin-bottom:20px;}
.box_top p {font-size:1.125em; color:#666; word-break:keep-all;}
.box_title {font-size:1.5em; padding-left:26px; position:relative; margin-bottom:20px;}
.box_title::before {content:''; display:inline-block; width:10px; height:10px; border:solid 2px #0494d7; transform:rotate(45deg); position:absolute; top:10px; left:2px;}

.dft_dl {}
.dft_dl dl {display:flex; gap:20px; font-size:1.2em; margin-top:16px;}
.dft_dl dl:first-child {margin-top:0;}
.dft_dl dt {width:30%; min-width:130px; color:#09b7ce; font-weight:500;}
.dft_dl dd {}
.dft_dl .subTxt {font-size:0.9em; color:#666; margin:4px 0 0;}

.subTit {text-align:center; margin-bottom:50px;}
.subTit .num {font-size:1.8em; font-weight:600;}
.subTit h3 {font-size:2.2em; font-weight:600;}
.subTit .subTxt {font-size:1.2em; color:#666; margin-top:20px;}

.subTop {text-align:center; height:280px; padding-top:160px; margin:30px 0 100px;}
.subTop .subTopTxt {background-color:#fff; padding:30px 20px; max-width:38vw; min-width:380px; margin:0 auto;}
.subTop .subTopTxt img {width:30px; margin-bottom:10px;}
.subTop h3 {font-size:1.8em; font-weight:600; word-break:keep-all;}
.subTop p {font-size:1.1em; margin-top:10px; word-break:keep-all;}

.iconTit {font-size:1.4em; font-weight:600; margin-bottom:10px;}
.iconTit img {width:22px; margin-right:14px; margin-bottom:4px;}

.what {background:url('../img/logo_deco.png') no-repeat -2% 130%; padding:40px 0; border-top:solid 1px #eee;}
.what .fl_cont {align-items:center; justify-content:space-between;}
.what .subTit {text-align:left; margin-bottom:20px;}
.what .txtBox {width:48%;}
.what p {font-size:1.2em; color:#666;}
.what ul {padding-top:14px;}
.what ul li {position:relative; padding-left:14px; margin-bottom:4px; font-size:1.1em; color:#666;}
.what ul li:last-child {margin-bottom:0;}
.what ul li::before {content:''; display:inline-block; width:6px; height:6px; position:absolute; top:11px; left:0; background-color:#09b7ce;}
.what ul li span {font-weight:600;}
.what .imgBox {width:48%;}
.what .imgBox img {width:100%; border-radius:6em 0 0 0;}
.what02 {flex-direction:row-reverse; margin-top:30px;}
.what02 .txtBox img {width:60px; margin-bottom:10px;}

.target {}
.target .targetList {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.target .targetList li {font-size:1.2em; background-color:#fff; padding:20px 20px 20px 66px; border-radius:1em 0 0 0; position:relative;}
.target .targetList li::before {content:''; display:inline-block; width:32px; height:32px; position:absolute; top:20px; left:20px; background:url('../img/target_check.png') no-repeat 50% 50%;}
.target .targetImg {align-items:center; justify-content:space-between;}
.target .targetImg .imgBox {width:48%;}
.target .targetImg img {width:100%;}
.target .targetImg .targetList {width:48%; grid-template-columns:repeat(1, 1fr);}

.step {}
.step .stepArea {display:flex; flex-wrap:wrap; gap:40px 20px;}
.step .stepArea .stepBox {width:calc((100% - 60px) / 4);}
.step .stepArea.flex03 .stepBox {width:calc((100% - 40px) / 3)}
.step .stepArea.flex05 .stepBox {width:calc((100% - 40px) / 3)}
.step .stepArea .stepBox .imgBox {}
.step .stepBox .imgBox img {width:100%;}
.step .stepBox .txtBox {margin-top:16px; padding-left:16px; border-left:solid 4px #09b7ce;}
.step .stepBox .txtBox span {font-size:1.1em; color:#777;}
.step .stepBox .txtBox p {font-size:1.2em; font-weight:500;}

.merit {}
.merit .meritList {display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
.merit .meritList li {width:calc((100% - 60px) / 4); text-align:center; font-size:1.1em;}
.merit .meritList li span {display:block; font-size:1.2em; color:#fff; font-weight:500;}
.merit .meritList li img {margin:20px 0;}
.merit .meritList li p {color:#fff;}

.caution {}
.caution .imgBox {width:36%; border-radius:6em 0 0 0;}
.caution .imgBox img {width:100%; border-radius:6em 0 0 0;}
.caution .txtBox {width:64%; background-color:#fff; padding:5.8% 20px 5.8% 6%;}
.caution .txtBox .cauTit {font-size:2.2em; font-weight:600; margin-bottom:30px;}
.caution .cautionList {}
.caution .cautionList li {font-size:1.2em; margin-top:10px; padding-left:40px; position:relative;}
.caution .cautionList li span {font-weight:600; position:absolute; top:2px; left:0;}

.bigTxt {text-align:center;}
.bigTxt img {width:100%; max-width:600px;}

.insurance {}
.insurance .insurBox {background-color:#fff; max-width:700px; margin:0 auto; box-shadow:4px 4px 20px rgba(0, 0, 0, 0.1);}
.insurance .insurBox .txtBox {padding:30px 40px;}
.insurance .insurBox p {font-size:1.2em; color:#666; margin-top:12px;}
.insurance .insurBox p:first-child {margin-top:0;}
.insurance .insurBox p span {display:inline-block; background-color:#09b7ce; font-size:0.9em; color:#fff; font-weight:500; padding:6px 12px 8px; margin-right:12px;}
.insurance .insurBox .ps {font-size:1em;}
.insurance .insurBox .imgBox {}
.insurance .insurBox .imgBox img {width:100%;}

.effect {}
.effectTxt {display:flex; flex-wrap:wrap; gap:30px;}
.effectTxt li {background-color:#fff; padding:36px 40px; position:relative; overflow:hidden; width:calc((100% - 30px) / 2);}
.effectTxt.flex03 li { width:calc((100% - 60px) / 3)}
.effectTxt li .num {font-size:5em; font-weight:600; position:absolute; top:-14px; right:20px; opacity:0.2; line-height:1;}
.effectTxt li h4 {font-size:1.6em; font-weight:600; margin-bottom:10px;}
.effectTxt li p {font-size:1.1em; color:#666;}

.img50 {margin-top:50px; gap:3px; position:relative;}
.img50::before {content:'';  width:60px; height:60px; position:absolute; top:50%; left:50%; border:solid 3px #fff; transform:translate(-50%, -50%); border-radius:50%; background:#09b7ce; z-index:1;}
.img50::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-70%, -50%) rotate(45deg); border:solid 3px #fff; width:16px; height:16px; border-left:0; border-bottom:0; z-index:2;}
.img50 .img_in {width:calc((100% - 3px) / 2); gap:3px; text-align:center; position:relative; z-index:0; justify-content:space-between;}
.img50 .img_in img {width:100%;}
.img50 .img_in h4 {background-color:#fff; height:44px; line-height:42px;}
.img50 .img_in .afBox {background-color:#09b7ce; color:#fff;}

.b4a4 .cont01 > .fl_cont {gap:30px;}
.b4a4 .img50 {margin-top:0 !important;}

.b4a4_txt{padding-top:20px; text-align: center;}
.b4a4_txt h5{font-size:1.15em;}
.b4a4_txt p{font-size:1.1em;}
.b4a4 .b4a4_txtBox {
    margin-top: 50px;
    font-size: 1.15em;
    background: #fff;
    padding: 16px 23px;
    color: #6b6b6b;
    border: 3px solid #c0c0c0;
}

@media (max-width:660px) {
}

.implant .subTop {background:url('../img/imp_subTop.jpg') no-repeat 50% 50%; background-size:cover;}
.prevention .subTop {background:url('../img/pre_subTop.jpg') no-repeat 50% 50%; background-size:cover;}
.aesthetic .subTop {background:url('../img/aes_subTop.jpg') no-repeat 50% 50%; background-size:cover;}

#implant01 .merit {background:url('../img/imp01_merit_bg.jpg') no-repeat 50% 50%; background-size:cover;}
#implant02 .merit {background:url('../img/imp02_merit_bg.jpg') no-repeat 50% 50%; background-size:cover;}
#implant03 .what {background-position:-2% 50%;}

#implant01 .caution .imgBox {background:url('../img/imp01_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .caution .imgBox {background:url('../img/pre01_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention02 .caution .imgBox {background:url('../img/pre02_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention05 .caution .imgBox {background:url('../img/pre05_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#aesthetic03 .caution .imgBox {background:url('../img/aes03_caution.jpg') no-repeat 50% 50%; background-size:cover;}


#prevention01 .step .stepArea {gap:20px;}
#prevention01 .step .stepBox .txtBox {margin-top:0;}


/* 부평맘애든치과 소개 */
#about {background:url('../img/about_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.about01 {}
.about01 .fl_cont {justify-content:space-between; align-items:center;}
.about01 .aboutTxt {width:55%;}
.about01 .aboutTxt .pointTxt {font-size:1.4em; line-height:1.6; margin:30px 0 16px;}
.about01 .aboutTxt .txt {font-size:1.2em; color:#666; line-height:1.6;}
.about01 .aboutTxt .txt:last-child {margin-top:10px;}
.about01 .aboutTxt .txt .name {font-size:1.4em; font-weight:600; letter-spacing:6px; display:inline-block; margin-left:10px;}
.about01 .aboutImg {width:40%; height:560px; border-radius:10em 0 0 0; box-shadow:4px 8px 30px rgba(0, 0, 0, .2); background:url('../img/about01_img.jpg') no-repeat 50% 50%; background-size:cover;}
.about02 {}
.about01 .aboutImg img {width:100%; max-width:500px; border-radius:10em 0 0 0;}
.about02 .aboutList {display:flex; flex-wrap:wrap; gap:40px; justify-content:center;}
.about02 .aboutList li {width:calc((100% - 80px ) / 3); display:flex; flex-direction:column; justify-content:space-between; border-radius:2em 0 0 0; background-color:#fff; box-shadow:4px 4px 16px rgba(0, 0, 0, .1); padding:30px;}
.about02 .aboutList li img {width:80px; margin-left:auto;}
.about02 .aboutList .txtBox {}
.about02 .aboutList .num {font-size:1.3em; font-weight:600;}
.about02 .aboutList p {font-size:1.1em; color:#666;}

.depart {background:url('../img/depart_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.depart .iconList {display:flex; flex-wrap:wrap; justify-content:center;}
.depart .iconList li {width:20%; text-align:center;}
.depart .iconList .iconBox {display:inline-block; width:200px; height:200px; line-height:200px; background-color:rgba(0, 0, 0, .3); border-radius:50%;}
.depart .iconList .iconBox img {width:100px;}
.depart .iconList h4 {font-size:1.6em; color:#fff; margin-top:20px;}

#doctor {background:url('../img/doctor_bg.jpg') no-repeat 50% 50%; background-size:cover;}
#doctor .fl_cont {align-items:center; gap:80px;}
#doctor .doctorImg {width:40%; height:560px; border-radius:10em 0 0 0; background:url('../img/doctor_img.jpg') no-repeat 50% 50%; background-size:cover;}
#doctor .career {}
#doctor .career .name {font-size:1.6em;}
#doctor .career .name span {font-size:1.6em; color:#000; font-weight:600;}
#doctor .career ul {margin-top:32px;}
#doctor .career ul li {font-size:1.1em; margin-bottom:8px; padding-left:16px; position:relative;}
#doctor .career ul li::before {content:''; position:absolute; top:12px; left:0; width:6px; height:6px; background-color:#09b7ce;}
#doctor .career ul li:last-child {margin-bottom:0;}

#equipment {background:url('../img/equi_bg.jpg') no-repeat 50% 50%; background-size:cover;}
#equipment .equiBox {gap:60px; align-items:center;}
#equipment .equiBox:nth-child(odd) {flex-direction:row-reverse;}
#equipment .equiBox .imgBox {width:30%;}
#equipment .equiBox .imgBox img {width:100%; box-shadow:2px 2px 20px rgb(212 212 212 / 20%);}
#equipment .equiBox:nth-child(even) .imgBox img {border-radius:6em 0 0 0;}
#equipment .equiBox:nth-child(odd) .imgBox img {border-radius:0 6em 0 0;}
#equipment .equiBox .txtBox {}
#equipment .equiBox:nth-child(odd) .txtBox {text-align:right;}
#equipment .equiBox .txtBox h4 {font-size:1.5em; font-weight:600; margin-bottom:12px; padding-bottom:12px; border-bottom:solid 1px #000;}
#equipment .equiBox .txtBox h4 span {display:inline-block; margin-right:10px;}
#equipment .equiBox .txtBox ul {text-align:left;}
#equipment .equiBox .txtBox li {font-size:1.1em; color:#666; position:relative; padding-left:16px; margin-bottom:2px;}
#equipment .equiBox .txtBox li::before {content:''; display:inline-block; width:6px; height:1px; background-color:#000; position:absolute; top:12px; left:0;}

#contact {}
#contact .subTit {text-align:left;}
#contact .fl_cont {gap:60px;}
#contact .subMap {margin-bottom:50px;}
#contact .subMap:last-child {margin-bottom:0;}
#contact #daumRoughmapContainer1694484907884 {width:100%; height:36vh; margin-bottom:50px;;}
#contact #daumRoughmapContainer1694484907884 .wrap_map {height:36vh;}
#contact .time {}
#contact .time .fl_cont {align-items:center;}
#contact .time .txtBox {width:56%;}
#contact .time .subMap {display:flex;}
#contact .time .iconTit {width:30%;}
#contact .time .tel {font-size:1.8em; font-weight:600; line-height:1; letter-spacing:-1.6px;}
#contact .contactImg {width:44%; height:560px; border-radius:10em 0 0 0; background:url('../img/contact_img.jpg') no-repeat 50% 50%; background-size:cover;}
#contact .mapBtn {width:70%;}
#contact .mapBtn a {display:inline-block; width:49%; max-width:220px; height:56px; line-height:52px; text-align:center; border:solid 2px #000;}
#contact .mapBtn a img {width:22px; margin:-4px 2px 0 -6px;}
#contact .mapBtn .kakao_btn {}
#contact .mapBtn .naver_btn {}
#contact .map {}
#contact .map .fl_cont {flex-wrap:wrap;}
#contact .map .txtBox {width:calc(50% - 30px);}
#contact .map .txtBox p {font-size:1.1em; margin-top:10px;}



@media (min-width:768px) {

  .navbar-shrink {top:-150px !important;}

  
  .navbar-default .navbar-nav>li>a{font-size:16px; color:#000; padding:10px;}
  .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #2a7bec;}
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #2a7bec; background-color: #fff;}
  .navbar-header {float:none !important;}
  .top_logo img {max-width:200px;}
  .nav {display:flex; gap:2.2vw;}
  .nav::before, .nav::after {display:none;}
  .nav > li {text-align:center; position:relative;}
  .nav > li > a {padding:0; font-size:20px; font-weight:400; transition:all 0.25s; white-space:nowrap; line-height:84px;}
  .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {background-color:#fff !important; color:#000 !important;}
  .nav > li .sub_nav {height:0; opacity:0; position:absolute; top:100%; left:50%; transform:translateX(-50%); list-style:none; padding:0; margin:0; background-color:#fff; overflow:hidden; transition:all 0.25s; z-index:999; box-shadow:0px 5px 10px rgba(0, 0, 0, .2);}
  .nav > li:hover .sub_nav {opacity:1; height:auto; overflow:inherit;}
  .nav > li .sub_nav li {min-width:120px; transition:all 0.25s; padding:12px 6px; border-top:solid 1px #eee;}
  .nav > li .sub_nav li:last-child {margin-bottom:0;}
  .nav > li .sub_nav li a {display:inline-block; min-width:max-content; text-align:center; transition:all 0.25s; padding:0 16px;}
  .nav > li .sub_nav li a:hover, .nav > li .sub_nav li a:focus, .nav > li .sub_nav li a:active {color:#09b7ce; text-decoration:none;}

}



@media (min-width:992px) {

  .pc_none {display:none !important;}

  .navbar-shrink {top:-201px !important;}

  .navbar-default .navbar-nav>li>a {}

  .nav > li > a {}


}


@media (min-width:992px) {
  .mo_logo, .mo_cate, .mo_head {display:none;}

}

@media (max-width:1200px) {
  body {font-size:14px;}
}


@media (max-width:991px) {

  /* body {font-size:14px;} */
  #container {margin-top:59px;}

  .mo_none {display:none !important;}

  .top_logo img {width:160px;}
  .nav {gap:2vw;}
  .nav > li > a {font-size:20px;}
  
  .pc_logo, .pc_cate {display:none;}
  .top_logo {}
  .top_logo img {}
  .mo_nav_btn {position:absolute; top:18px; right:104%; margin:0; border:0; width:55px; height:55px; background-color:transparent; border:solid 1px #464646;}
  .mo_nav_btn .icon-bar {display:block; width:32px; height:2px; background-color:#000; transition:all 0.25s;}
  .mo_nav_btn .icon-bar:nth-child(1) {position:absolute; top:0; left:0;}
  .mo_nav_btn .icon-bar:nth-child(2) {position:absolute; top:50%; left:0;}
  .mo_nav_btn .icon-bar:nth-child(3) {position:absolute; top:100%; left:0;}

  .open_btn {}
  .open_btn .icon-bar {background-color:#fff;}
  .open_btn .icon-bar:nth-child(1) {transform:rotate(-135deg); top:50%;}
  .open_btn .icon-bar:nth-child(2) {width:0px;}
  .open_btn .icon-bar:nth-child(3) {transform:rotate(135deg); top:50%;}

  .mo_head {padding:15px 20px; width:100%; background-color:#fff; z-index:99; border-bottom:solid 1px #eee; position:fixed; top:0; left:0;}
  .mo_head .logo_img img {width:150px;}
  #gnb_open {background-color:transparent; width:50px; height:50px; border:0; position:absolute; top:50%; right:10px; transform:translateY(-50%); padding:0;}
  #gnb_open img {width:30px;}
  .mo_head_tel {position:absolute; top:50%; left:20px; transform:translateY(-50%);}

  .m_side_menu{display:none; position:fixed; top:0; right:0; background:#fff; width:82%; max-width:340px; min-width:260px; height:100%; overflow-y:auto;z-index:9999; box-shadow:0px 100px 0px 999px rgba(0, 0, 0, .6);}
  .m_side_menu .btn_close {position:absolute; top:8px; right:10px; margin:0; height:50px; width:50px; border:0; background:none; z-index:999; padding:0;}  

  #footer .fl_cont {gap:20px 0;}
  #footer .ft_logo img {width:160px;}

  /* 푸터 */
  /* .ft_qgo ul {padding:2px 8px;}
  .ft_qgo li a {width:58px; padding:10px 0 8px;}
  .ft_qgo li a img {width:26px;} */

  #gnb {}
  #gnb_1dul {border-top:solid 1px #ddd;}
  .gnb_1dli {border-bottom:solid 1px #ddd; font-size:1.2em; position:relative;}
  .gnb_1da {color:#333; line-height:56px; padding-left:20px;}
  .gnb_2dul {display:none; padding:0 20px 16px;}
  .gnb_2dli {padding:6px 0 6px 10px; font-size:0.9em;}
  .gnb_2da {color:#333;}
  .gnb_2da:hover {color:#333;}
  .btn_gnb_op {width:20px; height:20px; border:0; background:url('../img/nav_sub_arrow.png') no-repeat 50% 50%; text-indent:-9999px; position:absolute; top:16px; right:16px;}


  /* 공통 */
  .fl_cont {flex-wrap:wrap;}
  .wid_50 {width:100%;}

  .pad_top_120 {padding-top:100px;}
  .pad_top_100 {padding-top:80px;}
  .pad_bot_120 {padding-bottom:100px;}
  .pad_bot_100 {padding-bottom:80px;}

  .cont02 .cont03 {padding:0;}

  .dft_dl dt {width:28%; min-width:100px;}
  .dft_dl dd {width:72%;}

  /* 메인 */
  .intro .introTxt h3 {margin-bottom:40px;}
  .intro .introTxt img {max-width:180px;}

  .mainDoctor {background-position:-10% 30%; background-size:50%;}
  .mainTxt .txtBox {padding:60px 20px; text-align:center;}
  .mainTxt .txtBox h3 {font-size:1.8em; margin-bottom:12px;}
  .mainTxt .txtBox p {font-size:1.2em;}
  .mainInfo .mapIn {max-width:500px; margin:0 auto 20px; gap:24px;}

  /* 서브 */
  .subTop {height:200px; padding-top:80px; margin:10px 0 60px;}
  .subTop .subTopTxt {padding:24px 20px 20px;}
  .subTop .subTopTxt img {width:24px;}

  .top_box {height:230px; line-height:230px; font-size:2.2em;}

  .subTit {margin-bottom:30px;}
  .subTit h3 {font-size:2em;}

  .what .fl_cont {flex-direction:column-reverse; gap:30px;}
  .what .txtBox {width:100%;}
  .what ul li::before {top:8px;}
  .what .imgBox {width:100%;}

  .target .targetList {grid-template-columns:repeat(1, 1fr);}
  .target .targetList li {padding:16px 20px 16px 60px;}
  .target .targetList li::before {width:26px; height:26px; background-size:cover; top:16px;}
  .target .targetImg .imgBox {width:100%; margin-bottom:20px;}
  .target .targetImg .targetList {width:100%;}

  .step .stepArea .stepBox {width:calc((100% - 20px) / 2);}
  .step .stepArea.flex03 .stepBox {width:calc((100% - 20px) / 2);}
  .step .stepArea.flex05 .stepBox {width:calc((100% - 20px) / 2);}

  .merit .meritList {gap:40px 20px;}
  .merit .meritList li {width:calc((100% - 20px) / 2);}
  .merit .meritList li img {width:80px; margin:10px 0;}

  .caution .imgBox {width:100%; height:260px;}
  .caution .txtBox {width:100%; padding:30px 24px;}
  .caution .txtBox .cauTit {font-size:1.8em; margin-bottom:20px;}
  .caution .cautionList li {font-size:1.1em; margin-top:6px; padding-left:32px;}

  .effectTxt {gap:20px;}
  .effectTxt li {width:100%; padding:24px 26px;}
  .effectTxt.flex03 li {width:100%;}
  .effectTxt li h4 {font-size:1.4em; margin-bottom:6px;}

  .insurance .insurBox .txtBox {padding:20px;}
  .insurance .insurBox p {font-size:1.1em;}
  .insurance .insurBox p span {padding:5px 10px 6px; margin-right:6px;}
  .insurance .insurBox .ps br {display:none;}

  .img50 .img_in h4 {height:36px; line-height:34px; font-size:1.1em;}

  .about01 .fl_cont {flex-direction:column-reverse; gap:40px;}
  .about01 .aboutTxt {width:100%; text-align:center;}
  .about01 .aboutTxt img {max-width:220px;}
  .about01 .aboutImg {width:100%; height:360px; border-radius:6em 0 0 0;}
  .about02 .aboutList {gap:24px;}
  .about02 .aboutList li {width:100%; padding:26px;}
  .about02 .aboutList li img {width:60px; margin-top:8px;}

  .depart .iconList li {width:50%; margin-bottom:30px;}
  .depart .iconList li:last-child {margin-bottom:0;}
  .depart .iconList .iconBox {width:150px; height:150px; line-height:150px;}
  .depart .iconList .iconBox img {width:70px;}
  .depart .iconList h4 {margin-top:14px;}

  #doctor .fl_cont {gap:40px;}
  #doctor .doctorImg {width:100%; height:360px; background-position:50% 0; border-radius:6em 0 0 0;}
  #doctor .career .name {font-size:1.4em;}
  #doctor .career ul {margin-top:20px;}

  #equipment .equiBox {gap:20px; margin-bottom:60px;}
  #equipment .equiBox:last-child {margin-bottom:0;}
  #equipment .equiBox .imgBox {width:100%;}
  #equipment .equiBox .txtBox h4 {font-size:1.4em;}
  #equipment .equiBox .txtBox li {padding-left:12px;}
  #equipment .equiBox:nth-child(odd) {flex-direction:revert;}
  #equipment .equiBox:nth-child(odd) .txtBox {text-align:left;}
  #equipment .equiBox:nth-child(odd) .imgBox img {border-radius:0 4em 0 0;}
  #equipment .equiBox:nth-child(even) .imgBox img {border-radius:4em 0 0 0;}

  #contact .time .fl_cont {flex-direction:column-reverse;}
  #contact .time .txtBox {width:100%;}
  #contact .contactImg {width:100%; height:360px; background-position:50% 0%; border-radius:6em 0 0 0;}

  .img50 {margin-top:30px;}
  .img50::before {width:40px; height:40px;}
  .img50::after {width:10px; height:10px;}

}

@media (max-width:600px) {

  /* 공통 */
  .mo_100 {max-width:100%; padding:0;}
  
  .pad_top_120 {padding-top:80px;}
  .pad_top_100 {padding-top:70px;}
  .pad_bot_120 {padding-bottom:80px;}
  .pad_bot_100 {padding-bottom:70px;}

  .subTit h3 {font-size:1.7em;}
  .subTit .subTxt br {display:none;}
  .dft_dl dl {margin-top:10px;}

  /* 메인 */
  .intro .introTxt .decoTxt {font-size:1.2em;}
  .intro .introTxt h3 {font-size:1.4em; margin-bottom:30px; padding:0 24px;}
  .intro .introTxt h3 br {display:none;}
  .intro .introTxt h3::before, .intro .introTxt h3::after {width:14px; height:90px;}
  .intro .introTxt h3::before {left:0;}
  .intro .introTxt h3::after {right:0;}
  .intro .introTxt img {max-width:150px;}
  .intro .partner {margin-top:30px;}
  .intro .partner h4 {height:36px; line-height:34px; font-size:1.3em; padding:0 24px;}
  .intro .partner ul {padding:30px 20px 20px; gap:12px; flex-direction:column;}
  .intro .partner ul li img {max-width:160px;}

  .mainTxt .txtBox {padding:50px 20px;}
  .mainTxt .txtBox h3 {font-size:1.6em;}
  .mainTxt .txtBox p {font-size:1.05em;}
  .mainTxt .txtBox p br {display:none;}
  .mainInfo .mapTit {font-size:1.4em;}
  .mainInfo #daumRoughmapContainer1694484907884 {height:36vh;}
  .mainInfo #daumRoughmapContainer1694484907884 .wrap_map {height:36vh;}

  /* 서브 */
  .subTop .subTopTxt {max-width:90%; min-width:90%;}

  .what p {font-size:1.1em;}
  .what p br {display:none;}
  .what .subTit {margin-bottom:16px;}
  .what .imgBox img {border-radius:4em 0 0 0;}

  .target .targetList {gap:10px;}
  .target .targetList li {font-size:1.1em; padding:16px 20px 16px 48px;}
  .target .targetList li::before {width:22px; height:22px; top:18px; left:14px;}

  .step .stepArea .stepBox {width:100%;}
  .step .stepArea.flex03 .stepBox {width:100%;}
  .step .stepArea.flex05 .stepBox {width:100%;}

  .caution .txtBox .cauTit {font-size:1.6em; margin-bottom:14px;}
  .caution .cautionList li {padding-left:26px;}
  
  .about01 .aboutTxt .pointTxt {font-size:1.3em;}
  .about01 .aboutTxt .txt br {display:none;}

  .iconTit {margin-bottom:16px;}
  .iconTit img {width:18px; margin-right:8px; margin-bottom:2px;}
  #contact .fl_cont {gap:40px;}
  #contact .subMap {margin-bottom:40px;}
  #contact .time .subMap {flex-wrap:wrap;}
  #contact .time .iconTit {width:100%;}
  #contact .mapBtn {width:100%;}
  #contact .mapBtn a {height:52px; line-height:47px;}
  #contact .mapBtn a img {width:20px;}
}


@media (max-width:400px) {
  .top_box {height:200px; line-height:200px; font-size:1.8em;}

  .merit .meritList li {width:100%;}

  .about01 .aboutTxt .pointTxt br {display:none;}

  .depart .iconList .iconBox {width:120px; height:120px; line-height:120px;}
  .depart .iconList .iconBox img {width:60px;}
  .depart .iconList h4 {font-size:1.2em; margin-top:10px;}


  
}