@charset "utf-8";

/*******************
개인정보처리방침
*******************/

.user_privacy.table_1 thead th {padding: 10px 20px 6px; font-size: 15px;}
.user_privacy.table_1 tbody td {padding: 10px 20px 6px; font-size: 15px;}
.privacy_box {display: none;}
.privacy_box.active {display: block;}
.privacy-policy-link > a:hover {color: #0057CB; border-bottom: 1px solid #0057CB;}

/*******************
인사말
*******************/

.sub_greeting {position: relative; display: flex; flex-direction: row-reverse; gap: 50px; word-break: keep-all; }
.sub_greeting .textarea {position: relative; flex: 1; z-index: 0;}
.sub_greeting .frame-wrap {position: relative; display: flex; gap: 13px;}
.sub_greeting .frame-wrap > img {object-fit: contain;}
.sub_greeting .frame {position: relative;width: 359px;height: 453px;border-radius: 60px 8px;overflow: hidden;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);z-index: 1;}
.sub_greeting .frame img {width: 100%;height: 100%;object-fit: cover;}
.sub_greeting .frame-shadow {position: absolute;bottom: -20px;right: -20px;width: 349px;height: 346px;background: #1778FB;border-radius: 0 8px 70px 8px;}
.sub_greeting .name-wrap {margin-top: 40px; margin-right: 40px; display: flex; justify-content: right; align-items: center; gap: 18px;}
.sub_greeting .name-wrap p {font-family: 'Pre Bold'; font-size: 18px;}
.sub_greeting .maintext {position: relative;font-family: 'Pre Bold';margin-bottom: 40px;letter-spacing: -0.04em;font-size: 48px;line-height: 1.3;padding: 0 42px;background: linear-gradient(92.74deg, #3792FB 18.3%, #2A4AB2 90.83%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sub_greeting .maintext span {display: inline-block;position: relative;margin-left: auto;background: linear-gradient(92.74deg, #3792FB 3%, #2A4AB2 50.83%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-left: 120px;}
.sub_greeting .maintext::before {content: "";position: absolute;display: block;width: 44px;height: 35px;background-image: url('/sites/style_guide/images/sub/img_quotation01.png'); /* 왼쪽 따옴표 */background-size: contain;background-repeat: no-repeat;left: 0px;top: -10px;}
.sub_greeting .maintext span::after {content: "";position: absolute;width: 44px;height: 35px;background-image: url('/sites/style_guide/images/sub/img_quotation02.png'); /* 오른쪽 따옴표 */background-size: contain;background-repeat: no-repeat;right: -40px;top: -4px;}

@media all and (max-width: 1430px) {
    .sub_greeting .maintext span {margin-left: 0;}
}
@media all and (max-width: 1024px) {
    .sub_greeting .right-wrap {width: 40%;}
    .sub_greeting .frame {width: 94%; height: 400px;}
    .sub_greeting .frame-wrap > img {width: 6%;}
    .sub_greeting .frame-shadow {width: 89%; height: 75%;}
    .sub_greeting .name-wrap {margin-right: 0;}
}
@media all and (max-width: 900px) {
    .sub_greeting {flex-direction: column; gap: 80px;}
    .sub_greeting .right-wrap {width: 398px;}
    .sub_greeting .frame {width: 94%; height: 453px;}
    .sub_greeting .maintext {border-bottom: 60px;}
}
@media all and (max-width: 768px) {
    .sub_greeting .name-wrap {justify-content: center; margin-left: 40px;}
    .sub_greeting .name-wrap p {font-size: 16px;}
    .sub_greeting .maintext {font-size: 40px;}
} 
@media all and (max-width: 430px) {
    .sub_greeting .right-wrap {width: 100%; padding-right: 20px;}
    .sub_greeting .frame {height: 350px;}
    .sub_greeting .name-wrap {flex-wrap: wrap;}
    .sub_greeting .frame-shadow {bottom: -15px;right: -15px}
    .sub_greeting .maintext {font-size: 36px;}
}
@media all and (max-width: 390px) {
    .sub_greeting .maintext {font-size: 34px;}
}


/*******************
간호의 정의
*******************/
.sub_definition {display: flex;}
.sub_definition .title {margin-bottom: 24px; font-size: 36px; font-weight: 700; letter-spacing: -0.03em;}
.sub_definition .itemA {width: 45%; margin-right: 60px;}
.sub_definition .itemB {flex: 1;}
.imgTextA.sub01_01_04 {border-image: none;}
.imgTextA.sub01_01_04 .title {font-size: 36px; font-weight: 700; letter-spacing: -0.03em;}
.imgTextA.sub01_01_04 .description {margin-top: 20px;}
.imgTextA.sub01_01_04 .bg_1 {background-color: #F4F7FB;}
.imgTextA.sub01_01_04 .bg_1 ul li:last-child {margin-bottom: 0;}
.sub_definition-2 .itemA {width: 34%; margin-right: 60px;}
.sub_definition-2 .itemA img {border-radius: 8px;}
.sub_definition-2 .itemB .description {margin-top: 20px;}

@media all and (max-width: 900px) {
    .sub_definition {flex-direction: column;}
    .sub_definition .itemA {width: 50%; margin-right: 0; margin-bottom: 60px;}
  }

@media all and (max-width: 768px) {
.sub_definition .itemA {width: 100%; max-width: 500px;}
.sub_definition {flex-direction: column;}
.sub_definition .title {margin-bottom: 14px; font-size: 30px;}
}


/*******************
협회상징
*******************/

.ci.article_1 {padding-bottom: 0;}
.sub_ci_01 {display: flex; gap: 80px; /*margin-bottom: 70px;*/}
.sub_ci_01 .box_line {border: 1px solid #D1D1D1;}
.sub_ci_01 .imgbox {padding: 28px; width: 35%; display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap;}
.sub_ci_01 .imgbox > img {max-width: 160px; width: 42.77%; min-width: 120px;}
.sub_ci_01 .textarea {flex: 1;}
.sub_ci_01 .objHeading_h6 {margin-top: 32px; color: #222;}
.sub_ci_01 .color-system-wrap {display: flex; justify-content: space-between; gap: 10px;}
.sub_ci_01 .color-system {max-width: 120px; height: 120px; width: 100%; border-radius: 4px; display: flex; justify-content: center; align-items: center; text-align: center; font-family: 'Pre Bold'; color: #fff; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);}
.sub_ci_01 .color-system span {font-family: 'Pre Regular';}
.sub_ci_01 .color-system-1 {background-color: #0068B7;}
.sub_ci_01 .color-system-2 {background-color: #F6F103;}
.sub_ci_01 .color-system-3 {background-color: #E97EBD;}
.sub_ci_01 .color-system-4 {background-color: #D2D3D5;}
.sub_ci_02 {padding: 54px 124px 52px 113px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #D1D1D1;}
.sub_ci_02 .img-wrap01 {max-width: 360px; width: 39.39%; position: relative;}
.sub_ci_02 .img-wrap02 {max-width: 399px; width: 43.67%;}
.sub_ci_02 p {margin-top: 40px; font-size: 18px; text-align: center;}
.sub_ci_03 {padding: 60px 209px 60px 95px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #D1D1D1;}
.sub_ci_03 > img:nth-child(1) {max-width: 361px; width: 42.57%;}
.sub_ci_03 > img:nth-child(2) {max-width: 259px; width: 30.54%;}
.sub_ci_03 + .list_1 > li {margin-bottom: 0;} 
/* .sub_ci_02 .img-wrap01::after {content: '국문표기 서체: 산돌북 변형체'; position: absolute; font-family: 'Pre Medium'; font-size: 18px; text-align: center; width: 100%; left: 50%; transform: translateX(-50%); bottom: -20px; color: #464646;} */

@media all and (max-width: 900px) {
    .sub_ci_02 p {font-size: 2vw;}
}
@media all and (max-width: 768px) {
    .sub_ci_01 {flex-direction: column; gap: 30px;}
    .sub_ci_01 .imgbox {width: 100%;}
    .sub_ci_02 {padding: 30px;}
    .sub_ci_03 {padding: 30px 50px 30px 30px;}
    .sub_ci_01 .color-system {font-size: 16px;}
    .sub_ci_02 p {margin-top: 20px; font-size: 2.5vw;}
}
.sub_music {padding-bottom: 0;}
img.sheet {width: 90%;}



/*******************
협회목표
*******************/

.quote-box {position: relative; background: white; padding: 38px 77px; border-radius: 200px; border: 2px solid #A3C7F7; text-align: center; max-width: 83%; font-family: 'Pre Bold'; font-size: 24px; text-align: center; font-weight: bold; color: #222; margin: 0 auto; word-break: keep-all; z-index: 1;}
.quote-box::before,
.quote-box::after {content: '\201C'; font-size: 2rem; color: #3b82f6; background-color: #fff; padding: 0 10px; position: absolute; font-weight: bold; z-index: -1;}
.quote-box::before {top: -18px; left: 40px;}
.quote-box::after {content: '\201D'; bottom: -25px; right: 40px;}

.sub_goal02 {margin: 155px auto 80px; position: relative; width: 508px; height: 508px; background-color: white; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1), 0 0 0 50px #EFF3F7; border: 1px solid #F0F0F0; display: flex; justify-content: center; align-items: center; text-align: center;}
.sub_goal02 .sub_goal_center {position: absolute; font-size: 30px; line-height: 1.4;}
.sub_goal02 .sub_goal_center strong {font-size: 40px;}
.sub_goal02 .goal_item {position: absolute; padding: 30px; width: 220px; height: 220px; background-color: #2684DE; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 24px; padding: 10px; word-break: keep-all;}
.sub_goal02 .goal1 { top: -23%; left: 0%; }  
.sub_goal02 .goal2 { top: -23%; right: 0%; }
.sub_goal02 .goal3 { top: 50%; right: -30%; transform: translateY(-50%); }
.sub_goal02 .goal4 { bottom: -23%; right: 0%; }
.sub_goal02 .goal5 { bottom: -23%; left: 0%; } 
.sub_goal02 .goal6 { top: 50%; left: -30%; transform: translateY(-50%); }


@media (max-width: 870px) {
    .sub_goal02 {width: 350px; height: 350px;}
    .sub_goal02 .sub_goal_center {font-size: 24px;}
    .sub_goal02 .sub_goal_center strong {font-size: 36px;}
    .sub_goal02 .goal_item {width: 160px; height: 160px; font-size: 20px;}
}

@media (max-width: 600px) {                                  
    .quote-box {font-size: 1rem; padding: 15px 30px; border-radius: 40px;}
    .sub_goal02 {margin-top: 80px; width: 245px; height: 245px; box-shadow: 0 0 0 17px #EFF3F7;}
    .sub_goal02 .sub_goal_center {font-size: 16px;}
    .sub_goal02 .sub_goal_center strong {font-size: 20px;}
    .sub_goal02 .goal_item {width: 105px; height: 105px; font-size: 14px; padding: 3px;}
}
@media (max-width: 430px) {
    .sub_goal02 {width: 230px; height: 230px;}
    /* .center:has(.sub_goal02) {width: 374px; height: auto; overflow-x: scroll;} */
    
}

/*******************
KNA활동
*******************/

.sub_kna .main-img {width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
.sub_kna .main-text {margin-top: 30px; /*margin-bottom: 56px;*/ font-family: 'Pre Bold'; font-size: 24px; line-height: 1.3; letter-spacing: -0.03em;}
.sub_kna .main-text2 {font-size: 24px;}

.sub_kna .timeline {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.sub_kna .timeline-item {width: 25%; /*margin-bottom: 90px;*/}
.sub_kna .timeline-item .date {display: flex; justify-content: center; align-items: center; flex: 1; width: 100%; height: 50px; font-family: 'Pre Bold'; font-size: 18px; color: #fff; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%);}
.sub_kna .timeline-item .date01 {clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); background-color: #B8D2F3;}
.sub_kna .timeline-item .date02 {background-color: #A1C7F7;}
.sub_kna .timeline-item .date03 {background-color: #88B8F7;}
.sub_kna .timeline-item .date04 {background-color: #1778FB;}
.sub_kna .timeline-item .desc {margin-top: 14px; line-height: 24px;}

.sub_kna .icon-box-wrap {display: flex; gap: 40px; /*margin-bottom: 70px;*/}
.sub_kna .icon-box {padding: 52px 30px; display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; border-radius: 12px; font-family: 'Pre Bold'; font-size: 18px; line-height: 35px; border: 2px solid #DCEBFF;}
.sub_kna .icon-box .subtitle {text-align: center; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.5;}
.sub_kna .icon-box span {font-size: 32px;}

.sub_kna .apply {padding: 0 111px 0 74px; display: flex; justify-content: space-between; align-items: center;}
.sub_kna .apply .circle-wrap {display: flex;}
.sub_kna .apply .circle-wrap .circle {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: 240px; height: 240px; border-radius: 50%; background-color: #e6e6e629;}
.sub_kna .apply .circle-wrap .circle02 {margin-left: -30px;}
.sub_kna .apply .circle-wrap .circle p {text-align: center; font-family: 'Pre Medium'; font-size: 18px; line-height: 1.3; letter-spacing: -0.03em; position: relative; z-index: 1;}
.sub_kna .apply .circle03 {display: flex; justify-content: center; align-items: center; text-align: center; font-family: 'Pre Bold'; font-size: 18px; color: #fff; width: 220px; height: 220px; background-color: #4C96FF; border-radius: 50%; position: relative; box-shadow:  0 0 0 20px #C5DEFD, 0 0 0 40px #F4F7FB;}
.sub_kna .btn-wrap {margin-top: 80px; /*margin-bottom: 70px;*/ display: flex; justify-content: center; gap: 12px;}
.sub_kna .photo-wrap {display: flex; justify-content: space-between; gap: 32px;}
.sub_kna .photo-bg {border-radius: 8px; overflow: hidden;}
.sub_kna .photo-bg-empty {flex: 1; height: 240px; background: #F4F7FB url('/sites/kna_ko/images/sub/sub_02_01_logo.png') no-repeat; background-position: center;}
.sub_kna .subtext-btn {margin-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.sub_kna .photo-wrap .subtext {font-size: 18px; color: #6F6F6F;}

.sub_kna .diagram {margin-top: 40px; display: flex; align-items: flex-start;}
.sub_kna .diagram .circle { width: 180px; height: 180px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; text-align: center; color: #0046A5;}
.sub_kna .diagram .circle.light {margin-top: 10px;background-color: #E8F1FC;}
.sub_kna .diagram .circle.circle-main { width: 200px; height: 200px; background-color: #4C96FF; font-size: 24px; letter-spacing: -0.03em; color: #fff; box-shadow:  0 0 0 20px #C5DEFD, 0 0 0 40px #F4F7FB; position: relative; z-index: 1;}
.sub_kna .description {margin-top: 30px;}
.sub_kna .diagram .arrow-container { display: flex; align-items: center; gap: 5px;}
.sub_kna .diagram .arrow-container.arrow-right {position: relative;}
.sub_kna .diagram .arrow-container.arrow-left {position: relative;}
.sub_kna .diagram .dashed-line {margin-top: 100px; width: 180px; border-top: 2px dashed #F0F0F0;}
.sub_kna .diagram .arrow-img { position: absolute; top: 100%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 47px;}
.sub_kna .diagram .reverse {transform: scaleX(-1) translateY(-50%);}

.sub_kna .icn_logo {display: flex; gap: 26px;}
.sub_kna .icn_logo .logo-box {padding: 44px 77px; display: flex; justify-content: center; align-items: center; border: 1px solid #B0D0F9;}
.sub_kna .icn_logo .logo-text {margin-top: 30px; width: 64.8%;}
.sub_kna .icn_logo .logo-text .list_1 > li {margin-bottom: 14px;}
.sub_kna .icn_logo .logo-text .list_1 > li::before{width:11px;height:11px;top:5px;border-radius:100%;}
.sub_kna .icn_logo .logo-text .list_1 > li:nth-child(1):before {background:#FF6711;}
.sub_kna .icn_logo .logo-text .list_1 > li:nth-child(2):before {background:#082879;}
.sub_kna .icn_logo .logo-text .list_1 > li:nth-child(3):before {background:#1B5BBC;}
.sub_kna .icn_director {display: flex; gap: 40px;}
.sub_kna .icn_director .text {width: 63%;}
.sub_kna .icn_director figure {padding: 0; margin: 0; flex: 1;}
.sub_kna .icn_director figure figcaption {margin-top: 10px; text-align: left; font-size: 16px;}
.sub_kna .table_1 table {font-size: 16px;}
.sub_kna .icn_cnr {display: flex; gap: 40px;}
.sub_kna .icn_cnr .text {width: 63%;}
.sub_kna .team-photo-wrap {padding: 0 16px; display: grid; grid-template-columns: repeat(2, minmax(300px, 500px)); grid-auto-rows: auto; column-gap: 50px; row-gap: 35px;  justify-content: left;}
.sub_kna .team-photo {padding: 20px 30px; display: flex; align-items: center; gap: 16px; max-width: 500px; width: 100%; background-color: #F4F7FB;}
.sub_kna .team-photo .textarea .position {font-size: 16px; color: #0046A5;}
.sub_kna .team-photo .textarea .name {margin-top: 4px; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.3; color: #1E1E1E; letter-spacing: -0.03em;}
.sub_kna .foundation {color: #1778FB;}
.sub_kna .organization-mo {display: none;}

.icn-main {display: flex; gap: 30px;}
.sub_kna.icn-main .main-img {width: 384px;}
.icn-main .article_1 {padding-bottom: 0; flex: 1;}

@media (max-width: 1480px) {
    .sub_kna .apply {padding: 0 50px 0 0;}
    .sub_kna .apply .img-arrow {margin-left: -50px; position: relative; z-index: 1;}
    .sub_kna .diagram .circle.circle-main {width: 180px; height: 180px;}
    /* .sub_kna .diagram .circle {width: 160px; height: 160px;} */
    .sub_kna .diagram .dashed-line {width: 100%;}
    .sub_kna .diagram .arrow-container {flex: 1;}
}
@media (max-width: 1280px) {
    .sub_kna .apply {padding: 0 111px 0 74px;}
}
@media (max-width: 1100px) {
    .sub_kna .apply {padding: 0 50px 0 0;}
}
@media (max-width: 1024px) {
    .sub_kna .timeline {/*margin-bottom: 70px;*/ display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto;}
    .sub_kna .timeline-item {width: 100%; margin-bottom: 20px;}
    .sub_kna .icon-box {flex-direction: column;}
    .sub_kna .diagram .arrow-container.arrow-right .arrow-img {right: unset; left: 10%;}
    .sub_kna .diagram .arrow-container.arrow-left .arrow-img {right: 10%; left: unset;}
} 
@media (max-width: 960px) {
    .sub_kna .apply {display: flex; flex-direction: column; padding: 0;}
    .sub_kna .apply .img-arrow {margin-left: 0; transform: rotate(90deg); margin-top: 42px;}
    .sub_kna .apply .circle03 {margin-top: 86px;}
    .sub_kna .subtext-btn {flex-direction: column; align-items: flex-start; gap: 50px;}
    .sub_kna .subtext-btn > a {margin-left: auto;}
    .sub_kna .diagram .circle {width: 120px; height: 120px; font-size: 16px;}
    .sub_kna .diagram .circle.circle-main {width: 148px; height: 148px; font-size: 20px;}
    .sub_kna .description {font-size: 16px;}
    .sub_kna .diagram .circle:nth-child(1) {padding-top: 10px;}
    .sub_kna .diagram .arrow-container.arrow-right {margin-left: -48px;}
    .sub_kna .diagram  {margin-top: 72px;}
    .sub_kna .diagram .dashed-line {margin-top: 70px;}
}
@media (max-width: 830px) {
    .sub_kna .main-text {font-size: 22px; word-break: keep-all;}
    .sub_kna .icon-box-wrap {gap: 10px;}
    .sub_kna .icon-box {padding: 20px;}
    .sub_kna .icon-box > img {width: 70px;}
    .sub_kna .photo-wrap {gap: 20px;}
    .sub_kna .subtext-btn .subtext {font-size: 16px;}
    .sub_kna .article_1.mb70 {margin-bottom: 0;}
    .sub_kna .icn_logo {flex-direction: column; gap: 0;}
    .sub_kna .icn_logo .logo-text {width: 100%;}
    .sub_kna .icn_logo .logo-box {padding: 30px;}
    .sub_kna .icn_director {flex-direction: column-reverse;}
    .sub_kna .icn_director img {max-width: 384px; width: 100%;}
    .sub_kna .icn_director .text {width: 100%;}
    .sub_kna .icn_director figure figcaption {text-align: center; font-size: 12px;}
    .sub_kna .icn_cnr {flex-direction: column;}
    .sub_kna .icn_cnr .text {width: 100%;}
    .sub_kna .icn_cnr .imgbox {text-align: center;}
    .sub_kna .team-photo-wrap {padding: 0; grid-template-columns: 1fr; row-gap: 20px;}
    .sub_kna .team-photo {max-width: unset;}
    .sub_kna .organization-pc {display: none;}
    .sub_kna .organization-mo {display: block; margin: 0 auto; width: 100%; max-width: 357px;}
    .sub_kna .btn-plan.right {text-align: center;}
    .sub_kna .btn-plan.right a {max-width: 261px; width: 100%;}
    .sub_kna .diagram {flex-direction: column; align-items: center;}
    .sub_kna .diagram .circle-container {display: flex; flex-direction: column; align-items: center;}
    .sub_kna .diagram .dashed-line {height: 100%; width: 180px; transform: rotate(90deg);}
    .sub_kna .diagram .arrow-container.arrow-right {margin-left: 0; margin-top: -75px;}
    .sub_kna .diagram .circle.circle-main {margin-top: 100px;}
    .sub_kna .diagram .arrow-container.arrow-right .arrow-img {right: 0; left: 0; transform: rotate(90deg);}
    .sub_kna .description {margin-top: 10px; z-index: 1;}
    .sub_kna .diagram .arrow-container.arrow-right .arrow-img {top: 120%; width: 40px;}
    .sub_kna .diagram .arrow-container.arrow-left {margin-top: 14px;}
    .sub_kna .diagram .arrow-container.arrow-left .arrow-img {right: 0; left: 0; transform: rotate(-90deg);}
    .sub_kna .diagram .arrow-container.arrow-left .arrow-img {top: 65%; width: 40px;}

    .sub_kna .table_1 table,
    .sub_kna .table_1 thead,
    .sub_kna .table_1 tbody,
    .sub_kna .table_1 th,
    .sub_kna .table_1 td,
    .sub_kna .table_1 tr {display: block;width: 100%;word-break: keep-all;}
    .sub_kna .table_1 thead {display: none;}
    .sub_kna .table_1 tbody tr {margin-bottom: 15px;border: 1px solid #ccc;padding: 0px;}
    .sub_kna .table_1 tbody td {display: flex; justify-content: left; align-items: center; padding: 10px; border: none; border-bottom: 1px solid #eee; position: relative; text-align: left;}
    .sub_kna .table_1 tbody td::before {content: attr(data-label); flex: 0 0 40%; font-family: 'Pre Bold'; margin-right: 10px; text-align: center;}
    .sub_kna .table_1 tbody td:last-child {border-bottom: none;}
    
}
@media (max-width: 768px) {
    .icn-main {flex-direction: column;}
    .sub_kna.icn-main .main-img {width: 100%;}
    .sub_kna.icn-main .main-img img {width: 100%;}
}
@media (max-width: 590px) {
    .sub_kna .main-text > br {display: none;}
    .sub_kna .timeline-item .desc {padding-right: 20px;}
    .sub_kna .icon-box-wrap {flex-direction: column;}
    .sub_kna .icon-box {flex-direction: row;}
    .sub_kna .icon-box .subtitle {font-size: 16px;}
    .sub_kna .icon-box span {font-size: 26px;}
    .sub_kna .apply .circle-wrap .circle {width: 180px; height: 180px; gap: 10px;}
    .sub_kna .apply .circle-wrap .circle > img {width: 50px;}
    .sub_kna .apply .circle-wrap .circle > img {width: 50px;}
    .sub_kna .apply .circle-wrap .circle02 > img {transform:translateY(-12px)}
    .sub_kna .apply .circle03 {width: 180px; height: 180px;}
    .sub_kna .btn-wrap {flex-direction: column; align-items: center;}
    .sub_kna .btn-wrap > a {width: 100%; max-width: 270px;}
    .sub_kna .subtext-btn > a {margin: 0 auto; width: 100%; max-width: 270px;}
}
@media (max-width: 430px) {
    .sub_kna .timeline-item .desc > br {display: none;}
    .sub_kna .photo-wrap {flex-direction: column; width: 100%;}
    .sub_kna .photo-wrap .photo-bg > img {width: 100%;}
}


/*******************
정보안내
*******************/

.sub_info .diagram {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; font-family: 'Pre Bold'; font-size: 18px;}
.sub_info .diagram .step-box-wrap {display: flex; flex-direction: column; align-items: center;}
.sub_info .diagram .step-box {display: flex; justify-content: center; align-items: center; width: 480px; height: 100px; background-color: #EAF3FF; border-radius: 100px;}
.sub_info .diagram .step-box01 {flex-direction: column; background-color: #fff; border: 5px solid #1778FB;}
.sub_info .diagram .step-box01 span {font-size: 16px;}
.sub_info .diagram .arrow-shape {width: 135px; height: 49px; background-color: #EDEDED;  clip-path: polygon(30% 0%, 70% 0%, 70% 30%, 100% 30%, 50% 100%, 0% 30%, 30% 30%);}
.sub_info .diagram .final-wrap {display: flex; gap: 40px;}
.sub_info .diagram .final-wrap .step-box {width: 400px;}
.sub_info .diagram .final-wrap .step-box.final01 {border: 5px solid #1778FB;}
.sub_info .diagram .final-wrap .step-box.final02 {border: 5px solid #9AEA89; background-color: #E5F8E1;}

@media (max-width: 900px) {
    .sub_info .diagram .step-box {width: 400px;}
    .sub_info .diagram .step-box01 span {font-size: 14px;}
    .sub_info .diagram .final-wrap .step-box {width: 330px;}
}
@media (max-width: 768px) {
    .sub_info .diagram .final-wrap {width: 100%; flex-direction: column; gap: 10px;}
    .sub_info .diagram .step-box {font-size: 16px; height: 65px;}
    .sub_info .diagram .final-wrap .step-box {width: 100%; max-width: 400px; margin: 0 auto;}

    .how-to .list_1_1 > li {margin-left: -20px;}
}
@media (max-width: 440px) {
    .sub_info .diagram {width: 100%;}
    .sub_info .diagram .step-box-wrap {width: 100%;}
    .sub_info .diagram .step-box {width: 100%;}
} 


/*******************
회원지원
*******************/

/* 보험서비스 */

.sub_insurance .main-description .main-text {font-family: 'Pre Bold'; font-size: 24px; line-height: 32px; letter-spacing: -0.03em;}
/* .sub_insurance .main-description .main-text > span {color: #1778FB;} */
.sub_insurance .main-description .sub-text {margin-top: 5px; font-size: 15px; color: #1778FB;}
.sub_insurance .item-circle-wrap {margin-top: 10px; display: grid; grid-template-columns: repeat(4, 240px); grid-template-rows: auto; justify-content: space-between;}
.sub_insurance .item-circle {width: 240px; height: 240px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; text-align: center; font-family: 'Pre Bold'; font-size: 20px; background-color: #F1F8FF; color: #0057CB;}
.sub_insurance .case-wrap {display: flex; align-items: center;}
.sub_insurance .case-wrap02 {margin-top: 30px;}
.sub_insurance .case-wrap .case-circle {display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 100%; background-color: #1778FB; color: #fff; font-family: 'Pre Bold'; font-size: 20px; text-align: center; z-index: 1;}
.sub_insurance .case-wrap .text-wrap {margin-left: -60px; padding: 15.25px 30px 15.25px 110px; width: 100%; flex: 1; height: 100%; background-color: #F8F8F8; border-radius: 0 100px 100px 0;}
.sub_insurance .case-wrap .text-wrap .title {font-family: 'Pre Bold'; font-size: 20px; color: #1778FB;}
.sub_insurance .case-wrap .text-wrap .main-desc {margin-top: 10px; font-family: 'Pre Bold'; color: #464646;}
.sub_insurance .case-wrap .text-wrap .sub-desc {font-size: 15px;}
.sub_insurance .small-text {font-size: 16px; color: #464646;}
.sub_insurance .small-text li {padding-left: 15px;}
.sub_insurance .dl_2 {align-items: flex-start; justify-content: left; gap: 30px;}
.sub_insurance .dl_2 dt {padding: 8px 20px 12px; width: 197px; height: 46px; font-size: 20px; background-color: #1778FB; color: #fff; text-align: center; border-right: none;}
.sub_insurance .dl_2:not(:nth-child(1)) {margin-top: 40px;}
.sub_insurance .dl_2 dd {margin-top: 10px; font-family: 'Pre Bold'; flex: 1;}
.sub_insurance .dl_2 dd .small-desc {margin-top: 15px; font-family: 'Pre Regular'; font-size: 16px; color: #0057CB;}
.sub_insurance .dl_2 dd .small-desc li {padding-left: 15px;}
.sub_insurance .dl_2 dd .small-desc li:nth-child(2) {margin-top: -5px;}
.sub_insurance .dl_2 dd .column {line-height: 2;}
.sub_insurance .dl_2 dd .column .small-desc {margin-left: 20px; color: #1E1E1E;}
.sub_insurance .line {width: 100%; height: 1px; background-color: #D1D1D1;}
.sub_insurance .benefit-box-wrap {display: flex; gap: 30px; flex-wrap: wrap;}
.sub_insurance .benefit-box {padding: 50px 30px 40px 40px; width: 561px; flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; background-color: #FFF9E3; border-radius: 20px;}
.sub_insurance .benefit-box > a {margin-top: auto;} 
.sub_insurance .benefit-box .title {font-size: 24px; letter-spacing: -0.03em; line-height: 1.3; word-break: keep-all;}
.sub_insurance .benefit-box .title .color {font-family: 'Pre Bold'; color: #FB8917;}
.sub_insurance .benefit-box .title .bold {font-family: 'Pre Bold';}
.sub_insurance .benefit-box .benefit-shop {margin-top: 27px;}
.sub_insurance .benefit-box .benefit-shop .shop {margin-bottom: 16px; position: relative; padding: 16px 50px 16px 60px; width: 100%; font-family: 'Pre Bold'; font-size: 16px; color: #fff; border-radius: 100px; background-color: #FB8117; word-break: keep-all;}
.sub_insurance .benefit-box .benefit-shop .shop01::before {content: '1'; display: block; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); padding-top: 4px; font-size: 16px; color: #FB8117; background-color: #fff; width: 30px; height: 30px; border-radius: 100%; text-align: center;}
.sub_insurance .benefit-box .benefit-shop .shop02 {margin-top: 17px;}
.sub_insurance .benefit-box .benefit-shop .shop02::before {content: '2'; display: block; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); padding-top: 4px; font-size: 16px; color: #FB8117; background-color: #fff; width: 30px; height: 30px; border-radius: 100%; text-align: center;}
.sub_insurance .benefit-box02 .title {margin-top: 63px;}
.sub_insurance .benefit-box02 .small {margin-top: 40px; font-family: 'Pre SemiBold'; font-size: 15px;}
.sub_insurance .benefit-box01 {position: relative;}
.sub_insurance .benefit-box02 {position: relative;}
.sub_insurance .benefit-box01::before {content: '혜택 1'; display: block; position: absolute; top: -6px; left: 30px; text-align: center; padding: 13px 10px 5px; line-height: 1.2; width: 55px; height: 70px; border-radius: 0 0 100px 100px; background-color: #FB8117; font-family: 'Pre Bold'; font-size: 20px; color: #fff;}
.sub_insurance .benefit-box02::before {content: '혜택 2'; display: block; position: absolute; top: -6px; left: 30px; text-align: center; padding: 13px 10px 5px; line-height: 1.2; width: 55px; height: 70px; border-radius: 0 0 100px 100px; background-color: #FB8117; font-family: 'Pre Bold'; font-size: 20px; color: #fff;}
.sub_insurance .customer {margin-top: 40px; text-align: center;}
.sub_insurance .customer .tel-email {display: flex; justify-content: center; gap: 40px; font-family: 'Pre SemiBold'; font-size: 20px;}
.sub_insurance .customer .time {margin-top: 10px; font-family: 'Pre Medium'; font-size: 16px;}
.sub_insurance .highLight_1 {background-image: linear-gradient(to bottom, transparent 40%, #F7F094  0%);}
.sub_insurance .insurance-terms {padding: 30px; font-size: 15px; border-radius: 8px; background-color: #FAFAFA; border: 1px solid #E2E2E2; line-height: 1.3;}
.sub_insurance .insurance-terms ul li {padding-left: 15px;}
.sub_insurance .insurance-terms table {font-size: 14px; width: 404px;  border: 1px solid #D1D1D1;}
.sub_insurance .insurance-terms table th {font-family: 'Pre Regular'; border-bottom: 1px solid #D1D1D1;}
.sub_insurance .insurance-terms table th.empty-cell {border-bottom: none;}
.sub_insurance .insurance-terms table .border-right {border-right: 1px solid #D1D1D1;}
@media (max-width: 1400px) {
    .sub_insurance .item-circle-wrap {grid-template-columns: repeat(2, auto); gap: 20px; justify-content: center; align-items: center; place-items: center;}
}
@media (max-width: 1280px) {
    .sub_insurance .item-circle-wrap {grid-template-columns: repeat(4, auto); gap: 10px; justify-content: space-between;}
}
@media (max-width: 1100px) {
    .sub_insurance .item-circle-wrap {grid-template-columns: repeat(2, auto); gap: 20px; justify-content: center;}
}
@media (max-width: 1024px) {
    .sub_insurance .item-circle-wrap {grid-template-columns: repeat(4, 1fr); gap: 15px;}
    .sub_insurance .item-circle {width: 160px; height: 160px; font-size: 16px;}
    .sub_insurance .item-circle > img {width: 50px;}
}
@media (max-width: 960px) {
    .sub_insurance .case-wrap .text-wrap {border-radius: 100px;}
    .sub_insurance .benefit-box-wrap {flex-direction: column;}
    .sub_insurance .benefit-box {width: 100%;}
    .sub_insurance .benefit-box02 .title {margin-top: 0;}
    .sub_insurance .benefit-box02 .small {margin-top: 20px; margin-bottom: 10px;}
}
@media (max-width: 768px) {
    .sub_insurance .main-description .main-text {font-size: 22px;}
    .sub_insurance .main-description .sub-text {font-size: 14px;}
    .sub_insurance .case-wrap .text-wrap .title {font-size: 18px;}
    .sub_insurance .case-wrap .case-circle {width: 80px; height: 80px; font-size: 18px;}
    .sub_insurance .case-wrap .text-wrap {padding: 20px 46px 20px 78px;}
    .sub_insurance .case-wrap .text-wrap .main-desc {font-size: 16px; line-height: 1.3; word-break: keep-all;}
    .sub_insurance .case-wrap .text-wrap .sub-desc {margin-top: 5px; font-size: 14px; line-height: 1.3; word-break: keep-all;}
    .sub_insurance .item-circle-wrap {grid-template-columns: repeat(2, auto); gap: 20px; justify-content: center; align-items: center; place-items: center;}
    .sub_insurance .dl_2 dt {margin-bottom: 10px; width: 165px; height: 42px; font-size: 18px;}
    .sub_insurance .dl_2 dd .column .small-desc {display: block; margin-top: 0; margin-left: 0;}
    .sub_insurance .dl_2 dd .column {line-height: 1.5;}
    .sub_insurance .dl_2 dd .column > br {display: none;}
    .sub_insurance .insurance-terms {padding: 10px; font-size: 14px;}
    .sub_insurance .benefit-box {padding: 60px 20px 30px 20px;}
    .sub_insurance .benefit-box01::before {font-size: 16px; padding: 11px 10px 5px; width: 50px; height: 58px;}
    .sub_insurance .benefit-box02::before {font-size: 16px; padding: 11px 10px 5px; width: 50px; height: 58px;}
    .sub_insurance .benefit-box .title {font-size: 22px;}
    .sub_insurance .benefit-box .benefit-shop .shop {padding: 8px 50px 8px 60px;}
    .sub_insurance .customer .tel-email {flex-direction: column; gap: 0; text-align: left; font-size: 18px;}
    .sub_insurance .customer .time {text-align: left; font-size: 14px;}
    
}
@media (max-width: 530px) {
    .sub_insurance .insurance-terms > table {width: 100%;}
    .sub_insurance .case-wrap .text-wrap {border-radius: 24px;}
}
@media (max-width: 390px) {
    .sub_insurance .item-circle-wrap {grid-template-columns: repeat(1, auto);}
}


/* RN CARD */

.sub_rncard .line {width: 100%; height: 1px; background-color: #D1D1D1;}
.sub_rncard .line-dark {width: 100%; height: 1px; background-color: #1E1E1E;}
.sub_rncard .card-info {padding-top: 40px; padding-bottom: 40px; display: flex; gap: 87px;}
.sub_rncard .card-info01 {border-top: 1px solid #1E1E1E; border-bottom: 1px solid #1E1E1E;}
/* .sub_rncard .card-info02 {padding-bottom: 60px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #1E1E1E;} */
.sub_rncard .card-info img {object-fit: contain; max-width: 237px; width: 100%;}
.sub_rncard .card-info .dl_2 {justify-content: left; gap: 15px;}
.sub_rncard .card-info .dl_2 dt {padding: 10px; border-right: none; display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; font-size: 18px; text-align: center; border-radius: 100%; background-color: #FFECC3; color: #FC8D39;}
.sub_rncard .card-info .dl_2 dd {flex: 1;}
.sub_rncard .card-info dt.dt-blue {background-color: #E1EEFF; color: #2B62E4;}
.sub_rncard .card-info .img-wrap {width: 237px; display: flex; flex-direction: column; gap: 22px;}
.sub_rncard .card-info .img-wrap img {width: 237px; object-fit: contain;}
.sub_rncard .card-info .desc-wrap .title span {margin-left: 32px;}
.sub_rncard .container {padding: 85px 30px 30px; width: 100%; letter-spacing: -0.03em; border-radius: 20px; background-color: #3383FE;}
.sub_rncard .container .main-title {font-size: 52px; line-height: 1.2;}
.sub_rncard .container .main-desc {font-size: 24px; line-height: 1.3;}
.sub_rncard .container .sub-title {font-size: 36px;}
.sub_rncard .container .box-service {padding: 28px; width: 100%; border-radius: 20px; background-color: #fff;}
.sub_rncard .container .box-service .title {display: inline-block; padding: 3px 40px 4px; text-align: center; font-family: 'Pre Bold'; font-size: 36px; border-radius: 100px; background-color: #DAA146;}
.sub_rncard .service-wrap {display: flex; justify-content: center; align-items: center; gap: 60px;}
.sub_rncard .service {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 240px; height: 240px; border-radius: 100%; background-color: #FFF1C1;}
.sub_rncard .service::before {content: ''; display: block; position: absolute; font-family: 'Pre Bold'; font-size: 20px; text-align: center; width: 42px; height: 42px; line-height: 42px; border-radius: 100%; background-color: #FBB937; color: #fff;}
.sub_rncard .service01 {position: relative;}
.sub_rncard .service01::before {content: '1'; top: 17px; left: 13px;}
.sub_rncard .service02 {position: relative;}
.sub_rncard .service02::before {content: '2'; top: 17px; left: 13px;}
.sub_rncard .service03 {position: relative;}
.sub_rncard .service03::before {content: '3'; top: 17px; left: 13px;}
.sub_rncard .service .service-title {font-size: 24px;}
.sub_rncard .service .service-desc {margin-top: 16px; font-size: 16px; line-height: 1.4;}
.sub_rncard .box-service .bottom-desc01 {margin-top: 23px; font-size: 36px;}
.sub_rncard .box-service .bottom-desc02 {margin-top: 16px; font-size: 24px;}
.sub_rncard .box-service .bottom-desc03 {margin-top: 23px;}
.sub_rncard .reward01 {padding-bottom: 80px; border-bottom: 1px solid #BEBEBE;}
.sub_rncard .reward .dl_2 {justify-content: left; gap: 20px;}
.sub_rncard .reward .dl_2 dd {flex: 1; width: 100%;}
.sub_rncard .reward .dl_2:not(:nth-child(1)) {margin-top: 40px;}
.sub_rncard .reward .dl_2 dt {padding: 10px; border-right: none; display: flex; justify-content: center; align-items: center; width: 140px; height: 140px; border-radius: 100%; background-color: #DCEBFF; font-size: 20px; line-height: 1.2; text-align: center;}

@media (max-width: 1060px) {
    .sub_rncard .service-wrap {justify-content: space-between; gap: 10px;}
}
@media (max-width: 970px) {
    .sub_rncard .service {width: 180px; height: 180px; padding: 20px;}
    .sub_rncard .service .service-title {font-size: 20px;}
    .sub_rncard .service .service-desc {margin-top: 10px; font-size: 14px; word-break: keep-all;}
    .sub_rncard .service01::before,
    .sub_rncard .service02::before,
    .sub_rncard .service03::before {top: 0;}
}
@media (max-width: 890px) {
    .sub_rncard .card-info {flex-direction: column; gap: 20px;}
    .sub_rncard .card-info .img-wrap {margin-top: 0; flex-direction: row;}
}
@media (max-width: 768px) {
    .sub_rncard .card-info .dl_2 {display: flex;}
    .sub_rncard .card-info .dl_2 dt {margin-bottom: 0; width: 100px; height: 100px; font-size: 16px;}
    .sub_rncard .card-info .dl_2 li {font-size: 16px;}
    .sub_rncard .reward .dl_2 dt {margin-bottom: 0; width: 100px; height: 100px; font-size: 16px;}
    .sub_rncard .reward .dl_2 {display: flex;}
    .sub_rncard .reward .dl_2 li {font-size: 16px;}
    .sub_rncard .container .main-title {font-size: 40px; word-break: keep-all;}
    .sub_rncard .container .main-desc {font-size: 20px;}
    .sub_rncard .container .sub-title {font-size: 28px;}
    .sub_rncard .container .box-service .title {font-size: 22px;}
    .sub_rncard .service-wrap {flex-direction: column; gap: 20px;}
    .sub_rncard .box-service .bottom-desc01 {font-size: 22px;}
    .sub_rncard .box-service .bottom-desc02 {font-size: 18px;}
    .sub_rncard .box-service .bottom-desc03 {font-size: 16px; margin-top: 10px;}
}
@media (max-width: 590px) {
    .sub_rncard .card-info .img-wrap {flex-direction: column;}
    .sub_rncard .card-info .desc-wrap .title span {display: block; margin-left: 0;}
    .sub_rncard .container .main-title > br {display: none;}
    .sub_rncard .container img {padding: 0 30px;}
}
@media (max-width: 508px) {
    .sub_rncard .container {text-align: left; padding: 60px 20px 20px;}
    .sub_rncard .container .main-desc > br {display: none;}
    .sub_rncard .container .box-service {text-align: center; padding: 20px;}
    .sub_rncard .service .service-desc {text-align: center;}
    .sub_rncard .box-service .bottom-desc01,
    .sub_rncard .box-service .bottom-desc02,
    .sub_rncard .box-service .bottom-desc03 {text-align: left;}
    .sub_rncard .container .box-service .title {margin: 0 auto; padding: 3px 20px 4px;}
} 


/* 휘장 */
.sub_emblem {/*margin-bottom: 50px;*/ padding: 40px 20px 0 20px; border: 1px solid #e1e1e1;}
/* .sub_emblem {padding-bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000;} */
.sub_emblem .container {margin-bottom: 50px; position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 50px;}
.sub_emblem .image-wrapper {position: relative; width: 318px; height: 318px; max-width: 400px; display: flex; justify-content: center; align-items: center;}
.sub_emblem .image-wrapper img {width: 100%; height: auto; border-radius: 50%; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);}
.sub_emblem .text-box {position: absolute;width: 45%;}
.sub_emblem .text-box01 {top: 40px; left: 30px;}
.sub_emblem .text-box02 {top: 68px; right: 40px; max-width: 495px;}
.sub_emblem .text-box03 {bottom: 0; left: 40px; padding-right: 64px;}
.sub_emblem .text-box04 {bottom: 70px; right: 40px; max-width: 536px;}
.sub_emblem .text-box .title {font-size: 20px; flex-shrink: 0;}
.sub_emblem .text-box .desc {font-size: 18px;color: #333;margin-top: 5px;}
.sub_emblem .text-box .title-line-wrap {display: flex; align-items: center; gap: 30px;}
.sub_emblem .text-box .line {width: 100%; height: 2px; flex: 1; background-color: #A3C7F7; text-indent: -9999px;}
.sub_emblem .text-box01 .line-container {position: relative; width: 100%; display: flex; align-items: center;}
.sub_emblem .text-box01 .line {flex: 1; height: 2px; background-color: #A3C7F7;}
.sub_emblem .text-box01 .diagonal {position: relative; flex-shrink: 0; width: 96px; height: 2px; background-color: #A3C7F7; transform: rotate(40deg); transform-origin: left;}
.sub_emblem .text-box01 .diagonal::after {content: ""; position: absolute; right: -6px; bottom: -6px; width: 12px; height: 12px; background-color: #A3C7F7; border-radius: 50%;}
.sub_emblem .text-box02 {display: flex; gap: 20px;}
.sub_emblem .text-box02 .line {position: relative; margin-top: 12px;}
.sub_emblem .text-box02 .line::before {content: ""; position: absolute; left: -6px; top: -5px; width: 12px; height: 12px; background-color: #A3C7F7; border-radius: 50%;}
.sub_emblem .text-box03 .line-container {position: relative; width: 100%; display: flex; align-items: center;}
.sub_emblem .text-box03 .line {flex: 1; height: 2px; background-color: #A3C7F7;}
.sub_emblem .text-box03 .diagonal {position: relative; flex-shrink: 0; width: 57px; height: 2px; background-color: #A3C7F7; transform: rotate(-40deg); transform-origin: left;}
.sub_emblem .text-box03 .diagonal::after {content: ""; position: absolute; right: -6px; bottom: -6px; width: 12px; height: 12px; background-color: #A3C7F7; border-radius: 50%;}
.sub_emblem .text-box04 {display: flex; gap: 20px; width: 47%;}
.sub_emblem .text-box04 .line {position: relative; margin-top: 12px;}
.sub_emblem .text-box04 .line::before {content: ""; position: absolute; left: -6px; top: -5px; width: 12px; height: 12px; background-color: #A3C7F7; border-radius: 50%;}
/* .sub_character.main-text {margin-bottom: 80px;} */

.sub_applyimg {text-align: center;}
.sub_applyimg .apply-wrap {margin-top: 40px; display: flex; justify-content: center; align-items: center; gap: 30px;}
.sub_applyimg .apply-wrap .circle {display: flex; justify-content: center; align-items: center; width: 240px; height: 240px; font-size: 30px; border-radius: 50%; background-color: #fff; box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.12);}
.sub_applyimg .apply-wrap .circle01 {border: 5px solid #2191D3;}
.sub_applyimg .apply-wrap .circle p {font-size: 30px;}
.sub_applyimg .apply-wrap .circle p span {display: block; font-size: 18px;}
.sub_applyimg .apply-wrap .circle01 p {color: #2191D3;}
.sub_applyimg .apply-wrap .circle02 {border: 5px solid #0046A5;}
.sub_applyimg .apply-wrap .circle02 {color: #0046A5;}
.sub_applyimg .apply-wrap .arrow-wrap {display: flex; flex-direction: column; gap: 10px;}
.sub_applyimg .apply-wrap .arrow-wrap .arrow-text .arrow {width: 200px; height: 35px; background-color: #2191D3; clip-path: polygon(0% 30%, 85% 30%, 85% 0%, 100% 50%, 85% 100%, 85% 70%, 0% 70%);}
.sub_applyimg .apply-wrap .arrow-wrap .arrow-text02 .arrow {transform: rotate(180deg); background-color: #0046A5;}
.sub_applyimg .apply-wrap .arrow-wrap .arrow-text02 p {line-height: 1.2;}
.sub_applyimg .apply-wrap .arrow-wrap .arrow-text02 p span {font-size: 15px;}
.sub_applyimg button {margin-top: 20px; height: 44px;}

@media (max-width: 1400px) {
    .sub_emblem .text-box04 {width: 46%;}
}
@media (max-width: 1340px) {
    .sub_emblem .text-box .desc {max-width: 248px; width: 100%;}
    .sub_emblem .text-box04 {bottom: 60px;}
    .sub_emblem .text-box03 .desc > br {display: none;}
}
@media (max-width: 1280px) {
    .sub_emblem .text-box02 {right: 0; max-width: unset; width: 46.5%;}
    .sub_emblem .text-box04 {bottom: 60px; right: 0; max-width: unset; width: 50%;}
    .sub_emblem .text-box .title-line-wrap {gap: 10px;}
}
@media (max-width: 860px) {
    .sub_emblem .container {display: block; padding: 0;}
    .sub_emblem .image-wrapper {margin: 0 auto 50px;}
    .sub_emblem .text-box {margin-top: 10px; position: relative; top: unset; bottom: unset; left: unset; right: unset; width: 100%;}
    .sub_emblem .text-box03 {padding-right: 0;}
    .sub_emblem .text-box .line {display: none;}
    .sub_emblem .text-box01 .diagonal,
    .sub_emblem .text-box03 .diagonal {display: none;}
    .sub_emblem .text-box .desc {width: 100%; max-width: unset;}

    .sub_applyimg .apply-wrap {justify-content: space-between;}
    .sub_applyimg .apply-wrap .circle {width: 180px; height: 180px; flex-shrink: 0;}
    .sub_applyimg .apply-wrap .arrow-wrap {flex: 1;}
    .sub_applyimg .apply-wrap .arrow-wrap .arrow-text .arrow {width: 100%;}
}
@media (max-width: 768px) {
    .sub_emblem .container {margin-bottom: 30px;}
    .sub_emblem .image-wrapper {width: 100%; max-width: 318px;}
    .sub_character.main-text {margin-bottom: 100px;}
    .sub_applyimg .apply-wrap {gap: 10px;}
}
@media (max-width: 590px) {
    .sub_emblem .text-box .title {font-size: 18px;}
    .sub_emblem .text-box .desc {font-size: 16px;}
    .sub_applyimg .apply-wrap .arrow-wrap {gap: 0;}
    .sub_applyimg .apply-wrap .circle {width: 120px; height: 120px; font-size: 18px;}
    .sub_applyimg .apply-wrap .circle p {font-size: 18px;}
    .sub_applyimg .apply-wrap .circle p span {font-size: 14px;}
    .sub_applyimg .apply-wrap .arrow-wrap .arrow-text {font-size: 16px; word-break: keep-all;}
    .sub_applyimg .apply-wrap .arrow-wrap .arrow-text02 p span {font-family: 'Pre Regular';  font-size: 13px;}
    .sub_applyimg .apply-wrap .arrow-wrap .arrow-text .arrow {height: 20px;}
    .sub_applyimg .apply-wrap .arrow-wrap .arrow-text .arrow {height: 20px;}
    .sub_applyimg button {width: 100%; max-width: 228px; margin-top: 10px;}
}

/*******************
조직도
*******************/

.organization {text-align: center;}
.organization.main {padding: 0 90px;}
.organization.decision {padding: 0 90px;}
.organization.secretariat {padding-top: 30px;}
.organization .depth1 {margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; border-radius: 50%; background-color: #0046A5; font-family: 'Pre Bold'; font-size: 20px; color: #fff; box-shadow: 0 0 0 25px #ECF4FF;}
.organization .depth1 a {color: #fff;}
.organization .depth2 > li {margin: 30px auto 0; position: relative; padding: 16px 20px; width: 100%; max-width: 300px; flex: 1; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.2; color: #fff; border-radius: 0 12px; background-color: #1778FB; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.organization .depth2 > li:nth-last-child(1) {margin-top: 50px;}
.organization .depth2-1_ul {display: flex; justify-content: space-between; position: relative; }
.organization .depth2-1_ul .depth2-1 {margin-top: 10px; padding: 16px 50px; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.2; color: #fff; border-radius: 0 12px; background-color: #7F8FA2; border: 1px solid #5992D3; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.organization .depth2-1_ul li {position: relative; max-width: 250px; flex: 1;}
.organization.decision .depth2-1_ul {margin-top: 50px; padding: 0 100px;}
.organization .depth2-2_ul {margin-top: 20px; padding: 0 100px; display: flex; justify-content: space-between; position: relative; }
.organization .depth2-2_ul .depth2-2 {margin-top: 10px; padding: 16px 50px; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.2; color: #fff; border-radius: 0 12px; background-color: #A285F0; border: 1px solid #7A50EC; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.organization .depth2-2_ul li {position: relative; min-width: 250px;}
.organization .dot {position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #95B3D5; background-color: #fff;}
.organization .depth2-1_ul .dot {top: 50%; left: -15px; transform: translateY(-50%);}
.organization .depth2-2_ul .dot {top: 50%; left: -15px; transform: translateY(-50%);}
.organization .depth3 {margin-top: 90px; display: flex; justify-content: space-between; gap: 50px;}
.organization .depth3 li {position: relative; width: 100%; max-width: 400px;}
.organization .depth3 .depth3-title {position: relative; padding: 16px 20px; width: 100%; flex: 1; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.2; color: #fff; border-radius: 0 12px; background-color: #5295C8; border: 1px solid #1487DF; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.organization .depth3 .depth3-title a {color: #fff;}
.organization .depth3 .depth3-1-title {padding: 16px 20px; width: 100%; flex: 1; font-family: 'Pre Bold'; font-size: 18px; line-height: 1.2; color: #fff; border-radius: 0 12px; background-color: #8A71CC; border: 1px solid #7A50EC; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.organization .depth3 li {position: relative;}
.organization .depth3 li .dot {top: -15px; left: 50%; transform: translateX(-50%);}
.organization .depth3 .depth3-item > li.depth3-1-wrap {margin-top: 120px; padding: 0; border: none;}
.organization .depth3 .depth3-item > li,
.organization .depth3 .depth3-1-item > li {margin-top: 9px; padding: 16px 20px; width: 100%; flex: 1; font-family: 'Pre Medium'; font-size: 18px; line-height: 1.2; color: #6F6F6F; border-radius: 0 12px; background-color: #FAFAFA; border: 1px solid #E9E9E9;}
.organization .depth3 .depth3-item > li a,
.organization .depth3 .depth3-1-item > li a {color: #6F6F6F;}

.organization .depth1::after {content: ''; width: 1px; height: 121px; background-color: #D1D1D1; position: absolute; left: 50%; top: calc(100% + 25px); margin-left: -0.5px;}
.organization .depth2 > li::after {content: ''; width: 1px; height: 120px; background-color: #D1D1D1; position: absolute; left: 50%; top: 100%; margin-left: -0.5px;}
.organization .depth2-1_ul::before {content: ''; width: calc(50% - 264px); height: 1px; background-color: #D1D1D1; position: absolute; top: 50%; left: 50%;}
.organization.decision .depth2-1_ul::before {width: 13%;}
.organization .depth2-2_ul::before {content: ''; width: 30%; height: 1px; background-color: #D1D1D1; position: absolute; top: 50%; left: 50%;}
.organization.decision .depth2-2_ul::before {width: 13%;}
.organization .depth3 .depth3-title::before {content: ''; width: 1px; height: 40px; background-color: #D1D1D1; position: absolute; top: -55px; left: 50%; margin-left: -0.5px;}
.organization .depth3 .depth3-title:after {content: ''; width: 80%; height: 1px; background-color: #D1D1D1; position: absolute; top: -55px; left: 50%;}
.organization .depth3 li:nth-last-child(1) .depth3-title:after {width: 80%; left: unset; right: 50%;}
.organization.secretariat01 .depth3 li:nth-last-child(2) .depth3-title:after {width: 100%; left: unset; right: 50%;}


.organization-wrap {display: grid; grid-template-columns: 0.8fr 3fr 0.8fr; grid-template-rows: 1fr; gap: 40px;}
.organization.secretariat01 .depth3 {margin-top: 128px; gap: 10px;}
.organization.secretariat01 .depth1::after {height: 50px;}
.organization.secretariat01 .depth3 .depth3-title:after {width: 140%;}
.organization .line {margin-top: 120px; width: 100%; height: 1px; background-color: #D1D1D1;}
.organization.secretariat02,
.organization.secretariat03 {margin-top: 73px;}
.organization.secretariat02 .depth3 li,
.organization.secretariat03 .depth3 li {max-width: 175px; margin: 0 auto;}
.organization.secretariat02 .depth1,
.organization.secretariat03 .depth1 {background-color: #1778FB; outline: none; box-shadow: none;}
.organization.secretariat02 .depth1::after,
.organization.secretariat03 .depth1::after {display: none;}
.organization.secretariat02 .depth3 li:nth-last-child(1) .depth3-title:after,
.organization.secretariat03 .depth3 li:nth-last-child(1) .depth3-title:after {display: none;}
.organization.secretariat02 .depth3,
.organization.secretariat03 .depth3 {margin-top: 55px;}
.organization.secretariat02 .depth3 .depth3-item > li {margin-top: 9px;}
.organization.secretariat02 .depth1 {box-shadow: none;}

.organization.decision .depth3 li:nth-child(1) .depth3-title:after {width: 140%;}
.organization.decision .depth2-1_ul::before, 
.organization.decision .depth2-2_ul::before {width: calc(50% - 364px);}

.organization.secretariat .depth3 .depth3-title {padding: 16px 10px;}
.organization.secretariat01 {grid-column: 2 / 3;}
.organization.secretariat02 {grid-column: 1 / 2;}
.organization.secretariat03 {grid-column: 3 / 4;}


@media (max-width: 1440px) {
    .organization.decision .depth2-1_ul,
    .organization.decision .depth2-2_ul {padding: 0;}
    .organization.decision .depth2-1_ul::before,
    .organization.decision .depth2-2_ul::before {width: calc(50% - 214px);}
    .organization.decision .depth2-1_ul li {max-width: 200px;}
    .organization.decision .depth2-2_ul li {min-width: 200px;}
    .organization.decision .depth2-2_ul .depth2-2 {padding: 16px 20px;}
}
@media (max-width: 990px) {
    .organization-wrap {gap: 20px;}
}
@media (max-width: 900px) {
    .organization.main {padding: 0;}
    .organization.decision {padding: 0;}
}
@media (max-width: 865px) {
    .organization-wrap {grid-template-columns: 1fr 1fr; grid-template-rows: auto;}
    .organization.secretariat01 {grid-column: 1 / 3;}
    .organization.secretariat02 {grid-column: 1 / 2; grid-row: 2 / 3; margin-top: 0;}
    .organization.secretariat03 {grid-column: 2 / 3; grid-row: 2 / 3; margin-top: 0;}
}
@media (max-width: 768px) {
    .organization .depth1 {width: 120px; height: 120px; box-shadow: 0 0 0 20px #ECF4FF; font-size: 18px;}
    .organization.main .depth1::after {height: 119px; top: calc(100% + 20px);}
    .organization.main .depth2-1_ul {transform: translateY(20px);}
    .organization.decision .depth1::after {top: calc(100% + 20px);}
    .organization .depth2-1_ul .depth2-1 {padding: 16px 10px; font-size: 16px;}    
    .organization .depth2 li {font-size: 16px;}
    .organization .depth2-2_ul .depth2-2 {font-size: 16px;}
    .organization .depth3 li:nth-last-child(1) .depth3-title:after {width: 95%;}
    .organization .depth3 .depth3-title {font-size: 16px;}
    .organization .depth3 .depth3-item > li, 
    .organization .depth3 .depth3-1-item > li {padding: 16px; font-size: 16px;}
    .organization .depth2-1_ul li {max-width: 160px;}
    .organization .depth2-1_ul::before {width: calc(50% - 170px);}

    .organization.decision .depth3 {flex-direction: column; align-items: center; gap: 20px;}
    .organization.decision .depth3 .depth3-title::before {display: none;}
    .organization.decision .depth3 .depth3-title:after {display: none;}
    .organization.decision .depth3 li:not(:nth-child(1)) .dot {display: none;}
    .organization.decision .depth3 {margin-top: 48px;}
    .organization.decision .depth3 li {max-width: 300px;}
    .organization.secretariat01 .depth1::after {top: calc(100% + 20px); height: 55px;}
    .organization.secretariat .depth3 .depth3-title a {padding: 16px 10px;}
    .organization .depth3 .depth3-item > li a, 
    .organization .depth3 .depth3-1-item > li a {padding: 16px 10px;}

}
@media (max-width: 500px) {
    .organization.decision .depth2-1_ul li {max-width: 154px;}
    .organization.decision .depth2-2_ul li {min-width: 154px;}
    .organization.decision .depth2-1_ul::before, 
    .organization.decision .depth2-2_ul::before {width: calc(50% - 168px);}

    .organization.secretariat01 .depth3 {margin-top: 88px; flex-direction: column; align-items: center;}
    .organization.secretariat01 .depth3 .depth3-title:after {display: none;}
    .organization.secretariat01 .depth3 .depth3-title::before {display: none;}
    .organization.secretariat01 .depth3 li:not(:nth-child(1)) .dot {display: none;}
    .organization.secretariat01 .depth3 li {max-width: 300px;}

    .organization.secretariat .depth3 .depth3-title a {padding: 16px 80px;}
    .organization.secretariat01 .depth3 li a {padding: 16px 80px;}
    .organization.secretariat02 .depth3 .depth3-title a, 
    .organization.secretariat03 .depth3 .depth3-title a {padding: 16px 15px;}
 
}
@media (max-width: 430px) {
    .organization .depth3 {gap: 20px;}
    .organization.decision .depth2-2_ul li {min-width: unset; width: 100%; max-width: 154px;}
    
} 

/*******************
제증명서 발급
*******************/

.sub_certificate .text-btn-wrap {display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.sub_certificate .text-btn-wrap.align-bottom {align-items: flex-end;}
.sub_certificate .text-btn-wrap p {flex: 1;}
.sub_certificate .text-btn-wrap ul {flex: 1;}
.sub_certificate button {height: 42px;}
/* .sub_certificate a {height: 42px; line-height: 42px;} */
.sub_certificate .line {margin-top: 30px; width: 100%; height: 1px; background-color: #D1D1D1;}
.sub_certificate .list_1 button {margin-left: 10px; height: 30px;}
.sub_certificate .list_1 > li {padding-bottom: 18px;}
.sub_certificate .align-bottom .list_1 > li {padding-bottom: 5px;}
.sub_certificate .list_7 > li::before {top: 10px;}

@media (max-width: 768px) {
    .sub_certificate .text-btn-wrap {flex-direction: column; align-items: flex-start; text-align: left;}
    .sub_certificate .text-btn-wrap.align-bottom {align-items: stretch;}
}
@media (max-width: 530px) {
    .sub_certificate .list_1 button {display: block; margin: 5px 0 0 0;}
}


/*******************
정관
*******************/
.articles.box_3 .column_3 {display: flex; justify-content: flex-end; flex-direction: column-reverse; flex-wrap: wrap-reverse; height: 160px; text-align: right; font-size: 14px; line-height: 8px; color: #333; row-gap: 3px;}
.ethics-date-spacing-1 {letter-spacing: 0.029em;}
.ethics-date-spacing-2 {letter-spacing: 0.052em;}
.ethics-date-spacing-3 {letter-spacing: 0.015em;}

@media (max-width: 768px) {
    .articles.box_3 .column_3 {height: 230px;}
}
@media (max-width: 400px) {
    .articles.box_3 .column_3 {height: auto;}
}

.sub h5.objHeading_h5 {color: #0046A5;}


/*******************
테이블 개별 정리
*******************/
@media (max-width: 768px) {

    /* 해외면허취득안내 미국 */
    .table_2.US .responsive-vertical tbody td::before {word-break: break-all; margin-right: 25px; font-size: 16px;}
    /* 방분간호사배상책임보험 */
    .table_2.premium .responsive-vertical tbody td.only-mobile {display: flex !important;}
    .table_2 .responsive-vertical td.only-pc {display: none;}

} 


/*외국대학 졸업자 양괄호숫자*/
.nList_5 > li:before{content:"";display:block;position:absolute;left:0; top:0px;font-family:'Pre Bold';}
.nList_5 > li:nth-child(1):before{content:"(1)"}
.nList_5 > li:nth-child(2):before{content:"(2)"}
.nList_5 > li:nth-child(3):before{content:"(3)"}
.nList_5 > li:nth-child(4):before{content:"(4)"}
.nList_5 > li:nth-child(5):before{content:"(5)"}
.nList_5 > li:nth-child(6):before{content:"(6)"}
.nList_5 > li:nth-child(7):before{content:"(7)"}
.nList_5 > li:nth-child(8):before{content:"(8)"}
.nList_5 > li:nth-child(9):before{content:"(9)"}
.nList_5 > li:nth-child(10):before{content:"(10)"}
.nList_5 > li:nth-child(11):before{content:"(11)"}
.nList_5 > li:nth-child(12):before{content:"(12)"}
.nList_5 > li:nth-child(13):before{content:"(13)"}
.nList_5 > li{padding-left:36px;padding-bottom:5px;position:relative;}


/*******************
간호사취업분야
*******************/
.sub_employment {display: flex; flex-wrap: wrap; gap: 20px; align-items: center;}
.sub_employment .objHeading_h4 {padding-bottom: 0;}

@media (max-width: 768px) {
    .sub_employment .objHeading_h4 {font-size: 26px;}
}

/* 모달 오버레이 */
.modal-overlay {
  display: none; /* 처음엔 숨김 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

/* 모달 콘텐츠 */
.modal-content {
  position: relative;
  background: #fff;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  max-width: 90%;
  max-height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-content img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

/* 닫기 버튼 */
.modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
}