@charset "utf-8";
canvas {width: 100%; height: 100%;}

#container {padding-top: 180px;}
.sec {position: relative;}
.sec .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.sec .bg img {width: 100%; height: 100%; object-fit: cover;}
.sec .title {font-size: 28px; font-family: 'GmarketSans'; opacity: 0;}
.sec .aos-animate .title {animation: upMove 1s ease both;}

.visual {position: relative; height: 505px;overflow: hidden;}
.visual .main_ban_bg { height: 100%; position: absolute; width: 100%; left:0 ; top: 0; z-index: 0;animation: main_ban-bg  1.5s ease-out 1 forwards; object-fit: cover; object-position: left;}
@keyframes main_ban-bg {from{transform: scale(1.1);} }
.visual .mainvisual_con { position: relative;z-index: 1; display: flex; flex-direction: column; max-width: 1920px; margin: 0 auto; height: 100%; box-sizing: border-box; padding: 0 140px; justify-content: center;} 
.visual .mainvisual_con .bigtit { margin-bottom: 100px; width: fit-content; opacity: 0 ; transform: translateX(-130px);animation:main_bigtit 1.2s cubic-bezier(0.48, -0.15, 0.32, 1.19) 1 forwards;}
@keyframes main_bigtit {to{opacity: 1; transform: translateX(0px);} }

.visual .mainvisual_con .smalltit {width: fit-content; text-align: center;}
.visual .mainvisual_con .smalltit strong{opacity: 0 ; transform: translateX(-130px) ;font-size: 36.6px ; color: #171C61; letter-spacing: -0.7px; font-weight: 900;animation:main_bigtit 1.1s cubic-bezier(0.48, -0.15, 0.32, 1.19) 1 forwards 0.25s; }
.visual .mainvisual_con .smalltit p{opacity: 0 ; transform: translateX(-130px) ; font-size: 38px ; color: #171C61; letter-spacing: -0.7px;animation:main_bigtit 1.3s cubic-bezier(0.48, -0.15, 0.32, 1.19) 1 forwards 0.28s; text-align: left;}
.visual .mainvisual_con .rightimg { position: absolute; width: fit-content; right: 140px; top: 50%; animation: main-rightimg  4s ease-out infinite forwards; transform: translateY(-50%);}
@keyframes main-rightimg {0%,45%,80%,100%{top: 50%;} 25%,60%{top: 47%;}}

.visual .visualSlick, .visual .slick-list, .visual .slick-track {height: 100%;}
.visual .visualSlick img {width: 100%; height: 100%; object-fit: cover;}
.visual .visualSlick .slick-active img {animation: visualImg 4s ease both;}
@keyframes visualImg {0% {transform: scale(1.2);} 100% {transform: none;}}
.visual .visualSlick .slick-slide {cursor: pointer; position: relative;}
.visual .visualSlick .slick-slide:after {content: ""; position: absolute; width: 100%; height: 0%; top: 100%; left: 0; background: rgba(255, 255, 255, .05);}
.visual .visualSlick .slick-active:after {animation: visualImg-2 .8s linear both;}
@keyframes visualImg-2 {100% {height: 0; top: 100%;} 30% {height: 100%; top: 0%;} 70% {height: 100%; top: 0;} 100% {height: 0; top: 0;}}
.visual .visualSlick .slick-slide figure {height: 100%; overflow: hidden;}
.visual .visualSlick .mo {display: none;}
.visual .arrowBtn {position: absolute; top: 50%; transform: translateY(-50%); color: #c8c8c8; z-index: 5; border: 1px solid transparent; font-size: 48px; cursor: pointer; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s ease; animation: opacityMove_1 1s .5s ease both;}
.visual .arrowBtn.prevBtn {left: 3%;}
.visual .arrowBtn.nextBtn {right: 3%;}
.visual .arrowBtn.slick-disabled i {opacity: .5;}
.visual .inner {position: relative; }
.visual .titleBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; color: #fff;}
.visual.slide01 .titleBox {display: none;}
.visual .titleBox h2 {font-family: 'Dinpro';}
.visual .titleBox .text1 {font-size: 54px; margin-bottom: 45px; white-space: nowrap;}
.visual.slide02 .titleBox .text1 span {animation: upMove 1s ease both;}
.visual .titleBox .text1 span:last-child {animation-delay: .2s;}
.visual .titleBox .text2 {font-size: 67px; white-space: nowrap; animation: upMove 1s .4s ease both;}
.visual.slide02 .titleBox .text2 span {animation: spanUpText 6s linear both infinite;}
.visual .slideControl {position: absolute; left: 30px; bottom: 40px; display: flex; align-items: center; gap: 20px; animation: opacityMove_1 1s .5s ease both;}
.visual .slideControl .pauseBtn {position: relative; width: 52px; height: 52px;}
.visual .slideControl .pauseBtn:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 2.5px solid #fff; border-radius: 50%;}
.visual .visualCircle {stroke-dasharray: 154; stroke-dashoffset: 154; transform: rotateY(-180deg) rotate(-90deg); z-index: 1; position: relative;}
.visual .visualCircle.on {animation: VisualCircle 10s linear both;}
@keyframes VisualCircle {100% {stroke-dashoffset: 308;}}
.visual .slideControl .pauseBtn i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.visual .slideControl .pauseBtn .play {display: none;}
.visual .slideControl .pauseBtn.on .pause {display: none;}
.visual .slideControl .pauseBtn.on .play {display: block;}
.visual .slideControl .slides-numbers {color: #fff; display: flex; align-items: center; font-size: 14px; gap: 12px;}
.visual .slideControl .slides-numbers .active {transform: translateY(-6px);}
.visual .slideControl .slides-numbers .active:after {content: ""; width: 30px; height: 1px; background: #828282; display: block; position: absolute; top: 64%; left: 0; transform: rotate(-45deg);}
.visual .slideControl .slides-numbers .total {transform: translate(0px, 4px); color: #828282;}
.visual .linkBox {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 1; max-width: 650px; width: 90%; animation: opacityMove_1 1s .5s ease both;}
.visual .linkBox ul {display: flex; gap: 70px;}
.visual .linkBox li {position: relative; width: calc(100% / 3);}
.visual .linkBox li:not(:last-child):after {content: ""; width: 1px; height: 26px; border-right: 1px solid #787878; position: absolute; right: -35px; top: 50%; transform: translateY(-50%);}
.visual .linkBox li a {display: flex; justify-content: space-between; font-size: 20px; align-items: center; padding: 2px;}
.visual .linkBox li.list01 a {color: #f3b634;}
.visual .linkBox li.list02 a {color: #57dd83;}
.visual .linkBox li.list03 a {color: #52d9ed;}
.visual .linkBox li a span {background-repeat: no-repeat; background-position: left bottom 1px; background-size: 0 25%; transition: .5s ease; -webkit-box-sizing: border-box; display: initial;}
.visual .linkBox li.list01 a span {background-image: linear-gradient(rgba(243, 182, 52, .2),rgba(243, 182, 52, .2));}
.visual .linkBox li.list02 a span {background-image: linear-gradient(rgba(87, 221, 131, .2),rgba(87, 221, 131, .2));}
.visual .linkBox li.list03 a span {background-image: linear-gradient(rgba(82, 217, 237, .2),rgba(82, 217, 237, .2));}
.visual .linkBox li a figure {flex: none;}


.sec02 {padding-top: 60px; padding-bottom: 90px;z-index: 1;}
.sec02 .inner {display: flex; gap: 0 60px;}
/* .sec02 .inner > div {width: 50%;} */
.sec02 .title {margin-bottom: 20px;}
.sec02 .aos-animate .title span {animation: spantextcolot_ver02 6s linear both;}
@keyframes spantextcolot_ver02 {
    3%,14%,100%{transform: none;} 8%{transform: translateY(-10%); color: #1d7cca;} 50%{color: #083569;}  
}
.sec02 .leftBox .topBox .dates {display: flex; gap: 2%;}
.sec02 .leftBox .topBox .dates li {width: calc(100% / 3); border-radius: 10px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; opacity: 0;}
.sec02 .leftBox .topBox.aos-animate .dates li {animation: leftMove 1s ease both;}
.sec02 .leftBox .topBox.aos-animate .dates li:nth-child(2) {animation-delay: .2s}
.sec02 .leftBox .topBox.aos-animate .dates li:nth-child(3) {animation-delay: .4s}
.sec02 .leftBox .topBox .dates strong {font-size: 20px; text-align: center; display: block; padding: 15px 5px; color: #fff;}
.sec02 .leftBox .topBox .dates li.date01 strong {background: #1f538e;}
.sec02 .leftBox .topBox .dates li.date02 strong {background: #c95d5a;}
.sec02 .leftBox .topBox .dates li.date03 strong {background: #ebbc4c;}
.sec02 .leftBox .topBox .dates p {font-size: 16px; padding: 20px 8%;}
.sec02 .leftBox .topBox .textBox {border-radius: 5px; margin-top: 15px; color: #fff; font-size: 16px; background: linear-gradient(45deg, #248ccc, #60bca6); padding: 10px; text-align: center; border: 1px solid #d3d3d3; box-shadow: 2px 2px 0px #d3d3d3;}
.sec02 .leftBox .botBox .topTitle {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.sec02 .leftBox .botBox .topTitle .title {margin-bottom: 0;}
.sec02 .leftBox .botBox .topTitle a {color: #e02b20; font-size: 14px; position: relative;}
.sec02 .leftBox .botBox .topTitle a:after {content: ""; width: 0; height: 40%; position: absolute; bottom: 0; left: 0; background: rgba(224, 43, 32, .1); transition: .5s ease;}
.sec02 .leftBox .botBox .topTitle a i {margin-left: 5px;}
.sec02 .leftBox .botBox .textBox {background: #f5f5f5; padding: 25px 4%; display: flex; gap: 5%; align-items: center;}
.sec02 .leftBox .botBox .textBox .profileSwiper {width: 32%; height: 100%; padding-bottom: 35px; opacity: 0;}
.sec02 .leftBox .botBox .textBox .profileSwiper .swiper-slide {cursor: pointer;}
.sec02 .leftBox .botBox .textBox .profileSwiper .swiper-pagination {bottom: 5px;}
.sec02 .leftBox .botBox .textBox .profileSwiper .swiper-pagination-bullet-active {background: #0c71c3;}
.sec02 .leftBox .botBox .textBox .swiper-slide .imgBox {position: relative; max-width: 135px; max-height: 135px; width: 100%; height: 100%; margin: 0 auto; margin-bottom: 20px;}
.sec02 .leftBox .botBox .textBox .swiper-slide .imgBox:after {content: ""; width: 100%; height: 100%; background: var(--pointColor); position: absolute; top: 5px; left: 5px; display: block; border-radius: 50%;}
.sec02 .leftBox .botBox .textBox .swiper-slide figure {background: #fff; border-radius: 50%; overflow: hidden; position: relative; z-index: 1;}
.sec02 .leftBox .botBox .textBox .swiper-slide figure img {width: 100%; height: 100%; object-fit: cover;}
.sec02 .leftBox .botBox .textBox .swiper-slide > p {color: var(--pointColor); font-size: 16px; font-weight: 800; text-align: center;}
.sec02 .leftBox .botBox .textBox .text {width: 63%; font-size: 16px; color: #4e4e4e; line-height: 1.5;}
.sec02 .leftBox .botBox .textBox .text p {opacity: 0; text-align: justify;}
.sec02 .leftBox .botBox .textBox .text p:not(:last-child) {margin-bottom: 15px;}
.sec02 .leftBox .botBox .textBox .text p:first-child {letter-spacing: -.8px;}
.sec02 .leftBox .botBox .textBox .text.t1 .tt2 {display: none;}
.sec02 .leftBox .botBox .textBox .text.t1 .tt1 {display: block;}
.sec02 .leftBox .botBox .textBox .text.t2 .tt1 {display: none;}
.sec02 .leftBox .botBox .textBox .text.t2 .tt2 {display: block;}
.sec02 .leftBox .botBox .textBox.aos-animate .profileSwiper {animation: upMove_7 .5s .2s ease both;}
.sec02 .leftBox .botBox .textBox.aos-animate .text p {animation: leftMove4 1s .2s ease both;}
.sec02 .rightBox .youtubeBox {margin-bottom: 20px; width: 100%;}
.sec02 .rightBox .youtubeBox .video {position: relative; width: 100%; padding-bottom: 56.25%; background-color: #000;}
.sec02 .rightBox .youtubeBox .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sec02 .rightBox .box > p {color: #4e4e4e; font-size: 20px; opacity: 0; line-height: 1.5;}
.sec02 .rightBox.aos-animate .youtubeBox {animation: upMove_7 .5s ease both;}
.sec02 .rightBox.aos-animate .box > p  {animation: leftMove3 1s .2s ease both;}
.sec02 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .sec02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2.5px;}

.sec02 .important_dates { background: linear-gradient(119.76deg, #F2F5F9 7.61%, #DBE9F5 97.6%);
    border-radius: 10px; padding: 50px 30px 38px;display: flex; flex-direction: column; gap: 60px 0; box-sizing: border-box; width: 690px; opacity: 0; transition: all 0.75s ease-out;}
.sec02 .important_dates li { display: flex; flex-wrap: wrap; gap: 0 40px; align-items: center;opacity: 0; transform: translateX(-25px); transition: all 0.75s ease-out;}
.sec02 .important_dates li .ddaycount { padding-left: 17px;}
.sec02 .important_dates li div {margin-bottom: 23px;}
.sec02 .important_dates li .ddaycount p{ font-size: 32px; color: #1C1C1C; align-items: center; display: flex; font-weight: 700;}
.sec02 .important_dates li .ddaycount span { display: flex; gap: 0 6px;}
.sec02 .important_dates li .ddaycount em {color: #fff; height: 53px; width: 43px; display: flex; background-color: #F07979; align-items: center; justify-content: center; font-weight: 700;}

.sec02 .important_dates .date_02 .ddaytxt strong {color: #0386CC;}
.sec02 .important_dates .date_02 .ddaycount em {background-color: #0386CC; }
.sec02 .important_dates .date_02 .ddayline .line::before {box-shadow: 0px 2px 4px #0E4A6AA6;background-color: #0386CC;}

.sec02 .important_dates .date_03 .ddaytxt strong {color: #204078;}
.sec02 .important_dates .date_03 .ddaycount em {background-color: #204078; }  
.sec02 .important_dates .date_03 .ddayline .line::before {box-shadow: 0px 2px 4px #0E2A5BA6;background-color: #204078;}

.sec02 .important_dates li .ddaytxt {display: flex; flex-direction: column;}
.sec02 .important_dates li .ddaytxt span{ font-size: 18px; color: #1C1C1C; font-weight: 700;}
.sec02 .important_dates li .ddaytxt strong{ font-size: 28px; color: #F07979;}
.sec02 .important_dates li .ddaytxt { font-size: 18px; color: #1C1C1C;}

.sec02 .important_dates li .ddayline { flex-basis: 100%; height: 11px; position: relative; margin-bottom: 0;}
.sec02 .important_dates li .ddayline div { border-radius: 50px;}
.sec02 .important_dates li .ddayline .bg{ height: 100% ;width: 100%; background-color: #fff;position: absolute; left: 0; top: 0; z-index: 1;}
.sec02 .important_dates li .ddayline .line{ width: 50% ; height: 100%;background-color: transparent;position: absolute; left: 0; top: 0; z-index: 2;  transition: all 0.2s ease-out; max-width:100%}
.sec02 .important_dates li .ddayline .line::before { background-color: #f07979; content: ""; position: absolute ; left: 0; top: 0; box-shadow: 0px 2px 4px rgb(167 29 29 / 65%); border-radius: 50px; transition: all 1.3s ease-in-out; width: 0; height: 100%; }

.topBox.aos-animate .important_dates {opacity: 1; }
.topBox.aos-animate .important_dates li {opacity: 1; transform: translateX(0);}
.topBox.aos-animate .important_dates li .ddayline .line::before { width: 100%;}
.topBox.aos-animate .important_dates .date_02 .ddayline .line::before ,
.topBox.aos-animate .important_dates li:nth-child(2) {transition-delay: 0.2s;}
.topBox.aos-animate .important_dates .date_03 .ddayline .line::before ,
.topBox.aos-animate .important_dates li:nth-child(3) {transition-delay: 0.4s;}


.topBox.aos-animate .important_dates li .img_closed { position: absolute; right: 20px; top: -14px;}


.sec02 .ql_list {display: flex; gap: 0 25px; margin-bottom: 40px;}
.sec02 .ql_list li { border-radius: 10px 30px 10px 30px; background: linear-gradient(152.05deg, #f4bcc1 2.25%, #D34F4F 96.79%); width: 200px;height: 252px; position: relative; opacity: 0; transform: translateX(-30px); transition: all 0.2s ease-out; overflow: hidden;}
.sec02 .ql_list li:hover { }
.sec02 .ql_list li a { width: 100%; height: 100%; display: block; padding: 30px 17px 22px; box-sizing: border-box;}
.sec02 .ql_list li:nth-child(2) {background: linear-gradient(150.32deg, #82bcff 1%, #274690 97.55%);}
.sec02 .ql_list li:nth-child(3) {background: linear-gradient(152.33deg, #9d97e2 2.06%, #372C7F 96.3%);}
.sec02 .ql_list li:nth-child(1):hover a p span em { animation: mainsec02_pspan_pink 0.65s ease-out 1 forwards;}
.sec02 .ql_list li:nth-child(2):hover a p span em { animation: mainsec02_pspan_blue 0.65s ease-out 1 forwards ;}
.sec02 .ql_list li:nth-child(3):hover a p span em { animation: mainsec02_pspan_purple 0.65s ease-out 1 forwards ;}

@keyframes mainsec02_pspan_pink {0%,100%{transform: translateX(0px);} 50%{transform: translateX(0); color: #eb5062; text-shadow: 2px 2px 0px #444;}}
@keyframes mainsec02_pspan_blue {0%,100%{transform: translateX(0px);} 50%{transform: translateX(0); color: #055cbb; text-shadow: 2px 2px 0px #444}}
@keyframes mainsec02_pspan_purple {0%,100%{transform: translateX(0px);} 50%{transform: translateX(0); color: #4434c6; text-shadow: 2px 2px 0px #444}}


.sec02 .ql_list li .qlbg { position: absolute; left: 0; top: 0; max-width: 100% ; width: 100%; height: 100%; object-fit: contain;z-index: 0; object-fit: cover;}
.sec02 .ql_list li a p , .sec02 .ql_list li a em , .sec02 .ql_list li a .qlicon { z-index: 1; position: relative;} 
.sec02 .ql_list li a p  {font-size: 22px; color: #fff; font-weight: 700 ; margin-bottom: 15px; letter-spacing: 0.6px;}
.sec02 .ql_list li a em {font-size: 22px; color: #fff; font-weight: 500; overflow: hidden;}
.sec02 .ql_list li:hover a em i {animation:mainsec02_iani 1.5s ease-out infinite forwards ;}
@keyframes mainsec02_iani{
    0%,100%{opacity: 0.3; transform: translateX(0);} 50%{opacity: 1;transform: translateX(12px);}
}
.sec02 .ql_list li a .qlicon {position: absolute;right: 20px;bottom: 20px;}
.sec02 .ql_list li a .qlicon path { stroke-dasharray: 250; stroke-dashoffset: 250;}
.sec02 .ql_list li:nth-child(2) a .qlicon path ,
.sec02 .ql_list li:nth-child(3) a .qlicon path { stroke-dasharray: 170; stroke-dashoffset: 170;}
@keyframes qlicon {to{stroke-dashoffset: 0;}}

.sec02 .rightBox.aos-animate .ql_list li { animation:sec02_list 1s ease-out 1 forwards ;}
.sec02 .rightBox.aos-animate .ql_list li:nth-child(2) { animation-delay: 0.2s;}
.sec02 .rightBox.aos-animate .ql_list li:nth-child(3) { animation-delay: 0.4s;}

@keyframes sec02_list {to{opacity: 1;transform: translateX(0px);}}

.sec02 .rightBox.aos-animate .ql_list .qlicon path{ animation: qlicon 1.8s ease-out 1 forwards ;}
.sec02 .rightBox.aos-animate .ql_list .newli01 .qlicon path {animation: none; stroke-dashoffset :0}

.sec02 .ql_list li:hover { transform: translateY(-10px); box-shadow: 0px 10px 20px #d35562;}
.sec02 .ql_list li:nth-child(2):hover { box-shadow: 0px 10px 20px #194795; }
.sec02 .ql_list li:nth-child(3):hover { box-shadow: 0px 10px 20px #4c4299;}

@keyframes sec02_list_new {to{opacity: 1;transform: scale(1)}}
.sec02 .rightBox .newql_list.ql_list li .qlicon{ opacity: 0; scale:0; transition: all 1s ease-out;}
.sec02 .rightBox.aos-animate .newql_list li .qlicon{ opacity: 1; scale: 1; }
.sec02 .rightBox.aos-animate .newql_list li:nth-child(2) .qlicon{ opacity: 1; scale: 1 ; transition-delay:0.15s}
.sec02 .rightBox.aos-animate .newql_list li:nth-child(3) .qlicon{ opacity: 1; scale: 1 ;transition-delay:0.3s}

.sec02 .rightBox .newql_list li:nth-child(3) .qlicon {filter: drop-shadow(0px 0px 18px rgba(0,0,0,0.35));}

@keyframes qlicon02 {
    0%,100%{transform: translate(0,0);} 25%{transform: translate(0, -10px);} 50%{transform: translate(0,-10px ) rotate(-7deg);} 80%{transform: translate(0,-10px ) rotate(5deg);}}
.sec02 .ql_list li:hover .qlicon {animation: qlicon02 2s ease-out infinite forwards;}
.sec02 .ql_list.newql_list li:hover .qlicon {animation: new_qul_list_icon 1.5s ease-out forwards forwards;}
@keyframes new_qul_list_icon {
    0%,80%,100%{transform: rotate(0deg) translateY(0)} 25%{transform: rotate(5deg) translateY(-5px);} 50%{transform: rotate(-5deg) translateY(-5px);}}




.sec02 .ql_btm { display: flex; gap: 0 10px;}
.sec02 .ql_btm .ql_btm_li {background-color: #FCE6E8; border-radius: 10px; flex-basis: calc(50% - 5px ); box-sizing: border-box; padding: 25px 30px 28px; opacity: 0; transform: translateY(-35px);}
.sec02 .ql_btm .ql_btm_li .pink { font-size: 18px; color: #C02C60;}
.sec02 .ql_btm .ql_btm_li .tit { font-size: 32px; color: #0A0A0A; margin-bottom: 20px;}
.sec02 .ql_btm .ql_btm_li div {position: relative;}
.sec02 .ql_btm .ql_btm_li div p { background-color: #fff; border-radius: 30px; height: 50px; display: flex; align-items: center;padding: 0 45px 0 27px; font-size: 18px; color: #c2c2c2; letter-spacing: 0.5px; cursor: pointer; position: relative; z-index: 2;}
.sec02 .ql_btm .ql_btm_li div p i {color: #1C1C1C; font-size: 24px; position: absolute; right: 25px;font-weight: 500; transition: all 0.2s ease-out;}
.sec02 .ql_btm .ql_btm_li div ul { display: none; position: absolute; width: 100%; border-radius: 0 0 30px 30px; overflow: hidden; z-index: 1; padding-top: 25px; background-color: #fff; top: 25px;box-shadow: 0px 8px 10px #fbb0b07d; max-height: 200px; overflow-y: auto;}
.sec02 .ql_btm .ql_btm_li div ul::-webkit-scrollbar {width: 0px;}
.sec02 .ql_btm .ql_btm_li div ul li { background-color: #fff; padding: 10px 45px 10px 27px; cursor: pointer; transition: all 0.2s ease-out; color: #0a0a0ae0;}
.sec02 .ql_btm .ql_btm_li div ul li:hover {background-color: #fbb0b0; }
.sec02 .ql_btm .ql_btm_li div ul li a {width: 100%; height: auto;}
.sec02 .ql_btm .ql_btm_li div.clk p i {transform: rotate(180deg); }
.sec02 .ql_btm .ql_btm_li div.clk p {border-radius: 30px 30px 0 0;}
@keyframes ql_btm  {to{opacity: 1; transform: translateY(0);}}
.sec02 .rightBox.aos-animate .ql_btm li {animation: ql_btm 0.75s ease-out 1 forwards;}
.sec02 .rightBox.aos-animate .ql_btm li:nth-child(2) {animation-delay: 0.25s;}

.sec03 {overflow: hidden; padding: 60px 0 70px;z-index: 0;}
.sec03.on .bg img {animation: scaleMove3 1s linear both;}
.sec03 .inner {position: relative;}
.sec03 .title {color: #fff; margin-bottom: 50px; font-size: 36px ; text-align: center;}
.sec03 .arrowBtnWrap {display: flex; gap: 8px; position: absolute; right: 30px; top: -8px;}
.sec03 .arrowBtnWrap .arrowbtn {width: 45px; height: 45px; border-radius: 4px; color: #1C1C1C; background: #fff; font-size: 24px; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .35s ease;}
.sec03 .arrowBtnWrap .arrowbtn:after {content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; transition: .5s ease; z-index: -1;}
.sec03 .speakerSwiper {position:relative; box-sizing: border-box; max-width: 1162px;}
.sec03 .speakerSwiper .swiper-wrapper {height:fit-content}
.sec03 .speakerSwiper .swiper-slide {text-align: center; color: #fff; cursor: pointer; height:fit-content}
.sec03 .speakerSwiper .swiper-slide .profileBox {position: relative; margin-bottom: 20px; height: 220px; overflow: hidden;}
.sec03 .speakerSwiper .swiper-slide .profileBox figure {background: #fff;  overflow: hidden; position: relative; z-index: 1; height: 100%; position: relative;}
.sec03 .speakerSwiper .swiper-slide .profileBox figure img {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); object-fit: cover; min-height: 100%; min-width: 100%; transform-origin: left top; transition: all 0.25s ease-in-out;}
.sec03 .speakerSwiper .swiper-slide .name {margin-bottom: 10px;position: relative; transition: all 0.25s ease-in-out;}
.sec03 .speakerSwiper .swiper-slide .name::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 25%; background-color: #04172d47; transition: all 0.25s ease-in-out;}
.sec03 .speakerSwiper .swiper-slide .text {font-size: 16px; margin-bottom: 5px; color: #eaeaea;}
.sec03 .speakerSwiper .swiper-slide .country {font-size: 15px; line-height: 1; color: #eaeaea;}
.sec03 .mouseCursor {position: fixed; z-index: 4; width: 60px; height: 60px; border-radius: 50%; background: #08356994; transition: transform 0.2s; transform: scale(0); pointer-events: none; line-height: 60px; text-align: center; backdrop-filter: blur(2px);}
.sec03 .mouseCursor p {color: #fff; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #fff;}
.sec03 .speakerSwiper .swiper-slide:hover .name {color: #02244b;}
.sec03 .speakerSwiper .swiper-slide:hover .name::before {width: 100%;}
.sec03 .speakerSwiper .swiper-slide:hover .profileBox figure img {scale: 1.1;}
.sec03 .mouseCursor p i:first-child {transform: rotate(90deg) translateY(-1px);}
.sec03 .mouseCursor p i:last-child {transform: rotate(-90deg) translateY(-1px);}
.sec03.hover .mouseCursor {transform: scale(1.0) translate(-50% , -50%);}

.sec04 {padding: 90px 0 100px;}
.sec04 .title {margin-bottom: 65px; color: #0A0A0A; font-size: 36px; opacity: 1; text-align: center;}
.sec04 .main_sponsor .sp_ul { display: flex; flex-direction: column; gap: 24px 0;} 
.sec04 .main_sponsor .sp_li { opacity: 0; transform: translateY(-40px);}
.sec04 .main_sponsor .sp_li .topline {height: 40px; background-color: #F4CE6B; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #0A0A0A; font-weight: 700; border-radius: 5px 5px 0 0;}
.sec04 .main_sponsor .sp_silver .topline {background-color: #D7D7D7; }
.sec04 .main_sponsor .sp_bronze .topline {background-color: #D2A275; }
.sec04 .main_sponsor .sp_btmul {display: flex; gap: 0 40px; border: 1px solid #E2E2E2; border-top: none; border-radius:0 0 5px 5px; padding: 15px;}
.sec04 .main_sponsor .sp_btmli {width: 200px; height: 84px; display: flex; align-items: center; justify-content: center; }
.sec04 .main_sponsor .sp_btmli img {max-width: 100%; max-height: 100%;}
@keyframes sec04_li {100% {opacity: 1;transform: translateY(0);}}
.sec04 .inner.aos-animate .sp_li{ animation: sec04_li 0.75s ease-out 1 forwards; }
.sec04 .inner.aos-animate .sp_silver { animation-delay: 0.2s; }
.sec04 .inner.aos-animate .sp_bronze{ animation-delay: 0.4s; }

.sec04 .sp_list .company_ul figure img {max-width: 100%; max-height: 100%;}


.sec04 .sp_list .sponsor_box  {flex-direction: row; max-width: 793px;max-width:100% ;width: 100%; margin: 0 auto; align-items: center; gap: 50px;} 
.sec04 .sp_list .sponsor_box.diamond {z-index: 4;}
.sec04 .sp_list .sponsor_box.gold {z-index: 3;}
.sec04 .sp_list {gap: 30px;}
.sec04 .sp_list .company_ul {width: 100%; justify-content: flex-start;}
.sec04 .sp_list .sponsor_box .sponsor_top {border-bottom: none; flex: none;}
.sec04 .sp_list .sponsor_box .sponsor_top p {border-radius: 10px;}
.sec04 .sp_list .company_li {width: 276px; flex-basis: auto;}

.sec05{overflow: hidden; border-top: 1px solid #e2e2e2;}
.sec05 .inner_sec .bg  {opacity: 0; transform: translateX(30px); transition: all 1s ease-in-out;}
.sec05 .inner_sec .right  {opacity: 0; transform: translateX(-30px);transition: all 1s ease-in-out;}
.sec05.aos-animate .inner_sec .bg, .sec05.aos-animate .inner_sec .right{ opacity: 1; transform: translateX(0);}
.sec05 .inner_sec .bg .only_mo {display: none;}
.sec05 .inner_sec {height: 223px; overflow: hidden;}
.sec05 .inner_sec .right { width: fit-content; position: absolute; right: 0; height: 100%;}
.sec05 .inner_sec .right img {height: 100%; }
.sec05 .inner_sec .right a {position: absolute; width: 140px; height: 140px; top: 50%; transform: translateY(-50%); left: -40px; text-align: center; border-radius: 100%; box-shadow: 4px 4px 5px rgba(0,0,0,0.35);}
.sec05 .inner_sec .right a p {position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%); color: #fff; font-size: 20px;} 
.sec05 .inner_sec .right a:hover {animation:sec05_right_a 1.3s cubic-bezier(0.39, 0.58, 0.57, 1) infinite forwards;}
@keyframes sec05_right_a {
    0%{border: 0px solid #F28142;} 100%{border: 14px solid #f2804200;}}
.sec05 .inner_sec .bg {display: flex; align-items: center; justify-content: center; gap: 0 60px;}
.sec05 .bg p {font-size: 26px;}
.sec05 .bg .mobg {position: absolute; left: 0; top: 0; width: 100%;}
.sec05 .bg .moobject {width: 230px; height: auto;}
/* 반응형 */
@media screen and (max-width:1900px) {

    .sec05 .bg p {margin-left: -20vw;}

}
@media screen and (max-width:1660px) {
    .visual .mainvisual_con {padding: 0 5vw;}
    .visual .mainvisual_con .rightimg {right: 10vw; width: 27vw;}
    .visual .mainvisual_con .bigtit {width: 40vw;}
    .visual .mainvisual_con .smalltit p {font-size: 1.98em;}
    .visual .mainvisual_con .smalltit strong {font-size: 1.88em;}
    .visual .mainvisual_con .bigtit {margin-bottom: 6vw;}
    .visual {height: 460px;}

    .sec05 .bg .only_pc {object-position: -320px 50%;}
    .sec05 .inner_sec .right {right: -2vw;}
}
@media screen and (max-width:1460px) {
    .sec02 .ql_list {gap: 0 20px;}
    .sec02 .ql_list li{width: calc(33% - 12px);}
    .sec02 .rightBox {width: 100%;}
    .sec02 .ql_list li a {padding: 30px 22px 0; font-size: 22px;margin-bottom: 14px;}
    .sec02 .ql_list li a .qlicon{height: 4.7vw;}
    .sec02 .inner {gap: 0 50px;}
    .sec05 .bg .only_pc{object-position: -420px 50%;}
    .sec05 .inner_sec .right{right: -7vw;}

    .sec02 .ql_list li a em {font-size: 20px;}
    .sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {height: 5.8vw; }
    
}

@media screen and (max-width:1400px ) {
    .visual {height: 390px;}
    .visual .mainvisual_con .smalltit strong {font-size: 1.65em;}
    .visual .mainvisual_con .bigtit {width: 37vw;}
    .visual .mainvisual_con .smalltit p {font-size: 1.73em;}
    .visual .mainvisual_con .rightimg {right: 8vw; width: 31vw;}

    .sec02 .inner {gap: 0 30px;}
    .sec02 .ql_list {gap: 0 15px;}
    .sec02 .ql_list li {width: calc(33% - 9px);}
    .sec02 .ql_btm .ql_btm_li .pink {font-size: 17px;}
    .sec02 .ql_btm .ql_btm_li .tit {font-size: 28px;}
    .sec02 .ql_btm .ql_btm_li {padding: 22px 25px;}
    .sec02 .ql_btm .ql_btm_li div p {height: 45px; font-size: 17px;}
    .sec02 .ql_btm .ql_btm_li div ul {top: 22px;}
    .sec02 .ql_btm .ql_btm_li div ul li {padding: 8px 25px ;}

    .sec02 .ql_list li a {padding: 26px 20px 0 ;}
    .sec02 .ql_list {margin-bottom: 28px;}
    .sec02 .important_dates li .ddaycount p {font-size: 28px;}
    .sec02 .important_dates li .ddaycount em {height: 46px; width: 40px;}
    .sec02 .important_dates li .ddaytxt strong {font-size: 25px;}
    .sec02 .important_dates {gap: 50px 0; padding: 45px 25px 40px; width: 49vw;}

    .sec03 .speakerSwiper .swiper-slide .profileBox {height: 200px;}

    .topBox.aos-animate .important_dates li .img_closed {right: 0; top: -18px; scale: 0.8;}
}

@media screen and (min-width: 1025px) {
	.visual .arrowBtn:not(.slick-disabled):hover {border-color: rgba(255, 255, 255, .4);}
	.visual .linkBox li:hover img {animation: imgHoverMove 5s ease both;}
	.visual .linkBox li:hover a span {background-size: 100% 25%;}
  .sec02 .leftBox .botBox .topTitle a:hover:after {width: 100%;}
	.sec03 .arrowBtnWrap .arrowbtn:hover {background: #083569; color: #fff;}
	.sec03 .arrowBtnWrap .arrowbtn:hover:after {box-shadow: 0 0px 7px #083569;}
  .sec04 .list .logoBox li:hover {transform: scale(1.05);}
  .sec04 .list .logoBox li:hover:after {opacity: 1;}
}
@media screen and (max-width:1280px) {
    .sec02 .inner {gap: 0 20px;}
    .sec02 .ql_list li {height: 230px;}
    .sec02 .ql_list{gap: 0 12px;}
    .sec02 .ql_list li a p {font-size: 21px; font-weight: 500;margin-bottom: 8px;}
    .sec02 .ql_list li a .qlicon {height: 4.7vw; right: 10px; bottom: 21px;}
    .sec02 .important_dates li div {margin-bottom: 16px;}
    .sec05 .inner_sec .right a img {width: 100%; height: 100%;}
    .sec05 .inner_sec .right a {width: 110px; height: 110px;}
    .sec05 .inner_sec .right a p {font-size: 18px;}
    .sec05 .inner_sec {height: 200px;}
    .sec05 .bg .only_pc { scale: 0.9;  transform-origin: left; object-position: 62% 50%;}
    .sec05 .inner_sec .right {right: -13vw;}
    .sec05 .inner_sec .right a {left: -20px; }

    .sec05 .bg p {margin-left: -28vw;}

    .sec04 .sp_list .company_li {width: calc(33.33% - 17px);}
    .sec02 .ql_list li a em {font-size: 18px;}
    .sec02 .ql_list li a{padding: 20px 14px 0;}
	.sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {right:16px}

    .sec02 .ql_list li.ph a .qlicon {height: 3.6vw; width: auto;}

}
@media screen and (max-width: 1200px) {
	.visual .titleBox .text1 {font-size: 46px; margin-bottom: 30px;}
	.visual .titleBox .text2 {font-size: 58px;}
	.visual .linkBox {max-width: 580px;}
	.visual .linkBox li a {font-size: 18px;}
	.sec02 .leftBox .topBox .dates strong {font-size: 18px; padding: 12px 5px;}
	.sec02 .leftBox .topBox .dates p {font-size: 15px;}
	.sec02 .leftBox .botBox .textBox .profileSwiper {width: 100%;}
	.sec02 .leftBox .botBox .textBox .swiper-slide .imgBox {max-width: 115px; max-height: 115px;}
	.sec02 .leftBox .botBox .textBox .text {font-size: 15px;}
	.sec02 .rightBox .box > p {font-size: 18px;}
	.sec04 .list .listTitle strong {font-size: 16px;}
	.sec04 .list .logoBox li figure {height: 80px;}

    .visual {height: 350px;}
    .visual .mainvisual_con .smalltit strong {font-size: 1.5em;}
    .visual .mainvisual_con .smalltit p {font-size: 1.57em;}
    .visual .mainvisual_con .bigtit {width: 40vw;}
    .visual .mainvisual_con .rightimg {right: 6vw;}

    .sec02 .important_dates li .ddaycount em {width: 35px; height: 42px;}
    .sec02 .important_dates li .ddaycount span {font-size: 25px;}
    .sec02 .important_dates li {gap: 0 32px;}
    .sec02 .important_dates li .ddaytxt span {font-size: 17px;}
    .sec02 .important_dates li .ddaytxt strong {font-size: 23px;}
    .sec02 .important_dates li .ddayline {height: 8px;}
    .sec02 .ql_list li{height: 210px; width: calc(33% - 6px);}
    .sec02 .ql_list li a{padding: 18px 10px;}
    .sec02 .ql_list li a p {font-size: 19px; }
    .sec02 .ql_list {margin-bottom: 20px; gap: 0 10px;}
    .sec02 .ql_btm .ql_btm_li .pink {font-size: 16px;}
    .sec02 .ql_btm .ql_btm_li .tit {font-size: 25px;margin-bottom: 16px;} 
    .sec02 .ql_btm .ql_btm_li {padding: 22px 20px;}
    .sec02 .important_dates {padding: 34px 25px 35px;}
}
@media screen and (max-width:1100px) {
    .sec03 .arrowBtnWrap  {right: 20px;}
    .topBox.aos-animate .important_dates li .img_closed {right: -30px; scale: 0.7;}
}
@media screen and (max-width: 1024px) {
	#container {padding-top: 90px;}
	.sec .title {font-size: 24px;}
  .visual {height: 600px;}
	.visual .titleBox {top: 44%;}
	.visual .titleBox .text1 {font-size: 38px; margin-bottom: 25px;}
	.visual .titleBox .text2 {font-size: 50px;}
	.visual .linkBox {bottom: 110px; max-width: 500px;}
	.visual .linkBox ul {gap: 46px;}
	.visual .linkBox li:not(:last-child):after {right: -23px; border-color: rgba(255, 255, 255, .4);}
	.visual .linkBox li a {font-size: 16px;}
	.visual .linkBox li a figure {width: 28px;}
	.visual .slideControl .pauseBtn {width: 40px; height: 40px;}
	.visual .visualCircle {width: 40px; height: 40px;}
  .visual .slideControl .pauseBtn:after {border-width: 2.5px;}
	.visual .arrowBtn {font-size: 36px; width: auto; height: auto;}
	.visual .arrowBtn.prevBtn {left: 2%;}
	.visual .arrowBtn.nextBtn {right: 2%;}
	.sec02 .leftBox .topBox .dates strong {font-size: 16px;}
	.sec02 .leftBox .topBox .dates p {font-size: 14px;}
  .sec02 .leftBox .topBox .textBox {font-size: 15px;}
	.sec02 .leftBox .botBox .textBox {flex-direction: column; gap: 10px;}
	.sec02 .leftBox .botBox .textBox .text {width: 100%;}
	.sec02 .rightBox .box > p {font-size: 16px;}
	.sec03 .speakerSwiper .swiper-slide .name {font-size: 16px; margin-bottom: 4px;}
	.sec03 .speakerSwiper .swiper-slide .text {font-size: 14px; margin-bottom: 2px;}
	.sec03 .speakerSwiper .swiper-slide .country {font-size: 14px;}
  .sec03 .mouseCursor {display: none;}
	.sec04 .list .listTitle strong {font-size: 15px; width: 115px; height: 35px;}
	.sec04 .list .logoBox li figure{height: 65px;}
  .sec06 .bg {background-image: url(./images/main_sec06_bg_mo.jpg);}
	.sec06 .newsText {font-size: 24px;}
	.sec06 .listWrap .listBox {font-size: 18px; height: 45px;}
	.sec06 .listWrap ul {top: 44px; font-size: 15px;}
  .sec07 .inner figure {width: 300px;}

  .visual {height: 400px;}
  .visual .mainvisual_con .bigtit {width: 52vw; margin-bottom: 72px;}
  .visual .mainvisual_con .smalltit strong {font-size: 1.7em; }
  .visual .mainvisual_con .smalltit p {font-size: 1.78em; }
  /* .visual .mainvisual_con .smalltit strong, .visual .mainvisual_con .smalltit p{transform: translateX(-130px);} */
  .visual .mainvisual_con .smalltit strong, .visual .mainvisual_con .smalltit p{transform: translateY(12px);}
  .visual .mainvisual_con .rightimg {right: 4vw; width: 33vw;}

  .sec02 .ql_list{flex-direction: column; gap: 10px 0;}
  .sec02 .ql_list li {width: 100%; height: 90px;}
  .sec02 .ql_list li a {padding: 10px 0 0 17px;}
  .sec02 .ql_list li a p{margin-bottom: 2px;}
  .sec02 .ql_list li a em {font-size: 18px;}
  .sec02 .ql_list li a .qlicon {height: 50px; right: 14px; bottom: 18px;}
  .sec02 .ql_list li:nth-child(3) a .qlicon {scale: 1.2; margin-right: 10px;}
  .sec02 .important_dates {padding: 65px 20px 55px; width: 50vw;}
  .sec02 .ql_list {margin-bottom: 15px;}
  .sec02 .ql_btm .ql_btm_li {padding: 15px 20px ;}
  .sec02 .ql_btm .ql_btm_li .pink{font-size: 15px;}
  .sec02 .ql_btm .ql_btm_li .tit {font-size: 23px; margin-bottom: 12px;}
  .sec02 .ql_btm .ql_btm_li div p{height: 40px; font-size: 16px; padding: 0 25px 0 16px;}
  .sec02 .ql_btm .ql_btm_li div ul li{font-size: 16px; padding: 7px 16px;}
  .sec02 .ql_btm .ql_btm_li div ul{top: 22px; padding-top: 19px;}
  .sec02 .ql_btm .ql_btm_li div p i{right: 10px; font-size: 16px;}

  .sec04 {padding: 60px 0 110px;}
  .sec04 .main_sponsor .sp_btmul {flex-wrap: wrap; gap: 10px 40px;}
  .sec04 .main_sponsor .sp_btmli {width: calc(25% - 31px);}

  .sec02 .ql_list li .qlbg {opacity: 0;}
  .visual .mainvisual_con .smalltit {transform: translateY(20px);}

  .sec03 .speakerSwiper .swiper-slide .profileBox {height: 220px;}
  .sec05 .inner_sec .right {right: -17vw;}
  .sec05 .bg .only_pc{scale: 0.8; object-position: 50% 50%;}
  .sec05 .inner_sec{height: 180px;}

  .sec05 .bg p {margin-left: -31vw;}

  .topBox.aos-animate .important_dates li .img_closed {right: -30px; top: 20px; scale: 0.7; z-index: 4;}

  .sec04 {padding: 60px 0 90px;}
  .sec04 .sp_list .company_li figure {height: 100px;}
  .sec04 .sp_list .company_li {width: calc(100% / 2 - 12px)}
  .sec04 .sp_list .sponsor_box {gap: 30px;}
  .sec04 .sp_list .sponsor_box .sponsor_top p {width: 140px;}
  .sec02 .ql_list li a p > span { display: block;}
  .sec02 .ql_list li:nth-child(3) a p > span:not(:nth-child(1) ) {display: inline;}
  .sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {height: 6.2vw; bottom: 12px; right:6px}

  .sec02 .ql_list li.newli01 p br , .sec02 .ql_list li.newli02 p br{display: none;}


}
@media screen and (max-width: 900px) {
	.sec02 .leftBox {margin-bottom: 0px;}
	.sec02 .leftBox .topBox {margin-bottom: 0px;}
	.sec02 .leftBox .botBox .textBox {gap: 20px;}
	.sec02 .leftBox .botBox .textBox .profileSwiper {padding-bottom: 40px;}
	.sec02 .leftBox .botBox .textBox .text {text-align: center;}
	.sec03 {padding: 60px 0;}
	.sec03 .arrowBtnWrap {margin-bottom: 70px;}
	.sec03 .speakerSwiper {position: static; box-sizing: initial; width: 100%;}
	.sec04 .list .logoBox {gap: 10px 1.5%;}
	.sec04 .list .logoBox li {width: calc(100% / 4 - 1.13%);}


    .visual {height: 350px;}
    .visual .mainvisual_con .bigtit {width: 49vw; margin-bottom: 40px;}
    .visual .mainvisual_con .smalltit strong {font-size: 1.4em;}
    .visual .mainvisual_con .smalltit p {font-size: 1.46em;}
    .visual .mainvisual_con .smalltit strong, .visual .mainvisual_con .smalltit p {transform: translateY(26px);}

    .sec02 .inner {flex-direction: column; gap: 40px 0;}
    .sec02 .important_dates {width: 100%; padding: 40px 20px ; gap: 40px 0;}
    .sec02 .important_dates li .ddaycount p {font-size: 26px;}
    .sec02 .important_dates li .ddaycount span {font-size: 22px;}
    .sec02 .important_dates li .ddaycount em {width: 30px; height: 39px;}
    .sec02 .important_dates li .ddaytxt strong {font-size: 22px;}
    .sec02 .ql_list li {width: calc(33% - 9px); height: 170px;}
    .sec02 .ql_list {flex-direction: row; gap: 0 16px;}
    .sec02 .ql_list li a {padding: 23px 0 0 23px;}
    .sec02 .ql_list li a p {font-size: 20px ; margin-bottom: 5px;}
    .sec02 .ql_list li a .qlicon {height: 45px; right: 15px; bottom: 23px;}
    .sec02 .ql_list li .qlbg {object-position: bottom; max-width: auto; width: 100%; height: 130%;}

    .sec04 .main_sponsor .sp_btmli {height: 77px;}

    .sec02 .ql_list li .qlbg {opacity: 1;}
    .sec05 .inner_sec .right{right: -21vw;}

    .sec05 .bg .moobject {width: 200px;}
    .sec05 .inner_sec .bg {gap: 0 30px;}
    .sec05 .bg p{font-size: 24px; margin-left: -39vw;}

    .topBox.aos-animate .important_dates li .img_closed {right: auto ;left: 50vw; scale: 0.8; top: -18px;z-index: 5;;}
    .sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {height: 6.7vw; bottom: 16px;}
    .sec02 .ql_list li.ph a .qlicon {height: 4.7vw; min-height: 40px;}


}
@media screen and (max-width: 768px) {
	.visual .arrowBtnWrap {display: flex; align-items: center; gap: 10px; position: absolute; right: 25px; bottom: 40px;}
	.visual .arrowBtn {font-size: 26px; position: static; transform: none;}
	.visual .titleBox .text1 {font-size: 34px;}
	.visual .titleBox .text2 {font-size: 45px;}
	.visual .linkBox {max-width: 480px;}
	.visual .linkBox li a {font-size: 15px;}
	.sec02 .leftBox .topBox .dates strong {padding: 10px 5px;}
  .sec02 .leftBox .topBox .textBox {font-size: 14px;}
	.sec02 .rightBox .box {flex-direction: column; gap: 0;}
	.sec02 .rightBox .box > * {width: 100%;}
	.sec02 .rightBox .box .youtubeBox {margin-bottom: 25px;}
	.sec03 .arrowBtnWrap .arrowbtn {width: 40px; height: 40px; font-size: 18px;}
	.sec03 .speakerSwiper .swiper-slide .name {font-size: 15px;}
	.sec03 .speakerSwiper .swiper-slide .text {font-size: 13px;}
	.sec03 .speakerSwiper .swiper-slide .country {font-size: 13px;}
	.sec04 .list .logoBox li figure {height: 60px;}
	

  .visual {height: 300px;}
  .visual .mainvisual_con {padding: 0 50px;}
  .visual .mainvisual_con .bigtit {width: 53vw;}
  .visual .mainvisual_con .smalltit strong {font-size: 1.3em;}
  .visual .mainvisual_con .smalltit p {font-size: 1.36em;}
  .visual .mainvisual_con .rightimg {right: 2vw; width: 34vw;}
  .visual .mainvisual_con .smalltit strong, .visual .mainvisual_con .smalltit p {transform: translateY(11px);}

  .sec04 .main_sponsor .sp_btmul {gap: 10px 30px ;}
  .sec04 .main_sponsor .sp_btmli {width: calc(33.33% - 21px);}

  .sec05 .inner_sec .right a {width: 90px; height: 90px;}
  .sec05 .inner_sec .right a p{font-size: 16px;}
  .sec05 .inner_sec .right {right: -29vw;}
  .sec05 .bg .only_pc {scale: 0.75; object-position: 47% 50%;}

  .topBox.aos-animate .important_dates li .img_closed {left: 60vw; top: -25px;}
  .sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {height: 55px; bottom: 22px;}

}
@media screen and (max-width:700px){
    .visual .mainvisual_con {padding: 0 30px;}
    .sec05 .inner_sec {height: 150px;}
    .sec05 .bg .moobject{width: 170px;}

} 
@media screen and (max-width: 640px) {
	.sec .title {margin-bottom: 35px;}
	.visual {height: 500px;}
	.visual .titleBox {top: 37%;}
	.visual .titleBox .text1 {font-size: 36px; white-space: normal;}
	.visual .titleBox .text2 {font-size: 43px;}
	.visual .linkBox {width: 80%;}
	.visual .linkBox ul {gap: 25px;}
	.visual .linkBox li:not(:last-child):after {right: -12.5px;}
	.visual .linkBox li a figure {width: 22px;}
	.sec02 .title {margin-bottom: 20px;}
	.sec02 .leftBox .topBox .dates p {padding: 12px 8%;}
	.sec04 {padding-top: 45px; padding-bottom: 55px;}
	.sec04 .list:not(:last-child) {margin-bottom: 30px;}
	.sec04 .list .listTitle {margin-bottom: 15px;}
	.sec04 .list .listTitle strong {font-size: 14px; width: 100px;}
  .sec04 .list .logoBox {gap: 7px;}
  .sec04 .list .logoBox li {width: calc(100% / 4 - 5.3px);}
	
  .visual {height: 550px;}
  .visual .main_ban_bg {object-position: 50%;}
  .visual .mainvisual_con {align-items: center;}
  .visual .mainvisual_con .bigtit {width: 78vw;}
  .visual .mainvisual_con .smalltit strong, .visual .mainvisual_con .smalltit p {transform: translate(-100px,0);}
  .visual .mainvisual_con .smalltit {padding-bottom: 180px;z-index: 2;}
  .visual .mainvisual_con .smalltit strong{font-size: 1.6em;}
  .visual .mainvisual_con .smalltit p {font-size: 1.67em;}
  .visual .mainvisual_con .rightimg {width: 39vw; transform: translate(-50%, 80px); right: auto; left: 50%;}

  .sec02 .ql_list li {height: 200px;}
  .sec02 .ql_btm {gap: 0 15px;}
  .sec02 .ql_list li .qlbg{height: 100%;}

  .sec03 .arrowBtnWrap  {right: 15px;}

  .sec04 .main_sponsor .sp_btmul {gap: 10px 20px;}
  .sec04 .main_sponsor .sp_btmli {width: calc(33.33% - 15px);}
  .sec04 .main_sponsor .sp_btmli {height: 72px;}
  .sec04 .sp_list .company_ul {justify-content: center;}

  .visual .mainvisual_con .smalltit {transform: translateY(0px);}

  .topBox.aos-animate .important_dates li .img_closed {left: 72vw}
  .sec03 .speakerSwiper .swiper-slide .profileBox {height: 200px;}

  .sec04 .sp_list .company_li figure {height: 90px;}
  .sec04 .sp_list .sponsor_box {flex-direction: column;}
  .sec04 .sp_list .company_li {width: 200px;}

  .mypage_btn_zip {justify-content: center;}
  .regismypage_ltup .mypage_btn_zip .pdf_down_btn:nth-child(1),
  .regismypage_ltup .mypage_btn_zip .pdf_down_btn {width: 50%;}
  .regismypage_ltup .mypage_btn_zip .pdf_down_btn a {width: 100%;}


}
@media screen and (max-width:600px) {
    .sec05 .inner_sec .right a {width: 70px; height: 70px; left: -8px;}
    .sec05 .inner_sec .right a p{font-size: 14px;}
    .sec05 .inner_sec .right{right: -35vw;}
    .sec05 .bg .only_pc {object-position: 45% 50%;}
    .sec05 .inner_sec .bg {gap: 0 20px ;}
    .sec05 .bg p{font-size: 22px;}
    .sec05 .bg .moobject{width: 140px;}

}
@media screen and (max-width:550px) {
    .sec02 .ql_list li a p {font-size: 19px;}
    .sec02 .ql_list li a {padding: 19px 0 0 18px;}
    .sec02 .ql_list, .sec02 .ql_btm{gap: 0 12px;}
    .sec02 .ql_list li {width: calc(33% - 7px);}
    .sec02 .ql_btm .ql_btm_li {padding: 15px;}
    .sec02 .important_dates {padding: 30px 16px;}
    .sec02 .important_dates li .ddaytxt strong {font-size: 21px;}
    .sec02 .ql_list li a .qlicon {right: 11px; bottom: 18px;}

    .sec04 .main_sponsor .sp_li .topline {font-size: 18px; height: 33px;}
    .sec05 .bg .only_pc{scale: 0.6; object-position: 41% 50%;}
    .sec05 .inner_sec .right{right: -40vw;}
    .sec05 .inner_sec .bg {flex-direction: column; align-items: flex-start; gap: 15px 0;}
    .sec05 .bg p{margin-left: 0;}
    .sec05 .bg p, .sec05 .bg .moobject {transform: translateX(10vw);}
    .sec05 .bg .moobject {width: 160px;}

    .topBox.aos-animate .important_dates li .img_closed {left: 0; top: 22px;}

    
}
@media screen and (max-width: 480px) {
  .visual .visualSlick .pc {display: none;}
  .visual .visualSlick .mo {display: block;}
	.visual .titleBox {top: 37%;}
	.visual .titleBox .text1 {margin-bottom: 17px; font-size: 30px;}
	.visual .titleBox .text2 {font-size: 36px;}
	.visual .linkBox {bottom: 100px;}
	.visual .linkBox ul {justify-content: center; gap: 10px 5%;}
  .visual .linkBox li:not(:last-child):after {right: -10%}
  .visual .linkBox li a {display: block; text-align: center;}
  .visual .linkBox li a figure {display: none;}
	.visual .slideControl, .visual .arrowBtnWrap {bottom: 25px;}
	.sec02 .leftBox .topBox .dates {flex-wrap: wrap; justify-content: center; gap: 10px 4%;}
	.sec02 .leftBox .topBox .dates li {width: 100%;}
	.sec02 .leftBox .topBox .dates li.date01 strong {font-size: 15px;}
	.sec02 .leftBox .topBox .dates p {font-size: 13px;}
  .sec02 .leftBox .botBox .topTitle a {width: 20px; height: 20px; border-radius: 50%; background: #e02b20; color: #fff; display: flex; align-items: center; justify-content: center;}
  .sec02 .leftBox .botBox .topTitle a i {margin: 0;}
  .sec02 .leftBox .botBox .topTitle a span {display: none;}
	.sec02 .leftBox .botBox .textBox .swiper-slide > p {font-size: 14px;}
	.sec02 .leftBox .botBox .textBox .text {font-size: 14px;}
	.sec03 {padding: 60px 0;}
	.sec03 .title {margin-bottom: 30px;}
	.sec03 .arrowBtnWrap {margin-bottom: 00px; top: -1px;}
  .sec03 .speakerSwiper .swiper-slide .profileBox:after {top: 3px; left: 3px;}
	.sec04 .list .logoBox li {width: calc(100% / 3 - 4.7px);}
	.sec04 .list .logoBox li figure {height: 55px;}

    .visual{height: 460px;}
    .visual .mainvisual_con .bigtit {width: 84vw; margin-bottom: 30px;}
    .visual .mainvisual_con .smalltit {padding-bottom: 130px;}
    .visual .mainvisual_con .smalltit strong {font-size: 1.3em;}
    .visual .mainvisual_con .smalltit p {font-size: 1.36em;}
    .visual .mainvisual_con .rightimg {width: 41vw; transform: translate(-50% , 65px);}

    .sec02 .ql_list li a p {font-size: 17px;}
    .sec02 .ql_list li a em {font-size: 16px;}
    .sec02 .ql_list li {height: 185px;}
    .sec02 .ql_list li a{padding: 14px 0 0 12px;}
    .sec02 .ql_list li a .qlicon {width: 40px; right: 14px; bottom: 14px;}
    .sec02 .ql_btm .ql_btm_li .tit {font-size: 21px; margin-bottom: 17px;}
    .sec02 .important_dates{padding: 40px 12px ;}
    .sec02 .important_dates li .ddaytxt span {font-size: 16px;}
    .sec02 .important_dates li {gap: 0 25px;}
    .sec02 .important_dates li .ddaycount span {gap: 0 4px;}
    .sec02 .important_dates li .ddaycount {padding-left: 3px;}
    .sec02 .ql_list li .qlbg {object-position: 50%;}

    .sec03 .arrowBtnWrap .arrowbtn {width: 35px;height: 35px; font-size: 17px;}  
    .sec05 .bg .only_pc {display: none;}
    .sec05 .inner_sec .bg .only_mo {display: block;}
    .sec05 .inner_sec .bg .only_mo.mobg {position: absolute; left: 0; height: 100%;}
    .sec05 .bg {display: flex; flex-direction: column; justify-content: center; gap: 20px; font-size: 26px ; color: #0A0A0A; padding-left: 20px;}
    .sec05 .inner_sec{height: 200px;}
    .sec05 .inner_sec .right {right: -70vw;}
    .sec05 .inner_sec .bg .only_mo.moobject {width: 43vw; height: auto;}

    
    .sec04 .sp_list .sponsor_box {gap: 22px;}
    .sec04 .sp_list .company_li figure {height: 19vw;}
    .sec04 .sp_list .company_li {width: calc(100% / 2 - 10px);}
    .sec04 .sp_list .sponsor_box .sponsor_top p {width: 120px; height: 40px; font-size: 16px;}
    .sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {bottom: 13px; right: 5px;}

    .regismypage_ltup .mypage_btn_zip .pdf_down_btn:nth-child(1),
    .regismypage_ltup .mypage_btn_zip .pdf_down_btn {width: 100%;}
    .mypage_btn_zip {flex-direction: column; gap: 10px;}
    .regismypage_ltup .mypage_btn_zip .pdf_down_btn:nth-child(2) a {margin-top: 0;}
}
@media screen and (max-width:450px) {
    .sec02 .ql_list{flex-direction: column; gap: 12px 0;}
    .sec02 .ql_list li {width: 100%; height: 80px;}
    .sec02 .ql_list li a {padding: 10px 0 0 23px;}
    .sec02 .ql_list li a .qlicon {right: 19px; bottom: 18px;}
    .sec02 .ql_list li a p {margin-bottom: 0;}
    .sec02 .ql_btm{flex-direction: column; gap: 12px 0;}
    .sec02 .ql_btm .ql_btm_li{padding: 23px 13px 17px;}
    .sec02 .ql_btm .ql_btm_li:nth-child(1) {z-index: 1;}
    .sec02 .ql_btm .ql_btm_li:nth-child(2) {z-index: 0;}
    .sec02 .important_dates li div{flex-basis: 100%;}
    .topBox.aos-animate .important_dates li {text-align: center;}
    .sec02 .important_dates li .ddaycount {display: flex; justify-content: center;}
    .sec02 .important_dates li .ddaycount em {width: 34px; height: 42px;}
    .sec02 .important_dates li .ddaycount span{font-size: 25px;}
    .sec02 .important_dates li .ddaytxt strong{font-size: 22px;}

    .sec04 .main_sponsor .sp_btmul {gap: 10px;}
    .sec04 .main_sponsor .sp_btmli {width: calc(33.33% - 7px); height: 65px;}

    .sec02 .ql_list li .qlbg {opacity: 0;}

    .sec05 .inner_sec .bg .only_mo.moobject{width: 37vw;}
    .sec05 .bg{font-size: 23px;}
    .sec05 .inner_sec .right{right: -70vw;}
    .sec05 .inner_sec{height: 180px;}
    .sec05 .bg p, .sec05 .bg .moobject{transform: translateX(5vw);}

    .sec02 .ql_list li:nth-child(3) a .qlicon {scale: 1.1; margin-right: 7px; width: auto;}
    .topBox.aos-animate .important_dates li .img_closed {right: -24px; scale: 0.7; top: 80px; }
    .sec02 .rightBox.aos-animate .newql_list li.newli03 .qlicon {bottom: 14px; right: 15px;}

    .sec02 .ql_list li.ph a .qlicon {height: 4.4vw; min-height: 35px;}

}
@media screen and (max-width:400px) {
    .visual {height: 420px;}
    .visual .mainvisual_con .smalltit strong {font-size: 1.2em;}
    .visual .mainvisual_con .smalltit p {font-size: 1.26em;}
    .visual .mainvisual_con .rightimg {width: 46vw; transform: translate(-50% , 51px);}
    .sec04 .main_sponsor .sp_btmli {height: 55px;}
    .sec04 .main_sponsor .sp_btmli {width: calc(50% - 6px);}

    .sec03 .speakerSwiper .swiper-slide .profileBox{height: 180px;}
    .sec05 .inner_sec .right{right: -80vw;}
    .sec05 .bg .moobject {width: 140px;}
    .sec05 .bg p, .sec05 .bg .moobject {transform: translateX(3vw);}

}

@media screen and (max-width: 360px) {
	.sec .title {font-size: 21px;}
	.visual .titleBox .text1 {margin-bottom: 17px;}
	.visual .titleBox .text2 {font-size: 36px;}
	.sec02 {padding-bottom: 70px;}
	.sec02 .leftBox .botBox .topTitle {gap: 10px;}
	.sec04 .title {margin-bottom: 40px;}
	.sec04 .list .listTitle strong {font-size: 14px; height: 32px;}
	.sec04 .list .logoBox {gap: 6px 2%;}
	.sec04 .list .logoBox li {width: calc(100% / 2 - 1%);}

    .visual {height: 115vw;}
    .visual .mainvisual_con .bigtit {margin-bottom: 21px;}
    .visual .mainvisual_con .smalltit strong {font-size: 5.5vw;}
    .visual .mainvisual_con .smalltit p {font-size: 5.7vw;}
    .visual .mainvisual_con .rightimg {width: 48vw;}

    .sec03 .arrowBtnWrap .arrowbtn {width: 30px; height: 30px;}
    .sec03 .arrowBtnWrap{gap: 5px; top: -1px;}

    .sec03 .speakerSwiper .swiper-slide .profileBox{height: 170px;}
    .sec05 .inner_sec .right{right: -330px;}
    .sec05 .bg p, .sec05 .bg .moobject {transform: translateX(0);}
    
}