@charset "utf-8";

/****************************************************
	root /변경금지/
****************************************************/
:root{
	--theme-color: #0a1e32;
	--dark-color: #961e1e;
	--main-color: #961e1e;
	--second-color: #0a1e32;
	--accent-color: #0a1e32;	
	--footer-color: #414141;
	--footer-font: #bbbbbb;
}
/***********************************************************
	이동하면 안되는것들 - 개별적용 항목 /변경금지/
***********************************************************/
/* 메인 비주얼 슬라이드 넘버 */
.main-visual .pag.act1 .bar:after {width: calc(100% / 02 * 1) !important;}
.main-visual .pag.act2 .bar:after {width: calc(100% / 02 * 2) !important;}
.main-visual .pag.act3 .bar:after {width: calc(100% / 02 * 3) !important;}
.main-visual .pag.act4 .bar:after {width: calc(100% / 02 * 4) !important;}
.main-visual .pag.act5 .bar:after {width: calc(100% / 02 * 5) !important;}
/* 건드리지말것들 yun */
#header .logo a.logo-img {background: url(/admin/upimg/2025/09/01/1756709952_1.로고.png) no-repeat left center / contain;}
#gnb.depth1-list >li .depth1 {color: #333333;}
#gnb.depth1-list >li:hover .depth1 {color: #961e1e;}
#gnb.depth1-list .depth2 li a {color: #333333;}
#gnb.depth1-list .depth2 li a:hover {color: #961e1e;}
#gnb.depth1-list >li .depth1:after {background: #961e1e;}
.main-loc.simple .desc .text b:after {content:""; display:block; background: url(/admin/upimg/0000/00/00/)no-repeat center center /contain; width: var(--logo-width); height: var(--logo-height);}
/* .header[class*=_on] 투명헤더적용 */ /* 개별적용 */
.header[class*=_on]:hover .menu li:hover a {color: #961e1e;}
.header[class*=_on] .sub-menu >li .bot_menu li a:hover {color: #961e1e;}

 /****************************************************
	1. asset 이동완료 2025-07-25
	2. 개별사이트 스타일 작업시 아래에 추가하여 사용하세요!
****************************************************/

/* add */
.fix-customer-box .frm-customer .desc textarea, .fix-customer-box .customer-box .phone {flex-grow: 1; width: calc(100% - 8rem); border: none; font-size: 15px; padding: 0; font-weight: 400 !important;}

.fix-customer-box .frm-customer .desc textarea {flex-grow: 1; width: calc(100% - 8rem); border: none; font-size: 15px; padding: 0; height: 2.5rem !important;}

.fix-customer-box .frm-customer .desc label {flex: 0 0 13rem !important;}

[class*=section] .subtit {margin: 0 auto 0rem; font-size: 2.4rem; text-align: center; display: flex;}

[class*=section].customer .common-customer .frm-customer .privacy {margin-top: 2rem;}

.privacy-1 {text-align: center; width: 100%; margin: 0 auto 0rem; font-size: 2.4rem; color: var(--black-a4); display: flex; align-items: center; justify-content: center;}



/************** 모바일알림박스추가 **************/
.fix-box-alram {position: fixed; z-index: 10; bottom: 2%; left: 50%; width: calc(100vw - 10vw); transform: translate(-50%, -2%); /* display: grid; grid-template-columns: repeat(auto-fit, minmax(16%, auto)); grid-auto-flow: dense;*/ grid-template-rows: repeat(1, minmax(7rem, auto)); display: flex; flex-wrap: wrap; /* flex-direction: row; */ gap: 1rem; font-weight: 600; font-size: 2rem; text-transform: uppercase; cursor: pointer;}
.fix-box-alram >div {flex: 1; border-radius: 1rem; box-shadow: var(--box-shadow); width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 2rem 2.5rem; box-sizing: border-box; height: 7rem;/* flex-grow: 1; */ background-color: var(--main-color); color:#fff;}
.fix-box-alram >div .title {margin-left: 0; margin-right: auto; display: flex; align-items: center; gap: 0.5rem;}
.fix-box-alram >div .date, .fix-box-alram >div .num, .fix-box-alram >div .desc {margin-right: 0; display: flex; align-items: center; gap: 0.5rem;justify-content: center;color: var(--topcolor);}
.fix-box-alram .open-box1 .date::before {    content: "\f005";    font-weight: 800;    font-size: 2rem;}
/* 방문상담신청 */

.privacy-1{color: #2d1f9a;!important;}
.customer-box .subtit{color: var(--dark-color)!important;}





/* 고객요청 오시는길 깜빡이 수정 */
.privacy-1 {
  animation: blink 0.8s ease-in-out infinite; /* 부드럽게 */
  margin-bottom: 4rem!important;
}

@keyframes blink {
  0%, 100% {
    opacity: 1; /* 선명 */
  }
  50% {
    opacity: 0; /* 투명 */
  }
}




/* media */
@media screen and (max-width: 1880px) {
	@media screen and (max-width: 1640px){
	}
	@media screen and (max-width: 1560px){
	}
	@media screen and (max-width: 1500px){
	}
	@media screen and (max-width: 1470px){		
	}
	@media screen and (max-width:1280px){
	}
	@media screen and (max-width: 1024px){
	}
	@media screen and (max-width: 800px){ /* breakpoint 모바일 */
	}
	@media screen and (max-width: 640px){		
	}
	@media screen and (max-width: 480px){
	}
	@media screen and (max-width: 360px){	
	}
}