@charset "utf-8";

/****************************************************
	root /변경금지/
****************************************************/
:root{
	--theme-color: #000228;
	--dark-color: #94745b;
	--main-color: #94745b;
	--second-color: #94745b;
	--accent-color: #94745b;	
	--footer-color: #414141;
	--footer-font: #bbbbbb;
	/* 우측퀵레이어 .pop-quick-layer */
	--item-count: 5; /* 아이템갯수 */
	--item-height: calc(var(--pop-height) / var(--item-count));
}
/***********************************************************
	이동하면 안되는것들 - 개별적용 항목 /변경금지/
***********************************************************/
/* 메인 비주얼 슬라이드 넘버 */
.main-visual .pag.act1 .bar:after {width: calc(100% / 00 * 1) !important;}
.main-visual .pag.act2 .bar:after {width: calc(100% / 00 * 2) !important;}
.main-visual .pag.act3 .bar:after {width: calc(100% / 00 * 3) !important;}
.main-visual .pag.act4 .bar:after {width: calc(100% / 00 * 4) !important;}
.main-visual .pag.act5 .bar:after {width: calc(100% / 00 * 5) !important;}
/* 건드리지말것들 yun */
#header .logo a.logo-img {background: url(/admin/upimg/2025/09/18/1758181552_1.1758094729_4.img_logo.png) no-repeat left center / contain;}
#gnb.depth1-list >li .depth1 {color: #000228;}
#gnb.depth1-list >li:hover .depth1 {color: #ffffff;}
#gnb.depth1-list .depth2 li a {color: #000228;}
#gnb.depth1-list .depth2 li a:hover {color: #ffffff;}
#gnb.depth1-list >li .depth1:after {background: #ffffff;}
.main-loc.simple .desc .text b:after {content:""; display:block; background: url(/admin/upimg/2025/09/17/1758094729_4.img_logo.png)no-repeat center center / contain;}
/* .header[class*=_on] 투명헤더적용 */
.header[class*=_on] .inner .menu li a {color: #000228;}
.header[class*=_on]:hover .menu li:hover a {color: #ffffff;}
.header[class*=_on] .sub-menu >li .bot_menu li a:hover {color: #ffffff;}
.header[class*=_on] .header_util .item {color: #000228;}
/* .header[class*=_on] 투명헤더적용 서브적용 */  /* 개별적용 */
/*.header[class*=_on].header_sub .header_util .item {color: #ffffff;}
.header[class*=sec01_on].header_sub .inner .menu li a {color: #ffffff;}*/
.header[class*=sec01_on].header_sub .inner .menu li:hover a {color: #ffffff;}
/* 우측퀵레이어 .pop-quick-layer */
.pop-quick-layer .quick {display: grid; grid-auto-rows: minmax(var(--item-height), auto); /* 그리드 아이템갯수 조절 100/8=12.5 */margin-top: auto; margin-bottom: 0;}
/***************************
	풀테마시적용
****************************/
/* .header[class*=_on]:not(:where(.sec01_on)) .inner .menu li a {color: #000228; text-shadow: none;} */
.header[class*=_on]:not(:where(.sec01_on)) .inner .menu li a {color: var(--white); text-shadow: none;}
 /****************************************************
	1. asset 이동완료 2025-07-25
	2. 개별사이트 스타일 작업시 아래에 추가하여 사용하세요!
****************************************************/

/* add */
.main-loc .desc .loc-add-txt li:first-child{display:none;}
/* 히어로슬라이드 텍스트 */
.hero-style .container {position: absolute; top: 20%; left: 30%; transform: translate(-30%, -20%); gap:0 !important;}
.hero-style .container .slide-title {margin-bottom: 1rem !important; color: var(--theme-color)!important;}
.hero-style .container .slide-text {color: var(--theme-color)!important;}
.hero-style .container .slide-desc {margin-top:0 !important; color: var(--theme-color)!important;}
.hero-slider .slide-inner.slide-bg-image {filter: brightness(1);}

.ham { /*display:none !important;*/}
.fix-box-alram{display:none!important;}

/* 우측 탭 수정 */
/* .pop-quick-layer .quick [class*=quick-]{background: #b50031;}
.quick-openbtn, .quick-closebtn{background: #b50031;} */
.pop-quick-layer {--bgcolor: #ed008e; background: var(--bgcolor);}
.pop-quick-layer .quick [class*=quick-]{background: var(--bgcolor);}
.quick-openbtn, .quick-closebtn{background: var(--bgcolor);}


/* 타이틀 색상변경 */
.hero-style .container .slide-title,
.hero-style .container .slide-desc,
.hero-style .container .slide-text
{text-shadow: 1px 1px 2px white, -1px -1px 2px white, 1px -1px 2px white, -1px 1px 2px white;}
 
.pop-quick-layer .quick .text {height: auto;}

/* 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){
		.pop-quick-layer .quick .text {height: var(--pop-mobile-height);}
		.hero-style .container {position: absolute; top: 15%; left: 30%; transform: translate(-30%, -15%);}
	}
	@media screen and (max-width: 800px){ /* breakpoint 모바일 */
	
	.badge-wrap .item-1{left: 40vh!important;}
	}
	@media screen and (max-width: 640px){

	
	[/* class*=section] [class*=main-]:not(:where(.main-visual, rowstyle, .main-checklist, .creative)){gap: 7rem!important;} */


	}
	@media screen and (max-width: 480px){
	
	}
	@media screen and (max-width: 360px){	
	}
}