/************* sub공통 *************/
.sub { height: 100%; color: var(--color20); } 

.sub main { position : relative; height: 100%; } 
.sub .subtop { padding:0 5rem; height: 50rem; margin-top: 9rem; display: grid; } 
.sub .subtop .txt { align-self: center; } 
.sub .subtop .txt h2 { margin: 4rem 0; } 
.sub .subtop .txt p { line-height: 1.5; } 

/* 배경 로고 */
.sub .sub_main_logo { position : absolute; bottom: 0; right: 0; z-index: -1; } 

/* bg */
.sub1 .subtop { background: url(./images/sub1_bg.jpg) center/cover no-repeat; } 
.sub2 .subtop { background: url(./images/sub2_bg.jpg) center/cover no-repeat; } 
.sub3 .subtop { background: url(./images/sub3_bg.jpg) 70%/cover no-repeat; } 
.sub4 .subtop { background: url(./images/sub4_bg.jpg) center/cover no-repeat; } 
.sub5 .subtop { background: url(./images/sub5_bg.jpg) center/cover no-repeat; } 
.sub6 .subtop { background: url(./images/sub6_bg.jpg) 60%/cover no-repeat; } 
.sub7 .subtop { background: url(./images/sub7_bg.jpg) center/cover no-repeat; } 
.sub8 .subtop { background: url(./images/sub8_bg.jpg) center/cover no-repeat; } 


.sub main section:first-of-type { padding-top: 10rem; } 
.sub main section:only-of-type { padding-bottom: 10rem; } 
.sub main section:not(:only-of-type, :first-of-type) { padding: 8rem 0; } 

/* font size */
.sub h2 { font-size: 4.4rem; } 
.sub h3 { font-size: 3rem; } 
.sub h4 { font-size: 2.5rem; font-weight: normal; } 
.sub p { font-size: 2.2rem; } 

/* 상단 텍스트 */
.sub .txt_top { text-align: center; margin-bottom: 9rem; padding: 0 2rem; } 
.sub main section:not(:only-of-type, :first-of-type) .txt_top { margin-bottom: 0; } 
.sub .txt_top h2 { font-weight: 300; margin-bottom: 5rem; } 
.sub .txt_top h2 b { color: var(--text); } 

.sub .txt_top h3.emp { background: linear-gradient(#fdfeff 10%, #dbefff 100%); background-size: 100% 100%; padding: 0 4px; /* 좌우 여백 */
 box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; line-height: 1.4; font-weight: normal; } 

.sub .txt_top p { line-height: 1.5; margin-top: 4rem; } 

ul li .check { margin-right: 1rem; font-size: 0; transform: scale(0.65); } 


/***********************************
****************sub1****************
***********************************/

/************* sub101 *************/
.sub101 .top { line-height: 1.3; margin-bottom: 10rem; text-align: center; } 
.sub101 section>p,
.sub101 section>p img { width: 100%; } 
.sub101 section>p { padding-left: 2rem; } 
.sub101 .con { display: flex; padding-left:2rem; flex-direction: column; background: url(images/sub101_bg.png) right/contain no-repeat; } 
.sub101 .con>p 
.sub101 .top h4 { margin: 5rem 0; } 
.sub101 .top h2 { font-size: 3.5rem; } 

.sub101 .text b { margin-right: 1rem; font-size: 5rem; } 
.sub101 .text ul p { font-size: 1.8rem; line-height: 1.8; } 
.sub101 .con ul.c_main3 { margin: 3rem 0; } 


/************* sub102 *************/
.sub102 #section1 { padding:10rem 2rem; } 
.sub102 .con { width: 100%; border-radius: 3rem; overflow: hidden; display: flex; border: 1px solid #ebebeb; flex-direction: column; } 

.sub102 .con>div { width: 100%; height: 100%; padding: 5rem; } 

.sub102 .con .left { background: var(--main); color: #fff; } 
.sub102 .con .left h2 { font-weight: normal; margin-bottom: 3rem; } 

.sub102 .con .right { background: #fff; padding-left: 5rem; line-height: 1.5; } 

.sub102 .timetable ul { margin-top: 2rem; } 
.sub102 .timetable ul li { display: flex;} 
.sub102 .timetable ul li p { line-height: 1.7; } 
.sub102 .timetable ul li:not(:last-of-type) p:nth-of-type(1) { width: 10rem; } 
.sub102 .timetable ul li span { background:#fff; color: var(--main); padding:.3rem .7rem; line-height: 1; border-radius: 5px; display: inline-block; font-weight: normal; margin-left: .5rem; } 



/************* sub103 *************/
.sub103 .con { margin: 0 auto; display: flex; flex-direction: column; gap: 5rem; padding:0 2rem; } 

.sub103 ul { width: 100%; display: flex; flex-direction: column; gap: 5rem 0; } 

.sub103 ul li { width: 100%; border: 1px solid #ebebeb; border-radius: 3rem; padding: 5rem; display: flex; flex-direction:column; justify-content: space-between; gap:5rem; } 

.sub103 ul li>p { height: 50%; text-align: center; max-height: 300px; overflow: hidden; } 
.sub103 ul li img { width: 70%;object-fit: contain; object-position: center; } 

.sub103 ul li .txt h3 { color: var(--text); } 
.sub103 ul li .txt p { color: var(--color20); margin-top: 3rem; line-height: 1.5; } 


/************* sub104 *************/
.sub104 .con { margin: 0 auto; position : relative; padding: 0 2rem; } 
.sub104 .con img { width: 100%; object-fit: cover; } 

.sub104 .swiper { margin: 0 auto; } 
.sub104 .mySwiper2 { border-radius: 3rem; } 

/* 하단 썸네일 slide */
.sub104 .mySwiper { height: 9.5rem; padding-top: 3rem; } 
.sub104 .mySwiper img { cursor: pointer; } 

.mySwiper .swiper-slide { opacity: 0.4; } 
.mySwiper .swiper-slide-thumb-active { opacity: 1; } 




/************* sub105 *************/
.sub105 .con { max-width: 1400px; margin: 0 auto; padding : 0 2rem } 
.sub105 .con .kakaomap { border-radius: 3rem; } 

.sub105 .info { display: flex; justify-content: space-between; max-width: 1200px; margin: 5rem auto 0; flex-direction: column; } 

.sub105 .info h3 { color: var(--text); margin-bottom: 4rem; display: flex; align-items: flex-end; } 
.sub105 .info h3 img { margin-right: 1rem; } 
.sub105 .info p, .sub105 .info span { font-size: 1.8rem; color: var(--color20); } 

.sub105 .info .left ul li { display: flex; } 
.sub105 .info .left ul li p { width: 10rem; font-weight: bold; } 
.sub105 .info .left ul li span { line-height: 1.5; } 

.sub105 .info .right .btns { display: flex; gap: 1rem; } 
.sub105 .info .right .btns a { display: flex; width: 15rem; height: 4rem; font-size: 1.8rem; background: var(--text); color: #fff; border-radius: 3rem; font-weight: bold; justify-content: center; align-items: center; } 



/***********************************
****************sub2****************
***********************************/

/************* sub201 *************/

.sub201 .txt_top { padding: 0 2rem; } 
.sub201 .con>div { width: 100%; height: 70rem; display: grid; place-items: end; } 
.sub201 .con .up { background: url(./images/sub201_1.jpg) center/cover no-repeat; } 
.sub201 .con .down { background: url(./images/sub201_2.jpg) center/cover no-repeat; } 
.sub201 .con .txt { color: #fff; width: 100%; height: 50%; background: #0051a8b0; display: grid; place-items: center; padding: 2rem; } 
.sub201 .con .txt p { align-self: center; justify-self: center; line-height: 1.4; } 
.sub201 .con h4 { text-align: center; color: red; font-weight: bold; margin-top: 5rem; } 



/************* sub202 *************/
.sub202 section { padding-bottom: 0 !important; } 
.sub202 .con>p:first-of-type { text-align: center; padding:0 2rem; } 
.sub202 .con .bottom { display: grid; margin-top: 10rem; height: 30rem; background: url(./images/sub202_bottom.jpg) 100%/cover no-repeat; color: #fff; } 
.sub202 .con .txt { align-self: center; justify-self: center; width: 100%; padding: 0 2rem; } 
.sub202 .con .txt p { line-height: 1.4; } 




/************* sub204 *************/
.both_sides>ul>li { width: 100%; display: flex; align-items: center; flex-direction: column; } 

.both_sides>ul li .pic { width: 100%; min-height: 200px; aspect-ratio: 960 / 553; } 

.sub204 .both_sides>ul li:nth-child(1) .pic { background: url(./images/sub204_1.png) center/cover no-repeat } 
.sub204 .both_sides>ul li:nth-child(2) .pic { background: url(./images/sub204_2.png) center/cover no-repeat } 
.sub204 .both_sides>ul li:nth-child(3) .pic { background: url(./images/sub204_3.png) center/cover no-repeat } 
.sub204 .both_sides>ul li:nth-child(4) .pic { background: url(./images/sub204_4.png) center/cover no-repeat } 

.both_sides .txt { display: inline-block; padding: 2rem; } 
.both_sides .txt br { display: none; } 
.both_sides .txt h3 { color: var(--text); display: flex; align-items: center; } 
 .circle_num { color: var(--text); font-size: 3rem; border-radius: 50%; border: 1px solid var(--text); width: 4rem; height: 4rem; align-items: center; text-align: center; display: inline-block; margin-right: 1.5rem; } 

.both_sides .txt p { line-height: 1.5; flex: 1; } 

.sub204 .both_sides>ul>li:not(:last-of-type) .txt b { display: block; margin-top: 2rem; margin-bottom: 3rem; } 




/***************************************************sub3****************
***********************************/

/* title_emp */
.sub .title_emp { display: flex; flex-direction: column; margin-bottom: 8rem; } 
.sub .title_emp .left { padding: 5rem 4rem 5rem 7rem; background: var(--main); color: #fff; border-radius: 0 3rem 3rem 0; width: 90%; text-align: left; } 
.sub .title_emp .right { padding: 2rem; flex: 1; } 
.sub .title_emp p { line-height: 1.5; } 


/************* sub301 *************/
.sub301 #section2 { background: url(./images/sub301_sec2bg.jpg) center/cover no-repeat; } 

.white_list { margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem; width: 100%; padding: 2rem; } 
.white_list li { display: inline-flex; align-items: center; background: #fff; padding: 2rem; border-radius: 5rem; } 

.sub301 #section3 { background: url(./images/sub301_sec3bg.jpg) center/cover no-repeat; margin-bottom: 0 !important; } 
.sub301 #section3 .txt_top ,
.sub301 #section3 .txt_top h2 b { color: #fff; } 

.sub301 #section3 .con { max-width: 1400px; margin: 0 auto; } 
.sub301 #section3 ul { display: flex; gap: 5rem; flex-direction: column; padding:0 2rem; } 
.sub301 #section3 ul li { flex: 1; color: #fff; } 
.sub301 #section3 ul li h3 { height: 18rem; display: flex; align-items: center; padding-left: 5rem; margin-bottom: 6rem; overflow: hidden; border-radius: 3rem; } 

.sub301 #section3 ul li:first-of-type h3 { background: url(./images/sub301_sec3_1.png) center/cover no-repeat; } 
.sub301 #section3 ul li:last-of-type h3 { background: url(./images/sub301_sec3_2.png) 60%/cover no-repeat; } 

.sub301 #section3 ul li p { line-height: 1.5; padding: 0 2rem; font-weight: light; } 




/************* sub302 *************/
.sub302 #section2 { padding-top: 0 !important; } 
.sub302 #section2 .con { margin: 0 auto; padding:0 2rem; } 

.sub302 #section2 .con h3 { display: inline-block; border-radius: 3rem; padding: 2rem 3.5rem; background: var(--main); color: #fff; font-weight: normal; margin-bottom: 2.5rem; } 

.sub302 #section2 .con ul { display: flex; flex-direction: column; gap: 2rem; } 
.sub302 #section2 .con ul li { width: 100%; flex: 1; border: 1px solid var(--main); border-radius: 3rem; display: flex; justify-content: center; align-items: center; padding: 2rem 0; } 


.sub302 #section2 .con ul li .txt { width: 80%; text-align: center; } 
.sub302 #section2 .con ul li .txt h4 { margin-bottom: 3rem; font-weight: bold; color: var(--text); } 
.sub302 #section2 .con ul li .txt p { color: var(--text2); line-height: 1.5; } 





/***********************************
****************sub4****************
***********************************/


/************* sub401 *************/
.sub401 #section2 { padding: 0 !important; } 
.sub401 #section2 .con { background: url(./images/sub401_sec2_bg.jpg) center/cover no-repeat; } 

.sub401 #section2 .con>div { display: flex; align-items: center; } 

.sub401 #section2 .txt { display: flex; flex-direction: column; align-items: center; gap: 3rem; margin: 0 auto; padding: 4rem 2rem; } 
.sub401 #section2 .txt .whitebox { width: 100%; padding: 3rem 0; background: #fff; color: var(--text); border-radius: 3rem; display: flex; align-items: center; text-align: center; line-height: 1.5; } 
.sub401 #section2 .txt h3 { font-weight: normal; width: 100%; } 
.sub401 #section2 .txt p { line-height: 1.5; } 
.sub401 #section2 .txt p br { display: none; } 

.sub401 #section2 .down { background: #0051a8b0; } 
.sub401 #section2 .down .txt p { color: #fff; } 



/************* sub402 *************/

span.bold_num { font-size: 7rem; font-weight: bolder; color: #fff; line-height: 1; } 

.sub402 section:not(:first-of-type) { margin: 0 !important; } 

.sub402 #section2 { background: url(./images/sub402_sec2_bg.jpg) 88%/cover no-repeat; } 

.sub402 ul { display: flex; margin: 0 auto; } 

.sub402 #section2 ul { gap: 3rem; flex-direction: column; padding: 0 2rem; } 
.sub402 #section2 ul li { background: var(--text); color: #fff; border-radius: 3rem; padding: 2rem ; min-height: 10rem; display: flex;} 
.sub402 ul li p { text-align: left; flex: 1;line-height: 1.5; } 
.sub402 li { position : relative; display: flex; align-items: center; justify-content: center; } 
.sub402 span.bold_num {margin-right: 2rem;} 

.sub402 #section3 { background: url(./images/sub402_sec3_bg.jpg) 60%/cover no-repeat; } 
.sub402 #section3 .txt_top { color: #fff; } 
.sub402 #section3 .txt_top b { color: #6abaff; } 

.sub402 #section3 ul { display: flex; flex-direction: column; gap: 1.5rem; padding: 0 2rem; } 
.sub402 #section3 ul li { padding: 2rem; min-height: 10rem; color: #fff; border-radius: 3rem; border: 1px solid #fff;display: flex; } 


.sub403 #section4 .con,
.sub402 #section4 .con { display: grid; place-items: center; } 
/* .sub403 #section4 .con img ,
.sub402 #section4 .con img{max-width: 300px;} */

.circle_list { background: url(./images/circle_list_bg.jpg) center/cover no-repeat; } 

.circle_list .txt_top { color: #fff; } 
.circle_list .txt_top b { color: #fff !important; } 




/************* sub403 *************/

.sub403 #section2 { background: #ebf5fd; } 
.sub403 #section2 ul { display: flex; flex-direction: column; margin: 0 auto; justify-content: space-between; position : relative; } 

.sub403 #section2 ul li { text-align: center; } 
.sub403 #section2 ul li .pic { position : relative; display: inline-block; } 
.sub403 #section2 ul li p img { transform: scale(.9); } 

.sub403 #section2 ul li span.bold_num { text-align: left; display: block; position : absolute; color: var(--text); top: 175px; left: 30px; z-index: 1; text-shadow:
 -1px -1px 0 #fff,
 1px -1px 0 #fff,
 -1px 1px 0 #fff,
 1px 1px 0 #fff; } 

.sub403 #section2 ul li p { line-height: 1.5; margin-top: 1rem; } 

.sub403 #section3,
.sub501 #section2,
.sub502 #section2 { padding: 0; } 
 .white_list_wrap .right { background: url(./images/white_list_dark_bg.jpg) center/cover no-repeat; padding: 7rem 0; } 
 .white_list_wrap .right .txt_top { color: #fff; } 







/***********************************
****************sub5****************
***********************************/

/************* sub501 *************/
.sub501 .sky_box { background: url(./images/sub501_sec1_bg.jpg) 70%/cover no-repeat; } 

.sky_box { text-align: center; color: #fff; padding: 11rem 0; } 
.sky_box h2 { margin-bottom: 6rem; font-weight: 300; } 
.sky_box p { line-height: 1.5; } 

.sub501 .white_list_wrap .right .white_list li { padding: 2rem; } 
.sub501 ul li .check { margin-right: 2rem; } 


/************* sub502 *************/

.sub502 .sky_box { background: url(./images/sub502_sec1_bg.jpg) center/cover no-repeat; padding: 7rem 2rem; } 

.sub502 #section3{padding: 8rem 2rem;}
.sub502 #section3 table { width: 100%; height: 100%; margin: 0 auto; border-collapse: collapse; table-layout: fixed; } 
.sub502 #section3 th { background: var(--text); } 
.sub502 #section3 th:first-child { width: 25%; } 
.sub502 #section3 th, .sub502 #section3 td { border: 1px solid #c0e2ff; text-align: center; padding: 10px; font-size: 20px; } 

.sub502 #section3 thead { color: #ffffff; font-weight: bold; } 

.sub502 #section3 th:not(:first-child) { height: 100px; font-size: 2rem; line-height: 1.2; } 

.sub502 #section3 td:first-child { background-color: #dff0ff; font-weight: bold; color: #333333; width: 25%; line-height: 1.5; } 

.sub502 #section3 td:not(:first-child) { background-color: #ffffff; color: #333333; font-weight: normal; text-align: center; line-height: 1.5; } 

.sub502 #section3 tbody tr { height: 80px; } 

/************* sub503 *************/

.sub503 .sky_box { background: url(./images/sub503_sec1_bg.jpg) 75%/cover no-repeat; } 
.sub503 .both_sides ul li:nth-child(1) .pic { background: url(./images/sub503_1.png) center/cover no-repeat } 
.sub503 .both_sides ul li:nth-child(2) .pic { background: url(./images/sub503_2.png) center/cover no-repeat } 
.sub503 .both_sides ul li .txt ul { display: flex; flex-direction: column; gap: 1rem; } 

.sub503 .both_sides .circle_num { transform: scale(.9); } 

.sub503 .both_sides ul li .txt ul li { display: flex; align-items: center; } 


/************* sub504 *************/


.sub504 #section2 { background: url(./images/sub504_sec2_bg.jpg) center/cover no-repeat; } 
.sub504 #section2 .txt_top { color: #fff; } 

.sub504 #section2 .white_list { gap: 2rem; } 
.sub504 #section2 .white_list li { padding:1rem 2rem; } 
.sub504 ul li .check { margin-right: 3rem; } 




/***********************************
****************sub6****************
***********************************/

/************* sub601 *************/
.sub601 .sky_box { background: url(./images/sub601_sec1_bg.jpg) center/cover no-repeat; } 
.sub601 .sky_box h2 b { color:#fff; } 


.sub601 #section2 { background: url(./images/sub601_sec2_bg.jpg) 55%/cover no-repeat; } 
.sub601 #section2 .txt_top { color: #fff; } 
.sub601 #section2 .txt_top b { color: #fff !important; } 
.sub601 #section2 .white_list { flex-direction: column; gap: 2rem 5rem; } 
.sub601 #section2 .white_list li { padding:2rem; } 
.sub601 #section2 .white_list h4 { flex: 1; } 

.sub601 #section3 { text-align: center; } 
.sub601 #section4 .con { margin: 5rem auto 0; text-align: center; } 
.sub601 #section4 .con .video2 { margin: 5rem 0; } 




/***********************************
****************sub7****************
***********************************/

/************* sub701 *************/

.sub701 #section2 { background: url(./images/sub701_sec2_bg.jpg) center/cover no-repeat; } 

.sub701 ul.white_list { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; width: 100%; gap: 3rem; } 
.sub701 ul.white_list li { display: block; padding: 4rem; } 
.sub701 ul.white_list li .title { display: flex; align-items: center; margin-bottom: 2rem; } 
.sub701 ul.white_list li .title h4{ font-weight: bold;} 

.sub701 #section3 .title_emp { flex-direction: column; } 
.sub701 #section3 .title_emp .left { padding-left: 7rem; border-radius: 0 3rem 3rem 0; text-align: left; } 

.sub701 #section5,
.sub701 #section3 { padding-bottom: 0; } 

.sub701 #section4 { background: url(./images/sub701_sec4_bg.jpg) center/cover no-repeat; } 

.sub701 #section4 .circle_num { color: var(--main); border-color: var(--main); } 
.sub701 #section4 ul li .title { display: flex; align-items: center; } 

.sub701 #section4 ul.white_list { display: flex; flex-direction: column; width: 100%; gap: 3rem; padding: 0 2rem; } 
.sub701 #section4 ul.white_list li { display: block; padding: 4rem; } 
.sub701 #section4 ul.white_list li h4 { font-weight: bold; } 
.sub701 #section4 ul.white_list li p { line-height: 1.5; } 

.sub701 #section4 ul.white_list:nth-child(1) li .title { margin-bottom: 4rem; } 
.sub701 #section4 ul li .check { margin-right: 1rem; transform: scale(.85); } 


.sub701 #section4 ul.white_list:nth-child(2) li { background: var(--text); color: #fff; } 
.sub701 #section4 ul.white_list:nth-child(2) li .title { margin-bottom: 1rem; } 

.sub701 #section4 ul.white_list:nth-child(2) li img { filter: brightness(0) invert(1); } 

.sub701 #section6 { padding: 0; } 
.sub701 #section6 .white_list li { flex-direction: column; align-items: flex-start; background: transparent; border: 1px solid #fff; color: #fff; padding: 4rem; } 

.sub701 #section6 .white_list li h3 { padding-left: 3rem; position : relative; margin-bottom: 2rem; } 
.sub701 #section6 .white_list li h3:after { position : absolute; content:''; width: 2rem; height: 2rem; border-radius: 50%; background: #fff; top: 50%; transform: translateY(-50%); left: 0; } 
.sub701 #section6 .white_list li h4 { line-height: 1.4; } 



/***********************************
****************sub8****************
***********************************/

/************* sub804 비급여 *************/

.sub804 #section1 h3 { text-align: center; margin-bottom: 20px;} 
.sub804 #section1 .con { max-width: 640px; display: flex; margin: 0 auto; overflow: auto; padding: 0 10px; } 

.sub804 #section1 table { border-collapse: collapse; word-break: keep-all; font-size: 2rem; border-top: 5px solid var(--main); border-bottom: 3px solid var(--main); font-size: 1.8rem; } 

.sub804 #section1 table tr td { padding:1.5rem 1rem; border: 1px solid #ddd; } 
.sub804 #section1 table tr td:first-of-type { border-left:none; } 
.sub804 #section1 table tr td:last-of-type { border-right:none; } 

.sub804 #section1 table tr td:nth-child(odd) { text-align: center; font-weight: bold; background: #d0e9ff; width: 15%; } 
.sub804 #section1 table tr td:nth-child(even) { padding-left: 2rem; width: calc(55% / 3); } 
.sub804 #section1 table tr td.none { background: none; border-right:none; } 

.sub804 #section1 table tr td .emp { background: #ffef92; display: inline-block; } 

.sub804 #section1 table tr td.bg { background: #ffceb0; } 


/***********************************
************************************
***********************************/

/************* 게시판부분 *************/


.board_con { max-width: 1200px; width: 100%; margin: 0 auto; padding: 2rem; } 
.edit_board{width: 100%;}
.edit_board  img{width: 100% !important; height: auto !important;}
td.board_description img{width: 100% !important; height: auto !important; object-fit: contain !important;}