/* @import url('https://webfontworld.github.io/NEXONGothic/NEXONFootballGothic.css'); */
html, body * {font-family: 'NEXON Football Gothic';}

/* @font-face {
    font-family: 'NexonFootballGothic';
    font-style: normal;
    src: url('https://fastly.jsdelivr.net/gh/webfontworld/NexonFootballGothic/NexonFootballGothicLight.eot');
    src: url('https://fastly.jsdelivr.net/gh/webfontworld/NexonFootballGothic/NexonFootballGothicLight.eot?#iefix') format('embedded-opentype'),
         url('https://fastly.jsdelivr.net/gh/webfontworld/NexonFootballGothic/NexonFootballGothicLight.woff2') format('woff2'),
         url('https://fastly.jsdelivr.net/gh/webfontworld/NexonFootballGothic/NexonFootballGothicLight.woff') format('woff'),
         url('https://fastly.jsdelivr.net/gh/webfontworld/NexonFootballGothic/NexonFootballGothicLight.ttf') format("truetype");
    font-display: swap;
} */

@font-face {
    font-family: 'NEXON Football Gothic';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NEXONFootballGothic/NEXONFootballGothic-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NEXONFootballGothic/NEXONFootballGothic-Light.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NEXONFootballGothic/NEXONFootballGothic-Light.otf') format('opentype');
}
@font-face {
    font-family: 'NEXON Football Gothic';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NEXONFootballGothic/NEXONFootballGothic-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NEXONFootballGothic/NEXONFootballGothic-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NEXONFootballGothic/NEXONFootballGothic-Bold.otf') format('opentype');
}

:root {
    --main-color: #FDEF3B;
    --blue-color: #009CD3;
}
.pc {display: block;}
.mob {display: none;}

#particles {z-index:-99999; position:fixed; left:0; top:0; width:100%; height:100%;}
#particles {position:fixed; width: 100%; height: 100%; overflow: hidden; }



/********** header **********/
#header {position: fixed; width: 100%; top: 0; left: 0; height: 100px; z-index: 100;}
#header.fixed {background: #fff;}
#header > .inner {display: flex; align-items: center; justify-content: space-between;}
#header .logo img {width: 271px;}
#header .menu_wrap {display: flex; align-items: center; gap: 57px;}
#header .menu {display: flex; align-items: center; /* gap: 60px; */}
#header .menu > li > a {line-height: 100px; font-size: 18px; font-weight: 700; display: block;}
#header .menu > li:hover > a,
#header .menu > li.active > a {position: relative; color: var(--blue-color);}
#header .menu > li:hover > a::after,
#header .menu > li.active > a::after {content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: var(--blue-color); bottom: 30px;}
#header .countDown {background: var(--main-color); border-radius: 30px; padding: 15px 34px 11px; font-size: 22px; font-weight: 700; color: #000; line-height: 1; min-width: 120px; min-height: 48px;}
#header .burgerBtn {display: none;}
/* allmenu */
#header .allMenu_bg {display: none; position: absolute; left: 0; top: 100%; width: 100%; height: 260px; background: #fff; opacity: .95; z-index: -1; border-top: 1px solid #E2E2E2;}
#header .allMenu_bg .inner {position: relative; height: 100%;}
#header .allMenu_bg .inner::after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/images/main/allmenu_bg1.svg') no-repeat; 
width: 497px; height: 102px; background-size: contain;}
#header .menu > li {position: relative; padding:0 30px;}
#header .menu > li ol {display: none; position: absolute; left: 50%; transform: translateX(-50%); padding: 0; text-align: center; padding-top: 25px; width:100%;}
#header .menu > li ol a {font-size: 15px; font-weight: 300; padding:  7.5px 0; display: block; line-height: 1;}
#header .menu > li ol li:hover a {color: var(--blue-color); font-weight: 700;}

.sideMenu_bg, #sideMenu {display: none;}

/********** footer **********/
#footer {background: #000; margin-top: 85px;}
#footer .inner {padding: 60px 0 69px; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between;}
#footer .logo img {width: 195px;}
#footer .if_box {margin-top: 30px;}
#footer .term {display: flex; align-items: center; gap: 20px;}
#footer .term a {color: #bfbfbf; font-size: 13px; font-weight: 300; line-height: 1;}
#footer .term a strong {color: #fff; font-weight: 700;}
#footer .info {display: flex; align-items: center; gap: 15px; margin-top: 10px;}
#footer .info span {font-size: 12px; font-weight: 300; color: #bfbfbf; line-height: 1;}
#footer .copy {line-height: 1; margin-top: 10px; font-size: 12px; font-weight: 300; color: #bfbfbf;}
#footer .sns {display: flex; align-items: center; justify-content: flex-end; gap: 23px;}
#footer .sns img {height: 17px;}
#footer .sponsor {margin-top: 30px; display: flex; align-items: center; gap: 35px;}
#footer .sponsor span {font-size: 14px; font-weight: 300; color:#bfbfbf; margin-right: 20px;}

/********** quick **********/
#quick {position: fixed; bottom: 100px; right: 50px; z-index: 99;}
#quick span {display: block; width: 90px; height: 90px; cursor: pointer;}
#quick span + span {margin-top: 17px;}
#quick span img {width: 100%; height: 100%; object-fit: cover;}

/********** main **********/
/* 공통 */
.w1400 {max-width: 1400px; margin: 0 auto;}
.main_tit {font-size: 30px; font-weight: 700; color: #000; line-height: 1;}
/* visual */
#main .visual {position: relative; height: 750px; overflow: hidden; background: url('/images/main/main_banner_bg.svg') no-repeat; background-size: cover; background-position: center center;}
#main .visual .img01 {position: absolute; left: 0; top: 110px;  animation:circleopacity 2.8s infinite linear;}
#main .visual .img01 img {width: 850px;}
@keyframes circleopacity{
    0%,100% {transform: scaleY(98%) translateY(10px);}
    50% {transform: scaleY(100%) translateY(0);}
}
#main .visual .img02 {position: absolute; left: 729px; top: 224px; animation:circlemove1 2.5s infinite linear;}
@keyframes circlemove1{
    0%,100% {transform:translateY(-40%);}
    50% {transform:translateY(-80%);}
}
#main .visual .img02 img {width: 92px;}
#main .visual .img03 {position: absolute; left: -59px; top: 470px; animation:circlemove2 2.3s infinite linear;}
@keyframes circlemove2{
    0%,100% {transform:translateY(-60%);}
    50% {transform:translateY(-20%);}
}
#main .visual .img03 img {width: 131px;}
#main .visual .txt {position: absolute; top: 137px; left: 1000px;}
#main .visual .txt .tit img {width: 545px;}
#main .visual .txt ul {margin-top: 30px; padding-left: 16px;}
#main .visual .txt ul li {display: flex; align-items: center;}
#main .visual .txt ul li + li {margin-top: 15px;}
#main .visual .txt ul .tit {display: inline-block; background: var(--main-color); padding: 9px 40px 6px; border-radius: 20px; font-size: 18px; font-weight: 700; color: #000; margin-right: 20px;}
#main .visual .txt ul .cont {font-size: 22px; font-weight: 300; color: #000;}
#main .visual .txt ul .vis_countDown {font-size: 30px; font-weight: 300;}
#main .visual .sponsor {margin-top: 82px; padding-left: 15px; display: flex; align-items: center; gap: 35px;}
#main .visual .sponsor div {display: flex; align-items: center;}
#main .visual .sponsor .tit {font-size: 16px; color: #4c4c4c; font-weight: 300; margin-right: 20px;}
#main .visual .sponsor img {width: 185px;}
/* exh_event */
.exh_event{margin-top:100px;}
.exh_event .main_tit{text-align:center;}
.exh_list{display:flex; flex-wrap:wrap; gap:40px 0; justify-content:space-between; margin-top:35px;}
.exh_list li{width:48.5%; border-radius: 20px; border: 1px solid #D7D7D7; background: #FFF;}
.exh_list li a{display:flex; justify-content:space-between; width:100%; height:100%; padding:50px 60px 50px 50px;}
.exh_list li a .icon{width:80px;}
.exh_list li a .txt{width:calc(100% - 120px)}
.exh_list li a .txt strong{font-size: 25px;}
.exh_list li a .txt p{font-size: 18px; font-weight: 300; color: #888; word-break:keep-all; line-height:1.3; margin-top:25px;}
.exh_list li a .txt .viewMore{font-size: 18px; font-weight: 300; margin-top:30px;}
.exh_list li a .txt .viewMore img{display:inline-block; width: 24px; margin-left:5px;}
.exh_list li a .txt .viewMore img.blue{display:none;}
.exh_list li:hover{border: 1px solid #9ABDF1; background: #EAF9FF;}
.exh_list li:hover strong{color: #2351E2;}
.exh_list li:hover .viewMore{color: #2351E2;}
.exh_list li:hover .viewMore img.black{display:none;}
.exh_list li:hover .viewMore img.blue{display:inline-block !important;}
/* event */
#main .eventInfo {padding: 80px 0 86px;}
#main .eventInfo h2 {text-align: center;}
#main .eventInfo .card_list {margin-top: 35px;}
.card_list {display: flex; align-items: center; gap: 40px;}
.card_list .cd_item {position: relative; width: 33.3%; border-radius: 20px;}
.card_list .cd_item a {display: block; width: 100%; height: 100%; padding: 50px 40px 56px;}
.card_list .cd_item:hover .viewMore {border-bottom: 2px solid #fff;}
.card_list .cd_item:nth-child(1):hover .viewMore {border-bottom: 2px solid #000;}
.card_list .cd_item:nth-child(1) {background: var(--main-color);}
.card_list .cd_item:nth-child(2) {background: var(--blue-color);}
.card_list .cd_item:nth-child(3) {background: #014D77;}
.card_list .cd_item::after {content: ""; position: absolute; bottom: 27px; right: 26px; width: 100px; height: 100px; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.card_list .cd_item:nth-child(1)::after {background-image: url('/images/main/post_ic.svg');}
.card_list .cd_item:nth-child(2)::after {background-image: url('/images/main/calendar_ic.svg');}
.card_list .cd_item:nth-child(3)::after {background-image: url('/images/main/location_ic.svg');}
.card_list .cd_item h3 {font-size:  25px; font-weight: 700; color: #fff;}
.card_list .cd_item p {font-size:  18px; font-weight: 300; margin-top: 25px; line-height: 1.3; color: #fff;}
.card_list .cd_item .viewMore {display: inline-flex; align-items: center; border-bottom: 2px solid transparent; padding-bottom: 3px; font-size:  18px; font-weight: 300; margin-top: 48px; color: #fff;}
.card_list .cd_item .viewMore img {width: 24px; margin-left: 5px; filter: brightness(0) invert(1);}
.card_list .cd_item:nth-child(1) h3,
.card_list .cd_item:nth-child(1) p,
.card_list .cd_item:nth-child(1) .viewMore {color: #000;}
.card_list .cd_item:nth-child(1) .viewMore img {filter: brightness(1) invert(0);}
/* board */
#main .board_wrap {background: #F8F8F8; padding: 81px 0 85px;}
#main .board_wrap .inner {display: flex; gap: 59px;}
#main .board_wrap .tit_cont {display: flex; align-items: flex-end; justify-content: space-between;}
#main .board_wrap .tit_cont a {font-size: 18px; font-weight: 300; display: inline-flex; align-items: center;}
#main .board_wrap .tit_cont a img {width: 24px; margin-left: 5px;}
#main .board_wrap .list {margin-top: 40px;}
/* notice */
#main .notice {width: 651px;}
#main .notice li {background: #fff; border-radius: 20px; box-shadow: 5px 5px 10px 0px #0000001A; border:1px solid #F2F2F2; height: 90px;}
#main .notice li:hover {border-color: #000;}
#main .notice li + li {margin-top: 25px;}
#main .notice li a {display: flex; align-items: center; justify-content: space-between; padding: 0 38px; line-height: 90px;}
#main .notice li .tit {font-size: 18px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;}
#main .notice li .date {font-size: 18px; font-weight: 300; color: #c2c2c2;}
/* promotion */
#main .promotion .list {display: flex; gap: 40px;}
#main .promotion .list li {width: 50%;}
#main .promotion .list li .img {position: relative; border-radius: 20px; overflow: hidden; display: block; height: 220px;}
#main .promotion .list li .img > img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
#main .promotion .list li .img .moreBtn {opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; border-radius: 100%; background: var(--main-color); line-height: 90px; text-align: center;}
#main .promotion .list li:hover .moreBtn {opacity: 1; transition: all .5s;}
#main .promotion .list li .img .moreBtn span {font-size: 16px; font-weight: 700; line-height: 1.1; font-family: 'Pretendard'; display: inline-block;}
#main .promotion .list li .img .moreBtn img {width: 24px; display: block; margin: 0 auto;}
#main .promotion .list li .desc {margin-top: 35px;}
#main .promotion .list li .desc .tit {font-size: 20px; font-weight: 300; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 325px;}
#main .promotion .list li .desc .date {font-size: 18px; font-weight: 300; color: #c2c2c2; margin-top: 20px; line-height: 1;}
/* event  */
#main .event {padding: 80px 0 0;}
#main .event .tit_cont {display: flex; align-items: flex-end; justify-content: space-between;}
#main .event .arrow_cont {position: relative; display: flex; align-items: center; gap: 10px;}
#main .event .arrow {position: relative; width: 45px; height: 45px; text-align: center; line-height: 40px; border-radius: 100%; background: #f2f2f2; cursor: pointer; margin: 0; top: auto; left: auto; bottom: auto; right: auto;}
#main .event .swiper-button-prev img {transform: rotate(180deg);} 
#main .event .arrow img {width: 26px;}
#main .event .arrow:hover {background: var(--blue-color); transition:all .4s;}
#main .event .arrow:hover img {filter: brightness(0) invert(1); transition:all .4s;}
#main .event .arrow::after {display: none;}
#main .event .list_wrap {margin-top: 40px;}
#main .event .item {width: 885px; margin: 0 45px; display: flex;} 
#main .event .item .img {display: block; width: 500px; height: 300px; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 10px 0px #0000001A;}
#main .event .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
#main .event .item .info {max-width: calc(100% - 500px); padding: 38px 0 20px 60px; display: flex; flex-direction: column; justify-content: space-between;}
#main .event .item .info h3 {font-size: 20px; font-weight: 300; line-height: 1.1; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .event .item .info p {font-size: 16px; font-weight: 300; color: #7e7e7e; line-height: 1.2; margin-top: 20px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .event .item .info span {font-size: 18px; font-weight: 300; color: #c2c2c2; line-height: 1; margin-top: 20px; display: block;}
#main .event .item .info a {display: flex; align-items: center; font-size:  18px; font-weight: 300;}
#main .event .item .info a img {width: 24px; margin-left: 5px;}

@media screen and (max-width: 1440px) {
    /********** header **********/
    #header {height: 7.14vw;}
    #header .logo img {width: 19.36vw;}
    #header .menu_wrap {gap: 4.07vw;}
    /* #header .menu {gap: 4.29vw;} */
	#header .menu > li{padding:0 2.15vw}
    #header .menu > li > a {line-height: 7.14vw; font-size: 1.29vw;}
    #header .menu > li:hover > a::after,
    #header .menu > li.active > a::after {bottom: 2.14vw;}
    #header .countDown {border-radius: 2.14vw; padding: 1.07vw 2.43vw 0.79vw; font-size: 1.57vw; min-width: 8.33vw; min-height: 3.33vw;}
    /* allmenu */
    #header .allMenu_bg {height: 18.06vw;}
    #header .allMenu_bg .inner::after {width: 36.36vw; height: 7.29vw;}
    #header .menu > li ol {padding-top: 1.79vw;}
    #header .menu > li ol a {font-size: 1.07vw; padding: 0.54vw 0;}

    /********** footer **********/
    #footer {margin-top: 6.07vw;}
    #footer .inner {padding: 4.29vw 0 4.93vw; max-width: 90.28vw;}
    #footer .logo img {width: 13.93vw;}
    #footer .if_box {margin-top: 2.14vw;}
    #footer .term {gap: 1.43vw;}
    #footer .term a {font-size: 0.93vw;}
    #footer .info {gap: 1.07vw; margin-top: 0.71vw;}
    #footer .info span {font-size: 0.86vw; }
    #footer .copy {margin-top: 0.71vw; font-size: 0.86vw;}
    #footer .sns {gap: 1.64vw;}
    #footer .sns img {height: 1.21vw;}
    #footer .sponsor {margin-top: 2.14vw; gap: 2.50vw;}
    #footer .sponsor span {font-size: 1.00vw; margin-right: 1.43vw;}

    /********** quick **********/
    #quick {bottom: 7.14vw; right: 3.57vw;}
    #quick span {width: 6.43vw; height: 6.43vw;}
    #quick span + span {margin-top: 1.21vw;}

    /********** main **********/
    /* 공통 */
    .w1400 {max-width: 90.28vw;}
    .main_tit {font-size: 2.14vw;}
    /* visual */
    #main .visual {height: 53.57vw;}
    #main .visual .img01 {top: 14.86vw;}
    #main .visual .img01 img {width: 50.71vw;}
    #main .visual .img02 {left: 39.07vw; top: 22vw;}
    #main .visual .img03 img {width: 9.36vw;}
    #main .visual .txt {top: 9.79vw; left: 55.43vw;}
    #main .visual .txt .tit img {width: 39.29vw;}
    #main .visual .txt ul {margin-top: 2.14vw; padding-left: 1.14vw;}
    #main .visual .txt ul li + li {margin-top: 1.07vw;}
    #main .visual .txt ul .tit {padding: 0.64vw 2.86vw 0.43vw; border-radius: 1.43vw; font-size: 1.29vw; margin-right: 1.43vw;}
    #main .visual .txt ul .cont {font-size: 1.57vw;}
    #main .visual .txt ul .vis_countDown {font-size: 2.14vw;}
    #main .visual .sponsor {margin-top: 5.86vw; padding-left: 1.07vw; gap: 2.50vw;}
    #main .visual .sponsor .tit {font-size: 1.14vw; margin-right: 1.43vw;}
    #main .visual .sponsor img {width: 13.21vw;}
	/* exh_event */
	.exh_event{margin-top:6.94vw;}
	.exh_list{gap:2.78vw 0; margin-top:2.43vw;}
	.exh_list li{width:48.5%; border-radius: 1.39vw;}
	.exh_list li a{padding:3.47vw 4.17vw 3.47vw 3.47vw;}
	.exh_list li a .icon{width:5.56vw;}
	.exh_list li a .txt{width:calc(100% - 8.33vw)}
	.exh_list li a .txt strong{font-size: 1.74vw;}
	.exh_list li a .txt p{font-size: 1.25vw; margin-top:1.74vw;}
	.exh_list li a .txt .viewMore{font-size: 1.25vw; margin-top:2.08vw;}
	.exh_list li a .txt .viewMore img{width: 1.67vw; margin-left:0.35vw;}
    /* event */
    #main .eventInfo {padding: 5.71vw 0 0;}
    #main .eventInfo .card_list {margin-top: 2.50vw;}
    .card_list {gap: 2.86vw;}
    .card_list .cd_item {border-radius: 1.43vw;}
    .card_list .cd_item a {padding: 3.57vw 2.86vw 4.00vw;}
    .card_list .cd_item::after {bottom: 1.93vw; right: 1.86vw; width: 7.14vw; height: 7.14vw;}
    .card_list .cd_item h3 {font-size:  1.79vw;}
    .card_list .cd_item p {font-size:  1.29vw; margin-top: 1.79vw;}
    .card_list .cd_item .viewMore {padding-bottom: 0.21vw; font-size:  1.29vw; margin-top: 3.43vw;}
    .card_list .cd_item .viewMore img {width: 1.71vw; margin-left: 0.36vw;}
    /* board */
    #main .board_wrap {padding: 5.79vw 0 6.07vw;}
    #main .board_wrap .inner {gap: 4.21vw;}
    #main .board_wrap .tit_cont a {font-size: 1.29vw;}
    #main .board_wrap .tit_cont a img {width: 1.71vw; margin-left: 0.36vw;}
    #main .board_wrap .list {margin-top: 2.86vw;}
    /* notice */
    #main .notice {width: 46.50vw;}
    #main .notice li {border-radius: 1.43vw; height: 6.43vw;}
    #main .notice li + li {margin-top: 1.79vw;}
    #main .notice li a {padding: 0 2.71vw; line-height: 6.43vw;}
    #main .notice li .tit {font-size: 1.29vw;}
    #main .notice li .date {font-size: 1.29vw;}
    /* promotion */
    #main .promotion .list {gap: 2.86vw;}
    #main .promotion .list li .img {border-radius: 1.43vw; height: 15.71vw;}
    #main .promotion .list li .img .moreBtn {width: 7.14vw; height: 7.14vw; line-height: 6.43vw;}
    #main .promotion .list li .img .moreBtn span {font-size: 1.14vw;}
    #main .promotion .list li .img .moreBtn img {width: 1.71vw;}
    #main .promotion .list li .desc {margin-top: 2.50vw;}
    #main .promotion .list li .desc .tit {font-size: 1.43vw; max-width: 23.21vw;}
    #main .promotion .list li .desc .date {font-size: 1.29vw; margin-top: 1.43vw;}
    /* event  */
    #main .event {padding: 5.71vw 0 0;}
    #main .event .arrow_cont {gap: 0.71vw;}
    #main .event .arrow {width: 3.21vw; height: 3.21vw; line-height: 2.86vw;}
    #main .event .arrow img {width: 1.86vw;}
    #main .event .list_wrap {margin-top: 2.86vw;}
    #main .event .item {width: 63.21vw; margin: 0 3.21vw;} 
    #main .event .item .img {width: 35.71vw; height: 21.43vw; border-radius: 1.43vw;}
    #main .event .item .info {max-width: calc(100% - 35.71vw); padding: 2.71vw 0 1.43vw 4.29vw;}
    #main .event .item .info h3 {font-size: 1.43vw;}
    #main .event .item .info p {font-size: 1.14vw; margin-top: 1.43vw;}
    #main .event .item .info span {font-size: 1.29vw; margin-top: 1.43vw;}
    #main .event .item .info a {font-size:  1.29vw;}
    #main .event .item .info a img {width: 1.71vw; margin-left: 0.36vw;}
}

@media screen and (max-width: 1280px) {
    /********** header **********/
    #header {height: 6.64vw;}
    #header .logo img {width: 18.67vw;}
    #header .menu_wrap {gap: 3.83vw;}
    /* #header .menu {gap: 3.91vw;} */
	#header .menu > li{padding:0 1.96vw;}
    #header .menu > li > a {line-height: 6.64vw; font-size: 1.25vw;  }
    #header .menu > li:hover > a::after,
    #header .menu > li.active > a::after {bottom: 2.03vw;}
    #header .countDown {border-radius: 2.03vw; padding: 0.94vw 2.19vw 0.63vw; font-size: 1.41vw; min-width: 7.66vw; min-height: 2.97vw;}
    /* allmenu */
    #header .allMenu_bg {height: 17.31vw;}
    #header .allMenu_bg .inner::after {width: 33.83vw; height: 6.80vw;}
    #header .menu > li ol {padding-top: 1.64vw;}
    #header .menu > li ol a {font-size: 1.02vw; padding: 0.47vw 0;}

    /********** footer **********/
    #footer {margin-top: 8.20vw;}
    #footer .inner {padding: 3.91vw 0 4.38vw; max-width: 92.97vw;}
    #footer .logo img {width: 12.73vw;}
    #footer .if_box {margin-top: 1.95vw;}
    #footer .term {gap: 0.94vw;}
    #footer .term a { font-size: 0.94vw; }
    #footer .info {gap: 1.02vw; margin-top: 0.70vw;}
    #footer .info span {font-size: 0.94vw;}
    #footer .copy {margin-top: 0.70vw; font-size: 0.78vw;  }
    #footer .sns {gap: 1.56vw;}
    #footer .sns img {height: 1.09vw;}
    #footer .sponsor {margin-top: 1.72vw; gap: 2.34vw;}
    #footer .sponsor span {font-size: 0.94vw; margin-right: 1.33vw;}

    /********** quick **********/
    #quick { bottom: 6.64vw; right: 3.67vw; }
    #quick span { width: 5.47vw; height: 5.47vw;}
    #quick span + span {margin-top: 1.09vw;}

    /********** main **********/
    /* 공통 */
    .w1400 {max-width: 92.97vw;}
    .main_tit {font-size: 1.95vw;}
    /* visual */
    #main .visual { height: 49.77vw;}
    #main .visual .img01 {top: 7.34vw; left: -12.11vw;}
    #main .visual .img01 img {width: 56.56vw;}
    #main .visual .img02 { left: 34.61vw; top: 14.84vw;}
    #main .visual .img02 img {width: 6.09vw;}
    #main .visual .img03 {display: none;}
    #main .visual .txt { top: 9.06vw; left: 51.95vw;}
    #main .visual .txt .tit img {width: 36.48vw;}
    #main .visual .txt ul {margin-top: 1.95vw; padding-left: 1.09vw;}
    #main .visual .txt ul li + li {margin-top: 0.94vw;}
    #main .visual .txt ul .tit { padding: 0.63vw 2.66vw 0.39vw; border-radius: 1.33vw; font-size: 1.17vw; margin-right: 1.33vw;}
    #main .visual .txt ul .cont {font-size: 1.48vw; }
    #main .visual .txt ul .vis_countDown {font-size: 1.95vw; }
    #main .visual .sponsor {margin-top: 5.08vw; padding-left: 1.02vw; gap: 2.27vw;}
    #main .visual .sponsor .tit {font-size: 1.09vw; margin-right: 1.33vw;}
    #main .visual .sponsor img {width: 12.27vw;}
	/* exh_event */
	.exh_event{margin-top:7.81vw;}
	.exh_list{gap:3.13vw 0; margin-top:2.73vw;}
	.exh_list li{width:48.5%; border-radius: 1.56vw; }
	.exh_list li a{padding:2.91vw 3.69vw 2.91vw 2.91vw;}
	.exh_list li a .icon{width:5.75vw;}
	.exh_list li a .txt{width:calc(100% - 8.38vw)}
	.exh_list li a .txt strong{font-size: 1.72vw;}
	.exh_list li a .txt p{font-size: 1.17vw; margin-top:1.5vw;}
	.exh_list li a .txt .viewMore{font-size: 1.17vw; margin-top:2.14vw;}
	.exh_list li a .txt .viewMore img{width: 1.88vw; margin-left:0.39vw;}
    /* event */
    #main .eventInfo {padding: 6.09vw 0 6.33vw;}
    #main .eventInfo .card_list {margin-top: 2.34vw;}
    .card_list {gap: 2.66vw;}
    .card_list .cd_item {border-radius: 1.33vw;}
    .card_list .cd_item a {padding: 3.36vw 2.66vw 3.67vw;}
    .card_list .cd_item::after { bottom: 1.72vw; right: 1.72vw; width: 6.64vw; height: 6.64vw; }
    .card_list .cd_item h3 {font-size: 1.72vw; }
    .card_list .cd_item p {font-size: 1.17vw; margin-top: 1.64vw;}
    .card_list .cd_item .viewMore {padding-bottom: 0.23vw; font-size: 1.17vw; margin-top: 3.20vw; }
    .card_list .cd_item .viewMore img {width: 1.56vw; margin-left: 0.31vw;}
    /* board */
    #main .board_wrap {padding: 6.25vw 0 8.44vw;}
    #main .board_wrap .inner { gap: 3.91vw;}
    #main .board_wrap .tit_cont a {font-size: 1.17vw;}
    #main .board_wrap .tit_cont a img {width: 1.56vw; margin-left: 0.31vw;}
    #main .board_wrap .list {margin-top: 2.66vw;}
    /* notice */
    #main .notice {width: 43.28vw;}
    #main .notice li {border-radius: 1.33vw; height: 6.02vw;}
    #main .notice li + li {margin-top: 1.64vw;}
    #main .notice li a { padding: 0 2.50vw; line-height: 6.02vw;}
    #main .notice li .tit {font-size: 1.17vw;}
    #main .notice li .date {font-size: 1.17vw; }
    /* promotion */
    #main .promotion .list { gap: 2.66vw;}
    #main .promotion .list li .img { border-radius: 1.33vw; height: 14.61vw;}
    #main .promotion .list li .img .moreBtn {width: 6.64vw; height: 6.64vw; line-height: 6.02vw; }
    #main .promotion .list li .img .moreBtn span {font-size: 1.09vw;}
    #main .promotion .list li .img .moreBtn img {width: 1.56vw;}
    #main .promotion .list li .desc {margin-top: 2.34vw;}
    #main .promotion .list li .desc .tit {font-size: 1.33vw; max-width: 21.64vw;}
    #main .promotion .list li .desc .date {font-size: 1.17vw; margin-top: 1.33vw;}
    /* event  */
    #main .event {padding: 6.48vw 0 0;}
    #main .event .arrow_cont {gap: 0.70vw;}
    #main .event .arrow { width: 2.97vw; height: 2.97vw; line-height: 2.66vw;}
    #main .event .arrow img {width: 1.72vw;}
    #main .event .list_wrap {margin-top: 2.66vw;}
    #main .event .item {width: 58.91vw; margin: 0 2.97vw; } 
    #main .event .item .img { width: 33.05vw; height: 19.84vw; border-radius: 1.33vw;}
    #main .event .item .info {max-width: calc(100% - 33.05vw); padding: 2.42vw 0 1.33vw 3.91vw;}
    #main .event .item .info h3 {font-size: 1.33vw;}
    #main .event .item .info p {font-size: 1.09vw; margin-top: 1.33vw;}
    #main .event .item .info span {font-size: 1.17vw; margin-top: 1.33vw; }
    #main .event .item .info a {font-size:  1.17vw; }
    #main .event .item .info a img {width: 1.56vw; margin-left: 0.31vw;}
}

@media screen and (max-width: 768px) {
    .pc {display: none;}
    .mob {display: block;}
    /********** header **********/
    #header {height: 18.2292vw;}
    #header .logo {line-height: 18.2292vw;}
    #header .logo img {width: 49.4792vw;}
    #header .menu_wrap {display: none;} 
    #header .burgerBtn {display: block; line-height: 18.2292vw;}
    #header .burgerBtn img {width: 5.7292vw;}
    /* allmenu */
    #header .allMenu_bg {display: none;}

    /********** sideMenu **********/
    .sideMenu_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #00000099; z-index: 101;}
    #sideMenu {position: fixed; top: 0; right: 0; width: 84.6354vw; height: 100vh; background: #fff; padding: 3.9063vw 5.2083vw; z-index: 102;}
    #sideMenu .close {text-align: right;}
    #sideMenu .close img {width: 4.2vw;}
    #sideMenu .logo {margin-top: 10.2865vw; display: block;}
    #sideMenu .logo img {width: 49.4792vw;}
    #sideMenu .menu {margin-top: 9.5052vw;}
    #sideMenu .menu > ul {border-top: 0.1302vw solid #DCDCDC;}
    #sideMenu .menu > ul > li {border-bottom: 0.1302vw solid #DCDCDC;}
    #sideMenu .menu > ul > li h2 {padding: 5.2083vw 0; font-size: 4.2969vw; font-weight: 300; display: flex; align-items: flex-start; justify-content: space-between;}
    #sideMenu .menu > ul > li h2 .arrow {width: 4.2969vw; filter: brightness(0); transform: rotate(180deg);}
    #sideMenu .menu > ul > li.active h2 {color: var(--blue-color);}
    #sideMenu .menu > ul > li.active h2 .arrow {transform: rotate(0deg); filter: brightness(1);}
    #sideMenu .menu > ul > li ol {display: none; padding: 5.0781vw 0 4vw; border-top: 0.1302vw solid #dcdcdc;}
    #sideMenu .menu > ul > li ol li {line-height: 2.1;}
    #sideMenu .menu > ul > li ol a {font-size: 3.6458vw; font-weight: 300;}
    #sideMenu .menu > ul > li ol a:hover {color: var(--blue-color); font-weight: 600; text-decoration: underline;}


    /********** footer **********/
    #footer {margin-top: 18.2292vw;}
    #footer .inner {padding: 12.7604vw 0 19.5313vw; max-width: 92.9688vw; display: revert;}
    #footer .logo img {width: 49.4792vw;}
    #footer .if_box {margin-top: 7.8125vw;}
    #footer .term {gap: 3.9063vw;}
    #footer .term a { font-size: 3.3854vw; }
    #footer .info {gap: 1.9531vw; margin-top: 3.2552vw; flex-wrap: wrap;}
    #footer .info span {font-size: 3.3854vw;}
    #footer .copy {margin-top: 3.2552vw; font-size: 2.8646vw;}
    #footer .sns {gap: 4.9479vw; justify-content: flex-start; margin-top: 10.6771vw;}
    #footer .sns img {height: 3.6458vw;}
    #footer .sponsor {margin-top: 5.7292vw; gap: 6.6406vw;}
    #footer .sponsor > div {display: flex; align-items: center;}
    #footer .sponsor span {font-size: 2.6042vw; margin-right: 3.9063vw;}
    #footer .sponsor img {width: 33.7240vw;}

    /********** quick **********/
    #quick { bottom: 6.5104vw; right: 3.1250vw; }
    #quick span { width: 14.3229vw; height: 14.3229vw;}
    #quick span + span {margin-top: 2.6042vw;}

    /********** main **********/
    /* 공통 */
    .w1400 {max-width: 91.7500vw;}
    .main_tit {font-size: 5.2083vw;}
    /* visual */
    #main .visual { height: 156.2500vw; background: url('/images/mob/main/main_banner_bg.svg') no-repeat;}
    #main .visual .img01 {top: 5.5vw; left: 0;}
    #main .visual .img01 img {width: 100%;}
    #main .visual .img02 { left: auto; right: 5.4297vw; top: 93.7500vw;}
    #main .visual .img02 img {width: 10.9375vw;}
    #main .visual .img03 {display: block; top: 118.8802vw; left: -10.4167vw;}
    #main .visual .img03 img {width: 15.4948vw;}
    #main .visual .txt { top: 24.7396vw; left: 2.4740vw;}
    #main .visual .txt .tit img {width: 73.0469vw;}
    #main .visual .txt ul {margin-top: 3.9063vw; padding-left: 0;}
    #main .visual .txt ul li + li {margin-top: 1.9531vw;}
    #main .visual .txt ul .tit { padding: 1.0417vw 4.2969vw 0.5208vw; border-radius: 2.6042vw; font-size: 3.3854vw; margin-right: 2.6042vw;}
    #main .visual .txt ul .cont {font-size: 3.6458vw; }
    #main .visual .txt ul .vis_countDown {font-size: 4.5573vw; }
    #main .visual .sponsor {display: none;}
	/* exh_event */
	.exh_event{margin-top:15.02vw;}
	.exh_list{gap:6.21vw 0; margin-top:6.56vw;}
	.exh_list li{width:100%; border-radius: 2.60vw; }
	.exh_list li a{padding:7.51vw 6.81vw; flex-direction: column;}
	.exh_list li a .icon{width:12.42vw; margin-bottom:4vw;}
	.exh_list li a .txt{width:100%;}
	.exh_list li a .txt strong{font-size: 4.55vw;}
	.exh_list li a .txt p{font-size: 3.65vw; margin-top:3.9vw;}
	.exh_list li a .txt .viewMore{font-size: 3.65vw; margin-top:3.91vw;}
	.exh_list li a .txt .viewMore img{width: 5vw; margin-left:1.04vw; margin-top: -0.5vw;}
    /* event */
    #main .eventInfo {padding: 15.6250vw 0;}
    #main .eventInfo .card_list {margin-top: 7.4219vw;}
    .card_list {gap: 6.5104vw; flex-direction: column;}
    .card_list .cd_item {border-radius: 4.2969vw; width: 100%;}
    .card_list .cd_item a {padding: 10.8073vw 7.1615vw;}
    .card_list .cd_item::after { bottom: 5.9896vw; right: 5.4688vw; width: 21.3542vw; height: 21.3542vw; }
    .card_list .cd_item h3 {font-size: 4.5573vw; }
    .card_list .cd_item p {font-size: 3.6458vw; margin-top: 3.9063vw;}
    .card_list .cd_item .viewMore {font-size: 3.6458vw; margin-top: 5.8594vw; }
    .card_list .cd_item .viewMore img {width: 5.0781vw; margin-left: 1.0417vw; margin-top: -0.5vw;}
    /* board */
    #main .board_wrap {padding: 13.8021vw 0 14.9740vw;}
    #main .board_wrap .inner { gap: 12.6302vw; flex-direction: column;}
    #main .board_wrap .tit_cont a {font-size: 3.3854vw;}
    #main .board_wrap .tit_cont a img {width: 3.3854vw; margin-left: 0.6510vw;}
    #main .board_wrap .list {margin-top: 5.7292vw;}
    /* notice */
    #main .notice {width: 100%;}
    #main .notice li {border-radius: 2.8646vw; height: 14.3229vw;}
    #main .notice li + li {margin-top: 3.6458vw;}
    #main .notice li a { padding: 0 5.3385vw; line-height: 14.3229vw;}
    #main .notice li .tit {font-size: 3.6458vw; width: 75%;}
    #main .notice li .date {font-size: 3.3854vw; }
    /* promotion */
    #main .promotion .list { gap: 3.9063vw;}
    #main .promotion .list li .img { border-radius: 2.6042vw; height: 30.3385vw;}
    #main .promotion .list li .img .moreBtn {width: 14.3229vw; height: 14.3229vw; line-height: 13.8021vw; }
    #main .promotion .list li .img .moreBtn span {font-size: 3.6458vw;}
    #main .promotion .list li .img .moreBtn img {width: 5.0781vw;}
    #main .promotion .list li .desc {margin-top: 4.8177vw;}
    #main .promotion .list li .desc .tit {font-size: 3.6458vw; max-width: 44.7917vw;}
    #main .promotion .list li .desc .date {font-size: 3.3854vw; margin-top: 2.7344vw;}
    /* event  */
    #main .event {padding: 15.6250vw 0 0;}
    #main .event .arrow_cont {gap: 1.8229vw;}
    #main .event .arrow { width: 8.2031vw; height: 8.2031vw; line-height: 7.8125vw;}
    #main .event .arrow img {width: 5.2083vw;}
    #main .event .list_wrap {margin-top: 5.2083vw; max-width: 93.7500vw;}
    #main .event .item {width: 100%; margin: 0; display: revert;} 
    #main .event .item .img { width: 100%; height: 56.2500vw; border-radius: 3.7760vw;}
    #main .event .item .info {max-width: 100%; padding: 0; margin-top: 7.8125vw; display: revert;}
    #main .event .item .info h3 {font-size: 3.9063vw;}
    #main .event .item .info p {font-size: 3.6458vw; margin-top: 3.6458vw;}
    #main .event .item .info span {font-size: 3.3854vw; margin-top: 3.6458vw; }
    #main .event .item .info a {font-size:  3.3854vw; margin-top: 3.6458vw;}
    #main .event .item .info a img {width: 4.4271vw; margin-left: 0.9115vw;}
}