@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

* { 
  font-family: 'Pretendard';
}
body {
  overflow-x: hidden;
  font-family: 'Pretendard';
  font-size:18px;
  color:#222;
  font-weight:400;
  letter-spacing:-0.05em;

}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Pretendard';
  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;}


#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;
    padding: 20px 0;
}
.tel_qgo{}
.tel_qgo .tel_txt{
    display: inline-block;
    padding-right: 17px;
    font-size: 20px;	
}
.tel_qgo a {
    background-image: linear-gradient(90deg, #309BD3, #8EC43B);
    color: #fff;
    padding: 9px 22px;
    font-size: 20px;
    border-radius: 100px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.tel_qgo a img{
    max-width: 27px;
    padding-right: 6px;	
}

.gnb_empty {text-align:center;}

.hd_topArea{background: #f3f3f3; padding:5px 0}
.hd_topArea ul{text-align: right;}
.hd_topArea ul li{display: inline-block; padding-left:10px;}
.hd_topArea ul li a{font-size:0.8em}

@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;
  }
  .navbar-fixed-top {
    top:0px !important;
    padding:0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
  }  
}
@media (max-width: 991px) {
  .tel_qgo{position:relative;}
  .tel_qgo .tel_txt{padding-top:48px; padding-right: 0; font-size: 16px;}
  .tel_qgo a{position:absolute;top:0; right:0; padding: 6px 16px; font-size: 18px;}
  .tel_qgo a img {max-width: 26px;}
}

@media (max-width: 600px) {
	.tel_qgo .tel_txt{ padding-top: 44px; font-size: 15px; max-width: 200px; text-align: right;}
    .tel_qgo a img {max-width: 21px; padding-right: 4px;}
	.tel_qgo a{font-size: 16px;}	
}

.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;}

.mo_display {display:none !important;}
.mo_img {display:none !important;}  

.br_mo{display:none !important;}

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

.bg_gray {background-color:#f7f7f7;}
.bg_mint {background-color:#F2F6F9;}

.colorMint {color:#69d3ff;}
.colorBule {color:#309BD3;}
.colorGreen {color:#8EC43B;}
.colorP1{color:#FF6F31 !important;}
.colorWhite {color:#fff !important;}
.bold {font-weight:700;}
.text_center{text-align:center;}
.font400{font-weight:400 }

.con_tit{text-align: center; margin: 10px 0 60px;}
.con_tit .deco_eng{
    font-size: 15px;
    color: #B8B8B8;
    letter-spacing: 13px;
    margin: 0 0 10px;	
}
.con_tit h3{
	font-size: 2.6em;
    font-weight: 700;
    line-height: 1.3;
    display: inline-block;
}
.con_tit h3 span{font-weight: 800;}
.con_tit p{font-size: 1.5em; padding-top: 15px;}


.fl_cont {display:flex;}
.cont00 {max-width:1600px; width:100%; margin:0 auto; padding:0 20px;}
.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:1400px; width:100%; margin:0 auto; padding:0 20px;}
.container::before, .container::after {display:none;}
.cont_pad_150 {padding:150px 0px;}
.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_150 {padding-top:150px;}
.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;}

.mat_top_80 {margin-top:80px;}



/* 메인 */
.scBox1{
    background: url(../img/scBox1_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.scBox1 .scBox1_img{text-align:center}
.scBox1 .scBox1_img img{width:100%; max-width: 848px}



.scBox2{
    background: url(../img/scBox2_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.sc2_infoBox{position: relative;}
.sc2_infoBox .sc2_info_bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.sc2_infoBox .sc2_info_bg img{max-width:264px; width:100%;}
.sc2_infoBox .sc2_info {
    display: flex;
    flex-wrap: nowrap;
    gap: 2%;
    justify-content: space-between;
}
.sc2_infoBox .sc2_info .sc2_info_img{}
.sc2_infoBox .sc2_info .sc2_info_img img{width:100%; max-width:517px}

.sc2_infoBox .scBox2_img{text-align:center}
.sc2_infoBox .scBox2_img img{width:100%; max-width: 1000px}


@media (max-width:860px) {	
	.sc2_infoBox .sc2_info_bg{position: initial; transform: initial; text-align: center;}
	.sc2_infoBox .sc2_info_bg img {max-width: 130px;}
	.sc2_infoBox .sc2_info{flex-wrap: wrap;}
	.sc2_infoBox .sc2_info .sc2_info_img {width: 100%;text-align: center; padding: 20px 0;}	
	
	.sc2_infoBox .scBox2_img img{max-width: 600px}
}


.scBox3{
    background: url(../img/scBox3_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.scBox3 .sc3_infoBox{max-width:870px; margin:0 auto}
.scBox3 .sc3_infoBox ul{}
.scBox3 .sc3_infoBox ul li {
    background: #fff;
    font-size: 20px;
    padding: 15px 15px 15px 10%;
    margin: 20px 0px;
    border-radius: 5px;
    position: relative;
}
.scBox3 .sc3_infoBox ul li::before {
    content: '';
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url(../img/ck_icon.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    top:50%; 
    left: 4%;
	transform:translateY(-50%);
}

@media (max-width:860px) {	
	.scBox3 .sc3_infoBox ul li{font-size: 15px; padding: 15px 15px 15px 14%;}
	.scBox3 .sc3_infoBox ul li::before{width: 25px; height: 25px;}
}




.scBox5{
    background: url(../img/scBox5_bg.jpg) no-repeat;
    background-size: cover;	
	background-position: bottom center;	
}
.scBox5 .sc5_img1{text-align:center}
.scBox5 .sc5_img1 img{width:100%; max-width:1215px;}

.scBox5 .sc5_infoBox{}
.scBox5 .sc5_infoBox .sc5_img2{text-align:center}
.scBox5 .sc5_infoBox .sc5_img2 img{width:100%; max-width:831px;}

.scBox5 .sc5_infoBox .sc5_info {
    background: #309BD3;
    width: 100%;
    padding: 50px;
    border-radius: 200px;
    box-shadow: 0 4px 9px #d0d0d0;
}
.scBox5 .sc5_infoBox .sc5_info h6 {
    text-align: center;
    font-size: 1.3em;
    padding-bottom: 40px;
}
.scBox5 .sc5_infoBox .sc5_info ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 2%;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
}
.scBox5 .sc5_infoBox .sc5_info ul li {
    width: 33.333%;
    display: flex;
    flex-wrap: nowrap;
	align-items: center;
    position: relative;
}
.scBox5 .sc5_infoBox .sc5_info ul li::after {
    position: absolute;
    right:15px;
    top: 50%;
    transform: translateY(-50%);	
    content: '';
    width: 2px;
    height: 34px;
    border-right: 1px solid #fff;
}
.scBox5 .sc5_infoBox .sc5_info ul li:last-child::after{border:0}
.scBox5 .sc5_infoBox .sc5_info ul li .sc5_info_img{width:30%}
.scBox5 .sc5_infoBox .sc5_info ul li .sc5_info_img img {
    width: 100%;
	max-width:74px
}
.scBox5 .sc5_infoBox .sc5_info ul li p {
    width: 70%;
    padding: 0 20px;
	font-size: 1.1em;
}

@media (max-width:760px) {	
  .scBox5 .sc5_infoBox .sc5_img2{max-width: 690px;}
  .scBox5 .sc5_infoBox .sc5_info{padding: 40px 20px 20px;  border-radius: 10px;}
  .scBox5 .sc5_infoBox .sc5_info h6{padding-bottom: 20px; max-width: 265px; margin: 0 auto;}
  .scBox5 .sc5_infoBox .sc5_info ul{flex-wrap: wrap;}
  .scBox5 .sc5_infoBox .sc5_info ul li{width: 100%; padding: 20px 30px;}
  .scBox5 .sc5_infoBox .sc5_info ul li::after{right: 0; top: initial; bottom: 0; width: 100%; height: 1px; border-right:0; border-bottom: 1px solid #fff;}
  .scBox5 .sc5_infoBox .sc5_info ul li .sc5_info_img{width: 25%;}
  .scBox5 .sc5_infoBox .sc5_info ul li .sc5_info_img img{max-width: 50px;}
  .scBox5 .sc5_infoBox .sc5_info ul li p{ width: 75%; padding:0 0 0 20px}
  .scBox5 .sc5_infoBox .sc5_info ul li p br{display:none;}
}




.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 span {font-weight:700;}
.intro .introTxt img {max-width:240px; display:block; margin:0 auto;}
.intro .partner {text-align:center; max-width:1000px; margin:0px auto 0;}
.intro .partner h4 {display:inline-block; background-color:#69d3ff; 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:20px; padding:40px 30px 30px; border-radius:10px;}
.intro .partner ul li {width: 20%;}
.intro .partner ul li img {width:100%; max-width:100px;}
.intro .partner ul li p {
    padding-top: 20px;
    font-size: 1.2em;
    font-weight: 500;
    color: #6b6b6b;
}

.main_intro {border-bottom:solid 1px #eee;}
.main_intro .introTxt {text-align:center;}
.main_intro .introTxt .decoTxt {font-size:1.4em; font-weight:300; letter-spacing:3px;}
.main_intro .introTxt h3 {font-size:2.2em; font-weight:400; line-height:1.4; margin:10px 0 60px; display:inline-block; position:relative;}
.main_intro .introTxt h3 span {font-weight:700;}
.main_intro .introTxt img {max-width:240px; display:block; margin:0 auto;}
.main_intro .partner {text-align:center;padding-top: 40px;}
.main_intro .partner h4 {display:inline-block; background-color:#69d3ff; height:44px; line-height:42px; font-size:1.4em; color:#fff; border-radius:30px; padding:0 30px; transform:translateY(50%);}
.main_intro .partner ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 2%;
    justify-content: space-around;
}
.main_intro .partner ul li {text-align: center; border: 1px solid #B8B8B8;}
.main_intro .partner ul li .one_img {}
.main_intro .partner ul li .one_img img {width: 100%; max-width: 273px;}
.main_intro .partner ul li p {
    padding: 12px 0;
    font-size: 1em;
    font-weight: 600;
    color: #222;
    background: #8EC43B;
    letter-spacing: 0;
}

.mainTxt {align-items:center;}
.mainTxt .txtBox {
    text-align: center;
    padding: 20px;
}
.mainTxt .txtBox h3 {
    font-size: 1.8em;
    line-height: 1.3;
}
.mainTxt .txtBox p {font-size:1.2em; color:#666; line-height:1.5;}
.mainTxt .imgBox {}
.mainTxt .imgBox img {width:100%; max-width: 715px;}
.mainTherapy {flex-direction: row-reverse;}
.mainTherapy .txtBox {}

.main_operation {
    background: url(../img/main_opBg.jpg) no-repeat;
    background-position: top;
    background-size: cover;
	margin-top: -1px;
}
.main_operation .txtBox{padding:150px 30px; text-align:center;}
.main_operation .txtBox p{color: #ccc;}
.main_opBtn{}
.main_opBtn a {
    color: #fff;
    background-color: #69d3ff;
    display: inline-block;
    padding: 6px 22px;
    border-radius: 50px;
    font-weight: 600;
}

.main_after{text-align: center; /*background-color: #0f2841;*/ background:url('../img/main_introBg.jpg') no-repeat; background-size: cover; background-position: center;}
.main_after .con_tit h3 {color: #fff;}
.main_after .con_tit p {color: #bcbcbc;}
.afterBtn{margin-top: 50px;}
.afterBtn a {
    color: #fff;
    font-size: 0.9em;
    border: 1px solid #fff;
    padding: 9px 25px;
	display: inline-block;
}
.afterBtn a:hover{border: 1px solid #2196f3; background: #2196f3;}

.mainInfo {align-items:center;}
.mainInfo .mapIn {margin-bottom:20px;}
.mainInfo .mapIn:last-child {margin-bottom:0;}
.mainInfo .mapTit {font-size:1.6em; font-weight:600;padding-bottom:20px;}
.mainInfo .mapTxt {text-align:left;}
.mainInfo .mapTxt .dft_dl dl:first-child {margin-top:0;}
.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:1.3em;}
.mainInfo .tel {}
.mainInfo .tel a {
    font-size: 2em;
    font-weight: 800;
    line-height: 1.2;
    color: #545454;
}

.mainInfo .kka_map {width:100%; height:55vh;}
.mainInfo .kka_map .wrap_map {height:55vh;}


.mapBox {
    position: relative;
    max-width: 1070px;
    margin: 0 auto;
}
.mapBox .map_1{text-align:center}
.mapBox .map_1 img{width:100%; max-width:920px; border: 1px solid #309BD3;}
.mapBox .map_2 {
    position: absolute;
    bottom: 0;
    right: 0;
}
.mapBox .map_2 img{width:100%; max-width:110px;}

.map_txtBox{
	display:flex; 
	gap:40px; 
    padding: 60px 0 0;
    max-width: 920px;
    margin: 0 auto;
}
.map_txtBox .mapIn{width:50%;}
.map_txtBox .mapIn .dft_dl {position:relative}
.map_txtBox .mapIn .dft_dl::after {
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 2px;
    height: 140px;
    border-right: 1px solid #B8B8B8;
}
.dft_dl {width: 100%;}
.dft_dl dl {display:flex; gap:20px; font-size:1.3em; margin-top:10px; align-items: center;}
.dft_dl dl:first-child {margin-top:0;}
.dft_dl dt {
    width: 30%;
    min-width: 128px;
    font-weight: 500;
    line-height: 1;
	position:relative;
	padding-left: 17px;
}
.dft_dl dt:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #222;
    border-radius: 50%;
    box-sizing: border-box;
}
.dft_dl dt span{font-size:0.8em}
.dft_dl dd {
    line-height: 1;
}
.dft_dl dd span.txt_sm{font-size:0.8em; color: #545454;}
.dft_dl .map_subTxt {font-size:1em; margin: 15px 0 0; color: #8EC43B;}

@media (max-width:1100px) {	
  .mapBox .map_2 img{max-width: 90px;}
}

@media (max-width:980px) {	
  .mapBox .map_1 img{max-width: 720px;}
  .mapBox .map_2 img{max-width: 80px;}
  
  .map_txtBox{max-width: 720px;}
}

@media (max-width:860px) {	
   .mapBox .map_2{display:none;}
}
@media (max-width:760px) {	  
   .map_txtBox{flex-wrap: wrap;}
   .map_txtBox .mapIn .dft_dl::after{display:none}
   
   .map_txtBox .mapIn{display: flex; gap: 40px;}
   .mainInfo .mapIn{width:100%;}
   .mainInfo .mapTit{width: 30%;max-width: 110px;}
   .map_txtBox .mapIn .dft_dl{width: 70%;}
}

@media (max-width:500px) {
	  .map_txtBox{padding: 30px 0 0;}
      .map_txtBox .mapIn {display: block; margin-bottom: 0px;}
	  .map_txtBox .mapIn .dft_dl{width:100%}
	  .map_txtBox .dft_dl dt {  width: 33%;}
}





#main_contact{
    background: url(../img/main_csBg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
#main_contact .fl_cont{align-items: center;}
#main_contact .fl_cont .con_tit{text-align:left;}

.quick_counseling {
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #000;
    width: 100%;
    height: 11rem;
    z-index: 5000;
    visibility: hidden;
}
.quick_counseling.on {
    visibility: visible;
}

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

.ft_topBtn{
	position: fixed;
    bottom: 20px;
    right: 20px;	
	z-index: 99;
}
.ft_topBtn a{}
.ft_topBtn a img{width:100%; max-width:60px;}


/* 모달 */
.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:1%;}
  .ft_qgo .qgo_btn {display:none;}
  .ft_qgo ul {padding:20px 8px; box-shadow:0px 10px 16px rgba(0, 0, 0, .3); background-color:#2196f3; border-radius:50px;}
  .ft_qgo li {border-bottom:solid 1px #006db1;}
  .ft_qgo li:last-child {border-bottom:0;}
  .ft_qgo li a {width:80px; padding:18px 0 16px; color: #fff;}
  .ft_qgo li a img {width:30px; margin-bottom:8px;}
  .ft_qgo li a span {font-size:0.9em; font-weight:500;        display: block;}
}

@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:#2196f3; 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;}

}


/* 서브 공통 */
.sub_con_tit .con_tit h3{position:relative; padding: 0px 15px;}
.sub_con_tit .con_tit h3:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2196f3;
}

.top_box {text-align:center; padding: 160px 0; }
.top_box1{background:url('../img/sub_top1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box p {
    font-size: 1em;
    color: #2196f3;
    letter-spacing: 4.5px;
    margin: 0 0 12px;
}
.top_box h2.top_title {font-size:2.8em; color:#fff; font-weight:600;}


.subTop_box {
    text-align: center;
    height: 65rem;
    display: flex;
    align-items: center;
}
.subTop_box1{background:url('../img/subTop_box1.jpg') no-repeat 80% 50%; background-size:cover;}
.subTop_box2{background:url('../img/subTop_box2.jpg') no-repeat 80% 50%; background-size:cover;}
.subTop_box4{background:url('../img/subTop_box4.jpg') no-repeat 80% 50%; background-size:cover;}
.subTop_box5{background:url('../img/subTop_box5.jpg') no-repeat 80% 50%; background-size:cover;}
.subTop_box6{background:url('../img/subTop_box6.jpg') no-repeat 80% 50%; background-size:cover;}
.subTop_box .subTop_txt{}
.subTop_box .subTop_txt h2.top_title{font-size:2.8em; color:#fff; font-weight:600; padding-bottom: 20px;}
.subTop_box .subTop_txt p {
    font-size: 1.3em;
    color: #74caff;
    letter-spacing: 4.5px;
    margin: 0 0 12px;
}


.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;}


.subTit {text-align:center; margin-bottom:50px;}
.subTit .num {font-size:1.8em; font-weight:600;}
.subTit h3 {font-size:2.6em; font-weight:700; line-height: 1.3;}

.subTit .subTxt {
    font-size: 1.5em;
    margin-top: 40px;
}

.subTop{
    text-align: center;
    max-height: 450px;	
	border-radius:20px;
}

.subTop .subTopTxt {background-color:#fff; padding:30px 20px; width:90%; margin:0 auto;}
.subTop .subTopTxt img {width:30px; margin-bottom:10px;}
.subTop .subTopTxt h3 {
    font-size: 2em;
    font-weight: 700;
    word-break: keep-all;
}
.ciBox_txt{margin-top:30px;}
.subTop .subTopTxt p {font-size:1.2em; margin-top:30px; word-break:keep-all; line-height: 1.8;}
.subTop .subTopTxt ul li{font-size:1.2em;padding:4px 0 0; word-break:keep-all; line-height: 1.8;}

.ciBox_tit{
	font-size: 1.46em;
    font-weight: 500;
    letter-spacing: 0.5em;
    padding: 11% 15px;	
}
.ciBox_tit p{color:#fff; font-size:1em;}
.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%;*/ border-top:solid 1px #eee;}
.what .fl_cont {align-items:center; justify-content:space-between;}
.what .fl_cont.fl_img_lf{flex-direction: row-reverse;}
.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:16px; margin-bottom:4px; font-size:1.5em; color:#666;}
.what ul li:last-child {margin-bottom:0;}
.what ul li::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 14px;
    left: 0;
    background-color: #2196f3;
    border-radius: 50px;
}
.what ul li span {font-weight:600;}
.what .imgBox {width:48%;}
.what .imgBox img {width:100%;border-radius: 20px;}
.what02 {flex-direction:row-reverse; margin-top:30px;}
.what02 .txtBox img {width:60px; margin-bottom:10px;}

.wt_dl dl dd{position:relative; font-size: 0.9em; padding-left: 12px; color: #777;}
.wt_dl dl dd:before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 2px;
    position: absolute;
    top: 13px;
    left: 0;
    background-color: #999;
}

.sg_listBox{padding-top: 20px}
.sg_listBox .sg_list {
    display: flex;
    gap: 4vw;
    margin-bottom: 20px;
}
.sg_listBox .sg_list .sg_list_tit {
    font-size: 1.4em;
    font-weight: 600;
    width: 23%;
    color: #2196f3;
}
.sg_listBox .sg_list ul.sg_list_info{padding:0}
.sg_listBox .sg_list ul.sg_list_info li{
    margin-top: 4px;
    font-size: 1.5em;
}

.target {}
.target .targetList {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.target .targetList li {
    font-size: 1.4em;
    background-color: #fff;
    padding: 20px 20px 20px 63px;
    position: relative;
}
.target .targetList li::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 24px;
    left: 24px;
    background: url(../img/i_ck2.png) no-repeat 50% 50%;
    background-size: 25px;
}
.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);}

.ci_imgBox{text-align:center;}
.ci_imgBox img{width:100%; /*max-width:1000px*/}

.causeArea{}
.causeArea .cause_list{}
.causeArea .cause_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.causeArea .cause_list ul li {
    background-color: #fff;
    padding: 3rem 1rem;
    width: calc((100% - 100px ) / 4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    border-radius: 10px;
    box-shadow: 0px 0px 7px #ddddddb5;
}

.dia_Area{}
.diaBg1{background: url(../img/diaBg1.jpg) no-repeat; background-size: cover; background-position: right;}
.dia_Area .subTit{text-align: left;}
.dia_list{}
.dia_list li{font-size: 1.5em; padding: 12px 12px 12px 80px; position: relative;}
.dia_list li span.num {
    font-size: 1.8em;
    vertical-align: middle;
    font-weight: 600;
    position: absolute;
    left: 0;
    top:2px;
}

.cure_Area{background: url(../img/cureBg1.jpg) no-repeat; background-size: cover; background-position: center;    border-top: 1px solid #eee; }
.cure_Area2{background: url(../img/cureBg2.jpg) no-repeat; background-size: cover; background-position: center;}
.cure_Area .fl_cont{gap: 10rem;}
.cure_Area .fl_cont .subTit{width:30%; text-align:left}
.cure_Area .fl_cont .txtBox{width:70%;}
.cure_list{}
.cure_list > li {
    font-size: 1.6em;
    position: relative;
    padding-left: 40px;
    margin: 20px 0;
    background: #f4f7ff;
    padding: 22px 22px 22px 73px;
    border-radius: 100px;
}
.cure_list.cure_list_whBg > li { background: #fff;}
.cure_list > li::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/i_ck.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    top: 29px;
    left: 32px;
}
.ce_step > li {
    font-size: 1.6em;
    position: relative;
    padding: 0 0 0 129px;
    margin: 40px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
    line-height: 1.8;
    background: transparent;
    border-radius: 0;
}
.ce_step > li::before {
    display: inline-block;
    width: auto;
    height: auto;
    background: #2196f3;
    position: absolute;
    top: 2px;
    left: 0;
    color: #fff;
    padding: 4px 10px;
    font-size: 0.8em;
    border-radius: 3px;
}
.ce_step > li.ce_step1::before{content: 'STEP 01';}
.ce_step > li.ce_step2::before{content: 'STEP 02';}
.ce_step > li.ce_step3::before{content: 'STEP 03';}
.ce_step > li.ce_step4::before{content: 'STEP 04';}
.ce_step li ul.sub_step {
    padding-left: 28px;
    margin: 0px 0 15px;
    color: #666;
}
.ce_step li ul.sub_step li {
    font-size: 0.8em;
    list-style: disc;
}
.cure_list li .imgBox{padding:0 10px}
.cure_list li .imgBox img{width:100%; max-width: 30px;}
.ce_step_point {font-size:1.4em;position: relative; padding-left:30px; color: #2196f3;}
.ce_step_point::before{
	content: '※';
	position: absolute;
    top: 2px;
    left: 0;
}


.step {}
.step .stepArea {display:flex; flex-wrap:wrap; gap:40px 20px;}
.step .stepArea .stepBox {width:calc((100% - 80px) / 5); text-align:center;background:#fff; border-radius: 20px;}
.step .stepArea.flex02 .stepBox {width:calc((100% - 40px) / 2)}
.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 {
    padding: 80px 20px;
}
.step .stepBox .txtBox span {
    font-size: 1.5em;
    background: #2196f3;
    color: #fff;
    padding: 12px 22px;
    display: inline-block;
    margin: 0px 0px 30px;
    border-radius: 50px;
    font-weight: 500;
    line-height: 1;
}
.step .stepBox .txtBox p {font-size:1.5em;}
.step .stepBox .txtBox ul {
    padding-top: 20px;
    color: #555;
    font-size: 1.3em;
    border-top: 1px solid #ccc;
    margin-top: 20px;
}
.step .stepBox .txtBox ul li{}
.step .stepBox .txtBox ul li .st_bc {
    display: inline-block;
    font-size: 0.9em;
    background: #666;
    padding: 3px 7px;
    border-radius: initial;
    color: #fff;
    margin-bottom: 7px;
	border-radius:3px
}
.step_point{margin-top:30px;color: red;}

.diffArea{}
.diffArea .diff_table{}
.diffArea .diff_table table{width:100%; border: 1px solid #ccc; border-collapse: collapse; background:#fff}
.diffArea .diff_table table th, .diffArea .diff_table table td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
}
.diffArea .diff_table table th {
    background: #2196f3;
    color: #fff;
}
.diffArea .diff_table table td{}


.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:40%;}
.caution .imgBox img {width:100%;}
.caution .txtBox {
    width: 64%;
    padding: 7% 20px 7% 6%;
    background: url(../img/cautionListBg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
}
.caution .txtBox .cauTit {font-size:2.2em; font-weight:600; margin-bottom:30px;}
.caution .cautionList {}
.caution .cautionList li {font-size:1.1em; margin-top:10px; padding-left:40px; position:relative; color:#fff}
.caution .cautionList li span {font-weight:600; position:absolute; top:2px; left:0;}

.caution2 {}
.caution2 .imgBox {width:40%;}
.caution2 .imgBox img {width:100%;}
.caution2 .txtBox {width:64%; background-color:#0c2238; padding:5% 20px 5% 6%;}
.caution2 .txtBox .cauTit {font-size:1.5em; font-weight:600; margin-bottom:15px; color: #fff;}
.caution2 .txtBox .cauTit  span{font-size: 0.75em; font-weight: 400;}
.caution2 .cautionList {}
.caution2 .cautionList li {font-size:1.1em; margin-top:10px; padding-left:40px; position:relative; color:#fff}
.caution2 .cautionList li span {font-weight:600; position:absolute; top:2px; left:0;}

.cau_ci2_2 .cauBox {width: 50%; padding-right: 20px;}

.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:#69d3ff; 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.2em; color:#666;}

.cl_list {}
.cl_listBox {display:flex; flex-wrap:wrap; gap:30px;}
.cl_listBox li {position:relative; overflow:hidden; width:calc((100% - 30px) / 2);}
.cl_listBox.flex03 li { width:calc((100% - 60px) / 3)}
.cl_listBox.flex04 li { width:calc((100% - 90px) / 4)}
.cl_listBox li .imgBox{}
.cl_listBox li .imgBox img{width:100%; max-width:800px;}
.cl_listBox li .num {font-size:5em; font-weight:600; position:absolute; top:-14px; right:20px; opacity:0.2; line-height:1;}
.cl_listBox li h4 {
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 20px;
}
.cl_listBox li dl {}
.cl_listBox li dl dt {
    font-size: 1.05em;
    color: #666;
    position: relative;
    padding-left: 14px;
    line-height: 1.2;
    padding-bottom: 12px;
}
.cl_listBox li dl dt::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 8px;
    left: 0;
    background: #2196f3;
    border-radius: 50px;
}

.ns_list {background: url(../img/ns_listBg.jpg) no-repeat 50% 10%; color:#fff}
.ns_listBox  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-top:100px;
}
.ns_listBox li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
    text-align: center;
    word-break: keep-all;
    padding: 4.5em 1.4em 4.4em;
    border: 1px solid #c0c0c0;
    border-right: 0;
	background: rgba(31,170,225,0.3);
}
.ns_listBox li:last-child{border-right: 1px solid #c0c0c0;}

.ns_listBox li .num {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 700;
	width: 1.8em;
    height: 1.8em;
    background-color: rgba(31,170,225,1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ns_listBox li h4 {
    font-size: 1.2em;
    font-weight: 600;
}


.np_list {}
.np_listBox {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 790px;
    margin: 0 auto;
}
.np_listBox.flex03 li {
    width: calc((100% - 60px) / 3);
    text-align: center;
	position:relative;
	padding-bottom:56px;
}

.np_listBox li .imgBox{}
.np_listBox li .imgBox img {
    width: 100%;
    max-width: 195px;
    border: 1px solid #eee;
    border-radius: 50%;
}


.np_listBox.flex03 li::before {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border-radius: 50px;
    color: #fff;
    width: 254px;
    font-size: 1.2em;
    padding: 4px 4px;
}
.np_listBox.flex03 li.ns_txt1::before{ 
  content: '내시경으로 관찰되는 용종';
  background-color: rgba(0,84,166);  
  left: 100%;
  width: 254px;
} 
.np_listBox.flex03 li.ns_txt2::before{ 
  content: '제거된 용종';
  background: rgb(225 31 31);
} 

.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:#69d3ff; 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:#69d3ff; color:#fff;}

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

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

.ci1_topBg1 .subTop {background:url('../img/subTop_ci1_1.jpg') no-repeat 50% 50%; background-size:cover;}

.ci2_topBg1 .subTop {background:url('../img/subTop_ci2_1.jpg') no-repeat 50% 50%; background-size:cover;}
.ci2_topBg2 .subTop {background:url('../img/subTop_ci2_2.jpg') no-repeat 50% 50%; background-size:cover;}
.ci2_topBg3 .subTop {background:url('../img/subTop_ci2_3.jpg') no-repeat 50% 50%; background-size:cover;}

.ci3_topBg1 .subTop {background:url('../img/subTop_ci3_1.jpg') no-repeat 50% 50%; background-size:cover;}
.ci3_topBg2 .subTop {background:url('../img/subTop_ci3_2.jpg') no-repeat 50% 50%; background-size:cover;}
.ci3_topBg3 .subTop {background:url('../img/subTop_ci3_3.jpg') no-repeat 50% 50%; background-size:cover;}

.ci4_topBg1 .subTop {background:url('../img/subTop_ci4_1.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/ci1_caution.jpg') no-repeat 50% 50%; background-size:cover;}

#prevention01 .cau_img1 {background:url('../img/pre01_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .cau_img2 {background:url('../img/ci2_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .cau_img3{background:url('../img/ci3_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .cau_img5{background:url('../img/ci5_caution.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .cau_img6{background:url('../img/ci6_caution.jpg') no-repeat 50% 50%; background-size:cover;}

#prevention01 .ci2_cau2{background:url('../img/ci6_caution.jpg') no-repeat 50% 50%; background-size:cover;}

#prevention01 .ci3_cau1{background:url('../img/ci3_cau1.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .ci3_cau2_1{background:url('../img/ci3_cau2_1.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .ci3_cau2_2{background:url('../img/ci3_cau2_2.jpg') no-repeat 50% 50%; background-size:cover;}
#prevention01 .ci3_cau3{background:url('../img/ci3_cau3.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 {border-bottom: 1px solid #e8e8e8; /*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:45%;}
.about01 .aboutTxt .pointTxt {
    font-size: 1.8em;
    line-height: 1.6;
    margin: 20px 0 20px;
    font-weight: 700;
}
.about01 .aboutTxt .txt {
    font-size: 1.1em;
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px;
}
.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: 53%;
    height: 480px;
    /* 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;
}

.ab_logo{max-width:150px; width:100%}
.about02 {text-align:center; background:url('../img/about_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.about01 .aboutImg img {width:100%; max-width:500px; border-radius:10em 0 0 0;}
.about02 .aboutList {display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
.about02 .aboutList li {
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .1);
    padding: 30px;
	width:calc((100% - 40px ) / 3);
    height: 55rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-radius:10px;
	 transition: all .5s;
}
.about02 .aboutList li:hover{margin-top:-20px;}
.about02 .aboutList li.ab02_bg1{background:url('../img/ab02_bg1.jpg') no-repeat 50% 50%; background-size:cover;}
.about02 .aboutList li.ab02_bg2{background:url('../img/ab02_bg2.jpg') no-repeat 50% 50%; background-size:cover;}
.about02 .aboutList li.ab02_bg3{background:url('../img/ab02_bg3.jpg') no-repeat 50% 50%; background-size:cover;}
.about02 .aboutList li img {width:80px; margin-left:auto;}
.about02 .aboutList .txtBox {}
.about02 .aboutList .num {
    font-size: 2em;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 2px solid #ffffff7d;
    margin-bottom: 12px;
	text-shadow:0 0px 4px #00000014;
}
.about02 .aboutList p {
    font-size: 1.3em;
    color: #fff;
	text-shadow: 0 0px 7px #00000014;;
}
.ab02_Box{padding:80px 0}
.ab02_Box1_bg{
   background: url(../img/ab02_Box1_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
	width:100%;
	height: 480px;
	border-radius: 10px;
}
.ab_sub_tit{margin-top: 150px;}
.ab_sub_tit h3{font-size: 1em; letter-spacing: 10px; margin-bottom: 20px;}
.ab_sub_txt{}
.ab_sub_txt p{font-size: 2em; line-height: 1.3;}

ul.aboutList2{}
ul.aboutList2 li{padding:30px; border-top:1px solid #ccc}
ul.aboutList2 li:last-child{border-bottom:1px solid #ccc;}
ul.aboutList2 li p{font-size: 1.15em;}
ul.aboutList2 li p .num{font-weight:bold}

.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/doctorBg.png') no-repeat 96% 100%; background-size: 17%; position: relative; isolation: isolate;}
#doctor::after {
  content: '';
  position: absolute;
  background: white;
  z-index: -1;
  inset: 0;
  opacity: 0.4;
}
#doctor .fl_cont {align-items: center;gap:40px;}
#doctor .doctorImg {width:35%; text-align: center;}
#doctor .doctorImg img{width:100%; max-width: 350px;}
.dt_img_mo{display:none;}
#doctor .career {width: 65%;}
#doctor .career .name {
    font-size: 1.4em;
    font-weight: 400;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
#doctor .career .name span {font-size:1.7em; color:#000; font-weight:700; letter-spacing: 8px;}
#doctor .career .doctor_infoBox{margin-top:25px;}
#doctor .career .doctor_infoBox.fl_cont{align-items: flex-start;}
#doctor .career .doctor_infoBox .doctor_info{}
#doctor .career .doctor_infoBox .doctor_info h6{
	font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 8px;
}
#doctor .career .doctor_infoBox .doctor_info ul {padding-bottom: 30px;}
#doctor .career .doctor_infoBox .doctor_info ul li {font-size:1.1em; margin-bottom:10px; padding-left:16px; position:relative;}
#doctor .career .doctor_infoBox .doctor_info ul li::before {content:''; position:absolute; top:12px; left:0; width:6px; height:6px;   background-color: #999; border-radius: 50px;}
#doctor .career .doctor_infoBox .doctor_info ul li:last-child {margin-bottom:0;}

.equipmentArea{}
.equipment {}
.equi_area {/*display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:40px 40px;*/}
.equi_area .equi_box {}
.equi_area .equi_box img {width: 100%; border-radius: 20px;}
.equi_area .equi_box .txt_box {padding: 25px 15px; text-align: center;}
.equi_area .equi_box .txt_box h4 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 20px;
    display:block;
}
.equi_area .equi_box .txt_box p {
    position: relative;
    padding-left: 14px;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 8px;
    display: inline-block;
}
.equi_area .equi_box .txt_box p::after {content:''; position:absolute; top:10px; left:0; background-color:#728cbf; width:6px; height:6px;}


/*비급여 항목*/
.non_pay_table table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;    
    max-width: 900px;
    margin: 0 auto;
}
.non_pay_table table thead{}
.non_pay_table table th{background:#2196f3; color:#fff;}
.non_pay_table table th, .non_pay_table table td {
    border: 1px solid #ccc;
    padding: 10px;
	text-align: center;
  }
.non_pay_table table th.table_grBg{background:#9c9c9c}


.th_clinicArea{background:url('../img/clinicBg_th.jpg') no-repeat 50% 50%; background-size:cover;}
.clinic_list {display:flex; flex-wrap:wrap; gap:20px; justify-content:center; padding-top: 40px;}
.clinic_list li {
    border-radius: 10em;
    background-color: rgba(33,150,243,0.8);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .1);
    padding: 20px;
    width: 20rem;
    height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.clinic_list li .txtBox h5 {
    color: #fff;
    font-size: 1.5em;
    line-height: 1.3;
}

.ns_clinicArea{background: url(../img/ci01_Bg2.jpg) no-repeat 50% 50%; background-size:cover}
.ns_clinicArea .clinic_list{max-width: 900px; margin: 0 auto;}

.clinic_list2 {display:flex; flex-wrap:wrap; gap:15px; justify-content:center; padding-top: 40px;}
.clinic_list2 li {
    border-radius: 10em;
    background-color: rgba(0,84,166,0.8);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .1);
    padding: 10px;
    width: 17rem;
    height: 17rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	text-align: center;
	/*border: 3px solid #2196f3;*/
}

.clinic_list2 li.plus {position:relative; margin-left: 35px;background-color: rgba(31,170,225,0.6); }
.clinic_list2 li.plus:before, .clinic_list2 li.plus:after {
    position: absolute;
    left: -27px;
    content: ' ';
    height: 30px;
    width: 4px;
    background-color: #fff;
}	
.clinic_list2 li.plus:before {transform: rotate(90deg);}
.clinic_list2 li.plus:after{transform: rotate(-180deg);}

.clinic_list2 li .txtBox h5{color: #fff; font-size: 1.2em;}

.ns_clinic_txt {
    text-align: center;
    margin-top: 40px;
    padding: 0 15px;
}
.ns_clinic_txt h3 {
    background: rgb(225 31 31 / 60%);
    color: #fff;
    padding: 30px 15px;
    display: inline-block;
    width: 100%;
    border-radius: 100px;
    font-size: 1.35em;
}
.ns_clinic_txt h3 span{font-size: 0.8em;}


.sg_clinicArea{background:url('../img/clinicBg_sg.jpg') no-repeat 50% 50%; background-size:cover;}
.sg_clinic_list {display:flex; flex-wrap:wrap; gap:20px; justify-content:center; padding-top: 40px; max-width: 980px; margin: 0 auto;}

.sg_clinic_list li {
    border-radius: 10em;
    background-color: rgba(0,84,166,0.8);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .1);
    padding: 20px;
    width: 20rem;
    height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.sg_clinic_list li .txtBox h5{color: #fff; font-size: 1.1em;}

.hd_clinicArea{background:url('../img/clinicBg_hd.jpg') no-repeat 50% 50%; background-size:cover;}



/*케이스*/
.caseArea{}
.caseArea ul.caseBox {
    display: flex;
    flex-wrap: wrap;
    gap: 45px 20px;
    max-width: 1000px;
    margin: 0 auto;
}
.caseArea ul.caseBox li{text-align:center; width:calc((100% - 20px) / 2); }
.caseArea ul.caseBox li .case_txtBox{width:calc()}
.caseArea ul.caseBox li .case_txtBox .num{
    font-size: 3em;
    font-weight: 700;	
	line-height: 1;
}
.caseArea ul.caseBox li .case_txtBox h4{
    font-size: 1.8em;
    font-weight: 700;	
}
.caseArea ul.caseBox li .case_txtBox p {
    padding: 6px 24px;
    border-radius: 50px;
    margin: 21px auto;
    font-size: 1.12em;
    max-width: 420px;
    background: #efefef;
}
.caseArea ul.caseBox li .case_imgBox{display:flex; flex-wrap:nowrap; gap:10px; justify-content: center;}
.caseArea ul.caseBox li .case_imgBox .case_img{position: relative;justify-content: center; }
.caseArea ul.caseBox li .case_imgBox .case_img img{width:100%; max-width:200px}
.caseArea ul.caseBox li .case_imgBox .case_img p{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;		
}

@media (max-width:768px) {
	.caseArea ul.caseBox li{width: 100%;}
}
/*케이스*/

.map_time{font-size:1.2em}
.map_csBox{margin-bottom:80px;}



@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{display: inline-block;}
  .top_logo img {
		max-width: 220px;
		width: 100%;
		padding: 0;
	}
  .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:18px; 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:#2196f3; 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 (max-width:1200px) {
  body {font-size:14px;}  
  .subTop{max-height: 300px;}
}


@media (max-width:991px) {
	.mo_none {display:none !important;}

	.pc_display {display:none !important;}
	.mo_display {display:block !important;}

	.top_logo img {width:160px;}
	.nav {gap:2vw;}
	.nav > li > a {font-size:20px;} 

	.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%;}

	#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:25px;}
	
	.hd_topArea ul li a{font-size: 0.9em;}


	.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;}


	#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;}


	.cont_pad_150{padding:120px 0}

	.pad_top_150 {padding-top:120px;}
	.pad_top_120 {padding-top:100px;}
	.pad_top_100 {padding-top:80px;}
	.pad_top_80 {padding-top:60px;}
	.pad_top_60{padding-top:30px;}
	.pad_top_40{padding-top:10px;}

	.pad_bot_120 {padding-bottom:100px;}
	.pad_bot_100 {padding-bottom:80px;}
	.pad_bot_80 {padding-bottom:60px;}
	.pad_bot_60 {padding-bottom:30px;}

	.mat_top_80 {margin-top:60px;}

	.cont02 .cont03 {padding:0;}

	.con_tit h3{font-size: 2.2em;}


	.dft_dl dt {width:40%; min-width:100px;}
	.dft_dl dd {width:60%;}

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

	.main_intro .partner ul li{}
	.main_intro .partner ul li .one_img{}

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

	/* 서브 */  
	.subTop {min-height:auto; padding:40px 0; margin:0 15px;}
	.subTop .subTopTxt {padding:24px 20px 20px;}
	.subTop .subTopTxt img {width:24px;}
	.ciBox_tit{}
	.ciBox_tit p{font-size: 0.8em;}
	.subTop .subTopTxt h3{font-size:1.8em;}
	.subTop .subTopTxt p{font-size: 1.1em;}
	.subTop .subTopTxt ul li{font-size: 1.1em;}

	.top_box{padding: 100px 0;}
	.top_box p {font-size: 0.9em;}

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

	.subTop_box{height: 30rem;}
	.subTop_box .subTop_txt h2.top_title{font-size: 1.8em;}
	.subTop_box .subTop_txt p {font-size: 1em;}

	#prevention01{padding-top:0}  

	.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.flex02 .stepBox {width:calc((100% - 20px) / 2);}
	.step .stepArea.flex03 .stepBox {width:calc((100% - 20px) / 2);}
	.step .stepArea.flex05 .stepBox {width:calc((100% - 20px) / 2);}

	.step .stepBox .txtBox {padding: 40px 20px;}
	.step .stepBox .txtBox span{font-size: 1.2em; margin: 0px 0px 15px;}
	.step .stepBox .txtBox p{font-size: 1.2em;}
	.step .stepBox .txtBox ul{font-size: 1.2em;}
	.step .stepBox .txtBox ul li .st_bc{font-size: 0.8em;}  

	.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;}

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

	.cau_ci2_2 .cauBox{width:100%; padding-right:0; padding-top:30px;}
	.cau_ci2_2 .cauBox:first-child{padding-top:0}

	.effectTxt {gap:20px;}
	.effectTxt li {width:100%;}
	.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{padding-top:10px !important}
	.about01 .fl_cont {flex-direction:column-reverse; gap:40px;}
	.about01 .aboutTxt {width:100%; text-align:center;}
	.about01 .aboutTxt img {}
	.about01 .aboutImg {width:100%; height:360px;}

	.ab02_Box1_bg{height: 230px;}
	.ab02_Box {padding: 60px 0;}
	.about02 .aboutList {gap:20px;}
	.about02 .aboutList li {width: 100%; height: 30rem;}
	.about02 .aboutList li:hover {margin-top: 0;}

	.ab_sub_txt p{font-size:1.4em;}
	.ab_sub_txt p br{display:none}
	ul.aboutList2 li p .num{display: block;}


	.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; flex-wrap: nowrap;}  
	#doctor .doctorImg {width:45%;}
	#doctor .career {width: 55%;}
	#doctor .career .name {font-size:1.4em;}  
	#doctor .career .doctor_infoBox.fl_cont{flex-wrap: wrap;gap: 0px 40px;}   
	#doctor .career .doctor_infoBox .doctor_info{width:100%;}


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

	.causeArea .cause_list ul{gap: 10px;}
	.causeArea .cause_list ul li{ width: calc((100% - 30px) / 4);  padding: 2rem 0.5rem; font-size: 1.2em;}

	.cure_Area .fl_cont { gap: 0px;}
	.cure_Area .fl_cont .subTit{width:100%; text-align: center;}
	.cure_Area .fl_cont .txtBox{width:100%;}
	.cure_list > li {font-size: 1.2em; padding: 18px 18px 18px 63px;}
	.cure_list > li::before{width: 20px; height: 20px; top: 27px;}

	.ce_step > li {padding: 0 0px 20px 80px;margin: 20px 0;}
	.ce_step > li::before{width: auto; height: auto; top: 2px;}
	.cure_list li .imgBox img{max-width: 20px;}
	
	.ce_step_point{font-size: 1.1em; padding-left: 20px;}
	.ce_step_point::before{top:0}

	.diffArea .diff_table table th, .diffArea .diff_table table td{font-size: 1.1em; padding: 10px 6px;}


	.dia_list li{font-size: 1.2em;padding: 10px 10px 10px 50px;}
	.dia_list li span.num {
	left: 0;
	top: 4px;
	}

	.what ul li{font-size: 1.2em;}

	.clinic_list li .txtBox h5{font-size: 1.2em;}

}

@media (max-width:860px) {
	.what .fl_cont {flex-direction:column-reverse; gap:30px;}
	.what .fl_cont.fl_img_lf {flex-direction:column-reverse;}
	.what .txtBox {width:100%;}
	.what ul li::before {top:8px;}
	.what .imgBox {width:100%;}	

	.cl_listBox {gap:20px;}
	.cl_listBox li {width:100%;}
	.cl_listBox.flex03 li { width:100%;}
	.cl_listBox.flex04 li { width:100%;}
	.cl_listBox li .imgBox{}  

	.ns_listBox {margin-top: 70px;}
	.ns_listBox li {
	width:50%; 
	max-width: 50%;    
	-webkit-box-flex: 2;
	-ms-flex: 1 0 50%;
	flex: 2 0 50%;
	max-width: 50%;
	}
	.ns_listBox li:nth-child(2){border-right: 1px solid #c0c0c0;}
	.ns_listBox li h4{font-size: 1.1em;}

	.clinic_list2{gap: 10px; padding-top: 20px;}
	.clinic_list2 li{
	width: 14rem;
	height: 14rem; 
	}

	.sg_clinic_list{gap: 10px; padding-top: 20px;}
	.sg_clinic_list li{width: 16rem; height: 16rem;}

	.clinic_list{gap: 10px; padding-top: 20px;}
	.clinic_list li{width: 16rem; height: 16rem;}
	
    #footer .ft_logo img {max-width: 160px;}

}

@media (max-width:760px) {
	/*공통*/
	.wid_50 {width:100%;}
	/*공통*/	
	
	#doctor .fl_cont {flex-wrap:wrap;}  
	#doctor .doctorImg {width:100%;}
	#doctor .doctorImg img{max-width: 250px; margin: 0 auto;}
	.dt_img_pc{display:none;}
	.dt_img_mo{display:block;}
	#doctor .career {
		width: 100%;
		margin: 0 auto;
		max-width: 450px;
	}
	#doctor .career .name{text-align: center;}

	/*메인 솔루션 아이콘*/
	.main_intro .partner{padding-top: 20px;}
	.main_intro .partner ul{flex-wrap: wrap; gap:20px; justify-content: space-between;}
	.main_intro .partner ul li {width:calc((100% - 20px) / 2);}
	.main_intro .partner ul li .one_img{display: inline-block;}
	.main_intro .partner ul li .one_img img{}  
	.main_intro .partner ul li p{font-size: 1.2em;}	
	
	.scBox4 .pad_bot_60{padding-bottom:0}
	
}

@media (max-width:600px) {

  /* 공통 */
  .mo_100 {max-width:100%; padding:0;}
  
  .cont_pad_150{padding:90px 0}
  .cont_pad_120{padding:80px 0}  
  
  .pad_top_150 {padding-top:90px;}
  .pad_top_120 {padding-top:80px;}
  .pad_top_100 {padding-top:70px;}
  .pad_top_40 {padding-top:10px;}
  .pad_bot_120 {padding-bottom:80px;}
  .pad_bot_100 {padding-bottom:70px;} 
  
  .mat_top_80 {margin-top:40px;}
  
  .br_mo{display:block !important;}
  
  .pc_img {display:none !important;}
  .mo_img {display:block !important;}  
  
  .con_tit{margin: 10px 0 30px;}
  .con_tit h3{font-size: 1.85em;}
  .con_tit p {font-size: 1.1em;}
  .con_tit .deco_eng{font-size: 12px; letter-spacing: 5px;}

  .subTop .subTopTxt h3{font-size:1.4em;}
  .subTop .subTopTxt p{line-height: 1.4;}
  .subTop .subTopTxt ul li{line-height: 1.4;}
  .ciBox_tit{letter-spacing: 0.3em;}
  
  .subTit h3 {font-size:1.8em;}
  .subTit .subTxt br {display:none;}
  .dft_dl dl {margin-top:10px;}


  /**/
  .navbar-default{padding: 13px 0;}
  .top_logo img{width: 135px;}

  /* 메인 */  
  .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 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.2em;}
  .mainTxt .txtBox p br {display:none;}
  .mainInfo .mapTit {font-size:1.4em;}
  .mainInfo .kka_map {height:36vh;}
  .mainInfo .kka_map .wrap_map {height:36vh;}

  /* 서브 */
  .top_box h2.top_title {font-size: 2.1em;}
  .top_box p {font-size: 0.8em;}
  
  .subTop .subTopTxt {max-width:90%; min-width:90%;}


  .what ul {padding-top: 0;}
  .what p {font-size:1.1em;}
  .what p br {display:none;}
  .what .subTit {margin-bottom:16px;}

  .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.flex02 .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;}

  .caution2 .txtBox .cauTit {font-size:1.6em; margin-bottom:14px;}
  .caution2 .cautionList li {padding-left:26px;}
  
  .about01 .aboutTxt .pointTxt {font-size:1.4em;}
  .about01 .aboutTxt .txt br {display:none;}
  
  .ab02_Box{padding: 40px 0;}
  .about02 .aboutList{padding-top: 0;}
  .about02 .aboutList li {padding:26px;}
  .about02 .aboutList li img {width:60px; margin-top:8px;}

  #doctor {padding-top: 40px;}  
  #doctor .career .name {font-size: 1.1em;}
  #doctor .career .doctor_infoBox.fl_cont{flex-wrap: wrap;}
  #doctor .career .doctor_infoBox .doctor_info{width:100%}
  

  .iconTit {margin-bottom:16px;}
  .iconTit img {width:18px; margin-right:8px; margin-bottom:2px;}
 
 
  #contact .fl_cont {gap:0px;}
  #contact .subMap {margin-bottom:40px;}
  #contact .map_csBox{margin-bottom: 60px;}
  #contact .time .subMap {flex-wrap:wrap;}
  #contact .time .txtBox {width:100%;}
  #contact .contactImg {width:100%; height:360px; background-position:50% 0%; border-radius:6em 0 0 0;}  
  #contact .time .iconTit {width:100%;}
  #contact .mapBtn {width:100%;}
  #contact .mapBtn a {height:52px; line-height:47px;}
  #contact .mapBtn a img {width:20px;}
  #contact .map .fl_cont{}
  #contact .txtBox1{width: 100%;}
  #contact .txtBox2{width: 100%;}
  .map_time{font-size: 1.1em;}
  #contact .time .tel {font-size: 2em;}
  
	.clinic_list2 li{
	   width: 13rem;
	   height: 13rem; 
	}  
	.clinic_list2 li.plus:before, .clinic_list2 li.plus:after{left: -25px; height: 26px;}
	.ns_clinic_txt h3{font-size: 1.3em;}

	.sg_clinic_list li{width: 13rem; height: 13rem;}	
	
	.clinic_list li{width: 12rem; height: 12rem;}	
	
	.np_listBox{gap: 10px;}
	.np_listBox.flex03 li{width: calc((100% - 20px) / 3); padding-bottom: 47px;}
	.np_listBox.flex03 li.ns_txt1::before{width: 187px;}
	.np_listBox.flex03 li::before{width: 100px;}
	
	.causeArea .cause_list ul li{ width: calc((100% - 10px) / 2);}
}


@media (max-width:400px) {
  /*공통*/
	.pad_top_150 {padding-top: 80px;}
	.pad_top_100 {padding-top: 50px;}
	.pad_bot_100{padding-bottom: 50px;}
  
  .con_tit{margin: 10px 0 30px;}
  /*.con_tit h3{font-size: 1.6em;}*/
  .con_tit p {font-size: 1.05em;}  	
  
  	
  /*서브공통*/	
  .top_box {padding: 80px 0;}
  .top_box h2.top_title{font-size: 1.8em;}
  .top_box p {font-size: 0.6em;}  
  
  .subTit h3 br{display:none}

  
  .ciBox_txt{
    max-width: 250px;
    margin: 20px auto 0;	  
  }
  
  .main_intro .partner ul li .one_img{}
  .main_intro .partner ul li .one_img img{}
  .main_intro .partner ul li p{padding-top: 12px; font-size:1.05em;}

  .mainTxt .txtBox h3 {font-size:1.4em;}
  .mainTxt .txtBox p {font-size: 1.05em;}
  
  .merit .meritList li {width:100%;}
  
  .about01 .aboutImg{height: 200px;}
  .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;}
  
  .caution2 .txtBox .cauTit {font-size:1.4em;}
    
}

/**/
.ci03_mdBox {
    gap: 30px;
	justify-content: center;
    flex-wrap: nowrap;
    text-align: center;
}
.ci03_mdBox .ci03_md{max-width: 500px; width: 50%;}
.ci03_mdBox .ci03_md .ci03_md_img {
    background: #000;
    padding: 20px;
    border-radius: 20px;
}
.ci03_mdBox .ci03_md .ci03_md_img img {
    max-width: 240px;
    width: 100%;
}
.ci03_mdBox .ci03_md .ci03_md_txt {
    margin-top: 15px;
    font-size: 1.3em;
}


.ci03_mdBox2Bg {
    background: url(../img/ci03_mdBox2Bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    height: 450px;
    border-radius: 20px;
    width: 100%;
}
.ci03_md2Box {
    gap: 30px;
    justify-content: center;
    flex-wrap: nowrap;
    text-align: center;
    margin-top: 60px;
}
.ci03_md2Box li{text-align:center; width: calc((100% - 30px) / 4);}
.ci03_md2Box li .ci03_md2_icon{
    padding: 36px;
    border-radius: 100px;
    background: #f6f6f6;	
	display: inline-block;
}
.ci03_md2Box li .ci03_md2_icon img{
    max-width: 80px;
    width: 100%;	
}
.ci03_md2Box li .i03_md2_txt{margin-top: 20px; }
.ci03_md2Box li .i03_md2_txt h5{font-size: 1.5em;position:relative; padding-bottom: 19px;}
.ci03_md2Box li .i03_md2_txt h5:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 23px;
    height: 2px;
    background: #2196f3;
    left: 50%;
    transform: translateX(-50%);
}
.ci03_md2Box li .i03_md2_txt p{ margin-top: 15px; font-size: 1.1em; color: #666;}

@media (max-width:991px) {
	.ci03_mdBox .ci03_md .ci03_md_img img{max-width: 180px;}
	.ci03_mdBox .ci03_md .ci03_md_txt{font-size: 1.2em;}
    .ci03_mdBox2Bg {
        height: 300px;
        padding: 40px 0;
    }
    .ci03_md2Box li .ci03_md2_icon img{max-width: 60px;}
}

@media (max-width:760px) {	
	.ci03_mdBox{gap: 20px;}
	.ci03_mdBox2Bg{height: 200px;}
	.ci03_md2Box{flex-wrap:wrap; gap: 30px 20px; margin-top: 50px;}
	.ci03_md2Box li{width: calc((100% - 20px) / 2);}		.
	.ci03_md2Box li .ci03_md2_icon{padding: 30px;}
	.ci03_md2Box li .i03_md2_txt p{margin-top: 10px;}
}