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

@media screen and (max-width:1400px){
    /* value */
    .value_wrap .sec01 {margin-bottom:120px; } 
    .value_wrap .sec01 strong{font-size:55px; margin-bottom:55px;}
    .value_wrap .sec01 p {font-size:30px;} 

    .value_wrap .value_sec{margin-bottom:120px;}
    .value_wrap .value_sec .value_tit{font-size:35px; margin-bottom:55px;}
    .value_wrap .value_sec .value_con .txt_wrap{padding:20px 0; padding-left: 60px;}
    .value_wrap .value_sec .value_con .txt_wrap .subCon_tit{margin-bottom:55px;}
    .value_wrap .value_sec .value_con .txt_wrap i{margin-bottom:55px;}
    .value_wrap .value_sec .value_con .txt_wrap p{font-size: 22px; margin-bottom:25px;}
    .value_wrap .value_sec .value_con .txt_wrap span{font-size:100px;}
    .value_wrap .value_sec.sec03 .value_con .txt_wrap{padding-right:60px;}

    /* culture */
    .culture_wrap .sec01,
    .culture_wrap .sec02, 
    .culture_wrap .sec03 {margin-bottom:120px; } 
    .culture_wrap .sec01 .fill_txt {margin-bottom:120px; } 
    .culture_wrap .sec01 .fill_txt strong.fill01 {font-size:55px;}
    .culture_wrap .sec01 .who_wrap {height:550px;}
    .culture_wrap .sec01 .who_wrap strong {font-size:55px; margin-bottom:40px;} 
    .culture_wrap .sec01 .who_wrap p {font-size:22px;} 

    .culture_wrap .sec02 .work_wrap .left_wrap strong {font-size: 70px; margin-bottom:50px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p { font-size: 30px;}
    .culture_wrap .sec02 .work_wrap .right_wrap strong {line-height: 1.4;}
    .culture_wrap .sec03 .tool_list li .txt_wrap strong {line-height: 1.4; margin-bottom: 15px;} 

    .culture_wrap .sec04 .subCon_tit p {font-size:22px; margin-top:40px; } 
    .culture_wrap .sec04 .swiper-slide .txt_wrap p{font-size: 16px; padding:0 15px; }

    /* benefits */
    .benefits_wrap .sec01{margin-bottom:120px;}
    .benefits_wrap .sec01 strong { font-size:55px;}
    
    .benefits_wrap .sec{margin-bottom:100px;}
    .benefits_wrap .sec .txt_wrap span{font-size:28px;}
    .benefits_wrap .sec .txt_wrap strong{font-size:50px; margin-bottom:50px;}
    .benefits_wrap .sec .txt_wrap p{font-size:18px;}
    .benefits_wrap .sec .list_wrap ul{gap:35px;}
    .benefits_wrap .sec .list_wrap ul li{width:calc(33.3% - 23.3px);}

    /* recruit */
    .recruit_wrap .sec01{ margin-bottom:120px;}
    .recruit_wrap .fill_txt strong {font-size:75px;}
    .recruit_wrap .sec01 p{font-size:22px; margin:50px 0;}
    .recruit_wrap .sec01_bg p img{width: 90%;}

    .recruit_wrap .sec02 .step_wrap{gap:40px; margin-bottom:80px;}
    .recruit_wrap .sec02 .step_wrap li{width:190px; height:190px;}
    .recruit_wrap .sec02 .step_wrap li:last-child{background-size:60%;}
    .recruit_wrap .sec02 .step_wrap li span{display:block; font-size:16px; margin-bottom:20px;}
    .recruit_wrap .sec02 .step_wrap li strong{display:block; font-size:25px;}

    .recruit_wrap .sec02 .box_wrap .left_wrap{padding-right:30px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong{width:110px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong::after{right:20px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li span{width:calc(100% - 110px);}
    
    .recruit_wrap .sec02 .box_wrap .right_wrap{padding-left:30px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn{gap:30px; margin-bottom:30px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li{display: inline-block; width: fit-content; margin-right:20px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li:last-child{margin-right:0;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li img{margin-right:15px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li b{ margin-right:15px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li b::after{margin-left:15px;}
}

@media screen and (max-width:1200px){
    /* value */
    .value_wrap .sec01 {margin-bottom:100px;} 
    .value_wrap .sec01 strong{font-size:50px; margin-bottom:50px;}
    .value_wrap .sec01 p {font-size:25px;} 

    .value_wrap .value_sec{margin-bottom:100px;}
    .value_wrap .value_sec .value_tit{font-size:30px; margin-bottom:40px;}
    .value_wrap .value_sec .value_con .txt_wrap{padding:0; padding-left: 40px;}
    .value_wrap .value_sec .value_con .txt_wrap .subCon_tit{margin-bottom:40px;}
    .value_wrap .value_sec .value_con .txt_wrap i{margin-bottom:40px;}
    .value_wrap .value_sec .value_con .txt_wrap p{font-size: 20px; margin-bottom:25px;}
    .value_wrap .value_sec .value_con .txt_wrap span{font-size:80px;}
    .value_wrap .value_sec.sec03 .value_con .txt_wrap{padding-right:40px;}

    /* culture */
    .culture_wrap .sec01,
    .culture_wrap .sec02, 
    .culture_wrap .sec03 {margin-bottom:100px;} 
    .culture_wrap .sec01 .fill_txt {margin-bottom:80px;} 
    .culture_wrap .sec01 .fill_txt strong.fill01 {font-size:50px;}
    .culture_wrap .sec01 .who_wrap {height:450px;}
    .culture_wrap .sec01 .who_wrap strong {font-size:50px; margin-bottom:40px;}

    .culture_wrap .sec02 .work_wrap {margin-bottom:100px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap {width: 40%;} 
    .culture_wrap .sec02 .work_wrap .left_wrap strong {font-size: 55px; margin-bottom:40px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p {font-size:25px;}
    .culture_wrap .sec02 .work_wrap .right_wrap {width: 60%;}  
    .culture_wrap .sec02 .work_wrap .right_wrap .img_wrap { margin-bottom:40px;} 
    .culture_wrap .sec02 .work_wrap .right_wrap strong {font-size: 22px; margin-bottom:25px;}
    .culture_wrap .sec03 .tool_list li {padding:35px 25px;} 
    .culture_wrap .sec03 .tool_list li .txt_wrap { width:calc(100% - 50px);}
    .culture_wrap .sec03 .tool_list li .txt_wrap strong {font-size:20px; margin-bottom: 15px;} 
    .culture_wrap .sec03 .tool_list li .txt_wrap p { font-size:17px;}
    .culture_wrap .sec03 .tool_list li .img_wrap { width:50px;}

    .culture_wrap .sec04 .subCon_tit p {font-size:22px; margin-top:35px;} 
    .culture_wrap .sec04 .swiper{width:105%; margin-left:-25px;}
    .culture_wrap .sec04 .swiper-slide {border-radius: 30px;} 
    .culture_wrap .sec04 .swiper-slide .txt_wrap p{font-size: 16px; padding:0 15px;}

    /* people */
    .people_wrap .masonry {column-gap: 40px;} 
    .people_wrap .item {margin-bottom: 40px;} 

    .people_more .qna_wrap li.txt_wrap p b,
    .people_more .qna_wrap li.txt_wrap p span{font-size: 17px;}

    /* benefits */
    .benefits_wrap .sec01{margin-bottom:100px;}
    .benefits_wrap .sec01 strong { font-size:50px;}
    
    .benefits_wrap .sec .txt_wrap{width:30%;}
    .benefits_wrap .sec .txt_wrap span{font-size:25px;}
    .benefits_wrap .sec .txt_wrap strong{font-size:45px; margin-bottom: 40px;}
    .benefits_wrap .sec .txt_wrap strong i{display:block;}
    .benefits_wrap .sec .list_wrap{width:70%;}
    .benefits_wrap .sec .list_wrap ul{gap:30px;}
    .benefits_wrap .sec .list_wrap ul li{width:calc(33.3% - 20px);}
    .benefits_wrap .sec .list_wrap ul li img{width:65px;}

    /* recruit */
    .recruit_wrap .sec01{ margin-bottom:100px;}
    .recruit_wrap .fill_txt strong {font-size:65px;}
    .recruit_wrap .sec01 p{font-size:20px; margin:40px 0;}
    .recruit_wrap .sec01_bg p img{width: 85%;}

    .recruit_wrap .sec02 .step_wrap{gap:20px; margin-bottom:80px;}
    .recruit_wrap .sec02 .step_wrap li{width:176px; height:176px;}
    .recruit_wrap .sec02 .step_wrap li span{font-size:15px; margin-bottom:20px;}
    .recruit_wrap .sec02 .step_wrap li strong{font-size:22px;}

    .recruit_wrap .sec02 .box_wrap > div{padding:20px 0;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li{margin-bottom:25px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li::before{top:12px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong{width:110px; vertical-align: top;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li span{width:calc(100% - 110px); vertical-align: top; line-height: 1.4;}
    
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn{gap:25px; margin-bottom:25px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li{display:block; width: fit-content; margin-right:0; margin-bottom:20px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li:last-child{margin-right:0; margin-bottom:0;}
    
}

@media screen and (max-width:1024px){
    /* value */
    .value_wrap .sec01 {margin-bottom:100px;} 
    .value_wrap .sec01 strong{font-size:50px; margin-bottom: 40px;}
    .value_wrap .sec01 p {font-size:25px;} 

    .value_wrap .value_sec{margin-bottom:100px;}
    .value_wrap .value_sec .value_tit{font-size:30px; margin-bottom:40px;}
    .value_wrap .value_sec .value_con .img_wrap{width:40%; padding-bottom: 33%; border-radius: 30px;}
    .value_wrap .value_sec .value_con .txt_wrap{width:60%; padding:0; padding-left: 35px;}
    .value_wrap .value_sec .value_con .txt_wrap .subCon_tit{margin-bottom:30px;}
    .value_wrap .value_sec .value_con .txt_wrap i{margin-bottom:30px;}
    .value_wrap .value_sec .value_con .txt_wrap p{font-size: 18px; line-height:1.4; margin-bottom:25px;}
    .value_wrap .value_sec .value_con .txt_wrap p br{display:block;}
    .value_wrap .value_sec .value_con .txt_wrap span{font-size:65px;}
    .value_wrap .value_sec.sec03 .value_con .txt_wrap{padding-right:35px;}

    /* culture */
    .culture_wrap .sec01,
    .culture_wrap .sec02, 
    .culture_wrap .sec03 {margin-bottom:80px;} 
    .culture_wrap .sec01 .fill_txt {margin-bottom:40px;} 
    .culture_wrap .sec01 .fill_txt strong.fill01 {font-size:40px;}
    .culture_wrap .sec01 .who_wrap {height:360px;}
    .culture_wrap .sec01 .who_wrap strong {font-size:40px; margin-bottom:30px;}
    .culture_wrap .sec01 .who_wrap p {font-size:20px;} 

    .culture_wrap .sec02 .work_wrap {margin-bottom:80px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap {width:100%; margin-bottom:40px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap strong {font-size: 50px; margin-bottom:20px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p {font-size:22px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p br{display: none;}
    .culture_wrap .sec02 .work_wrap .right_wrap {width: 100%;}  
    .culture_wrap .sec02 .work_wrap .right_wrap .txt_wrap { padding:0; } 
    .culture_wrap .sec02 .work_wrap .right_wrap .img_wrap {border-radius:30px; margin-bottom:30px;} 
    .culture_wrap .sec02 .work_wrap .right_wrap strong {font-size: 22px; margin-bottom:20px;}
    .culture_wrap .sec03 .tool_list li {width:calc(50% - 10px); padding:30px 25px;}
    .culture_wrap .sec03 .tool_list li .txt_wrap {width:calc(100% - 50px);}
    .culture_wrap .sec03 .tool_list li .txt_wrap strong {font-size:20px; margin-bottom: 15px;} 
    .culture_wrap .sec03 .tool_list li .txt_wrap p { font-size:17px;}
    .culture_wrap .sec03 .tool_list li .img_wrap { width:50px;}

    .culture_wrap .sec04 .subCon_tit p {font-size:20px; margin-top:35px;} 
    .culture_wrap .sec04 .swiper{width:105%; margin-left:-20px;}
    .culture_wrap .sec04 .swiper-slide {border-radius: 30px;} 
    .culture_wrap .sec04 .swiper-slide .txt_wrap p{font-size: 15px; padding:0 10px;}
    
    /* people */
    .people_wrap .masonry {column-gap: 35px;} 
    .people_wrap .item {margin-bottom: 35px;} 
    .people_wrap .item .img_wrap{border-radius:30px; margin-bottom:25px;}
    .people_wrap .item .txt_wrap strong{font-size:22px; margin-bottom:18px;}
    .people_wrap .item .txt_wrap p{font-size:17px;}
    
    .people_more .tit {margin-bottom:70px;}
    .people_more .tit::before{top:18px; left:0;}
    .people_more .tit h6.people_tit{font-size:35px; padding:0 35px; }
    .people_more .tit span{font-size:18px;}
    .people_more .inner03 .main_viewmore_b{margin-top: 60px;}
    .people_more .qna_wrap li{ margin-bottom: 50px;}
    .people_more .qna_wrap li.img_wrap{border-radius:30px;}
    .people_more .qna_wrap li.txt_wrap strong{font-size: 19px; padding-left:45px; margin-bottom: 35px;}
    .people_more .qna_wrap li.txt_wrap p b,
    .people_more .qna_wrap li.txt_wrap p span{font-size: 16px; margin-bottom:15px;}

    /* benefits */
    .benefits_wrap .sec01{margin-bottom:80px;}
    .benefits_wrap .sec01 strong { font-size:40px;}
    
    .benefits_wrap .sec{margin-bottom:80px;}
    .benefits_wrap .sec .txt_wrap{width:40%;}
    .benefits_wrap .sec .txt_wrap span{font-size:22px;}
    .benefits_wrap .sec .txt_wrap strong{font-size:35px; margin-bottom: 35px;}
    .benefits_wrap .sec .txt_wrap strong i{display:block;}
    .benefits_wrap .sec .txt_wrap p{font-size:17px;}
    .benefits_wrap .sec .list_wrap{width:60%;}
    .benefits_wrap .sec .list_wrap ul{gap:26px;}
    .benefits_wrap .sec .list_wrap ul li{width:calc(50% - 13px); padding:50px 10px;}
    .benefits_wrap .sec .list_wrap ul li img{width:60px;}
    .benefits_wrap .sec .list_wrap ul li p{font-size:17px;}

    /* recruit */
    .recruit_wrap .sec01{ margin-bottom:80px;}
    .recruit_wrap .fill_txt strong {font-size:55px;}

    .recruit_wrap .sec02 .step_wrap{width:85%; gap:40px; margin: 0 auto; margin-bottom:80px;}
    .recruit_wrap .sec02 .step_wrap:before{width:70%; top:88px; left: 50%; transform: translate(-50%, 0); }
    .recruit_wrap .sec02 .step_wrap:after{position: absolute; width:50%; height:.5px; background:#ccc; content:""; bottom:88px; left: 50%; transform: translate(-50%, 0); z-index: -1;}
    .recruit_wrap .sec02 .step_wrap li span{font-size:15px; margin-bottom:20px;}
    .recruit_wrap .sec02 .step_wrap li strong{font-size:22px;}

    .recruit_wrap .sec02 .box_wrap{padding:0;}
    .recruit_wrap .sec02 .box_wrap > div{width:100%; padding:40px 0;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li{margin-bottom:20px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li::before{top:12px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong{font-size:19px; width:110px; vertical-align: top;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li span{width:calc(100% - 110px); vertical-align: top; line-height: 1.4;}
    
    .recruit_wrap .sec02 .box_wrap .right_wrap{border-left:0; border-top:1px solid #e8e8e8;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn{gap:25px; margin-bottom:25px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn a{font-size:22px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li{display:inline-block; width: fit-content; margin-right:30px; margin-bottom:0;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li:last-child{margin-right:0; margin-bottom:0;}
}

@media screen and (max-width:768px){
    /* value */
    .value_wrap .sec01 {margin-bottom:60px;} 
    .value_wrap .sec01 strong{font-size:35px; margin-bottom: 35px;}
    .value_wrap .sec01 p {font-size:20px;} 

    .value_wrap .value_sec{margin-bottom:60px;}
    .value_wrap .value_sec .value_tit{font-size:25px; margin-bottom:35px;}
    .value_wrap .value_sec .value_con .img_wrap{width:100%; padding-bottom:50%; border-radius: 20px; margin-bottom:35px;}
    .value_wrap .value_sec .value_con .txt_wrap{width:100%; padding:0; padding-left:0;}
    .value_wrap .value_sec .value_con .txt_wrap .subCon_tit{margin-bottom:35px;}
    .value_wrap .value_sec .value_con .txt_wrap i{margin-bottom:35px;}
    .value_wrap .value_sec .value_con .txt_wrap p{font-size: 18px; margin-bottom:20px;}
    .value_wrap .value_sec .value_con .txt_wrap p br{display: none;}
    .value_wrap .value_sec .value_con .txt_wrap span{font-size:70px;}
    .value_wrap .value_sec.sec03 .value_con .img_wrap{position:static; right:0; top:0; transform: translateY(0);}
    .value_wrap .value_sec.sec03 .value_con .txt_wrap{padding-right:0;}
    
    /* culture */
    .culture_wrap .sec01,
    .culture_wrap .sec02, 
    .culture_wrap .sec03 {margin-bottom:60px;} 
    .culture_wrap .sec01 .fill_txt {margin-bottom:35px;} 
    .culture_wrap .sec01 .fill_txt strong.fill01 {font-size:35px;}
    .culture_wrap .sec01 .who_wrap {height:320px; background: url(../img/sub/culture_bg02.jpg) no-repeat; background-size: cover;}
    .culture_wrap .sec01 .who_wrap strong {font-size:30px; margin-bottom:30px;}
    .culture_wrap .sec01 .who_wrap p { font-size:17px;} 
    .culture_wrap .sec01 .who_wrap p i{display: block;} 

    .culture_wrap .sec02 .work_wrap {margin-bottom:50px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap {width:100%; margin-bottom:25px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap strong {font-size: 35px; margin-bottom:15px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p {font-size:18px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p br{display: none;}
    .culture_wrap .sec02 .work_wrap .right_wrap {width: 100%;}  
    .culture_wrap .sec02 .work_wrap .right_wrap .img_wrap {border-radius:20px; margin-bottom:25px;} 
    .culture_wrap .sec02 .work_wrap .right_wrap strong {font-size: 18px; margin-bottom:15px;}
    .culture_wrap .sec03 .tool_list li {width:calc(50% - 10px); padding:25px 20px;} 
    .culture_wrap .sec03 .tool_list li .txt_wrap {width:calc(100% - 50px);}
    .culture_wrap .sec03 .tool_list li .txt_wrap strong {font-size:18px; margin-bottom: 15px;} 
    .culture_wrap .sec03 .tool_list li .txt_wrap p { font-size:15px;}
    .culture_wrap .sec03 .tool_list li .img_wrap { width:50px;}

    .culture_wrap .sec04 .subCon_tit p {font-size:18px; margin-top:25px;} 
    .culture_wrap .sec04 .swiper{width:100%; margin:0; padding:0 2.6%; box-sizing: border-box;}
    .culture_wrap .sec04 .swiper-slide {border-radius: 20px;} 
    .culture_wrap .sec04 .swiper-slide .txt_wrap p{font-size: 14px; padding:0 15px;}
    .culture_wrap .sec04 .swiper-slide .txt_wrap p br{display: none;}

    /* people */
    .people_wrap .masonry { column-count:1; column-gap:  0; max-width: 100%;} 
    .people_wrap .item {margin-bottom: 30px;} 
    .people_wrap .item .img_wrap{padding-bottom:65%; border-radius:20px; margin-bottom:22px;}
    .people_wrap .item .img_wrap img.pc_img{display: none;}
    .people_wrap .item .img_wrap img.mob_img{display: block;}
    .people_wrap .item .txt_wrap strong{font-size:18px; margin-bottom:15px;}
    .people_wrap .item .txt_wrap p{font-size:15px;}

    .people_more .tit {margin-bottom:45px;}
    .people_more .tit::before{top:16px;}
    .people_more .tit h6.people_tit{font-size:30px; padding:0 30px; }
    .people_more .tit span{font-size:16px;}
    .people_more .inner03 .main_viewmore_b{margin-top: 45px;}
    .people_more .qna_wrap li{ margin-bottom: 35px;}
    .people_more .qna_wrap li.img_wrap{border-radius:20px;}
    .people_more .qna_wrap li.txt_wrap strong{font-size: 18px; line-height: 1.4; padding-left:40px; margin-bottom:25px;}
    .people_more .qna_wrap li.txt_wrap strong::before{width:25px; height:25px; background-size:25px; top:13px;}
    .people_more .qna_wrap li.txt_wrap p b,
    .people_more .qna_wrap li.txt_wrap p span{font-size: 15px; margin-bottom:12px;}

    /* benefits */
    .benefits_wrap .sec01{margin-bottom:60px;}
    .benefits_wrap .sec01 strong { font-size:35px;}
    
    .benefits_wrap .sec{margin-bottom:60px;}
    .benefits_wrap .sec .txt_wrap{display:block; width:100%; margin-bottom:30px;}
    .benefits_wrap .sec .txt_wrap span{font-size:20px; margin-bottom: 10px;}
    .benefits_wrap .sec .txt_wrap strong{font-size:30px; margin-bottom: 15px;}
    .benefits_wrap .sec .txt_wrap strong i{display:none;}
    .benefits_wrap .sec .txt_wrap p{font-size:16px; line-height: 1.4;}
    .benefits_wrap .sec .txt_wrap p br{display:none;}
    .benefits_wrap .sec .list_wrap{display:block; width:100%;}
    .benefits_wrap .sec .list_wrap ul{gap:20px;}
    .benefits_wrap .sec .list_wrap ul li{width:calc(50% - 10px); padding:40px 10px;}
    .benefits_wrap .sec .list_wrap ul li img{width:50px;}
    .benefits_wrap .sec .list_wrap ul li p{font-size:15px; color:#000; margin-top:25px;}

    /* recruit */
    .recruit_wrap .sec01{ margin-bottom:60px;}
    .recruit_wrap .fill_txt strong {font-size:40px;}
    .recruit_wrap .sec01 p{font-size:18px; margin:30px 0;}
    .recruit_wrap .sec01_bg p img{width: 85%;}

    .recruit_wrap .sec02 .step_wrap{width:100%; gap:20px; margin: 0 auto; margin-bottom:60px;}
    .recruit_wrap .sec02 .step_wrap:before{width:.5px; height:100%; top:50%; left: 50%; transform: translate(-50%, -50%); }
    .recruit_wrap .sec02 .step_wrap:after{display: none;}
    .recruit_wrap .sec02 .step_wrap li{width: 100%; height:100px; border-radius: 100px;}
    .recruit_wrap .sec02 .step_wrap li:last-child{background:url(../img/sub/recruit_logo02.png) no-repeat bottom; background-position: 90% 100%; background-color:#313987;}
    .recruit_wrap .sec02 .step_wrap li span{font-size:14px; margin-bottom:15px;}
    .recruit_wrap .sec02 .step_wrap li strong{font-size:20px;}
    .recruit_wrap .sec02 .step_wrap li strong br{display: none;}

    .recruit_wrap .sec02 .box_wrap{padding:0;}
    .recruit_wrap .sec02 .box_wrap > div{width:100%; padding:40px 10px;} 
    .recruit_wrap .sec02 .box_wrap .left_wrap{padding-right:0;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li{margin-bottom:20px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li::before{top:12px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong{font-size:17px; width:100px; vertical-align: top;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li span{font-size:15px; width:calc(100% - 100px); vertical-align: top; line-height: 1.4;}
    
    .recruit_wrap .sec02 .box_wrap .right_wrap{border-left:0; border-top:1px solid #e8e8e8; padding-left:10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn{gap:25px; margin-bottom:25px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn > img{width:70px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn a{font-size:20px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li{display:block; width: fit-content; margin-right:0; margin-bottom:10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li:last-child{margin-right:0; margin-bottom:0;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li b{font-size: 17px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li span{font-size: 15px;}
    
}

@media screen and (max-width:580px){
    .value_wrap .value_sec .value_con .txt_wrap p br{display: block;}
}

@media screen and (max-width:480px){
    /* value */
    .value_wrap .sec01 {margin-bottom:35px;} 
    .value_wrap .sec01 strong{font-size:22px; margin-bottom: 25px;}
    .value_wrap .sec01 p {font-size:15px;} 

    .value_wrap .value_sec{margin-bottom:35px;}
    .value_wrap .value_sec .value_tit{font-size:20px; margin-bottom:20px;}
    .value_wrap .value_sec .value_con .img_wrap{width:100%; padding-bottom:60%; border-radius: 15px; margin-bottom:20px;}
    .value_wrap .value_sec .value_con .txt_wrap{position: relative; width:100%; padding:0; padding-left:0;}
    .value_wrap .value_sec .value_con .txt_wrap .subCon_tit{margin-bottom:20px;}
    .value_wrap .value_sec .value_con .txt_wrap i{margin-bottom:20px;}
    .value_wrap .value_sec .value_con .txt_wrap p{font-size: 14px; margin-bottom:10px;}
    .value_wrap .value_sec:last-child .value_con .txt_wrap p{margin-bottom: 0;}
    .value_wrap .value_sec .value_con .txt_wrap span{position: absolute; font-size:40px; top:-10px; right:0;}

    .value_wrap .value_sec.sec03 .value_con .img_wrap{position:static; right:0; top:0; transform: translateY(0);}
    .value_wrap .value_sec.sec03 .value_con .txt_wrap{padding-right:0;}
    .value_wrap .value_sec.sec03 .value_con .txt_wrap span{position: absolute; font-size:40px; top:-10px; left:0;}

    /* culture */
    .culture_wrap .sec01,
    .culture_wrap .sec02, 
    .culture_wrap .sec03 {margin-bottom:40px;} 
    .culture_wrap .sec01 .fill_txt {margin-bottom:35px;} 
    .culture_wrap .sec01 .fill_txt strong.fill01 {font-size:22px;}
    .culture_wrap .sec01 .who_wrap {height:250px; background: url(../img/sub/culture_bg02.jpg) no-repeat; background-size: cover;}
    .culture_wrap .sec01 .who_wrap strong {font-size:25px; margin-bottom:20px;}
    .culture_wrap .sec01 .who_wrap p { font-size:14px;} 
    .culture_wrap .sec01 .who_wrap p i{display: block;} 

    .culture_wrap .sec02 .work_wrap {margin-bottom:30px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap {margin-bottom:20px;} 
    .culture_wrap .sec02 .work_wrap .left_wrap strong {font-size: 25px; margin-bottom:15px;}
    .culture_wrap .sec02 .work_wrap .left_wrap p {font-size:14px;}
    .culture_wrap .sec02 .work_wrap .right_wrap .img_wrap {border-radius:15px; margin-bottom:25px;} 
    .culture_wrap .sec02 .work_wrap .right_wrap strong {font-size: 18px; margin-bottom:10px;}
    .culture_wrap .sec03 .tool_list {gap:10px;}  
    .culture_wrap .sec03 .tool_list li {width:100%; padding:20px 15px;}  
    .culture_wrap .sec03 .tool_list li .txt_wrap {width:calc(100% - 40px);}
    .culture_wrap .sec03 .tool_list li .txt_wrap strong {font-size:15px; margin-bottom: 10px;} 
    .culture_wrap .sec03 .tool_list li .txt_wrap p { font-size:13px;}
    .culture_wrap .sec03 .tool_list li .img_wrap { width:40px;}

    .culture_wrap .sec04 .subCon_tit p {font-size:15px; margin-top:15px;} 
    .culture_wrap .sec04 .swiper{width:100%; margin:0; padding:0 2.6%; box-sizing: border-box;}
    .culture_wrap .sec04 .swiper-slide {border-radius: 15px;} 
    .culture_wrap .sec04 .swiper-slide .txt_wrap p{font-size: 13px; padding:0 20px;}
    .culture_wrap .sec04 .swiper-slide .txt_wrap p br{display: none;}

    /* people */
    .people_wrap .item {margin-bottom:25px;} 
    .people_wrap .item .img_wrap{border-radius:15px; margin-bottom:20px;}
    .people_wrap .item .txt_wrap strong{font-size:15px; margin-bottom:10px;}
    .people_wrap .item .txt_wrap p{font-size:13px;}

    .people_more .tit {margin-bottom:30px;}
    .people_more .tit::before{top:12px;}
    .people_more .tit h6.people_tit{font-size:25px; padding:0 20px; margin-bottom: 15px;}
    .people_more .tit span{font-size:14px;}
    .people_more .inner03 .main_viewmore_b{margin-top: 30px;}
    .people_more .qna_wrap li{ margin-bottom: 30px;}
    .people_more .qna_wrap li.img_wrap{border-radius:15px;}
    .people_more .qna_wrap li.txt_wrap strong{font-size: 16px; padding-left:30px; margin-bottom:15px;}
    .people_more .qna_wrap li.txt_wrap strong::before{width:22px; height:22px; background-size:22px; top:10px;}
    .people_more .qna_wrap li.txt_wrap p b{font-size: 14px; margin-bottom:10px;}
    .people_more .qna_wrap li.txt_wrap p span{font-size: 13px; margin-bottom:10px;}

    /* benefits */
    .benefits_wrap .sec01{margin-bottom:40px;}
    .benefits_wrap .sec01 strong {font-size:22px;}
    
    .benefits_wrap .sec{margin-bottom:30px;}
    .benefits_wrap .sec .txt_wrap{display:block; width:100%; margin-bottom:20px;}
    .benefits_wrap .sec .txt_wrap span{font-size:15px; margin-bottom: 5px;}
    .benefits_wrap .sec .txt_wrap strong{font-size:20px; margin-bottom: 10px;}
    .benefits_wrap .sec .txt_wrap strong i{display:none;}
    .benefits_wrap .sec .txt_wrap p{font-size:13px; line-height: 1.4;}
    .benefits_wrap .sec .txt_wrap p br{display:none;}
    .benefits_wrap .sec .list_wrap{display:block; width:100%;}
    .benefits_wrap .sec .list_wrap ul{gap:10px;}
    .benefits_wrap .sec .list_wrap ul li{width:calc(50% - 5px); padding:20px 10px;}
    .benefits_wrap .sec .list_wrap ul li img{width:40px;}
    .benefits_wrap .sec .list_wrap ul li p{font-size:13px; color:#000; margin-top:15px;}

    /* recruit */
    .recruit_wrap .sec01{ margin-bottom:40px;}
    .recruit_wrap .fill_txt strong {font-size:22px;}
    .recruit_wrap .sec01 p{font-size:14px; margin:20px 0;}
    .recruit_wrap .sec01_bg p img{width: 100%;}

    .recruit_wrap .sec02 .step_wrap{gap:10px; margin: 0 auto; margin-bottom:30px;}
    .recruit_wrap .sec02 .step_wrap:before{width:.5px; height:100%; top:50%; left: 50%; transform: translate(-50%, -50%); }
    .recruit_wrap .sec02 .step_wrap:after{display: none;}
    .recruit_wrap .sec02 .step_wrap li{width: 100%; height:auto; padding:15px 0; border-radius: 50px;}
    .recruit_wrap .sec02 .step_wrap li:last-child{background:url(../img/sub/recruit_logo02.png) no-repeat bottom; background-position: 90% 100%; background-size:auto 40px; background-color:#313987;}
    .recruit_wrap .sec02 .step_wrap li span{display:inline-block; font-size:13px; margin-bottom:0; margin-right:15px;}
    .recruit_wrap .sec02 .step_wrap li strong{display:inline-block; font-size:14px;}
    .recruit_wrap .sec02 .step_wrap li strong br{display: none;}

    .recruit_wrap .sec02 .box_wrap > div{width:100%; padding:25px 10px;} 
    .recruit_wrap .sec02 .box_wrap .left_wrap li{margin-bottom:10px; padding-left:15px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li::before{top:9px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong{font-size:14px; width:80px; vertical-align: top;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li strong::after{ height:10px; right:15px;}
    .recruit_wrap .sec02 .box_wrap .left_wrap li span{font-size:13px; width:calc(100% - 80px); vertical-align: top; line-height: 1.4;}
    
    .recruit_wrap .sec02 .box_wrap .right_wrap{border-left:0; border-top:1px solid #e8e8e8; padding-left:10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn{gap:15px; margin-bottom:20px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn > img{width:36px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn a{font-size:17px; line-height: 1; padding-top:5px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn a br{display:none;}
    .recruit_wrap .sec02 .box_wrap .right_wrap .btn a img{width:25px; margin-left: 10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li{display:block; width: fit-content; margin-right:0; margin-bottom:8px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li:last-child{margin-right:0; margin-bottom:0;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li img{width:22px; margin-right:10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li b{font-size: 14px; margin-right:10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li b::after{ height:10px; margin-left:10px;}
    .recruit_wrap .sec02 .box_wrap .right_wrap ul li span{font-size: 13px;}
    
}