@charset "utf-8";

@import url(/common/font/notosans.css);
@import url(/common/font/votro.css);
		
* {box-sizing:border-box;}
body {position:relative; font-family:'NotoSans','맑은 고딕', Malgun Gothic, 'Noto Sans KR', sans-serif; font-size:20px; text-align:center; line-height:1.2;}
	
.wrap {width:100%; min-width:320px;}
.inner {width:79em; max-width:100%; margin:0 auto;}

.footer {position:relative; height:14vh; padding:1em 0;color:#777;}
.footer img {height:2.4em;}
.footer p {font-size:.8em; }
.footer span {display:inline-block; margin-left:2em;}

.not-pc {display:none;}
.only-mo {display:none;}

/*  경기도체육대회 2026 광주 */

.gjs2026 {height:86vh; padding:3em; background: linear-gradient(95deg, #EEE7F9 -3.93%, #FFEBF4 102.74%); background:url(/common/img/intro/intro_bg_gjs.jpg) no-repeat center center; background-size:cover;display:flex; flex-wrap:nowrap; align-items:center; justify-content:center;}
.gjs2026 .item {background:#fff;border-radius:1.2em;box-shadow: .5em .5em 1em rgba(0, 0, 0, .1); width: 24em; overflow:hidden;}
.gjs2026 .item + .item {margin-left:2em;}	
.gjs2026 .item .thumb {padding:2em 1.2em;}
.gjs2026 .item .thumb img {display:block;max-width:100%;width:80%;margin:0 auto;}
.gjs2026 .item .txt {background-image:url(/common/img/intro/ban_hover_bg.svg);background-repeat:no-repeat;background-position:50% -100%;background-size:auto 200%;padding:2em 1.2em;}
.gjs2026 .item .txt p {font-family:'Vitro_core';font-size:1.6em; font-weight:900; color:#222; margin-bottom:.8em; word-break:keep-all;}
.gjs2026 .item .txt .btn {display:inline-block; font-size:.9em;color:#fff; padding:.5em 1em; border-radius:2em; background:#3C2280; border:0;}
.gjs2026 .item .txt:hover,
.gjs2026 .item .txt:focus {background-position:50% 0; transition:.3s ease;}
.gjs2026 .item .txt:hover p,
.gjs2026 .item .txt:focus p {color:#fff;}
.gjs2026 .item .txt:hover .btn,
.gjs2026 .item .txt:focus .btn {background:#fff; border:1px solid #fff; color:#3c2280;}

@media all and (max-width:1024px) {
	.gjs2026 {padding:2em;}
	.gjs2026 .item + .item {margin-left:1em;}
	.gjs2026 .item .thumb {padding:1.2em;}
	.gjs2026 .item .txt {padding:1em 1.2em 1.2em; min-height:10em;}
}

@media all and (max-width:768px) {
	.gjs2026, .footer {height:auto;}
	.gjs2026 .item .txt p {font-size:1.4em;}
}

@media all and (max-width:640px) {
	
	.gjs2026 {flex-wrap:wrap;}
	.gjs2026 .item + .item {margin-left:0; margin-top:1em;}
	.gjs2026 .item .thumb {padding:0;}
	.gjs2026 .item .txt {min-height:0;}
	.gjs2026 .item .txt p {font-size:1.2em;}
	.gjs2026 .item .txt .btn {font-size:.8em;}
	}

			/* 
		.sec01 {height:84vh; padding:4em 0 3em; background-color:#fff; background-image:url(/common/img/intro/bg_01.svg), url(/common/img/intro/bg_02.svg); background-repeat:no-repeat; background-position:0 0, 100% 100%; overflow:hidden; position:relative; z-index:2;}
		.sec01 .tit {position:relative; text-align:center;}
		.sec01 .tit-wrap {display:inline-block; overflow:hidden; position:relative; z-index:2;}
		.sec01 .tit-wrap > * {display:inline-block; vertical-align:middle; margin:0 .25em;}
		.sec01 .tit-wrap span img {max-width:100%;}
		.sec01 .tit-wrap .txt {font-size:1.65em; color:#CA9B17; line-height:1.2; padding-top:.7em;}
		.sec01 .list-link {position:relative; margin:3.5em -1em 0; display:flex; flex-wrap:wrap;}
		.sec01 .list-link:before {content:''; width:19em; height:29em; background:url(/common/img/intro/img_man.svg) no-repeat top center; background-size:95% auto; position:absolute; top:-10em; left:-3.5em;}
		.sec01 .list-link:after {content:''; width:20em; height:24.5em; background:url(/common/img/intro/img_woman.svg) no-repeat top center; background-size:90% auto; position:absolute; top:-11em; right:-5em;}
		.sec01 .list-link >li {width:25%; padding:0 1em;}
		.sec01 .link-box {background:#fff; border-radius:1em 4em 1em 4em; box-shadow:8px 8px 30px rgba(0,0,0,.1); overflow:hidden; position:relative; top:0; z-index:2; transition:.3s;}
		.sec01 .list-link >li:hover .link-box {top:-2em;}
		.sec01 .link-box .thumb img {width:100%;}
		.sec01 .link-box .txt {min-height:11em; padding:2em 0;}
		.sec01 .link-box .txt p {font-size:1.35em;}
		.sec01 .link-box.ty1 .txt p {color:#D22259;}
		.sec01 .link-box.ty2 .txt p {color:#383838;}
		.sec01 .link-box.ty3 .txt p {color:#E94192;}
		.sec01 .link-box.ty4 .txt p {color:#004CBD;}
		.sec01 .link-box .txt .btn-wrap {padding-top:1.5em;}
		.sec01 .link-box .txt .btn-wrap .btn {padding:.75em 1.5em .5em; margin:0; font-family:'GmarketSans'; font-size:1em; color:#fff; line-height:1; border:0; border-radius:50px;}
		.sec01 .link-box.ty1 .txt .btn-wrap .btn {background:#D22259;}
		.sec01 .link-box.ty2 .txt .btn-wrap .btn {background:#383838;}
		.sec01 .link-box.ty3 .txt .btn-wrap .btn {background:#E94192;}
		.sec01 .link-box.ty4 .txt .btn-wrap .btn {background:#004CBD;}
		.sec01 .link-box.ty1 .txt .btn-wrap .btn:hover {background:#9f0d3b;}
		.sec01 .link-box.ty2 .txt .btn-wrap .btn:hover {background:#111111;}
		.sec01 .link-box.ty3 .txt .btn-wrap .btn:hover {background:#b11b63;}
		.sec01 .link-box.ty4 .txt .btn-wrap .btn:hover {background:#002e73;} */
		
		/* 
		@media all and (max-width:1580px) {
			.inner {padding:0 2em;}
			.sec01 {padding:2em 0 3em;}
			.sec01 .tit-wrap >* {float:none;}
			.sec01 .tit-wrap .slogan {display:block; width:10em; margin:0 auto .5em;}
			.sec01 .tit-wrap .wasbe {width:16em;}
			.sec01 .tit-wrap .txt {font-size:1.45em;}
			.sec01 .link-box {border-radius:.75em 3em .75em 3em; }
			.sec01 .list-link {margin:2em -.5em 0;}
			.sec01 .list-link:before {width:14em; left:-2em; top:-11em;}
			.sec01 .list-link:after {width:16em; right:-6em;}
			.sec01 .list-link >li {padding:0 .5em;}
			.sec01 .link-box .txt {min-height:10em;}
			.sec01 .link-box .txt p {font-size:1.2em;}
			.sec01 .link-box .txt .btn-wrap {padding-top:1em;}
			.sec01 .link-box .txt .btn-wrap .btn {font-size:.9em;}
		}
		@media all and (max-width:1100px) {
			.sec01 .list-link:before,
			.sec01 .list-link:after {display:none;}
		}
		@media all and (max-width:1024px) {
			body {font-size:19px;}
			.sec01 {height:auto;}
			.sec01 .list-link {margin:1em -1em 0;}
			
			.sec01 .list-link >li {width:50%; padding:.75em;}
			.sec01 .list-link >li:hover .link-box {top:-1em;}
			.footer {height:auto;}
			.footer .info span {display:block; margin-left:0;}
			.not-pc {display:block;}
			
		}
		@media all and (max-width:768px) {
			body {font-size:18px;}
			.sec01 .tit-wrap .slogan {width:8em;}
		}
		@media all and (max-width:640px) {
			body {font-size:17px;}
			.sec01 .list-link {margin:1em -.5em 1em;}
			.sec01 .list-link >li {padding:.5em;}
			.sec01 .link-box .txt {min-height:auto; padding:1.5em 0 2em;}
			.footer {padding:1.5em 0 2em;}
		}
		@media all and (max-width:480px) {
			body {font-size:16px;}
			.inner {padding:0 1em;}
			.sec01 .list-link {margin-top:1em;}
			.sec01 .list-link >li {width:100%; float:none;}
			.sec01 .link-box .txt {padding:1.6em 0 2em;}
			.footer .info {margin-top:1em;}
			
			.only-mo {display:block;}
		} */