@charset "UTF-8"; 

/*--------------------- 공통 ---------------------*/
.s-container{padding:11rem 0 17rem;}
.bLineAdd{margin-bottom: 8rem; padding-bottom: 8rem; border-bottom: 1px solid var(--border-line2);}
.bLine{ border-bottom: 1px solid var(--border-line2);}
.pointC_01{color:var(--point-color);}
.pointC_02{color:var(--point-color2);}
.pointC_03{color:var(--point-color3);}
.pointC_06{color:var(--point-color4);}
.pointC_04{color:#833758;}
.pointC_05{color:#ae4c7b;}
.sub_htitle{ width: 100%; margin: 0 auto; text-align: center; padding-bottom:8rem; padding-left: 2rem; padding-right: 2rem;}
.sub_htitle h3{font-size:4.5rem; font-weight: 600; margin-bottom: 3rem;}
.sub_htitle .ht_basic span{font-size:4.5rem; font-weight:800;}
.sub_htitle .ht_point{font-weight:800; color:var(--point-color);}
.sub_htitle .ht_point span{font-size:4.5rem; color:var(--point-color);}
.sub_htitle .ht_black{font-weight:800; color:#444; margin-bottom:0;}
.sub_htitle .ht_pre{font-size:2.2rem; line-height:1.5;}
.sub_htitle .ht_pre span{font-size:2.2rem;  line-height:1.5;}
.sub_htitle .txt_list{ display: flex;  align-items: center;  justify-content: center;  gap: 1rem 3rem; margin-top: 3rem; flex-wrap: wrap;}
.sub_htitle .txt_list li{position:relative;}
.sub_htitle .txt_list li:before{content:''; display:block; width:1px; height:1.6rem; background:#555; position:absolute; top:50%; left:-1.5rem; transform:translateY(-50%);}
.sub_htitle .txt_list li:first-child:before{display:none;}
.sub_htitle .txt_list li a{position:relative; font-size: 2rem;color: #ae4c7b;font-weight: 600;}

.cont_htitle{width: 100%; margin: 0 auto; text-align: center; padding-bottom: 8rem;}
.cont_htitle h4{font-size:4.5rem; font-weight: 800;}
.cont_htitle h4 span{font-size:4.5rem; font-weight: 800;}
.cont_htitle h5{font-size:3.2rem; font-weight:800;}
.cont_htitle h5.ty_h5{font-size:3.8rem; font-weight:800;}
.cont_htitle h6{font-size:2.5rem; font-weight:500;}
.cont_htitle .ct_pre{font-size:2rem; line-height:1.5; margin-top: 3rem;}
.cont_htitle .ct_pre span{font-size:2rem; line-height:1.5;}
.cont_htitle .ct_pre_b{font-size:3rem; font-weight:500; line-height:1.5; margin-top: 3rem;}
.cont_htitle .ct_pre_b strong{font-size:3rem; font-weight:700; line-height:1.5;}
.cont_htitle .ct_pre_b span{font-size:3rem; font-weight:500; line-height:1.5;}
.cont_htitle .ct_pre_en{font-size:2rem; font-weight:500; line-height:1.5; }
.cont_htitle .ct_pre strong{font-size:2rem; font-weight:700; line-height:1.5;}

.boxTop_title{ width: 100%; margin: 0 auto; text-align: center;}
.boxTop_title .tit{font-size: 3rem;  font-weight: 700; }
.boxTop_title .tit span{font-size:3rem;}
.boxTop_title p{font-size:2.6rem; font-weight:300; margin-top:2.5rem;line-height:1.5;}

.boxTop_title_p{width: 100%; margin: 0 auto; padding:8rem 0; text-align: center; font-size: 3.2rem; font-weight: 800; color: var(--point-color);}

.ct_hpre{font-size: 3rem;font-weight: 800; text-align: center;}
.sm_pointTit,
.sm_pointTit span{font-size:3rem; font-weight:600; text-align:center;}
.sm_pointTit span{font-weight:800; color:var(--point-color2);}

.checkicon{ padding-left: 4rem; position: relative;}
.checkicon:before{content:''; display:block; width: 2.8rem;  height: 2.1rem; background:url(../img/content/icon_check.png) no-repeat center center /2.8rem;  position: absolute; top: 0.5rem;left:0;}
.last_txtItem{font-size:2.8rem; font-weight:700; color:var(--point-color); line-height:1.2; text-align:center;}
.last_txtItem + .last_txtItem{margin-top:1.5rem;}
.last_txtItem span{font-size:2.8rem; font-weight:300; padding-left:1rem;}
.fd_c{flex-direction: column;}
.verti{display:flex;}
.verti_fw{display:flex; flex-wrap:wrap; gap: 0 2rem;}

.c_color{color:var(--point-color3) !important;}
.c_color01{color:#444 !important;}
.c_color02{color:var(--point-color) !important;}
.ct_pre_c{font-size: 2rem;  font-weight: 400;  line-height: 1.5; text-align:center;}
.ct_pre_c strong{font-size:2rem; font-weight:700; line-height:1.5;}
.ct_pre_c01{font-size: 3rem;  font-weight: 400;  line-height: 1.5; text-align:center;}
.ct_pre_c01 span{font-size:3rem; font-weight:400; line-height:1.5;}
.ct_pre_c01 strong{font-size:3rem; font-weight:700;}
.ct_pre_l{font-size: 2rem;  font-weight: 400;  line-height: 1.5;}
/*.mt_pre{font-size: 2.8rem;  font-weight: 500;  line-height: 1.5;} */

.dcu_downBox{display:flex;align-items:center;justify-content: center;gap:3.5rem;max-width: 110rem;margin: 0 auto;    padding-top: 2rem;}
.dcu_downBox .dcu_down a{padding: 1.5rem 2.5rem;font-size:2rem;padding-right: 4.5rem;max-width: 80rem;margin: 0 auto;}
.dcu_down a{background: url(../img/default/icon_down.svg) no-repeat center right 1.8rem / 1.8rem; font-weight:500; display: flex;align-items: center;justify-content: center;border: 1px solid #555;border-radius: 3rem;padding: 1rem 2rem;padding-right: 4rem; transition:all .3s;}

.zoomImgTb_w{ position: relative; width: 100%; height:auto; min-height:10rem; text-align:center;} 
.zoomImgTb_w .zoomImgTb{overflow: hidden; display: flex;  justify-content: center;  align-items: center;}
.zoomImgTb_w .zoomImgTb img{max-width:100%; height: auto;  transition: transform 0.2s ease-out;}

.t_br{display:none;}
.nn_br{display:block;}

	@media screen and (min-width:1200px){
		.dcu_down:hover a{background:var(--point-color) url(../img/default/icon_down_w.svg) no-repeat center right 1.8rem / 1.8rem; color:#fff; border:1px solid var(--point-color);}
	}
	@media screen and (max-width:1200px){
		/* .bLineAdd{border:0;} */
		.checkicon{padding-left:4.5rem;}
		.sub_htitle h3{font-size:4rem;}
		.sub_htitle .ht_basic span{font-size:4rem;}
		.sub_htitle .ht_point span{font-size:4rem;}
		.cont_htitle h4 { font-size: 4rem;}
		.cont_htitle h4 span{font-size: 4rem;}
		.cont_htitle .ct_pre_b {font-size:2.7rem;}		
		.cont_htitle .ct_pre_b strong{font-size:2.7rem;}
		.cont_htitle .ct_pre_b span{font-size:2.7rem;}
		.boxTop_title .tit{font-size: 2.5rem;}
		.boxTop_title .tit span{font-size:2.5rem;}
		.boxTop_title p{font-size:2rem;}
		.ct_pre_c01{font-size:2.7rem;}
		.ct_pre_c01 span{font-size:2.7rem;}
		.ct_pre_c01 strong{font-size:2.7rem;}		
	}
	
	@media screen and (max-width:1024px){
		.last_txtItem{font-size:2.4rem;}
		.last_txtItem span{font-size:2.4rem; padding-left: 0;}
		.last_txtItem .m_bct{display:block; margin-top:1rem;}
		.last_txtItem + .last_txtItem{margin-top:3.5rem;}
		.dcu_downBox{flex-direction: column;  gap: 2rem;}
	}

	@media screen and (max-width:980px){
		.t_br{display:block;}
	}

	@media screen and (max-width:640px){
		.sub_htitle h3{font-size:3.5rem;}
		.sub_htitle .ht_basic span{font-size:3.5rem;}
		.sub_htitle .ht_point span{font-size:3.5rem;}
		.cont_htitle h4 { font-size:3.5rem;}
		.cont_htitle h4 span{font-size: 3.5rem;}
		.cont_htitle .ct_pre_b {font-size:2.25rem;}		
		.cont_htitle .ct_pre_b strong{font-size:2.25rem;}
		.cont_htitle .ct_pre_b span{font-size:2.25rem;}
		.ct_pre_c01{font-size:2.25rem;}
		.ct_pre_c01 span{font-size:2.25rem;}
		.ct_pre_c01 strong{font-size:2.25rem;}
		
	}
	@media screen and (max-width:480px){
		
		br{display:none;}
		.board_view .viewmain .txtcont  br{display:block;}
	}


/*--------------------- 로그인, 회원관련 ---------------------*/
.member{padding: 24rem 0;}
.mem_inwrap {width: 103rem;max-width:100%;margin:0 auto;padding: 0 2rem;}
.mem_htitle{ width: 100%; margin: 0 auto; text-align: center; padding-bottom:6rem; padding-left: 2rem; padding-right: 2rem;}
.mem_htitle .logo{width:31rem; height:10.8rem;  margin: 0 auto 4rem; background:url(../img/content/yuba_logo2.png) no-repeat center center / 31rem;}
.mem_htitle h3{ font-size:3.5rem; font-weight:700; color:#444;}
.mem_htitle h4{ font-size:3.2rem; font-weight:700; color:var(--point-color);}
.mem_htitle h5{ font-size:3rem; font-weight:700; color:var(--point-color);}
.mem_htitle span{ font-size:2.2rem; font-weight:300; color:#444; padding-left:1rem;}
.pw_hide{position: relative;}
.pw_hide .hide_icon{width:3rem;height:2.5rem;background:url(../img/content/icon_hide.svg) no-repeat center center / 3rem;display: block;cursor: pointer;position: absolute;right: 3rem;top: 50%;transform: translateY(-50%);}
.pw_hide.active .hide_icon{background:url(../img/content/icon_hide_n.svg) no-repeat center center / 3rem;}
.sns_loginbox{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 4rem 0 0;}
.sns_loginbox li{}
.sns_loginbox li a{display:block;}
.sns_loginbox .r_icon{width:8rem;  height: 8rem; border-radius: 50%;  margin: 0 auto;}
.sns_loginbox .r_icon.naver{background:#3fc625 url(../img/content/logo_naver.png) no-repeat center center / 3.6rem;}
.sns_loginbox .r_icon.kakao{background:#ffec03 url(../img/content/logo_kakao.png) no-repeat center center / 5.4rem;}
.sns_loginbox .r_icon.normal{background:#838383 url(../img/layout/icon_user.png) no-repeat center center / 4.9rem;}
.sns_loginbox p{font-size: 2rem;  font-weight: 300; text-align: center; margin-top:1.5rem;}
.infoStep{position:relative; width: 100%;  display: flex;  align-items: center;  justify-content: space-between; gap: 2rem; padding: 0 3rem; margin-bottom: 6rem;}
.infoStep:after{content: ''; display: block; width: calc(100% - 13rem); height: 1px; background: url(../img/content/mem_step_line.png) no-repeat center center;  background-size: cover; position: absolute; top: 2rem;  left: 50%; transform: translateX(-50%); z-index: -1;}
.infoStep .round_step{ width: 4rem;  height: 4rem;  border-radius: 50%;  background: #bbb;  font-size: 2rem;  font-weight: 900;  color: #fff;  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto;}
.infoStep .round_step.active{background:var(--point-color);}
.infoStep p{ padding-top: 2rem;  font-size: 2rem;  font-weight: 500; text-align: center;}
.infoStep.two{ max-width: 47rem;  margin: 0 auto;}

.loginwrap{background:url(../img/content/login_bg.png) no-repeat right bottom;}
.loginwrap .mem_inwrap{width:50rem;}
.login_ipbox{width:100%;}
.login_ipbox .input{border-radius: 1.5rem; width:100%; height: 6rem;  font-size: 2rem; font-weight: 300; padding: 0 3rem;}
.login_ipbox .input:focus{border-color:#c79fb1;}
.login_desc{margin:2rem 0; width: 100%;  display: flex;  align-items: center;  justify-content: space-between;} 
.login_desc .check_text{font-size:1.7rem; font-weight:300;}
.login_desc ul{display:flex; align-items:center; gap:3rem;}
.login_desc ul li{position:relative;}
.login_desc ul li:before{content: '';display: block;width: 1px;height: 1.5rem;background: #555;);opacity: 0.5;position: absolute;top: 50%;left: -1.5rem;transform: translateY(-50%);}
.login_desc ul li:first-child:before{display:none;}
.login_desc ul li a{font-size:1.4rem; font-weight:300;}
.loginbtn{ width: 100%;  background: var(--point-color);  border-radius: 1rem;  height: 8rem;  color: #fff;  font-size: 2.6rem;  font-weight: 500;}

.simpleJoinbox .sns_loginbox{ justify-content: center;  gap: 10rem;  margin: 0;}
.memInfoBox .board_wrap + .board_wrap{margin-top: 6rem;}
.memInfoBox .board_wrap .mem_htitle{  text-align: left;  padding: 0;}
.memInfoBox .board_wrap .mem_htitle.between{display:flex;  align-items: center;  justify-content: space-between;}
.memInfoBox .board_wrap .mem_htitle .withdrawbtn{font-size:2.6rem; font-weight:600;    text-decoration: underline; text-underline-position: under;}
.joinAgreebox{}
.joinAgreebox .checkBox{margin:0;}
.joinAgreebox .check_text{font-size:1.7rem;}
.joinAgreebox .ip_item{ flex-direction: column; gap: 0;}
.joinAgreebox .ip_item .ss_txt{padding-left:3rem;margin-top: 1rem;}
.find .ip_item .title{width:12rem;}
.findID, .findID span{ font-size: 3.6rem;  font-weight: 500;   }
.findID span{color:var(--point-color);  font-weight: 700; }
.ip_item input[type="date"] {width:35rem;}

.widthdrowBox{}
.widthdrowBox .phrase, .widthdrowBox .phrase span{font-size:3.2rem;  text-align:center; color:var(--point-color);}
.widthdrowBox .phrase span{display:block; font-weight:700;}
.widthdrowBox .widthdrowSelect{margin:6rem;}
.widthdrowBox .widthdrowSelect .tit{font-weight: 600;  font-size: 3rem;  margin-bottom: 3rem;}
.widthdrowBox .widthdrowSelect .radioBox + .radioBox{margin-top:3rem;}
.widthdrowBox .widthdrowSelect .radioBox .input{ border-radius: 1.5rem; height: 7rem;  font-size: 2.6rem; font-weight: 300; padding: 0 3rem;}

.terms .mem_inwrap{width: 124rem;}
.terms .policyBox .p_tit{ font-weight: 700; padding: 2.5rem 0;}
.terms .policyBox .p_txt{line-height:1.5;}
.terms .policyBox ul li{line-height:1.5;}
.terms .policyBox .mp_tit{font-weight: 700; padding:8rem 0 2.5rem;}

	@media screen and (max-width:640px){
		.findID, .findID span{ font-size: 2.8rem;  text-align: center;}		
	}

/*--------------------- 유바소개 ---------------------*/
.story .sub_inwrap{width:124rem;}
.meanBox .cont_htitle h4{font-weight:500;}
.historyItem{width:100%;padding: 8rem 4rem;}
.historyItem_wrap{position:relative;height: 65rem;display: flex;justify-content: space-between;gap: 26rem;}
.historyItem .scroll_ani{  position: absolute;  bottom: 0;  left: 42rem;  width: 4rem;  height: 60rem;}
.historyItem .ani_round{position: relative;  left:0;width:4rem; height:4rem; background:url(../img/content/scroll_ani_bullet.png) no-repeat center center / 4rem; transition: top 0.1s ease-out;}
.historyItem .ani_bar{ position: absolute; top: 0; left: 2rem; width: 1px; height: 0; background: #d07ea6;}
.historyItem .ani_bar_basic{ position: absolute; top: 0; left: 2rem; width: 1px; height:100%; background: #d2d2d2; z-index:-1;}
.historyItem .historyCont{width: calc(100% - 56rem); height: 64rem; overflow-y:hidden;}
.yearIndicate{width:30rem;}
.yearIndicate .year_txt{opacity:1; transform: translateY(0);transition:all .4s ease;  font-size:12rem; font-weight:900; color:var(--point-color);line-height: 1;}
.yearIndicate .t_tit{font-size:2.8rem;}
.historyCont .historyLst{scrollbar-width: none;}
.historyCont .historyLst::-webkit-scrollbar {display: none;}
.historyLst li{height:65rem;}
.historyLst li + li{padding-top:4.5rem;}
.historyLst li[date-year="2011"]{padding-top:0;}
.historyLst li:last-child{margin-bottom:10rem;}
.historyLst li .r_contxt{}
.historyLst li .r_contxt .desc_txtbox{margin-bottom:3rem;}
.historyLst li .r_contxt .desc_txtbox p{font-size:2rem; line-height:1.5;}
.historyLst li .r_contxt .desc_imgThum{width: 54rem; border-radius: 2rem; border: 1px solid var(--point-color); overflow: hidden;}
.historyLst li .r_contxt .desc_imgThum img{max-width: 100%;}
.visionBox .cont_htitle h4, .missionBox .cont_htitle h4{font-weight:500;}
.visionBox .cont_htitle{padding-bottom:12rem;}
.sloganBox{width:100%; background:url(../img/content/slogan_bg.jpg) no-repeat center center; background-size:cover;}
.sloganTit{font-family: "Montserrat"; width: 100%;  text-align: center; font-size: 4.8rem;  font-weight: 500;}
.sloganTit span{font-family: "Montserrat"; font-size:5.5rem; color:var(--point-color); font-weight:700;}
.sloganDetail{padding:8rem 0;}
.sloganDetail li{display:flex;align-items:center;gap: 2rem;padding:1rem 2rem;border-bottom:1px solid var(--border-line2);}
.sloganDetail .l_title{font-family: "Montserrat";font-size:3rem;color:#949494;font-weight:500;width: 27rem;}
.sloganDetail .l_title span{font-family: "Montserrat"; font-size:3rem; color:var(--point-color); font-weight:700;}
.sloganDetail .r_text{font-size:2.6rem;width: calc(100% - 29rem);}
.core_valueBox{position:relative;}
.core_valueBox .boxTop_title_p{margin-top: 8rem;}
.core_valueBox .bgtxt_mquee{background:url(../img/content/core_valueTxtbg.png)no-repeat center center / 92rem;position: absolute;top: 1rem;left: 50%;transform: translateX(-50%);z-index: -1;width: 92rem;height: 15rem;}
.core_valueBox .cvLst{display: flex;gap: 2rem;margin-top: 6rem;}
.core_valueBox .cvLst li{width: calc(100% / 5 - 1rem); text-align: center; padding-top:11rem;}
.core_valueBox .cvLst .coopr{background: url(../img/content/core_value_icon01.png) no-repeat top center / 10rem;}
.core_valueBox .cvLst .innov{background: url(../img/content/core_value_icon02.png) no-repeat top center / 7.8rem;}
.core_valueBox .cvLst .profess{background: url(../img/content/core_value_icon03.png) no-repeat top center / 7.6rem;}
.core_valueBox .cvLst .respect{ background:url(../img/content/core_value_icon04.png) no-repeat top center / 8rem;}
.core_valueBox .cvLst .consid{background: url(../img/content/core_value_icon05.png) no-repeat top center / 7.3rem;}
.core_valueBox .cvLst .love{ background:url(../img/content/core_value_icon06.png) no-repeat top center / 8rem;}
.core_valueBox .cvLst .ko_tit{font-size:3rem; font-weight:800;}
.core_valueBox .cvLst .en_tit{font-size:2rem; font-weight:500; color:var(--point-color);}

.doctor .ct_pre_c{text-align: left;  max-width: 60rem;  margin: 0 auto;}
.doctor .ct_pre_c ul li{font-size: 2rem; font-weight: 400;  line-height: 1.5; padding-left:1rem; text-indent:-1rem;}
.doctor .sub_inwrap{width:124rem;}
.doctorInfoBox{margin-top:8rem;}
.doctorInfoBox .common-tab .tab-nav ul li.active a:before{display:none;}
.doctorInfoBox .common-tab .tab-nav ul li.active a{padding-left:0;}
.doctorInfoBox .common-tab .tab-nav ul{gap:3rem;}
.doctorInfoBox .common-tab .tab-nav ul li{padding:0; width:calc(100% / 5 - 2.4rem);  transition: all .3s;}
.doctorInfoBox .common-tab .tab-nav ul li a{width: 20rem;height: 20rem;border-radius: 50%;border: 1px solid var(--border-line2);display: flex;flex-direction: column;align-items: center;justify-content: center; gap:1.5rem; margin: 0 auto;  transition: all .3s;}
.doctorInfoBox .tab-nav ul li a .icon{width:7.5rem; height:7.5rem; transition: all .3s;}
.doctorInfoBox .tab-nav ul li a .icon.menu{background:url(../img/content/doc_icon_menu.png) no-repeat center center/7.3rem;}
.doctorInfoBox .tab-nav ul li a .icon.breast{background:url(../img/content/doc_icon_breast.png) no-repeat center center/7.5rem;}
.doctorInfoBox .tab-nav ul li a .icon.plastic{background:url(../img/content/doc_icon_plastic.png) no-repeat center center/7.5rem;}
.doctorInfoBox .tab-nav ul li a .icon.medicine{background:url(../img/content/doc_icon_medicine.png) no-repeat center center/7.5rem;}
.doctorInfoBox .tab-nav ul li a .icon.pain{background:url(../img/content/doc_icon_pain.png) no-repeat center center/7.5rem;}
.doctorInfoBox .tab-nav ul li a .tit{font-size:2.2rem; font-weight:500; transition: all .3s;}
.doctorInfoBox .tab-nav ul li .mtit{display:none;  text-align: center;  padding: 2rem 0;  font-size:2.2rem; font-weight:500;  transition: all .3s;}
.doctorInfoBox .common-tab .tab-nav ul li.active a{ background: var(--point-color);}
.doctorInfoBox .tab-nav ul li.active a .tit{color:#fff;}
.doctorInfoBox .tab-nav ul li.active a .icon{filter: brightness(0) invert(1);}
.doctorInfoBox .tab-container{margin-top:8rem;}
.doctorLst{display:flex; flex-wrap:wrap; gap:5rem 3rem;}
.doctorLst > li{position:relative; width:calc(100% / 2 - 1.5rem); min-height: 60rem;  background: #f4f4f4;  border-radius: 3rem; overflow:hidden;}
.docItem{width:100%; height:100%; position:relative; border-radius: 3rem; z-index:3;}
.doctor_ajy{background: url(../img/content/doctor_ajy.png) no-repeat bottom -10.5rem left -1.5rem;}
.doctor_siy{background: url(../img/content/doctor_siy.png) no-repeat bottom -10.5rem left -4.5rem;}
.doctor_ysh{background: url(../img/content/doctor_ysh.png) no-repeat bottom -12rem left -0.5rem;}
.doctor_lhs{background: url(../img/content/doctor_lhs.png) no-repeat bottom -5.5rem left -4rem;}
.doctor_yjw{background: url(../img/content/doctor_yjw.png) no-repeat bottom 0rem left 0rem;}
.doctor_lsr{background: url(../img/content/doctor_lsr.png) no-repeat bottom -9.5rem left -5.5rem;}
.doctor_khg{background: url(../img/content/doctor_khg.png) no-repeat bottom -8.5rem left -5rem;}
.doctor_ohk{background: url(../img/content/doctor_ohk.png) no-repeat bottom -9.5rem left -1rem;}
.docItem:before{ content: '';  display: block;  width: 100%;  height: 100%;  border:1px solid transparent; border-radius: 3rem; transition:all .3s;}
.docItem .doc_title{ position: absolute;  right: 5rem;  top: 18rem;}
.docItem .doc_title .tit{font-size: 4.5rem; font-weight: 600; margin-bottom: 1rem;}
.docItem .doc_title .tit span{font-size: 2.2rem; font-weight: 500;}
.docItem .doc_title p{ font-size: 2.2rem; font-weight: 500; color: var(--point-color);}
.docItem .doc_title .stxt{font-size:1.8rem; font-weight:400;}
.docItem .detailBtn{opacity:0;width:1rem;height:1rem;background: var(--point-color);border-radius: 3rem;transition: all 0.3s;position: absolute;bottom: 3.5rem; right:3.5rem; display: flex;align-items: center;justify-content: center; cursor: pointer}
.docItem.active {z-index:1;}
.docItem.active .detailBtn {opacity: 1;  z-index: 1;  width: 100%;  height:100%; right:0; bottom:0;}
.doctorLst li .h_detailC{padding: 4.5rem 6rem;background: var(--point-color);position: absolute;top: 0;left: 0;width: 100% ;height: 100%;transition: all 0.22s;opacity: 0; z-index:2;}
.doctorLst li .h_detailC.active{opacity: 1; }
.doctorLst li .h_detailC .scroll{overflow-y: auto;}
.doctorLst li .h_detailC .scroll::-webkit-scrollbar {width:0.5rem;}
.doctorLst li .h_detailC .scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.8); border-radius: 1rem;}
.doctorLst li .h_detailC .scroll::-webkit-scrollbar-track{ background: rgba(255, 255, 255, 0.4); }
.doctorLst li .h_detailC .dt_txt {max-height:49rem;}
.doctorLst li .h_detailC .dt_txt li{color:#fff;font-size: 1.8rem;font-weight: 500;    padding-left: 1rem; text-indent: -1rem;}
.doctorLst li .h_detailC .dt_txt li + li{margin-top:1rem;}
.doctorLst li .h_detailC .closeBtn{width:2rem;height:2rem;background: url(../img/layout/icon_close.png)no-repeat center center / 1.8rem;cursor:pointer;position: absolute;top: 4rem;right: 3rem;}

.direction .sub_inwrap{width: 128rem;}
.icoTitle{ width: 100%;  display: flex;  align-items: center;  justify-content: center;  gap: 1rem;}
.icoTitle .icon{width:4.8rem; height:4.8rem;}
.icoTitle .clock{ background:url(../img/content/icon_clock.png) no-repeat center center / 4rem;}
.icoTitle .phone{ background:url(../img/content/icon_phone.png) no-repeat center center / 4rem;}
.icoTitle .map{ background:url(../img/content/icon_map.png) no-repeat center center / 4rem;}
.icoTitle .park{ background:url(../img/content/icon_parking.png) no-repeat center center / 4.8rem;}
.icoTitle .title{ font-size: 4.5rem; font-weight: 600;}
.informationBox{}
.topList_items{width: 100%;display: flex;gap: 6rem; margin-bottom:5rem;}
.topList_items .itemLst{width: calc(100% / 2 - 3rem);}
.topList_items .itemLst .icoTitle{justify-content: flex-start;border-bottom: 1px solid var(--border-line2);padding-bottom: 2rem;margin-bottom: 2rem;}
.topList_items .itemLst ul{}
.topList_items .itemLst ul li{display: flex;  gap: 2rem;  align-items: center;}
.topList_items .itemLst ul li + li{margin-top:1.5rem;}
.topList_items .itemLst ul li .ltxt{font-size: 2.4rem;  font-weight: 700; width: 16rem;}
.topList_items .itemLst ul li .rtxt{width: calc(100% - 18rem); font-size: 2.4rem;}
.topList_items .itemLst ul li .rtxt a{display: flex;  align-items: center;  gap:1rem; font-size: 2.4rem;}
.topList_items .itemLst ul li .rtxt a .link{width:2.2rem; height:2.2rem; background:url(../img/content/icon_link.png) no-repeat center center / 2.2rem;}
.topList_items .itemLst ul li .rtxt p{ font-size: 2.4rem;}
.topList_items .itemLst ul li .rtxt p:last-child{font-size:1.8rem; margin-top:1rem;}
.topList_items .itemLst ul.inquiry li {align-items: flex-start;}
.topList_items .itemLst ul.inquiry li .ltxt{width:22rem;}
.topList_items .itemLst ul.inquiry li .rtxt{width: calc(100% - 24rem);}
.mapBox{margin:8rem 0;}
.mapBox .map_wrap{margin-top:4rem;}
.map_wrap .mapItem{width:100%; height:63.5rem;}
.map_wrap .mapItem .wrap_map{height:calc(100% - 3.5rem);}
.parkingBox{}
.parkingBox .parkInfo{ display: flex;  margin-top: 4rem;  gap: 5rem;}
.parkingBox .parkThum{width: 56rem; border: 1px solid var(--border-line);}
.parkingBox .parkThum img{max-width:100%;}
.parkingBox .parkcont{ width: calc(100% - 61rem);}
.parkingBox .parkcont .txt{font-size: 2.4rem;  font-weight: 300;}
.parkingBox .parkcont .txt span{font-size:1.8rem; display:block;}
.parkingBox .parkcont ul{margin-top:2rem;}
.parkingBox .parkcont ul li{display:flex; gap:6rem;}
.parkingBox .parkcont ul li .t_tit{ font-size: 2.4rem;  font-weight: 600;  width: 14.5rem;}
.parkingBox .parkcont ul li .t_ctxt{ width: calc(100% - 20.5rem);}
.parkingBox .parkcont ul li .t_ctxt p:nth-child(1){font-size:2.4rem;}
.parkingBox .parkcont ul li .t_ctxt p:nth-child(2){font-size:1.6rem;}
.parkingBox .parkcont ul li .t_ctxt p:nth-child(3){font-size:1.8rem;}
.parkingBox .parkcont ul li:last-child{flex-wrap:wrap; gap:1.5rem;}
.parkingBox .parkcont ul li:last-child .t_ctxt{width:100%;}
.parkingBox .parkcont .tbl-01 {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.parkingBox .parkcont .tbl-01 td,
.parkingBox .parkcont .tbl-01 th{padding:1rem; border-left:0;}
.parkingBox .parkcont .tbl-01 th{background: #f6f6f6;}
.parkingBox .parkcont .tbl-01 td{font-size:1.8rem;}
.parkingBox .parkcont .tbl-01 td span{display:block;}

.fac_wrapBox{width: 100%;  min-height: 80rem; display: flex;    align-items: stretch;}
.fac_wrapBox .l_tabLst{width:33%;}
.l_tabLst .tab-nav{position:relative;}
.l_tabLst .tab-nav ul{ flex-direction: column;  gap: 0;}
.l_tabLst .tab-nav ul li{position:relative; background:#fbfbfb; border: 1px solid var(--border-line2); padding:0;}
.l_tabLst .tab-nav ul li + li{border-top:0;}
.l_tabLst .tab-nav ul li a{display: flex;  align-items: center; gap: 2rem;z-index: 3; padding: 1.5rem 2rem !important;}
.l_tabLst .tab-nav ul li .floor{width: 4.5rem; font-size:3.6rem;}
.l_tabLst .tab-nav ul li .floor span{ font-size:2rem;}
.l_tabLst .tab-nav ul li .floor_fac{width: calc(100% - 6.5rem);}
.l_tabLst .tab-nav ul li .floor_fac .btit{font-size:2rem; font-weight:500;}
.l_tabLst .tab-nav ul li .floor_fac p{font-size:1.6rem; font-weight:300;}
.l_tabLst .tab-nav ul li.active a:before{display:none;}
.l_tabLst .tab-nav ul li.active { color: #fff;}
.l_tabLst .tab-nav ul li.active .floor,
.l_tabLst .tab-nav ul li.active .floor span,
.l_tabLst .tab-nav ul li.active .floor_fac .btit,
.l_tabLst .tab-nav ul li.active .floor_fac p {color: #fff; transition: all 0.3s;}
.l_tabLst .tab-nav ul li.suppress-active-style .floor,
.l_tabLst .tab-nav ul li.suppress-active-style .floor span,
.l_tabLst .tab-nav ul li.suppress-active-style .floor_fac .btit,
.l_tabLst .tab-nav ul li.suppress-active-style .floor_fac p {color: var(--point-color) !important;font-weight: 500 !important;}
.l_tabLst .tab-nav .highlight-bar { content: '';    position: absolute;    top: 0;    left: 0;    width: 110%;    height: 7.8rem;    background: var(--point-color);    border-radius: 0 5rem 5rem 0;    z-index:2;  transition: top 0.3s ease-in-out;}
.fac_wrapBox .r_contSlideLst{width:67%;}
.r_contSlideLst .tab-container{width:100%; height:100%;}
.r_contSlideLst .fac_sld .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:2rem;}
.r_contSlideLst .fac_sld .swiper-pagination-bullet{width:1rem; height:1rem;}
.r_contSlideLst .fac_sld .swiper-pagination-bullet-active{background:#fff;}
.r_contSlideLst .sldimgbox{ position: relative;  padding-bottom: 80rem;  overflow: hidden;}
.r_contSlideLst .sldimgbox img{ display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.mb_fac_wrapBox{display:none;}

	@media screen and (min-width:1200px){
		.doctorInfoBox .common-tab .tab-nav ul li:hover a{ background: var(--point-color);}
		.doctorInfoBox .tab-nav ul li:hover a .tit{color:#fff;}
		.doctorInfoBox .tab-nav ul li:hover a .icon{filter: brightness(0) invert(1);}

		.l_tabLst .tab-nav ul li:hover a:before{display:none;}
		.l_tabLst .tab-nav ul li:hover { color: #fff;}
		.l_tabLst .tab-nav ul li:hover .floor,
		.l_tabLst .tab-nav ul li:hover .floor span,
		.l_tabLst .tab-nav ul li:hover .floor_fac .btit,
		.l_tabLst .tab-nav ul li:hover .floor_fac p {color: #fff; transition: all 0.3s;}
	}
	
	
	@media screen and (min-width:1024px){
		.docItem:hover:before{border:8px solid var(--point-color);}
		.docItem:hover .detailBtn {opacity: 1;  z-index: 1;  width: 6rem;  height: 6rem;}
		.docItem:hover .detailBtn span {  background: url(../img/default/icon_add_w.png) no-repeat center center / 2.8rem;  width: 2.8rem;  height: 2.8rem;  display: flex;  align-items: center;  justify-content: center; }
		.docItem.active:hover .detailBtn {opacity: 1;  z-index: 1;  width: 100%;  height:100%; right:0; bottom:0;}
		.docItem.active:hover .detailBtn span{display:none;}
	}	

	@media screen and (max-width:1280px){
		.historyItem{padding: 8rem 0;}
		.historyItem_wrap{gap:25rem;}
		.historyItem .historyCont {width: calc(100% - 60rem);}
		.r_contSlideLst .sldimgbox{padding-bottom:82rem;}
	}	

	@media screen and (max-width:1200px){
		.historyItem_wrap{height:100%; flex-direction: column; gap:8rem;}
		.yearIndicate{width:100%; margin:0 auto; text-align:center;     z-index: 0;}
		.yearIndicate .year_txt{font-size:10rem;  transform: translateY(5rem);}
		.historyItem .scroll_ani{left:0; height: 54rem;}
		.historyItem .historyCont{width:100%; height: 54rem;    z-index: 1;}
		.historyLst li{width:100%;}
		.historyLst li + li{padding-top:0;}
		.historyLst li .r_contxt .desc_txtbox{width:100%; text-align:center;}
		.historyLst li .r_contxt .desc_imgThum{ width: 100%; max-width: 42rem; margin: 0 auto;}
		.fac_wrapBox{display:none;}		
		.mb_fac_wrapBox{display:block; padding: 0 3rem;}
		.mb_fac_wrapBox ul li{position:relative; }
		.mb_fac_wrapBox ul li + li{margin-top: -1px;}
		.mb_fac_wrapBox ul li a{display: flex; align-items: center; gap:2rem;  background:#fbfbfb; border: 1px solid var(--border-line2);padding: 1.5rem 2rem;}
		.mb_fac_wrapBox ul li .floor{width: 4.5rem; font-size:3.6rem;}
		.mb_fac_wrapBox ul li .floor span{ font-size:2rem;}
		.mb_fac_wrapBox ul li .floor_fac{width: calc(100% - 6.5rem);}
		.mb_fac_wrapBox ul li .floor_fac .btit{font-size:2rem; font-weight:500;}
		.mb_fac_wrapBox ul li .floor_fac p{font-size:1.6rem; font-weight:300;}
		.m_fac_sld_cont{display:none;}
		.m_fac_sld_cont.open{display:block;}
		.m_fac_sld_cont .m_fac_sld .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:2rem;}
		.m_fac_sld_cont .m_fac_sld .swiper-pagination-bullet{width:1rem; height:1rem;}
		.m_fac_sld_cont .m_fac_sld .swiper-pagination-bullet-active{background:#fff;}
		.m_fac_sld_cont .sldimgbox{ position: relative;  padding-bottom: 65.5%;  overflow: hidden;}
		.m_fac_sld_cont .sldimgbox img{ display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;}
		.mb_fac_wrapBox ul li.active a{background: var(--point-color);  width: calc(100% + 8rem);  margin-left: -4rem;  border-radius: 4rem;}
		.mb_fac_wrapBox ul li.active { color: #fff;}
		.mb_fac_wrapBox ul li.active .floor,
		.mb_fac_wrapBox ul li.active .floor span,
		.mb_fac_wrapBox ul li.active .floor_fac .btit,
		.mb_fac_wrapBox ul li.active .floor_fac p {color: #fff; transition: all 0.3s;}
	}
	
	@media screen and (max-width:1024px){		
		.doctorInfoBox .common-tab .tab-nav ul{ gap: 2rem;}
		.doctorInfoBox .common-tab .tab-nav ul li{width: calc(100% / 5 - 1.6rem);}
		.doctorInfoBox .common-tab .tab-nav ul li a{width: 14rem; height: 14rem;}
		.doctorInfoBox .tab-nav ul li .mtit{display: block; font-size: 2rem;}
		.doctorInfoBox .tab-nav ul li a .icon{width:5.5rem; height:5.5rem; }
		.doctorInfoBox .tab-nav ul li a .icon.menu{background: url(../img/content/doc_icon_menu.png) no-repeat center center/5.5rem;}
		.doctorInfoBox .tab-nav ul li a .icon.breast{background:url(../img/content/doc_icon_breast.png) no-repeat center center/5.5rem;}
		.doctorInfoBox .tab-nav ul li a .icon.plastic{background:url(../img/content/doc_icon_plastic.png) no-repeat center center/5.5rem;}
		.doctorInfoBox .tab-nav ul li a .icon.medicine{background:url(../img/content/doc_icon_medicine.png) no-repeat center center/5.5rem;}
		.doctorInfoBox .tab-nav ul li a .icon.pain{background:url(../img/content/doc_icon_pain.png) no-repeat center center/5.5rem;}
		.doctorInfoBox .tab-nav ul li a .tit{display:none;}
		.doctorLst {gap:2rem;}
		.doctorLst > li{width: 100%;min-height: auto;height: 100%;overflow: initial;background:none;}
		.doctor_ajy { background: #f4f4f4 url(../img/content/doctor_ajy.png) no-repeat bottom -26rem left -1.5rem / 36rem;}
		.doctor_siy {background: #f4f4f4 url(../img/content/doctor_siy.png) no-repeat bottom -27.5rem left -4.5rem / 37rem;}
		.doctor_ysh {background: #f4f4f4 url(../img/content/doctor_ysh.png) no-repeat bottom -30rem left 1.5rem / 33rem;}
		.doctor_lhs { background: #f4f4f4 url(../img/content/doctor_lhs.png) no-repeat bottom -24.5rem left -1rem / 35rem;}
		.doctor_yjw{background: #f4f4f4 url(../img/content/doctor_yjw.png) no-repeat bottom -18.5rem left -1rem / 35rem;}
		.doctor_lsr {background:#f4f4f4 url(../img/content/doctor_lsr.png) no-repeat bottom -25.5rem left -1.5rem / 31rem;}
		.doctor_khg {background: #f4f4f4 url(../img/content/doctor_khg.png) no-repeat bottom -27.5rem left -1rem / 37rem;}
		.doctor_ohk {background: #f4f4f4 url(../img/content/doctor_ohk.png) no-repeat bottom -26.5rem left 1rem / 33rem;}
		.docItem{height: 30rem;}
		.docItem.active:before{border:8px solid var(--point-color);}
		.docItem .doc_title{top:6rem; right: 7rem; width: 18rem;}
		.docItem .doc_title .tit{font-size:4rem;}
		.docItem .detailBtn{ opacity: 1; width: 5rem;  height: 5rem;  border: 1px solid #555;  background: transparent;}
		.docItem .detailBtn span {  background: url(../img/default/icon_add_w.png) no-repeat center center / 2rem;  width: 2rem;  height: 2rem; filter: brightness(0.5);}
		.docItem.active .detailBtn span{display:none;}
		.docItem.active .detailBtn{border:0;}
		.doctorLst li .h_detailC{display:none; position: relative;  width: 100%;  height: 100%;  opacity: 1;  border-radius: 3rem;   margin-top: 1rem;  top: 0;  left: 0; padding: 4.5rem 4rem; transition: none;}
		.doctorLst li .h_detailC.open{display: block;}

		.icoTitle .title{font-size:4rem;}
		.icoTitle .icon{width:4rem; height:4rem;}
		.icoTitle .park{width:4.6rem; height:4.6rem;}
		.icoTitle .park{ background:url(../img/content/icon_parking.png) no-repeat center center / 4.6rem;}
		.parkingBox .parkInfo{ flex-direction: column; gap:2rem;}
		.parkingBox .parkThum{width: 100%;  max-width: 48rem; margin: 0 auto;}
		.parkingBox .parkcont{width:100%;}
	}

	@media screen and (max-width:980px){		
		.sloganTit{font-size:4rem;}
		.sloganTit span{font-size:4.8rem;}
		.sloganDetail li{ flex-direction: column;  justify-content: center; gap:1rem; border-bottom:0;}
		.sloganDetail li + li{margin-top:4rem;}
		.sloganDetail .l_title{width:100%; text-align:center; font-size:2.6rem;}
		.sloganDetail .l_title span{font-size:2.6rem;}
		.sloganDetail .r_text{width:100%; text-align:center; font-size:2.2rem;}
		.core_valueBox .bgtxt_mquee{width:100%;}
		.core_valueBox .cvLst{flex-wrap:wrap; gap:8rem 2rem;}
		.core_valueBox .cvLst li{width:calc(100% / 3 - 1.35rem);}

		.topList_items{ flex-direction: column; gap: 5rem;}
		.topList_items .itemLst{width:100%;}
		.topList_items .itemLst ul.inquiry li .ltxt{width:16rem;}
		.topList_items .itemLst ul.inquiry li .rtxt{width: calc(100% - 18rem);}
		.map_wrap .mapItem{height:54rem;}
	}

	@media screen and (max-width:640px){		
		
		.core_valueBox .cvLst .ko_tit{font-size:2.5rem;}

		.docItem .doc_title .tit { font-size: 3.5rem; }
		
		.icoTitle .title{font-size:3.5rem;}
		.icoTitle .icon{width:3.8rem; height:3.8rem;}
		.icoTitle .park{width:4.6rem; height:4.6rem;}
		.icoTitle .clock{background: url(../img/content/icon_clock.png) no-repeat center center / 3.6rem;}
		.icoTitle .phone{ background:url(../img/content/icon_phone.png) no-repeat center center / 3.4rem;}
		.icoTitle .map{ background:url(../img/content/icon_map.png) no-repeat center center / 4rem;}
		.icoTitle .park{ background:url(../img/content/icon_parking.png) no-repeat center center / 4.6rem;}
		.map_wrap .mapItem .wrap_map{height:calc(100% - 4rem);}
		.parkingBox .parkcont .tbl-01 td, .parkingBox .parkcont .tbl-01 th{border-right:0; display: table-cell;}
	}

	@media screen and (max-width:480px){		
		.sloganTit span{display:block;}
	}

	@media (min-width: 320px) and (max-width: 420px){
		.doctor_ajy {background:#f4f4f4 url(../img/content/doctor_ajy.png) no-repeat bottom -18rem left -1.5rem / 30rem;}
		.doctor_siy {background: #f4f4f4 url(../img/content/doctor_siy.png) no-repeat bottom -20.5rem left -4.5rem / 31rem;}
		.doctor_ysh {background: #f4f4f4 url(../img/content/doctor_ysh.png) no-repeat bottom -21rem left -0.5rem / 27rem;}
		.doctor_lhs { background:#f4f4f4 url(../img/content/doctor_lhs.png) no-repeat bottom -19.5rem left -4rem / 31rem;}
		.doctor_yjw { background:#f4f4f4 url(../img/content/doctor_yjw.png) no-repeat bottom -13.5rem left -1rem / 31rem;}
		.doctor_lsr {background:#f4f4f4 url(../img/content/doctor_lsr.png) no-repeat bottom -17.5rem left -4rem / 25rem;}
		.doctor_khg {background:#f4f4f4 url(../img/content/doctor_khg.png) no-repeat bottom -19.5rem left -3rem / 30rem;}
		.doctor_ohk {background: #f4f4f4 url(../img/content/doctor_ohk.png) no-repeat bottom -18.5rem left -2rem / 27rem;}
		.docItem .doc_title{right:2rem;}
		.docItem .doc_title .tit{font-size:3rem;}
		.docItem .doc_title .tit span{font-size:2rem;}
		.docItem .doc_title p{font-size:2rem;}
		.historyLst li .r_contxt .desc_imgThum{ max-width: 32rem;}
		.historyLst li .r_contxt .desc_txtbox p{padding:0 4rem;}
		.historyItem .scroll_ani{ width: 2rem; height:48rem;}
		.historyItem .ani_bar_basic{left: 1rem;}
		.historyItem .ani_bar{left:1rem;}
		.historyItem .ani_round{left: -1rem;}
		.historyItem .historyCont{height:48rem;}
		.historyLst li{height:48rem;}
		
	}

	


/*--------------------- 진료과목 ---------------------*/
.clinic .sub_inwrap{width:124rem;}
.breast_clinic{}
.breast_clinic .sub_htitle{padding-bottom:6rem;}
.clinic .sp_txt{ text-align: center;  font-size: 2.8rem; color: var(--point-color);     margin: 4rem 0 0;}
.breast_clinic .colorLst_step{display:flex;align-items:center;gap: 2rem;}
.breast_clinic .colorLst_step li{width: calc(100% / 3 - 1rem);background:#f4f4f4;display: flex;flex-direction: column;align-items: center;gap: 2rem;padding: 4rem 2rem;border-radius: 2rem;}
.breast_clinic .colorLst_step li:nth-child(2){background:#f1e7eb;}
.breast_clinic .colorLst_step .num{font-size:4rem; font-weight:600;}
.breast_clinic .colorLst_step .txt{font-size:3.2rem; font-weight:700; color:var(--point-color);}
.breast_clinic .colorLst_step .stxt{font-size: 2rem;     font-weight: 300;  text-align: center;}
.breast_clinic .chklist li + li{margin-top:2rem;}
.breast_clinic .chklist p{font-size:2rem;  font-weight: 300; }
.examine_type{margin:8rem 0 0;}
.examine_needBox .chklist{max-width: 84rem; margin: 0 auto; display: flex; flex-wrap: wrap;  gap: 2rem;}
.examine_needBox .chklist li{ width: calc(50% - 1rem);}
.examine_needBox .chklist li + li{margin:0;}
.machinery_item .typeBox{ position: relative; overflow: hidden; width: 100%; padding: 0 5rem;  border: 1px solid var(--point-color); border-radius: 3rem; display:flex;     justify-content: space-between;}
.machinery_item .typeBox + .typeBox{margin-top:3rem;}
.machinery_item .typeBox .r_cont{width:54rem;}
.machinery_item .typeBox .l_cont{width:calc(100% - 54rem); position: relative;}
.machinery_item .typeBox.other .r_cont{width:65rem;}
.machinery_item .typeBox.other .l_cont{width:calc(100% - 65rem);}
.machinery_item .typeBox.other .l_cont.Txt_desc{width:calc(100% - 65rem);}
.machinery_item .typeBox .Txt_desc{padding: 5rem 0;}
.machinery_item .typeBox .r_cont.Txt_desc{padding-top:9rem;}
.machinery_item .typeBox .imgbox.size01{ width: 23rem; height: 21rem;}
.machinery_item .typeBox .imgbox.size02{width:47.5rem; height:53.5rem; position: absolute; bottom: 0; right: 0;}
.machinery_item .typeBox .imgbox.size03{width: 48rem; height: 60rem; padding-top: 6rem;}
.machinery_item .typeBox .imgbox.size04{width: 35rem; margin: 2rem auto 0;}
.machinery_item .typeBox .imgbox.size05{}
.machinery_item .typeBox .imgbox.size06{width: 40rem; position: absolute;  top: 6rem;}
.machinery_item .typeBox .imgbox.size07{width: 30rem; margin: 2rem auto 0;}
.machinery_item .typeBox .imgbox.size08{ width: 38rem; position: absolute;  left: 50%;  top: 2rem;  transform: translateX(-50%);}
.machinery_item .typeBox .imgbox img{max-width:100%;}
.machinery_item .typeBox .list{display:flex; align-items:center;  justify-content: center; gap: 4rem;}
.machinery_item .typeBox .p_txt{ text-align: center;  font-size: 2rem; font-weight: 600;}
.machinery_item .typeBox_half{margin-top:3rem; display: flex;  gap: 3rem;}
.machinery_item .typeBox_half .typeBox{ padding: 0;  display: block;}
.machinery_item .typeBox_half .bt_pointbox{ position: absolute; bottom: 0; width: 100%; background: var(--point-color);}
.machinery_item .typeBox_half .bt_pointbox02{position: absolute;  bottom: 0;  width: 100%; background: #ae4c7b;}
.machinery_item .typeBox_half .cont_htitle{filter: brightness(0) invert(1); padding: 3rem 0;}
.machinery_item .typeBox_half .typeBox:last-child{margin-top:0;}
.microBox .xrayList{width:100%;max-width: 100rem;margin: 0 auto;display:flex;align-items:center;gap: 2rem;flex-wrap: wrap;justify-content: space-between;}
.microBox .xrayList li{position:relative; width: calc(50% - 1rem);  border: 1px solid var(--point-color); overflow: hidden; border-radius: 3rem;}
.microBox .xrayList li .xrayImg img{width:100%;}
.microBox .xrayList li .xrayImg .m_img{display:none;}
.microBox .xrayList li .bt_pointbox{ position:absolute; bottom:0; width: 100%; background:#8e3474; font-size:3.2rem; font-weight:700; padding:1.8rem; text-align: center; color: #fff;}
.microBox .xrayList li:nth-child(2) .bt_pointbox{background:#ae4c7b;}
.microBox .xrayList li:nth-child(3){width:100%;}
.microBox .xrayList li:nth-child(3) .bt_pointbox{background:var(--point-color);}
.microBox .smtxt{  font-size: 2rem;  text-align: center;  margin: 3rem 0;  line-height: 1.5;}
.microBox .biopsyimg{ position:relative; width: 100%; border-radius: 3rem; border: 1px solid var(--point-color);  padding:8rem 0; margin-bottom: 4rem; box-shadow: 2px 2px 38px rgba(115, 16, 63, 0.3); overflow: hidden;}
.microBox .biopsyimg img{ transform: translate(-4rem,1rem);}
.microBox .biopsyimg:after{content:'';display:block;position:absolute;top: -2rem;right: -28rem;background: url(../img/content/breast_img10.png) no-repeat center center / 86rem;width: 86rem;height: 65rem;}
.microBox .micro_step{display:flex;align-items:center;gap: 2rem;}
.microBox .micro_step li{width: calc(100% / 3 - 1rem);background:#f4f4f4;display: flex;flex-direction: column;align-items: center;gap: 2rem;padding: 4rem 2rem;border-radius: 2rem;}
.microBox .micro_step li:nth-child(2){background:#f1e7eb;}
.microBox .micro_step .num{font-size:4rem; font-weight:600;}
.microBox .micro_step .txt{font-size:3.2rem; font-weight:800; color:var(--point-color);}
.microBox .micro_step .stxt{font-size: 2rem;     font-weight: 300;  text-align: center;}
.mammotome .machinery_item .title{font-size: 3.6rem;  color: #fff; text-align: center;  padding: 1.2rem 0;  font-weight: 600;}
.mmt_step{margin:10rem 0;}
.mmt_step ul{ display: flex;  align-items: center;  justify-content: space-between; flex-wrap:wrap; gap: 4rem;}
.mmt_step ul li{position:relative; width: calc(100% / 4 - 4rem);  text-align: center;}
.mmt_step ul li:after{content:''; display:block; position:absolute;  top: 30%; right: -4.8rem; width:4rem; height:4rem; background:url(../img/content/step_arrow.png) no-repeat center center / 4rem;}
.mmt_step ul li:last-child:after{display:none;}
.mmt_step .instpecImg{ border: 1px solid var(--point-color);  border-radius: 2rem;  overflow: hidden;}
.mmt_step .instpecImg img{ width: 100%;}
.mmt_step .num{ font-size: 2rem;  padding: 1rem 0;   }
.mmt_step .tit{font-size: 3.2rem;  color: var(--point-color); font-weight: 500;}
.mmt_tbvs{margin-bottom:10rem;}
.mmt_tbvs .tb_itembox{width:100%; max-width: 86rem; margin: 0 auto; display: flex; align-items: stretch;    border-top: 3px solid #000;  border-bottom: 3px solid #000;}
.mmt_tbvs .tb_itembox ul{}
.mmt_tbvs .tb_itembox ul li{ text-align: center; height: 10rem;  font-size:2rem; display: flex;  align-items: center;  justify-content: center;   }
.mmt_tbvs .tb_itembox ul li + li{border-top:1px solid var(--border-line2);}
.mmt_tbvs .tb_itembox ul .tit{font-size:2.8rem; font-weight:700;}
.mmt_tbvs .tb_itembox .left{width:40%;}
.mmt_tbvs .tb_itembox .left li{font-weight:600;}
.mmt_tbvs .tb_itembox .left .tit{ color:var(--point-color); background:#e3cfd8;}
.mmt_tbvs .tb_itembox .center{width:20%;}
.mmt_tbvs .tb_itembox .center li{background:#f3f3f3;}
.mmt_tbvs .tb_itembox .center .tit{background:#ddd;}
.mmt_tbvs .tb_itembox .right{width:40%;}
.mmt_tbvs .tb_itembox .right .tit{background:#f9f9f9;}
.mmt_need .chklist{ margin: 0 auto; max-width: 50rem;}
.surgery{position:relative; overflow-x:hidden;}
.surgeryBox .methodbox{display:flex;}
.surgeryBox .methodbox:nth-child(2){margin:2rem auto;}
.surgeryBox .methodbox{width:100%;max-width: 100rem;margin: 0 auto;display:flex;gap: 2rem;}
.surgeryBox .methodbox li{position:relative;width: calc(100% / 3 - 1rem);border: 1px solid #ae4c7b;overflow: hidden;border-radius: 3rem;}
.surgeryBox .methodbox .sgImg img{width:100%;}
.surgeryBox .methodbox .bt_pointbox{ position: absolute; bottom: 0;  width: 100%;  background: #ae4c7b; padding: 1rem 1.8rem; text-align: center;  min-height: 13rem;  display: flex;  flex-direction: column;  justify-content: center;}
.surgeryBox .methodbox .bt_pointbox .e_nm{color: #fff; font-size: 1.7rem;   }
.surgeryBox .methodbox .bt_pointbox .k_nm{color: #fff; font-size: 2.4rem; font-weight: 700;  }
.surgeryBox .addTxt{align-items: center;  gap: 4rem;flex-wrap: nowrap;}
.surgeryBox .alignImg{position: relative; width:31.8rem; border: 1px solid #72103d;overflow: hidden;border-radius: 3rem;}
.surgeryBox .alignImg .bt_pointbox{background:#72103d; min-height:auto;}
.surgeryBox .alignText{width:calc(100% - 35.8rem); font-size:2rem; line-height:1.5; font-weight:300;}
.surgeryBox .methodbox:nth-child(3){text-align: right;}
.surgeryBox.link .sub_htitle .s_p{padding-top:0;}
.surgeryBox.link .sub_htitle h4{color: #8e3474;}
.surgeryBox .boxTop_title p{font-size:2rem;}
.surgeryBox .grdientAnibtn{ background: linear-gradient(-45deg, #ae4c7b, #8c2c58, #71103d);  background-size: 400% 400%; animation: colorChange 3s ease infinite; display: flex; align-items: center;  justify-content: center; gap: 1.2rem; width: 28rem;  margin: 0 auto; border-radius: 3rem; padding: 1rem;}
.surgeryBox .grdientAnibtn span{font-size: 2.4rem; color: #fff;}
.surgeryBox .grdientAnibtn .link{ display: block; width: 2rem;  height: 2rem;  background: url(../img/layout/icon_link_w.png) no-repeat center center / 2rem;}
@keyframes colorChange{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}
.surgeryWhy{padding:10rem 0 12rem;}
.surgeryWhy .sub_inwrap{width:142rem;}
.surgeryWhy .t_title{font-size:7.8rem;font-weight:800;text-align:center;margin:0 0 10rem;background: linear-gradient(to right, #71103d, #ae4c7b,#71103d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.surgeryWhy .t_title span{font-size:7.8rem; font-weight:600;}
.sg_system{width: 100%;display: flex;flex-wrap: wrap;gap: 5rem 8rem;padding-bottom:10rem;}
.sg_system li{width: calc(50% - 4rem);border-bottom: 1px solid #999;padding-bottom: 5rem;display: flex;align-items: flex-end;gap: 4rem;}
.sg_system .l_icon{width: 8rem; background: #ddd; height: 10rem;}
.sg_system .l_icon.icon01{background:url(../img/content/breast_system01.png) no-repeat center center /8rem;}
.sg_system .l_icon.icon02{background:url(../img/content/breast_system02.png) no-repeat center center /8rem;}
.sg_system .l_icon.icon03{background:url(../img/content/breast_system03.png) no-repeat center center /7rem;}
.sg_system .l_icon.icon04{background:url(../img/content/breast_system04.png) no-repeat center center /7rem;}
.sg_system .l_icon.icon05{background:url(../img/content/breast_system05.png) no-repeat center center /7rem;}
.sg_system .l_icon.icon06{background:url(../img/content/breast_system06.png) no-repeat center center /8rem;}
.sg_system .r_cont{ width: calc(100% - 12rem);}
.sg_system .r_cont .num{font-size: 3.2rem;  font-weight: 800; display: flex; align-items: center; gap: 1rem;}
.sg_system .r_cont .num span{ font-size: 2rem;  font-weight: 300;}
.sg_system .r_cont .title{font-size: 3.2rem;  font-weight: 800; margin: 2rem 0; line-height:1.2;}
.sg_system .r_cont p{font-size:2rem; line-height:1.5;}
.sg_system .r_cont p + p{margin-top:0.8rem;}
.surgery .marqueeTxt{font-family:'Montserrat'; font-size:30rem; color:#f7f7f7; font-weight:700; position:absolute;  z-index: -1;}
.surgery .marqueeTxt.left{left:0; bottom:35rem; animation:marquee1 45s linear infinite;}
.surgery .marqueeTxt.right{right:0; bottom:10rem; animation:marquee2 45s linear infinite;}
@keyframes marquee1 {
    0% { left: 0; }
    100% { left: 100%; }
}   
@keyframes marquee2 {
    0% { right: 0; }
    100% { right: 100%; }
}
.therapyType{}
.therapyType .round_list{width:100%; max-width:70rem; margin:0 auto 3rem; display:flex; align-items:center; justify-content: center; gap:3rem;}
.therapyType .round_list li{ display: flex;  align-items: center;  justify-content: center; gap:2rem; flex-direction: column;width:20rem; height:20rem; border-radius:50%;}
.therapyType .round_list li:nth-child(1){background:var(--point-color2);}
.therapyType .round_list li:nth-child(2){background:var(--point-color3);}
.therapyType .round_list li:nth-child(3){background:var(--point-color);}
.therapyType .round_list li .num{font-size:3rem; color:#fff; font-weight:500;}
.therapyType .round_list li .txt{font-size:3rem;  color:#fff; font-weight:300;}
.therapyType .st_pre{text-align:center;}
.therapyTypebox .boxTop_title .tit{font-weight:400;}
.therapyTypebox .boxTop_title .tit span{font-weight:700;}
.therapyTypebox .boxTop_title p{font-size:2rem;} 
.therapyTypebox .medi_kindbox{margin-top:5rem;}
.therapyTypebox .medi_kindbox ul{ display: flex;  gap: 4rem;  margin-top: 4rem;}
.therapyTypebox .medi_kindbox li{width: calc(100% / 3 - 2rem);  padding: 5rem 1rem; border-radius: 3rem;  border: 1px solid #d07ea6; text-align:center;     box-shadow: 2px 2px 26px rgba(115, 16, 63, 0.3);}
.therapyTypebox .medi_kindbox .icon_titbox{min-height: 17.6rem; background:url(../img/content/breast_medicine_icon.png) no-repeat top center; padding-top:8rem; margin-bottom:2rem;}
.therapyTypebox .medi_kindbox li:nth-child(3) .icon_titbox{background:url(../img/content/breast_injection_icon.png) no-repeat top center;}
.therapyTypebox .medi_kindbox .icon_titbox .num{ font-size: 2rem;  font-weight: 800;     margin-bottom:1.5rem;}
.therapyTypebox .medi_kindbox .icon_titbox .tit{font-size:2.4rem; font-weight:700; color:var(--point-color3);}
.therapyTypebox .medi_kindbox .icon_titbox .p_nm{font-size:1.6rem;margin-top: 1rem;}
.therapyTypebox .medi_kindbox .mtxt{font-size:2rem; }
.supportNeed{width: 100%;  max-width: 100rem;  margin: 0 auto;}
.supportNeed .need_title{ text-align: center; margin-top: 5rem;}
.supportNeed .need_title .tit, .supportNeed .need_title .tit span {font-size: 3.2rem; font-weight: 500;   color: var(--point-color);}
.supportNeed .need_title .tit{margin-bottom:3rem;}
.supportNeed .need_title .tit span{font-weight:800;}
.supportNeed .need_title p, .supportNeed .need_title p span{font-size: 2rem; }
.supportNeed .need_title p span{ color: var(--point-color); font-size: 500; }
.supportNeed .need_mediLst{}
.supportNeed .need_mediLst > li{width: 97.5rem; margin: 0 auto; padding:6rem 0; display: flex;  gap: 3rem;}
.supportNeed .need_mediLst > li:first-child{padding-top:0;}
.supportNeed .need_mediLst > li:last-child{padding-bottom:0;}
.supportNeed .need_mediLst > li + li{border-top:1px solid var(--border-line2);}
.supportNeed .need_mediLst .l_img{ width: 22rem;  text-align: center;}
.supportNeed .need_mediLst .l_img .nmTit{display:none;}
.supportNeed .need_mediLst .l_img img{}
.supportNeed .need_mediLst .r_infocont{ width: calc(100% - 25rem);}
.supportNeed .need_mediLst .nmTit{}
.supportNeed .need_mediLst .nmTit .num{ font-size: 2rem;  font-weight: 500;   margin-bottom: 1rem;}
.supportNeed .need_mediLst .nmTit .tit{font-size: 3.2rem; font-weight: 800; color: var(--point-color);}
.supportNeed .need_mediLst .txtinfo, .supportNeed .need_mediLst .txtinfo span{margin-top: 2rem; font-size: 2rem; }
.supportNeed .need_mediLst .txtinfo span{color:var(--point-color);}
.supportNeed .need_mediLst .effect_list{ display: flex;  gap: 4rem;  margin-top: 4rem;}
.supportNeed .need_mediLst .effect_list li{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2rem;}
.supportNeed .need_mediLst .effect_list .roundIcon{width: 15rem; height: 15rem; border-radius: 50%; border: 1px solid var(--point-color);}
.supportNeed .need_mediLst .effect_list .roundIcon.icon01{background: #e3cfd8 url(../img/content/medicine_icon01.png) no-repeat center center / 9rem; }
.supportNeed .need_mediLst .effect_list .roundIcon.icon02{background: #e3cfd8 url(../img/content/medicine_icon02.png) no-repeat center center / 9rem;}
.supportNeed .need_mediLst .effect_list .roundIcon.icon03{background: #e3cfd8 url(../img/content/medicine_icon03.png) no-repeat center center / 9rem;}
.supportNeed .need_mediLst .effect_list .stxt{  font-size: 1.8rem; text-align: center;}
.supportNeed .need_mediLst li:nth-child(2) .effect_list{gap:0;}
.supportNeed .need_mediLst .effect_list li + li{margin-left:-2.5rem;}
.supportNeed .need_mediLst .effect_list .roundTxt{width: 15rem;height: 15rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.8rem;font-weight: 600;}
.supportNeed .need_mediLst .effect_list .roundTxt.txt01{background: rgba(114,16,61,50%); border:1px solid var(--point-color);}
.supportNeed .need_mediLst .effect_list .roundTxt.txt02{background: rgba(142,52,116,50%); border:1px solid var(--point-color3);}
.supportNeed .need_mediLst .effect_list .roundTxt.txt03{background: rgba(208,126,166,50%); border:1px solid var(--point-color2);}
.supportNeed .need_mediLst .effect_list .roundTxt p{color: #fff;font-size: 1.8rem;font-weight: 600;}
.supportNeed .need_mediLst .effect_list li .new-text{color: #fff;font-size: 1.8rem;font-weight: 600;}

	@media screen and (max-width:1200px){		
		.microBox .biopsyimg:after{display:none;}
		.microBox .biopsyimg{max-width: 48rem;  padding: 5rem 2rem;  margin: 0 auto 4rem;}
		.microBox .biopsyimg img{transform: none; width:100%;}
		.mammotome .m_ct{padding-bottom:2rem;}
		.machinery_item .typeBox .imgbox.size08{ width: 30rem; margin: 2rem auto 0;  position: static;  transform: none;}
		.mammotome .machinery_item .title{font-size:2.4rem;}
		.surgeryBox .methodbox{max-width:100%;}
		.surgeryWhy .t_title{font-size:6.2rem;}
		.surgeryWhy .t_title span{font-size:6.2rem;}	
		.therapyType .round_list li .txt{font-size:2.6rem;}		
	}

	@media screen and (max-width:1024px){		
		.examine_needBox .chklist{ max-width: 34rem;}
		.examine_needBox .chklist li{width:100%;}
		.breast_clinic .colorLst_step{flex-direction: column; gap:3rem;}
		.breast_clinic .colorLst_step li{width:100%; max-width:48rem;}
		.examine_type{margin:0;}
		.machinery_item .typeBox .r_cont{width:100%;}
		.machinery_item .typeBox .l_cont{width:100%;}
		.machinery_item .typeBox.full{flex-direction: column; overflow: initial;  border: 0;  justify-content: center; padding:0;}
		.machinery_item .typeBox .imgbox.size02{margin: 0 auto; border: 1px solid var(--point-color);  border-radius: 2.5rem;  width: 100%;  max-width: 48rem; height: 53rem;  text-align:center; position: relative;  top: 0;  overflow: hidden;}
		.machinery_item .typeBox .imgbox.size02 img{width: 90%; padding-top:5rem;}
		.machinery_item .typeBox.full_r{flex-direction: column-reverse; overflow: initial;  border: 0;  justify-content: center; padding:0;}
		.machinery_item .typeBox.full_r .Txt_desc{width:100%;}
		.machinery_item .typeBox.full_r .Txt_desc .cont_htitle{padding-bottom:4rem;}
		.machinery_item .typeBox .imgbox.size03{margin: 0 auto; border: 1px solid var(--point-color);  border-radius: 2.5rem;  width: 100%;  max-width: 48rem; height: 48rem;  position: relative;  top: 0;  overflow: hidden;}
		.machinery_item .typeBox_half{ flex-direction: column;}
		.machinery_item .typeBox_half .typeBox{max-width:48rem; margin:0 auto;}
		.machinery_item .typeBox .imgbox.size04{height: 85vh;}
		.machinery_item .typeBox.other{flex-direction: column-reverse; overflow: initial;  border: 0;  justify-content: center; padding:0;}
		.machinery_item .typeBox.other .r_cont{width:100%; padding-top:3rem;}
		.machinery_item .typeBox.other .r_cont .cont_htitle{padding-bottom:0;}
		.machinery_item .typeBox.other .l_cont{width:100%;}
		.machinery_item .typeBox .imgbox.size06{margin: 0 auto; border: 1px solid var(--point-color);  border-radius: 2.5rem;  width: 100%;  max-width: 48rem;  height: 48rem;  position: relative;  top: 0;  overflow: hidden;}
		.machinery_item .typeBox .imgbox.size06 img{ position: absolute; bottom: -2rem;  width: 90%;}
		.microBox .cont_htitle{ padding-bottom: 4rem;}
		.microBox .xrayList{ flex-direction: column;}
		.microBox .xrayList li{width:100%; max-width:48rem; }
		.microBox .xrayList li .bt_pointbox{padding:1.5rem 1.8rem; font-size:2.4rem;}
		.microBox .xrayList li .xrayImg .m_img{display:block;}
		.microBox .xrayList li .xrayImg .p_img{display:none;}		
		.mmt_step ul li{ width: calc(100% / 2 - 4rem);}
		.mmt_step ul li:after{display:none;}
		.mmt_step .tit{font-size:2.4rem;}
		.mmt_tbvs .tb_itembox ul .tit{font-size:2.5rem;}
		.surgeryBox .methodbox{flex-direction: column;}
		.surgeryBox .methodbox:nth-child(3){flex-direction: column-reverse;}
		.surgeryBox .methodbox:nth-child(2){margin:4rem 0;}
		.surgeryBox .methodbox li{max-width: 32rem;  width: 100%; margin:0 auto;}
		.surgeryBox .alignImg{max-width: 32rem;  width: 100%;}
		.surgeryBox .alignText{text-align: center;  width: 100%;  max-width: 60rem;}
		.surgeryBox .addTxt{gap:2.5rem;}
		/* .surgeryBox .methodbox .bt_pointbox{min-height:auto;} */
		.therapyTypebox .medi_kindbox ul{flex-direction: column;}
		.therapyTypebox .medi_kindbox li{ width: 100%;  max-width: 48rem;  margin: 0 auto;}
		.supportNeed .need_mediLst > li{width:100%; flex-direction: column;}
		.supportNeed .need_mediLst .l_img{ margin: 0 auto;}
		.supportNeed .need_mediLst .l_img .nmTit{display:block; margin-bottom:2rem;}
		.supportNeed .need_mediLst .r_infocont{width:100%;}
		.supportNeed .need_mediLst .nmTit{display:none;}
		.supportNeed .need_mediLst .txtinfo, .supportNeed .need_mediLst .txtinfo span{text-align:center;}
		.supportNeed .need_mediLst .effect_list{justify-content:center;}
		.supportNeed .need_mediLst li:nth-child(2) .effect_list{display:none;}
		.surgeryWhy{padding:0;}
		.surgeryWhy .t_title{display:none;}
		.sg_system{gap:4rem; padding-bottom:4rem;}
		.sg_system li{width:100%;}
		.sg_system .r_cont .num{font-size:2.8rem;}
		.sg_system .r_cont .title{font-size:2.8rem;}	
	}

	@media screen and (max-width:640px){
		.clinic .sp_txt{font-size:2.4rem;}
		.breast_clinic .colorLst_step .num{font-size:3.25rem;}
		.breast_clinic .colorLst_step .txt{font-size:2.75rem}
		.machinery_item .typeBox .list{flex-direction: column;}
		.machinery_item .typeBox .imgbox.size04{height:78vh;}
		.machinery_item .typeBox .imgbox.size07{width:26rem;}
		.mammotome .machinery_item .typeBox_half .typeBox:last-child{height: 53rem;}
		.mmt_step ul{gap:4rem 2rem;}
		.mmt_step ul li{width:calc(100% / 2 - 1rem);}	
		.mmt_tbvs .tb_itembox ul .tit{height:10rem;}
		.mmt_tbvs .tb_itembox ul li{height:13rem;}		
		.therapyType .round_list{flex-wrap:wrap; gap:2rem;}
		.therapyType .round_list li{width:16rem; height:16rem;}
		.therapyType .round_list li .num{font-size:2.6rem;}
		.therapyType .round_list li .txt{font-size:2.4rem;}
		.supportNeed .need_mediLst .effect_list .roundIcon{width:12rem; height:12rem;}
		.supportNeed .need_mediLst .effect_list .roundIcon.icon01{background: #e3cfd8 url(../img/content/medicine_icon01.png) no-repeat center center / 6rem; }
		.supportNeed .need_mediLst .effect_list .roundIcon.icon02{background: #e3cfd8 url(../img/content/medicine_icon02.png) no-repeat center center / 6rem;}
		.supportNeed .need_mediLst .effect_list .roundIcon.icon03{background: #e3cfd8 url(../img/content/medicine_icon03.png) no-repeat center center / 6rem;}
	}

	@media (min-width: 320px) and (max-width: 420px){
		.machinery_item .typeBox .imgbox.size02{height:102vw;}				
	}


.thyroid_clinic .chklist li + li{margin-top:1.5rem;}
.thyroid_clinic .chklist p{font-size:2rem; }
.thyroidInfoBox .thyroidThum{display:flex; align-items: center; gap: 10rem; justify-content: center;}
.thyroidInfoBox .thyroidThum li img{max-width:100%;}
.thyroid_device{ display: flex;  gap: 5rem; margin-top:10rem;}
.thyroid_device  .m_bk{display:none;}
.thyroid_device .deviceThum{ width: 57rem; border-radius: 2rem; border: 1px solid var(--point-color);  overflow: hidden;}
.thyroid_device .deviceThum img{max-width:100%;}
.thyroid_device .deviceCont{width: calc(100% - 62rem);}
.thyroid_device .cont_htitle{text-align:left; padding: 0 0 5rem;}
.thyroid_device .deviceCont .targetLst .tit{font-size: 2.2rem; font-weight: 800;}
.thyroid_device .deviceCont .chklist{margin:4rem 0;}
.thyroid_biopsy{width:54rem; margin: 0 auto; border-radius: 2rem;  border: 1px solid var(--point-color); overflow: hidden;}
.thyroid_biopsy img{max-width:100%;}
.thyroid_funtionEx{display:flex; gap:4rem; align-items:center;    max-width: 110rem; margin: 0 auto;}
.thyroid_funtionEx .infoIcon{width: 7.5rem;height: 7.5rem;background: url(../img/content/icon_infoex.png) no-repeat center center / 7.1rem;}
.thyroid_funtionEx ul{width: calc(100% - 11.5rem);}
.thyroid_funtionEx li{text-indent: -1rem; padding-left: 1rem;font-size:2rem; font-weight:300; color:var(--point-color); line-height:1.5;}
.thyroidInfoBox .goiterThum{display:flex; align-items: center; gap: 6rem; justify-content: center;}
.thyroidInfoBox .goiterThum li img{max-width:100%;}
.thyroid_disease{ display: flex;  gap: 5rem; align-items: center;  justify-content: center;}
.thyroid_disease .diseaseThum img{max-width:100%;}
.thyroid_disease .diseaseCont .targetLst .tit{font-size: 2.2rem; font-weight: 800;}
.thyroid_disease .diseaseCont .chklist{margin:4rem 0;}
.thyroid_thyroiditis{}
.thyroid_thyroiditis .thyThum{text-align:center;}
.thyroid_thyroiditis .thyThum img{max-width:100%;}
.thyroid_thyroiditis .thyroiditisList{margin-top:8rem;}
.thyroiditisList > li{position:relative; width: 100%; padding: 5rem 0; display: flex;  gap: 3rem; align-items: flex-start;border-top:1px solid var(--border-line2);}
.thyroiditisList > li:before{content:''; display:block; width:35rem; height:0.3rem; background:#823055; position:absolute; top:-0.2rem; left:0;}
.thyroiditisList .l_typeTitle{width:35rem;}
.thyroiditisList .l_typeTitle .tit{font-size: 3.2rem;  font-weight: 800;  color: #823055;}
.thyroiditisList .l_typeTitle .tit_en{font-size:2rem;}
.thyroiditisList .r_typeCont{width:calc(100% - 39rem);}
.thyroiditisList .r_typeCont .ttxt{font-size:2rem; line-height:1.5;}
.thyroiditisList .r_typeCont .symptomsbox{display:flex; align-items:center; gap:3rem; margin-top:3rem;}
.thyroiditisList .r_typeCont .symptomsbox .tit{font-size:2rem; font-weight:700; width:8rem;}
.thyroiditisList .r_typeCont .symptomsbox ul{width:calc(100% - 11rem); display:flex; gap:2rem; flex-wrap:wrap;}
.thyroiditisList .r_typeCont .symptomsbox ul li{width:13rem; height:13rem; border-radius:50%; background:var(--point-color2);     text-align: center; display:flex; align-items:center; justify-content:center; color:#fff; font-size:2rem;}
.thyroiditisList .r_typeCont .symptomsbox ul li:nth-child(2){background:#9f3e68;}
.thyroiditisList .r_typeCont .symptomsbox ul li:nth-child(3){background:var(--point-color);}
.thyroidInfoBox .disorderThum{text-align:center;} 
.thyroidInfoBox .disorderThum img{max-width:100%;}
.disorder_cross{position:relative; display: flex; margin-top:12rem; gap:10rem;}
.disorder_cross .item{width:calc(100% / 2 - 5rem);}
.disorder_cross .disorderCont{min-height:34rem;}
.disorder_cross .item .arrow{ position:absolute; z-index: -1;}
.disorder_cross .item .arrow img{max-width:100%;}
.disorder_cross .item .symptomsbox{margin-top:8rem;}
.disorder_cross .item .symptomsbox .tit{font-size:2.4rem; font-weight:700; margin-bottom:2rem;}
.disorder_cross .item .symptomsbox .gray{ filter: grayscale(1);}
.disorder_cross .disorderDown .down{opacity:0; left: -9rem; top: -20rem;}
.disorder_cross .disorderUp .up{opacity:0;  bottom:32rem; right: -9rem;}
.disorder_cross .disorderUp .symptomsbox .tit{color:var(--point-color2);}
.disorder_cross .disorderUp .checkicon:before{background: url(../img/content/icon_check02.png) no-repeat center center / 2.8rem;}
.thyroidInfoBox .producerLst{ display: flex;  gap: 3rem;  padding-bottom: 5rem;}
.thyroidInfoBox .producerLst li{ width: calc(50% - 1.5rem);  border: 1px solid var(--point-color);   border-radius: 2rem;   padding:3.5rem 2.5rem; box-shadow: 2px 2px 26px rgba(115, 16, 63, 0.3);}
.thyroidInfoBox .producerLst .subjectTit{display: flex;  align-items: center;  gap: 2rem;  margin-bottom: 2rem;}
.thyroidInfoBox .producerLst .subjectTit .sj_icon{width: 9rem;height: 6.5rem;}
.thyroidInfoBox .producerLst .subjectTit .icon01{background: url(../img/content/thyroid_icon01.png) no-repeat center center / 9rem;}
.thyroidInfoBox .producerLst .subjectTit .icon02{background: url(../img/content/thyroid_icon02.png) no-repeat center center / 8rem;}
.thyroidInfoBox .producerLst .subjectTit .tit{font-size: 3rem; font-weight: 700;}
.thyroidInfoBox .producerLst .infotxt{min-height: 13.5rem; font-size: 1.8rem; line-height: 1.5;}
.thyroidInfoBox .producerLst .time{display:flex; gap:4rem;  margin-top: 3rem;}
.thyroidInfoBox .producerLst .time span{font-size:1.8rem;}
.thyroidInfoBox .producerLst .time .tit{font-weight:700;}
.thyroidInfoBox .cancerThum{display:flex; align-items: center; gap: 6rem; justify-content: center;}
.thyroidInfoBox .cancerThum li img{max-width:100%;}
.thyroid_cancer{ display: flex;  gap: 5rem; align-items:center; margin-top:10rem;}
.thyroid_cancer .cancerThumb{ width: 56rem; border-radius: 2rem; border: 1px solid var(--point-color);  overflow: hidden;}
.thyroid_cancer .cancerThumb img{max-width:100%;}
.thyroid_cancer .cancerCont{width: calc(100% - 61rem);}
.thyroid_cancer .cancerCont .cont_htitle{text-align:left;}
.thyroid_device .cancerCont .chklist{margin:4rem 0;}

	@media screen and (max-width:1380px){
		.disorder_cross{ flex-direction: column;  justify-content: center; gap:15rem;}
		.disorder_cross .item{width:100%;}
		.disorder_cross .disorderDown .down{left:50%; transform:translateX(-50%);}
		.disorder_cross .disorderUp .up { right: auto; left: 50%; transform: translateX(-50%);}
		.disorder_cross .item .symptomsbox{width: 100%;  max-width: 50rem; margin: 0 auto 0;}
		.disorder_cross .item .arrow img{max-width:initial; width:60rem;}
	}
	
	@media screen and (max-width:1024px){		
		.thyroid_device{flex-direction:column;}
		.thyroid_device  .m_bk{display:block; text-align: center;}
		.thyroid_device .deviceThum { width: 100%;  max-width: 57rem;  margin: 0 auto;}
		.thyroid_device .deviceCont { width: 100%;  margin: 0 auto;  text-align: center;}
		.thyroid_device .deviceCont .cont_htitle{display:none;}
		.thyroid_device .deviceCont .chklist{text-align:left;  width: 40rem;  margin: 4rem auto;}
		.thyroid_biopsy{ width: 100%; max-width: 54rem;}
		.thyroiditisList > li{flex-direction: column; align-items: center; border: none;}
		.thyroiditisList > li:before{display:none;}
		.thyroiditisList .l_typeTitle{width:100%; text-align:center;}
		.thyroiditisList .r_typeCont{width:100%; text-align:center;}
		.thyroiditisList .r_typeCont .symptomsbox{justify-content: center;  flex-direction: column; gap:2rem;}
		.thyroiditisList .r_typeCont .symptomsbox ul{width:100%; justify-content:center;}
		.thyroid_funtionEx{flex-direction:column; gap:2rem;}
		.thyroid_funtionEx ul{width:100%; text-align:center;}
		.thyroidInfoBox .producerLst{flex-direction:column; align-items: center;}
		.thyroidInfoBox .producerLst li{ width: 100%;  max-width: 50rem;}
		.thyroid_cancer{flex-direction:column;}
		.thyroid_cancer .cancerThumb{width: 100%; max-width: 54rem;}
		.thyroid_cancer .cancerCont{width:100%;}
		.thyroid_cancer .cancerCont .cont_htitle{text-align:center;padding-bottom: 6rem;}
		.thyroid_cancer .cancerCont .chklist{width:100%; max-width: 50rem; margin: 0 auto;}
	}

	@media screen and (max-width:640px){
		.thyroidInfoBox .goiterThum{gap:3rem;}
		.thyroid_disease{flex-direction: column;}
		.thyroid_disease .diseaseThum{text-align:center;}
		.disorder_cross{gap:12rem;}
		.thyroid_disease .diseaseThum img{width:80%;}		
		.disorder_cross .item .arrow img{ width: 48rem;}
	}

	@media (min-width: 320px) and (max-width: 420px){
		.disorder_cross .item .arrow img{ width: 40rem;}	
	}


.endoscopeWhy{}
.endoscope_clinic .sp_txt{text-align: center; font-size:3.2rem; margin-top:10rem; color:#555;}
.endoscopeWhy .sub_inwrap{width:142rem;}
.es_system{width: 100%;display: flex;flex-wrap: wrap;gap: 5rem 8rem;padding-bottom:10rem;}
.es_system li{width: calc(50% - 4rem);border-bottom: 1px solid #999;padding-bottom: 5rem;display: flex;align-items: center;gap: 4rem;}
.es_system .l_icon{width: 8rem; background: #ddd; height: 10rem;}
.es_system .l_icon.icon01{background:url(../img/content/endoscope_system01.png) no-repeat center center /7rem;}
.es_system .l_icon.icon02{background:url(../img/content/endoscope_system02.png) no-repeat center center /8rem;}
.es_system .l_icon.icon03{background:url(../img/content/endoscope_system03.png) no-repeat center center /7rem;}
.es_system .l_icon.icon04{background:url(../img/content/endoscope_system04.png) no-repeat center center /8rem;}
.es_system .l_icon.icon05{background:url(../img/content/endoscope_system05.png) no-repeat center center /8rem;}
.es_system .r_cont{ width: calc(100% - 12rem);}
.es_system .r_cont .num{font-size: 3.2rem;  font-weight: 800; display: flex; align-items: center; gap: 1rem;}
.es_system .r_cont .num span{ font-size: 2rem;  font-weight: 300;}
.es_system .r_cont .title{font-size: 3.2rem;  font-weight: 800; margin: 2rem 0; line-height:1.2;}
.es_system .r_cont p{font-size:2rem;line-height:1.5;min-height: 9rem;}
.es_system .r_cont p + p{margin-top:0.8rem;}
.polypSurgery{padding:7rem 0;background:url(../img/content/endoscope_bg.jpg) no-repeat center center; width:100%;}
.polypSurgery .r_info{padding-left:54rem;}
.polypSurgery .r_info .tit{font-size: 3rem;  font-weight: 600; margin-bottom: 3rem;}
.polypSurgery .r_info .txt{font-size: 2rem;  line-height: 1.5;}
.endoscopeRules .sub_inwrap{width:110rem;}
.endoscopeRules .ruleLst{display:flex; gap:3rem; flex-wrap:wrap;}
.endoscopeRules .ruleLst li{position:relative; width:calc(100% / 3 - 2rem); padding:7rem 2rem 2.5rem; border-bottom:1px solid #d2d2d2;}
.endoscopeRules .ruleLst li:before{content:''; display:block; position:absolute;  top: 0;  right: 2.5rem;}
.endoscopeRules .ruleLst li:nth-child(1):before{width:6.2rem; height:6.2rem; background:url(../img/content/es_prevent_icon01.png) no-repeat center center / 6.2rem ;}
.endoscopeRules .ruleLst li:nth-child(2):before{width:6.4rem; height:6.4rem; background:url(../img/content/es_prevent_icon02.png) no-repeat center center / 6.4rem ;}
.endoscopeRules .ruleLst li:nth-child(3):before{width:6.2rem; height:6.2rem; background:url(../img/content/es_prevent_icon03.png) no-repeat center center / 6.2rem ;}
.endoscopeRules .ruleLst li:nth-child(4):before{width:6.6rem; height:6.6rem; background:url(../img/content/es_prevent_icon04.png) no-repeat center center / 6.6rem ;}
.endoscopeRules .ruleLst li:nth-child(5):before{width:6.2rem; height:6.2rem; background:url(../img/content/es_prevent_icon05.png) no-repeat center center / 6.2rem ;}
.endoscopeRules .ruleLst li:nth-child(6):before{width:6.2rem; height:6.2rem; background:url(../img/content/es_prevent_icon06.png) no-repeat center center / 6.2rem ;}
.endoscopeRules .ruleLst li:nth-child(7):before{width:6.2rem; height:6.2rem; background:url(../img/content/es_prevent_icon07.png) no-repeat center center / 6.2rem ;}
.endoscopeRules .ruleLst li:nth-child(8):before{width:6.2rem; height:6.2rem; background:url(../img/content/es_prevent_icon08.png) no-repeat center center / 6.2rem ;}
.endoscopeRules .ruleLst .checkicon{}
.endoscopeRules .ruleLst .checkicon:before{background:url(../img/content/icon_check03.png) no-repeat center center / 2.8rem;}
.endoscopeRules .ruleLst .checkicon p{font-size:2rem;}
.endoscopeRules .ruleLst .checkicon span{font-size:2rem; color:var(--point-color); font-weight:800;}
.endoscope_clinic .chklist p{font-size:2rem; }
.endoscope_clinic .chklist li + li{margin-top:1.5rem;}
.gastroscopyPoint .sub_inwrap{width:142rem;}
.gs_system{width: 100%;display: flex;flex-wrap: wrap;gap: 5rem 8rem;padding-bottom:10rem;}
.gs_system li{width: calc(50% - 4rem);border-bottom: 1px solid #999;padding-bottom: 5rem;display: flex;align-items: center;gap: 4rem;}
.gs_system .l_icon{width: 8rem; background: #ddd; height: 10rem;}
.gs_system .l_icon.icon01{background:url(../img/content/endoscope_point01.png) no-repeat center center /7rem;}
.gs_system .l_icon.icon02{background:url(../img/content/endoscope_point02.png) no-repeat center center /8rem;}
.gs_system .l_icon.icon03{background:url(../img/content/endoscope_point03.png) no-repeat center center /7rem;}
.gs_system .r_cont{ width: calc(100% - 12rem);}
.gs_system .r_cont .num{font-size: 3.2rem;  font-weight: 800; display: flex; align-items: center; gap: 1rem;}
.gs_system .r_cont .num span{ font-size: 2rem;  font-weight: 300;}
.gs_system .r_cont .title{font-size: 3.2rem;  font-weight: 800; margin: 2rem 0; line-height:1.2;}
.gs_system .r_cont p{font-size:2rem;line-height:1.5;min-height: 9rem;}
.gs_system .r_cont p + p{margin-top:0.8rem;}
.endoscope_need{ display: flex;  gap: 5rem;     align-items: center;}
.endoscope_need .endoscopeThumb{ width: 56rem; border-radius: 2rem; border: 1px solid var(--point-color);  overflow: hidden;}
.endoscope_need .endoscopeThumb img{max-width:100%;}
.endoscope_need .endoscopeCont{width: calc(100% - 61rem); }
.endoscope_need .endoscopeCont .cont_htitle{text-align:left;}
.colonoscopyPoint .sub_inwrap{width:142rem;}
.cs_system{width: 100%;display: flex;flex-wrap: wrap;gap: 5rem 8rem;padding-bottom:10rem;}
.cs_system li{width: calc(50% - 4rem);border-bottom: 1px solid #999;padding-bottom: 5rem;display: flex;align-items: center;gap: 4rem;}
.cs_system .l_icon{width: 8rem; background: #ddd; height: 10rem;}
.cs_system .l_icon.icon01{background:url(../img/content/endoscope_point01.png) no-repeat center center /7rem;}
.cs_system .l_icon.icon02{background:url(../img/content/endoscope_point02.png) no-repeat center center /8rem;}
.cs_system .l_icon.icon03{background:url(../img/content/endoscope_system05.png) no-repeat center center /7rem;}
.cs_system .r_cont{ width: calc(100% - 12rem);}
.cs_system .r_cont .num{font-size: 3.2rem;  font-weight: 800; display: flex; align-items: center; gap: 1rem;}
.cs_system .r_cont .num span{ font-size: 2rem;  font-weight: 300;}
.cs_system .r_cont .title{font-size: 3.2rem;  font-weight: 800; margin: 2rem 0; line-height:1.2;}
.cs_system .r_cont p{font-size:2rem;line-height:1.5;min-height: 9rem;}
.cs_system .r_cont p + p{margin-top:0.8rem;}
.colonoscopy_need{ display: flex;  gap: 5rem;     align-items: center;}
.colonoscopy_need .colonoscopyThumb{ width: 56rem; border-radius: 2rem; border: 1px solid var(--point-color);  overflow: hidden;}
.colonoscopy_need .colonoscopyThumb img{max-width:100%;}
.colonoscopy_need .colonoscopyCont{width: calc(100% - 61rem); }
.colonoscopy_need .colonoscopyCont .cont_htitle{text-align:left;}
.colonoscopyBox .sp_txt{text-align: center; font-size:3.2rem; margin-top:10rem; color:#555;}
.colonoscopy_prp .prepBox{}
.colonoscopy_prp .prepLst{ display: flex;  gap: 6rem;}
.colonoscopy_prp .prepLst .itemCont{ width: calc(50% - 3rem);}
.colonoscopy_prp .prepLst .itemCont li{position:relative;}
.colonoscopy_prp .prepLst .itemCont li:first-child{min-height:30rem;}
.colonoscopy_prp .prepLst .itemCont .title{position:relative;padding: 0 2rem 3rem 4.5rem;font-size:2.8rem;font-weight:700;border-bottom: 1px solid var(--border-line2);}
.colonoscopy_prp .prepLst .itemCont .title:before{content:'';display:block;position:absolute;top: 1.5rem;left: 2rem;width:0.5rem;height:0.5rem;border-radius:50%;background:#ae4c7b;}
.colonoscopy_prp .prepLst .itemCont .infotxt{padding: 3rem 2rem;}
.colonoscopy_prp .prepLst .itemCont .infotxt p{font-size:1.8rem; line-height:1.5;}
.colonoscopy_prp .prepLst .itemCont .infotxt .btxt{font-size:2rem; font-weight:500; padding-bottom:2rem;}
.colonoscopy_prp .prepLst .itemCont .infoimg{padding: 3rem 2rem; text-align:center;}
.colonoscopy_prp .prepLst .itemCont .infoimg img{max-width:100%;}
.colonoscopy_prp .prepLst .itemCont .icon svg{position:absolute; left: 50%;  top: 50%;  transform: translate(-50%, -39%); width:100%; height:auto; max-width:37rem;}
.colonoscopy_prp .prepLst .itemCont .icon .eco_round { stroke-dasharray: 1162; stroke-dashoffset: 1162;  opacity: 0.3;}


	
	@media screen and (max-width:1200px){
		.polypSurgery{background:#fdfdfd;}
		.polypSurgery .r_info{  text-align: center; padding-left: 0; padding-top:30rem; background:url(../img/content/endoscope_bg_m.jpg) no-repeat center top;}
		
	}

	@media screen and (max-width:1024px){		
		.es_system{gap:4rem; padding-bottom:4rem;}
		.es_system li{width:100%;}
		.es_system .r_cont .num{font-size:2.8rem;}
		.es_system .r_cont .title{font-size:2.8rem;}
		.es_system .r_cont p{min-height:100%;}
		.endoscopeRules .ruleLst li { width: calc(100% / 2 - 1.5rem);}
		.gs_system{gap:4rem; padding-bottom:4rem;}
		.gs_system li{width:100%;}
		.gs_system .r_cont .num{font-size:2.8rem;}
		.gs_system .r_cont .title{font-size:2.8rem;}
		.gs_system .r_cont p{min-height:100%;}
		.endoscope_need{ flex-direction: column;}
		.endoscope_need .endoscopeThumb{width:100%; max-width:48rem; margin:0 auto;}
		.endoscope_need .endoscopeCont{width:100%;}
		.endoscope_need .endoscopeCont .cont_htitle{text-align:center;}
		.endoscope_need .endoscopeCont .targetLst{width:100%; max-width:50rem; margin: 0 auto;}
		.endoscope_clinic .sp_txt{font-size:2.6rem;}
		.cs_system{gap:4rem; padding-bottom:4rem;}
		.cs_system li{width:100%;}
		.cs_system .r_cont .num{font-size:2.8rem;}
		.cs_system .r_cont .title{font-size:2.8rem;}
		.cs_system .r_cont p{min-height:100%;}
		.colonoscopy_need{ flex-direction: column;}
		.colonoscopy_need .colonoscopyThumb{width:100%; max-width:48rem; margin:0 auto;}
		.colonoscopy_need .colonoscopyCont{width:100%;}
		.colonoscopy_need .colonoscopyCont .cont_htitle{text-align:center;}
		.colonoscopy_need .colonoscopyCont .targetLst{width:100%; max-width:50rem; margin: 0 auto;}
		.colonoscopy_prp .prepLst{flex-direction:column;}
		.colonoscopy_prp .prepLst .itemCont{width:100%;}
		.colonoscopy_prp .prepLst .itemCont .infotxt p br{display:none;}
	}

	@media screen and (max-width:640px){
		.polypSurgery .r_info{ padding-top: 22rem;   background: url(../img/content/endoscope_bg_m.jpg) no-repeat center top / 38rem;}
		.colonoscopy_prp .prepLst .itemCont .icon img{ width: 60vw;}
		
	}

	@media (min-width: 320px) and (max-width: 420px){
		.endoscopeRules .ruleLst li { width:100%;}	
	}

.medicine_clinic .chklist li + li{margin-top:1.5rem;}
.medicine_clinic .chklist p{font-size:2rem; }
.digestiveBox .digestiveTumb{text-align:center;}
.digestiveBox .digestiveTumb img{max-width:100%;}
.digestiveBox .digestiveType{ position: relative; display: flex;     justify-content: center; flex-wrap: wrap; gap:5rem 2rem;}
.digestiveBox .digestiveType li{ width: calc(100% / 4 - 1.5rem); text-align: center;}
.digestiveBox .digestiveType .roundIcon{width: 16rem; height: 16rem; margin:0 auto; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.digestiveBox .digestiveType .icon01{background:#e7c9d7 url(../img/content/digestive_icon01.png) no-repeat center center / 6.6rem;}
.digestiveBox .digestiveType .icon02{background:#e7c9d7 url(../img/content/digestive_icon02.png) no-repeat center center / 6.4rem;}
.digestiveBox .digestiveType .icon03{background:#e7c9d7 url(../img/content/digestive_icon03.png) no-repeat center center / 5.8rem;}
.digestiveBox .digestiveType .btxt{font-size:2.8rem; font-weight:800; margin-top:2.5rem; }
.digestiveBox .digestiveType .stxt_w{margin-top:2rem;}
.digestiveBox .digestiveType .stxt_w p{font-size:2rem; line-height:1.5;}
.endocrineBox{}
.diabetesLst{ position: relative; display: flex;  justify-content: center; flex-wrap: wrap; gap:5rem 2rem; margin-bottom:5rem;}
.diabetesLst li{ width: calc(100% / 4 - 1.5rem); text-align: center;}
.diabetesLst .roundIcon{width: 16rem; height: 16rem; margin:0 auto; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.diabetesLst .icon01{background:#e7c9d7 url(../img/content/diabetes_icon01.png) no-repeat center center / 8.5rem;}
.diabetesLst .icon02{background:#e7c9d7 url(../img/content/diabetes_icon02.png) no-repeat center center/ 8rem;}
.diabetesLst .icon03{background:#e7c9d7 url(../img/content/diabetes_icon03.png) no-repeat center center/ 7.5rem;}
.diabetesLst .btxt{font-size:2.8rem; font-weight:800; margin-top:2.5rem; }
.diabetesLst .stxt{font-size:2rem; line-height:1.5;}
.diabetesStd{text-align: center; margin-top: 8rem;}
.diabetesStd .ds_title{margin-bottom: 5rem;}
.diabetesStd .ds_title .tit{font-size:4rem; font-weight: 800;}
.diabetesStd .ds_title p{font-size:2rem;}
.diabetesStd .ds_list{display: flex;justify-content: center;max-width: 110rem;margin: 0 auto;}
.diabetesStd .ds_list li{position:relative;padding: 0 4rem;width: calc(100% / 3);}
.diabetesStd .ds_list li + li{border-left:1px solid var(--border-line2);}
.diabetesStd .ds_list li .nm_suject{font-size:4rem; font-weight:800; color:var(--point-color2);}
.diabetesStd .ds_list li p{font-size:1.8rem; padding-top:1rem;}
.diabetesNeed{ display: flex;  gap: 5rem; align-items:center; margin-top:10rem;}
.diabetesNeed .diabetesThum{ width: 56rem; border-radius: 3rem; border: 1px solid var(--point-color);  overflow: hidden;}
.diabetesNeed .diabetesThum img{max-width:100%;}
.diabetesNeed .diabetesCont{width: calc(100% - 63rem);}
.diabetesNeed .diabetesCont .cont_htitle{text-align:left; padding: 0 0 5rem;}
.diabetesNeed .diabetesCont .checkicon:before{ background: url(../img/content/icon_check02.png) no-repeat center center /2.8rem;}
.obesityBox{text-align: center; }
.obesityBox .obes_title{margin-bottom: 5rem;}
.obesityBox .obes_title .tit{font-size:4rem; font-weight: 800;}
.obesityBox .obes_title p{font-size:2rem;}
.obesityBox .zoomImgTb_w .zoomImgTb:first-child{margin:10rem 0 6rem;}
.obesityThum{max-width:88rem; margin:10rem auto; border-radius: 3rem; overflow: hidden;border:1px solid var(--point-color);}
.obesityThum img{max-width:100%;}
.obesityInfo{margin-top:10rem;}
.obesityInfo .ico_info{width: 2.9rem; height: 2.8rem;  background: url(../img/content/icon_infoex_f.png) no-repeat center center / 2.9rem; margin: 0 auto 2rem;}
.obesityInfo .ct_pre_c + .ct_pre_c{margin-top:4rem;}
.obesityLst{ position: relative; display: flex;  justify-content: center; flex-wrap: wrap; gap:5rem 2rem; margin-bottom:8rem;}
.obesityLst li{ width: calc(100% / 4 - 1.5rem); text-align: center;}
.obesityLst .roundIcon{width: 16rem; height: 16rem; margin:0 auto; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.obesityLst .icon01{background:#e7c9d7 url(../img/content/diabetes_icon01.png) no-repeat center center / 8.5rem;}
.obesityLst .icon02{background:#e7c9d7 url(../img/content/diabetes_icon02.png) no-repeat center center/ 8rem;}
.obesityLst .icon03{background:#e7c9d7 url(../img/content/obesity_icon01.png) no-repeat center center/ 7.5rem;}
.obesityLst .btxt{font-size:2.8rem; font-weight:800; margin-top:2.5rem; }
.obesityInfo .chklist{width:100%; max-width: 15rem; margin: 1rem auto 0;}
.obesityInfo .chklist li + li{margin-top:0.5rem;}




.thyoridDiffer{}
.thyoridDiffer .thyorid_differThum{max-width:88rem; margin:0 auto; border-radius: 3rem; overflow: hidden;border:1px solid var(--point-color);}
.thyoridDiffer .thyorid_differThum img{max-width:100%;}
.thyoridType_title{margin-top:6rem; padding-left:15rem;}
.thyoridType_title .tit{font-size:4rem; font-weight:800; margin-bottom:2.5rem;}
.thyoridType_title p, .thyoridType_title span{font-size:2rem; line-height:1.5;}
.thyoridCycle{}
.thy_cycleItem{margin:5rem; text-align:center;}
.thy_cycleItem img{max-width:100%;}
.osteroDivice{}
.osteroDivice .osteroThum{max-width:88rem; margin:0 auto; border-radius: 3rem; overflow: hidden;border:1px solid var(--point-color);}
.osteroDivice .osteroThum img{max-width:100%;}
.osteroDivice .ct_pre_c01{margin-top:5rem;}
.osteroNeed{margin-top:10rem;}
.osteroNeed{ display: flex;  gap: 5rem; align-items:center; margin-top:10rem;}
.osteroNeed .osteroThum{ width: 56rem; border-radius: 3rem; border: 1px solid var(--point-color);  overflow: hidden;}
.osteroNeed .osteroThum img{max-width:100%;}
.osteroNeed .osteroCont{width: calc(100% - 63rem);}
.osteroNeed .osteroCont .cont_htitle{text-align:left; padding: 0 0 5rem;}
.osteroNeed .osteroCont .checkicon .ss_ptxt{ display: flex; gap: 1rem;  margin-top: 1rem;}
.osteroNeed .osteroCont .checkicon .ss_ptxt span{color:var(--point-color);}
.osteroNeed .osteroCont .checkicon .ss_ptxt span:first-child{font-weight:700;}
.circulatoryBox .sub_inwrap{width: 142rem;}
.htnType{ position: relative; display: flex;  justify-content: center; flex-wrap: wrap; gap:5rem 2rem; margin-bottom:5rem;padding: 0 5rem;}
.htnType li{ width: calc(100% / 4 - 1.5rem); text-align: center;}
.htnType .roundIcon{display: flex;  align-items: center; justify-content: center;width: 16rem; height: 16rem; margin:0 auto; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.htnType .roundIcon span{padding-top:9rem;}
.htnType .icon01{background:#e7c9d7 url(../img/content/hypertension_icon01.png) no-repeat  top 3.5rem center / 5.6rem;}
.htnType .icon02{background:#e7c9d7 url(../img/content/hypertension_icon02.png) no-repeat  top 3.5rem center/ 5.4rem;}
.htnType .icon03{background:#e7c9d7 url(../img/content/hypertension_icon03.png) no-repeat  top 5.5rem center/ 6.4rem;}
.htnType .icon04{background:#e7c9d7 url(../img/content/hypertension_icon04.png) no-repeat  top 3.5rem center/ 6.4rem;}
.htnType .btxt{font-size:2.8rem; font-weight:800; margin-top:2.5rem; }
.influenza{display:flex; align-items:center; gap:8rem;}
.influenza .influeThum{width: 56rem;  border-radius: 3rem;  border: 1px solid var(--point-color); overflow: hidden;}
.influenza .influeThum img{max-width:100%;}
.influenza .influeType{width:calc(100% - 64rem)}
.influenza .influeType li + li{margin-top:5rem;}
.influenza .influeType .cont_htitle{text-align:left; padding-bottom:0;}
.vacciType .ct_pre_b{margin-top:0;}
.vacciType .chklist{max-width: 75rem;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 2rem;}
.vacciType .chklist li{width: calc(50% - 8rem);margin-left: 7rem;}
.vacciType .chklist li + li{margin-top:0;}
.ultrasoundBox{margin-top:8rem;}
.ultrasoundThum{text-align:center; margin-bottom:8rem;}
.ultrasoundThum img{max-width:100%;border-radius: 3rem;}
.ultrasoundLst{max-width:90rem; margin:0 auto;}
.ultrasoundLst li{ display: flex;  align-items: center;  gap: 5rem;}
.ultrasoundLst li + li{border-top:1px solid var(--border-line2); padding-top:5rem; margin-top:5rem;}
.ultrasoundLst .roundIcon{ width: 16.5rem; height: 16.5rem;  border-radius: 50%; border: 1px solid #ae4c7b;}
.ultrasoundLst .roundIcon.icon01{background: #f1d8e4 url(../img/content/ultrasound_icon01.png) no-repeat center center / 6.3rem;}
.ultrasoundLst .roundIcon.icon02{background: #f1d8e4 url(../img/content/ultrasound_icon02.png) no-repeat center center / 5.2rem;}
.ultrasoundLst .roundIcon.icon03{background: #f1d8e4 url(../img/content/ultrasound_icon03.png) no-repeat center center / 8.4rem;}
.ultrasoundLst .contInfo{width:calc(100% - 21.5rem);}
.ultrasoundLst .contInfo .en_txt{font-size: 1.6rem;  letter-spacing: -0.03em; font-weight: 500;}
.ultrasoundLst .contInfo .tit{font-size:2.8rem; font-weight:800;}
.ultrasoundLst .contInfo .txt{font-size:2rem; line-height:1.5; padding-top:2.5rem;}
.nutrientType{ position: relative; margin-top:8rem; display: flex; flex-wrap: wrap; gap:8rem 2rem;}
.nutrientType li{width:calc(100% / 4 - 1.5rem);text-align: center;}
.nutrientType li .roundIcon{display: flex;  align-items: center;  justify-content: center;width:16.5rem;height:16.5rem;border: 1px solid var(--border-line2);border-radius:50%;margin: 0 auto;}
.nutrientType li .btxt{font-size:2.6rem; font-weight:700; margin:3rem 0 2rem;}
.nutrientType li .stxt{font-size:1.8rem; line-height:1.5;}
.nutrientType li .roundIcon.icon01{background:#fde8f1 url(../img/content/nutrient_icon01.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon02{background:#ddf4fd url(../img/content/nutrient_icon02.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon03{background:#fde7e8 url(../img/content/nutrient_icon03.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon04{background:#fef2e3 url(../img/content/nutrient_icon04.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon05{background:#e2f2e8 url(../img/content/nutrient_icon05.png) no-repeat center center / 7rem;}
.nutrientType li .roundIcon.icon06{background:#fde6e0 url(../img/content/nutrient_icon06.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon07{background:#e9e3f0 url(../img/content/nutrient_icon07.png) no-repeat center center / 9rem;}
.nutrientType li .roundIcon.icon08{background:#e0f1df url(../img/content/nutrient_icon08.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon09{background:#e1ebf6 url(../img/content/nutrient_icon09.png) no-repeat center center / 8rem;}
.nutrientType li .roundIcon.icon10{background:#e0f3f2 url(../img/content/nutrient_icon10.png) no-repeat center center / 7rem;}
.nutrientType li .txt01{color:#f49ac1;}
.nutrientType li .txt02{color:#6dcff6;}
.nutrientType li .txt03{color:#f5989d;}
.nutrientType li .txt04{color:#fdc689;}
.nutrientType li .txt05{color:#82ca9c;}
.nutrientType li .txt06{color:#f69679;}
.nutrientType li .txt07{color:#a186be;}
.nutrientType li .txt08{color:#7cc576;}
.nutrientType li .txt09{color:#92b5df;}
.nutrientType li .txt10{color:#7accc8;}

	@media screen and (max-width:1200px){
		.obesityInfo .chklist li .checkicon{padding-left:4rem;}
	}
	
	@media screen and (max-width:1024px){	
		.diabetesNeed{ flex-direction: column;}
		.diabetesNeed .diabetesThum{width:100%; max-width:48rem; margin:0 auto;}
		.diabetesNeed .diabetesCont{width:100%;}
		.diabetesNeed .diabetesCont .cont_htitle{text-align:center;}
		.diabetesNeed .diabetesCont .targetLst{width:100%; max-width:50rem; margin: 0 auto;}
		.thyoridType_title{padding-left:0; text-align:center;}
		.osteroNeed{ flex-direction: column;}
		.osteroNeed .osteroThum{width:100%; max-width:48rem; margin:0 auto;}
		.osteroNeed .osteroCont{width:100%;}
		.osteroNeed .osteroCont .cont_htitle{text-align:center;}
		.osteroNeed .osteroCont .targetLst{width:100%; max-width:50rem; margin: 0 auto;}
		.influenza{flex-direction:column;}
		.influenza .influeThum{width:100%; max-width:48rem; margin:0 auto;}
		.influenza .influeType{width:100%;}
		.influenza .influeType .cont_htitle{text-align:center;}
	}

	@media screen and (max-width:980px){	
		.diabetesLst li { width: calc(100% / 3 - 1.5rem);}
		.diabetesStd .ds_list{ flex-direction: column;  align-items: center;  gap:6rem;}
		.diabetesStd .ds_list li{width:100%;}
		.diabetesStd .ds_list li + li{border:0;}
		.diabetesStd .ds_list li .nm_suject{font-size:3.6rem;}
		.obesityLst  li { width: calc(100% / 3 - 1.5rem);}
		.htnType{padding:0;}
		.nutrientType li{ width: calc(100% / 3 - 1.4rem);}
	}

	@media screen and (max-width:640px){		
		.digestiveBox .digestiveType li{ width: calc(100% / 3 - 1.5rem);}
		.digestiveBox .digestiveType .roundIcon{width:15rem; height:15rem;}
		.digestiveBox .digestiveType .btxt{font-size:2.3rem;}
		.diabetesLst li{ width: calc(100% / 3 - 1.5rem);}
		.diabetesLst .roundIcon{width:15rem; height:15rem;}
		.diabetesLst .btxt{font-size:2.3rem;}
		.obesityLst li{ width: calc(100% / 3 - 1.5rem);}
		.obesityLst .roundIcon{width:15rem; height:15rem;}
		.obesityLst .btxt{font-size:2.3rem;}
		.htnType{gap:3rem 2rem;}
		.htnType li{ width: calc(100% / 2 - 1.5rem);}
		.htnType .roundIcon{width:15rem; height:15rem;}
		.htnType .btxt{font-size:2.3rem;} 
		.ultrasoundLst li{flex-direction:column; gap:3rem;}
		.ultrasoundLst li + li{border:0; padding-top: 3rem;  margin-top: 3rem;}
		.ultrasoundLst .contInfo{width:100%; text-align:center;}
		.nutrientType{gap:4rem 2rem;}
		.nutrientType li { width: calc(100% / 2 - 1rem);}
		.nutrientType li .btxt{font-size:2.3rem;}
	}
	
	@media screen and (max-width:480px){	
		.vacciType .chklist li{width:100%;}
	}

	@media (min-width: 320px) and (max-width: 420px){
		.digestiveBox .digestiveType{gap:3rem 2rem;}
		.digestiveBox .digestiveType li {width: calc(100% / 2 - 1.5rem);}
		.diabetesLst{gap:3rem 2rem;}
		.diabetesLst li {width: calc(100% / 2 - 1.5rem);}
		.obesityLst{gap:3rem 2rem;}
		.obesityLst li {width: calc(100% / 2 - 1.5rem);}
		.vacciType .chklist li{margin-left:5rem;}
	}


/*--------------------- 건강검진센터 ---------------------*/
.healthCenter{}
.hc_systemBox{width:100%; background:url(../img/content/health_center_bg.png) no-repeat center center; background-size:cover;}
.hc_system{width: 100%;display: flex;flex-wrap: wrap;gap: 5rem 8rem;padding-bottom:10rem;}
.hc_system li{width: calc(50% - 4rem);border-bottom: 1px solid #999;padding-bottom: 5rem;display: flex;align-items: flex-end;gap: 4rem;}
.hc_system li:last-child{border-bottom:0;}
.hc_system .l_icon{width: 8rem; background: #ddd; height: 10rem;}
.hc_system .l_icon.icon01{background:url(../img/content/health_center_system01.png) no-repeat center center /7rem;}
.hc_system .l_icon.icon02{background:url(../img/content/health_center_system02.png) no-repeat center center /8rem;}
.hc_system .l_icon.icon03{background:url(../img/content/health_center_system03.png) no-repeat center center /8rem;}
.hc_system .l_icon.icon04{background:url(../img/content/health_center_system04.png) no-repeat center center /8rem;}
.hc_system .l_icon.icon05{background:url(../img/content/health_center_system05.png) no-repeat center center /8rem;}
.hc_system .r_cont{    width: calc(100% - 12rem);}
.hc_system .r_cont .num{font-size: 3.2rem;  font-weight: 800; display: flex; align-items: center; gap: 1rem;}
.hc_system .r_cont .num span{ font-size: 2rem;  font-weight: 300;}
.hc_system .r_cont .title{font-size: 3.2rem;  font-weight: 800; margin: 2rem 0; line-height:1.2;}
.hc_system .r_cont p{font-size:2rem; line-height:1.5;}
.hc_system .r_cont p + p{margin-top:0.8rem;}
.hc_step_wrap{position:relative;}
.hc_step{ position:relative; width: 100%;  max-width: 114rem; margin: 0 auto; padding:0 2rem;}
.hc_step:before{content:''; display:block; position:absolute; top:20rem; left:17.4rem; z-index:-1; width:1px; height:84%; background:#d9abc1;}
.hc_step li{display: flex;  align-items: center; gap: 3rem;}
.hc_step li .num{ width:4rem; font-size: 2.8rem; font-weight: 500; color: var(--point-color);}
.hc_step li .roundIcon{width: 16.5rem; height: 16.5rem; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.hc_step li .icon01{background:#f7edf2 url(../img/content/health_center_step01.png) no-repeat center center / 8rem;}
.hc_step li .icon02{background:#efdbe5 url(../img/content/health_center_step02.png) no-repeat center center / 9rem;}
.hc_step li .icon03{background:#e7c9d7 url(../img/content/health_center_step03.png) no-repeat center center / 8rem;}
.hc_step li .icon04{background:#dfb7ca url(../img/content/health_center_step04.png) no-repeat center center / 7rem;}
.hc_step li .icon05{background:#d6a5bd url(../img/content/health_center_step05.png) no-repeat center center / 9rem;}
.hc_step li .icon06{background:#ce94b0 url(../img/content/health_center_step06.png) no-repeat center center / 8rem;}
.hc_step li .stepInfo{ width: calc(100% - 33rem); height: 28rem; margin-left: 6rem; padding: 3rem 1.5rem 0rem; border-bottom: 1px solid var(--border-line2); display: flex; flex-direction: column; justify-content: center;}
.hc_step li .stepInfo .tit{font-size: 2.8rem; font-weight: 800;}
.hc_step li .stepInfo .txt{margin: 2.5rem 0;}
.hc_step li .stepInfo .txt p{ font-size: 2.4rem; line-height: 1.4; font-weight: 300;}
.hc_step li .stepInfo .call{ font-size: 2.8rem; font-weight: 500;}
.hc_step li .stepInfo .call span{ font-size: 2.8rem;  font-weight: 300;}
.hc_step li:first-child .stepInfo{padding-bottom:6rem;}
.hc_step_wrap  .scrollRound{position:absolute;top: 23.5rem; transition: top 0.8s ease-in-out; left: 16.8rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--point-color);z-index: -1;}
	
	@media screen and (max-width:1200px){
		
	}

	@media screen and (max-width:1024px){
		.hc_system li{width:100%;  align-items: center;}
		.hc_step:before{display:none;}
		.hc_step_wrap  .scrollRound{display:none;}
		.hc_step li{flex-direction: column; justify-content: center;}
		.hc_step li .num{text-align:center;}
		.hc_step li .stepInfo{width:100%; height: auto; text-align:center; margin-left:0; border-bottom:0;}
	}

	@media screen and (max-width:640px){
	
	}
	
	@media (min-width: 320px) and (max-width: 420px){
	}


.hc_public .public_subject{position: relative; width:100%; max-width:114rem; margin:0 auto; padding:0 2rem;}
.hc_public .public_caution{position: relative; width:100%; max-width:114rem; margin:0 auto; padding:0 2rem;}
.publicLogo{margin-top:6rem;}
.hc_public .inspectList{ position: relative; display: flex; padding: 8rem 4rem; flex-wrap: wrap; gap:5rem 2rem;}
.hc_public .inspectList li{ width: calc(100% / 4 - 1.5rem); text-align: center;}
.hc_public .inspectList .roundIcon{width: 12rem; height: 12rem; margin:0 auto; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.hc_public .inspectList .icon01{background:#e7c9d7 url(../img/content/health_center_public01.png) no-repeat center center / 4.7rem;}
.hc_public .inspectList .icon02{background: #e7c9d7 url(../img/content/health_center_public02.png) no-repeat center center / 3.2rem;}
.hc_public .inspectList .icon03{background: #e7c9d7 url(../img/content/health_center_public03.png) no-repeat center center / 5.3rem;}
.hc_public .inspectList .icon04{background:#e7c9d7 url(../img/content/health_center_public04.png) no-repeat center center / 5.8rem;}
.hc_public .inspectList .icon05{background:#e7c9d7 url(../img/content/health_center_public05.png) no-repeat center center / 6.9rem;}
.hc_public .inspectList .icon06{background: #e7c9d7 url(../img/content/health_center_public06.png) no-repeat center center / 3.3rem;}
.hc_public .inspectList .icon07{background:#e7c9d7 url(../img/content/health_center_public07.png) no-repeat center center / 6.5rem;}
.hc_public .inspectList .icon08{background:#e7c9d7 url(../img/content/health_center_public08.png) no-repeat center center / 5.9rem;}
.hc_public .inspectList .icon09{background: #e7c9d7 url(../img/content/health_center_public09.png) no-repeat center center / 4.8rem;}
.hc_public .inspectList .icon10{background: #e7c9d7 url(../img/content/health_center_public10.png) no-repeat center center/ 7.2rem;}
.hc_public .inspectList .icon11{background: #e7c9d7 url(../img/content/health_center_public11.png) no-repeat center center / 4.7rem;}
.hc_public .inspectList .btxt{font-size:2.8rem; font-weight:800; margin-top:2.5rem; }
.hc_public .inspectList .stxt{font-size:2rem; }
.hc_public .inspectList_Interaction{position:relative; margin-top:5rem;}
.hc_public .inspectList_Interaction ul{ padding: 0 4rem 12rem;}
.hc_public .inspectList_Interaction .inspectTxtitem{position: absolute;  bottom: 16rem; right:0;  width: 28rem !important;}
.hc_public .inspectList_Interaction .inspectTxtitem .txtitembox{ display: flex;  flex-direction: column;  align-items: center;  justify-content: center; height: 100%;}
.hc_public .inspectList_Interaction .inspectTxtitem .txtitembox p{margin-top:2rem;}
.hc_public .inspectList_Interaction .inspectLine{ width: 68rem;  height: 25rem;  border: 2px dashed var(--point-color2);  border-radius: 7rem;  position: absolute;  top:-1.5rem;  left:7.5rem;}
.hc_public .inspectList_Interaction .inspectArrow{width:6rem; height:4rem; position: absolute;  top: 50%;  margin-top: -7rem;  left: 73.5rem; background:url(../img/content/content_right_arrow.png) no-repeat center center;}
.hc_public .i_txt{margin-top: 2.5rem; }
.hc_public .i_txt .tit{font-size: 2.6rem; font-weight: 700;    }
.hc_public .i_txt p{ font-size: 2.2rem;    font-weight: 300;  margin-top: 1rem;}
.hc_public .caution_need{    display: flex;  gap: 2rem; justify-content: space-between;     padding: 5rem 0 0;}
.hc_public .caution_need li + li{margin-top:1.5rem;}
.hc_public .caution_need .checkicon p{font-size:2.8rem; font-weight:600; }
.hc_public .caution_need .checkicon .s_p{font-size:2rem; font-weight:400;}
.hc_public .caution_need .checkicon .s_p span{display:block;font-size:2rem; font-weight:800; }
.hc_public .caution_down{margin: 5rem 0; display: flex;  gap: 4rem;}
.hc_public .caution_down .downList{width:calc(100% / 2 - 2rem); border: 3px solid #000; border-left:0; border-right:0;}
.hc_public .caution_down .downList ul{}
.hc_public .caution_down .downList ul li{ display: flex; align-items: center;  justify-content: space-between; padding: 3rem; transition:all .3s;}
.hc_public .caution_down .downList ul li + li{border-top:1px solid var(--border-line2);}
.hc_public .caution_down .downList .th{ font-size: 2.4rem; font-weight: 800;}
.hc_public .caution_down .downList .l_tit{font-size:2rem; font-weight:500;}
.hc_public .caution_down .downList .r_down a{display:flex;margin-right: 2.8rem;}
.hc_public .caution_down .downList .downIcon{display: block; width:2rem; height:2rem; background:url(../img/default/icon_down.svg) no-repeat center center / 2rem;}
	
	@media screen and (min-width:1200px){
		.hc_public .caution_down .downList ul li:not(:first-child):hover{ background: var(--point-color);}
		.hc_public .caution_down .downList ul li:not(:first-child):hover .l_tit{color:#fff;}
		.hc_public .caution_down .downList ul li:not(:first-child):hover .downIcon{filter: brightness(0) invert(1);}
	}
	
	
	@media screen and (max-width:1200px){
		.hc_public .inspectList{justify-content:center;  padding: 8rem 0;}
		.hc_public .inspectList_Interaction ul{padding:0 0 8rem;}
		.hc_public .inspectList_Interaction .inspectTxtitem{ position: static;  margin-top: 4rem;}		
		.hc_public .inspectList_Interaction .inspectLine{ width: calc(100% - 15rem);}
		.hc_public .inspectList_Interaction .inspectArrow{background:url(../img/content/content_right_arrow_m.png) no-repeat center center / 4rem; width:4rem; height:6rem; top:60%; left: 50%;  margin-left: -2rem; }
		.hc_public .caution_need .checkicon p{font-size:2.4rem;}
		.hc_public .caution_down .downList .th{font-size:2.2rem;}
	}

	@media screen and (max-width:1024px){
		.hc_public .inspectList li{width: calc(100% / 3 - 1.5rem);}
		.hc_public .inspectList_Interaction .inspectLine { width: 100%;  left: 0; }
		.hc_public .caution_need{ flex-direction: column;}
		.hc_public .caution_down{ flex-direction: column; gap:0;}
		.hc_public .caution_down .downList{width:100%;}
		.hc_public .caution_down .downList.left{border-bottom:0;}
		.hc_public .caution_down .downList.right{border-top:0;}
		.hc_public .caution_down .downList.right .hd_tit{display:none;}
	}

	@media screen and (max-width:640px){
		.hc_public .public_subject{ padding: 0;}	
		.hc_public .inspectList .btxt{font-size:2.4rem;}
	}

	@media (min-width: 320px) and (max-width: 420px){
		.hc_public .inspectList .roundIcon{width:11rem; height:11rem;}
		.hc_public .inspectList_Interaction .inspectLine{ width: 105%; left: -8px;}
		.hc_public .caution_down .downList ul li{padding:3rem 1rem;}
	}




.hc_recruit_subject{ border-bottom: 1px solid var(--border-line2);  width: 100%; max-width: 114rem; margin: 0 auto 5rem; padding:0 2rem 5rem;}
.hc_recruit_inspection{width: 100%;  max-width: 114rem; margin: 0 auto; padding:0 2rem;}
.hc_recruit_inspection .inspect_list{ width: 100%; display: flex; align-items: flex-start;  justify-content: space-between;  margin: 6rem 0;  padding: 0 2rem;}
.hc_recruit_inspection .inspect_list > li{ width: calc(100% / 4);}
.hc_recruit_inspection .roundIcon{width: 16.5rem; height: 16.5rem; margin:0 auto; border-radius: 50%; background: #ddd; border: 1px solid #ae4c7b;}
.hc_recruit_inspection .icon01{background:#e7c9d7 url(../img/content/health_center_recruit01.png) no-repeat center center / 7rem;}
.hc_recruit_inspection .icon02{background:#ddc2d5 url(../img/content/health_center_recruit02.png) no-repeat center center / 9rem;}
.hc_recruit_inspection .icon03{background:#e7c9d7 url(../img/content/health_center_recruit03.png) no-repeat center center / 10rem;}
.hc_recruit_inspection .icon04{background:#ddc2d5 url(../img/content/health_center_recruit04.png) no-repeat center center / 8rem;}
.hc_recruit_inspection .title{font-size: 2.8rem; font-weight: 800;  text-align: center;  padding: 4rem 0;}
.hc_recruit_inspection ol{text-align:center;}
.hc_recruit_inspection ol > li{ font-size: 2.2rem;  font-weight: 300;}
.hc_recruit_inspection ol > li + li{margin-top:1.5rem;}
.hc_recruit_inspection .prepar_list{margin-bottom:6rem; width: 100%; display: flex;  border: 1px solid var(--border-line2); border-left: 0; border-right: 0;}
.hc_recruit_inspection .prepar_list .l_tit{ width: 26rem; background: #eee; display: flex;  align-items: center;  justify-content: center; padding: 4rem 2rem; font-size: 3.6rem; font-weight: 700;}
.hc_recruit_inspection .prepar_list .r_cont{padding: 3rem;  display: flex; gap: 5rem;}
.hc_recruit_inspection .prepar_list .r_cont .checkicon p{ font-size:2.8rem; font-weight:600; line-height:1.2;}
.hc_recruit_inspection .prepar_list .r_cont .checkicon span{display: block; font-size:2rem; line-height:1.2;  margin-top: 1rem; }

	@media screen and (max-width:1200px){
		.hc_recruit_inspection{padding:0;}
		.hc_recruit_inspection .inspect_list{padding:0;}
		.hc_recruit_inspection .prepar_list .l_tit{font-size:3.2rem;}
		.hc_recruit_inspection .prepar_list .r_cont .checkicon p{font-size:2.6rem;}
	}

	@media screen and (max-width:980px){		
		.hc_recruit_inspection .roundIcon{width:15rem; height:15rem;}
		.hc_recruit_inspection .icon01{background: #e7c9d7 url(../img/content/health_center_recruit01.png) no-repeat center center / 6rem;}
		.hc_recruit_inspection .icon02{background: #ddc2d5 url(../img/content/health_center_recruit02.png) no-repeat center center / 7rem;}
		.hc_recruit_inspection .icon03{background: #e7c9d7 url(../img/content/health_center_recruit03.png) no-repeat center center / 8rem;}
		.hc_recruit_inspection .icon04{background: #ddc2d5 url(../img/content/health_center_recruit04.png) no-repeat center center / 7rem;}
		.hc_recruit_inspection .title{font-size:2.5rem;}
		.hc_recruit_inspection .prepar_list{flex-direction: column;}
		.hc_recruit_inspection .prepar_list .l_tit { font-size: 3rem;  width: 100%;  padding: 2rem;}
	}

	@media screen and (max-width:640px){		
		.hc_recruit_inspection .inspect_list{flex-wrap:wrap; gap: 5rem 0;}
		.hc_recruit_inspection .inspect_list > li{width: calc(100% / 2);}
		.hc_recruit_inspection .prepar_list .r_cont{flex-direction: column;  gap: 2rem;}
		.hc_recruit_inspection .prepar_list .r_cont .checkicon p{font-size:2.4rem;}
	}

.hc_program .programList{margin-bottom: 5rem;}
.programList > li{position:relative; width: 100%; padding: 6rem 0; display: flex; align-items: flex-start;border-top:1px solid var(--border-line2);}
.programList > li:before{content:''; display:block; width:33rem; height:0.3rem; background:var(--point-color2); position:absolute; top:-0.2rem; left:0;}
.programList .l_typeTitle{width:35rem; display: flex; align-items: baseline; gap: 1.5rem;}
.hc_program  .l_typeTitle .num{font-size:2.8rem; font-weight:800; border-radius:50%; width:4.4rem; height:4.4rem; display:flex; align-items: center; justify-content:center; color:#fff;  background: var(--point-color2);}
.hc_program  .l_typeTitle .tit{font-size: 3.2rem;  font-weight: 800;  color: var(--point-color2);}
.hc_program  .l_typeTitle .tit span{color: var(--point-color2); font-size: 2.8rem;  font-weight: 500;  display: block;  margin-top: 1.5rem;}
.hc_program  .r_typeCont{width:calc(100% - 35rem);}
.hc_program  .r_typeCont .m_txt{font-size: 2.8rem;  font-weight: 300;   margin-bottom: 4rem;}
.hc_program  .r_typeCont .tbl-01 .flex-w{display:flex; flex-wrap:wrap;}
.hc_program  .r_typeCont .tbl-01 .flex-w li{width:calc(100% / 3); font-size:2rem;}
.hc_program  .r_typeCont .tbl-01 .flex-w li:nth-child(n+4){margin-top:1rem;}
.hc_program  .r_typeCont .tbl-01 .flex-w li + li{margin-top:0;}
.hc_program  .r_typeCont .b_txt{ font-size: 2.8rem;  font-weight: 700;    margin-bottom:3rem;}
.hc_program  .r_typeCont .s_txtbox{width:100%; display:flex; gap:3rem;}
.hc_program  .r_typeCont .s_txtbox .tit{font-size:2rem; font-weight:500; }
.hc_program  .r_typeCont .s_txtbox .txt p{font-size:2rem; font-weight:300; }
.hc_program  .r_typeCont .m_txtbox{width:100%; display:flex; gap:3rem;}
.hc_program  .r_typeCont .m_txtbox .tit{width:19rem; font-size:2rem; font-weight:700; }
.hc_program  .r_typeCont .m_txtbox .txt p{font-size:2rem; font-weight:500; }
.hc_program  .r_typeCont .m_txtbox .verti{gap:3rem;}
.hc_program  .r_typeCont .m_txtbox .item{width:calc(100% - 23rem); display:flex; flex-wrap:wrap;}
.hc_program  .r_typeCont .m_txtbox .item li{width:37%; font-size:2rem; font-weight:500; }
.hc_program  .r_typeCont .m_txtbox .item li:nth-child(n+3){margin-top:1.5rem;}
.hc_program  .r_typeCont .m_txtbox .need li + li{margin-top:1.5rem;}
.hc_program  .r_typeCont .m_txtbox .need .checkicon p{font-size:2rem; font-weight:300; }
.hc_program  .r_typeCont .m_txtbox .other li:nth-child(even){font-weight:300; width:60%;}
.hc_program .oneStop {position:relative; width: 100%; height: 38rem;background: #f6f9fc; z-index:1; overflow:hidden;}
.hc_program .oneStop:before{content:''; display:block; position:absolute; bottom:0; left:10.5rem;  background: url(../img/content/health_center_program_bg.jpg) no-repeat left center / 57rem; width:57rem; height:40rem; z-index:-1;}
.hc_program .oneStopBox { width: 100%;  height: 100%;  min-height: 38rem;  display: flex;  flex-direction: column;  justify-content: center;  padding-left: 35rem;}
.hc_program .oneStopBox .title,
.hc_program .oneStopBox .title span{font-size: 5.5rem; color:var(--point-color);}
.hc_program .oneStopBox .title span{font-family: "Montserrat"; font-weight: 600;}
.hc_program .oneStopBox .conttxt,
.hc_program .oneStopBox .conttxt span{font-size:2.2rem; font-weight:300; line-height:1.5;}
.hc_program .oneStopBox .conttxt{margin-top:4rem;}
.hc_program .oneStopBox .conttxt span{color: var(--point-color);}
.hc_program .yearsList{}
.hc_program .yearsList > li{ width: 100%;  max-width: 114rem;  margin: 0 auto;  display: flex; align-items: flex-start;  gap: 8rem; border-bottom:1px solid var(--border-line2); padding:0 2rem 8rem; margin-bottom:8rem;}
.hc_program .yearsList .round{display:flex; align-items:center; justify-content:center; width:18rem; height:18rem; font-size:3.2rem; font-weight:800; border-radius:50%;}
.hc_program .yearsList .round.ty01{background:#f6e5ed;}
.hc_program .yearsList .round.ty02{background:#eccbdb;}
.hc_program .yearsList .round.ty03{background:#e3b2ca;}
.hc_program .yearsList .info{ width: calc(100% - 26rem);}
.hc_program .yearsList .m_txt{font-size: 2.8rem;  font-weight: 300;   margin-bottom: 4rem;}
.hc_program .yearsList .m_txtbox{width:100%; display:flex; gap:3rem;}
.hc_program .yearsList .m_txtbox .tit{width:19rem; font-size:2rem; font-weight:700; }
.hc_program .yearsList .m_txtbox p{font-size:2rem; font-weight:500; }
.hc_program .yearsList .chklist{margin-top:3rem;}
.hc_program .yearsList .chklist li + li{margin-top:1.5rem;}
.hc_program .yearsList .chklist .checkicon p{font-size:2rem; font-weight:300; }
	
	@media screen and (max-width:1200px){
		.hc_program .oneStop{height:auto;}
		.hc_program .oneStop:before{left: 50%; transform: translateX(-50%);}
		.hc_program .oneStopBox{min-height: auto;  padding-left: 0;  text-align: center; padding-bottom: 35rem;  padding-top: 3rem;}
		.hc_program .oneStopBox .title, .hc_program .oneStopBox .title span{font-size:4.5rem;}
	}

	@media screen and (max-width:1024px){
		.programList > li{flex-direction: column;  align-items: center; padding: 4.5rem 0;  border-top: 0;}
		.programList > li:before{display:none;}
		.programList .l_typeTitle{width:100%; align-items: center;  justify-content: center;flex-direction: column;}
		.hc_program .r_typeCont{width:100%; text-align:center;}
		.hc_program .r_typeCont .tbl-01 td{text-align:left;}
		.hc_program .r_typeCont .tbl-01 .flex-w li{width:calc(100% / 2);}
		.hc_program .r_typeCont .tbl-01 .flex-w li:nth-child(3){margin-top:1rem;}
		.hc_program .l_typeTitle .tit{font-size:2.8rem;}
		.hc_program .r_typeCont .b_txt{font-size:2.5rem;}
		.hc_program .r_typeCont .m_txt{margin-top:2.5rem;font-size:2.5rem;}
		.hc_program .r_typeCont .s_txtbox{ flex-direction: column;  gap: 1rem;}
		.hc_program .r_typeCont .m_txtbox{ flex-direction: column;  align-items: center;gap:5rem;}
		.hc_program .r_typeCont .m_txtbox .verti{ flex-direction: column; align-items: center;}
		.hc_program .r_typeCont .m_txtbox .item{width:100%; max-width:50rem;}
		.hc_program .r_typeCont .m_txtbox .item li{width:calc(100% / 2);  text-align: left;}
		.hc_program .r_typeCont .m_txtbox .checkicon{text-align:left;}
		.hc_program .l_typeTitle .tit {text-align:center;}
		.hc_program .l_typeTitle .tit span{font-size:2.4rem;}
		.hc_program li:last-child .r_typeCont{margin-top:3rem;}
		.hc_program li:last-child .r_typeCont .m_txtbox{flex-direction: inherit;flex-wrap: wrap;}
		.hc_program li:last-child .r_typeCont .m_txtbox .tit{width:100%;}
		.hc_program li:last-child .r_typeCont .m_txtbox .item{max-width:100%;}
		.hc_program li:last-child .r_typeCont .m_txtbox .item li:nth-child(odd){width:20rem;}
		.hc_program li:last-child .r_typeCont .m_txtbox .other li:nth-child(even){width:calc(100% - 20rem);}
		.hc_program .yearsList > li{flex-direction: column; align-items:center; gap:4rem; border-bottom: 0; margin-bottom: 0rem;}
		.hc_program .yearsList .round{font-size:2.8rem;}
		.hc_program .yearsList .info{width:100%;}
		.hc_program .yearsList .m_txt{font-size: 2.5rem; text-align:center;}
		.hc_program .yearsList .m_txtbox{ flex-direction: column; align-items: center;}
		.hc_program .yearsList .m_txtbox .tit{width:100%; text-align:center;}
	}

	@media screen and (max-width:640px){
		.hc_program .oneStopBox{ padding-bottom: 27rem;}
		.hc_program .oneStop:before{background: url(../img/content/health_center_program_bg.jpg) no-repeat left center / 42rem; width: 42rem; height: 28rem;}
	}

	@media (min-width: 320px) and (max-width: 420px){
		.hc_program .oneStopBox{ padding-bottom: 24rem;}
		.hc_program .oneStop:before{ background: url(../img/content/health_center_program_bg.jpg) no-repeat left center / 38rem; width: 38rem;  height: 25rem;}
	}

/*--------------------- 커뮤니티 ---------------------*/
.communityBox{width: 100%;display: flex;align-items: flex-start;gap: 4rem;padding: 0 5rem;}
.communityBox .title{font-size: 2.8rem;font-weight: 800;width: 14.6rem;}
.communityBox .list{ width: calc(100% - 19rem); display: flex; gap: 3rem;}
.communityBox .list li{width: calc(100% / 3);}
.communityBox.blog{margin-top:7rem;}
.communityBox.cafe{margin-top:5rem;}
.communityBox.blog .list{ border-bottom: 1px solid var(--border-line); padding-bottom: 4rem; }
.communityBox .list .top{width: 100%;}
.communityBox .list .top .thum{ width: 100%; border-radius: 2rem;  height: 15rem;  border: 1px solid #e8e8e8;}
.communityBox .list .top .thum.blog01{background:url(../img/content/community_blog_img01.png) no-repeat center center; background-size:cover;}
.communityBox .list .top .thum.blog02{background:url(../img/content/community_blog_img02.png) no-repeat center center; background-size:cover;}
.communityBox .list .top .thum.cafe01{background:url(../img/content/community_cafe_img01.png) no-repeat center center; background-size:cover;}
.communityBox .list .top .thum.cafe02{background:url(../img/content/community_cafe_img02.png) no-repeat center center; background-size:cover;}
.communityBox .list .top .thum.cafe03{background:url(../img/content/community_cafe_img03.png) no-repeat center center; background-size:cover;}
.communityBox .list .bottom {padding: 0 1rem;}
.communityBox .list .bottom .tit_txt{ font-size: 2.4rem;  font-weight: 600; margin:2.5rem 0 2rem;}
.communityBox .list .bottom p{ line-height: 1.4; font-size: 1.8rem; font-weight: 500;   min-height: 4.5rem; }
.communityBox .list .bottom .homepage{position:relative;display: block;width: 100%;font-size: 1.8rem;font-weight: 500; padding-left:3rem; margin-top:8rem; line-height: 1.2;}
.communityBox .list .bottom .homepage:before{content:''; display:block; width:2rem; height:2rem; background:url(../img/content/icon_homepage.png) no-repeat left center / 2rem; position:absolute; top:0; left:0;}

	@media screen and (max-width:1200px){
		.communityBox{flex-direction: column; align-items: center; padding: 0;}
		.communityBox .title {width: 100%; text-align: center;}
		.communityBox .list{width:100%;}
		.communityBox.blog .list { border-bottom: 0;  align-items: flex-start;}
		.communityBox.blog .list li{width:calc(50% - 1.5rem);}
		.communityBox.cafe .list{flex-wrap: wrap;}
		.communityBox.cafe .list li{width:100%;}
		.communityBox.cafe .list li a{width:100%;  display:flex; align-items:center; gap:2rem;}
		.communityBox.cafe .list .top{width:26rem;}
		.communityBox.cafe .list .bottom{width:calc(100% - 28rem);}
		.communityBox.cafe .list .bottom .tit_txt{margin-top:0;}
		.communityBox .list .bottom{padding:0;}
		.communityBox .list .bottom p{max-height:100%;}
		.communityBox .list .bottom .homepage{display:none;}
	}

	@media screen and (max-width:480px){
		.communityBox.cafe .list li a{ flex-direction: column;}
		.communityBox.cafe .list .bottom{width:100%; text-align:center;}
	}


/* 이용안내 */
.procedureBox + .procedureBox{ border-top: 1px solid var(--border-line2); margin-top: 8rem;}
.procedureBox .stepList{max-width: 114rem;  margin: 0 auto;  width: 100%;}
.procedureBox .stepList li{display:flex; gap:4rem;}
.procedureBox .stepList > li + li{ margin-top: 4rem; padding-top: 4rem; border-top: 1px solid var(--border-line2);}
.procedureBox .stepList .num{ width:6rem; height:6rem; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--point-color2); font-size: 2.8rem; font-weight: 800; color:#fff;}
.procedureBox .stepList .step_cont{    width: calc(100% - 10rem);}
.procedureBox .stepList .step_cont .title{font-size:2.8rem; font-weight:600;  color:var(--point-color2); margin-bottom:1.5rem;}
.procedureBox .stepList .step_cont .txt,
.procedureBox .stepList .step_cont .txt span{font-size:2rem;  }
.procedureBox .stepList .step_cont .txt span{color:var(--point-color2); font-weight:600;}
.procedureBox .stepList .step_cont .c_txt{margin-top:4rem;}
.procedureBox .stepList .step_cont .c_txt li + li{margin-top:1.5rem;}
.procedureBox .stepList .step_cont .c_txt .tit{width:11rem; font-size:2rem;  font-weight:600;}
.procedureBox .stepList .step_cont .c_txt .txt{width:calc(100% - 15rem);}
.discharge .stepList .num{background:var(--point-color);}
.discharge .stepList .step_cont .title{color:var(--point-color);}
.nonCovered_care{}
.nc_careBox .common-tab{ border-bottom: 3px solid #000;  padding: 1rem 0;}
.nc_careItem{margin-top:8rem;}
.nc_careItem .cont_htitle{padding-bottom: 5rem;}
.nc_careItem .proofDocu{margin-top:8rem;}
.nc_careItem .proofDocu .cont_htitle{text-align:left;}
.nc_careItem .proof_info{margin-top:2rem;}
.nc_careItem .proof_info li{display:flex; gap:1.5rem;}
.nc_careItem .proof_info li + li {margin-top:2rem;}
.nc_careItem .proof_info .num{ width: 3rem;  height: 3rem;  border-radius: 50%;  background: #555; display: flex;  align-items: center;  justify-content: center;  color: #fff;  font-weight: 700;  font-size: 1.8rem;}
.nc_careItem .proof_info .txtcont{position:relative; width: calc(100% - 4.5rem);}
.nc_careItem .proof_info .txtcont .tit{ font-size: 1.8rem;  font-weight:700; margin-bottom: 1rem;}
.nc_careItem .proof_info .txtcont p{font-size:1.8rem; line-height:1.5; font-weight: 500;}
.nc_careItem .proof_info .dcu_down{position: absolute;bottom: -0.5rem;left: 22rem;}
.formDownload{}
.formDown_Box{}
.formDown_Box .form_downItem + .form_downItem{margin-top:8rem;}
.ip_item .cont_item.fs_equ .select option{font-size:2rem;}

	@media screen and (min-width:1200px){
		.ip_item .cont_item.fs_equ .select option:hover{background: var(--point-color); color: #fff;}
	}
	
	@media screen and (max-width:1200px){

	}

	@media screen and (max-width:1024px){
		
	}

	@media screen and (max-width:980px){
		.procedureBox .stepList li{flex-direction:column; align-items:center; gap:2rem;}
		.procedureBox .stepList .step_cont { width: 100%; text-align: center;}
		.procedureBox .stepList .step_cont .c_txt li + li{margin-top:5rem;}
		.procedureBox .stepList > li + li {margin-top: 2.5rem;  padding-top: 2.5rem;  border-top: 0;}
	}

	@media screen and (max-width:480px){

	}




