/* 슬라이드 메뉴 상단 영역 */
#navigation .slide-util {
    background-color: #47395c;
    color: #fff;
    font-size: 0.9em;
    text-align: center; letter-spacing: 0;
}

/* 상단 로그인 메시지 */
#navigation .slide-util .welcome-msg {
    margin: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/* 가로 구분선 */
#navigation .slide-util .divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin: 10px 0;
}

/* 2행 2열 구조 *//* 2행 2열 구조 */
#navigation .slide-util .util-row {
    display: flex;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
 
}
#navigation .slide-util .util-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
/* 각 열 */
#navigation .slide-util .util-item {
    flex: 1;
    border-right: 1px solid rgba(255,255,255,0.3);
    display: flex;
    align-items: stretch; /* a가 전체 꽉 차게 */
}

/* 마지막 열 세로선 제거 */
#navigation .slide-util .util-item:last-child {
    border-right: none;
}

/* ? 패딩을 링크로 이동 → 터치영역 확장 */
#navigation .slide-util .util-item a {
    display: block;
    width: 100%;
    padding: 14px 25px; /* 여기서 터치영역 조절 */
    text-align: left;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px; 
}

/* 터치 피드백 */
#navigation .slide-util .util-item a:active {
    background-color: rgba(255,255,255,0.12);
}


/* layout */   

#wrap {  position:relative;  background:#FFF;}
#body {width:100%;}
 
.main_bg {background:#fff;}
.sub_bg {background:#FFF;}


.at-container {
  max-width: 1292px;
  margin: 0 auto;
  position: relative; 
}

/*NEWFOOTER*/
  .footer1103 {
    background-color: #533662;
    color: rgba(255, 255, 255, 0.9);
    padding: 50px 20px;
    font-family: Arial, sans-serif;
      margin-top:100px;
  }

  .footer-container1103 {
    width: 1292px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
  }

  /* 좌측 영역 */
  .footer-left1103 {
    flex: 1 1 600px;
    min-width: 300px;
  }

  .footer-links1103 {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap; font-weight: 500;
  }

  .footer-link1103 {
    color: #fff;
    font-size: 15px;
  }

  .divider1103 {
    color: rgba(255, 255, 255, 0.5);
    margin: 0 6px;
  }

  .footer-info1103 div {
    font-size: 15px;
    color:#b6aebb; line-height: 1.4; 
    margin: 0;
  }

  /* 우측 영역 */
  .footer-right1103 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 300px;
    min-width: 150px;
  }

  .footer-img1103 img {
    max-width: 150px;
    height: auto;
    margin-bottom: 10px;
  }

  .footer-copy1103 {
    font-size: 15px;
    color:#b6aebb;
  }

  /* 반응형 */

/* 반응형 */
@media (max-width: 1024px) {
  .footer-container1103 {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
    
    .footer-left1103 {
  flex: 1 1 auto;
  min-width: 280px;
}
  .footer-container1103 {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }

  .footer-left1103,
  .footer-right1103 {
    width: 100%;
    min-width: auto;
  }

  .footer-links1103 {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .footer-info1103 div {
    font-size: 14px;
    line-height: 1.6;
  }

  .footer-right1103 {
    align-items: center;
    margin-top: 20px;
  }

  .footer-img1103 img {
    max-width: 120px;
  }

  .footer-copy1103 {
    font-size: 13px;
  }
}


@media (max-width: 1416px) and (min-width: 769px) {
      .footer-right1103 {
   padding-right: 50px;
  }

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

  /* 전체 푸터 */
  .footer1103 {
    padding: 40px 15px;
    margin-top: 60px;
  }

  /* 컨테이너 */
  .footer-container1103 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px; padding:0 5px; 
  }

  /* 좌측 영역 */
  .footer-left1103 {
    flex: 1 1 auto;
    width: 100%;
    min-width: auto;
    text-align: center;
  }

  /* 링크 영역 */
  .footer-links1103 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-bottom: 15px;
  }

  .footer-link1103 {
    font-size: 14px;
    color: #fff; /* 원래 색 유지 */
  }

  /* divider (I) → 모바일에서는 줄바꿈처럼 처리 */
.footer-links1103 .divider1103 {
    display: inline;
    color: rgba(255,255,255,0.5);
    margin: 0 6px;
  }

  /* 회사정보 */
  .footer-info1103 div {
    font-size: 12px;
    line-height: 1.5 !important;
    color: #b6aebb; /* 원래 색 유지 */
  }

  /* 우측 영역 */
  .footer-right1103 {
    flex: 1 1 auto;
    width: 100%;
    align-items: center;
    margin-top: 20px;
    text-align: center;
  }

  .footer-img1103 img {
    max-width: 120px;
    height: auto;
    margin-bottom: 10px;
  }

  .footer-copy1103 {
    font-size: 12px;
    color: #b6aebb; /* 원래 색 유지 */
  }
}


/* 큰 화면 ~ 데스크탑 */
@media (max-width: 1240px) {
  .at-container { padding: 0 30px; }
  .at-container.wide { padding: 0; }
}

/* 중간 화면 ~ 태블릿 */
@media (max-width: 992px) {
  .at-container { padding: 0 20px; }
  .at-container.wide { padding: 0; }
}

/* 작은 태블릿 / 모바일 큰 화면 */
@media (max-width: 768px) {
  .at-container { padding: 0 20px; }
  .at-container.wide { padding: 0; }
}

/* 모바일 작은 화면 */
@media (max-width: 480px) {
  .at-container { padding: 0 20px; }
  .at-container.wide { padding: 0; }
}

/*util*/
.top_util {height:57px; border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
.util {position:absolute; right:0; z-index:9999; top:40px;}
.util a {font-size:14px; color:#fff; display:inline-flex; height:55px; align-items:center; padding:0 8px; position:relative; background:url(../img/toputil_line.png) no-repeat right 21px;}

.util a:last-child {background:none;}
.util a .cart_cnt {display:inline-flex; align-items:center; justify-content:center; font-size:11px; border-radius:100%; width:17px; height:17px; background:#533662; color:#FFF; margin-left:5px; /* ← 이게 핵심! */} 

/* ================== 태블릿 (max-width: 1200px) ================== */
@media screen and (max-width: 1200px) {
    .util {
        top: 10px;  /* 기존 40px → 10px로 위로 올림 */
    }
}

/* ================== 모바일 (max-width: 768px) ================== */
@media screen and (max-width: 768px) {
    .util {
        top: 5px;   /* 모바일에서는 더 위로 */
    }
}


.top_tel {position:absolute; left:0; top:10px; font-size:16px; color:#222222; padding-left:25px; background:url(../img/top_tel_icon.png) no-repeat 0 4px;}
.top_tel strong {font-size:17px;}


@media (max-width:600px) {
    .top_tel {
        font-size:11px;
        top:0; /* 기존 13px → 0으로 올림 */
    }
    .top_tel strong { font-size:11px; }

    .util a {
        font-size:13px;
    }

    /* 추가로 util 위쪽 간격 더 좁히고 싶으면 여기서 top 값 조정 가능 */
    .util {
        top:-8px; /* 필요시 더 올리기 */right:10px;
    }
}


/* 숨김 */
.top-menu {display:none;}
.top-tel {display:none;}

/* 로고 위치 */
.top_logo {position:absolute; right:0; top:10px;}
.top_logo_left {position:absolute; left:0; top:10px;}

/* 상단 텍스트 */
.top-txt {
    font-family:"Nanum Myeongjo";
    font-size:18px;
    position:absolute;
    right:0;
    top:50px;
    letter-spacing:-2px;
    color:#fff;   /* 흰색 */
}


/* ================== 헤더 기본 ================== */
#header {
    height: 175px;
    position: absolute;
    /* 스크롤해도 고정하려면 fixed */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: transparent;
    /* 투명 배경 */
    border: none;
    /* 테두리 제거 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    /* 연한 1픽셀 바닥선 */

}


/* 로고 영역 */
#header h1 {
    position: absolute;
    top: 0px;              /* 세로 위치는 그대로 조정 가능 */
    left: 50%;               /* 부모 요소(헤더)의 가운데로 이동 */
    transform: translateX(-50%); /* 자기 너비의 절반만큼 왼쪽으로 이동 → 완전 가운데 정렬 */
    margin: 0;
    height: 120px;
    width: auto;
    z-index: 999999999999;
}


/* 로고 링크 */
#header h1 a {
    display: block;     
    height: 100px;
    width: auto;
}

/* 로고 이미지 */
#header h1 a img {
    height: 100%;
    width: auto;
}

/* ================== PC/태블릿 중간 크기 ================== */
@media screen and (min-width: 360px) and (max-width: 1200px) {
    #header {
        height: 120px;
    }

    #header h1 {
        margin: 0;          
        margin-left: 0;
        padding: 0;         
    }

    #header h1 a img {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;            /* 아래로 살짝 내림 */
        transform: translate(-50%, -10%);
        width: 60%;          /* 필요시 조정 */
        height: auto;
/*        margin-top: -40px;    세로 위치 */
    }
    
    #hd_sch { display: none; }
}

@media screen and (max-width: 1200px) {
        #header.scrolled { 
            display:none;
    }
}


/* ================== 스크롤 시 고정 헤더 (PC/태블릿) ================== */
#header.scrolled {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95) !important; /* 살짝 투명 */
/*    border-bottom: 1px solid rgba(0,0,0,0.05);          연한 하단선 */
    z-index: 9999;
    transition: all 0.3s ease;
    height: 60px;                                      /* 헤더 높이 */
    overflow: visible !important;
}
/* ================== 스크롤 시 로고 ================== */
#logo-scrolled { 
    display: none; 
}

#header.scrolled #logo-default {
    display: none;
}

#logo-default {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* 스크롤 시 로고 (왼쪽 고정) */
#header.scrolled #logo-default { display: none; }


#header.scrolled #logo-scrolled {
  display: block;
  position: absolute;
  top: 80%;
  left: 20px;
  transform: translateY(30%);
  height: 55px;
  width: auto;
  z-index: 10000;
}
/* 메뉴 위치 및 글자 */
#header.scrolled .gn {
    position: relative;  /* 기존 flow 유지 */
    top: -100px;          /* 위로 10px 올림, 필요시 조정 */
    left:200px;
}

#header.scrolled .gn li a.first {
    color: #555 !important;  /* 검정 글자 */
    font-size: 13px;
}

#header.scrolled .gn li ul.lnb_sub_wrap {
    top: calc(100% - 8px);   /* 스크롤 시 top 위치 */
}
#header.scrolled .gn li a.first:hover {
    color: #000 !important;            /* 글자 색상 변경 */
    transition: all 0.3s ease;
}

#header.scrolled .gn li ul.lnb_sub_wrap li a:hover {
    color: #000 !important;            /* 서브 메뉴 글자 색상 */
    
    transition: all 0.3s ease;
}


/* header 전체 flex 컨테이너로 */
.at-container_main {
/*    display: flex;*/
    justify-content: center; /* 수평 중앙 */
    align-items: center;     /* 수직 중앙 */
    height: 100px;           /* 헤더 높이 */
    position: relative; 
/*    border-bottom: 1px solid rgba(238, 238, 238, 0.2);*/
}

/* h1은 flex 아이템, 중앙 유지 */
.at-container_main h1 {
    margin: 0;
}

/* a 영역 최소화 */
.at-container_main h1 a {
    display: inline-block;
    width: auto;
    height: auto;
}

/* img 크기 */
.at-container_main h1 a img {
    display: block;
    height: 86px;
    width: auto;margin-top: -100px; /* 위로 올리기 */
}

/* 모바일 전용: 화면 폭 768px 이하 */
/* 모바일에서 logo-scrolled 숨기기 */
@media (max-width: 768px) {
    #logo-scrolled {
        display: none !important;
    }
}
/* ================== 반응형에서 스크롤 로고 숨기기 ================== */
@media screen and (max-width: 1200px) { /* 태블릿 포함 */
    #logo-scrolled {
        display: none !important;
    }
}

@media screen and (max-width: 768px) { /* 모바일 */
    #logo-scrolled {
        display: none !important;
    }
}


#all_menu_box {position:absolute;  z-index:999; background:none; width:100%; top:98px; padding:0 0px; box-sizing:border-box;   display:none;}
#all_menu {display:flex; border:1px solid #d6d6d6;  width:100%; border-radius:10px; background:#ffffff; overflow:hidden;}
#all_menu li {flex:1; border-left:1px solid #eeeeee; box-sizing:border-box; padding:20px 20px;   }
#all_menu li:hover {background:#f0f1a5;}
#all_menu li:first-child {border-left:none;}
#all_menu li a.first {color:#393939; font-size:18px; font-weight:bold;}
#all_menu .lnb_sub_wrap {margin-top:10px;}
#all_menu .lnb_sub_wrap li {display:block; float:none; width:100%; padding:3px 0px;  min-height:15px; border:none; background:none;}
#all_menu .lnb_sub_wrap a {color:#393939; font-size:16px; padding:3px 0; letter-spacing:-1px;}
#all_menu .lnb_sub_wrap a:hover {border-bottom:1px solid #000;}


/*top menu*/
#navigation {display:none;}

/* 네비게이션 전체 영역 (수정) */

/* 네비게이션 전체 영역 */
#navi {
    width: 100%;              /* 화면 전체폭 */
    margin: 0 auto;
    position: absolute;       /* 필요 시 fixed 또는 absolute */
    top: 100px;                /* 원하는 높이 */
    left: 0;                  /* 전체폭 기준 */
    z-index: 99;
    text-align: left;       /* 중앙정렬 */
    background: none;
}

/* 메뉴 컨테이너 */
.navi_inner {
    position: relative;
}

/* 메뉴 ul */
.gn {
    display: inline-flex;     /* 중앙에서 가로로 나열 */
    justify-content: left;  /* ul 내부 아이템 중앙정렬 */
    gap: 0px;                /* 메뉴 간격 */
    margin: 0;
    padding: 0;
}

/* li */
.gn li {
    position: relative;
    flex: 0 0 auto;
}


/* a 기본 */
.gn li a.first {
    color: #fff;               /* 흰색 글자 */
    font-size: 16px;
    font-weight: 400;
    height: auto;
    display: flex;
    align-items: center;
    padding: 0px;
    letter-spacing: 0px;
    background: none;  line-height: 50px;   padding-left:20px; padding-right:20px; padding-bottom:15px; padding-top:20px;    /* 배경 제거 */
}

/* 밑줄 효과 */
.gn li a.first span {
    position: relative;
    padding-bottom: 6px;
}
.gn li a.first span:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #fff;          /* 흰색 밑줄 */
    transition: all 0.3s ease;
}
.gn li:hover a.first span:after {
    width: 100%;
    left: 0;
}


/*.gn li:last-child ul.lnb_sub_wrap {left:auto; right:0;}*/
.mobile_top_menu {}
.mobile_top_menu a {z-index:999;  position:absolute; right:0; top:18px;  height:46px; line-height:46px; color:#333333; font-size:20px; text-align:center; display:inline-block;}
.mobile_top_menu:hover a{color:#1c9ae5 !important;}
.mobile_top_menu p {position:absolute; top:11px; left:68px; font-weight:bold;}
.mobile_top_menu a span {font-size:20px; color:#000000; font-weight:bold; padding-left:15px;}
 

/* 서브 메뉴 정상 표시 */
.gn li ul.lnb_sub_wrap {
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    display: none;
    min-width: 220px;
    background: #fff;
    border-radius: 0 0 10px 10px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    z-index: 9999;
    
}


.gn li:hover ul.lnb_sub_wrap {
    display: block;
}

/* 서브 메뉴 리스트 항목 구분선 */
.gn li ul.lnb_sub_wrap li + li {
    border-top: 1px solid rgba(0,0,0,0.05); /* 위쪽에 1px 라인 */
}

/* 서브 메뉴 링크 */
.gn li ul.lnb_sub_wrap li a {
    display: block;
    padding: 12px 20px;
    font-size: 0.9rem; font-weight: 500;
    text-align: left;       /* 글자 좌측 정렬 */
    color: #555;            /* 기본 글자색 */
    text-decoration: none;
    background: #fff;
    transition: all 0.3s ease;
}

/* hover 시 반전 효과 */
.gn li ul.lnb_sub_wrap li a:hover {
    background: #15a6b9;       /* 진회색 배경 */
    color: #fff;            /* 흰 글자 */
}


/* 모바일 메뉴 로고 */
#navigation li.category img {
    display: block;
    max-width: 120px;
    height: auto;
    margin: 0 auto;
}

/* 닫기 버튼 위치 */
#navigation li.category .topmenu_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    color: #000;
}

@media (max-width:768px) {
    #navigation li.category img {
        max-width: 100px;
    }
}


/* 하단 레이아웃 */

.footermenu { padding:0px 0 0px 0;margin:0 0 0px; background:#5c5c5c; border-bottom:1px solid #616567;}
.footermenu li {display:inline-block; margin:0  0px; }
.footermenu li a {color:#fff; font-size:16px; padding:20px 15px; display:block; position:relative; letter-spacing:-1px;}
.footermenu li a:after {position:absolute; content:""; width:1px; height:13px; background:#d3d3d3; right:0; top:30px;}
.footermenu li:first-child a {background:none; padding-left:0;}
.footermenu li a.point {color:#ffff00; font-weight:bold;}

#footer {clear:both;padding:30px 0 50px; width:100%; background:#5c5c5c;}
#footer .footer_inner {position:relative; padding-left:8px;}
#footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 채널톡 위젯 위치 조정 */
#channel-wrapper {
  position: fixed;
  bottom: 80px; /* 상단 버튼 위로 올리기 */
  right: 20px;
  z-index: 100; /* 버튼보다 위 */
}


#top_btn {
    position: fixed;
    bottom: 90px;
    right: 28px;
    width: 52px;
    height: 52px;
    line-height: 46px;
    border: 1px solid #d7d7d7;
    color: #522f59;
    text-align: center;
    font-size: 15px;
    z-index: 90;
    background: #fff;
    transition: all 0.3s ease; border-radius: 20px;
}

#top_btn:hover {
    border-color: #5d574f;
    background: #533662;
    color: #fff; border:none;
}

/* 모바일 화면 조정 */
@media (max-width: 768px) {
    #top_btn {
        
        bottom: 70px;      /* 화면 좁으면 버튼을 조금 더 내려줌 */
        right: 14px;       /* 화면 가장자리와 간격 줄임 */
        width: 40px;       /* 버튼 너비 줄임 */
        height: 40px;      /* 버튼 높이 줄임 */
        line-height: 36px; /* 텍스트/아이콘 가운데 정렬 */
        font-size: 13px;   /* 글자 크기 축소 */
    }
}

/* 푸터 영역 반전용 클래스 */
#top_btn.footer-active {
    background: #533662;
    color: #fff;
    border-color: #fff;
}


#footer .at-container:after {display:block;visibility:hidden;clear:both;content:""}
#ft_logo {position:absolute; left:0; top:20px;}
#ft_logo2 {position:absolute; right:0; top:10px;}
#footer .ft_info{position:relative; padding-left:310px; width:100%;line-height:180%; padding-top:10px; color:rgba(255,255,255,0.5); font-size:15px; box-sizing:border-box; letter-spacing:-1px;}
#footer .ft_info span {margin-right:10px; font-weight:300;}
#footer .ft_info p {color:rgba(255,255,255,0.5); margin-top:5px;}


@media (max-width:990px) {


}

@media (max-width:1000px) {


/*util*/ 

a.topmenu_close {position:absolute; top:10px; right:10px;}
a.topmenu_close i { color:#000;}

#navigation {position:fixed; display:block; width:300px; background:#4a385e; z-index:9999; border:1px solid #1a1a1a; left:-100%; height:100%;}
#navigation ul.topmenu { width:100%;}
#navigation ul.topmenu li.category {padding:15px;  color:#000; font-size:26px; border-bottom:0px solid #eee; background:#4a385e; position:relative; text-align:center;}
    
  @media (max-width: 768px) {
  #navigation ul.topmenu li.category img {
    width: 70%; /* 이미지 크기 80%로 축소 */
    height: auto; /* 비율 유지 */
  }
}

#navigation ul.topmenu li.first { border-bottom:1px solid #59476d; }
#navigation ul.topmenu li.first a {font-size:1em; padding:17px 0; color:#fff; text-indent:20px; display:block; text-decoration:none;  font-weight:normal; position:relative;
    font-weight: 800;}
/*#navigation ul.topmenu li.first a::after {content: "\f078"; font-family: 'FontAwesome'; color:#ccc; right:10px; position:absolute; top:15px; font-weight:normal; font-size:12px;}*/
    
    #navigation ul.topmenu li.first a::after {
    content: ">"; /* FontAwesome 아이콘 코드 */
    font-family: 'FontAwesome';
    color: #67517f;
    position: absolute;
    right: 15px;
    top: 50%; 
    transform: translateY(-50%); /* 수직 가운데 정렬 */
    font-weight: normal;
    font-size: 11px;
}

#navigation ul.topmenu li.hover {}
#navigation ul.topmenu li.hover a::after {content: "\f077"; font-family: 'FontAwesome'; color:#808080; right:10px; position:absolute; top:15px; font-weight:normal; font-size:12px;}

#navigation ul.topmenu li.first ul.sec {position: absolute;    left: -9999px;}
#navigation ul.topmenu li.first ul.sec li {background:#f9f9f9; border-bottom:1px solid #e5e5e5;  }
#navigation ul.topmenu li.first ul.sec li:last-child {border-bottom:none;  }
#navigation ul.topmenu li.first ul.sec li a {display:block; padding:10px 0; color:#3d3530; font-size:16px; background:#eee;  text-indent:20px; font-weight:normal;font-weight: 600}
#navigation ul.topmenu li.first ul.sec li a::after {display:none;}
#navigation ul.topmenu li.hover ul.sec { left: 0px; width:100%;   top: 0px; position:relative;}
#navigation ul.topmenu li.first ul.sec li.depth3 a {text-indent:55px; font-size:14px;}

#navigation .bottom_info {  letter-spacing:-1px;  padding-left:0px; font-size:15px; padding-top:10px; padding-bottom:10px; background: #f2f2f2; text-align:center;}
#navigation .bottom_info span {color:#f15b42;}
#navigation .bottom_info a {background:url(../img/bottom_info_Bg2.png) no-repeat 0px center; display:inline-block; text-decoration:none; color:#5c5c5c; font-family:NanumGothic; font-weight:600; padding:12px 0px 12px 45px;}


#navi {display:none;}    

.top-menu {display:block; position:absolute; left:10px; top:60px; font-size:24px; width:40px; height:40px; text-align:center; line-height:35px; }
.top-menu a {color:#fff;}
.top-tel {display:block; position:absolute; right:10px; top:60px; font-size:24px; width:40px; height:40px; text-align:center; line-height:35px;}
.top-tel a {color:#fff;}
.top-txt {display:none;}
.top_logo {display:none;}
.top_logo_left {display:none;}

/* 하단 레이아웃 */

.footermenu { padding:0px 0 0px 0;margin:0 0 0px; margin-top:0px;}
.footermenu li {display:inline-block; margin:0  0px; }
.footermenu li a { font-size:12px; padding:0px 8px; display:block; position:relative; letter-spacing:-1px; font-weight:bold;}
.footermenu li a:after {position:absolute; content:""; width:1px; height:13px; background:#d3d3d3; right:0; top:8px;}
.footermenu li:first-child a {background:none; padding-left:0;}
.footermenu li a.point {color:#ff0000; font-weight:bold;}

#footer .ft_info {padding-left:0;}
#footer .footer_inner {padding-left:0px; padding:0 20px;}
#ft_logo {position:relative; width:100%; text-align:center; display:block; top:0; margin-bottom:20px;} 
#ft_logo img {width:180px;}
#footer .ft_info{ font-size:12px;}


}

/* ========================
   FOOTERMENU0909
   ======================== */
.footermenu0909 {
    padding: 0;
    margin: 0;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
}

.footermenu0909 .at-container {
    max-width: 1200px; /* PC 최대 폭 */
    margin: 0 auto;
    padding: 0 15px; /* 좌우 여백 */
}

.footermenu0909 li {
    display: inline-block;
    margin: 0;
}

.footermenu0909 li a {
    color: #333333;
    font-size: 15px;
    padding: 15px 12px;
    display: block;
    position: relative;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.footermenu0909 li a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background: #bbb;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footermenu0909 li:last-child a:after {
    display: none;
}

.footermenu0909 li a.point {
    color: #8B4513;
    font-weight: bold;
}

/* ========================
   FOOTER0909
   ======================== */
#footer0909 {
    clear: both;
    padding: 30px 0 30px;
    width: 100%;
    background: #ffffff;
}

.footer_inner0909 {
    max-width: 1200px; /* PC 최대 폭 */
    margin: 0 auto;
    padding: 0 15px; /* 좌우 여백 */
}

.ft_info0909 {
    line-height: 180%;
    color: #333333;
    font-size: 15px;
    letter-spacing: -1px;font-weight: 400;
}

.ft_info0909 span {
    margin-right: 10px;
    font-weight: 300;
    color: #777;
    display: inline-block;font-weight: 500;
}

.ft_info0909 p {
    margin-top: 5px;
    color: #b3795c;
    font-weight: bold;font-size: 12px;
}

/* ========================
   반응형 (모바일)
   ======================== */
@media (max-width: 768px) {
    
     .footermenu0909 {
    margin-top: 30px; /* 모바일에서 위쪽 여백 30px */
  }
    /* footermenu - 모바일에서 한줄 좌측 정렬 */
    .footermenu0909 ul {
        text-align: left;
    }
    .footermenu0909 li {
        display: inline-block; /* 세로 → 가로 유지 */
        border: none;
    }
    .footermenu0909 li a {
        padding: 10px 8px;
        font-size: 14px;
        line-height: 1.4;
    }
    .footermenu0909 li a:after {
        display: inline-block;
        height: 12px;
        background: #bbb;
        vertical-align: middle;
    }

    /* 아이콘 정렬 */
    .footermenu0909 li a i {
        font-size: 14px;
        line-height: 1;
        vertical-align: middle; /* 글자와 높이 맞춤 */
        margin-left: 3px;
    }

    /* footer info - 모바일 */
    .ft_info0909 {
        font-size: 14px;
        line-height: 160%;
        text-align: left; /* 좌측 정렬 유지 */
    }
    .ft_info0909 span {
        display: block; /* 모바일에서 줄바꿈 */
        margin: 2px 0;
    }
    .ft_info0909 p {
        margin-top: 8px;
    }
}


/* 퀵메뉴*/
.Quick {position:absolute; z-index:999; right:calc(50% - 790px); width:141px;  top:0;}
.quick_menu_wrap { border:1px solid #dedede; padding:0;  font-size:12px;  background:#fff;  border-radius:10px;  overflow:hidden;}
.quick_menu_wrap .quick_tlt {background:#ffe683; color:#333; text-align:center; letter-spacing:0px;  font-size:18px; line-height:1.2em;}
.quick_menu_wrap .quick_tlt a {display:block; padding:18px 0;}
.quick_menu_wrap .quick_tlt a:hover {color:#000;}
.quick_menu_wrap ul.quick_menu_list {padding:10px;}
.quick_menu_wrap ul.quick_menu_list li { text-align:left; font-size:16px; letter-spacing:-1px;}
.quick_menu_wrap ul.quick_menu_list li p {font-size:14px;}

.quick_fixed {position: fixed;top: 5px !important;}

@media (max-width:1360px) {
.Quick {display:none;}
}