/*========================================
	style.css
========================================*/

/* 공통 */

/* 텍스트 */
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellipsis2 {display:-webkit-box; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ellipsis3 {display:-webkit-box; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}



.work_page .flex1 img {max-width:100%;}


/* 메인 */
.container.main .container_inner > div:not(.main_vsl) {padding:140px 0;}
.container.main .container_inner > div:not(.main_vsl).pb_large {padding-bottom:160px;}
.container.main .container_inner > div:not(.main_vsl).pb_larger {padding-bottom:220px;}
.container.main .container_inner > div:not(.main_vsl).bg_light_gray {background:url("/web/img/main_bg_light_gray.png") no-repeat center / cover;}
.container.main .container_inner > div:not(.main_vsl).bg_dark_navy {background:url("/web/img/main_bg_dark_navy.png") no-repeat center / cover;}
.container.main .main_inner {max-width:1780px; margin:0 auto; padding:0 40px;}
.main_animate {transform:translateY(80px); opacity:0; transition:transform 0.9s ease-in-out, opacity 0.9s ease-in-out;}
.main_animate.show {transform:translateY(0); opacity:1;}

/* 메인 - 0) 공통 */
.main_title {font-size:var(--size_h1); font-weight:var(--weight_600); line-height:var(--lh_h1); letter-spacing:-0.854px; color:var(--gray_900);}
.main_sub_title {display:inline-block; padding:0 4px; font-size:var(--size_eyebrow_l); font-weight:var(--weight_500); line-height:var(--lh_eyebrow_l); letter-spacing:7.2px; color:var(--primary_600); margin-bottom:24px;}
.main_title_wrap p {font-weight:var(--weight_500); margin-top:32px; color:var(--gray_700);}
.main_title_wrap.light_type .main_title {color:var(--white_t);}
.main_title_wrap.light_type .main_sub_title {color:var(--gray_300);}

/* 메인 - 1) 메인 슬라이드 */
.main_vsl_swiper .swiper-slide {background:#07173680 no-repeat center /cover;}
/* .main_vsl_swiper .swiper-slide::after {content:''; display:block; width:100%; height:100%; background-color:#07173680; position:absolute; top:0; left:0;} */
.main_vsl_swiper .swiper-pagination-progressbar {top:auto; bottom:80px; left:50%; transform:translateX(-50%); width:calc(100% - 80px); height:4px; max-width:1700px; background-color:rgba(255, 255, 255, 0.5);}
.main_vsl_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#FFFFFF;}
.main_vsl_swiper .slider_num {width:calc(100% - 80px); max-width:1700px; display:flex ; align-items:end; justify-content:end; position:absolute; bottom:80px; left:50%; transform:translateX(-50%); z-index:10;}
.main_vsl_swiper .slider_num span {font-size:var(--size_metric_m); line-height:var(--lh_metric_m); font-weight:var(--weight_500); letter-spacing:-0.698px; color:var(--white_t); margin-bottom:6px;}
.main_vsl_swiper .slider_num .now {font-size:var(--size_metric_l); line-height:var(--lh_metric_l); letter-spacing:-1.242px; margin-bottom:0;}
.main_vsl_swiper .slider_num .now + span {margin-left:15px; margin-right:2px;}
.main_vsl_swiper .slider_num > div {position:static;}
.main_vsl_swiper .slider_num .swiper-button-prev, .main_vsl_swiper .slider_num .swiper-button-next {width:24px; height:24px;}
.main_vsl_swiper .slider_num .swiper-button-prev {background:url("/web/img/icon/icon_main_slide_prev.svg") no-repeat center / 24px; margin:0 20px 10px 0;}
.main_vsl_swiper .slider_num .swiper-button-next {background:url("/web/img/icon/icon_main_slide_next.svg") no-repeat center / 24px; margin:0 0 10px 20px;}
.main_vsl_swiper .slider_num .swiper-button-next::after, .main_vsl_swiper .slider_num .swiper-button-prev::after {content:""; display:none;}
.main_vsl_swiper .contents {position:relative; z-index:1; display:flex ; flex-direction:column; justify-content:center; width:100%; max-width:1780px; height:calc(100% - 160px); padding:0 40px; margin:80px auto;}
.main_vsl_swiper .contents > * {color:var(--white_t);}
.main_vsl_swiper.solo_slide .swiper-pagination-progressbar {display:none;}
/* .main_vsl_swiper .contents h1 {font-size:var(--size_display1); font-weight:var(--weight_600); line-height:var(--lh_display1); letter-spacing:-1.086px;}
.main_vsl_swiper .contents h2 {font-size:var(--size_body2); line-height:var(--lh_body2); letter-spacing:-0.24px; margin-top:24px;} */
.time_bar_wrapper {position:absolute; bottom:80px; left:50%; transform:translateX(-50%); width:calc(100% - 80px); height:4px; max-width:1700px; background-color:rgba(255, 255, 255, 0.5); z-index:1;}
.time_bar {width:0%; height:100%; background-color:#FFFFFF;}

/* 메인 - 1) 메인 상담신청 폼 */
.main_apply_title {font-size:var(--size_h4); line-height:var(--lh_h4); font-weight:var(--weight_600); letter-spacing:-0.288px; color:var(--white_t); margin-bottom:24px;}
.main_apply {position:absolute; right:40px; top:50%; transform:translateY(-50%); width:510px; padding:36px 40px; border-radius:16px; background-color:rgba(0, 0, 0, 0.5); box-shadow:6px 8px 12px 0px rgba(0, 0, 0, 0.08); max-height:calc(100vh - 320px); overflow-y:auto;}
.main_apply .counsel_area {display:flex; flex-direction:column; padding-top:0; margin-top:0; border-top:none;}
.main_apply .counsel_form:not(:first-of-type) {margin-top:40px;}
.main_apply .counsel_form.mg_mini {margin-top:20px;}
.main_apply .counsel_form.mg_small {margin-top:32px;}
.main_apply .counsel_form > div {width:calc(50% - 10px);}
.main_apply .counsel_form > div:not(:last-of-type) {margin-right:20px;}
.main_apply .counsel_form .title {font-size:var(--size_body5); line-height:var(--lh_body5); font-weight:var(--weight_700); letter-spacing:-0.048px; color:var(--white_t); margin-bottom:4px;}
.main_apply .counsel_form input, .main_apply .counsel_form select {padding-bottom:12px; letter-spacing:-0.054px; border-bottom:1px solid var(--gray_600);}
.main_apply .counsel_form input {color:var(--white_t);}
.main_apply input[type="checkbox"] + label, .main_apply input[type="radio"] + label {color:var(--white_t);}
.main_apply input[type="checkbox"] + label i, .main_apply input[type="radio"] + label i {margin-right:10px;}
.main_apply .file_uploader input[type="text"]:read-only {background-color:transparent;}
.main_apply .privacy_area input[type="checkbox"] + label {font-size:var(--size_body6); line-height:var(--lh_body6); letter-spacing: -0.048px;}
.main_apply .privacy_area input[type="checkbox"] + label span {font:inherit;}
.main_apply .privacy_area input[type="checkbox"] + label .click_element {font:inherit; color:var(--gray_300);}


/* 메인 - 2) 업무현황 */
.count_list {display:inline-flex; flex-wrap:wrap; align-items:center; margin-top:40px;}
.count_list li {flex:1; display:flex;}
/* .count_list li.short {min-width:186px;} */
/* .count_list li:not(last-of-type) {margin-right:88px;} */
.count_list .title {font-weight:var(--weight_500); margin-bottom:12px;}
.count_list .count {display:flex; align-items:center;}
.count_list .num {font-size:var(--size_metric_l); line-height:var(--lh_metric_l); font-weight:var(--weight_500); letter-spacing:-1.242px; margin-right:10px; color:var(--gray_900); font-variant-numeric: tabular-nums;}
.count_list .unit {font-size:var(--size_h1); line-height:var(--lh_h1); font-weight:var(--weight_600); letter-spacing:-0.854px; color:var(--gray_900); transform:translateY(2px);}
.count_item {min-width:164px; margin-top:40px; margin-right:80px;}

/* 메인 - 3) 업무사례 */
.business_case {display:flex; justify-content:end;}
.business_case_inner {display:flex; width:calc(100% - ((100% - 1780px) / 2)); max-width:100%; margin-left:calc((100% - 1780px) / 2); padding-left:40px;}
.business_case_inner .left {flex-shrink:0; display:flex; flex-direction:column; justify-content:space-between; margin-right:120px; margin-bottom:20px;}
.business_case_swiper .swiper-slide {width:400px; margin-bottom:20px;}
.business_case_swiper .swiper-slide a {display:block;}
.postcard {border-radius:12px; background-color:#FFFFFF; box-shadow:6px 8px 12px 0px rgba(0, 0, 0, 0.08);}
.postcard .img_wrap {height:0; padding-top:66.75%; border-radius:12px 12px 0 0;  background:no-repeat center / cover;}
.postcard .info_wrap {height:184px; padding:24px; display:flex; flex-direction:column; justify-content:space-between;}
.postcard .info_wrap p {font-size:var(--size_body1); line-height:var(--lh_body1); font-weight:var(--weight_700); letter-spacing:-0.24px; color:var(--gray_900);}
.postcard .info_wrap > div {display:flex; justify-content:space-between;}

/* 메인 - 4) 상담문의 */
.counsel_area {margin-top:56px; padding-top:56px; border-top:1px solid #ADB5BD;}
.counsel_form {display:flex; flex-wrap:wrap; align-items:start;}
.counsel_form:not(:first-of-type) {margin-top:64px;}
.counsel_form > div.full {width:100%; margin-right:0;}
.counsel_form.mg_small {margin-top:40px;}
.counsel_form.mg_smaller {margin-top:40px;}
.counsel_form > div {width:calc(50% - 16px);}
.counsel_form > div:not(:last-of-type) {margin-right:32px;}
.counsel_form .title {font-weight:var(--weight_600); margin-bottom:6px; color:var(--gray_900);}
.counsel_form .title span {margin-left:2px;}
.counsel_form input, .counsel_form select {width:100%; height: auto; border:none; border-radius:0; border-bottom:1px solid #DEE2E6; font-size:var(--size_body4); line-height:var(--lh_body4); font-weight:var(--weight_500); background-color:transparent; padding:0 0 10px 0;}
.counsel_form input:focus {border-bottom:1px solid #18439B;}
.counsel_form > div.textarea_wrap {border-radius: 8px; border: 1px solid #DEE2E6; background: #F8F9FA; font-size:var(--size_body4); line-height:var(--lh_body4); font-weight:var(--weight_500); padding:20px 24px;}
.counsel_form > div.textarea_wrap {width:100%;}
.textarea_wrap textarea {width:100%; border:none; background-color:transparent; font:inherit; line-height:inherit; padding:0;}
.textarea_wrap .text_num {text-align: right; font-size:var(--size_body4); line-height:var(--lh_body4); font-weight:var(--weight_500); margin-top:8px;}
.address_form {position:relative;}
.address_form input {padding-right:142px;}
.address_form button {position:absolute; bottom:16px; right:0;}
.editor_wrap {padding:20px 24px; border: 1px solid #DFE0E1;}
.editor_wrap textarea {padding:0; border:none; border-radius:0; font-size:var(--size_body4); line-height:var(--lh_body4); font-weight:var(--weight_500);}
/*.editor_wrap .word_num {color:#6D7074; text-align:right; font-size:var(--size_body4); line-height:var(--lh_body4); font-weight:var(--weight_700); margin-top:8px;}
.form_tag_list {display:flex; flex-wrap:wrap; align-items:center; margin-top:16px;}
.form_tag_list li {display:flex; align-items:center; padding:12px 20px; border: 1px solid #CACCCD; margin-top:8px;}
.form_tag_list li:not(:last-of-type) {margin-right:8px;}
.form_tag_list p {color:#373B3E; font-size: 16px; font-weight: 700;}
.form_tag_list button {margin-left:12px;}*/
.privacy_area {display:flex; align-items:end; justify-content:space-between;}
.privacy_area input[type="checkbox"] + label {display:flex; font-weight:var(--weight_600);}
.privacy_area input[type="checkbox"] + label i {margin-right:12px;}

/* 메인 - 5) 뉴스레터*/
.newsletter_title {display:flex; align-items:end; justify-content:space-between;}
.main_newsletter .square_btns {margin-bottom:9px;}
.newsletter_swiper {position:relative; margin-top:56px;}
.newsletter_swiper.left_more:before {content:""; position:absolute; left:0; top:0; display:inline-block; width:15%; height:100%; background:linear-gradient(90deg, #272B2F 0%, rgba(37, 41, 45, 0.00) 100%); pointer-events: none; z-index:2;}
.newsletter_swiper.right_more:after {content:""; position:absolute; right:0; top:0; display:inline-block; width:15%; height:100%; background:linear-gradient(-90deg, #25292D 0%, rgba(37, 41, 45, 0.00) 100%); pointer-events: none; z-index:1;}
.newsletter_swiper .swiper-slide {width:calc(25% - 27px);}
.newsletter {width:100%;}
.newsletter .img_wrap {width:100%; height:0; padding-top:56%; border-radius:12px; background:no-repeat center / cover;}
.newsletter .info_wrap {margin-top:24px;}
.newsletter .info_wrap h3 {font-size:var(--size_body1); line-height:var(--lh_body1); font-weight:var(--weight_700); letter-spacing:-0.24px; color:var(--white_t);}
.newsletter .info_wrap p {font-size:var(--size_body6); line-height:var(--lh_body6); font-weight:var(--weight_500); letter-spacing:-0.048px; margin-top:6px; color:var(--gray_500);}
.newsletter .info_wrap span {display:inline-block; font-size:var(--size_body6); line-height:var(--lh_body6); font-weight:var(--weight_500); letter-spacing: -0.048px; color:var(--gray_500); margin-top:16px;}
.square_btns {font-size:0;}
.square_btns > *:not(:last-child) {margin-right:20px;}
.square_btns.gap_small > *:not(:last-child) {margin-right:16px;}
.prev_btn, .next_btn {display:inline-block; width:44px; height:44px; background-color:#FFFFFF; border-radius:6px; border:1px solid #ADB5BD; position:relative; cursor:pointer;}
.prev_btn:after, .next_btn:after {content:""; display:inline-block; width:24px; height:24px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.prev_btn:after {background:url("/web/img/icon/icon_swiper_arrow_prev.svg") no-repeat center / 100%;}
.next_btn:after {background:url("/web/img/icon/icon_swiper_arrow_next.svg") no-repeat center / 100%;}

/* 메인 - 6) 전문가 칼럼, 최신 노동법*/
.notice_board_wrap {display:flex;}
.notice_board_wrap .notice_board {width:calc(50% - 40px);}
.notice_board_wrap .notice_board:not(:last-child) {margin-right:80px;}
.notice_board .title {display:flex; align-items:center; justify-content:space-between; padding-bottom:56px; border-bottom:2px solid #ADB5BD;}
.notice_board .title h2 {font-size:var(--size_h1); line-height:var(--lh_h1); font-weight:var(--weight_600); letter-spacing:-0.854px; color:var(--gray_900);}
.notice_board .notice_more {width:44px; height:44px; border-radius:6px; background:url("/web/img/icon/icon_notice_plus.svg") no-repeat center / 24px; border:1px solid #ADB5BD;}
.notice_board ul {margin-top:12px;}
.notice_board ul li a {display:flex; align-items:end; justify-content:space-between; padding:30px 0 28px; border-bottom:1px solid #DEE2E6;}
.notice_board ul p {font-weight:var(--weight_600); margin-right:12px;}
.notice_board ul span {font-weight:var(--weight_500); flex-shrink:0;}

/* 오시는 길 */
.marker_tooltip {margin-top:-90px;}
.marker_tooltip a {background-color:rgba(0, 0, 0, 0.6); padding:8px 16px; line-height:1; border-radius:6px;}
.marker_tooltip span {color:var(--white_t); line-height:inherit;}