/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto;}
.en{font-family: 'Outfit' !important;}
.kr{font-family: 'Pretendard' !important;}
.gra_bg{background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%);}
.gra_txt{background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bl_txt{color: #254AC2;}

:root {
	--color-blue : #254AC2;
	--font-out : 'Outfit' !important;
	--font-pre : 'Pretendard' !important;
    --border-color : #E3E3E3;
    --filter-white : brightness(0) invert(1);;
}


/* HEADER */
.header{height:100px; position:fixed; top:0; z-index:5000; width:100%;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img{width: 180px;}
.header .gnb_wrap{height: 100%;}
.header .gnb{display:flex; gap:100px; height: 100%;}
.header .gnb > li{position:relative; height: 100%;}
.header .gnb > li > a{font-size: 18px; color: #FFF; font-weight: 600; letter-spacing: -0.4px; height: 100%; display: flex; align-items: center;}
.header .gnb > li:hover > a{text-decoration: underline 2px; text-underline-offset:10px;}
.header .gnb_2depth_bg {position:absolute; width:100%; /* height: 210px; */ height: 0; background: #FFF; /* bottom:-210px; */ top: 100%; left:0; overflow: hidden; visibility: hidden; /* display:none; */ border-top: 1px solid #E3E3E3; transition: all .3s; transform-origin: top;}
.header .gnb_2depth_bg .inner{position:relative;}
.header .gnb_2depth{position:absolute; top:135px; left: 50%; transform:translateX(-50%); /* display:none; */ text-align: center; overflow: hidden; height: 0; transition: all .3s; transition-delay: 0.2s;}
.header .gnb_2depth li + li{margin-top:10px;}
.header .gnb_2depth li a{font-size: 16px; letter-spacing: -0.6px; color: #6D6D6D; white-space: nowrap;}
.header .gnb_2depth li a:hover{color: #C999E5; text-decoration: underline;}
.hd_member{display: flex; align-items: center; gap: 20px;}
.hd_member a{font-size: 16px; color: #fff;}
.hd_member a.login{font-weight: 600;}
.hd_member a.login img{width: 20px; display: inline-block; margin: -3px 10px 0 0;}
.hd_member .line{display: inline-block; width: 1px; height: 10px; background: #E3E3E3;}
.head_bg{display:none !important;}
.head_mob_btn{display: none;}

.header:hover{background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%);}
.header .gnb_wrap:hover .gnb_2depth{/* display:block; */ height: auto;}
.header .gnb_wrap:hover .gnb_2depth_bg{/* display:block; */ visibility: visible; height: 210px;}
.header.fixed{background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%);}

.header .lan {position: relative; cursor: pointer;}
.header .lan .tit {display: flex; align-items: center; justify-content: center;}
.header .lan .tit img {width: 22px;}
.header .lan ul {display: none; min-width: 65px; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 12px); border: 1px solid #E3E3E3; background: #fff; width: 100%;}
.header .lan ul a {display: block; height: 33px; line-height: 33px; text-align: center; font-size: 14px; font-weight: 600; color: #838383;}
.header .lan ul li.on a {color: #254AC2;}
.header .lan ul li + li {border-top: 1px solid #E3E3E3;}


/* quick menu */
.quick{position: fixed; right: 50px; bottom: 50px; z-index: 1000;}
.quick .top_btn{width: 60px; height: 60px; border-radius:50%; background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.quick .top_btn img{width: 27px;}


/* 메인 공통 */
.section{padding: 130px 0;}
.main_txt{margin-bottom: 60px;}
.main_txt.center{text-align: center;}
.main_txt .title{font-size: 60px; letter-spacing: -2px; font-weight: 600;}
.main_txt p{margin-top: 30px; font-size: 20px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.4; font-family: 'Pretendard';}
.view_btn{display: inline-block; font-size: 14px; letter-spacing: -0.4px; font-weight: 600; color: #fff; padding: 12px 25px 12px 32px; border-radius: 30px; border: 1px solid #fff; opacity: 0.8; line-height: 1.85; transition: all 0.3s;}
.view_btn i{display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url("/img/main/view_btn_ic.svg") no-repeat center / 100%; margin: -4px 0 0 10px; transition: all 0.3s;}
.swiper_arrow{display: flex; gap:10px;}
.swiper_arrow div{width: 50px; height: 50px; background: #fff; border-radius:50%; box-shadow: 0 7px 20px rgba(149, 157, 165, 0.20); display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all 0.3s;}
.swiper_arrow div img{width: 20px; transition:all 0.3s;}
.swiper_arrow div:hover{background: #254AC2;}
.swiper_arrow div:hover img{filter:invert(1);}


/* sec1 */
.main .sec1{height: 100vh; padding-top: 247px; color: #fff; overflow: hidden; position: relative; }
.main .sec1 .bg{position: relative; /* background: url("/img/main/vis_img.png") no-repeat center / cover; */ width: 100%; height: 100%; padding-top: 247px; color: #fff; animation: zoom-in 3s ease; position: absolute; left: 0; top: 0;}
.main .sec1 .bg::after {content: ""; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: .6;}
.main .sec1 .bg iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1.3);}
.main .sec1 .bg video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
@keyframes zoom-in {
	0%{transform:scale(1.3);}
	100%{transform:scale(1);}
}
.main .sec1 .count_wrap{display: flex; gap: 30px; padding: 16px 52px; border-radius: 50px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.10); letter-spacing: -0.6px; font-weight: 700; width: fit-content;}
.main .sec1 .count_wrap .item{display: flex; align-items: flex-end; gap:10px;}
.main .sec1 .count_wrap .count{font-size: 35px; line-height: 1;}
.main .sec1 .count_wrap #second{min-width: 42px; text-align: center;}
.main .sec1 .count_wrap span{font-size: 16px; line-height: 1.3;}
.main .sec1 .title{margin-top: 47px; font-size: 80px; letter-spacing: -2px; line-height: 1;}
.main .sec1 p{margin: 35px 0; font-size: 20px; letter-spacing: -0.6px; color: #E7E7E7; line-height: 1.3;}
.main .sec1 strong{font-size: 40px; letter-spacing: -0.6px; display: block;}
.main .sec1 a{display: inline-block; margin-top: 85px; padding: 16px 28px 16px 32px; border-radius: 50px; font-size: 20px; letter-spacing: -0.4px; font-weight: 700; color: #fff;}
.main .sec1 a i{display: inline-block; width: 20px; height: 20px; background: url("/img/main/vis_btn_ic.svg") no-repeat center / 100%; margin-left: 10px;}


/* sec2 */
.main .sec2{background: rgba(201, 153, 229, 0.10);}
.main .sec2 .main_txt .title{font-weight: 800; letter-spacing: -1.5px;}
.main .sec2 .main_txt p{margin-top: 25px; font-size: 24px; letter-spacing: -1px; color: #6D6D6D;}
.main .sec2 .wrap{display: flex; justify-content: space-between;}
.main .sec2 .tp{gap:40px;}
.main .sec2 .tp .box{width: calc(50% - 20px); border-radius: 20px; padding: 90px 60px 105px; color: #fff; position: relative; overflow: hidden;}
.main .sec2 .tp .box1{background: url("/img/main/sec2_box_img1.png") no-repeat center / cover;}
.main .sec2 .tp .box2{background: url("/img/main/sec2_box_img2.png") no-repeat center / cover;}
.main .sec2 .tp .box::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(96deg, rgba(201, 153, 229, 0.90) 9.95%, rgba(37, 74, 194, 0.90) 101.49%); position: absolute; left: 0; top: 0; opacity: 0; transition:all 0.3s;}
.main .sec2 .tp .box:hover::before{opacity: 1;}
.main .sec2 .tp .box:hover .view_btn{background: #fff; opacity: 1; border-color: #fff; color: #C999E5;}
.main .sec2 .tp .box:hover .view_btn i{background-image: url("/img/main/view_btn_ic_p.svg");}
.main .sec2 .tp .box .txt{position: relative; z-index: 10;}
.main .sec2 .tp .box em{font-size: 18px; letter-spacing: -0.6px; font-weight: 600;}
.main .sec2 .tp .box .tit{font-size: 40px; letter-spacing: -1px; margin: 10px 0; font-weight: 700;}
.main .sec2 .tp .box p{font-size: 20px; letter-spacing: -0.8px; font-weight: 500; color: rgba(255, 255, 255, 0.80); margin-bottom: 25px;}
.main .sec2 .bt{margin-top: 40px;}
.main .sec2 .bt .box{width: 32%; border-radius: 20px; background: #FFF; box-shadow: 0 10px 50px 0 rgba(182, 218, 198, 0.20); padding: 60px 45px 70px; position: relative;}
.main .sec2 .bt .box .top{display: flex; justify-content: space-between;}
.main .sec2 .bt .box .txt em{font-size: 18px; letter-spacing: -0.6px; font-weight: 600; color: #8E8E8E;}
.main .sec2 .bt .box .txt .tit{margin-top: 10px; font-size: 30px; letter-spacing: -1px; font-weight: 700; color: #222; transition:all 0.3s;}
.main .sec2 .bt .box .icon{width: 60px; height: 60px; transition:all 0.3s;}
.main .sec2 .bt .box .icon1{background: url("/img/main/sec2_box_ic1.svg") no-repeat center / 100%;}
.main .sec2 .bt .box .icon2{background: url("/img/main/sec2_box_ic2.svg") no-repeat center / 100%;}
.main .sec2 .bt .box .icon3{background: url("/img/main/sec2_box_ic3.svg") no-repeat center / 100%;}
.main .sec2 .bt .box .line{width: 100%; height: 1px; background: #E7E7E7; margin: 30px 0;}
.main .sec2 .bt .box p{font-size: 20px; letter-spacing: -0.8px; color: #8E8E8E; font-weight: 500;}
.main .sec2 .bt .box::before{content: ''; display: block; width: 100%; height: 100%; border: 3px solid #254AC2; border-radius: 20px; position: absolute; left: 0; top: 0; opacity: 0; transition:all 0.3s;}
/* .main .sec2 .bt .box:hover::before{opacity: 1;}
.main .sec2 .bt .box:hover .txt .tit{color: #254AC2;}
.main .sec2 .bt .box1:hover .icon{background-image: url("/img/main/sec2_box_ic1_ov.svg");}
.main .sec2 .bt .box2:hover .icon{background-image: url("/img/main/sec2_box_ic2_ov.svg");}
.main .sec2 .bt .box3:hover .icon{background-image: url("/img/main/sec2_box_ic3_ov.svg");} */
.main .sec2 .bt .box.on{background: #254AC2;}
.main .sec2 .bt .box.on *{color: #fff !important;}
.main .sec2 .bt .box.on .line{background: rgba(255, 255, 255, 0.50);}
.main .sec2 .bt .box.on .icon{background-image: url("/img/main/sec2_box_ic2_on.svg");}
.main .sec2 .bt .box .regi_btn{position: relative; z-index: 10; display: inline-block; padding: 8px 24px 8px 28px; border-radius: 30px; background: #254AC2; font-size: 16px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.85; color: #fff !important; margin: -7px 0 0 25px; vertical-align: middle; transform: skew(-0.1deg);}
.main .sec2 .bt .box .regi_btn i{display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url("/img/main/view_btn_ic_blue.svg") no-repeat center / 100%; margin: -2px 0 0 10px; filter:brightness(1000%);}
.main .sec2 .bt .box.on .regi_btn{background: #FFF; color: #254AC2 !important;}
.main .sec2 .bt .box.on .regi_btn i{filter:brightness(100%);}


/* sec3 */
.main .sec3{position: relative;}
.main .sec3::before{content: ''; display: block; width: 960px; height: 960px; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(201, 153, 229, 0.25) 0%, rgba(233, 214, 244, 0.25) 50%, rgba(255, 255, 255, 0.00) 100%); position: absolute; left: -208px; top: 163px; z-index: -1;}
.main .sec3 .inner{display: flex; justify-content: space-between;}
.main .sec3 .left .tabnav{display: flex; gap: 15px;}
.main .sec3 .left .tabnav a{display: inline-block; padding: 10px 40px; border-radius: 30px; border: 1px solid #8E8E8E; opacity: 0.8; font-size: 22px; letter-spacing: -0.4px; font-weight: 800; color: #8E8E8E;}
.main .sec3 .left .tabnav a.on{opacity: 1; background: #254AC2; color: #fff; border-color: #254AC2;}
.main .sec3 .left .swiper_arrow{margin-top: 55px; display: flex; gap:10px;}
.main .sec3 .right{width: 75%; min-height: 565px; position: relative;}
.main .sec3 .swiper{position: absolute; top: 0; left: 0; width: 1365px; overflow: hidden;}
.main .sec3 .swiper-slide:nth-of-type(even){margin-top: 90px;}
.main .sec3 .swiper-slide .img{border-radius:50%; overflow: hidden;}
.main .sec3 .swiper-slide .img img{width: 100%; height: 100%; object-fit:cover;}
.main .sec3 .swiper-slide .txt{margin-top: 35px; text-align: center; font-family: 'Pretendard';}
.main .sec3 .swiper-slide .txt span{font-size: 16px; letter-spacing: -0.8px; font-weight: 700; color: #fff; padding: 4px 20px; border-radius: 50px; background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%); line-height: 1.75; display: inline-block;}
.main .sec3 .swiper-slide .txt dl{color: #222;}
.main .sec3 .swiper-slide .txt dl dt{margin: 15px 0; font-size: 35px; letter-spacing: -1px; font-weight: 700;}
.main .sec3 .swiper-slide .txt dl dd{font-size: 18px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.55;}


/* sec4 */
.fix_img{position: relative; height: 700px; transform: initial !important; margin-left: auto; margin-right: auto;}
.fix_img .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.fix_img .bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("/img/main/sec4_bg.png") no-repeat center / cover;}
.main .sec4{position: relative;}
.main .sec4 .inner{position: absolute; top: 50%; transform:translateY(-50%); left: 0; right: 0;}
.main .sec4 .main_txt{color: #fff; margin-bottom: 0;}
.main .sec4 .view_btn{margin-top: 50px; border: none; position: relative;}
.main .sec4 .view_btn::before{content: ''; display: block; width: 100%; height: 100%; border-radius:50px; border: 1px solid #fff; position: absolute; left: 0; top: 0; opacity: 0.7;}
.main .sec4 .view_btn:hover{background: linear-gradient(96deg, #C999E5 9.95%, #254AC2 101.49%); opacity: 1;}
.main .sec4 .view_btn:hover::before{opacity: 0;}


/* sec5 */
.main .sec5 .tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;}
.main .sec5 .main_txt{margin-bottom: 0;}
.main .sec5 .main_txt .title{color: #fff;}
.main .sec5 .swiper_arrow div:hover{background: #C999E5;}
.main .sec5 .swiper_wrap{min-height: 520px; position: relative; margin-top: 60px;}
.main .sec5 .news_swiper{position: absolute; left: 0; top: 0; width: 1770px; overflow: hidden;}
.main .sec5 .news_swiper .swiper-slide{border-radius: 20px; overflow: hidden;}
.main .sec5 .news_swiper .swiper-slide .img{height: 280px;}
.main .sec5 .news_swiper .swiper-slide .img img{width: 100%; height: 100%; object-fit:cover;}
.main .sec5 .news_swiper .swiper-slide .txt{padding: 40px; background: #FFF; margin-top: -1px;}
.main .sec5 .news_swiper .swiper-slide .txt .title{font-size: 24px; letter-spacing: -1px; font-weight: 700; color: #222; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 70px; font-family: 'Pretendard'; line-height: 1.45;}
.main .sec5 .news_swiper .swiper-slide .txt .date{margin-top: 70px; font-size: 18px; letter-spacing: -0.4px; font-weight: 500; color: #999;}
.main .sec5 .news_swiper.noData{position: initial; width: 100%; height: 520px;}
.main .sec5 .news_swiper.noData .swiper-wrapper{height: 100%;}
.main_no_data{width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; border-top: 1px solid #ffffff60; border-bottom: 1px solid #ffffff60;}
.main_no_data img{width: 38px; filter:invert(1);}
.main_no_data p{font-size: 20px; font-weight: 500; margin-top: 25px; color: #fff;}


/* sec6 */
.main .sec6{background: #F2F4FA;}
.main .sec6 .spon_swiper1{margin-bottom: 30px;}
.main .sec6 .swiper .swiper-wrapper{transition-timing-function: linear; width: fit-content !important;}
.main .sec6 .swiper .swiper-slide{margin: 0 15px; width: 350px; border-radius: 20px; overflow: hidden; position: relative;}
.main .sec6 .swiper .swiper-slide a{display: block;}
.main .sec6 .swiper .swiper-slide a::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 20px; border: 3px solid #C999E5; position: absolute; left: 0; top: 0; opacity: 0; transition:all 0.3s;}
.main .sec6 .swiper .swiper-slide:hover a::before{opacity: 1;}


/* sec7 */
.main .sec7 .title{line-height: 1.1;}
.main .sec7 .title span{font-size: 18px; letter-spacing: -0.4px; font-weight: 500; color: #222; display: inline-block; vertical-align: bottom; margin-left: 20px; line-height: 1.85;}
.main .sec7 .insta_wrap{display: flex; gap:25px; flex-wrap: wrap;}
.main .sec7 .insta_wrap li{width: 18.75%; overflow: hidden;}
.main .sec7 .insta_wrap li a{display: block; border-radius: 20px; overflow: hidden; transform:translateX(100%); transition: all 1.2s; opacity: 0;}
.main .sec7 .insta_wrap li a img{width: 100%;}
.main .sec7.on .insta_wrap li a{transform:translateX(0); opacity: 1;}
.main .sec7.sec5 {background: #fff;}
.main .sec7.sec5 .title {color: #000;}
.main .sec7.sec5 .swiper-slide {border: 1px solid #e7e7e7;}
.main .sec7.sec5 .news_swiper .swiper-slide .txt {border-top: 1px solid #e7e7e7;}
.main .sec7.sec5 .news_swiper .main_no_data {border-color: #000;}
.main .sec7.sec5 .news_swiper .main_no_data p {color: #000;}
.main .sec7.sec5 .news_swiper .main_no_data img {filter: grayscale(100%) brightness(0);}


/* footer */
.footer{padding: 90px 0; background: #000;}
.footer *{color: #fff;}
.footer .inner{display: flex; justify-content: space-between;}
.footer .logo img{width: 220px;}
.footer .info{margin-top: 45px;}
.footer .info li + li{margin-top: 5px;}
.footer .info span{font-size: 18px; letter-spacing: -0.4px; line-height: 1.4; display: inline-block; font-family: 'Pretendard'; color: #F5F5F5;}
.footer .info span + span{margin-left: 30px;}
.footer .info span strong{font-weight: 800; color: #fff;}
.footer .info span b{font-weight: 500; color: #fff;}
.footer .right{text-align: right; display: flex; flex-direction: column; align-items: flex-end;}
.footer .use{margin-top: 30px;}
.footer .use a{font-size: 14px; letter-spacing: -0.4px;}
.footer .use a + a{margin-left: 25px; color: #E7E7E7;}
.footer .f_site{position: relative; width: 210px; margin-top: 95px;}
.footer .f_site .tit{font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.7); height: 45px; border: 1px solid #E3E3E3; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; transition: all 0.3s; cursor: pointer;}
.footer .f_site .tit span{opacity: 0.7;}
.footer .f_site .tit img{width: 9px; transition: all 0.3s;}
.footer .f_site.on .tit{background: #2A2A2A; border-color: #2A2A2A;}
.footer .f_site.on .tit img{transform:rotate(-180deg);}
.footer .f_site .list{display: none; position: absolute; left: 0; bottom: 50px; width: 100%; border: 1px solid #505050; background: #2A2A2A; padding: 30px 20px; text-align: left;}
.footer .f_site .list li + li{margin-top: 15px;}
.footer .f_site .list li a{font-size: 14px; color: #D9D9D9; font-family: 'Pretendard';}
.footer .f_site .list li a:hover{color: #FFF; font-weight: 500; text-decoration: underline; text-underline-offset:5px;}
.footer .copy{margin-top: 38px; font-size: 14px; letter-spacing: -0.8px;}





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


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


	/* HEADER */
	.header{height:6.17vw;}
	.header h1 a img{width: 11.11vw;}
	.header .gnb{gap:6.17vw;}
	.header .gnb > li > a{font-size: 1.11vw; letter-spacing: -0.02vw;}
	.header .gnb_2depth_bg {/* height: 12.96vw; */ bottom:-12.96vw;}
	.header .gnb_wrap:hover .gnb_2depth_bg {height: 12.96vw;}
	.header .gnb_2depth{top:8.33vw;}
	.header .gnb_2depth li + li{margin-top:0.62vw;}
	.header .gnb_2depth li a{font-size: 0.99vw; letter-spacing: -0.04vw;}
	.hd_member{gap: 1.23vw;}
	.hd_member a{font-size: 0.99vw;}
	.hd_member a.login img{width: 1.23vw; margin: -0.19vw 0.62vw 0 0;}
	.hd_member .line{height: 0.62vw;}


    .header .lan .tit img {width: 1.36vw;}
    .header .lan ul { min-width: 4.01vw; top: calc(100% + 0.74vw);}
    .header .lan ul a { height: 2.04vw; line-height: 2.04vw; font-size: 0.86vw;}

	/* quick menu */
	.quick{right: 2.47vw; bottom: 3.09vw;}
	.quick .top_btn{width: 3.70vw; height: 3.70vw;}
	.quick .top_btn img{width: 1.67vw;}


	/* 메인 공통 */
	.section{padding: 8.02vw 0;}
	.main_txt{margin-bottom: 3.70vw;}
	.main_txt .title{font-size: 3.70vw; letter-spacing: -0.12vw;}
	.main_txt p{margin-top: 1.85vw; font-size: 1.23vw; letter-spacing: -0.05vw;}
	.view_btn{font-size: 0.86vw; letter-spacing: -0.02vw; padding: 0.74vw 1.54vw 0.74vw 1.98vw;}
	.view_btn i{width: 0.93vw; height: 0.93vw; margin: -0.25vw 0 0 0.62vw;}
	.swiper_arrow{gap:0.62vw;}
	.swiper_arrow div{width: 3.09vw; height: 3.09vw; box-shadow: 0 0.43vw 1.23vw rgba(149, 157, 165, 0.20);}
	.swiper_arrow div img{width: 1.23vw;}


	/* sec1 */
	.main .sec1{padding-top: 15.25vw;}
	.main .sec1 .count_wrap{gap: 1.85vw; padding: 0.99vw 3.21vw; letter-spacing: -0.04vw;}
	.main .sec1 .count_wrap .item{gap:0.62vw;}
	.main .sec1 .count_wrap .count{font-size: 2.16vw;}
	.main .sec1 .count_wrap #second{min-width: 2.59vw;}
	.main .sec1 .count_wrap span{font-size: 0.99vw;}
	.main .sec1 .title{margin-top: 2.90vw; font-size: 4.94vw; letter-spacing: -0.12vw;}
	.main .sec1 p{margin: 2.16vw 0; font-size: 1.23vw; letter-spacing: -0.04vw;}
	.main .sec1 strong{font-size: 2.47vw; letter-spacing: -0.04vw;}
	.main .sec1 a{margin-top: 5.25vw; padding: 0.99vw 1.73vw 0.99vw 1.98vw; font-size: 1.23vw; letter-spacing: -0.02vw;}
	.main .sec1 a i{width: 1.23vw; height: 1.23vw; margin-left: 0.62vw;}


	/* sec2 */
	.main .sec2 .main_txt .title{letter-spacing: -0.09vw;}
	.main .sec2 .main_txt p{margin-top: 1.54vw; font-size: 1.48vw; letter-spacing: -0.06vw;}
	.main .sec2 .tp{gap:2.47vw;}
	.main .sec2 .tp .box{width: calc(50% - 1.23vw); border-radius: 1.23vw; padding: 5.56vw 3.70vw 6.48vw;}
	.main .sec2 .tp .box em{font-size: 1.11vw; letter-spacing: -0.04vw;}
	.main .sec2 .tp .box .tit{font-size: 2.47vw; letter-spacing: -0.06vw; margin: 0.62vw 0;}
	.main .sec2 .tp .box p{font-size: 1.23vw; letter-spacing: -0.05vw; margin-bottom: 1.54vw;}
	.main .sec2 .bt{margin-top: 2.47vw;}
	.main .sec2 .bt .box{width: 32%; border-radius: 1.23vw; padding: 3.70vw 2.78vw 4.32vw;}
	.main .sec2 .bt .box .txt em{font-size: 1.11vw; letter-spacing: -0.04vw;}
	.main .sec2 .bt .box .txt .tit{margin-top: 0.62vw; font-size: 1.85vw; letter-spacing: -0.06vw;}
	.main .sec2 .bt .box .icon{width: 3.70vw; height: 3.70vw;}
	.main .sec2 .bt .box .line{margin: 1.85vw 0;}
	.main .sec2 .bt .box p{font-size: 1.23vw; letter-spacing: -0.05vw;}
	.main .sec2 .bt .box::before{border-radius: 1.23vw;}
	.main .sec2 .bt .box .regi_btn{padding: 0.49vw 1.48vw 0.49vw 1.73vw; font-size: 0.99vw; letter-spacing: -0.02vw; margin: -0.43vw 0 0 1.54vw;}
	.main .sec2 .bt .box .regi_btn i{width: 0.93vw; height: 0.93vw; margin: -0.12vw 0 0 0.62vw;}


	/* sec3 */
	.main .sec3::before{width: 59.26vw; height: 59.26vw; left: -12.84vw; top: 10.06vw;}
	.main .sec3 .left .tabnav{gap: 0.93vw;}
	.main .sec3 .left .tabnav a{padding: 0.62vw 2.47vw; font-size: 1.36vw; letter-spacing: -0.02vw;}
	.main .sec3 .left .swiper_arrow{margin-top: 3.40vw; gap:0.62vw;}
	.main .sec3 .right{width: 75%; min-height: 31.88vw;}
	.main .sec3 .swiper{width: 74.26vw;}
	.main .sec3 .swiper-slide:nth-of-type(even){margin-top: 5.56vw;}
	.main .sec3 .swiper-slide .txt{margin-top: 2.16vw;}
	.main .sec3 .swiper-slide .txt span{font-size: 0.99vw; letter-spacing: -0.05vw; padding: 0.25vw 1.23vw;}
	.main .sec3 .swiper-slide .txt dl dt{margin: 0.93vw 0; font-size: 2.16vw; letter-spacing: -0.06vw;}
	.main .sec3 .swiper-slide .txt dl dd{font-size: 1.11vw; letter-spacing: -0.05vw;}


	/* sec4 */
	.fix_img{height: 43.21vw;}
	.main .sec4 .view_btn{margin-top: 3.09vw;}


	/* sec5 */
	.main .sec5 .swiper_wrap{min-height: 30.5vw; margin-top: 3.70vw;}
	.main .sec5 .news_swiper{width: 97.26vw;}
	.main .sec5 .news_swiper .swiper-slide{border-radius: 1.23vw;}
	.main .sec5 .news_swiper .swiper-slide .img{height: 15.28vw;}
	.main .sec5 .news_swiper .swiper-slide .txt{padding: 2.47vw;}
	.main .sec5 .news_swiper .swiper-slide .txt .title{font-size: 1.48vw; letter-spacing: -0.06vw; min-height: 4.32vw;}
	.main .sec5 .news_swiper .swiper-slide .txt .date{margin-top: 4.32vw; font-size: 1.11vw; letter-spacing: -0.02vw;}
	.main .sec5 .news_swiper.noData{height: 30.5vw;}
	.main_no_data img{width: 2.35vw;}
	.main_no_data p{font-size: 1.23vw; margin-top: 1.54vw;}


	/* sec6 */
	.main .sec6 .spon_swiper1{margin-bottom: 1.85vw;}
	.main .sec6 .swiper .swiper-slide{margin: 0 0.93vw; width: 21.60vw; border-radius: 1.23vw;}


	/* sec7 */
	.main .sec7 .title span{font-size: 1.11vw; letter-spacing: -0.02vw; margin-left: 1.23vw;}
	.main .sec7 .insta_wrap{gap:1.46vw;}
	.main .sec7 .insta_wrap li a{border-radius: 1.23vw;}


	/* footer */
	.footer{padding: 5.56vw 0;}
	.footer .logo img{width: 13.58vw;}
	.footer .info{margin-top: 2.78vw;}
	.footer .info li + li{margin-top: 0.31vw;}
	.footer .info span{font-size: 1.11vw; letter-spacing: -0.02vw;}
	.footer .info span + span{margin-left: 1.85vw;}
	.footer .use{margin-top: 1.85vw;}
	.footer .use a{font-size: 0.86vw; letter-spacing: -0.02vw;}
	.footer .use a + a{margin-left: 1.54vw;}
	.footer .f_site{width: 12.96vw; margin-top: 5.86vw;}
	.footer .f_site .tit{font-size: 0.86vw; height: 2.78vw; padding: 0 1.23vw;}
	.footer .f_site .tit img{width: 0.56vw;}
	.footer .f_site .list{bottom: 3.09vw; padding: 1.85vw 1.23vw;}
	.footer .f_site .list li + li{margin-top: 0.93vw;}
	.footer .f_site .list li a{font-size: 0.86vw;}
	.footer .f_site .list li a:hover{text-underline-offset:0.31vw;}
	.footer .copy{margin-top: 2.35vw; font-size: 0.86vw; letter-spacing: -0.05vw;}

}



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

	.main .sec1 .bg iframe {transform: scale(1.35);}
	@keyframes zoom-in {
		0%{transform:scale(1.35);}
		100%{transform:scale(1);}
	}

}



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


	/* 공통 */
	.inner{padding: 0 3.13vw;}

	/* HEADER */
	.header{height:7.81vw;}
	.header h1 a img{width: 12.06vw;}
	.header .gnb{gap:4.21vw;}
	.header .gnb > li > a{font-size: 1.41vw; letter-spacing: -0.01vw;}
	.header .gnb_2depth_bg {/* height: 17.41vw; */ bottom:-17.41vw;}
	.header .gnb_wrap:hover .gnb_2depth_bg {height: 17.41vw;}
	.header .gnb_2depth{top:10.55vw;}
	.header .gnb_2depth li + li{margin-top:0.78vw;}
	.header .gnb_2depth li a{font-size: 1.25vw; letter-spacing: -0.03vw;}
	.hd_member{gap: 1.56vw;}
	.hd_member a{font-size: 1.25vw;}
	.hd_member a.login img{width: 1.56vw; margin: -0.23vw 0.78vw 0 0;}
	.hd_member .line{height: 0.78vw;}

    .header .lan .tit img {width: 1.33vw;}
    .header .lan ul { min-width: 3.98vw; top: calc(100% + 0.70vw);}
    .header .lan ul a { height: 2.03vw; line-height: 2.03vw; font-size: 0.86vw;}


	/* quick menu */
	.quick{right: 3.13vw; bottom: 3.91vw;}
	.quick .top_btn{width: 4.69vw; height: 4.69vw;}
	.quick .top_btn img{width: 2.11vw;}


	/* 메인 공통 */
	.section{padding: 8.16vw 0;}
	.main_txt{margin-bottom: 4.69vw;}
	.main_txt .title{font-size: 4.09vw; letter-spacing: -0.16vw;}
	.main_txt p{margin-top: 2.34vw; font-size: 1.56vw; letter-spacing: -0.06vw;}
	.view_btn{font-size: 1.09vw; letter-spacing: -0.03vw; padding: 0.94vw 1.95vw 0.94vw 2.50vw;}
	.view_btn i{width: 1.17vw; height: 1.17vw; margin: -0.31vw 0 0 0.78vw;}
	.swiper_arrow{gap:0.78vw;}
	.swiper_arrow div{width: 3.91vw; height: 3.91vw; box-shadow: 0 0.55vw 1.56vw rgba(149, 157, 165, 0.20);}
	.swiper_arrow div img{width: 1.56vw;}


	/* sec1 */
	.main .sec1{padding-top: 19.30vw; height: 74vw;}
	.main .sec1 .count_wrap{gap: 2.34vw; padding: 1.25vw 4.06vw; letter-spacing: -0.05vw;}
	.main .sec1 .count_wrap .item{gap:0.78vw;}
	.main .sec1 .count_wrap .count{font-size: 2.73vw;}
	.main .sec1 .count_wrap #second{min-width: 3.28vw;}
	.main .sec1 .count_wrap span{font-size: 1.25vw;}
	.main .sec1 .title{margin-top: 3.67vw; font-size: 5vw; letter-spacing: -0.16vw;}
	.main .sec1 p{margin: 2.73vw 0; font-size: 1.56vw; letter-spacing: -0.05vw;}
	.main .sec1 strong{font-size: 3.13vw; letter-spacing: -0.05vw;}
	.main .sec1 a{margin-top: 6.64vw; padding: 1.25vw 2.19vw 1.25vw 2.50vw; font-size: 1.56vw; letter-spacing: -0.03vw;}
	.main .sec1 a i{width: 1.56vw; height: 1.56vw; margin-left: 0.78vw;}


	/* sec2 */
	.main .sec2 .main_txt .title{letter-spacing: -0.12vw;}
	.main .sec2 .main_txt p{margin-top: 1.95vw; font-size: 1.88vw; letter-spacing: -0.08vw;}
	.main .sec2 .tp{gap:3.13vw;}
	.main .sec2 .tp .box{width: calc(50% - 1.56vw); border-radius: 1.56vw; padding: 6.03vw 3.69vw 6.2vw;}
	.main .sec2 .tp .box em{font-size: 1.31vw; letter-spacing: -0.03vw;}
	.main .sec2 .tp .box .tit{font-size: 2.8vw; letter-spacing: -0.08vw; margin: 0.78vw 0;}
	.main .sec2 .tp .box p{font-size: 1.46vw; letter-spacing: -0.06vw; margin-bottom: 1.95vw;}
	.main .sec2 .bt{margin-top: 3.13vw;}
	.main .sec2 .bt .box{width: 32%; border-radius: 1.56vw; padding: 3.69vw 2vw 4.47vw;}
	.main .sec2 .bt .box .txt em{font-size: 1.31vw; letter-spacing: -0.03vw;}
	.main .sec2 .bt .box .txt .tit{margin-top: 0.78vw; font-size: 2.15vw; letter-spacing: -0.08vw;}
	.main .sec2 .bt .box .icon{width: 3.69vw; height: 3.69vw;}
	.main .sec2 .bt .box .line{margin: 2.34vw 0;}
	.main .sec2 .bt .box p{font-size: 1.4vw; letter-spacing: -0.06vw;}
	.main .sec2 .bt .box::before{border-radius: 1.56vw;}
	.main .sec2 .bt .box .regi_btn{padding: 0.43vw 1.28vw 0.43vw 1.5vw; font-size: 1.25vw; letter-spacing: -0.03vw; margin: -0.35vw 0 0 1.5vw;}
	.main .sec2 .bt .box .regi_btn i{width: 1.17vw; height: 1.17vw; margin: -0.16vw 0 0 0.78vw;}


	/* sec3 */
	.main .sec3::before{width: 75.00vw; height: 75.00vw; left: -16.25vw; top: 12.73vw;}
	.main .sec3 .left .tabnav{gap: 1.17vw;}
	.main .sec3 .left .tabnav a{padding: 0.78vw 2.63vw; font-size: 1.52vw; letter-spacing: -0.03vw;}
	.main .sec3 .left .swiper_arrow{margin-top: 4.30vw; gap:0.78vw;}
	.main .sec3 .right{width: 65%; min-height: 34.14vw;}
	.main .sec3 .swiper{width: 64.64vw;}
	.main .sec3 .swiper-slide:nth-of-type(even){margin-top: 7.03vw;}
	.main .sec3 .swiper-slide .txt{margin-top: 2.73vw;}
	.main .sec3 .swiper-slide .txt span{font-size: 1.25vw; letter-spacing: -0.06vw; padding: 0.31vw 1.56vw;}
	.main .sec3 .swiper-slide .txt dl dt{margin: 1.17vw 0; font-size: 2.23vw; letter-spacing: -0.08vw;}
	.main .sec3 .swiper-slide .txt dl dd{font-size: 1.41vw; letter-spacing: -0.06vw;}


	/* sec4 */
	.fix_img{height: 44.69vw;}
	.main .sec4 .view_btn{margin-top: 3.91vw;}


	/* sec5 */
	.main .sec5 .swiper_wrap{min-height: 30.63vw; margin-top: 4.69vw;}
	.main .sec5 .news_swiper{width: 96.28vw;}
	.main .sec5 .news_swiper .swiper-slide{border-radius: 1.56vw; width: 23.44vw; margin-right: 2.03vw;}
	.main .sec5 .news_swiper .swiper-slide .img{height: 14.88vw;}
	.main .sec5 .news_swiper .swiper-slide .txt{padding: 2.13vw;}
	.main .sec5 .news_swiper .swiper-slide .txt .title{font-size: 1.68vw; letter-spacing: -0.08vw; min-height: 4.9vw;}
	.main .sec5 .news_swiper .swiper-slide .txt .date{margin-top: 4.47vw; font-size: 1.31vw; letter-spacing: -0.03vw;}
	.main .sec5 .news_swiper.noData{height: 30.63vw;}
	.main_no_data img{width: 2.97vw;}
	.main_no_data p{font-size: 1.56vw; margin-top: 1.95vw;}


	/* sec6 */
	.main .sec6 .spon_swiper1{margin-bottom: 2.34vw;}
	.main .sec6 .swiper .swiper-slide{margin: 0 1.17vw; width: 22.34vw; border-radius: 1.56vw;}


	/* sec7 */
	.main .sec7 .title span{font-size: 1.41vw; letter-spacing: -0.03vw; margin-left: 1.56vw;}
	.main .sec7 .insta_wrap{gap:1.71vw;}
	.main .sec7 .insta_wrap li{width: 18.5%;}
	.main .sec7 .insta_wrap li a{border-radius: 1.56vw;}


	/* footer */
	.footer{padding: 7.03vw 0;}
	.footer .logo img{width: 17.19vw;}
	.footer .info{margin-top: 3.52vw;}
	.footer .info li + li{margin-top: 0.39vw;}
	.footer .info span{font-size: 1.41vw; letter-spacing: -0.03vw;}
	.footer .info span + span{margin-left: 2.34vw;}
	.footer .use{margin-top: 2.34vw;}
	.footer .use a{font-size: 1.09vw; letter-spacing: -0.03vw;}
	.footer .use a + a{margin-left: 1.95vw;}
	.footer .f_site{width: 16.41vw; margin-top: 7.42vw;}
	.footer .f_site .tit{font-size: 1.09vw; height: 3.52vw; padding: 0 1.56vw;}
	.footer .f_site .tit img{width: 0.9vw;}
	.footer .f_site .list{bottom: 3.91vw; padding: 2.34vw 1.56vw;}
	.footer .f_site .list li + li{margin-top: 1.17vw;}
	.footer .f_site .list li a{font-size: 1.09vw;}
	.footer .f_site .list li a:hover{text-underline-offset:0.39vw;}
	.footer .copy{margin-top: 2.97vw; font-size: 1.09vw; letter-spacing: -0.06vw;}

}



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

	/* 공통 */
	.pc{display: none !important;}
	.mob{display: block !important;}

	/* HEADER */
	.header{height:16.93vw;}
	.header h1 a img{width: 31.25vw;}
	.header .gnb_wrap{display: none;}
	.header .hd_member{display: none;}
	.head_mob_btn{display: block; width: 8.33vw; 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: 15.63vw 5.94vw; width: 87.24vw; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 5.21vw; right: 1.82vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 6.12vw;}
	.head_bg .logo a{display: block;}
    .head_bg .logo img {width:32.55vw;}
	.hd_member{gap: 3.39vw; margin-top: 9.11vw; display: revert;}
	.hd_member a{font-size: 3.13vw; color: #6D6D6D;}
	.hd_member a.login{color: #000;}
	.hd_member a.login img{width: 4.2vw; filter:invert(1); margin-left: -1.2vw;}
	.hd_member .line{height: 2.80vw;}
    .head_bg .accordion_wrap{margin-top: 5.21vw; max-height: 90%; overflow-y: auto; padding-right: 2vw; margin-right: -2vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 0.52vw; /* 스크롤바의 너비 */ 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: 0.13vw solid #E7E7E7;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 5.73vw 0; border-bottom: 0.13vw solid #E7E7E7; cursor: pointer; font-weight: 600; letter-spacing: -0.10vw;}
    .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.79vw; height: 1.58vw; transition:all 0.3s; filter:brightness(0);}
    .head_bg #accordion li > div.no_child::after{transform: rotate(-90deg); transform-origin: top;}
    .head_bg .submenu {display: none; padding: 6.12vw 5.73vw; border-bottom: 0.13vw solid #E7E7E7; background: rgba(201, 153, 229, 0.10);}
    .head_bg .submenu li + li{margin-top: 1.30vw;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 500; line-height: 1.7; letter-spacing: -0.05vw;}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 0.13vw; color: #254AC2;}
    .head_bg #accordion li.on > div{color: #254AC2;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:brightness(1);}
    .head_bg .mem_info {display: flex; align-items: flex-start; justify-content: space-between; gap: 0 4.17vw;}
    .head_bg .profile {width: 16.67vw; height: 16.67vw; overflow: hidden;}
    .head_bg .profile img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .head_bg .mem_info .name {font-size: 3.89vw;}
    .head_bg .mem_info .name strong {font-size: 5.00vw; margin-right: 1.82vw;}
    .head_bg .log_box {margin-top: 2.47vw; display: flex !important; align-items: center; gap: 0 1.95vw; padding: 0;}
    .head_bg .log_box a {margin: 0; width: 25.00vw; height: 9.69vw; text-align: center; display: block; line-height: 9.4vw; font-size: 3.89vw; font-weight: 700;}
    .head_bg .log_box a.logout {display: flex; align-items: center; justify-content: center; gap: 1vw; color: #fff; background: linear-gradient(95.56deg, #C999E6 9.95%, #254AC2 101.49%);	}
    .head_bg .log_box a.mypage {color: #000; background: #fff; border: 0.13vw solid #000;}

    .header .right.mob {display: flex !important; align-items: center; justify-content: flex-end; gap: 3.8190vw;}
    .header .lan .tit img {width: 6.2500vw;}
    .header .lan ul { min-width: 12.6vw; top: calc(100% + 3.70vw);}
    .header .lan ul a { height: 7.8125vw; line-height: 7.8125vw; font-size: 3.1250vw;}


	/* quick menu */
	.quick{bottom: 8.51vw;}
	.quick .top_btn{width: 10.42vw; height: 10.42vw;}
	.quick .top_btn img{width: 4.7vw;}


	/* 메인 공통 */
	.section{padding: 20.83vw 0;}
	.main_txt{margin-bottom: 10.42vw;}
	.main_txt .title{font-size: 8.59vw; letter-spacing: -0.26vw;}
	.main_txt p{margin-top: 4.27vw; font-size: 4.17vw; letter-spacing: -0.10vw; line-height: 1.42;}
	.view_btn{font-size: 3.13vw; letter-spacing: -0.05vw; padding: 2.60vw 4.17vw 2.60vw 5.21vw;}
	.view_btn i{width: 3.26vw; height: 3.26vw; margin: -0.56vw 0 0 1.90vw;}
	.swiper_arrow{gap:2.5vw;}
	.swiper_arrow div{width: 9.11vw; height: 9.11vw; box-shadow: 0 0.91vw 2.60vw rgba(149, 157, 165, 0.20);}
	.swiper_arrow div img{width: 3.4vw;}


	/* sec1 */
	.main .sec1{padding-top: 32.16vw; height: 169.27vw;}
	/* .main .sec1 .bg{background-image: url("/img/main/vis_img_mob.png");} */
	.main .sec1 .bg iframe {transform: scale(3.1);}
	@keyframes zoom-in {
		0%{transform:scale(3.1);}
		100%{transform:scale(1);}
	}
	.main .sec1 .count_wrap{gap: 5.21vw; padding: 2.93vw 6.77vw; letter-spacing: -0.08vw; width: 100%; justify-content: center;}
	.main .sec1 .count_wrap .item{gap:1.7vw;}
	.main .sec1 .count_wrap .count{font-size: 5.21vw;}
	.main .sec1 .count_wrap #second{min-width: 5.47vw;}
	.main .sec1 .count_wrap span{font-size: 3.13vw;}
	.main .sec1 .title{margin-top: 7.81vw; font-size: 9.11vw; letter-spacing: -0.26vw; line-height: 1.28;}
	.main .sec1 p{margin: 5.21vw 0; font-size: 3.65vw; letter-spacing: -0.08vw;}
	.main .sec1 p br{display: none;}
	.main .sec1 strong{font-size: 6vw; letter-spacing: -0.08vw;}
	.main .sec1 a{margin-top: 11.07vw; padding: 2.60vw 4.69vw 2.8vw 5.21vw; font-size: 3.65vw; letter-spacing: -0.05vw; line-height: 1.42;}
	.main .sec1 a i{width: 3.91vw; height: 3.91vw; margin-left: 1.60vw;}


	/* sec2 */
	.main .sec2 .main_txt .title{letter-spacing: -0.20vw;}
	.main .sec2 .main_txt p{margin-top: 4.27vw; font-size: 4.17vw; letter-spacing: -0.13vw;}
	.main .sec2 .wrap{flex-direction: column; gap:5.21vw;}
	.main .sec2 .tp{gap:5.21vw;}
	.main .sec2 .tp .box{width: 100%; border-radius: 3.91vw; padding: 13.02vw 7.81vw 13.67vw; line-height: 1.4;}
	.main .sec2 .tp .box em{font-size: 3.34vw; letter-spacing: -0.08vw;}
	.main .sec2 .tp .box .tit{font-size: 6.77vw; letter-spacing: -0.13vw; margin: 1.60vw 0;}
	.main .sec2 .tp .box p{font-size: 3.65vw; letter-spacing: -0.10vw; margin-bottom: 5.21vw;}
	.main .sec2 .bt{margin-top: 10.24vw;}
	.main .sec2 .bt .box{width: 100%; border-radius: 3.91vw; padding: 10.42vw 7.81vw 11.72vw; line-height: 1.4; box-shadow: 0 1.30vw 5.21vw 0 rgba(182, 218, 198, 0.20);}
	.main .sec2 .bt .box .txt em{font-size: 3.34vw; letter-spacing: -0.08vw;}
	.main .sec2 .bt .box .txt .tit{margin-top: 1.60vw; font-size: 5.73vw; letter-spacing: -0.13vw;}
	.main .sec2 .bt .box .icon{width: 10.42vw; height: 10.42vw;}
	.main .sec2 .bt .box .line{margin: 5.21vw 0;}
	.main .sec2 .bt .box p{font-size: 3.65vw; letter-spacing: -0.10vw;}
	.main .sec2 .bt .box::before{border-radius: 3.91vw;}
	.main .sec2 .bt .box .regi_btn{padding: 1.56vw 4.17vw 1.56vw 4.69vw; font-size: 3.13vw; letter-spacing: -0.05vw; margin: -1.2vw 0 0 3.26vw;}
	.main .sec2 .bt .box .regi_btn i{width: 3.13vw; height: 3.13vw; margin: -0.26vw 0 0 1.60vw;}


	/* sec3 */
	.main .sec3::before{width: 182.29vw; height: 182.29vw; left: -53.91vw; top: 45.83vw;}
	.main .sec3 .inner{display: block;}
	.main .sec3 .left .wrap{display: flex; justify-content: space-between; align-items: center;}
	.main .sec3 .left .tabnav{gap: 2.55vw;}
	.main .sec3 .left .tabnav a{padding: 1.56vw 6.51vw; font-size: 3.91vw; letter-spacing: -0.05vw;}
	.main .sec3 .left .swiper_arrow{margin-top: 0; gap:1.30vw;}
	.main .sec3 .right{width: 100%; min-height: 106.57vw; margin-top: 13.02vw;}
	.main .sec3 .swiper{width: 97.73vw;}
	.main .sec3 .swiper-slide:nth-of-type(even){margin-top: 11.72vw;}
	.main .sec3 .swiper-slide .txt{margin-top: 6.51vw;}
	.main .sec3 .swiper-slide .txt span{font-size: 3.13vw; letter-spacing: -0.10vw; padding: 0.69vw 3.47vw;}
	.main .sec3 .swiper-slide .txt dl dt{margin: 2.60vw 0; font-size: 6.51vw; letter-spacing: -0.13vw;}
	.main .sec3 .swiper-slide .txt dl dd{font-size: 3.65vw; letter-spacing: -0.10vw;}


	/* sec4 */
	.fix_img{height: 121.09vw;}
	.fix_img .bg{background-image: url("/img/main/sec4_bg_mob.png"); position: initial;}
	.main .sec4 .view_btn{margin-top: 8.59vw;}


	/* sec5 */
	.main .sec5 .swiper_wrap{min-height: 106.71vw; margin-top: 7.81vw;}
	.main .sec5 .news_swiper{width: 97.47vw; overflow: initial; padding-left: 0.5vw;}
	.main .sec5 .news_swiper .swiper-slide{border-radius: 3.91vw; width: 72.92vw; margin-right: 5.21vw;}
	.main .sec5 .news_swiper .swiper-slide .img{height: 51.46vw;}
	.main .sec5 .news_swiper .swiper-slide .txt{padding: 6.51vw;}
	.main .sec5 .news_swiper .swiper-slide .txt .title{font-size: 4.17vw; letter-spacing: -0.13vw; min-height: 12.11vw;}
	.main .sec5 .news_swiper .swiper-slide .txt .date{margin-top: 9.11vw; font-size: 3.13vw; letter-spacing: -0.05vw;}
	.main .sec5 .swiper_arrow{justify-content: center; position: absolute; bottom: 0; left: 0; right: 0;}
	.main .sec5 .news_swiper.noData{height: 106.71vw;}
	.main .sec5 .news_swiper.noData + .mob{display: none !important;}
	.main_no_data img{width: 8.95vw;}
	.main_no_data p{font-size: 3.65vw; margin-top: 7.81vw;}


	/* sec6 */
	.main .sec6 .spon_swiper1{margin-bottom: 7.81vw;}
	.main .sec6 .swiper .swiper-slide{margin: 0 2.60vw; width: 54.69vw; border-radius: 3.91vw;}


	/* sec7 */
	.main .sec7 .title span{font-size: 3.65vw; letter-spacing: -0.05vw; margin-left: 3.60vw;}
	.main .sec7 .insta_wrap{gap:3vw; transform:translateY(100px); opacity: 0; transition: all 1.5s ease 0.2s;}
	.main .sec7 .insta_wrap li{width: calc(50% - 1.5vw);}
	.main .sec7 .insta_wrap li a{border-radius: 2.60vw; transform:translateX(0); opacity: 1;}
	.main .sec7.on .insta_wrap{transform:translateY(0); opacity: 1;}


	/* footer */
	.footer{padding: 15.63vw 0;}
	.footer .inner{flex-direction: column; gap:10.42vw;}
	.footer .logo img{width: 38.15vw;}
	.footer .info{margin-top: 10.42vw;}
	.footer .info li + li{margin-top: 1.3vw;}
	.footer .info span{font-size: 3.05vw; letter-spacing: -0.08vw;}
	.footer .info span + span{margin-left: 2.2vw;}
	.footer .right{display: block; text-align: left;}
	.footer .use{margin-top: 0;}
	.footer .use a{font-size: 3.13vw; letter-spacing: -0.05vw;}
	.footer .use a + a{margin-left: 4.56vw;}
	.footer .f_site{width: 100%; margin-top: 5.21vw;}
	.footer .f_site .tit{font-size: 3.13vw; height: 9.11vw; padding: 0 3.65vw;}
	.footer .f_site .tit img{width: 2.17vw;}
	.footer .f_site .list{bottom: 10.51vw; padding: 4.91vw 3.65vw;}
	.footer .f_site .list li + li{margin-top: 1.95vw;}
	.footer .f_site .list li a{font-size: 3.13vw;}
	.footer .f_site .list li a:hover{text-underline-offset:0.65vw;}
	.footer .copy{margin-top: 6.51vw; font-size: 3.13vw; letter-spacing: -0.10vw;}

}