#sub_visual {margin-top:80px; background:url('../images/sub/sub_visual.jpg') no-repeat center/cover;}
#sub_visual .container {display:flex; flex-direction:column; height:30rem;}
#sub_visual .container .tit {display:flex; align-items:center; flex:1; min-height:0;}
#sub_visual .container .tit h2 {width:100%; text-align:center; font-size:6rem; color:#fff; font-weight:700;}
#sub_visual .container .tab {display:flex; text-align:center; background:#f3f5f4;}
#sub_visual .container .tab li {flex:1; position:relative;}
#sub_visual .container .tab li+li::before {position:absolute; top:50%; left:0; width:1px; height:2rem; margin-top:-1rem; background:#D9D9D9; content:'';}
#sub_visual .container .tab li a {display:block; position:relative; line-height:6rem; font-size:1.8rem; color:#222; font-weight:600;   }
#sub_visual .container .tab li.on a {color:#fff; z-index:2; background:#1eb7f5;}
#sub_visual .container .tab li.on a::after {position:absolute; top:100%; left:50%; width:1.6rem; height:0.9rem; margin-top:-0.3rem; margin-left:-0.8rem; background:url('../images/sub/icon_tab_arr.svg') no-repeat center/contain; content:'';}
#sub_visual .container .tab li.on+li::before {display:none;}

#location {display:flex; align-items:center; justify-content: flex-end; margin:3rem 0 3.5rem;}
#location li {position:relative;}
#location li+li {margin-left:2.7rem;}
#location li+li::before {position:absolute; left:-1.7rem; top:50%; width:0.7rem; height:1.1rem; margin-top:-0.3rem; background:url('../images/sub/icon_location_arr.svg') no-repeat center/contain; content:'';}
#location a {font-size:1.4rem; color:#666666; line-height:1.2;}
#location li:last-child a {color:#222222;}

.ctit {margin-bottom:8rem; font-size:4rem; font-weight:700; text-align:center;}



@media (max-width:991.98px){
	#sub_visual {margin-top:75px;}
	#sub_visual .container {height:22rem;}
	#sub_visual .container .tit h2 {font-size:4rem}
	#sub_visual .container .tab li a, #location a {font-size: 1.8163vw;}
	
	#location {margin-bottom:5rem;}
	#location li+li::before {width:1.1rem; height:1.4rem; margin-top:-0.7rem;}
	/* #location a {font-size:1.8rem;} */

	.ctit {margin-bottom:5.6rem; font-size:3.2rem;}
}

@media (max-width:767px) {
	/* [2024.09.02-yr] 수정 */
	#sub_visual .container .tab {flex-wrap: wrap;}
	#sub_visual .container .tab li {flex: calc(100% / 4);}
	#sub_visual .container .tab li a {line-height: 5rem;}
	#sub_visual .container .tab li a, #location a {font-size: 2.3468vw;}

	#location li+li::before {width: 6px; height: 10px; margin-top: 0; bottom: 5px; top: auto;}
}

@media (max-width:480px) {
	/* [2024.09.02-yr] 수정 */
	#sub_visual .container .tab li a, #location a {font-size: 3.33vw;}

	#location li+li::before {width: 5px; height: 9px; bottom: 4px;}
}

.stit {font-size:5.5rem; font-weight:700; letter-spacing:-0.05em; line-height:1.33;}
.stit.small {font-size:4.5rem;}

@media (max-width:1300px){
	.stit {font-size:4.4rem;}
	.stit.small {font-size:3.6rem;}
}
@media (max-width:991.98px){
	.stit {font-size:3.9rem;}
	.stit.small {font-size:3.2rem;}
}
@media (max-width:500px){
	.stit {font-size:3.2rem;}
	.stit.small {font-size:2.6rem;}
}


.section {padding:15rem 0;}
.section_mt {margin-top:15rem;}
.section_mb {margin-bottom:15rem;}
@media (max-width:991.98px){
	.section {padding:10rem 0;}
	.section_mt {margin-top:10rem;}
	.section_mb {margin-bottom:10rem;}
}

.matching_service_c01 {padding-bottom:17rem; text-align:center; word-break:keep-all;}
.matching_service_c01 .t01 {color:#222}
.matching_service_c01 .t02 {margin-top:3rem; font-size:2.6; line-height:1.4;}
.matching_service_c01 .cbox {display:flex; align-items:center; justify-content:space-between; max-width:88.2rem; margin:7rem auto 0;}
.matching_service_c01 .sbox {position:relative; width:32rem; height:32rem; padding-top:4.2rem; border-radius:100%; color:#fff; font-size:1.8rem; line-height:1.3888; font-weight:400; background:#1A2B56;}
.matching_service_c01 .sbox span {color:#1EB7F5; font-weight:700;}
.matching_service_c01 .sbox::before {display:block; width:12.5rem; height:12.5rem; position:relative; margin:0 auto; background:url('../images/sub/matching_service_c01_icon01.png') no-repeat center/contain; content:'';}
.matching_service_c01 .arr+.sbox {background:#1EB7F5;}
.matching_service_c01 .arr+.sbox span {color:#222}
.matching_service_c01 .arr+.sbox::before {background-image:url('../images/sub/matching_service_c01_icon02.png')}
.matching_service_c01 .arr {width:14.2rem; height:9.6rem; background:url('../images/sub/matching_service_c01_arr.svg') no-repeat center/contain;}
@media (max-width:991.98px){
	.matching_service_c01 .cbox {max-width:50rem;}
	.matching_service_c01 .sbox {width:19rem; height:19rem; padding-top:2rem; font-size:1.3rem;}
	.matching_service_c01 .sbox::before {width:7rem; height:7rem;}
	.matching_service_c01 .arr {width:5rem;}
}

.process {text-align:center; color:#fff; background:#1A2B56;}
.process .stit {margin-bottom:4rem;}
.process .cbox {margin-bottom:-6rem;}
.process ul {display:flex; flex-wrap:wrap; text-align:left;}
.process li {width:25%; padding:6rem 0;}
.process .g7 li:nth-child(3) {width:26%;}
.process .g7 li:nth-child(n+4) {border-top:1px solid rgba(255,255,255,0.2);}
.process .g8 li:nth-child(n+5) {border-top:1px solid rgba(255,255,255,0.2);}
.process strong {font-size:4rem; color:#1EB7F5; font-weight:300;}
.process li > div {margin-top:3rem; font-size:2.4rem; line-height:1.416; font-weight:600;}
.process li .small {margin-top:4rem; font-size:1.4rem; font-weight:400;}
@media (max-width:1300px){
	.process li {width:33.333% !important;}
	.process .g7 li:nth-child(7) {width:100% !important;}
	.process .g8 li:nth-child(8) {width:66.666% !important;}
	.process li:nth-child(n+4) {border-top:1px solid rgba(255,255,255,0.2);}
}
@media (max-width:991.98px){
	.process .stit {margin-bottom:2rem;}
	.process .cbox {margin-bottom:-4.8rem;}
	.process li {width:50% !important; padding:4.8rem 0;}
	.process .g8 li:nth-child(8) {width:50% !important;}
	.process strong {font-size:3.2rem;}
	.process li > div {font-size:1.8rem;}
	.process li:nth-child(n+3) {border-top:1px solid rgba(255,255,255,0.2);}
}


.about_c01 .stit {text-align:center; word-break:keep-all;}
.about_c01 .sbox {display:flex; align-items:center; background:#F4F5F9;}
.about_c01 .sbox > div {width:50%;}
.about_c01 .sbox .img {height:50rem; background:url('../images/sub/about_c01_img01.jpg') no-repeat center/cover;}
.about_c01 .sbox+.sbox .img {background-image:url('../images/sub/about_c01_img02.jpg')}
.about_c01 .tcont {text-align:center; font-size:3.2rem; line-height:1.5;}
.about_c01 .tcont > div {display:inline-block; width:100%; max-width:96rem; padding-left:11rem; text-align:left; word-break:keep-all;}
.about_c01 .sbox+.sbox {flex-direction:row-reverse;}
.about_c01 .sbox+.sbox .tcont > div {max-width:69rem;}
@media (max-width:1600px){
	.about_c01 .tcont {font-size:2.6rem;}
	.about_c01 .tcont br {display:none}
	.about_c01 .tcont > div {padding:0 12% !important;}
}
@media (max-width:991.98px){
	.about_c01 .sbox {flex-wrap:wrap;}
	.about_c01 .sbox > div {width:100%;}
	.about_c01 .sbox .img {height:35rem;}
	.about_c01 .tcont {font-size:2.2rem;}
	.about_c01 .tcont > div {padding:4rem !important; text-align:left;}
}

.about_c02 {text-align:center;}
.about_c02 ul {display:flex; margin:-2rem;}
.about_c02 .arr {max-width:66.5rem; height:10.1rem; margin:8rem auto 5rem; background:url('../images/sub/about_c02_arr.png') no-repeat center/contain;}
.about_c02 .arr::before {padding-bottom:15.18%;}
.about_c02 li {width:25%; padding:2rem;}
.about_c02 li > div {position:relative;}
.about_c02 li > div::before {display:block; padding-bottom:100%; content:'';}
.about_c02 li > div::after {position:absolute; top:0; left:0; right:0; bottom:0; border:0.8rem solid #E3E4E8; border-radius:100%; content:'';}
.about_c02 li > div strong {position:absolute; top:50%; left:0; right:0; font-size:2.6rem; font-weight:400; transform:translateY(-50%);}
.about_c02 li > div i {display:block; width:50%; max-width:15rem; margin:0 auto 2rem; background:no-repeat center/contain;}
.about_c02 li > div i::before {display:block; padding-bottom:100%; content:'';}
.about_c02 li:nth-child(1) > div i {background-image:url('../images/sub/about_c02_icon01.png');}
.about_c02 li:nth-child(2) > div i {background-image:url('../images/sub/about_c02_icon02.png');}
.about_c02 li:nth-child(3) > div i {background-image:url('../images/sub/about_c02_icon03.png');}
.about_c02 li:nth-child(4) > div i {background-image:url('../images/sub/about_c02_icon04.png');}
.about_c02 .ctxt {margin-bottom:1rem; font-size:3.6rem; color:#1EB7F5; font-weight:700;}

@media (max-width:1300px){
	.about_c02 li > div i {margin-bottom:1rem;}
	.about_c02 li > div strong {font-size:2.1rem;}
	.about_c02 li > div::after {border-width:0.6rem;}
	.about_c02 .ctxt {font-size:2.8rem;}
}
@media (max-width:991.98px){
	.about_c02 ul {flex-wrap:wrap; max-width:500px; margin:-1rem auto;}
	.about_c02 .arr {margin:4.5rem auto 3.5rem;}
	.about_c02 li {width:50%; padding:1rem;}
	.about_c02 li > div::after {border-width:0.4rem;}
	.about_c02 li > div i {margin-bottom:1rem;}
	.about_c02 li > div strong {font-size:1.8rem;}
	.about_c02 .ctxt {font-size:2.5rem;}
	.about_c02 .stit br {display:none;}
}


.purchase_info {display:flex; background:#F4F5F9;}
.purchase_info > div {width:50%;}
.purchase_info .img {background:url('../images/sub/purchase_info_img.jpg') no-repeat center/cover;}
.purchase_info .tcont {max-width:81rem; padding:12rem; word-break:keep-all;}
.purchase_info h4 {color:#1A2B56; font-weight:700; font-size:10rem;}
.purchase_info .t01 {margin:4rem 0; font-size:2.2rem; line-height:1.818;}
.purchase_info .t01 strong {color:#1A2B56; font-weight:700;}
.purchase_info .info {display:flex; align-items:center;}
.purchase_info .info::before {width:5.2rem; height:5.2rem; background:no-repeat center/contain; content:'';}
.purchase_info .tel::before {background-image:url('../images/common/icon_tel.png');}
.purchase_info .mail {margin-top:1.3rem;}
.purchase_info .mail::before {background-image:url('../images/common/icon_mail.png');}
.purchase_info .info span {margin:0 1.3rem; font-size:1.8rem;}
.purchase_info .info strong {font-size:3rem; font-weight:700; color:#1a2b56;}
.purchase_info .mail strong {color:#1eb7f5;}
.purchase_info a {display:block; margin-top:4rem; font-size:1.8rem; color:#fff; font-weight:700; text-align:center; line-height:3.333; background:#1A2B56;}
@media (max-width:1700px){
	.w_none {display:none;}
}
@media (max-width:1500px){
	.purchase_info .img {width:40%;}
	.purchase_info .tcont {width:60%; padding:10rem 8rem;}
}
@media (max-width:1300px){
	.purchase_info h4 {font-size:8rem;}
}
@media (max-width:991.98px){
	.purchase_info {flex-wrap:wrap;}
	.purchase_info > div {width:100% !important;}
	.purchase_info h4 {font-size:5rem;}
	.purchase_info .img {padding-bottom:70%; background-position:center 80%;}
	.purchase_info .tcont {padding:6rem 4rem 10rem;}
}


.retrofit_c01 {display:flex; align-items:center; justify-content:center; height:50rem; color:#fff; text-align:center; background:url('../images/sub/retrofit_c01_img.jpg') no-repeat center/cover;}
.retrofit_c01 .ctxt {margin-top:3rem; line-height:1.54; font-size:2.6rem; word-break:keep-all;}
@media (max-width:991.98px){
	.retrofit_c01 {height:40rem;}
	.retrofit_c01 .ctxt {font-size:2rem;}
}

.retrofit_c02 .stit {text-align:center;}
.retrofit_c02 .cbox {margin-top:8rem;}
.retrofit_c02 ul {display:flex; flex-wrap:wrap; margin:-1rem;}
.retrofit_c02 li {width:50%; padding:1rem;}
.retrofit_c02 li > div {display:flex; align-items:center; width:100%; height:30rem; padding:5rem; font-size:2.2rem; line-height:1.27; word-break:keep-all; background:#F4F5F9;}
.retrofit_c02 li > div::before {display:block; width:12rem; height:12rem; margin-right:3rem; background:no-repeat center/contain; content:'';}
.retrofit_c02 li:nth-child(1) > div::before {background-image:url('../images/sub/retrofit_c02_icon01.png')}
.retrofit_c02 li:nth-child(2) > div::before {background-image:url('../images/sub/retrofit_c02_icon02.png')}
.retrofit_c02 li:nth-child(3) > div::before {background-image:url('../images/sub/retrofit_c02_icon03.png')}
.retrofit_c02 li:nth-child(4) > div::before {background-image:url('../images/sub/retrofit_c02_icon04.png')}
.retrofit_c02 li > div div {flex:1; min-width:0;}
@media (max-width:1300px){
	.retrofit_c02 li > div::before {width:10rem; height:10rem;}
}
@media (max-width:991.98px){
	.retrofit_c02 .cbox {margin-top:5rem;}
	.retrofit_c02 li {width:100%;}
	.retrofit_c02 li > div {height:20rem; padding:3rem; font-size:1.7rem;}
	.retrofit_c02 li > div::before {margin-right:2rem;}
}