/* common */
.tits .s_tit {margin-top: 30px; text-align: center;}
.sub_visual {background: url(../img/sub/subVisual_bg.jpg) no-repeat; background-size: cover; height: 700px;}
.sub_visual.partnership {background: url(../img/sub/subVisual_partnership_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.meal {background: url(../img/sub/subVisual_meal_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service01 {background: url(../img/sub/subVisual_service1_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service02 {background: url(../img/sub/subVisual_service2_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service03 {background: url(../img/sub/subVisual_service3_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service04 {background: url(../img/sub/subVisual_service4_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service05 {background: url(../img/sub/subVisual_service5_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service06 {background: url(../img/sub/subVisual_service6_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.service07 {background: url(../img/sub/subVisual_service7_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.news, .sub_visual.press {background: url(../img/sub/subVisual_news_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual .inner_container {height: 100%;}
.sub_visual .cb {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; color: #fff;}
.sub_visual .cb h2 {margin: 45px 0 30px; letter-spacing: 0;}
.sub_visual .cb ul li {opacity: .7; letter-spacing: 0;}
.sub_visual .cb p {line-height: 1.538; margin-top: 45px; text-align: center;}
.mbt190 {margin: 190px 0;}
.pbt190 {padding: 190px 0;}
.pb190 {padding-bottom: 190px;}
.arrow {transform: translateX(5px); -webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-ms-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.arrow:hover {-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);}



/* 회사소개 */
.left_menu{display: block; position: fixed; top: 50%; left: 45px; transform: translateY(-50%); z-index:10; transition: all .5s ease;}
.left_menu ul li {margin-bottom: 30px; position: relative;}
.left_menu ul li:last-child {margin-bottom: 0;}
.left_menu ul li span {width: 8px; height: 8px; background-color: #ced4da; border-radius: 50%; display: inline-block; margin-right: 10px;}
.left_menu ul li a{font-size: 13px; font-weight: 500; color:transparent; position: relative;}
.left_menu ul li a.active {display: block; color: #ef4d35;}
.left_menu ul li a.active span::before {content: ''; width: 16px; height: 16px; background-color: #ef4d35; border-radius: 50%; position: absolute; left: 0%; top: 55%; transform: translate(-25%,-50%); z-index: -1;}

@media (max-width: 1050px) {
	.left_menu ul li a {font-size: 18px;}
	.left_menu ul li a.active span::before {top: 62%;}
}

@media (max-width: 767px) {
	.left_menu {left: 30px;}
}

@media (max-width: 600px) {
	.left_menu {left: 10px;}
	.left_menu ul li a {font-size: 16px;}
	.left_menu ul li span {width: 6px; height: 6px;}
	.left_menu ul li a.active span::before {width: 13px; height: 13px; top: 65%;}
}

.intro .intro_sect01 {background: url(../img/sub/companyIntro_bg.jpg) no-repeat; background-size: cover; height: 1000px; padding: 125px 0 185px;}
.intro .intro_sect01 .tits .symbol {text-align: center;}
.intro .intro_sect01 .tits .big_tit {margin-top: 25px; color: #fff;}
.intro .intro_sect01 .txt_wrap {color: #fff;}
.intro .intro_sect01 .txt_wrap .txts h4, .intro .txt_wrap .txts p {width: 50%;}
.intro .intro_sect01 .txt_wrap .txts:last-child {border-top: 1px solid rgba(255,255,255, .2);}
.intro .intro_sect01 .txt_wrap h4 {font-size: 45px; line-height: 1.28; letter-spacing: 0;}
.intro .intro_sect01 .txt_wrap p {line-height: 1.538;}
.intro .intro_sect01 .txt_wrap p span {background-color: #ef4d35; padding: 0 3px;}

.value {text-align: center; padding: 135px 0 125px; background-color: #f4f6f7;}
.value ul {justify-content: space-between;}
.value ul li .imgbox {border-radius: 50px; overflow: hidden;}
.value ul li p {margin-top: 25px; line-height: 1.5;}

.organization {padding: 140px 0 190px; text-align: center;}

.employment .employment_sect01 {background-color: #f4f6f7; padding: 135px 0 185px; text-align: center;}
.employment .employment_sect01 .txt_wrap h3 {margin: 45px 0 20px;}
.employment .employment_sect01 .txt_wrap h3 span {color: #ef4d35;}
.employment .employment_sect01 ul li {width: 25%; text-align: center;}
.employment .employment_sect01 ul li p {line-height: 1.5;}
.employment .employment_sect02 {padding: 135px 0 210px;}
.employment .employment_sect02 .welfare_wrap {justify-content: space-between;}
.employment .employment_sect02 .welfare_wrap .boxs {width: calc(50% - 30px); justify-content: space-between; align-items: center; text-align: center;} 
.employment .employment_sect02 .welfare_wrap .boxs > .imgbox {width: 320px; border-radius: 50px; overflow: hidden;}
/* .employment .employment_sect02 .welfare_wrap .boxs .txtbox {width: calc(100% - 370px);} */
.employment .employment_sect02 .welfare_wrap .boxs .txtbox p {margin-top: 5px; line-height: 1.5; word-break: keep-all; white-space: wrap;}
.employment .employment_sect02 .welfare_wrap .boxs .txtbox h3 {margin-top: 20px; word-break:keep-all; line-height:1.4}
/* [LDH : 25.12.22] 사내복지 수정 */
.employment .employment_sect02 .welfare_wrap.renew {display:grid; grid-template-columns: repeat(3, 1fr); max-width: 1200px; margin: 40px auto 0; gap: 55px 20px}
.employment .employment_sect02 .welfare_wrap.renew .boxs {justify-self: center; width: 95%;}
.employment .employment_sect03 {padding: 135px 0 200px; background: url(../img/sub/employSect03_bg.jpg) no-repeat; background-size: cover; color: #fff; text-align: center;}
.employment .employment_sect03 p {line-height: 1.4375;}
.employment .employment_sect03 button {background-color: #ef4d35; border-radius: 40px; border: 0; width: 300px; height: 80px; color: #fff; margin-top: 45px;}
.employment .employment_sect03 button:hover {background-color: #db4129;}
.employment .employment_sect03 button a {color: #fff;}
.employment .employment_sect03 button span {width: 14px; height: 2px; background: #fff; display: inline-block; margin-left: 18px; position: relative; margin-bottom: -1px;}
.employment .employment_sect03 button span::before {content: ''; background: url(../img/sub/down_icon_w.png) no-repeat; background-size: cover; width: 14px; height: 20px; position: absolute; left: 0; top: -2px; transform: translateY(-100%);}
.employment .employment_sect03 button:hover span::before {animation: bounce .3s infinite alternate; -webkit-animation: bounce .3s infinite alternate; -o-animation: bounce .3s infinite alternate; -moz-animation: bounce .3s infinite alternate;}

.bi {padding: 135px 0 195px; text-align: center;}
.bi .logo_wrap {position: relative;}
.bi .logo_wrap button {position: absolute; right: 0; bottom: 0; background-color: #e6e9ec; border-radius: 40px; border: 0; width: 165px; height: 54px; line-height: 54px;}
.bi .logo_wrap button:hover {background-color: #d3d8dd;}
.bi .logo_wrap button span {width: 10px; height: 2px; background: #000; display: inline-block; margin-left: 18px; position: relative; margin-bottom: -1px;}
.bi .logo_wrap button span::before {content: ''; background: url(../img/sub/down_icon.png) no-repeat; background-size: cover; width: 10px; height: 14px; position: absolute; left: 0; top: -2px; transform: translateY(-100%);}
.bi .logo_wrap button:hover span::before {animation: bounce .3s infinite alternate; -webkit-animation: bounce .3s infinite alternate; -o-animation: bounce .3s infinite alternate; -moz-animation: bounce .3s infinite alternate;}
.bi ul {justify-content: center;}
.bi ul li.bi_txt {flex-direction: column; justify-content: end;}
.bi ul li.bi_txt h3 {margin-top: 45px; font-size: 45px; letter-spacing: 0;}
.bi ul li.bi_txt p span {display: block; margin-top: 20px;}
.bi ul li.plus {flex-direction: column; justify-content: center;}
.bi ul li.plus .lines {width: 78px; height: 20px; border-radius: 40px; background-color: #ef4d35;}
.bi ul li.plus .lines.line2 {transform: rotate(90deg) translateX(-20px); background-color: #f9a51b; mix-blend-mode: multiply;}
.bi .bi_guide {width: 100%; position: relative; border: 10px solid #e6e9ec; border-radius: 50px; padding: 40px;}
.bi .bi_guide p {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.contact {padding: 140px 0 200px;}
.contact .map_contact {justify-content: space-between; align-items: center;}
.contact .map_box {position: relative;}
.contact .map_box .map {width: 700px; height: 870px; border-radius: 50px; overflow: hidden;}
.contact .map_box .map .root_daum_roughmap {width: 100%;}
.contact .map_box .map .root_daum_roughmap .wrap_map {height: 100%;}
.contact .map_box .map .wrap_controllers {display: none;}
.contact .map_box .map_info {position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); background: #fff; border-radius: 30px; width: 90%; z-index: 5; padding: 45px;}
.contact .map_box .map_info ul li {padding-top: 30px; margin-top: 30px; border-top: 1px solid #f4f6f7; align-items: center;}
.contact .map_box .map_info ul li:first-child {padding-top: 0; margin-top: 0; border-top: 0; align-items: start;}
.contact .map_box .map_info ul li h3 {width: 175px; padding-left: 20px; position: relative; letter-spacing: 0;}
.contact .map_box .map_info ul li h3::before {content: ''; width: 9px; height: 9px; background-color: #ef4d35; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contact .map_box .map_info ul li p {width: calc(100% - 175px); line-height: 1.33; letter-spacing: 0;}
.contact .contact_box {width: calc(100% - 800px);}
.contact .contact_box .input_col_box {justify-content: space-between;}
.contact .contact_box .input_col_box .input_col {width: calc(50% - 10px);}
.contact .contact_box .input_col {margin-bottom: 25px;}
.contact .contact_box .input_col label, .contact .contact_box .input_col input, .contact .contact_box .input_col textarea {width: 100%; display: block;}
.contact .contact_box .input_col label {font-size: 17px; font-weight: 700; margin-bottom: 15px;}
.contact .contact_box .input_col label .star {color: #ef4d35;}
.contact .contact_box .input_col input {height: 60px; line-height: 60px; padding-left: 20px; font-size: 16px; font-weight: 400; border-radius: 10px; border: 0; background-color: #f4f6f7;}
.contact .contact_box .input_col input[type=file] {display: none;}
.contact .contact_box .input_col.filebox .dfbox {position: relative; margin-top: 15px;}
.contact .contact_box .input_col.filebox .dfbox .btn_upload {width: 100%; height: 60px; line-height: 60px; padding-left: 20px; padding-right: 22%; font-size: 16px; font-weight: 400; border-radius: 10px; border: 0; background-color: #f4f6f7; position: relative;}
.contact .contact_box .input_col.filebox .dfbox .file_btn {display: flex; justify-content: center; align-items: center; background: #ef4d35; color: #fff; width: 20%; height: calc(100% - 14px); position: absolute; right: 7px; top: 50%; transform: translateY(-50%); text-align: center; border-radius: 10px;}
.contact .contact_box .input_col.filebox .dfbox .file_btn:hover {background-color: #db4129;}
.contact .contact_box .input_col textarea {min-height: 210px; padding: 20px; font-size: 16px; font-weight: 400; border-radius: 10px; border: 0; background-color: #f4f6f7;}
.contact .contact_box .policy label {font-size: 16px; position: relative; cursor: pointer; display: block; text-align: left;}
.contact .contact_box .policy input[type=checkbox] {width: 16px; height: 16px; border: 1px solid #ef4d35; box-sizing: border-box; margin-right: 10px; margin-top: 0; vertical-align: middle;}
.contact .contact_box .policy input[type=checkbox]:checked::before {content: ''; width: 100%; height: 100%; display: block; background: url(../img/sub/check_arrow.png) 50% 50% no-repeat #ef4d35;}
.contact .contact_box .policy label a:hover {text-decoration: underline;}
.contact .contact_box .btnbox {padding-top: 30px;}
.contact .contact_box .btnbox button {width: 100%; height: 60px; line-height: 60px; color: #fff; font-size: 17px; font-weight: 700; border: 0; background-color: #ef4d35; border-radius: 10px;}
.contact .contact_box .btnbox button:hover {background-color: #db4129;}



/* 솔루션 */
.solution .sect01 {background: url(../img/sub/solution_bg2.jpg) no-repeat; background-size: cover; height: 1000px; padding: 125px 0 135px; text-align: center;}
.solution .sect01 .tits .info {color: #fff; line-height: 1.4375; margin: 45px 0 60px;}
.solution .sect01 .tits .info .color1 {font-weight: 700; color: #f9a51b;}
.solution .sect01 .tits .info .color2 {font-weight: 700; color: #ef4d35;}
.solution .sect02 {margin: 190px 0 200px;}
.solution .sect02 ul li.dfbox {align-items: center;}
.solution .sect02 ul li.dfbox .imgbox, .solution .sect02 ul li.dfbox .txtbox {width: 50%;}
.solution .sect02 ul li.dfbox .imgbox {border-radius: 50px; overflow: hidden;}
.solution .sect02 ul li.dfbox .txtbox p, .solution .sect02 ul li.dfbox .txtbox h3 {letter-spacing: 0;}
.solution .sect02 ul li.dfbox .txtbox p {color: #ef4d35;}
.solution .sect02 ul li.dfbox .txtbox p span {width: 54px; height: 1px; background: #222; margin-left: 10px; display: inline-block;}
.solution .sect02 ul li.dfbox .txtbox h3 {margin: 40px 0;}
.solution .sect02 ul li.dfbox .txtbox strong {color: #ef4d35;}
.solution .sect02 ul li.dfbox .txtbox ul {margin-top: 40px;}
.solution .sect02 ul li.dfbox .txtbox ul li {margin-top: 17px;}
.solution .sect02 ul li.dfbox .txtbox ul li:first-child {margin-top: 0;}
.solution .sect03 {background-color: #f4f6f7; padding: 120px 0 170px; text-align: center;}
.solution .sect03 .tits p {line-height: 1.538;}
.solution .sect03 .cont_box {margin: 130px 0 140px; justify-content: space-between; gap: 80px; align-items: center;}
.solution .sect03 .cont_box .left, .solution .sect03 .cont_box .center, .solution .sect03 .cont_box .right {width: calc((100% - 40px)/3);}
.solution .sect03 .cont_box .center {position: relative;}
.solution .sect03 .cont_box .center::before, .solution .sect03 .cont_box .center::after {content: ''; width: 115%; height: 230px; border-radius: 150px; mix-blend-mode: multiply; transform: translate(-50%,-50%) rotate(45deg); display: block; position: absolute; left: 50%; top: 50%;}
.solution .sect03 .cont_box .center::before {background-color: #f9a51b; transform: translate(-50%,-50%) rotate(-45deg);}
.solution .sect03 .cont_box .center::after {background-color: #ef4d35;}
.solution .sect03 .cont_box .center .txt {color: #fff; position: relative; z-index: 5;}
.solution .sect03 .cont_box .center .txt p {letter-spacing: -0.05em; margin-top: 20px; line-height: 1.3;}
.solution .sect03 .cont_box .boxs {padding: 30px 40px; background-color: #e6e9ec; border-radius: 25px; text-align: left; margin-bottom: 25px;}
.solution .sect03 .cont_box .boxs:last-child {margin-bottom: 0;}
.solution .sect03 .cont_box .boxs ul {margin-top: 20px;}
.solution .sect03 .cont_box .boxs ul li {font-size: 17px; line-height: 1; margin-top: 10px;}
.solution .sect03 .cont_box .boxs ul li:first-child {margin-top: 0;}
.solution .sect03 .bott_txt {line-height: 1.447;}
.solution .sect03 .bott_txt span {color: #ef4d35;}



/* 서비스 */
.service_intro {background-color: #f4f6f7;}
.service_intro .swiper {overflow: visible; padding-bottom: 50px;}
.service_intro ul {gap: 40px; flex-wrap: wrap; justify-content: space-between;}
.service_intro ul li {width: calc((100% - 80px)/3); background-color: #fff; text-align: center; border-radius: 50px; overflow: hidden; -webkit-transition: border 0.3s ease-out;-moz-transition: border 0.3s ease-out;-ms-transition: border 0.3s ease-out;-o-transition: border 0.3s ease-out;transition: border 0.3s ease-out;}
.service_intro ul li:hover {border: 10px solid #ef4d35;}
.service_intro ul li a {display: block;}
.service_intro ul li a h3 {position: relative;}
.service_intro ul li a h3 span {position: relative; display: inline-block; transform: translateX(12px);}
.service_intro ul li:hover a h3 span {-webkit-transform: translateX(17px);-moz-transform: translateX(17px);-ms-transform: translateX(17px);-o-transform: translateX(17px);transform: translateX(17px);}
.service_intro ul li .imgbox {border-radius: 20px; overflow: hidden;}
.service_intro .swiper .swiper-pagination {top: auto; bottom: 0;}
.service_intro .swiper .swiper-pagination .swiper-pagination-progressbar-fill {background: #ef4d35}

.service_page01 .sect01 ul.first {row-gap: 75px; column-gap: 70px; flex-wrap: wrap;}
.service_page01 .sect01 ul.first li {width: calc((100% - 140px) / 3);}
.service_page01 .sect01 ul.first li .imgbox {border-radius: 30px; overflow: hidden;}
.service_page01 .sect01 ul.first li h3 {margin-top: 30px; letter-spacing: 0;}
.service_page01 .sect01 ul.first li strong {margin-top: 13px; display: block; color: #ef4d35; line-height: 1.2;}
.service_page01 .sect01 ul.first li p {margin-top: 40px; line-height: 1.2; word-break: keep-all; white-space: wrap;}
.service_page01 .sect01 ul.first .sect1_imgTxt {margin-top: 30px;}
.service_page01 .sect01 ul.first .sect1_imgTxt p {background-color: #f9a51b; border-radius: 40px; width: fit-content;}
.service_page01 .sect01 ul.first .sect1_imgTxt p + p {margin-top: 10px;}
.service_page01 .sect01 ul.first .sect1_imgTxt p a {color: #222; line-height: 40px; padding: 0 25px; cursor: auto;}
.service_page01 .sect01 .txt_wrap {background-color: #fafafa; border: 1px solid #eee; text-align: center; border-radius: 50px;}
.service_page01 .sect01 .txt_wrap p {line-height: 1.5; word-break: keep-all; white-space: wrap;}
.service_page01 .sect01 .txt_wrap p span {color: #ef4d35; font-weight: 700;}
.service_page01 .sect01 .sect01_bottWrap {text-align: center; color: #2f1919;}
.service_page01 .sect01 .sect01_bottWrap p {letter-spacing: 0; margin-top: 30px; word-break: keep-all; white-space: wrap; line-height: 1.2;}
.service_page01 .sect01 .sect01_bottWrap .second {column-gap: 100px;}
.service_page01 .sect01 .sect01_bottWrap .second li {width: calc((100% - 200px) / 3);}
.service_page01 .sect01 .sect01_bottWrap .second .imgbox, .service_page01 .sect01 .sect01_bottWrap .arrow_wrap .imgbox {border-radius: 30px; overflow: hidden;}
.service_page01 .sect01 .sect01_bottWrap .arrow_wrap {margin-top: 25px; justify-content: center; column-gap: 30px;}
.service_page01 .sect01 .sect01_bottWrap .arrow_wrap .logo_arrow.reverse {transform: scaleX(-1);}
.service_page01 .sect01 .sect01_bottWrap .arrow_wrap .imgbox {margin: 30px 0 25px;}
.service_page01 .sect02 {background-color: #f4f6f7;}
.service_page01 .sect02 ul li {align-items: center;}
.service_page01 .sect02 ul li.reverse {flex-direction: row-reverse;}
.service_page01 .sect02 ul li .imgbox {border-radius: 50px; overflow: hidden;}
.service_page01 .sect02 ul li .imgbox, .service_page01 .sect02 ul li .txtbox {width: 50%;}
.service_page01 .sect02 ul li .txtbox .num, .service_page01 .sect02 ul li .txtbox h3 {letter-spacing: 0; line-height: 1.2;}
.service_page01 .sect02 ul li .txtbox .num, .service_page01 .sect02 ul li .txtbox strong {color: #ef4d35;}
.service_page01 .sect02 ul li .txtbox .num span {width: 54px; height: 1px; background-color: #222; margin-left: 10px; display: inline-block;}
.service_page01 .sect02 ul li .txtbox strong {margin-top: 22px; display: block; line-height: 1;}
.service_page01 .sect02 ul li .txtbox p.info {line-height: 1.666; word-break: keep-all; white-space: wrap;}

.service_page02 .sect01 .dfbox {align-items: center;}
.service_page02 .sect01 .dfbox .imgbox, .service_page02 .sect01 .dfbox .txtbox {width: 50%;}
.service_page02 .sect01 .dfbox .imgbox {border-radius: 50px; overflow: hidden;}
.service_page02 .sect01 .dfbox strong {display: block; color: #ef4d35; line-height: 1;}
.service_page02 .sect01 .dfbox p {margin-top: 40px; line-height: 1.666;}
.service_page02 .sect01 .dfbox.lists {gap: 50px; align-items: start;}
.service_page02 .sect01 .dfbox.lists li {width: calc((100% - 150px) / 4); text-align: center;}
.service_page02 .sect01 .dfbox.lists li .imgbox {width: 100%; border-radius: 30px;}
.service_page02 .sect01 .dfbox.lists li p {word-break: keep-all; white-space: wrap;}
.service_page02 .sect02 {padding-bottom: 220px; background-color: #f4f6f7;}
.service_page02 .sect02 ul {column-gap: 70px;}
.service_page02 .sect02 ul li {width: calc((100% - 140px) /3);}
.service_page02 .sect02 ul li .imgbox {border-radius: 10px; overflow: hidden;}
.service_page02 .sect02 ul li h3 {margin-top: 30px; color: #2f1919;}
.service_page02 .sect02 ul li p {margin-top: 25px; line-height: 1.5;}

.service_page03 ul li {align-items: center;}
.service_page03 ul li .imgbox {border-radius: 50px; overflow: hidden;}
.service_page03 ul li .imgbox, .service_page03 ul li .txtbox {width: 50%;}
.service_page03 ul li p.num {letter-spacing: 0; color: #ef4d35;}
.service_page03 ul li p.num span {width: 54px; height: 1px; background-color: #222; margin-left: 10px; display: inline-block;}
.service_page03 ul li p.info {line-height: 1.666; margin-top: 40px;}

.service_page04 .s_tit {line-height: 1.363;}
.service_page04 .s_tit span {font-weight: 700; color: #ef4d35;}
.service_page04 .step_list {text-align: center;}
.service_page04 .step_list li {width: 25%; position: relative;}
.service_page04 .step_list li::before {content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 0; height: 0; border-left: 30px solid #fff; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid transparent;}
.service_page04 .step_list li div {height: 100px; position: relative; margin-right: 20px;}
.service_page04 .step_list li div::after {content: ''; z-index: 2; position: absolute; right: 0; top: 0; width: 0; height: 0; transform: scaleX(-1) translateX(-100%); border-left: 50px solid transparent; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 30px solid #ef4d35;}
.service_page04 .step_list li .red {background-color: #ef4d35;}
.service_page04 .step_list li .orange {background-color: #f57e26;}
.service_page04 .step_list li .oy {background-color: #f9a51b;}
.service_page04 .step_list li .yellow {background-color: #f9d21b;}
.service_page04 .step_list li div.orange::after {border-right: 30px solid #f57e26;}
.service_page04 .step_list li div.oy::after {border-right: 30px solid #f9a51b;}
.service_page04 .step_list li div.yellow::after {border-right: 30px solid #f9d21b;}
.service_page04 .step_list li span {color: #fff; letter-spacing: 0; width: 100%; position: absolute; left: calc(50% + 20px); top: 50%; transform: translate(-50%,-50%);}
.service_page04 .step_list li p {line-height: 1.5; margin-top: 30px;}
.service_page04 .marketing_list ul {flex-wrap: wrap; column-gap: 50px; row-gap: 55px;}
.service_page04 .marketing_list ul li {width: calc((100% - 50px) /2);}
.service_page04 .marketing_list ul li .txtbox {width: calc(100% - 280px); padding-right: 15px;}
.service_page04 .marketing_list ul li .title {background-color: #ef4d35; color: #fff; text-align: center; width: 250px; height: 70px; line-height: 70px; border-radius: 20px; margin: 0 auto; position: relative; z-index: 2;}
.service_page04 .marketing_list ul li .cont {background-color: #fafafa; border: 1px solid #eee; border-radius: 50px; margin-top: -35px; position: relative; z-index: 1; padding: 50px; padding-top: 90px;}
.service_page04 .marketing_list ul li .cont h3 {padding-bottom: 20px; margin-bottom: 30px; position: relative; line-height: 1.2; letter-spacing: 0; word-break: keep-all; white-space: wrap;}
.service_page04 .marketing_list ul li .cont h3::after {content: ''; position: absolute; left: 0; bottom: 0; background-color: #222; width: 130%; height: 1px; z-index: 1;}
.service_page04 .marketing_list ul li .cont p {line-height: 1.25; letter-spacing: 0;}
.service_page04 .marketing_list ul li .cont p + p {margin-top: 25px; line-height: 1.5; letter-spacing: -0.025em;}
.service_page04 .marketing_list ul li .imgbox {position: relative; z-index: 2;}
.service_page04 table {border-collapse: collapse; width: 100%;}
.service_page04 table thead {line-height: 1;}
.service_page04 table thead, .service_page04 table tbody {border-bottom: 1px solid #eee;}
.service_page04 table thead th, .service_page04 table tbody td {border-left: 1px solid #eee; letter-spacing: 0;}
.service_page04 table thead th {height: 80px; background-color: #f4f6f7;}
.service_page04 table .bg_darkGray {background-color: #969fa4; color: #fff;}
.service_page04 table tbody td {padding: 40px;}
.service_page04 table tbody td.bg_darkGray p {text-align: center; line-height: 1.25; letter-spacing: 0;}
.service_page04 table tbody td ul li {line-height: 1; margin-top: 10px; letter-spacing: 0; word-break: keep-all; white-space: wrap;}
.service_page04 table tbody td ul li:first-child {margin-top: 0;}
.service_page04 .bot_txt {text-align: center; line-height: 1.333;}
.service_page04 .bot_txt span {font-weight: 700; color: #ef4d35;}

.service_page05 .tits {text-align: center;}
.service_page05 .tits p span {font-weight: 700; color: #ef4d35;}
.service_page05 .sect01_contWrap>h3 {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #bbb;}
.service_page05 .sect01_contWrap>p {line-height: 1.384;}
.service_page05 .sect01_contWrap .dfbox {align-items: center;}
.service_page05 .sect01_contWrap .dfbox .imgbox, .service_page05 .sect01_contWrap .dfbox .txtbox {width: 50%;}
.service_page05 .sect01_contWrap .dfbox .imgbox {border-radius: 50px; overflow: hidden;}
.service_page05 .sect01_contWrap .dfbox h4 {padding-bottom: 40px; margin-bottom: 40px; position: relative; line-height: 1.2; letter-spacing: -0.05em;}
.service_page05 .sect01_contWrap .dfbox h4::after {content: ''; position: absolute; left: 0; bottom: 0; width: 300vw; height: 1px; background-color: #ced4da; opacity: .5; transform: translateX(-50%); z-index: -1;}
.service_page05 .sect01_contWrap .dfbox h4 span {color: #ef4d35; font-weight: 700;}
.service_page05 .sect01_contWrap .dfbox p {line-height: 1.636;}
.service_page05 .sect02 {background-color: #f4f6f7; text-align: center;}
.service_page05 .sect02 p {line-height: 1.333;}
.service_page05 .sect02 p span {color: #ef4d35;}
.service_page05 .sect02 .imgbox {width: 95%; max-width: 1747px; margin: 30px auto 0;}
.service_page05 .sect03 .interlink_wrap {text-align: center;}
.service_page05 .sect03 .interlink_wrap .logos {margin-top: 45px;}
.service_page05 .sect03 .interlink_wrap h3 {line-height: 1.333;}
.service_page05 .sect03 .interlink_wrap h3 span {font-weight: 700; color: #ef4d35;}
.service_page05 .sect03 .inner_container>ul>li {gap: 100px; align-items: center;}
.service_page05 .sect03 ul li.reverse {flex-direction: row-reverse;}
.service_page05 .sect03 ul li .imgbox, .service_page05 .sect03 ul li .txtbox {width: calc((100% - 100px) /2);}
.service_page05 .sect03 ul li .imgbox img {border-radius: 50px; overflow: hidden;}
.service_page05 .sect03 ul li .imgbox span {display: block; margin-top: 10px; text-align: center;}
.service_page05 .sect03 ul li .txtbox h3 {letter-spacing: 0; line-height: 1.1;}
.service_page05 .sect03 ul li .txtbox p {margin-top: 20px; line-height: 1.416;}
.service_page05 .sect03 ul li .txtbox p span {font-weight: 500; color: #ef4d35;}
.service_page05 .sect03 ul li ul li {line-height: 1.5;}
/* .service_page05 .sect04 {background-color: #f4f6f7;} */
.service_page05 .sect04 ul {flex-wrap: wrap; column-gap: 70px; row-gap: 90px;}
.service_page05 .sect04 ul li {width: calc((100% - 140px) /3);}
.service_page05 .sect04 ul li .imgbox {border-radius: 30px; overflow: hidden;}
.service_page05 .sect04 ul li h3 {margin: 30px 0 35px; line-height: 1.357; color: #2f1919;}
.service_page05 .sect04 ul li p {line-height: 1.5;}

/* .service_page06 .sect01 .tits h2 {text-align: center; margin-top: 30px;}
.service_page06 .sect01 .step_wrap {text-align: center;}
.service_page06 .sect01 .step_wrap ul {justify-content: space-between;}
.service_page06 .sect01 .step_wrap ul li {width: calc((100% - 260px) /6);}
.service_page06 .sect01 .step_wrap ul li .ico {width: 100%; height: 190px; border-radius: 50%; border: 10px solid #ef4d35; background: #fff; position: relative;}
.service_page06 .sect01 .step_wrap ul li .ico::before {content: ''; position: absolute; right: -100%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 4px; background-color: #ef4d35; z-index: -1;}
.service_page06 .sect01 .step_wrap ul li .ico::after {content: ''; position: absolute; right: calc(-25% - 12px); top: 50%; transform: translate(-50%,-50%); width: 17px; height: 17px; border: 4px solid #ef4d35; background-color: #fff; border-radius: 50%; z-index: -1;}
.service_page06 .sect01 .step_wrap ul li:last-child .ico::before {display: none;}
.service_page06 .sect01 .step_wrap ul li:last-child .ico::after {display: none;}
.service_page06 .sect01 .step_wrap ul li .imgbox {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.service_page06 .sect01 .step_wrap ul li.yellow .ico {border: 10px solid #f9a51b;}
.service_page06 .sect01 .step_wrap ul li p {line-height: 1.352; margin-top: 20px;}
.service_page06 .sect01 .step_wrap ul li p span {font-size: 17px; display: block; padding-top: 4px;}
.service_page06 .sect01 .product_wrap {padding: 95px 60px; text-align: center; background-color: #fafafa; border: 1px solid #bbb; border-radius: 50px;}
.service_page06 .sect01 .product_wrap p {line-height: 1.25; margin-top: 20px;}
.service_page06 .sect01 .product_wrap .product_box {align-items: center; justify-content: space-between;}
.service_page06 .sect01 .product_wrap .product_box .imgs .imgbox {border-radius: 50%; overflow: hidden;}
.service_page06 .sect01 .product_wrap .product_box ul {gap: 30px;}
.service_page06 .sect01 .product_wrap .product_box ul li {width: calc((100% - 60px) /3);}
.service_page06 .sect01 .product_wrap .product_box ul li .imgbox {border-radius: 10px; overflow: hidden;}
.service_page06 .sect02 {background-color: #f4f6f7;}
.service_page06 .sect02 ul {column-gap: 70px;}
.service_page06 .sect02 ul li {text-align: center; width: calc((100% - 140px) /3);}
.service_page06 .sect02 ul li h3 {margin-top: 30px;}
.service_page06 .sect02 ul li .imgbox {border-radius: 10px; overflow: hidden;} */
.service_page06 .sect01 ul.first {column-gap: 70px;}
.service_page06 .sect01 ul.first li {width: calc((100% - 70px) / 2);}
.service_page06 .sect01 ul.first li .imgbox {border-radius: 30px; overflow: hidden;}
.service_page06 .sect01 ul.first li h3 {margin-top: 30px; letter-spacing: 0;}
.service_page06 .sect01 ul.first li strong {margin-top: 20px; display: block; color: #ef4d35; line-height: 1.2;}
.service_page06 .sect01 ul.first li p {margin-top: 40px; line-height: 1.2; word-break: keep-all; white-space: wrap;}
.service_page06 .sect01 ul.first li a {margin-top: 45px; display: block; padding-right: 15px; position: relative; width: fit-content ;}
.service_page06 .sect01 ul.first li a:hover {color: #ef4d35;}
.service_page06 .sect01 ul.first li a::before {content: ''; width: 7px; height: 7px; background: #ef4d35; border-radius: 50%; position: absolute; right: 0; bottom: 0; transform: translateY(-50%); z-index: 2;}
.service_page06 .sect01 ul.first li a::after {content: ''; width: 15px; height: 15px; background: #ff8370; border-radius: 50%; position: absolute; right: -4px; bottom: 0; opacity: 0;}
.service_page06 .sect01 ul.first li a:hover::after {animation: fadeOut 1.5s infinite;}
.service_page06 .sect01 ul.first li a span.line2 {display: inline-block; width: 27px; height: 1px; background: #ced4da; margin-left: 15px; vertical-align: middle;}


.service_page07 .sect01 .mealdo_wrap {background-color: #fafafa; border: 1px solid #eee; border-radius: 50px; gap: 100px; align-items: center;}
.service_page07 .sect01 .mealdo_wrap .imgbox, .service_page07 .sect01 .mealdo_wrap .txtbox {width: calc(100% - 100px);}
.service_page07 .sect01 .mealdo_wrap .imgbox {border-radius: 20px; overflow: hidden;}
.service_page07 .sect01 .mealdo_wrap .txtbox p {line-height: 1.545;}
.service_page07 .sect02 {background-color: #f4f6f7;}
.service_page07 .sect02 .sect2_wrap {align-items: center;}
.service_page07 .sect02 .sect2_wrap .imgbox, .service_page07 .sect02 .sect2_wrap .txtbox {width: 50%;}
.service_page07 .sect02 .sect2_wrap .imgbox {border-radius: 50px; overflow: hidden;}
.service_page07 .sect02 .sect2_wrap .txtbox p {line-height: 1.666;}
.service_page07 .sect02 .sect2_wrap .txtbox .btns {gap: 20px;}
.service_page07 .sect02 .sect2_wrap .txtbox .btns a {background-color: #fff; border: 2px solid #ef4d35; border-radius: 5px; text-align: center; color: #ef4d35; width: 250px; height: 60px; line-height: 56px;}
.service_page07 .sect02 .sect2_wrap .txtbox .btns a:hover {background-color: #ef4d35; color: #fff;}




/* 네트워크 */
.partnership h3 {margin-bottom: 45px;}
.partnership h3 span {margin-right: 12px; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; border: 6px solid #ef4d35; display: inline-block;}
.partnership .logos_wrap {border: 1px solid #eee;}
.partnership .logos_wrap ul {flex-wrap: wrap; padding: 45px 50px; row-gap: 45px; align-items: center;}
.partnership .logos_wrap ul li {width: calc(100% / 5); text-align: center;}


@media (max-width: 1600px) {
	/* common */
	.mbt190 {margin: 9vw 0;}
	.pbt190 {padding: 9vw 0;}
	.pb190 {padding-bottom: 9vw;}

	/* 회사소개 */
	.intro .intro_sect01 {padding: 6.75vw 0 8.55vw;}
	.intro .intro_sect01 .txt_wrap h4 {font-size: 2.800vw;}
	.intro .intro_sect02 {padding: 7.05vw 0 10.4vw;}
	.value {padding: 7.05vw 0 6.75vw;}
	.value ul li {width: calc((100% - 100px)/3);}
	.value ul li .imgbox img {width: 100%;}
	.organization {padding: 7.2vw 0 9vw;}
	.employment .employment_sect01 {padding: 7.05vw 0 8.55vw;}
	.employment .employment_sect02 {padding: 7.05vw 0 13.5vw;}
	.employment .employment_sect03 {padding: 7.05vw 0 13vw;}
	.bi ul li.bi_txt h3 {font-size: 2.800vw;}
	.contact {padding: 7.2vw 0 13vw;}

	/* 서비스 */
	.service_page02 .sect02 {padding-bottom: 14vw;}

	/* 솔루션 */
	.solution .sect01 {padding: 6.75vw 0 7.05vw;}
	.solution .sect02 {margin: 11vw 0 12vw;}
	.solution .sect03 {padding: 6.6vw 0 8.1vw;}
	.solution .sect03 .cont_box {margin: 6.9vw 0 7.2vw;}
}

@media (max-width: 1400px) {
	/* 회사소개 */
	.value ul li {width: calc((100% - 70px)/3);}
	.contact .map_box .map {width: 600px; height: 810px;}
	.contact .contact_box {width: calc(100% - 700px);}

	/* 서비스 */
	.service_page01 .sect01 .sect01_bottWrap .second {column-gap: 70px;}
	.service_page01 .sect01 .sect01_bottWrap .second li {width: calc((100% - 140px) / 3);}

	.service_page04 .marketing_list ul li .cont p {word-break: keep-all; white-space: wrap;}
	.service_page04 .marketing_list ul li .cont p br {display: none;}
	.service_page04 .marketing_list ul li .imgbox {width: 55%;}
	.service_page04 .marketing_list ul li .txtbox {width: 45%;}
	
	.service_page06 .sect01 .step_wrap ul li .ico {height: 175px;}
	.service_page06 .sect01 .product_wrap .product_box ul {flex-wrap: wrap; width: 55%;}
	.service_page06 .sect01 .product_wrap .product_box ul li {width: calc((100% - 30px) /2);}
	.service_page06 .sect01 .product_wrap .product_box ul li .imgbox img {width: 100%;}
}

@media (max-width: 1300px) {
	.service_page06 .sect01 .step_wrap ul li .ico {height: 155px; border: 7px solid #ef4d35;}
	.service_page06 .sect01 .step_wrap ul li.yellow .ico {border: 7px solid #f9a51b;}
	.service_page06 .sect01 .step_wrap ul li .ico::after {right: calc(-25% - 16px);}
}

@media (max-width: 1200px) {
	/* 서비스 */
	.service_page01 .sect01 ul.first {column-gap: 50px; row-gap: 55px;}
	.service_page01 .sect01 ul.first li {width: calc((100% - 100px) / 3);}
	.service_page01 .sect01 .sect01_bottWrap .second {column-gap: 50px;}
	.service_page01 .sect01 .sect01_bottWrap .second li {width: calc((100% - 100px) / 3);}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap img {width: 80%;}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap .imgbox {width: 80%; margin: 30px auto 25px;}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap {column-gap: 0;}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap .imgbox img, .service_page01 .sect01 .sect01_bottWrap .arrow_wrap .img_wrap img {width: auto;}

	.service_page02 .sect02 ul {column-gap: 50px;}
	.service_page02 .sect02 ul li {width: calc((100% - 100px) /3);}

	.service_page05 .sect03 .inner_container>ul>li {gap: 80px;}
	.service_page05 .sect03 ul li .imgbox, .service_page05 .sect03 ul li .txtbox {width: calc((100% - 80px) /2);}
	.service_page05 .sect04 ul {column-gap: 50px; row-gap: 70px;}
	.service_page05 .sect04 ul li {width: calc((100% - 100px) /3);}
	.service_page05 .sect04 ul li h3 {margin: 25px 0 30px;}

	/* .service_page06 .sect01 .step_wrap ul {flex-wrap: wrap; row-gap: 40px; width: 80%; margin: 40px auto 0;}
	.service_page06 .sect01 .step_wrap ul li .ico {height: 21.670vw;}
	.service_page06 .sect01 .step_wrap ul li .ico::after {right: -25%;}
	.service_page06 .sect01 .step_wrap ul li:nth-child(3n) .ico::before {display: none;}
	.service_page06 .sect01 .step_wrap ul li:nth-child(3n) .ico::after {display: none;}
	.service_page06 .sect01 .step_wrap ul li {width: calc((100% - 120px) /3);}
	.service_page06 .sect01 .product_wrap {padding: 80px 50px;}
	.service_page06 .sect01 .product_wrap .product_box .imgs {width: 30%;}
	.service_page06 .sect01 .product_wrap .product_box .arrow {width: 6%;}
	.service_page06 .sect02 ul {column-gap: 50px;}
	.service_page06 .sect02 ul li {width:  calc((100% - 100px) /3);} */

	/* 네트워크 */
	.partnership .logos_wrap ul li {width: calc(100% / 4);}
}

@media (max-width: 1024px) {
	/* common */
	.mbt190 {margin: 17.95vw 0;}
	.pbt190 {padding: 17.95vw 0;}
	.pb190 {padding-bottom: 17.95vw;}

	/* 회사소개 */
	.intro .intro_sect01 {padding: 9.5vw 0 14.1vw; height: auto;}
	.intro .intro_sect01 .txt_wrap h4, .intro .intro_sect02 ul li.bi_txt h3 {font-size: 3.55vw;}
	.intro .intro_sect01 .txt_wrap h4 {padding-right: 20px;}
	.intro .intro_sect01 .txt_wrap {width: 90%; margin: 9.75vw auto 0;}
	.value {padding: 11.1vw 0 9.5vw;}
	.value ul li {width: calc((100% - 50px)/3);}
	.value ul li .imgbox {border-radius: 40px;}
	.organization {padding: 11.95vw 0 17.95vw;}
	.employment .employment_sect01 {padding: 11.1vw 0 14.1vw;}
	.employment .employment_sect01 .txt_wrap p {width: 90%; margin: 0 auto; line-height: 1.2;}
	.employment .employment_sect01 .txt_wrap h3 {margin: 35px 0 15px; line-height: 1.3; word-break: keep-all; white-space: wrap;}
	.employment .employment_sect01 ul {justify-content: space-between;}
	.employment .employment_sect01 ul li {width: calc((100% - 50px)/4);}
	.employment .employment_sect01 ul li .imgbox img {width: 35%;}
	.employment .employment_sect01 ul li:first-child .imgbox img, .employment .employment_sect01 ul li:last-child .imgbox img {width: 30%;}
	.employment .employment_sect01 ul li p br {display: none;}
	.employment .employment_sect01 ul li p {word-break: keep-all; white-space: wrap;}
	.employment .employment_sect02 {padding: 11.1vw 0 17.58vw;}
	.employment .employment_sect02 .welfare_wrap {/*flex-direction: column;*/ flex-wrap: wrap; gap: 40px;}
	.employment .employment_sect02 .welfare_wrap .boxs {width: 85%; width: calc((100% - 40px) / 2); margin: 0 auto;}
	.employment .employment_sect02 .welfare_wrap .boxs .txtbox .imgbox img {width: 16%;}
	.employment .employment_sect02 .welfare_wrap.renew .boxs .txtbox .imgbox img {width: 70px;} 
	.employment .employment_sect03 {padding: 11.1vw 0 14.85vw;}
	.employment .employment_sect03 button {width: 250px; height: 70px; line-height: 70px;}
	.bi {padding: 11.1vw 0 15.4vw;}
	.bi .logo_wrap .imgbox img {width: 35%;}
	.bi ul li.plus .lines {width: 55px; height: 14px;}
	.bi ul li.plus .lines.line2 {transform: rotate(90deg) translateX(-14px);}
	.bi ul li.bi_txt {align-items: center; justify-content: start;}
	.bi ul li.bi_txt p span {line-height: 1.2; word-break: keep-all; white-space: wrap;}
	.bi .bi_guide {border: 6px solid #e6e9ec; border-radius: 40px; padding: 30px;}
	.contact {padding: 11.95vw 0 14.85vw;}
	.contact .map_contact {align-items: start;}
	.contact .map_box .map {width: 50vw; height: 750px; border-radius: 40px;}
	.contact .map_box .map_info {width: 95%; padding: 30px; bottom: 20px;}
	.contact .map_box .map_info ul li h3 {width: 150px;}
	.contact .map_box .map_info ul li p {word-break: keep-all; white-space: wrap; width: calc(100% - 150px);}
	.contact .contact_box {width: 50vw; padding-left: 50px;}

	/* 솔루션 */
	.solution .sect01 {height: auto; padding: 10.5vw 0 11.1vw;}
	.solution .sect01 .tits .info {word-break: keep-all; white-space: wrap; width: 90%; margin: 35px auto 50px;}
	.solution .sect01 .tits .info br {display: none;}
	.solution .sect02 {margin: 14vw 0 15vw;}
	.solution .sect02 ul li.dfbox .txtbox h3 {margin: 30px 0;}
	.solution .sect02 ul li.dfbox .txtbox ul {margin-top: 30px;}
	.solution .sect03 {padding: 10.2vw 0 13.2vw;}
	.solution .sect03 .cont_box {flex-direction: column; gap: 21vw; margin: 9.5vw 0 10.1vw;}
	.solution .sect03 .cont_box .left, .solution .sect03 .cont_box .center, .solution .sect03 .cont_box .right {width: 100%;}
	.solution .sect03 .cont_box .left, .solution .sect03 .cont_box .right {display: flex; justify-content: space-between; gap: 40px;}
	.solution .sect03 .cont_box .left .boxs, .solution .sect03 .cont_box .right .boxs {width: calc(50% - 20px);}
	.solution .sect03 .cont_box .center::before, .solution .sect03 .cont_box .center::after {width: 60%; height: 210px;}
	.solution .sect03 .cont_box .boxs {margin-bottom: 0;}

	/* 서비스 */
	.service_intro ul {gap: 30px;}
	.service_intro ul li:hover {border: 6px solid #ef4d35;}
	.service_intro ul li {width: calc((100% - 30px)/2); border-radius: 40px;}
	.service_page01 .sect01 ul.first {column-gap: 30px; row-gap: 35px;}
	.service_page01 .sect01 ul.first li {width: calc((100% - 60px) / 3);}
	.service_page01 .sect01 ul.first li p {margin-top: 30px;}
	.service_page01 .sect01 .txt_wrap {border-radius: 40px;}
	.service_page01 .sect01 .txt_wrap p {word-break: keep-all; white-space: wrap;}
	.service_page01 .sect01 .txt_wrap p br {display: none;}
	.service_page01 .sect02 ul li .txtbox h3 {line-height: 1.2; word-break: keep-all; white-space: wrap;}
	.service_page01 .sect02 ul li.reverse .txtbox p.info {padding-right: 10px;}
	.service_page01 .sect02 ul li .txtbox p.info {word-break: keep-all; white-space: wrap;}
	.service_page01 .sect02 ul li .txtbox p.info br {display: none;}

	.service_page02 .sect01 .dfbox p {margin-top: 30px; word-break: keep-all; white-space: wrap;}
	.service_page02 .sect01 .dfbox p br {display: none;}
	.service_page02 .sect01 .dfbox.lists {gap: 30px;}
	.service_page02 .sect01 .dfbox.lists li {width: calc((100% - 90px) / 4);}
	.service_page02 .sect01 .dfbox.lists li .imgbox {border-radius: 20px;}
	.service_page02 .sect02 {padding-bottom: 15.85vw;}
	.service_page02 .sect02 ul {column-gap: 30px;}
	.service_page02 .sect02 ul li {width: calc((100% - 60px) /3);}
	.service_page02 .sect02 ul li h3 {word-break: keep-all; white-space: wrap; line-height: 1.2;}
	.service_page02 .sect02 ul li p {word-break: keep-all; white-space: wrap;}
	.service_page02 .sect02 ul li p br {display: none;}
	.service_page02 .sect02 ul li p .mb {display: block; font-weight: 300; padding-top: 5px;} 

	.service_page03 ul li h3 {line-height: 1.2; word-break: keep-all; white-space: wrap;}
	.service_page03 ul li p.info {margin-top: 30px; word-break: keep-all; white-space: wrap;}
	.service_page03 ul li p.info br {display: none;}

	.service_page04 .step_list li div {margin-right: 15px;}
	.service_page04 .step_list li span {width: 80%; word-break: keep-all; white-space: wrap; line-height: 1.2; left: calc(50% + 15px);}
	.service_page04 .step_list li p {margin-top: 20px;}
	.service_page04 .marketing_list ul {column-gap: 40px; row-gap: 45px;}
	.service_page04 .marketing_list ul li {width: calc((100% - 40px) /2);}
	.service_page04 .marketing_list ul li .cont {padding: 40px; padding-top: 80px;}
	.service_page04 table {max-width: 1400px;}

	.service_page05 .sect03 .interlink_wrap .logos img {width: 60%;}
	.service_page05 .sect03 .inner_container>ul>li {gap: 60px;}
	.service_page05 .sect03 ul li .imgbox, .service_page05 .sect03 ul li .txtbox {width: calc((100% - 60px) /2);}
	.service_page05 .sect03 ul li .txtbox p, .service_page05 .sect03 ul li ul li {word-break: keep-all; white-space: wrap;}
	.service_page05 .sect03 ul li .txtbox p br, .service_page05 .sect03 ul li ul li br {display: none;}
	.service_page05 .sect03 ul li .imgbox img {border-radius: 40px;}
	.service_page05 .sect04 ul {column-gap: 30px; row-gap: 50px;}
	.service_page05 .sect04 ul li {width: calc((100% - 60px) /3);}
	.service_page05 .sect04 ul li h3 {margin: 20px 0 25px;}
	.service_page05 .sect04 ul li p, .service_page05 .sect04 ul li h3 {word-break: keep-all; white-space: wrap;}
	.service_page05 .sect04 ul li p br, .service_page05 .sect04 ul li h3 br {display: none;}

	/* .service_page06 .sect01 .step_wrap ul li .ico::after {right: calc(-25% - 6px);}
	.service_page06 .sect01 .step_wrap ul li .ico .imgbox img {width: 90%;}
	.service_page06 .sect01 .product_wrap {padding: 65px 35px;}
	.service_page06 .sect02 ul {column-gap: 30px;}
	.service_page06 .sect02 ul li {width:  calc((100% - 60px) /3);}
	.service_page06 .sect02 ul li h3 {margin-top: 25px;} */
	.service_page06 .sect01 ul.first {column-gap: 50px;}
	.service_page06 .sect01 ul.first li {width: calc((100% - 50px) / 2);}
	.service_page06 .sect01 ul.first li strong {margin-top: 15px;}
	.service_page06 .sect01 ul.first li p {margin-top: 30px;}
	.service_page06 .sect01 ul.first li a {margin-top: 35px;}

	.service_page07 .sect01 .mealdo_wrap {gap: 60px; border-radius: 40px;}
	.service_page07 .sect01 .mealdo_wrap .imgbox, .service_page07 .sect01 .mealdo_wrap .txtbox {width: calc(100% - 60px);}
	.service_page07 .sect01 .mealdo_wrap .txtbox p {word-break: keep-all; white-space: wrap;}
	.service_page07 .sect01 .mealdo_wrap .txtbox p br {display: none;}
	.service_page07 .sect02 .sect2_wrap {align-items: start;}
	.service_page07 .sect02 .sect2_wrap .imgbox {border-radius: 40px;}
	.service_page07 .sect02 .sect2_wrap .txtbox p {word-break: keep-all; white-space: wrap;}
	.service_page07 .sect02 .sect2_wrap .txtbox p br {display: none;}

	/* 네트워크 */
	.partnership h3 {margin-bottom: 35px;}
	.partnership .logos_wrap ul li {width: calc(100% / 3);}
}

@media (max-width: 850px) {
	.service_page06 .sect01 .step_wrap ul li .ico {height: 20.455vw;}
}

@media (max-width: 767px) {
	/* common */
	.sub_visual {height: calc(70vh - 70px);}
	.sub_visual .cb h2 {margin: 35px 0 20px;}
	.sub_visual .cb .symbol {text-align: center;}
	.sub_visual .cb .symbol img {width: 80%;}
	.sub_visual .cb p {margin-top: 35px;}

	/* 회사소개 */
	.intro .intro_sect01 .tits .symbol img {width: 13%;}
	.intro .intro_sect01 .txt_wrap .txts h4 {width: 40%;}
	.intro .txt_wrap .txts p {width: 60%;}	
	.value ul {flex-direction: column; gap: 30px;}
	.value ul li {width: 100%; display: flex; align-items: center;}
	.value ul li .imgbox {width: 45vw;}
	.value ul li .txtbox {width: 55vw; padding-left: 60px;}
	.value ul li .txtbox h3 {margin-top: 0; text-align: left;}
	.value ul li .txtbox p {text-align: left; margin-top: 15px;}
	.employment .employment_sect01 ul {flex-wrap: wrap; gap: 40px;}
	.employment .employment_sect01 ul li {width: calc((100% - 40px)/2);}
	.employment .employment_sect01 ul li:first-child .imgbox img, .employment .employment_sect01 ul li:last-child .imgbox img {width: 22%;}
	.employment .employment_sect01 ul li .imgbox img {width: 22%;}
	.employment .employment_sect02 .welfare_wrap .boxs > .imgbox {width: 250px; border-radius: 40px;}
	/*.employment .employment_sect02 .welfare_wrap .boxs .txtbox {width: calc(100% - 300px);} */
	.employment .employment_sect02 .welfare_wrap .boxs .txtbox .imgbox img {width: 28%;}
	.employment .employment_sect03 button {width: 200px; height: 60px; line-height: 60px; margin-top: 35px;}
	.bi .logo_wrap button {width: 150px; height: 48px; line-height: 48px;}
	.bi .logo_wrap .imgbox img {width: 30%;}
	.bi .txt_wrap h4, .intro .intro_sect02 ul li.bi_txt h3 {font-size: 4.25vw;}
	.bi ul {flex-direction: column; align-items: center; gap: 40px;}
	.bi ul li.bi_txt {flex-direction: row; margin-bottom: 20px; width: 80%;}
	.bi ul li.bi_txt:last-child {margin-bottom: 0;}
	.bi ul li.bi_txt .imgbox img {width: 55%;}
	.bi ul li.bi_txt:last-child .imgbox img {width: 55%;}
	.bi ul li.bi_txt .img_wrap {width: 180px;}
	.bi ul li.bi_txt h3 {margin-top: 30px;}
	.bi ul li.bi_txt p {margin-top: 0; text-align: left; width: calc(100% - 180px); padding-left: 60px;}
	.bi ul li.bi_txt p span {margin-top: 15px;}
	.bi .bi_guide {border: 4px solid #e6e9ec; border-radius: 30px;}
	.contact .map_contact {flex-direction: column; gap: 50px;}
	.contact .map_box .map {width: 95vw; height: 600px; border-radius: 30px;}
	.contact .map_box .map_info {padding: 25px; bottom: 10px;}
	.contact .map_box .map_info ul li h3 {padding-left: 17px;}
	.contact .map_box .map_info ul li h3::before {width: 7px; height: 7px;}
	.contact .contact_box {width: 100%; padding-left: 0;}

	/* 솔루션 */
	.solution .sect01 .symbol img {width: 13%;}
	.solution .sect02 ul li.dfbox {flex-direction: column; gap: 40px;}
	.solution .sect02 ul li.dfbox .imgbox, .solution .sect02 ul li.dfbox .txtbox {width: 100%;}
	.solution .sect02 ul li.dfbox .imgbox img {width: 100%;}
	.solution .sect02 ul li.dfbox .txtbox {padding-left: 0;}
	.solution .sect02 ul li.dfbox .txtbox strong {word-break: keep-all; white-space: wrap; line-height: 1.2;}
	.solution .sect03 .cont_box {gap: 27vw;}
	.solution .sect03 .cont_box .center::before, .solution .sect03 .cont_box .center::after {width: 70%;}
	.solution .sect03 .cont_box .boxs {padding: 20px 30px; border-radius: 20px;}
	.solution .sect03 .cont_box .boxs ul li {word-break: keep-all; white-space: wrap; line-height: 1.2;}
	.solution .sect03 .cont_box .left, .solution .sect03 .cont_box .right {gap: 30px;}
	.solution .sect03 .cont_box .left .boxs, .solution .sect03 .cont_box .right .boxs {width: calc(50% - 15px);}

	/* 서비스 */
	.service_intro ul {flex-direction: column;}
	.service_intro .swiper {padding-bottom: 30px;}
	.service_intro ul li {width: 100%; border-radius: 30px;}
	.service_intro ul li .imgbox img {width: 100%;}
	.service_page01 .sect01 ul.first .sect1_imgTxt p a {padding: 0 20px; line-height: 38px;}
	.service_page01 .sect01 ul.first {column-gap: 30px; row-gap: 35px;}
	.service_page01 .sect01 ul.first {column-gap: 30px; row-gap: 40px; flex-wrap: wrap;}
	.service_page01 .sect01 ul.first li {width: calc((100% - 30px) / 2);}
	.service_page01 .sect02 ul li, .service_page01 .sect02 ul li.reverse {flex-direction: column; gap: 40px;}
	.service_page01 .sect02 ul li .imgbox, .service_page01 .sect02 ul li .txtbox {width: 100%;}
	.service_page01 .sect02 ul li .imgbox img {width: 100%;}
	.service_page01 .sect02 ul li .txtbox {padding-left: 0;}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap>.logo_arrow {display: none;}
	.service_page01 .sect01 .sect01_bottWrap .second {column-gap: 30px;}
	.service_page01 .sect01 .sect01_bottWrap .second li {width: calc((100% - 60px) / 3);}
	.service_page01 .sect01 .sect01_bottWrap>.imgbox {width: 60%; margin: 0 auto;}

	.service_page02 .sect01 .dfbox {flex-direction: column; gap: 40px;}
	.service_page02 .sect01 .dfbox .imgbox, .service_page02 .sect01 .dfbox .txtbox {width: 100%;}
	.service_page02 .sect01 .dfbox .imgbox {width: 100%;}
	.service_page02 .sect01 .dfbox .txtbox {padding-left: 0;}
	.service_page02 .sect01 .dfbox.lists {gap: 20px; flex-direction: row; flex-wrap: wrap;}
	.service_page02 .sect01 .dfbox.lists li {width: calc((100% - 40px) / 2);}
	.service_page02 .sect01 .dfbox.lists li .imgbox {border-radius: 20px;}
	.service_page02 .sect02 ul {flex-wrap: wrap; row-gap: 40px;}
	.service_page02 .sect02 ul li {width: calc((100% - 30px) /2);}

	.service_page03 ul li {flex-direction: column; gap: 40px;}
	.service_page03 ul li .imgbox, .service_page03 ul li .txtbox {width: 100%;}
	.service_page03 ul li .imgbox img {width: 100%;}
	.service_page03 ul li .txtbox {padding-left: 0;}

	.service_page04 .step_list ul {flex-wrap: wrap; row-gap: 30px;}
	.service_page04 .step_list ul li {width: 50%;}
	.service_page04 .step_list li p {margin-top: 15px;}
	.service_page04 .step_list li div {height: 80px;}
	.service_page04 .step_list li div::after {border-left: 40px solid transparent;border-top: 40px solid transparent;border-bottom: 40px solid transparent;border-right: 25px solid #ef4d35;}
	.service_page04 .step_list li div.orange::after {border-right: 25px solid #f57e26;}
	.service_page04 .step_list li div.oy::after {border-right: 25px solid #f9a51b;}
	.service_page04 .step_list li div.yellow::after {border-right: 25px solid #f9d21b;}
	.service_page04 .step_list li::before {border-left: 25px solid #fff;border-right: 40px solid transparent;border-top: 40px solid transparent;border-bottom: 40px solid transparent;}
	.service_page04 .marketing_list ul {column-gap: 0; row-gap: 40px;}
	.service_page04 .marketing_list ul li {width: 100%;}
	.service_page04 .marketing_list ul li .imgbox, .service_page04 .marketing_list ul li .txtbox {width: 50%;}
	.service_page04 .marketing_list ul li .title {width: 220px; height: 60px; line-height: 60px;}
	.service_page04 .marketing_list ul li .cont {margin-top: -30px; border-radius: 40px;}
	.service_page04 table {width: 1200px;}
	.service_page04 table thead th {height: 70px;}
	.service_page04 table tbody td {padding: 30px;}
	.service_page04 .bot_txt {word-break: keep-all; white-space: wrap;}
	.service_page04 .bot_txt br {display: none;}

	.service_page05 .sect01_contWrap .dfbox {flex-direction: column; gap: 40px;}
	.service_page05 .sect01_contWrap .dfbox .imgbox, .service_page05 .sect01_contWrap .dfbox .txtbox {width: 100%;}
	.service_page05 .sect01_contWrap .dfbox .txtbox {padding-left: 0;}
	.service_page05 .sect01_contWrap .dfbox h4 {padding-bottom: 30px; margin-bottom: 30px;}
	.service_page05 .sect02 p {word-break: keep-all; white-space: wrap;}
	.service_page05 .sect02 p br {display: none;}
	.service_page05 .sect03 .interlink_wrap .logos {margin-top: 35px;}
	.service_page05 .sect03 .interlink_wrap .logos img {width: 54%;}
	.service_page05 .sect03 .interlink_wrap h3 {word-break: keep-all; white-space: wrap;}
	.service_page05 .sect03 .interlink_wrap h3 br {display: none;}
	.service_page05 .sect03 .inner_container>ul>li {flex-direction: column; gap: 40px;}
	.service_page05 .sect03 ul li .imgbox, .service_page05 .sect03 ul li .txtbox, .service_page05 .sect03 ul li .imgbox img {width: 100%;}
	.service_page05 .sect04 ul {column-gap: 20px; row-gap: 40px;}
	.service_page05 .sect04 ul li {width: calc((100% - 20px) /2);}
	.service_page05 .sect04 ul li h3 {margin: 20px 0 15px;}
	.service_page05 .sect04 ul li .imgbox img {width: 100%;}

	/* .service_page06 .sect01 .step_wrap ul {width: 90%;}
	.service_page06 .sect01 .step_wrap ul li .ico {height: 23.25vw; border: 5px solid #ef4d35;}
	.service_page06 .sect01 .step_wrap ul li.yellow .ico {border: 5px solid #f9a51b;}
	.service_page06 .sect01 .step_wrap ul li .ico .imgbox img {width: 82%;}
	.service_page06 .sect01 .step_wrap ul li .ico::after {border: 3px solid #ef4d35; width: 15px; height: 15px; right: calc(-25% - 10px);}
	.service_page06 .sect01 .step_wrap ul li .ico::before {right: auto; left: 100%; transform: translate(-25%,-50%); height: 3px;}
	.service_page06 .sect01 .product_wrap {padding: 55px 30px;}
	.service_page06 .sect01 .product_wrap .product_box {flex-direction: column; gap: 30px;}
	.service_page06 .sect02 ul {row-gap: 40px; flex-wrap: wrap;}
	.service_page06 .sect02 ul li {width:  100%;}
	.service_page06 .sect02 ul li h3 {margin-top: 25px;}
	.service_page06 .sect02 ul li .imgbox img {width: 100%;} */
	.service_page06 .sect01 ul.first {column-gap: 30px;}
	.service_page06 .sect01 ul.first li {width: calc((100% - 30px) / 2);}

	.service_page07 .sect01 .mealdo_wrap, .service_page07 .sect02 .sect2_wrap {flex-direction: column; gap: 40px;}
	.service_page06 .sect01 .product_wrap .product_box .imgs {width: 70%;}
	.service_page06 .sect01 .product_wrap .product_box .imgs img {width: 100%;}
	.service_page06 .sect01 .product_wrap .product_box .arrow {width: 10%;}
	.service_page06 .sect01 .product_wrap .product_box .arrow img {transform: rotate(90deg);}
	.service_page06 .sect01 .product_wrap .product_box ul {width: 100%;}
	.service_page07 .sect02 .sect2_wrap .imgbox, .service_page07 .sect02 .sect2_wrap .txtbox, .service_page07 .sect01 .mealdo_wrap .imgbox, .service_page07 .sect01 .mealdo_wrap .txtbox {width: 100%;}
	.service_page07 .sect02 .sect2_wrap .txtbox {padding-left: 0;}
	.service_page07 .sect02 .sect2_wrap .txtbox .btns {gap: 10px;}
	.service_page07 .sect02 .sect2_wrap .txtbox .btns a {width: calc(50% - 5px);}

	/* 네트워크 */
	.partnership .logos_wrap ul {padding: 35px 40px; row-gap: 35px}
	.partnership .logos_wrap ul li {width: calc(100% / 2);}
}

@media (max-width: 600px) {
	.service_page06 .sect01 .step_wrap ul {width: 100%;}
	.service_page06 .sect01 .step_wrap ul li {width: calc((100% - 50px) /2);}
	.service_page06 .sect01 .step_wrap ul li .ico {height: 43.32vw;}
	.service_page06 .sect01 .step_wrap ul li:nth-child(3) .ico::before, .service_page06 .sect01 .step_wrap ul li:nth-child(3) .ico::after {display: block;}
	.service_page06 .sect01 .step_wrap ul li:nth-child(2n) .ico::before, .service_page06 .sect01 .step_wrap ul li:nth-child(2n) .ico::after {display: none;}
	.service_page06 .sect01 .step_wrap ul li .ico::after {right: calc(-25% + 15px);}
	.service_page06 .sect01 .step_wrap ul li p span {font-size: 13px;}
}

@media (max-width: 480px) {
	/* common */
	.tits .s_tit {margin-top: 20px; word-break: keep-all; white-space: wrap;}
	.tits p {word-break: keep-all; white-space: wrap; line-height: 1.2;}
	.sub_visual .cb h2 {margin: 25px 0 15px; width: 90%; text-align: center; word-break: keep-all; white-space: wrap; line-height: 1.2;}
	.sub_visual .cb .symbol img {width: 70%;}
	.sub_visual .cb p {margin-top: 25px; width: 75%; word-break: keep-all; white-space: wrap;}
	.sub_visual .cb p br {display: none;}
	.mbt190 {margin: 19.8vw 0;}
	.pbt190 {padding: 19.8vw 0;}
	.pb190 {padding-bottom: 19.8vw;}

	/* 회사소개 */
	.intro .intro_sect01 {padding: 15.5vw 0 19.1vw;}
	.intro .intro_sect01 .tits .symbol img {width: 20%;}
	.intro .intro_sect01 .txt_wrap .txts {flex-direction: column; gap: 20px;}
	.intro .intro_sect01 .txt_wrap h4, .intro .intro_sect02 ul li.bi_txt h3 {font-size: 6.500vw;}
	.intro .intro_sect01 .txt_wrap .txts h4, .intro .txt_wrap .txts p {width: 100%;}
	.value {padding: 16.1vw 0 15.5vw;}
	.value ul {gap: 20px;}
	.value ul li {gap: 2px;}
	.value ul li .imgbox, .value ul li .txtbox {width: 50%;}
	.value ul li .imgbox {border-radius: 30px;}
	.value ul li .txtbox {padding-left: 20px;}
	.value ul li .txtbox p {margin-top: 10px; word-break: keep-all; white-space: wrap;}
	.value ul li .txtbox p br {display: none;}
	.organization {padding: 16.4vw 0 19.8vw;}
	.employment .employment_sect01 {padding: 16.1vw 0 19.1vw;}
	.employment .employment_sect01 .txt_wrap h3 {margin: 30px 0 12px;}
	.employment .employment_sect01 ul {gap: 30px;}
	.employment .employment_sect01 ul li:first-child .imgbox img, .employment .employment_sect01 ul li:last-child .imgbox img {width: 27%;}
	.employment .employment_sect01 ul li .imgbox img {width: 27%;}
	.employment .employment_sect01 .txt_wrap p {word-break: keep-all; white-space: wrap;}
	.employment .employment_sect02 {padding: 16.1vw 0 24.4vw;}
	.employment .employment_sect02 .welfare_wrap .boxs {flex-direction: column; gap: 30px;}
	.employment .employment_sect02 .welfare_wrap .boxs > .imgbox {width: 100%; border-radius: 30px; height: 250px;}
	.employment .employment_sect02 .welfare_wrap .boxs > .imgbox img {width: 100%;}
	.employment .employment_sect02 .welfare_wrap .boxs .txtbox {width: 100%;}
	.employment .employment_sect02 .welfare_wrap .boxs .txtbox .imgbox img {width: 18%;}
	.employment .employment_sect02 .welfare_wrap.renew {gap: 30px 15px; grid-template-columns: repeat(2, 1fr);}
	.employment .employment_sect02 .welfare_wrap.renew .boxs .txtbox .imgbox img {width: 55px;}
	.employment .employment_sect02 .welfare_wrap .boxs .txtbox p {margin-top: 15px;}
	.employment .employment_sect03 {padding: 16.1vw 0 23.8vw;}
	.employment .employment_sect03 p {word-break: keep-all; white-space: wrap;}
	.employment .employment_sect03 p br {display: none;}
	.employment .employment_sect03 button {width: 80%; height: 55px; line-height: 55px; margin-top: 30px;}
	.employment .employment_sect03 button span {width: 10px; height: 1px; margin-left: 15px;}
	.employment .employment_sect03 button span::before {width: 10px; height: 14px;}
	.bi {padding: 16.1vw 0 20.8vw;}
	.bi .logo_wrap .imgbox img {width: 40%;}
	.bi .logo_wrap button {width: 60%; height: 44px; line-height: 44px; margin-top: 30px; position: relative; right: auto; bottom: auto;}
	.bi .logo_wrap button span {width: 8px; height: 1px; margin-left: 15px;}
	.bi .logo_wrap button span::before {width: 8px; height: 11px;}
	.bi ul {gap: 30px;}
	.bi ul li.bi_txt {width: 100%; margin-bottom: 10px;}
	.bi ul li.plus .lines {width: 42px; height: 10px;}
	.bi ul li.plus .lines.line2 {transform: rotate(90deg) translateX(-10px);}
	.bi ul li.bi_txt .img_wrap {width: 140px;}
	.bi ul li.bi_txt p {width: calc(100% - 140px); padding-left: 45px;}
	.bi ul li.bi_txt p span {margin-top: 10px;}
	.bi .bi_guide {border: 2px solid #e6e9ec; border-radius: 20px; padding: 20px;}
	.contact {padding: 16.4vw 0 23.8vw;}
	.contact .map_box .map_info ul li {flex-direction: column; gap: 10px; padding-top: 15px; margin-top: 15px;}
	.contact .map_box .map_info ul li p, .contact .map_box .map_info ul li h3 {width: 100%;}
	.contact .contact_box .input_col label {font-size: 16px; margin-bottom: 10px;}
	.contact .contact_box .input_col input {height: 50px; line-height: 50px; padding-left: 15px; font-size: 15px;}
	.contact .contact_box .input_col {margin-bottom: 20px;}
	.contact .contact_box .input_col_box .input_col {width: calc(50% - 5px);}
	.contact .contact_box .btnbox button {height: 50px; line-height: 50px; font-size: 16px;}

	/* 솔루션 */
	.solution .sect01 {padding: 15.5vw 0 16.1vw;}
	.solution .sect01 .symbol img {width: 20%;}
	.solution .sect01 .tits .info {width: 95%; margin: 25px auto 40px;}
	.solution .sect02 {margin: 20vw 0 22vw;}
	.solution .sect02 ul li.dfbox {gap: 30px;}
	.solution .sect02 ul li.dfbox .imgbox {border-radius: 30px;}
	.solution .sect02 ul li.dfbox .txtbox h3 {margin: 20px 0;}
	.solution .sect02 ul li.dfbox .txtbox ul {margin-top: 20px;}
	.solution .sect02 ul li.dfbox .txtbox ul li {margin-top: 10px;}
	.solution .sect03 {padding: 15.2vw 0 18.2vw;}
	.solution .sect03 .cont_box {margin: 15.8vw 0 16.4vw; gap: 35vw;}
	.solution .sect03 .cont_box .center::before, .solution .sect03 .cont_box .center::after {width: 100%; height: 190px;}
	.solution .sect03 .cont_box .center .txt p {margin-top: 10px;}
	.solution .sect03 .cont_box .left, .solution .sect03 .cont_box .right {gap: 10px;}
	.solution .sect03 .cont_box .left .boxs, .solution .sect03 .cont_box .right .boxs {width: calc(50% - 5px);}
	.solution .sect03 .cont_box .boxs {padding: 20px; border-radius: 15px;}
	.solution .sect03 .cont_box .boxs ul {margin-top: 15px;}
	.solution .sect03 .cont_box .boxs ul li {margin-top: 7px;}

	/* 서비스 */
	.service_intro ul li:hover {border: 3px solid #ef4d35;}
	.service_page01 .sect01 ul.first {column-gap: 30px; row-gap: 40px;}
	.service_page01 .sect01 ul.first li {width: 100%;}
	.service_page01 .sect01 ul.first li strong {margin-top: 10px;}
	.service_page01 .sect01 ul.first li p {margin-top: 20px;}
	.service_page01 .sect01 ul.first li .imgbox img {width: 100%;}
	.service_page01 .sect01 .sect01_bottWrap>.imgbox {width: 85%;}
	.service_page01 .sect01 .sect01_bottWrap p {margin-top: 20px;}
	.service_page01 .sect01 .sect01_bottWrap .second {column-gap: 7px;}
	.service_page01 .sect01 .sect01_bottWrap .second li {width: calc((100% - 14px) / 3);}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap {margin-top: 20px;}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap .img_wrap .logo_arrow img {width: 10%;}
	.service_page01 .sect01 .sect01_bottWrap .arrow_wrap .imgbox {margin: 20px auto 15px;}
	.service_page01 .sect01 .sect01_bottWrap .second .imgbox, .service_page01 .sect01 .sect01_bottWrap .arrow_wrap .imgbox {border-radius: 20px;}
	.service_page01 .sect02 ul li, .service_page01 .sect02 ul li.reverse {gap: 30px;}
	.service_page01 .sect02 ul li .imgbox {border-radius: 30px;}
	.service_page01 .sect02 ul li .txtbox strong {margin-top: 14px;}
	.service_page01 .sect02 ul li.reverse .txtbox p.info {padding-right: 0;}

	.service_page02 .sect01 .dfbox {gap: 30px;}
	.service_page02 .sect01 .dfbox .imgbox {border-radius: 30px;}
	.service_page02 .sect01 .dfbox p {margin-top: 20px;}
	.service_page02 .sect02 {padding-bottom: 24.8vw;}
	.service_page02 .sect02 ul li {width: 100%;}
	.service_page02 .sect02 ul li h3 {margin-top: 30px;}
	.service_page02 .sect02 ul li p {margin-top: 15px;}

	.service_page03 ul li {gap: 30px;}
	.service_page03 ul li .imgbox {border-radius: 30px;}
	.service_page03 ul li p.info {margin-top: 20px;}

	.service_page05 .sect01_contWrap>h3 {padding-bottom: 15px; margin-bottom: 15px;}
	.service_page05 .sect01_contWrap>p {word-break: keep-all; white-space: wrap;}
	.service_page05 .sect01_contWrap>p br {display: none;}
	.service_page05 .sect01_contWrap .dfbox {gap: 30px;}
	.service_page05 .sect01_contWrap .dfbox h4 {padding-bottom: 20px; margin-bottom: 20px;}
	.service_page05 .sect01_contWrap .dfbox .imgbox {border-radius: 40px;}
	.service_page05 .sect03 .interlink_wrap .logos {margin-top: 25px;}
	.service_page05 .sect03 .interlink_wrap h3 {margin-top: 40px;}
	.service_page05 .sect03 .inner_container>ul>li {gap: 35px;}
	.service_page05 .sect03 ul li .txtbox p {margin-top: 15px;}
	.service_page05 .sect04 ul {column-gap: 10px; row-gap: 30px;}
	.service_page05 .sect04 ul li {width: calc((100% - 10px) /2);}
	.service_page05 .sect04 ul li h3 {margin: 20px 0 7px;}
	.service_page05 .sect04 ul li .imgbox {border-radius: 20px;}

	/* .service_page06 .sect01 .step_wrap ul {row-gap: 25px; margin: 30px auto 0;}
	.service_page06 .sect01 .step_wrap ul li {width: calc((100% - 40px) /2);}
	.service_page06 .sect01 .step_wrap ul li .ico {height: 42.29vw;}
	.service_page06 .sect01 .step_wrap ul li .ico::after {right: calc(-25% - 3px);}
	.service_page06 .sect01 .step_wrap ul li .ico .imgbox img {width: 72%;}
	.service_page06 .sect01 .step_wrap ul li p span {font-size: 12px;}
	.service_page06 .sect01 .product_wrap {padding: 40px 20px;}
	.service_page06 .sect01 .product_wrap .product_box .arrow {width: 14%;}
	.service_page06 .sect01 .product_wrap .product_box ul {column-gap: 10px; row-gap: 20px;}
	.service_page06 .sect01 .product_wrap .product_box ul li {width: calc((100% - 10px) /2);}
	.service_page06 .sect01 .product_wrap p {margin-top: 10px;}
	.service_page06 .sect02 ul li h3 {margin-top: 18px;} */
	.service_page06 .sect01 ul.first {flex-direction: column; row-gap: 50px;}
	.service_page06 .sect01 ul.first li {width: 100%;}
	.service_page06 .sect01 ul.first li .imgbox {border-radius: 20px;}
	.service_page06 .sect01 ul.first li strong {margin-top: 10px;}
	.service_page06 .sect01 ul.first li p {margin-top: 20px;}
	.service_page06 .sect01 ul.first li .imgbox img {width: 100%;}
	.service_page06 .sect01 ul.first li a {margin-top: 25px;}

	.service_page04 .step_list li span {left: calc(50% + 10px);}
	.service_page04 .step_list li div::after {border-left: 40px solid transparent;border-top: 40px solid transparent;border-bottom: 40px solid transparent;border-right: 20px solid #ef4d35;}
	.service_page04 .step_list li div.orange::after {border-right: 20px solid #f57e26;}
	.service_page04 .step_list li div.oy::after {border-right: 20px solid #f9a51b;}
	.service_page04 .step_list li div.yellow::after {border-right: 20px solid #f9d21b;}
	.service_page04 .step_list li::before {border-left: 20px solid #fff;border-right: 40px solid transparent;border-top: 40px solid transparent;border-bottom: 40px solid transparent;}
	.service_page04 .marketing_list ul {row-gap: 30px;}
	.service_page04 .marketing_list ul li .title {width: 180px; height: 55px; line-height: 55px;}
	.service_page04 .marketing_list ul li .cont {padding: 25px; padding-top: 60px; margin-top: -27.5px; border-radius: 30px;}

	/* 네트워크 */
	.partnership h3 {word-break: keep-all; white-space: wrap; margin-bottom: 18px; line-height: 1.2;}
	.partnership h3 span {margin-right: 8px; width: 15px; height: 15px; border: 4px solid #ef4d35;}
	.partnership .logos_wrap ul {padding: 25px 20px; gap: 20px;}
	.partnership .logos_wrap ul li {width: calc((100% - 20px) / 2);}
}

@media (max-width: 350px) {
	.service_page06 .sect01 .step_wrap ul li .ico::after {right: calc(-25% - 7px);}
}




.service_page04 .tablebox .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom: 8px;}
.service_page04 .tablebox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #969fa4;}

@keyframes bounce {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(-115%);
	}
}