@font-face {font-family: 'GmarketSansLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmarketSansBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

/* @font-face {
    font-family: 'GmarketSansLight';
    src: url('/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */


body{font-family: 'GmarketSansMedium';}

:root {
    --font-gmark-l : 'GmarketSansLight';
    --font-gmark-m : 'GmarketSansMedium';
    --font-gmark-b : 'GmarketSansBold';
    --primary-color : #00AEEF;
}


/* 공통 */
.inner{max-width:1600px; margin:0 auto;}
#wrap{margin: 100px 0 150px;}
p, dd{word-break:keep-all;}
.pc{display:block;}
.mob{display:none;}
.bl_txt{color:#1A4DB5;}


/* header */
.header{height:100px; position:fixed; top:0; z-index:100; width:100%;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header h1 a img{width: 200px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .gnb{display:flex; gap:90px;}
.header .gnb > li{position:relative;}
.header .gnb > li:hover > a{color:#30C7FF !important;}
.header .gnb > li:hover:after{content:''; display:block; width: 5px; height: 5px; background: #30C7FF; position:absolute; left: 50%; transform: translateX(-50%); top:-15px;}
.header .gnb > li > a{font-size: 20px; font-family: 'GmarketSansBold';}
.header .gnb_2depth_bg {position:absolute; width:100%; height: 210px; background: rgba(255, 255, 255, 0.95); bottom:-210px; left:0; overflow: hidden; display:none;}
.header .gnb_2depth_bg:before{content:''; display:block; width:465px; height:73px; background:url("/img/main/gnb_2depth_bg.svg") no-repeat center / contain; position:absolute; right:-15px; bottom: -2px;}
.header .gnb_2depth{position:absolute; top:100px; display:none;}
.header .gnb_2depth li + li{margin-top:20px;}
.header .gnb_2depth li a{font-size: 17px; font-family: 'GmarketSansMedium'; color:#6d6d6d; white-space:nowrap; line-height: 1.3;}
.header .gnb_2depth li a:hover{font-family: 'GmarketSansBold'; color:#1A4DB5;}
.header .head_sns a{display: inline-block; width: 35px;}
.header .head_sns a + a{margin-left: 10px;}
.header .head_sns a img{display: block;}
.header .head_sns a .wh{display: none;}
.head_mob_btn{display:none !important;}
.head_bg{display:none;}

.header:hover{background: #1A4DB5;}
.header:hover h1 a img.logo{display:none;}
.header:hover h1 a img.logo_ov{display:block;}
.header:hover .gnb > li > a{color: #fff;}
.header:hover .head_sns a .bk{display: none;}
.header:hover .head_sns a .wh{display: block;}
.header:hover .gnb_2depth{display:block;}
.header:hover .gnb_2depth_bg{display:block;}

.header.fixed{background: #1A4DB5;}
.header.fixed h1 a img.logo{display:none;}
.header.fixed h1 a img.logo_ov{display:block;}
.header.fixed .gnb > li > a{color: #fff;}
.header.fixed .head_sns a .bk{display: none;}
.header.fixed .head_sns a .wh{display: block;}


/* visual */
.main .visual{display: flex; justify-content: space-between;}
.main .visual .txt{padding: 50px 65px 0 160px;}
.main .visual .txt .logo{text-align: right;}
.main .visual .txt .logo img{width: 220px;}
.main .visual .txt .txt1{margin-top: 85px; width: 550px;}
.main .visual .txt .txt2{margin-top: 72px; width: 700px;}
.main .visual .txt .txt3{margin-top: 205px; width: 500px; animation:opacity 1s linear both;}
.main .visual .txt .vis_bt{margin-top: 90px; display: flex; gap:60px;}
.main .visual .txt .btn_cont {display: flex; gap: 25px; flex-direction: column;} 
.main .visual .txt .btn_cont a {display: block; width: 150px; height: 65px; line-height: 70px; text-align: center; color: #fff; border-radius: 100px; font-size: 20px; font-family: var(--font-gmark-b); background: #1A4DB5;}
.main .visual .txt .video{width: 435px; border-radius:10px; overflow: hidden;}
.main .visual .img{width: 850px; display: flex; flex-wrap: wrap;}
.main .visual .img img{width: 33.33%; display: block; margin: -1px;}

@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}
}


/* track */
.track{margin: 135px 0 155px;}
.track .swiper .swiper-wrapper{transition-timing-function: linear;}
.track .swiper-slide {font-size: 70px; width: auto; font-family: 'GmarketSansBold'; padding-top: 5px; line-height: 1;}
.main_track .swiper-slide {color: #fff; text-shadow: -1px 0px #1A4DB5, 0px 1px #1A4DB5, 1px 0px #1A4DB5, 0px -1px #1A4DB5;}
.main_track2{margin-top: 20px;}
.main_track2 .swiper-slide {color: #1A4DB5;}


/* sec1 */
.main_sec1{position: relative;}
.main_sec1::before{position: absolute; top: 530px; left: 0; content: ''; display: block; width: 1479px; height: 289px; background:url("/img/main/main_sec1_txt.svg") no-repeat center / contain;}
.main_sec1 .inner{display: flex; justify-content: space-between;}
.main_sec1 .lt_txt{padding-top: 125px}
.main_sec1 .lt_txt strong{font-size: 60px; font-family: 'GmarketSansBold'; letter-spacing: -2.4px; line-height: 1.2;;}
.main_sec1 .lt_txt p{font-size: 20px; letter-spacing: -0.5px; color: #6D6D6D; margin-top: 40px; line-height: 1.4;}
.main_sec1_rt{width:60%; display: flex; justify-content: flex-end; gap:45px;}
.main_sec1_list.list2{margin-top: 240px;}
.main_sec1_list li + li{margin-top: 45px;}
.main_sec1_list li a{display:block; position: relative;}
.main_sec1_list li a .img{width: 420px;}
.main_sec1_list li a .txt{position: absolute; bottom: 60px; left: 50px; color: #fff;}
.main_sec1_list li a .txt .title{font-size: 35px; letter-spacing: -2px; font-family: 'GmarketSansBold'; position: relative; display: inline-block;}
.main_sec1_list li a .txt .title:after{position: absolute; content: ''; display: block; background: url("/img/main/main_sec1_arrow.svg") no-repeat center / 100%; width: 24px; height: 24px; top: -5px; right: -40px;}
.main_sec1_list li a .txt p{font-size: 20px; letter-spacing: -0.5px; font-family: 'GmarketSansMedium'; line-height: 1.4; margin-top: 20px; display: none;}


/* sec2 */
.main_sec2{margin-top:145px;}
.main_sec2 .title{font-size: 50px; letter-spacing: -3px; font-family: 'GmarketSansBold'; text-align: center;}
.track2{margin-top: 80px;}
.track2 .swiper .swiper-wrapper{transition-timing-function: linear;}
.track2 .swiper-slide{width:fit-content; margin:0 30px; filter:grayscale(100) opacity(15%); transition:all 0.3s;}
.track2 .swiper-slide:hover{filter:grayscale(0) opacity(100%);}
.track2 .swiper-slide .logo1{width:198px;}
.track2 .swiper-slide .logo2{width:233px;}
.host_track2{margin-top:50px;}


/* footer */
.footer{padding:65px 0; border-top: 1px solid #E3E3E3; background: #FFF;}
.ft_logo{width: 180px;}
.ft_cont{margin-top:40px; display:flex; justify-content:space-between;}
.ft_cont .ft_lt strong{font-size: 16px; font-family: 'GmarketSansBold'; letter-spacing: -1px;}
.ft_cont .ft_lt .info{margin-top:10px; display:flex; align-items:center; gap:15px;}
.ft_cont .ft_lt .info li span{display:inline-block; vertical-align:middle; font-size: 14px; color:#6D6D6D; line-height: 1;}
.ft_cont .ft_lt .info li span + span{color:#000; margin-left:10px;}
.ft_cont .ft_lt .copy{font-size: 12px; color:#8E8E8E; font-family: 'GmarketSansMedium'; margin-top:15px;}
.ft_cont .ft_md p{font-size: 16px; letter-spacing: -1px;}
.ft_cont .ft_md strong{font-size: 30px; font-family: 'GmarketSansBold'; display:block; margin-top:5px;}
.ft_cont .ft_md .time{color:#6D6D6D; margin-top:10px;}
.ft_cont .ft_rt{display:flex; flex-direction:column; align-items:flex-end;}
.ft_cont .ft_rt .q_link{position:relative; width: 210px;}
.ft_cont .ft_rt .q_link div{line-height: 45px; height: 45px; border:1px solid #E3E3E3; padding:0 20px; font-size: 14px; color:rgba(0,0,0,0.7); cursor:pointer;}
.ft_cont .ft_rt .q_link div:before{content:''; display:block; width: 9px; height: 4.5px; background:url("/img/main/q_link_arrow.svg") no-repeat center / contain; position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:all 0.3s;}
.ft_cont .ft_rt .q_link div.on{background: #2A2A2A; border-color:#2A2A2A; color:rgba(255,255,255,0.7);}
.ft_cont .ft_rt .q_link div.on:before{filter:invert(1); transform:translateY(-50%) rotate(-180deg);}
.ft_cont .ft_rt .q_link_list{background: #2A2A2A; width:100%; padding:30px; position:absolute; bottom:50px; display:none;}
.ft_cont .ft_rt .q_link_list li + li{margin-top:20px;}
.ft_cont .ft_rt .q_link_list li a{font-size: 14px; color: #D9D9D9; font-family: 'GmarketSansMedium';}
.ft_cont .ft_rt .q_link_list li a:hover{color:#fff; font-family: 'GmarketSansBold'; border-bottom:1px solid #fff;}
.ft_cont .ft_rt .use{text-align:right; padding-top:15px;}
.ft_cont .ft_rt .use a{font-size: 16px; letter-spacing: -1px; color:#8E8E8E; font-family: 'GmarketSansMedium';}
.ft_cont .ft_rt .use a b{font-family: 'GmarketSansBold'; color:#000;}
.ft_cont .ft_rt .use a + a{margin-left:40px; position:relative;}
.ft_cont .ft_rt .use a + a:before{content:''; display:block; width: 1px; height: 15px; background:#E3E3E3; position:absolute; left:-20px; top:50%; transform:translateY(-50%);}

.ft_down{background: #1A4DB5; padding: 20px 0;}
.ft_down .inner{display: flex; align-items: center; justify-content: space-between;}
.ft_down p{font-family: 'GmarketSansMedium'; color: #fff; font-size: 18px;}
.ft_down .btn_wrap a{display: inline-block; font-family: 'GmarketSansMedium'; color: #fff; font-size: 16px; height: 50px; line-height: 52px; padding: 0 30px; border: 1px solid #fff;}
.ft_down .btn_wrap a + a{margin-left: 10px;}





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


	/* 공통 */
	.inner{max-width:100%; padding:0 2.50vw;}
	#wrap{margin: 6.25vw 0 9.38vw;}


	/* header */
	.header{height:6.25vw;}
	.header h1 a img{width: 12.50vw;}
	.header .gnb{gap:5.63vw;}
	.header .gnb > li:hover:after{top:-0.94vw;}
	.header .gnb > li > a{font-size: 1.25vw;}
	.header .gnb_2depth_bg{height: 13.56vw; bottom:-13.56vw;}
	.header .gnb_2depth_bg:before{width:29.06vw; height:4.56vw; right:-0.94vw; bottom: -0.13vw;}
	.header .gnb_2depth{top:6.25vw;}
	.header .gnb_2depth li + li{margin-top:1.25vw;}
	.header .gnb_2depth li a{font-size: 1.06vw;}
	.header .head_sns a{width: 2.19vw;}
	.header .head_sns a + a{margin-left: 0.63vw;}


	/* visual */
	.main .visual .txt{padding: 3.13vw 4.06vw 0 2.50vw;}
	.main .visual .txt .logo img{width: 13.75vw;}
	.main .visual .txt .txt1{margin-top: 5.31vw; width: 34.38vw;}
	.main .visual .txt .txt2{margin-top: 4.50vw; width: 43.75vw;}
	.main .visual .txt .txt3{margin-top: 12.81vw; width: 31.25vw;}
    .main .visual .txt .vis_bt {margin-top: 5.50vw; gap: 4.04vw;} 
    .main .visual .txt .btn_cont {gap: 1.54vw;} 
    .main .visual .txt .btn_cont a { width: 9.38vw; height: 4.06vw; line-height: 4.38vw; border-radius: 6.25vw; font-size: 1.25vw;}
	.main .visual .txt .video{width: 27.19vw; border-radius:0.63vw;}
	.main .visual .img{width: 53.13vw;}


	/* track */
	.track{margin: 8.44vw 0 9.69vw;}
	.track .swiper-slide {font-size: 4.38vw; padding-top: 0.31vw;}
	.main_track2{margin-top: 1.25vw;}


	/* sec1 */
	.main_sec1::before{top: 33.13vw; width: 92.44vw; height: 18.06vw;}
	.main_sec1 .lt_txt{padding-top: 7.81vw}
	.main_sec1 .lt_txt strong{font-size: 3.75vw;}
	.main_sec1 .lt_txt p{font-size: 1.25vw; margin-top: 2.50vw;}
	.main_sec1_rt{gap:2.81vw;}
	.main_sec1_list.list2{margin-top: 15.00vw;}
	.main_sec1_list li + li{margin-top: 2.81vw;}
	.main_sec1_list li a .img{width: 26.25vw;}
	.main_sec1_list li a .txt{ bottom: 3.75vw; left: 3.13vw;}
	.main_sec1_list li a .txt .title{font-size: 2.19vw; letter-spacing: -0.13vw;}
	.main_sec1_list li a .txt .title:after{width: 1.50vw; height: 1.50vw; top: -0.31vw; right: -2.50vw;}
	.main_sec1_list li a .txt p{font-size: 1.25vw; letter-spacing: -0.03vw; margin-top: 1.25vw;}


	/* sec2 */
	.main_sec2{margin-top:9.06vw;}
	.main_sec2 .title{font-size: 3.13vw; letter-spacing: -0.19vw;}
	.track2{margin-top: 5.00vw;}
	.track2 .swiper-slide{margin:0 1.88vw;}
	.track2 .swiper-slide .logo1{width:12.38vw;}
	.track2 .swiper-slide .logo2{width:14.56vw;}
	.host_track2{margin-top:3.13vw;}


	/* footer */
	.footer{padding:4.06vw 0;}
	.ft_logo{width: 11.25vw;}
	.ft_cont{margin-top:2.50vw;}
	.ft_cont .ft_lt strong{font-size: 1.00vw; letter-spacing: -0.06vw;}
	.ft_cont .ft_lt .info{margin-top:0.63vw; gap:0.94vw;}
	.ft_cont .ft_lt .info li span{font-size: 0.88vw;}
	.ft_cont .ft_lt .info li span + span{margin-left:0.63vw;}
	.ft_cont .ft_lt .copy{font-size: 0.75vw; margin-top:0.94vw;}
	.ft_cont .ft_md p{font-size: 1.00vw; letter-spacing: -0.06vw;}
	.ft_cont .ft_md strong{font-size: 1.88vw; margin-top:0.31vw;}
	.ft_cont .ft_md .time{margin-top:0.63vw;}
	.ft_cont .ft_rt .q_link{width: 13.13vw;}
	.ft_cont .ft_rt .q_link div{line-height: 2.81vw; height: 2.81vw; padding:0 1.25vw; font-size: 0.88vw;}
	.ft_cont .ft_rt .q_link div:before{width: 0.56vw; height: 0.28vw; right:1.25vw;}
	.ft_cont .ft_rt .q_link_list{padding:1.88vw; bottom:3.13vw;}
	.ft_cont .ft_rt .q_link_list li + li{margin-top:1.25vw;}
	.ft_cont .ft_rt .q_link_list li a{font-size: 0.88vw;}
	.ft_cont .ft_rt .use{ padding-top:0.94vw;}
	.ft_cont .ft_rt .use a{font-size: 1.00vw; letter-spacing: -0.06vw;}
	.ft_cont .ft_rt .use a + a{margin-left:2.50vw; }
	.ft_cont .ft_rt .use a + a:before{height: 0.94vw; left:-1.25vw;}

	.ft_down{padding: 1.43vw 0;}
	.ft_down p{font-size: 1.29vw;}
	.ft_down .btn_wrap a{font-size: 1.14vw; height: 3.57vw; line-height: 3.71vw; padding: 0 2.14vw;}
	.ft_down .btn_wrap a + a{margin-left: 0.71vw;}
	

}


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

	/* 공통 */
	.inner{padding:0 3.13vw;}
	#wrap{margin: 7.25vw 0 9.38vw;}


	/* header */
	.header{height:7.25vw;}
	.header h1 a img{width: 14.50vw;}
	.header .gnb{gap:4.3vw;}
	.header .gnb > li:hover:after{top:-1.24vw;}
	.header .gnb > li > a{font-size: 1.56vw;}
	.header .gnb_2depth_bg {height: 15.3vw; bottom:-15.3vw;}
	.header .gnb_2depth_bg:before{width:29.06vw; height:4.53vw; right:-0.94vw; bottom: -0.16vw;}
	.header .gnb_2depth{top:7vw;}
	.header .gnb_2depth li + li{margin-top:1.25vw;}
	.header .gnb_2depth li a{font-size: 1.33vw;}
	.header .head_sns a{width: 2.9vw;}
	.header .head_sns a + a{margin-left: 0.63vw;}


	/* visual */
	.main .visual .txt{padding: 3.13vw 4.06vw 0 2.50vw;}
	.main .visual .txt .logo img{width: 13.75vw;}
	.main .visual .txt .txt1{margin-top: 5.31vw; width: 34.38vw;}
	.main .visual .txt .txt2{margin-top: 4.53vw; width: 43.75vw;}
	.main .visual .txt .txt3{margin-top: 9.81vw; width: 35.25vw;}
    .main .visual .txt .vis_bt {margin-top: 5.50vw; gap: 3.4vw;} 
    .main .visual .txt .btn_cont {gap: 1.94vw;} 
    .main .visual .txt .btn_cont a {width: 11.38vw; height: 5.06vw; line-height: 5.38vw; border-radius: 6.25vw; font-size: 1.45vw;}
	.main .visual .txt .video{width: 33.98vw; border-radius:0.78vw;}
	.main .visual .img{width: 53.13vw;}


	/* track */
	.track{margin: 8.44vw 0 9.69vw;}
	.track .swiper-slide {font-size: 4.38vw; padding-top: 0.31vw;}
	.main_track2{margin-top: 1.25vw;}


	/* sec1 */
	.main_sec1::before{top: 33.13vw; width: 92.42vw; height: 18.05vw;}
	.main_sec1 .lt_txt{padding-top: 7.81vw}
	.main_sec1 .lt_txt strong{font-size: 3.75vw;}
	.main_sec1 .lt_txt p{font-size: 1.45vw; margin-top: 2.50vw;}
	.main_sec1_rt{gap:2.81vw;}
	.main_sec1_list.list2{margin-top: 15.00vw;}
	.main_sec1_list li + li{margin-top: 2.81vw;}
	.main_sec1_list li a .img{width: 26.25vw;}
	.main_sec1_list li a .txt{ bottom: 3.75vw; left: 3.13vw;}
	.main_sec1_list li a .txt .title{font-size: 2.19vw; letter-spacing: -0.16vw;}
	.main_sec1_list li a .txt .title:after{width: 1.48vw; height: 1.48vw; top: -0.31vw; right: -2.50vw;}
	.main_sec1_list li a .txt p{font-size: 1.45vw; letter-spacing: -0.00vw; margin-top: 1.25vw;}


	/* sec2 */
	.main_sec2{margin-top:9.06vw;}
	.main_sec2 .title{font-size: 3.13vw; letter-spacing: -0.16vw;}
	.track2{margin-top: 5.00vw;}
	.track2 .swiper-slide{margin:0 1.88vw;}
	.track2 .swiper-slide .logo1{width:12.34vw;}
	.track2 .swiper-slide .logo2{width:14.53vw;}
	.host_track2{margin-top:3.13vw;}


	/* footer */
	.footer{padding:4.06vw 0;}
	.ft_logo{width: 14.25vw;}
	.ft_cont{margin-top:2.50vw;}
	.ft_cont .ft_lt strong{font-size: 1.52vw; letter-spacing: -0.08vw;}
	.ft_cont .ft_lt .info{margin-top:0.63vw; gap:0.94vw;}
	.ft_cont .ft_lt .info li span{font-size: 1.06vw;}
	.ft_cont .ft_lt .info li span + span{margin-left:0.63vw;}
	.ft_cont .ft_lt .copy{font-size: 1.0vw; margin-top:0.94vw;}
	.ft_cont .ft_md p{font-size: 1.06vw; letter-spacing: -0.08vw;}
	.ft_cont .ft_md strong{font-size: 1.88vw; margin-top:0.31vw;}
	.ft_cont .ft_md .time{margin-top:0.63vw;}
	.ft_cont .ft_rt .q_link{width: 13.13vw;}
	.ft_cont .ft_rt .q_link div{line-height: 2.81vw; height: 2.81vw; padding:0 1.25vw; font-size: 0.86vw;}
	.ft_cont .ft_rt .q_link div:before{width: 0.55vw; height: 0.31vw; right:1.25vw;}
	.ft_cont .ft_rt .q_link_list{padding:1.88vw; bottom:3.13vw;}
	.ft_cont .ft_rt .q_link_list li + li{margin-top:1.25vw;}
	.ft_cont .ft_rt .q_link_list li a{font-size: 0.86vw;}
	.ft_cont .ft_rt .use{ padding-top:0.94vw;}
	.ft_cont .ft_rt .use a{font-size: 1.06vw; letter-spacing: -0.02vw;}
	.ft_cont .ft_rt .use a + a{margin-left:2.0vw; }
	.ft_cont .ft_rt .use a + a:before{height: 0.94vw; left:-1.25vw;}

	.ft_down{padding: 1.56vw 0;}
	.ft_down p{font-size: 1.41vw;}
	.ft_down .btn_wrap a{font-size: 1.25vw; height: 3.91vw; line-height: 4.06vw; padding: 0 2.34vw;}
	.ft_down .btn_wrap a + a{margin-left: 0.78vw;}

}


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

	/* 공통 */
	.inner{padding:0 3.13vw;}
	#wrap{margin: 15.63vw 0 18.63vw;}
	.pc{display:none;}
	.mob{display:block;}


	/* header */
	.header{height:15.63vw;}
	.header h1 a img{width: 31.25vw;}
	.header .gnb{display:none;}
	.header .head_sns{display:none !important;}
	.head_mob_btn{display:block !important; width:6.51vw; cursor:pointer;}
	
	.header:hover .head_mob_btn img{filter:invert(1);}
	.header.fixed .head_mob_btn img{filter:invert(1);}
	.header:hover .gnb_2depth_bg{display:none;}

	/* sideMenu */
    .head_bg {position: fixed; right: 0; top: 0; z-index: 10000; background: #fff; width: 100%; height: 100vh; text-align: right;}
    .head_bg .head_bg_inner {position: relative; padding: 16.93vw 0; width: 100%; height: 100%; display: inline-block; text-align: left; overflow-y: auto;}
	.head_bg .head_bg_logo{padding:0 5.73vw;}
    .head_bg .head_bg_logo img {width: 33.85vw;}
    .head_bg .head_bg_close {position:absolute; top:6vw; right:3.13vw; width: 3.61vw; cursor:pointer;}
    .head_bg #accordion {margin-top: 10.46vw; border-top: 1px solid #E3E3E3;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; font-weight: 700; color: #333; padding: 4.19vw 5.73vw; border-bottom: 1px solid #E3E3E3; cursor:pointer; font-family: 'GmarketSansBold';}
    .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: 4.73vw; width: 4.73vw; height: 3.56vw; transition:all 0.3s;}
    .head_bg .submenu {display: none; padding: 3.91vw 5.73vw; border-bottom: 1px solid #E3E3E3; background: #F9F9F9;}
    .head_bg .submenu a {font-size: 3.26vw; line-height: 2.1; font-family: 'GmarketSansMedium'; color:#8E8E8E;}
    .head_bg .submenu a:hover {border-bottom:1px solid #1A4DB5; color:#1A4DB5; font-family: 'GmarketSansBold';}
	.head_bg #accordion li.on > div{background: #1A4DB5; color:#fff;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:invert(1);}


	/* visual */
	.main .visual{display:block;}
	.main .visual .txt{padding: 9.21vw 3.13vw 11vw;}
	.main .visual .txt .logo{display:none;}
	.main .visual .txt .txt1{margin-top: 0; width: 100%;}
	.main .visual .txt .txt2{margin-top: 5.55vw; width: 81.92vw;}
	.main .visual .txt .txt3{display:none;}
    .main .visual .txt .vis_bt {margin-top: 5.56vw; gap: 6.4vw; flex-wrap: wrap;}
    .main .visual .txt .btn_cont {gap: 2.5vw 0; justify-content:space-between; flex-direction: row; width: 100%;}
    .main .visual .txt .btn_cont a { width: 27.85vw; height: 10.2vw; line-height: 10.2vw; border-radius: 13.02vw; font-size: 3.2vw;}
	.main .visual .txt .video{width: 100%; height: 50.5vw; border-radius:1.30vw;}
	.main .visual .img{width: 100%;}


	/* track */
	.track{margin: 17.06vw 0 19.15vw;}
	.track .swiper-slide {font-size: 7.29vw; padding-top: 0.52vw;}
	.main_track2{margin-top: 4.08vw;}


	/* sec1 */
	.main_sec1::before{top: 49.21vw; width: 124.04vw; height: 24.08vw;}
	.main_sec1 .inner{display:block;}
	.main_sec1 .lt_txt{padding-top:0}
	.main_sec1 .lt_txt strong{font-size: 8.25vw;}
	.main_sec1 .lt_txt p{font-size: 3.65vw; margin-top: 5.17vw; line-height:1.5;}
	.main_sec1_rt{gap:0; justify-content:space-between; width:100%; margin-top: 25.00vw;}
	.main_sec1_list.list2{margin-top: 0;}
	.main_sec1_list li + li{margin-top: 2.9vw;}
	.main_sec1_list li a .img{width: 43.75vw;}
	.main_sec1_list li a .txt{bottom: 6.25vw; left: 5.21vw; width: 75%;}
	.main_sec1_list li a .txt .title{font-size: 3.95vw; letter-spacing: -0.26vw;}
	.main_sec1_list li a .txt .title:after{width: 2.7vw; height: 2.7vw; top: 0vw; right: -4.17vw;}
	.main_sec1_list li a .txt p{font-size: 2.86vw; margin-top: 2.08vw; word-break:keep-all;}


	/* sec2 */
	.main_sec2{margin-top:15.10vw;}
	.main_sec2 .title{font-size: 7.21vw; letter-spacing: -0.26vw;}
	.track2{margin-top: 8.33vw;}
	.track2 .swiper-slide{margin:0 6.13vw;}
	.track2 .swiper-slide .logo1{width:43.57vw;}
	.track2 .swiper-slide .logo2{width:49.22vw;}
	.host_track2{margin-top:6.21vw;}


	/* footer */
	.footer{padding:13.80vw 0;}
	.ft_logo{width: 36.46vw;}
	.ft_cont{margin-top:7.17vw; display:block;}
	.ft_cont .ft_lt strong{font-size: 4.17vw; letter-spacing: -0.13vw;}
	.ft_cont .ft_lt .info{margin-top:3.04vw; gap: 2vw 1.86vw; flex-wrap:wrap;}
	.ft_cont .ft_lt .info li span{font-size: 3.65vw;}
	.ft_cont .ft_lt .info li span + span{margin-left:1.04vw;}
	.ft_cont .ft_lt .copy{font-size: 2.86vw; margin-top:3.56vw;}
	.ft_cont .ft_md{margin-top:10vw;}
	.ft_cont .ft_md p{font-size: 3.65vw; letter-spacing: -0.13vw;}
	.ft_cont .ft_md strong{font-size: 5.81vw; margin-top:1.52vw;}
	.ft_cont .ft_md .time{margin-top:1.04vw;}
	.ft_cont .ft_rt{display:block; margin-top:8vw;}
	.ft_cont .ft_rt .q_link{width: 46.88vw;}
	.ft_cont .ft_rt .q_link div{line-height: 9.19vw; height: 9.19vw; padding:0 4.08vw; font-size: 3.13vw;}
	.ft_cont .ft_rt .q_link div:before{width: 1.91vw; height: 1.52vw; right:4.08vw;}
	.ft_cont .ft_rt .q_link_list{padding:4.08vw; bottom:9.91vw;}
	.ft_cont .ft_rt .q_link_list li + li{margin-top:2.8vw;}
	.ft_cont .ft_rt .q_link_list li a{font-size: 3.13vw;}
	.ft_cont .ft_rt .use{text-align:left; padding-top:6.56vw;}
	.ft_cont .ft_rt .use a{font-size: 3.65vw; letter-spacing: -0.13vw;}
	.ft_cont .ft_rt .use a + a{margin-left:7.17vw;}
	.ft_cont .ft_rt .use a + a:before{height: 2.56vw; left:-4.08vw;}

	.ft_down{padding: 4.60vw 0;}
	.ft_down .inner{display: block;}
	.ft_down p{font-size: 3.65vw;}
	.ft_down .btn_wrap{margin-top: 3.5vw;}
	.ft_down .btn_wrap a{font-size: 3.26vw; height: 9.51vw; line-height: 9.87vw; padding: 0 3.91vw;}
	.ft_down .btn_wrap a + a{margin-left: 1.30vw;}

}