html {font-size:62.5%;  font-family: 'Pretendard';-webkit-text-size-adjust: 100%; scroll-behavior: smooth;word-break: auto-phrase;}
@media (max-width: 1600px) and (min-width: 992px) {
	html {font-size: 58.5%;}
}
.mobr{display:none;}
@media (max-width:767px) {
	.mobr {display:block!important;}
	
	html {
		font-size: 10.5px;
	}
}

div {transition:all 0.1s ease-in;}
header {transition:all 0.1s ease-in;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#231815;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;}
body {width:100%;height:auto;font-family: 'Pretendard';background:#fff;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{ font-family: 'Pretendard';}
/* em {font-style:normal; color:#f37321;} */


.hiddenText{display:none;position:absolute;opacity:0;visibility: hidden;}

/* ======================== :::::: 최상단 띠배너 ~  :::::: ========================  */
body.lineban{
	/* padding:4.6rem 0 0 0; */
}

.lineBanWrap{
	overflow:hidden;
	opacity:1;
	position:Relative;
	width:100%;
	height:4.6rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	
	/* background: linear-gradient(0deg, #463930 0%, #463930 100%), linear-gradient(90deg, #7D6554 0%, #463930 30%, #463930 70%, #7D6554 100%); */
	
	backdrop-filter: blur(15px);
	transition: all 0s;
}
/* #header.fixed .lineBanWrap{display:none;} */
#header.fixed .lineBanWrap{transform: translateY(-100%);height:0;opacity:0;
transition: all 0s;
/* transition: all 0.3s ease-in-out; */
}

.lineBanWrap .swiper{
	height:100%;
}
.lineBanWrap .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.lineBanWrap .swiper-slide {
  opacity: 0;
  pointer-events: none;
  /* visibility: hidden; */
  
  transition: opacity 0.8s ease;
  
/* transition: opacity 0.8s ease-in-out; */
}

.lineBanWrap .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto;
  /* visibility: visible; */
}

.ineBanInner {
	backdrop-filter: blur(15px);
    position: Relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lineTopText{
	text-align:center;
}
.lineTopText p.pc{display:block;}
.lineTopText p.mo{display:none;}
.lineTopText p{
	margin:0;
	text-align:center;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.lineTopText p b{
	display:inline-block;
	font-family: pretendard-700;
	font-weight: 700;
}
@media (max-width:991px) {
	/* body.lineban{ */
		/* padding:4rem 0 0 0; */
	/* } */
	.lineBanWrap{
		height:4rem;
	}
}
@media (max-width:767px) {
	/* body.lineban{ */
		/* padding:4.6rem 0 0 0; */
	/* } */
	.lineBanWrap{
		height:4.6rem;
	}
	
	.lineTopText p.pc{display:none;}
	.lineTopText p.mo{display:block;}
	.lineTopText p{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
/* ======================== :::::: // 최상단 띠배너  :::::: ========================  */


/* ======================== :::::: 헤더 ~  :::::: ========================  */
body.sbhidden{overflow:hidden;}

/* =========================================================
   HEAD — Desktop-first (base = PC) / @media(max-width:768px) = Mobile
   Figma : header_pc(30:20) · header_mo(242:2543)
   * 모든 선택자를 .head 네임스페이스로 스코프
   ========================================================= */

/* ----- Base (PC) ----- */
.head {
  --brand-main: #0c1c38;
  --brand-sub:  #c99e67;
  --bg-white:   #ffffff;
  --border:     #e6e3dd;

  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  box-sizing: border-box;
  background: var(--bg-white);
  font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
}
.head *,
.head *::before,
.head *::after { box-sizing: border-box; }

.head__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px clamp(20px, 4.16vw, 80px);
}

/* 로고 */
.head__logo { display: block; flex-shrink: 0; line-height: 0; }
.head__logo img { display: block; height: 40px; width: auto; }

/* 메뉴 : PC 중앙 절대배치 */
.head__nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.6vw, 50px);
}
.head__nav-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: var(--brand-main);
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease;
}
.head__nav-link:hover,
.head__nav-link.is-active { color: var(--brand-sub); }

/* 우측 액션 */
.head__actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
.head__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 22px;
  border-radius: 99px;
  background: var(--brand-sub);
  text-decoration: none;
  white-space: nowrap;
}
.head__cta-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}
.head__cta-arrow { display: inline-flex; flex-shrink: 0; }
.head__cta-arrow img { display: block; width: 16px; height: 16px; }

/* 햄버거 : PC 숨김 */
.head__toggle { display: none; }
.head__toggle-icon { display: block; width: 20px; height: auto; }
.head__toggle-close { display: none; }

@media (max-width: 1600px) {
	.head__inner {
		padding: 18px clamp(20px, 2.16vw, 80px);
	}
	.head__nav {
		gap: clamp(20px, 1.6vw, 50px);
	}
}
@media (max-width: 1200px) {
	 .head { border-bottom: 1px solid var(--border); }

  .head__inner { padding: 16px 30px; }

  .head__logo img { height: 32px; }

  /* CTA 축소 + "하기" 숨김 → "설명회 신청" */
  .head__cta { padding: 9px 16px; }
  .head__cta-text { font-size: 14px; }
  .head__cta-more { display: none; }
  .head__cta-arrow img { width: 14px; height: 14px; }

  /* 햄버거 표시 */
  .head__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    flex-shrink: 0;
  }

  /* 메뉴 : 드롭다운 패널 */
  .head__nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transform: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0 20px;
    background: var(--bg-white);
    overflow: hidden;
    max-height: 0;
    transition: max-height .32s ease;
  }
  .head__nav-link {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0;
    border-bottom: 1px solid #f1efea;
  }
  .head__nav-link:last-child { border-bottom: 0; }

  /* 열림 상태 */
  .head.is-open .head__nav {
    max-height: 80vh;
    border-bottom: 1px solid var(--border);
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.08);
    overflow-y: auto;
  }
  .head.is-open .head__toggle-open  { display: none; }
  .head.is-open .head__toggle-close { display: block; }
}
/* =========================================================
   Mobile : max-width 768px (header_mo 기준)
   ========================================================= */
@media (max-width: 768px) {
  .head__inner { padding: 10px 20px; }

  .head__logo img { height: 24px; }

}

/* ======================== :::::: // 헤더 ~  :::::: ========================  */


/* ======================== :::::: 푸터 ~  :::::: ========================  */
/* ===== Base : PC (jung_footer_pc 1920px 기준) ===== */
.jfooter {
  position: relative;
  width: 100%;
  padding: 60px 240px 120px 240px;
  background: #0c1c38;
  color: #ffffff;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

.jfooter *,
.jfooter *::before,
.jfooter *::after { box-sizing: border-box; }

.jfooter a {
  /* color: inherit; */
  text-decoration: none;
}

.jfooter__inner {
  width: 100%;
max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 60px;
}

/* ----- MAIN (left column on PC) ----- */
.jfooter__main {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 45px;
  align-self: stretch;
}

/* Logo */
.jfooter__logo {
  height: 44px;
}
.jfooter__logo img {
  display: block;
  height: 44px;
  width: auto;
}

/* Info */
.jfooter__info {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.jfooter__info-row {
  display: flex;
  align-items: center;
  gap: 17px;
}

.jfooter__info-item {
  display: inline-flex;
  align-items: baseline;
  gap: 20px;
}

.jfooter__info-item dt {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  white-space: nowrap;
}

.jfooter__info-item dd {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

/* Tel / Fax cluster */
.jfooter__contact {
  display: inline-flex;
  align-items: baseline;
  gap: 20px;
  margin: 0;
}

.jfooter__contact-pair {
  display: inline-flex;
  align-items: baseline;
  gap: 20px;
}

.jfooter__contact-pair strong {
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  opacity: 1;
}

.jfooter__contact-pair > span {
  color: rgba(255, 255, 255, 0.6);
}

/* Legal */
.jfooter__legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.jfooter__links {
  display: flex;
  align-items: center;
  gap: 26px;
}
.jfooter__links a {
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 44px;
  letter-spacing: -0.6px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}
.jfooter__links-sep {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
}

.jfooter__copy {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 44px;
  letter-spacing: 0.56px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}

/* ----- DIVIDERS ----- */
.jfooter__divider {
  background: rgba(255, 255, 255, 0.1);
  display: block;
}
.jfooter__divider--1 {
  width: 1px;
  align-self: stretch;
}
.jfooter__divider--2 {
  display: none;
}

/* ----- ASIDE (right column on PC) ----- */
.jfooter__aside {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

/* Call number */
.jfooter__call {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.jfooter__call-label {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.18px;
  color: #ffffff;
  white-space: nowrap;
}

.jfooter__call-number {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.jfooter__call-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background: #c99e67;
  -webkit-mask: url('/public/img/main/icon_phone_solid.png') no-repeat center / contain;
  mask: url('/public/img/main/icon_phone_solid.png') no-repeat center / contain;
}

.jfooter__call-number a {
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 36px;
  color: #c99e67;
  white-space: nowrap;
}

/* Social icons */
.jfooter__social {
  list-style: none;
  margin: 0;
  padding: 19px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  opacity: 0.5;
  transition: opacity .2s ease;
}
.jfooter__social:hover { opacity: 0.85; }

.jfooter__social li { display: inline-flex; }
.jfooter__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jfooter__social-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #ffffff;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.jfooter__social-icon--kakao   { -webkit-mask-image: url('/public/img/common/icon_kakao.webp');       mask-image: url('/public/img/common/icon_kakao.webp'); }
.jfooter__social-icon--naver   { -webkit-mask-image: url('/public/img/common/icon_blog.webp');  mask-image: url('/public/img/common/icon_blog.webp'); }
.jfooter__social-icon--youtube { -webkit-mask-image: url('/public/img/common/icon_youtube.webp');     mask-image: url('/public/img/common/icon_youtube.webp'); }

/* Family Site button */
.jfooter__family-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 270px;
  padding: 14px 20px;
  border: 1px solid #ffffff;
  border-radius: 6px;
  background: transparent;
  color: #ffffff;
  opacity: 0.5;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  transition: opacity .2s ease;
}
.jfooter__family-btn:hover { opacity: 0.85; }

.jfooter__family-icon {
  display: inline-block;
  width: 10px;
  height: 6px;
  flex-shrink: 0;
  background: #ffffff;
  -webkit-mask: url('/public/img/common/icon_bottom_arrow.webp') no-repeat center / contain;
  mask: url('/public/img/common/icon_bottom_arrow.webp') no-repeat center / contain;
}

/* 기준점 */
.jfooter__family {
  position: relative;
}

/* 위로 펼쳐지는 리스트 */
.jfooter__family-list {
  position: absolute;
  left: 0;
  bottom: 100%;            /* 버튼 위쪽에 배치 */
  margin: 0 0 8px;         /* 버튼과의 간격 */
  padding: 6px 0;
  width: 100%;
  min-width: 200px;
  list-style: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);

  /* 기본은 숨김 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  z-index: 100;
}

/* 열린 상태 */
.jfooter__family.is-open .jfooter__family-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.jfooter__family-list li a {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.jfooter__family-list li a:hover {
  background: #f5f5f5;
}

/* 열렸을 때 화살표 회전(아이콘이 있을 경우) */
.jfooter__family-btn[aria-expanded="true"] .jfooter__family-icon {
  transform: rotate(180deg);
}
.jfooter__family-icon {
  transition: transform .2s ease;
}


/* Brochure download */
.jfooter__brochure {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 270px;
  height: 44px;
  padding: 20px 22px;
  border: 1px solid #c99e67;
  border-radius: 6px;
  background: transparent;
  color: #c99e67!important;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  transition: background-color .2s ease;
}
.jfooter__brochure:hover { background: rgba(201, 158, 103, 0.08); }

.jfooter__brochure-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: #c99e67;
  -webkit-mask: url('/public/img/common/icon_down.webp') no-repeat center / contain;
  mask: url('/public/img/common/icon_down.webp') no-repeat center / contain;
}

/* ----- Floating TOP button ----- */
.jfooter__top {
  position: fixed;
  right: 20px;
  bottom: 120px;
  z-index: 100;
  width: 60px;
  height: 60px;
  padding: 9px 10px;
  border: 1px solid #0c1c38;
  border-radius: 6px;
  background: #f7f5f1;
  color: #0c1c38;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.32px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}
.jfooter__top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.jfooter__top:hover {
  background: #ffffff;
}

.jfooter__top-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #0c1c38;
  -webkit-mask: url('/public/img/common/icon_top_arrow.webp') no-repeat center / contain;
  mask: url('/public/img/common/icon_top_arrow.webp') no-repeat center / contain;
}
@media (max-width: 1800px) {
	.jfooter {
		padding: 60px 40px 120px 40px;
	}
}
@media (max-width: 1600px) {
	.jfooter {
		padding: 60px 40px 120px 40px;
	}
	.jfooter__inner {
		max-width: 1440px;
	}
}
@media (max-width: 1400px) {
	.jfooter__info-row.jfooter__info-row--bottom {
		gap: 10px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}
@media (max-width: 1300px) {
	.jfooter {
		padding: 60px 30px 100px 30px;
	}
}
/* =========================================================================
   Mobile : max-width 767px (jung_footer_mo 375px 기준)
   Order : 1.logo  2.aside  3.div1  4.info  5.div2  6.legal
   ========================================================================= */
@media (max-width: 991px) {

  .jfooter {
		padding: 30px 20px 100px 20px;
	}

  /* Floating TOP hidden on mobile */
  .jfooter__top { display: none; }

  /* Inner becomes a single column */
  .jfooter__inner {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  /* Break MAIN apart so its children participate directly in inner's flex */
  .jfooter__main {
    display: contents;
  }

  /* Order */
  .jfooter__logo       { order: 1; }
  .jfooter__aside      { order: 2; }
  .jfooter__divider--1 { order: 3; }
  .jfooter__info       { order: 4; }
  .jfooter__divider--2 { order: 5; display: block; }
  .jfooter__legal      { order: 6; }

  /* Logo */
  .jfooter__logo { height: 30px; }
  .jfooter__logo img { height: 30px; }

  /* Dividers : horizontal full-width */
  .jfooter__divider--1,
  .jfooter__divider--2 {
    width: 100%;
    height: 1px;
    align-self: auto;
  }

  /* Aside : full-width with mixed alignment */
  .jfooter__aside {
    width: 100%;
    align-items: stretch;
    gap: 6px;
  }

  .jfooter__call { align-items: center; }
  .jfooter__call-label {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.15px;
  }
  .jfooter__call-number a {
    font-size: 28px;
    line-height: 28px;
  }

  /* Social */
  .jfooter__social {
    padding: 19px 0;
    width: 100%;
  }
  .jfooter__social-icon {
    width: 19px;
    height: 19px;
  }

  /* Family Site & Brochure : full-width */
  .jfooter__family-btn {
    width: 100%;
    padding: 16px 20px;
    font-size: 17px;
  }
  .jfooter__brochure {
    width: 100%;
    height: auto;
    padding: 16px 22px;
    font-size: 17px;
  }

  /* Info : centered, with 대표/광고 in 2-col */
  .jfooter__info {
    gap: 20px;
    width: 100%;
  }

  .jfooter__info-row--top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    row-gap: 20px;
    align-items: start;
    width: 100%;
  }
  .jfooter__info-row--top .jfooter__info-item:nth-child(1) {
    grid-column: 1 / -1;
  }

  .jfooter__info-row--bottom {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
  }

  .jfooter__info-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    width: 100%;
  }

  .jfooter__info-item dt,
  .jfooter__info-item dd {
    font-size: 15px;
    line-height: 21px;
    white-space: normal;
  }

  /* Contact mobile : Tel and Fax in 2 columns */
  .jfooter__contact {
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%;
    justify-content: center;
  }
  .jfooter__contact-pair {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  /* Legal : centered column */
  .jfooter__legal {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
  }

  .jfooter__links {
    gap: 16px;
  }
  .jfooter__links a {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .jfooter__links-sep {
    height: 14px;
    background: rgba(255, 255, 255, 0.1);
  }

  .jfooter__copy {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
	
}
/* ======================== :::::: // 푸터  :::::: ========================  */


/*-----------------------------------------
# 우측 네브 아이템
-------------------------------------------*/
.rinavWrap {
    transform: translateY(-50%);
    /* width: 100%; */
    position: fixed;
    right: 3rem;
    top: 50%;
    z-index: 200;
    display: flex;
    gap: 0.6rem;
    flex-direction: column;
    align-items: flex-end;
}
.rinavBtn a{
	display: flex;
	padding: 1.8rem;
	align-items: center;
	gap: 0.8rem;
	backdrop-filter: blur(5px);
	border-radius: 1.8rem;
}
.rinavBtn a b{
	display: none;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4rem;
	letter-spacing: -0.32px;
}
.rinavBtn a dt.mo{display:none;}
.rinavBtn a.rn01{background: rgba(178, 6, 0, 0.90);
/* cursor: default; */
}
.rinavBtn a.rn02{background: rgba(51, 94, 174, 0.90);}
.rinavBtn a.rn03 b{color: #2B271C;}
.rinavBtn a.rn03{background: rgba(249, 224, 0, 0.90);}
.rinavBtn a span{
	display: inline-block;
    height: 2.4rem;
    width: 2.4rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.rinavBtn a.rn01 span{background-image: url(/public/img/icon/rinav_icon_01.webp);}
.rinavBtn a.rn02 span{background-image: url(/public/img/icon/rinav_icon_02.webp);}
.rinavBtn a.rn03 span{background-image: url(/public/img/icon/rinav_icon_03.webp);}

.rinavBtn a:hover b{
	display:block;
}
@media (max-width:1600px) {
	.rinavWrap {
		right: 2rem;
	}
}
@media (max-width:991px) {
	.rinavWrap {
		right: 1rem;
	}
}
@media (max-width:767px) {
	.rinavWrap {
		gap: 0.8rem;
		width: 100%;
		padding:2rem 1rem 2.4rem 1rem;
		display: flex;
		transform: inherit;
		bottom: 0;
		top: inherit;
		left: 0;
		right: inherit;
		flex-direction: row;
		justify-content: center;
	}
	.rinavBtn a {
		display: flex;
		padding: 1.8rem;
		align-items: center;
		gap: 0.6rem;
		backdrop-filter: blur(5px);
		border-radius: 1.4rem;
	}
	.rinavBtn a b.pc {
		display: none;
	}
	.rinavBtn a dt.mo {
		display: block;
		color: #FFF;
		text-align: center;
		font-family: pretendard-700;
		font-style: normal;
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 1.8rem;
		letter-spacing: 0;
	}
	.rinavBtn a.rn03 dt{color: #2B271C;}
	.rinavBtn a span{
		height: 2rem;
		width: 2rem;
	}
}

/*-----------------------------------------
# 하단 플로팅 아이템
-------------------------------------------*/
.quWrap {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 200;
	
	height: 8.4rem;
    background: #0C1C38;
	border-radius: 2rem 2rem 0 0;
	box-shadow: 0 -3rem 4rem 0 rgba(0, 0, 0, 0.10);
}
/* .quWrap:before { */
	/* z-index:2; */
    /* content: ''; */
    /* position: fixed; */
    /* left: 0; */
    /* width: 50%; */
    /* bottom: 0; */
    /* height: 8.4rem; */
    /* background: #F0E6E0; */
	
	/* border-radius: 2rem 2rem 0 0; */
	/* box-shadow: 0 -3rem 4rem 0 rgba(0, 0, 0, 0.10); */
/* } */
/* .quWrap:after { */
	/* z-index:2; */
    /* content: ''; */
    /* position: fixed; */
    /* right: 0; */
    /* width: 50%; */
    /* bottom: 0; */
    /* height: 10rem; */
    /* background: #463930; */
/* } */

.quSideBox {
    height: 100%;
    z-index: 3;
    position: Relative;
    max-width: 160rem;
    padding: 0 4rem;
    margin: 0 auto;
}
.quPcInner {
    display: flex;
    position: Relative;
    width: 100%;
    height: 100%;
}
.quleftBox{
	position:Relative;
	width:61.2rem;
	height:100%;
}
.quleft {
    gap: 3rem;
    padding: 0 6rem 0 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.qulevoid{
	width: 1px;
	height: 3rem;
background: rgba(255, 255, 255, 0.2);
}
.quCallBtn{
    display: flex;
    width: 100%;
    position: Relative;
    align-items: center;
    justify-content: center;
}
.quCallBtn a {
    display: flex;
    gap: 1.9rem;
    position: Relative;
    align-items: center;
}
.quCallBtn .icon{
	width:3.2rem;
	height:3.2rem;
	display:inline-block;
	background-image: url(/public/img/icon/call_icon.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.quCallBtn .text {
    display: flex;
    gap: 0.6rem;
    flex-direction: column;
    align-items: flex-start;
}
.quCallBtn .text span{
	color: #fff;
	text-align: left;
	font-family: pretendard-500;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.13px;
}
.quCallBtn .text dl{
	color: #fff;
	text-align: left;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.5rem;
	letter-spacing: -0.44px;
}

.quKakaoBtn{
	display: flex;
    width: 100%;
    position: Relative;
    align-items: center;
    justify-content: center;
}
.quKakaoBtn a {
    display: flex;
    gap: 1.9rem;
    position: Relative;
    align-items: center;
}
.quKakaoBtn .icon{
	width:3.2rem;
	height:3.2rem;
	display:inline-block;
	background-image: url(/public/img/icon/kaako_icon.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.quKakaoBtn .text {
    display: flex;
    gap: 0.6rem;
    flex-direction: column;
    align-items: flex-start;
}
.quKakaoBtn .text span{
	color: #fff;
	text-align: left;
	font-family: pretendard-500;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 13px */
	letter-spacing: 0.13px;
}
.quKakaoBtn .text dl{
	color: #fff;
	text-align: left;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.5rem;
	letter-spacing: -0.44px;
}
p.qubbt{display:none;}

.quRightBox {
    position: Relative;
    width: 90.8rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	padding:0 0 0 6rem;
}
.quInformBox {
    display: flex;
    position: Relative;
    align-items: center;
}
.quInformInner{
	display: flex;
    position: Relative;
    align-items: center;
}


.quInflex{
	gap:0.4rem;
	display:flex;
	position:relative;
	align-items: flex-end;
}
.quIn.long {
    margin: 0 1.4rem 0 0;
    width: 20rem;
    position: Relative;
}
.quIn.long input{
	padding:0 2rem;
}

.quIn{
	width:10rem;
	position:Relative;
}
.quIn input {
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 5.6rem;
    background: inherit;
border-radius: 1rem;
border: 1px solid rgba(255, 255, 255, 0.20);
padding: 0rem;
color: #fff;
font-family: pretendard-500;font-weight: 500;font-size: 1.6rem;font-style: normal;line-height: 2.6rem;}
.quIn input:-webkit-autofill,
.quIn input:-webkit-autofill:hover,
.quIn input:-webkit-autofill:focus,
.quIn input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #463930 !important;}
.quIn input:focus,
.quIn input:active {    background: inherit; }
.quIn input:focus{outline: none;}

.quIn input::placeholder {
	color: #888;
	font-family: pretendard-400;
	font-weight: 400;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.6rem;
}
.quIn input.phone{
	text-align:center;
}
.quIn input:read-only {
    background: inherit;
}


.quInSel{
	margin:0 1.4rem 0 0;
	width:20rem;
	position:relative;
}
.quInSel:before {
    transform: translateY(-50%);
    z-index: 2;
    content: '';
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 10px;
    height: 6px;
    background-image: url(
	/public/img/common/qusel_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.quInSel select {
	cursor:pointer;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 5.6rem;

border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.20);
background: #463930;

padding: 0rem 2rem 0rem 2rem;
color: #fff;
font-family: pretendard-500;font-weight: 500;font-size: 1.6rem;font-style: normal;line-height: 2.6rem;
-webkit-appearance: none;}
.quInSel select:-webkit-autofill,
.quInSel select:-webkit-autofill:hover,
.quInSel select:-webkit-autofill:focus,
.quInSel select:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #463930 !important;}
.quInSel select:focus,
.quInSel select:active {background:#463930;}
.quInSel select:focus{outline: none;}



.quCheckArea {
    position: Relative;
    margin: 0 0 0 2rem;
}
.quCheckArea input[type="checkbox"]{ 
	position:absolute; 
    width:1px; 
    height:1px; 
    padding:0; 
    margin:-1px; 
    overflow:hidden; 
    clip:rect(0,0,0,0); 
    border:0; 
}
.quCheckArea input[type="checkbox"] + label {
    display: flex;
    position: relative;
    padding-left: 3.2rem;
    cursor: pointer;
    text-align: left;
    color: #fff;
    font-family: pretendard-600;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.2rem;
    justify-content: space-between;
    align-items: center;
}
.quCheckArea input[type="checkbox"] + label:before{ 
	content:''; 
    position:absolute; 
    left:0; 
    top:50%;
	transform:translateY(-50%);
    width:2.4rem;
    height:2.4rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(../img/common/check_before.png) no-repeat center/cover;
}
.quCheckArea input[type="checkbox"]:checked + label:after{ 
	content: ''; 
	position:absolute; 
    top:50%;
	transform:translateY(-50%);
	left:0; 
	width:2.4rem;
	height:2.4rem;
	background:url(../img/common/check_after.png) no-repeat center/cover;
}

.quFormBtn{
	cursor:pointer;
	margin:0 0 0 2rem;
	width:19.8rem;
	height:5.6rem;
	position:Relative;
	border-radius: 4px;
	background: #E6C27C;
	gap:1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.quFormBtn span {
    height: 1.4rem;
    width: 1.4rem;
    display: inline-block;
    background-image: url(/public/img/icon/qugoicon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.quLawyerBox {
    position: absolute;
    left: -6.5rem;
    bottom: 0;
    height: 100%;
}
.quLawyer {
	display: none;
	/* opacity:0; */
	/* visibility: hidden; */
    height: 100%;
    position: Relative;
}
.quLawyer.active {
	display: block;
	/* opacity:1; */
	/* visibility: visible; */
	height: 100%;
    position: Relative;
}
.quLawyerInner{
	height: 100%;
    position: Relative;
	display: flex;
    align-items: center;
}
.quLawImg{
	width:16rem;
	height:13rem;
	position:Relative;
}
.quLawImg img{
	width:100%;
}

.quLawBtn{
	position:Relative;
}
.quLawBtn a {
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.quLawBtn a dl{
	margin:0 0 0.6rem 0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
}
.quLawBtn a p b{
	text-align:left;
	color: #FFF;
	font-family: 'MaruBuri';
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
	letter-spacing: 0.52rem;
}
.quLawBtn a p {
	text-align:left;
    display: flex;
    color: #FFF;
    font-family: 'MaruBuri';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.2rem;
    align-items: flex-end;
    justify-content: flex-start;
}
.quLawBtn a p span {
    top: -0.5rem;
    position: relative;
    display: inline-block;
    margin: 0 0 0 1rem;
    height: 1.2rem;
    width: 0.7rem;
    background-image: url(/public/img/common/qulaw_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.quOnlineBox {
    gap: 2rem;
    display: flex;
    position: Relative;
    align-items: center;
    justify-content: flex-end;
}
.quOnlineBox p {
    margin: 0;
    color: #fff;
    text-align: left;
    font-family: pretendard-700;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: -0.44px;
}
.quOnlineBox a {
    border-radius: 4px;
    background: #E6C27C;
    display: flex;
    width: 150px;
    padding: 15px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.quWrap.onBtnshow .quSideBox{
	max-width: 160rem;
}
.quWrap.onBtnshow .quleftBox{
	width: 70rem;
}
.quWrap.onBtnshow .quRightBox{
	width: 110rem;
}

.quFormmoBtn{
	display:none;
}

@media (max-width:1600px) {
	.quSideBox {
		padding: 0 2rem;
	}
	.quleft {
		gap: 2rem;
		padding: 0 4rem 0 0;
	}
	.quCallBtn {
		min-width: 20rem;
		width: auto;
	}
	.quKakaoBtn {
		min-width: 17rem;
		width: auto;
	}
	
	.quRightBox {
		padding: 0 0 0 4rem;
	}
}
@media (max-width:1400px) {
	.quleftBox {
		width: 40%;
	}
	.quRightBox {
		width: 60%;
	}
}
@media (max-width:1300px) {
	.quCallBtn a {
		gap: 1rem;
	}
	.quCallBtn {
		min-width: 17rem;
	}
	.quCallBtn .icon {
		width: 2.2rem;
		height: 2.2rem;
	}
	.quCallBtn .text span {
		font-size: 1.1rem;
		line-height: 100%;
		letter-spacing: 0.13px;
	}
	.quCallBtn .text dl {
		font-size: 2rem;
		line-height: 2.2rem;
		letter-spacing: -0.44px;
	}
	.quKakaoBtn {
		min-width: 14rem;
	}
	.quKakaoBtn a {
		gap: 1rem;
	}
	.quKakaoBtn .icon {
		width: 2.2rem;
		height: 2.2rem;
	}
	.quKakaoBtn .text span {
		font-size: 1.1rem;
		line-height: 100%;
		letter-spacing: 0.13px;
	}
	.quKakaoBtn .text dl {
		font-size: 2rem;
		line-height: 2.2rem;
		letter-spacing: -0.44px;
	}
	
	
	.quIn.long {
		margin: 0 1.4rem 0 0;
		width: 13rem;
	}
	.quIn {
		width: 7rem;
	}
	.quCheckArea {
		margin: 0 0 0 1rem;
	}
	.quFormBtn {
		margin: 0 0 0 1rem;
		width: 16.8rem;
		height: 5.6rem;
	}
}
@media (max-width:991px) {
	.quWrap {
		height: 7.2rem;
		border-radius: 2rem 2rem 0 0;
		box-shadow: 0 -3rem 4rem 0 rgba(0, 0, 0, 0.10);
	}
	.quleft {
		gap: 1.4rem;
		padding: 0;
	}
	.quCallBtn .text span,
	.quCallBtn .text dl,
	.quKakaoBtn .text span,
	.quKakaoBtn .text dl{display:none;}
	p.qubbt{
		display:flex;
		color: #fff;
		text-align: left;
		font-family: pretendard-700;
		font-style: normal;
		font-weight: 700;
		font-size: 2rem;
        line-height: 2.2rem;
        letter-spacing: -0.44px;
	}
	.quCallBtn, .quKakaoBtn {
		min-width: auto;
	}
	
	
	.quIn.long {
		margin: 0 1rem 0 0;
		width: 11rem;
	}
	.quIn {
		width: 6rem;
	}
	.quIn input {
		height: 5rem;
		border-radius: 1rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.quIn input::placeholder{
		font-size: 1.5rem;
	}
	.quCheckArea input[type="checkbox"] + label {
		padding-left: 3.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.quFormBtn {
		font-size: 1.6rem;
		margin: 0 0 0 1rem;
		width: 15rem;
		height: 5rem;
	}
}
@media (max-width:850px) {
	.quWrap.show .quInformBox{display:flex;}
	.quWrap.show:before{content: '';}
	.quWrap.show:after{content: '';}
	.quWrap.show{box-shadow:none;}
	
	
	
	.quWrap:before {
		content: none;
		position: fixed;
		z-index: 4;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	.quWrap:after {
		content: none;
		position: absolute;
		left: 0;
		top: -10px;
		z-index: 4;
		width: 100%;
		height: 3rem;
		background: #fff;
	}
	.quSideBox {
		padding: 0;
		border-radius: 16px 16px 0 0;
		background: rgba(12, 28, 56, 0.90);
		box-shadow: 0 -30px 40px 0 rgba(0, 0, 0, 0.10);
		backdrop-filter: blur(5px);
		height: 7.4rem;
		z-index:5;
	}
	.quFormmoBtn {
		cursor: pointer;
		margin: 0;
		width: 16rem;
		height: 5rem;
		position: Relative;
		border-radius: 4px;
		background: #E6C27C;
		gap: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
		text-align: center;
		font-family: pretendard-600;
		font-size: 1.6rem;
		font-style: normal;
		font-weight: 600;
		line-height: 2.6rem;
	}
	.quFormmoBtn span {
		height: 1.4rem;
		width: 1.4rem;
		display: inline-block;
		background-image: url(/public/img/icon/qugoicon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.quleftBox {
		left: 2rem;
		z-index: 2;
		position: absolute;
		width: auto;
	}
	.quRightBox {
		padding: 0 2rem;
		width: 100%;
	}
	.quInformClose {
		cursor: pointer;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -4rem;
		z-index: 3;
		width: 2rem;
		height: 2rem;
		display: inline-block;
		background-image: url(/public/img/icon/noclose.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.quInformBox {
		/* display:flex; */
		display: none;
		width: 100%;
		background: #fff;
		bottom: 7.4rem;
		left: 0;
		position: absolute;
		padding: 20px 20px 30px 20px;
		
		position: absolute;
		align-items: center;
		
		border-radius: 20px 20px 0 0;
		border-top: 1px solid #EEE;
		border-right: 1px solid #EEE;
		/* border-bottom: 1px solid #EEE; */
		border-bottom: none;
	}
	.quInformInner {
		width: 100%;
		display: flex;
		position: Relative;
		align-items: flex-start;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.quIn.long {
		margin: 0 0 1rem 0;
		width: 100%;
	}
	.quIn input {
		background: #f8f8f8;
		height: 5rem;
		border-radius: 1rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.quInflex {
		width: 100%;
		gap: 0.4rem;
		display: flex;
		position: relative;
		align-items: flex-end;
	}
	.quIn {
		width: 100%;
	}
	.quIn input:read-only {
		color: #0C1C38;
		background: #f8f8f8;
	}
	.quIn input:-webkit-autofill,
	.quIn input:-webkit-autofill:hover,
	.quIn input:-webkit-autofill:focus,
	.quIn input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #463930 !important;border:1px solid #f8f8f8;}
	.quIn input:focus,
	.quIn input:active {          background: #f8f8f8;}
	.quIn input:focus{outline: none;border:1px solid #f8f8f8;        background: #f8f8f8;}
	.quCheckArea {
		margin: 1.6rem 0;
	}
	.quCheckArea input[type="checkbox"] + label {
		color: #0C1C38;
		padding-left: 3.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.quCheckArea input[type="checkbox"] + label br{display:none;}
	.quFormBtn {
		font-size: 1.6rem;
		margin: 0;
		width: 100%;
		height: 5rem;
	}
}

@media (max-width:767px) {
	.quleftBox {
		left: 0.8rem;
	}
	.quleft {
		gap: 0;
		padding: 0;
	}
	p.qubbt {
		font-size: 1.5rem;
		line-height: 2.4rem;
		letter-spacing: -0.3px;
	}
	.qulevoid {
		display: none;
	}
	.quCallBtn, .quKakaoBtn {
		min-width: 10.2rem;
	}
	.quRightBox {
		padding: 0 0.8rem;
	}
	.quFormmoBtn {
		width: 14.5rem;
		height: 4.6rem;
		position: Relative;
		border-radius: 8px;
		background: #C99E67;
		gap: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
		text-align: center;
		font-family: pretendard-600;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 2.6rem;
	}
	
	.quIn.long {
		margin: 0 0 0.6rem 0;
	}
	.quIn.long input {
		padding: 0 1.6rem;
	}
	.quIn input {
		padding: 0 1.6rem;
		background: #f8f8f8;
		height: 5.2rem;
		border-radius: 0.8rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.quFormBtn {
		gap: 0.8rem;
		color: #fff;
		line-height: 2.4rem;
		border-radius: 8px;
		background: #0C1C38;
		font-size: 1.6rem;
		margin: 0;
		width: 100%;
		height: 5rem;
	}
	.quFormBtn span {
		height: 1.4rem;
		width: 1.4rem;
		display: inline-block;
		background-image: url(/public/img/icon/qugoicon_white.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}
@media (max-width:400px) {
	.quCallBtn, .quKakaoBtn {
		min-width: 9.6rem;
	}
	.quFormmoBtn {
		width: 13rem;
	}
}

/*--------------------------------------------------------------
# 개인정보처리방침
--------------------------------------------------------------*/

.tecontent video{
	width:100%;
}

.textWrap {
    width: 100%;
    position: relative;
    margin-top: 0rem;
}
#textcontainer {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 12rem 0rem 12rem 0rem;
}
.tecontent {
    width: 100%;
    position: relative;
    max-width: 114rem;
    padding: 0rem 2rem;
    margin: 0 auto;
}


.priv_tit {font-family: pretendard-700;margin-bottom: 1rem;padding: 4.5rem 0 3rem;display: block;font-size: 3rem;font-weight: normal;letter-spacing: -1px;color: #222222;border-bottom: 1px solid #dddddd;}
.priv_tit span {
    font-family: pretendard-300;
    margin-top: 10px;
    display: block;
    font-size: 1.7rem;
    line-height: 2.7rem;
    font-weight: 300;
    letter-spacing: -0.3px;
    color: #444444;
    font-weight: 300;
}
.ptspanMar{margin-top:40px!important;}
.ptspanMar2{margin-top:20px!important;}

.prsection {
    margin-bottom: 3rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6rem;
}
.prsection:last-child{
	margin-bottom: 0rem;
    border-bottom: none;
    padding-bottom: 0rem;
}

.privTBox{padding-top:4rem;display:block;text-align:left;}
.prstb{padding-top:0px!important;}
.privTBox h2 {
    margin-bottom: 1rem;
    line-height: 3rem;
    font-size: 2rem;
    display: block;
    text-align: left;
    font-family: pretendard-600;
    color: #222;
}
.privTBox h3 {
    margin: 0 0 2.6rem 0;
    position: relative;
    font-family: pretendard-600;
    display: block;
    font-size: 2rem;
    font-weight: normal;
    line-height: 3rem;
    letter-spacing: -0.3px;
    color: #222;
}
.privTBox h3.nonebe{
	margin:0 0 1rem 0;
}
.privTBox h3.nonebe:before { content: none;}
.privTBox h3:before {
    left: 0;
    display: inline-block;
    content: '';
    width: 3rem;
    height: 2px;
    background: #0c1c38;
    position: absolute;
    bottom: -1.2rem;
}
.privTBox h3 b{margin-left:4px;display:inline-block;font-size:18px;font-weight:normal;line-height:31px;letter-spacing:-0.3px;color:#222222;}
.privTBox h4 {
	position:relative;
    font-family: pretendard-400;
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 2.4rem;
    letter-spacing: -0.2px;
    color: #222222;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.privTBox h4.dot{
	padding-left:0.8rem;
}
.privTBox h4.dot:before {
    left: 0;
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background: #142952;
    position: absolute;
    top: 1rem;
}
.privTBox strong{display:block;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;padding-bottom:12px;margin-top:20px;}
.privTBox strong span{font-size:15px;margin-right: 5px;font-weight: 500;}
.anpi{font-weight: 600!important;}

.privSubTBox{display:block;margin-top:1rem;}
/* .privSubTBox span{display:block;position:relative;margin-bottom:8px;} */
/* .privSubTBox span b{position:absolute;left:0px;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;} */
/* .privSubTBox span p{display:block;position:relative;padding-left:21px;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;} */

.privSubTBox ul{display:block;position:relative;padding-left:0px;}
.privSubTBox ul li{display:block;position:relative;margin-bottom:10px;}
.privSubTBox ul li b{
font-family: pretendard-300;position:absolute;left:0px;font-size:1.5rem;font-weight:300;line-height:2.4rem;letter-spacing:-0.1px;color:#444444;}
.privSubTBox ul li p {
	position:relative;
    font-family: pretendard-400;
    display: block;
    position: relative;
    padding-left: 0rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    letter-spacing: -0.2px;
        color: #7f7f7f;
}
.privSubTBox ul li p span {
    margin: 0 0 4px 0;
    display: inline-block;
    color: #000;
    font-family: pretendard-600;
}
.privSubTBox ul li p.buchic{
	color: #B20600;
	font-family: pretendard-600;
}

.privSubTBox ul li p.dot{
	padding-left:0.8rem;
}
.privSubTBox ul li p.dot:before {
    left: 0;
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background: #8754FB;
    position: absolute;
    top: 0.9rem;
}
.prilip{padding-left:0px!important;}

.privSubTBox ul li ds{display:block;position:relative;padding-left:8px;font-size:14px;font-weight:300;line-height:23.8px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox ul li ds:before{content:"-";position:absolute;left:0px;top:-2px;font-size:14px;font-weight:300;color:#222222;}
.privSubTBox ul li df{display:block;position:relative;padding-left:17px;font-size:14px;font-weight:300;line-height:23.8px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox ul li df:before{content:"※";position:absolute;left:0px;top:0px;font-size:14px;font-weight:300;color:#222222;}

.privSubTBox ul li p a{display: inline-block;font-size: 14px;font-weight: 300;line-height: 0px;letter-spacing: -0.3px;color: blue;}
.privSubTBox ul li p a:hover{color:#222;text-decoration: underline;}
.privSubTBox ul li dd {
    margin: 0.2rem 0 0 0;
    font-family: pretendard-300;
    display: block;
    position: relative;
    padding-left: 1.4rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    letter-spacing: -0.3px;
    color: #666;
}
.privSubTBox ul li dd span{
	color:#000;
	font-family: pretendard-600;
}
.privSubTBox ul li dd:before {
    display: block;
    content: '';
    width: 8px;
    height: 1px;
    background: #7f7f7f;
    border-radius: 1px;
    position: absolute;
    left: 0;
    top: 1.1rem;
}
.privSubTBox ul ol{display:block;padding-left:17px;}
.privSubTBox ul ol bk{display:block;font-size: 14px;font-weight: 300;line-height: 23.8px;letter-spacing: -0.3px;color: #444444;}

.nmtbl03{
	position:Relative;
	width:100%;
	margin:1rem 0;
}
.nmtbl03 table{
	position:Relative;
	width:100%;
}
.nmtbl03 thead {position:relative;}
.nmtbl03 thead th, .nmtbl03 thead tr th.bd_b {border-bottom: 1px solid #dddddd;}
.nmtbl03 tbody th {background: #e3e6ec; border: 1px solid #dddddd;padding: 1.4rem 0;text-align: center;font-size: 1.5rem;color: #0c1c38;line-height: 2rem;	font-family: pretendard-600;font-weight: 600;vertical-align: middle;}
.nmtbl03 tbody td {border: 1px solid #dddddd;padding: 1.4rem 0.4rem;text-align: center;font-size: 1.4rem;color: #444444;line-height: 1.8rem;	font-family: pretendard-400;font-weight: 400;vertical-align: middle;}
.nmtbl03 tbody td.col{width:200px;background: #e3e6ec;color: #0c1c38;}
.font-bold-link{font-size: 14px;color: #222222;text-decoration:underline;line-height: 18px;font-weight: 600;}
.bornonee{border-left:none!important;}


.elec .privSubTBox span p{font-weight: 400!important;}
.elec .privSubTBox span b{font-weight: 400!important;}
.elec .privSubTBox ul li b{color:#888888!important;}
.elec .privSubTBox ul li p{color:#888888!important;}
.elec .privSubTBox ul li dd{color:#888888!important;}

.vertical-align-top{vertical-align: top!important;}

.ta5box {
    margin: 1rem 0rem;
    display: block;
    padding-left: 1.9rem;
}
.ta5box table{
	border-collapse: collapse;
	width:100%;
	border: 1px solid #888;
}
.ta5box tr th{
	text-align:center;
	font-size:1.5rem;
	 padding: 0.4rem 0.4rem;
	border: 1px solid #888;
}
.ta5box tbody tr td {
    padding: 0.4rem 0.4rem;
    text-align: left;
    font-size: 1.5rem;
	border: 1px solid #888;
}

.no_spam_gray {
    margin: 3rem 0 0 0px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.no_spam_gray img{
	max-width:100%;
}


.manaWrap{
	margin:4rem 0 0 0;
	position:Relative;
	width:100%;
}
.manatitle {
    padding: 1rem;
    line-height: 2.8rem;
    font-size: 1.9rem;
    display: block;
    text-align: center;
    font-family: pretendard-600;
    color: #fff;
    background: #F4020C;
	border: 1px solid #e2e2e2;
	border-bottom:none;
}
.manaInner{
	padding:2rem;
	width:100%;
	border: 1px solid #e2e2e2;
}
.manaInner .privTBox:nth-child(1){
	padding-top:0rem;
}
.manaInner .privTBox {
    padding-top: 3rem;
}
.manaInner .privTBox h3 {
    font-size: 1.8rem;
}
.manaInner .privSubTBox ul li dd:before{content:none;}
.downBtn {
    margin: 0 0 1rem 0;
    padding: 0 0 0 1.4rem;
    display: flex;
}
.downBtn a{
	display: flex;
	padding: 1rem 2rem;
	align-items: center;
	gap: 0.6rem;
	background: #F8F8F8;
	color: #888;
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2rem;
}
.downBtn a img{
	height:1.4rem;
}

.prBottomLinkBtnBox{
	display:flex;
	margin:1rem 0 0 0;
}
.prBottomLinkBtn a {
    gap: 0.6rem;
    padding: 1rem 2rem;
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: var(--keycolor, #F4020C);
    color: #FFF;
    text-align: center;
    font-family: pretendard-700;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    align-items: center;
    justify-content: center;
}
.prBottomLinkBtn a svg {
    height: 1.2rem;
}
@media (max-width:1600px) {
	#textcontainer {
		padding: 10rem 0rem 10rem 0rem;
	}
}

@media (max-width:767px) {
	#textcontainer {
		padding: 4rem 0rem 4rem 0rem;
	}
	.priv_tit {
		margin-bottom: 0rem;
		padding: 1rem 0 2rem;
		font-size: 2rem;
		letter-spacing: -0.3px;
	}
	.priv_tit span {
		margin-top: 1rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
	}
	.ptspanMar {
		margin-top: 2rem!important;
	}
	
	
	.prsection {
		margin-bottom: 2rem;
		padding-bottom: 4rem;
	}
	.privTBox {
		padding-top: 2rem;
	}
	.privTBox h2 {
		margin-bottom: 1rem;
		line-height: 2.2rem;
		font-size: 1.7rem;
	}
	.privTBox h3 {
		margin: 0 0 2.4rem 0;
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.privTBox h4 {
		font-size: 1.4rem;
		line-height: 2.1rem;
		letter-spacing: -0.3px;
		margin-top: 1.6rem;
		margin-bottom: 0.4rem;
	}
	.privTBox h4.dot {
		padding-left: 1rem;
	}
	.privTBox h4.dot:before {
		width: 4px;
		height: 4px;
		top: 0.8rem;
	}
	.privSubTBox {
		margin-top: 0.6rem;
	}
	.privSubTBox ul li b {
		font-size: 1.3rem;
		line-height: 2.1rem;
	}
	.privSubTBox ul li p {
		padding-left: 0rem;
		font-size: 1.3rem;
		line-height: 2.1rem;
	}
	.privSubTBox ul li p.dot {
		padding-left: 1rem;
	}
	.privSubTBox ul li p.dot:before {
		width: 4px;
		height: 4px;
		top: 0.8rem;
	}
	.privSubTBox ul li p a {
		font-size: 13px;
	}
	.privSubTBox ul li dd {
		    margin-top: 0.2rem;
		padding-left: 1rem;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.privSubTBox ul li dd:before {
		display: block;
		content: '';
		width: 5px;
		height: 1px;
		background: #7f7f7f;
		border-radius: 1px;
		position: absolute;
		left: 0;
		top: 0.9rem;
	}
	
	.ta5box {
		margin: 1rem 0rem;
		display: block;
		padding-left: 0rem;
	}
	.ta5box table{
		border-collapse: collapse;
		width:100%;
		border: 1px solid #888;
	}
	.ta5box tr th{
		text-align:center;
		font-size:1.2rem;
		padding: 0.4rem 0.4rem;
		border: 1px solid #888;
	}
	.ta5box tbody tr td {
		padding: 0.4rem 0.4rem;
		text-align: left;
		font-size: 1.2rem;
		border: 1px solid #888;
	}
	.nmtbl03 tbody td.col {
		width: 130px;
	}
	
	.adm_paging_line {margin-top: 2rem;}
	
	
	
	.manatitle {
		padding: 1rem;
		line-height: 2rem;
		font-size: 1.6rem;
	}
	.manaInner .privTBox h3 {
		font-size: 1.6rem;
	}
	.downBtn a {
		padding: 1rem 2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.prBottomLinkBtn a {
		padding: 1rem 2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.nmtbl03 tbody th {
		padding: 1rem 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.nmtbl03 tbody td {
		padding: 1rem 0.4rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}


.none_marT{
	margin-top:0rem!important;
}