@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-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

* { 
  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:#18c2ff;}
.colorWhite {color:#fff !important;}
.color_rad {color:#f80000 !important;}
.color_po1 {color:#999 !important;}
.color_po2 {color:#002eb1 !important;}
.color_po3 {color:#e1bff5 !important;}
.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;}

.ma_bt0{margin-bottom:0 !important}


/* 메인 */
.intro {border-bottom:solid 1px #eee;}
.intro .introTxt {text-align:center;}
.intro .introTxt .decoTxt {font-size:1.4em; font-weight:400; 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;}

.vip_infoBox{
    background: url(../img/vipBg.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;	
}
.vip_info {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}
.vip_info .vip_info_txt {width:calc(50% - 20px)}
.vip_info .vip_info_txt h3 {
    font-size: 2.8em;
    font-weight: 600;
    padding: 5px 0;
    color: #fff;
	font-family: 'Paperlogy-8ExtraBold';
	background-clip: text;
    -webkit-background-clip: text;
    color: transparent;	
	background-image:linear-gradient(to right, #ffc870, #ffd47f 30%, #d8c392 50%, #ffd47f 70%, #ffc870)
}

.vip_info .vip_info_txt h3 span{font-size:0.7em}
.vip_info .vip_info_txt p {
    font-size: 1.5em;
    padding: 3px 25px 5px;
    color: #0a0d20;
    display: inline-block;
    margin-top: 30px;
    border-radius: 100px;
    font-weight: 500;
    background-image: linear-gradient(to right, #ffc870, #ffd47f 30%, #d8c392 50%, #ffd47f 70%, #ffc870);		
}

.vip_info .vip_info_img{width:calc(50% - 20px)}
.vip_info .vip_info_img img{width:100%; max-width:700px;}

@media (max-width:986px) {
	.vip_info .vip_info_txt {width:100%; text-align:center; font-size:0.8em}	
	.vip_info .vip_info_img {width:100%;text-align:center}
	
}


.main_clBox .con_tit {
    text-align: center;
    padding-bottom: 50px;
}
.main_clBox .con_tit h3 {font-size:2.2em; font-weight: 400; line-height: 1.4; }
.main_clBox .con_tit p {
    font-size: 1.3em;
    padding-top: 20px;
    color: #222;
    line-height: 1.4;
}

.main_clBox .main_cl{    
    padding: 20px 50px;
    border-radius: 10px;
    background: #fff;
}
.main_clBox .main_cl .main_cl_list {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
.main_clBox .main_cl .main_cl_list:last-child{border-bottom:0}
.main_clBox .main_cl .main_cl_list .main_cl_img{width:calc(30% - 20px); text-align:center;}
.main_clBox .main_cl .main_cl_list .main_cl_img img {
    width: 100%;
    max-width: 235px;
}
.main_clBox .main_cl .main_cl_list .main_cl_txt{width:calc(70% - 20px)}
.main_clBox .main_cl .main_cl_list .main_cl_txt h5 {
    font-size: 1.4em;
    font-weight: 600;
}
.main_clBox .main_cl .main_cl_list .main_cl_txt p{font-size: 1.1em; padding:10px 0;  color: #2da4cf;}
.main_clBox .main_cl .main_cl_list .main_cl_txt ul {padding-left: 23px;}
.main_clBox .main_cl .main_cl_list .main_cl_txt ul li {font-size: 1em; color: #555;    list-style: disc;}

.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 .kakao_map{width:100%; height:46vh;}
.mainInfo .kakao_map .wrap_map {height:46vh;}

.map_imgBox {}
.map_imgBox a{
    height: 46vh;	
	display: block;
}
.parking_bg1{
    background: url(../img/map_imgBg.jpg) no-repeat ;
	background-size: cover;
	background-position: 50% 50%;	
}
.parking_bg2{
    background: url(../img/map_imgBg2.jpg) no-repeat ;
	background-size: cover;
	background-position: 50% 50%;	
}

.ro_mapBox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
	background: #fff
}
.ro_mapBox .ro_map_img{width:calc(60% - 10px); text-align:center;}
.ro_mapBox .ro_map_img img{width:100%; max-width:960px;}
.ro_mapBox .ro_map_txt{width:calc(40% - 10px)}
.ro_mapBox .ro_map_txt h5{font-size:1.6em; font-weight:600; margin-bottom:25px;}
.ro_mapBox .ro_map_txt dl{ margin-bottom: 20px; position:relative; padding-left:60px;}
.ro_mapBox .ro_map_txt dl::before{
	content:''; 
	display:inline-block; 
    background: url(../img/pk1_icon.png) no-repeat;
    background-size: cover;
    background-position: 50% 50%;	
	width:50px;
	height:48px; 
	position:absolute;
	top:10px;
	left:0
}
.ro_mapBox .ro_map_txt dl.pk2::before{
	background: url(../img/pk2_icon.png) no-repeat;
    background-size: cover;
    background-position: 50% 50%;		
}
.ro_mapBox .ro_map_txt dt {
    font-size: 1.2em;
    font-weight: 600;
}
.ro_mapBox .ro_map_txt .pk1 dt {color:#3871b8 }
.ro_mapBox .ro_map_txt .pk2 dt {color:#009a44}
.ro_mapBox .ro_map_txt dd {
    font-size: 1.1em;
    color: #333;
}

#footer {background-color:#222; padding:40px 0 150px; font-size:0.9em; color:#bbb;}
#footer .fl_cont {gap:6%;}
#footer .ft_logo {}
#footer .ft_logo img {max-width: 200px; width:100%;}
#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;}

.tnb_admin{margin-top:15px;}
.tnb_admin a {
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
    font-size: 0.85em;
}

/* 모달 */
.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;}
  
  .map_imgBox a{ height: 55vh;}
  .parking_bg2{background-position: 50% 38%;}
  
  .ro_mapBox .ro_map_img{width:100%}
    .ro_mapBox .ro_map_txt {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px;
    }
}

@media (max-width:786px) {
  .map_imgBox a{height: 36vh;}
  .map_imgBox a{/*background-position: 13% 50%;*/  background-size: 130%;}	
  
  .ro_mapBox .ro_map_txt dl{padding-left: 40px;}
  .ro_mapBox .ro_map_txt dl::before{
	width:32px;
	height:30px; 	  
  }
}

/* 서브 공통 */
.top_box {text-align:center; padding: 150px 0;}
.top_box1{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box2{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box3{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box4{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box5{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box6{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}
.top_box7{background:url('../img/top_box_bg1.jpg') no-repeat 80% 50%; background-size:cover;}

.top_box .top_eng {
    font-size: 1em;
    color: #fff;
    font-weight: 300;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .2);
    letter-spacing: 7px;
    padding-bottom: 15px;
}
.top_box .top_title {font-size:2.8em; color:#fff; font-weight:800; text-shadow:0px 4px 4px rgba(0, 0, 0, .2);}


.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:#a1a1a1; 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:145px; color:#09b7ce; font-weight:500;}
.dft_dl dd {}
.dft_dl .subTxt {
    font-size: 0.9em;
    color: #f80000 !important;
    margin: 7px 0 0;
}

.subTit {text-align:center; margin-bottom:60px;}
.subTit .num {font-size:1.8em; font-weight:600;}
.subTit h6 {
    font-size: 1.4em;
    margin-bottom: 20px;
    font-weight: 400;
	color: #555;
}
.subTit h3 {
    font-size: 2.2em;
    font-weight: 900;
}
.subTit p {font-size:1.4em; margin-top:30px;}
.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.3em;
    line-height: 1.6;
    margin: 30px 0 16px;
}
.about01 .aboutTxt .txt {
    font-size: 1em;
    color: #444;
    line-height: 1.6;
    padding-bottom: 15px;
}
.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:5em 0 5em 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:100%; 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;    flex: 1;}
.about02 .aboutList li img {width:120px; margin-left:auto;margin-top: 20px;}
.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;
    gap: 20px;
}
.depart .iconList li {
    width: calc(20% - 10px);
    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.4em; color:#fff; margin-top:20px;}
.depart .iconList p {
    font-size: 0.95em;
    color: #ffffffcf;
    margin-top: 10px;
}

#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.2em;}
#doctor .career .name span {font-size:1.7em; color:#000; font-weight:600;}
.ds_pf{margin-top:32px;}
#doctor .career .ds_pf h6 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 7px;
	color:#18c2ff
}
#doctor .career .ds_pf ul {}
#doctor .career .ds_pf ul li {font-size:1em; margin-bottom:8px; padding-left:16px; position:relative;}
#doctor .career .ds_pf ul li::before {content:''; position:absolute; top:12px; left:0; width:6px; height:6px; background-color:#18c2ff;}
#doctor .career .ds_pf 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;  margin-bottom: 45px;}
#contact .fl_cont {gap:60px;}
#contact .subMap {margin-bottom:50px;}
#contact .subMap:last-child {margin-bottom:0;}
#contact .kakao_map {width:100%; height:45vh; margin-bottom:50px;;}
#contact .kakao_map .wrap_map {height:45vh;}
#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;}

.pk_bg{width:100%;  height: 45vh; margin-bottom: 50px;    display: inline-block;}
.pk_bg1{
    background: url(../img/pk_bg1.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;	
}
.pk_bg2{
    background: url(../img/pk_bg2.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 43%;	
}

@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;}
  .main_clBox .main_cl .main_cl_list .main_cl_txt{font-size:1.1em}
}


@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 {min-width:120px;}
  .dft_dl dd {width:72%;}

  /* 메인 */
  .intro .introTxt h3 {margin-bottom:40px;}
  .intro .introTxt img {max-width:180px;}
  
  .main_clBox .main_cl .main_cl_list .main_cl_txt{font-size:1em}

  .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:550px; margin:0 auto 20px; gap:24px;}
  .mainInfo .mapTxt{ width: 80%;}

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

  .top_box { font-size: 0.95em; padding: 130px 0;}
  .top_box .top_eng {}
  .top_box .top_title{}
  .subTit {margin-bottom:30px;}
  .subTit h3 {font-size:1.8em;}
  
  .cont_title{ 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; flex:none}
  .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 .ds_pf {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;}

	.pk_bg1{
		/*
		background: url(../img/pk_bg1_m.jpg) no-repeat;
		background-size: cover;*/
		background-position: 50% 50%;	
	}
	.pk_bg2{
		/*
		background: url(../img/pk_bg2_m.jpg) no-repeat;
		background-size: cover;
		*/
		background-position: 50% 50%;	
	}

  .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 h6{ font-size: 1.4em;}
  .subTit h3 {font-size:1.8em;}
  .subTit p { font-size: 1.3em;}  
  .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;}
  
  .main_clBox .main_cl {margin-top:30px;}
  .main_clBox .main_cl .main_cl_list{}
  .main_clBox .main_cl .main_cl_list .main_cl_img{width:100%}
  .main_clBox .main_cl .main_cl_list .main_cl_img img {max-width:160px;}
  .main_clBox .main_cl .main_cl_list .main_cl_txt{width:100%;}
  .main_clBox .main_cl .main_cl_list .main_cl_txt h5{text-align:center;}
  .main_clBox .main_cl .main_cl_list .main_cl_txt p{text-align:center;}

  .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 .kakao_map {height:36vh;}
  .mainInfo .kakao_map .wrap_map {height:36vh;}

  /* 서브 */
  .top_box { font-size: 0.85em; padding: 100px 0;}  
  .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 { font-size: 0.75em; padding: 90px 0;}

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


  
}



/*서브 하단 네비*/
.category-wrap {width:100%; height:70px; background-color:#fff; border-bottom:1px solid #ddd;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background-color:#fff; max-width:1300px; z-index:3; position:relative; margin: 0px auto;}
.all-wrap{max-width:1300px;  height:69px; margin:0 auto;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:71px; line-height:65px;  color:#555; border-right:1px solid #ddd; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area{height:69px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0;}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:220px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca-area>ul>li button{height:69px;width:220px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;border:0;  background-color: inherit; box-sizing: border-box;
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#333; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{/*overflow:hidden;*/height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#555;line-height:46px;display:block; padding-left:19px; font-size:15px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover { color:#000; font-weight:bold}
.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; border-bottom: 1px solid #ddd; cursor:pointer}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}

.nav_list{display: none;}

@media screen and (max-width: 640px) {
    .all-wrap .loca-wrap .loca-area {float:none;}
	.all-wrap .loca-wrap .loca-area > a {width:10%;}
	.all-wrap .loca-wrap .share-area { display:none}
	.all-wrap .loca-wrap .loca-area > ul {width:100%;}
	.all-wrap .loca-wrap .loca-area > ul > li { width:50%;}
	.all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}	
	.all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0;}
	.all-wrap .loca-wrap .loca-area>ul>li button span{ font-size: 13px;}
	.all-wrap .loca-wrap .loca-area i { display:none}
	.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ font-size: 13px;}
}
/*서브 하단 네비*/



/*서브내용 타이틀*/
.sub_TitBox {
    position: relative;
    padding: 150px 0;
	z-index: -1;
}
.subTit_inBox {
    text-align: center;
    position: relative;
    z-index: 9;
}
.subTit_inBox .subTit_in{}
.subTit_inBox .subTit_in p{
    font-size: 1em;
    font-weight: 300;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .2);
    letter-spacing: 7px;
    padding-bottom: 15px;
	color: #28cefc;
}
.subTit_inBox .subTit_in h3{font-size:3em; font-weight:800}
.subTit_inBox .subTit_img {margin: 50px 0;position: relative;}
.subTit_inBox .subTit_img img {
    max-width: 900px;
    width: 100%;
    border-radius: 1000px;
}
.sb_tit_imgT {
    position: absolute;
    bottom: -4%;
    background: #28cefc;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5em;
    padding: 9px 40px;
    border-radius: 100px;
    color: #002b6d;
}
.sb_tit_imgT strong{font-size:1.25em}
.sub_in_txt {
    color: #fff;
    font-size: 1.5em;
	line-height: 1.6;
}
.subTit_bg {
    height: 600px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.subTit_cl1_1{background:url('../img/subTit_cl1_1.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl1_2{background:url('../img/subTit_cl1_2.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl1_3{background:url('../img/subTit_cl1_3.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl1_4{background:url('../img/subTit_cl1_4.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl1_5{background:url('../img/subTit_cl1_5.jpg') no-repeat 80% 50%; background-size:cover;}

.subTit_cl2_1{background:url('../img/subTit_cl2_1.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl2_2{background:url('../img/subTit_cl2_2.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl2_3{background:url('../img/subTit_cl2_3.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl2_4{background:url('../img/subTit_cl2_4.jpg') no-repeat 80% 50%; background-size:cover;}

.subTit_cl3_1{background:url('../img/subTit_cl3_1.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl3_2{background:url('../img/subTit_cl3_2.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl3_3{background:url('../img/subTit_cl3_3.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl3_4{background:url('../img/subTit_cl3_4.jpg') no-repeat 80% 50%; background-size:cover;}


.subTit_cl4_1{background:url('../img/subTit_cl4_1.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl4_2{background:url('../img/subTit_cl4_2.jpg') no-repeat 80% 50%; background-size:cover;}
.subTit_cl4_3{background:url('../img/subTit_cl4_3.jpg') no-repeat 80% 50%; background-size:cover;}

@media (max-width:1100px) {
	.subTit_inBox .subTit_img img{    max-width: 800px;}
}

@media (max-width:980px) {
	.sub_TitBox{padding: 100px 0;}
	.subTit_inBox .subTit_in h3{font-size: 2.8em;}
	.subTit_inBox .subTit_img img{    max-width: 600px;}
	.subTit_bg{height: 450px;}
}
@media (max-width:860px) {
	.subTit_inBox .subTit_in p{ letter-spacing: 5px;}
	.subTit_inBox .subTit_in h3{font-size: 2.5em;}	
	.sb_tit_imgT{bottom: -10%; padding: 9px 20px; font-size: 1.4em;}
	.sub_in_txt{    font-size: 1.3em;}
	.sub_in_txt br{display:none}
}

/*서브내용 타이틀*/


/**/
.im1_qa {
    font-size: 1.2em;
    background-color: #fff;
    padding: 35px;
    border-radius: 1em;
    text-align: center;
    margin-bottom: 20px;
}
.im1_qa h5 {
    position: relative;
    font-size: 1.4em;
    font-weight: 700;
	line-height: 1.4;
}
.im1_qa h5 span.im1_qa_img img{    
    max-width: 40px;
    vertical-align: bottom;
}
.im1_qa p{font-size:1.1em; padding-top:20px;color: #555;}


.im1_inBox {
    background: url(../img/imp01_merit_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.cl2_3in_bg1 {
    background: url(../img/cl2_3in_bg1.jpg) no-repeat 50% 50%;
    background-size: cover;
	padding: 140px 0;
}


@media (max-width:980px) {
	.im1_qa h5 span.im1_qa_img img{ max-width: 27px;}
	.cl2_3in_bg1{padding:90px 0;}
}

@media (max-width:860px) {
	.im1_qa_list{font-size: 0.9em;}	
}
/**/



/*테이블1*/
.sb_tableBox{}
.sb_tableBox table{width:100%;}
.sb_tableBox table tr th, .sb_tableBox table tr td{
  border: 1px solid #ddd;
  border-collapse: collapse;	
  padding:20px;
  font-size:1.3em;
  word-break: keep-all;
}
.sb_tableBox table tr th{text-align:center}
.sb_tableBox table tr td{ color: #555;}
.sb_tableBox table tr td ul{ padding-left: 25px;}
.sb_tableBox table tr td ul li{ list-style: disc;}
.table_bg1{background:#007fdc; color:#fff}

@media (max-width:980px) {
	.sb_tableBox {
		font-size: 0.9em;
	}	
}
/*테이블1*/



/*테이블2*/
.vs_tableBox{}
.vs_tableBox table{width:100%;}
.vs_tableBox table tr th, .vs_tableBox table tr td{
  border: 1px solid #ddd;
  border-collapse: collapse;	
  padding:20px;
  font-size:1.3em;
  text-align:center;
  word-break: keep-all;
}
.vs_tableBox table tr th{}
.vs_tableBox table tr td{}
.vs_tableBox table tr td ul{ padding-left: 25px;}
.vs_tableBox table tr td ul li{ list-style: disc;}
.vs_table_co1{color:#003585}
.vs_tableBg1{background:#eee}
.vs_tableBg2{
    background: #007fdcde;
    color: #fff;	
}
.vs_tableBg3{
    background: #0042a5;
    color: #fff;	
}
.vs_tableBg4{
    background: #555;
    color: #fff;	
}
.vs_tableBg5{
    background: #6560d7cc;
    color: #fff;	
}
.vs_tableBg6{
    background: #763cbf;
    color: #fff;	
}
@media (max-width:980px) {
	.vs_tableBox {
		font-size: 0.9em;
	}	
}
/*테이블2*/



/*전해드리는 말씀*/
.cl1_in_txtBox{}
.cl1_in_txtBox p {
    font-size: 1.3em;
    color: #fff;
    line-height: 1.8;
    text-align: center;
}



/**/
.cl_list_nmBox{}
.cl_list_nmBox ul{display:flex; gap: 20px;}
.cl_list_nmBox ul li {
    padding: 40px 20px;
    text-align: center;
    flex: 1;
    background: #002389;
    border-radius: 10px;
    color: #fff;
}
.cl_list_nmBox ul li:nth-child(even){background: #007fdc;}
.cl_list_nmBox ul li h6 {
    font-size: 2em;
    font-weight: bold;
}
.cl_list_nmBox ul li p {
    font-size: 1.35em;
    padding-top: 10px;
}

@media (max-width:980px) {
	.cl_list_nmBox ul{    flex-wrap: wrap; gap:20px}
	.cl_list_nmBox ul li{width:calc(50% - 10px); flex: none;}
}
@media (max-width:860px) {
	.cl1_in_txtBox{font-size: 0.9em;}	
}
/*전해드리는 말씀*/



.cl_hf {
    display: flex;
    align-items: center;
    background: #f7f7f7;
}
.cl_hf_re{    flex-direction: row-reverse;}
.cl_hf .cl_hf_img{
    width:50%;
    height: 550px;
}
.cl_hf .cl_hf_i1{
    background: url(../img/cl_hf_i1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl_hf_i2{
    background: url(../img/cl_hf_i2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl_hf_i3{
    background: url(../img/cl_hf_i3.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}

.cl_hf .cl3_hf_i1{
    background: url(../img/cl3_hf_i1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl3_hf_i4{
    background: url(../img/cl3_hf_i4.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl3_hf_i5{
    background: url(../img/cl3_hf_i5.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl3_hf_i5_2{
    background: url(../img/cl3_hf_i5_2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}

.cl_hf .cl4_hf_i1{
    background: url(../img/cl4_hf_i1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl4_hf_i2{
    background: url(../img/cl4_hf_i2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}

.cl_hf .cl4_3hf_i1{
    background: url(../img/cl4_3hf_i1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}
.cl_hf .cl4_3hf_i2{
    background: url(../img/cl4_3hf_i2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}



.cl_hf .cl_hf_txt{width:50%; padding: 60px;}
.cl_hf .cl_hf_txt h3 {
    font-size: 2.2em;
    line-height: 1.3;
    font-weight: 600;
}
.cl_hf .cl_hf_txt p {
    font-size: 1.3em;
    color: #222;
    padding-top: 30px;
    line-height: 1.5;
}

@media (max-width:980px) {
	.cl_hf{flex-wrap: wrap;}
	.cl_hf .cl_hf_img{width:100%; height: 450px;}
	.cl_hf .cl_hf_txt{width:100%; padding: 50px 30px; font-size: 0.9em;}
}
@media (max-width:760px) {
	.cl_hf .cl_hf_img{width:100%; height: 300px;}
}
/**/



/**/
.cl_hfBox_bg1{
    background: url(../img/cl_hfBox_bg1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.cl_hfBox_bg2{
    background: url(../img/cl_hfBox_bg2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.cl_hfBox_bg3{
    background: url(../img/cl_hfBox_bg3.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.cl_hfBox_bg4{
    background: url(../img/cl_hfBox_bg4.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.cl_hfBox_bg5{
    background: url(../img/cl_hfBox_bg5.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.cl_list_iBox{display:flex; gap:20px}
.cl_list_iBox .cl_list_i {
    text-align: center;
    padding: 20px 20px;
    border: 3px solid #fff;
    border-radius: 10px;
    flex: 1;
    background: #ffffff1f;    
}
.cl_list_iBox .cl_list_i .cl_list_img{text-align:center; padding-bottom: 20px;}
.cl_list_iBox .cl_list_i .cl_list_img img{width:100%; max-width:230px}
.cl_list_iBox .cl_list_i h6 {
    font-size: 1.7em;
    font-weight: 600;
	color: #fff;
}
.cl_list_iBox .cl_list_i p {
    font-size: 1.2em;
    padding-top: 20px;
    color: #eee;
}

@media (max-width:980px) {
	.cl_list_iBox{flex-wrap: wrap; gap:20px}
	.cl_list_iBox .cl_list_i{width:calc(50% - 10px);flex: none;}
}

@media (max-width:860px) {
	.cl_list_iBox .cl_list_i{width:100%}
	.cl_list_iBox .cl_list_i .cl_list_img img{    max-width: 180px;}
}
/**/


/**/
.lo_bg1{
    background: url(../img/lo_bg1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.lo_list_iBox {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}
.lo_list_iBox .lo_list_i {
    text-align: center;
    border: 3px solid #fff;
    width: 270px;
    height: 270px;
    border-radius: 100%;
    position: relative;
    background: #ffffff1f;
}

.lo_list_iBox .lo_list_i p {
    font-size: 1.2em;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 10px;
}

@media (max-width:1200px) {
	.lo_list_iBox .lo_list_i {
		width: 200px;
		height: 200px;		
	}
}

@media (max-width:980px) {
    .lo_list_iBox {
        flex-wrap: wrap;
        gap: 20px;
        max-width: 800px;
        margin: 0 auto;
    }
	.lo_list_iBox .lo_list_i{    width: 280px; height: 280px;}
}

/**/



/**/
.cl_nmBox{}
.cl_nmBox_bg1{
    background: url(../img/cl_nmBox_bg1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;		
}
.cl_list_iBox2{
    display: flex;
    gap: 40px;
}
.cl_list_iBox2 .cl_list_i {
    position: relative;
    border-radius: 10px;
    padding: 20px 15px;
    text-align: center;
    flex: 1;
}
.cl3_5list_iBox {
    flex-wrap: wrap;
    justify-content: center;	
}
.cl3_5list_iBox .cl_list_i{width:calc(32% - 10px); flex:none}
.cl_list_iBox2 .cl_list_i:after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/cl_pro.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    right: -36px;
    top: 50%;
    transform: translateY(-50%);
}
.cl_list_iBox2 .cl_list_i:last-child:after{display:none} 
.cl_list_iBox2 .cl_list_i h4 {
    font-size: 3em;
    font-weight: 600;
    padding-bottom: 10px;
    color: #007fdc;
}
.cl_list_iBox2 .cl_list_i h6 {
    font-size: 1.5em;
    font-weight: 600;
    background: #007fdc;
    color: #fff;
    padding: 11px 0;
    border-radius: 5px;
}
.cl_list_iBox2 .cl_list_i p {
    font-size: 1.2em;
    padding-top: 20px;
}
@media (max-width:980px) {
	.cl_list_iBox2{flex-wrap: wrap;}
	.cl_list_iBox2 .cl_list_i{width:calc(50% - 20px);flex: none;}
	.cl_list_iBox2 .cl_list_i:after {
		content: '';
		background: url(../img/cl_pro_mo.png) no-repeat 50% 50%;
		background-size: cover;
		position: absolute;
		left: 50%;
		top: initial;
		bottom: -38px;
		transform: translateX(-50%);
	}	
}

@media (max-width:860px) {
	.cl_list_iBox2 .cl_list_i{width:100%}
	.cl3_5list_iBox .cl_list_i{width:100%;}
	.cl_list_iBox2 .cl_list_i .cl_list_img img{    max-width: 180px;}
}






.cl_rcm_bg1{
    background: url(../img/cl_rcm_bg1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;			
}
.cl_rcm_bg2{
    background: url(../img/cl_rcm_bg2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;			
}
.cl_rcm {}
.cl_rcm .cl_rcm_list{}
.cl_rcm .cl_rcm_list ul {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;	
}
.cl_rcm .cl_rcm_list ul li {
    width: calc(50% - 12px);
    font-size: 1.3em;
    background: #fff;
    padding: 25px 25px 25px 85px;
    position: relative;
    word-break: keep-all;
    border-radius: 100px;
	box-shadow: 0px 0px 11px 2px #0000000a;
}
.cl_rcm .cl_rcm_list ul li::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/ck_icon.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width:980px) {
	.cl_rcm .cl_rcm_list ul{gap: 15px;}
	.cl_rcm .cl_rcm_list ul li{width:100%;    padding: 25px 25px 25px 70px;}
	.cl_rcm .cl_rcm_list ul li::after{
		width: 30px;
		height: 30px;	
		left: 28px;
	}
}


/*주의사항*/
.ct_listBox{
    background: url(../img/ct_listBg.jpg) no-repeat;
    background-size: cover;	
	background-position:center;			
}
.ct_list {
    max-width: 1250px;
    margin: 0 auto;
    border: 4px solid #f3f3f3;
    padding: 30px;
    border-radius: 10px;
}
.ct_list ul {
    padding-left: 27px;
}
.ct_list ul li {
    color: #fff;
    list-style: disc;
    font-size: 1.5em;
    padding: 5px 0;
}

@media (max-width:980px) {
	.ct_list {font-size: 0.9em;  padding: 20px;}
}
/*주의사항*/


.cl1_3inBox{
    background: url(../img/cl1_3in_bg.jpg) no-repeat;
    background-size: cover;	
	background-position:center;				
}
.cl1_4inBox{
    background: url(../img/cl1_4in_bg.jpg) no-repeat;
    background-size: cover;	
	background-position:center;				
}
.cl1_4in_img{text-align:center; margin: 80px 0;}
.cl1_4in_img img{width:100%; max-width:1000px}
.cl1_3in{}
.cl1_3in .cl1_3in_txt{text-align:center;}
.cl1_3in .cl1_3in_txt p{font-size: 1.5em;}

@media (max-width:980px) {
	.cl1_3in .cl1_3in_txt{font-size:0.9em}
	.cl1_4in_img{ margin: 30px 0;}
	.cl1_4in_img img{ max-width:700px}
}


.careBox{
    background: url(../img/careBg.jpg) no-repeat;
    background-size: cover;	
	background-position:center;		
}
.care_txt{text-align:center;}
.care_txt h3{    font-size: 2.6em;  font-weight: 900; word-break: keep-all;}
.care_txt h6{font-size:1.8em;padding-top:20px; line-height: 1.4;}
.care_txt p{font-size:1.5em;padding-top:10px}

.care_info2{margin-top:50px}
.care_in_list {
    padding: 40px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 0px 11px 8px #e2e2e282;
    border-radius: 20px;
	border: 5px solid #002389;
}
.care_in_list:nth-child(even){border: 5px solid #007fdc;}

.care_in_list h4 {
    font-size: 1.8em;
    line-height: 1.3;
	
}
.care_in_list h4 strong{color:#002389;}
.care_in_list:nth-child(even) h4 strong{color:#007fdc;}
.care_in_list:last-child{margin-bottom:0}
.care_in_list h6 {
    font-size: 1.4em;
    padding-top: 10px;
    line-height: 1.4;
    font-weight: 400;
}
.care_in_txt p {
    font-size: 1.2em;
    padding-top: 20px;	
}

@media (max-width:980px) {
	.care_txt{font-size:0.9em}
	.care_info2{font-size:0.9em;    margin-top: 30px;}
	.care_in_list{padding: 30px;  margin-bottom: 20px;}
}



/**/
.cl_qsBox{}
.cl_qsBg1{
    background: url(../img/cl_qsBg1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}

.cl_qsBg2{
    background: url(../img/cl_qsBg2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}

.cl4_3qsBg{
    background: url(../img/cl4_3qsBg.jpg) no-repeat;
    background-size: cover;	
	background-position:center;
}

.cl_qsBox .subTit_sb{text-align:center;}
.cl_qsBox .subTit_sb h6{background#eee}
.cl_qsBox .subTit_sb h6 strong{}
.cl_qs_info {
    background: #ffffff96;
    padding: 40px;
    border-radius: 10px;
    border: 5px solid #a1a1a1;
}
.cl_qs_info .cl_qs_inTxt{}
.cl_qs_info .cl_qs_inTxt p {
    font-size: 1.5em;
    text-align: center;
}

@media (max-width:980px) {
	.cl_qs_info{ padding: 30px;}
	.cl_qs_info .cl_qs_inTxt{font-size:0.8em}
}

.cl_way_list{}
.cl_way_list ul {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}
.cl_way_list ul li {
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 185px;
    height: 185px;
    border-radius: 100px;
	position:relative;
    background: url(../img/cl_way_listBg.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.cl_way_list ul li:after {
    position: absolute;
    right: -27px;
    top: 49%;
    content: '';
    width: 15px;
    height: 15px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg) translateX(-50%);
}

.cl_way_list ul li:last-child:after{display:none}

.cl_way_list ul li:nth-child(1){opacity:.75}
.cl_way_list ul li:nth-child(2){opacity:.8}
.cl_way_list ul li:nth-child(3){opacity:.85}
.cl_way_list ul li:nth-child(4){opacity:.9}
.cl_way_list ul li:nth-child(5){opacity:.95}
.cl_way_list ul li:nth-child(6){opacity:1}

.cl_way_list ul li p{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:1.5em}

.cl_way_inBox{margin-top:60px}
.cl_way_inBox .cl_way_txtBox {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 0px 7px #ddddddb5;
}
.cl_way_inBox .cl_way_txtBox .cl_way_txt{padding:20px 10px}
.cl_way_inBox .cl_way_txtBox .cl_way_txt h5{font-size:1.6em;}
.cl_way_inBox .cl_way_txtBox .cl_way_txt h5 span{
    display: inline-block;
    background: #6167ac;
    padding: 5px 17px;
    color: #fff;
    border-radius: 100px;
    font-size: 0.8em;
}
.cl_way_inBox .cl_way_txtBox .cl_way_txt p{font-size:1.4em; padding-top:10px;}

@media (max-width:980px) {
	.cl_way_list ul{font-size:0.8em}
	.cl_way_list ul li{width: 150px;height: 150px;}
	
	.cl_way_inBox{font-size:0.9em}
}

@media (max-width:680px) {
	.cl_way_list ul li{width: 130px;height: 130px;}
	.cl_way_inBox .cl_way_txtBox .cl_way_txt h5 span{font-size: 0.6em;    padding: 5px 12px;}
}


.sb_tit_po{}
.stage_inBox{}
.stage_in_list{display:flex; gap:20px; }
.stage_in_list .stage_in {
    flex: 1;
	background: #6167ac;
	border-radius:15px;
}
.stage_in_list .stage_in:nth-child(1){background: #555dbf;}
.stage_in_list .stage_in:nth-child(2){background: #404ab6;}
.stage_in_list .stage_in:nth-child(3){background: #1e29aa;}
.stage_in_list .stage_in:nth-child(4){background: #000a84;}

.stage_in_list .stage_in .stage_in_img{
    background: #fff;
    border-radius: 14px 14px 0 0;	
}
.stage_in_list .stage_in .stage_in_img img{width:100%; max-width:800px}
.stage_in_list .stage_in .stage_in_txt {
    text-align: center;
    padding: 20px;
}

.stage_in_list .stage_in .stage_in_txt h6 {
    font-size: 1em;
    padding: 10px;
    background: #fff;
    color: #6167ac;
    display: inline-block;
    border-radius: 100px;
}
.stage_in_list .stage_in .stage_in_txt h3 {
    font-size: 1.4em;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    font-weight: 600;
}
.stage_in_list .stage_in .stage_in_txt p {
    font-size: 1.1em;
    color: #fff;
}

@media (max-width:980px) {
	.stage_in_list{flex-wrap: wrap;}
	.stage_in_list .stage_in{    flex: none; width:calc(50% - 10px)}
	
}

@media (max-width:680px) {
	.stage_in_list .stage_in{width:100%}
}

.key_inBg1{
    background: url(../img/key_inBg1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}

.key_in_list{}
.key_in_list ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.key_in_list ul li {
    background: rgba(255, 255, 255, 1);
    padding: 50px 30px 40px;
    text-align: center;
    border-radius: 10px;
    width: calc(50% - 10px);
}
.key_in_list ul li h6 {
    font-size: 1.2em;
    position: relative;
    color: #fff;
    padding-bottom: 11px;
    z-index: 9;
}
.key_in_list ul li h6:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
    height: 57px;
    background: url(../img/key_nm.png) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.key_in_list ul li p {
    font-size: 1.3em;
    padding-top: 25px;	
}


@media (max-width:980px) {
	.key_in_list{font-size:0.9em}
	.key_in_list ul li{padding: 40px 20px 30px;}
	.key_in_list ul li h6:after{ width: 55px;  height: 47px;}
}
/**/


/*클리닉 테이블*/
.tb_bg_gr{background: #bebebe;}
.tb_bg1{background: #9fb7fd1a;}
.cl_table{}
.cl_table table{width:100%;border-collapse : collapse;}
.cl_table table th, .cl_table table td	{
	border:1px solid #d6d6d6;
	border-collapse : collapse;
	padding:15px 10px;
	text-align:center;
	font-size:1.2em
}
.cl_table table thead {
    background: #2c395ec4;
    color: #fff;
}
.cl_table table tbody {background:#fff}
.cl_table table th{}
.cl_table table td{}
.cl_table table td h6{ word-break: keep-all; padding-bottom:10px; color:#2c395e;font-size:1.2em}
.cl_table table td p{ word-break: keep-all;}
.cl_table table td ul{text-align:left; padding-left:25px;}
.cl_table table td ul li{padding:4px 0; word-break: keep-all; list-style: disc;line-height: 1.4;}

.nonpay_po_txt{ margin-top:20px;}
.nonpay_po_txt ul{}
.nonpay_po_txt ul li{word-break: keep-all; font-size:1.4em; padding:2px 0}

@media screen and (max-width: 980px) {
	.cl_table table th, .cl_table table td{font-size:1.1em; padding:17px 12px}
}
/*클리닉 테이블*/


.chin_inBox{display:flex; gap:20px; flex-wrap: wrap;}
.chin_in_list {
    width: calc(50% - 10px);
    display: flex;
	flex-wrap: wrap;
    gap: 20px;
    background: #f3f3f3;
    border-radius: 10px;
}
.chin_in_list .chin_in_img{
    width: calc(40% - 10px);
    height: 200px;	
	border-radius: 10px 0px 0 10px;
}
.chin_in_i1{
    background: url(../img/chin_in_i1.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.chin_in_i2{
    background: url(../img/chin_in_i2.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.chin_in_i3{
    background: url(../img/chin_in_i3.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.chin_in_i4{
    background: url(../img/chin_in_i4.jpg) no-repeat;
    background-size: cover;	
	background-position:center;	
}
.chin_in_list .chin_in_txt{width:calc(60% - 10px); padding: 30px;}
.chin_in_list .chin_in_txt h6{font-size:1.5em; font-weight:600}
.chin_in_list .chin_in_txt p{font-size:1.1em; padding-top:10px;}

@media screen and (max-width: 980px) {
	.chin_in_list {width:100%;}
}

@media screen and (max-width: 560px) {
	.chin_in_list .chin_in_txt{width:100%; padding: 0px 30px 30px 30px;}
	.chin_in_list .chin_in_img{width:100%; border-radius: 10px 10px 0 0px;}
}