.sub_page{width: 100%;}
section{width: 100%;}

/* about page */
.sub_page .sub_top{padding: 340px 0 0px; position: relative; overflow:hidden}
.sub_page .sub_top h2 {position: absolute; bottom:-45px}

.sub_page .line {background:#ACACAC; height:1px; width:100%}
.sub_page .line_01 {background:#ACACAC; height:1px; width:100%;     position: absolute; left:0}

.sub_page .about_img{width: 100%; height: 100vh;  box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sub_page .about_img img{max-width: 80%; margin-bottom: 50px;}


.sub_page .about_list{width: 100%;}
.sub_page .about_list li{box-sizing: border-box; padding: 75px 0 150px; display: flex; flex-wrap: wrap; align-items: flex-start; transition: .25s;}
.sub_page .about_list li span:nth-child(1){width: 35%;}
.sub_page .about_list li span:nth-child(2){width: 40%;}
.sub_page .about_list li .list_txt{width: 25%;}

.sub_page .about_list li .list_txt .ptn_logo{margin-bottom: 65px;}
.sub_page .about_list li .list_txt .ptn_logo img{max-width: 50%;}

.sub_page .about_list li .list_txt .link_a{margin-top: 30px;}

.sub_page .about_01 ul {display:flex}
.sub_page .about_01 ul li:nth-child(1) {width:60%}
.sub_page .about_01 ul li:nth-child(2) {width:40%}
.sub_page .about_01 ul li img {width:210px; padding-top:100px}

.sub_page .about_01 ul li:nth-child(1) {display:flex;     justify-content: space-between; border-right:1px solid #ACACAC}
.sub_page .about_01 ul li:nth-child(2) {padding:100px 0px 0px 50px}

.sub_page .about_01 .circle {
  position: relative;
  width: 40vw;   /* 반응형 크기 */
  height: 40vw;
  max-width: 390px;   /* 너무 커지지 않도록 제한 */
  max-height: 390px;
  border: 1px solid #ACACAC; /* 흰색 원 테두리 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align:center;
  align-content: center;      
}  

.sub_page .about_01 .circle p {width:100%}
.sub_page .about_01 .font-25  {padding-bottom:30px}

.sub_page .about_02 {display:flex; align-items: center;}
.sub_page .about_02  li {}
.sub_page .about_02  li:nth-child(1) {width:60%; }
.sub_page .about_02  li:nth-child(2) {width:40%; padding-left:50px;  padding:50px 0px 50px 50px; }
.sub_page .about_02 img { width:100%; padding:50px 0px; border-right:1px solid #ACACAC;}
.sub_page .about_02 .font-35 {padding-bottom:30px}


.sub_page  .about_03 {display:flex; padding:100px 0px}
.sub_page  .about_03 > li:first-child {width:30%}
.sub_page  .about_03 > li:nth-child(2) {width:70%}
.sub_page  .about_03 .flex {display:flex; gap:30px}
.sub_page  .about_03 .flex div {width:calc(100% / 6); text-align:center; padding:15px 0px}
.sub_page  .about_03 .flex div  img{margin: 0 auto; max-width:100%}
.sub_page .about_04 {
  overflow: hidden; 
}

.sub_page .about_04 .weight-500 {margin-left:50px}

.sub_page .marquee {
  display: flex;
  width: 200%; /* 두 줄 연결된 만큼 */
  animation: marquee 60s linear infinite; /* 속도는 20s 조절 */
}

.sub_page .marquee-content {
  display: flex;*/
  list-style: none;
  margin: 0;
  white-space: nowrap;
}


.un_line {text-decoration: underline !important;;}



.sub_page .about_05 > ul{display: flex; align-items: center}
.sub_page .about_05 > ul > li{width: 50%;}
.sub_page .about_05 > ul > li >div{position: relative;}
.sub_page .about_05 > ul > li >div img{width: 100%; min-height: 650px; object-fit: cover;}
.sub_page .about_05 > ul > li >div h4{position: absolute; text-align: center; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0px 2px 10px #0000002b;}

/*.sub_page .about_05 > ul > li h4{padding: 5% 8% 20px;}*/
.sub_page .about_05 > ul > li p{padding: 5px 8%; border-top: 1px solid #acacac; box-sizing: border-box;}
.sub_page .about_05 > ul > li p:first-child{border: 0;}


@media (max-width:760px) {
	.sub_page .about_05 > ul{flex-wrap: wrap;}
    .sub_page .about_05 > ul > li{width: 100%;}
	.sub_page .about_05 > ul > li >div img{width: 100%; min-height: auto;}

	.sub_page .about_05 > ul > li p{padding: 5px 20px;}
	.sub_page .about_05 > ul > li p span{font-size: 10px;}
}

.sub_page .marquee-content li {
  flex: none;
  padding:20px 20px
}


.pt50  {padding-top:50px}
.pb10 {padding-bottom:10px}

.sub_page  .contact { display:flex}
.sub_page  .contact .contact_left {padding-top:100px;width:37%}
.sub_page  .contact .content_right {padding-top:100px;width:63%; border-left:1px solid #acacac}
.contact_tit {padding-bottom:20px}



.plan-options {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.plan-options input[type="radio"] {
    display: none; /* 라디오 버튼 숨김 */
}

.plan-card {
    display: block;
    width: 280px;
    padding: 20px;
    background: #D8D8D8;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: all 0.3s;
    flex: 1 1 calc(33.333% - 20px); /* 3개 기준 */
    box-sizing: border-box;
}

.plan-title {
    margin-bottom: 10px;
    color: #e74c3c;
    position: relative;
    padding-left: 28px; /* 동그라미 공간 확보 */
	border-bottom:1px solid #acacac;
}

/* 기본 라디오 원 (테두리만) */
.plan-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid #e74c3c;
    border-radius: 50%;
    background: transparent;
}

.plan-options input[type="radio"]:checked + .plan-card {
    background: #e74c3c;
    color: #fff;
    border-color: #e74c3c;
}

.plan-options input[type="radio"]:checked + .plan-card .plan-title {
    color: #fff;
	border-bottom:1px solid #fff;
}
.plan-options input[type="radio"]:checked + .plan-card .plan-title::before {
    border-color: #fff; /* 바깥 원도 흰색 */
}



/* 선택 시 안쪽 동그라미 */
.plan-options input[type="radio"]:checked + .plan-card .plan-title::after {
    content: "";
    position: absolute;
    left: 4px; /* 바깥 원 안쪽에 맞춤 */
    top: 45%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #fff;   /* 안쪽 동그라미 색 */
    border-radius: 50%;
}


.plan-desc {
    margin: 0;
    padding: 0;
    list-style: none; /* 기본 불릿 제거 */
}

.plan-desc li {
    position: relative;
    padding:5px 0px 5px 14px; /* 불릿 공간 */
    margin-bottom: 6px
    line-height: 1.6;
    word-break: keep-all;
}

.plan-desc li::before {
    content: "·"; /* 불릿 대체 */
    position: absolute;
    left: 0;
    top: 5px;
    color: inherit; /* 부모 글자색과 동일 */
    font-size: 18px;
    line-height: 1.4;
}
/* 🔹 반응형 */
@media (max-width: 1024px) {
    .plan-card {
        flex: 1 1 calc(50% - 20px); /* 태블릿: 2열 */
    }
}

@media (max-width: 600px) {
    .plan-card {
        flex: 1 1 100%; /* 모바일: 1열 */
    }
}

.business_01 {padding:100px 0px 40px}
.business_02 {display:flex; padding:50px 0px; align-items: center; border-right:1px solid #acacac}
.business_02 li:nth-child(1)  {display:flex}
.business_02 li:nth-child(2) {padding-left:100px; padding-right:20px}

.do_img { width:350px; height:350px; display:flex;     align-items: center;   justify-content: center;  flex-direction: column;}
	
.business_02 .do_img01 {background:#FD4E4F url(../img/sub/do_01.png) no-repeat center; background-size:cover; }
.business_02 .do_img02 {background:#FD4E4F url(../img/sub/do_02.png) no-repeat center; background-size:cover; border-left:1px solid #fff}


.business_03  {display:flex; padding:50px 0px;    justify-content: space-between;   align-items: center;}
.business_03 li:nth-child(1) {width:calc(100% - 700px); padding-right:100px}
.business_03 li:nth-child(2){ display:flex;     flex-wrap: wrap; width:700px; justify-content: flex-end;}
.business_03 .do_img03 {background:#FD4E4F url(../img/sub/do_03.png) no-repeat center; background-size:cover; border-left:1px solid #fff}
.business_03 .do_img04 {background:#FD4E4F url(../img/sub/do_04.png) no-repeat center; background-size:cover; border-left:1px solid #fff}
.business_03 .do_img05 {width:700px; height:300px; background:#FD4E4F url(../img/sub/do_05.png) no-repeat center; background-size:auto; border-top:1px solid #fff}

.business_03_flex {display:flex; gap:30px; padding-top:50px}
.business_03_flex  > div {width:calc(33.3% - 20px)}
.business_03_flex  > div > div {border-bottom:1px solid #333; padding-bottom:5px}
.business_03_flex  > div > p {padding-top:10px}



@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* 전체 너비 절반만큼 이동 */
}



.business_03 .flex {display:flex}

.business_04 {padding-top:100px; padding-bottom:20px}
.business_05 > ul { display:flex}
.business_05 > ul > li { width:calc(33.3%); border-left:1px solid #acacac;}
.business_05 ul li:nth-child(3) {border-right:1px solid #acacac;}
.business_05 ul li div {padding:20px 40px}
.business_05 ul li div.line {padding:0}
.business_05 ul li div.font-20 {padding-top:100px}
.business_05  .flex_ {display:flex;  align-items: center; justify-content: space-between; padding:20px 0px}
.business_05  .flex_01 {display:flex;     align-items: center;    justify-content: center;}
.business_05  .flex_01 img {width:100%; max-width:270px}
.business_05 ul li.last { display: flex;    justify-content: center;}

.business_05 ul li div.pt0 {padding:0px 40px 0px}
.business_05 ul li div.p0 {padding:0px 40px 20px}
.business_05 ul li div.pt01  {padding:0px 40px 20px}

.border-b-01 {border-bottom:1px solid #acacac;}
.border-b-01-40 {border-bottom:1px solid #acacac; margin:0px 40px}
.business_05.serivce_04 ul li:nth-child(3) {border-right:1px solid #acacac;}
.business_05.serivce_04 ul.plan-desc li:nth-child(3) {border-right:0px solid #acacac;}


.mySwiper {
  width: 100%;
  padding: 40px 0;
}

.mySwiper .swiper-slide {
  width: 250px; /* 카드 너비 */
  transition: all 0.3s ease;
}

.mySwiper .swiper-slide  {
  background: #D8D8D8;
  padding: 20px;
  height: 100%;
  transition: all 0.3s ease;
  transform: scale(0.9);
  word-break: keep-all;
}

/* 가운데 활성 슬라이드 */
.mySwiper .swiper-slide-active  {
  background: #f44336; /* 빨강 배경 */
  color: #fff;
  opacity: 1;
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
  transform: scale(1);
}



.mySwiper .swiper-slide .txt01 {font-size:20px; font-weight:600; line-height:150%; padding-bottom:20px; border-bottom:1px solid #acacac}
.mySwiper .swiper-slide .img  {padding-top:20px}
.mySwiper .swiper-slide .img img {width:100%}
.mySwiper .swiper-slide .txt02 {font-size:16px; line-height:150%; padding-top:20px}
.mySwiper .swiper-slide.swiper-slide-active .txt01 { border-bottom:1px solid #fff}


.serivce_02 {padding-top:50px; position: relative;}


.serivce_02 .tit {padding:200px 0px 50px; text-align:center;  position: relative; z-index:1}

.ve_line {height:100%; width:1px; background:#acacac; position: absolute;  left: 50%; top:0;  z-index:0}

.swiper.programSwiper {
  width: 100%;
  padding: 200px 0;
}

.swiper.programSwiper .swiper-slide {
  display: flex;
  justify-content: center;
}


.serivce_03 .program-card > p{max-width: 80%; margin: 0 auto;}

.program-card {
text-align:center;
    display: flex;
    flex-direction: column;
}

.program-card h3 {
  margin: 30px 0 ;
}

.program-card .img {
margin:0 auto;

}

.program-card .icon {
  margin-bottom: 10px;
}


.serivce_03_inner {position:relative ; }
.serivce_03 {position: relative; padding:50px 0px;   }
.serivce_03 .circle {border:1px solid #acacac; width:35vw; height:35vw; border-radius:50%; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); }
.serivce_03 .program-card {word-break: keep-all;}


/* Swiper 기본 네비게이션 버튼 숨기고 직접 디자인 */
.serivce_03 .swiper-button-prev,
.serivce_03 .swiper-button-next {
  width: 50px;
  height: 50px;
  border: 1px solid #acacac;
  border-radius: 50%;
  color: #555555;
  font-family: 'NanumSquare', sans-serif;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

/* hover 효과 */
.serivce_03 .swiper-button-prev:hover,
.serivce_03 .swiper-button-next:hover {
  border-color: #888;
}


.serivce_01 {padding:100px 0px 30px}

/* Swiper 기본 화살표 아이콘 제거 */
.serivce_03 .swiper-button-prev::after,
.serivce_03 .swiper-button-next::after {
  display: none;
}

.serivce_02 .swiper {overflow:visible}
.serivce_02 .swiper-button-prev,
.serivce_02 .swiper-button-next {
  width: 50px;
  height: 50px;
  border: 1px solid #acacac;
  border-radius: 50%;
  color: #555555;
  font-family: 'NanumSquare', sans-serif;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.serivce_02  .swiper-button-prev, .serivce_02  .swiper-rtl .swiper-button-next {top:-120px; right:70px; left:auto}
.serivce_02  .swiper-button-next, .serivce_02  .swiper-rtl .swiper-button-prev {top:-120px}
/* hover 효과 */
.serivce_02 .swiper-button-prev:hover,
.serivce_02 .swiper-button-next:hover {
  border-color: #888;
}

/* Swiper 기본 화살표 아이콘 제거 */
.serivce_02 .swiper-button-prev::after,
.serivce_02 .swiper-button-next::after {
  display: none;
}


	.serivce_05 ul {display:flex; }
	.serivce_05 ul li{width:50%}	
	.serivce_05 ul li:nth-child(1) {padding-top:50px}		
	.serivce_05 ul li:nth-child(2)	{border-right:1px solid #acacac; border-left:1px solid #acacac}	
	.serivce_05 ul li:nth-child(2) div:nth-child(1)	 {padding:60px 40px}	
	.serivce_05 ul li:nth-child(2) div {padding:40px 40px}	
		.serivce_05 ul li:nth-child(2) div span {display:inline-block; margin-right:30px}
	.serivce_05 ul li:nth-child(2) .na_font{border-top:1px solid #acacac}	

@media screen and (max-width : 1400px) {
.business_02 .font-24 {font-size:20px !important}
.business_02 .font-18 {font-size:16px !important}


.business_03 .font-24 {font-size:20px !important}
.business_03 .font-18 {font-size:16px !important}
.business_03 .do_img05 {width:600px; height:300px}
.do_img {width:300px; height:300px}

.business_03_flex {    flex-wrap: wrap;}
.business_03_flex > div {width:100%}
/*.business_03_flex > div:nth-child(2) {display:none}*/
.business_03 li:nth-child(1) {padding-right:50px}
.business_02 li:nth-child(2) {padding-left:50px}
}



@media screen and (max-width : 1000px) {
.business_02  {flex-direction: column-reverse;     border-right: 0px solid #acacac; }
.business_02 li:nth-child(1) {width:100%; justify-content: center; padding-top:0px;  border-top: 0; }
.business_02 li:nth-child(2) {width:100%; padding-left:0px; padding-right:0px; padding-bottom:50px}

.business_03  {    flex-wrap: wrap;}
.business_03 li:nth-child(1) {width:100%; padding-right:0px; }
.business_03 li:nth-child(2) {width:100%; justify-content: center; padding-top:50px}


.business_05 ul { flex-wrap: wrap;}
.business_05 ul li { width:100%; border-left:1px solid #acacac; border-right:1px solid #acacac; border-top:1px solid #acacac;}
.business_05 ul li:nth-child(1) {border-top:0px}
.business_05  .flex_01 {padding:50px 0px}
.business_05  .flex_01 img {width:100%; max-width:170px}

.business_05.serivce_04 ul.plan-desc li {border:0px}
.business_05 ul li div.pt0 {padding:0px 20px 0px}
.business_05 ul li div.p0 {padding:0px 20px 20px}
.business_05 ul li div.pt01  {padding:0px 20px 20px}

.business_05 ul li div {padding:20px}
.business_05 ul li div.font-20{padding:20px}

.business_03_flex{gap: 20px;}
.business_05 .flex_{padding: 0;}
}


@media screen and (max-width :700px) {
.business_02 .font-24 {font-size:16px !important}
.business_02 .font-18 {font-size:12px !important}


.business_03 .font-24 {font-size:16px !important}
.business_03 .font-18 {font-size:12px !important}

.business_02 .do_img01, .business_02 .do_img02 {width:50vw; height:46vw;     background-size: contain;}
.business_03 .do_img03, .business_03 .do_img04 {width:calc(50vw - 30px); height:46vw;     background-size: contain;}
.business_03 .do_img05 {width:calc(100vw - 60px); height:46vw;     background-size: contain;}

.serivce_03 .program-card .img img{height: 35px;}
}

@media screen and (max-width : 1400px) {
.sub_page .about_02  li:nth-child(2) {border-left:1px solid #ACACAC; }
.sub_page .about_02 img { border-right:0px solid #ACACAC;}

.serivce_02 .swiper-button-prev,
.serivce_02 .swiper-button-next {
  width: 35px;
  height: 35px;
  border: 1px solid #acacac;
  border-radius: 50%;
  color: #555555;
  font-family: 'NanumSquare', sans-serif;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.serivce_02 .swiper-button-next, .serivce_02 .swiper-button-prev{top: -90px;}
.serivce_02 .swiper-button-prev{right: 55px}
 

}

@media screen and (max-width : 1200px) {
.serivce_03 .circle { width:60vw; height:60vw;  }
}

@media screen and (max-width : 1100px) {
    .sub_page .about_list li span:nth-child(1){width: 30%;}
    .sub_page .about_list li span:nth-child(2){width: 35%;}
    .sub_page .about_list li .list_txt{width: 35%;}
	.sub_page .about_01 ul li:nth-child(2) {padding:50px 0px 0px 20px}
	.sub_page .about_01 ul li img {width:150px; padding-top:50px}
.sub_page .about_01 .circle {
  position: relative;
  width: 40vw;   /* 반응형 크기 */
  height: 40vw;
  max-width: 300px;   /* 너무 커지지 않도록 제한 */
  max-height: 300px;     
}  	
	
}




@media screen and (max-width : 1100px) {
.sub_page .contact {flex-wrap: wrap;}
.sub_page .contact .contact_left {width:100%; padding:50px 0px}
.sub_page .contact .content_right {width:100%; border-top: 1px solid #acacac;   padding-top:50px;  border-left: 0px solid #acacac;}

}



@media screen and (max-width : 900px) {
	.sub_page .about_01 ul {flex-wrap: wrap;}
	.sub_page .about_01 ul li {width:100% !important;}
	.sub_page .about_01 ul li:nth-child(1) {border-right:0px; border-bottom:1px solid #acacac;     align-items: center; }
	.sub_page .about_01 ul li img {padding-top:0px}
	.sub_page .about_01 ul li:nth-child(2) {padding:50px 0px}
	
	
	
	.sub_page .about_02  {flex-wrap: wrap;}
	.sub_page .about_02  li:nth-child(1) {width:100%; }
	.sub_page .about_02  li:nth-child(2) {width:100%; padding-left:0px;  padding:50px 0px 50px 0px; border-left:0px solid #ACACAC;}
	.sub_page .about_02 img { width:100%; padding:50px 0px; border-right:0px solid #ACACAC;  border-bottom:1px solid #ACACAC;}
	



.sub_page  .about_03 {flex-wrap: wrap; padding:50px 0px}
.sub_page  .about_03 > li:first-child {width:100%}
.sub_page  .about_03 > li:nth-child(2) {width:100%; padding-top:30px}
.sub_page  .about_03 .flex {flex-wrap: wrap; gap:30px}
.sub_page  .about_03 .flex div {width:calc(100% / 3 - 30px); text-align:center; padding:15px 0px; display:flex;         justify-content: center;    align-items: center;}
.sub_page  .about_03 .flex div  img{margin: 0 auto; width:100%}


	.sub_page .serivce_05 ul {flex-wrap: wrap;}
	.sub_page .serivce_05 ul li {width:100% !important;}
	.serivce_05 ul li:nth-child(2) {margin-top:30px}	
	.serivce_05 ul li:nth-child(2) div {border-top: 1px solid #acacac; padding:20px}
	.serivce_05 ul li:nth-child(2) .na_font {}
	.serivce_05 ul li:nth-child(2) div span {margin-right:10px}

.serivce_05 ul li:nth-child(2) div:nth-child(1) {padding:40px 20px}

}

@media screen and (max-width : 768px) {
    .sub_page .sub_top{padding: 150px 0 40px;}
    
    .sub_page .about_img{height: auto; padding: 100px 0;}
    .sub_page .about_img img{margin-bottom: 20px;}

    .sub_page .about_list li{padding: 30px 0 100px;}
    .sub_page .about_list li span:nth-child(1){width: 100%; margin-bottom: 20px;}
    .sub_page .about_list li span:nth-child(2){width: 45%;}
    .sub_page .about_list li .list_txt{width: 55%;}
    .sub_page .about_list li .list_txt .link_a{margin-top: 15px;}
.serivce_03 .circle { width:98vw; height:98vw;  }

.sub_page .about_01 .font-25  {padding-bottom:15px}
.sub_page .about_02 .font-35{padding-bottom:15px}

.sub_page .about_03 .flex {justify-content : space-evenly}
.sub_page .about_03 .flex{gap: 10px;}
	

.serivce_03 .swiper-button-prev,
.serivce_03 .swiper-button-next {
  width: 30px;
  height: 30px;
  border: 1px solid #acacac;
  border-radius: 50%;
  color: #555555;
  font-family: 'NanumSquare', sans-serif;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}	
.serivce_03 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:0px}
.serivce_03 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:0px}	


	
}
@media screen and (max-width : 600px) {
    .sub_page .sub_top h2 span{padding-left: 0; display: block; padding-top: 12px;}

    .sub_page .about_list li span:nth-child(2){width: 100%; margin-bottom: 20px;}
    .sub_page .about_list li .list_txt{width: 100%;}
    .sub_page .about_list li .list_txt .ptn_logo:first-child{margin-top: 30px;}
    .sub_page .about_list li span:nth-child(2) br.none{display: none;}
}

/* service page */
.sub_page .service_txt{width: 100%; padding: 75px 0 200px; border-top: 1px solid #bebebe; box-sizing: border-box; display: flex;}
.sub_page .service_txt p{padding-left: 10%;}

.sub_page .page_tit{border: 1px solid #bebebe; box-sizing: border-box; border-left: 0; border-right: 0; padding: 20px 0;}

.sub_page .service_list{width: 100%; padding: 180px 0 150px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_page .service_list li{width: calc(33.3333% - 20px);}
.sub_page .service_list li span{display: block;}
.sub_page .service_list li span:nth-child(1){padding-bottom: 60px; margin-bottom: 70px; border-bottom: 1px solid #bebebe; box-sizing: border-box;}
.sub_page .service_list li span:nth-child(2){padding-bottom: 40px;}
.sub_page .service_list li p{max-width: 80%;}

.sub_page .service_list li .link_box{margin-top: 150px;}
.sub_page .service_list li .link_box .link_a{margin-top: 30px;}

@media screen and (max-width : 1200px) {
    .sub_page .service_list{padding: 80px 0 150px;}
    .sub_page .service_list li{width: calc(33.3333% - 10px);}
    .sub_page .service_list li span:nth-child(1){padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px solid #bebebe; box-sizing: border-box;}
    .sub_page .service_list li span:nth-child(2){padding-bottom: 20px;}
}
@media screen and (max-width : 768px) {
    .sub_page .page_tit{padding: 12px 0;}
    .sub_page .service_txt{padding: 30px 0 120px; flex-direction: column;}
    .sub_page .service_txt p{padding-left: 0; padding-top: 20px;}
    
    .sub_page .service_list li .link_box .link_a{margin-top: 15px;}
    .sub_page .service_list li p{max-width: 90%;}
    .sub_page .service_list li{width: calc(50% - 10px);}
    .sub_page .service_list li span:nth-child(1){padding-bottom: 20px; margin-bottom: 20px;}
    .sub_page .service_list li:nth-child(1n + 3){margin-top: 60px;}
}
@media screen and (max-width : 650px) {
    .sub_page .service_list li{width: calc(100%);}
    .sub_page .service_list li span:nth-child(2){padding-bottom: 10px;}
    .sub_page .service_list li:nth-child(1n + 2){margin-top: 60px;}

    .sub_page .service_list li .link_box{margin-top: 100px;}
}
@media screen and (max-width : 550px) {
    .sub_page .service_txt p br.none{display: none;}
    .sub_page .about_01 .circle.font-40  {font-size:18px}
	.sub_page .about_01 ul li img {width:120px}

		.swiper.programSwiper{padding: 120px 0;}
}



/* process page */
.sub_page .process_ctt{width: 100%;}
.sub_page .prcs_ctt .prcs_list{width: 100%; margin: 60px 0 0px 80px; border-left: 1px solid #bebebe; box-sizing: border-box; padding-top: 300px; display: flex;}
.sub_page .prcs_ctt .prcs_list ul{width: 14.2857%;}
.sub_page .prcs_ctt .prcs_list ul li{width: 100%; padding: 0 15px; position: relative;}
.sub_page .prcs_ctt .prcs_list ul li:nth-child(1){min-height: 315px; border-bottom: 1px solid #bebebe; box-sizing: border-box;}
.sub_page .prcs_ctt .prcs_list ul li:nth-child(2){min-height: 275px;}

.sub_page .prcs_ctt .prcs_list ul li:nth-child(2) p{text-align: right;}
.sub_page .prcs_ctt .prcs_list ul li .num{padding-top: 10px;}
.sub_page .prcs_ctt .prcs_list ul li > p{position: absolute; right: 10px; bottom: 10px; padding-left: 10px;}

.sub_page .prcs_ctt .prcs_list ul:not(:last-child) li{border-right: 1px solid #bebebe; box-sizing: border-box;}

.sub_page .prcs_ctt .notice{text-align: right; margin: 100px 0 80px;}

@media screen and (max-width : 1600px) {
    .sub_page .prcs_ctt .prcs_list{margin: 60px 0 0 0;}
}
@media screen and (max-width : 1400px) {
    .sub_page .prcs_ctt .prcs_list{padding-top: 150px;}
	.sub_page .sub_top h2 {bottom:-25px}
}
@media screen and (max-width : 1200px) {
    .sub_page .prcs_ctt .prcs_list{margin: 60px 0 0; flex-wrap: wrap;}
    .sub_page .prcs_ctt .prcs_list ul{width: 25%;}
    .sub_page .prcs_ctt .prcs_list ul li:nth-child(1){min-height: 250px;}
    .sub_page .prcs_ctt .prcs_list ul li:nth-child(2){min-height: 200px; border-bottom: 1px solid #bebebe; box-sizing: border-box;}
    .sub_page .prcs_ctt .prcs_list ul:nth-child(1n + 6) li:nth-child(2){border-bottom: 0;}
    .sub_page .prcs_ctt .prcs_list ul:last-child li{border-right: 1px solid #bebebe;}
}
@media screen and (max-width : 768px) {
	.sub_page .sub_top h2 {bottom:-14px}
    .sub_page .prcs_ctt .prcs_list{padding-top: 0px;}

    .sub_page .prcs_ctt .prcs_list ul{width: 33.3333%;}
    .sub_page .prcs_ctt .prcs_list ul li:nth-child(1){min-height: 200px;}
    .sub_page .prcs_ctt .prcs_list ul li:nth-child(2){min-height: 150px; border-bottom: 1px solid #bebebe; box-sizing: border-box;}
    .sub_page .prcs_ctt .prcs_list ul:nth-child(1n + 7) li:nth-child(2){border-bottom: 0;}
    .sub_page .prcs_ctt .prcs_list ul:last-child li{border-right: 1px solid #bebebe;}

    .sub_page .prcs_ctt .notice{text-align: right; margin: 50px 0 80px;}
}
@media screen and (max-width : 600px) {
    .sub_page .prcs_ctt .prcs_list{margin: 40px 0 0;}
    .sub_page .prcs_ctt .prcs_list ul{width: 50%;}
    .sub_page .prcs_ctt .prcs_list ul li:nth-child(1){min-height: 180px;}
    .sub_page .prcs_ctt .prcs_list ul li:nth-child(2){min-height: 150px; border-bottom: 1px solid #bebebe; box-sizing: border-box;}
    .sub_page .prcs_ctt .prcs_list ul:last-child li{border-right: 1px solid #bebebe;}
}



.sub_page .contact_txt{width: 100%; display: flex; flex-wrap: wrap; padding: 70px 0 100px; border-top: 1px solid #bebebe; box-sizing: border-box;}
.sub_page .contact_txt span:nth-child(1){width: 32%;}
.sub_page .contact_txt span:nth-child(2){width: 40%;}
.sub_page .contact_txt span:nth-child(2) a{border-bottom: 1px solid #000; box-sizing: border-box; display: inline-block;}
.sub_page .contact_txt p{width: 28%;}

@media screen and (max-width : 1400px) {
    .sub_page .contact_txt span:nth-child(1){width: 100%; margin-bottom: 30px;}
    .sub_page .contact_txt span:nth-child(2){width: 55%;}
    .sub_page .contact_txt p{width: 45%;}
}
@media screen and (max-width : 768px) {
    .sub_page .contact_txt{padding: 30px 0 60px;}
    .sub_page .contact_txt span:nth-child(1){width: 100%; margin-bottom: 10px;}
    .sub_page .contact_txt span:nth-child(2){width: 100%; margin-bottom: 15px;}
    .sub_page .contact_txt p{width: 100%;}
}