@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}

.tit01 {z-index:50; position: relative; padding-top:20rem; margin: 0 0 60rem;font-size:30rem; font-family: 'RIDIBatang'; color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:43rem; height:41rem; background:url("../img/main/symbol.png") center top no-repeat; }
.tit02 {z-index:50; display:inline-block; position: relative;margin: 40rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#897767; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.bg_gray{background:#f6f6f6;}
.add{margin: -11rem 0 15rem;}

.cont-box{margin-top:45rem; margin-bottom:45rem; text-align:center;}
.cont-box:last-child{margin-bottom:0}

.list_bar > li {position:relative; padding-left:18rem; font-weight: 300; margin-top:7rem}
.list_bar > li:first-child {margin-top: 0}
.list_bar > li::before {content:''; position:absolute;top: 12rem;left:5rem; display:block; width: 7rem;height: 1rem; background: #7f7f7f}

.list_dot {margin-bottom:30rem;}
.list_dot li{position:relative; letter-spacing:-0.055em; font-weight:300; padding-bottom:10rem; line-height:1.5; padding-left:10rem;word-break: keep-all;}
.list_dot li:before{content: ""; position:absolute; left:0; top:10rem; display:block; width:4rem; height:4rem; background:#bdbdbd; border-radius:50%}
.list_dot li:last-child{padding-bottom:0}

.list_num li{display:flex;align-items: flex-start;/* background:#f6f6f6; */padding: 35rem 0;/* margin-bottom:20rem; */border-top: 1rem dashed #ddd;}
.list_num li span{display:flex;align-items: center;justify-content: center;width: 22rem;height: 22rem;margin-right: 10rem;border-radius:50%;color:#fff;}
.list_num li h4{display:flex;align-items: center;margin-bottom:10rem;font-size: 20rem;color: #6f4a12;font-weight:600}
.list_num li div{}
.list_num li:last-child{margin-bottom:0}

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#666; }
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {font-size:15rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {overflow: hidden;position:relative;padding: 70rem 0 0;}
#contents p {line-height:1.5;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{position:relative;height:523rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-size:45rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{position:relative;line-height:1;padding: 50rem 0 10rem 0;font-size:12rem;color:#fff;letter-spacing:3px;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:relative;width:100%;  z-index:10; }

.left_snb{ padding:0rem 50rem 20rem;width:1450rem; margin:0 auto; text-align:center; border-top-right-radius:550rem; border-bottom-right-radius:550rem;}
.left_snb ul {display: inline-block;margin:0 auto; text-align: center;  padding:0 50rem;}
.left_snb ul {}
.left_snb li {display:inline-block;  }
.left_snb li a {position:relative;font-size:20rem;display:inline-block;  padding:0rem 20rem; font-weight:500; color:#2c2c2c;}
.left_snb li:hover a:after { width:10px; }
.left_snb li.on a { color:#0050a9; font-weight:800; }
.left_snb li.on a:before {content: ""; display:block; margin:0 auto 20rem; width:1rem; height:60rem; background:#0050a9; }



/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/

/* about */
.about-cont{}
.about-cont__img{overflow:hidden; margin-bottom:80rem; background:url(../img/sub/img_company_bg.jpg); background-size:cover; border-radius:60rem; text-align:center;}
.about-cont__img h3{padding:150rem 15rem; color:#fff; font-size:35rem; font-weight:300;}
.about-cont__img h3 b{font-weight:600;}
.about-cont__desc strong{display:block; margin-top:50rem; font-size:20rem; color:#111; font-weight:600}
.about-cont__desc{margin-left:100rem;}
.about-cont__desc p + p{margin-top:30rem;}

/* 오시는 길 */
#daumRoughmapContainer1598839035139 {width:100%;}
.wrap_controllers{display:none;}
.map-cont{position:relative;}
.map-cont > a{position:absolute; right:35rem; top:22rem}
.map-cont ul{display:flex;margin-bottom:40rem;padding:35rem;background:#f8f8f8;border-top: 2rem solid #6f4a12; border-bottom:1rem solid #dbdbdb;}
.map-cont ul li{display:flex; align-items: center; margin-right:45rem; color:#666; }
.map-cont ul li:before{content:''; display:inline-block; margin-right:6rem; width:3rem; height:3rem; background:#999; border-radius:50%;}
.map-cont ul li b{margin-right:15rem; color:#111; font-weight:700}

/* 비용안내 */
.list-cost{ padding: 0 5rem; text-align:center; display: flex; justify-content: center; }
.list-cost li{position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150rem; height: 150rem; margin-right:44rem; box-sizing: border-box; background:#f5f5f5;word-break: keep-all; color:#666; text-align: center; font-weight: bold; border-radius: 50%; }
.list-cost li:last-child{background:#1c2d63; margin-right:0; color:#fff;}
.list-cost li:first-child:after{content:''; position:absolute; right:-29rem; top:50%; display:block; width:15rem; height:15rem; background:url(../img/sub/icon_plus.svg); background-size:100%; transform: translate(0, -50%);}
.list-cost li:nth-child(2n):after{content:''; position:absolute; right:-29rem; top:50%; display:block; width:15rem; height:12rem; background:url(../img/sub/icon_equal.svg); background-size:100%; transform: translate(0, -50%);}
.list-cost li h4{font-size:18rem; font-weight:600;}
.list-cost li h4 span{display:block; font-size:15rem; font-weight:400;}

/* 시설안내 */
.facility-slide .swiper-button-next, 
.facility-slide .swiper-button-prev{width:50rem; height:50rem; background:rgba(0,0,0,0.6); color:#fff;}
.facility-slide .swiper-button-next:after, 
.facility-slide .swiper-button-prev:after{font-size:20rem;}
.facility-slide .mySwiper{margin-top:20rem;}
.facility-slide .mySwiper .swiper-slide-thumb-active{opacity:0.6}

/* 장기요양 신청절차 */
.list_process{display:flex;}
.list_process > li{position:relative;width:calc(25% - 15rem);padding:30rem;margin-right:20rem;background: #6f4a12;text-align:center;}
.list_process > li:last-child{margin-right:0}
.list_process > li h4{word-break:keep-all; font-size:19rem; color:#fff;}
.list_process > li p{margin-top:15rem;padding: 10rem 5rem;background: #fff;color: #6f4a12;border-radius: 30rem;}
.list_process > li:after{content:'';position:absolute;right:-17.5rem;top:50%;display:block;width:35rem;height:35rem;border-radius:50%;background: #3f2c0c url(../img/layout/icon_btn.svg) no-repeat center;background-size:14rem;transform: translate(0, -50%);}
.list_process > li:last-child:after{display:none;}
.service-page .bg_gray{padding:35rem; text-align:center;}

/* 후원안내 */
.list-sponsor{display:flex;}
.list-sponsor li{overflow:hidden; width:calc(33.3% - 15rem); margin-right:30rem; border:1rem solid #ddd; border-top:0; text-align:center;}
.list-sponsor li h4{padding:20rem 5rem; background:#f6f6f6; color:#6f4a12; border-top:2rem solid #6f4a12; border-bottom:1rem solid #ddd; font-size:19rem}
.list-sponsor li p{padding:25rem;}
.list-sponsor li:last-child{margin-right:0}

/* 자원봉사안내 */
.list-volunteer{ padding: 0.5rem; display: flex;  justify-content: center; }
.list-volunteer li{position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150rem; height: 150rem; margin-right:44rem; box-sizing: border-box; background:#f5f5f5; word-break: keep-all; color:#666; text-align: center; font-weight: bold; border-radius: 50%; }
.list-volunteer li:last-child{background:#1c2d63;; color:#fff;}
.list-volunteer li:last-child{margin-right:0}
.list-volunteer li:after{content:''; position:absolute; right:-27rem; top:50%; display:block; width:11rem; height:17rem; background:url(../img/sub/icon_arrow.svg); background-size:100%; transform: translate(0, -50%);}
.list-volunteer li:last-child:after{display:none;}
.list-volunteer li h4{font-size:19rem;}
.list-volunteer li h4 span{display:block; font-size:17rem;}

/* 서비스 안내 */
.service-page .list_num{margin-top:45rem;}

@media (max-width:1480px) {
	.about-cont img{width:40%;}
}

@media (max-width:1023px) {
	.about-cont{align-items: flex-start;}	
	.about-cont__desc{margin-left:40rem}
	
	.map-cont{text-align:center;}
	.map-cont ul{margin-bottom:0}
	.map-cont ul li{flex-wrap: wrap;}
	.map-cont > a{position:static; display:inline-block; margin:40rem auto;}
}

@media (max-width:860px) {
	#sub_visual{height:250rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding:70rem 0 5rem 0; font-size:16rem}
	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}
	
	.about-cont__img{margin-bottom:35rem; border-radius:25rem}
	.about-cont__img h3{padding:100rem 15rem; font-size:22rem;word-break: keep-all;}
	.about-cont__desc{margin-left:0}
	
	.map-cont ul{flex-wrap: wrap; padding:25rem 10rem}
	.map-cont ul li{line-height:2; width:50%; margin-right:0}


	.list_process > li{padding:15rem}
	.list_process > li h4{font-size:16rem; font-weight:600}
	.list_process > li h4 br{display:none;}

	.cost-page .list-volunteer li{width:130rem; height:130rem}
}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:20rem}

	.facility-slide .swiper-button-next, .facility-slide .swiper-button-prev{width:30rem; height:30rem}

	.tit01{margin:0 0 15rem; font-size:22rem;}
	.tit01::before {left: 48%; } 
	.tit01::after {left: 51%;} 
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

	.about-cont{flex-direction:column}
	.about-cont img{width:100%}
	.about-cont__img{border-radius:10rem}
	.about-cont__img h3{padding:80rem 15rem;font-size:18rem}
	.about-cont__img h3 br{display:none;}
	.about-cont__desc{margin:30rem 0 0}
	.about-cont__desc strong{margin-top:30rem; font-size:16rem}
	.about-cont__desc p + p{margin-top:20rem}
	
	.map-cont ul{padding:15rem;}
	.map-cont ul li{width:100%;}
	.map-cont > a{margin:25rem auto;}
	
	.cont-top{margin-bottom:25rem;}

	.list_process > li p{padding:5rem}

	#contents{padding:0rem 0 0}

	.list_process{flex-direction: column;}
	.list_process > li{width:100%; margin-right:0; margin-bottom:25rem;}
	.list_process > li:after{z-index:10; bottom:-15rem; top:auto; right:auto; left:50%; width:30rem; height:30rem; margin-left:-15rem; transform:rotate(90deg);}
	
	.list_bar > li{padding-left:10rem;}
	.list_bar > li:before{left:2rem; top:10rem; width:4rem;}

	.list_num li{padding:20rem 0}
	.list_num li h4{font-size:18rem}
	.list_num li span{width:18rem; height:18rem;}

	.list-cost li{width:90rem; height:90rem; margin-right:20rem}
	.list-cost li:nth-child(2n):after{width:12rem; height:9rem; right:-18rem}
	.list-cost li:first-child:after{width:12rem; height:12rem; right:-18rem}
	.list-cost li h4 span,
	.list-cost li h4{font-size:14rem}

	.list-sponsor{flex-direction: column;}
	.list-sponsor li{width:100%; margin-bottom:15rem}
	.list-sponsor li:last-child{margin-bottom:0}
	.list-sponsor li h4{padding: 15rem 5rem; font-size:16rem}
	.list-sponsor li p{padding:15rem 5rem}
	
	.list-volunteer li{width:90rem; height:90rem; margin-right:20rem}
	.list-volunteer li h4 span,
	.list-volunteer li h4{font-size:12rem}
	.list-volunteer li:after{right:-16rem}
	
	.cost-page .list-volunteer li{width:120rem; height:120rem; margin-right:20rem; margin-bottom:10rem;}
	.cost-page .list-volunteer li:nth-child(2n):after{display:none;}

	.service-page .list_num{margin-top:25rem}
}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */


.brand .imgbox {overflow:hidden;aspect-ratio:1903/750;width:100%;position:relative;}
.brand .imgbox .bg {position:absolute;top:0;left:0;aspect-ratio:1903/750; background : url(../img/sub/intro_bg.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg.fixed {position:fixed;top:100px;z-index: -1;}
.brand .imgbox > div {color:#fff;height: 100%;display: grid;align-content: center;text-align: center;gap: 100px;}
.brand .imgbox img {width:320px;}
.brand .txtbox {background:url(../img/sub/intro_bg_main.jpg) center top no-repeat; padding:100px 0 50px; text-align: center;color: #fff;position: relative;}
.brand .txtbox h3 {font-size:35rem; font-weight:600;}
.brand .txtbox h3 span{ display:block; font-size:25rem; font-weight:300; margin-bottom:30rem;}
.brand .txtbox p{ font-size:18rem; font-weight:400;}
.brand .txtbox h4 {font-size:30rem; font-weight:600; margin-top:50rem;}
.brand .txtbox .img {width: 600px;position: absolute;opacity: .2;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 0;}
.brand .txtbox .img img {width:100%;}

@media screen and (max-width: 1540px){
.brand .imgbox > div {gap:50px;}
.brand .imgbox img {width:260px;}
.brand .txtbox .img {width: 450px;}
.brand .txtbox {padding:100px 20px;}
}
@media screen and (max-width: 980px){
.brand .imgbox .bg.fixed {position:fixed;top:0px;z-index: -1; }
.brand .imgbox img {width:180px;}
.brand .txtbox .img {width:330px;}
.brand .txtbox {padding:50px 20px;}
.brand .txtbox h3 {font-size:22rem;}
.brand .txtbox h4 {font-size:20rem;}
.brand .txtbox h3 span{ font-size:16rem;}
.brand .txtbox p{ font-size:14rem;}
}
@media screen and (max-width: 800px){
.brand .imgbox {aspect-ratio: auto;}
.brand .imgbox .bg {aspect-ratio: auto;height: 310px;}
.brand .imgbox > div{gap:20px;padding:0 20px;height: 310px;}
.brand .imgbox p br {display:none;}
.brand .txtbox {background:#4792b7;}
.brand .txtbox .img {width:230px;}
}

.b_inner{max-width:1200px; width:96%; margin:0 auto; overflow:hidden;}

.b_diet_01_04{background-color:#0050a9; padding-top:50rem; overflow:hidden;}
.b_diet_01_04 .b_inner{display:flex; align-items:flex-start; justify-content: center;align-items: center; }
.b_diet_01_04 .b_inner > div{width:50%; }
.b_diet_01_04 .b_left_box .b_line_list{background-color:#fff; margin-top:10rem; border-radius:80px 80px 0 0; text-align:center;}
.b_diet_01_04 .b_left_box img {border-radius:80px 80px 0 0;}
.b_diet_01_04 .b_right_box {padding:70rem 50rem; }
.b_diet_01_04 .b_right_box h3{color:#fff; word-break:keep-all;  font-size:30rem; font-weight:800; margin-bottom:20rem;}
.b_diet_01_04 .b_right_box p{margin-bottom:15px; font-size:22rem; font-weight:800; color:#fff; }
.b_diet_01_04 .b_right_box span{display:block; font-size:16rem; font-weight:400; color:#fff; }

@media screen and (max-width:1023px){ 
	 .b_diet_01_04 .b_inner{flex-direction:column-reverse;}
	 .b_diet_01_04 .b_inner > div {width: 100%; }
	 .b_diet_01_04 .b_right_box {padding-left:0; text-align: center;}
	 .b_diet_01_04 .b_right_box img{margin:0 auto; width: 500px;}
	 .b_diet_01_04 .b_left_box h3{justify-content: center;}
}

@media screen and (max-width:768px){ 
	 .b_diet_01_04 .b_left_box .b_line_list{border-radius: 30px 30px 0 0;}
	 .b_diet_01_04 .b_left_box img {border-radius:30px 30px 0 0;}
	 .b_diet_01_04 .b_right_box {padding:70rem 0rem;}
	 .b_diet_01_04 .b_right_box h3 {text-align:center;}
	 .b_diet_01_04 .b_right_box p{font-size:18rem;}
	 .b_diet_01_04 .b_right_box span{font-size:14rem;}
}


.sub_tit {text-align:center; font-size:30rem; font-weight:800;}

@media screen and (max-width:480px){
	.sub_tit { font-size:22rem;}
}


.sub0402_mid01 {padding-top:100rem; }
.sub0402_mid01 .wrap {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:25rem}
.sub0402_mid01 .wrap li {margin-right:25px; position:relative; padding:80rem 50rem 50rem; width:330rem; min-height:350rem; margin-bottom:30rem; border-radius:25rem; background:#fff; box-shadow: 0px 0px 37.5px 12.5px rgba(153, 153, 153, 0.05);}
.sub0402_mid01 .wrap li .p3 {font-size:20rem; padding-bottom:15px; color:#222; font-weight:700; line-height:25px;}
.sub0402_mid01 .wrap li .desc {font-size:15rem; color:#676767; line-height:1.4; margin-bottom:10rem; min-height:100rem;}
.sub0402_mid01 .wrap li:nth-child(4) {margin-right:0px;}
.sub0402_mid01 .wrap li::after {content:'Process 01'; font-size:18px; font-weight:700; color:#0050a9; position:absolute; top:25px; right:30px;}
.sub0402_mid01 .wrap li:nth-of-type(2)::after {content:'Process 02';}
.sub0402_mid01 .wrap li:nth-of-type(3)::after {content:'Process 03';}
.sub0402_mid01 .wrap li:nth-of-type(4)::after {content:'Process 04';}
.sub0402_mid01 .wrap li:nth-of-type(5)::after {content:'Process 05';}
.sub0402_mid01 .wrap li:nth-of-type(6)::after {content:'Process 06';}
.sub0402_mid01 .wrap li:nth-of-type(7)::after {content:'Process 07';}
.sub0402_mid01 .wrap li .min {min-height:150rem;}

@media screen and (max-width: 1200px){
	.sub0402_mid01 .wrap li {width: calc(100% /2 - 50px); padding:120rem 20rem 50rem;}
}

@media screen and (max-width: 1023px){
	.sub0402_mid01 .wrap li .p3{font-size: 18rem;}
	.sub0402_mid01 .wrap li::after{font-size: 15rem;}

	
	.sub0402_mid01 .wrap li:nth-child(n+2){margin-top:0rem;}
	.sub0402_mid01 .wrap li .desc{font-size: 15rem; min-height:auto;}
	.sub0402_mid01 .wrap li p{word-break:keep-all;}
}

@media screen and (max-width:480px){
	.sub0402_mid01 .wrap{flex-direction:column;}
	.sub0402_mid01 .wrap li{width: 100%; height: 100%; padding: 65px 50px 50px; margin-right: 0;}
	.sub0402_mid01 .wrap li::after{font-size: 13rem;}
}

.sub0402_mid02 {padding-top:100rem; }
.sub0402_mid02 .wrap {display:flex; justify-content:space-between; flex-wrap:wrap; align-items: center;  justify-content: center; margin-top:25rem}
.sub0402_mid02 .wrap li {margin-right:25px; position:relative; padding:80rem 50rem 50rem; width:330rem; min-height:350rem; margin-bottom:30rem; border-radius:25rem; background:#fff; box-shadow: 0px 0px 37.5px 12.5px rgba(153, 153, 153, 0.05);}
.sub0402_mid02 .wrap li .p3 {font-size:20rem; padding-bottom:15px; color:#222; font-weight:700; line-height:25px;}
.sub0402_mid02 .wrap li .desc {font-size:15rem; color:#676767; line-height:1.4; margin-bottom:10px}
.sub0402_mid02 .wrap li:nth-child(4) {margin-right:0px;}
.sub0402_mid02 .wrap li::after {content:'Process 01'; font-size:18px; font-weight:700; color:#0050a9; position:absolute; top:25px; right:30px;}
.sub0402_mid02 .wrap li:nth-of-type(2)::after {content:'Process 02';}
.sub0402_mid02 .wrap li:nth-of-type(3)::after {content:'Process 03';}
.sub0402_mid02 .wrap li:nth-of-type(4)::after {content:'Process 04';}
.sub0402_mid02 .wrap li:nth-of-type(5)::after {content:'Process 05';}
.sub0402_mid02 .wrap li:nth-of-type(6)::after {content:'Process 06';}
.sub0402_mid02 .wrap li:nth-of-type(7)::after {content:'Process 07';}

@media screen and (max-width: 1200px){
	.sub0402_mid02 .wrap li {width: calc(100% /3 - 50px); height:350rem; padding:120rem 20rem 50rem;}
}

@media screen and (max-width: 1023px){
	.sub0402_mid02 .wrap li .p3{font-size: 18rem;}
	.sub0402_mid02 .wrap li::after{font-size: 15rem;}

	
	.sub0402_mid02 .wrap li:nth-child(n+2){margin-top:0rem;}
	.sub0402_mid02 .wrap li .desc{font-size: 15rem;}
	.sub0402_mid02 .wrap li p{word-break:keep-all;}
}

@media screen and (max-width:480px){
	.sub0402_mid02 .wrap{flex-direction:column;}
	.sub0402_mid02 .wrap li{width: 100%; height: 100%; padding: 65px 50px 50px; margin-right: 0; min-height:auto;}
	.sub0402_mid02 .wrap li::after{font-size: 13rem;}
}


.com_tit_box {text-align:center; padding:50rem 0;}
.com_tit_box .com_con_sub_tit {font-weight: 800;    font-size: 30rem;    line-height: 1.45em;   }
.com_tit_box .com_con_tit {font-weight: 500;    font-size: 12rem;    line-height: 1.45em; letter-spacing:5px; }

@media screen and (max-width:480px){
	.com_tit_box .com_con_sub_tit {  font-size: 22rem;}
	.com_tit_box .com_con_tit {letter-spacing:3px; }
}

.com_tit_box2 {margin-bottom:50rem;}
.com_tit_box2.line {    padding-left: 40px;    position: relative;}
.com_tit_box2.line.white::after {    background-color: #fff;}
.com_tit_box2.line::after {    content: '';    position: absolute;    left: 0;    top: 0;    width: 1px;    height: 100%;    background-color: #fff;}
.com_tit_box2 .com_con_sub_tit {font-weight: 800;    font-size: 30rem;    line-height: 1.45em;  color:#fff; }
.com_tit_box2 .com_con_tit {font-weight: 500;    font-size: 12rem;    line-height: 1.45em;  color:#fff; letter-spacing:3px; }

@media screen and (max-width:480px){
	.com_tit_box2 .com_con_sub_tit {  font-size: 22rem;}
	.com_tit_box2 .com_con_tit {letter-spacing:3px; }
}

.con04 {margin-bottom:50rem;}

.com_box_flex {    display: flex;    flex-wrap: wrap;}
.com_box_flex.item03 {    gap: 30px;}
.com_box_flex.item04 {    gap: 28px;}
.com_box_flex.item05 {    gap: 25px;}
.com_box_flex .box {    position: relative;    text-align: center;    background-color: #fafcff; border-radius:20rem;   padding: 40rem 20rem;    z-index: 1;    height: 100%;}
.com_box_flex .box .num {    font-weight: 500;    font-size: 18px;    letter-spacing: 0;    color: #bbb;}
.com_box_flex .box .tit {    font-size: 25rem;    letter-spacing: -0.025em;    font-weight: 800;    color: #0050a9;    margin: 20px 0 30px;}
.com_box_flex .box .tit2 {    font-size: 20rem;    letter-spacing: -0.025em;    font-weight: 800;    color: #0050a9;    margin: 20px 0 30px;}
.com_box_flex .box .sub_com_txt_box {    font-size: 15rem;    letter-spacing: -0.025em;    font-weight: 400;    color: #000; }
.com_box_flex .big_box {    position: relative;}
.com_box_flex.item03 .big_box {    width: calc(33.333% - 20px);}
.com_box_flex.item04 .big_box {    width: calc(25% - 21px);}
.com_box_flex.item05 .big_box {    width: calc(50% - 20px);}
.com_box_flex .big_box::after {    content: '';    position: absolute;    width: 100%;    height: 100%;    border: 1px solid #d7dbe8;border-radius:20rem;    right: -15px;    top: 15px;}
.com_box_flex .big_box img {border-radius:250rem;}

@media all and (max-width:1200px) {
    .com_flex_box .sub_com_txt_box {        width: 100%;    }
    .com_flex_box .sub_circle_box {        margin-right: auto;    }
    .com_box_flex.item03,
    .com_box_flex.item05 {        justify-content: center;    }
    .com_left_txt_wrap .txt_box {        padding-left: 3.125%;    }
    .com_num_txt_box {        padding-right: 3.125%;    }
}


@media all and (max-width:800px) {
    .sub_com_txt_box .tit p::after {        display: none;    }
	.com_box_flex .box .tit {    font-size: 20rem;  }
	.com_box_flex .box .tit2 {    font-size: 18rem;  }
	.com_box_flex .box .sub_com_txt_box {    font-size: 14rem; }
    .com_box_flex.item03 .big_box,
    .com_box_flex.item04 .big_box,
    .com_box_flex.item05 .big_box {        width: 100%;    }
    .com_box_flex .big_box::after {        display: none;    }
    .com_flex_box .sub_circle_box {        min-width: 100%;    }
    .sub_circle_box .circle .img {        width: 77.2%;        aspect-ratio: 1/1;    }
    .com_left_txt_wrap {        background-position: right !important;    }
    .com_box_flex.before_arrow .big_box+.big_box:before {        left: 50%;        top: 0;        transform: translate(-50%, -66%) rotate(90deg);    }
}


.con03 {padding:100rem 0; margin-top:100rem;}
.con03 .txt_box {}
.com_chk_box2 .box {    display: flex;    gap: 15px;    font-size: 20rem;    font-weight: 600;    letter-spacing: -0.025em;    line-height: 1.5em;    color: #fff;}
.com_chk_box2 .box .img {    min-width: 28px;}
.com_chk_box2 .box+.box {    margin-top: 25px;}

@media all and (max-width:1000px) {
    .com_left_txt_wrap .txt_box {    width: 100%;    height: 100%;    background-color: rgba(0, 80, 169, 0.55);    padding: 100rem 20rem;}
    .com_chk_box2 .box { font-size: 16rem; }
}




.face_table_box {    display: flex;    width: 100%;}
.face_table_box .tit_box {    width: 14%;}
.face_table_box .big_box {    width: 43%;}
.face_table_box .tit_box>div,
.face_table_box .big_box>div {    min-height: 80px;    display: flex;    align-items: center;    justify-content: center;    border-bottom: 1px solid #ddd;}
.face_table_box .tit_box>div {    background-color: #f0f1f1;    border-right: 1px solid #ddd;}
.face_table_box .big_box .tit {    background-color: #f0f1f1;    font-size: 22rem;    font-weight: 700;    letter-spacing: -0.025em;    color: #222;}

.face_table_box .alt {    font-size: 18rem;    font-weight: 400;    letter-spacing: -0.025em;    color: #444444;    text-align: center;    line-height: 1.55em;    background-color: #fff;}
.face_table_box .alt.b {    font-weight: 600;    color: #222;}
.face_table_box .big_box.blue .tit {    color: #0050a9;    background-color: #e6e9f0;}
.face_table_box .big_box.blue {    position: relative;}
.face_table_box .big_box.blue::after {    content: '';    position: absolute;    height: 100%;    border: 10px solid #0050a9;    top: 0px;    left: 0;    right: 0;}
.face_table_box .big_box.blue::before {    content: 'vs';    width: 120px;    aspect-ratio: 1/1;    border-radius: 50%;    background-color: #0050a9;    color: #fff;    font-size: 20rem;    font-weight: 700;    letter-spacing: 0;    display: flex;    align-items: center;    justify-content: center;    position: absolute;    left: 0;    transform: translate(-50%, -50%);    top: 50%;    z-index: 1;    box-shadow: 0px 8px 18px 0px rgba(108, 162, 171, 0.4);}


@media all and (max-width:1400px) {
    .com_num_txt_box {        padding-right: unset;    }
    .com_chk_box_wrap .flex_box .left {        width: auto;        padding: 0 3.125%;    }
    .com_left_txt_wrap .txt_box {        padding: 140px 3.125%;        width: 100%;    }
    .sub_com_txt_box .tit p {        font-size: 29px;    }
    .face_table_box .big_box {        width: 50%;    }
}

@media all and (max-width:1023px) {
    .face_table_box .tit_box {        width: 60px;    }
    .face_table_box .tit_box {       border-bottom: 1px solid #ddd;    }
    .face_table_box .alt.b {        border-bottom: unset;    }
    .face_table_box .big_box.blue .alt:last-child {        border-bottom: unset;    }
}

@media all and (max-width:900px) {

    .face_table_box .big_box.blue::after {border: 5px solid #0050a9;  top: 0px; }
	.sub_com_txt_box .alt {        font-size: 14rem;    }
    .com_tit {        font-size: 40px;    }
    .com_con_sub_tit.bold {        font-size: 20px;    }
    .face_table_box .big_box .tit {font-size: 15rem;    }

    .face_table_box .alt {padding: 0 10rem;  font-size: 13rem;   }
    .face_table_box .big_box.blue::before {width: 50px;font-size: 14rem;    }
	.face_table_box .alt.b {font-size:12rem;}

}


.precautions { padding:50px 0;}
.precautions .precautions_tit {text-align:center; padding:18px 0 70px 0;}
.precautions .precautions_tit span {font-size:23px; color:#fff; font-weight:400; letter-spacing:-0.10em;} 
.precautions .precautions_tit p {font-size:58px; color:#fff; font-weight:700; letter-spacing:-0.045em; z-index:10; word-break:keep-all;}
.precautions .precautions_txt {max-width:1000rem; margin: 0 auto;}
.precautions .precautions_txt ul {width:100%;}
.precautions .precautions_txt ul li {border:1px solid #333; border-radius:50rem; font-size:0; letter-spacing:-4px; background:#fff; text-align:center; position:relative; padding:10px 0; box-sizing:border-box; word-break:keep-all;}
.precautions .precautions_txt ul li + li {margin-top:17rem;}
.precautions .precautions_txt ul li span {display:inline-block; vertical-align:top; text-align:center; font-size:17rem; color:#ffffff; font-weight:600; letter-spacing:-0.045em; width:30px; position:relative; }
.precautions .precautions_txt ul li p {text-align:left; display:inline-block;vertical-align:top; font-size:16rem; color:#333; font-weight:400; letter-spacing:-0.045em; width:calc(100% - 62px);}


@media all and (max-width:800px){
	.precautions .precautions_txt ul li p {font-size:15px;}
}





.tab-menu {text-align:center; margin-top:50rem; font-size:0; }
.tab-menu li {vertical-align:top;  position:relative; color:#797979;  text-align:center; display:inline-block;  margin-left:-1px; margin-top:-1px; width:230rem; height:50rem; border-radius:50rem; line-height:50rem; padding:0px 20px;  cursor:pointer;  z-index:0;  border:1px solid #666;  font-size:17rem;  font-weight:500;  letter-spacing:-.5px; }
.tab-menu li:after {content: ""; position:absolute; width:20px; height:20px; background:url("../img/tab_arr_off.png") center top no-repeat; text-align:right; left:85%; margin-top:-35px;}
.tab-menu li span {float:left;}
.tab-menu li i {float:right; vertical-align:top;}
.tab-menu li:hover {  color:#0050a9;}
.tab-menu li.active {  color:#0050a9;  border:3px solid #0050a9; line-height:45px; }
.tab-menu li.active:after {content: ""; position:absolute; width:20px; height:20px; background:url("../img/tab_arr_on.png") center top no-repeat; text-align:right; left:85%; margin-top:-33px;}
.tab-menu li.active:hover {  color:#0050a9;  border:3px solid #0050a9;}

@media all and (max-width:1000px){
     .tab-menu li { width: calc(100% /2 - 17px);}
}

@media all and (max-width:800px){
     .tab-menu li { font-size:14rem;}
}




.hyper_2 { width:100%; max-width:1400px; margin:0 auto; padding:50rem 0 0; }
.hyper_2 ul {width:100%;}
.hyper_2 ul li {width:100%;}
.hyper_2 ul li:after {display:block; content:''; clear:both;}
.hyper_2 ul li .text {box-sizing:border-box; text-align:center; }
.hyper_2 ul li .text h4 {font-size:25rem; color:#000; font-weight:800; padding-bottom:20px; }
.hyper_2 ul li .text h4:before {content: ""; display:block; margin:20rem auto; width:50rem; height:50rem; background:url("../img/sub/symbol.png") center top no-repeat; }
.hyper_2 ul li .text p { font-weight:300; font-size:16rem; color:#333; margin-bottom:20px;}
.hyper_2 ul li .text p b {font-size:18rem;margin-bottom:10rem; color:#0050a9; display:block; font-weight:800;}

@media screen and (max-width: 750px){
	.hyper_2 ul li .text h4 {font-size:20rem;}
	.hyper_2 ul li .text p b {font-size:16rem;}
	.hyper_2 ul li .text p {  font-size:14rem;}

}

.hyper_3 { width:100%; max-width:1400px; margin:0 auto; padding:50rem 0 0; }
.hyper_3 ul {width:100%;}
.hyper_3 ul li {width:100%;}
.hyper_3 ul li:after {display:block; content:''; clear:both;}
.hyper_3 ul li .text {width:50%; float:left; box-sizing:border-box; padding-right:100px; text-align:left; padding-top:4%;  }
.hyper_3 ul li .text h4 {font-size:25rem; color:#000; font-weight:800; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.hyper_3 ul li .text h4 span {font-size:20px; color:#f59f16; line-height:26px; display:block; font-weight:normal; }
.hyper_3 ul li .text p { font-weight:300; font-size:16px; line-height:26px; color:#333; margin-bottom:20px;}
.hyper_3 ul li .text b {position:relative; box-sizing:border-box; padding-left:15px; font-size:15px; color:#6a5c59; line-height:28px;display:block; font-weight:normal;}
.hyper_3 ul li .text b:after { position:absolute; content:''; width:5px; height:5px; border-radius:50%;background:#6a5c59; top:11px; left:0; border-radius:50%;}
.hyper_3 ul li .img {width:50%; float:left;}

@media screen and (max-width: 1200px){
	.hyper_3 {box-sizing:border-box; padding:50px 10px; }	
	.hyper_3 ul li .text {padding:0; padding-right:30px;}
	.hyper_3 ul li .text h4 span {font-size:13px; }
	.hyper_3 ul li .text h4 {font-size:17px; padding-bottom:15px; margin-bottom:15px;}
	.hyper_3 ul li .text p {font-size:12px; line-height:22px;}
	.hyper_3 ul li .text b {font-size:12px;}
	.hyper_3 .slick-dots {bottom:0; padding-bottom:0;}

}

@media screen and (max-width: 750px){
	.hyper_3 ul li .text {width:100%; padding-right:0; margin-bottom:20px;}
	.hyper_3 ul li .img {width:100%;}
	.hyper_3 .slick-dots {bottom:auto; right:0; left:auto; top:10px;}

}



#tab03 {margin-bottom:50rem;}
.com_hospital_flex_box {
    display: flex;
    flex-wrap: wrap;
    max-width: 1920px;
    margin: 0 auto;
}
.com_hospital_flex_box * {
    box-sizing: border-box;
}
.com_hospital_flex_box.reverse {
    flex-direction: row-reverse;
}
.com_hospital_flex_box > div {
    width: 50%;
}
.com_hospital_flex_box .txt_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.com_hospital_flex_box .img img {
    max-width: 100%;
}
.com_hospital_flex_box .txt_box .box {
    max-width: 720px;
    width: 75%;
    aspect-ratio: 1/0.88;
    border-radius: 20px;
    padding: 100px;
    box-shadow: 0 3px 43px rgba(168, 168, 168, 0.21);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
}
.com_hospital_flex_box .txt_box .box .img {
    position: absolute;
    top: 40px;
    left: 40px;
}
.com_hospital_flex_box .txt_box .box .num {
    font-size: var(--fz-56);
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #e5e5e5;
}
.com_hospital_flex_box .txt_box .box .tit {
    font-size: var(--fz-50);
    letter-spacing: -0.025em;
    line-height: 1.3em;
    color: #222;
    margin: 40px 0 50px;
    font-weight: 700;
}
.com_hospital_flex_box .txt_box .box .alt {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.55em;
    color: #444;
    font-weight: 300;
}

.com_hospital_flex_box .txt_box .box .tit span {
    position: relative;
    z-index: 1;
}
.com_hospital_flex_box .txt_box .box .tit span::after {
    content: '';
    position: absolute;
    background-color: #fee500;
    height: 50%;
    bottom: 0;
    width: calc(100% + 4px);
    left: 0;    
    z-index: -1;
}
.com_hospital_flex_box.reverse .txt_box .box .img {
    left: unset;
    right: 40px;
}
.com_hospital_flex_box.reverse .txt_box .box {
    align-items: flex-start;
    text-align: left;
}
.com_location_flex_box {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.com_location_flex_box * {
    box-sizing: border-box;
}
.hospital .section * {
    box-sizing: border-box;
}
.com_location_flex_box .box {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px;
    width: calc(50% - 20px);
}
.com_location_tit {    font-size: 30rem;    font-weight: 800;}
.com_location_flex_box .time_box_wrap {
    padding: 30px 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #a0a0a0;
    max-width: 460px;
    width: 100%;
}
.com_location_flex_box .time_box {    display: flex;    font-size: 18rem;    font-weight: 300;    letter-spacing: 0;    color: #666;}
.com_location_flex_box .time_box + .time_box {
    margin-top: 20px;
}
.com_location_flex_box .time_box .date {
    font-weight: 500;
    letter-spacing: 0.1em;    
    min-width: 110px;
    margin-right: 40px;
    position: relative;
}
.com_location_flex_box .time_box .date::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #a0a0a0;
}
.com_hospital_ment {
    font-size: var(--fz-20);
    letter-spacing: 0;
    color: #222;
    line-height: 1.6em;
}
.com_hospital_tell {
    font-size: 30rem;
    font-weight: 800;
    letter-spacing: 0;
    color: #222;
    margin: 50px;
}
.com_hospital_map_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 100px;
}
.com_hospital_map_box .map_box {
    width: 64%;
    aspect-ratio: 1/0.61;
    border-radius: 20px;
    overflow: hidden;
}
.com_hospital_map_box .map_box .root_daum_roughmap,
.com_hospital_map_box .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.com_hospital_map_box .alt_box {
    width: calc(36% - 100px);
}
.com_hospital_map_box .map_box iframe {
    width: 100%;
    height: 100%;
}
.com_hospital_map_box .alt_box .com_hospital_tell {
    margin: unset;
}
.com_hospital_map_box .alt_box .box + .box {
    margin-top: 70px;
}
.com_hospital_map_box .alt_box .com_location_tit {
    margin-bottom: 30px;
}
.mb_only {
    display: none;
}
@media all and (max-width:1600px) {
    .com_hospital_flex_box .txt_box .box {
        padding: 40px;
    }
}

@media all and (max-width:1400px) {
    .com_hospital_flex_box {
        gap: 40px;
    }
    .com_hospital_flex_box + .com_hospital_flex_box {
        margin-top: 60px;
    }
    .com_hospital_flex_box > div {
        width: 100%;
        text-align: center;
    }
    .com_location_flex_box .box {
        padding: 25px;
    }
    .com_location_flex_box {
        gap: 20px;
    }
    .com_location_flex_box .box {
        width: calc(50% - 10px);
    }
    .com_hospital_map_box {
        gap: 50px;
    }
    .com_hospital_map_box .alt_box {
        width: calc(36% - 50px);
    }
}

@media all and (max-width:1024px) {
    .com_introduce_flex_box > div {
        width: 100%;
    }
    .hospital_con02_slide .item .txt_box {
        right: 20px;
        top: 20px;
        max-width: 200px;
        padding: 10px;
    }
    .com_slide_tab_box {
        gap: 5px;
    }
    .com_slide_tab_box a {
        width: calc(33.333% - 4px);
    }
    .hospital_con02_slide .item .txt_box .tit {
        font-size: 18px;
    }
    .com_location_flex_box .box {
        width: 100%;
    }
    .com_hospital_map_box .map_box{
        width: 100%;
    }
    .com_hospital_map_box .alt_box {
        width: 100%;
        display: flex;
        gap: 60px;
        justify-content: center;
    }
    .com_hospital_map_box .alt_box .box + .box {
        margin-top: unset;
    }
}

@media all and (max-width:700px) {
    #tab03 {margin:50rem 0;}
	.com_hospital_flex_box {
        width: 93.75%;
    }
	.com_location_tit {    font-size: 20rem;  }
    .com_hospital_flex_box .txt_box .box {
        width: 100%;
        padding: 20px 35px;
    }
    .com_hospital_flex_box .txt_box .box .img {
        top: 20px;
        left: 20px;
    }
    .com_hospital_flex_box.reverse .txt_box .box .img {
        left: unset;
        right: 20px;
    }
    .com_introduce_header .tit {
        padding: 40px 0;
        font-size: 32px;
    }
    .com_introduce_header {
        margin-top: 60px;
    }
    .com_introduce_flex_box .txt_box .sub_tit{
        margin: 20px 0 30px;
    }
    .com_hospital_flex_box .txt_box .box .tit {
        font-size: 30px;
        margin: 20px 0 30px;
    }
    .com_introduce_tab_box a + a {
        padding-left: 10px;
        margin-left: 10px;
    }
    .com_location_flex_box .time_box_wrap {
        padding: 20px;
    }
	.com_location_flex_box .time_box {   font-size: 14rem; }
    .com_location_flex_box .time_box .date {
        min-width: 70px;
        margin-right: 20px;
    }
    .com_hospital_tell {font-size:20rem;        margin: 20px;    }
    .com_hospital_map_box .alt_box {
        flex-direction: column;
    }
    .mb_only {
        display: block;
    }
}


.sub_about {background:#f2f2f2 url("../img/sub/sub_doctor.jpg") center top no-repeat; padding:80rem 55rem 0; }
.sub_about .left {width: 60%;}
.sub_about h4 {color:#000; font-size:12rem; font-weight:600; line-height:1.3; letter-spacing:5px;}
.sub_about h3 {color:#000; font-size:45rem; margin-top:10rem; font-weight:300;}
.sub_about h3 b {font-weight:800;}
.sub_about .profile {box-sizing: border-box; padding: 50rem 0px; box-sizing: border-box; }
.sub_about .profile p { width: 100%; font-size: 18rem; font-weight:200; line-height: 1.2; color: #000; margin-left:10rem; padding-left: 0.5em; box-sizing: border-box; position: relative; padding: 6px 0; box-sizing: border-box;}
.sub_about .profile p:before {content: ""; position:absolute; width:3rem; height:3rem; background:#000; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10rem;}
.sub_about .profile p.last {margin-bottom:20rem;}


@media (max-width: 900px) {
  .sub_about {background:none; padding:100rem 10rem; background-size:100%;}
  .sub_about h3 {font-size:30rem;}
  .sub_about .left {width: 100%;}
  .sub_about .profile {padding: 20rem 0px 10rem; }
  .sub_about .profile p {font-size: 15rem;}
  .sub_about .profile p:before {margin-top:8rem;}
}



.com_circle_mix_flex { padding:30rem 0 50rem;   display: flex;    justify-content: center; }
.com_circle_mix_flex h4 {display:flex;align-items:center;flex-direction:column;}

.com_circle_mix_flex .box {  padding:10rem;  width: 300rem; height:400rem;   aspect-ratio: 1/1;    border-radius: 500rem;  border:1px solid #fff;  display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    text-align: center;    color: #fff;         margin:0 10rem; }


.com_circle_mix_flex .box .tit {    font-size: 20rem;    font-weight: 500;    letter-spacing: -0.025em;    line-height: 1.2em;    position: relative;  padding-top:35rem;  padding-bottom: 20rem;    margin-bottom: 20rem;}
.com_circle_mix_flex .box .tit::after {    content: '';    position: absolute;    width: 40px;    height: 1px;    left: 50%;    transform: translateX(-50%);    bottom: 0;    background-color: #fff;}

.com_circle_mix_flex .box .sub_tit { line-height:1.5;    font-size: 15rem;    font-weight: 300;    letter-spacing: -0.025em;    color: #fff;}
.com_circle_mix_flex .box .sub_tit dd {   font-size: 15rem;    font-weight: 300;    letter-spacing: -0.025em;    color: #fff; margin-bottom:10rem;}


@media all and (max-width:1023px) {
    .com_circle_mix_flex {        flex-wrap: wrap;        gap: 10px 0;    }
    .com_circle_mix_flex .box {        width: 50%;    }
}

@media all and (max-width:550px) {
    .com_circle_mix_flex .box {        width: 100%;    }
}