@charset "utf-8";

.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; border-bottom:0; }
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}

.main {min-height:100vh; position:relative; overflow:hidden;
}
.main .gradientWrap {position:absolute; height:300px; width:100%; overflow:hidden; z-index:-1;}
.main .gradient { background:url(../images/common/lnb_bg_cloak.png) no-repeat center / cover; height:500px; width:100%; position:absolute; top:-80px; z-index:-2;}
/*.main .gradient-overlay {position:absolute; top:0; left:0; width:100%; height:100%;
background:linear-gradient(180deg, #e0a2ff 20%, #75cffd 50%, #ffffff 70%); background-size:200% 240%; animation:gradientAnimation 10s ease infinite; opacity:0.4;}*/
.main .gradient-overlay { background: linear-gradient(135deg, rgba(190, 215, 255, 1), rgba(255, 205, 245, 1)); background-size:400% 400%; width:200%; height:100%; position:absolute; top:0; left:0; z-index:-4; opacity:0.7; filter:blur(8px); animation:gradientSlide 5s linear infinite;}
.main .gradient-overlay-white {width:100%; height:100%;  background: linear-gradient(to bottom, rgba(190, 215, 255, 0.5), rgba(255, 205, 245, 0.5), rgba(255, 255, 255, 1));
 background-repeat: no-repeat; background-size: cover; position:absolute; top: 0; left: 0; z-index: -3; animation:gradientSlide 5s linear infinite;}
 
 /* 파트1 공동 */
.main .part1 {position:relative; padding:70px 0;}
.main .part1 .logo_rotate {width:687px; position:absolute; left:-100px; top:0; z-index:-1;}
.main .part1 .top {display:flex; gap:30px; max-height:370px;}
.main .part1 .top .banner1 {width:calc(75% / 2);}
.main .part1 .top .banner2 {width:calc(75% / 2);}
.main .part1 .top .quick-service {width:25%; max-width:330px;}

.main .part1 .swiper-container .btnWrap {position:absolute; right:10px; bottom:10px; height:30px; width:70px;}
.main .part1 .swiper-container .btnWrap .swiper-button-prev {background:url(/images/main/banner_prev.png) no-repeat center / contain; left:0;}
.main .part1 .swiper-container .btnWrap .swiper-button-next {background:url(/images/main/banner_next.png) no-repeat center / contain; right:0;}
.main .part1 .swiper-button-prev, .main .part1 .swiper-button-next {top:0; width:30px; height:30px;}

/* 뉴스배너 */ 
.main .part1 .top .banner1 {aspect-ratio:1/0.544; border-radius:20px; border:1px solid #e7e9ec; overflow:hidden; box-sizing:border-box; }
.main .part1 .top .banner1 .swiper-slide {aspect-ratio:1/0.544; position:relative;}
.main .part1 .top .banner1 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; filter:brightness(0.7);}
.main .part1 .top .banner1 .swiper-slide .txt {position:absolute; color:#fff; left:40px; bottom:40px; transform:var(--textRotate); width:70%;}
.main .part1 .top .banner1 .swiper-slide .txt p {font-weight:900; font-size:24px; line-height:1.3; width:100%;overflow:hidden;
white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; word-break:keep-all;}

/* 대회 및 협회공지 배너 */ 
.main .part1 .top .banner2 { border-radius:20px; border:1px solid #e7e9ec; overflow:hidden; box-sizing:border-box; background:#fff;}
/*.main .part1 .top .banner2 .swiper-slide {aspect-ratio:0.89/1;}*/
.main .part1 .top .banner2 .swiper-slide img {width: 100%; height: 100%;}

/* 빠른서비스 */ 
.main .part1 .quick-service {background:#001c48; border-radius:20px; overflow:hidden; padding:35px 0px; text-align:center; color:#fff; box-sizing: border-box;}
.main .part1 .quick-service h3 {font-weight:800; transform:var(--textRotate); font-size:30px;}
.main .part1 .quick-service p {font-weight:600; transform:var(--textRotate); font-size:14px; margin-top:5px;}
.main .part1 .quick-service ul {display:grid; grid-template-columns:repeat(3,1fr); gap:30px 0; margin-top:35px;}
.main .part1 .quick-service ul li {position:relative;}
.main .part1 .quick-service ul li img {opacity:0.5; transition:all .3s;}
.main .part1 .quick-service ul li:nth-child(2), .main .part1 .quick-service ul li:nth-child(5) {padding:0 10px;}
.main .part1 .quick-service ul li:before {content:""; display:block; height:35px; width:1px; background:#fff; position:absolute; left:0; bottom:0; opacity:0.2;}
.main .part1 .quick-service ul li:nth-child(3n + 1):before {display:none;}
.main .part1 .quick-service ul li span {display:block; line-height:1.2; margin-top:10px; transition:all .3s;}
.main .part1 .quick-service ul li:hover span {color:#34e7f6;}
.main .part1 .quick-service ul li:hover img {opacity:1;}

/* 공지사항 */
.main .part1 .bottom {padding-top:65px; display:flex; gap:40px; }
.main .part1 .bottom .titWrap {display:flex; justify-content:space-between;}
.main .part1 .bottom .titWrap h3 {color:#000; font-size:24px; transform:var(--textRotate); padding-top:3px; }
.main .part1 .bottom .notice .titWrap  h3 {position:relative;}
.main .part1 .bottom .notice .titWrap  h3:after {content:""; display:block; width:125px; height:3px; background:#e9e9e9; position:absolute; bottom:0px; left;0;}
.main .part1 .bottom .titWrap ul {display:flex;}
.main .part1 .bottom .notice {width:54%;}
.main .part1 .bottom .notice .titWrap {}
.main .part1 .bottom .notice .noti-btn li {padding-left:35px; border-bottom: 3px solid #e9e9e9;}
.main .part1 .bottom .notice .noti-btn li a {display:inline-block; color:#000; font-weight:600; transform:var(--textRotate); padding-bottom:10px;}
.main .part1 .bottom .notice .noti-btn li a:hover {color:var(--blue);}
.main .part1 .bottom .notice .noti-btn li.on a {color:var(--blue); position:relative;}
.main .part1 .bottom .notice .noti-btn li.on a:before {content:""; display:block; width:100%; height:3px; background:var(--blue); position:absolute; bottom:-3px;}
.main .part1 .bottom .notice .list .recent {padding:25px 0 17px;}
.main .part1 .bottom .notice .list .recent a {display:flex; gap:35px;}
.main .part1 .bottom .notice .list .recent a .date .year {display:block; font-size:16px; color:#000; position:relative; padding-top:3px;}
.main .part1 .bottom .notice .list .recent a .date .day {font-size:30px; font-weight:800; color:var(--blue); line-height:1.3; position:relative;}
.main .part1 .bottom .notice .list .recent a .date .year:before {content:""; display:block; width:20px; height:2px; position:absolute; right:0; top:13px; background:var(--blue);}
.main .part1 .bottom .notice .list .recent a dl {width:calc(100% - 121px);}
.main .part1 .bottom .notice .list .recent a dl dt {font-size:24px; color:var(--blue); font-weight:600; transform:var(--textRotate); width: 100%; overflow:hidden;
white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1;
-webkit-box-orient:vertical; word-break:keep-all;}
.main .part1 .bottom .notice .list .recent a dl dd {width:100%;overflow:hidden;
white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1;
-webkit-box-orient:vertical; word-break:keep-all; color:#999;}
.main .part1 .bottom .notice .list .past li {display:flex;}
.main .part1 .bottom .notice .list .past li+li {margin-top:8px;}
.main .part1 .bottom .notice .list .past li span.classifi {width:72px; color:#000; display:inline-block; font-weight:600; transform:var(--textRotate); position:relative; }
.main .part1 .bottom .notice .list .past li span.classifi:after {content:""; display:block; width:4px; height:4px; background:#ccc; border-radius:50%; position:absolute; right:-12px; top:10px; }
.main .part1 .bottom .notice .list .past li a {width:calc(100% - 172px); overflow:hidden;
white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1;
-webkit-box-orient:vertical; word-break:keep-all; color:#000; padding:0 25px;}
.main .part1 .bottom .notice .list .past li a:hover {color:var(--blue);}

.main .part1 .bottom .main_schedule {width:calc(46% - 40px);}
.main .part1 .bottom .main_schedule .schedule-btn {gap:5px;}
.main .part1 .bottom .main_schedule .schedule-btn a {display:block; color:#000; font-size:14px; font-weight:600; border:1px solid var(--border5); padding:4px 16px; border-radius:2rem; transition:all 0.3s;}
.main .part1 .bottom .main_schedule .schedule-btn a:hover {background:var(--blue); color:#fff; border:1px solid transparent;}
.main .part1 .bottom .main_schedule .list {display:flex; gap:20px; padding-top:20px;}
.main .part1 .bottom .main_schedule .list .left li {position:relative;}
.main .part1 .bottom .main_schedule .list .left {width:245px; display:grid; grid-template-columns:repeat(2,1fr); gap:5px;}
.main .part1 .bottom .main_schedule .list .left li {transition:all 0.3s;}
.main .part1 .bottom .main_schedule .list .left li:hover {transform:translateY(-5px);}
.main .part1 .bottom .main_schedule .list .left a {display:block; height:100%; text-align:center; color:#fff; padding:25px 10px 13px; border-radius:20px;}
.main .part1 .bottom .main_schedule .list .left li:nth-child(1) a {background:var(--blue); }
.main .part1 .bottom .main_schedule .list .left li:nth-child(2) a {background:var(--green);}
.main .part1 .bottom .main_schedule .list .left h4 {font-size:16px; font-weight:800; transform:var(--textRotate); line-height:1.2;}
.main .part1 .bottom .main_schedule .list .left h4 span {display:block; font-size:24px;}
.main .part1 .bottom .main_schedule .list .left p {margin-top:30px; font-size:13px; font-weight:800; line-height:1; position:relative;}
.main .part1 .bottom .main_schedule .list .left p span {font-size:72px; display:inline-block;}
.main .part1 .bottom .main_schedule .list .left p small {position:absolute; bottom:11px;}
.main .part1 .bottom .main_schedule .list .left span.new {display:block; position:absolute; background:url(/images/common/i-new.png) no-repeat center / 30px; width:30px; height:30px; top:-10%; right:-4%;}


.main .part1 .bottom .main_schedule .list .right {width:calc(100% - 265px);}
.main .part1 .bottom .main_schedule .list .right li {padding:10px 0 10px 13px; border-top:1px solid #e6e6e6; position:relative;}
.main .part1 .bottom .main_schedule .list .right li:first-of-type {border-top:0;}
.main .part1 .bottom .main_schedule .list .right li:before {content:""; display:block; width:4px; height:4px; border-radius:50%; background:#b2b2b2; position:absolute; top:20px; left:3px;}
.main .part1 .bottom .main_schedule .list .right li a span.new {background:#ff9800; color:#fff; display:inline-block; text-align:center; width:14px; height:14px; line-height:14px; padding:1px;
font-size:10px; margin-right:4px; transform:translateY(-2px); }
.main .part1 .bottom .main_schedule .list .right li a {font-size:16px; width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; color:#000;}
.main .part1 .bottom .main_schedule .list .right li a:hover {color:var(--blue);}
.main .part1 .bottom .main_schedule .list .right li a span {padding-right:6px;}


.main .part2 {background:#f1f4f8; padding:50px 0; position:relative;}
.main .part2 .logo_rotate {width:380px; position:absolute; right:-50px; top:-50px; z-index:0;}
.main .part2 .inner {padding:0 50px; box-sizing:border-box;}
.main .part2 .main-gallery {}
.main .part2 .main-gallery .swiper-slide a:hover img {transform:scale(1.1);}
.main .part2 .main-gallery .swiper-slide a:hover dt {color:var(--blue);}
.main .part2 .main-gallery .swiper-slide .img {overflow:hidden; border-radius:20px;}
.main .part2 .main-gallery .swiper-slide img {width:100%; height:100%; object-fit:cover; aspect-ratio:3/2; transition:all 0.3s;}
.main .part2 .banner3_prev, .main .part2 .banner3_next {width:60px; height:60px; border-radius:50%; border:1px solid #cfd3e1; top:30%; transition:all 0.3s;}
.main .part2 .banner3_prev {background:#fff url(/images/main/gallery_prev.png) no-repeat center center / 7px; left:-30px;}
.main .part2 .banner3_prev:hover {background:var(--blue) url(/images/main/gallery_prev_W.png) no-repeat center center / 7px; border:1px solid transparent;}
.main .part2 .banner3_next {background:#fff url(/images/main/gallery_next.png) no-repeat center center / 7px; right:-30px;}
.main .part2 .banner3_next:hover {background:var(--blue) url(/images/main/gallery_next_W.png) no-repeat center center / 7px; border:1px solid transparent;}
.main .part2 .btnWrap {position:absolute; height:100%; top:0; left:50%; transform:translateX(-50%);}
.main .part2 .btnWrap>div {position:relative; width:100%; height:100%;}
.main .part2 .main-gallery .swiper-slide .txt {margin-top:20px;}
.main .part2 .main-gallery .swiper-slide .txt dt {width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; color:#000; min-height:45px; line-height:1.4;}
.main .part2 .main-gallery .swiper-slide .txt dd {color:#999; margin-top:8px;}

.main .part3 {background:url(/images/main/part3_bg.png) no-repeat center / cover;}
.main .part3 .inner {display:flex; position:relative; overflow:hidden;}
.main .part3 .inner > div {display:flex; gap:30px; align-items:center; width:50%; padding:45px 0 45px 200px; position:relative; z-index:2;}
.main .part3 .inner h3 {color:#fff; font-size:24px; transform:var(--textRotate);}
.main .part3 .inner .btnWrap {display:flex; gap:10px;}
.main .part3 .inner .btnWrap a {color:#fff; display:block; padding:7px 22px; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.3); border-radius:2rem; transition:all 0.3s;}
.main .part3 .inner .btnWrap a:hover {color:#000; background:rgba(255,255,255,1); border:1px solid transparent;}
.main .part3 .inner .left {background:url(/images/main/part3_medal.png) no-repeat 0 -10px / 167px;}
.main .part3 .inner .right {background:url(/images/main/logo_bigW.png) no-repeat 180px 30px / 70px; padding-left:274px;} 

.main .part3 .inner .bgWrap {
	position:absolute; height:100%; width:500px; top:0; left:45%; transform:translateX(-50%);
	padding:0; z-index:0; mix-blend-mode: color-dodge;
	background:url(../images/main/part3_starbg.webp) no-repeat center/cover;
}
/* 별 컨테이너 설정 */
.main .part3 .star-container {position: relative; width:100%; height:100%; overflow: hidden;}
/* 별 기본 설정 */
.main .part3 .star {position: absolute; width:6px; height:6px; background:radial-gradient(circle, #ffffff 20%, rgba(255, 255, 255, 0) 80%); border-radius:50%; opacity:0; animation:twinkle 1s infinite ease-in-out; box-shadow:0 0 8px 4px rgba(255, 255, 255, 0.6);}
.main .part3 .bigstar {width:50px;height:50px;background:radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%); position:relative; animation: bigtwinkle 1s infinite alternate; border-radius: 50%;}
.main .part3 .bigstar.num1 {top:-25px; left:100px;}
.main .part3 .bigstar.num2 {left:70%; top:-10px;}
.main .part3 .bigstar::before, .bigstar::after {content:''; position:absolute; top:50%; left:50%;
width:120px; height:2px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); transform-origin: center; opacity: 0.8;border-radius: 50%;}
.main .part3 .bigstar::before {transform: translate(-50%, -50%) rotate(45deg);}
.main .part3 .bigstar::after {transform: translate(-50%, -50%) rotate(-45deg);}
/* 짧은 빛살 추가 */
.bigstar .short-ray {content: ''; position: absolute; top:50%; left:50%; width:60px;
height:2px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform-origin: center; opacity:0.6; border-radius:50%;}
.main .part3 .short-ray:nth-child(1) {transform: translate(-50%, -50%) rotate(0deg);}
.main .part3 .short-ray:nth-child(2) {transform: translate(-50%, -50%) rotate(90deg);}
.main .part3 .short-ray:nth-child(3) {transform: translate(-50%, -50%) rotate(135deg);}
.main .part3 .short-ray:nth-child(4) {transform: translate(-50%, -50%) rotate(-135deg);}


  /* 반짝임 효과 */
  @keyframes twinkle {
    0%, 100% {
      transform: scale(0.8);
      opacity: 0;
    }
    50% {
      transform: scale(1.3);
      opacity: 0.7;
    }
  }
  
/* 별 반짝임 효과 */
 @keyframes bigtwinkle {
   0% {
     transform: scale(0.9);
     opacity: 0.9;
   }
   100% {
     transform: scale(1.1);
     opacity: 1;
   }
 }
 
 .blink {
  animation: blink-animation 1.2s steps(2, start) infinite;
}
 
/* New 반짝임 효과 */
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.main .part4 {position:relative;}
.main .part4  .logo_rotate {position:absolute; width:145px; height:145px; left:70px; bottom:50px;}
.main .part4 .partner {padding:50px 0; display:flex; gap:25px;}
.main .part4 .partner li {width:calc(100% / 5); border:1px solid var(--border5); min-width:260px; width:100%; border-radius:20px; padding:25px; box-sizing:border-box; cursor:pointer; transition:all .3s;} 
.main .part4 .partner li:hover {box-shadow:10px 10px 10px rgba(0,0,0,.1);} 
.main .part4 .partner li dl {display:flex; flex-direction:column; justify-content:space-between; min-height:100px;}
.main .part4 .partner li dl dt {font-size:22px; font-weight:800; transform:var(--textRotate); line-height:1.2; color:#000;}
.main .part4 .partner li dl dt span {display:block;}
.main .part4 .partner li.num1 dt span {color:#b20487;}
.main .part4 .partner li.num2 dt span {color:#df6149;}
.main .part4 .partner li.num3 dt span.skyblue {color:#4a9ddd;} 
.main .part4 .partner li.num3 dt span.blue {color:#0349b1;}
.main .part4 .partner li.num4 dt span.blue {color:#00816c;}
.main .part4 .partner li dl dd {font-size:14px; line-height:1.2; margin-top:10px;}

.main .part4 .partner li.num1 {background:url(/images/main/partner_bg01.png) no-repeat 86% 68% / 56px;}
.main .part4 .partner li.num2 {background:url(/images/main/partner_bg02.png) no-repeat 85% 120% / 72px;}
.main .part4 .partner li.num3 {background:url(/images/main/partner_bg03.png) no-repeat 90% 54px / 100px;}
.main .part4 .partner li.num4 {background:url(/images/main/partner_bg04.png) no-repeat 85% 30px / 92px;}
.main .part4 .partner li.num5 {background:url(/images/main/partner_bg05.png) no-repeat 97% 62px / 87px;}

.main .part4 .inner.bottom {padding:25px 0; border-top:1px solid var(--border5);}
.main .part4 .bottom_banner {display:flex;}
.main .part4 .bottom_banner h3 {width:125px; color:#000; line-height:1.4; font-size:16px; font-weight:600; transform:var(--textRotate);}
.main .part4 .bottom_banner h3 span {color:var(--blue); display:block;}
.main .part4 .bottom_banner .sponsor {width:calc(100% - 125px); padding:0 90px; box-sizing: border-box;}
.main .part4 .bottom_banner .swiper-slide {display:flex; justify-content:center; align-items:center;}
.main .part4 .bottom_banner .swiper-slide img {max-height:35px;}
.main .part4 .banner4_prev, .main .part4 .banner4_next {width:40px; height:40px; border-radius:50%; border:1px solid #dcdde8;}
.main .part4 .bottom_banner .sponsor .banner4_prev {background:#fff url(/images/main/gallery_prev.png) no-repeat center center / 7px; top:0; left:0; transition:all 0.3s;}
.main .part4 .bottom_banner .sponsor .banner4_prev:hover {background:var(--green) url(/images/main/gallery_prev_W.png) no-repeat center center / 7px;  border:1px solid transparent;}
.main .part4 .bottom_banner .sponsor .banner4_next {background:#fff url(/images/main/gallery_next.png) no-repeat center center / 7px; top:0; right:0; transition:all 0.3s;}
.main .part4 .bottom_banner .sponsor .banner4_next:hover {background:var(--green) url(/images/main/gallery_next_W.png) no-repeat center center / 7px; border:1px solid transparent;}
.main .part4 .bottom_banner .sponsor .screen > div {width:100px; height:40px; background:#fff; position:absolute; z-index:2;}
.main .part4 .bottom_banner .sponsor .screen > .left {left:0; top:0;}
.main .part4 .bottom_banner .sponsor .screen > .right {right:0; top:0;}
@keyframes gradientSlide {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 0%;
  }
}




/* ************************ (~1199) ************************ */
@media (max-width: 1199px) {
.main .part1 {padding:70px 0 20px;}
.main .part1 .top {flex-wrap:wrap; max-height:none; padding:30px 20px;}
.main .part1 .top .banner1 {max-width:none; width:calc(50% - 15px);}
.main .part1 .top .banner1 .swiper-slide .txt p {font-size:20px;}
.main .part1 .top .banner2 {max-width:none; width:calc(50% - 15px);}
.main .part1 .top .quick-service {max-width:none; width:100%; box-sizing: border-box;display:flex; flex-direction:column; justify-content:space-evenly;}
.main .part1 .quick-service h3 {font-size:24px;}

.main .part1 .bottom {padding:30px 25px; flex-direction:column; gap:40px;}
.main .part1 .bottom .notice {width:100%;}
.main .part1 .bottom .notice .titWrap  h3:after {content:""; display:block; width:500px; height:3px; background:#e9e9e9; position:absolute; bottom:0px; left;0;}
.main .part1 .bottom .main_schedule {width:100%;}
.main .part2 .inner {padding:0 60px;}
.main .part2 .btnWrap {width:100%;}
.main .part2 .banner3_prev, .main .part2 .banner3_next {width:40px;height:40px; top:34%;}
.main .part2 .banner3_prev {left:7px;}
.main .part2 .banner3_next {right:7px;}
.main .part3 .inner {flex-direction:column;}
.main .part3 .inner > div {width:100%; box-sizing: border-box; padding:20px 0 20px 150px;}
.main .part3 .inner .left {background: url(/images/main/part3_medal.png) no-repeat 10px -10px / 120px;}
.main .part3 .inner .right {justify-content: flex-start; background: url(/images/main/logo_bigW.png) no-repeat 43px 10px / 60px; padding-left:150px;}
.main .part3 .inner .bgWrap { position: absolute; height:100%; width:70%; top:0;
left:0; transform:translateX(0%); padding:0; z-index:0;}
.main .part4 .partner {flex-wrap:wrap; padding:50px 30px; gap:15px;}
.main .part4 .partner li.num1 {background: url(/images/main/partner_bg01.png) no-repeat 95% 68% / 56px;}
.main .part4 .partner li.num2 {background: url(/images/main/partner_bg02.png) no-repeat 95% 120% / 72px;}
.main .part4 .partner li.num3 {background: url(/images/main/partner_bg03.png) no-repeat 95% 54px / 100px;}
.main .part4 .partner li.num4 {background: url(/images/main/partner_bg04.png) no-repeat 95% 30px / 92px;}
}


/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
.main .part1 .bottom .titWrap {display:block;}
.main .part1 .bottom .titWrap ul {margin-top:20px;}
.main .part1 .bottom .notice .noti-btn li.on a:before {bottom:-2px;}
.main .part1 .bottom .notice .noti-btn li a {padding-bottom:6px}
.main .part1 .bottom .notice .titWrap  h3:after {display:none;} 
.scroll-tab .scrollable {justify-content:flex-start;}
.main .part1 .bottom .notice .noti-btn li:first-child {padding-left:0;}
.main .part4 .bottom_banner .sponsor .screen > div {width:80px;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
.main .part1 .logo_rotate {width:50vw; left:-40px; top:50px;}
.main .part1 .top {gap:20px;}
.main .part1 .quick-service h3 {font-size:20px;}
.main .part1 .quick-service p {font-size:13px;}
.main .part1 .quick-service ul li span {font-size:14px;}
.main .part1 .top .banner1 {max-width:none; width:100%;}
.main .part1 .top .banner1 .swiper-slide .txt {bottom:10%; left:5%;}
.main .part1 .top .banner1 .swiper-slide .txt p {font-size:22px;}
.main .part1 .top .banner2 {width:100%;}
.main .part1 .bottom {padding:20px 25px;}
.main .part1 .bottom .titWrap h3 {font-size:20px;}


.main .part1 .bottom .notice .list .recent a {gap:20px;}
.main .part1 .bottom .notice .list .recent {padding:15px 0 13px;}
.main .part1 .bottom .notice .list .recent a dl {width:calc(100% - 77px);}
.main .part1 .bottom .notice .list .recent a dl dt {font-size:18px; -webkit-line-clamp:2; line-height:1.3;}
.main .part1 .bottom .notice .list .recent a dl dd {font-size:14px; margin-top:2px; -webkit-line-clamp:2;}
.main .part1 .bottom .notice .list .recent a .date .day {font-size:20px;}
.main .part1 .bottom .notice .list .recent a .date .year {font-size:14px;}
.main .part1 .bottom .notice .list .recent a .date .year:before {width:13px; height:2px; top:11px;}
.main .part1 .bottom .notice .list .past li {display:block;}
.main .part1 .bottom .notice .list .past li+li {margin-top:10px;}
.main .part1 .bottom .notice .list .past li a {padding:0; width:100%; padding-left:10px;  margin-top:3px;     -webkit-line-clamp:2;}
.main .part1 .bottom .notice .list .past li span.classifi:after {right:auto; top:32px;}
.main .part1 .bottom .notice .list .past li span.date {font-size:14px; display:none;}

.main .part1 .bottom .main_schedule .list {flex-direction:column;}
.main .part1 .bottom .main_schedule .list .left {width:100%;}
.main .part1 .bottom .main_schedule .list .left p {margin-top:15px;}
.main .part1 .bottom .main_schedule .list .right {width:100%;}

.main .part2 {padding:40px 0;}
.main .part2 .logo_rotate {width:200px;}
.main .part2 .inner {padding: 0 45px;}
.main .part2 .banner3_prev, .main .part2 .banner3_next {width: 30px; height:30px; top:32%;}
.main .part3 .inner h3 {font-size:20px;}
.main .part3 .inner > div {flex-direction:column; gap:10px; align-items:flex-start; padding: 20px 20px 20px 100px;}
.main .part3 .inner .left {background: url(/images/main/part3_medal.png) no-repeat 10px 20px / 80px;}
.main .part3 .inner .right {background: url(/images/main/logo_bigW.png) no-repeat 25px 6px / 50px; padding-top:0; padding-left:100px;}
.main .part3 .inner .bgWrap {width:100%;}
.main .part3 .inner .btnWrap {flex-wrap:wrap; row-gap:5px;}
.main .part4 .logo_rotate {left:0;}
.main .part4 .partner {padding:40px 20px;}
.main .part4 .partner li.num1 {background: url(/images/main/partner_bg01.png) no-repeat 90% 68% / 56px;}
.main .part4 .partner li.num2 {background: url(/images/main/partner_bg02.png) no-repeat 90% 120% / 72px;}
.main .part4 .partner li.num3 {background: url(/images/main/partner_bg03.png) no-repeat 90% 54px / 100px;}
.main .part4 .partner li.num4 {background: url(/images/main/partner_bg04.png) no-repeat 90% 30px / 92px;}

.main .part4 .inner.bottom {padding:15px 20px;}
.main .part4 .bottom_banner .btnWrap {display:none;}
.main .part4 .bottom_banner .screen {display:none;}
.main .part4 .bottom_banner .sponsor {padding:0;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
.main .part1 .top .banner2 {width:100%;}
.main .part1 .top .quick-service {width:100%;} 
.main .part1 .bottom .main_schedule .list .left h4 {font-size:14px;}
.main .part1 .bottom .main_schedule .list .left h4 span {font-size:20px;}
.main .part1 .bottom .main_schedule .list .left p span {font-size:50px;}
.main .part3 .inner .btnWrap a {font-size:14px;}
}