/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto;}
body{background: #000; position: relative;}


/* HEADER */
.header{height:80px; padding:0 60px; position:fixed; top:0; z-index:10000; width:100%;}
.header > .inner{max-width: 100%; height:100%; display:flex; align-items:center; justify-content:space-between;}
.header > .inner > div{display:flex; align-items:center;}
.header h1 a img{width: 90px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .gnb{display:flex; gap:90px; height: 100%;}
.header .gnb > li{position:relative; height: 100%;}
.header .gnb > li > a{font-size: 16px; color: #FFF; font-weight: 600; letter-spacing: -0.4px; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a:hover{color: #E72116 !important;}
.header .gnb_2depth{position:absolute; top:80px; left: 50%; transform:translateX(-50%); width: 200px; padding: 30px; border-top: 1px solid #E3E3E3; background: #FFF; visibility: hidden;}
.header .gnb > li:hover .gnb_2depth{visibility: visible;}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 16px; color: #6D6D6D; text-underline-offset: 3px; display: block;}
.header .gnb_2depth li a:hover{color: #E72116; text-decoration: underline;}

.all_menu_btn{width: 25px; cursor:pointer;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header:hover{background: #FFF;}
.header:hover h1 a img.logo{display:none;}
.header:hover h1 a img.logo_ov{display:block;}
.header:hover .gnb > li > a{color: #000;}
.header:hover .all_menu_btn, .header:hover .head_mob_btn{filter:invert(1);}

.header.fixed{background: #FFF;}
.header.fixed h1 a img.logo{display:none;}
.header.fixed h1 a img.logo_ov{display:block;}
.header.fixed .gnb > li > a{color: #000;}
.header.fixed .all_menu_btn, .header.fixed .head_mob_btn{filter:invert(1);}

/* all menu */
.all_menu_bg{display: block; width: 46px; height: 46px; background: rgba(231, 33, 22, 0.90); backdrop-filter: blur(0.1px); border-radius: 50%; position: absolute; left: calc(97% - 23px); top: 46px; z-index: 10000; transform: translate(-50%, -50%) scale(0); transition: all 0.8s ease-in-out;}
.all_menu_bg.on{transform: translate(-50%, -50%) scale(100);}
.all_menu{position:absolute; left: 0; top: 0; width:100%; height:100vh; z-index:10000; transform: scale(0);}
.all_menu.open{transform: scale(1); transition: transform 0s 0.8s;}
.all_menu .inner{max-width: 100%; height: 100%; padding: 0 60px;}
.all_menu_tp{padding-top: 70px; display: flex; justify-content: space-between; align-items: center; opacity: 0; transform: translateY(40px);}
.all_menu_tp .logo{width: 120px;}
.all_menu_close{width:45px; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu_cont{padding-top: 190px; display: flex; gap:150px;}
.all_menu_cont h3{font-size: 40px; color: #FFF; line-height: 1.4; opacity: 0; transform: translateY(40px);}
.all_menu_list{display:flex; gap:80px;}
.all_menu_list dt{margin-bottom: 10px; opacity: 0; transform: translateY(40px);}
.all_menu_list dt a{font-size:24px; font-weight:700; line-height: 2; color: #FFF;}
.all_menu_list dd{opacity: 0; transform: translateY(40px);}
.all_menu_list dd + dd{margin-top:10px;}
.all_menu_list dd a{font-size:18px; color: #FFF; line-height: 1.66;}
.all_menu_list dd a:hover{font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.all_menu_sns{position: absolute; left: 0; bottom: 100px; display: flex; gap: 40px; opacity: 0; transform: translateY(40px); padding: 0 60px;}
.all_menu_sns a img{height: 23px;}
.all_menu.open .all_menu_tp{opacity: 1; transform: translateY(0); transition: all 1s 0.7s;}
.all_menu.open .all_menu_cont h3{opacity: 1; transform: translateY(0); transition: all 1s 0.8s;}
.all_menu.open .all_menu_list dt{opacity: 1; transform: translateY(0); transition: all 1s 0.8s;}
.all_menu.open .all_menu_list dd{opacity: 1; transform: translateY(0); transition: all 1s 0.9s;}
.all_menu.open .all_menu_list dd:nth-of-type(2){transition-delay: 1s;}
.all_menu.open .all_menu_list dd:nth-of-type(3){transition-delay: 1.1s;}
.all_menu.open .all_menu_sns{opacity: 0.8; transform: translateY(0); transition: all 1s 1.2s;}

/* quick menu */
.quick{position: fixed; right: 40px; bottom: 40px; z-index: 1000;}
.quick ul li + li{margin-top: 10px;}
.quick ul li a{width: 60px; height: 60px; border-radius:50%; background: rgba(150, 150, 150, 0.30); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center;}
.quick ul li a img{width: 25px;}
.quick ul li:first-child a{background: rgba(231, 33, 22, 0.80);}
.quick ul li:first-child a img{width: 30px;}
.quick ul li.q_top_btn a img{width: 16px;}

/* visual */
.main .visual{height: 100vh; overflow: hidden; position: relative;}
.main .visual .swiper-wrapper{height: 100%;}
.main .visual .swiper-slide{height: 100%; position: relative;}
.main .visual .swiper-slide a{display: block; height: 100%;}
.main .visual .swiper-slide .img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main .visual .swiper-slide .img img{width: 100%; height: 100%; object-fit:cover;}
.main .visual .swiper-slide .txt{padding-top: 265px; color: #FFF;}
.main .visual .swiper-slide .txt h2{font-size: 65px; letter-spacing: -1px; white-space: pre-wrap;}
.main .visual .swiper-slide .txt p{margin-top: 30px; font-size: 22px; letter-spacing: -0.8px; line-height: 1.45; font-weight: 500; animation-delay:0.2s; white-space: pre-wrap;}
/* .main .visual .swiper-slide .txt-ani{overflow: hidden;} */
.main .visual .swiper-slide-active .txt-ani *{animation: txt-ani 1.2s ease both;}
.main .visual .swiper-slide-active .img{animation: vis-ani 4.5s ease-in-out both;}
.main .vis_scrollbar_wrap{position: absolute; top: 565px; left: 50%; transform:translateX(-50%); width: 100%; max-width: 1600px; z-index: 10;}
.main .vis_scrollbar{height: 2px; background: #ffffff50;}
.main .vis_scrollbar .swiper-scrollbar-drag{background: #fff; height: 100%; width: auto;}
.main .vis_scrollDown{position: absolute;  bottom: 60px; left: 50%; transform:translateX(-50%); z-index: 10; text-align: center;}
.main .vis_scrollDown a{display: block; width: 60px; height: 60px; border-radius:50%; border: 1px solid #ffffff50; margin: 0 auto;}
.main .vis_scrollDown .circle{width: 100%; height: 100%; overflow: hidden;}
.main .vis_scrollDown .circle span{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transform: translate3d(0, -100%, 0);}
.main .vis_scrollDown .circle img{height: 15px; }
.main .vis_scrollDown a:hover .circle span{transform:translate3d(0,0,0); transition:0.5s;}
.main .vis_scrollDown p{font-size: 16px; letter-spacing: -0.5px; font-weight: 600; color: #ffffff80; font-family: 'Poppins'; margin-top: 13px;}

@keyframes txt-ani {
	0% {transform:translateY(100px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}

@keyframes vis-ani {
	0% {transform:scale(1.1);}
	100% {transform:scale(1);}
}

/* section */
.section{position: relative;}
.main_tit{color: #fff;}
.main_tit.bk{color: #000;}
.main_tit em{font-size: 20px; letter-spacing: -0.5px; font-weight: 600; display: block;}
.main_tit h3{margin-top: 15px; font-size: 55px; letter-spacing: -2px; line-height: 1.3;}
.main_tit .more_btn{margin-top: 60px;}
.more_btn{width: 176px; height: 176px; gap: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius:50%; border: 1px solid #ffffff50; text-align: center; color: #fff; transition: all 0.5s; position: relative; z-index: 1; overflow: hidden;}
.more_btn::before{content: ""; width: 100%; height: 100%; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scale(0); transition: transform 0.5s;}
.more_btn span{font-size: 17px; font-weight: 600; font-family: 'Poppins'; line-height: 1.8;}
.more_btn i{width: 23px; height: 16px; background: url(/img/main/btn_arrow.svg) no-repeat center / contain; transition: all 0.5s;}
.more_btn:hover{color: #000;}
.more_btn:hover::before{transform: translate(-50%, -50%) scale(1.1);}
.more_btn:hover i{filter:invert(1);}
.more_btn.blur{background: rgba(217, 217, 217, 0.25); backdrop-filter: blur(4px); display: none; color: #fff !important;}
.more_btn.blur::before{display: none;}
.more_btn.blur i{filter:invert(0);}
.main_tit.bk .more_btn{color: #000; border-color: #000;}
.main_tit.bk .more_btn::before{background: #000;}
.main_tit.bk .more_btn i{background-image: url(/img/main/btn_arrow_bk.svg);}
.main_tit.bk .more_btn:hover{color: #fff;}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 10000;}
#cursor_div .cursor{width: 0; height: 0; gap: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius:50%; text-align: center; color: #fff; transition: all 0.3s; transform: translate(-50%, -50%); z-index: 10000;}
#cursor_div .cursor span{font-size: 0; font-weight: 600; font-family: 'Poppins'; line-height: 1.8; transition: all 0.3s;}
#cursor_div .cursor i{display: inline-block; width: 0; height: 0; background: url(/img/main/btn_arrow.svg) no-repeat center / contain; transition:all 0.3s;}
#cursor_div .cursor.on{width: 176px; height: 176px; border: 1px solid #ffffff50; background: rgba(217, 217, 217, 0.25); backdrop-filter: blur(4px);}
#cursor_div .cursor.on span{display: inline-block; font-size: 17px;}
#cursor_div .cursor.on i{width: 23px; height: 16px;}

/* sec1, sec2 */
.list_section{overflow: hidden; height: 100vh !important;}
.list_section .inner{display: flex; justify-content: space-between;}
.list_section .main_tit{padding-top: 200px;}
.list_section .list{display: flex; gap:50px;}
.list_section .list ul.odd{margin-top: -390px;}
.list_section .list ul li{position: relative;}
.list_section .list ul li + li{margin-top: 60px;}
.list_section .list ul li a{display: block; height: 100%;}
.list_section .list ul li .img{width: 385px; height: 540px; border-radius: 0 0 50px 0; overflow: hidden; position: relative;}
.list_section .list ul li .img::before{content: ''; display: block; width: 100%; height: 100%; opacity: 0.6; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.71%, #000 100%); position: absolute; left: 0; top: 0;}
.list_section .list ul li .img img{width: 100%; height: 100%; object-fit:cover;}
.list_section .list ul li .txt{position: absolute; left: 0; bottom: 0; padding: 30px; color: #FFF; z-index: 5;}
.list_section .list ul li .txt .stat{width: 70px; line-height: 28px; font-size: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 50px;}
.list_section .list ul li .txt .stat.on{border: 1px solid #FFF;}
.list_section .list ul li .txt .stat.off{color: rgba(255, 255, 255, 0.90); background: rgba(168, 168, 168, 0.7);}
.list_section .list ul li .txt .stat.gen{color: rgba(0,0,0, 0.50) !important; background: rgba(255, 255, 255, 0.6);}
.list_section .list ul li .txt p{margin-top: 20px; font-size: 28px; letter-spacing: -1px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_section .scrollbar_wrap{width: 100%; margin-top: 6.51vw;}
.list_section .scrollbar{height: 2px; background: #ffffff50;}
.list_section .scrollbar .swiper-scrollbar-drag{background: #fff; height: 100%; width: auto;}
.sec1::before{content: 'performance performance'; font-size: 160px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Poppins'; -webkit-text-stroke: 1px #fff; text-transform: uppercase; position: absolute; left: 0; bottom: 10px; white-space: nowrap; opacity: 0.25;}
.sec2::before{content: 'Exhibition  Exhibition'; font-size: 160px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Poppins'; color: #fff; text-transform: uppercase; position: absolute; left: 0; bottom: 10px; white-space: nowrap; opacity: 0.05;}
.main_no_data{width: 820px; padding: 260px 0; margin-top: 190px; text-align: center; display: flex; justify-content: center; align-items: center; background: #333; border-radius: 0 0 50px 0;}
.main_no_data img{width: 38px; filter:invert(1);}
.main_no_data p{font-size: 20px; font-weight: 500; margin-top: 25px; color: #fff;}

/* sec3 */
.sec3{height: 100vh; overflow: hidden;}
.sec3 iframe{transform:scale(1.165); pointer-events: none;}
.sec3::before{content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; transform: scaleX(1); transform-origin: left; transition: transform 1.5s; z-index: 10;}
.sec3.on::before{transform: scaleX(0);}
.sec3 a{display: block;}
.sec3 img{width: 100%;}
.sec3 .play{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius:50%; border: 1px solid #fff; transition: all 0.5s; overflow: hidden;}
.sec3 .play::before{content: ""; width: 100%; height: 100%; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scale(0); transition: transform 0.3s;}
.sec3 .play img{width: 24px; transition: all 0.3s;}
.sec3 .play:hover::before{transform: translate(-50%, -50%) scale(1.2);}
.sec3 .play:hover img{filter:invert(1);}

/* sec3-1 */
.sec3-1{padding: 170px 0; background: #141A1D;}
.sec3-1 .inner{display: flex; align-items: center; gap: 140px;}
.sec3-1 .swiper_wrap{margin-left: -360px; width: 1335px;}
.sec3-1 .swiper{overflow: hidden;}
.sec3-1 .swiper .swiper-slide{padding: 0 30px;}
.sec3-1 .swiper .swiper-slide a{display: block; height: 540px; border-radius: 0 0 50px 0; overflow: hidden; position: relative;}
.sec3-1 .swiper .swiper-slide a img{width: 100%; height: 100%; object-fit: cover;}
.sec3-1 .swiper .swiper-slide a .txt{position: absolute; left: 30px; right: 30px; bottom: 30px; font-size: 28px; letter-spacing: -1px; font-weight: 600; color: #fff;}
.sec3-1 .swiper .bot{margin-top: 40px; display: flex; justify-content: center; align-items: center; gap: 40px;}
.sec3-1 .swiper .bot .arrow{display: flex; gap: 10px;}
.sec3-1 .swiper .bot .arrow div{width: 24px; cursor: pointer;}
.sec3-1 .swiper .bot .arrow div img{width: 100%;}
.sec3-1 .swiper .bot .scrollbar{width: 370px; height: 2px; background: #ffffff50;}
.sec3-1 .swiper .bot .swiper-scrollbar-drag{background: #fff;}
.sec3-1 .main_tit p{margin-top: 30px; font-size: 22px; letter-spacing: -0.5px; font-weight: 500; line-height: 1.5;}

/* sec4 */
.sec4{padding: 195px 0; background: url(/img/main/sec4_bg.png) no-repeat center bottom / cover;}
.sec4 .inner{display: flex; justify-content: space-between; align-items: flex-end;}
.sec4 .txt_area{width: 50%;}
.sec4_swiper{margin-top: 160px; color: #fff;}
.sec4_swiper .swiper-slide *{font-size: 18px; letter-spacing: -0.5px;}
.sec4_swiper .swiper-slide .num{font-weight: 700; line-height: 1.4;}
.sec4_swiper .swiper-slide h4{font-size: 35px !important; margin: 20px 0 5px; letter-spacing: -1px !important;}
.sec4_swiper .swiper-slide .eng{font-family: 'Poppins'; opacity: 0.7; line-height: 1.7;}
.sec4_swiper .swiper-slide p{margin-top: 30px; line-height: 1.4;}
.sec4_swiper .arrow{margin-top: 67px; display: flex; gap:20px;}
.sec4_swiper .arrow div{width: 90px; height: 90px; border-radius:50%; border: 1px solid #ffffff50; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 1;}
.sec4_swiper .arrow div::before{content: ""; width: 100%; height: 100%; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scale(0); transition: transform 0.3s;}
.sec4_swiper .arrow div img{height: 16px; transition: all 0.3s;}
.sec4_swiper .arrow div:hover::before{transform: translate(-50%, -50%) scale(1);}
.sec4_swiper .arrow div:hover img{filter:invert(1);}

.sec4 .img_area{position:relative; width: 41%; height: 550px;}
.sec4_img .item{position: absolute; left:50%; top: 50%; transform:translate(-50%,-50%); transition:all 1s;}
.sec4_img .item .img{aspect-ratio: 1/1; border-radius:50px 0 50px 0; overflow: hidden; transform: skewY(16deg) scaleX(.85); width: 650px; height: 400px; display: block;}
.sec4_img .item .bg{width: 100%; height: 100%; opacity:1; transform: skewY(-12deg) scale(1,1.3);}
.sec4_img .item1 .bg{background: url(/img/main/sec4_img1.png) no-repeat center / cover;}
.sec4_img .item2 .bg{background: url(/img/main/sec4_img2.png) no-repeat center / cover;}
.sec4_img .item3 .bg{background: url(/img/main/sec4_img3.png) no-repeat center / cover;}
.sec4_img.type1 .item:nth-child(1){transform: translate(-70%, -50%) scale(1); z-index: 4;}
.sec4_img.type1 .item:nth-child(2){transform: translate(-45%, -65%) scale(0.75); z-index:3; filter: brightness(40%);}
.sec4_img.type1 .item:nth-child(3){transform: translate(-25%, -75%) scale(0.6); z-index:2; filter: brightness(40%);}
.sec4_img.type2 .item:nth-child(2){transform: translate(-70%, -50%) scale(1); z-index: 4;}
.sec4_img.type2 .item:nth-child(3){transform: translate(-45%, -65%) scale(0.75); z-index:3; filter: brightness(40%);}
.sec4_img.type2 .item:nth-child(1){transform: translate(-25%, -75%) scale(0.6) ;z-index:2; filter: brightness(40%);}
.sec4_img.type3 .item:nth-child(3){transform: translate(-70%, -50%) scale(1); z-index: 4;}
.sec4_img.type3 .item:nth-child(1){transform: translate(-45%, -65%) scale(0.75); z-index:3; filter: brightness(40%);}
.sec4_img.type3 .item:nth-child(2){transform: translate(-25%, -75%) scale(0.6); z-index:2; filter: brightness(40%);}

/* sec5 */
.wh_bg{background: #fff;}
.wh_bg .link{display: block;}
.sec5{height: 100vh;}
.sec5_bg{width: 100%; height: 100%; background: url(/img/main/sec5_bg.jpg) no-repeat center / cover; position: absolute; left: 50%; top: 0; z-index: -1; transform:translateX(-50%); display: block;}
.sec5_cont{position: absolute; left: 50%; transform:translateX(-50%); top: 50px; cursor: pointer;}
.sec5_cont .txt{text-align: center; color: #fff;}
.sec5_cont .txt em{font-size: 18px; font-weight: 500; color: #FFF; line-height: 1.8; font-family: 'Poppins'; display: block;}
.sec5_cont .txt h3{font-size: 45px; margin: 15px 0 60px; letter-spacing: -1px;}
.sec5_cont .txt p{font-size: 22px; letter-spacing: -0.5px; font-weight: 500; line-height: 1.5;}

/* sec6 */
.sec6{margin-top: -150px;}
.sec6 .inner{display: flex; justify-content: space-between;}
.sec6 .main_tit h3{margin: 0 0 15px;}
.sec6 .board_list{width: 1100px;}
.sec6 .board_list ul li{background: #FFF; position: relative; border-bottom: 1px solid #D9D9D9; transition: all 0.3s;}
.sec6 .board_list ul li:hover{border-color: #000;}
.sec6 .board_list ul li a{display: flex; justify-content: space-between; align-items: center; padding: 40px 0;}
.sec6 .board_list ul li:first-child a{padding-top: 0 !important;}
.sec6 .board_list ul li a:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #000; opacity: 0; transition: all 0.3s;}
.sec6 .board_list ul li a:hover:before{opacity: 1;}
.sec6 .board_list ul li a span{display: inline-block;}
.sec6 .board_list ul li a .left{display: flex; align-items: center; gap:30px; width: 85%;}
.sec6 .board_list ul li a .board{padding: 7px 0; width: 75px; font-size: 16px; letter-spacing: -0.5px; font-weight: 600; border-radius: 50px; text-align: center;}
.sec6 .board_list ul li a .board.notice{background: #D1D1D1;}
.sec6 .board_list ul li a .board.news{background: #6A5050; color: #fff;}
.sec6 .board_list ul li a .tit{width: calc(100% - 30px - 75px); font-size: 24px; letter-spacing: -0.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec6 .board_list ul li a .date{font-size: 20px; letter-spacing: -0.5px; opacity: 0.7; text-align: right;}
.main_no_data.notice{width: 100%; padding: 0; margin-top: 0; text-align: center;background: none; border-radius: 0; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; height: 550px;}
.main_no_data.notice img{filter:invert(0);}
.main_no_data.notice p{color: #000;}

/* sec7 */
.sec7{padding: 150px 0 130px;}
.sec7 .partner_swiper2{margin-top: 30px;}
.sec7 .swiper .swiper-wrapper{transition-timing-function: linear;}
.sec7 .swiper .swiper-slide{width: 228px; opacity: 0.3; filter: grayscale(100%); transition: all 0.3s;}
.sec7 .swiper .swiper-slide:hover{opacity: 1; filter: grayscale(0%);}
.sec7 .swiper .swiper-slide img{width: 100%;}

/* footer  */
.footer{background: #000; padding: 70px 0;}
#sub_content.board + .footer{border-top: 1px solid rgba(255, 255, 255, 0.50);}
.footer *{font-size: 16px; letter-spacing: -0.4px; color: #fff;}
.ft_logo img{width: 90px;}
.ft_cont{margin-top: 35px; display: flex; justify-content: space-between;}
.ft_cont .info ul li{line-height: 1.6;}
.ft_cont .info ul li span{color: #BEBEBE; display: inline-block;}
.ft_cont .info ul li span + span{margin-left: 18px;}
.ft_cont .info .copy{margin-top: 35px;}
.ft_cont .use a{display: inline-block;}
.ft_cont .use a + a{margin-left: 20px; color: #BEBEBE;}
.ft_cont .sns{margin-top: 30px; display: flex; justify-content: flex-end; gap: 15px;}
.ft_cont .sns a img{width: 40px;}





@media screen and (max-width:1620px){

	/* 공통 */
	.inner{max-width:100%; padding: 0 2.47vw;}


	/* HEADER */
	.header{height:4.94vw; padding: 0;}
	.header h1 a img{width: 5.56vw;}
	.header .gnb{gap:5.56vw;}
	.header .gnb > li > a{font-size: 0.99vw; letter-spacing: -0.02vw;}
	.header .gnb_2depth{top:4.94vw; width: 12.35vw; padding: 1.85vw;}
	.header .gnb_2depth li + li{margin-top:0.93vw;}
	.header .gnb_2depth li a{font-size: 0.99vw;}
	.all_menu_btn{width: 1.54vw;}

	/* all menu */
	.all_menu_bg{width: 2.84vw; height: 2.84vw; left: calc(97% - 1.42vw); top: 2.84vw;}
	.all_menu .inner{max-width: 100%; padding: 0 2.47vw;}
	.all_menu_tp{padding-top: 4.32vw;}
	.all_menu_tp .logo{width: 7.41vw;}
	.all_menu_close{width:2.78vw; margin-right: -0.7vw;}
	.all_menu_cont{padding-top: 11.73vw; gap:0; justify-content: space-between;}
	.all_menu_cont h3{font-size: 2.27vw;}
	.all_menu_list{gap:3.94vw;}
	.all_menu_list dt{margin-bottom: 0.62vw;}
	.all_menu_list dt a{font-size:1.48vw;}
	.all_menu_list dd + dd{margin-top:0.62vw;}
	.all_menu_list dd a{font-size:1.11vw;}
	.all_menu_sns{bottom: 6.17vw; gap: 2.47vw; padding: 0 3.70vw;}
	.all_menu_sns a img{height: 1.42vw;}

	/* quick menu */
	.quick{right: 2.47vw; bottom: 2.47vw;}
	.quick ul li + li{margin-top: 0.62vw;}
	.quick ul li a{width: 3.70vw; height: 3.70vw;}
	.quick ul li a img{width: 1.54vw;}
	.quick ul li:first-child a img{width: 1.85vw;}
	.quick ul li.q_top_btn a img{width: 0.99vw;}

	/* visual */
	.main .visual .swiper-slide .txt{padding-top: 16.36vw;}
	.main .visual .swiper-slide .txt h2{font-size: 4.01vw; letter-spacing: -0.06vw;}
	.main .visual .swiper-slide .txt p{margin-top: 1.85vw; font-size: 1.36vw; letter-spacing: -0.05vw;}
	.main .vis_scrollbar_wrap{top: 34.88vw; left: 0; max-width: 100%; transform:translateX(0); padding: 0 2.47vw;}
	.main .vis_scrollDown{bottom: 3.70vw;}
	.main .vis_scrollDown a{width: 3.70vw; height: 3.70vw;}
	.main .vis_scrollDown .circle img{height: 0.93vw;}
	.main .vis_scrollDown p{font-size: 0.99vw; letter-spacing: -0.03vw; margin-top: 0.80vw;}

	/* section */
	.main_tit em{font-size: 1.23vw; letter-spacing: -0.03vw;}
	.main_tit h3{margin-top: 0.93vw; font-size: 3.40vw; letter-spacing: -0.12vw;}
	.main_tit .more_btn{margin-top: 3.70vw;}
	.more_btn{width: 10.86vw; height: 10.86vw; gap: 0.62vw;}
	.more_btn span{font-size: 1.05vw;}
	.more_btn i{width: 1.42vw; height: 0.99vw;}
	#cursor_div .cursor{gap: 0.62vw;}
	#cursor_div .cursor.on{width: 10.86vw; height: 10.86vw;}
	#cursor_div .cursor.on span{font-size: 1.05vw;}
	#cursor_div .cursor.on i{width: 1.42vw; height: 0.99vw;}

	/* sec1, sec2 */
	.list_section .main_tit{padding-top: 12.35vw;}
	.list_section .list{gap:3.09vw;}
	.list_section .list ul.odd{margin-top: -24.07vw;}
	.list_section .list ul li + li{margin-top: 3.70vw;}
	.list_section .list ul li .img{width: 23.77vw; height: 33.33vw; border-radius: 0 0 3.09vw 0;}
	.list_section .list ul li .txt{padding: 1.85vw;}
	.list_section .list ul li .txt .stat{width: 4.32vw; line-height: 1.73vw; font-size: 0.93vw;}
	.list_section .list ul li .txt p{margin-top: 1.23vw; font-size: 1.73vw; letter-spacing: -0.06vw;}
	.sec1::before, .sec2::before{font-size: 9.88vw; letter-spacing: -0.03vw; bottom: 0.62vw;}
	.main_no_data{width: 50.62vw; padding: 16.05vw 0; margin-top: 12.35vw; border-radius: 0 0 3.09vw 0;}
	.main_no_data img{width: 2.35vw;}
	.main_no_data p{font-size: 1.23vw; margin-top: 1.54vw;}

	/* sec3 */
	.sec3 .play{width: 5.56vw; height: 5.56vw;}
	.sec3 .play img{width: 1.48vw;}

	/* sec3-1 */
	.sec3-1{padding: 10.49vw 0;}
	.sec3-1 .inner{gap: 6.64vw;}
	.sec3-1 .swiper_wrap{margin-left: -25.22vw; width: 82.41vw;}
	.sec3-1 .swiper .swiper-slide{padding: 0 1.85vw;}
	.sec3-1 .swiper .swiper-slide a{height: 33.40vw; border-radius: 0 0 3.09vw 0;}
	.sec3-1 .swiper .swiper-slide a .txt{left: 1.85vw; right: 1.85vw; bottom: 1.85vw; font-size: 1.73vw; letter-spacing: -0.06vw;}
	.sec3-1 .swiper .bot{margin-top: 2.97vw; gap: 2.47vw; padding-left: 10.42vw;}
	.sec3-1 .swiper .bot .arrow{gap: 0.62vw;}
	.sec3-1 .swiper .bot .arrow div{width: 1.48vw;}
	.sec3-1 .swiper .bot .scrollbar{width: 22.84vw;}
	.sec3-1 .main_tit p{margin-top: 1.85vw; font-size: 1.36vw; letter-spacing: -0.03vw;}

	/* sec4 */
	.sec4{padding: 12.04vw 0;}
	.sec4_swiper{margin-top: 9.88vw;}
	.sec4_swiper .swiper-slide *{font-size: 1.11vw;}
	.sec4_swiper .swiper-slide .num{letter-spacing: -0.03vw;}
	.sec4_swiper .swiper-slide h4{font-size: 2.16vw !important; margin: 1.23vw 0 0.31vw; letter-spacing: -0.06vw !important;}
	.sec4_swiper .swiper-slide p{margin-top: 1.85vw;}
	.sec4_swiper .arrow{margin-top: 4.14vw; gap:1.23vw;}
	.sec4_swiper .arrow div{width: 5.56vw; height: 5.56vw;}
	.sec4_swiper .arrow div img{height: 0.99vw;}

	.sec4 .img_area{width: 43%; height: 33.95vw;}
	.sec4_img .item .img{border-radius:3.09vw 0 3.09vw 0; width: 40.12vw; height: 24.69vw;}

	/* sec5 */
	.sec5_cont{top: 3.09vw;}
	.sec5_cont .txt em{font-size: 1.11vw;}
	.sec5_cont .txt h3{font-size: 2.78vw; margin: 0.93vw 0 3.70vw; letter-spacing: -0.06vw;}
	.sec5_cont .txt p{font-size: 1.36vw; letter-spacing: -0.03vw;}

	/* sec6 */
	.sec6{margin-top: -9.26vw;}
	.sec6 .main_tit h3{margin: 0 0 0.93vw;}
	.sec6 .board_list{width: 67.90vw;}
	.sec6 .board_list ul li a{padding: 2.47vw 0;}
	.sec6 .board_list ul li a .left{gap:1.85vw;}
	.sec6 .board_list ul li a .board{padding: 0.43vw 0; width: 4.63vw; font-size: 0.99vw; letter-spacing: -0.03vw;}
	.sec6 .board_list ul li a .tit{width: calc(100% - 1.85vw - 4.63vw); font-size: 1.48vw; letter-spacing: -0.03vw;}
	.sec6 .board_list ul li a .date{font-size: 1.23vw; letter-spacing: -0.03vw;}
	.main_no_data.notice{height: 33.95vw;}

	/* sec7 */
	.sec7{padding: 9.26vw 0 8.02vw;}
	.sec7 .partner_swiper2{margin-top: 1.85vw;}
	.sec7 .swiper .swiper-slide{width: 14.07vw;}

	/* footer  */
	.footer{padding: 4.32vw 0;}
	.footer *{font-size: 0.99vw; letter-spacing: -0.02vw;}
	.ft_logo img{width: 5.56vw;}
	.ft_cont{margin-top: 2.16vw;}
	.ft_cont .info ul li span + span{margin-left: 1.11vw;}
	.ft_cont .info .copy{margin-top: 2.16vw;}
	.ft_cont .use a + a{margin-left: 1.23vw;}
	.ft_cont .sns{margin-top: 1.85vw; gap: 0.93vw;}
	.ft_cont .sns a img{width: 2.47vw;}

}



@media screen and (max-width:1280px){

	/* 공통 */
	.inner{max-width:100%; padding: 0 3.13vw;}

	/* HEADER */
	.header{height:5.42vw; padding: 0;}
	.header h1 a img{width: 6.05vw;}
	.header .gnb{gap:4.55vw;}
	.header .gnb > li > a{font-size: 1.22vw; letter-spacing: -0.00vw;}
	.header .gnb_2depth{top:5.42vw; width: 14.34vw; padding: 1.88vw;}
	.header .gnb_2depth li + li{margin-top:0.94vw;}
	.header .gnb_2depth li a{font-size: 1.22vw;}
	.all_menu_btn{width: 1.76vw;}

	/* all menu */
	.all_menu_bg{width: 2.81vw; height: 2.81vw; left: calc(97% - 1.41vw); top: 2.81vw;}
	.all_menu .inner{padding: 0 3.13vw;}
	.all_menu_tp{padding-top: 4.30vw;}
	.all_menu_tp .logo{width: 7.42vw;}
	.all_menu_close{width:2.81vw; margin-right: -0.70vw;}
	.all_menu_cont{padding-top: 11.72vw;}
	.all_menu_cont h3{font-size: 2.17vw;}
	.all_menu_list{gap:3.51vw;}
	.all_menu_list dt{margin-bottom: 0.63vw;}
	.all_menu_list dt a{font-size:1.58vw;}
	.all_menu_list dd + dd{margin-top:0.63vw;}
	.all_menu_list dd a{font-size:1.29vw;}
	.all_menu_sns{bottom: 6.17vw; gap: 2.50vw; padding: 0 3.13vw;}
	.all_menu_sns a img{height: 1.41vw;}

	/* quick menu */
	.quick{right: 2.50vw; bottom: 2.50vw;}
	.quick ul li + li{margin-top: 0.63vw;}
	.quick ul li a{width: 3.67vw; height: 3.67vw;}
	.quick ul li a img{width: 1.56vw;}
	.quick ul li:first-child a img{width: 1.88vw;}
	.quick ul li.q_top_btn a img{width: 1.02vw;}

	/* visual */
	.main .visual{height: 52.22vw;}
	.main .visual .swiper-slide .txt{padding-top: 16.33vw;}
	.main .visual .swiper-slide .txt h2{font-size: 3.98vw; letter-spacing: -0.08vw;}
	.main .visual .swiper-slide .txt p{margin-top: 1.88vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
	.main .vis_scrollbar_wrap{top: 34.84vw; left: 0; max-width: 100%; transform:translateX(0); padding: 0 3.13vw;}
	.main .vis_scrollDown{bottom: 3.67vw;}
	.main .vis_scrollDown a{width: 3.67vw; height: 3.67vw;}
	.main .vis_scrollDown .circle img{height: 1.24vw;}
	.main .vis_scrollDown p{font-size: 1.12vw; letter-spacing: -0.00vw; margin-top: 0.78vw;}

	/* section */
	.main_tit em{font-size: 1.25vw; letter-spacing: -0.00vw;}
	.main_tit h3{margin-top: 0.94vw; font-size: 3.44vw; letter-spacing: -0.16vw;}
	.main_tit .more_btn{margin-top: 3.67vw;}
	.more_btn{width: 10.86vw; height: 10.86vw; gap: 0.63vw;}
	.more_btn span{font-size: 1.12vw;}
	.more_btn i{width: 1.51vw; height: 1.12vw;}
	#cursor_div .cursor{gap: 0.63vw;}
	#cursor_div .cursor.on{width: 10.86vw; height: 10.86vw;}
	#cursor_div .cursor.on span{font-size: 1.12vw;}
	#cursor_div .cursor.on i{width: 1.51vw; height: 1.12vw;}

	/* sec1, sec2 */
	.list_section .main_tit{padding-top: 12.34vw;}
	.list_section .list{gap:3.13vw;}
	.list_section .list ul.odd{margin-top: -24.06vw;}
	.list_section .list ul li + li{margin-top: 3.67vw;}
	.list_section .list ul li .img{width: 23.75vw; height: 33.36vw; border-radius: 0 0 3.13vw 0;}
	.list_section .list ul li .txt{padding: 1.88vw;}
	.list_section .list ul li .txt .stat{width: 4.70vw; line-height: 1.92vw; font-size: 1.1vw;}
	.list_section .list ul li .txt p{margin-top: 1.25vw; font-size: 1.72vw; letter-spacing: -0.08vw;}
	.sec1::before, .sec2::before{font-size: 9.84vw; letter-spacing: -0.00vw; bottom: 0.63vw;}
	.main_no_data{width: 50.63vw; padding: 14.02vw 0; margin-top: 12.34vw; border-radius: 0 0 3.13vw 0;}
	.main_no_data img{width: 2.34vw;}
	.main_no_data p{font-size: 1.25vw; margin-top: 1.56vw;}

	/* sec3 */
	.sec3{height: 55.50vw;}
	.sec3 .play{width: 5.55vw; height: 5.55vw;}
	.sec3 .play img{width: 1.48vw;}

	/* sec3-1 */
	.sec3-1{padding: 10.47vw 0;}
	.sec3-1 .inner{gap: 6.67vw;}
	.sec3-1 .swiper_wrap{margin-left: -25.19vw; width: 82.42vw;}
	.sec3-1 .swiper .swiper-slide{padding: 0 1.88vw;}
	.sec3-1 .swiper .swiper-slide a{height: 33.44vw; border-radius: 0 0 3.13vw 0;}
	.sec3-1 .swiper .swiper-slide a .txt{left: 1.88vw; right: 1.88vw; bottom: 1.88vw; font-size: 1.72vw; letter-spacing: -0.08vw;}
	.sec3-1 .swiper .bot{margin-top: 2.90vw; gap: 2.50vw; padding-left: 11.71vw;}
	.sec3-1 .swiper .bot .arrow{gap: 0.63vw;}
	.sec3-1 .swiper .bot .arrow div{width: 1.48vw;}
	.sec3-1 .swiper .bot .scrollbar{width: 22.81vw;}
	.sec3-1 .main_tit p{margin-top: 1.88vw; font-size: 1.33vw; letter-spacing: -0.00vw;}

	/* sec4 */
	.sec4{padding: 12.03vw 0;}
	.sec4_swiper{margin-top: 9.84vw;}
	.sec4_swiper .swiper-slide *{font-size: 1.29vw;}
	.sec4_swiper .swiper-slide .num{letter-spacing: -0.00vw;}
	.sec4_swiper .swiper-slide h4{font-size: 2.19vw !important; margin: 1.25vw 0 0.31vw; letter-spacing: -0.08vw !important;}
	.sec4_swiper .swiper-slide p{margin-top: 1.88vw;}
	.sec4_swiper .arrow{margin-top: 4.14vw; gap:1.25vw;}
	.sec4_swiper .arrow div{width: 5.55vw; height: 5.55vw;}
	.sec4_swiper .arrow div img{height: 1.02vw;}
	.sec4 .img_area{width: 44%; height: 33.98vw;}
	.sec4_img .item .img{border-radius:3.13vw 0 3.13vw 0; width: 40.16vw; height: 24.69vw;}

	/* sec5 */
	.sec5_cont{top: 3.13vw;}
	.sec5_cont .txt em{font-size: 1.29vw;}
	.sec5_cont .txt h3{font-size: 2.81vw; margin: 0.94vw 0 3.67vw; letter-spacing: -0.08vw;}
	.sec5_cont .txt p{font-size: 1.43vw; letter-spacing: -0.00vw;}

	/* sec6 */
	.sec6{margin-top: -9.30vw;}
	.sec6 .main_tit h3{margin: 0 0 0.94vw;}
	.sec6 .board_list{width: 67.89vw;}
	.sec6 .board_list ul li a{padding: 2.50vw 0;}
	.sec6 .board_list ul li a .left{gap:1.88vw;}
	.sec6 .board_list ul li a .board{padding: 0.47vw 0; width: 4.91vw; font-size: 1.12vw; letter-spacing: -0.00vw;}
	.sec6 .board_list ul li a .tit{width: calc(100% - 1.88vw - 4.91vw); font-size: 1.48vw; letter-spacing: -0.00vw;}
	.sec6 .board_list ul li a .date{font-size: 1.25vw; letter-spacing: -0.00vw;}
	.main_no_data.notice{height: 33.98vw;}

	/* sec7 */
	.sec7{padding: 9.30vw 0 8.05vw;}
	.sec7 .partner_swiper2{margin-top: 1.88vw;}
	.sec7 .swiper .swiper-slide{width: 14.06vw;}

	/* footer  */
	.footer{padding: 4.30vw 0;}
	.footer *{font-size: 1.22vw; letter-spacing: -0.01vw;}
	.ft_logo img{width: 6.05vw;}
	.ft_cont{margin-top: 2.19vw;}
	.ft_cont .info ul li span + span{margin-left: 1.09vw;}
	.ft_cont .info .copy{margin-top: 2.19vw;}
	.ft_cont .use a + a{margin-left: 1.25vw;}
	.ft_cont .sns{margin-top: 1.88vw; gap: 0.94vw;}
	.ft_cont .sns a img{width: 2.70vw;}

}



@media screen and (max-width:768px){

	/* 공통 */
	.inner{padding: 0 5.21vw;}
	.pc{display:none !important;}
	.mob{display:block !important;}
	body::-webkit-scrollbar{display: none;}


	/* HEADER */
	.header{height:13.02vw;}
	.header h1 a img{width: 15.63vw;}
	.header .gnb{display: none;}
	.all_menu_btn{display: none;}
	.head_mob_btn{display: block !important; width: 4.69vw; cursor:pointer;}

    /* sideMenu */
    .head_bg {position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
    .head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding: 19.01vw 5.21vw; width: 87.24vw; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 6.51vw; right: 5.21vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 3.65vw;}
    .head_bg .head_bg_logo a{display: block;}
    .head_bg .head_bg_logo img {width:18.23vw;}
    .head_bg .accordion_wrap{margin-top: 7.81vw; max-height: 90%; overflow-y: auto; padding-right: 1.95vw; margin-right: -1.95vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 2px; /* 스크롤바의 너비 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius:0.65vw;}
    .head_bg #accordion {border-top: 1px solid #E7E7E7;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 5.73vw 0; border-bottom: 1px solid #E7E7E7; cursor: pointer; font-weight: 600; letter-spacing: -0.13vw;}
    .head_bg #accordion li > div::after {content: ""; background: url("/img/main/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 2.76vw; height: 1.56vw; transition:all 0.3s; filter:brightness(0);}
    .head_bg #accordion li > div.no_child{padding: 0;}
    .head_bg #accordion li > div.no_child a{padding: 5.73vw 0; display: block;}
    .head_bg #accordion li > div.no_child::after{transform: rotate(-90deg); transform-origin: top;}
    .head_bg .submenu {display: none; padding: 5.73vw 5.47vw; border-bottom: 1px solid #E7E7E7; background: #FAFAFA;}
    .head_bg .submenu li + li{margin-top: 1.60vw;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; line-height: 1.7; letter-spacing: -0.13vw; color: #6D6D6D;}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; color: #E72116;}
    .head_bg #accordion li.on > div{color: #E72116;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:brightness(1);}

	/* quick menu */
	.quick{right: 5.21vw; bottom: 5.21vw;}
	.quick ul li + li{margin-top: 2.60vw;}
	.quick ul li a{width: 13.02vw; height: 13.02vw;}
	.quick ul li a img{width: 5.26vw;}
	.quick ul li:first-child a img{width: 5.91vw;}
	.quick ul li.q_top_btn a img{width: 4.08vw;}

	/* visual */
	.main .visual{height: 151.04vw;}
	.main .visual .swiper-slide .txt{padding-top: 39.06vw; text-align: center;}
	.main .visual .swiper-slide .txt h2{font-size: 9.11vw; letter-spacing: -0.13vw;}
	.main .visual .swiper-slide .txt p{margin-top: 5.21vw; font-size: 4.17vw; letter-spacing: -0.10vw;}
	.main .vis_scrollbar_wrap{top: 83.59vw; padding: 0 5.21vw;}
	.main .visual .more_btn.blur{margin: 27.86vw auto 0; animation-delay:0.6s;}
	.main .visual .swiper-slide-active .txt-ani .more_btn.blur *{animation: none;}

	/* section */
	.main_tit em{font-size: 4.17vw; letter-spacing: -0.07vw;}
	.main_tit h3{margin-top: 2.60vw; font-size: 8.33vw; letter-spacing: -0.26vw;}
	.main_tit .more_btn{margin-top: 7.81vw;}
	.more_btn{width: 26.04vw; height: 26.04vw; gap: 1.30vw;}
	.more_btn span{font-size: 3.26vw;}
	.more_btn i{width: 4.17vw; height: 2.86vw;}
	.more_btn.blur{display: flex;}
	#cursor_div{display: none;}

	/* sec1, sec2 */
	.list_section{height: auto !important; padding: 23.44vw 0 20.83vw;}
	.list_section .inner{flex-direction: column; position: relative; gap: 14.32vw; padding-bottom: 36.46vw;}
	.list_section .main_tit{padding-top: 0;}
	.list_section .more_btn{position: absolute; left: 50%; transform:translate(-50%,100px) !important; bottom: 0;}
	.list_section .more_btn.aos-animate{transform:translate(-50%, 0) !important;}
	.list_section .list{gap:0;}
	.list_section .list ul li + li{margin-top: 0;}
	.list_section .list ul li{width: 70.31vw; height: 98.96vw; border-radius: 0 0 6.51vw 0; overflow: hidden; margin-right: 5.21vw;}
	.list_section .list ul li .img{width: 100%; height: 100%; border-radius: 0;}
	.list_section .list ul li .txt{padding: 6.51vw 5.21vw;}
	.list_section .list ul li .txt .stat{width: 14.32vw; line-height: 6vw; font-size: 3.26vw;}
	.list_section .list ul li .txt p{margin-top: 2.60vw; font-size: 4.69vw; letter-spacing: -0.13vw; line-height: 1.33;}
	.sec2{background: #141A1D;}
	.sec1::before, .sec2::before{display: none;}
	.main_no_data{width: 100%; height: 98.96vw; padding: 0; margin-top: 0; border-radius: 0; background: none; border-top: 1px solid #ffffff60; border-bottom: 1px solid #ffffff60;}
	.main_no_data img{width: 6.95vw;}
	.main_no_data p{font-size: 3.65vw; margin-top: 3.26vw;}

	/* sec3 */
	.sec3{height: 0; position:relative; padding-bottom:56.25%;}
	.sec3 iframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index: -1; transition: all 0.1s 1.5s}
	/* .sec3.on iframe{z-index: 10;} */
	.sec3 .play{width: 15.63vw; height: 15.63vw;}
	.sec3 .play img{width: 4.17vw;}

	/* sec3-1 */
	.sec3-1{padding: 23.44vw 0 20.83vw;}
	.sec3-1 .inner{gap: 14.32vw; flex-direction: column-reverse; align-items: flex-start; position: relative; padding-bottom: 36.46vw;}
	.sec3-1 .swiper_wrap{margin-left: 0; width: 100%; transition-delay: .3s;}
	.sec3-1 .swiper{overflow: initial;}
	.sec3-1 .swiper .swiper-slide{padding: 0; width: 70.31vw; margin-right: 5.21vw;}
	.sec3-1 .swiper .swiper-slide a{height: 98.96vw; border-radius: 0 0 6.51vw 0;}
	.sec3-1 .swiper .swiper-slide a .txt{left: 5.21vw; right: 5.21vw; bottom: 6.51vw; font-size: 4.69vw; letter-spacing: -0.13vw;}
	.sec3-1 .swiper .bot{margin-top: 6.51vw; gap: 5.21vw; padding-left: 0;}
	.sec3-1 .swiper .bot .arrow{gap: 1.30vw; display: none;}
	.sec3-1 .swiper .bot .arrow div{width: 3.13vw;}
	.sec3-1 .swiper .bot .scrollbar{width: 100%;}
	.sec3-1 .main_tit p{margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
	.sec3-1 .main_tit .more_btn{position: absolute; left: 50%; transform: translate(-50%, 100px) !important; bottom: 0;}
	.sec3-1 .main_tit .more_btn.aos-animate{transform:translate(-50%, 0) !important;}

	/* sec4 */
	.sec4{padding: 23.44vw 0; background-image: url(/img/main/sec4_bg_mob.png);}
	.sec4 .inner{flex-direction: column; align-items: flex-start;}
	.sec4 .txt_area{width: 100%;}
	.sec4_swiper{margin-top: 20.83vw;}
	.sec4_swiper .swiper-slide *{font-size: 3.65vw; letter-spacing: -0.07vw;}
	.sec4_swiper .swiper-slide h4{font-size: 6.35vw !important; margin: 2.60vw 0 0.65vw; letter-spacing: -0.13vw !important;}
	.sec4_swiper .swiper-slide p{margin-top: 3.91vw; font-size: 3.39vw;}
	.sec4_swiper .arrow{margin-top: 6.51vw; gap:2.60vw;}
	.sec4_swiper .arrow div{width: 11.72vw; height: 11.72vw;}
	.sec4_swiper .arrow div img{height: 2.86vw;}
	.sec4 .img_area{width: 100%; height: 71.61vw; margin: 15.63vw 0 0 4.8vw;}
	.sec4_img .item .img{border-radius:6.51vw 0 6.51vw 0; width: 76.64vw; height: 55.08vw;}

	/* sec5 */
	.sec5{background: url(/img/main/sec5_bg_mob.jpg) no-repeat center / cover; height: auto; padding: 23.44vw 0;}
	.sec5_cont{position: initial; transform: translateX(0);}
	.sec5_cont .txt em{font-size: 3.65vw;}
	.sec5_cont .txt h3{font-size: 7.81vw; margin: 2.60vw 0 7.81vw; letter-spacing: -0.13vw;}
	.sec5_cont .txt p{font-size: 3.65vw; letter-spacing: -0.07vw;}
	.sec5_cont .txt .more_btn{margin: 11.72vw auto 0;}

	/* sec6 */
	.sec6{margin-top: 0; padding-top: 23.44vw;}
	.sec6 .inner{flex-direction: column; gap:10.42vw; position: relative; padding-bottom: 36.46vw;}
	.sec6 .main_tit h3{margin: 0 0 2.6vw;}
	.sec6 .more_btn{position: absolute; left: 50%; transform:translate(-50%, 100px) !important; bottom: 0;}
	.sec6 .more_btn.aos-animate{transform:translate(-50%, 0) !important;}
	.sec6 .board_list{width: 100%;}
	.sec6 .board_list ul li a{padding: 5.21vw 0;}
	.sec6 .board_list ul li:first-child a{padding-top: 5.21vw !important;}
	.sec6 .board_list ul li a .left{gap: 5.21vw; width: 80%;}
	.sec6 .board_list ul li a .board{padding: 1.21vw 0; width: 14.32vw; font-size: 3.26vw; letter-spacing: -0.07vw;}
	.sec6 .board_list ul li a .tit{width: calc(100% - 5.21vw - 14.32vw); font-size: 3.65vw; letter-spacing: -0.07vw;}
	.sec6 .board_list ul li a .date{font-size: 3.26vw; letter-spacing: -0.07vw;}
	.main_no_data.notice{height: 71.61vw;}

	/* sec7 */
	.sec7{padding: 20.83vw 0;}
	.sec7 .partner_swiper2{margin-top: 5.21vw;}
	.sec7 .swiper .swiper-slide{width: 39.06vw;}

	/* footer  */
	.footer{padding: 13.02vw 0;}
	.footer *{font-size: 3.65vw; letter-spacing: -0.08vw;}
	.ft_logo img{width: 15.63vw;}
	.ft_cont{margin-top: 6.51vw; flex-direction: column;}
	.ft_cont .info ul li span + span{margin-left: 2.60vw;}
	.ft_cont .info .copy{margin-top: 5.21vw;}
	.ft_cont .link{margin-top: 7.81vw; padding-top: 7.81vw; border-top: 1px solid #ffffff50;}
	.ft_cont .use a + a{margin-left: 2.60vw;}
	.ft_cont .sns{margin-top: 3.91vw; gap: 2.60vw; justify-content: flex-start;}
	.ft_cont .sns a img{width: 7.81vw;}

}