@charset "utf-8";

@media (max-width: 1500px) {
	.main-service .item .icon {top: 45px; right: 45px;}
	.main-service .item a:hover .icon {top: 40px; right: 40px;}
	.main-service .item .text-box {padding: 30px 30px 62px;}

	.main-rnd:before {background-size: 800px auto;}
	.main-rnd .item a {width: 400px; height: 370px;}

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

@media (max-width: 1200px) {
	/* header */
	#gnb>ul>li {padding:0 50px;}
	#gnb .submenu {width:200px;}

	.main-service .item .text-box {padding: 30px 20px 62px;}
	.main-service .item .icon {top: 35px; right: 35px;}
	.main-service .item a:hover .icon {top: 30px; right: 30px;}
	.main-service .item .text-box h4 {font-size: 32px;}

	.main-rnd:before {background-size: 700px auto;}
	.main-rnd .item a {width: 340px; height: 320px;}
	.main-rnd .item .text-box h4 {font-size: 40px;}
}

@media (max-width: 1024px) {
	/* header */
	#header {height:80px;}
	#main #header {display: block; opacity: 1;}
	#header.hide {transform:translateY(0);}
	#header .sitelogo a {background-size: 130px auto;}
	#gnb {display:none;}

	/* main */
	.main-visual .thumb .text-box h2 {font-size: 60px; line-height: 1.2em; margin-bottom: 30px;}
	.main-visual .thumb .text-box p {font-size: 20px; margin-bottom: 70px;}

	.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell, .fp-scrollable {height: auto !important;}

	.sec-title h3 {font-size: 55px; padding-top: 30px;}
	.sec-title p {font-size: 20px; margin-top: 20px;}
	.sec-title.white h3 {font-size: 47px; padding-top: 37px;}
	.sec-title.white p {margin-top: 20px;}

	.main-service {padding: 100px 0;}
	.main-service .sec-title {margin-bottom: 44px;}
	.main-service .items {display: flex; flex-wrap: wrap; margin: -6px;}
	.main-service .item {width: 50%; padding: 6px;}
	.main-service .item:nth-child(odd) {margin-top: 0;}
	.main-service .item a {height: 400px;}
	.main-service .item a:after {opacity: 1; background: linear-gradient(360deg,rgba(25, 66, 116, 1) 0%, rgba(25, 66, 116, 0.1) 100%);}
	.main-service .item .text-box {padding: 50px 40px 40px;}
	.main-service .item .icon {opacity: 1; top: 45px; right: 45px;}
	.main-service .item a:hover .icon {top: 45px; right: 45px;}
	.main-service .item a:hover .text {transform: translateY(0);}
	.main-service .item .text-box h4 {font-size: 28px;}
	.main-service .item .text-box p {opacity: 1; height: auto; font-size: 16px; margin-top: 20px;}
	.main-service.on .item:nth-child(1) {animation: text-up 1.5s both 0.5s;}
	.main-service.on .item:nth-child(2) {animation: text-up 1.5s both 0.7s;}
	.main-service.on .item:nth-child(3) {animation: text-up 1.5s both 0.5s;}
	.main-service.on .item:nth-child(4) {animation: text-up 1.5s both 0.7s;}

	.main-rnd {padding: 100px 0;}
	.main-rnd:before {background-size: 600px auto;}	
	.main-rnd .sec-title {margin-bottom: 100px;}
	.main-rnd .sec-title p br {display: none;}
	.main-rnd .cont-wrap {display: block;}
	.main-rnd .items {display: flex; justify-content: center; margin: 0 -10px;}
	.main-rnd .item {width: 50%; padding: 0 10px;}
	.main-rnd .item:nth-child(1) {margin-top: -40px;}
	.main-rnd .item:nth-child(2) {margin-top: 80px;}
	.main-rnd .item a {width: 100%; height: 350px; }
	.main-rnd .item a:before {opacity: 1; background: linear-gradient(360deg, rgba(25, 66, 116, 1) 0%, rgba(25, 66, 116, 0.1) 100%);}
	.main-rnd .item .icon {opacity: 1; top: 45px; right: 45px;}
	.main-rnd .item a:hover .icon {top: 45px; right: 45px;}
	.main-rnd .item .text-box h4 {font-size: 35px;}

	.main-contact {padding: 100px 0;}
	.main-contact .wrap {height: 450px; padding: 40px;}
	.main-contact .btn-area a {width: 190px; height: 60px; font-size: 16px; line-height: 56px; padding: 0 30px;}
	.main-contact .btn-area a:after {right: 30px;}
	.main-contact .btn-area a:hover {color: #fff; font-weight: 500;}
	.main-contact .btn-area a:hover:before {width: 0;}
	.main-contact .btn-area a:hover:after {background-image: url('../img/main/sec03_btn_arrow.png');}

	/* footer */
	#footer {padding: 50px 0;}
	#footer .wrap {align-items: unset;}
	.footer-logo {max-width: 240px; padding-top: 25px;}
	.footer-logo img {width: 170px;}
	.footer-info .top {padding-bottom: 15px; margin-bottom: 20px;}
	.footer-info .top p {font-size: 16px;}
	.footer-info .bottom {display: block;}
	.footer-info .bottom .copyright {font-size: 15px; margin-bottom: 5px;}
	.footer-info .bottom ul {justify-content: flex-end;}
	.footer-info .bottom ul li a {font-size: 16px;}

	.scroll-top {right: 15px; width: 50px; height: 50px;}
	.scroll-top.scroll-mob {display: block;}
	.scroll-top.scroll-pc {display: none;}
}

@media (max-width: 768px) {
	/* header */
	#header {height:60px;}
	#header .sitelogo a {margin-top: -32px; background-size: 100px auto;}

	/* main */
	.main-visual .thumb {margin-top: 20px;}
	.main-visual .thumb .text-box h2 {font-size: 50px; margin-bottom: 20px;}
	.main-visual .thumb .text-box p {font-size: 18px; margin-bottom: 60px;}

	.sec-title h3 {font-size: 45px; padding-top: 25px;}
	.sec-title p {font-size: 18px; margin-top: 20px;}
	.sec-title.white h3 {font-size: 42px; padding-top: 32px;}
	.sec-title.white p {margin-top: 15px;}

	.main-service {padding: 80px 0;}
	.main-service .sec-title {margin-bottom: 40px;}
	.main-service .item {width: 50%;}
	.main-service .item a {height: 360px;}
	.main-service .item .text-box {padding: 50px 20px 40px;}
	.main-service .item .icon {opacity: 1; top: 35px; right: 35px;}
	.main-service .item a:hover .icon {top: 35px; right: 35px;}
	.main-service .item .text-box h4 {font-size: 24px;}
	.main-service .item .text-box p {font-size: 16px; margin-top: 15px;}

	.main-rnd {padding: 80px 0;}
	.main-rnd:before {background-size: 450px auto;}	
	.main-rnd .sec-title {margin-bottom: 50px;}
	.main-rnd .items {display: flex; justify-content: center; margin: 0 -6px;}
	.main-rnd .item {width: 50%; padding: 0 6px;}
	.main-rnd .item:nth-child(1) {margin-top: 0;}
	.main-rnd .item:nth-child(2) {margin-top: 70px;}
	.main-rnd .item a {height: 320px;}
	.main-rnd .item .icon {opacity: 1; top: 35px; right: 35px;}
	.main-rnd .item a:hover .icon {top: 35px; right: 35px;}
	.main-rnd .item .text-box h4 {font-size: 28px;}

	.main-contact {padding: 80px 0;}
	.main-contact .wrap {height: 400px; padding: 30px 20px;}
	.main-contact .btn-area a {width: 180px; height: 60px; font-size: 16px; line-height: 56px; padding: 0 25px;}
	.main-contact .btn-area a:after {right: 25px;}

	/* footer */
	#footer {padding: 40px 0;}
	#footer .wrap {flex-direction: column;}
	.footer-logo {max-width: none; text-align: center; padding-top: 0; margin-bottom: 25px;}
	.footer-logo img {width: 130px;}
	.footer-info {width: 100%; flex: auto; text-align: center;}
	.footer-info .top {padding-bottom: 10px; margin-bottom: 15px;}
	.footer-info .top ul {justify-content: center;}
	.footer-info .top ul li {font-size: 15px;}
	.footer-info .top p {font-size: 15px;}
	.footer-info .bottom .copyright {font-size: 15px; margin-bottom: 5px;}
	.footer-info .bottom ul {justify-content: center;}
	.footer-info .bottom ul li a {font-size: 15px;}
}

@media (max-width: 480px) {
	/* main */
	.main-visual .thumb .text-box h2 {font-size: 45px;}

	.main-service .item {width: 100%;}
	.main-service .item a {height: 340px;}

	.main-rnd .items {flex-wrap: wrap;}
	.main-rnd .item {width: 100%;}
	.main-rnd .item:nth-child(2) {margin-top: 12px;}
	.main-rnd .item a {height: 300px; }

	/* footer */	
	.footer-info .top ul {display: block;}
	.footer-info .top ul li:after {display: none;}
}