/* 공통 */
:root{
	--main-color : #3EB8DD;
}
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1400px; margin:0 auto;}
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}
.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-je {display: flex; align-items: center; justify-content: flex-end;}


/* HEADER */
.header{height:100px; position:fixed; top:0; z-index:1000; width:100%;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img{width: 150px; display: block;}
.header h1 a img.logo_on{display:none;}
.header .gnb{display:flex; gap:75px;}
.header .gnb > li{position:relative;}
.header .head_rt > a,
.header .gnb > li > a{font-size: 16px; color: #FFF; font-weight: 700; letter-spacing: -1px;}
.header .gnb_2depth_bg {position:absolute; width:100%; height: 225px; background: #F9F9F9; bottom:-225px; left:0; overflow: hidden; display: none;}
.header .gnb_2depth_bg .inner{position:relative;}
.header .gnb_2depth{position:absolute; top:100px; width: 200%; left: 50%; transform:translateX(-50%); text-align: center; display: none;}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 16px; color: #6D6D6D; transition:all 0.3s;}
.header .gnb_2depth li a:hover{color: #3EB8DD; font-weight: 600; text-decoration: underline;}
.header .head_rt{display:flex; align-items:center; gap:30px;}
.header .member{display: flex; align-items: center; gap:20px;}
.header .member a{font-size: 14px; font-weight: 500; color: #FFF;}
.header .member .line{width: 1px; height: 10px; background: rgba(255, 255, 255, 0.50); display: inline-block;}

.all_menu_btn{width: 30px; 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_on{display:block;}
.header:hover .head_rt > a,
.header:hover .gnb > li > a{color: #000;}
.header:hover .gnb_2depth{display:block;}
.header:hover .gnb_2depth_bg{display:block;}
.header:hover .all_menu_btn{filter:invert(1);}
.header:hover .member a{color: #000;}
.header:hover .member .line{background: rgba(0, 0, 0, 0.50);}

.header.fixed{background: #FFF;}
.header.fixed h1 a img.logo{display:none;}
.header.fixed h1 a img.logo_on{display:block;}
.header.fixed .head_rt > a,
.header.fixed .gnb > li > a{color: #000;}
.header.fixed .all_menu_btn{filter:invert(1);}
.header.fixed .member a{color: #000;}
.header.fixed .member .line{background: rgba(0, 0, 0, 0.50);}

.header.on{background: #FFF;}
.header.on h1 a img.logo{display:none;}
.header.on h1 a img.logo_on{display:block;}
.header.on .head_rt > a,
.header.on .gnb > li > a{color: #000;}
.header.on .all_menu_btn{filter:invert(1);}
.header.on .member a{color: #000;}
.header.on .member .line{background: rgba(0, 0, 0, 0.50);}


/* all menu */
.all_menu{display: none; position:fixed; width:100%; height:100%; z-index:5000; background: rgba(255, 255, 255, 0.90);}
.all_menu_close{position:absolute; right:55px; top:55px; width:30px; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu .logo{padding-top:120px; text-align: center;}
.all_menu .logo img{width: 200px;}
.all_menu_list{margin-top:63px; display:flex; flex-wrap: wrap;}
.all_menu_list dl{width:25%; min-height: 220px; margin-bottom: 70px;}
.all_menu_list dl + dl{border-left:1px solid #D8D8D8; padding-left:40px;}
.all_menu_list dl:nth-of-type(5){padding-left: 0; border-left: none;}
.all_menu_list dt{font-size:25px; font-weight:700; margin-bottom:30px; transition:all 0.3s;}
.all_menu_list dd + dd{margin-top:10px;}
.all_menu_list dd a{font-size:16px; color: #6D6D6D; transition:all 0.3s;}
.all_menu_list dl:hover{color: #3EB8DD;}
.all_menu_list dl dd a:hover{color: #3EB8DD; font-weight: 600; text-decoration: underline;}


/* visual */
.visual{position: relative;}
.visual .swiper-slide{height: 950px; position: relative;}
.visual .swiper-slide .vis_img{height: 100%;}
.visual .swiper-slide .vis_img img{width: 100%; height: 100%; object-fit:cover;}
.visual .swiper-slide .vis_txt{color: #FFF; max-width: 1400px; position: absolute; margin: 0 auto; left:0; right: 0; top: 50%; transform:translateY(-50%);}
.visual .swiper-slide .vis_txt em{font-size: 20px; font-weight: 900; word-break: keep-all;}
.visual .swiper-slide .vis_txt h2{font-size: 55px; margin-top: 17px; font-weight: 800; word-break: keep-all;}
.visual .swiper-slide .vis_txt p{font-size: 24px; line-height: 1.4; margin-top: 15px; word-break: keep-all;}
.visual .swiper-slide .vis_txt a{font-size: 18px; letter-spacing: -1px; font-weight: 600; color: #FFF; display: inline-block; padding: 10px 20px 10px 30px; border: 1px solid rgba(255, 255, 255, 0.50); margin-top: 46px;}
.visual .swiper-slide .vis_txt a i{display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url("/img/main/main_btn_arrow.svg") no-repeat center / 100%; margin: -2px 0 0 15px;}
.vis_arrow div{position: absolute; top: 50%; transform:translateY(-50%); width: 60px; cursor: pointer; z-index: 10;}
.vis_arrow div img{width: 100%;}
.vis_arrow .prev{left: 65px;}
.vis_arrow .next{right: 65px;}
.vis_bt{position: absolute; bottom: 47px; left: 50%; transform:translateX(-50%); z-index: 10; display: flex; align-items: center; justify-content: center; gap:24px; width: 283px;}
.vis_slider.on .vis_bt{display: none;}
.vis_bt .page{font-size: 14px; font-weight: 700; letter-spacing: -0.8px; color: #FFF; display: flex; justify-content: space-between; width: 100%;}
.vis_bt .scroll{width: 200px; height: 2px; background: rgba(255,255,255,0.2); position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.vis_bt .scroll .swiper-scrollbar-drag{background: #fff;}


/* quick menu */
.quick{position: fixed; right: 30px; bottom: 40px; z-index: 100;}
.quick .top_btn{display: block; width: 60px; height: 60px; border-radius:50%; background: #FAFAFA url("/img/main/q_top_ic.svg") no-repeat center / 19px; box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.20);}

/* common */
.main_tit{margin-bottom: 50px;}
.main_tit em{font-size: 16px; font-weight: 600; color: #3EB8DD;}
.main_tit .tit{margin: 10px 0 20px; font-size: 40px; letter-spacing: -0.02em; font-weight: 700;}
.main_tit p{font-size: 18px; letter-spacing: -0.02em; font-weight: 500; color: #6d6d6d;}
.no_data{width: 100% !important; border-top: 2px solid #000; border-bottom: 1px solid #000; height: 470px !important; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 28px; margin: 0 !important; aspect-ratio: initial !important;}
.no_data .icon{width: 38px;}
.no_data p{font-size: 20px; font-weight: 500; letter-spacing: -0.02em; text-align: center;}

/* sec1 */
.main .sec1{padding: 100px 0;}
.main .sec1 .swiper{margin: 0 -15px;}
.main .sec1.on .swiper{margin: 0 !important;}
.main .sec1 .swiper-slide{margin: 0 15px; width: 445px;}
.main .sec1 .swiper-slide .img{aspect-ratio: 1/1;}
.main .sec1 .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.main .sec1 .swiper-slide .txt{display: flex; flex-direction: column; margin-top: 25px;}
.main .sec1 .swiper-slide .txt .cate{font-size: 16px; font-weight: 600; color: #3EB8DD;}
.main .sec1 .swiper-slide .txt .tit{margin: 10px 0; font-size: 22px; letter-spacing: -0.02em; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .sec1 .swiper-slide .txt .desc{font-size: 18px; letter-spacing: -0.02em; font-weight: 500; color: #6d6d6d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .sec1 .swiper-slide .txt .date{margin-top: 20px;font-size: 16px; letter-spacing: -0.02em; color: #8e8e8e; display: block;}
.main .sec1 .control{display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.main .sec1 .control .scrollbar{width: 1240px; height: 2px; background: #DDD;}
.main .sec1 .control .scrollbar .swiper-scrollbar-drag{background: #000;}
.main .sec1 .control .arrow{display: flex; align-items: center; gap: 10px;}
.main .sec1 .control .arrow div{width: 50px; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #e3e3e3; cursor: pointer; transition: all 0.3s;}
.main .sec1 .control .arrow div img{filter: invert(1); width: 20px; transition: all 0.3s;}
.main .sec1 .control .arrow div:hover{background: #000; border-color: #000;}
.main .sec1 .control .arrow div:hover img{filter: invert(0);}


/* footer */
.footer{background: #000; padding: 62px 0 50px;}
.footer *{color: #fff;}
.footer .inner{display: flex; justify-content: space-between;}
.footer .ft_left{display: flex; gap:50px;}
.footer .ft_left *{font-size: 16px; line-height: 1.6; letter-spacing: -0.45px;}
.footer .ft_logo{width: 150px;}
.footer .ft_logo img{width: 100%;}
.footer .ft_use{display: flex; gap:20px; align-items: center;}
.footer .ft_use .line{display: inline-block; width: 1px; height: 15px; background: #FFF;}
.footer .ft_info{margin-top: 24px;}
.footer .ft_info li + li{margin-top: 5px;}
.footer .ft_info li span{font-weight: 500; display: inline-block; margin-right: 15px;}
.footer .ft_info li strong{display: inline-block; margin-right: 15px;}
.footer .copy{margin-top: 20px;}
.footer .ft_sns{display: flex; justify-content: flex-end; gap:10px; opacity: 0.6;}
.footer .ft_sns a{width: 30px;}
.footer .ft_sns a img{width: 100%;}
.footer .ft_site{margin-top: 37px; position: relative; width: 190px;}
.footer .ft_site .open{font-size: 15px; font-weight: 600; padding: 16px 24px; width: 100%; display: flex; align-items: center; justify-content: space-between; border: 1px solid #FFF; cursor: pointer;}
.footer .ft_site .open img{width: 9px; transition: all 0.3s;}
.footer .ft_site.on .open img{transform:rotate(-180deg);}
.footer .ft_site ul{position: absolute; width: 100%; bottom: 55px; padding: 15px 24px; background: #000; display: none;}
.footer .ft_site ul li + li{margin-top: 15px;}
.footer .ft_site ul li a{font-size: 14px; color: #D9D9D9; line-height: 1.7;}
.footer .ft_site ul li a:hover{color: #FFF; text-decoration: underline; text-underline-offset: 3px;}




@media screen and (max-width:1700px){
	.vis_arrow .prev{left: 0.77vw;}
	.vis_arrow .next{right: 0.77vw;}
	.visual .swiper-slide .vis_txt{padding: 0 70px;}
}


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

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


	/* HEADER */
	.header{height:7.04vw;}
	.header h1 a img{width: 10.56vw;}
	.header .gnb{gap:5.28vw;}
	.header .gnb > li > a{font-size: 1.13vw; letter-spacing: -0.07vw;}
	.header .gnb_2depth_bg {height: 15.85vw; bottom:-15.85vw;}
	.header .gnb_2depth{top:7.04vw;}
	.header .gnb_2depth li + li{margin-top:1.06vw;}
	.header .gnb_2depth li a{font-size: 1.13vw;}
	.all_menu_btn{width: 2.11vw;}
	.header .head_rt{gap:2.11vw;}
	.header .member{gap:1.41vw;}
	.header .member a{font-size: 0.99vw;}
	.header .member .line{height: 0.70vw;}


	/* all menu */
	.all_menu_close{right:3.87vw; top:3.87vw; width:2.11vw;}
	.all_menu .logo{padding-top:8.45vw;}
	.all_menu .logo img{width: 14.08vw;}
	.all_menu_list{margin-top:4.44vw;}
	.all_menu_list dl{min-height: 15.49vw; margin-bottom: 4.93vw;}
	.all_menu_list dl + dl{padding-left:2.82vw;}
	.all_menu_list dt{font-size:1.76vw; margin-bottom:2.11vw;}
	.all_menu_list dd + dd{margin-top:0.70vw;}
	.all_menu_list dd a{font-size:1.13vw;}


	/* visual */
	.visual .swiper-slide{height: 66.90vw;}
	.visual .swiper-slide .vis_txt{max-width: 100%; padding: 0 6.34vw;}
	.visual .swiper-slide .vis_txt em{font-size: 1.41vw;}
	.visual .swiper-slide .vis_txt h2{font-size: 3.87vw; margin-top: 1.20vw;}
	.visual .swiper-slide .vis_txt p{font-size: 1.69vw; margin-top: 1.06vw;}
	.visual .swiper-slide .vis_txt a{font-size: 1.27vw; letter-spacing: -0.07vw; padding: 0.70vw 1.41vw 0.70vw 2.11vw; margin-top: 3.24vw;}
	.visual .swiper-slide .vis_txt a i{width: 1.69vw; height: 1.69vw; margin: -0.14vw 0 0 1.06vw;}
	.vis_arrow div{width: 4.23vw;}
	.vis_arrow .prev{left: 0.77vw;}
	.vis_arrow .next{right: 0.77vw;}
	.vis_bt{bottom: 3.31vw; gap:1.69vw; width: 19.93vw;}
	.vis_bt .page{font-size: 0.99vw; letter-spacing: -0.06vw;}
	.vis_bt .scroll{width: 14.08vw;}


	/* quick menu */
	.quick{right: 2.11vw; bottom: 2.82vw;}
	.quick .top_btn{width: 4.23vw; height: 4.23vw; background-size: 1.34vw; box-shadow: 0 0.49vw 2.04vw 0 rgba(100, 100, 111, 0.20);}

	/* common */
	.main_tit{margin-bottom: 3.52vw;}
	.main_tit em{font-size: 1.13vw;}
	.main_tit .tit{margin: 0.70vw 0 1.41vw; font-size: 2.82vw;}
	.main_tit p{font-size: 1.27vw;}
	.no_data{height: 33.10vw !important; gap: 1.97vw;}
	.no_data .icon{width: 2.68vw;}
	.no_data p{font-size: 1.41vw;}

	/* sec1 */
	.main .sec1{padding: 7.04vw 0;}
	.main .sec1 .swiper{margin: 0 -1.06vw;}
	.main .sec1 .swiper-slide{margin: 0 1.06vw; width: 29.69vw;}
	.main .sec1 .swiper-slide .txt{margin-top: 1.41vw;}
	.main .sec1 .swiper-slide .txt .cate{font-size: 1.13vw;}
	.main .sec1 .swiper-slide .txt .tit{margin: 0.70vw 0; font-size: 1.55vw;}
	.main .sec1 .swiper-slide .txt .desc{font-size: 1.27vw;}
	.main .sec1 .swiper-slide .txt .date{margin-top: 1.41vw; font-size: 1.13vw;}
	.main .sec1 .control{margin-top: 2.11vw;}
	.main .sec1 .control .scrollbar{width: 82.32vw;}
	.main .sec1 .control .arrow{gap: 0.70vw;}
	.main .sec1 .control .arrow div{width: 3.52vw;}
	.main .sec1 .control .arrow div img{width: 1.41vw;}


	/* footer */
	.footer{padding: 4.37vw 0 3.52vw;}
	.footer .ft_left{gap:3.52vw;}
	.footer .ft_left *{font-size: 1.13vw; letter-spacing: -0.03vw;}
	.footer .ft_logo{width: 10.56vw;}
	.footer .ft_use{gap:1.41vw;}
	.footer .ft_use .line{height: 1.06vw;}
	.footer .ft_info{margin-top: 1.69vw;}
	.footer .ft_info li + li{margin-top: 0.35vw;}
	.footer .ft_info li strong, .footer .ft_info li span{margin-right: 1.06vw;}
	.footer .copy{margin-top: 1.41vw;}
	.footer .ft_sns{gap:0.70vw;}
	.footer .ft_sns a{width: 2.11vw;}
	.footer .ft_site{margin-top: 2.61vw; width: 13.38vw;}
	.footer .ft_site .open{font-size: 1.06vw; padding: 1.13vw 1.69vw;}
	.footer .ft_site .open img{width: 0.63vw;}
	.footer .ft_site ul{bottom: 3.87vw; padding: 1.06vw 1.69vw;}
	.footer .ft_site ul li + li{margin-top: 1.06vw;}
	.footer .ft_site ul li a{font-size: 0.99vw;}
	.footer .ft_site ul li a:hover{text-underline-offset: 0.21vw;}

}



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

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


	/* HEADER */
	.header{height:7.81vw;}
	.header h1 a img{width: 11.72vw;}
	.header .gnb{gap:5.86vw;}
	.header .gnb > li > a{font-size: 1.25vw; letter-spacing: -0.08vw;}
	.header .gnb_2depth_bg {height: 17.58vw; bottom:-17.58vw;}
	.header .gnb_2depth{top:7.81vw;}
	.header .gnb_2depth li + li{margin-top:1.17vw;}
	.header .gnb_2depth li a{font-size: 1.25vw;}
	.all_menu_btn{width: 2.34vw;}
	.header .head_rt{gap:2.34vw;}
	.header .member{gap:1.56vw;}
	.header .member a{font-size: 1.09vw;}
	.header .member .line{height: 0.78vw;}


	/* all menu */
	.all_menu_close{right:4.30vw; top:4.30vw; width:2.34vw;}
	.all_menu .logo{padding-top:7.38vw;}
	.all_menu .logo img{width: 15.63vw;}
	.all_menu_list{margin-top:4.92vw;}
	.all_menu_list dl{min-height: 17.19vw; margin-bottom: 4.47vw;}
	.all_menu_list dl + dl{padding-left:3.13vw;}
	.all_menu_list dt{font-size:1.95vw; margin-bottom:2.34vw;}
	.all_menu_list dd + dd{margin-top:0.78vw;}
	.all_menu_list dd a{font-size:1.25vw;}


	/* visual */
	.visual .swiper-slide{height: 63.59vw;}
	.visual .swiper-slide .vis_txt{max-width: 100%; padding: 0 7.03vw;}
	.visual .swiper-slide .vis_txt em{font-size: 1.41vw;}
	.visual .swiper-slide .vis_txt h2{font-size: 3.75vw; margin-top: 1.33vw;}
	.visual .swiper-slide .vis_txt p{font-size: 1.56vw; margin-top: 1.17vw;}
	.visual .swiper-slide .vis_txt a{font-size: 1.21vw; letter-spacing: -0.08vw; padding: 0.78vw 1.56vw 0.78vw 2.34vw; margin-top: 3.59vw;}
	.visual .swiper-slide .vis_txt a i{width: 1.56vw; height: 1.56vw; margin: -0.16vw 0 0 1.17vw;}
	.vis_arrow div{width: 4.69vw;}
	.vis_arrow .prev{left: 0.86vw;}
	.vis_arrow .next{right: 0.86vw;}
	.vis_bt{bottom: 3.67vw; gap:1.88vw; width: 22.11vw;}
	.vis_bt .page{font-size: 1.09vw; letter-spacing: -0.06vw;}
	.vis_bt .scroll{width: 15.63vw;}
	.header .head_rt{gap:2.34vw;}
	.header .member{gap:1.56vw;}
	.header .member a{font-size: 1.09vw;}
	.header .member .line{height: 0.78vw;}


	/* quick menu */
	.quick{right: 2.34vw; bottom: 3.13vw;}
	.quick .top_btn{width: 4.69vw; height: 4.69vw; background-size: 1.48vw; box-shadow: 0 0.55vw 2.27vw 0 rgba(100, 100, 111, 0.20);}

	/* common */
	.main_tit{margin-bottom: 3.52vw;}
	.main_tit em{font-size: 1.09vw;}
	.main_tit .tit{margin: 0.70vw 0 1.41vw; font-size: 2.81vw;}
	.main_tit p{font-size: 1.25vw;}
	.no_data{height: 33.13vw !important; gap: 1.95vw;}
	.no_data .icon{width: 2.66vw;}
	.no_data p{font-size: 1.41vw;}

	/* sec1 */
	.main .sec1{padding: 7.03vw 0;}
	.main .sec1 .swiper{margin: 0 -1.09vw;}
	.main .sec1 .swiper-slide{margin: 0 1.09vw; width: 29.30vw;}
	.main .sec1 .swiper-slide .txt{margin-top: 1.41vw;}
	.main .sec1 .swiper-slide .txt .cate{font-size: 1.09vw;}
	.main .sec1 .swiper-slide .txt .tit{margin: 0.70vw 0; font-size: 1.56vw;}
	.main .sec1 .swiper-slide .txt .desc{font-size: 1.25vw;}
	.main .sec1 .swiper-slide .txt .date{margin-top: 1.41vw; font-size: 1.09vw;}
	.main .sec1 .control{margin-top: 2.11vw;}
	.main .sec1 .control .scrollbar{width: 82.34vw;}
	.main .sec1 .control .arrow{gap: 0.70vw;}
	.main .sec1 .control .arrow div{width: 3.52vw;}
	.main .sec1 .control .arrow div img{width: 1.41vw;}


	/* footer */
	.footer{padding: 4.84vw 0 3.91vw;}
	.footer .ft_left{gap:3.91vw;}
	.footer .ft_left *{font-size: 1.25vw; letter-spacing: -0.04vw;}
	.footer .ft_logo{width: 11.72vw;}
	.footer .ft_use{gap:1.56vw;}
	.footer .ft_use .line{height: 1.17vw;}
	.footer .ft_info{margin-top: 1.88vw;}
	.footer .ft_info li + li{margin-top: 0.39vw;}
	.footer .ft_info li + li span:last-of-type{margin-top: 0.39vw;}
	.footer .ft_info li strong, .footer .ft_info li span{margin-right: 1.17vw;}
	.footer .copy{margin-top: 1.56vw;}
	.footer .ft_sns{gap:0.78vw;}
	.footer .ft_sns a{width: 2.34vw;}
	.footer .ft_site{margin-top: 2.89vw; width: 14.84vw;}
	.footer .ft_site .open{font-size: 1.17vw; padding: 1.25vw 1.88vw;}
	.footer .ft_site .open img{width: 0.70vw;}
	.footer .ft_site ul{bottom: 4.30vw; padding: 1.17vw 1.88vw;}
	.footer .ft_site ul li + li{margin-top: 1.17vw;}
	.footer .ft_site ul li a{font-size: 1.09vw;}
	.footer .ft_site ul li a:hover{text-underline-offset: 0.23vw;}

}



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

	/* 공통 */
	.inner{padding: 0 3.13vw;}
	.pc{display:none !important;}
	.mob{display:block !important;}


	/* HEADER */
	.header{height:15.63vw;}
	.header h1 a img{width: 26.04vw;}
	.header .gnb,
	.header .gnb_2depth_bg{display: none !important;}
	.all_menu_btn{display: none;}
	.head_mob_btn{display:block !important; width: 6.64vw; cursor: pointer;}
	.header:hover .head_mob_btn img{filter:invert(1);}
	.header.on .head_mob_btn img,
	.header.fixed .head_mob_btn img{filter:invert(1);}
	.header .member{display: none;}

	/* sideMenu */
    .head_bg {position: fixed; right: 0; top: 0; z-index: 10000; width: 100%; height: 100vh;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding-top: 12.50vw; width: 100%; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 4.56vw; right: 2.73vw;}
    .head_bg .head_bg_close img {width: 6.25vw;}
	.head_bg .head_bg_logo a{display: block; text-align: center;}
    .head_bg .head_bg_logo img {width:39.06vw;}
    .head_bg .member{padding: 9.38vw 5.73vw 0; display: flex; align-items: center; gap:3.39vw;}
    .head_bg .member a{font-size: 3.65vw; color: #6D6D6D; line-height: 1.7;}
    .head_bg .member .line{width: 1px; height: 3.13vw; background: #6D6D6D; display: inline-block;}
    .head_bg #accordion{margin-top: 4.43vw; overflow-y: auto; max-height: 80%;}
    .head_bg #accordion::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */ border-radius:5px;}
    .head_bg #accordion::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius:5px;}
    .head_bg #accordion::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius:5px;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 4.69vw 5.73vw; border-bottom: 1px solid #E3E3E3; cursor: pointer; font-weight: 500;}
    .head_bg #accordion li:first-child > div{border-top: 1px solid #E3E3E3;}
    .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: 5.73vw; width: 2.79vw; height: 1.58vw; transition:all 0.3s;}
    .head_bg .submenu {display: none; padding: 4.6vw 5.73vw; border-bottom: 1px solid #E3E3E3; background: #F9F9F9;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 500; color: #8E8E8E; line-height: 2.14;}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 1px; color: #003D8B;}
    .head_bg #accordion li.on > div{background: #003D8B; color: #fff; border-color: #003D8B;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:invert(1);}


	/* all menu */
	.all_menu{display: none !important;}


	/* visual */
	.visual .swiper-slide{height: 169.27vw;}
	.visual .swiper-slide .vis_txt{padding: 0 3.13vw; top: 47.14vw; transform:translateY(0);}
	.visual .swiper-slide .vis_txt em{font-size: 3.65vw;}
	.visual .swiper-slide .vis_txt h2{font-size: 9.38vw; margin-top: 3.91vw;}
	.visual .swiper-slide .vis_txt p{font-size: 4.17vw; margin-top: 3.39vw;}
	.visual .swiper-slide .vis_txt a{font-size: 4.17vw; letter-spacing: -0.26vw; padding: 2.60vw 5.21vw 2.08vw 7.81vw; margin-top: 6.38vw;}
	.visual .swiper-slide .vis_txt a i{width: 6.25vw; height: 6.25vw; margin: -0.65vw 0 0 6.51vw;}
	.vis_arrow{display: none;}
	.vis_bt{bottom: 9.11vw; gap:33.85vw; width: 42.45vw;}
	.vis_bt .page{font-size: 3.65vw; letter-spacing: -0.21vw;}
	.vis_bt .scroll{width: 26.04vw;}


	/* quick menu */
	.quick{right: 3.91vw; bottom: 5.21vw;}
	.quick .top_btn{width: 11.81vw; height: 11.81vw; background-size: 3.47vw; box-shadow: 0 0.91vw 3.78vw 0 rgba(100, 100, 111, 0.20);}

	/* common */
	.main_tit{margin-bottom: 7.81vw;}
	.main_tit em{font-size: 3.26vw;}
	.main_tit .tit{margin: 2.60vw 0 3.91vw; font-size: 6.51vw;}
	.main_tit p{font-size: 3.65vw;}
	.no_data{height: 61.20vw !important; gap: 4.17vw;}
	.no_data .icon{width: 6.51vw;}
	.no_data p{font-size: 3.65vw;}

	/* sec1 */
	.main .sec1{padding: 15.63vw 0;}
	.main .sec1 .swiper{margin: 0 -3.13vw 0 0;}
	.main .sec1 .swiper-slide{margin: 0 4.17vw 0 0; width: 62.94vw;}
	.main .sec1 .swiper-slide .txt{margin-top: 5.21vw;}
	.main .sec1 .swiper-slide .txt .cate{font-size: 3.26vw;}
	.main .sec1 .swiper-slide .txt .tit{margin: 1.95vw 0; font-size: 5.21vw;}
	.main .sec1 .swiper-slide .txt .desc{font-size: 3.65vw;}
	.main .sec1 .swiper-slide .txt .date{margin-top: 3.65vw; font-size: 3.26vw;}
	.main .sec1 .control{margin-top: 7.81vw;}
	.main .sec1 .control .scrollbar{width: 65.46vw;}
	.main .sec1 .control .arrow{gap: 1.95vw;}
	.main .sec1 .control .arrow div{width: 10.42vw;}
	.main .sec1 .control .arrow div img{width: 3.91vw;}


	/* footer */
	.footer{padding: 13.67vw 0;}
	.footer .inner{display: block;}
	.footer .ft_left{gap:10.42vw; flex-direction: column;}
	.footer .ft_left *{font-size: 3.65vw; letter-spacing: -0.06vw;}
	.footer .ft_logo{width: 33.48vw;}
	.footer .ft_use{gap:3.60vw;}
	.footer .ft_use .line{height: 2.5vw;}
	.footer .ft_info{margin-top: 3.13vw;}
	.footer .ft_info li{line-height: 1.7;}
	.footer .ft_info li + li{margin-top: 0;}
	.footer .ft_info li + li span:last-child{margin-top: 0;}
	.footer .ft_info li strong, .footer .ft_info li span{margin-right: 1.95vw;}
	.footer .copy{margin-top: 3.91vw;}
	.footer .ft_right{display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin-top: 12.50vw;}
	.footer .ft_sns{gap:2.08vw;}
	.footer .ft_sns a{width: 8.59vw;}
	.footer .ft_site{margin-top: 0; width: 39.06vw;}
	.footer .ft_site .open{font-size: 3.65vw; padding: 2.58vw 3.63vw;}
	.footer .ft_site .open img{width: 2.17vw;}
	.footer .ft_site ul{bottom: 11.16vw; padding: 2.95vw 3.63vw;}
	.footer .ft_site ul li + li{margin-top: 1.95vw;}
	.footer .ft_site ul li a{font-size: 3.65vw;}
	.footer .ft_site ul li a:hover{text-underline-offset: 0.39vw;}

}