/* 초기화 */
html{overflow-y:scroll}
/* body{margin:0;padding:0; font-family: "Noto Sans KR", sans-serif;} */
/*웹폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*:lang(ko) {
  font-family: 'Noto Sans KR', sans-serif;
}*/

@font-face {
     font-family:'NanumGothic';
     font-weight:normal;
     font-style:normal;
     src: url('/font/NanumGothic.eot');
     src: local('?'), 
          url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
          url('/font/NanumGothic.woff2') format('woff2'),
          url('/font/NanumGothic.woff') format('woff'),
          url('/font/NanumGothic.ttf') format('truetype');     
}
@font-face {
     font-family:'NanumGothicBold';
     font-weight:normal;
     font-style:normal;
     src: url('/font/NanumGothicBold.eot');
     src: local('?'), 
          url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
          url('/font/NanumGothicBold.woff') format('woff'),
          url('/font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 100; 
    font-style: normal; 
    src: url('/font/SCoreDream1.woff2') format('woff2'),
         url('/font/SCoreDream1.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200; 
    font-style: normal; 
    src: url('/font/SCoreDream2.woff2') format('woff2'),
         url('/font/SCoreDream2.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300; 
    font-style: normal; 
    src: url('/font/SCoreDream3.woff2') format('woff2'),
         url('/font/SCoreDream3.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400; 
    font-style: normal; 
    src: url('/font/SCoreDream4.woff2') format('woff2'),
         url('/font/SCoreDream4.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500; 
    font-style: normal; 
    src: url('/font/SCoreDream5.woff2') format('woff2'),
         url('/font/SCoreDream5.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600; 
    font-style: normal; 
    src: url('/font/SCoreDream6.woff2') format('woff2'),
         url('/font/SCoreDream6.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700; 
    font-style: normal; 
    src: url('/font/SCoreDream7.woff2') format('woff2'),
         url('/font/SCoreDream7.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800; 
    font-style: normal; 
    src: url('/font/SCoreDream8.woff') format('woff2');
    /* src: url('/font/SCoreDream8.woff2') format('woff2'),
         url('/font/SCoreDream8.woff') format('woff'); */
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900; 
    font-style: normal; 
    src: url('/font/SCoreDream9.woff2') format('woff2'),
         url('/font/SCoreDream9.woff') format('woff');
    font-display: swap;
}


@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
	
@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Nanum Square 웹폰트는 head.sub1.php 에서 정의함. */
body{margin:0;padding:0; font-family: 'SCoreDream','Nanum Square', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
html[data-bs-theme="dark"] body{color:#dee2e6}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, ul, li{margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

li{list-style:none;font-size:14px;}

p{margin:0;padding:0;word-break:break-all}
hr{display:none}
a {color:#5d5d5d;text-decoration: none;}
a:hover { color: #717ff5; text-decoration: none;}

html[data-bs-theme="dark"] a {color:#ddd;text-decoration: none;}
html[data-bs-theme="dark"] a:hover {color:#ea1818;text-decoration: none;}


/* 그누보드 */
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active,.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}
.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; }
.ck.ck-editor__editable { min-height: 200px !important; }
.tox-edit-area{padding:30px;}
.tox .tox-statusbar__wordcount {border:0;}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.dropdown-menu .nav-link{font-size:13px!important;font-weight:400;}

/* 캡챠 자동등록(입력)방지 기본 -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}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:transparent; border-top-left-radius:10px; border-top-right-radius:10px;}
.hd_pops img {max-width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}
.hd_pops_con {overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative; border-bottom-left-radius:10px !important;  border-bottom-right-radius:10px !important;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:center; width:calc(100% - 100px); border-bottom-left-radius:10px !important; letter-spacing:-0.5px; font-size:13px;height:40px;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; border-bottom-right-radius:10px !important; width:30%; max-width:100px; font-size:13px;}
.hd_pops_footer .hd_pops_reject:hover, .hd_pops_footer .hd_pops_close:hover {background:#f00; }

/* 모달창 */
.modal-gray{color:#000!important;background-color:#9e9e9e!important}
.modal-dark{color:#fff!important;background-color:#616161!important}
.modal-crimson{color:#000!important;background-color:#cc2300!important}
.modal-indigo{color:#fff!important;background-color:#607d8b!important}
.modal-teal{color:#fff!important;background-color:#009688!important}
.modal-purple{color:#fff!important;background-color:#9c27b0!important}

/* 칼라모드 */
.bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
@media (min-width: 768px) {
.bd-placeholder-img-lg {font-size: 3.5rem;}
}
.b-example-divider {width: 100%;height: 3rem;background-color: rgba(0, 0, 0, .1);border: solid rgba(0, 0, 0, .15);border-width: 1px 0;box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);}
.b-example-vr {flex-shrink: 0;width: 1.5rem;height: 100vh;}
.bi {vertical-align: -.125em;fill: currentColor;}
.nav-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;}
.nav-scroller .nav {display: flex;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
:root {
	--bs-mode-text-color: #fff;
}
[data-bs-theme="dark"] {
	--bs-mode-text-color: #212529;
}
.btn-bd-primary {
  --bd-black-bg: var(--bs-body-color);
  --bd-black-rgb: var(--bs-dark-rgb);
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-mode-text-color);
  --bs-btn-bg: var(--bd-black-bg);
  --bs-btn-border-color: var(--bd-black-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-gray-800);
  --bs-btn-hover-border-color: var(--bs-gray-800);
  --bs-btn-focus-shadow-rgb: var(--bd-black-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--bs-gray-900);
  --bs-btn-active-border-color: var(--bs-gray-900);
}
.bd-mode-toggle {z-index: 1500;}
.bd-mode-toggle .dropdown-menu .active .bi {display: block !important;}

/* 상단버튼 */
#hd_qnb{}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 5px}
#hd_qnb li span {display:none;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}
#hd_qnb li .fa-user-circle{background:#0033ff;font-size:15px}
#hd_qnb li .fa-user-circle:hover{background:#0066ff}
#hd_qnb li .fa-bell-o{background:#ff6600;font-size:15px}
#hd_qnb li .fa-bell-o:hover{background:#ff3300}
#hd_qnb .btn-primary{width:40px;height:40px;border-radius:50%;text-align:center;line-height:10px;margin:0;}
#hd_qnb .pushmsg .pushmsg-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#0066ff;color:#fff;font-size:10px;position:absolute;top:0;right:0}

/* carousel 이미지 */
.ca_img{width:1000px;height:300px}

/* pic-list 이미지 */
.pic_img{width:100%;height:120px}

/* bs-slick 이미지 */
.slick_img{width:98%;height:180px}

@media only screen and (max-width: 1180px) {
	.logo_img{text-align:center;}
	.ca_img{width:800px;height:250px;}
	.pic_img{width:100%;height:200px}
	.slick_img{width:100%;height:200px}
}

/* 아코디언 +표시 */
.accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");}
.accordion-button::after {transition: all 0.5s;}

/* 네비게이션 */
.navbar .dropdown-fullwidth{position:static}
.navbar .dropdown-fullwidth .dropdown-menu{left:0;margin:1.25rem auto;max-width:1320px;padding:1rem 0;right:0;top:50px;}
.navbar-nav .dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.navbar-nav .dropdown-menu{display:block;opacity:0;transform:translateY(20px);transition:all .3s ease-in;visibility:hidden}
.navbar-nav .dropdown:hover>.dropdown-menu{opacity:1;transform:scaleY(1);visibility:visible}

.navbar .dropdown-submenu.dropend .dropdown-menu{border-radius:.5rem;box-shadow:var(--bs-box-shadow);left:100%;min-width:10rem;right:auto;top:-18px}
.navbar .navbar-nav .dropend>.dropdown-menu{transform:translateY(10px)}
.navbar .dropdown-submenu:hover>.dropdown-menu{opacity:1;transform:translateY(10px);visibility:visible}
/* .navbar .dropdown-toggle:after{float: right} */
.navbar .dropend .dropdown-toggle:after{border: 0;content: "\F231"; display: inline-block;font-family:bootstrap-icons!important;font-size:10px;margin-top:5px;float: right}
/* 화살표 제거 */
.dropdown-toggle::after{
    display: none;
}

/* header_menu 부분 배경색 */
.header_menu{
    background-color: #fff;
}
html[data-bs-theme="dark"] .header_menu{
    background-color: #212529;
}

.card-img{overflow:hidden;}
.card-img img{width:100%;height:120px;object-fit:cover;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.card-img a:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}

@media only screen and (max-width: 800px) {
	.card-img img{width:100%;height:240px;object-fit:cover;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
}

/* 버튼 추가 */
.btn-gray{color:#000!important;background-color:#9e9e9e!important}
.btn-dark{color:#fff!important;background-color:#616161!important}
.btn-crimson{color:#000!important;background-color:#cc2300!important}
.btn-indigo{color:#fff!important;background-color:#607d8b!important}
.btn-teal{color:#fff!important;background-color:#009688!important}
.btn-purple{color:#fff!important;background-color:#9c27b0!important}
.btn-pink{color:#fff!important;background-color:#e91e63!important}

/* 추가 색상 및 테두리 */
.bg-aqua,.bg-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.bg-blue,.bg-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.bg-light-blue,.bg-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.bg-brown,.bg-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.bg-cyan,.bg-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.bg-blue-grey,.bg-hover-blue-grey:hover,.bg-blue-gray,.bg-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.bg-green,.bg-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.bg-light-green,.bg-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.bg-indigo,.bg-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.bg-khaki,.bg-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.bg-lime,.bg-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.bg-orange,.bg-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.bg-deep-orange,.bg-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.bg-pink,.bg-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.bg-purple,.bg-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.bg-deep-purple,.bg-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.bg-red,.bg-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.bg-sand,.bg-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.bg-teal,.bg-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.bg-yellow,.bg-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.bg-grey,.bg-hover-grey:hover,.bg-gray,.bg-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.bg-light-grey,.bg-hover-light-grey:hover,.bg-light-gray,.bg-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.bg-dark-grey,.bg-hover-dark-grey:hover,.bg-dark-gray,.bg-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.bg-pale-red,.bg-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.bg-pale-green,.bg-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.bg-pale-yellow,.bg-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}

.border-aqua,.border-hover-aqua:hover{border-color:#00ffff!important}
.border-blue,.border-hover-blue:hover{border-color:#2196F3!important}
.border-light-blue,.border-hover-light-blue:hover{border-color:#87CEEB!important}
.border-brown,.border-hover-brown:hover{border-color:#795548!important}
.border-cyan,.border-hover-cyan:hover{border-color:#00bcd4!important}
.border-blue-grey,.border-hover-blue-grey:hover,.border-blue-gray,.border-hover-blue-gray:hover{border-color:#607d8b!important}
.border-green,.border-hover-green:hover{border-color:#4CAF50!important}
.border-light-green,.border-hover-light-green:hover{border-color:#8bc34a!important}
.border-indigo,.border-hover-indigo:hover{border-color:#3f51b5!important}
.border-khaki,.border-hover-khaki:hover{border-color:#f0e68c!important}
.border-lime,.border-hover-lime:hover{border-color:#cddc39!important}
.border-orange,.border-hover-orange:hover{border-color:#ff9800!important}
.border-deep-orange,.border-hover-deep-orange:hover{border-color:#ff5722!important}
.border-pink,.border-hover-pink:hover{border-color:#e91e63!important}
.border-purple,.border-hover-purple:hover{color:#fff!important;border-color:#9c27b0!important}
.border-deep-purple,.border-hover-deep-purple:hover{border-color:#673ab7!important}
.border-red,.border-hover-red:hover{border-color:#f44336!important}
.border-sand,.border-hover-sand:hover{border-color:#fdf5e6!important}
.border-teal,.border-hover-teal:hover{border-color:#009688!important}
.border-yellow,.border-hover-yellow:hover{border-color:#ffeb3b!important}
.border-grey,.border-hover-grey:hover,.border-gray,.border-hover-gray:hover{border-color:#9e9e9e!important}
.border-light-grey,.border-hover-light-grey:hover,.border-light-gray,.border-hover-light-gray:hover{border-color:#f1f1f1!important}
.border-dark-grey,.border-hover-dark-grey:hover,.border-dark-gray,.border-hover-dark-gray:hover{border-color:#616161!important}
.border-pale-red,.border-hover-pale-red:hover{border-color:#ffe7e7!important}
.border-pale-green,.border-hover-pale-green:hover{border-color:#e7ffe7!important}
.border-pale-yellow,.border-hover-pale-yellow:hover{border-color:#ffffcc!important}
.border-pale-blue,.border-hover-pale-blue:hover{border-color:#e7ffff!important}

.fs-7{font-size:15px}
.fs-8{font-size:13px}
.fs-9{font-size:10px}
.text-purple{color:#9c27b0!important;vertical-align:bottom;}
.text-deep-orange{color:#ff5722!important;vertical-align:bottom;}

/* 스마트에디터 단축키 제거 */
.btn_cke_sc {display:none;}

.navbar .dropdown-fullwidth{position:static}
.navbar .dropdown-fullwidth .dropdown-menu{left:0;margin:1.25rem auto;max-width:1320px;padding:1rem 0;right:0;top:50px;}

/********************** head.php **********************/
.cursor-pointer {
	cursor: pointer !important;
}
#alertDiv {
	/* display: flex !important; */
	height: 60px;
	padding-right: 40px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	background: #484386;
}
#alertDiv .text-area {
	display: flex;
	height:60px;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0% !important;
}

#alertDiv .text-area .body {
	color: #fff;
	text-align: center;
	/* font-family: Pretendard; */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px
}

#alertDiv .text-area .app-store {
	display: flex;
	align-items: center;
	gap: 12px
}

#alertDiv .text-area .app-store .btn-wrapper {
	display: flex;
	height: 36px;
	padding: 9px 20px 9px 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 50px;
	border: 1px solid #ddd;
	background: #fff
}
#alertDiv .text-area .app-store .btn-wrapper span{
	font-size:12px !important;
}
#alertDiv .text-area .app-store .btn-wrapper p{
	font-size:14px;
}
#alertDiv .btn-area {
	display: flex;
	width: 32px;
	height: 32px;
	justify-content: center;
	align-items: center
}


/********************** auction/total_search.php **********************/
.fs-14{
	font-size: 14px;
}
.fs-13{
	font-size:13px;
}
.fs-12{
	font-size:12px;
}
.fs-11{
	font-size:11px;
}
.fs-10{
	font-size:10px;
}
/* 검색조건 badge 겹쳐보이게 위치조정 */
.label-overlap {
	position: relative;
	top: 5px;
	z-index: 1;
	margin-bottom: -5px;
}
.input-group-overlap {
	position: relative;
	z-index: 0;
}
@media (min-width: 768px) {
	/* md 넓이 이상에서의 border */
	.custom-border-md {
		border-top: 1px solid #dee2e6;
		/* border-bottom: 1px solid #dee2e6; */
	}
	.custom-border-bottom-md {
		border-bottom: 1px solid #dee2e6;
	}
	/* md이상에서 버튼넓이 */
	.btn-custom-width {
        width: 200px;
    }
	/* md 이상에서만 div 수직 중앙에 정렬되도록 한다.  */
	.md-flex-column {
		display: flex !important;
		flex-direction: column !important;
		height: 120px;
	}

}
@media (max-width: 767px) {
	/* sm 이하 에서만 나타나는 border */
	.custom-border-show-xs {
		border-top: 1px solid #dee2e6;
		border-bottom: 1px solid #dee2e6;
	}
	.custom-border-top-show-xs {
		border-top: 1px solid #dee2e6;
	}
	.custom-border-bottom-show-xs {
		border-bottom: 1px solid #dee2e6;
	}
	/* sm 이하에서 버튼넓이 */
	.btn-custom-width {
        width: 150px;
    }
}
.img-thumbnail.img-fixed {
	width: 120px;
	height: 120px;
	max-width: 120px !important;
	object-fit: cover;
}
/* total_search.php 경매결과 테이블  */
@media (max-width: 768px) {
	.nested-content {
		padding-left: 0rem;
		margin-top: 0rem;
	}
}
/* 검색결과 테이블 셀 넓이지정 */
.col-custom-1 { 
	width: 130px; 
	flex: 0 0 130px;
}
.col-custom-2 { 
	width: calc(100% - 550px); /* 100% - (150px * 5) */
	flex: 1 1 auto;
}
.col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6 { 
	width: 100px; 
	/* flex: 0 0 100px; */
}
@media (max-width: 768px) {
	.col-custom-1 {
		width: 130px;
		flex: 0 0 130px;
	}
	.col-custom-2 { 
		width: calc(100% - 150px);
		flex: 1 1 auto;
	}
	.col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6 {
		width: 100%;
		flex: 0 0 100%;
	}
}
/* select box 의 넓이 조정부분 */
#select_result_court {
	margin-left: 10px;
	width:40%;
}
#select_result{
	margin-right:2%;
	width: 49%;
}
#select_result2{
	/* margin-right:10px; */
	width: 49%;
}
.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* modal 창 */ 
.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - 1rem);
}
@media (min-width: 576px) {
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}
}
/* select 배경색 변경  */
#s1 {background-color: #fdebd0;}
#s2 {background-color: #d1f2eb;}
#s3 {background-color: #d6eaf8;}
/* 다크모드에서 배경색 제거 */
html[data-bs-theme="dark"] #s1,
html[data-bs-theme="dark"] #s2,
html[data-bs-theme="dark"] #s3,
html[data-bs-theme="dark"] #chk_a,
html[data-bs-theme="dark"] .d-flex.flex-column.justify-content-center.align-items-start.bg-light.h-100 {
	background-color: #212529 !important; /* 배경색 제거 */
}
/* #82c13f */
/* auction/total_search.php */





/* pace.js 디자인 */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #FF0000;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 3px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}


/* theme 토글 스위치 컨테이너 */
    .toggle-switch {
        position: relative;
        width: 48px;
        height: 28px;
        background-color: #ccc; /* 기본 색상 */
        border-radius: 14px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    /* 스위치 핸들 */
    .toggle-switch::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 24px;
        height: 24px;
        background-color: white;
        border-radius: 50%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease;
    }

    /* 활성화된 상태 */
    .toggle-switch.active {
        background-color: #495057; /* dark 모드 색상 */
    }

    .toggle-switch.active::after {
        transform: translateX(20px);
    }

    /* 아이콘 스타일 */
    .toggle-switch i {
        position: absolute;
        top: 30%;
        transform: translateY(-50%);
        z-index: 100;
        font-size: 12px;
        transition: left 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    }

    /* 태양 아이콘 */
    .toggle-switch i.fa-sun {
        color: #da081c;
    }

    /* 달 아이콘 */
    .toggle-switch i.fa-moon {
        color: black;
    }

    /* light 모드 */
    .toggle-switch:not(.active) i.fa-sun {
        left: 17%;
        opacity: 1;
        transform: rotate(0deg);
    }

    .toggle-switch:not(.active) i.fa-moon {
        left: 63%;
        opacity: 0;
        transform: rotate(0deg);
    }

    /* dark 모드 */
    .toggle-switch.active i.fa-sun {
        left: 10%;
        opacity: 0;
        transform: rotate(360deg);
        transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .toggle-switch.active i.fa-moon {
        left: 65%;
        opacity: 1;
        transform: rotate(360deg);
        transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }




    /* company.php 등 서브페이지 */
    .big-btn{
        /* padding: 100px 0 100px 0; */
        min-height: 210px;
    }
    .app-explain-box{
        position:relative;
    }
    .app-explain-box .card{
        height:362px;
        display:flex;
        flex-direction:column;
        overflow:hidden;
        padding:34px;
        border:1px solid #eaedf1;
        border-radius:10px;
    }
    html[data-bs-theme="dark"] .app-explain-box .card{
        border:1px solid #343a40;
    }
    .app-explain-box .card img{
        position: absolute;
        right: -10px;
        bottom: -30px;
        width: 210px;
    }
    @media (max-width: 767px) {
        .app-explain-box .card img{
            bottom: -90px;
            width: 125px;
        }
        .headline-2{
            font-size: 1.3rem !important;
            line-height: 36px !important;
        }
        .text-2{
            font-size: 1rem !important;
            font-size: 1.0rem !important;
            line-height: 32px;
        }
        .headline-3{
            font-size: 1.2rem !important;
        }
    }
    @media (max-width: 1200px) {
        .headline-1 {
            font-size: 19px !important;
        }
    }
    @media (min-width: 768px) and (max-width: 1152px) {
        .app-explain-box .card img{
            bottom: -200px;
            width: 190px;
        }
    }
    
    .app-explain-box .card .default_content .text-wrapper{
        max-width: 250px;
    }
        
    #box-bg-gray {
        background-color: #f7f8fc;
    }
    .text-2 {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        color: #606060;
    }
    html[data-bs-theme="dark"] .text-2 {
        color: #f5f5f5;
    }
    html[data-bs-theme="dark"] #box-bg-gray {
            background-color: #343a40;
    } 
    .contents_body{
        padding: 24px 0 24px 0;
    }
    .contents_body:not(:last-child) {
        border-bottom: 1px solid #e6e6e6;
    }
    html[data-bs-theme="dark"] .contents_body:not(:last-child) {
        border-bottom: 1px solid #343a40;
    }
    .contents_body .sub-title{
        font-weight: 600;
        font-size: 1.2rem;
    }
    .contents_body .sub-body{
        font-size: 1rem;
    }
    
    .company_box_header {
        padding-left: 16px;
        min-height: 333px;
        position: relative;
        /* min-height: 800px; */
    }
    .company_box_header--text {
        max-width: 629px;
        width: 100%;
        padding-top: 40px;
        display: flex;
        flex-direction: column;
        gap: 24px
    }
    .company_box_middle{
        /* background-color: rgba(0, 0, 0, 0.05); */
        position: relative;
        border-radius: 12px;
        background-color: #f5f5f5;
        min-height: 300px;
    }
    .company_box_middle.left{
        background-image: url('/theme/blog/auction/images/search-svgrepo-com.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #e4ecff;
    }
    
    .company_box_middle.right{
        background-image: url('/theme/blog/auction/images/devices-svgrepo-com.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #f3f5f9;
    }
    .company_box_middle.left2{
        background-image: url('/theme/blog/auction/images/person1.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #e4ecff;
    }
    
    .company_box_middle.right2{
        background-image: url('/theme/blog/auction/images/person2.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #f3f5f9;
    }
    .company_box_middle.right3{
        background-image: url('/theme/blog/auction/images/supporting-business-person.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #f3f5f9;
    }
    @media (max-width: 720px) {
        .company_box_middle.right3{
            background-image: none !important;
        }  
    }
    .company_box_middle.full{
        background-image: url('/theme/blog/auction/images/laptop-svgrepo-com.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #fff2e3;
    }
    .company_box_middle.full-2{
        background-image: url('/theme/blog/auction/images/devices-svgrepo-com-2.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #ebf4fe;
        margin-bottom: 100px;
    }
    .company_box_middle.full-3{
        background-image: url('/theme/blog/auction/images/resume.svg');
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #fff6f7;
        margin-bottom: 100px;
    }
    .company_box_middle.full-4{
        /* background-image: url('/theme/blog/auction/images/resume.svg'); */
        background-repeat: no-repeat;
        background-position: bottom 20px right 20px;
        background-size: 150px 150px;
        background-color: #ebf4fe;
        margin-bottom: 50px;
    }
    html[data-bs-theme="dark"] .company_box_middle{
        background-color: rgba(255, 255, 255, 0.05);
    }
    .company_box_middle .content{
        line-height: 30px;
    }
    .company_box_middle .imgDiv{
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 1;
    }
    .headline-1 {
        font-family: 'SBAggroB', sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 32px;
        color: var(--bs-gray-dark);
    }
    html[data-bs-theme="dark"] .headline-1 { color: var(--bs-secondary-color); }
    .headline-2 {
        font-family: 'SCoreDream','Nanum Square';
        font-size: 2rem;
        font-weight: 700;
        line-height: 51px
    }
    .headline-3 {
        font-family: 'SCoreDream','Nanum Square';
        font-size: 1.5rem;
        font-weight: 700;
        /* line-height: 70px; */
    }
    .text-gray-1{
        color: #303030;
    }
    html[data-bs-theme="dark"] .text-gray-1{
        color: #f5f5f5;
    }
    .body-1{
        /* line-height: 40px */
    }
    .company_box_header--img {
        position: absolute;
        top: 0;
        right: 40px;
        width: 300px;
        height: 300px;
        /* background-color: #f5f5f5; */
        overflow: hidden;
    }
    @media (max-width: 720px) {
        .company_box_header--img{
            height: 100px !important;
        }  
        .company_box_header{
            height: 100px !important;
        }
    }
    .company_box_header--img img {
        width:300px;
        object-fit: contain;
    }
    .text-primary-1 {
        color: #57a4ff;
    }
 /* company.php 등 서브페이지 end */

 .hidden{display: none;}