@charset "utf-8";

@media (max-width: 1630px) {
	.sitemap-btn {right:15px;}
	.foot-col {margin-right:0;}
}
@media (max-width: 1430px) {
	#gnb {margin-left:240px;}
	#gnb>ul {justify-content:flex-start;}
	#gnb>ul>li {width:160px;}
}

@media (max-width: 1230px) {
	#gnb>ul>li {width:130px;}
	#gnb>ul>li>a {font-size:16px;}
	#gnb .submenu ul {padding:20px 0 30px;}
	#gnb .submenu ul li a {font-size:16px;}
}


@media (max-width: 1024px) {
	.contain {height:100%;}

	#wrapper {overflow:hidden;}
	#header {position:absolute;}
	#gnb {display:none;}
	
	#header.active {transform:translateY(0);}
	#header.hide {transform:translateY(0);}
	/* main-visual */
	.main-visual .txt-box {padding:0 15px;}
	.main-visual .txt-box p {font-size:18px; margin-bottom:30px;}
	.main-visual .txt-box h2 {font-size:40px;}
	.main-visual .visual-btn {bottom:60px; left:15px;}
	.main-visual .visual-btn .paging {padding-right:20px;}
	.scrolldown {bottom:60px; right:15px;}
	/* section */
	.section-common {height:100% !important;}
	.section-common .fp-tableCell {padding-top:0; height:100% !important;}
	.section-common .cont {padding:0;}
	/* section01 */
	.section01 .col {display:block;}
	.section01 .row {width:100%; padding:120px 15px; display:flex; align-items:center; background-repeat:no-repeat; background-size:cover; background-position:center center;}
	.section01 .inner h3 {font-size:40px; margin-bottom:24px;}
	.section01 .inner p {font-size:20px; margin-bottom:40px;}
	.section01 .inner a {font-size:16px; width:180px; line-height:60px; padding:0 20px;}
	.section01 .inner a:before {display:none;}
	.section01 .inner a span {width:32px; height:32px; margin-top:-16px; right:20px;}
	.section01 .inner a span:before {width:10px; height:2px; margin-top:-1px; margin-left:-5px;}
	/* section02 */
	.section02 {padding:100px 0 120px;}
	.section02 .col {display:block;}
	.section02 .tit-box {max-width:none; padding-top:0; margin-bottom:60px;}
	.section02 .tit-box h3 {font-size:40px; margin-bottom:24px;}
	.section02 .tit-box p {font-size:20px; margin-bottom:40px;}
	.arrows .slick-arrow {width:60px; height:60px;}
	.section02 .slide-box {width:100%;}
	.section02 .slide-box .items {margin:0 -10px;}
	.section02 .slide-box .item {padding:0 10px;}
	.section02 .slide-box .inner {margin-top:0; padding:30px; height:400px;}
	.section02 .slide-box .item:hover .inner {margin-top:0; margin-bottom:0;}
	.section02 .slide-box .inner .txt p {font-size:15px; margin-bottom:16px;}
	.section02 .slide-box .inner .txt h4 {font-size:28px;}
	.section02 .slide-box .inner .more p {font-size:15px; padding-right:20px;}
	.section02 .slide-box .inner .more p:after {width:10px;}
	/* section03 */
	.section03 .col {flex-wrap:wrap;}
	.section03 .row {height:auto; padding:100px 15px;}
	.section03 .row:nth-child(1) {width:33.33333%;}
	.section03 .row:nth-child(2) {width:33.33333%;}
	.section03 .row:nth-child(3) {width:33.33333%;}
	.section03 .row:nth-child(4) {width:50%;}
	.section03 .row:nth-child(5) {width:50%;}
	.section03 .row:hover:nth-child(1) {width:33.33333%;}
	.section03 .row:hover:nth-child(2) {width:33.33333%;}
	.section03 .row:hover:nth-child(3) {width:33.33333%;}
	.section03 .row:hover:nth-child(4) {width:50%;}
	.section03 .row:hover:nth-child(5) {width:50%;}
	.section03 .inner h3 {font-size:32px;}
	.section03 .row:hover .inner h3 {font-size:32px;}
	.section03 .inner .txt {height:auto; padding-top:20px;}
	.section03 .row:hover .inner .txt {height:auto; padding-top:20px; transition-delay:0.3s;}
	.section03 .inner p {font-size:20px; line-height:1.5em;}
	.section03 .inner .more {margin-top:40px;}
	.section03 .inner .more a {font-size:16px; width:180px; line-height:60px; padding:0 20px;}
	.section03 .inner .more a:before {display:none;}
	.section03 .inner .more a span {width:32px; height:32px; margin-top:-16px; right:20px;}
	.section03 .inner .more a span:before {width:10px; height:2px; margin-top:-1px; margin-left:-5px;}
	/* section04 */
	.section04 {padding:100px 0 120px;}
	.section04 .col {display:block;}
	.section04 .tit-box {width:100%; max-width:none; padding-top:0; margin-bottom:60px;}
	.section04 .tit-box h3 {font-size:40px; margin-bottom:24px;}
	.section04 .tit-box p {font-size:20px; margin-bottom:40px;}
	.section04 .slide-box {width:100%;}
	.section04 .slide-box .items {margin:0 -10px;}
	.section04 .slide-box .item {padding:0 10px;}
	.section04 .slide-box .inner {padding:30px; margin-top:0; height:100%;}
	.section04 .slide-box .item:hover .inner {margin-top:0; margin-bottom:0;}	
	.section04 .slide-box .inner .date {margin-bottom:24px; padding-left:10px;}
	.section04 .slide-box .inner .date .day {font-size:30px;}
	.section04 .slide-box .inner .date .month {font-size:13px;}
	.section04 .slide-box .inner .tit {margin-bottom:10px;}
	.section04 .slide-box .inner .tit h4 {font-size:20px;}
	.section04 .slide-box .inner .txt p {font-size:16px; height:calc(1.8em * 1 * 4); -webkit-line-clamp:4;}
	.section04 .slide-box .more {margin-top:36px;}
	.section04 .slide-box .more a {font-size:16px; padding-right:20px;}
	.section04 .slide-box .more a:after {width:10px;}
	/* section05 */
	.section05 .sec05 {padding:100px 0 120px;}
	.section05 .sec05 .tit {margin-bottom:80px;}
	.section05 .sec05 .tit h3 {font-size:40px; margin-bottom:32px;}
	.section05 .sec05 .tit p {font-size:20px;}
	.section05 .sec05 .items {margin:0 -15px;}
	.section05 .sec05 .item {padding:0 15px;}
	/* footer */
	#footer {padding:50px 0;}
	.foot-info {margin-bottom:20px; padding-bottom:20px;}
	.foot-col.foot-info {flex-direction:column-reverse; text-align:center;}
	.foot-col .logo {margin-bottom:30px;}
	.foot-col p {font-size:14px;}
	.foot-col p span {margin:0 5px;}
	.foot-col ul {margin:0 -10px;}
	.foot-col ul li {padding:0 10px;}
	.foot-col ul li a {font-size:14px;}
	
	
}

@media (max-width: 640px) {
	#header {height:80px;}
	#header .sitelogo a {height:36px; margin-top:-18px; width:200px;}
	/* main-visual */
	.main-visual .txt-box p {font-size:16px; margin-bottom:24px;}
	.main-visual .txt-box h2 {font-size:30px;}
	.main-visual .txt-box h2 br {display:none;}
	.main-visual .visual-btn {bottom:40px;}
	.scrolldown {bottom:40px;}
	/* section */
	.section-common {height:100% !important;}
	.section-common .fp-tableCell {padding-top:0; height:100% !important;}
	.section-common .cont {padding:0;}
	/* section01 */
	.section01 .row {padding:80px 15px;}
	.section01 .inner h3 {font-size:30px; margin-bottom:20px;}
	.section01 .inner p {font-size:18px; margin-bottom:30px;}
	.section01 .inner a {font-size:14px; width:150px; line-height:50px; padding:0 15px;}
	.section01 .inner a span {width:24px; height:24px; margin-top:-12px; right:15px;}
	.section01 .inner a span:before {width:8px; margin-left:-4px;}
	/* section02 */
	.section02 {padding:80px 0 100px;}
	.section02 .tit-box {margin-bottom:40px;}
	.section02 .tit-box h3 {font-size:30px; margin-bottom:20px;}
	.section02 .tit-box p {font-size:18px; margin-bottom:30px;}
	.arrows .slick-arrow {width:50px; height:50px;}
	.section02 .slide-box .inner {padding:20px; height:300px;}
	.section02 .slide-box .inner .txt p {font-size:14px; margin-bottom:10px;}
	.section02 .slide-box .inner .txt h4 {font-size:24px;}
	.section02 .slide-box .inner .more p {font-size:14px; padding-right:16px;}
	.section02 .slide-box .inner .more p:after {width:8px;}
	.arrows .slick-arrow {margin-right:10px;}
	/* section03 */
	.section03 .row {padding:50px 15px; width:100% !important;}
	.section03 .row:hover {width:100% !important;}
	.section03 .inner h3 {font-size:26px;}
	.section03 .row:hover .inner h3 {font-size:26px;}
	.section03 .inner p {font-size:18px; }
	.section03 .inner .more {margin-top:30px;}
	.section03 .inner .more a {font-size:14px; width:150px; line-height:50px; padding:0 15px;}
	.section03 .inner .more a span {width:24px; height:24px; margin-top:-12px; right:15px;}
	.section03 .inner .more a span:before {width:8px; margin-left:-4px;}
	/* section04 */
	.section04 {padding:80px 0 100px;}
	.section04 .tit-box {margin-bottom:40px;}
	.section04 .tit-box h3 {font-size:30px; margin-bottom:20px;}
	.section04 .tit-box p {font-size:18px; margin-bottom:30px;}
	.section04 .slide-box .inner {padding:20px;}
	.section04 .slide-box .inner .date {margin-bottom:20px;}
	.section04 .slide-box .inner .date .day {font-size:24px;}
	.section04 .slide-box .inner .date .month {font-size:12px;}
	.section04 .slide-box .inner .tit h4 {font-size:18px;}
	.section04 .slide-box .inner .txt p {font-size:14px; height:calc(1.8em * 1 * 3); -webkit-line-clamp:3;}
	.section04 .slide-box .more {margin-top:24px;}
	.section04 .slide-box .more a {font-size:14px; padding-right:16px;}
	.section04 .slide-box .more a:after {width:8px;}
	/* section05 */
	.section05 .sec05 {padding:80px 0 100px;}
	.section05 .sec05 .tit {margin-bottom:60px;}
	.section05 .sec05 .tit h3 {font-size:30px; margin-bottom:24px;}
	.section05 .sec05 .tit p {font-size:18px;}
	.section05 .sec05 .items {margin:0;}
	.section05 .sec05 .item {padding:0 20px;}
	/* footer */
	#footer {padding:30px 0;}
	.foot-info {margin-bottom:20px; padding-bottom:20px;}
	.foot-col {display:block; text-align:center;}
	.foot-col.foot-info {display:flex;}
	.foot-col .logo {margin-bottom:20px;}
	.foot-col .logo img {width:160px;}
	.foot-col p {font-size:12px;}
	.foot-col p span {display:none;}
	.foot-col p br {display:block;}
	.foot-col ul {margin:20px 0 0; justify-content:center;}
	.foot-col ul li a {font-size:12px;}
}

@media (max-width: 400px) {
	.section02 .slide-box .inner {height:240px; padding:15px;}
	
	.section04 .slide-box .inner {padding:15px;}
	.section04 .slide-box .inner .date {margin-bottom:12px;}
	
}