@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{word-break: keep-all;background:#fbfbfb; padding:15rem 5rem; border: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:390rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-family: 'RIDIBatang';  font-size:40rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{font-family: 'RIDIBatang'; position:relative;line-height:1;padding: 0rem 0 20rem 0;font-size:15rem;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) }
.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:30rem 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; background-color: #f1f1f1; border-radius: 35rem; padding:0 50rem;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:center; margin-left:25rem; margin-top:7rem;}
.left_snb ul {}
.left_snb li {display:inline-block;  }
.left_snb li a {position:relative;font-size:17rem;display:inline-block;  padding:16rem 20rem; font-weight:400; color:#292929;}
.left_snb ul li+li a::before {content:'';width:1rem;height:14rem;background:#e3e3e3;position:absolute;left:0;top: 50%;transform: translateY(-50%);}
.left_snb li:hover a:after { width:10px; }
.left_snb li.on a { color:#000;  }



/* 
* 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}
	#sub_visual p{font-size:14rem}

	.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;}
	.subtable tbody th{width:15%;}

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

#section1 .wrap{margin:0 auto;padding:100rem 0;}
#section1 .section1_wrap{height:960rem;margin-left:-1px;padding:112px 0 0 310px;background:url('../img/sub/intro_img1.jpg') no-repeat left}
#section1 .section1_wrap .tbox1{width:1090rem;height:340rem;/*margin-left:30px;*/padding:215px 0 0 49px;letter-spacing:-0.5px;background:url('../img/sub/intro_img2.jpg') no-repeat right #897767;opacity:1;}
#section1 .section1_wrap .tbox1 .tit1{font-family: 'RIDIBatang';margin-bottom:5px;font-size:30rem;color:#fff}
#section1 .section1_wrap .tbox2 {margin-top:20rem;padding:67px 0 0 436px;opacity:1}
#section1 .section1_wrap .tbox2 .txt1{font-size:17rem;font-weight:400;color:#292929;letter-spacing: -.5px;}

.intro_img {display:none;}

@media (max-width:1400px) {
	#section1 .section1_wrap .tbox1{width:100%; background:none; height:auto; padding:50rem 0 30rem 30rem;}
	#section1 .section1_wrap .tbox1 .tit1{display:none; }
}

@media (max-width:1090px) {
	#section1 .wrap{padding:20rem 0;}
	#section1 .section1_wrap{height:auto; padding:0 0 0 0px; background:none;}
	#section1 .section1_wrap .tbox1 .tit1{font-size:20rem;}
	#section1 .section1_wrap .tbox2 {padding:30rem 0 0 0;opacity:1}
	.intro_img {display:block;}
	.intro_img img {width:100%;}
}

@media (max-width:800px) {
	#section1 .wrap{padding:0rem 0 50rem;}
	#section1 .section1_wrap{height:auto; padding:0 0 0 0px; background:none;}
	#section1 .section1_wrap .tbox2 {padding:30rem 0 0 0;opacity:1}
	#section1 .section1_wrap .tbox2 .txt1{font-size:14rem;}
	.intro_img {display:block;}
}



.tour_con01{padding:0rem 0rem 50rem;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arr {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arr.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arr.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 .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; }
}


.row_subcon{position: relative;display: table;width: 100%}
.row_subcon .tt_area{display: table-cell;width: 300rem;vertical-align: top;padding-top:50rem}
.row_subcon .tt_area.ptnon{padding-top: 0;padding-right: 20rem}
.row_subcon .tt_area h3, .row_subcon .tt_area h4{font-size: 25rem;color: #000; font-family: 'RIDIBatang'; }
.row_subcon .con_area{display: table-cell;vertical-align: top; }
.row_subcon .con_area p.tt {margin-bottom:50rem;}
.row_subcon .txt_area p{font-size: 16rem;font-weight: 500;line-height: 1.5;color:#444; }

@media (max-width:970px){
	.row_subcon{display:block; padding-top:30rem;}
	.row_subcon .tt_area{display:block;width: 100%;padding-top:0}
	.row_subcon .tt_area h3, .row_subcon .tt_area h4{font-size: 22rem; margin-bottom:10rem;}
	.row_subcon .con_area{display:block}
	.row_subcon .txt_area p{font-size: 14rem;}

}

.list_number{margin-left:-10px;margin-right: -10px; margin-top:30rem;}
.list_number > li{float: left;width: 50%;padding:29px 10px}
.list_number > li > .wrapper{display: table;position: relative;width: 100%;min-height: 180rem;border:1px solid #ddd; border-radius:10rem; padding-left: 25rem;background: #fff}
.list_number > li > .wrapper > .ttArea{display: table-cell;width: 170rem;vertical-align: middle;padding-left: 0rem}
.list_number > li > .wrapper > .ttArea h5{font-size: 20rem;color:#000;line-height: 1.5; font-family: 'RIDIBatang';}
.list_number > li > .wrapper > .ttArea h5 span { display:block; font-size: 14rem;}
.list_number > li > .wrapper > .txtArea{display: table-cell;vertical-align: middle;}
.list_number > li > .wrapper > .txtArea ul li{position: relative;font-size: 16rem;font-weight: 400;color: #444;margin:8rem 0;padding: 0 10rem;}
.list_number > li > .wrapper > .txtArea ul li:before{content:"";display: inline-block;position:absolute;top:10px;left: 0;width: 3px;height: 3px;border-radius: 50%;background: #897767;vertical-align: middle}
.list_number .num{position: absolute;display: inline-block;top:-20px; border-radius:50rem; width: 40px;height: 40px;background: #897767;text-align: center;font-family:'Montserrat',sans-serif;font-size: 16px;font-weight: 600;line-height: 40px;color:#fff}


@media (max-width:1280px){
	.list_number > li > .wrapper{min-height: 168px}
	.list_number > li > .wrapper > .imgArea{width:130px;padding-right:25px;text-align: center;}
	.list_number > li > .wrapper > .imgArea img{display: block;margin:0 auto}
	.list_number > li > .wrapper > .imgArea h5{display:block;font-size: 17px;margin-top:5px}
	.list_number > li > .wrapper > .ttArea{display: none}
}

@media (max-width:768px){
	.list_number > li > .wrapper{min-height: 155px;padding-left:10px}
	.list_number > li > .wrapper > .imgArea{width: 100px;padding-right: 20px}
	.list_number > li > .wrapper > .imgArea img{-ms-transform: scale(0.75);transform: scale(0.75);}
	.list_number > li > .wrapper > .imgArea h5{font-size: 16px;margin-top:0}
	.list_number > li > .wrapper > .imgArea h5.small{font-size: 13.5px;line-height: 15px}
	.list_number > li > .wrapper > .txtArea ul li{font-size: 14px}
	.list_number > li > .wrapper > .ttArea h5.small{font-size:16px;line-height: 24px;}
}

@media (max-width:640px){
	.list_number > li{width: 100%}
	.list_number > li > .wrapper{padding-left: 25px}
	.list_number > li > .wrapper > .imgArea h5{display:none}
	.list_number > li > .wrapper > .ttArea{display:table-cell;width: 130px;padding-left: 10px}
	.list_number > li > .wrapper > .ttArea h5{font-size: 18px}
	.list_number > li > .wrapper > .imgArea img{-ms-transform: scale(1);transform: scale(1);}
}

@media (max-width:480px){
	.list_number > li{padding:20px 10px}
	.list_number > li > .wrapper{min-height: 145px;padding-left: 15px}
	.list_number > li > .wrapper > .imgArea h5{display:block}
	.list_number > li > .wrapper > .ttArea{}
	.list_number > li > .wrapper > .imgArea{padding-top:5px}
	.list_number > li > .wrapper > .imgArea img{-ms-transform: scale(0.75);transform: scale(0.75);}
	.list_number > li > .wrapper > .imgArea h5{font-size: 15px}
	.list_number > li > .wrapper > .imgArea h5.small{font-size: 13px;line-height: 15px}
	.list_number > li > .wrapper > .txtArea ul li{font-size: 13.5px;margin:5px 0;}
}


.flex_box {display:flex; flex-wrap:wrap; }
.overview_ico_wrap {margin:20rem auto 50rem; }
.overview_box {position:relative; width: calc(100% /3 - 20px); background:#fff; border:1px solid #ddd; border-radius:30rem;  margin:15rem 5rem; display:flex; gap:20rem;  align-items:center; }
.overview_box2 {position:relative; width: calc(100% /2 - 20px); background:#fff; border:1px solid #ddd; border-radius:30rem;  margin:15rem 5rem; display:flex; gap:20rem; align-items:center; }
.overview_box3 {position:relative; width: calc(100% /1 - 20px); background:#fff; border:1px solid #ddd; border-radius:30rem;  margin:15rem 5rem; display:flex; gap:20rem; align-items:center; }
.overview_box_txt {text-align:left; padding:30rem;}
.overview_box_txt i {position:absolute; text-align:center; top:0; left:5%; transform:translateX(-50%); background:#897767; color:#fff; font-style:normal; width:40rem; height:40rem; font-size:13rem; font-weight:600; line-height:40rem; margin-top:-20rem; border-radius:50rem;}
.overview_box_txt span {display:block; font-size:18rem; color:#897767; margin-bottom:10rem; font-family: 'RIDIBatang';}
.overview_box_txt span span {display:inline-block; font-size:14rem; }
.overview_box_txt p {font-size:15rem; font-weight:400; margin-top:2rem; color:#666;}
.overview_box_txt dd {font-size:15rem; font-weight:400; margin-top:2rem; color:#666; margin-left:10rem;}
.overview_box_txt dd:before {content: ""; position:absolute; width:3px; height:3px; background:#897767; text-align:left; margin-left:-10rem; border-radius:5px; margin-top:9rem;}

@media screen and (max-width: 1024px){
	.overview_box {width: calc(100% /2 - 20px);}
	.overview_box2 {width: 100%;}
}

@media screen and (max-width: 768px){
	.overview_box {width:100%; padding:20rem 10rem;}
	.overview_box_txt span { font-size:15rem; }
}


.bg_box{position:relative; }
.bg_box::before{content:""; position:absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform:translateX(-50%); z-index: -1; background: #f9f9f9;}
.box03{padding:80rem 0; margin-top:50rem;}
.txt{margin-bottom:60px; text-align: center;}
.txt h2{font-weight:700; font-size:30rem; color: #222; margin-bottom:45px;}
.txt p{font-weight:300; font-size:20px; line-height: 1.6em; color: #222;}

.circle_ctn{padding-bottom:0px;}
.circle_ctn .list_pc{position:relative; display:flex; gap:80px}
.circle_ctn .list_pc::before{content:""; position:absolute; top: 40%; left: 50%; width: 100%; max-width: 1200rem; height: 1rem; background: linear-gradient(270deg, #ddd 14.62%, #ddd 49.67%, #ddd 85.46%); transform:translateX(-50%);}
.circle_ctn .list_pc .item{width: calc((100% - 240px) / 4); text-align: center;}
.circle_ctn .list_pc .item .circle{position:relative; padding-bottom:100%; background: #fff; border:1px solid #ddd; border-radius:180rem}
.circle_ctn .list_pc .item .circle .p50{position:absolute; top: 50%; left: 0; width: 100%; text-align: center; transform:translateY(-50%);}
.circle_ctn .list_pc .item .circle p{font-family: 'RIDIBatang'; font-size:16rem; color: #ccc; text-transform: uppercase; }
.circle_ctn .list_pc .item .circle figure{margin: 20rem 0;}
.circle_ctn .list_pc .item .circle h3{ font-family: 'RIDIBatang'; font-size:16rem; color: #222;}
.circle_ctn .list_pc .item:first-of-type .circle::before{display:none; }
.circle_ctn .list_pc .item > ul{margin-top: 30px; display:inline-block; }
.circle_ctn .list_pc .item > ul > li{ margin-bottom: 10px; text-align: left;}
.circle_ctn .list_pc .item > ul > li.tac{text-align: center;}
.circle_ctn .list_pc .item > ul > li:last-of-type{margin-bottom:0;}
.circle_ctn .list_pc .item > ul > li span{position:relative; display:inline-block; vertical-align: top; font-weight: 300; font-size:17px; color: #333; padding-left: 14px;}
.circle_ctn .list_pc .item > ul > li span::before{content:""; position:absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius:180rem; background: #aaa;}
.circle_ctn .list_pc .item > ul > li > ul{margin-top: 10px;}
.circle_ctn .list_pc .item > ul > li > ul li{font-weight:300; font-size:15px; line-height: 1.6em; color: #777;}
.circle_ctn .list_pc .item.bc .circle::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5rem solid transparent; background: rgb(236,93,2); background: #897767; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; box-sizing:border-box; border-radius:180rem}
.circle_ctn .list_pc .item.bc .circle p{color: #897767; }

.circle_ctn .list_mo{display:none;}

@media all and (max-width:1060px){
	.circle_ctn .list_pc .item .circle h3{font-size:13rem; }
}

@media all and (max-width:1000px){
	.circle_ctn .list_pc{display:none;}
	.circle_ctn .list2_pc{display:none;}
	.circle_ctn .list_mo{display:block; position:relative; text-align: center;}
	.circle_ctn .list_mo::before{content:""; position:absolute; top: 50%; left: 50%; width: 1rem; height: calc(100% - 300px); background: linear-gradient(270deg, #ddd 14.62%, #ddd 49.67%, #ddd 85.46%); transform:translate(-50%, -50%); z-index: -1;}
	.circle_ctn .list_mo .item{position:relative;  background: #fff; border-radius:200px; padding: 50px 0; border:1px solid #ddd; margin-bottom:30px;}
	.circle_ctn .list_mo .item .circle p{font-family: 'RIDIBatang';  font-size:16rem; color: #ccc; text-transform: uppercase; margin-bottom:10rem;}
	.circle_ctn .list_mo .item .circle figure{margin: 34px 0;}
	.circle_ctn .list_mo .item .circle h3{font-weight:600; font-size:18rem; color: #222;}
	.circle_ctn .list_mo .item > ul > li.tac{text-align: center; margin-top:20rem;}

	.circle_ctn .list_mo .item.bc{position:relative; }
	.circle_ctn .list_mo .item.bc::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5rem solid transparent; background: rgb(236,93,2); background: #897767; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; box-sizing:border-box; border-radius:200rem}
	.circle_ctn .list_mo .item.bc .circle p{color: #897767; }
}

.circle2_ctn{padding-bottom:0px;}
.circle2_ctn .list_pc{position:relative; display:flex; gap:80px}
.circle2_ctn .list_pc::before{content:""; position:absolute; top: 40%; left: 50%; width: 100%; max-width: 1200rem; height: 1rem; background: linear-gradient(270deg, #ddd 14.62%, #ddd 49.67%, #ddd 85.46%); transform:translateX(-50%);}
.circle2_ctn .list_pc .item{width: calc((100% - 240px) / 3); text-align: center;}
.circle2_ctn .list_pc .item .circle{position:relative; padding-bottom:100%; background: #fff; border:1px solid #ddd; border-radius:180rem}
.circle2_ctn .list_pc .item .circle .p50{position:absolute; top: 50%; left: 0; width: 100%; text-align: center; transform:translateY(-50%);}
.circle2_ctn .list_pc .item .circle p{font-family: 'RIDIBatang'; font-size:16rem; color: #ccc; text-transform: uppercase; }
.circle2_ctn .list_pc .item .circle figure{margin: 20rem 0;}
.circle2_ctn .list_pc .item .circle h3{ font-family: 'RIDIBatang'; font-size:16rem; color: #222;}
.circle2_ctn .list_pc .item:first-of-type .circle::before{display:none; }
.circle2_ctn .list_pc .item > ul{margin-top: 30px; display:inline-block; }
.circle2_ctn .list_pc .item > ul > li{ margin-bottom: 10px; text-align: left;}
.circle2_ctn .list_pc .item > ul > li.tac{text-align: center;}
.circle2_ctn .list_pc .item > ul > li:last-of-type{margin-bottom:0;}
.circle2_ctn .list_pc .item > ul > li span{position:relative; display:inline-block; vertical-align: top; font-weight: 300; font-size:17px; color: #333; padding-left: 14px;}
.circle2_ctn .list_pc .item > ul > li span::before{content:""; position:absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius:180rem; background: #aaa;}
.circle2_ctn .list_pc .item > ul > li > ul{margin-top: 10px;}
.circle2_ctn .list_pc .item > ul > li > ul li{font-weight:300; font-size:15px; line-height: 1.6em; color: #777;}
.circle2_ctn .list_pc .item.bc .circle::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5rem solid transparent; background: rgb(236,93,2); background: #897767; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; box-sizing:border-box; border-radius:180rem}
.circle2_ctn .list_pc .item.bc .circle p{color: #897767; }

.circle2_ctn .list_mo{display:none;}

@media all and (max-width:1060px){
	.circle2_ctn .list_pc .item .circle h3{font-size:13rem; }
}

@media all and (max-width:1000px){
	.circle2_ctn .list_pc{display:none;}
	.circle2_ctn .list2_pc{display:none;}
	.circle2_ctn .list_mo{display:block; position:relative; text-align: center;}
	.circle2_ctn .list_mo::before{content:""; position:absolute; top: 50%; left: 50%; width: 1rem; height: calc(100% - 300px); background: linear-gradient(270deg, #ddd 14.62%, #ddd 49.67%, #ddd 85.46%); transform:translate(-50%, -50%); z-index: -1;}
	.circle2_ctn .list_mo .item{position:relative;  background: #fff; border-radius:200px; padding: 50px 0; margin-bottom:30px;}
	.circle2_ctn .list_mo .item .circle p{font-family: 'RIDIBatang';  font-size:16rem; color: #ccc; text-transform: uppercase; margin-bottom:10rem;}
	.circle2_ctn .list_mo .item .circle figure{margin: 34px 0;}
	.circle2_ctn .list_mo .item .circle h3{font-weight:600; font-size:18rem; color: #222;}
	.circle2_ctn .list_mo .item > ul > li.tac{text-align: center; margin-top:20rem;}

	.circle2_ctn .list_mo .item.bc{position:relative; }
	.circle2_ctn .list_mo .item.bc::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5rem solid transparent; background: rgb(236,93,2); background: #897767; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; box-sizing:border-box; border-radius:200rem}
	.circle2_ctn .list_mo .item.bc .circle p{color: #897767; }
}


.sec {margin-bottom:80rem;}