@charset "utf-8";
.gui_conts h4 {
	font-size: 30px;
	font-weight: 600;
	padding-bottom: 2rem;
	position:relative;
	display: inline-block;
}
.gui_conts h4:after {
	content:"";
	position:absolute;
	display: block;
	width: 10px;
	height: 10px;
	background-color:var(--color-main);
	border-radius:50%;
	top: 3px;
	right: -12px;
}
.icon_list {
    margin-bottom: 5rem;
}
.icon_list li {
    margin: 1rem 0;
}

.icon_list li p {}
.icon_list li span {
    background-image: url(/img/page/guide/icon1.png);
    width: 160px;
    height: 160px;
    background-color: var(--color-main);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    position:relative;
    border: 8px solid #e2f5fd;
}
.icon_list li:nth-child(2) span {background-image: url(/img/page/guide/icon2.png);}
.icon_list li:nth-child(3) span {background-image: url(/img/page/guide/icon3.png);}
.icon_list li:nth-child(4) span {background-image: url(/img/page/guide/icon4.png);}
.icon_list li:nth-child(5) span {background-image: url(/img/page/guide/icon5.png);}
.icon_list li:nth-child(6) span {background-image: url(/img/page/guide/icon6.png);}
.icon_list li:nth-child(7) span {background-image: url(/img/page/guide/icon7.png);}
.icon_list li span:after {
    content:"\f054";
    position: absolute;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right:-45%;
    top:50%;
    transform:translatey(-50%);
    color:#ccc
}
.icon_list li:last-child span::after {display:none;}

/* PC (해상도 ~ 1440px)*/ 
@media only screen and (max-width: 1440px)  {
	.icon_list li {}
	.icon_list li span:after {
    right: -35%;
}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) {
	.icon_list li span {
    width: 130px;
    height: 130px;
    background-size: 55%;
}
	.icon_list li span:after {
    right: -30%;
}
}

/* 모바일 가로, 모바일 세로 (해상도 ~ 767px)*/ 
@media all and (max-width:767px) {
	.icon_list li {
    width: 50%;
    margin-left: -2%;
}
	.icon_list li span {
	    width: 130px;
	    height: 130px;
	    background-size: 55%;
	}
	.icon_list li span:after {
	    right: -25%;
	}
}