@charset "utf-8";

.article {}
.article h3 {color: var(--base1); padding-left: 20px; position: relative; transition: .3s;}
.article h3:before {content: ""; width: 10px; height: 4px; background: var(--base2); position: absolute; left: 0; top: 8px;}
.article .line {width: 100%; height: 1px; background: #ddd; margin: 70px 0;}
.article .guideGrid {display: grid; grid-template-columns: 250px auto; gap: 100px; align-items: start;}
.article .guideGrid:hover h3 {transform: translateX(10px);}

.article pre {margin:50px 0 0; padding:0; font-family:inherit; font-size:16px; line-height:inherit; background:#fff; border:0; color:#666;}


/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	

	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.article pre {margin: 25px 0 0;}
	
	.article .guideGrid {display:block;}
	.article .guideGrid h3 {margin-bottom:20px;}
	
	.article .line {margin: 50px 0;}
	
}