@charset "utf-8";

/* 메인페이지 스타일만 정의 */
.main {height:calc(100vh - 250px); display:flex; width:100%; align-items:center; justify-content:center;  background:url(../images/main/main-bg.jpg)center /cover no-repeat; text-align:center;}
.mainWrap {}
.mainWrap h2 {font-size:60px; font-weight:700; color:#fff; line-height:1.3; letter-spacing:-1px;}
.mainWrap p {padding:0 0 70px; font-size:36px; font-weight:400; color:#fff; letter-spacing:-2px;}
.mainWrap ul {display:flex; justify-content:center;}
.mainWrap ul li {}
.mainWrap ul li a {margin:0 5px; padding:0 0 0 35px; width:250px; line-height:70px; color:var(--c_blue); border-radius:100px; display:block; background:#fff url(../images/main/i-list01.png)17% center no-repeat; letter-spacing:-1px; font-weight:400;}
.mainWrap ul li:nth-child(2) a {background-image:url(../images/main/i-list02.png);}
.mainWrap ul li:nth-child(3) a {background-image:url(../images/main/i-list03.png);}
.mainWrap ul li:hover a {background-color:var(--c_blue); color:#fff;}


/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1024px) {
	.main { height:calc(100vh - 191px);}
	.mainWrap {padding:0 20px;}
	.mainWrap h2 {font-size:50px;}
	.mainWrap p {font-size:32px; padding:0 0 60px;}
	.mainWrap ul li a {font-size:15px;}





}



/* ************************ 모바일 이하(~767) ************************ */
@media screen and (max-width: 767px) {
	
	.main {height:calc(100vh - 191px);}
	.mainWrap h2 {font-size:36px;}
	.mainWrap p {font-size:21px; padding:0 0 40px;}
	.mainWrap ul {display:block;}
	.mainWrap ul li a {width:230px; padding:0 0 0 30px; margin:0 auto; line-height:60px; background-size:28px;}
	.mainWrap ul li+li {margin-top:10px;}


}