@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-weight: 600;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:#1c2d63; 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:400rem;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:45rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{font-family: 'BookkMyungjo-Bd'; position:relative;line-height:1;padding: 200rem 0 5rem 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) }
#sub_visual.sub60{background-image:url(../img/sub_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; margin-top:-50rem; height:100rem;}
#snb::after {content:''; width:50%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:-1; }

.left_snb{ padding:18rem 50rem 20rem;background:#fff; width:1450rem; margin:0 auto;height:100rem; text-align:left; border-top-right-radius:550rem; border-bottom-right-radius:550rem;}
.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:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {}
.left_snb li {display:inline-block; }
.left_snb li a {color:#3b3b3b; display:block; padding:18px 10px; margin:0 10px; letter-spacing:-.5px; font-size:18rem; font-weight:600;  position:relative;}
.left_snb li:hover a:after { width:10px; }
/*.left_snb li.on a { color:#000;  border-bottom:3px solid #f4bc20;}*/



/* 
* 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:20rem;}
	.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}
	#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 영역 */

.con_title_bg {width: 100%; position: relative; background: url('../img/sub/intro_bg.jpg') center top no-repeat; background-size: cover; padding: 100rem 0 200rem 0; text-align: center;}
.con_title_bg::after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #fff; width: 1400rem; border-top-left-radius:200rem; border-top-right-radius:200rem; height: 80rem; display: block; content: "";}

#gree_c2 {width: 100%; text-align:center; padding-bottom: 50rem;}
#gree_c2 .article {padding: 0 20rem; }
#gree_c2 .article .txt .top {margin-bottom: 40px;}
#gree_c2 .article .txt .top h4 {font-size:30rem; color:#2f2f2f; font-weight:600; margin-bottom:30rem;}
#gree_c2 .article .txt .top h4 b { color:#1c2d63; font-weight:800;}
#gree_c2 .article .txt .top ul li {font-weight:600; font-size: 20rem; color: #6f6f6f; }

@media only screen and (max-width : 1024px){
		#gree_c2 .article {padding: 0 10rem; }
		#gree_c2 .article .txt .top h4 {font-size:18rem; }
		#gree_c2 .article .txt .top ul li {font-size: 14rem;}
}

.check-list{background-color: #fff; padding:0rem 0 50rem; display: flex; justify-content: center; gap:17px;}
.check-list>li{width:240rem; height:350rem; text-align: center; border:1px solid #ebebeb; border-radius:150rem; margin:0 -15rem; padding-top:100rem;}
.check-list .tit{color: #1c2d63; font-size:20rem; font-family: 'BookkMyungjo-Bd'; margin-bottom:40rem;}
.check-list .title{font-size: 18rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.3333em; color: #222; text-align: center;}

@media only screen and (max-width : 1024px){
		.check-list{flex-wrap: wrap;padding:0rem 0 0;}
		.check-list>li{width:50%; height:auto;margin:10rem;}
}

@media only screen and (max-width : 1000px){
		.check-list .tit{font-size:13rem; margin-bottom:0rem;}
		.check-list>li{height:250rem;}
}

@media only screen and (max-width : 600px){
		.check-list{}
		.check-list>li{width:100%;  padding-top:30rem; padding-bottom:30rem; height:auto;}
}



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


.program1 {background: url('../img/sub/program1.jpg') center top no-repeat; }
.program2 {background: url('../img/sub/program2.jpg') center top no-repeat; }
.program3 {background: url('../img/sub/program3.jpg') center top no-repeat; }
.program4 {background: url('../img/sub/program4.jpg') center top no-repeat; }
.program4-2 {background: url('../img/sub/program4-2.jpg') center top no-repeat; }
.program5 {background: url('../img/sub/program5.jpg') center top no-repeat; }
.program6 {background: url('../img/sub/program6.jpg') center top no-repeat; }
.program7 {background: url('../img/sub/program7.jpg') center top no-repeat; }
.program8 {background: url('../img/sub/program8.jpg') center top no-repeat; }


.section02 {  padding: 0rem 0 50rem;}
.section02 .inner {  padding: 50px 100px 30px;  display: flex;  justify-content: space-between;  border-radius: 50rem;}
.section02 .inner .vis-wrap {  position: relative;}
.section02 .inner .vis-wrap p {  font-size: 18rem;  line-height: 1.5;  color: #1c2d63;  font-weight: 700;  margin-bottom: 55px;}
.section02 .inner .detail { background-color: #fff;  padding: 15px;  border-radius: 50rem;  border: 1px dashed #1c2d63;  width: 800rem;  letter-spacing: -0.8px;}
.section02 .inner .detail div {   border-radius: 40rem;  padding: 20px 40px;  margin-bottom: 10px;}
.section02 .inner .detail div p {  font-size: 18rem;  color: #1c2d63;  font-weight: 700;  margin-bottom: 10px;}
.section02 .inner .detail div li {  font-size: 16rem;  color: #666;}
.section02 .inner .detail div:first-child {font-size:20rem;  margin-bottom: 30px;  border: 1px solid #1c2d63;  text-align: center;  position: relative;}
.section02 .inner .detail div:first-child:before {  content: "";  width: 0;  height: 46px;  display: block;  position: absolute;  border-left: 1px solid #0087bf;  left: 50%;  bottom: -46px;}
.section02 .inner .detail div:first-child:after {  content: "";  width: 5px;  height: 5px;  display: block;  position: absolute;  border-radius: 100%;  background-color: #1c2d63;  left: calc(50% - 2px);  bottom: -48px;}
.section02 .inner .detail div:first-child span {  font-size: 18rem; font-weight: 700;  color: #1c2d63;}

@media (max-width: 1024px) {

  .section02 {    padding: 60px 0;  }
  .section02 .inner {    padding: 30px;    justify-content: center;    flex-direction: column;    row-gap: 80px;  }
  .section02 .inner .detail {    width: 100%;  }
  .section02 .inner .detail div p {    font-size: 14rem;    margin-bottom: 0;  }
  .section02 .inner .detail div li {    font-size: 14rem;  }
  .section02 .inner .detail div:first-child span {    font-size: 15rem;  }
}

@media (max-width: 767px) {

  .section02 {    padding: 40px 0;  }
  .section02 .inner {    padding: 20px;  }
  .section02 .inner .detail div p {    font-size: 14rem;  }
}




#tal_s1 {padding:70rem 0;}
#tal_s1 .list {position: relative; z-index: 1; display: flex; justify-content: space-between; margin-top: 50rem;padding:0 50rem;}
#tal_s1 .list::before {content: ''; display:block; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 20rem; }
#tal_s1 .list li {width: calc(100% /4 - 0px);}
#tal_s1 .list li .cir {width: 100rem; height: 50rem; line-height: 50rem; border-radius: 150rem; text-align:center; border:1px solid #1c2d63; background: #fff; position: relative; z-index: 1; margin:0 auto; }
#tal_s1 .list li .cir::before {content: ''; display: block ;width: 101%;height: 101%; border-radius: 50%; position: absolute; z-index: -1; left: -.5%; top: -.5%; background: #1c2d63; transition: opacity .3s ease; opacity: 0; }
#tal_s1 .list li.active .cir::before {opacity: 1; }
#tal_s1 .list li .cir h1 {font-size:15rem; font-weight: 600; color:#1c2d63; }
#tal_s1 .list li .icon {margin-top: 20rem; text-align:center; }
#tal_s1 .list li .s_tit2 {text-align:center; font-size:17rem; font-weight:500; }
#tal_s1 .list li .s_tit2::before {content: ''; display: block; width: 30px; height: 2px; background: #1c2d63; margin:30px auto 20px;}
#tal_s1 .list li .sub_p {text-align:center; line-height: 1.5; color:#666; font-size:15rem; margin-top: 10rem; }

@media (max-width: 1023px) {
  #tal_s1 .list {padding:0 0rem;  }
  #tal_s1 .list li {margin-bottom:50rem; text-align:center; width: calc(100% /2 - 20px);}
  #tal_s1 .list li .cir h1 {font-size:20rem;}
  #tal_s1 .list::before {display:none;}

}

@media (max-width: 800px) {
  #tal_s1 .list {display:block; }
  #tal_s1 .list li {width: 100%;text-align:center;margin:30rem auto;}
  #tal_s1 .list li br {display:block;}
}


.sub-flex {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.sub-flex__left {
	flex-shrink: 0;
	width: 220px;
}
.sub-flex__right {
	width: 100%;
}
.sub-flex:first-child {
	margin-top: 0;
}

@media (max-width: 1280px) {
	/* Sub Flex */
	.sub-flex {
		flex-direction: column;
	}
	.sub-flex__left {
		width: auto;
	}
	.wrap .sub-flex.sub-flex--line {
		gap: 0;
	}
	.sub-flex--line .sub-flex__left {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 2px solid #222;
	}
}
@media (max-width: 1024px) {

	/* Sub Flex */
	.sub-flex--line .sub-flex__left {
		padding-bottom: 20px;
		margin-bottom: 50px;
	}
}
@media (max-width: 640px) {
	/* Sub Flex */
	.sub-flex--line .sub-flex__left {
		margin-bottom: 30px;
	}
}


.award-info-qf__box-item {
	display: flex;
	align-items: center;
	width: calc(50% - 10px);
	min-height: 90px;
	border: 1px solid #e5e5e5;
}
.award-info-qf__box-inner {
	display: flex;
	align-items: flex-start;
	padding: 20px 40px;
}
.award-info-qf__num {
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	margin-right: 25px;
	border-radius: 50%;
	background-color: #fafafa;
}
.award-info-qf__title {
	display: flex;
	align-items: center;
}
.award-info-qf__title::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 0 20px;
	background-color: #e5e5e5;
}
.award-info-qf__box-item .default-list,
.award-info-qf__title + .text-medium {
	align-self: center;
}
.award-info-qualifi .banner-card {
	flex-wrap: nowrap;
	padding: 45px;
	margin-top: 150px;
}
.award-info-qualifi .banner-card__desc-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding: 20px 20px 20px 55px;
}



.award__title-wrap {
	margin-bottom: 90px;
	text-align: center;
}

/* Qualifi */
.award-info-qualifi .sub-flex + .sub-flex {
	margin-top: 90px;
}
.award-info-qf__outline + .sub-flex {
	margin-top: 110px;
}
.award-info-qf__outline-img-wrap {
	font-size: 0;
	line-height: 1;
}
.award-info-qf__outline-img {
	width: 100%;
	height: auto;
}
.award-info-qf__qualification .numbering {
	border-top: 2px solid #222;
}
.award-info-qf__qualification .numbering__item:first-child {
	padding-top: 50px;
}
.award-info-qf__box-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.award-info-qf__box-item {
	display: flex;
	align-items: center;
	width: calc(50% - 10px);
	min-height: 90px;
	border: 1px solid #e5e5e5;
}
.award-info-qf__box-inner {
	display: flex;
	align-items: flex-start;
	padding: 20px 40px;
}
.award-info-qf__num {
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	margin-right: 25px;
	border-radius: 50%;
	background-color: #fafafa;
}
.award-info-qf__title {
	display: flex;
	align-items: center;
}
.award-info-qf__title::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 0 20px;
	background-color: #e5e5e5;
}
.award-info-qf__box-item .default-list,
.award-info-qf__title + .text-medium {
	align-self: center;
}
.award-info-qualifi .banner-card {
	flex-wrap: nowrap;
	padding: 45px;
	margin-top: 150px;
}
.award-info-qualifi .banner-card__desc-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding: 20px 20px 20px 55px;
}
.banner-card__wrap {
	display: flex;
	gap: 30px;
	width: calc(50% - 40px);
}
/* Process */
.award-info-process .sub-flex + .sub-flex {
	margin-top: 120px;
}
.award-info-process .sub-flex__left {
	transform: translateY(-7px);
}
.award-info-pr__date {
	display: flex;
	align-items: center;
	gap: 0 5px;
	margin-top: 15px;
	color: #555;
}
.award-info-pr__date-icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: 0 5px;
	font-size: 0;
	line-height: 1;
}
.award-info-pr__date-icon::after {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #e5e5e5;
}
.award-info-pr__date-img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.award-info-process .icon-wrap__list {
	margin: 0;
	border-top: 2px solid #222;
}
.award-info-process .icon-wrap__item {
	width: 100%;
	padding: 0;
	border-bottom: 1px dashed #e5e5e5;
}
.award-info-process .icon-wrap__inner {
	flex-direction: row;
	gap: 0 30px;
	min-height: 160px;
	padding: 20px 30px;
	background-color: #fff;
}
.award-info-process .icon-wrap.icon-round .icon-wrap__icon {
	background-color: #fafafa;
}
.award-info-pr__receipt .default-list {
	display: flex;
}
.award-info-pr__receipt .default-list__item {
	display: flex;
	gap: 0 15px;
}
.award-info-pr__receipt .default-list__item + .default-list__item {
	margin-top: 0;
}
.award-info-pr__receipt .default-list__item:not(:last-child)::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	margin: 0 18px;
	background-color: #e5e5e5;
}
.award-info-pr__receipt .icon-wrap__text-wrap .default-list.list-dots .default-list__item::before {
	top: 6px;
}
.award-info-pr__title {
	color: #222;
	line-height: 1;
}
.award-info-pr__link {
	line-height: 1;
}
.award-info-pr__receipt .btn-default {
	color: #222;
	background-color: #fafafa;
}
.award-info-qf__qualification .default-list__item.red {
	color: red;
}
/* Commit */
.award-info-co__text-wrap {
	padding-bottom: 30px;
}
.award-info-co__title {	font-size: 20rem; font-weight:600;	line-height: 1.4;}
.award-info-co__text-wrap .text-xxlarge {
	margin-top: 20px;
	color: #555;
}
.award-info-co__comm-list {
	display: flex;
	gap: 20px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5;
}
.award-info-co__comm-item {
	width: 50%;
	padding: 40px;
	color: #555;
	background-color: #f8f8f8;
}
.award-info-co__comm-title {
	margin-bottom: 10px;
	color: #222;
}
.award-info-co__img-wrap {
	margin-top: 45px;
}
.award-info-co__img-list {
	display: flex;
	flex-wrap: wrap;
	margin: -40px -18px 0;
}
.award-info-co__img-item {
	width: 25%;
	padding: 40px 18px 0;
}
.award-info-co__img-inner {
	font-size: 0;
	line-height: 1;
}
.award-info-co__img {
	width: 100%;
	height: 100%;
}
.award-info-co__img-title {
	display: block;
	margin-top: 30px;
}
.award-info-co__desc {
	display: block;
	margin-top: 10px;
	color: #555;
}
.award-info-co__box {
	position: relative;
	padding: 55px;
	margin-top: 100px;
	background-color: #fafafa;
}
.award-info-co__box::after {
	content: "";
	position: absolute;
	bottom: 60px;
	right: 55px;
	width: 30%;
	max-width: 296px;
	height: 77px;
	background: url("/uploads/media/award_info_commit_watermark.png") no-repeat right bottom / 100% auto;
}
.award-info-co__box-list {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #e5e5e5;
}
.award-info-co__box-item {
	display: flex;
	gap: 15px;
}
.award-info-co__box-item + .award-info-co__box-item {
	margin-top: 13px;
}
.award-info-co__box-num {font-size:14rem; font-weight:600; 
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	color: #fff;
	border-radius: 50%;
	background-color: #1c2d63;
}
.award-info-co__box-item .text-small {	align-self: center;	color: #555; font-size:16rem;}

.award-info-co__box-item .text-small span {display:block; font-size:18rem; font-weight:600; color:#000; margin-bottom:10rem;}
.award-info-co__box-item .text-small i {display:inline-block; font-style:normal; font-size:16rem;}

@media (max-width: 1024px) {
	/* Common */
	.award__title-wrap {
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	.award__title {
		font-size: 28px;
	}
	.award__sub-title {
		font-size: 26px;
	}
	/*─────────── Info ───────────*/
	/* Qualifi */
	.award-info-qualifi .banner-card {
		margin-top: 100px;
	}
	.award-info-qualifi .banner-card__wrap {
		flex-direction: column;
		gap: 10px;
	}
	.award-info-qf__box-item {
		width: 100%;
		min-height: 60px;
	}
	.award-info-qf__box-inner {
		padding: 20px;
	}
	/* Process */
	.award-info-pr__receipt .default-list {
		flex-direction: column;
		gap: 10px 0;
	}
	.award-info-pr__receipt .default-list__item:not(:last-child)::after {
		display: none;
	}
	.award-info-process .sub-flex + .sub-flex {
		margin-top: 100px;
	}
	.award-info-process .icon-wrap__inner {
		gap: 0 20px;
		min-height: 140px;
		padding: 20px 10px;
	}
	.award-info-process .icon-wrap.icon-round .icon-wrap__icon {
		width: 70px;
		height: 70px;
	}
	.award-info-process .icon-wrap__icon::before {
		transform: scale(0.8);
	}
	/* Commit */
	.award-info-co__title {
		font-size: 22px;
	}
	.award-info-co__comm-list {
		flex-direction: column;
		gap: 10px;
	}
	.award-info-co__comm-item {
		width: 100%;
		padding: 20px;
	}
	.award-info-co__comm-title {
		margin-bottom: 5px;
	}
	.award-info-co__img-list {
		margin: -50px -10px 0;
	}
	.award-info-co__img-item {
		padding: 50px 10px 0;
	}
	.award-info-co__img-inner {
		display: flex;
		align-items: center;
		justify-content: center;
		max-height: 250px;
		overflow: hidden;
	}
	.award-info-co__img-title {
		margin-top: 20px;
	}
	.award-info-co__desc {
		margin-top: 8px;
	}
}

@media (max-width: 640px) {

	/*─────────── Info ───────────*/
	/* Qualifi */
	.award-info-qualifi .banner-card {
		padding: 20px;
		margin-top: 70px;
	}
	.award-info-qualifi .banner-card__desc-wrap {
		flex-direction: column;
		width: 100%;
		margin: 0;
	}
	.award-info-qualifi .banner-card__wrap {
		flex-direction: row;
		width: 100%;
		gap: 20px;
	}
	.award-info-qf__box-list {
		gap: 10px;
	}
	/* Process */
	.award-info-process .sub-flex + .sub-flex {
		margin-top: 70px;
	}
	.award-info-process .icon-wrap__inner {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 30px 20px;
	}
	.award-info-process .icon-wrap__text-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: auto;
	}
	.award-info-pr__receipt .btn-default {
		max-width: none;
	}
	/* Commit */
	.award-info-qualifi .sub-flex + .sub-flex {
		margin-top: 70px;
	}
	.award-info-co__title {
		font-size: 20px;
	}
	.award-info-co__img-item {
		width: 100%;
	}
	.award-info-co__img-inner {
		max-height: 200px;
	}
	.award-info-co__box {
		padding: 30px 20px;
		margin-top: 50px;
	}
}




.purpose-goals {margin-bottom:50rem;}
.purpose-goals__list{display:flex;align-items: center;justify-content: center;flex-wrap:wrap; padding:30rem;}
.purpose-goals__item{position:relative;width:33%;padding:0 20rem;}
.purpose-goals__item:first-child .purpose-goals__inner::before{display:none;}
.purpose-goals__inner{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;margin:0 auto;border-radius:50%;/*background-image:linear-gradient(to bottom, #1c2d63, #091642);*/ border:6px solid #1c2d63;}
.purpose-goals__inner::after{content:"";display:block;padding-top:100%;}
.purpose-goals__number{font-weight:600; font-size:20rem; color:#1c2d63;}
.purpose-goals__number::after{content:"";display:block;opacity:.6;margin:15px auto 20px;width:24px;height:1px;background-color:#1c2d63}
.purpose-goals__desc-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%}
.purpose-goals__desc{margin-bottom:20px;font-size:16rem;font-weight:300; color:#333; text-align: center;}


@media (max-width:1280px){
	.purpose-goals__content{background:none;}
	.purpose-goals__item{padding:0 10px}
	.purpose-goals__inner::before{display:none;}

}

@media(max-width:1024px){
	.purpose-goals__content{margin-top:50px}
	.purpose-goals__list{padding:0;margin:0 auto;border:none}
	.purpose-goals__item{width:50%;padding:10px;}
	/* Talent */
	.purpose-talent__wrap{background:none;}
	.purpose-talent__list{max-width:700px;padding:0;margin:0 auto}
	.wrap .purpose-talent__item{flex-direction:column;gap:10px;width:50%;padding:0 0 50px;text-align:center;}
	.purpose-talent__icon::before{display:none;}

}
@media(max-width:640px){
	.purpose-goals__item{width:100%;}
	/* Talent */
	.purpose-talent{padding-top:70px; }
}

.overview_ico_wrap {margin-bottom:50rem;}

.sub_inner {width: 1300px; margin:0 auto; position: relative; }
#loc_sec1 {text-align: center; }
#loc_sec1 .sub_inner {z-index: 2;}
#loc_sec1 ul { width:100%; display: flex; border:1px solid #ddd; background: #fff;}
#loc_sec1 ul li { flex:1; text-align: center; padding:50rem 0; background: #fff;transition: all .3s ease;}
#loc_sec1 ul li > div {border-right: 1px solid #ddd; min-height: 156rem;}
#loc_sec1 ul li:last-child > div { border-right: 0; }

#loc_sec1 h2 {font-size: 20rem; color:#000; font-weight: 700;  margin:25px 0 15px; line-height: 1; transition: color .3s ease;}
#loc_sec1 p {font-size: 16rem; color:#000; transition: color .3s ease; }
/* hover */

#loc_sec1 .map_wr {margin-top: -100px; width: 100%; position: relative; z-index: 1;}


@media all and (max-width:1300px){
	.sub_inner {width: 100%; margin:0 auto; position: relative; }
}


@media all and (max-width:800px){
	#loc_sec1 ul li > div {min-height: 100rem;}
	#loc_sec1 h2 {font-size: 14rem;}
	#loc_sec1 p {font-size: 12rem; }
}


.implant-bg {background:url(../img/main/implant_main.jpg) center no-repeat;}
.sub-title-area .sub-title-bg {    height: 70vh;	margin-top:190px;}
.sub-title-area .text-area {    display: flex;    flex-direction: column;    justify-content: center;    height: 100%;    padding: 0 45px;}
.sub-title-area .text-area sup {    font-weight: 800;    font-size: 30rem;    color: #fff;   margin-top:150rem;	}
.sub-title-area .text-area p {    font-weight: 500;    font-size: 40rem;    text-align: left;    margin: 20px 0;	 line-height:1;    color: #fff;   }
.sub-title-area .text-area sub {    font-weight: 300;    font-size: 18rem;	line-height:1.8;    color: #fff; }

@media all and (max-width:1600px){
	.sub-title-area .sub-title-bg {height:80vh; margin-top:100px;}
	.sub-title-area .text-area sup {  margin-top:200px;	}
}

@media all and (max-width:800px){
	.sub-title-area .sub-title-bg {height: 60vh;	margin-top:100px;}
	.sub-title-area .text-area {   padding: 0 25px;}
	.sub-title-area .text-area sup {   font-size: 18px; margin-top:100px;	 }
	.sub-title-area .text-area p {  font-size:22px; }
	.sub-title-area .text-area sub {font-size: 15px;   }
}




.brand .imgbox {overflow:hidden;aspect-ratio:1903/750;width:100%;position:relative;}
.brand .imgbox .bg1 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg1_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg2 {position:absolute;top:0;left:0;aspect-ratio:1903/800; background : url(../img/main/bg2_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg3 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg3_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg4 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg4_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg5 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg5_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg6 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg6_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg7 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg7_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg8 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg8_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg9 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg9_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox .bg10 {position:absolute;top:0;left:0;aspect-ratio:1903/1000; background : url(../img/main/bg10_main.jpg) no-repeat center/cover ; width:100%;height: auto;}
.brand .imgbox > div {height: 100%;display: grid;align-content: center;text-align: center;gap: 50px;}
.brand .imgbox.txt_left > div {text-align: left;}
.brand .imgbox.txt_right > div {text-align: right;}
.brand .imgbox .img {font-size:45rem; font-weight:800; color:#fff;  letter-spacing: -1.22px;}
.brand .imgbox p {font-size:20rem; font-weight:300; color:#fff;}
.brand .imgbox p b {font-size:30rem; font-weight:800; }
.brand .imgbox .black {color:#000;}
.brand .imgbox .blue {color:#2b437b;}

.brand .txtbox {background: rgba(43,67,123,1); padding:150px 0;text-align: center;color: #fff;position: relative;}
.brand .txtbox h4 {font-size:25rem; font-weight:800; margin:20rem 0;}
.brand .txtbox h3 {font-size:30rem; font-weight:800; margin:20rem 0 40rem;}
.brand .txtbox p {font-size:20rem; font-weight:300;}
.brand .txtbox .img {width: 600px;position: absolute;opacity: .2;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.brand .txtbox .img img {width:100%;}

@media screen and (max-width: 1540px){
     .brand .imgbox > div {gap:50px;}
     .brand .imgbox .img {font-size:30rem; }
     .brand .txtbox {padding:100px 20px;}
}
@media screen and (max-width: 1023px){
     .brand .txtbox {padding:50rem 20rem;}
	 .brand .imgbox {padding:300rem 0;}

     .brand .imgbox .bg1 {aspect-ratio:1000/800; background : url(../img/main/bg1_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg2 {aspect-ratio:1000/800; background : url(../img/main/bg2_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg3 {aspect-ratio:1000/800; background : url(../img/main/bg3_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg4 {aspect-ratio:1000/800; background : url(../img/main/bg4_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg6 {aspect-ratio:1000/800; background : url(../img/main/bg6_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg7 {aspect-ratio:1000/800; background : url(../img/main/bg7_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg8 {aspect-ratio:1000/800; background : url(../img/main/bg8_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg9 {aspect-ratio:1000/800; background : url(../img/main/bg9_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg10 {aspect-ratio:1000/800; background : url(../img/main/bg10_main_m.jpg) no-repeat center/cover; }


	 .brand .imgbox.txt_left > div {text-align: center;}
	 .brand .imgbox.txt_right > div {text-align: center;}
}
@media screen and (max-width: 640px){
     .brand .imgbox {aspect-ratio: auto; padding:50rem 0; }
     .brand .imgbox .bg {aspect-ratio: auto;height: 400rem;}
     .brand .imgbox > div{gap:20px;padding:0 20rem;height: 300rem;}
	 .brand .imgbox .img {font-size:25rem; }
     .brand .imgbox p {font-size:14rem;}
     .brand .imgbox p b {font-size:18rem;}
     .brand .txtbox .img {width:230px;}
	 .brand .txtbox h4 {font-size:20rem; }
	 .brand .txtbox h3 {font-size:20rem; }
	 .brand .txtbox p {font-size:14rem;}

	 .brand .imgbox .bg1 {aspect-ratio:1200/1400; background : url(../img/main/bg1_main_m.jpg) no-repeat center/cover; }
	 .brand .imgbox .bg2 {aspect-ratio:1200/1400; background : url(../img/main/bg2_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg3 {aspect-ratio:1200/1400; background : url(../img/main/bg3_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg4 {aspect-ratio:1200/1400; background : url(../img/main/bg4_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg6 {aspect-ratio:1200/1400; background : url(../img/main/bg6_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg7 {aspect-ratio:1200/1400; background : url(../img/main/bg7_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg8 {aspect-ratio:1200/1400; background : url(../img/main/bg8_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg9 {aspect-ratio:1200/1400; background : url(../img/main/bg9_main_m.jpg) no-repeat center/cover; }
     .brand .imgbox .bg10 {aspect-ratio:1200/1400; background : url(../img/main/bg10_main_m.jpg) no-repeat center/cover; }

}

.subtitle_num {position:absolute;  right:10%; transform:translateX(-10%); font-size:100rem; color:#fff; font-family: 'Hurricane', cursive; font-weight:normal; margin-top:-150rem; z-index:1;}


.icon_list{max-width: 1400px; margin: 0 auto;}
.icon_list .fbox01{display:flex; flex-wrap:wrap; gap:15px; margin-top: 28px; filter: drop-shadow(0px 30px 100px rgba(0, 0, 0, 0.08));}
.icon_list .fbox01 .item{width: calc((100% - 50px) / 3); background: #fff; padding: 50rem 40rem; transition:0.3s}
.icon_list .fbox01 .item figure{font-weight:200; color:#000;}
.icon_list .fbox01 .item figure img{transition:0.3s}
.icon_list .fbox01 .item .txt{margin-top: 20rem;}
.icon_list .fbox01 .item .txt h4{font-weight:700; font-size:25rem; letter-spacing:-0.02em; color: #222; transition:0.3s}
.icon_list .fbox01 .item .txt p{font-weight:300; font-size:16rem; letter-spacing:-0.02em; color: #666; line-height: 1.66667em; margin-top: 10rem; transition:0.3s}

@media (hover :hover){
	.icon_list .fbox01 .item:hover{background: #172447;}
	.icon_list .fbox01 .item:hover figure {color: #fff;}
	.icon_list .fbox01 .item:hover figure img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	.icon_list .fbox01 .item:hover .txt *{color: #fff;}
}

@media (max-width: 1023px){
	.icon_list .fbox02 .item{width: calc((100% - 50px) / 2);}
}

@media (max-width: 800px){
	.icon_list .fbox01{flex-wrap:wrap; margin-top: 15px;}
	.icon_list .fbox01 .item{width: 100%; }
}