@charset "utf-8";



/*의료진소개*/
.profileBox{}
.pf_inBpx {
    display: flex;
    gap: 50px;    
    align-items: center;
	flex-wrap: wrap;
	padding-top: 50px;
    max-width: 1000px;
    margin: 0 auto;	
}
.pf_inBpx .pf_list_img{width: calc(40% - 25px);}
.pf_inBpx .pf_list_img img{    
    width: 100%;
    border-radius: 20px;
}
.dr_nm {
    background: #2c395e;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    font-size: 2.2em;
    border-radius: 5px;
    font-weight: 600;
}
.dr_nm span{font-size:0.8em}
.pf_inBpx .pf_list_info{width: calc(60% - 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.5em}
.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;}
	
	.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}

}
/*인사말*/





/*인사말*/
.ceoArea {
    background-image: url(../img/ceo_Bg.jpg);
    background-size: 399px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.company_info {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}
.company_info .img_page {
    width: calc(45% - 20px);
    height: 525px;
    background-image: url(../img/ceo_img.jpg);
    background-size: cover;
    background-position: 80% 50%;
    background-repeat: no-repeat;
    border-radius: 15px;
}
.company_info .txt_page {width:calc(55% - 20px);}
.company_info .txt_page h3 {
    font-size: 2em;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 22px;
    display: block;
}


@media (max-width: 980px){
	.ceoArea { background-size: 250px;}
	.company_info .img_page { width: 100%; height: 400px;}
	.company_info .txt_page { width: 100%;}
	.company_info .txt_page h3 {font-size: 1.6em;}
}
@media (max-width: 640px){
	.company_info .img_page  { background-size:cover; height:300px}

}
/*인사말*/


/*미션 비젼*/
.ab_tit h2 {
    font-size: 2.8em;
    font-weight: bold;
    color: #222;
    text-align: center;
    padding: 0px 0 50px;
}
.ab_tit h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}

.about_info .Ideology { width:100%;}
.about_info .Ideology dl { float:left; width:33.3333%; padding:20px 40px; border-right:1px solid #d3d3d3}
.about_info .Ideology dl:last-child { border:0}
.about_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center;}
.about_info .Ideology dl .web_icon img{width:100%; max-width:100px;}
.about_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center;    color: #2c395e;} 
.about_info .Ideology dd {
    text-align: center;
    font-size: 1.6em;
    font-weight: 400;
	word-break: keep-all;
}

.about_info2{padding-top:50px}
.tl_title_box_wrap {width:100%; height:auto; padding:0px; }
.tl_title_box_wrap ul{display:flex; gap:20px;    flex-wrap: wrap;}
.tl_title_box_wrap li {position:relative; width:calc(20% - 17px); min-height:400px; background-color:#eceff4; -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat;}
.tl_title_box_wrap li:nth-child(1){
    background: url(../img/ab_i1.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.tl_title_box_wrap li:nth-child(2){
    background: url(../img/ab_i2.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.tl_title_box_wrap li:nth-child(3){
    background: url(../img/ab_i3.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.tl_title_box_wrap li:nth-child(4){
    background: url(../img/ab_i4.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.tl_title_box_wrap li:nth-child(5){
    background: url(../img/ab_i5.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.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:#fff; margin:0; font-weight:bold;word-break: keep-all;}
.tl_title_box_wrap li .txt_wrap .cell p { padding-top:50px;word-break: keep-all;}


@media (max-width: 960px){
	.about_info .tl_title_box_wrap li {width:calc(50% - 10px);}
	.about_info .Ideology dl { width:100%; padding-bottom:30px; clear:both; border-right:0; border-bottom:1px solid #d3d3d3}
	.tl_title_box_wrap li .txt_wrap .cell h2{font-size:20px}
}
@media (max-width: 800px){
	.about_info2 .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: #00578e;
}
.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;}

.location_area .contact_traffic .map_time{ border-top: 1px solid #ddd; padding-top: 15px; display: flex;  gap: 20px; flex-wrap: wrap;}
.location_area .contact_traffic .map_time h6{width: calc(20% - 10px); font-weight: 700; word-break: keep-all; font-size: 2em;}
.location_area .contact_traffic .map_time .map_time_info{width: calc(80% - 10px); font-size: 0.9em;}
.location_area .contact_traffic .map_time .map_time_info dl{    gap: 13px;}
.location_area .contact_traffic .map_time .map_time_info dl dd span{font-size:0.8em; color:#555;}
.location_area .contact_traffic .map_time .map_time_info p {
    font-size: 1.4em;
    color: red;
    padding-top: 10px;
}

@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;}
	
	.location_area .contact_traffic .map_time h6{width: calc(30% - 10px); font-size: 1.6em;}
	.location_area .contact_traffic .map_time .map_time_info{width: calc(70% - 10px);}
}

@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;}
	
	.location_area .contact_traffic .map_time h6{width:100%;  font-size: 1.5em;}
	.location_area .contact_traffic .map_time .map_time_info{width:100%}	
	.location_area .contact_traffic .map_time .map_time_info dl {gap: 5px;}
	.location_area .contact_traffic .map_time .map_time_info dl dd{padding-bottom: 10px;}
}
/*오시는 길*/




/*장비소개*/
.equipBox{}
.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: #00578e;
    display: inline-block;
	border-radius: 100px;
}    

.equip_infoBox .equip_info{display:flex; gap:40px; padding: 30px 0; flex-wrap: wrap; align-items: center;}
.equip_infoBox .equip_info .equ_imgBox{width:calc(40% - 20px);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_txtBox{width:calc(60% - 20px)}
.equip_infoBox .equip_info .equ_txtBox .equ_tit{
    padding-bottom: 20px;    
    margin-bottom: 20px;	
	border-bottom: 1px solid #ddd;	
}
.equip_infoBox .equip_info .equ_txtBox .equ_tit h4{
    font-size: 2.5em;

	word-break: keep-all;
}
.equip_infoBox .equip_info .equ_txtBox .equ_tit h6 {
    font-size: 1.6em;
    padding: 10px 0px 0;
    word-break: keep-all;
    color: #555;
}
.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){
	.equip_infoBox {
		font-size: 0.85em;
	}	
	.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){
	.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%;}	
	.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) {
	.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{text-align: center; padding:160px 0}
.subTop_cl1_1 {
    background: url(../img/subTop_cl1_1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

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

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

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

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

.subTop_cl6_1 {
    background: url(../img/subTop_cl6_1.jpg) no-repeat;
    background-position: 100% 99%;
    background-size: cover;
}

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

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

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

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

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

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

.subTop_sp2_1 {
    background: url(../img/subTop_sp2_1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.subTop_sp3_1 {
    background: url(../img/subTop_sp3_1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.subTop_sp4_1 {
    background: url(../img/subTop_sp4_1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.subTop_sp5_1 {
    background: url(../img/subTop_sp5_1.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: #2c395e;
	word-break: keep-all;
}
.cl_topBox .cl_top_tit h2 span {
    font-size: 0.65em;
    font-weight: 600;
    display: inline-block;
}
.cl_topBox .cl_top_txt{}
.cl_topBox .cl_top_txt p{  font-size: 1.8em; word-break: keep-all;}

.cl_sub_tit {
    padding-bottom: 40px;
    text-align: center;
}
.cl_sub_tit h5 {
    font-size: 3.6em;
    font-weight: 900;
	word-break: keep-all;
}
.cl_sub_tit p {
    font-size: 1.8em;
    padding-top: 30px;
    padding-bottom: 20px;
	word-break: keep-all;
}

.cl_t2{display:flex; gap:60px; align-items: center;flex-wrap: wrap;}
.cl_t2 .cl_t2_img{width:calc(55% - 30px); height: 495px;  border-radius: 30px;}
.cl_t3_i4 {
    background: url(../img/cl_t3_i4.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cl_t4_i10 {
    background: url(../img/cl_t4_i10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

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

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

.cl_t2 .cl_t2_tit{width:calc(45% - 30px);}
.cl_topBox2 .cl_top_tit{}
.cl_topBox2 .cl_top_tit h2 {
    font-size: 3.3em;
    font-weight: 800;
    padding: 10px 0 30px;
	word-break: keep-all;
}
.cl_topBox2 .cl_top_txt{}
.cl_topBox2 .cl_top_txt h6{font-size: 1.8em; word-break: keep-all; padding-bottom:15px;}
.cl_topBox2 .cl_top_txt p{font-size: 1.7em; word-break: keep-all;}

@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.4em;}
	
	.cl_sub_tit h5 { font-size: 3em;}
	.cl_sub_tit p{font-size: 1.6em;}

	.cl_topBox2 .cl_top_tit h2 { font-size: 3.5em;}
	.cl_topBox2 .cl_top_txt p {font-size: 1.4em;}	
}

@media (max-width: 868px){
	.cl_topBox {padding: 110px 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:340px}
	.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{padding:90px 0}
	.cl_topBox .cl_top_tit .cl_tit_eng{font-size: 1.3em;}
	.cl_topBox .cl_top_tit h2 { font-size: 2.6em;}
	.cl_topBox .cl_top_txt p {font-size: 1.3em;}
	
	.cl_sub_tit{    padding-bottom: 20px;}
	.cl_sub_tit h5{font-size: 2.5em;}
	.cl_sub_tit p{font-size: 1.4em;}
	.cl_sub_tit p br{display:none;}
	
	.cl_topBox2 .cl_top_tit h2 { font-size: 3em;}
	
	.cl_t2 .cl_t2_img{height: 240px;}
}
/*서브-공통*/





/*목다스크*/
.cl1_1info1{}
.cl1_1info1 .cl1_1info1_txt{}
.cl1_1info1 .cl1_1info1_txt ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.cl1_1info1 .cl1_1info1_txt ul li {
    width: calc(50% - 15px);
    font-size: 1.8em;
    background: #eceff4;
    padding: 25px 25px 25px 80px;
    position: relative;
    word-break: keep-all;
    border-radius: 8px;
}
.cl1_1info1 .cl1_1info1_txt ul li::after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../img/ck_icon.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 25px;
    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: 50px;
    flex-wrap: wrap;
    align-items: center;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_img {
    width: calc(40% - 25px);
    height: 495px;
    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(60% - 25px);}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul{}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li {
    color: #fff;
    padding: 20px 50px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0 26px;
	border-bottom: 1px solid #ffffff85;
    border-top: 1px solid #ffffff85;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li:last-child{margin-bottom:0}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li h5 {
    font-size: 2.2em;
	word-break: keep-all;
}
.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li p {
    font-size: 1.6em;
    font-weight: 300;
    padding-top: 8px;
	word-break: keep-all;
}

.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_1inBox5{}
.cl1_1inBox5 .cl1_1in5Box{text-align:center;}
.cl1_1inBox5 .cl1_1in5Box h3{font-size: 3em;}
.cl1_1inBox5 .cl1_1in5Box h3 strong{
    display: block;
    font-style: italic;
    color: #999;
    font-size: 0.85em;
    margin-bottom: 6px;	
}
.cl1_1inBox5 .cl1_1in5Box .cl1_1in5 {
    display: flex;
    margin: 50px 0;
    gap: 40px;
}
.cl1_1inBox5 .cl1_1in5Box .cl1_1in5 .cl1_1in5_txt {
    border-radius: 10px;
    width: calc(50% - 20px);
    padding: 40px 20px;
    background: #eceff4;
}
.cl1_1inBox5 .cl1_1in5Box .cl1_1in5 .cl1_1in5_txt h5 {
    font-size: 2em;
    padding: 9px 25px;
    word-break: keep-all;
    margin-bottom: 20px;
    border-radius: 6px;
    display: inline-block;
    color: #fff;
}
.cl1_1in5_txt h5.cl1_2in_tit1{background: #32498b;}
.cl1_1in5_txt h5.cl1_2in_tit2{background: #6b82c4;}
.cl1_1inBox5 .cl1_1in5Box .cl1_1in5 .cl1_1in5_txt ul {
    text-align: left;
    padding-left: 30px;
}
.cl1_1inBox5 .cl1_1in5Box .cl1_1in5 .cl1_1in5_txt ul li {
    font-size: 1.6em;
    list-style: disc;
    padding: 5px;
	word-break: keep-all;
}
.cl1_1in5_txt2 {
    font-size: 1.6em;
    text-align: left;
	word-break: keep-all;
}

.cl1_1in5_txt .sp2_inBox{display:flex; gap:30px; flex-wrap: wrap;}
.cl1_1in5_txt .sp2_inBox .sp2_in{width: calc(50% - 15px);}
.cl1_1in5_txt .sp2_inBox .sp2_in h6 {
    font-size: 1.8em;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.cl1_1in5_txt .sp2_inBox .sp2_in h6.sp2_in_tit1{}
.cl1_1in5_txt .sp2_inBox .sp2_in h6.sp2_in_tit2{}

@media screen and (max-width: 980px) {
	.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{padding: 20px 30px;}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li h5 { font-size: 1.8em;}
	.cl1_1info2 .cl1_1info2wp .cl1_1info2_txt ul li p { font-size: 1.4em;}
	
	.cl1_1in3_img{display:none;}
	.cl1_1in3_mo{display:block;}
	
	.cl1_1inBox5 .cl1_1in5Box{font-size:0.9em}
}

@media (max-width: 868px){
	.cl1_1info1 .cl1_1info1_txt ul{ gap: 15px;}
	.cl1_1info1 .cl1_1info1_txt ul li {width: 100% ;padding: 20px 20px 20px 60px;}
	.cl1_1info1 .cl1_1info1_txt ul li::after{width: 20px; height: 20px;}
	
	.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%;}

	.cl1_1inBox5 .cl1_1in5Box{font-size:0.8em}	
	.cl1_1inBox5 .cl1_1in5Box .cl1_1in5{flex-wrap: wrap;}
	.cl1_1inBox5 .cl1_1in5Box .cl1_1in5 .cl1_1in5_txt{width:100%;}	
	
	.cl1_1in5_txt .sp2_inBox .sp2_in{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; justify-content: center;}
.cl2_in1_txtBox .cl2_in1_txt {
    width: calc(50% - 10px);
    text-align: center;
    padding: 65px 20px;
    background: #1f346f;
    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_eng span{font-size:0.8em}
.cl2_in1_txtBox .cl2_in1_txt h2{font-size: 2.2em;word-break: keep-all;}
.cl2_in1_txtBox .cl2_in1_txt h2 span{font-size:0.75em;opacity: .8;}
.cl2_in1_txtBox .cl2_in1_txt p {
    font-size: 1.4em;
    padding-top: 20px;
	word-break: keep-all;
}

.cl2_in1_txtBox .cl2_in1_txt ul {
    text-align: left;
    padding: 28px 0px 0 20px;
}
.cl2_in1_txtBox .cl2_in1_txt ul li {
    font-size: 1.3em;
    padding: 5px;
    word-break: keep-all;
    list-style: disc;
}

.cl_box_po {padding-top: 20px; font-size: 1.5em; color: #555;}

.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;}
	.cl2_in1_txtBox .cl2_in1_txt{width: calc(50% - 10px); font-size: 0.9em;}	
	.cl_box_po{font-size:1.2em}
}
@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;
	margin-top: 30px;
}
.cl3_1info1_txt ul li {
    width: 200px;
    height: 200px;
    position: relative;
    font-size: 1.8em;
    background: #18254b;
    background-size: cover;
    border-radius: 200px;
    color: #fff;
}
.cl3_1info1_txt ul li:nth-child(even){    background: #1f346f;}
.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;
}

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

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

@media screen and (max-width: 1035px) {
   .cl3_1info1_txt ul{
		margin: 0 auto;
	}	
}

@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{ max-width: 800px;}
	.cl3_1info1_txt ul li{ width: 160px; height: 160px; font-size: 1.6em;}	
}	

@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_1info1_txt ul li{width: 130px; height: 130px; font-size: 1.4em;}
}	
/*통증 클리닉*/


/*통증 클리닉*/
.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;	
}

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

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

.cl4_4_Bg{
    background-image: url(../img/cl4_4_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl4_5_Bg{
    background-image: url(../img/cl4_5_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl4_6_Bg{
    background-image: url(../img/cl4_6_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl4_8_Bg{
    background-image: url(../img/cl4_8_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}

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

.cl5_2_Bg{
    background-image: url(../img/cl5_2_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl5_3_Bg{
    background-image: url(../img/cl5_3_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl5_4_Bg{
    background-image: url(../img/cl5_4_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.cl5_5_Bg{
    background-image: url(../img/cl5_5_Bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.sp3_1_Bg{
    background-image: url(../img/sp3_1_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 #00578e;
    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 9px;
    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: var(--main-color2);    
    padding: 9px;
    border-radius: 100px;
    color: #fff;
}
.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt ul li p {
    font-size: 1.8em;
    font-weight: 300;
	word-break: keep-all;
}

.cl3_1info2 .cl3_1info2wp .cl3_1info2_txt p.cl3_1in2_txt2{
	font-size: 1.5em;
    margin-top: 30px;
    font-weight: 300;
    background: #ffffff3d;
    padding: 25px;
    border-radius: 10px;
    border: 3px solid #2c395e;
    line-height: 1.3;	
	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; }

}


/**/
.cl1_4inBox1{}
.cl1_4in{
	text-align: center;
    background: #eceff4;
    padding: 50px;
    border-radius: 10px;	
}
.cl1_4in h5{
display: inline-block;
    background: #2c395e;
    color: #fff;
    padding: 10px 27px;
    font-size: 2em;
    border-radius: 150px;
    margin-bottom: 26px;	
	word-break: keep-all;
}

.cl1_4in p{ font-size: 1.6em;word-break: keep-all;}

@media screen and (max-width: 980px) {
	.cl1_4in{ font-size: 0.85em;    padding: 30px;}
}
@media screen and (max-width: 640px) {	
	.cl1_4in{ font-size: 0.75em;}
}
/**/


/**/
.cl3_1titBox1{
    background: url(../img/cl3_1titBox1.jpg) no-repeat;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;	
    /*background: #19274c;*/
    color: #fff;	
	
}
.cl3_1titBox1 .cl_top_tit{ text-align: center; color: #a7b9f0;}
.cl3_1titBox1 .cl_top_tit h2{font-size: 3.3em; padding-top: 10px;word-break: keep-all;}
.cl3_1titBox1 .cl_top_tit h5{font-size: 2.8em; padding-top: 10px;word-break: keep-all;}
.cl3_1titBox1 .cl_top_txt{ text-align: center; padding: 50px 0 0;}
.cl3_1titBox1 .cl_top_txt p{
    font-size: 1.6em;
    line-height: 1.4;
    padding: 10px 0;
	word-break: keep-all;
}	
.cl3_1titBox1 .cl_top_txt h6{font-size: 2.5em; padding: 30px 0;word-break: keep-all;}

.cl3_2inBox3{}
.cl3_2inBox3 .cl3_2in3{}
.cl3_2in3wp{}
.cl3_2in3_sbTit {
    font-size: 2.4em;
    font-weight: 700;
	position:relative;
	padding-left: 20px;
}
.cl3_2in3_sbTit::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #2c395e;
    border-radius: 100px;
}
.cl3_2in3wp ul{}
.cl3_2in3wp ul li {
    display: flex;
    gap: 10px;
    background: #eceff4;
    padding: 25px;
    word-break: keep-all;
    border-radius: 8px;
    margin: 20px 0;
    align-items: center;
}
.cl3_2in3wp ul li h5 {
    width: 10%;
    font-size: 2.5em;
    text-align: center;
    color: #2c395e;
	word-break: keep-all;
}
.cl3_2in3wp ul li p {
    width: 90%;
    font-size: 1.65em;
    word-break: keep-all;
    font-weight: 400;
    line-height: 1.4;
}
.cl3_2in3wp ul li p strong{
    font-size: 1.1em;
    padding-bottom: 8px;
    display: inline-block;	
}

.cl3_3in1wp{}
.cl3_3in1wp ul{}
.cl3_3in1wp ul > li {
    display: flex;
    border-radius: 8px;
    margin: 20px 0;
    align-items: center;
    border: 1px solid #dcdcdc;
    background: #2c395e;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.cl3_3in1wp ul > li::after{
    content: "";
    position: absolute;
    width: 80%;
    height: 300px;
    right: 0;    
    top: 50%;
    transform: translateY(-50%);
	background: #fff;	
	z-index: -1;
} 
.cl3_3in1wp ul > li h5 {
    width: 20%;
    font-size: 1.8em;
    text-align: center;
    color: #fff;
    background: #2c395e;
    padding: 40px 15px;
    border-radius: 8px 0px 0px 8px;
    word-break: keep-all;
}
.cl3_3in1wp ul > li h5 span{ font-size: 0.8em; font-weight: 400;}
.cl3_3in1wp ul > li p {
    width: 80%;
    font-size: 1.6em;
    padding: 15px 25px;
    word-break: keep-all;
    position: relative;
    z-index: 1;
	background:#fff
}

.cl3_3in1wp ul > li p span {
    font-size: 0.9em;
    color: #555;
    line-height: 1.2;
    display: inline-block;
}
.cl3_3in1wp ul > li > ol{width: 80%; padding: 10px 25px 10px 45px;}
.cl3_3in1wp ul > li > ol > li{ 
    font-size: 1.6em;
    word-break: keep-all;
    padding: 4px 0;
    list-style: disc;
}

@media screen and (max-width: 980px) {
	.cl3_1titBox1{ font-size: 0.8em;}
	.cl3_2in3_sbTit {font-size: 1.7em;}
    .cl3_2in3wp ul li{font-size: 0.75em;}
    .cl3_3in1wp ul > li{font-size: 0.75em; flex-wrap: wrap; background: transparent;}
	.cl3_3in1wp ul > li::after{display:none}
	.cl3_3in1wp ul > li h5 {
		width: 100%;
        padding: 15px 15px;
        border-radius: 8px 8px 0px 0px;		
	}
	.cl3_3in1wp ul > li p { width: 100%; padding: 20px;}
	.cl3_3in1wp ul > li ol { width: 100%; padding: 20px 20px 20px 38px;}
}
/**/


/**/
.cl5_1inBox1{}
.cl5_1inBox1 .cl5_1in {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    background: #eceff4;
    border-radius: 20px;
}
.cl5_1inBox1 .cl5_1in .cl5_1in_img{width:calc(35% - 10px)}
.cl5_1inBox1 .cl5_1in .cl5_1in_img img {
    width: 100%;
    max-width: 430px;
    border-radius: 20px 0 0 20px;
}
.cl5_1inBox1 .cl5_1in .cl5_1in_txt {
    width: calc(65% - 10px);
    padding: 30px 30px 30px 0;
}
.cl5_1inBox1 .cl5_1in .cl5_1in_txt h2 {
    font-size: 2.8em;
    font-weight: 800;
    padding: 10px 0 30px;
    word-break: keep-all;
}
.cl5_1inBox1 .cl5_1in .cl5_1in_txt p {
    font-size: 1.8em;
    word-break: keep-all;
}

@media screen and (max-width: 980px) {
	.cl5_1inBox1 .cl5_1in .cl5_1in_txt{font-size:0.9em}
	.cl5_1inBox1 .cl5_1in .cl5_1in_txt h2 {font-size: 2.6em;}	
	.cl5_1inBox1 .cl5_1in .cl5_1in_txt p {font-size: 1.6em;}
}

@media screen and (max-width: 860px) {
    .cl5_1inBox1 .cl5_1in .cl5_1in_img {
        width: 100%;
        text-align: center;
		padding-top: 30px;
    }
    .cl5_1inBox1 .cl5_1in .cl5_1in_img img {
        max-width: 242px;
        border-radius: 0;
    }
	.cl5_1inBox1 .cl5_1in .cl5_1in_txt { width:100%;padding: 0px 30px 30px; text-align: center;}	
	.cl5_1inBox1 .cl5_1in .cl5_1in_txt h2 {font-size: 2.3em;}
}

/**/



/**/
.cl_txtBox_wp{}
.cl_txtBox_wp ul {
/*background: #eceff4; */
    padding: 30px;
    border-radius: 10px;
    border: 4px solid #72798f;
}
.cl_txtBox_wp ul li {
    font-size: 1.8em;
    word-break: keep-all;
    padding: 10px 0;
    position: relative;
    text-align: center;
    line-height: 1.4;
}
@media screen and (max-width: 980px) {
	.cl_txtBox_wp ul li {font-size: 1.6em;}
}
@media screen and (max-width: 680px) {
	.cl_txtBox_wp ul{padding: 20px;}
	.cl_txtBox_wp ul li {font-size: 1.3em;}
	.cl_txtBox_wp ul li br{display:none}
}
/**/



/*클리닉 테이블*/
.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:20px 15px;
	text-align:center;
	font-size:1.5em	
}
.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.4em; padding:17px 12px}
}
/*클리닉 테이블*/


.spo_txtBox{}
.spo_txtBox p{
	font-size: 1.6em;
    margin-top: 50px;
    font-weight: 300;
    line-height: 1.3;	
}

@media screen and (max-width: 980px) {
	.spo_txtBox p{	font-size: 1.4em;}
}
@media screen and (max-width: 680px) {
	.spo_txtBox p{	font-size: 1.3em;}
}

.sp3_7_in_imgBox{}
.sp_fu_img{text-align:center}
.sp_fu_img img {
    max-width: 100%;
}
.sp_fu_txt {
    font-weight: 600;
    text-align: center;
    font-size: 1.7em;
    padding-top: 30px;
	word-break: keep-all;
}

@media screen and (max-width: 980px) {
	.sp_fu_txt {
		font-size: 1.4em;
	}	
}
@media screen and (max-width: 640px) {	
	.sp_fu_txt {
		font-size: 1.2em;
	}	
}


.sp_conBox{}
.sp_con ul {
    background: #eceff4;
    padding: 30px;
    border-radius: 10px;
}
.sp_con ul li {
    font-size: 1.8em;
    word-break: keep-all;
    padding: 10px 0;
    position: relative;
    padding-left: 16px;
}
.sp_con ul li::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 0;
    top: 23px;
    transform: translateY(-50%);
    background: #2c395e;
    border-radius: 100px;
}
.sp_con p {font-size: 1.8em; word-break: keep-all; padding-top:20px; line-height:1.3}

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

@media screen and (max-width: 680px) {
	.sp_con{font-size:0.8em}
	.sp_con ul li::after {top: 20px;}
}


/*서브 하단 공통 내용*/
.cl_con1{background:#f7faff}
.cl_con1Box{}
.cl_con1Box .cl_con1_list{margin:40px 0}
.cl_con1Box .cl_con1_tit{padding-bottom:20px}
.cl_con1Box .cl_con1_tit h5{font-size:2.2em;word-break: keep-all; }
.cl_con1Box .cl_con1_tit p{font-size:1.6em; padding-top:10px; word-break: keep-all;}
.cl_con1Box ul{
	display:flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cl_con1Box ul li {
    font-size: 1.6em;
    width: calc(20% - 9px);
    background: #2c395e;
    text-align: center;
}
.cl_con1Box ul li a{
    color: #fff;
    padding: 16px 10px;
    display: block;
	word-break: keep-all;	
}

.cl_con2{}
.cl_con2 ul {
    background: #eceff4;
    padding: 30px;
    border-radius: 10px;
}
.cl_con2 ul li {
    font-size: 1.8em;
    word-break: keep-all;
    padding: 10px 0;
    position: relative;
    padding-left: 16px;
}
.cl_con2 ul li::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 22px;
    left: 0;    
    top: 50%;
    transform: translateY(-50%);
	background: #2c395e;
}
@media screen and (max-width: 980px) {
	.cl_con1Box .cl_con1_list{font-size:0.8em}
	.cl_con1Box ul li {width: calc(33% - 9px);}
	
	.cl_con2 ul{font-size:0.9em}	
}

@media screen and (max-width: 680px) {
	.cl_con1Box ul li {width: calc(50% - 5px);}
	
	.cl_con2 ul{font-size:0.8em}
}
/*서브 하단 공통 내용*/


/*qa*/
.faq{
    overflow: hidden;
}
.faq_question {
    margin: 20px 0 0px;
    cursor: pointer;
    padding: 22px 72px 22px 72px;
    position: relative;
    font-size: 1.8em;
    word-break: keep-all;
    border: 2px solid #2c395e;
    color: #2c395e;
    border-radius: 50px;
    font-weight: 700;
}
.faq_question::before, .faq_question::after {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate3d(0, -50%, 0);
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
.faq_question::before{
	display: inline-block;
    background: url(../img/faq_open.png) no-repeat;
    background-position: center;
    background-size: cover;);
}
.faq_question::after{
	display: none;
    background: url(../img/faq_close.png) no-repeat;
    background-position: center;
    background-size: cover;);
}
.faq.open .faq_question::before{
	display: none;
}
.faq.open .faq_question::after{
	display: block;
}

.faq.open .faq_question {
    background: #2c395e;
    color: #fff;	
}

.faq span {
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -20px;
    background-color: #2c395e;
    color: #fff;
    font-weight: 600;
    width: 43px;
    height: 43px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px;
    font-size: 1.2em;
}
.faq.open span{
    background: #fff ;
    color: #2c395e;		
}
.faq_answer_container {
    height: 0;
    overflow: hidden;
    padding: 0;
}
.faq_answer{
	    padding: 20px;
	line-height: 1.3;
    word-break: keep-all;
	font-size:16px;
    /*background-color:#faf9fc;*/
    position:relative;
}
.faq_answer ul{}
.faq_answer ul li {
    font-size: 1.35em;
    margin: 30px 0;
    position: relative;
    padding-left: 50px;
}
.faq_answer ul li::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/faq_ck.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -6px;
}
.faq_answer span {top:31px; background-color:#444; line-height:29px;}

@media screen and (max-width: 980px) {
	.faq{ font-size: 0.8em;}
	.faq_answer{ font-size: 1.2em;}
}

/**/


.kd_proBox{background: #eceff4;}
.kd_pro_list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;	
}
.kd_pro_list .kd_pro {
    width: calc(33% - 25px);
    border-radius: 15px;
	background:#fff
}
.kd_pro_list .kd_pro .kd_pro_img{
	width:100%;
	min-height: 290px;
	border-radius: 15px 15px 0 0;
}
.kd_pro_list .kd_pro .kd_pro_i1{background: url(../img/kd_pro_i1.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_pro_list .kd_pro .kd_pro_i2{background: url(../img/kd_pro_i2.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_pro_list .kd_pro .kd_pro_i3{background: url(../img/kd_pro_i3.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_pro_list .kd_pro .kd_pro_i4{background: url(../img/kd_pro_i4.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_pro_list .kd_pro .kd_pro_i5{background: url(../img/kd_pro_i5.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}

.kd_pro_list .kd_pro .kd_pro_txt{text-align:center; padding:30px;}
.kd_pro_list .kd_pro .kd_pro_txt .kd_pro_nm {
    font-size: 1.5em;
    background: #2c395e;
    display: inline-block;
    color: #fff;
    padding: 10px;
    border-radius: 7px;
    font-weight: 600;
    width: 40px;
    height: 40px;
}
.kd_pro_list .kd_pro .kd_pro_txt h5{font-size:2.1em; padding: 10px 0; word-break: keep-all; color:#2c395e;}
.kd_pro_list .kd_pro .kd_pro_txt p{font-size:1.5em; word-break: keep-all; color:#333}

.kd_infoBox{}
.kd_infoBox1{background: url(../img/kd_infoBox1.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_infoBox2{background: url(../img/kd_infoBox2.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_infoBox3{background: url(../img/kd_infoBox3.jpg) no-repeat 50% 50%;  background-size: cover; background-position: center;}
.kd_info{display:flex; gap:60px; flex-wrap: wrap; align-items: center;}
.kd_info .kd_info_tit{width:calc(40% - 30px); color:#fff}
.kd_info .kd_info_tit h5 {
    font-size: 3em;
}
.kd_info .kd_info_tit p {
    font-size: 1.8em;
    padding-top: 20px;
}
.kd_info .kd_info_txt{width:calc(60% - 30px)}
.kd_info .kd_info_txt dl {
    font-size: 1.5em;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
    background: rgba(255, 255, 255, .75);
    margin: 15px 0;
    padding: 26px;
    border-radius: 6px;
}
.kd_info .kd_info_txt dl dt {
    font-weight: 500;
    width: calc(20% - 20px);
}
.kd_info .kd_info_txt dl dd{width:calc(80% - 20px)}

@media screen and (max-width: 980px) {
	.kd_pro_list .kd_pro{ width: calc(50% - 15px);}
	.kd_pro_list .kd_pro .kd_pro_txt{font-size: 0.85em;}
	
	.kd_info .kd_info_tit{width:100%}
	.kd_info .kd_info_txt{width:100%}
	
	.kd_infoBox {
		font-size: 0.85em;
	}	
}

@media screen and (max-width: 680px) {
	.kd_pro_list .kd_pro{ width:100%;}
	.kd_info{    gap: 30px;}
}