nav {
     position: fixed;
     right: 5vw;
     top: 33.3333%;
 }

 nav ul {
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
 }

 nav ul li button {
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.75rem 1.5rem;
     border-radius: 4px;
     transition: all 0.5s;
 }

 nav ul li button:hover {
     border: 1px solid #4DBEFF;
 }

 nav ul li button:hover a {
     color: #4DBEFF !important;
 }

 nav ul li button:hover a span {
     background-color: #4DBEFF !important;
 }

 nav ul li button a {
     color: #c7c7c7 !important;
     font-family: var(--Family-KO, Pretendard);
     font-size: 1rem;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     transition: all 0.5s;
 }

 nav ul li a span {
     width: 0.5rem;
     height: 0.5rem;
     border-radius: 999px;
     background: var(--Foundation-GREY-200, #C7C7C7);
     transition: all 0.5s;

 }

 nav ul li a.active span {}

 /*  */


 /* #section2 .secTitle {
        padding: 2.5rem 15.65vw;
    } */

 #section2 .secTitle h1 {
     color: var(--Foundation-GREY-900, #222);
     font-family: Pretendard;
     font-size: 2, 9rem;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 56px */
     letter-spacing: -0.56px;
 }

 #section2 .secTitle h6 {
     color: var(--Foundation-GREY-600, #5B5B5B);
     font-family: Pretendard;
     font-size: 28px;
     font-style: normal;
     font-weight: 500;
     line-height: 150%;
     /* 42px */
 }

 #section2 .w-20 {
     width: 20%;
     display: flex;
     align-items: center;
     justify-content: start;
     flex: 1;
     height: 100%;
     /* height: calc(100vh - 21.85vh); */
     transition: all 0.5s;
     ;
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
 }

 #section2 .w-20 h2 {
     color: #FFF;
     font-family: Pretendard;
     font-size: clamp(32px, 3.2vw, 40px);
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 40px */
     letter-spacing: -0.2px;
 }

 #section2 .w-20 h6 {
     color: #FFF;
     font-family: Pretendard;
     font-size: clamp(20px, 3.2vw, 24px);
     font-style: normal;
     font-weight: 700 !important;
     line-height: 150%;
     /* 36px */
     letter-spacing: 0.24px;
     margin-bottom: 0;
     min-height: 108px;
 }

 #section2 .w-20 p {
     color: var(--Foundation-GREY-gr-50, #FAFAFA);
     font-family: Pretendard;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 20px */
     letter-spacing: 0.1px;
     /* 20px */
     letter-spacing: 0.1px;
     padding-bottom: 20px;
     margin-bottom: 20px;
 }

 .arrow_line {
     width: 100%;
     height: 0.5px;
     background: rgba(255, 255, 255, 0.30);
     margin-bottom: 20px;
 }

 .arrow_p_box {
     color: var(--Foundation-GREY-gr-50, #FAFAFA);
     font-family: Pretendard;
     font-size: 12px;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     letter-spacing: 0.1px;
     letter-spacing: 0.1px;
     padding-bottom: 30px;
     border-bottom: 1px solid rgba(230, 230, 230, 0.30);
     padding: 10px;
     border: 1px solid;
     width: 146px;
 }

 #section2 .w-20 button {
     /* border-radius: 999px; */
     border: 1px solid #FFF;
     background-color: transparent;
     max-width: 146px;
     width: 100%;
     display: flex;
     height: 3rem;
     padding: 0 20px;
     justify-content: center;
     align-items: center;
     gap: 12px;
     color: var(--Foundation-GREY-gr-50, #FAFAFA);
     font-family: Pretendard;
     font-size: 1.25rem;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     /* 20px */
     letter-spacing: 0.1px;
     z-index: 10;
     position: relative;
 }

 #section2 .w-20:hover .px-3 {
     padding: 0 !important;
     margin: 0 10rem;
     transition: all 0.5s ease-in;
 }

 #section2 .w-20:hover {
     flex: 2;
 }

 #section2 .w-20.bz01 {
     background-image: url(/img/bz01.svg);
     background-size: cover;
 }

 #section2 .w-20.bz02 {
     background-image: url(/img/bz02.svg);
     background-size: cover;
 }

 #section2 .w-20.bz03 {
     background-image: url(/img/bz03.svg);
     background-size: cover;
 }

 #section2 .w-20.bz04 {
     background-image: url(/img/bz04.svg);
     background-size: cover;
 }

 #section2 .w-20.bz05 {
     background-image: url(/img/bz05.svg);
     background-size: cover;
 }

 .fp-watermark {
     display: none;
 }


 /* sub_visual */
 .sub_visual_box {
     width: 100%;
     height: 560px;
 }

 .flex {
     display: flex;
     flex-wrap: wrap;
 }

 .sub_visual_box .inner {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
     width: 100%;
 }

 .sub_visual_box .sub_txt {
     color: #FFF;
     font-family: Pretendard;
     font-size: clamp(38px, 3.2vw, 48px);
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 48px */
 }

 .sub_tab_top {
     border-bottom: 1px solid var(--Foundation-GREY-200, #C7C7C7);
     width: 100%;

     position: sticky;
     top: 77px;
     left: 0;
     z-index: 100;
     background: #fff;
 }

 @media all and (max-width:1024px) {
     .sub_tab_top {
         top: 65px;
     }

     .sub_visual_box {
         height: 400px;
     }

 }

 .sub_tab {
     padding: 16px 24px;
     color: var(--Foundation-GREY-500, #727272);
     font-family: var(--Family-KO, Pretendard);
     font-size: clamp(18px, 3.2vw, 20px);
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     cursor: pointer;
 }

 .sub_tab.active {
     border-bottom: 3px solid var(--Foundation-GREY-900, #185E9F);
     font-weight: 700;
     color: var(--Foundation-GREY-900, #185E9F);
 }

 section.con {
     padding: 120px 0;
 }



 /* 연혁 */
 .history_box {
     flex-direction: column;
     gap: 120px;
     width: 100%;
     position: relative;
 }

 .history_box::after {
     height: 100%;
     width: 2px;
     background-color: #DDE8F3;
     content: '';
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .history_con {
     align-items: flex-start;
     width: 100%;
 }

 .history_side.left {
     width: 50%;

 }

 .history_side.right {
     width: 50%;
 }

 .img_right .history_side.left .his_txt {
     max-width: calc(100% - 88px);
     width: 100%;
 }

 .img_right .history_side.right .his_img_box {
     max-width: calc(100% - 112px);
     width: 100%;
     margin-left: auto;
 }

 .his_txt {
     flex-direction: column;
     gap: 56px;
 }

 .his_year {
     color: var(--foundation-blue-normal-hover, #185E9F);

     /* H1-48 */
     font-family: Pretendard;
     font-size: clamp(36px, 3.2vw, 48px);
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 48px */
     letter-spacing: -0.48px;
 }

 .his_month_box {
     flex-direction: column;
     gap: 40px;
 }

 .his_month {
     gap: 16px;
     align-items: center;
 }

 .his_month .mon_p {
     width: 100px;
 }

 .his_img_box {
     align-items: center;
     flex-direction: column;
     gap: 40px;
     justify-content: end;
 }

 .reverse {
     flex-direction: row-reverse;
 }

 .img_right.left .history_side.right .his_img_box {
     margin-left: unset;
 }

 .img_right.left .history_side.left .his_txt {
     margin-left: auto;
 }



 .his_img {
     aspect-ratio: 1 / 0.804744;
     max-width: 100%;
 }

 .his_img img {
     width: 100%;
     height: 100%;
 }

 @media all and (max-width: 1320px) {
     .his_month {
         flex-direction: column;
         align-items: start;
     }

     .history_box .p_20 {
         font-size: 16px;
     }

     .img_right .history_side.left .his_txt {
         max-width: unset;
         padding-right: 15px;
     }

     .img_right .history_side.right .his_img_box {
         max-width: unset;
         padding-left: 15px;
     }

     .img_right.left .history_side.left .his_txt {
         padding-left: 15px;
         padding-right: unset;

     }

     .img_right.left .history_side.right .his_img_box {
         padding-left: unset;
         padding-right: 15px;
     }
 }


 /* 관계회사 */
 .com_pany_info_box {
     gap: 80px;
     border-radius: 4px;
     border: 1px solid var(--Foundation-GREY-200, #C7C7C7);
     width: 100%;
     align-items: center;
 }

 .com_img_box {
     aspect-ratio: 1 / 0.7952941;
     max-width: 100%;
     width: 425px;
 }

 .com_img_box img {
     width: 100%;
     height: 100%;
 }

 .com_pany_txt {
     width: calc(100% - 505px);
 }

 .com_txt_tit {
     align-items: end;
     gap: 12px;
 }

 .h_24 {
     color: var(--Foundation-GREY-900, #222);
     font-family: Pretendard;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 24px */
 }

 .gray_a_link p {
     color: var(--Foundation-GREY-400, #8E8E8E);
     font-family: Pretendard;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     /* 14px */
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: auto;
     text-underline-offset: auto;
     text-underline-position: from-font;
 }

 .line_dot {
     padding-left: 15px;
     position: relative;
 }

 .line_dot:after {
     border-radius: 999px;
     background: #222;
     content: '';
     width: 2px;
     height: 15px;
     aspect-ratio: 1 / 1;
     position: absolute;
     top: 0;
     left: 5px;
     transform: translateY(7px);
 }

 .com_pany_box {
     flex-direction: column;
     gap: 48px;
 }

 .com_num {
     margin-top: 12px;
 }

 .com_link {
     margin-top: 8px;
 }

 .com_link a {
     color: var(--Foundation-GREY-700, #444);
     font-family: Pretendard;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     /* 27px */
     letter-spacing: 0.18px;
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: auto;
     text-underline-offset: auto;
     text-underline-position: from-font;
 }

 .organ_img_box {
     width: 100%;
 }

 .organ_img_box img {
     width: 100%;
     height: 100%;
 }

 /* 판매문의 */
 .inquiry_tel {
     flex-direction: column;
     gap: 12px;
 }

 .list_flex_box .h_24.inquiry_office {
     color: var(--Foundation-GREY-900, #222);

 }

 .list_flex_box .inquiry_tel .p_18 {
     color: var(--Foundation-GREY-600, #5B5B5B);

 }

 .list_flex_box ul.inquiry_list li {
     border-radius: 4px;
     border: 1px solid var(--Foundation-GREY-200, #C7C7C7);
     aspect-ratio: unset;
     padding: 20px;
 }

 .inquiry_tel .line_box .tit {
     width: 115px;
 }

 .inquiry_tel .line_box {
     gap: 24px;
     position: relative;
 }

 .inquiry_tel .line_box:after {
     content: '';
     position: absolute;
     left: 125px;
     top: 50%;
     transform: translateY(-50%);
     width: 1px;
     height: 12px;
     background-color: #C7C7C7;
 }

 .list_flex_box.two ul {
     gap: 24px;
     align-items: stretch;
 }

 .list_flex_box.two ul li {
     width: calc(50% - 12px);
 }

 .list_flex_box.two ul li .gray_txt_box {
     height: 100%;
     border-radius: 4px;
     background: var(--Foundation-Blue-Light, #E8F0F7);
 }

 .list_flex_box.two ul li .gray_txt_box p {
     color: var(--Foundation-Blue-Normal, #1B68B1);

 }

 /* 지속가능경영 */
 .space_box {
     gap: 40px;
     align-items: center;
 }

 .space_box.gap20 {
     gap: 20px;
     align-items: baseline;
 }

 .space_side.left {
     flex-direction: column;
     gap: 24px;
     align-items: center;
     justify-content: center;

     width: calc(100% - 585px);
 }

 .space_box.gap20 .space_side.left {
     width: calc(100% - 488px - 20px);
 }

 .blue_icon_tit {
     align-items: center;
     gap: 15px;
 }

 .talk_left {
     margin-bottom: 25px;
 }

 .talk_right {
     margin-top: 25px;
 }

 .space_p {
     flex-direction: column;
     gap: 20px;
     align-items: center;
     justify-content: center;
 }

 .more_btn {
     border-radius: 999px;
     border: 1px solid var(--foundation-blue-light-hover, #DDE8F3);
     display: flex;
     height: 56px;
     padding: 0 24px;
     width: 190px;
     margin: 0 auto;
     color: var(--foundation-blue-dark-hover, #103E6A);
     font-family: Pretendard;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     /* 20px */
     letter-spacing: 0.1px;
     align-items: center;
     justify-content: center;
     gap: 12px;
 }

 .space_side.right {
     width: 545px;
 }

 .space_box.gap20 .space_side.right {
     width: 488px;
 }

 .blue_img_box {
     border-radius: 8px;
     background: rgba(5, 90, 137, 0.10);
     padding: 20px;
     aspect-ratio: 1 / 0.93394;
 }

 .space_box.gap20 .blue_img_box {
     aspect-ratio: 1 / 1.01639;
     padding: 0;
     background: unset;
 }

 .blue_img_box img {
     width: 100%;
     height: 100%;
 }

 .br_mb_only {
     display: none;
 }

 .space_list img {
     width: 100%;
 }

 .list_flex_box.three .space_list {
     gap: 40px;
 }

 .list_flex_box.three .space_list li {
     width: calc(33.333% - 27px);
 }

 .check_tit {
     gap: 8px;
     align-items: center;
 }

 .down_btn {
     align-items: center;
     gap: 12px;
     border-radius: 999px;
     background: var(--Foundation-Blue-Light, #E8F0F7);
     padding: 0 20px;
     height: 48px;
     display: flex;
     justify-content: center;
     color: var(--foundation-blue-dark-hover, #103E6A);
     font-family: Pretendard;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     /* 20px */
     letter-spacing: 0.1px;
     margin: 0 auto;
     width: 180px;
 }



 /* 네트워크 */
 .tel_box {
     gap: 12px;
     align-items: stretch;
 }

 .te_l_one {
     border-radius: 4px;
     background: var(--Foundation-GREY-100, #F1F1F1);
     padding: 20px;
     width: calc(50% - 6px);
 }

 .te_l_tit {
     border-bottom: 1px solid #E6E6E6;
     padding-bottom: 12px;
 }

 .te_l_txt {
     padding-top: 12px;
 }

 .tel_tel {
     gap: 20px;
     align-items: flex-start;
 }

 .tel_bold {
     width: 32px;
 }

 .tel_bold.long {
     width: 95px;
 }


 /* 인재경영 */
 .flex_list_box.two ul li {
     width: calc(50% - 20px);
     align-items: stretch;
 }

 .flex_list_box.two ul {
     gap: 40px;
 }

 .flex_list_box.two .talent_list {
     justify-content: center;
     position: relative;
 }

 .talent_logo {
     position: absolute;
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
 }

 .flex_list_box.two .talent_list li {
     aspect-ratio: 1 / 0.5;
     border-radius: 16px;
     background: var(--Foundation-GREY-100, #F1F1F1);
     display: flex;
     justify-content: center;
     align-items: start;
     flex-direction: column;
     gap: 12px;
     padding: 80px;
     max-width: 480px;
 }

 .talent_list .h_24.flex {
     align-items: center;
     gap: 8px;
 }

 .list_flex_box.four.gap70 ul {
     gap: 70px;
 }

 .list_flex_box.four ul {
     gap: 20px;
 }

 .list_flex_box.four.gap70 ul li {
     width: calc(25% - 53px);
 }

 .list_flex_box.four .employment_list li {
     width: calc(25% - 30px);
     border-radius: 4px;
     border: 1px solid var(--Foundation-GREY-100, #F1F1F1);
     background: #FFF;
     flex-direction: column;
     gap: 12px;
     padding: 24px;

     position: relative;
 }

 .list_flex_box.four .employment_list li:after {
     content: '';
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: -50px;
     background: url('/img/blue_list_arrow.png') no-repeat center / cover;
     width: 33px;
     height: 16px;
 }

 .list_flex_box.four .employment_list li:last-child:after {
     display: none;
 }

 .emplo_tit {
     gap: 12px;
     align-items: center;
 }

 .emplo_txt p {
     line-height: 160%;
     color: #5B5B5B;
 }


 .main {
     background-color: #fafafa;
 }


 .list_flex_box.two ul.submit_list {
     gap: 40px;
 }

 .download_p {
     color: var(--Foundation-GREY-400, #8E8E8E);
     font-family: Pretendard;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     /* 14px */
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: auto;
     text-underline-offset: auto;
     text-underline-position: from-font;
     cursor: pointer;
 }

 .download_flex {
     align-items: center;
     gap: 8px;
 }



 .list_flex_box.two .submit_list li {
     width: calc(50% - 20px);
 }

 .submit_list li {
     flex-direction: column;
     gap: 24px;
 }


 /* 평택공장 */
 .list_flex_box .circle_list {
     gap: 48px !important;
     align-items: center !important;
     justify-content: center;
 }

 .list_flex_box .circle_list li {
     border-radius: 999px;
     border: 1px solid var(--foundation-blue-light-active, #B8D0E7);
     background: #FFF;
     padding: 40px 24px;
     aspect-ratio: 1 / 1;
     max-width: 240px;
     flex-direction: column;
 }

 .list_flex_box .circle_list li.blue {
     border-radius: 999px;
     border: 1px solid var(--foundation-blue-light-active, #B8D0E7);
     background: rgba(27, 104, 177, 0.05);
 }

 .circle_list_tit {
     border-bottom: 1px solid #B8D0E7;
     color: var(--Foundation-Blue-Normal, #1B68B1);
     font-family: Pretendard;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 130%;
     /* 31.2px */
     letter-spacing: 0.24px;
     text-align: center;
     padding-bottom: 12px;
 }

 .circle_list_con {
     padding-top: 12px;
     color: var(--Foundation-GREY-800, #2E2E2E);
     text-align: center;
     font-family: Pretendard;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
     /* 32px */
     letter-spacing: 0.2px;
 }

 .list_flex_box.three .circle_list li {
     width: calc(33.333%);
 }

 .list_flex_box.four .circle_list li {
     width: calc(25%);
 }

 .blue_table_wrapper {
     overflow: auto;
 }

 .blue_table_wrapper table {
     white-space: nowrap;
     overflow: auto;
 }

 /* 합덕공장 */
 .new_circle_list ul {
     gap: 160px;
     align-items: stretch;
     justify-content: center;
 }

 .new_circle_list ul li {
     flex-direction: column;
     gap: 40px;
 }

 .new_circle_list .circle_one {
     border-radius: 999px;
     border: 1px solid var(--foundation-blue-light-active, #B8D0E7);
     background: #FFF;
     width: 200px;
     aspect-ratio: 1 / 1;
     padding: 40px 24px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .circle_one_tit {
     flex-direction: column;
     gap: 12px;
 }

 .circle_one_tit .h_24 {
     color: var(--Foundation-Blue-Normal, #1B68B1);
     font-family: Pretendard;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 130%;
     /* 31.2px */
     letter-spacing: 0.24px;
     text-align: center;
 }

 .circle_one_tit .p_20 {
     color: var(--Foundation-GREY-800, #2E2E2E);
     text-align: center;
     font-family: Pretendard;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
     /* 32px */
     letter-spacing: 0.2px;
 }

 .map_box {
     width: 100%;
     margin-top: 100px;
     margin-bottom: 100px;
 }


 @media all and (max-width: 1180px) {

     .list_flex_box.three .circle_list,
     .list_flex_box.four .circle_list {
         flex-direction: column;
     }
 }

 @media all and (max-width: 1090px) {
     .space_side.left {
         width: 100%;
     }

     .space_side.right {
         margin: 0 auto;
     }
 }


 @media all and (max-width: 1080px) {
     .com_pany_info_box {
         flex-direction: column;
         gap: 40px;
         border: 0;
     }

     .list_flex_box ul.inquiry_list li {
         width: 100%;
     }

     .list_flex_box.four.gap70 ul li {
         width: calc(50% - 35px);
     }

     .list_flex_box.four.gap70 ul {
         row-gap: 35px;
     }

     .list_flex_box.four .employment_list li:nth-child(2):after {
         display: none;
     }

     .list_flex_box .circle_list {
         gap: 20px !important;
     }


     .list_flex_box.three .circle_list li {
         width: calc(100%);
         aspect-ratio: 1 / 1;
     }

     .list_flex_box.four .circle_list li {
         width: calc(100%);
         aspect-ratio: 1 / 1;
     }




     .space_box.gap20 {
         flex-direction: column;
     }

     .space_box.gap20 .space_side.left {
         width: calc(100%);
     }

     .space_box.gap20 .space_side.right {
         max-width: 488px;
         width: 100%;
     }
 }

 @media all and (max-width: 1000px) {
     .com_pany_txt {
         width: calc(100% - 300px);
     }

     .list_flex_box.three .space_list {
         gap: 20px;
     }

     .list_flex_box.three .space_list li {
         width: calc(33.333% - 14px);
     }

     .list_flex_box.two .submit_list li {
         width: 100%;
     }

     .new_circle_list ul {
         gap: 20px;
     }

 }

 @media all and (max-width: 768px) {
     .com_pany_txt {
         width: 100%;
     }

     .com_img_box {
         width: 100%;
     }

     .space_side.right {
         width: 100%;
     }

     .br_mb_only {
         display: block !important;
     }

     .space_p br,
     .talent_logo {
         display: none;
     }

     section.con {
         padding: 60px 0;
     }

     .te_l_one {
         width: 100%;
     }

     .flex_list_box.two .talent_list li {
         width: 100%;
         padding: 30px;
         max-width: unset;
         aspect-ratio: unset;
     }

     .list_flex_box.four.gap70 ul li {
         width: 100%;
     }

     .list_flex_box.four .employment_list li:after {
         display: none;
     }

     .sub_tab {
         width: calc(100% / 4);
         padding: 13px 3px;
         text-align: center;
     }
 }



 .secTitle h1,
 #section4 h1,
 .text-start.secTitle h1 {
     font-size: 2.7rem !important;
 }

 .text-start.secTitle h6,
 .text-start.secTitle h6,
 .text-start.secTitle h6 {
     font-size: 24px !important;
     margin-top: 10px !important;
     font-weight: 300 !important;
     font-style: normal !important;
     line-height: 150% !important;
     color: var(--Foundation-GREY-600, #5B5B5B) !important;
     font-family: Pretendard !important;
 }



 /* 20251030추가 */

 /* 상담바 */
 .consultation_box {
     width: 100%;
     background: #185E9F;
     /* height: 100px; */
     padding: 20px;
     border-radius: 4px;
 }

 .consultation_box form {
     height: 100%;
 }

 .consultation_box .inner {
     display: flex;
     height: 100%;
     /* justify-content: flex-end; */
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 }

 .consultation_box .left_box {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 50px;
 }

 .consultation_box .left_box .flex_box01 {
     display: flex;
     align-items: flex-end;
     flex-wrap: wrap;
 }

 .con_inquiry_box .tit {
     font-size: 0.94rem;
     font-weight: 600;
     letter-spacing: 0;
     color: #fff;
     margin-bottom: 10px;
 }

 .inquiry_flex_box {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
 }

 .consultation_box .com_chk01,
 .consultation_box a.detail_btn01 {
     margin-bottom: 7px;
     margin-left: 10px;
 }

 a.detail_btn01 {
     color: #fff;
     background-color: #1b1b1b;
     font-size: 11px;
     font-weight: 500;
     letter-spacing: 0;
     padding: 2px 8px;
 }

 .consultation_box a.com_btn02 {
     margin-left: 100px;
 }

 a.com_btn02 {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 60px;
     min-width: 190px;
     border-radius: 5px;
     font-size: 1.22rem;
     color: #fff;
     font-weight: 500;
     letter-spacing: 0;
     /* background-color: #44343b; */
     background-color: #222;
 }

 .com_input_box01 {
     min-width: 190px;
     height: 30px;
     border-radius: 5px;
     background-color: #fff;
     padding: 0 10px;
     /* width: 125px; */
 }

 .com_select_box {
     min-width: 190px;
     height: 30px;
     border-radius: 5px;
     background-color: #fff;
     position: relative;
 }

 .com_input_box01 input {
     width: 100%;
     height: 100%;
     border-radius: 5px;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 0;
     cursor: pointer;
     margin: unset;
     border: unset;
     padding: unset;
     outline: unset;
 }

 .com_chk01 {
     display: flex;
     gap: 8px;
     align-items: center;
     font-size: 14px;
     font-weight: 500;
     color: #fff;
 }

 .com_select_box select {
     width: 100%;
     height: 100%;
     border: unset;
     outline: unset;
     border-radius: 5px;
     padding: 0 35px 0 10px;
     appearance: none;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 0;
     cursor: pointer;
     background: url(/img/select_arw.png) no-repeat center right 10px / 11px 10px;
 }

 .com_select_box::after {
     content: '';
     position: absolute;
     right: 30px;
     top: 50%;
     transform: translateY(-50%);
     width: 1.6px;
     height: 80%;
     background-color: #bfbfbf;
 }




 @media all and (max-width:1400px) {
     .consultation_box .left_box {
         gap: 5px;
     }

     .consultation_box .left_box .flex_box01 {
         width: 100%;
     }

     .consultation_box .left_box .con_logo {
         height: 20px;
     }

     .consultation_box .left_box .con_logo img {
         height: 100%;
     }

     .con_inquiry_box .tit {
         display: none;
     }

     a.com_btn02 {
         height: 40px;
         min-width: 190px;
         border-radius: 5px;
         font-size: 14px;
     }

     .consultation_box .left_box {
         width: 100%;
     }

     .con_inquiry_box {
         width: 100%;
     }

     .consultation_box .left_box .flex_box01 {
         padding-right: 80px;
     }

     .consultation_box .com_chk01,
     .consultation_box a.detail_btn01 {
         margin: unset;
         margin-left: 5px;
     }

     .inquiry_flex_box {
         gap: 5px;
         margin-bottom: 5px;
         /* flex-wrap: nowrap; */
     }

     .com_input_box01 {
         min-width: unset;
         max-width: unset;
         width: 100%;
         padding: 0 5px;
     }

     .com_select_box {
         min-width: unset;
         max-width: unset;
         width: 100%;
     }

     .com_select_box select {
         border-radius: 5px;
         padding: 0 35px 0 10px;
         appearance: none;
         font-size: 14px;
         font-weight: 400;
         letter-spacing: 0;
         cursor: pointer;
         background: url(/img/select_arw.png) no-repeat center right 10px / 11px 10px;
     }

     .consultation_box a.com_btn02 {
         margin-left: unset;
         position: absolute;
         min-width: 70px;
         right: 0;
         bottom: 0;
         transform: translateY(-64%);
         z-index: 2;
     }

     .consultation_box {
         padding: 25px 15px;
     }
 }


 @media all and (max-width:1400px) {
     .inquiry_flex_box {
         gap: 10px;
     }

     .com_input_box01 {
         width: calc(50% - 5px);
     }

     .com_select_box {
         width: 100%;
     }

     .consultation_box a.com_btn02 {
         position: relative;
         transform: unset;
         margin: 0 auto;
         width: 180px;
     }

     .consultation_box .left_box .flex_box01 {
         padding-right: unset;
         gap: 10px;
     }

 }

 @media all and (max-width:768px) {
     .inquiry_flex_box {
         flex-wrap: wrap;
     }

     .consultation_box a.com_btn02 {
         margin-top: 30px;
     }
 }



 /* 유튜브 팝업 */
   .yt-dim {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.6);
    display: none; z-index: 9990;
    backdrop-filter: saturate(120%) blur(0.5px);
  }
  .yt-modal {
    position: fixed; inset: 0;
    display: none; align-items: center; justify-content: center;
    z-index: 10000; padding: 24px;
  }
  .yt-dialog {
    position: relative;
    width: 100%; max-width: 960px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
    background: #000;
    border: 0;
  }
  .yt-frame-wrap {
    position: relative; width: 100%; padding-top: 56.25%;
  }
  .yt-frame-wrap iframe {
    position: absolute; inset: 0; width: 100%; height: 100%;
    border: 0;
  }
  .yt-close {
    position: absolute;
    top: -48px; /* 팝업보다 살짝 위로 */
    right: 0;
    width: 42px; height: 42px;
    border: 0; cursor: pointer;
    border-radius: 9999px;
    background: rgba(0,0,0,0.55);
    color: #fff; font-size: 22px; line-height: 39px;
  }

    .yt-close:focus-visible {
        outline: unset;
    }


  @media (max-width: 768px) {
    .yt-dialog { max-width: 94vw; }
    .yt-close { top: -40px; right: 0; width: 36px; height: 36px; font-size: 18px; }
  }



  .arrow_p_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 16px;
    font-weight: 400;
  }

  #section2 .w-20 button{
    font-size: 16px;
    font-weight: 400;
  }

  .four_img_blue_box ul li{
    height: 300px;
  }

  .four_img_blue_box ul li img{
    width: 100%; height: 100%; object-fit: cover;
  }

  .arrow_left_custom {
    all: unset;
    display: inline-flex;
    width: 40px;
    aspect-ratio: 1/1;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    align-items: center;
    justify-content: center;
  }

  .arrow_right_custom {
    all: unset;
    display: inline-flex;
    width: 40px;
    aspect-ratio: 1/1;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    align-items: center;
    justify-content: center;
  }

   .swiper-slide.you_tube_slide {
    width: 32% !important;
    border: 1px solid #d9d9d9;
    padding: 10px;
    aspect-ratio: 390 / 400;
}

.swiper-slide a {position: relative;}

.swiper-slide.you_tube_slide a::after {
    position: absolute;
    content: '▶';
    width: 10%;
    aspect-ratio: 1 / 1;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    font-size: clamp(10px,15px,20px);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    top: 30%;
    left: 45%;
}

.swiper-slide.you_tube_slide a:hover::after{
    background-color: #FF0000;
    transition: all 0.5s;
}

.mySwiper .swiper-slide h3{
    height: 63px;
}

@media (max-width: 1000px) {
    .swiper-slide a::after{
        display: none;
    }

    .arrow_left_custom,
    .arrow_right_custom{display: none;}
  }



  /* =con03_table======== */
  
  .con03_table_wrap_custom{padding-bottom:120px;font-size:18px;}

.con03_table_box{width: 100%;}

  .con03_table_wrap_custom h2{
      text-align:center;margin-bottom:40px !important;color:#222;
      font-family:Pretendard;font-size:32px;font-weight:700;line-height:100%;letter-spacing:0.16px;
  }
  
  /* 리스트 전체 */
  .con03_table_box .cert_list{
      width:100%;max-width:1320px;margin:0 auto;border:1px solid #ddd;border-bottom:none;
  }
  
  /* 각 행 */
  .con03_table_box .cert_row{
      display:flex;justify-content:space-between;align-items:center;
      padding:12px;border-bottom:1px solid #ddd;
  }
  
  /* title */
  .con03_table_box .cert_title{
      flex:1;color:#333;font-size:18px;
  }
  
  /* 파일 박스 */
  .con03_table_box .cert_file a{
      display:inline-flex;align-items:center;gap:6px;
      color:#0066cc;text-decoration:none;font-weight:500;
  }
  
  .con03_table_box .cert_file a:hover{text-decoration:underline;}
  


.programCon_btn_box{width: 100%; padding: 20px 0; display: flex; justify-content: flex-end;}
.programCon_btn_box>button{
    padding: 10px; width: 300px; display: flex; gap: 10px; justify-content: center; align-items: center;
    border: 1px solid #333;
    background-color: #09243e;
    color: #fff;
}