@charset "utf-8";
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.china {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.logo {font-family:'ONE-Mobile-Title', dotum, sans-serif;}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

.btn:active,
.btn.hover,
.btn:focus {
  background-color: inherit !important; /* 또는 원하는 색상 코드 (예: #0d6efd) */
  border-color: inherit !important;      /* 원하는 색상으로 변경 */
  color: inherit !important;             /* 글자색 유지 */
  box-shadow: none !important;           /* 기본 그림자 효과 제거 */
}


.form-check-input:checked {    background-color: #232529;border-color: #232529;}
.form-control:disabled {background-color:#f9f9f9 !important;color:#000 !important}
.fclanswer .form-control:disabled {color:red !important}
.qr-wrap {position:relative;margin-top:20px;width:80%;max-width:500px}
.qr-inner {}
.qr-inner li {width:30%;list-style:none}
.qr-inner li:nth-child(1) {background-color:#fff;padding:15px;border-radius:15px}
.qr-inner li:nth-child(2) {background-color:#31b16a;padding:15px;border-radius:15px}
.qr-inner li:nth-child(3) {background-color:#fff;padding:15px;border-radius:15px}
.qr-inner li img {width:100%}

.qr-inner-title {margin-bottom:15px}
.qr-inner-title li {width:30%;list-style:none}
.qr-inner-title li h2 {display:block;text-align:center;font-size:16px;font-weight:500}

.eng {
 font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white; /* 배경색 설정 (필요 시 변경) */
    z-index: 1050; /* 네비게이션이 위에 있도록 설정 */
    transition: all 0.3s ease-in-out;
}

.dropdown-toggle::after {display:none}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding:0px}
.header-stiker {position:relative;background-color:#dee2e6;}
.sticker-inner {height:45px;width:100%;text-align:center;color:#232529;font-size:14px;letter-spacing:-0.5px;line-height:45px;}
.sticker-inner span:first-child {margin-left:80px}
.sticker-inner span {display:inline-block;font-weight:600;margin-left:30px;letter-spacing:0px}

/* 그누보드 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* 커스텀 */
a { text-decoration: none; }
select { font-size: 14px; }

#footer {background-color:#232529}
#footer .logo img {	filter: grayscale(1); top: 0px; }
.footer-inner {padding:100px 0}
.copyright {border-top:3px solid #fff;padding:35px 0;color:#fff}
.footer-right i {display:inline-block;margin-right:8px}
.footer-right .footinfo {flex-wrap: wrap;}
.footer-right .footinfo li {width:50%}
.footer-right {width:30%}
.footer-right .logo {font-size:1.2rem;display:block;margin-bottom:30px}
.footer-right li {font-size: 1rem;letter-spacing: -0.025em;color: #fff;font-weight: 500;line-height: 1;margin-bottom:10px}
.footer-right li span {display:inline-block;color:#555;width:40px;}
.footer-right li.eng {font-weight:400}
.footnumber {margin-top:50px;font-size:14px;overflow:hidden;}
.address {margin-bottom:35px !important;font-size:14px}
.footer-right li a {display:block;background-color:#fff;color:#232529;border-radius:5px;padding:20px 0;margin-top:35px !important;text-align:center;font-weight:700}
.footer-left h2 {color:#fff;font-size:2rem}
.footer-left span img {width:25px;opacity:.5;display:none}
.footer-btn {display:block;margin-top:35px}
.footer-btn a {display:inline-block;border:1px solid #fff;border-radius:5px;color:#fff;font-size:16px;padding:15px 35px;margin-right:10px}
.copyright a {color:#fff;display:inline-block;margin-right:10px}

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }
.ck.ck-editor__editable { min-height: 200px !important; }

/*
.dropdown-item { font-size: 1rem; }
.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
*/


#sh-wrap {position:relative;margin:50px 0 0px 0}

.sh-UL .title {display:block;font-size:20px;color:#232529;margin-bottom:35px}
.sh-UL ul {display:block;height:500px;border:1px solid #dee2e6;padding:35px;overflow-x:hidden;overflow-y:scroll;border-radius:15px;background-color:#f9f9f9;font-size:15px}
.sh-UL ul li {padding:15px 0}
.sh-UL ul.fcl {display:block;height:auto !important;border:1px solid #dee2e6;padding:35px;overflow-x:hidden;overflow-y:hidden !important;border-radius:15px;background-color:#f9f9f9;font-size:14px !important}
.sh-UL ul.fcl li {padding:1px 0 !important}
.sh-UL ul.fcl .ag-title {font-size:15px !important}

.sh-UL-my ul {display:block;border:1px solid #dee2e6;padding:35px;overflow:hidden;border-radius:15px;background-color:#f9f9f9;font-size:15px}
.sh-UL-my ul li {padding:5px 0}
.sh-UL-my ul li span {padding:3px 10px;font-size:14px}
.sh-UL-my ul.fcl {display:block;height:auto !important;border:1px solid #dee2e6;padding:35px;overflow-x:hidden;overflow-y:hidden !important;border-radius:15px;background-color:#f9f9f9;font-size:14px !important}
.sh-UL-my ul.fcl li {padding:1px 0 !important}
.sh-UL-my ul.fcl .ag-title {font-size:15px !important}


.ag-title {display:block;font-size:17px;color:#232529;}
.underline {  text-decoration: underline;-webkit-text-decoration-color: red;text-decoration-color: red; }
.form-check {margin-top:35px}
.notice_agree {float:right}


.shipping_box table {
  width: 100%;
  border: 1px solid #6c757d;
  border-radius: 10px;       /* 둥근 모서리 */
  border-collapse: separate; /* 반드시 separate로 */
  border-spacing: 0;         /* 셀 간격 제거 */
  overflow: hidden; 
  border-bottom:0px;     /* 내부가 튀어나오지 않도록 */
}

/* 상단 모서리 둥글게 */
.shipping_box table th:first-child {
  border-top-left-radius: 0px;
}
.shipping_box table th:last-child {
  border-top-right-radius: 0px;
}

/* 하단 모서리 둥글게 */
.shipping_box table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.shipping_box table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* 기존 셀 바닥선은 그대로 유지 */
.shipping_box table th {
  border-bottom: 1px solid #6c757d;
  padding: 15px 25px;
  color: #000;
  width:250px;
  font-size: 14px;
  background-color: #eef2f5;
  text-align:center;
}

.shipping_box table td {
  border-bottom: 1px solid #6c757d;
  padding: 15px 15px;
  color: #000;
  font-size: 14px;
  background-color: #fff;
}


.Subwrap {max-width:100%;margin:0 auto;width:100%;padding:0}
.Innerwrap {max-width:1920px;margin:0 auto;width:90%;padding:0 6.25rem}
.mainwrap {max-width:90%;margin:50px auto;width:90%;padding:0rem}
.Boardwrap {width: min(80rem, 100%);margin:0 auto;}
.mywrap {max-width:1920px;margin:0 auto;width:90%;padding:0 6.25rem}


.navbar-collapse {
    flex-basis: initial !important;
    flex-grow: initial !important;
    align-items: initial !important;
}

.navbar-brand {background: #F8F5D0;
background: radial-gradient(circle farthest-corner at top center, #F8F5D0 0%, #BD9B3F 74%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;font-size:24px}
.navbar-brand img {max-height:30px}
.outlogin img {max-height:30px}
.slide {border-radius:30px;overflow:hidden}
.slide img {height: 850px; object-fit: cover;}
.outloginmenu {line-height:50px}
.outloginmenu a {font-size:14px;font-weight:500 !important;display:inline-block;margin-left:10px !important}
.pwa {height:auto !important;font-weight:500 !important;font-size:13px;padding:5px 10px;}

.nav-link {font-size:19px;font-weight:600;color:#222}
.carousel-caption {
    left: 10%;  /* 좌측 여백 설정 */
    right: auto;  /* 우측 정렬 해제 */
    text-align: left; /* 좌측 정렬 */
    bottom: 50%;  /* 기본 위치 조정 */
    transform: translateY(50%);  /* 세로 중앙 정렬 */
    max-width: 50%; /* 캡션이 너무 길어지지 않도록 제한 */
	z-index:999;
}

.carousel-caption h5 {font-size:5rem;letter-spacing:-1px}
.carousel-caption h6 {font-size:3rem;letter-spacing:-1px}
.carousel-caption p {display:block;margin-top:15px;font-size:15px;letter-spacing:-0.5px}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%; /* 세로 중앙 정렬 */
    transform: translateY(-50%);
    width: auto;
    height: auto;
    z-index: 10; /* 이미지를 덮도록 설정 */
	width:50px;
	height:50px;
	border:1px solid #ddd;
	border-radius:10px;
	background-color:#fff;
	opacity:1;

}

.carousel-control-prev {
    left: -25px; /* 왼쪽으로 더 바깥쪽으로 이동 */
}

.carousel-control-next {
    right: -25px; /* 오른쪽으로 더 바깥쪽으로 이동 */
}

/* 부모 요소가 버튼을 가리지 않도록 설정 */
#carouselExample {
    overflow: visible;
}


.carousel-inner {border-radius:20px;}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: grayscale(100%) brightness(60%); /* 회색으로 변경 */
	background-size:17px;
}


.maincont-wrap {margin:100px 0}
.mainwrap .headline {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
	padding-bottom:35px;
}


.flexwrap .card {width:32%;border:0px;background-color:#f3f3f3;border-radius:20px}
.flexwrap .card .cardinner {padding:80px 55px}
.flexwrap .card .cardinner img {width:50px}
.flexwrap .card .cardinner h2 {display:block;margin-top:50px;font-size:2rem}
.flexwrap .card .cardinner p {font-size:17px;color:#555;text-align:center;line-height:1.1;display:block;margin:50px 0}
.flexwrap .card .cardinner a {display:inline-block;background-color:#fff;border-radius:5px;padding:20px 35px;color:#222;font-size:16px;font-weight:500}


/* 비네팅 효과 스타일 */
.vignette-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none; /* 클릭 가능한 영역 유지 */
    z-index: 2; /* 비네팅이 이미지 위에 표시되도록 설정 */
}


.price-wrap-title {margin-top:50px}
.price-wrap {position:relative;background-color:#232529;border-radius:20px;margin-top:20px}
.price-wrap-inner {padding:50px 80px}
.china {width:49%}
.america {width:49%}
.priceUl li {width:25%;text-align:center;}
.priceUl li:first-child span {color:#fff;display:inline-block;margin-left:15px;font-weight:600}
.priceUl li h2 {font-size:14px;color:#ccc}
.priceUl li p {font-size:21px;color:#fff;font-weight:600}
.priceUl li img {max-width:60px}

  /* 깜빡임 애니메이션 */
  @keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
  }
  .blink {
    animation: blink 2.5s infinite;
	font-weight:600;
  }


.sort-carousel-inner {display: flex !important;}
.sort-carousel-item {flex: 0 0 calc(100% / 5) !important; /* 한 번에 5개씩 표시 */}
.sort-carousel-inner img {width: 100% !important;height: 200px !important; /* 원하는 높이로 조정 */ object-fit: cover; /* 이미지 크기 조정 */}

.memoalram {position:absolute;display:inline-block;width:23px;height:23px;background-color:#000;color:#fff;text-align:center;line-height:25px;border-radius:50px;top:5px;right:-5px;font-size:12px}


 /* 슬라이더 컨테이너 */
        .custom-slider {
            position: relative;
            overflow: hidden;
            width: 100%;
            cursor: grab; /* 드래그 커서 추가 */
        }

        /* 슬라이드 래퍼 */
        .custom-slider-wrapper {
            display: flex;
            transition: transform 0.3s ease-in-out;
            will-change: transform;
            user-select: none; /* 텍스트 선택 방지 */
        }

/* 개별 슬라이드 */
.custom-slide {
    flex: 0 0 calc(100% / 5); /* 한 번에 5개씩 정확하게 보이도록 설정 */
    padding: 10px;
}

/* 이미지 크기 */
.custom-slide .inner {
    width: 100%;
    height:250px;
    object-fit: cover;
    border-radius: 20px;
	background-color:#fff;
	padding:50px;
	border:1px solid #232529;
	position:relative;
}

.custom-slide .inner h2 {font-size:1.5rem;letter-spacing:-1px;font-weight:600}
.custom-slide .inner p {display:block;margin-top:30px;font-size:14px;color:#555;text-align:center;line-height:1.2}
.custom-slide .inner span {position:absolute;top:-10px;left:-10px;background-color:#232529;color:#fff;border-radius:0px 0px 20px 0px;font-size:1.2rem;border-radius:100vh;width:45px;height:45px;text-align:center;line-height:45px}
.custom-slide .inner img {width:35px;display:block;margin-bottom:10px}
.custom-slide .inner p br {display:none}



/* 좌우 버튼 스타일 */
.custom-prev, .custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    z-index: 10;
}

.custom-prev { left: 5px; }
.custom-next { right: 5px; }


.nav-tabs {border:0px;position:relative;padding-bottom:50px}
.nav-tabs .nav-link {font-size:1.3rem;font-weight:300;padding:0 10px;color:#777}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color:transparent;color:#232529}

.shipsch {position:absolute;right:10px}
.shipsch a {display:inline-block;font-size:14px;padding:12px 20px}

#myTab {margin-bottom:30px}
#myTab .nav-item .nav-link {}
#myTab .nav-item .nav-link img {display:inline-block;max-width:25px;vertical-align:middle;margin-top:-3px;margin-right:5px;}

    .multi-slick .slickinner {border:1px solid #dee2e6;padding:35px;border-radius:20px}
   /* 탭 안의 슬라이드(6개씩 보이기) */
    .multi-slick img {
      width:100%;
      object-fit: cover;
      display: block;
	  margin:0 auto;
	  max-width:170px;
    }
	 .multi-slick h2 {text-align:center;font-size:24px;color:#000;font-weight:600;margin-top:25px;display:block}
	.multi-slick p {text-align:center;font-size:14px;color:#777;margin-top:5px;display:block}
    .multi-slick .slick-slide {
      padding: 0 10px; /* 슬라이드 간 간격 예시 */
	  
    }
    /* Slick 기본 점(dot)이나 화살표 위치를 원하는 대로 조정 가능 */

	/* Slick가 기본 제공하는 .slick-prev, .slick-next 버튼이 
   Bootstrap 등의 CSS에 의해 가려질 수 있으므로 z-index 조정 */
.multi-slick .slick-prev,
.multi-slick .slick-next {
  z-index: 10; /* 필요하다면 더 큰 값으로 설정 */
}

/* 화살표 버튼을 커스터마이징하고 싶다면 */
.multi-slick .slick-prev:before,
.multi-slick .slick-next:before {
   width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    opacity: 1;
	display:block;
	line-height:50px;
}

.multi-slick .slick-next {right:10px}

.multi-slick .slick-prev:before {
  font-family: 'remixicon' !important; /* Remix Icon 폰트 패밀리 */
  content: "\ea64";                   /* 원하는 글리프 유니코드 */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
 line-height:50px;

  /* 추가 스타일(색상, 크기, 위치 등) */
  color: #ccc;
  font-size: 21px;
  
}
.multi-slick .slick-next:before {
  font-family: 'remixicon' !important; /* Remix Icon 폰트 패밀리 */
  content: "\ea6e";                   /* 원하는 글리프 유니코드 */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
 line-height:50px;

  /* 추가 스타일(색상, 크기, 위치 등) */
  color: #ccc;
  font-size: 21px;
}

.marquee {
  width: 100%;
  height: 12rem;
  overflow: hidden;
  margin-bottom:50px;
}

.marquee__inner-wrap {
  height: 100%;
  width: 100%;
}

.marquee__inner {
  height: 100%;
  width: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  animation: marquee 50s linear infinite;
  animation-direction: reverse; /* 이동 방향을 반전 */
  will-change: transform;
}


.marquee span {
  text-align: center;
  color: lightgray;
  font-weight: 400;
  white-space: nowrap;
  font-size: max(2vw, 2.4rem);
  line-height: 1.2;
  font-weight: 700;
  padding: 1vh 1vw 0;
  text-transform: uppercase;
}

.marquee__img {
  width: max(8rem, 12vw);
  height: 10rem;
  margin: 0 10px;
  border-radius: 15px;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  filter: grayscale(0);
  border:1px solid #ddd;
  display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

.marquee__img img {width:100%;max-width:200px;margin:0 auto}



@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}

.maincenter-banner {position:relative;margin-bottom:0px}
.center-left {width:49%;border-radius:20px;overflow:hidden;}
.center-right {width:49%;border-radius:20px;overflow:hidden;}
.maincenter-banner img {width:100%}
.center-left img {width:100%;border-radius:20px}

.maincenter-banner h5 {font-size:2rem}
.maincenter-banner p {display:block;margin:35px 0}
.maincenter-banner a {display:inline-block;border:1px solid #fff;border-radius:5px;padding:20px 35px;color:#fff;font-size:16px;font-weight:500}


.mainbottom-banner {position:relative;margin-bottom:0px;border-radius:20px;overflow:hidden;}
.mainbottom-banner img {width:100%}
.bottom-inner {position:relative;width:90%;flex-direction: column;}
.bottom-inner .bottom-left {width:100%;text-align:center;}
.bottom-inner .bottom-left h2 {color:#fff;font-weight:400;font-size:2.2rem}
.bottom-inner .bottom-left p {display:block;margin-top:35px;font-size:16px}
.bottom-inner .bottom-right {width:100%}

.bottom-right-left {width:80%;background-color:#fff;padding:50px 50px;border-radius:20px;margin:80px auto 0 auto;min-height:230px}
.bottom-right-center {width:31%;background-color:#38393d;padding:70px 50px;border-radius:20px}
.bottom-right-right {width:31%;background-color:#232529;padding:70px 50px;border-radius:20px}

.bottom-inner h2 {font-size:1.5rem;font-weight:600;letter-spacing:-1px}
.bottom-inner p {display:block;margin:15px 0;}
.bottom-inner a {display:inline-block;border:1px solid #fff;border-radius:5px;padding:10px 35px;color:#fff;font-size:16px;font-weight:500}

.bottom-right-left h2 {font-size:1.5rem;font-weight:600;color:#232529 !important;letter-spacing:-1px}
.bottom-right-left p {display:block;margin:15px 0;color:#232529 !important}
.bottom-right-left a.link {display:inline-block;border:1px solid #232529 !important;border-radius:5px;padding:10px 35px;color:#fff;font-size:16px;font-weight:500;color:#232529 !important}
.bottom-right-left ul li {width:12%}
.bottom-right-left ul li p {display:block;text-align:center;font-size:12px;margin-top:5px !important;margin-bottom:0px !important;letter-spacing:-0.5px}
.bottom-right-left ul li a {padding:0px !important}
.bottom-right-left ul li img {width:100%}
.mainr {width:49%}

#rightfix {position:fixed;right:0px;top:178px;transform:translateY(0%);width:5rem;z-index:9990}
#rightfix .rightfix-top {background-color:#fff;padding:15px;border-radius:10px 0 0 0px;border:1px solid #dee2e6;border-right:0px;border-bottom:0px}
#rightfix .rightfix-bottom {background-color:#f1f4f7;padding:20px 10px;border-radius:0px 0 0px 10px;border:1px solid #dee2e6;border-right:0px;border-top:0px}

#rightfix li {list-style:none;display:block;padding:15px 0;text-align:center;}
#rightfix li img {display:block;max-width:35px;;margin:0 auto 5px auto}
#rightfix li span {display:block;font-size:13px;letter-spacing:-1px;line-height:1.2;font-weight:400}


#menu {
  background:#232529;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  transition: all 0.7s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 9990;
}
#menu.open {
  opacity: 1;
  visibility: visible;
}
#menu.open li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#menu.open li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#menu.open li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#menu.open li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#menu.open li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#menu.open li:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#menu.open li:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#menu.open li:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#menu.open li:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#menu.open li:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#menu.open li {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
#menu ul:hover a {
  opacity: 0.5;
}
#menu ul a {
  -webkit-transform: translateZ(0);
  transition: opacity 0.3s ease-in-out;
}
#menu ul a:hover {
  opacity: 1;
}
#menu .main-nav {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 1000px;
    width: 80%;
    margin: 0 auto;
}
#menu .main-nav .navbar-brand {display:block;text-align:center;padding-bottom:120px;font-size:2rem;font-weight:500}
#menu .main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .main-nav ul h2 {font-size:16px;color:#ccc;display:block;text-align:left; padding: 1rem 1rem;}
#menu .main-nav a {
  color: #ffffff;
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align:left;
}

#menu .main-nav a  img {max-width:35px;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:5px}
#menu .main-nav a:first {
  padding-top: 0;
}
#menu .menu-footer {
  padding: 2rem;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
#menu .menu-footer ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .menu-footer ul li {
  display: inline;
  margin: 0 1rem;
}
#menu .menu-footer a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

.toggle-menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 50px;
  outline: none;
  padding: 0;
  pointer-events: initial;
  position: relative;
  vertical-align: middle;
  width: 50px;
  z-index: 9999;
}
.toggle-menu span {
  background-color: #000;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 13px);
  position: absolute;
  top: calc(50% - 1px);
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
  width: 26px;
}
.toggle-menu span:before, .toggle-menu span:after {
  background-color: #000;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
  width: 26px;
}
.toggle-menu span:before {
  top: 7px;
}
.toggle-menu span:after {
  top: -7px;
}
.toggle-menu.active span {
  background-color: transparent;
  transition: background 0.2s ease-out;
}
.toggle-menu.active span:before, .toggle-menu.active span:after {
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
}
.toggle-menu.active span:before {
  top: 0;
  transform: rotate3d(0, 0, 1, -45deg);
  background-color:#fff;
}
.toggle-menu.active span:after {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
 background-color:#fff;
}



#container_title {font-size:3.25rem;margin:0 auto;font-weight:bold;border-bottom:1px solid #dee2e6;text-align:center;padding:8rem 0 10rem;max-height:452px}
#container_title span {margin:30px auto 30px;display:block;line-height:30px}
#container_title p {text-align:center;font-size:1rem !important;font-weight:normal !important;display:block;margin-top:0px;line-height:1.2;letter-spacing:-0.5px}
#container_title img {max-width:35px;display:block;margin:0 auto}


.clipboard .bo_w_info_inner {width:48%}
.fileicon {position:absolute !important;left:0px;top:0px;margin:0px !important;font-size:14px !important;font-weight:normal !important;padding:0 13px !important;width:auto !important;height:49px;line-height:49px;background-color:#f9f9f9;border:1px solid #aaa;border-right:0px;border-radius:10px 0 0 10px !important;cursor:pointer}
.cny {position:absolute !important;left:0px;top:0px;margin:0px !important;font-size:18px !important;width:30px !important;font-weight:normal !important}
.wr_content textarea {width:100%;border:1px solid #aaa;border-radius:10px;padding:13px;font-size:14px}

#bo_w {margin-bottom:150px}
#bo_w .form-control {padding:13px 15px;border-radius:10px !important;font-size:14px;border-color:#aaa}
#bo_v {margin:50px 0 150px 0;overflow:hidden;}
.btn_submit {width:100%;padding:20px !important;color:#fff;font-size:18px;background-color:#232529;font-weight:700}
.btn_submit:hover {width:100%;padding:20px !important;color:#fff;font-size:18px;background-color:#232529;font-weight:700}
.btn_cancel {width:100%;padding:20px !important;color:#232529;font-size:18px;background-color:#fff;font-weight:700;border:1px solid #232529}
.btn_cancel:hover {width:100%;padding:20px !important;color:#232529;font-size:18px;background-color:#fff;font-weight:700;border:1px solid #232529 !important}



.bo_v_float {margin:80px 0;text-align:center}
.bo_v_float li {display:inline-block}

.darkbtn {padding:20px 35px !important;color:#fff;font-size:16px;background-color:#232529;font-weight:500;border-radius:10px}
.darkbtn:hover {padding:20px 35px !important;color:#fff;font-size:16px;background-color:#232529;font-weight:500;border-radius:10px}
.linebtn {padding:20px 35px !important;color:#232529;font-size:16px;background-color:#fff;font-weight:500;border-radius:10px;border:1px solid #232529}
.linebtn:hover {padding:20px 35px !important;color:#232529;font-size:16px;background-color:#fff;font-weight:500;border-radius:10px;border:1px solid #232529}
.viewbtn {padding:10px 35px !important;color:#232529;font-size:14px;background-color:#fff;font-weight:500;border-radius:10px;border:1px solid #232529}
.viewbtn:hover {padding:10px 35px !important;color:#232529;font-size:14px;background-color:#fff;font-weight:500;border-radius:10px;border:1px solid #232529}




.modal-header {padding:25px 35px;font-size:2rem}
.modal-body {padding:25px 35px;}
.modal-body .navbar-brand {font-size:1.5rem;padding-bottom:20px}
.modal-body li {list-style:none}
.invoice-body {padding:80px 0 0 0}
.invoice-body h2 {font-size:1.2rem;display:block;margin-bottom:15px}

.invoice-table {}
.invoice-table table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:3px solid #232529;} 
.invoice-table {margin:0 0 10px}
.invoice-table caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.invoice-table thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.invoice-table thead a {color:#383838}
.invoice-table thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.invoice-table tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.invoice-table tbody th {padding:15px 0;border-top:1px solid #232529;border-bottom:1px solid #232529;background:#fff;width:40%;}
.invoice-table td {padding:15px 15px;border-top:1px solid #232529;border-bottom:1px solid #232529;background:#fff;line-height:1.4em;word-break:break-all;text-align:right}
.invoice-table a {}
.invoice-table tbody th span {display:inline-block;font-size:13px}

.invoice-table .total {border-top:3px solid #232529;border-bottom:3px solid #232529;font-size:1.2rem;font-weight:700}




.mymenu {width:20%;max-width:280px;text-align:left;}
.vertical-menu h3 {font-size:23px;font-weight:600;display:block;margin-bottom:30px;letter-spacing:-1px}
.mymenuInner {width:80%}

 /* 세로 메뉴 컨테이너: 전체 배경색 제거 */
    .vertical-menu {
      width: 250px;
      background: none;
      padding: 0px;
    }
    /* 메뉴 항목 스타일 (버튼 형태) */
    .vertical-menu .menu-item {
      display: block;
      width: 100%;
      margin-bottom: 10px;
	  text-align:left;
	  padding:12px 20px;
	  font-size:14px;
    }
    /* 부트스트랩의 btn-outline-primary는 기본 hover 시 btn-primary 스타일로 전환되지만,
       활성화(현재 선택된 메뉴) 상태도 명시적으로 처리하기 위해 .active 상태 스타일 지정 */
    .vertical-menu .menu-item.active,
    .vertical-menu .menu-item:hover {
      color: #fff !important;
      background-color: #6c757d !important;
      border-color: #6c757d !important;
    }


#bo_list .tbl_wrap table {width: 100%;table-layout: fixed;}
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {border-top:2px solid #6c757d;border-bottom:0px solid #6c757d;font-size:14px;color:#555;padding:15px;background-color:#eff2f5;text-align:center;color:#6c757d;font-weight:400}
#bo_list .tbl_head01 thead a {color:#6c757d;}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {border-bottom:1px solid #ddd;padding:10px 10px;text-align:center;font-size:14px}
#bo_list .tbl_head01 td .btn {font-size:13px !important}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 게시판 목록 */
#bo_list {position:relative;margin:100px auto}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center;font-style: italic;}
#bo_list .td_datetime {width:120px !important;text-align:center;}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width: calc((100% - 360px) / 5);text-align:center;padding:10px 0;box-sizing: border-box;}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:120px !important;text-align:center}
#bo_list .td_num2 {width:120px !important;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr:hover {}


#bo_list col.fixed {
  width: 120px;
}
#bo_list col.flex {
  width: calc((100% - 360px) / 5);
}


#bo_list col.fixed03 {
  width: 110px;
}

#bo_list col.fixed04 {
  width: 50px;
}

#bo_list col.flex03 {
  width:200px;
}


.mypage_btn_confirm {position:relative;text-align:right;margin-bottom:20px}
.mypage_btn_confirm a {font-size:13px}
.mypage_btn_confirm button {font-size:13px}


/* 페이징 전체 감싸는 영역 */
.pg_wrap {
  display: flex;
  justify-content: center;
  padding: 1rem 0 150px 0;
}

/* 페이징 내부 컨테이너 (부트스트랩의 inline-flex 활용) */
.pg {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}

/* 페이지 링크 기본 스타일 */
.pg_page,
.pg_current {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #6c757d;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #6c757d;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

/* 호버 상태 */
.pg_page:hover {
  color: #0a58ca;
  background-color: #e9ecef;
}

/* 현재 선택된 페이지 (활성화된 상태) */
.pg_current {
  z-index: 3;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* 첫번째 페이지 (왼쪽 모서리 둥글게) */
.pg_page:first-of-type,
.pg_current:first-of-type {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* 마지막 페이지 (오른쪽 모서리 둥글게) */
.pg_page:last-of-type,
.pg_current:last-of-type,
.pg_end {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

/* "맨끝"과 같이 추가된 클래스에 추가 스타일 (필요에 따라 조정) */
.pg_end {
  font-weight: bold;
}

/* 스크린리더 전용 텍스트 (부트스트랩의 .visually-hidden과 동일) */
.sound_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


#invoiceinfo-tb {width:100%;overflow:hidden;}
#invoiceinfo-tb table {table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0px;margin:30px 0 0px 0} 
#invoiceinfo-tb th{width:15%;padding:10px 0;font-weight:700;color:#000;text-align:center;border:1px solid #ddd;font-size:12px;background-color:#f9f9f9}
#invoiceinfo-tb td {text-align:center;color:#000;background:#fff;padding:10px 15px;border:1px solid #ddd;line-height:1.4em;word-break:break-all;font-size:12px;vertical-align:top}

#invoiceinfo-tb .engtitle {font-size:15px;padding-bottom:15px}
#invoiceinfo-tb .officetitle {color:#222;font-weight:700;font-size:18px;margin-top:10px}
#invoiceinfo-tb .officetitle i {font-size:12px;color:#92B7D6}
#invoiceinfo-tb .officeadd {font-size:12px;color:#555;line-height:24px;margin:3px 0 10px 0}
#invoiceinfo-tb .officenum {padding:10px;border:1px solid #ccc;text-align:center;width:100%;background-color:#fefefe;font-size:11px;color:#000}

#invoiceinfo-tb .officetel {text-align:center;font-size:21px;color:#000;line-height:19px;font-weight:500;letter-spacing:1px;padding-bottom:5px}
#invoiceinfo-tb .officefax {text-align:center;font-size:12px;color:#555;line-height:19px;font-weight:400;padding-bottom:5px}
#invoiceinfo-tb .officenotice {text-align:left;font-size:11px;color:#777;line-height:19px;padding-top:10px;border-top:1px solid #ddd}

#invoiceinfo-tb .banknum {text-align:center;font-size:20px;color:#000;line-height:19px;font-weight:500;letter-spacing:1px;padding-bottom:15px;}
#invoiceinfo-tb .banktxt {text-align:center;font-size:14px;color:#555;line-height:19px}

#invoiceinfo-tb .cnydate {font-size:11px;font-weight:700;color:#777;padding:0px 0 0px 0}
#invoiceinfo-tb .cnydate_num {color:#000;font-weight:500}

#invoiceinfo-tb .cnytable { border-collapse:collapse;width:100%;margin:15px 0 0 0 !important}  
#invoiceinfo-tb .cnytable th { border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7px;text-align:center; background-color:#f9f9f9;font-size:11px;color:#777 }
#invoiceinfo-tb .cnytable td { border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7px;text-align:center;color:#333;font-size:11px;font-weight:500}
#invoiceinfo-tb .cnytable .line {border-left:1px solid #ccc;border-right:1px solid #ccc}
#invoiceinfo-tb .cnytable .red {font-size:11px;font-weight:500;color:red;background-color:#fefefe}

#invoiceinfo-tb .pricetxt {text-align:center;font-size:30px;color:#000;font-weight:700;padding-top:50px}
#invoiceinfo-tb .pricetxt span {font-size:40px;font-weight:700;}
#invoiceinfo-tb .sptxt {text-align:center;font-size:17px;padding:10px 0}
#invoiceinfo-tb .sptxt span{display:block;margin-top:10px;font-size:13px;}

.invoice-table .pricetxt {text-align:center;font-size:30px;color:#000;font-weight:700;padding-top:50px}
.invoice-table .pricetxt span {font-size:40px;font-weight:700;}
.invoice-table .sptxt {text-align:center;font-size:17px;padding:10px 0}
.invoice-table .sptxt span{display:block;margin-top:10px;font-size:13px;}

.invoiceinfo-tb {width:100%;overflow:hidden;}
.invoiceinfo-tb table {table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0px;margin:30px 0 0px 0} 
.invoiceinfo-tb th{width:15%;padding:10px 0;font-weight:700;color:#000;text-align:center;border:1px solid #ddd;font-size:12px;background-color:#f9f9f9}
.invoiceinfo-tb td {text-align:center;color:#000;background:#fff;padding:10px 15px;border:1px solid #ddd;line-height:1.4em;word-break:break-all;font-size:12px;vertical-align:top}

.invoiceinfo-tb .engtitle {font-size:15px;padding-bottom:15px}
.invoiceinfo-tb .officetitle {color:#222;font-weight:700;font-size:18px;margin-top:10px}
.invoiceinfo-tb .officetitle i {font-size:12px;color:#92B7D6}
.invoiceinfo-tb .officeadd {font-size:12px;color:#000;line-height:24px;margin:3px 0 10px 0}
.invoiceinfo-tb .officenum {padding:10px;border:1px solid #ccc;text-align:center;width:100%;background-color:#fefefe;font-size:11px;color:#000}

.invoiceinfo-tb .officetel {text-align:center;font-size:21px;color:#000;line-height:19px;font-weight:500;letter-spacing:1px;padding-bottom:5px}
.invoiceinfo-tb .officefax {text-align:center;font-size:12px;color:#000;line-height:19px;font-weight:400;padding-bottom:5px}
.invoiceinfo-tb .officenotice {text-align:left;font-size:11px;color:#000;line-height:19px;padding-top:10px;border-top:1px solid #ddd}

.invoiceinfo-tb .banknum {text-align:center;font-size:20px;color:#000;line-height:19px;font-weight:500;letter-spacing:1px;padding-bottom:15px;}
.invoiceinfo-tb .banktxt {text-align:center;font-size:14px;color:#000;line-height:19px}

.invoiceinfo-tb .cnydate {font-size:11px;font-weight:700;color:#000;padding:0px 0 0px 0}
.invoiceinfo-tb .cnydate_num {color:#000;font-weight:500}

.invoiceinfo-tb .cnytable { border-collapse:collapse;width:100%;margin:15px 0 0 0 !important}  
.invoiceinfo-tb .cnytable th { border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7px;text-align:center; background-color:#f9f9f9;font-size:11px;color:#000 }
.invoiceinfo-tb .cnytable td { border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7px;text-align:center;color:#333;font-size:11px;font-weight:500}
.invoiceinfo-tb .cnytable .line {border-left:1px solid #ccc;border-right:1px solid #ccc}
.invoiceinfo-tb .cnytable .red {font-size:11px;font-weight:500;color:red;background-color:#fefefe}

.invoiceinfo-tb .pricetxt {text-align:center;font-size:30px;color:#000;font-weight:700;padding-top:50px}
.invoiceinfo-tb .pricetxt span {font-size:40px;font-weight:700;}
.invoiceinfo-tb .sptxt {text-align:center;font-size:17px;padding:10px 0}
.invoiceinfo-tb .sptxt span{display:block;margin-top:10px;font-size:13px;}


    /* 팝업 전체 영역 */
  #qrPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  }
  /* 반투명 오버레이 */
  #qrPopupOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  /* 중앙 정렬 컨텐츠 영역 - 닫기 버튼을 위해 position: relative 추가 */
  #qrPopupContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #32b26b;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    position: relative;
	width:400px;

  }
  /* 이미지 원본 크기로 표시 */
  #qrPopupContent img {
    display: block;
    margin: 0 auto;
	width:100%;
  }
  /* 닫기 버튼 (아이콘) 디자인 */
  #qrPopupClose {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 21px; /* 필요에 따라 크기 조절 */
    color:#32b26b;
	width:35px;
	height:35px;
	border-radius:35px;
	text-align:center;
	line-height:35px;
  }
  #qrPopupClose:hover {
    color: #007bff;
  }

  .transferbtn {position:absolute;right:0px;bottom:0px;height:46px;border-radius:0 5px 5px 0}


  .btn-print {background-color:#000;color:#fff;font-weight:500;padding:10px 15px;border-radius:5px;font-size:14px}
.btn-print-close {background-color:#fff;color:#000;border:1px solid #000;font-weight:500;padding:10px 15px;border-radius:5px;font-size:14px}

.shipmark .btn {width:100%;font-size:12px !important;display:block;margin:3px 0}
.shipmark .pt {color:#0d6efd;font-size:12px;font-weight:500}
.shipmark .st {color:#dc3545;font-size:12px;font-weight:500}


.coid-wrap {border:1px solid #ddd;padding:35px;border-radius:15px;margin:100px auto}
.statebtn a {border-radius:5px !important;padding:8px 15px}

.business-title {font-size:1.7rem;font-weight:700;margin-top:70px}
.business-title p {display:block;font-size:16px;font-weight:500;margin-bottom:15px;color:#555}

.business-wrap {border:1px solid #6c757d;padding:35px;border-radius:15px;margin:10px auto 0px auto;background-color:#eff2f5}
.business-wrap label {display:none}

#bo_business {min-height:300px;margin-bottom:150px;}
#bo_business .tbl_wrap table {width: 100%;table-layout: fixed;}
#bo_business .tbl_head01 {}
#bo_business .tbl_head01 caption {}
#bo_business .tbl_head01 thead th {border-top:2px solid #6c757d;border-bottom:0px solid #6c757d;font-size:14px;color:#555;padding:15px;background-color:#eff2f5;text-align:center;color:#6c757d;font-weight:400}
#bo_business .tbl_head01 thead a {color:#6c757d;}
#bo_business .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_business .tbl_head01 tfoot th {}
#bo_business .tbl_head01 tfoot td {}
#bo_business .tbl_head01 tbody th {}
#bo_business .tbl_head01 td {border-bottom:1px solid #ddd;padding:10px 10px;text-align:center;font-size:14px}
#bo_business .tbl_head01 td .btn {font-size:13px !important}
#bo_business .tbl_head01 a {}
#bo_business td.empty_table {}