@charset "euc-kr";

header .head h1 {display:none;}

/* ¸ÞÀθ¸ º°µµ Àû¿ë */
a.gotop {display:none;}

/* body {background:var(--orange);} */

/* header .head .menu_btn {position:absolute; right:4vw; top:0; width:; height:130px; display:flex; align-items:center; z-index:99;} */
header .head .menu_btn {display:none;}
header .head .back_btn {display:none;}

.mainCover {background:var(--orange); position:absolute; left:0; top:0; width:100%; height:720px; border-radius:0 0 30px 30px;z-index:-3;}
.mainBg1 {width:940px; position:absolute; left:50%; top:170px; z-index:-2; transform:translateX(-50%);}
.mainBg1 img {width:100%;}
.mainBg2 {width:990px; position:absolute; left:50%; top:320px; z-index:-1; transform:translateX(-50%);}
.mainBg2 img {width:100%;}
.mainLogo {height:130px; display:flex; align-items:center; justify-content:center;}
.mainLogo img {}

main {padding:0 4vw 14px; position:relative; overflow:hidden;}
main h2 {padding:0 0 20px; font-size:48px; font-weight:700; line-height:1.2; color:var(--yellow2); text-align:center;}
main div {}
main .mainImg {text-align:center;}
main .mainImg img {max-width:100%;}
main .menuList ul {max-width:570px; margin:0 auto; display:flex; gap:13px; flex-wrap:wrap;}
main .menuList ul li {width:calc((100% - 26px)/3); display:flex; align-items:center;}
main .menuList ul li a {padding:30px 10px 20px; margin:0 auto; max-width:100%; width:100%; height:150px; border:1px solid #999; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,.07); display:block; background:#fff; text-align:center;}
main .menuList ul li a span {padding:20px 0 0; display:block;font-size:22px; font-weight:500; color:#000; letter-spacing:-1px; line-height:1.2;}

main .menuList ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* ÃÑ 6Ä­ ±âÁØÀ¸·Î °è»ê */
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

main .menuList li {
  text-align: center;
}

/* À­ÁÙ 3°³´Â °¢ 2Ä­¾¿ Â÷Áö (1fr¾¿ 3Ä­°ú °°À½) */
main .menuList li:nth-child(1),
main .menuList li:nth-child(2),
main .menuList li:nth-child(3) {
  grid-column: span 2; width:100%;
}

/* ¾Æ·§ÁÙ 2°³´Â °¢ 3Ä­¾¿ Â÷Áö (À­ÁÙ Àüü ÆøÀÇ Àý¹Ý) */
main .menuList li.bottom {
  grid-column: span 3; width: 100%;
}




@media screen and (max-width:560px){
	main {}
	.mainLogo img {height:60px;}
	main h2 {padding:0 0 20px; font-size:42px;}
	main .menuList ul li a span {font-size:20px; padding:16px 0 0;}
	main .menuList ul li a img {width:45%;}
}

@media screen and (max-width:480px){
	.mainCover {height:480px;}
	.mainBg1 {width:120%;}
	.mainBg2 {width:120%;}
	.mainLogo {height:90px;}
	.mainLogo img {height:50px;}
	main h2 {padding:0 0 14px; font-size:32px;}
	main .mainImg img {width:80%;}
	main .menuList ul {gap:7px;}
	main .menuList ul li a {padding:16px 0 10px; height:27vw; min-height:100px;}
	main .menuList ul li a img {width:40%; max-width:40px;}
	main .menuList ul li a span {font-size:16px; padding:6px 0 0; font-weight:400;}
}