#main-slider {
    position: relative;
    width: 100%;
    height: 100%;
	margin-bottom:100px;
}

.slider-cover {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: .6;
    z-index: 100;
}

#slider {
    position: relative;
    width: 100%;
    height: 100%;
    /* background-color: #000000; */
	max-width:1903px;
	max-height:660px;
}

.slider-btn {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 56px;
    height: 56px;
    border: 1px solid #191919;
    transform: rotateZ(45deg) translateY(-50%);
    opacity: .6;
}

#slider-prev-btn {
    left: 22px;
    border-top: 0;
    border-right: 0;
}

#slider-next-btn {
    right: 62px;
    border-bottom: 0;
    border-left: 0;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.slide-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
}
.img img{
	width:100%;
}
.slide-bg.img1 {
    background: url(../img/main-back.jpg) center no-repeat;
}

.slide-bg.img2 {
    background: url(../img/main-back2.jpg) center no-repeat;
}

.slide-wrapper {
    display: inline-block;
    position: absolute;
	width:100%;
    max-width: 530px;
    height: 350px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.slide-title {
    font-size: 56px;
    font-weight: 700;
    word-break: keep-all;
    text-align: center;
    color: #005c8b;
	line-height:normal;
}

.slide-desc {
    margin: 35px 0 80px 0;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
	color:#3289b5;
	line-height:1;
}

.slide-btn {
    display: inline-block;
    width: 250px;
    height: 40px;
    padding: 15px 50px;
    line-height: 40px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 10px;
	color:#fff;
    transition: all .5s;
}
.slide-wrapper2 .slide-title{
	line-height:1;
}
.slide-wrapper2 .slide-title > img{
	width:unset;
	max-height:77px;
}
.slide-wrapper2 .slide-desc{
	color:#666;
}

.slide-btn.red {
    background-color: #f34848;
}

.slide-btn.red:hover {
    background-color: #C03939;
}

.slide-btn.blue {
    background-color: #3b9bf9;
}

.slide-btn.blue:hover {
    background-color: #3166b5;
}

#program-wrapper { margin: 0 auto; width:100%;  font-size:0; margin:30px 0;}
#program-wrapper::after{content:''; display:block; clear:both;}
#program-title {font-size: 35px; font-weight: 300; float:left; line-height:200px; }
#program-icon { float:right; margin:60px 0;}
#program-icon li{position:relative; display:inline-block; font-size:16px; padding: 0 60px;}
#program-icon li:after{content:''; display:block; position:absolute; width:1px; height:50px; background:#e3e3e3; top: 50%; right: 0; transform: translateY(-50%);}
#program-icon li a{display:block; text-align:center; cursor:pointer;}
#program-icon li span{display:block;}
.program-item {
    display: inline-block;
    width: 465px; /* 5개 노출일 시 280px */
    margin-right: 10px;
    vertical-align: top;
}

.program-item:last-child {
    margin-right: 0;
}

.program-item-link {
    display: block;
}

.program-item-link:hover .program-item-title,
.program-item-link:hover .program-item-desc {
    color: #f34848;
}

.program-item-thumb {
    margin-bottom: 50px;
}

.program-item-thumb > img {
    width: 100%;
    height: 100%;
}

.program-item-title {
    margin-bottom: 10px;
    font-size: 22px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.program-item-desc {
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    word-break: keep-all;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#tournament {
    position: relative;
    width: 100%;
    height: 512px;
    margin: 100px 0;
    background-color: #f9f9f9;
}

#tournament-wrapper {
    width: 1450px;
    margin: 75px auto;
}

#tournament-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../img/tournament.png) center;
    background-size: cover;
}

.tournament-item-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
}

.tournament-tab-menu-list {
    position: relative;
    max-width: 40%;
}

.tournament-tab-menu-list-item {
    float: left;
}

.tab-menu-header {
    display: inline-block;
    position: relative;
    margin-right: 30px;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 100;
}

.tab-menu-header:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 3px;
    left: 0;
    bottom: -7px;
    background-color: #000000;
    transition: width .5s;
}

.tournament-tab-menu-list-item.on > .tab-menu-header,
.tournament-tab-menu-list-item > .tab-menu-header:hover {
    font-weight: 700;
}

.tournament-tab-menu-list-item.on > .tab-menu-header:after,
.tab-menu-header:hover:after {
    width: 100%;
}

.tab-menu-contents {
    display: none;
    position: absolute;
    left: 0;
}

.tournament-tab-menu-list-item.on > .tab-menu-contents {
    display: block;
}

.tab-menu-contents-desc {
    margin-bottom: 40px;
}

.tab-menu-contents-link {
    font-family: Montserrat, sans-serif;
}

#banners {
    text-align: center;
}

.banner-item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.banner-item.vertical {
    width: 354px;
    /*height: 618px;*/
	height: 304px;
    background-color: #000000;
}

.banner-item.sm-width {
    width: 697px;
    height: 304px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #ff0000;
}

.banner-item.lg-width {
    width: 374px;
    height: 304px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #00ff00;
}

.banner-item.img1 {
    background: url(../img/banner1.png) center;
    background-size: cover
}

.banner-item.img2 {
    background: url(../img/banner2.png) center;
    background-size: cover;
}

.banner-item.img3 {
    background: url(../img/banner3.png) center;
    background-size: cover;
}

.banner-item.bg1 {
    background-color: #f34848;
}

.banner-item.bg2 {
    background-color: #f9f9f9;
}

.banner-item-contents {
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.banner-item-title {
    font-size: 24px;
    text-align: left;
}

.banner-item-desc-wrapper {
    display: table;
    height: 120px;
}

.banner-item-desc {
    display: table-cell;
    margin-top: 15px;
    vertical-align: middle;
    font-weight: 100;
}

.banner-item-link {
    display: inline-block;
}

.football .banner-item-title {
    color: #ffffff;
}

.football .banner-item-desc {
    color: #ffffff;
}

.football .banner-item-link {
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin-top: 40px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #ffffff;
    color: #f34848;
}

.facility {
    position: relative;
    height: 100%;
}

.facility .banner-item-title {
    color: #000000;
}

.facility .banner-item-link {
    position: absolute;
    bottom: 30px;
    text-align: left;
    font-size: 18px;
    font-weight: 100;
    color: #8a8a8a;
}

.facility .banner-item-link:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #8a8a8a;
}

#board {
	font-size:0;
	width:100%;
	max-width:1458px;
	margin:50px auto 0;
}
#board > .wrapper{
	font-size:16px;
	vertical-align:top;
}
#news {
    width: 60%;
}

#news:after {
    content: '';
    display: block;
    clear: both;
}

#news-header-wrapper {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#news-header {
    font-size: 30px;
	margin-bottom:39px;
}

#news-header-navigator {
    position: absolute;
    bottom: 0;
    font-size: 0;
}

#news-item-wrapper {
    position: relative;
	font-size:0;
}

.news-item.current {
    display: inline-block;
	width:32%;
	background:#f9f9f9;
	padding:50px 40px 32px 20px;
	box-sizing:border-box;
	border-radius:20px;
	vertical-align:top;
	transition:.3s;
	min-height:355px;
}
.news-item.current:nth-child(2){
	margin:0 2%;
}
.news-item.current:hover{box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);}
.news-item-link {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news-title {
	font-size:18px;
	font-weight:500;
	margin-bottom:45px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-item-desc-wrapper {
	font-size:16px;
	color:#808080;
	margin-bottom:62px;
}

.news-item-date {
    display: inline-block;
	position:absolute;
    bottom: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 14px;
}


#Competition{ width:38%; margin-left:2%;}
#Competition-header{font-size: 30px; margin-bottom:39px;}
#Competition .lat_title{display:none;}
#Competition .lt_wr{background:#f9f9f9; padding:30px 20px; border-radius:20px;}
.Competition-item{position:relative; list-style:none; padding-left:10px;  margin-bottom:10px;}
.Competition-item::before{content:''; display:block; position:absolute; width:2px; height:2px; background:#9d9d9d; top: 50%; left: 0; transform: translateY(-50%);}
.Competition-item-link{display:block; width:100%; font-size:0;}
.Competition-item h1{display:inline-block; font-size:17px; color:#808080; width:80%; vertical-align:middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Competition-item span.Competition-item-date{display:inline-block; width:20%; font-size:15px; color:#898989; text-align:right; vertical-align:middle;}
/* 메인-주요일정 첫번째 일정스타일 */
.Competition-item.num1{border-bottom:1px solid #efefef; margin-bottom: 56px; padding-bottom: 20px; font-size:0;}
.Competition-item.num1::before{display:none;}
#num1_box{ display: inline-block; width:78px; height:78px; border:5px solid #2c8cbe; box-sizing:border-box; text-align:center; padding:5px; vertical-align: middle; background:#fff;position:relative;}
#num1_box p { line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.num1_dateBig{font-size:38px; color:#191919; font-weight:500; margin-bottom:5px; display:block;}
.num1_dateSmall{font-size:11px; color:#575757;}
.num1 .Competition-item-link{display:inline-block; width: calc(100% - 92px); margin-left:14px; vertical-align: middle; }
.Competition-item h1.num1_title{font-size:21px; color:#191919; width:100%; font-weight: bold;}
.num1_date{font-size:21px; color:#575757; font-weight:400;}

.popups {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.popup {
    position: relative;
    display: inline-block;
    width: 400px;
    background-color: #fff;
}

.popup ul {
    list-style-type: none;
    float: right;
}

.popup ul li {
    float: left;
    margin-right: 10px;
    color: #000;
}

.popup ul li:hover {
    color: #00f;
}

.popup ul li span {
    cursor: pointer;
}

#popup{overflow:hidden; height:auto; display:block; border-radius:3px; box-shadow:0px 1px 1px #333; width:500px; z-index:100; position:absolute;  top:10%; left:10%;}
a.close{padding:3px;text-align:right;color:#FFF;}


.slider_arrow{position:relative;}
.slider_arrow > div{width: 44px; height: 44px;}
.slider_arrow > div:after{display:none;}
.slider_arrow .swiper-button-next{background: url('/theme/basic/img/arrow_next.png') no-repeat; right:54px; margin-top:0;}
.slider_arrow .swiper-button-prev { background: url('/theme/basic/img/arrow_prev.png') no-repeat; right:162px; left: auto; margin:0; }
.slider_arrow .swiper-button-play, .slider_arrow .swiper-button-pause{position:absolute; right:0; cursor:pointer;}
.slider_arrow .swiper-pagination{line-height:44px; right:109px; left:auto; bottom:0; height: 100%;}
.swiper-pagination-current{font-size:15px;}
.swiper-pagination-total{font-size:13px; color:#767676;}
/* 갤러리 슬라이더 버튼 스타일 */
.slider_arrow.slider_arrow2 { position: absolute; top: 0; right: 0; }
.slider_arrow .swiper-next1{right:0;}
.slider_arrow .swiper-prev1{right:54px;}




#images{background:#f5f5f5; padding:80px 0 70px;}
#images_wrapper{max-width:1458px; margin:0 auto; display: block; font-size:0;}
#images_wrapper > div{vertical-align:top;}
#images .lat_title, #images h2{display:none;}
#images h4{font-size:30px; color:#191919; margin-bottom:38px; font-weight:500;}

#gallery{width:61%; font-size:16px; margin-right:4%; position:relative;}
#gallery ul{font-size:0;}
#gallery li{display:inline-block; width:50%; font-size:16px;}
#gallery li:first-child{}
#gallery li a.gallery_img{display:inline-block; border-radius:12px; line-height:1; overflow: hidden; margin-bottom:15px; max-width:425px; width:100%;}
#gallery li a{display:block; font-size:18px; color:#191919; font-weight:500; }
#gallery li .lt_date{display:block; font-size:14px; color:#666666;font-family: 'Montserrat', sans-serif; margin-top:15px;}
#gallery .lt_more{display:none;}

#video{position:relative; width:30%; font-size:16px; padding-left: 4%; border-left: 1px solid #dbdbdb;}
#video a.video_img{display:inline-block; border-radius:12px; line-height:1; overflow: hidden; margin-bottom:15px;}
#video .lt_more{position:absolute; top:0; right:0; text-indent:-9999px}
#video .lt_more::after { content: '+'; display: block; width:44px; height:44px; color: #808080; font-size: 27px; font-family: 'Noto Sans KR'; border-radius: 50%; text-indent: 0; text-align: center; line-height: 40px; background:#fff; position: relative; top: 0; transform: translateY(-50%); }

/* 협력업체 로고 슬라이드 */
#banner-slider{border-top:1px solid #eaeaea; overflow:hidden; width:100%; max-width:1458px; margin:0 auto; padding: 20px 0;} 
#footer_banner {width:100%; max-width:1458px; margin: 0 auto;}
#banner-slider .swiper-wrapper > li{display:inline-block; width: auto; text-align:center; vertical-align:middle;}
#banner-slider .swiper-wrapper > li a { vertical-align: middle; display: inline-flex; align-items: center; }