/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1400px; margin:0 auto;}
.point{color: var(--blue) !important;}
body{position: relative;}

:root {
    --font-pre : 'Pretendard';
    --blue : #213A74;
}


/* HEADER */
.header{height:100px; padding:0 85px; position:fixed; top:0; z-index:1000; width:100%; background: #FFF; border-bottom: 1px solid #E3E3E3;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between; max-width: 100%;}
.header .inner > div{display:flex; align-items:center;}
.header h1 a img{width: 251px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .gnb{display:flex; gap:70px; height: 100%;}
.header .gnb > li{position:relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a{font-size: 18px; letter-spacing: -0.5px; font-weight: 600;}
.header .gnb_2depth{position:absolute; top:100px; left: 50%; transform: translateX(-50%); min-width: 190px; z-index: 1000; overflow: hidden; visibility: hidden; width: max-content; padding: 30px;}
.header .gnb_2depth::before{content: ''; display: block; position:absolute; border-radius: 0 0 20px 20px; background: var(--blue); width: 100%; height: 0; z-index: -1; left: 0; top: 0;}
.header .gnb_2depth li{opacity: 0;}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 16px; letter-spacing: -0.5px; color: #fff;}
.header .gnb_2depth li a:hover{font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.header .gnb > li:hover > a{font-weight: 600; color: var(--blue); text-decoration: underline 1px; text-underline-offset: 3px;}
.header .gnb > li:hover > .gnb_2depth{height: auto; overflow: visible; visibility: inherit;}
.header .gnb > li:hover > .gnb_2depth::before{height:100%; transition:height .3s ease;}
.header .gnb > li:hover > .gnb_2depth > li{opacity:1; transition:all 0.8s ease-in-out;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(1){transition-delay: .02s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(2){transition-delay: .04s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(3){transition-delay: .06s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(4){transition-delay: .08s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(5){transition-delay: .10s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(6){transition-delay: .12s;}
.head_rt{display: flex; align-items: center; gap: 50px;}
.util_menu{display: flex; align-items: center; gap: 20px;}
.util_menu .line{width: 1px; height: 12px; background: rgba(0, 0, 0, 0.30);}
.util_menu a{font-size: 14px;}
.util_menu a img{width: 22px; display: inline-block; margin: -2px 8px 0 0;}
.all_menu_btn{width: 30px; cursor:pointer;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

/* quick menu */
.quick{position: fixed; right: 85px; bottom: 85px; z-index: 100; display: none;}
.quick .top_btn{width: 80px; height: 80px; background: var(--blue); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.quick .top_btn img{width: 26px;}
.quick .top_btn b{font-size: 14px; letter-spacing: -0.4px; color: #FFF; line-height: 1.42;}

/* all menu */
.all_menu{display:none; position:fixed; width:100%; height:100%; z-index:5000; background: #fff;}
.all_menu_close{position:absolute; right: 50px; top:60px; width:45px; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu .inner{max-width: 1600px; padding-top: 100px;}
.all_menu .logo{width: 300px;}
.all_menu .cont{display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.all_menu_list{display:flex; flex-wrap: wrap; width: 900px; gap: 100px 0;}
.all_menu_list dl{width: 33.33%; min-height: 220px;}
.all_menu_list dl + dl{border-left:1px solid #E3E3E3; padding-left:40px;}
.all_menu_list dl:nth-of-type(4){border-left: none; padding-left: 0;}
.all_menu_list dt{margin-bottom: 40px;}
.all_menu_list dt a{font-size:28px; font-weight:700; transition: all 0.4s;}
.all_menu_list dl:hover dt a{color: var(--blue);}
.all_menu_list dd + dd{margin-top: 20px;}
.all_menu_list dd a{font-size: 18px; letter-spacing: -0.5px; color: #6D6D6D; display: block; transition: color 0.4s;}
.all_menu_list dd a:hover{color: var(--blue); font-weight: 600; text-decoration: underline 1px; text-underline-offset: 3px;}
.all_menu .cont .img{width: 600px;}
.all_menu .cont .img img{width: 100%;}

/* common */
#wrap{margin-top: 100px;}
.view_btn{font-size: 16px; letter-spacing: -0.4px; line-height: 1.6; font-weight: 500; color: var(--blue); padding: 12px 25px 12px 32px; border-radius: 100px; border: 1px solid var(--blue); transition: all 0.4s; display: inline-block;}
.view_btn i{width: 18px; aspect-ratio: 1/1; background: url(/img/main/btn_arrow.svg) no-repeat center / contain; display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; transition: all 0.4s;}
.view_btn:hover{background: var(--blue); color: #fff;}
.view_btn:hover i{background-image: url(/img/main/btn_arrow_w.svg);}

/* visual */
.main .visual{position: relative; padding: 0 85px; margin: 0 auto;}
.main .visual .swiper{border-radius: 40px; overflow: hidden;}
.main .visual .swiper-slide{height: 700px;}
.main .visual .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.main .visual .swiper-slide .txt{position: absolute; left: 0; right: 0; top: 120px;}
.main .visual .swiper-slide .txt b{font-size: 20px; letter-spacing: -0.7px; line-height: 1.5; font-weight: 600; display: block;}
.main .visual .swiper-slide .txt h2{margin-top: 10px; font-size: 50px; letter-spacing: -1px;}
.main .visual .swiper-slide .txt p{margin: 20px 0 30px; font-size: 18px; letter-spacing: -0.5px; line-height: 1.55; color: #555; white-space: pre-wrap;}
.main .visual .bot{position: absolute; left: 0; right: 0; top: 485px; z-index: 10; display: flex; align-items: center; gap: 15px;}
.main .visual .bot .arrow {position: relative; cursor: pointer;}
.main .visual .swiper-pagination {position: relative; margin: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; display: flex; align-items: center; gap: 0 10px;}
.main .visual .swiper-pagination-bullet {width: 50px; height: 3px; border-radius: 0; position: relative; overflow: hidden; margin: 0 !important; opacity: 1; background: #CDCDCD;}
.main .visual .swiper-pagination-bullet::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s;}
.main .visual .swiper-pagination-bullet-active {background: #CDCDCD;}
.main .visual .swiper-pagination-bullet-active::before {background-color: #000; animation: slide-progress 3.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
.main .visual .swiper-pagination.paused-animation .swiper-pagination-bullet-active::before {animation-play-state: paused;}
.main .visual .pause img {width: 25px; cursor: pointer;}
@keyframes slide-progress {
    0% {transform: translateX(-100%);} 
    100% {transform: translateX(0);}
}

/* quick menu */
.main .quick_menu{display: flex; align-items: center; height: 120px; border-radius: 30px; background: #FFF; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10); margin-top: -60px; position: relative; z-index: 10; overflow: hidden;}
.main .quick_menu a{display: flex; align-items: center; justify-content: center; width: 20%; height: 100%; gap: 20px; position: relative; transition: all 0.4s;}
.main .quick_menu a:hover{background: var(--blue); color: #fff;}
.main .quick_menu a + a::before{content: ''; display: block; width: 1px; height: 60px; background: rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.main .quick_menu a i{width: 45px; aspect-ratio: 1/1; transition: all 0.4s;}
.main .quick_menu a:nth-of-type(1) i{background: url(/img/main/q_ic1.svg) no-repeat center / contain;}
.main .quick_menu a:nth-of-type(2) i{background: url(/img/main/q_ic2.svg) no-repeat center / contain;}
.main .quick_menu a:nth-of-type(3) i{background: url(/img/main/q_ic3.svg) no-repeat center / contain;}
.main .quick_menu a:nth-of-type(4) i{background: url(/img/main/q_ic4.svg) no-repeat center / contain;}
.main .quick_menu a:nth-of-type(5) i{background: url(/img/main/q_ic5.svg) no-repeat center / contain;}
.main .quick_menu a:nth-of-type(1):hover i{background-image: url(/img/main/q_ic1_ov.svg);}
.main .quick_menu a:nth-of-type(2):hover i{background-image: url(/img/main/q_ic2_ov.svg);}
.main .quick_menu a:nth-of-type(3):hover i{background-image: url(/img/main/q_ic3_ov.svg);}
.main .quick_menu a:nth-of-type(4):hover i{background-image: url(/img/main/q_ic4_ov.svg);}
.main .quick_menu a:nth-of-type(5):hover i{background-image: url(/img/main/q_ic5_ov.svg);}
.main .quick_menu a span{font-size: 18px; letter-spacing: -0.5px; font-weight: 600;}

/* content */
.main .content{position: relative; padding: 130px 0;}
.main .content::before{content: ''; display: block; width: 500px; aspect-ratio: 1/1; background: url(/img/main/symbol_bg.svg) no-repeat center / contain; position: absolute; left: -86px; bottom: -218px; z-index: -1;}
.main .content .inner{display: flex; align-items: flex-start; justify-content: space-between;}
.main .content .tit_wrap{display: flex; align-items: flex-end; justify-content: space-between;}
.main .content .tit_wrap b{font-size: 16px; letter-spacing: -0.4px; line-height: 1.6;}
.main .content .tit_wrap .tit{margin-top: 10px; font-size: 35px; letter-spacing: -1px; font-weight: 700; line-height: 1.42;}
.main .content .notice{width: 655px;}
.main .content .notice .list{border-top: 1px solid #000; margin-top: 40px;}
.main .content .notice .list li{border-bottom: 1px solid #E3E3E3; position: relative;}
.main .content .notice .list li::before{content: ''; display: block; width: 0; height: 1px; background: var(--blue); position: absolute; left: 0; bottom: 0; transition: all 0.4s;}
.main .content .notice .list li:hover::before{width: 100%;}
.main .content .notice .list li a{font-size: 18px; line-height: 1.55; display: flex; align-items: center; justify-content: space-between; padding: 30px 0;}
.main .content .notice .list li a .tit{font-weight: 500; display: block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.4s;}
.main .content .notice .list li a .date{color: #8E8E8E; transition: all 0.4s;}
.main .content .notice .list li:hover a .tit{font-weight: 700; color: var(--blue);}
.main .content .notice .list li:hover a .date{color: var(--blue);}
.no_data{height: 440px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 28px; border-bottom: 1px solid #000; width: 100% !important;}
.no_data::before{display: none;}
.no_data img{width: 38px;}
.no_data p{font-size: 20px; letter-spacing: -0.4px; font-weight: 500;}
.main .content .consulting{width: 655px; height: 566px; padding: 70px 60px; border-radius: 40px; background: url(/img/main/banner_img.jpg) no-repeat center / cover; display: flex; align-items: flex-end; position: relative; overflow: hidden;}
.main .content .consulting::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(33, 58, 116, 0.00) 0%, #213A74 100%); position: absolute; left: 0; top: 0; z-index: 1;}
.main .content .consulting .tit_wrap{position: relative; z-index: 5; width: 100%;}
.main .content .consulting .tit{color: #fff;}
.main .content .consulting .view_btn{color: #fff; border-color: #fff;}
.main .content .consulting .view_btn i{background-image: url(/img/main/btn_arrow_w.svg);}
.main .content .consulting .view_btn:hover{background: #fff; color: #000;}
.main .content .consulting .view_btn:hover i{filter: invert(1);}

/* footer */
.footer{background: var(--blue); padding: 50px 0; position: relative; z-index: 1;}
.footer *{font-size: 16px; letter-spacing: -0.5px; color: #fff; line-height: 1.62;}
.footer .top{display: flex; justify-content: space-between; align-items: flex-start;}
.footer .top .wrap{display: flex; gap: 100px;}
.footer .logo{width: 250px;}
.footer .logo img{width: 100%;}
.footer .info{margin-top: 13px;}
.footer .info ul li{display: flex; gap: 15px; font-weight: 500;}
.footer .info ul li span em{opacity: 0.7;}
.footer .info .copy{margin-top: 15px; opacity: 0.7;}
.footer .site{width: 160px; margin-top: 13px; position: relative;}
.footer .site .tit{padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 50px; border: 1px solid #fff; cursor: pointer; transition: all 0.4s;}
.footer .site .tit img{width: 10px; transition: all 0.4s;}
.footer .site .tit.on{color: #000; background: #fff;}
.footer .site .tit.on img{filter: invert(1); transform: rotate(180deg);}
.footer .site .cont{display: none; padding: 25px 20px; background: #fff; border: 1px solid #E3E3E3; border-radius: 20px; position: absolute; width: 100%; bottom: 60px;}
.footer .site .cont a{color: #6D6D6D; display: block; line-height: normal;}
.footer .site .cont a + a{margin-top: 15px;}
.footer .site .cont a:hover{text-decoration: underline; text-underline-offset: 3px;}
.footer .bot{margin-top: 35px; padding-top: 35px; border-top: 1px solid rgba(255,255,255,0.5); display: flex; justify-content: space-between; align-items: flex-start;}
.footer .bot .use{display: flex; align-items: center; gap: 20px;}
.footer .bot .use .line{width: 1px; height: 15px; background: rgba(255,255,255,0.5);}
.footer .bot .sns{display: flex; gap: 10px; opacity: 0.7;}
.footer .bot .sns a{width: 30px;}
.footer .bot .sns a img{width: 100%;}



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

	.header, .main .visual{padding: 0 40px;}
	.header .gnb{gap: 40px;}
	.quick{right: 40px; bottom: 40px;}

}

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

	/* 공통 */
	.inner{max-width:85.37vw;}


	/* HEADER */
	.header{height:6.10vw; padding:0 2.44vw;}
	.header h1 a img{width: 15.30vw;}
	.header .gnb{gap:3.05vw;}
	.header .gnb > li > a{font-size: 1.10vw; letter-spacing: -0.03vw;}
	.header .gnb_2depth{top:6.10vw; min-width: 11.59vw; padding: 1.83vw;}
	.header .gnb_2depth::before{border-radius: 0 0 1.22vw 1.22vw;}
	.header .gnb_2depth li + li{margin-top:0.91vw;}
	.header .gnb_2depth li a{font-size: 0.98vw; letter-spacing: -0.03vw;}
	.head_rt{gap: 3.05vw;}
	.util_menu{gap: 1.22vw;}
	.util_menu .line{height: 0.73vw;}
	.util_menu a{font-size: 0.85vw;}
	.util_menu a img{width: 1.34vw; margin: -0.12vw 0.49vw 0 0;}
	.all_menu_btn{width: 1.83vw;}

	/* quick menu */
	.quick{right: 2.44vw; bottom: 2.44vw;}
	.quick .top_btn{width: 4.88vw; height: 4.88vw;}
	.quick .top_btn img{width: 1.59vw;}
	.quick .top_btn b{font-size: 0.85vw; letter-spacing: -0.02vw;}

	/* all menu */
	.all_menu_close{right: 3.05vw; top:3.66vw; width:2.74vw;}
	.all_menu .inner{max-width: 100%; padding: 6.10vw 2.44vw 0;}
	.all_menu .logo{width: 18.29vw;}
	.all_menu .cont{margin-top: 1.83vw;}
	.all_menu_list{width: 54.88vw; gap: 6.10vw 0;}
	.all_menu_list dl{min-height: 13.41vw;}
	.all_menu_list dl + dl{padding-left:2.44vw;}
	.all_menu_list dt{margin-bottom: 2.44vw;}
	.all_menu_list dt a{font-size:1.71vw;}
	.all_menu_list dd + dd{margin-top: 1.22vw;}
	.all_menu_list dd a{font-size: 1.10vw; letter-spacing: -0.03vw;}
	.all_menu .cont .img{width: 36.59vw;}

	/* common */
	#wrap{margin-top: 6.10vw;}
	.view_btn{font-size: 0.98vw; letter-spacing: -0.02vw; padding: 0.73vw 1.52vw 0.73vw 1.95vw;}
	.view_btn i{width: 1.10vw; margin: -0.12vw 0 0 0.49vw;}

	/* visual */
	.main .visual{padding: 0 2.44vw;}
	.main .visual .swiper{border-radius: 2.44vw;}
	.main .visual .swiper-slide{height: 42.68vw;}
	.main .visual .swiper-slide .txt{top: 7.32vw;}
	.main .visual .swiper-slide .txt b{font-size: 1.22vw; letter-spacing: -0.04vw;}
	.main .visual .swiper-slide .txt h2{margin-top: 0.61vw; font-size: 3.05vw; letter-spacing: -0.06vw;}
	.main .visual .swiper-slide .txt p{margin: 1.22vw 0 1.83vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
	.main .visual .bot{top: 29.57vw; gap: 0.91vw;}
	.main .visual .swiper-pagination {gap: 0 0.61vw;}
	.main .visual .swiper-pagination-bullet {width: 3.05vw;}
	.main .visual .pause img {width: 1.52vw;}

	/* quick menu */
	.main .quick_menu{height: 7.32vw; border-radius: 1.83vw; box-shadow: 0 0 1.83vw 0 rgba(0, 0, 0, 0.10); margin-top: -3.66vw;}
	.main .quick_menu a{gap: 1.22vw;}
	.main .quick_menu a + a::before{height: 3.66vw;}
	.main .quick_menu a i{width: 2.74vw;}
	.main .quick_menu a span{font-size: 1.10vw; letter-spacing: -0.03vw;}

	/* content */
	.main .content{padding: 7.93vw 0;}
	.main .content::before{width: 30.49vw; left: -5.24vw; bottom: -13.29vw;}
	.main .content .tit_wrap b{font-size: 0.98vw; letter-spacing: -0.02vw;}
	.main .content .tit_wrap .tit{margin-top: 0.61vw; font-size: 2.13vw; letter-spacing: -0.06vw;}
	.main .content .notice{width: 39.94vw;}
	.main .content .notice .list{margin-top: 2.44vw;}
	.main .content .notice .list li a{font-size: 1.10vw; padding: 1.83vw 0;}
	.no_data{height: 26.83vw; gap: 1.71vw;}
	.no_data img{width: 2.32vw;}
	.no_data p{font-size: 1.22vw; letter-spacing: -0.02vw;}
	.main .content .consulting{width: 39.94vw; height: 34.51vw; padding: 4.27vw 3.66vw; border-radius: 2.44vw;}

	/* footer */
	.footer{padding: 3.05vw 0;}
	.footer *{font-size: 0.98vw; letter-spacing: -0.03vw;}
	.footer .top .wrap{gap: 6.10vw;}
	.footer .logo{width: 15.24vw;}
	.footer .info{margin-top: 0.79vw;}
	.footer .info ul li{gap: 0.91vw;}
	.footer .info .copy{margin-top: 0.91vw;}
	.footer .site{width: 9.76vw; margin-top: 0.79vw;}
	.footer .site .tit{padding: 0.61vw 1.22vw;}
	.footer .site .tit img{width: 0.61vw;}
	.footer .site .cont{padding: 1.52vw 1.22vw; border-radius: 1.22vw; bottom: 3.66vw;}
	.footer .site .cont a + a{margin-top: 0.91vw;}
	.footer .bot{margin-top: 2.13vw; padding-top: 2.13vw;}
	.footer .bot .use{gap: 1.22vw;}
	.footer .bot .use .line{height: 0.91vw;}
	.footer .bot .sns{gap: 0.61vw;}
	.footer .bot .sns a{width: 1.83vw;}

}



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

	/* 공통 */
	.inner{max-width:85.39vw;}


	/* HEADER */
	.header{height:6.09vw; padding:0 2.42vw;}
	.header h1 a img{width: 15.31vw;}
	.header .gnb{gap:3.05vw;}
	.header .gnb > li > a{font-size: 1.09vw; letter-spacing: -0.00vw;}
	.header .gnb_2depth{top:6.09vw; min-width: 11.56vw; padding: 1.80vw;}
	.header .gnb_2depth::before{border-radius: 0 0 1.25vw 1.25vw;}
	.header .gnb_2depth li + li{margin-top:0.94vw;}
	.header .gnb_2depth li a{font-size: 1.02vw; letter-spacing: -0.00vw;}
	.head_rt{gap: 3.05vw;}
	.util_menu{gap: 1.25vw;}
	.util_menu .line{height: 0.70vw;}
	.util_menu a{font-size: 0.86vw;}
	.util_menu a img{width: 1.33vw; margin: -0.16vw 0.47vw 0 0;}
	.all_menu_btn{width: 1.80vw;}

	/* quick menu */
	.quick{right: 2.42vw; bottom: 2.42vw;}
	.quick .top_btn{width: 4.84vw; height: 4.84vw;}
	.quick .top_btn img{width: 1.56vw;}
	.quick .top_btn b{font-size: 0.86vw; letter-spacing: -0.00vw;}

	/* all menu */
	.all_menu_close{right: 3.05vw; top:3.67vw; width:2.73vw;}
	.all_menu .inner{padding: 6.09vw 2.42vw 0;}
	.all_menu .logo{width: 18.28vw;}
	.all_menu .cont{margin-top: 1.80vw;}
	.all_menu_list{width: 54.84vw; gap: 6.09vw 0;}
	.all_menu_list dl{min-height: 13.44vw;}
	.all_menu_list dl + dl{padding-left:2.42vw;}
	.all_menu_list dt{margin-bottom: 2.42vw;}
	.all_menu_list dt a{font-size:1.72vw;}
	.all_menu_list dd + dd{margin-top: 1.25vw;}
	.all_menu_list dd a{font-size: 1.09vw; letter-spacing: -0.00vw;}
	.all_menu .cont .img{width: 36.56vw;}

	/* common */
	#wrap{margin-top: 6.09vw;}
	.view_btn{font-size: 1.02vw; letter-spacing: -0.00vw; padding: 0.70vw 1.48vw 0.70vw 1.95vw;}
	.view_btn i{width: 1.09vw; margin: -0.16vw 0 0 0.47vw;}

	/* visual */
	.main .visual{padding: 0 2.42vw;}
	.main .visual .swiper{border-radius: 2.42vw;}
	.main .visual .swiper-slide{height: 42.66vw;}
	.main .visual .swiper-slide .txt{top: 7.34vw;}
	.main .visual .swiper-slide .txt b{font-size: 1.25vw; letter-spacing: -0.08vw;}
	.main .visual .swiper-slide .txt h2{margin-top: 0.63vw; font-size: 3.05vw; letter-spacing: -0.08vw;}
	.main .visual .swiper-slide .txt p{margin: 1.25vw 0 1.80vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
	.main .visual .bot{top: 29.53vw; gap: 0.94vw;}
	.main .visual .swiper-pagination {gap: 0 0.63vw;}
	.main .visual .swiper-pagination-bullet {width: 3.05vw;}
	.main .visual .pause img {width: 1.48vw;}

	/* quick menu */
	.main .quick_menu{height: 7.34vw; border-radius: 1.80vw; box-shadow: 0 0 1.80vw 0 rgba(0, 0, 0, 0.10); margin-top: -3.67vw;}
	.main .quick_menu a{gap: 1.25vw;}
	.main .quick_menu a + a::before{height: 3.67vw;}
	.main .quick_menu a i{width: 2.73vw;}
	.main .quick_menu a span{font-size: 1.09vw; letter-spacing: -0.00vw;}

	/* content */
	.main .content{padding: 7.97vw 0;}
	.main .content::before{width: 30.47vw; left: -5.23vw; bottom: -13.28vw;}
	.main .content .tit_wrap b{font-size: 1.02vw; letter-spacing: -0.00vw;}
	.main .content .tit_wrap .tit{margin-top: 0.63vw; font-size: 2.11vw; letter-spacing: -0.08vw;}
	.main .content .notice{width: 39.92vw;}
	.main .content .notice .list{margin-top: 2.42vw;}
	.main .content .notice .list li a{font-size: 1.09vw; padding: 1.80vw 0;}
	.no_data{height: 26.80vw; gap: 1.72vw;}
	.no_data img{width: 2.34vw;}
	.no_data p{font-size: 1.25vw; letter-spacing: -0.00vw;}
	.main .content .consulting{width: 39.92vw; height: 34.53vw; padding: 4.30vw 3.67vw; border-radius: 2.42vw;}

	/* footer */
	.footer{padding: 3.05vw 0;}
	.footer *{font-size: 1.02vw; letter-spacing: -0.00vw;}
	.footer .top .wrap{gap: 6.09vw;}
	.footer .logo{width: 15.23vw;}
	.footer .info{margin-top: 0.78vw;}
	.footer .info ul li{gap: 0.94vw;}
	.footer .info .copy{margin-top: 0.94vw;}
	.footer .site{width: 9.77vw; margin-top: 0.78vw;}
	.footer .site .tit{padding: 0.63vw 1.25vw;}
	.footer .site .tit img{width: 0.63vw;}
	.footer .site .cont{padding: 1.48vw 1.25vw; border-radius: 1.25vw; bottom: 3.67vw;}
	.footer .site .cont a + a{margin-top: 0.94vw;}
	.footer .bot{margin-top: 2.11vw; padding-top: 2.11vw;}
	.footer .bot .use{gap: 1.25vw;}
	.footer .bot .use .line{height: 0.94vw;}
	.footer .bot .sns{gap: 0.63vw;}
	.footer .bot .sns a{width: 1.80vw;}

}



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

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


	/* HEADER */
	.header{height:9.77vw; padding:0;}
	.header h1 a img{width: 24.51vw;}
	.header .gnb{display: none;}
	.header .util_menu{display: none;}
	.util_menu{gap: 1.95vw; margin-top: 5.21vw;}
	.util_menu .line{height: 2.30vw;}
	.util_menu a{font-size: 1.75vw;}
	.util_menu a img{width: 2.95vw; margin: -0.20vw 0.78vw 0 0;}
	.all_menu_btn,
	.all_menu{display: none !important;}

	.head_mob_btn{display:block !important; width: 2.25vw;}
    .head_bg.on {display: block !important;}
    .head_bg {background: #00000080; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10000;}
    .head_bg_inner {background: #fff; width: 80%; height: 100%; position: absolute; top: 0; right: 0; padding: 11.72vw 3.91vw; box-sizing: border-box; overflow: hidden; overflow-y: scroll; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
    .head_bg_inner > div {width: 100%;}
    .head_bg_inner .logoutBtn {display: inline-flex !important; font-size: 1.67vw; letter-spacing: -0.00vw; margin-top: 2.33vw; padding: 0.93vw 1.93vw; border-radius: 5.67vw; color: #8E8E8E; display: inline-flex; align-items: center; justify-content: center;  border-radius: 50px; border: 1px solid #8E8E8E;}



    .head_bg_close {position: fixed; top: 3.91vw; right: 3.91vw;}
    .head_bg_close img {width: 2.95vw;}
    .head_bg_logo img {width: 30.11vw;}
    .head_bg .accordion {margin-top: 4.17vw;}
    .head_bg .accordion > li:first-child .link {border-top:1px solid #E7E7E7;}
    .head_bg .accordion .link {position: relative; padding: 2.65vw 0; font-size: 2.15vw; font-weight: 700; color: #000; letter-spacing: -0.10vw; line-height: 1.6; border-bottom: 1px solid #E7E7E7; cursor: pointer;}
    .head_bg .accordion .link::after {content: ""; width: 1.17vw; height: 1.95vw; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url('/img/main/m_allMenu_arrow.svg') no-repeat center / contain;}
    .head_bg .accordion .link.no_child{padding: 0;}
    .head_bg .accordion .link.no_child a{padding: 2.65vw 0; display: block;}
    .head_bg .accordion .link.no_child::after{transform: translateY(-50%) rotate(-90deg);}
    .head_bg .accordion > li.on .link {color: var(--blue);}
    .head_bg .accordion > li.on .link::after {background: url('/img/main/m_allMenu_arrow_on.svg') no-repeat center / contain;}
    .head_bg .accordion .submenu {display: none; background: rgba(203, 223, 246, 0.20); padding: 3.65vw 3.13vw; border-bottom: 1px solid #E7E7E7;}
    .head_bg .accordion .submenu a {font-size: 1.75vw; font-weight: 500; color: #000; line-height: 1.7; display: block;}
    .head_bg .accordion .submenu li + li a {padding-top: 0.98vw;}
    .head_bg .accordion .submenu a:hover {color: var(--blue); font-weight: 700;}

	/* quick menu */
	.quick{right: 3.91vw; bottom: 3.91vw;}
	.quick .top_btn{width: 7.81vw; height: 7.81vw;}
	.quick .top_btn img{width: 2.54vw;}
	.quick .top_btn b{font-size: 1.37vw; letter-spacing: -0.04vw;}

	/* common */
	#wrap{margin-top: 9.77vw;}
	.view_btn{font-size: 1.56vw; letter-spacing: -0.04vw; padding: 1.17vw 2.44vw 1.17vw 3.13vw;}
	.view_btn i{width: 1.76vw; margin: -0.20vw 0 0 0.78vw;}

	/* visual */
	.main .visual{padding: 0 3.91vw;}
	.main .visual .swiper{border-radius: 3.91vw;}
	.main .visual .swiper-slide{height: 53.36vw; position: relative;}
	.main .visual .swiper-slide::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #FAFAFB 60%, rgba(250, 250, 251, 0.00) 100%); position: absolute; left: 0; top: 0; opacity: 0.4;}
	.main .visual .swiper-slide .txt{top: 7.81vw;}
	.main .visual .swiper-slide .txt b{font-size: 1.75vw; letter-spacing: -0.07vw;}
	.main .visual .swiper-slide .txt h2{margin-top: 0.98vw; font-size: 4.17vw; letter-spacing: -0.10vw;}
	.main .visual .swiper-slide .txt p{margin: 1.95vw 0 2.93vw; font-size: 1.66vw; letter-spacing: -0.05vw;}
	.main .visual .bot{top: 39.36vw; gap: 1.46vw;}
	.main .visual .swiper-pagination {gap: 0 0.98vw;}
	.main .visual .swiper-pagination-bullet {width: 4.88vw;}
	.main .visual .pause img {width: 2.44vw;}

	/* quick menu */
	.main .quick_menu{height: 11.72vw; border-radius: 2.93vw; box-shadow: 0 0 2.93vw 0 rgba(0, 0, 0, 0.10); margin-top: -5.86vw; max-width: 81.72vw; padding: 0;}
	.main .quick_menu a{gap: 1.00vw; flex-direction: column;}
	.main .quick_menu a + a::before{height: 5.86vw;}
	.main .quick_menu a i{width: 4.39vw;}
	.main .quick_menu a span{font-size: 1.76vw; letter-spacing: -0.05vw;}

	/* content */
	.main .content{padding: 10.42vw 0;}
	.main .content::before{width: 48.83vw; left: -8.40vw; bottom: -21.29vw;}
	.main .content .inner{flex-direction: column; gap: 6.51vw;}
	.main .content .tit_wrap b{font-size: 1.56vw; letter-spacing: -0.04vw;}
	.main .content .tit_wrap .tit{margin-top: 0.98vw; font-size: 3.42vw; letter-spacing: -0.10vw;}
	.main .content .notice{width: 100%;}
	.main .content .notice .list{margin-top: 3.91vw;}
	.main .content .notice .list li a{font-size: 1.76vw; padding: 2.93vw 0;}
	.no_data{height: 42.97vw; gap: 2.73vw;}
	.no_data img{width: 3.71vw;}
	.no_data p{font-size: 1.95vw; letter-spacing: -0.04vw;}
	.main .content .consulting{width: 100%; height: 55.27vw; padding: 6.84vw 5.86vw; border-radius: 3.91vw;}

	/* footer */
	.footer{padding: 4.88vw 0;}
	.footer *{font-size: 1.56vw; letter-spacing: -0.05vw;}
	.footer .top .wrap{gap: 2.60vw; flex-direction: column;}
	.footer .logo{width: 24.41vw;}
	.footer .info{margin-top: 0;}
	.footer .info ul li{gap: 1.46vw;}
	.footer .info .copy{margin-top: 1.46vw;}
	.footer .site{width: 15.63vw; margin-top: 1.27vw;}
	.footer .site .tit{padding: 0.98vw 1.95vw;}
	.footer .site .tit img{width: 0.98vw;}
	.footer .site .cont{padding: 2.44vw 1.95vw; border-radius: 1.95vw; bottom: 5.86vw;}
	.footer .site .cont a + a{margin-top: 1.46vw;}
	.footer .bot{margin-top: 3.42vw; padding-top: 3.42vw;}
	.footer .bot .use{gap: 1.95vw;}
	.footer .bot .use .line{height: 1.46vw;}
	.footer .bot .sns{gap: 0.98vw;}
	.footer .bot .sns a{width: 2.93vw;}

}



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

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


	/* HEADER */
	.header{height: 18.23vw;}
	.header h1 a img{width: 49.48vw;}
	.util_menu{gap: 3.26vw; margin-top: 6.51vw;}
	.util_menu .line{height: 3.26vw;}
	.util_menu a{font-size: 3.65vw;}
	.util_menu a img{width: 5.73vw; margin: -0.36vw 1.86vw 0 0;}
	.head_mob_btn{width: 6.51vw;}
    .head_bg_inner {width: calc(100% - 12.76vw); padding: 19.01vw 5.21vw 7vw;}
    .head_bg_inner .logoutBtn {display: inline-flex !important; font-size: 3.27vw; letter-spacing: -0.00vw; margin-top: 4.55vw; padding: 1.82vw 3.82vw; border-radius: 11.09vw;}
    .head_bg_close {top: 5.21vw; right: 2.30vw;}
    .head_bg_close img {width: 6.25vw;}
    .head_bg_logo img {width: 49.48vw;}
    .head_bg .accordion {margin-top: 7.81vw;}
    .head_bg .accordion .link {padding: 4.43vw 0; font-size: 4.17vw; letter-spacing: -0.10vw;}
    .head_bg .accordion .link::after {width: 2.60vw; height: 1.56vw;}
    .head_bg .accordion .link.no_child a{padding: 4.43vw 0;}
    .head_bg .accordion .submenu {padding: 6.51vw 5.47vw 5.99vw 5.47vw;}
    .head_bg .accordion .submenu a {font-size: 3.65vw;}
    .head_bg .accordion .submenu li + li a {padding-top: 1.30vw;}

	/* quick menu */
	.quick{right: 5.21vw !important; bottom: 5.21vw;}
	.quick .top_btn{width: 13.02vw; height: 13.02vw;}
	.quick .top_btn img{width: 3.91vw;}
	.quick .top_btn b{font-size: 2.86vw; letter-spacing: -0.05vw;}

	/* common */
	#wrap{margin-top: 18.23vw;}
	.view_btn{font-size: 3.65vw; letter-spacing: -0.09vw; padding: 2.30vw 4.17vw 2.30vw 5.21vw;}
	.view_btn i{width: 4.17vw; margin: -0.26vw 0 0 1.04vw;}

	/* visual */
	.main .visual{padding: 0 5.21vw;}
	.main .visual .swiper{border-radius: 5.21vw;}
	.main .visual .swiper-slide{height: 122.40vw;}
	.main .visual .swiper-slide::before{display: none;}
	.main .visual .swiper-slide .txt{top: 13.02vw;}
	.main .visual .swiper-slide .txt b{font-size: 3.65vw; letter-spacing: -0.09vw;}
	.main .visual .swiper-slide .txt h2{margin-top: 1.30vw; font-size: 7.81vw; letter-spacing: -0.13vw;}
	.main .visual .swiper-slide .txt p{margin: 3.91vw 0 5.21vw; font-size: 3.65vw; letter-spacing: -0.07vw; white-space: initial;}
	.main .visual .bot{top: initial; bottom: 5.21vw; gap: 1.95vw; justify-content: center;}
	.main .visual .bot .arrow, .main .visual .bot .pause{display: none;}
	.main .visual .swiper-pagination {gap: 0 1.30vw;}
	.main .visual .swiper-pagination-bullet {width: 9.11vw;}
	.main .visual .swiper-pagination-bullet-active::before {background-color: var(--blue);}

	/* quick menu */
	.main .quick_menu{height: auto; border-radius: 3.91vw; box-shadow: 0 0 3.91vw 0 rgba(0, 0, 0, 0.10); margin-top: 5.21vw; max-width: 89.58vw; flex-wrap: wrap;}
	.main .quick_menu a{gap: 1.30vw; width: 33.33%; padding: 3.91vw 0;}
	.main .quick_menu a:nth-of-type(-n+3){border-bottom: 1px solid #F5F5F5;}
	.main .quick_menu a:nth-of-type(5)::after{content: ''; display: block; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; right: -1px; top: 50%; transform: translateY(-50%);}
	.main .quick_menu a + a::before{height: 100%;}
	.main .quick_menu a i{width: 7.81vw;}
	.main .quick_menu a span{font-size: 3.65vw; letter-spacing: -0.07vw;}

	/* content */
	.main .content{padding: 15.63vw 0 18.23vw;}
	.main .content::before{width: 65.10vw; left: -11.20vw; bottom: -28.39vw; display: none;}
	.main .content .inner{gap: 10.42vw;}
	.main .content .tit_wrap b{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.main .content .tit_wrap .tit{margin-top: 1.30vw; font-size: 6.51vw; letter-spacing: -0.13vw;}
	.main .content .notice .list{margin-top: 5.21vw;}
	.main .content .notice .list li a{font-size: 3.65vw; padding: 5.73vw 0;}
	.main .content .notice .list li a .tit{max-width: 75%;}
	.no_data{height: 57.29vw; gap: 3.65vw;}
	.no_data img{width: 6.51vw;}
	.no_data p{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.main .content .consulting{height: 70.31vw; padding: 9.11vw 7.81vw; border-radius: 5.21vw;}

	/* footer */
	.footer{padding: 10.42vw 0;}
	.footer *{font-size: 3.65vw; letter-spacing: -0.07vw;}
	.footer .top{flex-direction: column; gap: 6.51vw;}
	.footer .top .wrap{gap: 6.51vw;}
	.footer .logo{width: 55.73vw;}
	.footer .info{margin-top: 1.69vw;}
	.footer .info ul li{gap: 0 1.95vw; flex-wrap: wrap;}
	.footer .info .copy{margin-top: 3.39vw;}
	.footer .site{width: 36.46vw; margin-top: 0;}
	.footer .site .tit{padding: 2.60vw 5.21vw;}
	.footer .site .tit img{width: 2.60vw;}
	.footer .site .cont{padding: 4.17vw 5.21vw; border-radius: 3.6vw; bottom: 13.02vw;}
	.footer .site .cont a + a{margin-top: 2.30vw;}
	.footer .bot{margin-top: 7.81vw; padding-top: 7.81vw;}
	.footer .bot .use{gap: 4.43vw;}
	.footer .bot .use .line{height: 3.26vw;}
	.footer .bot .sns{gap: 2.60vw;}
	.footer .bot .sns a{width: 7.81vw;}

}