@charset "utf-8";


/* root */
:root{
	--c-01:#c5a56e;
}

/* 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 30rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center;} 
.tit01::before {content: "";position: absolute;left: 49%;top: 0;width:6rem;height: 7rem;background:#f4b0be; border-radius:50rem; } 
.tit01::after {content: "";position: absolute;left: 50%;top: 0;width:7rem;height: 7rem;background:#8ecdde; border-radius:50rem;} 

.tit02 {z-index:50; display:inline-block; position: relative;margin: 40rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#f9f1d3; border-radius:50rem;  font-weight: 600;color:#666;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 #f9dee3; }
.subtable thead th{background:#f9dee3; padding:15rem 5rem; border-left:1rem solid #fff; border-bottom:1rem solid #fff; 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: 0rem 0 0;}
#contents p {line-height:1.5;word-break:keep-all;}

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

/* 서브 상단 이미지 */
#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 {margin-top:50rem;}
.left_snb {position:relative;width: 100%;max-width: 1400rem;margin: 0 auto; text-align:left; }

.left_snb li {display:inline-block; }
.left_snb li a {color:#fff; opacity:0.8; display:block; padding:10rem 0; margin:0 10px; letter-spacing:-.5px; font-size:18rem; font-weight:400;  position:relative;}
.left_snb li:hover a:after { width:10px; }
.left_snb li.on a { opacity:1; border-bottom:2px solid #fff;}



/* 
* 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:#f5e8b5; margin-right:0; color:#333;}
.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:#f5e8b5}
.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:30rem;}

	.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:200rem}
	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:10rem; padding-top:100rem;}

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

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01::before {left: 48%; width:7rem;} 
	.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}
	#contents p{font-size:14rem}

	.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 영역 */

.overview-intro{margin-top:70px;}
.overview-intro .square-box__list{gap:40px;margin-right:-20px;}
.overview-intro .square-box__item{width:calc(50% - 20px);}
.overview-intro .square-box__desc-wrap{display:flex;gap:60px;padding:40rem 0px;}
.overview-intro .square-box__desc-wrap .text-large{width:90px;font-weight:500;color:var(--orange);}
.overview-intro .square-box__item:first-child{z-index:5;}
.overview-intro .square-box__item:nth-child(2){transform:translateY(100px);}
.overview-intro .square-box__item:nth-child(4){transform:translateY(100px);}
.overview-intro .square-box__desc-wrap{transform:translateY(-100px);}
.overview-intro .square-box__desc-wrap::before{content:"";position:absolute;top:0;right:100%;width:200%;height:100%;background-color:#fff;z-index:-1;}

.square-box__list{display:flex;flex-wrap:wrap;}
.square-box__item{position:relative;}
.square-box__img-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;}
.square-box__desc-wrap{width:calc(100% - 70px);background-color:#fff;}
.square-box__desc-wrap h4 {font-size:20rem; color:#064d9f; font-weight:800;}
.square-box__desc-wrap h5 {font-size:18rem; color:#2b2b2b; font-weight:400;}

@media (max-width:1280px){
	/*─────────── Overview ───────────*/
	.overview .wrap .footer{margin-top:0;}
	/* Overview Intro */
	.overview-intro .square-box__list{gap:20px;}
	.overview-intro .square-box__desc-wrap{flex-direction:column; display:flex;gap:20px;}
}

@media(max-width:1024px){
	/*─────────── Overview ───────────*/
	/* Overview Intro */
	.sub.overview .sub-top::before{display:none;}
	.overview-intro .square-box__list{margin:0;}
	.overview-intro .square-box__item{width:100%;max-width:690px;margin:0 auto;}
	.overview-intro .square-box__img-wrap{height:400rem;}
	.overview-intro .square-box__item:nth-child(2){transform:translateY(-50px);}
	.overview-intro .square-box__desc-wrap{padding-bottom:0;  }
	.overview-intro .square-box__desc-wrap::before{display:none;}
}

@media(max-width:640px){
	/*─────────── Overview ───────────*/
	/* Overview Intro */
	.overview-intro{padding-bottom:70rem;margin-top:30rem;}
	.overview-intro .square-box__item:nth-child(2){transform:none;}
	.overview-intro .square-box__item:nth-child(4){transform:none;}
	.overview-intro .square-box__img-wrap{height:200rem;}
	.overview-intro .square-box__desc-wrap{transform:none;}
	.overview-intro .square-box__desc-wrap .text-large{width:auto;}
	.overview-intro .square-box__desc-wrap{width:100%;padding:30px 0 40px;margin:0;text-align:center;}
	.square-box__desc-wrap h5 {font-size:15rem;}
}

#ab_sec1 {margin:50rem 0;}
#ab_sec1 > .sub_inner {display: flex; align-items: center; width:1200rem; margin:0 auto; }
#ab_sec1 > .sub_inner > div:nth-child(1) {width: 45%;}
#ab_sec1 > .sub_inner > div:nth-child(2) {width: 55%;}
#ab_sec1 .txt {padding-left: 50px;}
#ab_sec1 .txt dl dd {margin-top: 10rem; margin-left:10rem;}
#ab_sec1 .txt dl dd:before {content: ""; position:absolute; width:3rem; height:3rem; background:#000; text-align:left; margin-left:-10rem; border-radius:5px; margin-top:10rem;}
#ab_sec1 .txt dl dd.last {margin-bottom: 40rem;}

.tit {    font-size:30rem; font-weight: 500; text-transform: uppercase; color: #000; letter-spacing: -0.4px; margin-bottom:30rem;}
.tit b { font-weight: 800;}
.tit::after {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #074d9f; word-break: keep-all; margin-left: 10px;}
.line_tit { font-size:35px; font-weight: 700; color:#000; padding-left:20px; position: relative; margin-bottom: 35px;}
.line_tit::before {content: ''; display: block; width: 5px; height: 28px; background: #eb6100; position: absolute; top:14px; left:0;}

@media screen and (max-width:1200px){
    #ab_sec1 > .sub_inner {width:100%; }

}

@media screen and (max-width:1024px){
    .tit {font-size: 25rem;}
    .line_tit {font-size: 26rem;}
    .line_tit::before {top: 6px;}

    /* content */
    #ab_sec1 > .sub_inner {flex-direction: column; }
    #ab_sec1 > .sub_inner > div:nth-child(1) {width: 100%;}
    #ab_sec1 > .sub_inner > div:nth-child(2) {width: 100%;}
    #ab_sec1 .txt {padding-left: 0; margin-top: 20px;}
    #ab_sec1 .img {text-align: center; }

}


#contact_sec1 {text-align: center;}
#contact_sec1 .map {max-width: 1500rem; width: 100%; height: 600px; z-index: 1; margin:20px auto -80px ;}
#contact_sec1 .sub_inner {position: relative;display: flex; z-index: 2;}
#contact_sec1 .sub_inner > div {flex:1;  padding:50px 0; background: #333;  }
#contact_sec1 .sub_inner > div:nth-child(2) {background: #074d9f;}
#contact_sec1 .sub_inner > div h3 {font-size: 20px; font-weight: 500; color:#fff; text-transform: uppercase;margin:20px 0;}
#contact_sec1 .sub_inner > div .icon {min-height: 44px; transition: transform 500ms;}
#contact_sec1 .sub_inner > div:hover .icon {transform: rotateY(180deg);}
#contact_sec1 .sub_inner > div p {font-size: 16rem; font-weight: 300; color:rgba(255, 255, 255, 1); line-height: 26px;}
#contact_sec1 .sub_inner > div dl dd {font-size: 16rem; font-weight: 300; color:rgba(255, 255, 255, 1); line-height: 26px;}

@media (max-width:1023px) {
    #contact_sec1 .map {height: 400px; margin:20px auto -40px ;}
    #contact_sec1 .sub_inner {flex-direction: column;max-width: 640px; width: 100%;}
    #contact_sec1 .sub_inner > div {padding:40px 20px;position: relative;  }
    #contact_sec1 .sub_inner > div h3 {font-size: 18rem; margin: 20rem 0 20rem;}
    #contact_sec1 .sub_inner > div p {font-size: 14rem; line-height: 1.5; }
    #contact_sec1 .sub_inner > div dl dd {font-size: 14rem; line-height: 1.5;}
}


.sub-cont__visual {display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}
.sub-cont__bg {width:100%;min-height:300rem; }
.sub-cont__text-wrap {display:flex;justify-content:center;align-items:center;position:absolute;top:0%;left:0;width:100%;height:100%; padding:50rem 0;text-align:center;}
.sub-cont__category {font-weight:700; color:rgba(255,255,255,.5);}
.sub-cont__title {font-size:25rem;font-weight:800;color:#000;}
.sub-cont__title b{font-weight:800;color:#003d8b;}
.sub-cont__text {font-size:15rem;color:#333;}
.sub-cont__title + .sub-cont__text {margin-top:15rem;}

@media (min-width:600px) {
	.sub-cont__title {font-size:40rem;}
	.sub-cont__text {font-size:20rem;}
}


.benefits-cont .sub-cont__bg1{background:url("../img/sub/sub-cont__bg1.jpg") center top no-repeat;}
.benefits-cont .sub-cont__bg2{background:url("../img/sub/sub-cont__bg2.jpg") center top no-repeat;}

.natural {margin-bottom:50rem;}
.natural__list{display:grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(1, 1fr);gap:20px;margin-top:50rem;}
.natural__item{display:flex;align-items:center;flex-direction:column;min-height:260rem;padding:40px 20px 20px;border:1px solid #eee;}
.natural__icon{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100rem; margin-bottom:30rem;}
.natural__list h5 {color:#003d8b; font-weight:800;text-align: center; font-size:25rem; line-height: 1.4; margin-bottom:20rem;}
.natural__list p {font-weight:400;text-align: center; font-size:17rem; line-height: 1.4;}

@media (max-width:1280px){
	.natural__list{margin-top: 100px;}
	.natural__item{min-height:auto;padding:25px 20px;}
	.natural__icon{height:100px;}
}
@media(max-width:1024px){
	.natural__list{grid-template-columns:repeat(2, 1fr);margin-top:70rem;}
}
@media(max-width:640px){
	.natural__list{grid-template-columns:repeat(1, 1fr);gap:10px;}
	.natural__item{padding:20px 10px;}
}

.implant {margin-bottom:50rem;}
.implant__list{display:grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap:20px;margin-top:50rem;}
.implant__item{display:flex;align-items:center;flex-direction:column;min-height:260rem;padding:40px 20px 20px;border:1px solid #eee;}
.implant__icon{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100rem; margin-bottom:30rem;}
.implant__list h5 {color:#003d8b; font-weight:800;text-align: center; font-size:25rem; line-height: 1.4; margin-bottom:20rem;}
.implant__list p {font-weight:400;text-align: center; font-size:17rem; line-height: 1.4;}

@media (max-width:1280px){
	.implant__list{margin-top: 100px;}
	.implant__item{min-height:auto;padding:25px 20px;}
	.implant__icon{height:100px;}
}
@media(max-width:1024px){
	.implant__list{grid-template-columns:repeat(2, 1fr);margin-top:70rem;}
}
@media(max-width:640px){
	.implant__list{grid-template-columns:repeat(1, 1fr);gap:10px;}
	.implant__item{padding:20px 10px;}
}

.case_con h4 {text-align:center; margin-bottom:30rem;}

.case_list{display:grid;grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(2, 1fr);gap:20px;margin-top:0rem;}
.case_item{display:flex;align-items:center;flex-direction:column;padding:40px 20px 20px;border:1px solid #eee;}
.case_img{display:grid;grid-template-columns: repeat(2, 1fr);gap:20px;margin-bottom:20rem;}
.case_img dd {position: relative; text-align:center;}
.case_img dd span {display:block; font-size:18rem; font-weight:400; color:#fff; padding:5rem 0; position:absolute; text-align:center; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.6); width:100%;}
.case_list h5 {color:#003d8b; font-weight:800;text-align: center; font-size:25rem; line-height: 1.4; margin-bottom:20rem;}
.case_list h5 span {color:#000; font-weight:800;text-align: center; font-size:15rem; line-height: 1.4; margin-bottom:20rem;}
.case_list p {font-weight:400;text-align: center; font-size:17rem; line-height: 1.4;}


@media(max-width:1200px){
	.case_con h4 {margin-bottom:20rem;}
	.case_list{grid-template-columns:repeat(1, 1fr);gap:10px;}
	.case_item{padding:20px 10px;}
	.case_list h5 {font-size:20rem;}
	.case_img dd span { font-size:13rem; padding:2rem 0; }
}





.review_con {margin-top:50px;}
.review_con ul{margin: 40rem 0 150rem;}
.review_con li{ overflow:hidden; border-bottom:1px solid #ddd; padding:20rem 0; }
.review_con li img {width:100%;}
.review_con li > div{float: left;}
.review_con .img{width: 60%;}
.review_con .img .review_img {display:inline-block; width: calc(100% /2 - 7px); padding-right:10px;vertical-align:top;}
.review_con .txt{padding: 20rem; width: 40%;}
.review_con .txt h4{font-size: 24rem;color: #222;line-height: 1.2;font-weight: 600;-ms-word-break: keep-all;word-break: keep-all;}
.review_con .txt p{margin-top: 20rem;font-size: 16rem;color: #444;font-weight: 300;line-height: 1.5;letter-spacing: -0.025em;-ms-word-break: keep-all;word-break: keep-all;}

.review_img dl {position:absolute; margin-top:-18px; margin-left:-8px; z-index:2;}
.review_img dl dt i {display:block; padding-top:10px; }

.view {overflow:hidden;}

.before_login {position:absolute; z-index:1;}
.effect:hover img {opacity: 1;
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
	
}
.effect img {opacity: 1;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	vertical-align:middle;
}


@media all and (max-width:1200px){
	.review_con li + li{margin-top: 40px;}
	.review_con li > div{height: auto;}
	.review_con li > div,
	.review_con li:nth-of-type(2n) > div{float:none;}
}

@media all and (max-width:768px){
	.review_con{margin-top: 9.375vw;}
	.review_con ul{margin: 6.25vw 10px 23.4375vw;}
	.review_con .img{width: 100%; }
	.review_con .txt{width: 100%;  padding: 5.5vw 0.8125vw;}
	.review_con .txt h4{font-size: 22rem;}
	.review_con .txt p{font-size: 15rem;}
	.review_img dl {margin-top:-15px; margin-left:-5rem;}
	.review_img dl dt i img {width:40rem;}
}



.img_list {margin:50rem 0;}
.img_list.type01 {display: flex; gap: 70px; justify-content: center; flex-wrap: wrap;}
.img_list.type01 li {width: calc(33.3333% - 47px); position: relative;}
.img_list.type01 .img_box {margin-bottom: 10px;}
.img_list.type01 .img_box img {width: 100%; }
.img_list.type01 li i.arrow {position: absolute; top: 150px; right: -35px; transform: translate(50%, -50%); width: 105px; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; z-index: 1;}
.img_list.type01 li i::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/img/arrow_16x27.png) center center / contain; width: 16px; height: 27px;}
.img_list.type01 .txt_box {height: 200rem;  color: #000; border: 1px solid #e4e4e5; border-top: 2px solid #074d9f; text-align: center; padding: 40px 20px; box-sizing: border-box;}
.img_list.type01 .txt_box h3 {font-size: 20rem; line-height: 1.7em; margin-bottom:20rem; font-weight:800;}
.img_list.type01 .txt_box span {display:block; font-weight: 400; font-size: 15rem; line-height: 1.5;}

@media all and (max-width: 1300px) {
    .img_list.type01 {gap: 30px;}
    .img_list.type01 li {width: calc(33.333% - 20px);}
    .img_list.type01 li i.arrow {right: -15px;}
}

@media all and (max-width: 1024px) {
    .img_list.type01 li {width: calc(50% - 15px); max-width: 420px;}
}

@media all and (max-width: 767px) {
    .img_list.type01 li {width: 100%;}
	.img_list.type01 .txt_box {height: auto;}
	.img_list.type01 .txt_box h3 {font-size: 18rem;}
	.img_list.type01 .txt_box span {font-size: 14rem; }
}


.tour_con01{margin:50rem 0;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arrow {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arrow.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arrow.next {right:3%; top:50%; }
.tour_con01 .img_box img{width:100%;}
.tour_con01 .thumb_box {overflow:hidden; margin-top:0px; }
.tour_con01 .thumb_box li {background-color:#000; cursor:pointer; }
.tour_con01 .thumb_box img {width:100%; opacity:0.4; }
.tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; }

@media all and (max-width:1000px){
	.tour_con01{ width:100%; margin:0 auto;}
	.tour_con01 .img_box span.arrow img {width:auto; max-height:30rem; }
	.tour_con01 .img_box span.arrow.prev {left:0; top:40%; }
	.tour_con01 .img_box span.arrow.next {right:0; top:40%; }
	.tour_con01 .thumb_box {overflow:hidden; margin-top:10px; }
}



.intro_con {text-align:center; padding:100rem 0 50rem;}
.intro_con h3 {font-size:25rem; font-weight:800; color:#074d9f; margin-bottom:20rem;}
.intro_con p {font-size:18rem; font-weight:400; color:#000;}

@media all and (max-width:1000px){
	.intro_con h3 {font-size:20rem;}
	
}

.func_con03 {padding:50px 0;}
.func_con03 .func_con03_tit {text-align:center; word-break:keep-all;}
.func_con03 .func_con03_tit span {font-size:58px; letter-spacing:-0.045em; color:#222222; font-weight:200; position:relative;}
.func_con03 .func_con03_tit span:before {position:absolute; width:2px; height:34px; background:#717171;content:''; right:50%; top:-37px;}
.func_con03 .func_con03_tit span b {font-size:58px; letter-spacing:-0.045em; color:#222222;}
.func_con03_txt {position:relative; margin-bottom:50px;}
.func_con03_txt ul {font-size: 0; letter-spacing:-4px; width:100%; margin:0 auto; position:relative; text-align: center;}
.func_con03_txt ul:after{content:'';position:absolute; background: #ddd; left:-75px; top:50%; transform:translateY(-50%); width:calc(100% + 115px); height:1px; z-index:-1}
.func_con03_txt ul li{display:inline-block; vertical-align:top; text-align:center; width: 200px; margin-right:22px;}

.func_con03_txt ul li .con03_txt {display:table; width:100%; height:200px; text-align:center; background:#074d9f; border-radius:50%; box-sizing:border-box; }
.func_con03_txt ul li:nth-of-type(2n) .con03_txt {color:#444444; border:7px solid #074d9f; background:#fff;}
.func_con03_txt ul li .con03_txt .table {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.func_con03_txt ul li .con03_txt .table span{font-size:20rem; letter-spacing:-0.045em; font-weight:500; color:#fff; line-height:1.5;}
.func_con03_txt ul li:nth-of-type(2n) .con03_txt .table span{color:#000; }

@media all and (max-width:1000px){
	.func_con03_txt ul:after {width:5px; height:calc(100% + 110px); left:50%;transform:translateX(-50%); top:-55px;}
	.func_con03 .func_con03_tit span:before {display:none;}
	.func_con03 ul li{display: block; margin-right:0px; margin:0 auto; }
	.func_con03 .func_con03_txt ul li + li {margin-top: 10px;}
	.func_con03_txt ul li .con03_txt .table span{font-size:16px; }
	
}