/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.counsel-btn{ display: none;}
.navbar-mobile-toggler{ display: none;}
.sidebar-user-trigger.sidebar-user-btn.mo-btn{ display: none;}

@media(min-width: 992px){
	header{ z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 70px;}
	header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between;}
	header img{ display: block; width: 200px; filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(170%) contrast(100%);}
	header div.tel{ display: flex; align-items: center; gap: 8px; font-weight: bold; font-size: 24px; color: #fff;}
	header div.tel a{ color: #fff;}

	section.visual{ width: 100%; height: 100vh; background: url("/img/visual1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.visual div.txt_wrap{ position: absolute; left: 15%; top: 50%; transform: translateY(-50%); color: #fff;}
	section.visual div.txt_wrap h2{ overflow: hidden; margin-bottom: 20px; font-weight: bold; font-size: 75px;}
	section.visual div.txt_wrap h2 span{ display: block; animation: txt_show 1.2s;}
	section.visual div.txt_wrap div.desc{ margin-bottom: 30px;}
	section.visual div.txt_wrap p{ overflow: hidden; font-weight: 500; font-size: 20px; line-height: 1.3}
	section.visual div.txt_wrap p span{ display: block; animation: txt_show 1.2s 0.5s forwards; transform: translateY(110%);}
	section.visual div.txt_wrap div.btn_wrap ul{ overflow: hidden; display: flex; gap: 20px;}
	section.visual div.txt_wrap div.btn_wrap ul li a{ display: flex; align-items: center; gap: 10px; padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius: 5px;
	animation: txt_show 1.2s 1s forwards; transform: translateY(110%);}
	section.visual div.txt_wrap div.btn_wrap ul li a:hover{ color: #000;} 
	section.visual div.txt_wrap div.btn_wrap ul li a:hover i{ transform: translateX(5px); transition: all 0.3s;}
	section.visual div.txt_wrap div.btn_wrap ul li:nth-child(1) a{ background: #1e9df9;}
	section.visual div.txt_wrap div.btn_wrap ul li:nth-child(2) a{ background: #f3d121;}
	
	@keyframes txt_show{
		0%{ transform: translateY(110%);}
		100%{ transform: translateY(0);}
	}
}

@media(max-width: 991px){
	header{ z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 70px; padding: 0 10px;}
	header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between;}
	header img{ display: block; width: 165px; filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(170%) contrast(100%);}
	header div.tel{ display: flex; align-items: center; gap: 8px; font-weight: bold; font-size: 40px; color: #fff;}
	header div.tel p{ display: none;}
	header div.tel a{ color: #fff;}

	section.visual{ width: 100%; height: 100vh; background: url("/img/visual1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.visual div.txt_wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; color: #fff;}
	section.visual div.txt_wrap h2{ overflow: hidden; margin-bottom: 20px; font-weight: bold; font-size: 32px;}
	section.visual div.txt_wrap h2 span{ display: block; animation: txt_show 1.2s;}
	section.visual div.txt_wrap div.desc{ margin-bottom: 30px;}
	section.visual div.txt_wrap p{ overflow: hidden; font-weight: 500; font-size: 16px; line-height: 1.3}
	section.visual div.txt_wrap p span{ display: block; animation: txt_show 1.2s 0.5s forwards; transform: translateY(110%);}
	section.visual div.txt_wrap div.btn_wrap ul{ overflow: hidden; display: flex; gap: 10px;}
	section.visual div.txt_wrap div.btn_wrap ul li a{ display: flex; align-items: center; gap: 10px; padding: 10px 15px; font-size: 16px; font-weight: bold; border-radius: 5px;
	animation: txt_show 1.2s 1s forwards; transform: translateY(110%);}
	section.visual div.txt_wrap div.btn_wrap ul li a:hover{ color: #000;} 
	section.visual div.txt_wrap div.btn_wrap ul li a:hover i{ transform: translateX(5px); transition: all 0.3s;}
	section.visual div.txt_wrap div.btn_wrap ul li:nth-child(1) a{ background: #1e9df9;}
	section.visual div.txt_wrap div.btn_wrap ul li:nth-child(2) a{ background: #f3d121;}
	
	@keyframes txt_show{
		0%{ transform: translateY(110%);}
		100%{ transform: translateY(0);}
	}
}