@charset "utf-8";

/* 자주찾는메뉴 */
.service { padding-top:80px; }
.service ul { display:flex; width:calc(100% + 20px); margin-left:-10px; }
.service ul li { display: flex;flex-direction: column; justify-content:space-between; /* position:relative; */ padding:24px; width:calc(33.33% - 20px); background:#fff; margin:0 10px; border-radius:20px; border:1px solid #F3F3F3; z-index:1; }
/* .service ul li::before { content:''; display:block; position:absolute; left:50%; transform:translateX(-50%); background-position:center; background-repeat:no-repeat; z-index:-1; }
.service ul li:nth-child(1)::before { top:47px; width:88px; height:87px; background-image:url('/diam/web/thema/danoje/images/main/bg_service_1.png'); }
.service ul li:nth-child(2)::before { top:51px; width:92px; height:84px; background-image:url('/diam/web/thema/danoje/images/main/bg_service_2.png'); }
.service ul li:nth-child(3)::before { top:52px; width:99px; height:77px; transform:translateX(calc(-50% + 0.5px)); background-image:url('/diam/web/thema/danoje/images/main/bg_service_3.png'); }	*/
.service ul li a { display:block; }
.service ul li p { margin-bottom:0; }
.service ul li .img { width:99px; height:87px; margin:0 auto; text-align:center; }
.service ul li .con_wrap { }
.service ul li .con_wrap .tit { margin:35px 0 15px; /* padding-top:154px; */ color:#111; font-size:1.375rem; letter-spacing:-0.03em; font-weight:900; line-height:1.7; }
.service ul li .con_wrap .btn_more { }
.service ul li .con_wrap .btn_more { color:#666; font-family:'Poppins'; letter-spacing:0.02em; line-height:1.4; }
.service ul li .con_wrap .btn_more i { font-size:0.75rem; transition:all 0.3s; }
.service ul li .con_wrap .btn_more:hover i,
.service ul li .con_wrap .btn_more:focus i { transform:translateX(5px); }

@media (max-width: 992px) {
	.service { padding-top:15px; }
}

@media (max-width: 768px) {
	.service ul { flex-wrap:wrap; gap:20px 0; width:100%; margin:0; }
	.service ul li { flex-direction: row;justify-content: flex-start; align-items:center; width:100%; margin:0; }
	.service ul li::before { left:0; transform:none; }
	.service ul li .img { text-align:left; }
	.service ul li .con_wrap { width:calc(100% - 139px); margin-left:40px; }
	.service ul li .con_wrap .tit { margin-top:0; font-size:1.25rem; }
}

@media (max-width: 360px) {
	.service ul li .con_wrap { width:calc(100% - 119px); margin-left:20px; }
}