@charset "utf-8";

#m_conts {margin-top:-5em; min-height:80vh;}
.mainSection {position:relative;}
@media all and (max-width:640px) {
	#m_conts {margin-top:-4em;}
}

.mainSection,
.mainIntroSection,
.mainSectionContents {padding-left:2em; padding-right:2em;}
@media all and (max-width:640px) {
	.mainSection,
	.mainIntroSection,
	.mainSectionContents {padding-left:1.2em; padding-right:1.2em;}
}


/********************************************
	Intro Movie
********************************************/

.mainIntroMovie {position:fixed; top:0; left:0; right:0; bottom:0; z-index:-2;}
.mainIntroMovie:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:url(../img/main/bak_intro_mask.png) no-repeat 50% 0 / 100% 100%;}
.mainIntroMovie img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0;}

@media all and (max-width:1024px) {
	.mainIntroMovie {height:32.7em; bottom:auto;}	
}

/********************************************
	Main Contents
********************************************/

.mainSectionContents {position:relative; z-index:0; min-height:30em; margin-top:-10em; transition:.3s all; -webkit-transition:.3s all; background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 15em,#fff 15em,#fff 100%);}
.mainSectionContents:before {content:""; display:block; position:absolute; z-index:-1; top:0; bottom:0; left:50%; width:1920px; min-width:100%; transform:translateX(-50%);-webkit-transform:translateX(-50%); background:url(../img/main/bak_body.png) no-repeat top 0 left 50% / 100% auto;}
.mainSectionContents h3 strong {font-family:'Tenada'; color:#111111; font-weight:600; font-size:2em; line-height:1.1;}

@media all and (max-width:1920px) {
	.mainSectionContents:before {left:auto; transform:none;-webkit-transform:none; right:0;}		
	
}
@media all and (max-width:1024px) {
	.mainSectionContents:before {background-image:url(../img/main/bak_body_mo.png); left:0; right:0; min-width:0; width:auto;}
	.mainSectionContents h3 {margin-top:.2em;}
	.mainSectionContents h3 strong {font-size:1.5em;}
}


/********************************************
	Intro Contents (D-day / Title)
********************************************/

.mainIntroSection {height:100vh; min-height:30em; padding-top:7em; padding-bottom:16em;}
.mainIntroSection .d-day {display:flex; align-items:center; justify-content:center; float:right; padding:0 1.5em; height:4.3em; border:2px solid rgba(255,255,255,.2); border-radius:1.5em; background:rgba(0,0,0,.01); box-shadow:0 0 1.5em 0 rgba(0,0,0,.1); backdrop-filter:blur(10px);}
.mainIntroSection .d-day span {display:block; position:relative; font-size:2.3em; color:#fff; font-family:'Poppins'; font-weight:800;}
.mainIntroSection .d-day span.end {font-size:2em;}
.mainIntroSection .d-day strong {display:block; position:relative; font-size:.8847em; width:3.5em; height:2.6em; text-indent:-999px; background:url(../img/main/txt_dday.svg) no-repeat 50% 0 / 3.5em auto; overflow:hidden;}
.mainIntroSection .d-day strong[data-count="40"]{background-position-y:0;}
.mainIntroSection .d-day strong[data-count="39"]{background-position-y:-3.2em;}
.mainIntroSection .d-day strong[data-count="38"]{background-position-y:-6.4em;}
.mainIntroSection .d-day strong[data-count="37"]{background-position-y:-9.6em;}
.mainIntroSection .d-day strong[data-count="36"]{background-position-y:-12.8em;}
.mainIntroSection .d-day strong[data-count="35"]{background-position-y:-16em;}
.mainIntroSection .d-day strong[data-count="34"]{background-position-y:-19.2em;}
.mainIntroSection .d-day strong[data-count="33"]{background-position-y:-22.4em;}
.mainIntroSection .d-day strong[data-count="32"]{background-position-y:-25.6em;}
.mainIntroSection .d-day strong[data-count="31"]{background-position-y:-28.8em;}
.mainIntroSection .d-day strong[data-count="30"]{background-position-y:-32em;}
.mainIntroSection .d-day strong[data-count="29"]{background-position-y:-35.2em;}
.mainIntroSection .d-day strong[data-count="28"]{background-position-y:-38.4em;}
.mainIntroSection .d-day strong[data-count="27"]{background-position-y:-41.6em;}
.mainIntroSection .d-day strong[data-count="26"]{background-position-y:-44.8em;}
.mainIntroSection .d-day strong[data-count="25"]{background-position-y:-48em;}
.mainIntroSection .d-day strong[data-count="24"]{background-position-y:-51.2em;}
.mainIntroSection .d-day strong[data-count="23"]{background-position-y:-54.4em;}
.mainIntroSection .d-day strong[data-count="22"]{background-position-y:-57.6em;}
.mainIntroSection .d-day strong[data-count="21"]{background-position-y:-60.8em;}
.mainIntroSection .d-day strong[data-count="20"]{background-position-y:-64em;}
.mainIntroSection .d-day strong[data-count="19"]{background-position-y:-67.2em;}
.mainIntroSection .d-day strong[data-count="18"]{background-position-y:-70.4em;}
.mainIntroSection .d-day strong[data-count="17"]{background-position-y:-73.6em;}
.mainIntroSection .d-day strong[data-count="16"]{background-position-y:-76.8em;}
.mainIntroSection .d-day strong[data-count="15"]{background-position-y:-80em;}
.mainIntroSection .d-day strong[data-count="14"]{background-position-y:-83.2em;}
.mainIntroSection .d-day strong[data-count="13"]{background-position-y:-86.4em;}
.mainIntroSection .d-day strong[data-count="12"]{background-position-y:-89.6em;}
.mainIntroSection .d-day strong[data-count="11"]{background-position-y:-92.8em;}
.mainIntroSection .d-day strong[data-count="10"]{background-position-y:-96em;}
.mainIntroSection .d-day strong[data-count="9"]{background-position-y:-99.2em;}
.mainIntroSection .d-day strong[data-count="8"]{background-position-y:-102.4em;}
.mainIntroSection .d-day strong[data-count="7"]{background-position-y:-105.6em;}
.mainIntroSection .d-day strong[data-count="6"]{background-position-y:-108.8em;}
.mainIntroSection .d-day strong[data-count="5"]{background-position-y:-112em;}
.mainIntroSection .d-day strong[data-count="4"]{background-position-y:-115.2em;}
.mainIntroSection .d-day strong[data-count="3"]{background-position-y:-118.4em;}
.mainIntroSection .d-day strong[data-count="2"]{background-position-y:-121.6em;}
.mainIntroSection .d-day strong[data-count="1"]{background-position-y:-124.8em;}
.mainIntroSection .d-day strong[data-count="0"]{background-position-y:-128em;}

.mainIntroSection .txt {clear:both;}
.mainIntroSection .txt h2 {margin-bottom:1em;}
.mainIntroSection .txt h2 > * {display:block; position:relative; text-indent:-999px; overflow:hidden; background:no-repeat 0 0 / contain;}
.mainIntroSection .txt h2 em {height:3em; background-image:url(../img/main/txt_intro_title2.svg);}
.mainIntroSection .txt h2 strong {height:3.5em; background-image:url(../img/main/txt_intro_title.svg);}
.mainIntroSection .txt .date {display:block; position:relative; color:#fff; font-size:1.3em; font-weight:600;}

@media all and (max-width:1024px) {
	.mainIntroSection {height:auto; min-height:0; padding-top:5em; padding-bottom:0;}
	.mainIntroSection > .inner {padding-top:6em; padding-bottom:17em;}
	.mainIntroSection .txt h2 {font-size:.8em;}
	.mainIntroSection .txt .date {font-size:1.1em;}
	.mainIntroSection .d-day {float:none; position:absolute; right:0; top:2em;}
}
@media all and (max-width:640px) {
	.mainIntroSection {padding-top:4em;}
	.mainIntroSection > .inner {padding-bottom:21em;}
	.mainIntroSection .txt h2 {font-size:.575em;}
	.mainIntroSection .txt .date {font-size:1.15em;}
	.mainIntroSection .d-day {top:1.5em; font-size:.87em;}
}


/********************************************
	Quick Links
********************************************/

.mainQuick {height:16.15em;}
.mainQuick .inner {display:flex; justify-content:flex-end;}
.mainQuick ul {display:flex;}
.mainQuick li {display:block; position:relative; width:10em;}
.mainQuick li + li {margin-left:1em;}
.mainQuick a {display:flex; align-items:center; justify-content:center; flex-direction:column; width:10em; height:10em; border-radius:100%; box-shadow:0 1.5em 2.5em 0 rgba(0,0,0,.05); background:#3875cb; transition:.3s all; -webkit-transition:.3s all;}
.mainQuick a:focus,
.mainQuick a:hover {margin-top:-1em;}
.mainQuick a:before {content:""; display:block; position:relative; width:3em; height:3em; background:url(../img/main/spr_quick.svg) no-repeat 0 50% / auto 100%; margin-bottom:1em;}
.mainQuick a strong {font-size:1.1em; line-height:1.5em; font-weight:600;}

.mainQuick li.ty1 a {transform:translateY(0); -webkit-transform:translateY(0);} 
.mainQuick li.ty1 a {background:#3875cb;}
.mainQuick li.ty1 a:before {background-position-x:0;}
.mainQuick li.ty1 a strong {color:#fff;}

.mainQuick li.ty2 a {transform:translateY(-3em); -webkit-transform:translateY(-3em);}
.mainQuick li.ty2 a {background:#FFFFFF;}
.mainQuick li.ty2 a:before {background-position-x:-3em;}
.mainQuick li.ty2 a strong {color:#222222;}

.mainQuick li.ty3 a {transform:translateY(-5em); -webkit-transform:translateY(-5em);}
.mainQuick li.ty3 a {background:#f47e5d;}
.mainQuick li.ty3 a:before {background-position-x:-6em;}
.mainQuick li.ty3 a strong {color:#fff;}

.mainQuick li.ty4 a {transform:translateY(-4.5em); -webkit-transform:translateY(-4.5em);}
.mainQuick li.ty4 a {background:#4393dd;}
.mainQuick li.ty4 a:before {background-position-x:-9em;}
.mainQuick li.ty4 a strong {color:#fff;}

@media all and (max-width:1024px) {
	.mainQuick {height:12.7em;}
	.mainQuick li {width:7.5em;}
	.mainQuick li + li {margin-left:.5em;}
	.mainQuick li.ty1 a {transform:translateY(1em); -webkit-transform:translateY(1em);}
	.mainQuick li.ty2 a {transform:translateY(-1.2em); -webkit-transform:translateY(-1.2em);}
	.mainQuick li.ty3 a {transform:translateY(-3.3em); -webkit-transform:translateY(-3.3em);}
	.mainQuick li.ty4 a {transform:translateY(-3em); -webkit-transform:translateY(-3em);}
	.mainQuick a {width:7.5em; height:7.5em;}
	.mainQuick a:before {font-size:.834em; margin-bottom:calc((10 / 16) * 1em);}
}
@media all and (max-width:680px) {
	.mainQuick {margin-right:-1em;}
}
@media all and (max-width:640px) {
	.mainQuick {height:10em; margin:0;}
	.mainQuick .inner {height:100%;}
	.mainQuick ul {display:block; position:absolute; top:calc((140 / 15) * -1em); right:0; width:calc((210 / 15) * 1em); height:calc((245 / 15) * 1em);}
	.mainQuick li {position:absolute; width:auto; margin:0 !important;}
	
	.mainQuick li.ty1 {left:0; top:calc((35 / 15) * 1em);}
	.mainQuick li.ty2 {right:0; top:0;}
	.mainQuick li.ty3 {left:0; top:calc((145 / 15) * 1em);}
	.mainQuick li.ty4 {right:0; top:calc((110 / 15) * 1em);}
	
	.mainQuick a {width:calc((100 / 15) * 1em); height:calc((100 / 15) * 1em); transform:none !important; -webkit-transform:none !important;}
	.mainQuick a:before {font-size:.589em;}
	.mainQuick a strong {font-size:calc((16 / 15) * 1em);}
}


/********************************************
	Sports List
********************************************/

.mainSports {padding-bottom:8.5em;}
.mainSports h3 {display:flex; align-items:center; flex-wrap:wrap; justify-content:center; text-align:center; word-break:keep-all; font-family:'Tenada'; font-weight:800; margin-bottom:3em;}
.mainSports h3 span {font-size:3em; color:#71A4ED; margin:0 calc((7 / 60) * 1em); line-height:1.4em;}
.mainSports h3 span em {font-size:calc((70 / 60) * 1em); color:#3875CB;}
.mainSports h3 span + span {color:#FFAB93;}
.mainSports h3 span + span em {color:#F47E5D;}

.mainSports .sports-list {display:flex; justify-content:space-between;}
.mainSports .sports-list .big {display:flex; position:relative; width:19.5%; max-width:14.75em; border-radius:2em; overflow:hidden; background:url(../img/main/bak_sports_big.png) no-repeat 50% 50% / cover, linear-gradient(167.71deg,rgba(126,172,238,1) 0%,rgba(12,71,154,1) 100%);}
.mainSports .sports-list .big:before {content:""; display:block; position:absolute; bottom:0; left:0; width:14.75em; height:18.75em; background:url(../img/main/spr_sports.svg) no-repeat left 0 top -5em / auto 23.75em; transition:.3s left,.3s opacity; -webkit-transition:.3s left,.3s opacity;}

.mainSports .sports-list .in {display:flex; width:78%; max-width:59.25em;}
.mainSports .sports-list ul {display:flex; flex-wrap:wrap; margin:-.375em;}
.mainSports .sports-list li {display:flex; position:relative; padding:.375em; text-align:center;}
.mainSports .sports-list a {display:flex; flex-direction:column; justify-content:center; width:5.25em; height:5.75em; border-radius:1.5em; border:2px solid rgba(43,57,147,.1); background:#fff;}
.mainSports .sports-list a:before {content:""; display:block; position:relaitve; width:2.5em; height:2.5em; margin:0 auto .25em; background:url(../img/main/spr_sports.svg) no-repeat 0 0 / auto 23.75em;}
.mainSports .sports-list a span {display:block; font-size:.85em; color:#2b3993; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.03em;}
.mainSports .sports-list a.on {background:#0c479a; border-color:#0c479a;}
.mainSports .sports-list a.on:before {background-position-y:-2.5em;}
.mainSports .sports-list a.on span {color:#fff;}

.mainSports .sports-list a[data-type="검도"]:before{background-position-x:0;}
.mainSports .sports-list a[data-type="골프"]:before{background-position-x:-2.5em;}
.mainSports .sports-list a[data-type="궁도"]:before{background-position-x:-5em;}
.mainSports .sports-list a[data-type="농구"]:before{background-position-x:-7.5em;}
.mainSports .sports-list a[data-type="레슬링"]:before{background-position-x:-10em;}
.mainSports .sports-list a[data-type="롤러"]:before{background-position-x:-12.5em;}
.mainSports .sports-list a[data-type="배구"]:before{background-position-x:-15em;}
.mainSports .sports-list a[data-type="배드민턴"]:before{background-position-x:-17.5em;}
.mainSports .sports-list a[data-type="보디빌딩"]:before{background-position-x:-20em;}
.mainSports .sports-list a[data-type="복싱"]:before{background-position-x:-22.5em;}
.mainSports .sports-list a[data-type="볼링"]:before{background-position-x:-25em;}
.mainSports .sports-list a[data-type="사격"]:before{background-position-x:-27.5em;}
.mainSports .sports-list a[data-type="산악"]:before{background-position-x:-30em;}
.mainSports .sports-list a[data-type="소프트테니스"]:before{background-position-x:-32.5em;}
.mainSports .sports-list a[data-type="수영"]:before{background-position-x:-35em;}
.mainSports .sports-list a[data-type="승마"]:before{background-position-x:-37.5em;}
.mainSports .sports-list a[data-type="씨름"]:before{background-position-x:-40em;}
.mainSports .sports-list a[data-type="야구"]:before{background-position-x:-42.5em;}
.mainSports .sports-list a[data-type="역도"]:before{background-position-x:-45em;}
.mainSports .sports-list a[data-type="우슈"]:before{background-position-x:-47.5em;}
.mainSports .sports-list a[data-type="유도"]:before{background-position-x:-50em;}
.mainSports .sports-list a[data-type="육상"]:before{background-position-x:-52.5em;}
.mainSports .sports-list a[data-type="자전거"]:before{background-position-x:-55em;}
.mainSports .sports-list a[data-type="족구"]:before{background-position-x:-57.5em;}
.mainSports .sports-list a[data-type="축구"]:before{background-position-x:-60em;}
.mainSports .sports-list a[data-type="탁구"]:before{background-position-x:-62.5em;}
.mainSports .sports-list a[data-type="태권도"]:before{background-position-x:-65em;}
.mainSports .sports-list a[data-type="테니스"]:before{background-position-x:-67.5em;}
.mainSports .sports-list a[data-type="합기도"]:before{background-position-x:-70em;}
.mainSports .sports-list a[data-type="핸드볼"]:before{background-position-x:-72.5em;}

.mainSports .sports-list[data-type="검도"] .big:before{background-position-x:-15.75em;}
.mainSports .sports-list[data-type="골프"] .big:before{background-position-x:-31.5em;}
.mainSports .sports-list[data-type="궁도"] .big:before{background-position-x:-47.25em;}
.mainSports .sports-list[data-type="농구"] .big:before{background-position-x:-63em;}
.mainSports .sports-list[data-type="레슬링"] .big:before{background-position-x:-78.75em;}
.mainSports .sports-list[data-type="롤러"] .big:before{background-position-x:-94.5em;}
.mainSports .sports-list[data-type="배구"] .big:before{background-position-x:-110.25em;}
.mainSports .sports-list[data-type="배드민턴"] .big:before{background-position-x:-126em;}
.mainSports .sports-list[data-type="보디빌딩"] .big:before{background-position-x:-141.75em;}
.mainSports .sports-list[data-type="복싱"] .big:before{background-position-x:-157.5em;}
.mainSports .sports-list[data-type="볼링"] .big:before{background-position-x:-173.25em;}
.mainSports .sports-list[data-type="사격"] .big:before{background-position-x:-189em;}
.mainSports .sports-list[data-type="산악"] .big:before{background-position-x:-204.75em;}
.mainSports .sports-list[data-type="소프트테니스"] .big:before{background-position-x:-220.5em;}
.mainSports .sports-list[data-type="수영"] .big:before{background-position-x:-236.25em;}
.mainSports .sports-list[data-type="승마"] .big:before{background-position-x:-252em;}
.mainSports .sports-list[data-type="씨름"] .big:before{background-position-x:-267.75em;}
.mainSports .sports-list[data-type="야구"] .big:before{background-position-x:-283.5em;}
.mainSports .sports-list[data-type="역도"] .big:before{background-position-x:-299.25em;}
.mainSports .sports-list[data-type="우슈"] .big:before{background-position-x:-315em;}
.mainSports .sports-list[data-type="유도"] .big:before{background-position-x:-330.75em;}
.mainSports .sports-list[data-type="육상"] .big:before{background-position-x:-346.5em;}
.mainSports .sports-list[data-type="자전거"] .big:before{background-position-x:-362.25em;}
.mainSports .sports-list[data-type="족구"] .big:before{background-position-x:-378em;}
.mainSports .sports-list[data-type="축구"] .big:before{background-position-x:-393.75em;}
.mainSports .sports-list[data-type="탁구"] .big:before{background-position-x:-409.5em;}
.mainSports .sports-list[data-type="태권도"] .big:before{background-position-x:-425.25em;}
.mainSports .sports-list[data-type="테니스"] .big:before{background-position-x:-441em;}
.mainSports .sports-list[data-type="합기도"] .big:before{background-position-x:-456.75em;}
.mainSports .sports-list[data-type="핸드볼"] .big:before{background-position-x:-472.5em;}

@media all and (max-width:1024px) {
	.mainSports {padding-bottom:3.5em;}
	.mainSports h3 span {font-size:2em;}
	.mainSports h3 span em {font-size:calc((50 / 40) * 1em);}
	
	.mainSports .sports-list .big {display:none;}
	.mainSports .sports-list .in {max-width:100%; width:auto;}
	
	.mainSports .sports-list li {width:calc(100% / 8);}
	.mainSports .sports-list a {width:100%;}
}
@media all and (max-width:930px) {
	.mainSports .sports-list li {width:calc(100% / 6);}
}
@media all and (max-width:680px) {
	.mainSports .sports-list li {width:calc(100% / 5);}
}
@media all and (max-width:640px) {
	.mainSports h3 span {font-size:calc((24 / 15) * 1em);}
	.mainSports h3 span em {font-size:calc((30 / 24) * 1em);}
}
@media all and (max-width:510px) {
	.mainSports .sports-list li {width:calc(100% / 4);}
}
@media all and (max-width:380px) {
	.mainSports .sports-list li {width:calc(100% / 3);}
}



/********************************************
	Board Area
********************************************/

.mainBoradWrap {padding-bottom:3em;}
.mainBoradWrap > .inner {display:flex; justify-content:space-between; align-items:start;}
@media all and (max-width:880px) {
	.mainBoradWrap > .inner {display:block;}
}

.mainPopup {display:flex; flex-wrap:wrap; justify-content:space-between; width:27.5em; flex-shrink:0;}
.mainPopup .control {display:flex; align-items:center;}
.mainPopup .control .bars {position:relative; width:8em; margin-right:1.5em;}
.mainPopup .control .ani-progress-bar {position:absolute; top:50%; left:2em; right:2em; height:2px; background:rgba(0,0,0,.2); overflow:hidden; margin-top:-1px;}
.mainPopup .control .ani-progress-bar .bar {display:block; position:absolute; top:0; left:0; bottom:0; width:0; background:#333;}
.mainPopup .control .ani-progress-bar.active-loading .bar {width:100%; transition-property:all; -webkit-transition-property:all;}
.mainPopup .control .pager > * {display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-family:'Poppins'; color:#999999;}
.mainPopup .control .pager .swiper-pagination-current {left:0; font-weight:800; color:#F47E5D;}
.mainPopup .control .pager .swiper-pagination-total {right:0;}
.mainPopup .control button {position:relative; width:2em; height:2em; border-radius:100%; overflow:hidden; text-indent:-999px; border:1px solid #CCCCCC;}
.mainPopup .control button + button {margin-left:.4em;}
.mainPopup .control button:before {content:""; display:block; position:absolute; top:50%; left:50%; width:2em; height:2em; margin:-1em 0 0 -1em; background:url(../img/main/spr_main.svg) no-repeat 0 0 / 8em auto;}
.mainPopup .control button.prev:before {background-position-x:0;}
.mainPopup .control button.play {display:none;}
.mainPopup .control button.play:before {background-position-x:-2em;}
.mainPopup .control button.stop:before {background-position-x:-4em;}
.mainPopup .control button.next:before {background-position-x:-6em;}
.mainPopup .control button:focus,
.mainPopup .control button:hover {background:#F47E5D; border-color:#F47E5D;}
.mainPopup .control button:focus:before,
.mainPopup .control button:hover:before {background-position-y:-2em;}
.mainPopup .slider {width:100%; border-radius:50px; overflow:hidden; margin-top:2em;}
.mainPopup .swiper-slide {position:relative; overflow:hidden; width:27.5em; max-width:100%;}
.mainPopup .swiper-slide:before {content:""; display:block; padding-top:calc((470 / 550) * 100%); z-index:-1;}
.mainPopup .swiper-slide > * {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; z-index:0; background:#f1f1f1 url(../img/common/bak_mnb.svg) no-repeat 50% 50% / 50% auto;}
.mainPopup .swiper-slide img {display:block; position:relative; width:100%; height:100%;}
.action-keyboard .mainPopup.fix-scroll .swiper-slide {background:#fff;}
.action-keyboard .mainPopup.fix-scroll .swiper-slide a {top:2px; left:2px; right:2px; bottom:2px; border-radius:50px;}

@media all and (max-width:1024px) {
	.mainPopup {width:20em;}
	.mainPopup .control .bars {width:5.65em; margin-right:.5em;}
	.mainPopup .control .pager > * {font-size:.9em;}
	.mainPopup .slider {margin-top:1em;}
}
@media all and (max-width:880px) {
	.mainPopup {width:auto; margin-bottom:2.7em;}
	.mainPopup .slider {border-radius:0;}
	.mainPopup .swiper-slide {width:20em; max-width:84vw;}
	.mainPopup .swiper-slide > * {border-radius:50px;}
}
@media all and (max-width:640px) {
	.mainSectionContents h3 {margin-top:.5em;}
	.mainPopup .control .pager > * {font-size:calc((18 / 15) * 1em);}
}

.mainNotice {display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:4em; flex-grow:1;}
.mainNotice .more {display:flex; position:relative; align-items:center;}
.mainNotice .more:after {content:""; display:block; width:.8em; height:.8em; background:url(../img/main/spr_main.svg) no-repeat -1.5em -4.5em / 8em auto; margin-left:.9em;}
.mainNotice .more span {color:#999;}
.mainNotice .list {width:100%; margin-top:2em;}
.mainNotice .list li {display:block; position:relative; border-bottom:1px solid rgba(0,0,0,.1);}
.mainNotice .list a {display:flex; position:relative; align-items:center; height:4.7em;}
.mainNotice .list a:after {content:""; display:block; position:absolute; top:50%; right:0; margin-top:-.8em; width:1.6em; height:1.6em; opacity:.43; background:url(../img/main/spr_main.svg) no-repeat -5.5em -4.5em / 8em auto; transition:.3s all; -webkit-transition:.3s all;}
.mainNotice .list .date {display:flex; flex-direction:column-reverse; align-items:center; justify-content:center; margin-right:1.5em;}
.mainNotice .list .date > * {display:block; position:relative;}
.mainNotice .list .date span {font-size:.8em; font-family:'Poppins'; color:#bbb; line-height:1.1;}
.mainNotice .list .date em {color:#aaa; font-size:1.5em; font-weight:800; line-height:1.2;}
.mainNotice .list .subj {display:block; position:relative; max-width:calc(100% - 10.5em); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#777; font-weight:600;}
.mainNotice .list .new {display:block; position:relative; width:1.4em; height:1.4em; text-indent:-999px; overflow:hidden; border-radius:100%; margin-left:.5em; background:url(../img/main/spr_main.svg) no-repeat 0 -4.5em / 8em auto;}
.mainNotice .list a:focus .date > *,
.mainNotice .list a:hover .date > * {color:#111;}
.mainNotice .list a:focus:after,
.mainNotice .list a:hover:after {opacity:1; transform:translateX(-1em); -webkit-transform:translateX(-1em);}
.mainNotice .list a:focus .subj,
.mainNotice .list a:hover .subj {color:#111;}

.mainNotice .list li.no-data {display:flex; align-items:center; justify-content:center; height:23.5em; flex-direction:column;}
.mainNotice .list li.no-data:before {content:""; display:block; position:relative; width:calc((100 / 18) * 1em); height:calc((100 / 18) * 1em); background:url(../img/common/img_no_data.svg) no-repeat 50% 50% / contain; margin:0 auto calc((30 / 18) * 1em);}

@media all and (max-width:1024px) {
	.mainNotice {margin-left:2em;}
	.mainNotice .list {margin-top:1em;}
	.mainNotice .list a {height:3.4em;}
	.mainNotice .list a:after {font-size:.8125em;}
	.mainNotice .list .subj {font-size:.9em; max-width:calc(100% - 9.5em);}
	.mainNotice .list .new {font-size:.86em;}
	.mainNotice .list .date {width:5em; font-size:.8em; margin-right:calc((10 / 16) * 1em);}
	.mainNotice .list .date span {font-size:1em;}
	.mainNotice .more span {font-size:.8em;}
	.mainNotice .list a:focus:after,
	.mainNotice .list a:hover:after {transform:translateX(calc((10 / 16) * -1em)); -webkit-transform:translateX(calc((10 / 16) * -1em));}
	
	.mainNotice .list li.no-data {height:17em;}
}
@media all and (max-width:880px) {
	.mainNotice {margin-left:0;}
	.mainNotice .list .subj {font-size:1em; max-width:calc(100% - 9em);}
	.mainNotice .list a:after {width:20px; height:20px; background:url(../img/main/ico_notice_on.svg) no-repeat 50% 50% / contain;}
	.mainNotice .more span {font-size:1em;}
}



/********************************************
	Tour Area
********************************************/

.mainTour {position:relative; margin:0 -2em; padding:7.3em 2em 6.5em; z-index:0;}
.mainTour:before {content:""; display:block; position:absolute; top:50%; left:0; right:0; bottom:0; background:#f2f7fd; z-index:-2;}
.mainTour:after {content:""; display:block; position:absolute; top:0; left:50%; bottom:0; z-index:-1; width:1920px; min-width:100%; background:url(../img/main/bak_tour.png) no-repeat 50% 0 / 100% auto; transform:translateX(-50%);-webkit-transform:translateX(-50%);}

@media all and (max-width:1024px) {
	.mainTour:after {background-size:100% auto; width:auto; left:0; right:0; transform:none; -webkit-transform:none;}	
}

.mainTour > .inner {display:flex; justify-content:space-between;}
.mainTour > .inner > * {display:block; position:relative; width:47.368%;}

.mainTour .tour-area h3 {display:block; position:relative; margin-bottom:2.4em;}
.mainTour .tour-area h3 i {display:flex; justify-content:center; align-items:center; font-size:1.1em; font-family:'Poppins'; color:#222; font-weight:500; margin-bottom:calc((15 / 22) * 1em);}
.mainTour .tour-area h3 i:before {content:""; display:block; position:relative; margin-right:.5em; font-size:calc((20 / 22) * 1em); width:2.2em; height:1.5em; background:url(../img/main/spr_main.svg) no-repeat 0 -6.5em / 8em auto;}
.mainTour .tour-area h3 strong {display:flex; align-items:center; justify-content:center; font-size:1em;}
.mainTour .tour-area h3 strong span {display:block; position:relative; font-size:2.3em; margin-right:.1em;}
.mainTour .tour-area h3 strong em {color:#3875CB; font-size:3em;}

.mainTour_slide {position:relative;}
.mainTour_slide .slider {border-radius:3.5em; overflow:hidden;}
.mainTour_slide .slider p {position:absolute; top:1.666667em; left:50%; transform:translateX(-50%); display:flex; align-items:center; border-radius:9em; padding:.3em 1em; background:rgba(0,0,0,.5); color:#fff; justify-content:center;}
.mainTour_slide .slider p:before {content:""; display:block; position:relative; width:1.2em; height:1.2em; background:url(../img/main/spr_main.svg) no-repeat -5.5em -6.5em / 8em auto;}
.mainTour_slide .slider p strong {margin:0 .5em;}

.mainTour .tour {position:absolute; bottom:0; left:0; width:100%; z-index:2;}
.mainTour .tour ul {display:flex; width:100%; background:rgba(255,255,255,.01); height:6em; border-top:1px solid rgba(255,255,255,.2); backdrop-filter:blur(10px); border-radius:0 0 3.5em 3.5em;}
.mainTour .tour li {display:flex; width:25%;}
.mainTour .tour li + li {border-left:1px solid rgba(255,255,255,.2);}
.mainTour .tour a {display:flex; position:relative; align-items:center; justify-content:center; flex-direction:column; flex-grow:1; color:#fff; padding-bottom:.5em;}
.mainTour .tour li:first-child a {border-radius:0 0 0 3.5em;}
.mainTour .tour li:last-child a {border-radius:0 0 3.5em 0;}
.mainTour .tour a:before {content:""; display:block; position:relative; width:1.5em; height:1.5em; margin-bottom:.5em; background:url(../img/main/spr_main.svg) no-repeat 0 -9em / 8em auto;}
.mainTour .tour a span {display:block; font-size:1.1em;}
.mainTour .tour a i {display:block; position:absolute; width:2.5em; height:2.5em; left:50%; top:100%; margin:-1.25em 0 0 -1.25em; border-radius:100%; background:#fff; box-shadow:0 .25em 1em 0 rgba(0,0,0,.15); transform:translateY(-1em); -webkit-transform:translateY(-1em); opacity:0; visibility:hidden; transition:.3s all;-webkit-transition:.3s all;}
.mainTour .tour a i:before {content:""; display:block; position:absolute; width:.8em; height:.8em; top:50%; left:50%; margin:-.4em 0 0 -.4em; background:url(../img/main/spr_main.svg) no-repeat -2.5em -4.5em / 8em auto;}
.mainTour .tour a.area:before {background-position-x:0;}
.mainTour .tour a.stay:before {background-position-x:-1.5em;}
.mainTour .tour a.food:before {background-position-x:-3em;}
.mainTour .tour a.traffic:before {background-position-x:-4.5em;}
.mainTour .tour a:focus,
.mainTour .tour a:hover {background-color:rgba(255,255,255,.19);}
.mainTour .tour a:focus i,
.mainTour .tour a:hover i {transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible;}

.mainTour .tour-area.yecheon h3 span:before {background-position-x:-2.5em;}

@media all and (max-width:1024px) {
	.mainTour {padding:4.5em 2em 3.5em;}
	.mainTour > .inner > * {width:48%;}
	.mainTour .tour-area h3 {margin-bottom:1em;}
	.mainTour .tour-area h3 strong span {font-size:1.5em;}
	.mainTour .tour-area h3 strong em {font-size:1.8em;}
	
	.mainTour_slide .slider {border-radius:50px;}
	.mainTour_slide .slider img {width:100%; height:17.5em;}
	.mainTour_slide .slider p {font-size:.9em;}
	.mainTour .tour ul {height:4.7em; border-radius:0 0 50px 50px;}
	.mainTour .tour a {padding-bottom:0;}
	.mainTour .tour li:first-child a {border-radius:0 0 0 50px;}
	.mainTour .tour li:last-child a {border-radius:0 0 50px 0;}
	.mainTour .tour a:before {margin-bottom:.1em;}
	.mainTour .tour a span {font-size:.9em;}
	.mainTour .tour a i {font-size:.8em;}
}

@media all and (max-width:780px) {
	.mainTour > .inner {display:block;}
	.mainTour > .inner > * {width:auto;}
	.mainTour > .inner > * + * {margin-top:2em;}
}