@charset "utf-8";

@media (max-width: 1800px) {
	.main-visual .moon {right: 15px; background-size: 400px auto; background-position: right center;}
	.main-visual .astronaut {left: 22%; background-size: 1150px auto;}

	#fp-nav.fp-right {right: 20px;}

	/* footer */
	.scroll-top {right: 15px;}
}

@media (max-width: 1600px) {
	#gnb>ul>li {padding:0 40px;}
	#header:hover #gnb>ul>li {padding: 0 55px;}

	/* main */
	.main-visual .text-box h2 {font-size: 110px;}
	.main-visual .moon {right: 10px; background-size: 350px auto;}
	.main-visual .astronaut {left: 11%; background-size: 1100px auto;}

	.main-news .slide-wrap {max-width:1030px; margin-right: 0;}
	.main-news .thumb {max-width:385px; margin-right: 60px;}
	.main-news .nav {max-width:580px; margin-top: 40px;}

	.main-notice .list-wrap {padding: 0 100px 0 208px;}
}

@media (max-width: 1400px) {
	#gnb>ul {margin-right: 120px;} 
	#gnb>ul>li {padding:0 30px;}
	#header:hover #gnb>ul>li {padding: 0 45px;}
	#gnb>ul>li>a {font-size: 20px;}
	#gnb .submenu ul li a {font-size: 16px;}

	/* main */
	.main-visual .text-box h2 {font-size: 100px;}
	.main-visual .moon {right: 10px; background-size: 300px auto;}
	.main-visual .astronaut {left: 8%; background-size: 1000px auto;}

	.main-news .slide-wrap {max-width:900px;}
	.main-news .thumb {max-width:320px; margin-right: 60px;}
	.main-news .nav {max-width:515px; margin-top: 40px;}

	.main-notice .list-wrap {padding: 0 0 0 120px;}
}

@media (max-width: 1200px) {
	#header .sitelogo a {background-size: 200px auto;}
	#gnb>ul {margin-right: 110px;} 
	#gnb>ul>li {padding:0 32px;}
	#header:hover #gnb>ul>li {padding: 0 32px;}
	#gnb>ul>li>a {font-size: 18px;}

	/* main */
	.main-visual .text-box .inner {justify-content: flex-start; padding: 170px 15px 0;}
	.main-visual .text-box b {font-size: 28px;}
	.main-visual .text-box h2 {font-size: 90px;}
	.main-visual .moon {top: 180px; right: 10px; background-size: 280px auto;}
	.main-visual .astronaut {left: 2%; background-size: 750px auto;}
	
	.section:not(:nth-child(1)) {padding: 140px 0 50px;}
	.sec-title {text-align: center; margin-bottom: 80px;}
	.sec-title h3 {font-size: 75px;}
	.sec-title p br {display: none;}

	.main-news .wrap {display: block; overflow: hidden;}
	.main-news .sec-title {width:100%; flex:auto;}

	.main-news .slide-wrap {max-width:none;}
	.main-news .thumb {max-width:40%; margin-right: 60px;}
	.main-news .nav {max-width:55%; margin-top: 40px;}

	.main-notice {background-position: right center;}
	.main-notice .wrap {display: block;}
	.main-notice .sec-title {max-width: none; width: 100%;}
	.main-notice .list-wrap {width: 100%; flex: auto; padding: 0;}
	
	/* footer */
	#footer {padding:80px 0 100px;}
	.footer-logo {max-width: 280px;}
	.footer-logo img {width: 240px;}
	.scroll-top {bottom: 200px;}
}

@media (max-width: 1024px) {
	#header {height:100px;}
	#header.hide {transform:translateY(0);}
	#main #header {display: block; opacity: 1;}
	#gnb {display:none;}

	.sitemap-btn {width:60px;}
	.sitemap-btn span {width:60px; height: 5px; margin-top: -2px;}
	.sitemap-btn span:before,
	.sitemap-btn span:after {height:5px;}
	.sitemap-btn span:before {top:-13px; left: 10px; width:50px;}
	.sitemap-btn span:after {bottom:-13px; left: 20px; width:40px;}

	.sitemap-btn:hover span {width: 40px; left: 0;}
	.sitemap-btn:hover span:before {width: 40px; left: 10px;}
	.sitemap-btn:hover span:after {left: 20px;}

	/* main */
	.main-visual .text-box .inner {justify-content: flex-start; padding: 140px 15px 0;}
	.main-visual .text-box b {font-size: 24px; padding-left: 30px; margin-bottom: 30px;}
	.main-visual .text-box b:before {height: 50px;}
	.main-visual .text-box h2 {font-size: 80px; padding-left: 30px;}
	.main-visual .moon {top: 120px; right: 10px; background-size: 280px auto;}
	.main-visual .astronaut {left: auto; right: -160px; background-size: 750px auto;}

	.section:not(:nth-child(1)) {padding: 120px 0 50px;}
	.sec-title {margin-bottom: 70px;}
	.sec-title h3 {font-size: 60px; margin-bottom: 20px;}
	.sec-title p {font-size: 18px;}

	#main .main-tech .contain {padding-bottom: 70px;}
	.main-tech .text-box {margin-bottom: 50px;}
	.main-tech .text-box h3 {font-size: 30px; margin-bottom: 30px;}
	.main-tech .text-box p {font-size: 18px;}
	.main-tech .text-box .br-pc {display: none;}
	.main-tech .items {flex-wrap: wrap; justify-content: center; margin: 0 -15px;}
	.main-tech .item {flex: none; width: 50%; padding: 15px 15px;}
	.main-tech .item a:before {background: rgba(195,82,0,0.8);}
	.main-tech .item .text p {opacity: 1; font-size: 26px; transform: translateY(0);}

	.main-news .thumb {max-width:40%; margin-right: 50px;}
	.main-news .thumb .items {margin: 30px 0; padding-right: 30px;}
	.main-news .thumb .items:before {top: -30px; width: calc(100% - 30px); height: calc(100% + 60px);}
	.main-news .thumb .text-box {padding: 20px 25px;}
	.main-news .thumb .text-box p {font-size: 17px;}

	.main-news .nav {max-width:53.5%; margin-top: 40px;}
	.main-news .nav .items {margin:0 -10px;}
	.main-news .nav .item {padding:0 10px;}
	.main-news .nav .text-box {padding: 15px 20px;}
	.main-news .nav .text-box p {font-size: 15px;}

	.main-notice ol li a {height: 90px; padding: 0 26px;}
	.main-notice ol li a:after {right: 26px;}
	.main-notice ol li .title h4 {font-size: 22px;}
	.main-notice ol li .date {max-width: 180px; font-size: 14px;}
	.main-notice .btn-more {width: 240px; height: 55px; font-size: 18px; line-height: 55px; margin: 55px auto 0;}

	/* footer */
	#footer {padding:70px 0 80px;}
	#footer .wrap {display: flex;}
	.footer-logo {max-width: 280px;}
	.footer-info {width: 1%; flex: 1 1 auto;}
	.footer-top {font-size: 16px; padding-top: 18px; padding-bottom: 20px; margin-bottom: 20px;}
	.footer-top:after {width: 100%;}
	.footer-top ul {flex-wrap: wrap; margin: 0 -25px; }
	.footer-top ul li {padding: 0 25px;}
	.footer-bottom {display: block;} 
	.footer-bottom .copyright {font-size: 16px; margin-bottom: 15px;}
	.footer-bottom ul {width: fit-content;}
	.footer-bottom ul li {padding: 0 25px;}
	.footer-bottom ul li a {height: 46px; font-size: 16px; line-height: 46px;}
	.scroll-top {bottom: 120px;}
	.scroll-top.scroll-mob {display: block;}
	.scroll-top.scroll-pc {display: none;}
}

@media (max-width: 768px) {
	#header {height:80px;}
	#header .sitelogo a {background-size: 180px auto;}
	#gnb {display:none;}

	/* main */
	.fullpage-wrapper { ointer-events: none;}
	.main-visual .text-box .inner {padding: 120px 15px 0;}
	.main-visual .text-box b {font-size: 20px; padding-left: 20px; margin-bottom: 20px;}
	.main-visual .text-box b:before {height: 44px;}
	.main-visual .text-box h2 {font-size: 60px; padding-left: 20px;}
	.main-visual .moon {right: 10px; background-size: 220px auto;}
	.main-visual .astronaut {left: auto; right: -280px; background-size: 550px auto;}

	.section:not(:nth-child(1)) {padding: 100px 0 30px;}
	.sec-title {margin-bottom: 70px;}
	.sec-title h3 {font-size: 40px; margin-bottom: 20px;}
	.sec-title p {font-size: 16px;}

	#main .main-tech .contain {padding-bottom: 70px;}
	.main-tech .text-box {margin-bottom: 40px;}
	.main-tech .text-box h3 {font-size: 24px; margin-bottom: 25px;}
	.main-tech .text-box p {font-size: 16px;}
	.main-tech .item {width: 50%; padding: 15px 15px;}
	.main-tech .item .text p {font-size: 22px;}

	.main-news {position: relative; z-index: 10; pointer-events: auto;}
	.main-news .slide-wrap {display: block;}
	.main-news .thumb {max-width:100%; margin-right: 0;}
	.main-news .thumb .items {margin: 30px 0; padding-right: 30px;}
	.main-news .thumb .items:before {top: -30px; width: calc(100% - 30px); height: calc(100% + 60px);}
	.main-news .thumb .text-box {padding: 20px 25px;}
	.main-news .thumb .text-box p {font-size: 16px;}

	.main-news .nav {max-width: 100%;}
	.main-news .nav .items {visibility: hidden; height: 0; overflow: hidden; pointer-events: none;}

	.main-news .controler-wrap {width: 100%; margin-top: 40px;}

	.main-notice ol li a {height: 80px; padding: 0 10px;}
	.main-notice ol li a:after {right: 10px;}
	.main-notice ol li .title h4 {font-size: 18px;}
	.main-notice ol li .date {max-width: 120px; font-size: 14px; padding-left: 20px;}
	.main-notice .btn-more {width: 200px; height: 50px; font-size: 16px; line-height: 50px; margin: 45px auto 0;}

	/* footer */
	#footer {padding:50px 0 60px;}
	#footer .wrap {display: block; text-align: center;}
	.footer-logo {max-width: none;}
	.footer-logo img {width: 200px;}
	.footer-info {width: 100%; flex: auto;}
	.footer-top {font-size: 15px; padding-top: 18px; padding-bottom: 15px; margin-bottom: 15px;}
	.footer-top:after {width: 100%;}
	.footer-top ul {display: block; margin: 0 -25px; }
	.footer-top ul li {padding: 0 25px;}
	.footer-top ul li:after {display: none;}
	.footer-bottom {display: block;} 
	.footer-bottom .copyright {font-size: 15px;}
	.footer-bottom ul {margin: 0 auto;}
	.footer-bottom ul li {padding: 0 20px;}
	.footer-bottom ul li a {height: 42px; font-size: 15px; line-height: 42px;}
	.scroll-top {bottom: 120px; width: 50px; height: 50px;}
}

@media (max-width: 480px) {
	/* main */
	.main-visual .text-box .inner {padding: 100px 15px 0;}
	.main-visual .text-box h2 {font-size: 44px;}
	.main-visual .moon {right: 10px; background-size: 180px auto;}
	.main-visual .astronaut {right: -350px; background-size: 500px auto;}

	.main-tech .item {width: 100%;}
	
}