/* 서비스 */
.service_wrap02{width:1200px; margin:0 auto 8rem; display:flex;}
.service_wrap02 > article{width:50%; position:relative; height:90vh; display:flex; align-items:center;}
.service_wrap02 > article.service_box1{background:url('../img/sub/service_sub_img02.jpg') no-repeat; background-size:cover;}
.service_wrap02 > article.service_box2{background:url('../img/sub/service_sub_img03.jpg') no-repeat;background-size:cover;}
.service_wrap02 > article > div{text-align:Center; ; transform:translateY(3rem); transition:1s}
.service_wrap02 > article > div > h3{color:#fff; font-size:41px;}
.service_wrap02 > article > div > p{color:#fff; width:60% ; margin: auto; transform:translateY(3rem); opacity:0; transition:1s}
.service_wrap02 > article:hover > div{transform:translateY(0rem);}
.service_wrap02 > article:hover > div > p{transform:translateY(0rem); opacity:1}

.vision_list{max-width:1200px; margin:0 auto; padding:5rem 0}
.vision_list > h3{font-size:31px; font-weight:800; margin-bottom:50px}
.vision_list li{display:flex; gap:2rem; min-height:100px; border-bottom:1px solid #eee; margin-bottom:30px}
.vision_list li:last-child{border-bottom:0}
.vision_list li h4{width:30%; font-size:24px; font-weight:700;padding:1rem 0 1rem 10px;; position:relative; }
.vision_list li h4:before{content:''; position:absolute; left:0; top:22px; display:inline-block; width:3px; height:15px; background:#afca2c; }
.vision_list li p{width:70%; padding:1rem 0}

/* 회사소개 */
.about_logo{max-width:1200px; text-align:center; margin:0 auto; padding:7rem 0 4rem }
.about_logo > img.logo{width:200px;}
.about_logo h2{font-size:35px; margin-bottom:5rem}
.about_txt{ text-align:center}
.about_txt > p{font-size:21px; color:#6e6e6e}
.about_box2{text-align:center; margin:7rem auto 20rem;position:relative; width:1200px;}
.about_box2 .company_info{position:absolute; left:5%; top:65%;}
.about_box2 .company_info ul{background-color:#5ac7dd ; width:100%; padding:3rem;}
.about_box2 .company_info li{text-align:left; color:#fff; font-size:19px; margin-bottom:5px;}
.about_box2 .company_info li h3{font-size:39px; text-align:left; margin-bottom:1rem}

@media(max-width:1200px){
	.service_wrap02{width:90%}
	.service_wrap01{width:90%; margin:3rem auto; gap:3rem}
	.vision_list{max-width:90%; }

	/* 회사소개 */
	.about_logo{width:100%}
	.about_box2{width:100%}
	.about_box2 > img{max-width:90%; display:block; margin:0 auto}
	.about_box2 .company_info ul{width:90%}
}

@media(max-width:1023px){
	.service_wrap01{flex-direction:column;}
	.service_wrap01 > div{text-align:center}
	.service_wrap01 > div > img{width:100%}
	.service_wrap02{flex-direction:column; margin:0 auto 6rem}
	.service_wrap02 > article{width:100%; height:30vh}
	.service_wrap02 > article.service_box1{background-position:center}
	.service_wrap02 > article.service_box2{background-position:center}
	.service_wrap02 > article > div{transform:translateY(0)}
	.service_wrap02 > article > div > h3{font-size:26px}
	.service_wrap02 > article > div > p{opacity:1;transform:translateY(0); margin-top:1rem}
	.list_overview li h3{font-size:35px}
	.area_cont{padding-bottom:1rem}
	.vision_list li h4{font-size:21px}

	/* 회사소개 */
	.about_logo{padding:4rem 0;}
	.about_logo h2{font-size:29px}
	.about_logo > img.logo{width:200px;}
	.about_box2 .company_info{left:11%}
	.about_box2 .company_info ul{width:70%; padding:2rem 3rem}
	.about_box2 .company_info li{font-size:17px}
	.about_box2 .company_info li h3{font-size:29px}

}


@media(max-width:767px){
	.content_head{padding:30px 0 0; width:90%; margin:0 auto}
	.area_visual h1, .content_head h1{font-size:29px}
	.content_head p{font-size:18px }
	.area_cont{padding:3rem 0 }
	.area_head{width:90%; margin:0 auto}
	.area_head > h2{font-size:19px}
	.service_wrap02{ margin:0 auto 4rem}
	.service_wrap02 > article > div > p{font-size:14px; width:90%}
	.service_wrap02 > article > div > h3{font-size:19px}
	.list_overview li h3{font-size:21px; margin-bottom:1rem}
	.list_overview li .desc{font-size:15px; margin-bottom:0.7rem}
	.list_overview li .desc:before{width:20px; height:20px; top:12px}
	.service_wrap01{margin:3rem auto 1rem}
	.vision_list{padding:3rem 0}
	.vision_list > h3{margin-bottom:0; font-size:21px}
	.vision_list li{gap:0; flex-wrap:wrap; margin-bottom:10px}
	.vision_list li h4{font-size:17px; width:100%; padding:1rem 0 0.5rem 10px}
	.vision_list li h4:before{top:18px}
	.vision_list li p{font-size:15px;line-height:1.3;width:100%; padding:0 0 1rem}
	
	/* 회사소개 */
	.about_logo{padding:2rem 0}
	.about_logo h2{font-size:24px; width:90%; margin:0 auto 3rem;}
	.about_logo > img.logo{width:50%}
	.about_txt > p{font-size:17px; width:90%; margin:0 auto ;}
	.about_box2{ margin:4rem auto}
	.about_box2 .company_info{position:static; width:90%; margin:0 auto}
	.about_box2 .company_info ul{width:100%; box-sizing:border-box; padding:1rem 2rem}
	.about_box2 .company_info li{font-size:15px; margin:0 }
	.about_box2 .company_info li h3{font-size:19px}
}