@media(min-width: 992px){
	
	header{ z-index: 99; position: sticky; left: 0; top: 0; width: 100%; height: 90px; transition: all 0.3s; background: #fff;}
	header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1660px;}
	header div.inner_wrap h1{ width: 160px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%;}
	header div.inner_wrap nav > ul{ display: flex; gap: 30px;}
	header div.inner_wrap nav > ul > li{ position: relative;}
	header div.inner_wrap nav > ul > li > a{ display: block; width: 100%; height: 100%; font-weight: 500; font-size: 20px; line-height: 90px; transition: all 0.3s;}
	header div.inner_wrap div.user ul{ display: flex; gap: 15px;}
	header div.inner_wrap div.user ul li a{ display: flex; align-items: center; gap: 5px; padding: 10px 25px; font-weight: 500; font-size: 20px; border-radius: 999px;}
	header div.inner_wrap div.user ul li a img{ display: block; width: 25px;}
	header div.inner_wrap div.user ul li.call a{ color: #fff; background: linear-gradient(45deg, #0a4fa3, #8722dc);}
	header div.inner_wrap div.user ul li.kakao a{ background: #fae100;}
	
	@keyframes nav_fade{
		0%{ opacity: 0;}
		100%{ opacity: 1;}
	}
	
	section.visual{ padding: 0 10px; height: calc(100vh - 100px);}
	section.visual div.visual_inner{ width: 0; max-width: 1864px; height: 100%; margin: 0 auto; border-radius: 45px; background: url("/img/visual.jpg") no-repeat 50% 50%;
	background-size: cover; animation: visual 0.8s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%);}
	section.visual div.visual_inner div.txt_wrap p.sub_tit{ margin-bottom: 30px; font-size: 32px; color: #fff; opacity: 0; animation: visual_txt 0.5s 0.8s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap h2{ margin-bottom: 50px; font-size: 62px; color: #fff; opacity: 0; animation: visual_txt 0.5s 0.9s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap h2 span{ color: #fff005;}
	section.visual div.visual_inner div.txt_wrap a{ display: flex; align-items: center; gap: 8px; width: 300px; padding: 15px 40px; font-weight: bold; font-size: 30px; border-radius: 999px;
	background: #fff; opacity: 0; animation: visual_txt 0.5s 1s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap a svg{ width: 32px;}
	
	@keyframes visual{
		0%{ width: 0;}
		100%{ width: 100%;}
	}
	@keyframes visual_txt{
		0%{ transform: translateY(50px); opacity: 0;}
		100%{ transform: translateY(0); opacity: 1;}
	}
	
	section.review{ padding: 120px 10px 0;}
	section.review h2{ margin-bottom: 80px; font-weight: 600; font-size: 42px; text-align: center;}
	section.review div.view_box{ display: flex; gap: 30px; width: max-content; white-space: nowrap; animation: marque 35s infinite linear;}
	section.review div.ani_wrap:hover div.view_box{ animation-play-state: paused;}
	section.review div.view_box div.marque{ display: inline-block;}
	section.review div.view_box div.marque ul{ display: flex; gap: 30px; white-space: nowrap;}
	section.review div.view_box div.marque ul li{ max-width: 400px; flex: 0 0 auto;}
	section.review div.view_box div.marque ul li div.img_wrap{ overflow: hidden; margin-bottom: 15px; border-radius: 15px;}
	section.review div.view_box div.marque ul li div.img_wrap img{ display: block; width: 100%;}
	section.review div.view_box div.marque ul li p.tit{ margin-bottom: 8px; font-weight: 600; font-size: 24px; color: #000;}
	section.review div.view_box div.marque ul li p.desc{ margin-bottom: 8px; font-size: 18px; white-space: normal;}
	
	@keyframes marque{
		0%{ transform: translateX(0);}
		100%{ transform: translateX(-50%);}
	}
	
	section.certi{ z-index: 1; padding: 120px 10px;}
	section.certi::before{ z-index: -1; content: ""; position: absolute; left: 1%; bottom: 120px; display: block; width: 281px; height: 478px;
	background: url("/img/simbol.png") no-repeat 50% 50%; background-size: cover; filter: grayscale(1); opacity: 0.5;}
	section.certi div.inner_wrap{ display: flex; justify-content: space-between;}
	section.certi div.left_wrap{ width: 66%; padding: 0 10.4vw 0 70px;}
	section.certi div.left_wrap h2{ padding-top: 66px; margin-bottom: 30px; font-weight: 700; font-size: 52px;}
	section.certi div.left_wrap h2 span{ color: #004fa1;} 
	section.certi div.left_wrap p.desc{ font-weight: 500; font-size: 22px; color: #2b2b2b;} 
	section.certi div.left_wrap p.desc span{ display: block; margin: 50px 0 15px; font-weight: bold;}
	section.certi div.right_wrap{ width: 33.2%;}
	section.certi div.right_wrap img{ display: block; width: 100%;}
	
	
	section.together{ padding: 120px 10px; background: url("/img/together_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.together h2{ margin-bottom: 40px; font-weight: bold; font-size: 58px; text-align: center;}
	section.together h2 span{ color: #004fa1;} 
	section.together p.sub_tit{ margin-bottom: 40px; font-size: 24px; text-align: center; line-height: 1.4;}
	section.together ul{ display: flex; justify-content: center; gap: 15px;}
	section.together ul li a{ display: block; padding: 12px 30px; font-size: 20px; color: #fff; border-radius: 999px; background: #004fa1;}
	
	section.promo{ padding: 120px 10px;}
	section.promo h2{ margin-bottom: 20px; font-weight: bold; font-size: 42px; text-align: center;}
	section.promo h2 span{ color: #004fa1;}
	section.promo p.sub_tit{ margin-bottom: 40px; font-size: 24px; text-align: center;}
	section.promo ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.promo ul li{ display: flex; align-items: center; gap: 15px; width: calc((100% - 40px) / 3); padding: 30px; border-radius: 15px; background: #f7f7f7;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);}
	section.promo ul li p.tit{ margin-bottom: 8px; font-weight: bold; font-size: 24px;}
	section.promo ul li p.desc{ font-size: 18px;}
	
	section.area{ padding: 120px 10px; background: url("/img/area_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.area p.sub_tit{ margin-bottom: 12px; font-size: 32px; color: #fff;}
	section.area h2{ margin-bottom: 30px; font-weight: 600; font-size: 42px; color: #fff;}
	section.area h2 span{ font-size: 64px; color: #fbf311;}
	section.area p.desc{ font-size: 24px; color: #fff; line-height: 1.5;}
	section.area p.desc span{ font-weight: bold;}
	
	section.care{ padding: 110px 10px 0;}
	section.care p.sub_tit{ margin-bottom: 8px; font-size: 32px; text-align: center;}
	section.care h2{ margin-bottom: 20px; font-weight: bold; font-size: 42px; text-align: center;}
	section.care h2 span{ color: #004fa1;}
	section.care p.tit_desc{ margin-bottom: 60px; font-weight: 500; font-size: 20px; text-align: center; line-height: 1.4;}
	section.care ul{ display: flex;}
	section.care ul li{ position: relative; flex: 1; padding: 0 15px;}
	section.care ul li + li::after{ content: ""; position: absolute; left: 0; top: 30%; transform: translateX(-50%); display: block; width: 19px; height: 52px;
	background: url("/img/care_arr.png") no-repeat 50% 50%; background-size: cover;}
	section.care ul li div.img_wrap{ display: flex; align-items: center; justify-content: center; width: 170px; height: 170px; margin: 0 auto 15px; border-radius: 999px; background: #004fa1;}
	section.care ul li p.tit{ margin-bottom: 5px; font-weight: bold; font-size: 24px; text-align: center;}
	section.care ul li p.desc{ font-size: 18px; text-align: center;}
	
	section.partner{ padding: 120px 10px;}
	section.partner h2{ margin-bottom: 60px; font-weight: 600; font-size: 42px; text-align: center;}
	section.partner h2 span{ color: #004fa1;}
	section.partner div.marque{ width: max-content;}
	section.partner div.marque ul{ display: flex; gap: 50px; white-space: nowrap; animation: marque 25s infinite linear;}
	section.partner div.marque ul li{ width: 200px;}
	section.partner div.marque ul li img{ display: block; width: 100%;}
	
	@keyframes marque{
		0%{ transform: translateX(0);}
		100%{ transform: translateX(-50%);}
	}
	
	section.choice{ padding: 120px 10px; background: url("/img/choice_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.choice h2{ margin-bottom: 60px; font-weight: 600; font-size: 42px; text-align: center;}
	section.choice h2 span{ color: #004fa1;}
	section.choice ul{ display: flex; gap: 20px;}
	section.choice ul li{ width: calc((100% - 60px) / 4); padding: 40px 20px; border-radius: 20px; background: #fff;}
	section.choice ul li div.img_wrap{ width: 67px; margin: 0 auto 10px;}
	section.choice ul li div.img_wrap img{ display: block; width: 100%;}
	section.choice ul li p.tit{ margin-bottom: 10px; font-weight: bold; font-size: 24px; color: #003e89; text-align: center;}
	section.choice ul li p.desc{ font-size: 16px; text-align: center;}
	
	section.counsel{ padding: 120px 10px;}
	section.counsel p.sub_tit{ font-size: 24px; text-align: center;}
	section.counsel h2{ margin-bottom: 10px; font-weight: 700; font-size: 42px; text-align: center;}
	section.counsel h2 span{ color: #004fa1;}
	section.counsel p.tit_desc{ margin-bottom: 30px; font-size: 24px; text-align: center;}
	section.counsel ul{ display: flex; justify-content: center; gap: 30px;}
	section.counsel ul li a{ position: relative; display: block; width: 100%; height: 100%;}
	section.counsel ul li a img{ display: block; max-width: 100%;}
	section.counsel ul li a div.txt_wrap{ position: absolute; left: 30px; top: 40px;}
	section.counsel ul li a div.txt_wrap p.tit{ margin-bottom: 10px; font-weight: 600; font-size: 32px; color: #fff;}
	section.counsel ul li a div.txt_wrap p.desc{ font-weight: 500; font-size: 20px; color: #fff;}
	section.counsel ul li.kakao a div.txt_wrap p.tit{ color: #371c1d;}
	section.counsel ul li.kakao a div.txt_wrap p.desc{ color: #371c1d;}
	
	footer{ overflow: hidden; width: 98%; padding: 90px; margin: 0 auto 110px; color: #fff; border-radius: 25px; background: #333;}
	footer div.inner_wrap::before{ content: ""; position: absolute; right: 0; bottom: -110px; display: block; width: 210px; height: 348px; background: url("/img/foot_simbol.png") no-repeat 50% 50%;}
	footer div.footer-cont-info{ display: flex; gap: 40px;}
	footer div.ft_logo{ width: 190px;}
	footer div.ft_logo img{ width: 100%; filter: brightness(0) invert(1);}
	footer div.right_wrap{ font-size: 17px; line-height: 1.6;}
	footer div.right_wrap div.footer-copyright{ margin-top: 20px; font-size: 17px;}
	
	div.fix_btm{ z-index: 98; position: fixed; left: 0; bottom: 0; width: 100%; height: 90px; background: rgba(26, 89, 159, 0.9); backdrop-filter: blur(4px);}
	div.fix_btm div.flex_wrap ul{ display: flex; align-items: center; gap: 20px; height: 90px;}
	div.fix_btm div.flex_wrap ul li input{ height: 45px; padding: 8px; border-radius: 8px; border: none;}
	div.fix_btm div.flex_wrap ul li select{ min-width: 200px; height: 45px; padding: 8px; border-radius: 8px; border: none;}
	div.fix_btm div.flex_wrap ul li.agr_wrap{ display: flex; align-items: center; gap: 10px;}
	div.fix_btm div.flex_wrap ul li.agr_wrap label{ color: #fff;}
	div.fix_btm div.flex_wrap ul li.send{ width: 160px; margin-left: auto;}
	div.fix_btm div.flex_wrap ul li.send input{ display: block; width: 100%; font-weight: 600; font-size: 16px; color: #004fa1;}
}


@media(max-width: 991px){

	header{ z-index: 99; position: sticky; left: 0; top: 0; width: 100%; height: 80px; padding: 0 10px; background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
	header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between; height: 100%; padding-right: 40px;}
	header div.inner_wrap h1{ width: 150px;}
	header div.inner_wrap h1 img{ display: block; width: 100%;}
	header div.inner_wrap h1 img.white_logo{ display: none;}
	header div.inner_wrap nav{ z-index: 101; position: fixed; left: 100%; top: 0; width: 80%; height: 100vh; padding: 100px 20px 60px; background: #fff; transition: transform 0.3s;}
	header.on div.inner_wrap nav{ transform: translateX(-100%);}
	header.on::after{ z-index: 100; content: ""; position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4);}
	header div.inner_wrap div.user ul{ display: flex; gap: 10px;}
	header div.inner_wrap div.user ul li a{ display: flex; align-items: center; justify-content: center; gap: 5px; width: 40px; height: 40px; font-weight: 500; font-size: 20px; border-radius: 999px;}
	header div.inner_wrap div.user ul li a img{ display: block; width: 25px;}
	header div.inner_wrap div.user ul li a span{ display: none;} 
	header div.inner_wrap div.user ul li.call a{ color: #fff; background: linear-gradient(45deg, #0a4fa3, #8722dc);}
	header div.inner_wrap div.user ul li.kakao a{ background: #fae100;}
	
	header div.inner_wrap nav > ul > li > a{ position: relative; display: block; width: 100%; padding: 10px 0; font-size: 16px; text-align: left;}
	header div.inner_wrap div.nav_wrap{ z-index: 102; position: absolute; right: 0; top: 50%; width: 26px; height: 20px; transform: translateY(-50%);}
	header div.inner_wrap div.nav_wrap button.nav_btn{ position: relative; width: 100%; height: 100%;}
	header div.inner_wrap div.nav_wrap button.nav_btn span{ position: absolute; left: 0; display: block; width: 100%; height: 2px; background: #000; transition: all 0.3s;}
	header div.inner_wrap div.nav_wrap button.nav_btn span:nth-child(1){ top: 0;}
	header div.inner_wrap div.nav_wrap button.nav_btn span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	header div.inner_wrap div.nav_wrap button.nav_btn span:nth-child(3){ top: 100%; transform: translateY(-100%);}
	header.on div.inner_wrap div.nav_wrap button.nav_btn span:nth-child(1){ transform: rotate(45deg); transform-origin: 0 50%;}
	header.on div.inner_wrap div.nav_wrap button.nav_btn span:nth-child(2){ display: none;}
	header.on div.inner_wrap div.nav_wrap button.nav_btn span:nth-child(3){ top: 100%; transform: translateY(-100%) rotate(-45deg); transform-origin: 0 50%;}
	
	
	section.visual{ height: calc(100vh - 80px);}
	section.visual div.visual_inner{ width: 0; max-width: 1864px; height: 100%; margin: 0 auto; background: url("/img/visual.jpg") no-repeat 50% 50%;
	background-size: cover; animation: visual 0.8s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%);}
	section.visual div.visual_inner div.txt_wrap p.sub_tit{ margin-bottom: 15px; font-size: 18px; color: #fff; opacity: 0; animation: visual_txt 0.5s 0.8s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap h2{ margin-bottom: 20px; font-size: 32px; color: #fff; opacity: 0; animation: visual_txt 0.5s 0.9s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap h2 span{ color: #fff005;}
	section.visual div.visual_inner div.txt_wrap a{ display: flex; align-items: center; gap: 8px; width: 210px; padding: 15px 40px; font-weight: bold; font-size: 18px; border-radius: 999px;
	background: #fff; opacity: 0; animation: visual_txt 0.5s 1s forwards ease-in-out;}
	section.visual div.visual_inner div.txt_wrap a svg{ width: 20px;}
	
	@keyframes visual{
		0%{ width: 0;}
		100%{ width: 100%;}
	}
	
	@keyframes visual_txt{
		0%{ transform: translateY(50px); opacity: 0;}
		100%{ transform: translateY(0); opacity: 1;}
	}
	
	section.review{ padding: 90px 10px 0;}
	section.review h2{ margin-bottom: 80px; font-weight: 600; font-size: 24px; text-align: center;}
	section.review div.view_box{ display: flex; gap: 30px; width: max-content; white-space: nowrap; animation: marque 35s infinite linear;}
	section.review div.ani_wrap:hover div.view_box{ animation-play-state: paused;}
	section.review div.view_box div.marque{ display: inline-block;}
	section.review div.view_box div.marque ul{ display: flex; gap: 30px; white-space: nowrap;}
	section.review div.view_box div.marque ul li{ max-width: 400px; flex: 0 0 auto;}
	section.review div.view_box div.marque ul li div.img_wrap{ overflow: hidden; margin-bottom: 15px; border-radius: 15px;}
	section.review div.view_box div.marque ul li div.img_wrap img{ display: block; width: 100%;}
	section.review div.view_box div.marque ul li p.tit{ margin-bottom: 8px; font-weight: 600; font-size: 24px; color: #000;}
	section.review div.view_box div.marque ul li p.desc{ margin-bottom: 8px; font-size: 18px; white-space: normal;}
	
	@keyframes marque{
		0%{ transform: translateX(0);}
		100%{ transform: translateX(-50%);}
	}
	
	section.certi{ z-index: 1; padding: 90px 10px;}
	section.certi div.left_wrap{ margin-bottom: 40px;}
	section.certi div.left_wrap h2{ margin-bottom: 30px; font-weight: 700; font-size: 32px;}
	section.certi div.left_wrap h2 span{ color: #004fa1;} 
	section.certi div.left_wrap p.desc{ font-weight: 500; font-size: 15px; color: #2b2b2b;} 
	section.certi div.left_wrap p.desc span{ display: block; margin: 30px 0 10px; font-weight: bold;}
	section.certi div.right_wrap{ width: 80%; margin: 0 auto;}
	section.certi div.right_wrap img{ display: block; width: 100%;}
	
	
	section.together{ padding: 90px 10px; background: url("/img/together_bg.jpg") no-repeat 80% 50%; background-size: cover;}
	section.together h2{ margin-bottom: 30px; font-weight: bold; font-size: 24px; text-align: center;}
	section.together h2 span{ color: #004fa1;} 
	section.together p.sub_tit{ margin-bottom: 30px; font-size: 16px; text-align: center; line-height: 1.4;}
	section.together ul{ display: flex; justify-content: center; gap: 15px;}
	section.together ul li a{ display: block; padding: 12px 30px; font-size: 20px; color: #fff; border-radius: 999px; background: #004fa1;}
	
	section.promo{ padding: 90px 10px;}
	section.promo h2{ margin-bottom: 20px; font-weight: bold; font-size: 24px; text-align: center;}
	section.promo h2 span{ color: #004fa1;}
	section.promo p.sub_tit{ margin-bottom: 40px; font-size: 18px; text-align: center;}
	section.promo ul{ display: flex; flex-wrap: wrap; gap: 10px;}
	section.promo ul li{ width: calc((100% - 10px) / 2); padding: 30px; border-radius: 15px; background: #f7f7f7;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);}
	section.promo ul li div.img_wrap img{ display: block; margin: 0 auto 5px;}
	section.promo ul li p.tit{ margin-bottom: 5px; font-weight: bold; font-size: 18px; text-align: center;}
	section.promo ul li p.desc{ font-size: 14px; text-align: center;}
	
	section.area{ padding: 90px 10px; background: url("/img/area_bg.jpg") no-repeat 55% 50%; background-size: cover;}
	section.area p.sub_tit{ margin-bottom: 12px; font-size: 18px; color: #fff;}
	section.area h2{ margin-bottom: 30px; font-weight: 600; font-size: 24px; color: #fff;}
	section.area h2 span{ font-size: 32px; color: #fbf311;}
	section.area p.desc{ font-size: 18px; color: #fff; line-height: 1.5;}
	section.area p.desc span{ font-weight: bold;}
	
	section.care{ padding: 90px 10px 0;}
	section.care p.sub_tit{ margin-bottom: 8px; font-size: 18px; text-align: center;}
	section.care h2{ margin-bottom: 10px; font-weight: bold; font-size: 24px; text-align: center;}
	section.care h2 span{ color: #004fa1;}
	section.care p.tit_desc{ margin-bottom: 30px; font-weight: 500; font-size: 16px; text-align: center; line-height: 1.4;}
	section.care ul{ display: flex; flex-wrap: wrap; gap: 15px;}
	section.care ul li{ position: relative; width: calc((100% - 15px) / 2); padding: 0 15px;}
	section.care ul li div.img_wrap{ display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; margin: 0 auto 15px; border-radius: 999px; background: #004fa1;}
	section.care ul li div.img_wrap img{ display: block; width: 50px;}
	section.care ul li p.tit{ margin-bottom: 5px; font-weight: bold; font-size: 18px; text-align: center;}
	section.care ul li p.desc{ font-size: 14px; text-align: center;}
	
	section.partner{ padding: 90px 10px;}
	section.partner h2{ margin-bottom: 30px; font-weight: 600; font-size: 24px; text-align: center;}
	section.partner h2 span{ color: #004fa1;}
	section.partner div.marque{ width: max-content;}
	section.partner div.marque ul{ display: flex; gap: 50px; white-space: nowrap; animation: marque 25s infinite linear;}
	section.partner div.marque ul li{ width: 110px;}
	section.partner div.marque ul li img{ display: block; width: 100%;}
	
	@keyframes marque{
		0%{ transform: translateX(0);}
		100%{ transform: translateX(-50%);}
	}
	
	section.choice{ padding: 90px 10px; background: url("/img/choice_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.choice h2{ margin-bottom: 30px; font-weight: 600; font-size: 24px; text-align: center;}
	section.choice h2 span{ color: #004fa1;}
	section.choice ul{ display: flex; flex-wrap: wrap; gap: 15px;}
	section.choice ul li{ width: calc((100% - 15px) / 2); padding: 20px 10px; border-radius: 20px; background: #fff;}
	section.choice ul li div.img_wrap{ width: 67px; margin: 0 auto 10px;}
	section.choice ul li div.img_wrap img{ display: block; width: 100%;}
	section.choice ul li p.tit{ margin-bottom: 10px; font-weight: bold; font-size: 18px; color: #003e89; text-align: center;}
	section.choice ul li p.desc{ font-size: 14px; text-align: center;}
	
	section.counsel{ padding: 90px 10px;}
	section.counsel p.sub_tit{ font-size: 16px; text-align: center;}
	section.counsel h2{ margin-bottom: 10px; font-weight: 700; font-size: 24px; text-align: center;}
	section.counsel h2 span{ color: #004fa1;}
	section.counsel p.tit_desc{ margin-bottom: 30px; font-size: 16px; text-align: center;}
	section.counsel ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
	section.counsel ul li a{ position: relative; display: block; width: 100%; height: 100%;}
	section.counsel ul li a img{ display: block; max-width: 100%;}
	section.counsel ul li a div.txt_wrap{ position: absolute; left: 30px; top: 40px;}
	section.counsel ul li a div.txt_wrap p.tit{ margin-bottom: 10px; font-weight: 600; font-size: 24px; color: #fff;}
	section.counsel ul li a div.txt_wrap p.desc{ font-weight: 500; font-size: 16px; color: #fff;}
	section.counsel ul li.kakao a div.txt_wrap p.tit{ color: #371c1d;}
	section.counsel ul li.kakao a div.txt_wrap p.desc{ color: #371c1d;}
	
	footer{ overflow: hidden; width: 98%; padding: 40px; margin: 0 auto 60px; color: #fff; border-radius: 25px; background: #333;}
	footer div.ft_logo{ width: 160px; margin-bottom: 20px;}
	footer div.ft_logo img{ width: 100%; filter: brightness(0) invert(1);}
	footer div.right_wrap{ font-size: 14px; line-height: 1.6;}
	footer div.right_wrap div.footer-copyright{ margin-top: 20px; font-size: 14px;}
	
	div.fix_btm{ z-index: 99; position: fixed; left: 0; top: 0; display: none; align-items: center; justify-content: center; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);}
	div.fix_btm.active{ display: flex;}
	div.fix_btm div.inner_wrap{ max-width: 460px; width: 95%; padding: 40px 20px; border-radius: 20px; background: #fff;}
	div.fix_btm div.head{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
	div.fix_btm div.head div.logo_wrap{ width: 120px;}
	div.fix_btm div.head div.logo_wrap img{ display: block; width: 100%;}
	div.fix_btm div.head button{ position: relative; width: 30px; height: 30px;}
	div.fix_btm div.head button span{ position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 2px; background: #000;}
	div.fix_btm div.head button span:first-child{ transform: translate(-50%, -50%) rotate(45deg);}
	div.fix_btm div.head button span:last-child{ transform: translate(-50%, -50%) rotate(-45deg);}
	div.fix_btm ul li + li{ margin-top: 10px;}
	div.fix_btm ul li.name input{ display: block; width: 100%; height: 50px; padding: 8px; border: 1px solid #ccc; border-radius: 10px;}
	div.fix_btm ul li.tel input{ display: block; width: 100%; height: 50px; padding: 8px; border: 1px solid #ccc; border-radius: 10px;}
	div.fix_btm ul li select{ display: block; width: 100%; height: 50px; border: 1px solid #ccc; border-radius: 10px;}
	div.fix_btm ul li.send input{ display: block; width: 100%; height: 50px; font-weight: 600; font-size: 16px; color: #fff; text-align: center; border: none; border-radius: 10px;
	background: #004fa1;}
	
	div.ft_user{ z-index: 98; position: fixed; left: 0; bottom: 0; width: 100%;}
	div.ft_user ul{ display: flex;}
	div.ft_user ul li{ flex: 1; height: 50px;}
	div.ft_user ul li a{ display: flex; align-items: center; justify-content: center; gap: 3px; width: 100%; height: 100%; font-weight: 600; font-size: 16px; line-height: 50px;
	text-align: center;}
	div.ft_user ul li button{ display: flex; align-items: center; justify-content: center; gap: 3px; width: 100%; height: 100%; font-weight: 600; font-size: 16px; line-height: 50px;
	text-align: center;}
	div.ft_user ul li.kakao a{ background: #fae100;}
	div.ft_user ul li.kakao a img{ display: block; width: 20px;}
	div.ft_user ul li.fast button{ color: #fff; background: linear-gradient(45deg, #0a4fa3, #8722dc);}
}