/* 공통 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto;}

/* header */
.header{height:90px; 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: 140px;}
.header h1 a img.logo_ov{display: none;}
.header .head_lt{display: flex; height: 100%; gap:100px; align-items: center;}
.header .gnb_wrap{height: 100%;}
.header .gnb{display:flex; gap:40px; height: 100%;}
.header .gnb > li{position:relative; height: 100%;}
.header .gnb > li > a{font-size: 18px; color: #FFF; font-weight: 500; font-family: 'Outfit'; transition: all 0.3s; height: 100%; display: flex; align-items: center; gap:8px; position: relative; z-index: 10;}
.header .gnb > li > a .arrow{width: 15px; display: inline-block; vertical-align: middle; filter: brightness(10000%); transform:rotate(180deg); transition: transform 0.3s;}
.header .gnb_2depth_bg {position:absolute; width:100%; height: 90px; background: #FFF; top: 0; left:0; overflow: hidden; transition: all 0.3s ease-in-out; background: rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.20); z-index: -1;}
.header .gnb_2depth_bg .inner{position:relative;}
.header .gnb_2depth{position:absolute; top:0; left: 50%; transform:translateX(-50%); text-align: center; overflow: hidden; height: 0; padding-top: 110px;}
.header .gnb_2depth li + li{margin-top:10px;}
.header .gnb_2depth li a{font-size: 16px; font-weight: 600; color: #fff; white-space: nowrap; transition: all 0.3s;}
.header .gnb_2depth li a:hover{color: #0AADFF !important;}
.header .gnb_2depth li{opacity: 0; transition: all 0.5s ease-in-out;}
.header .gnb > li:hover .gnb_2depth{overflow: visible; height: auto;}
.header .gnb > li:hover .gnb_2depth li{opacity: 1; transition-delay: 0.1s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(2){transition-delay: 0.2s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(3){transition-delay: 0.3s;}

.all_menu_btn{cursor:pointer; padding: 10px 24px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.50); transition: all 0.3s;}
.all_menu_btn .line span{display: block; width: 20px; height: 2px; background: #fff; transition: all 0.3s;}
.all_menu_btn .line span + span{margin-top: 7px;}
.all_menu_btn p{font-size: 16px; font-weight: 500; color: #fff; font-family: 'Outfit'; transition: all 0.3s;}
.all_menu_btn:hover{background: #fff;}
.all_menu_btn:hover .line span{background: #000;}
.all_menu_btn:hover p{color: #000;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header .gnb > li:hover > a{color: #0AADFF !important;}
.header .gnb > li:hover > a .arrow{filter:brightness(1) !important; transform:rotate(0deg);}
.header.blur_on .gnb_2depth_bg{height: 230px; backdrop-filter: blur(10px);}

.header.fixed{background: #fff;}
.header.fixed .logo{display: none;}
.header.fixed .logo_ov{display: block;}
.header.fixed .gnb > li > a{color: #000;}
.header.fixed .gnb > li > a .arrow{filter:brightness(0);}
.header.fixed .all_menu_btn{filter:invert(1);}
.header.fixed .head_mob_btn{filter:invert(1);}
.header.fixed .gnb_2depth_bg{border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.header.fixed .gnb_2depth li a{color: #000;}

/* all menu */
.all_menu{position:fixed; width:100%; height:100%; z-index:5000; visibility: hidden;}
.all_menu:before{content: ''; display: block; width: 100%; height: 0; background: rgba(34, 34, 34, 0.80) url("/img/main/all_menu_bg_txt.svg") no-repeat center bottom / contain; backdrop-filter: blur(10px); position: absolute; left: 0; top: 0;}
.all_menu .inner{position:relative;}
.all_menu_close{position:absolute; right:0; top:120px; width:20px; cursor:pointer; z-index: 100; opacity: 0;}
.all_menu_close img{width:100%;}
.all_menu .title{padding-top:195px; font-size:50px; font-weight:800; color: #fff; text-align: center; font-family: 'Outfit';}
.all_menu_list{margin-top:100px; display:flex;}
.all_menu_list dl{width:20%; color: #fff; text-align: center;}
.all_menu_list dt{font-size:35px; font-weight:700; margin-bottom:25px; font-family: 'Outfit';}
.all_menu_list dt a{color: #fff; font-family: 'Outfit';}
.all_menu_list dd + dd{margin-top:15px;}
.all_menu_list dd a{font-size:20px; color: rgba(255, 255, 255, 0.70); letter-spacing: -0.5px;}
.all_menu_list dd a:hover{color: #fff; font-weight: 700; text-decoration: underline;}

.all_menu.on{visibility: initial;}
.all_menu.on:before{animation: all_menu_bg 0.5s ease-in-out both;}
.all_menu.on .all_menu_close{animation: fadeIn 0.5s linear both 0.5s;}
.all_menu.on .title{animation: all_menu_up 1s ease both 0.5s;}
.all_menu.on .all_menu_list dl{animation: all_menu_up 1s ease both 0.6s;}
.all_menu.on .all_menu_list dl:nth-of-type(2){animation-delay:0.7s;}
.all_menu.on .all_menu_list dl:nth-of-type(3){animation-delay:0.8s;}
.all_menu.on .all_menu_list dl:nth-of-type(4){animation-delay:0.9s;}
.all_menu.on .all_menu_list dl:nth-of-type(5){animation-delay:1s;}

@keyframes all_menu_bg {
	100% {height: 100%;}
}

@keyframes all_menu_up {
	0% {opacity: 0; transform:translateY(50px);}
	100% {opacity: 1; transform:translateY(0);}
}

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

/* visual */
.main .visual{position:relative; height: calc(100vh + 1px);}
.main .visual .intro_bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.main .visual .intro_bg.on{z-index: 10000;}
.main .visual .intro_bg .white{width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; transition:all 0.5s 0.8s; opacity: 0; z-index: 10;}
.main .visual .intro_bg.on .white{opacity: 1;}
.main .visual .intro_bg .blue{width: 100%; height: 100%; background: #004D7E; position: absolute; left: 0; top: 0; z-index: 1000; transform:translateX(100%); transition:all 1.5s ease-in-out; z-index: 100;}
.main .visual .intro_bg.on .blue{transform:translateX(-100%);}
.main .visual .visualSwipe,
.main .visual .visualSwipe .slick-list,
.main .visual .visualSwipe .slick-track{height:100%;}
.main .visual .vis_item{position:relative; height:100%;}
.main .visual .vis_item .inner{height: 100%; position: relative;}
.main .visual .vis_txt{padding-top: 230px; color:#fff;}
.main .visual .vis_txt .tp_txt{position: relative; display: inline-block;}
.main .visual .vis_txt .tp_txt:before{content: ''; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.40); position: absolute; left: 0; bottom: -20px;}
.main .visual .vis_txt .tp_txt p{display: inline-block; overflow: hidden; font-size: 24px; font-weight: 600;}
.main .visual .vis_txt .title{font-size: 65px; letter-spacing: -1px; margin-top:40px;}
.main .visual .vis_txt .title > div{display: flex; overflow: hidden;}
.main .visual .vis_txt .title > div *{display: inline-block; line-height: 1.15;}
.main .visual .vis_txt .title strong{font-weight: 800;}
.main .visual .vis_txt .title span{font-weight: 300; display: inline-block;}
.main .visual .vis_txt .sub_txt{margin-top: 40px; font-size: 18px; font-weight: 500; line-height: 1.55; overflow: hidden;}
.main .visual .vis_txt .sub_txt p + p{margin-top: 20px;}
.main .visual .vis_box{position: absolute; right:0; bottom: 100px; display: flex; gap: 20px;}
.main .visual .vis_box .box{width: 300px; border-radius: 20px; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); padding: 42px 44px 62px 44px; transition:all 0.5s;}
.main .visual .vis_box .box:hover{background: rgba(0, 77, 126, 0.80);}
.main .visual .vis_box .box img{width: 35px;}
.main .visual .vis_box .box p{margin-top: 53px; font-size: 24px; font-weight: 600; line-height: 1.4; color: #fff;}
.main .visual .slick-current .vis_txt .title > div *{animation: txt-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both 0.4s;}
.main .visual .slick-current .vis_txt .title span:nth-of-type(2){animation-delay:0.43s;}
.main .visual .slick-current .vis_txt .title span:nth-of-type(3){animation-delay:0.46s;}
.main .visual .slick-current .vis_txt .title span:nth-of-type(4){animation-delay:0.49s;}
.main .visual .slick-current .vis_txt .title span:nth-of-type(5){animation-delay:0.52s;}
.main .visual .slick-current .vis_txt .title span:nth-of-type(6){animation-delay:0.55s;}
.main .visual .slick-current .vis_txt .title span:nth-of-type(7){animation-delay:0.58s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(1){animation-delay:0.61s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(2){animation-delay:0.64s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(3){animation-delay:0.67s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(4){animation-delay:0.7s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(5){animation-delay:0.73s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(6){animation-delay:0.76s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(7){animation-delay:0.79s;}
.main .visual .slick-current .vis_txt .title strong:nth-of-type(8){animation-delay:0.82s;}
.main .visual .slick-current .vis_txt .sub_txt .motion{animation-delay:0.85s !important;}
.main .visual .slick-current .motion{animation: txt-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; display: block;}
.main .visual .vis_img{position:absolute; top:0; left:0; width:100%; height:100%; z-index: -1;}
.main .visual .vis_img img{width: 100%; height: 100%; object-fit:cover;}
.main .visual .slick-active .vis_img{animation: fadezoom 5s ease-in-out 0s forwards; transition: transform .5s;}

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

@keyframes fadezoom {
    0% {transform: scale(1.15);}
    100% {transform: scale(1.01);}
}

/* PROGRESS */ 
.main .visual .progress {display:flex; gap:20px; color:#fff; position:absolute; bottom:100px; left:50%; transform: translate(-50%); width: 1600px;}
.main .visual .progress > li {cursor:pointer; transition: width .2s;}
.main .visual .progress > li .bar {width:65px; height:1px; background:rgba(255,255,255,0.5); position:relative; transition:all 0.3s; display: block;}
.main .visual .progress > li .bar::before{content:""; display:block; position:absolute; left:0; bottom:0; width:0%; height:1px; background: #fff;}
.main .visual .progress > li.active .bar{width:180px;}
.main .visual .progress > li.active .bar::before {animation:countingBar 5s linear forwards;}
.main .visual .progress > li .tit {font-size:18px; color:rgba(255,255,255, .5); display:block; font-family: 'Poppins'; margin-bottom: 15px;}
.main .visual .progress > li.active .tit {color:#fff;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width: 100%;}
}

/* FOOTER */
.footer{padding: 75px 0; background: #111; transform: translateY(100%); transition: transform 0.6s; position: fixed; bottom:0; left: 0; width: 100%;}
.footer.on{transform: translateY(0);}
.footer .logo img{width: 140px;}
.footer .footContent{margin-top: 45px; display:flex; justify-content: space-between;}
.footer .footContent *{font-size: 16px;}
.footer .footContent .info span{ letter-spacing: -0.4px; line-height: 1.6; color: #BEBEBE; margin-right: 20px; display:inline-block;}
.footer .footContent .copy{letter-spacing: -0.4px; line-height: 1.6; margin-top: 10px; color:#fff;}
.footer .list_foot{display:flex; flex-direction: column; gap:10px; text-align: right;}
.footer .list_foot li a{color:#BEBEBE; display:block;}
.footer .list_foot li:first-child a{color:#fff;}
.footer .ft_sns{margin-top: 32px; display: flex; align-items: center; gap:25px; opacity: 0.8;}
.footer .ft_sns a{line-height: 1.75; color: #fff;}
.footer .ft_sns a img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.footer .ft_sns .line{display: inline-block; width: 1px; height: 15px; background: #fff;}
.footer .ft_sns .sns1 img, .footer .ft_sns .sns3 img{width: 20px;}
.footer .ft_sns .sns2 img{width: 10px;}



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

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

	/* header */
	.header{height:5.56vw;}
	.header h1 a img{width: 8.64vw;}
	.header .head_lt{gap:6.17vw;}
	.header .gnb{gap:2.47vw;}
	.header .gnb > li > a{font-size: 1.11vw; gap:0.49vw;}
	.header .gnb > li > a .arrow{width: 0.93vw;}
	.header .gnb_2depth_bg {height: 5.56vw;}
	.header .gnb_2depth{padding-top: 6.79vw;}
	.header .gnb_2depth li + li{margin-top:0.62vw;}
	.header .gnb_2depth li a{font-size: 0.99vw;}

	.all_menu_btn{padding: 0.62vw 1.48vw; gap: 0.62vw; }
	.all_menu_btn .line span{width: 1.23vw;}
	.all_menu_btn .line span + span{margin-top: 0.43vw;}
	.all_menu_btn p{font-size: 0.99vw;}

	.header.blur_on .gnb_2depth_bg{height: 14.20vw;}


	/* all menu */
	.all_menu_close{top:7.41vw; width:1.23vw; right: 2.47vw;}
	.all_menu .title{padding-top:12.04vw; font-size:3.09vw;}
	.all_menu_list{margin-top:6.17vw;}
	.all_menu_list dt{font-size:2.16vw; margin-bottom:1.54vw;}
	.all_menu_list dd + dd{margin-top:0.93vw;}
	.all_menu_list dd a{font-size:1.23vw; letter-spacing: -0.03vw;}


	/* visual */
	.main .visual .vis_txt{padding-top: 14.20vw;}
	.main .visual .vis_txt .tp_txt:before{bottom: -1.23vw;}
	.main .visual .vis_txt .tp_txt p{font-size: 1.48vw;}
	.main .visual .vis_txt .title{font-size: 4.01vw; letter-spacing: -0.06vw; margin-top:2.47vw;}
	.main .visual .vis_box{bottom: 6.17vw; gap: 1.23vw; right: 2.47vw;}
	.main .visual .vis_box .box{width: 18.52vw; border-radius: 1.23vw; padding: 2.59vw 2.72vw 3.83vw 2.72vw;}
	.main .visual .vis_box .box img{width: 2.16vw;}
	.main .visual .vis_box .box p{margin-top: 3.27vw; font-size: 1.48vw;}
	.main .visual .vis_txt .sub_txt{margin-top: 2.47vw; font-size: 1.11vw;}
	.main .visual .vis_txt .sub_txt p + p{margin-top: 1.23vw;}


	/* PROGRESS */ 
	.main .visual .progress {gap:1.23vw; bottom:6.17vw; width: 100%; padding: 0 2.47vw;}
	.main .visual .progress > li .bar {width:4.01vw;}
	.main .visual .progress > li.active .bar{width:11.11vw;}
	.main .visual .progress > li .tit {font-size:1.11vw; margin-bottom: 0.93vw;}


	/* FOOTER */
	.footer{padding: 4.63vw 0;}
	.footer .logo img{width: 8.64vw;}
	.footer .footContent{margin-top: 2.78vw;}
	.footer .footContent *{font-size: 0.99vw;}
	.footer .footContent .info span{letter-spacing: -0.02vw; margin-right: 1.23vw;}
	.footer .footContent .copy{letter-spacing: -0.02vw; margin-top: 0.62vw;}
	.footer .list_foot{gap:0.62vw;}
	.footer .ft_sns{margin-top: 1.98vw; gap:1.54vw;}
	.footer .ft_sns a img{margin-right: 0.62vw;}
	.footer .ft_sns .line{height: 0.93vw;}
	.footer .ft_sns .sns1 img, .footer .ft_sns .sns3 img{width: 1.23vw;}
	.footer .ft_sns .sns2 img{width: 0.62vw;}

}



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

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

	/* header */
	.header{height:7.03vw;}
	.header h1 a img{width: 10.94vw;}
	.header .head_lt{gap:7.81vw;}
	.header .gnb{gap:3.13vw;}
	.header .gnb > li > a{font-size: 1.21vw; gap:0.63vw;}
	.header .gnb > li > a .arrow{width: 1.17vw;}
	.header .gnb_2depth_bg {height: 7.03vw;}
	.header .gnb_2depth{padding-top: 8.59vw;}
	.header .gnb_2depth li + li{margin-top:0.78vw;}
	.header .gnb_2depth li a{font-size: 1.15vw;}

	.all_menu_btn{padding: 0.78vw 1.88vw; gap: 0.78vw;}
	.all_menu_btn .line span{width: 1.56vw; height: 1px;}
	.all_menu_btn .line span + span{margin-top: 0.55vw;}
	.all_menu_btn p{font-size: 1.21vw;}

	.header.blur_on .gnb_2depth_bg{height: 17.97vw;}


	/* all menu */
	.all_menu_close{top:9.38vw; width:1.56vw; right: 3.13vw;}
	.all_menu .title{padding-top:15.23vw; font-size:3.91vw;}
	.all_menu_list{margin-top:7.81vw;}
	.all_menu_list dt{font-size:2.53vw; margin-bottom:1.95vw;}
	.all_menu_list dd + dd{margin-top:1.17vw;}
	.all_menu_list dd a{font-size:1.46vw; letter-spacing: -0.04vw;}


	/* visual */
	.main .visual .vis_txt{padding-top: 17.97vw;}
	.main .visual .vis_txt .tp_txt:before{bottom: -1.56vw;}
	.main .visual .vis_txt .tp_txt p{font-size: 1.48vw;}
	.main .visual .vis_txt .title{font-size: 5.08vw; letter-spacing: -0.08vw; margin-top:3.13vw;}
	.main .visual .vis_box{bottom: 7.81vw; gap: 1.56vw; right: 3.13vw;}
	.main .visual .vis_box .box{width: 16.94vw; border-radius: 1.56vw; padding: 2.28vw 2.44vw 3.14vw 2.44vw;}
	.main .visual .vis_box .box img{width: 2.73vw;}
	.main .visual .vis_box .box p{margin-top: 3.14vw; font-size: 1.48vw;}
	.main .visual .vis_txt .sub_txt{margin-top: 3.13vw; font-size: 1.41vw;}
	.main .visual .vis_txt .sub_txt p + p{margin-top: 1.56vw;}


	/* PROGRESS */ 
	.main .visual .progress {gap:1.56vw; bottom:7.81vw; padding: 0 3.13vw;}
	.main .visual .progress > li .bar {width:4.08vw;}
	.main .visual .progress > li.active .bar{width:12.06vw;}
	.main .visual .progress > li .tit {font-size:1.41vw; margin-bottom: 1.17vw;}


	/* FOOTER */
	.footer{padding: 5.06vw 0;}
	.footer .logo img{width: 10.94vw;}
	.footer .footContent{margin-top: 3.52vw;}
	.footer .footContent *{font-size: 1.25vw;}
	.footer .footContent .info span{letter-spacing: -0.03vw; margin-right: 1.56vw;}
	.footer .footContent .copy{letter-spacing: -0.03vw; margin-top: 0.78vw;}
	.footer .list_foot{gap:0.78vw;}
	.footer .ft_sns{margin-top: 2.50vw; gap:1.95vw;}
	.footer .ft_sns a img{margin-right: 0.78vw;}
	.footer .ft_sns .line{height: 1.17vw;}
	.footer .ft_sns .sns1 img, .footer .ft_sns .sns3 img{width: 1.56vw;}
	.footer .ft_sns .sns2 img{width: 0.78vw;}

}



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

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

	/* header */
	.header{height:15.63vw; border-bottom: 2px solid rgba(255, 255, 255, 0.20);}
	.header h1 a img{width: 24.74vw;}
	.header .gnb{display: none;}
	.header .gnb_2depth_bg{display: none;}

	.all_menu_btn{display: none;}

	.head_mob_btn{display: flex !important; cursor:pointer; padding: 2.30vw 4.63vw; display: flex; align-items: center; justify-content: center; gap: 2.30vw; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.50); transition: all 0.3s;}
	.head_mob_btn .line span{display: block; width: 3.39vw; height: 2px; background: #fff; transition: all 0.3s;}
	.head_mob_btn .line span + span{margin-top: 1vw;}
	.head_mob_btn p{font-size: 3.13vw; font-weight: 500; color: #fff; font-family: 'Outfit'; transition: all 0.3s;}
	.head_mob_btn:hover{background: #fff;}
	.head_mob_btn:hover .line span{background: #000;}
	.head_mob_btn:hover p{color: #000;}

	/* 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: 8.59vw; right: 5.94vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 3.91vw;}
	.head_bg .head_bg_logo a{display: block;}
    .head_bg .head_bg_logo img {width:29.95vw;}
    .head_bg #accordion {border-top: 1px solid #E3E3E3; margin-top: 6.51vw;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 4.69vw 0; border-bottom: 1px solid #E3E3E3; cursor: pointer; font-weight: 500; font-family: 'Outfit';}
    .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;}
    .head_bg #accordion li > div.none::after{background: none;}
    .head_bg .submenu {display: none; padding: 4.6vw 0; border-bottom: 1px solid #E3E3E3;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 400; color: #6D6D6D; line-height: 2.14;}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 1px; font-weight: 600; color: #000;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg);}


	/* visual */
	.main .visual{height: 238.33vw;}
	.main .visual .vis_txt{padding-top: 37.24vw;}
	.main .visual .vis_txt .tp_txt:before{bottom: -3.91vw;}
	.main .visual .vis_txt .tp_txt p{font-size: 3.7vw;}
	.main .visual .vis_txt .title{font-size: 10.42vw; letter-spacing: -0.13vw; margin-top:7.81vw;}
	.main .visual .vis_box{bottom: 23.96vw; gap: 3.39vw; flex-direction: column; width: 100%; left: 0; right: 0; padding: 0 3.13vw;}
	.main .visual .vis_box .box{width: 100%; border-radius: 2.60vw; padding: 5.99vw 8.85vw; display: flex; align-items: center; gap: 8.33vw;}
	.main .visual .vis_box .box img{width: 6.51vw;}
	.main .visual .vis_box .box p{margin-top: 0; font-size: 4.17vw;}
	.main .visual .vis_box .box p br{display: none;}
	/* .main .visual .vis_txt{padding-top: 29.95vw;}
	.main .visual .vis_txt .title{font-size: 8.46vw; letter-spacing: -0.13vw; margin-top:5.21vw;} */
	.main .visual .vis_txt .sub_txt{margin-top: 6.51vw; font-size: 3.65vw;}
	.main .visual .vis_txt .sub_txt p + p{margin-top: 2.60vw;}


	/* PROGRESS */ 
	.main .visual .progress {gap:3.90vw; bottom:102.60vw; padding: 0 5.21vw;}
	.main .visual .progress > li .bar {width:10.81vw;}
	.main .visual .progress > li.active .bar{width:31.25vw;}
	.main .visual .progress > li .tit {font-size:3.13vw; margin-bottom: 2.55vw;}


	/* FOOTER */
	.footer{padding: 13.02vw 0; transform:translateY(0); position: initial;}
	.footer .logo img{width: 24.74vw;}
	.footer .footContent{margin-top: 10.42vw; display: block;}
	.footer .footContent *{font-size: 3.39vw;}
	.footer .footContent .info span{letter-spacing: -0.05vw; margin-right: 3.91vw;}
	.footer .footContent .info span:first-of-type{display: block; margin-bottom: 0.5vw;}
	.footer .footContent .info span:last-of-type{margin-right: 0;}
	.footer .footContent .copy{letter-spacing: -0.05vw; margin-top: 4.56vw;}
	.footer .list_foot{gap:1.30vw; flex-direction: row; text-align: left; margin-top: 3.91vw;}
	.footer .ft_sns{margin-top: 7.81vw; padding-top: 7.81vw; gap:4.26vw; border-top: 1px solid rgba(255, 255, 255, 0.40);}
	.footer .ft_sns a img{margin-right: 2.30vw; margin-top: -0.5vw;}
	.footer .ft_sns .line{height: 2.95vw;}
	.footer .ft_sns .sns1 img{width: 3.60vw;}
	.footer .ft_sns .sns3 img{width: 4vw;}
	.footer .ft_sns .sns2 img{width: 2.0vw;}

}