@charset "utf-8";



/*의료진소개*/
.profileBox{}
.pf_inBpx {
    display: flex;
    gap: 50px;
    align-items: center;
    flex-wrap: wrap;
    padding: 50px 0;
    max-width: 1100px;
    margin: 0 auto;
	justify-content: space-around;
}
.pf_inBpx .pf_list_img{width: calc(40% - 25px); text-align:center;}
.pf_inBpx .pf_list_img img{    
    width: 100%;
    border-radius: 20px;
	max-width: 450px;
}
.dr_nm {
    background: #8d8d8d;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    font-size: 2em;
    border-radius: 6px;
    font-weight: 600;
}
.dr_nm span{font-size:0.8em}
.pf_inBpx .pf_list_info{width: calc(40% - 25px)}
.pf_inBpx .pf_list_info h5{
    font-size: 2.2em;
    padding-bottom: 20px;		
}
.pf_inBpx .pf_list_info ul{padding-left: 22px;}
.pf_inBpx .pf_list_info ul li{padding:5px 0; font-size:1.7em}
.pf_inBpx .pf_list_info ul li::marker {
  content: "- "; /* 마커 내용 */
  color: #555; /* 마커 색상 */
  font-size: 0.9em; /* 마커 크기 */
}

.pf_awBox{padding-top: 0 !important;}
.pf_aw{}
.pf_aw ul{
    display: flex;
    gap: 60px 20px;
    flex-wrap: wrap;		
}
.pf_aw ul li {
    width: calc(11% - 17px);
}
.pf_aw ul li img {
    width: 100%;
    /* border: 1px solid #ddd; */
    box-shadow: 8px 6px 11px rgb(227 228 229 / 65%);
}
.pf_aw ul li p {
    font-size: 1.3em;
    padding: 10px 0;
    font-weight: 500;
    text-align: center;
	word-break:keep-all;
}

@media (max-width: 980px){
	.pf_inBpx .pf_list_img{width: 100%; max-width: 500px; margin: 0 auto;}
	.dr_nm{ font-size: 2em;}
	.pf_inBpx .pf_list_info{width: 100%; font-size: 0.9em;max-width: 500px;}
	
	.pf_aw ul li {
		width: calc(20% - 16px);
	}	
}
@media (max-width: 868px){
	.pf_aw ul{justify-content: center;}	
	.pf_aw ul li {
		width: calc(33% - 13px);
	}
	.pf_aw ul li p {font-size: 1.2em;}
}
/*의료진소개*/



/*인사말*/
.greeting{position:relative; max-width:1200px}
.greeting .img{position:relative; height:324px; margin-top:110px; background:url(../img/bg_greeting.jpg) no-repeat 50%; background-size:cover;}
.greeting .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;}
.greeting .tit{position:absolute; top:370px; right:100px; width:514px; height:314px; background:#4168ad}
.greeting .tit h3{position:relative; margin:0; padding:140px 20px 0 50px; color:#fff; font-size:22px; font-weight:100;  line-height:1.6; word-break:keep-all; box-sizing:border-box; text-align:left; letter-spacing:-1px}
.greeting .tit h3:before{content:''; display:block; position:absolute; top:-23px; left:50px; width:1px; height:144px; margin:0; background:#fff;}
.greeting .tit h3 span{display:block; font-weight:600;}
.greeting .colum { padding:50px 20px 70px 20px;  max-width:1100px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify; }
.greeting .colum .right{float:right; width:48%; text-align:justify; }
.greeting .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.greeting .sign .name { font-size:24px}

@media (max-width: 980px){
   	.greeting .tit{position:relative; width:100%; height:auto; padding:0 50px 50px 0px; top:0; right:0;}
	.greeting .tit h3{font-size:22px; line-height:1.6em;}
	.greeting .tit h3 br{display:none;}
	.greeting .img { height:253px}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum .left { width:100%; clear:both}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}

}
/*인사말*/





/*그룹소개*/
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; }
.company_info .Ideology { width:100%; padding-bottom:100px;}
.company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #06F;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd}
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200}
.company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.02em; color:#555}

.tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p { padding-top:50px;}
.tl_title_box_wrap li:nth-child(4n+1) { margin-left:0}

@media (max-width: 960px){
	.company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;}
	.company_info .work_page ul li:last-child { margin-right:0}
	.company_info .work_page ul li:nth-child(2n+2) {margin-right:0;}
	.company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both}
}
@media (max-width: 640px){
	.company_info .img_page  { background-size:cover; height:300px}
	.company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;}
}
/*그룹소개*/





/*연혁*/
.history_area {position: relative;width: 100%;padding-top: 37px;}
.history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;}
/*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/
.history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;}
.history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;}
.history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;}
.history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: bold;}
.history_area dd p {display: block;}
.history_area dd .img_box {display: block;margin-top: 39px;}
.right {text-align: right;}
.left {text-align: left;}
.fr {float: right;}
.img_box img { max-width: 100%}

@media (max-width: 960px){
	.history_area .history_point {left: 10px;margin-left: 0;}
	.history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;}
	.history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;}
	.history_area div + div {margin-top: 40px;}
	.history_area div:nth-child(2) {margin-top: 0;}
	.history_area dt {margin-bottom: 20px;font-size:30px;}
	.history_area dd p br {display: none;}
	.history_area dd .img_box {margin-top: 20px;}	
}
/*연혁*/




/*진료시간안내*/
.clinic_time {padding-top: 30px;}
.clinic_time .time_info {
    display: flex;
    gap: 60px;
    align-items: center;    
    flex-wrap: wrap;
}
.clinic_time .time_info .clt_infoBox{width: calc(45% - 30px);}
.clinic_time .time_info .clt_infoBox .dft_dl {}
.clinic_time .time_info .clt_infoBox .dft_dl dl {
    display: flex;
    gap: 20px;
    align-items: center;
	justify-content: space-between;
    font-size: 2em;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.clinic_time .time_info .clt_infoBox .dft_dl dt {
    width: 30%;
    font-weight: 700;
    line-height: 1;
    position: relative;
    letter-spacing: 2px;
    color: #87ccc8;
}
.clinic_time .time_info .clt_infoBox .dft_dl dd{
    line-height: 1.3;
	font-weight:400;
	text-align: right;
}
.clinic_time .time_info .clt_infoBox .dft_dl dd .dft_dd_po{font-size: 0.8em;}
.clinic_time .time_info .clt_infoBox .time_po{
    font-size: 1.6em;
    padding-top: 30px;	
}
.clinic_time .time_info .clt_imgBox{
	width: calc(55% - 30px);
    height: 400px;
    border-radius: 18px;
    background-image: url(../img/clinic_time_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}



@media (max-width: 960px){
	.clinic_time {padding-top: 0px;}
	.clinic_time .time_info{font-size: 0.75em;  flex-direction: column-reverse;  gap: 20px;  }
	.clinic_time .time_info .clt_infoBox{width:100%}
	.clinic_time .time_info .clt_imgBox{width:100%}
}
@media (max-width: 640px){
	.clinic_time {padding-bottom:0 !important;}
	.clinic_time .time_info{padding-bottom: 60px;}
	.dft_dl dt{width: 10%;min-width: 92px;}
	.clinic_time .time_info .clt_infoBox .dft_dl dl{margin-top: 10px;}
	.clinic_time .time_info .clt_infoBox .dft_dl dt{width: 24%;}
	.cl_talBox a{font-size: 5em;}
	
	.clinic_time .time_info .clt_imgBox{    height: 250px;}

}


/*오시는 길*/
.location_area {padding-top:60px;}
.location_area .contact_add {border-bottom:1px solid #ddd;     padding-bottom: 15px;}
.location_area .contact_traffic {padding: 15px 0;}
.location_area .cs_add dl {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
	font-size: 2em;
    padding: 10px 0;
}
.location_area .cs_add dl dt{width: calc(20% - 10px); font-weight: 700; word-break: keep-all;}
.location_area .cs_add dl dd{width: calc(80% - 10px); word-break: keep-all;}
.location_area .cs_add dl dd .subway {
    background: #eee;
    color: #fff;
    padding: 5px 17px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 2px;
	font-size: 0.85em;
}
.location_area .cs_add dl dd .subway1 {
    background: #d28c11;
}
.location_area .cs_add dl dd .subway2{background: #2b4fad;}

@media (max-width: 980px){
	.location_area .cs_add dl{ font-size: 1.6em;}
	.location_area .cs_add dl dt{width: calc(30% - 10px);}
	.location_area .cs_add dl dd{width: calc(70% - 10px);}	
	.location_area .cs_add dl dd .subway{ padding: 5px 14px;}
}

@media (max-width: 640px){
	.location_area {padding-top: 40px;}	
	.location_area .cs_add dl {gap: 10px;  font-size: 1.5em;}
	.location_area .cs_add dl dt{width:100%}
	.location_area .cs_add dl dd{width:100%; font-size: 0.9em; line-height: 1.5;}
	.location_area .cs_add dl dd .subway{padding: 2px 9px;}
}
/*오시는 길*/




/*장비소개*/
.equipBox {}
.equipBox .con_tit {
    background: url(../img/eq_titBg.jpg) no-repeat;
    background-size: 30%;
    background-position: 50% 50%;
    padding: 70px 0;
}
.equip_infoBox{}
.equip_infoBox .equip_sb_tit {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 30px;
}
.equip_infoBox .equip_sb_tit h3 {
    font-size: 2.6em;
    padding: 12px 50px;
    color: #fff;
    font-weight: 700;
    background: #87ccc8;
    display: inline-block;
	border-radius: 100px;
}    

.equip_infoBox .equip_info{display:flex; gap:40px; padding: 20px 0; flex-wrap: wrap; align-items: center;}
.equip_infoBox .equip_info .equ_imgBox{/*width:calc(40% - 20px);*/    flex: 1; background:#f4f5f8; border-radius: 20px; padding: 10px;}
.equip_infoBox .equip_info .equ_imgBox .equ_img{text-align: center;}
.equip_infoBox .equip_info .equ_imgBox .equ_img img{width:100%; max-width:400px;}
.equip_infoBox .equip_info .equ_imgBox .eq_txt{padding: 20px 10px;	text-align: center;    }
.equip_infoBox .equip_info .equ_imgBox .eq_txt h6{
    font-size: 1.6em;    
	word-break: keep-all;
}
.equip_infoBox .equip_info .equ_imgBox .eq_txt p{
	font-size: 1.4em;
	word-break: keep-all;
	padding: 10px 0px 0px ;	
}
.equip_infoBox .equip_info .equ_txtBox{width:calc(60% - 20px)}
.equip_infoBox .equip_info .equ_txtBox .equ_tit{}
.equip_infoBox .equip_info .equ_txtBox .equ_tit h4{
    font-size: 2.5em;
    padding-bottom: 20px;    
    margin-bottom: 20px;	
	border-bottom: 1px solid #ddd;
	word-break: keep-all;
}
.equip_infoBox .equip_info .equ_txtBox p{font-size: 1.6em;word-break: keep-all;}

.equip_info.eq_list1{}
.equip_info.eq_list1 .equ_imgBox {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: center;
}
.equip_info.eq_list1 .equ_imgBox .equ_i1{}
.equip_info.eq_list1 .equ_imgBox .equ_i1 .equ_img{}
.equip_info.eq_list1 .equ_imgBox .equ_i1 .equ_img img{max-width:400px;}
.equip_info.eq_list1 .equ_txtBox {width:100%;}


@media (max-width: 980px){
	.equipBox .con_tit{background-size: 40%;}
	.equip_infoBox {font-size: 0.85em;	 margin-bottom: 40px;}	
	.equip_infoBox .equip_info .equ_imgBox .equ_img img{max-width: 277px;}
	.equip_info.eq_list1 .equ_imgBox .equ_i1 .equ_img img{max-width:277px;}	
	
}

@media (max-width: 868px){
    .equipBox .con_tit {background-size: 55%;}
	.equip_infoBox .equip_sb_tit{ padding-top: 30px; padding-bottom: 10px;}
	.equip_infoBox .equip_sb_tit h3 {font-size: 2.2em;}		
	.equip_infoBox .equip_info .equ_imgBox {width: 100%; flex: none;}	
	.equip_infoBox .equip_info .equ_txtBox {width: 100%;}	
	.equip_infoBox .equip_info .equ_txtBox .equ_tit h4 {font-size: 2.2em;}
}

@media screen and (max-width: 640px) {
    .equipBox .con_tit {background-size: 79%;}
	.equip_info.eq_list1 .equ_imgBox{flex-wrap: wrap;}
}
/*장비소개*/



/*서브-공통*/
.cl_nav{}
.cl_nav ul{display:flex; justify-content: center;}
.cl_nav ul li{text-align: center;}
.cl_nav ul li a {
    font-size: 2em;
    color: #a7a7a7;
    padding: 0 0 22px 0;
    display: inline-block;
    width: 175px;
    transition: all 0.2s;
    font-weight: 600;
}
.cl_nav ul li a.on{ border-bottom: 6px solid #004875; color:#004875}

.cl_topBox {
    padding: 110px 0;
    background: url(../img/cl_topBox_bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
		
}
.cl_topBox_tBg{background: #ffd322;}
.cl1_1top {
    background: url(../img/cl1_1top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl1_2top {
    background: url(../img/cl1_2top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl1_3top {
    background: url(../img/cl1_3top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl1_4top {
    background: url(../img/cl1_4top.jpg) no-repeat;
    background-position: 0% 85%;
    background-size: cover;
}
.cl1_5top {
    background: url(../img/cl1_5top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}


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

.cl3_1top {
    background: url(../img/cl3_1top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl3_2top {
    background: url(../img/cl3_2top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl3_3top {
    background: url(../img/cl3_3top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl3_4top {
    background: url(../img/cl3_4top.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.cl_topBox .cl_top_tit{}
.cl_topBox .cl_top_tit .cl_tit_eng {
    color: #628da8;
    font-size: 2em;
    font-weight: 600;
}
.cl_topBox .cl_top_tit h2 {
    font-size: 4.5em;
    font-weight: 800;
    padding: 10px 0 30px;
    color: #012545;
	word-break: keep-all;
}
.cl_topBox .cl_top_txt{}
.cl_topBox .cl_top_txt p{  font-size: 1.7em; word-break: keep-all; line-height:1.4}

.cl_top_tit_fx {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cl_top_titBox{width: calc(50% - 25px); text-align: left;}
.cl_top_imgBox{
	width: calc(50% - 25px);
	position:relative
}

.cl_top_imgBox .cl_top_img {
    height: 440px;
    border-radius: 500px;
    margin-bottom: 30px;
    margin-left: 30px;
}
.rotate_img{position:absolute; bottom: -25px; left: -25px;}
.rotate_img img {animation: rotate_image 9s linear infinite;transform-origin: 50% 50%; max-width:250px}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}



.cl_sub_tit {
    padding-bottom: 65px;
    text-align: center;
}
.cl_sub_tit h5 {
    font-size: 3.8em;
    font-weight: 900;
}
.cl_sub_tit p {
    font-size: 1.8em;
	padding-top:20px
}
.cl_t2{display:flex; gap:60px; align-items: center;flex-wrap: wrap;}
.cl_t2 .cl_t2_img{width:calc(50% - 30px); height: 400px;  border-radius: 30px;}
.cl_t2_i1 {
    background: url(../img/cl_t2_i1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl_t2_i2 {
    background: url(../img/cl_t2_i2.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl_t2_i3 {
    background: url(../img/cl_t2_i3.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl_t2_i4 {
    background: url(../img/cl_t2_i4.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

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

.cl_t2 .cl_t2_tit{width:calc(50% - 30px);}

.cl_topBox2 .cl_top_tit{}
.cl_topBox2 .cl_top_tit h2 {
    font-size: 3em;
    font-weight: 800;
    padding: 10px 0 30px;
    color: #222;
    word-break: keep-all;
}
.cl_topBox2 .cl_top_txt{}
.cl_topBox2 .cl_top_txt p {
    font-size: 1.6em;
    word-break: keep-all;
    line-height: 1.4;
	color:#222
}

@media screen and (max-width: 980px) {
	.cl_nav ul li a{font-size: 1.5em; padding: 0 0 13px 0;  width: 150px;}
	.cl_nav ul li a.on {border-bottom: 4px solid #004875;}
	.cl_topBox .cl_top_tit .cl_tit_eng{font-size: 1.5em;}
	.cl_topBox .cl_top_tit h2 { font-size: 3.5em;}
	.cl_topBox .cl_top_txt p {font-size: 1.5em;}
	
	.cl_sub_tit h5 { font-size: 3em;}
	.cl_sub_tit p {font-size: 1.4em;}

	.cl_topBox2 .cl_top_tit h2 { font-size: 2.6em;}
	.cl_topBox2 .cl_top_txt p {font-size: 1.4em;}	
	
	.cl_top_titBox {width:100%;text-align: center;}
	.cl_top_imgBox {width:100%; text-align:center; margin:0 auto; max-width: 680px;}
	.cl_top_imgBox .cl_top_img {height: 390px;}
	
}

@media (max-width: 868px){
	.cl_topBox {padding: 60px 0;}
	.cl_topBox .cl_top_txt p br{display:none}
	
	/*.cl_topBox2 .cl_top_txt p br{display:none}*/
	
	.cl_t2 .cl_t2_img{width:100%; height:350px}
	.cl_t2 .cl_t2_tit{width:100%;}
	

}

@media screen and (max-width: 640px) {
	.cl_nav ul li a{font-size: 1.3em; width: 135px;}
	
	.cl_topBox .cl_top_tit .cl_tit_eng{font-size: 1.3em;}
	.cl_topBox .cl_top_tit h2 { font-size: 3em;}
	.cl_sub_tit h5{font-size: 2.5em;}
	.cl_t2{gap: 40px;}
	.cl_topBox2 .cl_top_tit h2 { font-size: 2em;}
	
	.cl_t2 .cl_t2_img{height: 300px;}
}

@media screen and (max-width: 560px) {
	.cl_top_imgBox .cl_top_img{    height: 250px;}
	.rotate_img{left: -15px;}
	.rotate_img img{max-width: 180px;}
	
}
/*서브-공통*/





/*임플란트*/
.cl1_1info1{}
.cl1_1info1 .cl1_1info1_txt{}
.cl1_1info1 .cl1_1info1_txt ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.cl1_1info1 .cl1_1info1_txt ul li {
    width: calc(50% - 10px);
    font-size: 1.7em;
    background: #eceff4;
    padding:30px 30px 30px 73px;
    position: relative;
    word-break: keep-all;
    border-radius: 8px;
}
.cl1_1info1 .cl1_1info1_txt ul li::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/ck_icon3.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
}

.cl1_1info1 .cl1_1info1_txt p {
    font-size: 1.8em;
    padding-top: 30px;
	word-break: keep-all;
}

.cl1_1infoBox2{
  /*   background: #002e4c;
   
	background: url(../img/cl1_1info2_bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;	*/
	
}
.cl1_1info2{}
.cl1_1info2 .cl1_1info2wp {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    align-items: center;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img {
    width: calc(50% - 30px);
    height: 430px;
    border-radius: 30px;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl1_1_Bg{
    background-image: url(../img/cl1_1info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl1_2_Bg{
    background-image: url(../img/cl1_2info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl1_3_Bg{
    background-image: url(../img/cl1_3info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl1_4_Bg{
    background-image: url(../img/cl1_4info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl1_5_Bg{
    background-image: url(../img/cl1_5info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl1_6_Bg{
    background-image: url(../img/cl1_6info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl2_1_Bg{
    background-image: url(../img/cl2_1info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl2_2_Bg{
    background-image: url(../img/cl2_2info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl2_3_Bg{
    background-image: url(../img/cl2_3info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl2_4_Bg{
    background-image: url(../img/cl2_4info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img.cl2_5_Bg{
    background-image: url(../img/cl2_5info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt{width: calc(50% - 30px);}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul{}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li {
    /*color: #fff;*/
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
	padding: 12px 0;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li:last-child{margin-bottom:0}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li h5 {
	width: calc(10% - 10px);
    font-size: 1.5em;
	word-break: keep-all;
	text-align:center;
	color: #fff;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li h5 span {
    background: #87ccc8;
    display: inline-block;
    border-radius: 100px;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li p {
	width: calc(90% - 10px);
    font-size: 1.7em;
    font-weight: 300;
	word-break: keep-all;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li p strong {
    font-weight: 600;
    padding-bottom: 2px;
    display: block;
    font-size: 1.1em;
    color: #4ca7a2;
}

.cl1_1in3_img{padding-top:50px}
.cl1_1in3_img img{width:100%; max-width:1420px;}

.cl1_1in3_mo{display:none;}
.cl1_1in3_mo ul{}
.cl1_1in3_mo ul li{display:flex; gap:20px; padding:15px 0; align-items: center; justify-content: center;}
.cl1_1in3_mo ul li .cl1_1in3_nmBox{width:40%; max-width: 180px;}
.cl1_1in3_mo ul li .cl1_1in3_nm {
    width: 180px;
    height: 180px;
    color: #fff;
    position: relative;
    border-radius: 100px;
}
.cl1_1in3_mo ul li .cl1_1in3_nm:after {
    content: '';
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 34px;
    background: #a5a5a5;
    z-index: -1;
}
.cl1_1in3_mo ul li:last-child .cl1_1in3_nm:after {display:none}
.cl1_1in3_mo ul li .cl1_1in3_nm.no1{background:#2090b6}
.cl1_1in3_mo ul li .cl1_1in3_nm.no2{background:#145688}
.cl1_1in3_mo ul li .cl1_1in3_nm.no3{background:#205a6e}
.cl1_1in3_mo ul li .cl1_1in3_nm.no4{background:#49bfcd}
.cl1_1in3_mo ul li .cl1_1in3_nm h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.4em;
    width: 100%;
    padding: 20px;
	word-break: keep-all;
	font-weight: 500;
}
.cl1_1in3_mo ul li .cl1_1in3_nm h5 span {
    font-size: 1.4em;
    display: block;
    padding-bottom: 6px;
	font-weight: 800;
}
.cl1_1in3_mo ul li .cl1_1in3_txt{width:60%}
.cl1_1in3_mo ul li .cl1_1in3_txt p{font-size: 1.5em; word-break: keep-all;}

.cl1_1infoBox4{}
.cl1_1in4{}
.cl1_1in4 ul{}
.cl1_1in4 ul li{}
.cl1_1in4 ul li p{font-size: 1.5em; word-break: keep-all;}

@media screen and (max-width: 980px) {
	.cl1_1info1 .cl1_1info1_txt{ padding-top: 0px;}
	.cl1_1info1 .cl1_1info1_txt ul li{ font-size: 1.6em; padding: 25px 25px 25px 70px;}
	.cl1_1info1 .cl1_1info1_txt ul li::after{width: 30px; height: 30px;}
	.cl1_1info1 .cl1_1info1_txt p {font-size: 1.5em;}
	
	.cl1_1info2 .cl1_1info2wp{gap:30px;}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_img{width: calc(40% - 15px);}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt {width: calc(60% - 15px);}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li{}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li h5 { font-size: 1.5em;}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li h5 span{width: 35px; height: 35px; line-height: 35px;}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li p { font-size: 1.5em;}
	
	.cl1_1in3_img{display:none;}
	.cl1_1in3_mo{display:block;}
}

@media (max-width: 868px){
	.cl1_1info1 .cl1_1info1_txt ul{ gap: 15px;}
	.cl1_1info1 .cl1_1info1_txt ul li {width: 100%;}
	
	.cl1_1infoBox2{background-position: 100% 50%;}
    .cl1_1info2 .cl1_1info2wp .cl1_1info2_img {
        width: 100%;
        height: 340px;
    }	
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt{width:100%;}
}
@media screen and (max-width: 640px) {
	.cl1_1info1 .cl1_1info1_txt{font-size: 0.9em; }
	
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_img{height: 240px;}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt{font-size: 0.9em; }
	
	.cl1_1in3_mo ul li{font-size: 0.9em; padding: 10px 0;}
	.cl1_1in3_mo ul li .cl1_1in3_nmBox{max-width: 128px;}
	.cl1_1in3_mo ul li .cl1_1in3_nm {
		width: 128px;
		height: 128px;
	}	
	.cl1_1in3_mo ul li .cl1_1in3_nm h5{ padding: 17px;}
}
/*임플란트*/




/*어깨 팔꿈치 질환*/
.cl2_topBox{position:relative; padding-bottom: 120px;}
.cl2_in1_imgBox{display:flex; gap:20px;}
.cl2_in1_imgBox .cl2_in1_img{width:calc(50% - 10px)}
.cl2_in1_imgBox .cl2_in1_img img{width:100%; border-radius: 20px;}
.cl2_in1_txtBox{display:flex; gap:20px; margin-top: 50px;}
.cl2_in1_txtBox .cl2_in1_txt {
    width: calc(33% - 10px);
    text-align: center;
    padding: 50px 15px;
    background: #87ccc8;
    color: #fff;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(177, 193, 243, 0.65);
}
.cl2_in1_txtBox .cl2_in1_txt:nth-child(even){background: #012545;}
.cl2_in1_txtBox .cl2_in1_txt .cl2_in1_eng {
    color: #ddf2ff;
    font-size: 1.3em;
    padding-bottom: 8px;
	word-break: keep-all;
}
.cl2_in1_txtBox .cl2_in1_txt .cl2_in1_icon{}
.cl2_in1_txtBox .cl2_in1_txt .cl2_in1_icon img{
    max-width: 35px;
    padding-bottom: 10px;	
}
.cl2_in1_txtBox .cl2_in1_txt .cl2_in1_eng span{font-size:0.8em}
.cl2_in1_txtBox .cl2_in1_txt h2{font-size: 2em;word-break: keep-all;}
.cl2_in1_txtBox .cl2_in1_txt h2 span{font-size:0.8em}
.cl2_in1_txtBox .cl2_in1_txt p {
    font-size: 1.5em;
    padding-top: 20px;
	word-break: keep-all;
}
.cl2_in1_bg {
    background: #f6f7fa;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 93%;
    z-index: -1;
}
@media (max-width: 980px){
	.cl2_in1_txtBox{flex-wrap: wrap;    justify-content: center; margin-top:0}
	.cl2_in1_txtBox .cl2_in1_txt{width: calc(50% - 10px); font-size: 0.9em;}	
}
@media (max-width: 868px){
	.cl2_in1_imgBox{    flex-wrap: wrap;}
	.cl2_in1_imgBox .cl2_in1_img { width: 100%;}

}

@media (max-width: 630px){
	.cl2_in1_txtBox .cl2_in1_txt{width:100%}
}

/*어깨 팔꿈치 질환*/




/*스포츠 외상 및 골절*/
.cl2_5inBox1{
    background-image: url(../img/cl2_5inBox1Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl2_5in{
	display:flex;
	gap:30px;
	align-items: center;
	justify-content: space-between;
}
.cl2_5in .cl2_5in1 {width:calc(40% - 10px)}
.cl2_5in .cl2_5in1 .cl2_5in_txt {
    margin: 20px 0;
    color: #fff;
    background: #49bfcddb;
    padding: 30px;
    padding-left: 55px;
    border-radius: 5px;
    position: relative;
}
.cl2_5in .cl2_5in1 .cl2_5in_txt::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/ck_icon2.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cl2_5in .cl2_5in1 .cl2_5in_txt:after {
    content: '';
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 28px;
    background: #fff;
    z-index: -1;
}
.cl2_5in .cl2_5in1 .cl2_5in_txt:last-child:after{display:none}

.cl2_5in .cl2_5in1 .cl2_5in_txt h2 {
    font-size: 1.9em;
	word-break: keep-all;
}
.cl2_5in .cl2_5in1 .cl2_5in_txt p{font-size: 1.4em; padding-top: 6px; word-break: keep-all;}

.cl2_5in .cl2_5in1_icon{width:calc(15% - 10px); text-align:center;}
.cl2_5in .cl2_5in1_icon img{width:100%; max-width:141px; margin:0 auto}

.cl2_5in .cl2_5in2{width:calc(45% - 10px)}
.cl2_5in .cl2_5in2 .cl2_5in_txt {
    margin: 20px 0;
    color: #fff;
    background: #012545e0;
    padding: 30px;
    border-radius: 5px;
}
.cl2_5in .cl2_5in2 .cl2_5in_txt h2{font-size:2.2em;word-break: keep-all;}
.cl2_5in .cl2_5in2 .cl2_5in_txt p{font-size:1.4em; padding-top: 8px;word-break: keep-all;}

.in_i_mo{display:none}
@media screen and (max-width: 980px) {
	.cl2_5in{font-size:0.9em}
}
@media screen and (max-width: 868px) {
	.cl2_5in{font-size:0.85em;  flex-wrap: wrap;}
	.cl2_5in .cl2_5in1{width:100%}
	.cl2_5in .cl2_5in1_icon{width:100%}

	.cl2_5in .cl2_5in2{width:100%}
	
	.in_i_pc{display:none}
	.in_i_mo{display:block}	
}
/*스포츠 외상 및 골절*/



/*통증 클리닉*/
.cl3_1inBox1{
    background-image: url(../img/cl3_1in_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.cl3_1info1_txt{}
.cl3_1info1_txt ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.cl3_1info1_txt ul li {
    width: calc(19% - 10px);
    height: 200px;
    position: relative;
    font-size: 1.6em;
    /* background: #fff; */
    background: url(../img/cl3_1in_txtBg.png) no-repeat 50% 50%;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 14px rgb(198 210 255 / 44%);
}

.cl3_1info1_txt ul li p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 25px;
    word-break: keep-all;
    line-height: 1.3;
}

.cl3_1info2{}
.cl3_1info2 .cl1_1info1_txt{}
.cl3_1info2 .cl1_1info1_txt ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.cl3_1info2 .cl1_1info1_txt ul li {
    width: calc(50% - 15px);
    font-size: 2em;
    background: #eceff4;
    padding: 25px 25px 25px 80px;
    position: relative;
    word-break: keep-all;
    border-radius: 8px;
}
.cl3_1info2 .cl1_1info1_txt 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: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.cl3_1info2 .cl1_1info1_txt ul li h5{padding-bottom:5px;}
.cl3_1info2 .cl1_1info1_txt p {
    font-size: 1.8em;
    padding-top: 30px;
	word-break: keep-all;
}


@media screen and (max-width: 980px) {
	.cl3_1info2 .cl1_1info1_txt ul li{ font-size: 1.6em; padding: 25px 25px 25px 70px;}
	.cl3_1info2 .cl1_1info1_txt ul li::after{width: 30px; height: 30px;}
	.cl3_1info2 .cl1_1info1_txt p {font-size: 1.5em;}

	.cl3_1info1_txt ul li {width: calc(50% - 10px);font-size: 1.4em;}	
}	

@media (max-width: 868px){
	.cl3_1info2 .cl1_1info1_txt ul{ gap: 15px;}
	.cl3_1info2 .cl1_1info1_txt ul li {width: 100%;}
}	
@media screen and (max-width: 640px) {
	.cl3_1info2 .cl1_1info1_txt{font-size: 0.9em; }
}	
/*통증 클리닉*/


/*통증 클리닉*/
.cl3_1infoBox2{
  /*   background: #002e4c;*/   
	background: url(../img/cl3_1in_box2Bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;	
	
}
.cl3_1info2{}
.cl3_1info2 .cl3_1info2wp {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    align-items: center;
	justify-content: space-between;
	padding-top: 50px;
}
.cl3_1info2 .cl3_1info2wp.flex_lf{flex-direction: row-reverse;}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img {
    width: calc(50% - 25px);
    height: 495px;
    border-radius: 30px;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl1_1_Bg{
    background-image: url(../img/cl1_1info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl1_2_Bg{
    background-image: url(../img/cl1_2info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl1_3_Bg{
    background-image: url(../img/cl1_3info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl1_4_Bg{
    background-image: url(../img/cl1_4info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl1_5_Bg{
    background-image: url(../img/cl1_5info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl1_6_Bg{
    background-image: url(../img/cl1_6info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl2_1_Bg{
    background-image: url(../img/cl2_1info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl2_2_Bg{
    background-image: url(../img/cl2_2info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl2_3_Bg{
    background-image: url(../img/cl2_3info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl2_4_Bg{
    background-image: url(../img/cl2_4info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_img.cl2_5_Bg{
    background-image: url(../img/cl2_5info2_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cl3_1_Bg{
    background-image: url(../img/cl3_1_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_2_Bg{
    background-image: url(../img/cl3_2_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_3_Bg{
    background-image: url(../img/cl3_3_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_4_Bg{
    background-image: url(../img/cl3_4_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_5_Bg{
    background-image: url(../img/cl3_5_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_6_Bg{
    background-image: url(../img/cl3_6_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_7_Bg{
    background-image: url(../img/cl3_7_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_8_Bg{
    background-image: url(../img/cl3_8_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl3_9_Bg{
    background-image: url(../img/cl3_9_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}

.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt{width: calc(50% - 25px);}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt h3 {
    font-size: 2.8em;
    padding-bottom: 20px;
    font-weight: 900;
    border-bottom: 1px solid #87ccc8;
    margin-bottom: 10px;
    position: relative;
    padding-left: 23px;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt h3::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(../img/title_icon.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul{}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li {
    padding: 8px 0px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0 26px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li:last-child{margin-bottom:0}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li h5 {
    font-size: 1.3em;
    word-break: keep-all;
    display: inline-block;
    background: #87ccc8;
    padding: 11px;
    border-radius: 100px;
    color: #fff;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li p {
    font-size: 1.6em;
    font-weight: 300;
	word-break: keep-all;
}
/*통증 클리닉*/

@media screen and (max-width: 980px) {
	
	.cl3_1info2 .cl3_1info2wp{gap:30px;    padding-top: 0px;}
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_img{width: calc(40% - 15px);}
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt {width: calc(60% - 15px);}
	
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt h3 {font-size: 2.2em;}	
    .cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li {
        padding: 10px 0px;
        margin: 0 0 0px;
    }
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li h5 { font-size: 1.1em;}
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li p { font-size: 1.4em;}

}

@media (max-width: 868px){
	
	.cl3_1infoBox2{background-position: 100% 50%;}
	.cl3_1info2 .cl3_1info2wp.flex_lf{margin-top:50px;}
    .cl3_1info2 .cl3_1info2wp .cl3_1info2_img {
        width: 100%;
        height: 340px;
    }	
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt{width:100%;}
}
@media screen and (max-width: 640px) {	

	.cl3_1info2 .cl3_1info2wp .cl3_1info2_img{height: 240px;}
	.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt{font-size: 0.9em; }

}



.cl_pointBox {
    background-color: #192039;
    background-image: url(../img/logo_bg_co.png);
    background-position: 84% 109%;
    background-size: 280px;
    background-repeat: no-repeat;
}
.cl_pointBox .cl_point {
    text-align: center;
}
.cl_pointBox .cl_point h5 {
    font-size: 2em;
    background: #87ccc8;
    display: inline-block;
    margin-bottom: 20px;
    color: #fff;
    padding: 6px 25px 4px;
    border-radius: 100px;
}
.cl_pointBox .cl_point p {
    font-size: 2.5em;
    word-break: keep-all;
    line-height: 1.4;
	color: #fff;	
    font-weight: 500;
}

@media screen and (max-width: 980px) {
	.cl_pointBox .cl_point{    font-size: 0.8em;}
}
@media screen and (max-width: 860px) {
	.cl_pointBox{    background-position: 107% 125%; background-size: 180px;}
	.cl_pointBox .cl_point{    font-size: 0.6em;}
}


.cl_pro_listBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.cl_pro_listBox .cl_pro_list1{
	width:calc(80% - 5px);
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	background-image: linear-gradient(to right, #58adf1, #87ccc8);
}

.cl_pro_listBox .cl_pro_list1 .cl_pro {
    position: relative;
    min-height: 155px;
    flex: 1;
	overflow: hidden;
}
.cl_pro_listBox .cl_pro_list1 .cl_pro:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 156px;
    background: url(../img/cl_pro.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}


.cl_pro_listBox .cl_pro_list1 .cl_pro:last-child::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 156px;
    background: url(../img/cl_pro_end.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.pro_nm {
    position: absolute;
    right: 73px;
    bottom: -21px;
    color: #ffffff59;
    font-size: 6.5em;
    font-weight: 800;
    letter-spacing: -5px;
}


.cl_pro_listBox .cl_pro_list1 .cl_pro p {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 15px;
    width: 80%;
	font-size:1.65em; 
	word-break: keep-all;	
	color: #fff;
	font-weight: 600;
}
	
.cl_pro_listBox .cl_pro_list2{	width:calc(20% - 5px);}
.cl_pro_listBox .cl_pro_list2 .cl_pro2 {
    width: 200px;
    height: 200px;
    position: relative;
    background: #87ccc8;
    background-size: cover;
    border-radius: 200px;
    border: 15px solid #c6ebe8;
}
.cl_pro_listBox .cl_pro_list2 .cl_pro2 p{
	font-size:1.6em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    word-break: keep-all;
    color: #fff;
	font-size:1.8em; 
	font-weight: 700;
}

.cl_pro_point_txt{}
.cl_pro_point_txt p {
    font-size: 1.5em;
    color: #ea0000;
	word-break: keep-all;
}

@media screen and (max-width: 980px) {
	.cl_pro_listBox{max-width:500px; margin:0 auto;font-size: 0.9em;}
	.cl_pro_listBox .cl_pro_list1{width:100%; background-image: linear-gradient(to bottom, #58adf1, #87ccc8); }
	.cl_pro_listBox .cl_pro_list1 .cl_pro{flex: none;width:100%; min-height: 200px;}
	.cl_pro_listBox .cl_pro_list1 .cl_pro:after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 300px;
		background: url(../img/cl_pro_mo.png) no-repeat 50% 50%;
		background-size: cover;
		position: absolute;
		left: 50%;
        top: initial;
		bottom:0;
        transform: translateX(-50%);
	}	
	.cl_pro_listBox .cl_pro_list1 .cl_pro:last-child::after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 300px;
		background: url(../img/cl_pro_end_mo.png) no-repeat 50% 50%;
		background-size: cover;
		position: absolute;
		left: 50%;
        top: initial;
		bottom:0;
        transform: translateX(-50%);
	}	
	.pro_nm {
		right: 73px;
		bottom: 67px;
	}	
    .cl_pro_listBox .cl_pro_list1 .cl_pro p {
        left: 50%;
        top: 23%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
	.cl_pro_listBox .cl_pro_list1 .cl_pro p br{display:none;}
	.cl_pro_listBox .cl_pro_list2{width:100%; }
	.cl_pro_listBox .cl_pro_list2 .cl_pro2{margin: 0 auto;}	
	
	.cl_pro_point_txt p {    font-size: 1.3em; padding-top:20px}
}

@media screen and (max-width: 550px) {
	.cl_pro_listBox{font-size: 0.8em;}
	.cl_pro_listBox .cl_pro_list1 .cl_pro{min-height: 160px;}	
	.cl_pro_listBox .cl_pro_list1 .cl_pro:first-child{min-height: 200px;}	
	.cl_pro_listBox .cl_pro_list1 .cl_pro:after {min-height: 160px;}
	.cl_pro_listBox .cl_pro_list1 .cl_pro:last-child::after {min-height: 160px;}	
	
	.cl_pro_listBox .cl_pro_list1 .cl_pro p{  top: 7%;  max-width: 300px;}
	.cl_pro_listBox .cl_pro_list1 .cl_pro:first-child p{top: 14%;}
	
}

@media screen and (max-width: 420px) {
	.cl_pro_listBox .cl_pro_list1 .cl_pro p{  top: 0;  padding: 5px;}
	.cl_pro_listBox .cl_pro_list1 .cl_pro:first-child p{top: 23%;}	
}


.cl_whyBox{}
.cl_whyBox1{
    background-image: url(../img/cl_whyBox1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;	
}
.cl_whyBox .cl_why{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;	
}
.cl_whyBox .cl_why .cl_why_txt {
    width: 200px;
    height: 200px;
    position: relative;
    font-size: 1.8em;
    background: #ffffffd6;
    background-size: cover;
    border-radius: 200px 10px 200px 200px;
    border: 4px solid #87ccc8;
    font-weight: 600;
    color: #36b2ab;	
}
.cl_whyBox .cl_why .cl_why_txt:nth-child(even){border: 4px solid #012545; color: #012545;	}
.cl_whyBox .cl_why .cl_why_txt p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 25px;
    word-break: keep-all;	
}



.cl_howBox{
    background: url(../img/cl3_1in_box2Bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;	
}
.cl_howBox1{}
.cl_howBox .cl_how{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;	
}
.cl_howBox .cl_how .cl_how_txt {
    width: 300px;
    height: 300px;
    position: relative;
    font-size: 1.8em;
    background: #87ccc8;
	border: 15px solid #c6ebe8;
    border-radius: 200px;
	
}
.cl_howBox .cl_how .cl_how_txt:nth-child(even){ background: #012545; border: 15px solid #2a5274;}
.cl_howBox .cl_how .cl_how_txt p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 25px;
    word-break: keep-all;	
	color:#fff
}
.cl_howBox .cl_how .cl_how_txt p span {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 16px;
}


@media screen and (max-width: 980px) {
	.cl_howBox .cl_how .cl_how_txt{    font-size: 1.5em; width: 250px; height: 250px;}
}




.cl_pointBox2{}
.cl_pointBox2 .cl_point2 {
    padding: 53px 30px;
    background-color: #f6f7fa;
    border: 1px solid #d9d9d9;
    text-align: center;
}
.cl_point2_logo{padding-bottom: 35px;	}
.cl_point2_logo img{
    max-width: 230px;
}
.cl_point2_img{padding-bottom: 5px;}
.cl_point2_img img{ max-width: 70px;}
.cl_pointBox2 .cl_point2 p {
    font-size: 1.7em;
    word-break: keep-all;
    line-height: 1.4;
}

@media screen and (max-width: 980px) {
	.cl_pointBox2 .cl_point2{    font-size: 0.8em;}
	.cl_point2_logo img{max-width:200px;}
	.cl_pointBox2 .cl_point2 p br{display:none}
}



/**/
.cl3_in1_listArea{ background: #012545;}
.cl3_in1_listBox{}
.cl3_in1_list {
    display: flex;
    align-items: center;
    border-radius: 0 50px 0;
    margin: 0 0 50px;
    padding: 50px;
    background: #fff;
    justify-content: space-around;
}
.cl3_in1_list .cl3_in1_nm {
    width: 10%;
    font-size: 5.5em;
    word-break: keep-all;
    text-align: center;
    color: #dfe1e6;
    font-weight: 700;
    max-width: 80px;
}
.cl3_in1_list .cl3_in1_nm span{
}	

.cl3_in1_list .cl3_in1_img{width:25%; text-align: center;}
.cl3_in1_list .cl3_in1_img img{width:100%; max-width:210px}
.cl3_in1_list .cl3_in1_img h5{
    font-size: 1.8em;
    word-break: keep-all;
    text-align: center;	
}
.cl3_in1_list .cl3_in1_txt{width:65%}
.cl3_in1_list .cl3_in1_txt .cl3_in1_txt1{}
.cl3_in1_list .cl3_in1_txt .cl3_in1_txt1 p{font-size: 1.7em; word-break: keep-all;}
.cl3_in1_list .cl3_in1_txt .cl3_in1_txt2{
    background: #eceff4;
    padding: 30px;
    margin-top: 50px;	    
}
.cl3_in1_list .cl3_in1_txt .cl3_in1_txt2 p {font-size: 1.5em; word-break: keep-all;}


@media screen and (max-width: 980px) {
	.cl3_in1_list{flex-wrap: wrap;}
	.cl3_in1_list .cl3_in1_nm{width:100%}
	.cl3_in1_list .cl3_in1_img{width:100%}
	.cl3_in1_list .cl3_in1_txt{width:100%;padding-top: 30px; font-size: 0.9em;}
	.cl3_in1_list .cl3_in1_txt .cl3_in1_txt2{margin-top: 30px;}
}

@media screen and (max-width: 680px) {
	.cl3_in1_list{ padding: 50px 30px;}
}


/**/
.cl3_4inBox1 {
    background-image: url(../img/cl3_4in_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.cl3_4in_txtBox{background:rgba(255, 255, 255, 0.8);  padding: 60px;}
.cl3_4in_txtBox .cl3_4in_tit {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1100px;
}
.cl3_4in_txtBox .cl3_4in_tit h5 {
    flex: 1;
    text-align: center;
    font-size: 1.6em;
    border: 2px solid #000;
    padding: 10px;
    border-radius: 7px;
    font-weight: 400;
}
.cl3_4in_txtBox .cl3_4in_tit h5 strong {
    padding-right: 8px;
    color: #0f1837;
    border-right: 1px solid #1a1a1a;
    font-weight: 700;
    margin-right: 8px;
}
.cl3_4in_txtBox .cl3_4in_txt{ padding-top: 40px; text-align: center;}
.cl3_4in_txtBox .cl3_4in_txt p {
    font-size: 1.8em;
    word-break: keep-all;
    color: #333;
    line-height: 1.4;
}

@media screen and (max-width: 980px) {
	.cl3_4in_txtBox{ font-size: 0.9em;  padding: 50px;}
}

@media screen and (max-width: 680px) {
	.cl3_4in_txtBox{ font-size: 0.8em;  padding: 50px;}	
	.cl3_4in_txtBox .cl3_4in_tit {gap: 10px;}
	.cl3_4in_txtBox .cl3_4in_tit h5{ flex: none;    width: 100%;}
	.cl3_4in_txtBox .cl3_4in_txt { padding-top: 35px;}
	.cl3_4in_txtBox .cl3_4in_txt p br{display:none}
}



/**/
.cl3_2in_fx {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.cl3_2in_fx .cl3_2in_listBox{
	width:calc(50% - 15px);
    display: flex;
    /*gap: 30px;*/
	flex-wrap: wrap;
	background: #eceff4;
}
.cl3_2in_list_ri{flex-direction: row-reverse;}
.cl3_2in_bg{
	width:60%;	
	height: 440px;   
}
.cl3_2in_bg1{
    background: url(../img/cl3_2in_bg1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl3_2in_bg2{
    background: url(../img/cl3_2in_bg2.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl3_2in_txtBox {
    width: 40%;
    padding: 11vh 30px;
    text-align: center;
}
.cl3_2in_txtBox .cl3_2in_tit{ padding-bottom: 20px;}
.cl3_2in_txtBox .cl3_2in_tit h5 {
    font-size: 2em;
    background: #012545;
    color: #fff;
    display: inline-block;
    padding: 7px 30px;
    border-radius: 100px;
}
.cl3_2in_txtBox .cl3_2in_txt{}
.cl3_2in_txtBox .cl3_2in_txt p{
    font-size: 1.6em;
    line-height: 1.4;	
	word-break: keep-all;
}

@media screen and (max-width: 1500px) {
	.cl3_2in_bg{width:50%; height: 380px;}	
	.cl3_2in_txtBox {width: 50%;}
}

@media screen and (max-width: 1300px) {
	.cl3_2in_fx	{ padding: 0 20px;}
	.cl3_2in_bg{width:100%; height: 320px;}	
	.cl3_2in_txtBox {width:100%;}
}


@media screen and (max-width: 980px) {
	.cl3_2in_fx .cl3_2in_listBox{font-size:0.9em}
}

@media screen and (max-width: 870px) {
	.cl3_2in_fx .cl3_2in_listBox{width:100%;}
}

@media screen and (max-width: 680px) {
	.cl3_2in_fx .cl3_2in_listBox{font-size:0.8em}
}