/* 공통 */
.header.sub_header {top: 0;}
.footer.sub_footer {background: #000;}

.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 700px; position:relative; background:url("/images/sub/sub_visual.jpg") no-repeat center / cover;}
.sub_vis_txt{width:100%; margin: 0 auto; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt h2{font-size: 70px; letter-spacing: -2px; line-height: 1.2;}
.sub_vis_txt .path {margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 0 8px;}
.sub_vis_txt .path li,
.sub_vis_txt .path li * {font-size: 20px; font-weight: 500; line-height: 1.2;}
.sub_vis_txt .path li img {width: 18px;}
.sub_vis_txt .path li:first-child img {width: 20px;}

.sub_menu{position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; height: 70px; border: 1px solid #fff; border-radius: 50px; padding: 15px 24px; box-sizing: border-box; backdrop-filter: blur(8px);}
.sub_menu > ul{margin:0 auto; position: relative; display: flex; align-items: center; gap: 0 5px; height:100%; z-index: 10;}
.sub_menu > ul > li > a {display: block; font-size: 17px; font-weight: 500; letter-spacing: -.5px; line-height: 1.5; padding: 8px 33px 7px;}
.sub_menu > ul > li.on a,
.sub_menu > ul > li:hover a {background: #fff; color: #000; border-radius: 50px; font-weight: 700;}
.sub_menu > ul > li#l_width {min-width: 155px;}

#sub_content {padding:120px 0;}
.sub_title {padding-bottom:100px; text-align:center; background: #222;}
.sub_title em {font-size: 16px; letter-spacing: -.5px; font-family: var(--font-poppin); font-weight: 600; text-transform: uppercase;}
.sub_title h3 {font-size: 50px; margin-top: 10px; letter-spacing: -1px; font-weight: 700; line-height: 1.2;}

/* 서브 공통 */
/* title */
.sub_tit_cont h1 {font-size: 60px; font-weight: 700; letter-spacing: -.02em; line-height: 1.3;}
.sub_tit_cont .info_cont {margin-top: 60px;}
.sub_tit_cont .info_cont p {font-size: 18px; font-weight: 400; line-height: 1.5;}
.sub_tit_cont .info_cont p + p {margin-top: 25px;}
/* info_list */
.info_list .item {border-bottom: 1px solid #FFFFFF; padding: 40px 30px; display: flex; align-items: flex-start; gap: 0 30px; color: #fff;}
.info_list .item:first-child {border-top: 1px solid #FFFFFF;}
.info_list .item .num {font-size: 50px; font-weight: 300; font-family: var(--font-poppin); line-height: 1; width: 67px;}
.info_list .item .info {width: calc(100% - 102px);}
.info_list .item strong {display: block; font-size: 24px; font-weight: 800; line-height: 1.4;}
.info_list .item p {margin-top: 15px; font-size: 18px; font-weight: 400; line-height: 1.5; word-break: keep-all;}

/* 인사말 */
.greeting_wrap {position: relative;}
.greeting_wrap::before {content: ""; width: 725px; height: 276px; background: url(/images/sub/sub01-1_text.svg) no-repeat center/contain; position: absolute; right: 0; top: 191px;}
.greeting_wrap .info_cont {background: #222; padding-bottom: 89px;}
.greeting_wrap h1 {font-size: 60px; font-weight: 700; letter-spacing: -.02em; line-height: 1.3;}
.greeting_wrap .txt {margin-top: 60px;}
.greeting_wrap .txt p {font-size: 18px; font-weight: 400; line-height: 1.5;}
.greeting_wrap .txt p + p {margin-top: 25px;}
.greeting_wrap .sign {margin-top: 30px; display: flex; align-items: flex-end; gap: 0 30px;}
.greeting_wrap .sign span {font-size: 18px; font-weight: 400; line-height: 1.5;}
.greeting_wrap .sign strong {font-size: 22px; font-weight: 700; margin-left: 15px;}
.greeting_wrap .sign img {width: 80px;}
.greeting_wrap .img {width: 100%; height: 550px;}
.greeting_wrap .bg {position: fixed; top: 0; left: 50%; transform: translateX(-50%) translateZ(0); width: 1400px; height: 100%; background-image: url("/images/sub/sub01-1_img.jpg"); background-size: cover; background-position: center center; will-change: transform; z-index: -1;}
.greeting_wrap .bot {height: 120px; background: #222;}

/* 경영방침 */
.working_wrap h1 {font-size: 60px; font-weight: 700; letter-spacing: -.02em; line-height: 1.3;}
.working_wrap .step {margin-top: 60px; display: flex; align-items: flex-start; justify-content: space-between; gap: 0 50px; text-align: center;}
.working_wrap .step li .img img {width: 180px;}
.working_wrap .step li p {margin-top: 20px; font-size: 24px; font-weight: 800; line-height: 1.4; color: #fff;}
.working_wrap .list {margin-top: 60px;}
.working_wrap .desc {margin-top: 60px;}
.working_wrap .desc p {font-size: 22px; font-weight: 400; line-height: 1.2;}
.working_wrap .desc p + p {margin-top: 25px;}

/* 조직도 */
.organization_wrap .img {margin-top: 110px; position: relative;}
.organization_wrap .img img {width: 100%;}
.organization_wrap .img::before {content: ""; width: 1380px; height: 99px; background: url(/images/sub/organization_txt.svg) no-repeat center/contain; position: absolute; left: 50%; transform: translateX(-50%); top: 82px;}

/* 회사소개 */
.introduction_wrap {position: relative;}
.introduction_wrap::before {content: ""; width: 727px; height: 276px; background: url(/images/sub/introduction_txt.svg) no-repeat center/contain; position: absolute; right: 0; top: 82px;}
.introduction_wrap .tab {display: flex; align-items: center; justify-content: center;}
.introduction_wrap .tab a {width: 200px; height: 72px; line-height: 72px; text-align: center; display: block; border: 1px solid #ffffff20; background: #ffffff10; backdrop-filter: blur(8px); color: #ffffff70; font-size: 22px; font-weight: 500; font-family: var(--font-poppin);}
.introduction_wrap .tab a.on {color: #ffffff; font-weight: 700; border-color: #fff;}
.introduction_wrap .sub_tit_cont {margin-top: 65px;}
.introduction_wrap .map_cont {margin-top: 75px; width: 100%; height: 650px;}
.introduction_wrap .map_cont .root_daum_roughmap,
.introduction_wrap .map_cont .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}
.introduction_wrap .map_cont .wrap_controllers,
.introduction_wrap .map_cont .map_border {display: none;}
.introduction_wrap .info {margin-top: 87px; display: flex; align-items: flex-start; justify-content: space-between; gap: 0 80px;}
.introduction_wrap .info .left {font-size: 50px; font-weight: 700; color: #fff; letter-spacing: -.02em; line-height: 1;}
.introduction_wrap .info .right {display: flex; align-items: flex-start; justify-content: space-between; gap: 0 150px;}
.introduction_wrap .info .desc p {display: flex; align-items: center; gap: 0 25px;}
.introduction_wrap .info .desc img {width: 25px;}
.introduction_wrap .info .desc p span:first-child {display: flex; align-items: center; gap: 0 15px;}
.introduction_wrap .info .desc p span {font-size: 18px; color: #fff; line-height: 1.5;}
.introduction_wrap .info .desc p span:first-child {font-weight: 700;}
.introduction_wrap .info .desc p span:last-child {font-weight: 400;}
.introduction_wrap .info .desc > div:first-child span {font-size: 26px; font-weight: 600; color: #fff; line-height: 1.3;}
.introduction_wrap .info .desc > div:last-child {display: flex; align-items: center; gap: 0 130px; margin-top: 30px;}
.introduction_wrap .info .moveMap {display: flex; align-items: center; justify-content: center; gap: 0 10px; width: 199px; height: 56px; border-radius: 50px; background: #fff; font-size: 18px; font-weight: 700; color: #000; font-family: var(--font-out);}
.introduction_wrap .info .moveMap img {width: 5.5px;}

/* 연혁 */
.history_wrap .img {margin-top: 70px;}
.history_wrap .sticky_cont {position: relative; margin-top: 90px; display: flex; align-items: flex-start;}
.history_wrap .sticky_cont > div {width: 50%;}
.history_wrap .sticky_cont .left {position: sticky; top: 100px;}
.history_wrap .sticky_cont .left ul li {font-size: 40px; font-weight: 800; color: #6D6D6D;  cursor: pointer;}
.history_wrap .sticky_cont .left ul li + li {margin-top: 40px;}
.history_wrap .sticky_cont .left ul li.on {color: #fff;}
.history_wrap .sticky_cont .right .year + .year {margin-top: 120px;}
.history_wrap .sticky_cont .right li { display: flex; align-items: flex-start; gap: 0 30px;}
.history_wrap .sticky_cont .right li + li {margin-top: 40px;}
.history_wrap .sticky_cont .right li strong {display: block; width: 135px; font-size: 30px; font-weight: 800; letter-spacing: -2px; line-height: 1.3;}
.history_wrap .sticky_cont .right li .cont{width: calc(100% - 30px - 135px);}
.history_wrap .sticky_cont .right li p {font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -.4px; line-height: 1.5;}
.history_wrap .sticky_cont .right li p + p {margin-top: 10px;}

/* 표면처리기술 */
.business_wrap .info_box {margin-top: 90px; text-align: left;}
.business_wrap .info_list h2,
.business_wrap .info_box h2 {font-size: 40px; font-weight: 800; color: #fff; line-height: 1.25;}
.business_wrap .info_box p {margin-top: 20px; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.5;}
.business_wrap .tab {/* margin-top: 90px; */ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.business_wrap .tab a {display: flex; align-items: center; justify-content: space-between; width: calc(100%/4); height: 72px; padding: 0 20px; background: #FFFFFF1A; border: 1px solid #FFFFFF33; font-size: 22px; font-weight: 500; color: #ffffff70; transition: all .3s; font-family: var(--font-poppin);}
.business_wrap .tab a img {width: 17px;}
.business_wrap .tab a:hover,
.business_wrap .tab a.on {border-color: #fff; color: #fff; font-weight: 700;}
.business_wrap .img {margin-top: 90px;}
.business_wrap .img img {width: 100%;}
.business_wrap .info_list {margin-top: 90px;}
.business_wrap .info_list .item:nth-of-type(1) {border-top: 1px solid #FFFFFF; margin-top: 40px;}

/* 표면처리기술 sub */
.businessSub_wrap .tab {margin-top: 0;}
.businessSub_wrap .tab a {text-align: center; justify-content: center;}
.businessSub_wrap .tab_cont {display: none;}
.businessSub_wrap .mySwiper {position: relative; margin-top: 90px;} 
.businessSub_wrap .mySwiper .arrow {position: absolute; right: 33px; bottom: 40px; display: flex; align-items: center; gap: 0 15px;}
.businessSub_wrap .mySwiper .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 70px; height: 70px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0; box-shadow: 0px 8px 24px 0px #959DA533; background: #fff; transition: all .3s;}
.businessSub_wrap .mySwiper .arrow > div::after {display: none;}
.businessSub_wrap .mySwiper .arrow > div:hover {background: #000;}
.businessSub_wrap .mySwiper .arrow > div img {width: 30px; transition: all .3s;}
.businessSub_wrap .mySwiper .arrow > div:hover img {filter: var(--filter-withe);}
.business_wrap .swiper + .info_box {margin-top: 120px;}
.business_wrap .swiper + .info_box p {display: flex; align-items: center; gap: 20px;}
.business_wrap .info_box p strong {min-width: 67px; display: block; font-weight: 800;}
.business_wrap .info_box p span {font-weight: 400;}
.business_wrap .info_box p + p {margin-top: 5px;}

/* card_list */
.card_list .item {width: calc(50% - 10px); border: 1px solid #FFFFFF33; background: #FFFFFF1A; transition: all .3s; position: relative;}
.card_list .item:hover {border: 1px solid #FFFFFF;}
.card_list .item  p {font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -.5px; line-height: 1.5; margin-bottom: 10px; font-family: var(--font-poppin); text-transform: uppercase;}
.card_list .item  h3 {font-size: 40px; font-weight: 700; color: #fff; letter-spacing: -2px; line-height: 1.25;}
.card_list .item  ul {margin-top: 20px;}
.card_list .item  ul li {font-size: 20px; font-weight: 500; color: #ffffff70; letter-spacing: -.8px; line-height: 1.5; padding-left: 16px; position: relative;}
.card_list .item  ul li::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 13px;}
.card_list .item  ul li + li {margin-top: 12px;}

/* 인재상 */
.talent_wrap .card_list {margin-top: 60px;}
.talent_wrap .item {padding: 70px 80px; height: 360px;}
.card_list {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px;}
.card_list .img {position: absolute; right: 50px; bottom: 53px;}
.card_list .item:nth-child(1) .img img {width: 83px;}
.card_list .item:nth-child(2) .img img {width: 85px;}
.card_list .item:nth-child(3) .img img {width: 98px;}
.card_list .item:nth-child(4) .img img {width: 90px;}

/* 복리후생 */
.welfare_wrap .list_cont {display: flex; align-items: flex-start; gap: 40px; margin-top: 60px;}
.welfare_wrap .list_cont > div {width: calc(50% - 20px);}
.welfare_wrap .list_cont .cont > h3 {font-size: 40px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; color: #fff; margin-bottom: 40px;}
.welfare_wrap .list_cont .item {height: 300px; padding: 50px 40px;}
.welfare_wrap .list_cont .item .img {right: 32px; bottom: 40px;}
.welfare_wrap .list_cont .item .img img {width: 82px;}
.welfare_wrap .list_cont .item h3 {font-size: 30px; letter-spacing: -1px;}

/* 주요사업소개 */
.business_info .item {display: flex; align-items: center; gap: 80px;}
.business_info .item + .item {margin-top: 70px;}
.business_info .item .img {width: 660px; overflow: hidden;}
.business_info .item .img img {width: 100%;}
.business_info .item .txt {position: relative; padding-top: 74px; width: calc(100% - 740px);}
.business_info .item .txt .num {position: absolute; top: 0; left: 0; z-index: -1; font-size: 100px; font-weight: 800; color: #fff; opacity: .1; font-family: var(--font-out);}
.business_info .item .txt h2 {display: flex; align-items: flex-end; gap: 21px; font-size: 40px; font-weight: 700; color: #fff; line-height: 1.25; font-family: var(--font-out);}
.business_info .item .txt h2 span {font-size: 25px; font-weight: 500; color: #fff; opacity: .7; font-family: 'Pretendard', sans-serif; line-height: 1.6;}
.business_info .item .txt p {margin-top: 20px; display: flex; align-items: center; gap: 15px; color: #fff;}
.business_info .item .txt p strong {font-size: 18px; font-weight: 800; line-height: 1.5;}
.business_info .item .txt p span {font-size: 18px; font-weight: 400; line-height: 1.5;}





@media screen and (max-width:1440px){

    .sub_visual {height: 48.61vw;}
    .sub_vis_txt h2{font-size: 4.86vw; letter-spacing: -0.14vw;}
    .sub_vis_txt .path {margin-top: 2.08vw; gap: 0 0.56vw;}
    .sub_vis_txt .path li,
    .sub_vis_txt .path li * {font-size: 1.39vw;}
    .sub_vis_txt .path li img {width: 1.25vw;}
    .sub_vis_txt .path li:first-child img {width: 1.39vw;}
    
    .sub_menu {bottom: 3.47vw; height: 4.86vw; border-radius: 3.47vw; padding: 1.04vw 1.67vw;}
    .sub_menu > ul {gap: 0 0.35vw; height:100%;}
    .sub_menu > ul > li > a {font-size: 1.18vw; letter-spacing: -0.03vw; padding: 0.56vw 2.29vw 0.49vw;}
    .sub_menu > ul > li.on a,
    .sub_menu > ul > li:hover a {border-radius: 3.47vw;}
    .sub_menu > ul > li#l_width {min-width: 10.8vw;}
    
    #sub_content {padding:8.33vw 0;}
    .sub_title {padding-bottom:6.94vw;}
    .sub_title em {font-size: 1.11vw; letter-spacing: -0.03vw;}
    .sub_title h3 {font-size: 3.47vw; margin-top: 0.69vw; letter-spacing: -0.07vw;}

    /* 서브 공통 */
    /* title */
    .sub_tit_cont h1 {font-size: 4.17vw;}
    .sub_tit_cont .info_cont {margin-top: 4.17vw;}
    .sub_tit_cont .info_cont p {font-size: 1.25vw; word-break: keep-all;}
    .sub_tit_cont .info_cont p br {display: none;}
    .sub_tit_cont .info_cont p + p {margin-top: 1.74vw;}
    /* info_list */
    .info_list .item { padding: 2.78vw 2.08vw; gap: 0 2.08vw;}
    .info_list .item .num {font-size: 3.47vw; width: 4.82vw;}
    .info_list .item .info {width: calc(100% - 6.90vw);}
    .info_list .item strong { font-size: 1.67vw;}
    .info_list .item p {margin-top: 1.04vw; font-size: 1.25vw;}
    
    /* 인사말 */
    .greeting_wrap {margin-top: -2px;}
    .greeting_wrap::before {width: 50.35vw; height: 19.17vw; top: 13.26vw;}
    .greeting_wrap .info_cont {padding-bottom: 6.18vw;}
    .greeting_wrap h1 {font-size: 4.17vw; letter-spacing: -.02em;}
    .greeting_wrap .txt {margin-top: 4.17vw;}
    .greeting_wrap .txt p {font-size: 1.25vw;}
    .greeting_wrap .txt p + p {margin-top: 1.74vw;}
    .greeting_wrap .sign {margin-top: 2.08vw; gap: 0 2.08vw;}
    .greeting_wrap .sign span {font-size: 1.25vw;}
    .greeting_wrap .sign strong {font-size: 1.53vw; margin-left: 1.04vw;}
    .greeting_wrap .sign img {width: 5.56vw;}
    .greeting_wrap .img {width: 100%; height: 38.19vw;}
    .greeting_wrap .bg {width: 90vw;}
    .greeting_wrap .bot {height: 8.33vw;}

    /* 경영방침 */
    .working_wrap h1 {font-size: 4.17vw; letter-spacing: -.02em;}
    .working_wrap .step {margin-top: 4.17vw; gap: 0 3.47vw;}
    .working_wrap .step li .img img {width: 12.50vw;}
    .working_wrap .step li p {margin-top: 1.39vw; font-size: 1.67vw;}
    .working_wrap .list {margin-top: 4.17vw;}
    .working_wrap .desc {margin-top: 4.17vw;}
    .working_wrap .desc p {font-size: 1.53vw;}
    .working_wrap .desc p + p {margin-top: 1.74vw;}

    /* 조직도 */
    .organization_wrap .img {margin-top: 7.64vw; }
    .organization_wrap .img::before { width: 95.83vw; height: 6.88vw; top: 9.58vw;}

    /* 회사소개 */
    .introduction_wrap::before {width: 50.49vw; height: 19.17vw; top: 5.69vw;}
    .introduction_wrap .tab a {width: 13.89vw; height: 5.00vw; line-height: 5.00vw; font-size: 1.53vw;}
    .introduction_wrap .sub_tit_cont {margin-top: 4.51vw;}
    .introduction_wrap .map_cont {margin-top: 5.21vw; height: 45.14vw;}
    .introduction_wrap .info {margin-top: 6.04vw; gap: 0 5.56vw;}
    .introduction_wrap .info .left {font-size: 3.47vw;}
    .introduction_wrap .info .right {gap: 0 6.42vw;}
    .introduction_wrap .info .desc p {gap: 0 1.74vw;}
    .introduction_wrap .info .desc img {width: 1.74vw;}
    .introduction_wrap .info .desc p span:first-child {gap: 0 1.04vw;}
    .introduction_wrap .info .desc p span {font-size: 1.25vw;}
    .introduction_wrap .info .desc > div:first-child span {font-size: 1.81vw;}
    .introduction_wrap .info .desc > div:last-child {gap: 0 9.03vw; margin-top: 2.08vw;}
    .introduction_wrap .info .moveMap {gap: 0 0.69vw; width: 13.82vw; height: 3.89vw; border-radius: 3.47vw; font-size: 1.25vw;}
    .introduction_wrap .info .moveMap img {width: 0.38vw;}

    /* 연혁 */
    .history_wrap .info_cont p + p br {display: none;}
    .history_wrap .img {margin-top: 4.86vw;}
    .history_wrap .sticky_cont {margin-top: 6.25vw;}
    .history_wrap .sticky_cont .left {top: 6.94vw;}
    .history_wrap .sticky_cont .left ul li {font-size: 2.78vw;}
    .history_wrap .sticky_cont .left ul li + li {margin-top: 2.78vw;}
    .history_wrap .sticky_cont .right .year + .year {margin-top: 8.33vw;}
    .history_wrap .sticky_cont .right li {gap: 0 2.08vw;}
    .history_wrap .sticky_cont .right li + li {margin-top: 2.78vw;}
    .history_wrap .sticky_cont .right li strong {width: 9.38vw; font-size: 2.08vw; letter-spacing: -0.14vw;}
	.history_wrap .sticky_cont .right li .cont{width: calc(100% - 2.08vw - 9.38vw);}
    .history_wrap .sticky_cont .right li p {font-size: 1.25vw; letter-spacing: -0.03vw;}
    .history_wrap .sticky_cont .right li p + p {margin-top: 0.69vw;}

    /* 표면처리기술 */
    .business_wrap .info_box {margin-top: 6.25vw;}
    .business_wrap .info_list h2,
    .business_wrap .info_box h2 {font-size: 2.78vw;}
    .business_wrap .info_box p {margin-top: 1.39vw; font-size: 1.25vw;}
    /* .business_wrap .tab {margin-top: 6.25vw;} */
    .business_wrap .tab a {height: 5.00vw; padding: 0 1.39vw; font-size: 1.53vw;}
    .business_wrap .tab a img {width: 1.18vw;}
    .business_wrap .img {margin-top: 6.25vw;}
    .business_wrap .img img {width: 100%;}
    .business_wrap .info_list {margin-top: 6.25vw;}
    .business_wrap .info_list .item:nth-of-type(1) {margin-top: 2.78vw;}

    /* 표면처리기술 sub */
    .businessSub_wrap .mySwiper { margin-top: 6.25vw;} 
    .businessSub_wrap .mySwiper .arrow { right: 2.29vw; bottom: 2.78vw; gap: 0 1.04vw;}
    .businessSub_wrap .mySwiper .arrow > div { width: 4.86vw; height: 4.86vw;}
    .businessSub_wrap .mySwiper .arrow > div img {width: 2.08vw;}
    .business_wrap .swiper + .info_box {margin-top: 8.33vw;}
    .business_wrap .swiper + .info_box p {gap: 1.39vw; align-items: flex-start;}
    .business_wrap .info_box p strong {min-width: 4.65vw;}
    .business_wrap .info_box p + p {margin-top: 0.35vw;}

    /* 인재상 */
    .talent_wrap .card_list {margin-top: 4.17vw;}
    .talent_wrap .item {padding: 4.86vw 5.56vw; height: 25.00vw;}
    .card_list { gap: 1.39vw;}
    .card_list .img {right: 3.47vw; bottom: 3.68vw;}
    .card_list .item:nth-child(1) .img img {width: 5.76vw;}
    .card_list .item:nth-child(2) .img img {width: 5.90vw;}
    .card_list .item:nth-child(3) .img img {width: 6.81vw;}
    .card_list .item:nth-child(4) .img img {width: 6.25vw;}
    /* card_list */
    .card_list .item {width: calc(50% - 0.7vw);}
    .card_list .item  p {font-size: 1.11vw; letter-spacing: -0.03vw;  margin-bottom: 0.69vw;}
    .card_list .item  h3 {font-size: 2.78vw; letter-spacing: -0.14vw;}
    .card_list .item  ul {margin-top: 1.39vw;}
    .card_list .item  ul li {font-size: 1.39vw; letter-spacing: -0.06vw;  padding-left: 1.11vw;}
    .card_list .item  ul li::before {width: 0.28vw; height: 0.28vw; border-radius: 100%; top: 0.90vw;}
    .card_list .item  ul li + li {margin-top: 0.83vw;}

    /* 복리후생 */
    .welfare_wrap .list_cont {gap: 2.78vw; margin-top: 4.17vw;}
    .welfare_wrap .list_cont > div {width: calc(50% - 1.4vw);}
    .welfare_wrap .list_cont .cont > h3 {font-size: 2.78vw; margin-bottom: 2.78vw;}
    .welfare_wrap .list_cont .item {height: 20.83vw; padding: 3.47vw 2.78vw;}
    .welfare_wrap .list_cont .item .img {right: 2.22vw; bottom: 2.78vw;}
    .welfare_wrap .list_cont .item .img img {width: 5.69vw;}
    .welfare_wrap .list_cont .item h3 {font-size: 2.08vw; letter-spacing: -0.07vw;}

    /* 주요사업소개 */
    .business_info .item {gap: 5.56vw;}
    .business_info .item + .item {margin-top: 4.86vw;}
    .business_info .item .img {width: 43.83vw;}
    .business_info .item .txt {padding-top: 5.14vw; width: calc(100% - 49.39vw);}
    .business_info .item .txt .num {font-size: 6.94vw;}
    .business_info .item .txt h2 {gap: 1.46vw; font-size: 2.78vw;}
    .business_info .item .txt h2 span {font-size: 1.74vw;}
    .business_info .item .txt p {margin-top: 1.39vw; gap: 1.04vw;}
    .business_info .item .txt p strong {font-size: 1.25vw;}
    .business_info .item .txt p span {font-size: 1.25vw;}

}



@media screen and (max-width:1280px){

    .sub_visual {height: 44.53vw;}
    .sub_vis_txt h2{font-size: 4.38vw; letter-spacing: -0.13vw;}
    .sub_vis_txt .path {margin-top: 1.88vw; gap: 0 0.55vw;}
    .sub_vis_txt .path li,
    .sub_vis_txt .path li * {font-size: 1.41vw;}
    .sub_vis_txt .path li img {width: 1.17vw;}
    .sub_vis_txt .path li:first-child img {width: 1.25vw;}
    
    .sub_menu {bottom: 3.13vw; height: 4.45vw; border-radius: 3.13vw; padding: 0.94vw 1.56vw;}
    .sub_menu > ul {gap: 0 0.31vw; height:100%;}
    .sub_menu > ul > li > a {font-size: 1.09vw; letter-spacing: -0.03vw; padding: 0.47vw 1.95vw 0.39vw;}
    .sub_menu > ul > li.on a,
    .sub_menu > ul > li:hover a {border-radius: 3.44vw;}
    .sub_menu > ul > li#l_width {min-width: 9.61vw;}
    
    #sub_content {padding:7.66vw 0;}
    .sub_title {padding-bottom:6.41vw;}
    .sub_title em {font-size: 1.02vw; letter-spacing: -0.03vw;}
    .sub_title h3 {font-size: 3.13vw; margin-top: 0.63vw; letter-spacing: -0.06vw;}

    /* 서브 공통 */
    /* title */
    .sub_tit_cont h1 {font-size: 3.75vw;}
    .sub_tit_cont .info_cont {margin-top: 3.83vw;}
    .sub_tit_cont .info_cont p {font-size: 1.09vw;}
    .sub_tit_cont .info_cont p + p {margin-top: 1.56vw;}
    /* info_list */
    .info_list .item { padding: 2.81vw 2.11vw; gap: 0 2.11vw;}
    .info_list .item .num {font-size: 3.28vw; width: 4.30vw;}    
    .info_list .item .info {width: calc(100% - 6.64vw);}
    .info_list .item strong { font-size: 1.48vw;}
    .info_list .item p {margin-top: 1.02vw; font-size: 1.09vw;}
    
    /* 인사말 */
    .greeting_wrap {margin-top: -0.16vw;}
    .greeting_wrap::before {width: 46.88vw; height: 18vw; top: 9.77vw; right: 0;}
    .greeting_wrap .info_cont {padding-bottom: 6.17vw;}
    .greeting_wrap h1 {font-size: 3.75vw;}
    .greeting_wrap .txt {margin-top: 3.83vw;}
    .greeting_wrap .txt p {font-size: 1.09vw;}
    .greeting_wrap .txt p + p {margin-top: 1.56vw;}
    .greeting_wrap .sign {margin-top: 1.88vw; gap: 0 1.88vw;}
    .greeting_wrap .sign span {font-size: 1.17vw;}
    .greeting_wrap .sign strong {font-size: 1.41vw; margin-left: 1.88vw;}
    .greeting_wrap .sign img {width: 5.08vw;}
    .greeting_wrap .img {width: 100%; height: 35.00vw;}
    .greeting_wrap .bg {width: 88.91vw; background-image: url("/images/sub/t_sub01-1_img.jpg");}
    .greeting_wrap .bot {height: 7.81vw;}

    /* 경영방침 */
    .working_wrap h1 {font-size: 3.75vw; letter-spacing: -.02em;}
    .working_wrap .step {margin-top: 3.83vw; gap: 0 3.44vw;}
    .working_wrap .step li .img img {width: 12.50vw;}
    .working_wrap .step li p {margin-top: 1.80vw; font-size: 1.48vw;}
    .working_wrap .list {margin-top: 3.91vw;}
    .working_wrap .desc {margin-top: 2.34vw;}
    .working_wrap .desc p {font-size: 1.09vw;}
    .working_wrap .desc p + p {margin-top: 1.56vw;}

    /* 조직도 */
    .organization_wrap .img {margin-top: 7.66vw; }
    .organization_wrap .img::before { width: 95.86vw; height: 6.88vw; top: 9.61vw;}
    
    /* 회사소개 */
    .introduction_wrap::before {width: 50.47vw; height: 19.14vw; top: 5.70vw;}
    .introduction_wrap .tab a {width: 13.91vw; height: 5.00vw; line-height: 5.00vw; font-size: 1.56vw;}
    .introduction_wrap .sub_tit_cont {margin-top: 4.53vw;}
    .introduction_wrap .map_cont {margin-top: 5.23vw; height: 45.16vw;}
    .introduction_wrap .info {margin-top: 6.02vw; gap: 0 5.55vw;}
    .introduction_wrap .info .left {font-size: 2.73vw;}
    .introduction_wrap .info .right {gap: 0 10.39vw;}
    .introduction_wrap .info .desc p {gap: 0 1.72vw;}
    .introduction_wrap .info .desc img {width: 1.72vw;}
    .introduction_wrap .info .desc p span:first-child {gap: 0 1.02vw;}
    .introduction_wrap .info .desc p span {font-size: 1.09vw;}
    .introduction_wrap .info .desc > div:first-child span {font-size: 1.25vw;}
    .introduction_wrap .info .desc > div:last-child {gap: 0 6.25vw; margin-top: 1.17vw;}
    .introduction_wrap .info .moveMap {gap: 0 0.70vw; width: 11.72vw; height: 3.67vw; border-radius: 3.44vw; font-size: 0.94vw;}
    .introduction_wrap .info .moveMap img {width: 0.39vw;}

    /* 연혁 */
    .history_wrap .img {margin-top: 4.84vw;}
    .history_wrap .sticky_cont {margin-top: 6.25vw;}
    .history_wrap .sticky_cont .left {top: 6.95vw;}
    .history_wrap .sticky_cont .left ul li {font-size: 2.81vw;}
    .history_wrap .sticky_cont .left ul li + li {margin-top: 2.81vw;}
    .history_wrap .sticky_cont .right .year + .year {margin-top: 8.36vw;}
    .history_wrap .sticky_cont .right li {gap: 0 2.11vw;}
    .history_wrap .sticky_cont .right li + li {margin-top: 2.81vw;}
    .history_wrap .sticky_cont .right li strong {width: 7.81vw; font-size: 2.03vw; letter-spacing: -0.16vw;}
	.history_wrap .sticky_cont .right li .cont{width: calc(100% - 2.11vw - 7.81vw);}
    .history_wrap .sticky_cont .right li p {font-size: 1.09vw;}
    .history_wrap .sticky_cont .right li p + p {margin-top: 0.70vw;}

    /* 표면처리기술 */
    .business_wrap .info_box {margin-top: 6.25vw;}
    .business_wrap .info_list h2,
    .business_wrap .info_box h2 {font-size: 2.81vw;}
    .business_wrap .info_box p {margin-top: 1.41vw; font-size: 1.09vw;}
    /* .business_wrap .tab {margin-top: 6.25vw;} */
    .business_wrap .tab a {height: 3.91vw; padding: 0 1.41vw; font-size: 1.25vw;}
    .business_wrap .tab a img {width: 0.78vw;}
    .business_wrap .img {margin-top: 6.25vw;}
    .business_wrap .img img {width: 100%;}
    .business_wrap .info_list {margin-top: 6.25vw;}
    .business_wrap .info_list .item:nth-of-type(1) {margin-top: 2.81vw;}

    /* 표면처리기술 sub */
    .businessSub_wrap .mySwiper { margin-top: 6.25vw;} 
    .businessSub_wrap .mySwiper .arrow { right: 2.27vw; bottom: 2.81vw; gap: 0 1.02vw;}
    .businessSub_wrap .mySwiper .arrow > div { width: 4.84vw; height: 4.84vw;}
    .businessSub_wrap .mySwiper .arrow > div img {width: 2.11vw;}
    .business_wrap .swiper + .info_box {margin-top: 8.36vw;}
    .business_wrap .swiper + .info_box p {gap: 1.41vw;}
    .business_wrap .info_box p strong {min-width: 4.69vw;}
    .business_wrap .info_box p + p {margin-top: 0.31vw;}

    /* 인재상 */
    .talent_wrap .card_list {margin-top: 4.14vw;}
    .talent_wrap .item {padding: 4.84vw 5.55vw; height: 25.00vw;}
    .card_list { gap: 1.41vw;}
    .card_list .img {right: 3.44vw; bottom: 3.67vw;}
    .card_list .item:nth-child(1) .img img {width: 5.78vw;}
    .card_list .item:nth-child(2) .img img {width: 5.94vw;}
    .card_list .item:nth-child(3) .img img {width: 6.80vw;}
    .card_list .item:nth-child(4) .img img {width: 6.25vw;}
    /* card_list */
    .card_list .item {width: calc(50% - 0.71vw);}
    .card_list .item  p {font-size: 1.09vw; letter-spacing: -0.00vw;  margin-bottom: 0.70vw;}
    .card_list .item  h3 {font-size: 2.81vw; letter-spacing: -0.16vw;}
    .card_list .item  ul {margin-top: 1.41vw;}
    .card_list .item  ul li {font-size: 1.41vw; letter-spacing: -0.08vw;  padding-left: 1.09vw;}
    .card_list .item  ul li::before {width: 0.31vw; height: 0.31vw; border-radius: 100%; top: 0.94vw;}
    .card_list .item  ul li + li {margin-top: 0.86vw;}

    /* 복리후생 */
    .welfare_wrap .list_cont {gap: 2.81vw; margin-top: 4.14vw;}
    .welfare_wrap .list_cont > div {width: calc(50% - 1.41vw);}
    .welfare_wrap .list_cont .cont > h3 {font-size: 2.81vw; margin-bottom: 2.81vw;}
    .welfare_wrap .list_cont .item {height: 20.86vw; padding: 3.44vw 2.81vw;}
    .welfare_wrap .list_cont .item .img {right: 2.19vw; bottom: 2.81vw;}
    .welfare_wrap .list_cont .item .img img {width: 5.70vw;}
    .welfare_wrap .list_cont .item h3 {font-size: 1.88vw; letter-spacing: -0.08vw;}

    /* 주요사업소개 */
    .business_info .item {gap: 5.55vw;}
    .business_info .item + .item {margin-top: 4.84vw;}
    .business_info .item .img {width: 42.86vw;}
    .business_info .item .txt {padding-top: 5.16vw; width: calc(100% - 48.41vw);}
    .business_info .item .txt .num {font-size: 6.95vw;}
    .business_info .item .txt h2 {gap: 1.48vw; font-size: 2.81vw;}
    .business_info .item .txt h2 span {font-size: 1.72vw;}
    .business_info .item .txt p {margin-top: 1.41vw; gap: 1.02vw;}
    .business_info .item .txt p strong {font-size: 1.25vw;}
    .business_info .item .txt p span {font-size: 1.25vw;}

}



@media screen and (max-width:768px){

    .sub_visual {height: 130.21vw; background:url("/images/sub/m_sub_visual.jpg") no-repeat center / cover;}
    .sub_vis_txt h2{font-size: 10.42vw; letter-spacing: -0.35vw;}
    .sub_vis_txt .path {margin-top: 1.69vw; gap: 2.08vw; flex-wrap: wrap;}
    .sub_vis_txt .path li,
    .sub_vis_txt .path li * {font-size: 4.17vw;}
    .sub_vis_txt .path li img {width: 4.69vw;}
    .sub_vis_txt .path li:first-child img {width: 5.21vw;}
    .sub_menu {width: 100%; bottom: 0; height: 14.32vw; border-radius: 0; padding: 0; border: 1px solid #FFFFFF33; border-left: 0; border-right: 0; background: #ffffff10; z-index: 20; backdrop-filter: none;}
    .sub_menu > ul {gap: 0; height:100%;}
    .sub_menu > ul > li {position: relative;}
    .sub_menu > ul > li.home {width: 14.32vw; border-right: 1px solid #ffffff10; text-align: center;}
    .sub_menu > ul > li.home img {width: 5.21vw;}
    .sub_menu > ul > li > a {width: 100%; font-size: 3.65vw; letter-spacing: 0; padding: 0; height: 100%; line-height:1.3; backdrop-filter: blur(8px);}
    .sub_menu > ul > li.menu_btn {width: calc(50% - 7.16vw); height: 100%; }
    .sub_menu > ul > li.menu_btn + li.menu_btn {border-left: 1px solid #ffffff10;}
    .sub_menu > ul > li.menu_btn > a {padding: 0 3.91vw; position: relative; display: flex; align-items: center;}
    .sub_menu > ul > li.menu_btn > a::after {content: ""; width: 3.52vw; height: 3.52vw; background: url(/images/sub/sub_menu_arrow.svg) no-repeat center/contain; position: absolute; right: 3.91vw; top: 50%; transform: translateY(-50%);}
    .sub_menu > ul > li.menu_btn.on > a::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 99%; z-index: 10; display: block; border: 1px solid #fff; border-radius: 0;}
    .sub_menu > ul > li.menu_btn.on > a::after {transform: translateY(-50%) rotate(180deg);}
    .sub_menu > ul > li.on a, .sub_menu > ul > li:hover a {background: transparent; color: #fff; border-radius: 0;}
    .sub_menu > ul .sub_menu_txt {display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #ffffff10; backdrop-filter: blur(8px);}
    .sub_menu > ul .sub_menu_txt li:hover {background: transparent; border-radius: 0;}
    .sub_menu > ul .sub_menu_txt li + li {border-top: 1px solid #ffffff10;}
    .sub_menu > ul .sub_menu_txt li a { font-size: 3.65vw; letter-spacing: 0; padding: 0 3.65vw; height: 11.72vw; display: flex; align-items: center;}
    
    #sub_content {padding:20.83vw 0;}
    .sub_title {padding-bottom: 18.23vw;}
    .sub_title em {font-size: 3.13vw; letter-spacing: -0.13vw;}
    .sub_title h3 {font-size: 9.11vw; margin-top: 1.30vw; letter-spacing: -0.26vw;}
    
    /* 서브 공통 */
    /* title */
    .sub_tit_cont h1 {font-size: 5.73vw;}
    .sub_tit_cont .info_cont {margin-top: 10.42vw;}
    .sub_tit_cont .info_cont p {font-size: 3.65vw;}
    .sub_tit_cont .info_cont p + p {margin-top: 6.51vw;}
    /* info_list */
    .info_list .item { padding: 9.38vw 4.03vw; gap: 0 7.03vw;}
    .info_list .item .num {font-size: 9.11vw; width: 12.3vw;}    
    .info_list .item .info {width: calc(100% - 19.33vw);}
    .info_list .item strong { font-size: 4.95vw;}
    .info_list .item p {margin-top: 3.39vw; font-size: 3.65vw;}
    
    /* 인사말 */
    .greeting_wrap {margin-top: -0.39vw;}
    .greeting_wrap::before {width: 100%; height: 34.33vw; top: 137vw; right: 0;}
    .greeting_wrap .info_cont {padding-bottom: 48.96vw;}
    .greeting_wrap h1 {font-size: 5.73vw;}
    .greeting_wrap .txt {margin-top: 10.42vw;}
    .greeting_wrap .txt p {font-size: 3.65vw;}
    .greeting_wrap .txt p:last-child br {display: none; word-break: break-all;}
    .greeting_wrap .txt p + p {margin-top: 6.51vw;}
    .greeting_wrap .sign {margin-top: 7.81vw; gap: 0 7.81vw;}
    .greeting_wrap .sign span {font-size: 3.65vw;}
    .greeting_wrap .sign strong {font-size: 4.69vw; margin-left: 2.60vw;}
    .greeting_wrap .sign img {width: 15.63vw;}
    .greeting_wrap .img {width: 100%; height: 72.92vw;}
    .greeting_wrap .bg {width: calc(100% - 8.81vw); background-image: url("/images/sub/m_sub01-1_img.jpg");}
    .greeting_wrap .bot {height: 18.23vw;}

    /* 경영방침 */
    .working_wrap h1 {font-size: 5.73vw; letter-spacing: -.02em;}
    .working_wrap .step {margin-top: 10.42vw; gap: 9.5vw 11.46vw; flex-wrap: wrap;}
    .working_wrap .step li {width: calc(50% - 5.73vw) !important;}
    .working_wrap .step li .img img {width: 32.54vw;}
    .working_wrap .step li p {margin-top: 4.51vw; font-size: 4.69vw;}
    .working_wrap .list {margin-top: 13.02vw;}
    .working_wrap .desc {margin-top: 7.81vw;}
    .working_wrap .desc p {font-size: 3.65vw; line-height: 1.4;}
    .working_wrap .desc p + p {margin-top: 5.21vw;}

    /* 조직도 */
    .organization_wrap .img {margin-top: 13.02vw; }
    .organization_wrap .img::before {display: none;}
    /* .organization_wrap .img::before {width: 100%; height: 32.55vw; background: url(/images/sub/m_organization_txt.svg) no-repeat center/contain; position: absolute; left: 50%; transform: translateX(-50%); top: 46.22vw;} */
    
    /* 회사소개 */
    .introduction_wrap::before {display: none;}
    .introduction_wrap .tab a {width: 47.14vw; height: 16.93vw; line-height: 16.93vw; font-size: 5.34vw;}
    .introduction_wrap .sub_tit_cont {margin-top: 15.36vw;}
    .introduction_wrap .map_cont {margin-top: 10.42vw; height: 92.86vw;}
    .introduction_wrap .info {margin-top: 10.42vw; flex-direction: column; gap: 9.42vw 0;}
    .introduction_wrap .info .left {font-size: 6.51vw;}
    .introduction_wrap .info .right {gap: 9.42vw 0; flex-direction: column;}
    .introduction_wrap .info .desc p {gap: 0 5.86vw;}
    .introduction_wrap .info .desc img {width: 5.86vw;}
    .introduction_wrap .info .desc p span:first-child {gap: 0 3.52vw;}
    .introduction_wrap .info .desc p span {font-size: 3.65vw;}
    .introduction_wrap .info .desc > div:first-child span {font-size: 4.30vw;}
    .introduction_wrap .info .desc > div:last-child {gap: 4.51vw 0; margin-top: 4.51vw; flex-direction: column; align-items: flex-start;}
    .introduction_wrap .info .moveMap {gap: 0 2.34vw; width: 34.77vw; height: 11.46vw; border-radius: 11.59vw; font-size: 3.13vw;}
    .introduction_wrap .info .moveMap img {width: 1.30vw;}

    /* 연혁 */
    .history_wrap .img {margin-top: 13.02vw; height: 72.92vw;}
    .history_wrap .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .history_wrap .sticky_cont {margin-top: 13.02vw; display: revert;}
    .history_wrap .sticky_cont.fixed .left {position: fixed; top: 15.63vw; left: 0;}
    .history_wrap .sticky_cont.fixed .left li {padding: 2.5vw 0;}
    .history_wrap .sticky_cont.fixed .left li:first-child {padding-left: 3.91vw;}
    .history_wrap .sticky_cont.fixed .left li:last-child {padding-right: 3.91vw;}
    .history_wrap .sticky_cont .left {top: 0; width: 100%; background: #222;}
    .history_wrap .sticky_cont .left ul {white-space: nowrap; overflow: hidden; overflow-x: scroll; display: flex; align-items: center; gap: 0 7.81vw;}
    .history_wrap .sticky_cont .left ul li {font-size: 6vw;}
    .history_wrap .sticky_cont .left ul li + li {margin-top: 0;}
    .history_wrap .sticky_cont .right {width: 100%; margin-top: 10.42vw;}
    .history_wrap .sticky_cont .right .year + .year {margin-top: 19.53vw;}
    .history_wrap .sticky_cont .right li {gap: 0 6.51vw;}
    .history_wrap .sticky_cont .right li + li {margin-top: 9.51vw;}
    .history_wrap .sticky_cont .right li strong {width: 24.55vw; font-size: 5.90vw; letter-spacing: -0.52vw; line-height: 1.2; margin-top: -1.5vw;}
    .history_wrap .sticky_cont .right li .cont {width: calc(100% - 31.06vw);}
    .history_wrap .sticky_cont .right li p {font-size: 3.13vw; word-break: keep-all;}
    .history_wrap .sticky_cont .right li p + p {margin-top: 2.34vw;}

    /* 표면처리기술 */
    .business_wrap .info_box {margin-top: 10.42vw;}
    .business_wrap .info_list h2,
    .business_wrap .info_box h2 {font-size: 5.21vw;}
    .business_wrap .info_box p {margin-top: 4.82vw; font-size: 3.65vw;}
    .business_wrap .info_box p br {display: none;}
    /* .business_wrap .tab {margin-top: 10.42vw;} */
    .business_wrap .tab a {height: 11.46vw; padding: 0 3.26vw; font-size: 3.13vw; /* width: 50%; */ width: calc(100%/3);}
    .business_wrap .tab a img {width: 2.08vw;}
    .business_wrap .img {margin-top: 10.42vw; height: 72.92vw;}
    .business_wrap .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .business_wrap .info_list {margin-top: 10.42vw;}
    .business_wrap .info_list .item:nth-of-type(1) {margin-top: 4.51vw;}

    /* 표면처리기술 sub */
    .businessSub_wrap .mySwiper { margin-top: 10.75vw;} 
    .businessSub_wrap .swiper-slide {height:72.92vw;}
    .businessSub_wrap .swiper-slide img {height: 100%; object-fit: cover; object-position: center;}
    .businessSub_wrap .mySwiper .arrow { right: 30; bottom: 30; gap: 0 2.60vw;}
    .businessSub_wrap .mySwiper .arrow > div { width: 13.02vw; height: 13.02vw;}
    .businessSub_wrap .mySwiper .arrow > div img {width: 5.60vw;}
    .business_wrap .swiper + .info_box {margin-top: 23.96vw;}
    .business_wrap .swiper + .info_box p {gap: 1.30vw; flex-direction: column;}
    .business_wrap .info_box p strong {min-width: 100%;}
    .business_wrap .info_box p + p {margin-top: 4.3vw;}

    /* 인재상 */
    .talent_wrap .card_list {margin-top: 10.81vw;}
    .talent_wrap .item {padding: 5.21vw; height: 52.08vw;}
    .card_list { gap: 3.91vw;}
    .card_list .img {right: 3.91vw; bottom: 5.21vw;}
    .card_list .item:nth-child(1) .img img {width: 10.81vw;}
    .card_list .item:nth-child(2) .img img {width: 10.81vw;}
    .card_list .item:nth-child(3) .img img {width: 12.50vw;}
    .card_list .item:nth-child(4) .img img {width: 11.72vw;}
    /* card_list */
    .card_list .item {width: calc(50% - 1.99vw);}
    .card_list .item  p {font-size: 2.47vw; letter-spacing: -0.09vw;  margin-bottom: 1.95vw;}
    .card_list .item  h3 {font-size: 4.17vw; letter-spacing: -0.14vw;}
    .card_list .item  ul {margin-top: 3.91vw;}
    .card_list .item  ul li {font-size: 3.13vw; letter-spacing: -0.09vw;  padding-left: 2.5vw;}
    .card_list .item  ul li::before {width: 0.78vw; height: 0.78vw; border-radius: 100%; top: 1.95vw;}
    .card_list .item  ul li + li {margin-top: 1.3vw;}

    /* 복리후생 */
    .welfare_wrap .list_cont {gap: 10.81vw; margin-top: 10.81vw; flex-direction: column;}
    .welfare_wrap .list_cont > div {width: 100%;}
    .welfare_wrap .list_cont .cont > h3 {font-size: 5.21vw; margin-bottom: 3.91vw;}
    .welfare_wrap .list_cont .item {height: 46.22vw; padding: 5.21vw;}
    .welfare_wrap .list_cont .item .img {right: 4.82vw; bottom: 6.25vw;}
    .welfare_wrap .list_cont .item .img img {width: 12.37vw;}
    .welfare_wrap .list_cont .item h3 {font-size: 4.17vw; letter-spacing: -0.13vw;}

    /* 주요사업소개 */
    .business_info .item {gap: 0; flex-direction: column;}
    .business_info .item:nth-child(even) {flex-direction: column-reverse;}
    .business_info .item + .item {margin-top: 13.02vw;}
    .business_info .item .img {width: 100%;}
    .business_info .item .txt {padding-top: 13.02vw; width: 100%;}
    .business_info .item .txt .num {font-size: 18.5vw;}
    .business_info .item .txt h2 {gap: 4.30vw; font-size: 6.51vw;}
    .business_info .item .txt h2 span {font-size: 3.91vw;}
    .business_info .item .txt p {margin-top: 3vw; gap: 2.86vw; align-items: flex-start;}
    .business_info .item .txt p strong {font-size: 3.65vw;}
    .business_info .item .txt p span {font-size: 3.65vw;}

}