@charset "utf-8";


#company_solution {}
#company_solution .solu_main_title {
	text-align:center;
	margin-top:80px;
	position:relative;
}
#company_solution .solu_main_title p {
	font-size:2.44rem;
	line-height:1.68;
}
#company_solution .solu_main_title span {
	background-color:#004ea2;
	color:#fff;
	font-weight:bold;
	padding:5px 20px;
}
#company_solution .solu_main_title::after {
	content:'';
	width:3px;
	height:125px;
	background-color:#333;
	display:block;
	margin:130px auto;
}


#company_solution .sol_sec_imgbg {
	position:relative;
	padding:100px 0 400px;
}
#company_solution .sol_sec_imgbg .bg_le {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}
#company_solution .sol_sec_imgbg .bg_ri {
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
}
#company_solution .sol_sec_imgbg .secCont {
	text-align:center;
}
#company_solution .secCont .sec_highlight {
	font-size:2.22rem;
	display:inline-block;
	font-weight:800;
	position:relative;
}
#company_solution .secCont .sec_highlight::after {
	content:'';
	width:150%;
	height:20px;
	background-color:#ffef65;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	z-index:-1;
}
#company_solution .secCont .sec_title_box {
	margin-top:55px;
}
#company_solution .secCont .sec_title_box .sec_title {
	font-size:2rem;
}
#company_solution .secCont .sec_title_box .sec_title span {
	font-size:2.33rem;
	font-weight:600;
	color:#004ea2;
}
#company_solution .secCont .sec_title_box .sec_sub_tit {
	font-size:1.66rem;
	font-weight:600;
	margin-top:25px;
}
#company_solution .secCont .sec_bluebox {
	border:3px solid #33497f;
	border-radius:10px;
	padding:25px;
	width:96%;
	max-width:465px;
	margin:0 auto;
	margin-top:35px;
	background-color:#fff;
}
#company_solution .solution_section02.secCont .sec_bluebox {
	max-width:620px;
}
#company_solution .secCont .sec_bluebox ul {
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
#company_solution .secCont .sec_bluebox ul + ul {
	margin-top:10px;
}
#company_solution .secCont .sec_bluebox .bluebox_T {
	font-weight:bold;
	letter-spacing:-0.45px;
}
#company_solution .secCont .sec_bluebox .bluebox_ti {
	font-weight:bold;
	letter-spacing:-0.45px;
	color:#004ea2;
}
#company_solution .secCont .sec02_footnote {
	font-size:1.11rem;
	margin-top:20px;
}

#company_solution .sol_sec_bg {
	background-color:#f5f5f5;
	padding:100px 0;
}
#company_solution .solution_section03 .sec03_title {
	font-size:2rem;
}
#company_solution .solution_section03 .sec03_title span {
	font-weight:bold;
}
#company_solution .solution_section03 .sec03_innbox {
	border:1px solid #ddd;
	padding:35px 30px;
	background-color:#fff;
	margin-top:30px;
}
#company_solution .solution_section03 .sec03_innbox p {
	line-height:1.65;
}
#company_solution .solution_section03 .sec03_ribbon {
	display:flex;
	justify-content: center;
    align-items: center;
	width:98%;
	max-width:980px;
	margin:100px auto;
}
#company_solution .solution_section03 .sec03_ribbon .wing {
	background-color:#fff;
	width:34%;
	height:340px;
	border-radius:50px;
	transform:rotate(45deg);
	position:relative;
	box-shadow: 10px 10px 5px 0 #e9e9e9;
}
#company_solution .solution_section03 .sec03_ribbon .wing .wing_txtbox {
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) rotate(-45deg);
	width:80%;
}
#company_solution .solution_section03 .sec03_ribbon .wing .wing_title {
	font-size:1.33rem;
	font-weight:bold;
	letter-spacing:-0.6px;
}
#company_solution .solution_section03 .sec03_ribbon .wing .wing_txt {
	letter-spacing:-0.45px;
	line-height:1.78;
}
#company_solution .solution_section03 .sec03_ribbon .wing_le {}
#company_solution .solution_section03 .sec03_ribbon .wing_ri {}
#company_solution .solution_section03 .sec03_ribbon .round {
	width:180px;
	height:180px;
	border-radius:50%;
	background-color:#004ea2;
	position: relative;
	z-index:1;
}
#company_solution .solution_section03 .sec03_ribbon .round p {
	color:#fff;
	font-size:1.66rem;
	font-weight:bold;
	letter-spacing:-0.75px;
	line-height:1.4;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
#company_solution .solution_section03 .sec03_footnote {
	text-align:center;
}
#company_solution .solution_section03 .sec03_footnote h5 {
	font-size:1.16rem;
	letter-spacing:-0.53px;
	font-weight:bold;
}
#company_solution .solution_section03 .sec03_footnote p {
	letter-spacing:-0.45px;
	margin-top:15px;
}


#company_solution .solution_section04 {
	margin-top:200px;
}
#company_solution .solution_section04 .solu_main_title::after {
	margin:80px auto;
}
#company_solution .solution_section04 .secCont {
	text-align:center;
}
#company_solution .solution_section04 .secCont .sec_sub_tit {
	font-size:1.44rem;
	font-weight: normal;
}

#company_solution .solution_section05 {
	margin-top:90px;
}
#company_solution .solution_section05 .sec05Cont {
	display:flex;
	flex-wrap:wrap;
}
#company_solution .solution_section05 .sec05_box {
	width:49%;
	margin-right:2%;
	border:1px solid #ededed;
	padding:25px;
}
#company_solution .solution_section05 .sec05_box .sec05_box_half + .sec05_box_half {
	margin-top:30px;
}
#company_solution .solution_section05 .sec05_box:last-child {
	margin-right:0;
}
#company_solution .solution_section05 .sec05_box span {
	font-size:1.11rem;
	background-color:#ff8200;
	border-radius:20px;
	color:#fff;
	font-weight:bold;
	padding:10px 20px;
	display:inline-block;
	margin-bottom:20px;
}
#company_solution .solution_section05 .sec05_box .leri {
	display:flex;
	align-items:flex-start;
	margin-bottom:5px;
}
#company_solution .solution_section05 .sec05_box .leri_T {
	font-weight:600;
}
#company_solution .solution_section05 .sec05_box .leri_ti {
	flex:1;
	letter-spacing:-0.45px;
}


#company_solution .solution_section06 {
	margin-top:100px;
}
#company_solution .solution_section06 .sec06Cont{
	display:flex;
	align-items:flex-start;
}
#company_solution .solution_section06 .sec06Cont > div {
	width:50%;
	padding:0 30px;
}
#company_solution .solution_section06 .sec06Title {
	font-size:1.11rem;
	font-weight:600;
}
#company_solution .solution_section06 .sec06_le {}
#company_solution .solution_section06 .sec06_le img {
	width:100%;
	max-width:560px;
	margin:0 auto;
}
#company_solution .solution_section06 .sec06_ri {}
#company_solution .solution_section06 .sec06_half + .sec06_half {
	margin-top:50px;
}
#company_solution .solution_section06 .sec06_ri ul  {
	display:flex;
	align-items:flex-start;
}
#company_solution .solution_section06 .sec06_ti {
	letter-spacing:-0.45px;
}







/* -----------반응형 css------------ */
@media (max-width:1440px) {

	#company_solution .sol_sec_imgbg {
		padding:100px 0 150px;
	}
	#company_solution .sol_sec_imgbg .bg_le,
	#company_solution .sol_sec_imgbg .bg_ri {
		width:45%;
	}
	#company_solution .sol_sec_imgbg .bg_ri {
		top:auto;
		bottom:0;
	}
	#company_solution .sol_sec_imgbg .bg_le img,
	#company_solution .sol_sec_imgbg .bg_ri img {
		width:100%;
	}

}
@media (max-width:1200px) {
	#company_solution .solu_main_title::after {
		margin:80px auto;
	}
}
@media (max-width:1024px) {
	#company_solution .solution_section03 .sec03_ribbon {
		flex-direction: column;
	}
	#company_solution .solution_section03 .sec03_ribbon .wing {
		width:320px;
		height:320px;
	}
}
@media (max-width:991px) {}
@media (max-width:768px) {
	#company_solution .sol_sec_imgbg {
		padding:80px 0;
	}
	#company_solution .solution_section03 .sec03_ribbon .wing {
		width:280px;
		height:280px;
	}
	#company_solution .solution_section05 .sec05_box {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	#company_solution .solution_section06 .sec06Cont {
		flex-wrap: wrap;
	}
	#company_solution .solution_section06 .sec06Cont > div {
		width:100%;
		margin-bottom:20px;
	}
}
@media (max-width:480px) {}
@media (max-width:320px) {}
