@charset "UTF-8"; /************* sub공통 *************/
.sub { height: 100%; color: var(--color20); } 

.sub main { position : relative; height: 100%; } 
.sub .subtop { padding-left: 36rem; height: 50rem; margin-top: 12rem; 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) center/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) center/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: 12rem; } 
.sub main section:only-of-type { padding-bottom: 15rem; } 
.sub main section:not(:only-of-type, :first-of-type) { padding: 11rem 0; } 

/* font size */
.sub h2 { font-size: 5rem; } 
.sub h3 { font-size: 2.8rem; } 
.sub h4 { font-size: 2.5rem; font-weight: normal; } 
.sub h5 { font-size: 4rem; } 
.sub p { font-size: 2rem; } 

/* 상단 텍스트 */
.sub .txt_top { text-align: center; margin-bottom: 11rem; } 
.sub main section:not(:only-of-type, :first-of-type) .txt_top { margin-bottom: 0; } 
.sub .txt_top h2 { font-weight: 300; margin-bottom: 7rem; } 
.sub .txt_top h2 b { color: var(--text); } 
.sub .txt_top h3.emp { font-weight: normal; display: inline-block; background: #ebf5fd; } 
.sub .txt_top h3.emp:not(:only-of-type) { margin-bottom: .5rem; } 
.sub .txt_top p { line-height: 1.5; margin-top: 4rem; } 

ul li .check { margin-right: 5rem; font-size: 0; } 
/***********************************
****************sub1****************
***********************************/

/************* sub101 *************/
.sub101 section { padding-left: 26rem; } 
.sub101 .top { margin-left: 10rem; line-height: 1.3; } 
.sub101 .top h4 { margin: 5rem 0; } 
.sub101 .con { display: flex; align-items: center; background: url(images/sub101_bg.png) right/contain no-repeat; height: 85.4rem; } 
.sub101 .text { padding-left: 10rem; } 
.sub101 .text b { 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 .con { width: 114rem; height: 51.5rem; margin: 0 auto; border-radius: 3rem; overflow: hidden; display: flex; border: 1px solid #ebebeb; } 

.sub102 .con>div { display: flex; flex-direction: column; justify-content: center; width: 50%; height: 100%; } 

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

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

.sub102 .timetable ul { margin-top: 2rem; } 
.sub102 .timetable ul li { display: flex; justify-content: space-between; gap: 3rem; } 
.sub102 .timetable ul li p { line-height: 1.7; } 
.sub102 .timetable ul li p:nth-of-type(2) { width: 27rem; } 
.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 { max-width: 1400px; margin: 0 auto; display: flex; gap: 5rem; } 

.sub103 ul { width: calc(50% - 2.5rem); display: flex; flex-direction: column; gap: 5rem 0; } 

.sub103 ul li { width: 100%; height: 660px; 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: 70%; text-align: center; } 
.sub103 ul li img { height: 100%; } 

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

.sub103 ul.right { margin-top: 17rem; } 



/************* sub104 *************/
.sub104 .con { max-width: 1400px; margin: 0 auto; position : relative; } 
.sub104 .con img { width: 100%; object-fit: cover; } 

.sub104 .swiper { max-width: 1200px; margin: 0 auto; } 
.sub104 .mySwiper2 { height: 60rem; 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; } 
.sub105 .con .kakaomap { border-radius: 3rem; } 

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

.sub105 .info>div { width: 50%; } 

.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 .con>div { width: 100%; height: 50rem; display: grid; } 
.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: 50%; height: 100%; background: #0051a8b0; display: grid; } 
.sub201 .con .txt p { align-self: center; justify-self: center; line-height: 1.4; } 
.sub201 .con .up .txt { justify-self: end; } 
.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; } 
.sub202 .con .bottom { display: grid; margin-top: 10rem; height: 30rem; background: url(./images/sub202_bottom.jpg) center/cover no-repeat; color: #fff; } 
.sub202 .con .txt { align-self: center; justify-self: center; width: 1200px; } 
.sub202 .con .txt p { line-height: 1.4; } 




/************* sub204 *************/
.both_sides>ul>li { width: 100%; height: 55.3rem; display: flex; align-items: center; } 
.both_sides>ul>li:nth-child(even) { flex-direction: row-reverse; justify-content: space-between; } 


.both_sides>ul li .pic { width: 50%; height: 100%; } 
.sub204 .both_sides>ul li:nth-child(1) .pic { background: url(./images/sub204_1.png) center/contain no-repeat } 
.sub204 .both_sides>ul li:nth-child(2) .pic { background: url(./images/sub204_2.png) center/contain no-repeat } 
.sub204 .both_sides>ul li:nth-child(3) .pic { background: url(./images/sub204_3.png) center/contain no-repeat } 
.sub204 .both_sides>ul li:nth-child(4) .pic { background: url(./images/sub204_4.png) center/contain no-repeat } 

.both_sides>ul>li:nth-child(odd) .txt { padding-left: 10rem; } 
.both_sides>ul>li:nth-child(even) .txt { padding-left: 26rem; } 
.both_sides .txt { display: inline-block; } 
.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; } 

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




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

/* title_emp */
.sub .title_emp { display: flex; } 
.sub .title_emp .left { padding: 7rem 6rem 7rem 0; background: var(--main); color: #fff; border-radius: 0 3rem 3rem 0; width: 34vw; text-align: right; } 
.sub .title_emp .right { padding: 7rem 26rem 7rem 10rem; 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: 1rem; width: 88rem; } 
.white_list li { display: inline-flex; align-items: center; background: #fff; padding: 2rem 11rem; 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: 14rem; } 
.sub301 #section3 ul li { flex: 1; color: #fff; } 
.sub301 #section3 ul li h5 { height: 21rem; display: flex; align-items: center; padding-left: 10rem; margin-bottom: 6rem; overflow: hidden; border-radius: 3rem; } 

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

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

.sub301 #section3 h4 { text-align: center; color: #fff; font-weight: bold; margin-top: 7rem; } 


/************* sub302 *************/
.sub302 #section2 { padding-top: 0 !important; } 
.sub302 #section2 .con { max-width: 1400px; margin: 0 auto; } 

.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-wrap: wrap; gap: 2rem; } 
.sub302 #section2 .con ul li { flex: 1 0 calc(50% - 1rem); min-height: 24rem; 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; height: 95rem; } 

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

.sub401 #section2 .txt { display: flex; align-items: center; gap: 7rem; width: 1400px; margin: 0 auto; } 
.sub401 #section2 .txt .whitebox { width: 46rem; height: 28rem; background: #fff; color: var(--text); border-radius: 3rem; display: flex; align-items: center; padding: 0 5rem; 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 .down { background: #0051a8b0; } 
.sub401 #section2 .down .txt { flex-direction: row-reverse; } 
.sub401 #section2 .down .txt p { color: #fff; text-align: right; } 



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

span.bold_num { font-size: 7.5rem; 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) center/cover no-repeat; height: 65rem; } 


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

.sub402 #section2 ul { max-width: 1100px; gap: 4rem; } 
.sub402 #section2 ul li { flex: 1; background: var(--text); color: #fff; border-radius: 3rem; height: 26rem; } 

.sub402 ul li p { text-align: center; width: 80%; line-height: 1.5; } 
.sub402 li { position : relative; display: flex; align-items: center; justify-content: center; } 
.sub402 span.bold_num { position : absolute; top: 0; left: 5px; } 

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

.sub402 #section3 ul { max-width: 1400px; gap: 1.5rem; } 
.sub402 #section3 ul li { flex: 1; color: #fff; border-radius: 3rem; height: 26rem; border: 1px solid #fff; } 


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

.circle_list ul { display: flex; margin: 0 auto; width: 1100px; height: 340px; gap: 5.5rem; justify-content: space-around; background: url(./images/clrcie_list.png) center/cover no-repeat; } 

.circle_list ul li span.bold_num { position : relative; margin-bottom: 3.5rem; } 

.circle_list ul li { flex: 1; height: 100%; color: #fff; padding-top: 5rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; } 
.circle_list ul li p { line-height: 1.3; } 


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

.sub403 #section2 { background: #ebf5fd; } 
.sub403 #section2 ul { max-width: 1100px; display: flex; margin: 0 auto; justify-content: space-between; } 

.sub403 #section2 ul li { text-align: center; position : relative; } 

.sub403 #section2 ul li span.bold_num { text-align: left; display: block; position : relative; color: var(--text); top: 11px; z-index: 0; } 

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

.white_list_wrap { display: grid; } 

.sub403 .white_list_wrap { background: url(./images/sub403_sec3_bg.jpg) center/cover no-repeat; display: grid; } 

.white_list_wrap .right { width: 50%; justify-self: end; } 
.white_list_wrap .right .txt_top { color: #fff; } 
.white_list_wrap .right .txt_top b { color: #6abaff; } 
.white_list_wrap .right .white_list { width: 80%; gap: 3rem; } 

.sub403 .white_list_wrap .right .white_list li { padding: 2rem 0 2rem 4rem; } 





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

/************* sub501 *************/
.sub501 .sky_box { background: url(./images/sub501_sec1_bg.jpg) center/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 { background: url(./images/sub501_sec2_bg.jpg) center/cover no-repeat; display: grid; } 
.sub501 .white_list_wrap .right .white_list { width: 85%; } 
.sub501 .white_list_wrap .right .white_list li { padding: 2rem 5rem } 
.sub501 ul li .check { margin-right: 3rem; } 





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

.sub502 .sky_box { background: url(./images/sub502_sec1_bg.jpg) center/cover no-repeat; } 
.sub502 .white_list_wrap { background: url(./images/sub502_sec2_bg.jpg) center/cover no-repeat; display: grid; } 




.sub502 #section3 table { width: 1200px; 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: 24px; 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) center/cover no-repeat; } 
.sub503 .both_sides ul li:nth-child(1) .pic { background: url(./images/sub503_1.png) center/contain no-repeat } 
.sub503 .both_sides ul li:nth-child(2) .pic { background: url(./images/sub503_2.png) center/contain no-repeat } 
.sub503 .both_sides ul li .txt ul { display: flex; flex-direction: column; gap: 1.5rem; } 

.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 7rem; } 
.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) center/cover no-repeat; } 
.sub601 #section2 .txt_top { color: #fff; } 
.sub601 #section2 .txt_top b { color: #fff !important; } 
.sub601 #section2 .white_list { width: 1400px; flex-wrap: wrap; flex-direction: row; gap: 2rem 5rem; } 
.sub601 #section2 .white_list li { flex: 1 0 calc(50% - 2.5rem); padding:2rem 9rem; } 

.sub601 #section3 { text-align: center; } 
.sub601 #section4 .con { width: 1200px; 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; } 

.sub701 #section3 .title_emp { flex-direction: row-reverse; } 
.sub701 #section3 .title_emp .left { padding-left: 7rem; border-radius:3rem 0 0 3rem; text-align: left; } 
.sub701 #section3 .title_emp .right { padding: 7rem 7rem 7rem 14vw; } 

.sub701 #section2 ul.white_list li { height: 30rem; } 

.sub701 #section4 { background: url(./images/sub701_sec4_bg.jpg) center/cover no-repeat; } 
.sub701 #section2 .con,
.sub701 #section4 .con { width: 1400px; margin: 0 auto; } 

.sub701 #section4 .circle_num { color: var(--main); border-color: var(--main); } 

.sub701 ul.white_list li h4 { font-weight: bold; } 
.sub701 ul.white_list li p { line-height: 1.5; } 

.sub701 #section2 ul.white_list li,
.sub701 #section4 ul.white_list:first-child li { width: calc(50% - 1.5rem); } 

.sub701 #section2 ul.white_list li .title,
.sub701 #section4 ul.white_list:first-child .title { margin-bottom: 3rem; } 

.sub701 #section4 ul.white_list li { height: 30rem; } 


.sub701 #section4 ul li .check { margin-right: 1rem; transform: scale(.85); } 

.sub701 #section4 ul.white_list:nth-child(2) li { width: calc((100% - 6rem) / 3); 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 { background: url(./images/sub701_sec6_bg.jpg) center/cover no-repeat; } 

.sub701 #section6 .white_list li { width: 100%; 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 .con { width: 1400px; display: flex; margin: 0 auto; } 

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

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