@charset "UTF-8"; 

/* 서브 공통 */
/* 기본 그리드 컨테이너 */
.grid { display: flex; justify-content: space-between; flex-wrap: wrap; } 

[class*="col-"] { flex: 0 0 auto; } 

/* 12컬럼 기준 가로폭 (1~12) */
.col-1 { width: 8.3333%; } 
.col-2 { width: 16.6666%; } 
.col-3 { width: 25%; } 
.col-4 { width: 33.3333%; } 
.col-5 { width: 41.6666%; } 
.col-6 { width: 50%; } 
.col-7 { width: 58.3333%; } 
.col-8 { width: 66.6666%; } 
.col-9 { width: 75%; } 
.col-10 { width: 83.3333%; } 
.col-11 { width: 91.6666%; } 
.col-12 { width: 100%; } 

/* 반응형 (예: 768px 이하일 때 전체 폭) */
@media (max-width: 768px) { 
 .grid { gap:1.5rem; } 
 [class*="col-"] { width: 100%; } 
}


/* 기본폰트 */
.font-18 { font-size: 1.125rem; font-weight: 500; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.72px; word-break: keep-all; } 
.font-18.white { color:#fff; } 


/* 기본마진 */
.sub_wrap article { margin-top:4.375rem; } 
.sub_wrap article:first-of-type { margin-top:0; } 


/* 타이틀 */
.sub_wrap h3 { margin-bottom:1.875rem; font-size: 2.125rem; font-weight: 600; line-height: 130%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.36px; } 
.sub_wrap h3.white { color:#fff; } 
.sub_wrap h4 { margin-bottom:1.75rem; font-size: 1.5rem; font-weight: 600; line-height: 130%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.96px; } 


/* 배경 박스 */
.top_bg_box { padding:4rem 4.25rem; min-height:21.875rem; background-color: #D7E0E4; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 20px; } 
.top_bg_box > p { font-size: 1.875rem; font-weight: 600; line-height: 140%; color:#fff; letter-spacing: -1.2px; word-break: keep-all; } 
.top_bg_box.center { display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.top_bg_box.center > p { font-size: 2.25rem; font-weight: 700; line-height: 150%; text-align: center; letter-spacing: -1.44px; } 


@media (max-width: 640px) { 
 .top_bg_box { display: flex; align-items: center; justify-content: center; flex-direction: column; padding:2.5rem; min-height:16.25rem; text-align: center; } 
 .top_bg_box > p { font-size:1.5rem; } 
 .top_bg_box > p br { display: none; } 
 .top_bg_box.center > p { font-size: 1.875rem; } 
}

/* 세로 라인 */
.vertical_divider { display: flex; align-items: center; justify-content: center; margin:50px 0; } 
.vertical_divider::after { width:2px; height:70px; background-color: #1855C4; content: ""; } 


/* 기본테이블 */
.table_responsive { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; } 
.common_tbl { border-top:2px solid #000; width:100%; min-width: 640px; } 
.common_tbl th, .common_tbl td { padding:1rem; border-bottom:1px solid #8C8C8C; vertical-align: middle; line-height: 140%; } 
.common_tbl thead th { font-weight: 500; letter-spacing: -0.64px; } 
.common_tbl tbody th { font-weight: 700; letter-spacing: -0.64px; } 
.common_tbl td { font-weight: 500; color: var(--gray-600, #666); letter-spacing: -0.64px; } 
.common_tbl td.center { text-align: center; } 
.common_tbl tbody th, .common_tbl tbody td { border-right:1px solid #CCC; word-break: keep-all; } 
.common_tbl tbody th:last-child, .common_tbl tbody td:last-child { border-right:0 none; } 
.common_tbl tbody td[rowspan] { border-left:1px solid#CCC; } 

.common_tbl.t_center td { text-align: center; } 
.common_tbl .txt-highlight { display: block; color:var(--primary); } 


/** 택스랩 소개 > 브랜드 **/
#brand .brand_desc .left p { font-size: 2.625rem; font-weight: 700; line-height: 140%; color: var(--dark, #071E4A); letter-spacing: -1.68px; } 
#brand .brand_desc .right p.tit { margin-bottom:1rem; font-size: 1.75rem; font-weight: 600; line-height: 160%; letter-spacing: -1.12px; } 

@media (max-width: 640px) { 
 #brand .brand_desc .left p { font-size: 2rem; } 
}


#brand .brand_list { display: grid; gap: 1.25rem; margin-top:4.375rem; grid-template-columns: repeat(3,1fr); } 
#brand .brand_list li { display: flex; gap:1.5625rem; align-items: center; justify-content: center; flex-direction: column; width:100%; height:25rem; color:#fff; text-align: center; border-radius: 20px; } 
#brand .brand_list li:nth-child(1) { background: var(--dark, #071E4A); } 
#brand .brand_list li:nth-child(2) { background: #005780; } 
#brand .brand_list li:nth-child(3) { background: #7D8589; } 

#brand .brand_list li p { font-weight: 500; line-height: 140%; letter-spacing: -0.64px; } 
#brand .brand_list li p.tit { font-size: 1.75rem; font-weight: 600; line-height: 130%; letter-spacing: -1.12px; } 

@media (max-width: 768px) { 
 #brand .brand_list { grid-template-columns: repeat(1,1fr); } 
}


#brand .brand_certi { display: flex; gap:1rem; justify-content: space-between; margin-top:1.25rem; padding:2.8125rem 4.0625rem 3.4375rem; background:#D9D9D9 url("/assets/images/sub/bg_brand.png"); background-size: cover; border-radius: 20px; } 
#brand .brand_certi .txt_box .tit { display: flex; gap:2rem; align-items: center; margin-bottom:1rem; } 
#brand .brand_certi .txt_box .tit p { font-size: 1.875rem; font-weight: 600; line-height: 140%; color: var(--gray-0, #FFF); letter-spacing: -1.2px; } 
#brand .brand_certi .txt_box .tit span { flex-shrink: 0; padding: 0.375rem 1rem; background: var(--gray-100, #E5E5E5); font-size: 0.875rem; font-weight: 500; line-height: 130%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.56px; border-radius: 40px; } 

@media (max-width: 1024px) { 
 #brand .brand_certi { padding:2.5rem 2rem; } 
}
@media (max-width: 768px) { 
 #brand .brand_certi .txt_box .tit { gap:1rem; align-items: flex-start; flex-direction: column; } 
}
@media (max-width: 640px) { 
 #brand .brand_certi { gap:3rem; align-items: center; flex-direction: column; } 
}


/** 택스랩 소개 > 브랜드 > CI **/
#system .top_bg_box { background-image: url("/assets/images/sub/bg_system.png"); } 

#brand .ci_desc { margin-bottom:4.875rem; } 
#brand .ci_desc .left { display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray-100, #E5E5E5); height:17.25rem; background: #FFF; border-radius: 20px; } 
#brand .ci_desc .right p { padding:1.25rem 0; } 
#brand .ci_system .right ul { display: flex; gap:0.625rem; flex-direction: column; } 
#brand .ci_system .right ul li { padding:1.625rem; width:100%; font-size: 1.4375rem; font-weight: 600; 
line-height: 130%; color: #FFF; text-align: center; } 
#brand .ci_system .right ul li:nth-child(1) { background-color: #0C3B91; } 
#brand .ci_system .right ul li:nth-child(2) { background-color: #071E4A; } 
#brand .ci_system .right ul li:nth-child(3) { background-color: #0D0D0D; } 

@media (max-width: 768px) { 
 #brand .ci_desc .right p { padding:0; } 
}


/** 택스랩 소개 > CEO 메시지 **/
#ceo .ceo_txt { padding:5rem 2.25rem; } 
#ceo .ceo_txt p { margin-bottom:1.25rem; font-size: 1.25rem; font-weight: 400; line-height: 160%; color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -0.72px; } 
#ceo .ceo_txt p.lg { font-size: 2.5rem; font-weight: 600; line-height: 180%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.96px; word-break: keep-all; } 
#ceo .ceo_txt p strong { font-weight: 700; } 

@media (max-width: 640px) { 
 #ceo .ceo_txt p br { display: none; } 
}



/** 택스랩 소개 > 아이덴티티 **/
#identity .top_bg_box { padding:5.625rem 1.25rem; background-image: url("/assets/images/sub/bg_identity.png"); } 
#identity .top_bg_box ul { display: grid; margin-top:8.5rem; width:100%; color:#fff; grid-template-columns: repeat(3,1fr); } 
#identity .top_bg_box ul li { display: flex; gap:1.25rem; align-items: center; flex-direction: column; padding-bottom:1.625rem; border-right:1px solid rgba(255, 255, 255, 0.30); } 
#identity .top_bg_box ul li:last-child { border-right:0 none; } 
#identity .top_bg_box ul li p { font-size: 1.25rem; font-weight: 600; line-height: 140%; color: #FFF; text-align: center; letter-spacing: -0.8px; } 
#identity .top_bg_box ul li p.en { font-size: 3.0625rem; font-weight: 900; line-height: 140%; color: #FFF; text-align: center; letter-spacing: -1.96px; } 

#identity .identity_desc { align-items: center; } 
#identity .identity_desc .left img { display: block; width:100%; border-radius: 20px; } 
#identity .identity_desc .right .tit { margin-bottom:1.25rem; font-size: 1.5rem; font-weight: 600; line-height: 140%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.96px; } 

#identity .identity_value .img_box { margin-top:3.5rem; } 

@media (max-width: 640px) { 
 #identity .top_bg_box ul { margin-top:4rem; grid-template-columns: repeat(1,1fr); } 
 #identity .top_bg_box ul li { border-right:0 none; } 
 #identity .top_bg_box ul li::after { display: block; margin-top:1rem; width:60%; height:1px; background-color:rgba(255, 255, 255, 0.30); content: ""; } 
 #identity .top_bg_box ul li:last-child::after { display: none; } 
}



/** 택스랩 소개 > 택스랩 센터 **/
#center .top_bg_box { background-image: url("/assets/images/sub/bg_center.png"); } 

#center .center_wrap { display: grid; gap:1.75rem; grid-template-columns: repeat(3,1fr); } 
#center .center_box { padding:2.5rem; min-height:24.25rem; background: var(--gray-50, #F8F8F8); border-radius: 20px; } 
#center .center_box h3 { margin-bottom:0; padding-bottom:1.25rem; border-bottom:1px solid #fff; font-size: 1.5rem; font-weight: 600; line-height: 140%; color: var(--gray-000, #000); text-align: center; letter-spacing: -0.96px; } 
#center .center_box ul { padding-top:1.25rem; } 
#center .center_box ul li { display: flex; gap:0.25rem; font-weight: 500; line-height: 170%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.64px; } 
#center .center_box ul > li::before { content: "•" } 

@media (max-width: 1024px) { 
 #center .center_wrap { grid-template-columns: repeat(2,1fr); } 
}

@media (max-width: 640px) { 
 #center .center_wrap { grid-template-columns: repeat(1,1fr); } 
}


#center .agreement_wrap { margin-top:7.5rem; padding:7.5rem 0; background: url("/assets/images/sub/bg_center02.png"); background-size: cover; color:#fff; } 
#center .agreement_wrap .agreement_box { display: flex; justify-content: space-between; padding:3.75rem 0; border-bottom:1px solid rgba(255, 255, 255, 0.10); } 
#center .agreement_wrap .agreement_box:last-of-type { border-bottom:0 none; } 
#center .agreement_wrap .agreement_box .txt_box { display: flex; gap:70px; justify-content: space-between; flex:1; } 
#center .agreement_wrap .agreement_box .img { flex-shrink: 0; width:15rem; } 
#center .agreement_wrap .agreement_box .txt { display: flex; gap:1.25rem; flex:1; flex-direction: column; } 
#center .agreement_wrap .agreement_box .txt .tit { font-size: 2.625rem; font-weight: 600; line-height: 130%; color: #C2D7FF; letter-spacing: -1.68px; } 
#center .agreement_wrap .agreement_box .txt .lg { font-size: 1.25rem; font-weight: 500; 
line-height: 160%; letter-spacing: -0.8px; } 
#center .agreement_wrap .agreement_box .txt p { font-weight: 500; line-height: 160%; color: var(--gray-100, #E5E5E5); letter-spacing: -0.64px; } 
#center .agreement_wrap .agreement_box ul { display: flex; gap:1.875rem; align-items: center; } 
#center .agreement_wrap .agreement_box ul li { display: flex; align-items: center; justify-content: center; border: 2px solid var(--light, #1855C4); width:15.625rem; height:15.625rem; font-size: 1.5rem; font-weight: 600; line-height: 160%; color: #FFF; text-align: center; letter-spacing: -0.96px; border-radius: 70px; } 


@media (max-width: 1024px) { 
 #center .agreement_wrap .agreement_box { gap:2.5rem; } 
 #center .agreement_wrap .agreement_box .txt_box { gap:1.25rem; flex-direction: column; } 
 #center .agreement_wrap .agreement_box ul li { width:12.5rem; height:12.5rem; border-radius: 3.75rem; } 
}

@media (max-width: 640px) { 
 #center .agreement_wrap .agreement_box { align-items: center; flex-direction: column; text-align: center; } 
 #center .agreement_wrap { margin-top:6rem; padding:6rem 0; } 
 #center .agreement_wrap .agreement_box .txt_box { word-break: keep-all; } 
 #center .agreement_wrap .agreement_box .txt_box br { display: none; } 
 #center .agreement_wrap .agreement_box ul { gap:1rem; } 
 #center .agreement_wrap .agreement_box ul li { flex:1; width:100%; height:9rem; font-size:1.2rem; } 
}



/** 컨설팅 이슈 **/
#issue.family .top_bg_box { background-image: url("/assets/images/sub/bg_family.png"); } 
#issue.trust .top_bg_box { background-image: url("/assets/images/sub/bg_trust.png"); } 
#issue.provisional .top_bg_box { background-image: url("/assets/images/sub/bg_provisional.png"); } 
#issue.retained .top_bg_box { background-image: url("/assets/images/sub/bg_retained.png"); } 
#issue.future .top_bg_box { background-image: url("/assets/images/sub/bg_future.png"); } 
#issue.welfare .top_bg_box { background-image: url("/assets/images/sub/bg_welfare.png"); } 
#issue.corporate .top_bg_box { background-image: url("/assets/images/sub/bg_corporate.png"); } 
#issue.estate .top_bg_box { background-image: url("/assets/images/sub/bg_estate.png"); } 



#issue .issue_top_txt { margin-top:0.625rem; padding:3.125rem; background: #F3F7FF; font-size: 1.125rem; font-weight: 500; line-height: 140%; color: var(--gray-900, #1A1A1A); 
letter-spacing: -0.72px; border-radius: 20px; } 

@media (max-width: 640px) { 
 #issue .issue_top_txt { padding:2.5rem; } 
}


#issue h3 { margin-bottom:0; } 

#issue .issue_check,
#issue .issue_suggest { margin-top:3.4375rem; padding-bottom:3.4375rem; border-bottom:1px solid #E5E5E5; } 

#issue .issue_check .top_desc { margin-bottom:1.25rem; font-size: 1.125rem; font-weight: 500; line-height: 140%; letter-spacing: -0.4px; word-break: keep-all; } 


#issue .issue_list { display: flex; gap:0.3125rem; flex-direction: column; } 
#issue .issue_list > li { display: flex; align-items: flex-start; padding:1.625rem 1.875rem; border: 1px solid var(--gray-100, #E5E5E5); background: #FFF; line-height: 140%; border-radius: 10px; } 
#issue .issue_list > li strong { display: flex; align-items: center; flex-shrink: 0; font-weight: 700; letter-spacing: -0.36px; } 
#issue .issue_list > li strong::after { display: block; margin:0 0.625rem; width:1rem; height:1px; vertical-align: middle; background-color: #000; content: ""; } 

#issue .issue_list.no_line > li { gap:0.625rem; flex-direction: column; word-break: keep-all; } 
#issue .issue_list.no_line > li strong::after { display: none; } 


#issue .issue_list > li > ul > li { display: flex; gap:0.375rem; line-height: 140%; letter-spacing: -0.36px; } 
#issue .issue_list > li > ul > li::before { line-height: 140%; content: "•"; } 
 

@media (max-width: 640px) { 
 #issue .issue_list > li { gap:0.375rem; flex-direction: column; } 
 #issue .issue_list > li strong::after { display: none; } 
}



#issue .solution_wrap { display: grid; gap:1.25rem; margin-top:1.875rem; grid-template-columns: repeat(2,1fr); } 
#issue .solution_wrap .solution_box { display: flex; gap:1rem; flex-direction: column; padding:2.1875rem 2.5rem; min-height:14.375rem; background: var(--gray-50, #F8F8F8); border-radius: 20px; } 
#issue .solution_wrap .solution_box h4 { display: flex; gap:0.625rem; align-items: center; margin-bottom:0; padding-bottom:14px; border-bottom:1px solid #fff; font-size: 1.25rem; font-weight: 600; line-height: 120%; color: #005780; letter-spacing: -0.4px; } 
#issue .solution_wrap .solution_box h4.ico01::before { content: url("../../images/sub/ico_solution01.svg"); } 
#issue .solution_wrap .solution_box h4.ico02::before { content: url("../../images/sub/ico_solution02.svg"); } 
#issue .solution_wrap .solution_box h4.ico03::before { content: url("../../images/sub/ico_solution03.svg"); } 
#issue .solution_wrap .solution_box h4.ico04::before { content: url("../../images/sub/ico_solution04.svg"); } 

#issue .solution_wrap .solution_box ul li { display: flex; gap:0.625rem; font-weight: 500; line-height: 150%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.32px; word-break: keep-all; } 
#issue .solution_wrap .solution_box ul li::before { line-height: 150%; content: "•"; } 

@media (max-width: 640px) { 
 #issue .solution_wrap { grid-template-columns: repeat(1,1fr); } 
 #issue .solution_wrap .solution_box { padding:2rem; } 
}


/** 컨설팅 분야 **/
#field.tax .top_bg_box { background-image: url("/assets/images/sub/bg_c_tax.png"); } 
#field.hr .top_bg_box { background-image: url("/assets/images/sub/bg_c_hr.png"); } 
#field.labor .top_bg_box { background-image: url("/assets/images/sub/bg_c_labor.png"); } 
#field.estate .top_bg_box { background-image: url("/assets/images/sub/bg_c_estate.png"); } 
#field.sales .top_bg_box { background-image: url("/assets/images/sub/bg_c_sales.png"); } 
#field.marketing .top_bg_box { background-image: url("/assets/images/sub/bg_c_marketing.png"); } 
#field.training .top_bg_box { background-image: url("/assets/images/sub/bg_c_training.png"); } 
#field.benefits .top_bg_box { background-image: url("/assets/images/sub/bg_c_benefits.png"); } 
#field.medical .top_bg_box { background-image: url("/assets/images/sub/bg_c_medical.png"); } 

/** 컨설팅 분야 > 공통 **/
#field .col-9 { width:calc(75% - 1.25rem); } 
#field h3 { margin-bottom:0; } 
#field h4 { margin-bottom:1.5625rem; font-size: 1.25rem; font-weight: 600; line-height: 140%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.8px; word-break: keep-all; } 
#field h4.mb0 { margin-bottom:0; } 
#field p.desc { margin-bottom:3.125rem; font-weight: 500; line-height: 160%; color: var(--gray-650, #595959); letter-spacing: -0.64px; } 
#field article.line { padding-top:4.375rem; border-top:1px solid #000; } 

@media (max-width: 768px) { 
 #field .col-9 { width:100%; } 
}



#field ul.dot_list li { display: flex; gap:0.375rem; font-weight: 500; line-height: 160%; color: var(--gray-650, #595959); letter-spacing: -0.64px; word-break: keep-all; } 
#field ul.dot_list li::before { content: "•"; } 



#field .number_box { display: grid; margin-top:1.25rem; padding:1.875rem 1.625rem; 
border: 1px solid var(--gray-100, #E5E5E5); background: #FFF; grid-template-columns:200px 1fr; border-radius: 10px; } 
#field .number_box:first-of-type { margin-top:0; } 
#field .number_box h4 { display: flex; gap:0.625rem; margin-bottom:0; font-size: 1.125rem; font-weight: 700; line-height: 140%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.36px; } 
#field .number_box h4 span { font-family: var(--notoSerif); font-size: 1.5625rem; font-style: italic; font-weight: 500; color: var(--gray-600, #666); text-align: center; letter-spacing: -1px; } 

@media (max-width: 640px) { 
 #field .number_box { gap:1rem; grid-template-columns:1fr; } 
 #field .number_box h4 br { display: none; } 
}




/** 컨설팅 분야 > 정의&리스크 **/
#field .field_risk { display: flex; gap:1.25rem; flex-direction: column; } 
#field .field_risk h3 { display: flex; align-items: center; justify-content: center; margin-bottom:0; padding:1.5rem; border: 1px solid var(--gray-100, #E5E5E5); height:100%; background: #FFF; font-size: 1.75rem; font-weight: 600; line-height: 120%; color: var(--point, #0C3B91); letter-spacing: -0.56px; border-radius: 20px; } 

#field .field_risk .right { padding:2.1875rem 2.5rem; background: var(--gray-50, #F8F8F8); border-radius: 20px; } 
#field .field_risk .right p { font-weight: 500; line-height: 160%; color: var(--gray-650, #595959); letter-spacing: -0.64px; } 
#field .field_risk hr { margin:25px 0; border: none; height: 1px; background-color: #E5E5E5; } 


/** 컨설팅 분야 > 체크포인트 **/
#field .color_txt_box { display: flex; align-items: center; justify-content: center; margin-top:1.25rem; padding:1.625rem; border: 1px solid var(--gray-100, #E5E5E5); background: #D1DDF3; border-radius: 10px; } 
#field .color_txt_box p { font-size: 1.4375rem; font-weight: 600; line-height: 140%; text-align: center; text-align: center; letter-spacing: -0.46px; } 


/** 컨설팅 분야 > 솔루션 **/
#field .ico_list { display: grid; gap:1.25rem; grid-template-columns: repeat(3,1fr); } 
#field .ico_list li { display: flex; gap:1.5rem; align-items: center; flex-direction: column; padding:3.75rem 1.875rem; background: var(--gray-50, #F8F8F8); text-align: center; border-radius: 20px; } 
#field .ico_list li p { font-size: 0.9375rem; font-weight: 500; line-height: 160%; color: var(--gray-600, #666); text-align: center; letter-spacing: -0.6px; } 
#field .ico_list li p.tit { font-size: 1.25rem; font-weight: 600; color: var(--primary, #0C3B91); letter-spacing: -0.8px; } 

@media (max-width: 1024px) { 
 #field .ico_list { grid-template-columns: repeat(2,1fr); } 
}

@media (max-width: 640px) { 
 #field .ico_list { grid-template-columns: repeat(1,1fr); } 
}


#field .process_box { padding-right:4.125rem; } 
#field .process_box ul { display: grid; gap:1.25rem 4.125rem; grid-template-columns: repeat(3,1fr); } 
#field .process_box ul li { padding:30px; position: relative; min-height:8.75rem; font-size: 1.125rem; font-weight: 600; line-height: 150%; color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -0.36px; border-radius: 50px; } 
#field .process_box ul li::after { position: absolute; top:50%; left:calc(100% + (4.125rem/2 - 0.3125rem)); content: url("/assets/images/sub/ico_process_arrow.svg"); transform: translateY(-50%); } 
#field .process_box ul li:last-child::after { display: none; } 
#field .process_box ul li:nth-child(1) { border: 2px solid rgba(24, 85, 196, 0.10); background:#fff; } 
#field .process_box ul li:nth-child(2) { background: rgba(24, 85, 196, 0.20); } 
#field .process_box ul li:nth-child(3) { background: rgba(24, 85, 196, 0.40); } 
#field .process_box ul li:nth-child(4) { background: rgba(24, 85, 196, 0.60); color:#fff; } 
#field .process_box ul li:nth-child(5) { background: rgba(24, 85, 196, 0.80); color:#fff; } 
#field .process_box ul li:last-child { background: #1855C4; color:#fff; } 
#field .process_box ul li span.num { display: block; margin-bottom:10px; color: var(--gray-700, #4D4D4D); } 
#field .process_box ul li:nth-child(n+4) span.num { color: var(--gray-200, #CCC); } 

#field .process_box ul li p.txt { margin-top:6px; padding-top:10px; border-top: 2px solid rgba(24, 85, 196, 0.10); width:100%; font-size: 16px; font-weight: 500; color: var(--gray-600, #666); letter-spacing: -0.32px; } 

#field .process_box.type2 { padding-right:0; } 
#field .process_box.type2 ul { grid-template-columns: repeat(2,1fr); } 

#field .process_box.type3 { padding-right:0; } 
#field .process_box.type3 ul li { padding:30px 12px; border: 2px solid rgba(24, 85, 196, 0.10); background: #FFF; background-color: #fff; } 
#field .process_box.type3 ul li:last-child { background: #1855C4; color:#fff; } 
#field .process_box.type3 ul li:last-child p.txt { border-color: #E8EEF9; color:#fff; } 


@media (max-width: 640px) { 
 #field .process_box { padding-right:0; } 
 #field .process_box ul,
 #field .process_box.type2 ul,
 #field .process_box.type3 ul { gap:4.125rem 0; grid-template-columns: repeat(1,1fr); } 
 #field .process_box ul li::after { top:calc(100% + (4.125rem/2 - 0.3125rem)); left:50%; transform: translate(0,-50%) rotate(-270deg); } 
}



#field .half_box { display: flex; gap:2.125rem; justify-content: space-between; margin-top:1.5625rem; } 
#field .half_box > div { flex:1; margin-top:0; padding:1.875rem 1.625rem; height:100%; row-gap: 1.25rem; grid-template-columns: 1fr; } 
#field .half_box > div h4 { justify-content: center; } 

@media (max-width: 640px) { 
 #field .half_box { flex-direction: column; } 
}

#field .border_box { padding:1.825rem 1.675rem; border: 1px solid var(--gray-100, #E5E5E5); overflow: hidden; background: #FFF; border-radius: 10px; } 
#field .border_box h4 { margin-bottom:1.25rem; } 
#field .border_box h4.blue { font-weight: 700; color: var(--light, #1855C4); } 
#field .border_box .process_box { margin-top:2.5rem; } 
#field .border_box p { font-weight: 500; line-height: 160%; color: var(--gray-600, #666); letter-spacing: -0.32px; word-break: keep-all; } 



#field .benefits_list { display: grid; gap:1.5rem 0.875rem; grid-template-columns: repeat(4,1fr); } 
#field .benefits_list li { display: flex; gap: 0.875rem; flex-direction: column; } 
#field .benefits_list li .img { border:1px solid #d9d9d9; overflow: hidden; border-radius: 10px; } 
#field .benefits_list li .img img { width:100%; } 
#field .benefits_list li p { font-size: 0.9375rem; font-weight: 500; line-height: 160%; color: var(--gray-650, #595959); text-align: center; letter-spacing: -0.6px; } 

@media (max-width: 640px) { 
 #field .benefits_list { grid-template-columns: repeat(2,1fr); } 
}

#field .graph_box { display: flex; gap:0 4.0625rem; justify-content: center; } 
#field .graph_box .img { margin-bottom:1.875rem; } 

@media (max-width: 640px) { 
 #field .graph_box { gap:2rem; flex-direction: column; } 
}


#field .wise_box { display: flex; gap:2.1875rem; flex-direction: column; } 
#field .wise_box p { font-weight: 500; line-height: 160%; color: var(--gray-600, #666); letter-spacing: -0.32px; } 


#field hr { margin: 3.75rem 0; border: none; height: 1px; background-color: #E5E5E5; } 



/** 택스랩 연구소 > 컨설팅 소개**/
#consulting .top_bg_box { background-image: url("/assets/images/sub/bg_consulting.png"); } 

#consulting .process_list { display: grid; gap:2.5rem; padding-bottom:4.375rem; position: relative; position: relative; grid-template-columns: repeat(4,1fr); } 
#consulting .process_list.arrow::after { display: block; margin:1.875rem 0; position: relative; position: absolute; right:8.125rem; bottom:0; width: 1.25rem; height: 1rem; background: url("/assets/images/sub/ico_step_arrow.svg") no-repeat center center; background-size: contain; content: ""; transform: rotate(-270deg); } 


#consulting .process_list li { display: flex; gap:1.25rem; align-items: center; justify-content: center; flex-direction: column; padding:2.875rem 2.5rem; position: relative; height:18.75rem; background: #F1F6FF; border-radius: 20px; } 
#consulting .process_list li:not(:last-child)::after { position: absolute; top: 50%; right: -1.875rem; width: 1.25rem; height: 1rem; background: url("/assets/images/sub/ico_step_arrow.svg") no-repeat center center; background-size: contain; content: ""; transform: translateY(-50%); } 
#consulting .process_list li > div { flex:1; } 
#consulting .process_list li > div.ico_box { width:100%; background-color: #fff; text-align: center; border-radius: 10px; } 
#consulting .process_list li > div.txt_box { display: flex; gap:0.625rem; flex-direction: column; text-align: center; } 
#consulting .process_list li > div.txt_box p.step { font-weight: 600; line-height: 130%; color: var(--gray-400, #999); text-align: center; } 
#consulting .process_list li > div.txt_box p.tit { font-size: 1.25rem; font-weight: 600; 
line-height: 130%; color: var(--primary, #0C3B91); text-align: center; letter-spacing: -0.8px; } 


#consulting .process_wrap { display: flex; align-items: flex-start; flex-direction: column; position: relative; } 
#consulting .process_wrap::after { display: block; margin:1.875rem 0; position: relative; left:8.125rem; width: 1.25rem; height: 1rem; background: url("/assets/images/sub/ico_step_arrow.svg") no-repeat center center; background-size: contain; content: ""; transform: rotate(-270deg); } 



#consulting .process_box { display: flex; gap: 3.125rem; padding: 2.5rem; background: var(--d-green, #005780); border-radius: 20px; } 
#consulting .process_box > div { display: flex; gap:2.5rem; justify-content: space-between; flex-direction: column; width:6.5rem; text-align: center; } 
#consulting .process_box > div .txt_box { color:#fff; } 
#consulting .process_box > div .txt_box p { font-weight: 600; line-height: 130%; text-align: center; } 
#consulting .process_box > div .txt_box .tit { margin-top:0.625rem; font-size: 1.25rem; letter-spacing: -0.8px; } 

#consulting .process_box ul { display: grid; gap:1.25rem; flex:1; grid-template-columns: repeat(3, 1fr); } 
#consulting .process_box ul li { display: flex; align-items: center; justify-content: center; padding:1.25rem 3.125rem; height:100%; background: #FFF; font-weight: 600; line-height: 140%; color: #000; text-align: center; letter-spacing: -0.32px; border-radius: 10px; } 


@media (max-width: 1024px) { 
 #consulting .process_list { display: grid; gap: 2.5rem; position: relative; grid-template-columns: repeat(2,1fr); } 
 #consulting .process_list.arrow::after { right:auto; left:50%; transform: translateX(-50%) rotate(-270deg); } 
 #consulting .process_list li:nth-child(even)::after { display: none; } 
 #consulting .process_wrap { align-items: center; } 
 #consulting .process_wrap::after { left:auto; } 
 #consulting .process_box ul { grid-template-columns: repeat(2, 1fr); } 
}

@media (max-width: 640px) { 
 #consulting .process_list { grid-template-columns: repeat(1,1fr); } 
 #consulting .process_list li:nth-child(even)::after { display: block; } 
 #consulting .process_list li:not(:last-child)::after { top: calc(100% + 1.25rem/2); right: auto; left:50%; width: 1.25rem; height: 1rem; transform: translate(-50%, 0) rotate(-270deg); } 
 #consulting .process_box { flex-direction: column; width:100%; } 
 #consulting .process_box > div { width:100%; } 
 #consulting .process_box ul { grid-template-columns: repeat(1, 1fr); }  
}



/** 택스랩 연구소 > 택스랩 공간 **/
#space .top_bg_box { min-height:550px; background-image: url("/assets/images/sub/bg_space.png"); } 

#space .space_list { display: grid; gap:5rem 1.25rem; padding-bottom:16.875rem; grid-template-columns: repeat(2,1fr); } 
#space .space_list li { position: relative; } 
#space .space_list li:nth-child(even) { position: relative; top:16.875rem; } 
#space .space_list li .img { overflow: hidden; position: relative; z-index: 1; border-radius: 20px; } 
#space .space_list li .img img { width:100%; } 
#space .space_list li .txt { display: flex; gap:1.25rem; flex-direction: column; padding:1.25rem; } 
#space .space_list li .txt p { font-size: 1.125rem; font-weight: 500; line-height: 150%; color: var(--gray-600, #666); letter-spacing: -0.72px; word-break: keep-all; } 
#space .space_list li .txt .tit { font-size: 2.375rem; font-weight: 700; line-height: 120%; color:#000; text-transform: capitalize; } 
#space .space_list li .symbol { position: absolute; top:-8.75rem; left:0; font-family:var(--notoSerif); font-size: 8.75rem; font-weight: 800; line-height: 130%; color: #F4F4F4; letter-spacing: -5.6px; } 


@media (max-width: 768px) { 
 #space .space_list { padding-bottom:0; grid-template-columns: repeat(1,1fr); } 
 #space .space_list li:nth-child(even) { top:0; } 
 #space .space_list li .symbol { display: none; } 
}


@media (max-width: 640px) { 
 #space .top_bg_box { min-height:16.25rem; } 
 #space .space_list li .txt .tit { font-size: 1.8rem; } 
 #space .space_list li .txt p br { display: none; } 
}



/** 택스랩 연구소 > 제휴협력사 **/
#partners .top_bg_box { background-image: url("/assets/images/sub/bg_partners.png"); } 
#partners .partner_list { display: grid; gap:1.25rem; grid-template-columns: repeat(4,1fr); } 
#partners .partner_list li { display: flex; align-items: center; justify-content: center; padding:1.5rem 1rem; border: 1px solid var(--gray-200, #CCC); height:10rem; 
background: #FFF; border-radius: 10px; } 
#partners .partner_list li img { max-width:100%; } 

@media (max-width: 1024px) { 
 #partners .partner_list { grid-template-columns: repeat(2,1fr); } 
}

@media (max-width: 640px) { 
 #partners .partner_list { grid-template-columns: repeat(1,1fr); } 
}


/** Contact us > 상담신청 **/
#contact .top_bg_box { background-image: url("/assets/images/sub/bg_contact.png"); } 
#contact .left p { font-size: 2.625rem; font-weight: 700; line-height: 140%; color: var(--gray-950, #0D0D0D); letter-spacing: -1.68px; } 

@media (max-width: 640px) { 
 #contact .left p { font-size: 2rem; word-break: keep-all; } 
 #contact .left p br { display: none; } 
}

#contact .counsel_list { display: flex; gap:0.625rem; flex-direction: column; } 
#contact .counsel_list li { display: flex; align-items: flex-start; justify-content: space-between } 
#contact .counsel_list li .tit { flex-shrink: 0; width: 8.75rem; font-size: 1.25rem; font-weight: 600; line-height: 140%; line-height:3.75rem; letter-spacing: -0.8px; } 
#contact .counsel_list li .ipt { flex:1; } 
#contact .counsel_list li .ipt input[type="text"],#contact .counsel_list li .ipt .select_wrap { padding:0 1rem; border: 1px solid var(--gray-100, #E5E5E5); width:100%; height:3.75rem; background: var(--gray-50, #F8F8F8); font-weight: 500; color:#000; border-radius: 10px; } 

#contact .counsel_list li .ipt select { padding:0.625rem; border:0 none; border-color: transparent; position: relative; left:-0.625rem; width:calc(100% + 0.625rem); height:100%; background-color: transparent; color: #747474; border-radius: 10px; } 

#contact .counsel_list li .ipt select:focus { outline: none; } 
#contact .counsel_list li .ipt textarea.dhtmleditor { padding:1rem !important; border: 1px solid var(--gray-100, #E5E5E5); border: 1px solid #EDEDED; width:100% !important; background: var(--gray-50, #F8F8F8); white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; border-radius: 10px; } 


#contact .counsel_list li .ipt.captcha { display: flex; gap:0.625rem; align-items: center; justify-content: space-between; } 

#contact .counsel_list li .ipt .private_agree { margin:0.625rem 0 3.4375rem; font-size: 1.125rem; font-weight: 800; 
font-weight: 600; line-height: 1.2; line-height: 140%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.36px; } 
#contact .counsel_list li .ipt .private_agree a { margin-left:0.625rem; text-decoration-line: underline; } 
#contact .counsel_list li .ipt .btn_contact { display: flex; gap:0.625rem; align-items: center; justify-content: center; width:100%; height:5.3125rem; background-color:#1855C4; font-size: 1.25rem; font-weight: 600; line-height: normal; color:#fff; text-align: center; 
letter-spacing: -0.8px; transition: all 0.3s; border-radius: 10px; } 
#contact .counsel_list li .ipt .btn_contact:hover { background-color: #160C7D; } 
#contact .counsel_list li .ipt .btn_contact img { display: block; } 


@media (max-width: 640px) { 
 .counsel_list li { flex-direction: column; } 
 .counsel_list li .tit { flex-shrink: 0; width:100% } 
 .counsel_list li .ipt { width:100% } 
}



.custom_checkbox input { display: none; cursor: pointer; } 
.custom_checkbox label { position: relative; cursor: pointer; } 
.custom_checkbox label:before { display: block; position: relative; width:34px; height:34px; vertical-align: middle; background:url("/assets/images/sub/ico_check_off.svg"); content:''; cursor: pointer; -webkit-appearance: none; border-radius:7px; } 
.custom_checkbox input:checked + label:before { background:url("/assets/images/sub/ico_check_on.svg"); } 



/** Contact us > 오시는 길 **/
#map .top_bg_box { background-image: url("/assets/images/sub/bg_map.png"); } 

#map .map_logo { padding-top:2.5rem; padding-bottom:3.75rem; border-bottom:1px solid #A9D1EA; text-align: center; } 

#map .map_iframe { overflow: hidden; border-radius: 20px; } 
#map .map_iframe iframe { width:100%; height:24.6875rem; } 

#map .map_info ul { display: flex; gap:1.75rem 8.75rem; flex-wrap: wrap; } 
#map .map_info ul li { display: flex; gap:1.125rem; align-items: center; } 
#map .map_info ul li:first-child { width:100%; } 
#map .map_info ul li .ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:4.375rem; height:4.375rem; background: var(--gray-50, #F8F8F8); border-radius: 10px; } 
#map .map_info ul li .txt { display: flex; gap:0.625rem; flex-direction: column; } 
#map .map_info ul li .txt p { font-size: 1.125rem; font-weight: 500; line-height: 1.2; color: var(--gray-650, #595959); letter-spacing: -0.36px; word-break: keep-all; } 
#map .map_info ul li .txt p.tit { font-size: 1.5rem; font-weight: 600; line-height: normal; color: #000; letter-spacing: -0.48px; }