@charset "utf-8";

*{margin: 0; letter-spacing: -1px; transition: 0.3s all;}
p,h4,h3,h2, h1, span { font-family: "Noto Sans KR"}
h4,h3,h2, h1 {line-height: normal;}
ul, li {text-decoration: none; list-style: none; padding: 0;}
/* .banner_count{background-color: #1e1c1f; width: 100%; background-position: center;} */
img{ display: block;}

/* intro 1 */
.intro1_1 {width: 100%; height: 660px; background:no-repeat center url('../images/new_img/img_intro/intro1_1_header.webp'),no-repeat; background-color: #e9eef1; background-size: cover;}
.intro1_1 .text_wrap {width:100%; margin: 0 auto; height: 100%;}
.intro1_1 .text_wrap .text_box {width: 100%; display: flex; flex-direction: column;    align-items: center; justify-content: center; height: 100%; font-family: "Noto Sans KR"}
.intro1_1 .text_wrap .text_box p {font-size: 30px; line-height: 1.2; color: #1b1b1b; font-weight: 400; text-align: center;}
.intro1_1 .text_wrap .text_box p span {font-weight: 500;}
.intro1_1 .text_wrap .text_box .line {width: 100px; height: 1px; background-color: #339ea4; margin: 52px 0 30px;}
.intro1_1 .text_wrap .text_box h1 {font-size: 60px; font-weight: 700; color: #339ea4;}

.intro1_2 {width: 100%;}
.intro1_2 .intro_wrap {width: 100%; background-color: #ebebeb;}
.intro1_2 .intro_wrap .intro_box {width: 100%; display: flex;flex-direction: column;align-items: center; }
.intro1_2 .intro_wrap .intro_box .intro_text_box { background-color: hsla(0, 0%, 100%, 0.8); margin-bottom: 130px; display: flex; flex-direction: column; align-items: center; padding: 50px 0; gap: 20px; width: 95%; margin: 0 auto 80px;}
.intro1_2 .intro_wrap .intro_box .intro_text_box h2 {font-size: 32px; font-weight: 700; color: #2b2b2b;}
.intro1_2 .intro_wrap .intro_box .intro_text_box .line {width: 1px; height: 20px; background-color: #a4a4a4;}
.intro1_2 .intro_wrap .intro_box .intro_text_box p {text-align: center; font-weight: 300; font-size: 20px; line-height: 1.2; color: #4c4c4c;}
.intro1_2 .intro_wrap:nth-of-type(2) {background:no-repeat center url('../images/new_img/img_intro/intro1_2_2.webp'),no-repeat; background-color: #a1877e; padding-top: 440px; background-size: cover;}
.intro1_2 .intro_wrap:nth-of-type(3) {background:no-repeat center url('../images/new_img/img_intro/intro1_2_3.webp'),no-repeat; background-color: #1f1f2a; background-size: cover;}
.intro1_2 .intro_wrap:nth-of-type(3) img {width: 100%; margin: 50px 0;}

.intro1_3 { background-color: #d3bea0; width: 100%; padding: 80px 0; text-align: center;}
.intro1_3 .intro_wrap .title {color: #3a3025; margin-bottom: 20px;}
.intro1_3 .intro_wrap .title h2 {font-size: 55px; font-weight: 700; line-height: 1.2;}
.intro1_3 .intro_wrap .title p {font-size: 45px; font-weight: 400; line-height: 1.2; margin-top: 10px;}
.intro1_3 .intro_wrap .title p span {font-weight: 600;}
.intro1_3 .intro_wrap .line {width: 100px; height: 1px; background: #1b1b1b; margin: 30px auto;}
.intro1_3 .intro_wrap .cont_text {color: #2f2d2b; font-size: 24px; line-height: 1.4;}

.intro1_4 {background:no-repeat center url('../images/new_img/img_intro/intro1_4_1.webp'),no-repeat; background-color: #314041; width: 100%;background-size: cover; background-position: top left;}
.intro1_4 .intro_wrap {margin: 0 auto; padding-bottom: 80px;}
.intro1_4 .intro_wrap .title {color: #fff; font-size: 50px; text-align: center; padding: 100px 0 0; height: fit-content;}
.intro1_4 .intro_wrap .title p{font-weight: 400;}
.intro1_4 .intro_wrap .title h2{font-weight: 700; font-size: 50px;}
.intro1_4 .intro_wrap  img {margin: 30px auto;}
.intro1_4 .intro_wrap .cont  {width: 90%; margin: 0 auto;}
.intro1_4 .intro_wrap .cont div { text-align: center; background-color: #2b3030; padding: 30px 0; margin-bottom: 10px; color: #fff;}
.intro1_4 .intro_wrap .cont div h4 {font-size: 32px; line-height: 1.2; border: 1px solid #737676; width: fit-content; margin: 0 auto 20px; border-radius: 50px; padding: 15px 15px 17px; font-weight: 300;}
.intro1_4 .intro_wrap .cont  h3{color: #8ae2e7; font-size: 35px; line-height: 1.2; width: 100%; margin-bottom: 10px; font-weight: 500;} 
.intro1_4 .intro_wrap .cont p{ font-size: 21px; font-weight: 300; color: #ccd0d0;}

.intro1_5 {width: 100%; background-color: #edf0f0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 0 80px;}
.intro1_5 p {color: #272727; font-size: 50px; text-align: center;}
.intro1_5 h2 {color: #272727; font-size: 50px; font-weight: 700; text-align: center;}
.intro1_5 div {width: fit-content; margin: 50px auto 0;}
.intro1_5 img {width: 100%;}

.intro1_6 {width: 100%; }
.intro1_6 .intro_wrap {margin: 0 auto; display: flex; flex-direction: column; text-align: center; gap: 25px; justify-content: center; align-items: center; padding: 80px 0 30px;}
.intro1_6 .intro_wrap .title {color: #3a3025; margin-bottom: 20px;}
.intro1_6 .intro_wrap .title h2 {font-size: 50px; font-weight: 700; color: #2ba0a7; line-height: 1.2;}
.intro1_6 .intro_wrap .title p {font-size: 50px; font-weight: 400;}
.intro1_6 .intro_wrap .line {width: 100px; height: 1px; background: #1b1b1b;}
.intro1_6 .intro_wrap .cont_text {color: #272727; font-size: 24px; line-height: 1.4;}

.intro1_7 {width: 100%; height: fit-content;}
.intro1_7 .intro_box {width: 100%;background-color: #f1f1f1; text-align: center;}
.intro1_7 .intro_box .intro_img { width: 100%;}
.intro1_7 .intro_box .intro_img img{width: 100%;}
.intro1_7 .intro_box .intro_text_box {background: #339ea4; padding: 80px 0;}
.intro1_7 .intro_box .intro_text_box h2 {color: #fff; font-size: 36px; font-weight: 600; line-height: 1.2; margin-bottom: 10px;}
.intro1_7 .intro_box .intro_text_box p {color: #a1f2f6; font-size: 18px; font-weight: 300; line-height: 1.2;}
.intro1_7 .intro_box .intro_top {background:no-repeat center url('../images/new_img/img_intro/intro1_6_3_1.webp'),no-repeat; background-size: cover; display: flex; justify-content: center; height: 450px; align-items: center; gap: 10px;}
.intro1_7 .intro_box .intro_top div {width: 180px; height: 160px; background:no-repeat center url('../images/new_img/img_intro/intro1_6_3_2.webp'),no-repeat; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.intro1_7 .intro_box .intro_top div p {font-size: 22px; line-height: 1.2; color: #fff;}
.intro1_7 .intro_box .intro_top div p span {color: #e6d3ba;}
.intro1_7 .intro_box .intro_img_w { width: 100%;}
.intro1_7 .intro_box .intro_img_w img{ width: 100%;}
.intro1_7 .intro_box .intro_text_box_w {background: #f0f5f5; color: #272727;  height: 100%; padding: 80px 0;}
.intro1_7 .intro_box .intro_text_box_w h2 { font-size: 36px; font-weight: 700; line-height: 1.2; margin-bottom: 10px;}
.intro1_7 .intro_box .intro_text_box_w p { font-size: 18px; font-weight: 300; line-height: 1.2;}
.intro1_7 .intro_box .intro_text_box_w >div {display: flex; gap: 5px; justify-content: center; margin-top: 30px;}
.intro1_7 .intro_box .intro_text_box_w >div>div {display: flex; flex-direction: column; align-items: center; gap: 13px;}
.intro1_7 .intro_box .intro_text_box_w >div>div p {font-size: 15px; color: #272727;}


@media(max-width: 430px){
    .intro1_1 {height: 400px;}
    .intro1_1 .text_wrap .text_box p {font-size: 23px; }
    .intro1_1 .text_wrap .text_box .line {margin: 30px auto 20px;}
    .intro1_1 .text_wrap .text_box h1 {font-size: 44px;}
    .intro1_2 .intro_wrap .intro_box .intro_text_box{padding: 30px 0;}
    .intro1_2 .intro_wrap .intro_box .intro_text_box h2 {font-size: 27px;}
    .intro1_2 .intro_wrap .intro_box .intro_text_box p {font-size: 15px; }
    .intro1_3 .intro_wrap .title h2 {font-size: 35px;}
    .intro1_3 .intro_wrap .title p {font-size: 30px;}
    .intro1_3 .intro_wrap .cont_text {font-size: 15px;}
    .intro1_4 .intro_wrap .title h2 {font-size: 32px;}
    .intro1_4 .intro_wrap img {width: 90%;}
    .intro1_4 .intro_wrap .cont div h4 {font-size: 24px; padding: 8px 11px 9px;}
    .intro1_4 .intro_wrap .cont h3 {font-size: 23px;}
    .intro1_4 .intro_wrap .cont p {font-size: 14px;}
    .intro1_5 p,.intro1_5 h2 {font-size: 34px;}
    .intro1_5 img {width: 90%; margin: 0 auto;}
    .intro1_6 .intro_wrap .title p {font-size: 36px;}
    .intro1_6 .intro_wrap .title h2{font-size: 36px;}
    .intro1_6 .intro_wrap .cont_text {font-size: 16px;}
    .intro1_7 .intro_box .intro_text_box {padding: 40px 0;}
    .intro1_7 .intro_box .intro_text_box h2 {font-size: 23px;}
    .intro1_7 .intro_box .intro_text_box p {font-size: 15px;}
    .intro1_7 .intro_box .intro_text_box_w {padding: 40px 0;}
    .intro1_7 .intro_box .intro_text_box_w h2 {font-size: 23px;}
    .intro1_7 .intro_box .intro_text_box_w p {font-size: 15px;}
    .intro1_7 .intro_box .intro_text_box_w >div {width: 95%; margin: 30px auto 0;}
    .intro1_7 .intro_box .intro_top {padding: 0 10px; box-sizing: border-box;}
    .intro1_7 .intro_box .intro_top div p { font-size: 16px;}
}

@media(max-width: 380px){
    .intro1_1 .text_wrap .text_box p {font-size: 20px; }
    .intro1_1 .text_wrap .text_box .line {margin: 30px auto 20px;}
    .intro1_1 .text_wrap .text_box h1 {font-size: 40px;}
    .intro1_2 .intro_wrap .intro_box .intro_text_box{padding: 30px 0;}
    .intro1_2 .intro_wrap .intro_box .intro_text_box h2 {font-size: 23px;}
    .intro1_2 .intro_wrap .intro_box .intro_text_box p {font-size: 12px; }
    .intro1_3 .intro_wrap .title h2 {font-size: 32px;}
    .intro1_3 .intro_wrap .title p {font-size: 27px;}
    .intro1_3 .intro_wrap .cont_text {font-size: 12px;}
    .intro1_4 .intro_wrap .title h2 {font-size: 32px;}
    .intro1_4 .intro_wrap img {width: 90%;}
    .intro1_4 .intro_wrap .cont div h4 {font-size: 21px; padding: 8px 11px 9px;}
    .intro1_4 .intro_wrap .cont h3 {font-size: 20px;}
    .intro1_4 .intro_wrap .cont p {font-size: 12px;}
    .intro1_5 p,.intro1_5 h2 {font-size: 30px;}
    .intro1_5 img {width: 90%; margin: 0 auto;}
    .intro1_6 .intro_wrap .title p {font-size: 30px;}
    .intro1_6 .intro_wrap .title h2{font-size: 30px;}
    .intro1_6 .intro_wrap .cont_text {font-size: 13px;}
    .intro1_7 .intro_box .intro_text_box {padding: 40px 0;}
    .intro1_7 .intro_box .intro_text_box h2 {font-size: 20px;}
    .intro1_7 .intro_box .intro_text_box p {font-size: 12px;}
    .intro1_7 .intro_box .intro_text_box_w {padding: 40px 0;}
    .intro1_7 .intro_box .intro_text_box_w h2 {font-size: 20px;}
    .intro1_7 .intro_box .intro_text_box_w p {font-size: 12px;}
    .intro1_7 .intro_box .intro_text_box_w >div {width: 95%; margin: 30px auto 0;}
    .intro1_7 .intro_box .intro_top {padding: 0 10px; box-sizing: border-box;}
    .intro1_7 .intro_box .intro_top div p { font-size: 13px;}
}

/* intro 2*/
.intro2_1 {width: 100%; height: 660px; background:no-repeat center url('../images/new_img/img_intro/intro2_1_header.webp'),no-repeat; background-color: #e9eef1; background-size: cover;}
.intro2_1 .text_wrap {width:100%; margin: 0 auto; height: 100%;}
.intro2_1 .text_wrap .text_box {width: 100%; display: flex; flex-direction: column;    align-items: center; justify-content: center; height: 100%; font-family: "Noto Sans KR"}
.intro2_1 .text_wrap .text_box p {font-size: 30px; line-height: 1.2; color: #1b1b1b; font-weight: 400; text-align: center; word-break: keep-all;}
.intro2_1 .text_wrap .text_box p span {font-weight: 500;}
.intro2_1 .text_wrap .text_box .line {width: 100px; height: 1px; background-color: #339ea4; margin: 52px 0 30px;}
.intro2_1 .text_wrap .text_box h1 {font-size: 60px; font-weight: 700; color: #339ea4; text-align: center; line-height: 1.2;}

.intro2_2 {width: 100%;}
.intro2_2 h1 {font-size: 45px; line-height: 1.2; color: #1b1b1b; margin: 60px 0 35px; text-align: center; font-weight: 500;}
.intro2_2>.line {width: 36px; height: 2px; background-color: #1b1b1b; margin: 0 auto; margin-bottom: 35px;}
.intro2_2 .doctor_wrap{width: 100%;}
.intro2_2 .doctor_r{width: 100%;   background-color: #333c3d; }
.intro2_2 .doctor_r .text_box {width: 100%; background-color: #333c3d;}
.intro2_2 .doctor_r .text_box img {width: 100%;}
.intro2_2 .doctor_r .text_box .text_wrap {width: 80%; color: #fff; display: flex; flex-direction: column; justify-content: flex-start; gap: 20px;margin: 0 auto; padding-bottom: 70px;}
.intro2_2 .doctor_r .text_box .text_wrap>h3 { font-size: 28px; font-weight: 400;}
.intro2_2 .doctor_r .text_box .text_wrap>h2 { font-size: 48px; font-weight: 600;}
.intro2_2 .doctor_r .text_box .text_wrap>h2 span{ font-size: 36px;}
.intro2_2 .doctor_r .text_box .text_wrap>p {font-size: 22px; line-height: 1.8; letter-spacing: -2px; font-weight: 300; word-break: keep-all;}
.intro2_2  .doctor_r .line {width: 1px; background: #727c7d;margin-bottom: 20px;}
.intro2_2 .doctor_r .text_box .doc_info p, .intro2_2 .doctor_l .text_box .doc_info p{color: #9fdde0; font-size: 22px;}
.intro2_2 .doctor_r .text_box .doc_info h2 {font-size: 45px; font-weight: 600;}
.thesis {width: 100%; background:no-repeat center center url('../images/new_img/img_intro/intro2_2_3.webp') #1d5c60;  background-size: cover;}
.intro2_2 .doctor_r .text_box .doc_info span{ font-size: 24px; font-weight: 300;}
.intro2_2_top {font-size: 24px; color: #1dc0c9;}

.thesis .title {display: flex; align-items: center;justify-content: center; padding: 100px 0 55px; gap:30px; color: #fff; flex-direction: column; text-align: center;}
.thesis .title p {font-size: 60px; font-weight: 400; line-height: 1.2;}
.thesis .title p span {font-weight: 700;}
.thesis .thesis_wrap {width: 100%; background: #0f393c36; display: flex; flex-direction: column; align-items: center; padding: 40px 0 70px;}
.thesis .thesis_wrap img:nth-of-type(2) {width: 95%; margin: 0 auto;}
.thesis .thesis_wrap button {color:#333c3d; font-size: 28px; font-weight: 700; background-color: #fff; padding: 10px 40px; border-radius: 18px;box-shadow: 4px 5px 6px 2px #0e3336; cursor: pointer;}

.intro2_3 {width: 100%; background:no-repeat center center url('../images/new_img/img_intro/intro2_3_1.webp') #1d5c60; background-size: cover;}
.intro2_3 img {width: 100%; margin: 0 auto;}
.intro2_3 > div {margin: 0 auto; width: 100%; text-align: center; color: #fff;}
.intro2_3 .text_wrap {padding: 60px 0 50px;}
.intro2_3 .text_wrap h2 {font-size: 50px; font-weight: 700;}
.intro2_3 .text_wrap p {font-size: 25px; line-height: 1.2; margin-top: 30px;}
.intro2_3 .text_wrap p.sub_title {font-size: 50px; font-weight: 300; margin-bottom: 10px;}
.intro2_3 .text_wrap p span {font-weight: 700;}
.intro2_3 div:nth-of-type(2) { background-color: #ffffff38; padding: 30px 0; margin:0 auto 45px; width: 95%;}

.intro2_4 {width: 100%; background:no-repeat center center url('../images/new_img/img_intro/intro2_4_1.webp') #ffffff; padding-bottom: 50px; background-size: cover;}
.intro2_4 .title_wrap { width: 95%; padding: 100px 0 60px; display: flex; align-items: center; justify-content: center; gap: 40px; margin: 0 auto;}
.intro2_4 .title_wrap p {font-size: 50px; font-weight: 400; color: #1b1b1b; text-align: center;}
.intro2_4 .title_wrap p span {font-weight: 600; color:#339ea4;}
.intro2_4 .partner_doc_box {display: flex; width: fit-content; margin: 0 auto; gap: 100px; flex-direction: column;}
.intro2_4 .partner_doc_box .doc_info{position: relative; width: 90%; margin: 0 auto; height: 500px;}
.intro2_4 .partner_doc_box .doc_info img {width: 100%;}
.intro2_4 .partner_doc_box .doc_info >div {width: 160px; height: 160px; background-color: #333c3d; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; bottom: 200px; left: -30px;}
.intro2_4 .partner_doc_box .doc_info >div .line { width: 1px; height: 25px; background-color: #9fdde0; margin-bottom: 10px;}
.intro2_4 .partner_doc_box .doc_info >div>span {font-size: 18px; font-weight: 400; color: #9fdde0;}
.intro2_4 .partner_doc_box .doc_info >div p {font-size: 30px; font-weight: 700; color: #fff; margin-top: -5px;}
.intro2_4 .partner_doc_box .doc_info >div p span {font-size: 22px;}
.intro2_4 .partner_doc_box .doc_text {margin: 30px 0; color: #1b1b1b;}
.intro2_4 .partner_doc_box .doc_text p {color:#339ea4; font-size: 22px; font-weight: 400;}
.intro2_4 .partner_doc_box .doc_text h2 {font-size: 45px; grid-row: 700;}
.intro2_4 .partner_doc_box .doc_text h2 span {font-size: 24px; font-weight: 300;}
.intro2_4 .partner_doc_box .doc_text_wrap > p {font-size: 17px; font-weight: 400; line-height: 1.8;}

@media(max-width: 430px){
    .intro2_1 {height: 400px;}
    .intro2_1 .text_wrap .text_box p {font-size: 23px; }
    .intro2_1 .text_wrap .text_box .line {margin: 30px auto 20px;}
    .intro2_1 .text_wrap .text_box h1 {font-size: 44px;}

    .intro2_2 h1 {font-size: 36px; margin: 40px 0 25px;}
    .intro2_2 .doctor_r .text_box .text_wrap>h3 {font-size: 21px;}
    .intro2_2 .doctor_r .text_box .text_wrap>h2{font-size: 37px;}
    .intro2_2 .doctor_r .text_box .text_wrap>h2 span {font-size: 25px;}
    .intro2_2 .doctor_r .text_box .intro2_2_top {font-size: 18px;}
    .intro2_2 .doctor_r .text_box .text_wrap>p {font-size: 15px;}
    .intro2_2 .doctor_r .text_box .doc_info h2 {font-size: 33px;}
    .intro2_2 .doctor_r .text_box .doc_info span {font-size: 22px;}
    .thesis .title {padding: 70px 0 55px;}
    .thesis .title p {font-size: 45px;}
    .thesis .thesis_wrap img:nth-of-type(1) {width: 70%;}
    .thesis .thesis_wrap button {font-size: 17px; padding: 10px 20px; border-radius: 10px;}

    .intro2_3 .text_wrap {padding: 40px 0 40px;}
    .intro2_3 .text_wrap p.sub_title {font-size: 28px;}
    .intro2_3 .text_wrap h2 {line-height: 1.2; font-size: 31px;}
    .intro2_3 .text_wrap p {font-size: 17px;  margin-top: 20px;}
    .intro2_3 >img {width: 95%; margin: 0 auto;}

    .intro2_4 .title_wrap {padding: 50px 0 40px; gap: 0;}
    .intro2_4 .title_wrap p {font-size: 27px; text-align: center;}
    .intro2_4 .partner_doc_box .doc_text_wrap {width: 90%; margin: 0 auto;}
}

@media(max-width: 380px){
    .intro2_1 {height: 400px;}
    .intro2_1 .text_wrap .text_box p {font-size: 20px; }
    .intro2_1 .text_wrap .text_box .line {margin: 30px auto 20px;}
    .intro2_1 .text_wrap .text_box h1 {font-size: 40px;}

    .intro2_2 h1 {font-size: 33px; margin: 40px 0 25px;}
    .intro2_2 .doctor_r .text_box .text_wrap>h3 {font-size: 18px;}
    .intro2_2 .doctor_r .text_box .text_wrap>h2{font-size: 34px;}
    .intro2_2 .doctor_r .text_box .text_wrap>h2 span {font-size: 22px;}
    .intro2_2 .doctor_r .text_box .intro2_2_top {font-size: 15px;}
    .intro2_2 .doctor_r .text_box .text_wrap>p {font-size: 12px;}
    .intro2_2 .doctor_r .text_box .doc_info h2 {font-size: 30px;}
    .intro2_2 .doctor_r .text_box .doc_info span {font-size: 21px;}
    .thesis .title {padding: 70px 0 55px;}
    .thesis .title p {font-size: 42px;}
    .thesis .thesis_wrap img:nth-of-type(1) {width: 70%;}
    .thesis .thesis_wrap button {font-size: 14px; padding: 10px 20px; border-radius: 10px;}

    .intro2_3 .text_wrap {padding: 40px 0 40px;}
    .intro2_3 .text_wrap p.sub_title {font-size: 25px;}
    .intro2_3 .text_wrap h2 {line-height: 1.2; font-size: 28px;}
    .intro2_3 .text_wrap p {font-size: 14px;  margin-top: 20px;}
    .intro2_3 >img {width: 95%; margin: 0 auto;}

    .intro2_4 .title_wrap {padding: 50px 0 40px; gap: 0;}
    .intro2_4 .title_wrap p {font-size: 24px; text-align: center;}
    .intro2_4 .partner_doc_box .doc_text_wrap {width: 90%; margin: 0 auto;}
}



/* intro 3*/
.intro3_1 {width: 100%; height: 660px; background:no-repeat center url('../images/new_img/img_intro/intro3_1_header.webp'),no-repeat; background-color: #e9eef1; background-size: cover; margin-top: 60px;}
.intro3_1 .text_wrap {width:100%; margin: 0 auto; height: 100%;}
.intro3_1 .text_wrap .text_box {width: 100%; display: flex; flex-direction: column;    align-items: center; justify-content: center; height: 100%; font-family: "Noto Sans KR"}
.intro3_1 .text_wrap .text_box p {font-size: 30px; line-height: 1.2; color: #1b1b1b; font-weight: 400; text-align: center; word-break: keep-all;}
.intro3_1 .text_wrap .text_box p span {font-weight: 500;}
.intro3_1 .text_wrap .text_box .line {width: 100px; height: 1px; background-color: #339ea4; margin: 52px 0 30px;}
.intro3_1 .text_wrap .text_box h1 {font-size: 60px; font-weight: 700; color: #339ea4; text-align: center; line-height: 1.2;}
.intro3_1 .text_wrap .text_box img {width: 95%; margin: 30px auto 0;}

.intro3_2 .title_wrap {width: 100%; text-align: center;}
.intro3_2 .title_wrap p {font-size: 45px; font-weight: 400; margin: 70px 0 0;}
.intro3_2 .title_wrap p span {color: #d4885f;}
.intro3_2 .title_wrap .line {width: 1px; height: 20px; margin: 30px auto; background-color: #1b1b1b;}
.intro3_2 .title_wrap h1 {font-size: 60px; line-height: 72px;}
.intro3_2 .title_wrap h1 span {display: block; color: #277dc4; font-weight: 700; margin-bottom: 50px;}
.intro3_2 .pic_wrap {width: 95%; margin: 0 auto; background-color: #efebe9; text-align: center; margin-bottom: 100px;}
.intro3_2 .pic_wrap img {width: 100%; }
.intro3_2 .pic_wrap div {padding: 60px 0}
.intro3_2 .pic_wrap div .sub_title {font-size: 24px; font-weight: 400; line-height: 42px; color: #393939;}
.intro3_2 .pic_wrap div .title {font-weight: 700; color: #634939; font-size: 30px;}

.intro3_3 {width: 100%; background:no-repeat center center url('../images/new_img/img_intro/intro3_3.webp') #2f2f44; text-align: center; padding: 70px 0 100px; background-size: cover;}
.intro3_3 h2 {color:#32c1c9; font-size: 50px; margin-bottom: 10px;}
.intro3_3 h3 {color:#fff; font-weight: 400; font-size: 45px;}
.intro3_3 p {font-weight: 500; font-size: 44px; color: #fff; padding: 0 5px;}
.intro3_3 .table {display: flex; gap: 10px; text-align: center; justify-content: center;margin-top: 50px; align-items: center;}
.intro3_3 .table ul {width: 230px;}
.intro3_3 .table ul li {padding: 20px 0;}
.intro3_3 .table .left_table ul li {padding: 22px 0;}
.intro3_3 .table .left_table .cont_title {font-size: 28px; color: #a8b7e2; background-color: #1b1d26ba;}
.intro3_3 .table .left_table .cont_table {font-size: 22px; color: #96979b; background-color: #1b1d2642; border-bottom: 1px solid #545660;}
.intro3_3 .table .right_table .cont_title {font-size: 28px; font-weight: 700; color: #fff; background-color: #32c1c9;}
.intro3_3 .table .right_table .cont_table {font-size: 22px;  color: #fff;border-bottom: 1px solid #545660;  font-weight: 500;}
.intro3_3 .table .right_table .cont_table span {color: #32c1c9;}
.intro3_3 .table .right_table {border: 8px solid #32c1c9;}


.intro3_4 {width: 100%; background:no-repeat center center url('../images/new_img/img_intro/intro3_4.webp') #dcdcdc; text-align: center; padding: 100px 0; background-size: cover;}
.intro3_4>h2 {font-size: 50px; font-weight: 400;}
.intro3_4>h3 {font-size: 50px; font-weight: 700; color: #0d86ae; margin-bottom: 10px;}
.intro3_4>p {font-size: 23px; font-weight: 300; color: #393939; line-height: 35px;}
.intro3_4>p span {font-weight: 700;}
.intro3_4 p.intro3_4_underline{font-size: 26px;font-weight: 600; border-bottom: 1px solid #1b1b1b; width: fit-content; margin: 0 auto;}
.intro3_4 p.intro3_4_underline:nth-of-type(3){ margin-bottom: 40px;}
.intro3_4 .cont_card_list {display: grid; justify-content: center; gap:20px; grid-template-columns: 1fr 1fr; justify-items: center; width: 95%; margin: 0 auto;}
.intro3_4 .cont_card_list .cont_card {background-color: #ffffffd9; border-radius: 5px; text-align: center; width: 250px;}
.intro3_4 .cont_card_list .cont_card .title {font-size: 26px; line-height: 36px; color: #303030; padding-top: 60px; font-weight: 500;}
.intro3_4 .cont_card_list .cont_card .count {font-weight: 900; font-size: 50px; color: #0d86ae;}
.intro3_4 .cont_card_list .cont_card .count span {font-weight: 700; font-size: 30px;}
.intro3_4 .cont_card_list .cont_card  p:nth-of-type(3) {font-size: 24px; color: #0d86ae; padding-bottom: 70px;}
.intro3_4 .cont_card_list .cont_card .count_date {font-size: 15px; font-weight: 300; color: #606060; padding-bottom: 30px;}

.intro3_5 {width: 100%; text-align: center; padding: 100px 0;}
.intro3_5 h2 {font-size: 50px; font-weight: 500;}
.intro3_5 .line {width: 1px; height: 35px; background-color: #000; margin: 25px auto;}
.intro3_5 .cont_card_list {width: 95%; display: flex; justify-content: center; gap: 35px;flex-direction: column; margin: 0 auto;}
.intro3_5 .cont_card_list .card { border: 1px solid #464646; border-radius: 5px; padding: 21px 21px 34px; display: flex; justify-content: space-between;}
.intro3_5 .cont_card_list .card h4 {font-size: 35px; color: #4196db; padding:25px 0 10px 0;}
.intro3_5 .cont_card_list .card p {font-size: 22px; line-height: 36px; font-weight: 400; color: #464646;}

@media(max-width: 430px){
    .intro3_1 {height: 400px;padding: 40px 0; box-sizing: border-box;}
    .intro3_1 .text_wrap .text_box p {font-size: 23px;}
    .intro3_1 .text_wrap .text_box .line {margin: 14px 0px;}
    .intro3_1 .text_wrap .text_box h1 {font-size: 40px;}
    .intro3_2 .title_wrap p {font-size: 24px;}
    .intro3_2 .title_wrap h1 {font-size: 37px; line-height: 1.2;}
    .intro3_2 .pic_wrap div .sub_title {font-size: 16px; line-height: 1.6;}
    .intro3_2 .pic_wrap div .title {font-size: 19px;}
    .intro3_3 .table {flex-direction: column;}
    .intro3_3 h2 {font-size: 34px;}
    .intro3_3 h3 {font-size: 25px;}
    .intro3_4 {padding: 50px 0;}
    .intro3_4>h2{font-size: 37px;}
    .intro3_4>h3 {font-size: 35px;}
    .intro3_4>p {font-size: 15px; line-height: 1.7;}
    .intro3_4 p.intro3_4_underline {font-size: 21px;}
    .intro3_4 .cont_card_list {gap: 10px;}
    .intro3_4 .cont_card_list .cont_card {width: 100%;}
    .intro3_4 .cont_card_list .cont_card .title {font-size: 20px; line-height: 1.2;     padding-top: 22px;}
    .intro3_4 .cont_card_list .cont_card .count {font-size: 34px; padding-bottom: 16px;}
    .intro3_4 .cont_card_list .cont_card p:nth-of-type(3) {padding-bottom: 0;}
    .intro3_5 {padding: 50px 0;}
    .intro3_5 h2 {font-size: 30px;}
    .intro3_5 .line {height: 20px;}
    .intro3_5 .cont_card_list {gap: 20px;}
    .intro3_5 .cont_card_list .card {padding: 10px; justify-content: space-evenly}
    .intro3_5 .cont_card_list .card img {width: 50%; object-fit: contain;}
    .intro3_5 .cont_card_list .card h4 {font-size: 25px; padding: 10px 0; line-height: 1;}
    .intro3_5 .cont_card_list .card p{font-size: 18px; line-height: 1.7;justify-content: space-around}
}

/* intro 04 */

.intro4_1 {width: 100%; height: 400px; background:no-repeat center url('../images/new_img/img_intro/intro4_1_header.webp'),no-repeat; background-color: #e7e7e7; margin-top: 60px;}
.intro4_1 .text_wrap {width: 100%; margin: 0 auto; padding-top:40px;}
.intro4_1 .text_wrap .text_box {display: flex; flex-direction: column;    align-items: center; justify-content: center; font-family: "Noto Sans KR"; background-color: #6772676e; width: 90%; margin: 0 auto; border: 6px solid #fff; height: 320px;}
.intro4_1 .text_wrap .text_box p {font-size: 31px; line-height: 1.3; color: #fff; font-weight: 400; text-align: center;}
.intro4_1 .text_wrap .text_box p span { font-weight: 500;}
.intro4_1 .text_wrap .text_box h1 {color: #fff; font-size: 47px; line-height: 1;}

.intro4_2 {width: 100%;;}
.intro4_2 img {width: 100%;}
.intro4_2 h1 {font-size: 45px; line-height: 58px; color: #1b1b1b; margin: 60px 0 35px; text-align: center; font-weight: 500;}
.intro4_2>.line {width: 36px; height: 2px; background-color: #1b1b1b; margin: 0 auto; margin-bottom: 35px;}
.intro4_2 .map_img {width: fit-content; margin: 0 auto; background-color: #5f696a; text-align: center;}
.intro4_2 .map_img p{color: #d0d8d9; font-size: 16px; font-weight: 400; padding: 30px 0; margin-bottom: 50px;}
.intro4_2 .map_img p span{color: #fff; font-weight: 600;}
.intro4_2 .map_info_box { width: 100%; margin: 0 auto 30px; border-top: 2px solid #269a9a; display: flex; gap: 20px; align-items: flex-start; padding: 0 10px;}
.intro4_2 .map_info_box img {object-fit: contain; margin-top: 30px; width: 80px;}
.intro4_2 .map_info_box >div img {object-fit: contain;  width: auto;}
.intro4_2 .map_info_box .info_warp { color: #1b1b1b; margin-top: 50px; }
.intro4_2 .map_info_box .info_warp h3 {font-weight: 400; font-size: 36px; margin-bottom: 30px;}
.intro4_2 .map_info_box .info_warp h3 span{font-weight: 700;}
.intro4_2 .map_info_box .info_warp > p {color: #269a9a; font-weight: 700; font-size: 22px; margin-bottom: 15px;}
.intro4_2 .map_info_box .info_warp .map_text {display: flex; flex-wrap: wrap; gap: 10px;  align-items: center;}
.intro4_2 .map_info_box .info_warp .map_text .metro {min-width: 100px; width: fit-content; padding: 6px 10px; background: #0d86ae; border-radius: 100px; text-align: center; color: #fff; font-size: 18px; font-weight: 500; display: inline-block; line-height: 1;}
.intro4_2 .map_info_box .info_warp .map_text p {font-size: 16px; font-weight: 500; line-height: 2.5; word-break: keep-all;}
.intro4_2 .map_info_box .info_warp .map_text p.metro_type {line-height: normal;}
.intro4_2 .map_info_box .info_warp .map_text span.metro{margin: 0 10px;}
.intro4_2 .map_info_box .info_warp .line {width: 100%; height: 1px; background-color: #dcdcdc; margin: 30px 0;}
.intro4_2 .map_info_box .info_warp .map_text span.metro span {font-weight: 500; color: #71560f;}
.intro4_2 .map_info_box .info_warp .map_text.bus {display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px;}
.intro4_2 .map_info_box .info_warp .map_text.bus div {display: flex; gap: 20px;}
.bus_img_wrap {display: flex; gap: 20px; margin: 0 auto; width: 95%; justify-content: space-between; margin-bottom: 50px;flex-direction: column;}
.bus_img_wrap img {padding: 20px; background: #eaeaea; width: 100%;}
.intro03_tab_list {padding: 0;}
.intro03_tab_list li {position: relative;}


.info_box .info_warp{background-color: #313939; width: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.info_box .info_warp>div {padding:40px 10px; width: 100%;}
.info_box .info_warp img {margin: 0;}
.info_box .info_warp>div p {color: #fff;}
.info_box .info_warp .clinic_info1 p:nth-of-type(1) {font-size: 22px; font-weight: 600; margin-top: 30px;}
.info_box .info_warp .clinic_info1 p:nth-of-type(2) {font-size: 19px; font-weight: 300;}
.info_box .info_warp .clinic_info1 p:nth-of-type(3) {font-size: 22px; font-weight: 400; margin-top: 10px;}
.info_box .info_warp .clinic_info1 p:nth-of-type(3) span {color: #68d7d7; font-size: 28px;}

.info_box .info_warp .clinic_info2 .title { display: flex; gap: 10px; align-items: center;   }
.info_box .info_warp .clinic_info2 .title p {font-size: 30px; font-weight: 600;}
.info_box .info_warp .clinic_info2 .info_date {margin-top: 20px; display: flex; justify-content: space-between;}
.info_box .info_warp .clinic_info2 .info_date > div:first-of-type > p {font-size: 20px; font-weight: 300;}
.info_box .info_warp .clinic_info2 .info_date > div:first-of-type > p span {margin-right: 10px; font-weight: 400;}
.info_box .info_warp .clinic_info2 .info_date > div:first-of-type > p:last-of-type {color: #addede; font-size: 17px; font-weight: 400;}
.info_box .info_warp .clinic_info2 .info_date .btn_print {width: fit-content; background-color: #537272; text-align: center; padding: 20px 30px; border-radius: 10px; position:unset; cursor: pointer;}
.info_box .info_warp .clinic_info2 .info_date .btn_print p {font-size: 17px; line-height: 20px;}
.info_box2 .info_warp {background-color: #f5f5f5; }
.info_box2 .info_warp>div p {color: #383838;}
.info_box2 .info_warp .clinic_info1 p:nth-of-type(1) {color: #1b1b1b; font-size: 22px; font-weight: 400;}
.info_box2 .info_warp .clinic_info1 p:nth-of-type(1) span {font-weight: 500; font-size: 21;}
.info_box2 .info_warp .clinic_info1 p:nth-of-type(2),.info_box2 .info_warp .clinic_info1 p:nth-of-type(3) {font-weight: 500; font-size: 28px; color:#269a9a;}
.info_box2 .info_warp .clinic_info1 p:nth-of-type(2) span,.info_box2 .info_warp .clinic_info1 p:nth-of-type(3) span {font-weight: 500; font-size: 21px; color: #1b1b1b;}
.info_box2 .info_warp .clinic_info1 p:nth-of-type(3) {margin: 0;}
.info_box2 .info_warp .clinic_info2 .info_date div>p {font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.info_box2 .info_warp .clinic_info2 .info_date div p span {color: #555555; font-weight: 400; font-size: 16px;}
.info_box2 .info_warp .clinic_info2 .park_wrap > div {display: flex; align-items: flex-start; gap: 10px;} 
.info_box2 .info_warp .clinic_info2 .info_date .num {padding: 5px 14px; background: #269a9a; border-radius: 100px; color: #fff;}
.info_box2 .info_warp .clinic_info2  { border-top: 1px solid #e5e6e6; }

@media(max-width: 430px){
    .intro4_1 .text_wrap .text_box p {font-size: 24px;}
    .intro4_1 .text_wrap .text_box h1 {font-size: 36px;}
    .intro4_2 .map_img p {font-size: 14px; word-break: keep-all;}
    .intro4_2 .map_info_box img {width: 40px;}
    .intro4_2 .map_info_box .info_warp {margin-top: 27px;}
    .intro4_2 .map_info_box .info_warp h3 {font-size: 30px; margin-bottom: 15px;}
    .info_box2 .info_warp .clinic_info1 p:nth-of-type(1) {font-size: 18px; margin-bottom: 10px;}
    .info_box2 .info_warp .clinic_info1 p:nth-of-type(2), .info_box2 .info_warp .clinic_info1 p:nth-of-type(3) {font-size: 22px;}
    .intro4_2 .map_info_box .info_warp .map_text.bus div {align-items: center;}
    .intro4_2 .map_info_box .info_warp .map_text .metro {letter-spacing: -1.4px;}
    .intro03_tab { display: grid;grid-template-columns: 1fr 1fr;width: 100%;}
    .intro03_tab li {width: 100%;}
    .intro03_tab li strong {display: block; width: fit-content; line-height: 1;}
    .intro4_2 .map_info_box .info_warp .map_text.bus div:nth-of-type(3) p:last-of-type{line-height:2 ;}
    .intro4_2 .map_info_box {gap:5px; padding: 0;}
    .intro4_2 .map_info_box:last-of-type .info_warp {margin-top: 0;}
    .info_box .info_warp>div {padding: 40px 20px;}
}


.intro5_1 {width: 100%; height: 659px; background:no-repeat center url('../images/new_img/img_intro/intro5_1_header.webp'),no-repeat; background-color: #e9eef1; background-size: cover;}
.intro5_1 .text_wrap {width: 100%; margin: 0 auto; height: 100%;}
.intro5_1 .text_wrap .text_box {width: 95%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; font-family: "Noto Sans KR"; margin: 0 auto; }
.intro5_1 .text_wrap .text_box p {font-size: 18px; line-height: 30px; font-weight: 400;  color: #d3c6b7; margin-top: 30px;}
.intro5_1 .text_wrap .text_box h1 span {font-size: 24px; font-weight: 300; color: #fff;}
.intro5_1 .text_wrap .text_box h1 {font-size: 55px; font-weight: 700; color: #fff; letter-spacing: -4px; line-height: 1.2;}