@font-face {
    font-family: 'Hamchorom';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/HANBatangB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

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

}

@media only screen and (min-width: 768px) and (max-width: 1199x) {

}

@media only screen and (min-width: 1200px) {

}

[data-aos] {
    pointer-events: none;
  }
  .aos-animate {
    pointer-events: auto;
  }
  .aos-init[data-aos][data-aos].aos-animate {
    transform: unset;
  }

/* ▷ 배너 배경 이미지 로테이션 (텍스트와 함께 페이드 전환) */
.sub_top_img {position:relative; overflow:hidden;}
.img-rotator {position:relative; overflow:hidden;}
.img-rotator .bg {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease; z-index:0;}
.img-rotator .bg.is-active {opacity:1;}
.img-rotator .sub_top_w {position:relative; z-index:1;}
.sub_top_img .sub_top_w {position:relative; z-index:1;}

/* ▷ 배너 문구 로테이션 (tit는 고정, 문구만 페이드 전환) */
.txt-rotator {position:relative;}
.txt-rotator .txt {position:absolute; top:0; left:0; width:100%; margin-top:20px; opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity 1s ease, transform 1s ease, visibility 1s; word-break:keep-all; font-size: 36px!important; color: #374353;}
.txt-rotator2 .txt {color: #fff;}
.txt-rotator .txt.is-active {opacity:1; visibility:visible; transform:translateY(0);}
.txt-rotator .txt strong {font-weight:inherit; color:#b98742;} /* 포인트 컬러 (밝은 배경 배너에서는 #b98742 권장) */


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

/*서브페이지 - 상단 레이아웃*/
.sub_top_img { float:left; width:100%; height:300px;  }
.sub_top_w { width:90%; margin:0 auto; box-sizing:border-box;  }
.sub_top_title {float: none; text-align: left;}
.sub_top_title .tit {font-size: 26px; margin: 100px 0 0 0; font-weight: 700; color: #fff;}
.sub_top_title .tit span {font-size: 22px;}
.sub_top_title .tit:after {content: ""; display: block; width: 20px; height: 2px; background-color: #fff; margin-top: 20px;}
.sub_top_title .txt {font-size: 22px; font-weight: 500; margin-top: 20px; line-height: 1.4; word-break: keep-all;}

.txt-rotator .txt {font-size: 22px!important; color: #fff;}
.txt-rotator .txt strong {color: #fff;}

/* ▷ 모바일: 어두운 딤 처리 (이미지 위, 텍스트 아래) */
.img-rotator::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(15, 20, 30, 0.55);    /* 딤 농도 조절: 0.4 ~ 0.65 사이 권장 */
  z-index: 0;
  pointer-events: none;
}

/* ▷ 모바일: 어두운 딤 처리 (이미지 위, 텍스트 아래) */
.sub_top_img::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(15, 20, 30, 0.55);    /* 딤 농도 조절: 0.4 ~ 0.65 사이 권장 */
  z-index: 0;
  pointer-events: none;
}

.sub_top_bg1 .sub_top_title  {color: #fff;}
.sub_top_bg1 .sub_top_title .tit:after {background-color: #fff;}
.sub_top_bg1 .sub_top_title br {display: none;}

.sub_top_bg3 .sub_top_title  {color: #fff;}
.sub_top_bg3 .sub_top_title .tit:after {background-color: #fff;}
.sub_top_bg3 .sub_top_title br {display: none;}

.sub_top_bg4 .sub_top_title  {color: #fff;}
.sub_top_bg4 .sub_top_title .tit:after {background-color: #fff;}
.sub_top_bg4 .sub_top_title br {display: none;}

.sub_top_bg5 .sub_top_title  {color: #fff;}
.sub_top_bg5 .sub_top_title .tit:after {background-color: #fff;}

.sub_top_bg6 .sub_top_title  {color: #fff;}
.sub_top_bg6 .sub_top_title .tit:after {background-color: #fff;}

}

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

/*서브페이지 - 상단 레이아웃*/
.sub_top_img { float:left; width:100%; height:400px;  }
.sub_top_w { width:90%; margin:0 auto; box-sizing:border-box;  }
.sub_top_title {float: none; text-align: left;}
.sub_top_title .tit {font-size: 28px; margin: 150px 0 0 0; font-weight: 700;}
.sub_top_title .tit span {font-size: 24px;}
.sub_top_title .tit:after {content: ""; display: block; width: 20px; height: 2px; background-color: #b98742; margin-top: 20px;}
.sub_top_title .txt {font-size: 30px; font-weight: 500; margin-top: 20px; line-height: 1.4;}
.txt-rotator .txt {font-size: 30px!important;}

.sub_top_bg1 .sub_top_title  {color: #374353;}
.sub_top_bg1 .sub_top_title .tit:after {background-color: #374353;}

.sub_top_bg3 .sub_top_title  {color: #374353;}
.sub_top_bg3 .sub_top_title .tit:after {background-color: #374353;}

.sub_top_bg4 .sub_top_title  {color: #374353;}
.sub_top_bg4 .sub_top_title .tit:after {background-color: #374353;}

.sub_top_bg5 .sub_top_title  {color: #fff;}
.sub_top_bg5 .sub_top_title .tit:after {background-color: #fff;}

.sub_top_bg6 .sub_top_title  {color: #fff;}
.sub_top_bg6 .sub_top_title .tit:after {background-color: #fff;}

}

@media only screen and (min-width: 1200px) {

/*서브페이지 - 상단 레이아웃*/
.sub_top_img { float:left; width:100%; height:560px; margin-top: 65px;  }
.sub_top_w { width:90%; max-width:1200px; margin:0 auto; box-sizing:border-box;  }
.sub_top_title {float: none; text-align: left;}
.sub_top_title .tit {margin:200px 0 5px 0; font-size: 32px; font-weight: 700;}
.sub_top_title .tit span {font-size: 24px;}
.sub_top_title .tit:after {content: ""; display: block; width: 20px; height: 2px; background-color: #b98742; margin-top: 10px;}
.sub_top_title .txt {font-size: 30px; font-weight: 500; margin-top: 20px; line-height: 1.4;}

.sub_top_bg1 .sub_top_title  {color: #374353;}
.sub_top_bg1 .sub_top_title .tit:after {background-color: #374353;}

.sub_top_bg3 .sub_top_title  {color: #374353;}
.sub_top_bg3 .sub_top_title .tit:after {background-color: #374353;}

.sub_top_bg4 .sub_top_title  {color: #374353;}
.sub_top_bg4 .sub_top_title .tit:after {background-color: #374353;}

.sub_top_bg5 .sub_top_title  {color: #fff;}
.sub_top_bg5 .sub_top_title .tit:after {background-color: #fff;}

.sub_top_bg6 .sub_top_title  {color: #fff;}
.sub_top_bg6 .sub_top_title .tit:after {background-color: #fff;}

}

.sub_top_bg1 { background:url('/images/new/gr_img.png') no-repeat 0 / cover;}
.sub_top_bg2 { background:url('/images/new/work_img2.png') no-repeat 0 / cover;}
.sub_top_bg3 { background:url('/images/new/ca_img4.png') no-repeat center / cover;}
.sub_top_bg4 { background:url('/images/new/mb_img.png') no-repeat center / cover;}
.sub_top_bg5 { background:url('/images/new/tr_img.png') no-repeat center / cover;}
.sub_top_bg6 { background:url('/images/new/medi_img.png') no-repeat 0 / cover;}




.subnav {background: #f6f6f6; border-bottom: 1px solid #e6e3dc; box-shadow: 0 6px 18px -16px rgba(42,53,72,.35);}
.subnav-inner {max-width: 1200px; margin: 0 auto; padding: 0 46px; display: flex; align-items: stretch; height: 80px;}

.crumb-home {display: flex; align-items: center; padding-right: 30px; color: #5d6675; flex-shrink: 0;}
.crumb-home svg {width: 22px; height: 22px;}
.crumb-home:hover {color: #b98742;}

.crumb {position: relative; display: flex; align-items: stretch; border-left: 1px solid #e6e3dc; flex-shrink: 0;}

.crumb-btn {appearance: none; background: none; border: none; cursor: pointer; font-family: inherit; display: flex; align-items: center; gap: 32px; padding: 0 32px; font-size: 17px; font-weight: 500; color: #000; white-space: nowrap; transition: color .2s ease, background .2s ease;}
.crumb-btn:hover {color: #374353; background: #faf8f3;}
.crumb-btn .chev {width: 11px; height: 11px; flex-shrink: 0; transition: transform .3s ease; color: #b98742;}
.crumb.open .crumb-btn {color: #374353; background: #faf8f3;}
.crumb.open .crumb-btn .chev {transform: rotate(180deg);}

/* 드롭다운 메뉴 */
.crumb-menu {position: absolute; top: 100%; left: -1px; min-width: calc(100% + 2px); list-style: none; background: #fff; border: 1px solid #e6e3dc; border-top: 2px solid #c4a868; box-shadow: 0 16px 34px -18px rgba(42,53,72,.45); padding: 6px 0; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s ease, transform .25s ease, visibility .25s; z-index: 30;}
.crumb.open .crumb-menu {opacity: 1; visibility: visible; transform: translateY(0);}

.crumb-menu a {display: block; white-space: nowrap; padding: 11px 26px; font-size: 17px; color: #5d6675; transition: color .18s ease, background .18s ease;}
.crumb-menu a:hover {color: #374353; background: #faf8f3;}
.crumb-menu a.active {color: #b98742; font-weight: 700;}

/* 2단계 가로 나열 메뉴 */
.crumb-list {position: relative; display:flex; align-items:center; align-self:stretch; gap:50px; padding:0 28px; border-left:1px solid #e2e2e2; flex:1; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.crumb-list::-webkit-scrollbar {display:none;}
.crumb-list a {font-size:17px; color:#777; text-decoration:none; white-space:nowrap; flex-shrink:0; transition:color .2s;}
.crumb-list a:hover {color:#222;}
.crumb-list a.active {color:#222; font-weight:700;}

/* 스크롤 가능할 때 우측 페이드 힌트 */
.crumb-list.has-fade {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 44px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 44px), transparent);
}

/* 태블릿 이하: 여백 축소 */
@media (max-width: 1199px){
.subnav-inner {padding: 0 20px;}
.crumb-list {gap: 24px; padding: 0 20px;}
}

/* 모바일 전용 2단계 드롭다운 — 데스크톱/태블릿에서는 숨김 */
.crumb-mobile {display: none;}

/* 모바일: 서브메뉴 가로 목록을 숨기고 드롭다운으로 대체 */
@media (max-width: 767px){
.subnav-inner {padding: 0 16px; height: 52px;}
.crumb-home {padding-right: 14px;}
.crumb-btn {padding: 0 16px; gap: 12px; font-size: 14px;}
.crumb-list {display: none;}
.crumb-mobile {display: flex;}
.crumb-mobile .crumb-btn {color: #b98742; font-weight: 700;}
/* 드롭다운이 화면 밖으로 나가지 않도록 */
.crumb-menu {max-width: calc(100vw - 32px);}
}



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

/*카피라이터*/
.copy_wrap {clear: both; width:100%;}
}

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

/*카피라이터*/
.copy_wrap {clear: both; width:100%;}

}

@media only screen and (min-width: 1200px) {

/*카피라이터*/
.copy_wrap {clear: both; width:100%;}


}


/*퀵메뉴 - 모바일(카피하단)*/
.mob_quick { float:left; width:100%; background:#fff; margin:0 0 20px 0; }
.mob_quick ul li { float:left; width:calc(100%/2); box-sizing:border-box; border:1px solid #ccc; border-width:1px 0;  text-align:center;  }
.mob_quick ul li a { display:block; width:100%; padding:10px 0; font-size:15px; color:#000; background:#f1f1f1; }
.mob_quick ul li img { width:25px; margin-right:5px; }


/*퀵메뉴 - PC */
.quick_wrap { position:fixed; right:20px; top:250px; width:90px;
z-index:11; }
.quick {  width:100%; border:1px solid #2f3b55;   background:#fff; border-radius:20px;   }
.quick h3 { width:100%; text-align:center; font-size:16px; line-height:20px; color:#fff; padding:10px 0;
border-radius:20px 20px 0 0; background: linear-gradient(127deg, #425887, #2f3b55 );   } 
.quick ul { padding:5px 0 7px 0;  }
.quick ul li { text-align:center; padding:10px 0 0 0; }
.quick ul li a { font-size:14px; color:#000; line-height:1.2; transition: all ease 0.3s; }
.quick ul li a:hover { color:#425887; }
.quick ul li img {width: 40px; margin-bottom: 7px;}

.quick_tel { width:100%; text-align:center; background:#eaeaea; padding:10px 0; border-radius: 0 0 20px 20px;  }
.quick_tel dt { font-size:14px; margin:0 0px 3px 0; }
.quick_tel dd { font-size:18px; line-height:24px;  font-weight:700; color:#000; }

.go-top { width:100%; margin-top:10px; text-align:center;   }
.go-top img { cursor:pointer; }


/*퀵메뉴 - 모바일 하단 고정 바*/
.m_quick_bar { display:none; }

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

	/* 기존 우측 퀵메뉴는 모바일에서 숨김 (컨텐츠 가림 방지) */
	.quick_wrap .quick { display:none; }

	/* 상단버튼은 하단 바 위쪽으로 이동 */
	.quick_wrap { top:auto; right:15px; bottom:calc(75px + env(safe-area-inset-bottom)); width:auto; }
	.go-top { margin-top:0; }
	.go-top img { width:40px; }

	/* 하단 고정 바 */
	.m_quick_bar { display:block; position:fixed; left:0; bottom:0; width:100%; z-index:100;
		background:#fff; border-top:1px solid #ddd;
		box-shadow:0 -2px 8px rgba(0,0,0,0.08);
		padding-bottom:env(safe-area-inset-bottom); /* 아이폰 홈바 영역 대응 */
	}
	.m_quick_bar ul { display:flex; width:100%; align-items:flex-end; }
	.m_quick_bar ul li { flex:1; text-align:center; }
	.m_quick_bar ul li a { display:flex; flex-direction:column; align-items:center; justify-content:center;
		gap:4px; padding:9px 0 8px 0; font-size:13px; color:#000; }
	.m_quick_bar ul li img { width:26px; height:26px; object-fit:contain; }

	/* 가운데(문의하기) 원형 강조 */
	.m_quick_bar ul li.m_center a { padding-top:0; font-weight:700; color:#2f3b55; }
	.m_quick_bar ul li.m_center .m_circle { display:flex; align-items:center; justify-content:center;
		width:54px; height:54px; margin-top:-24px; border-radius:50%;
		background:linear-gradient(127deg, #425887, #2f3b55);
		border:3px solid #fff; box-shadow:0 3px 10px rgba(47,59,85,0.35); }
	.m_quick_bar ul li.m_center .m_circle img { width:26px; height:26px;
		filter:brightness(0) invert(1); /* 아이콘을 흰색으로 반전 */ }

	/* 하단 바에 컨텐츠(푸터)가 가려지지 않도록 여백 확보 */
	body { padding-bottom:calc(62px + env(safe-area-inset-bottom)) !important; }
}