.list-empty-label {width: 100%;}
.list-empty-label td {padding: 3rem 2rem;}

:root {
    --color-choco: rgb(34, 34, 34);
    --color-ctrl: rgb(119 119 119);
}

/* 메인테마 설정 */
.main-theme { }
.main-theme .color-ctrl {color : var(--color-ctrl)}
.main-theme .container { margin: 2rem auto; }
/* .main-theme .easy-container { margin: 2rem auto; } */
.main-theme .ctrl { border: 1px solid #eee; padding: 0.7rem; font-size: 0.9rem; color : var(--color-ctrl); font-weight:600; width: 100%;}
.main-theme select.ctrl { padding: 0.7rem 2.2rem 0.7rem 0.7rem ; -webkit-appearance: none;-moz-appearance: none; background: white; background-repeat: no-repeat; background-position-x: calc(100% - 0.75rem); background-position-y: 46%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.main-theme .ctrl::placeholder { color: #aaa; }
.main-theme .btn-square { background-color: var(--color-choco); color: #eee; border: 2px solid var(--color-choco); }
.main-theme .table-square { border-top : 1px solid var(--color-choco); width: 100%; color : var(--color-ctrl); text-align: center;}
.main-theme .table-square th, .main-theme .table-square td { padding: 0.25rem 0; }
.main-theme .table-square thead th { background-color: rgb(248, 249, 250); }
.main-theme .table-square tbody tr { border-bottom: 1px solid #eee; }
.main-theme .pagenate-square { display: table; }
.main-theme .pagenate-square li { display: inline-block; }
.main-theme .pagenate-square .page-btn { display: inline-flex; width: 2.5rem; height: 2.5rem; justify-content:center; align-items:center; border-radius:0.25rem; font-weight: 700; color: #aaa; }
.main-theme .pagenate-square .active .page-btn { background-color: var(--color-choco); color: #eee; }
.main-theme .pagenate-square .page-btn.side { border: 1px solid #eee; margin: 0 0.5rem; }
.main-theme .btn-theme-now { padding: 0.5rem 1rem; border: 1px solid var(--color-ctrl); }
.main-theme .item-name { font-size: 0.8rem; color: #aaa; }

.main-theme [web_section] { margin-bottom: 2rem; }


/* 점보트론 관련 */
.jumbotron .jumbotron-image{
    background-color: #f5f5f5; height: 400px; width: 100%; background-size: cover; background-position: center;
    filter: contrast(150%);
}
.jumbotron .jumbotron-image::after{content: ""; background: #121212; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .5;}
.jumbotron-title{ font-weight: 600; }
.jumbotron-sub-title{ font-size: 1.2rem; font-weight: 300; }

.jumbotron-input-box{ max-width: 48rem; }
.jumbotron-input-box .input-group{ max-width: 48rem; }
.jumbotron-input-box [data-bs-toggle="dropdown"] {background-color: white; min-width: 10rem; color: #495057!important;}
/* .jumbotron-input-box [data-bs-toggle="dropdown"]:hover { color: #495057; } */

.print-show { display: none; }
.print-unset { display: none; }

.main-theme .btn-in-table {position: absolute; top: 0.75rem; right: 1rem;} /* 테이블 속의 버튼을 반응형을 위해 설정한다. */

/* 폼 관련 설정 */
.main-theme label[for] { margin-bottom: 0.5rem; }
.main-theme label[for]:not(:first-child) { margin-top: 2rem; }


/* 이너 테이블 : 테이블의 모양보다 다른 객체에 들어가 모양을 잡을 때 사용하는 투명한 테이블 */
.main-theme .table-inner td {padding: 0.2rem;}

/* 모달설정 : 모달을 설정하는 테이블 */
.theme-modal {}


/* 리스트 테이블 */
.main-theme .list-btn-icon {} /* 리스트 테이블의 아이콘형 버튼 */

/* 탭설정 */
.main-theme .nav-pills, .main-theme-set.nav-pills { background-color: rgb(248,249,250); border-bottom: 1px solid #eee; }
.nav-pills .nav-link{ color: #495057; font-weight: 700; }
.nav-pills a.active{ background-color: #fff!important; color: #495057!important; }

/* 글자 장식 */
.str-subject {margin-top: 1rem; margin-bottom: 1rem; font-weight: 700; font-size: 1.2rem;}

/* 로고 관련 처리. */
.logo {width: 2rem; height: 2rem; cursor: pointer;}
/* .logo_text_af {font-family: 'DM Serif Display', serif; font-size: 1.5rem;} */
.logo_text {font-family: 'Abril Fatface', serif; font-size: 1.5rem;}



/* 페이지 내용 */
.main-theme .out-subject { font-weight: 700; }
.main-theme .detail-view {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dee2e6!important;
    padding: 1rem;
}

.side-menu-item {
    font-weight: 700;
    /* font-size: 1.2rem; */
    color: #32373b;
}
.side-menu-container {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}




.responsive-mobile .at-profile-top {position: absolute; top: 1rem;}
.responsive-mobile .at-mobile-hide {display: none;}
.responsive-mobile [hide-in-mobile] { display: none; }
.responsive-mobile { display: block; }
.responsive-mobile [at-mobile-container] { flex-direction: column; }
.responsive-mobile [pulldown="expander"] { display: block!important; position: unset; border: none; }
.responsive-mobile [pulldown="expander"] > * { padding: 0.25rem 0; }
.responsive-pc .pc-only { display: none; }
.responsive-pc .pc-inline-only { display: none; }

.responsive-mobile .mobile-profile { padding: 1.25rem 0 0 0!important; border-top: 1px solid #ccc; }
.responsive-mobile .mobile-profile a { font-weight: 500; }

.footer { display: flex; flex-direction: column; gap: 1rem; align-items: center; }


/* 프론트 gap */
.front-gap::before {
    content: "<div></div>";
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .w-sm-100 { width: 100%; top: unset; right: unset;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .w-md-100 { width: 100%; }
    .main-theme .container-md { margin: 2rem auto; max-width: 1140px; }
    .main-theme .easy-container:not(:nth-child(1)) { margin: 2rem auto; }
    .main-theme .table-square th, .main-theme .table-square td { padding: 1rem 0; }
    .main-theme .table-square tbody td, .main-theme .table-square tbody td { border-bottom: 1px solid #eee; }

    .theme-modal .modal-content { width:30rem }
    .main-theme .btn-in-table {position: static;}

    .side-menu-item { font-weight: 500; }
    .side-menu-container { width: unset; margin-top : unset; margin-bottom : unset; }

    .responsive-pc .pc-only {display: block;}
    .responsive-pc .pc-inline-only {display: inline-block;}
    .responsive-pc .mobile-only {display: none;}

    .footer { display: grid; gap: 0; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .w-lg-100 { width: 100%; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .w-xl-100 { width: 100%; }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .w-xxl-100 { width: 100%; }
}

/* 낮은 방향으로 잡아 주는 스타일 */
@media (max-width: 768px) {

    .modal-dialog {width:100%;}
    .w-positive-100 {width: 100%;} /* 버튼에 사용됨 */

}

/* 프린트를 위한 모드 */
@media print {
	/* header, footer, .no-print { display:none } */
    section[section="head"], section[section="footer"] {display: none;}
    .print-show {display: block;}
    .print-unset {display: unset;}
    .print-table {border: 1px solid #ddd; border-collapse: collapse; display: table!important; }
    .print-table thead { display: table-header-group!important; }
    .print-table tr { display: table-row!important; }
    .print-table th {font-size: 0.8rem; padding-left: 16px; display: table-cell!important; }
    .print-table td {font-size: 0.8rem; padding-left: 16px; text-align: left; display: table-cell!important; border-left: 1px solid #ddd!important; }
    .print-table tbody {display: table-row-group!important;}
    .print-table-price th, .print-table-price td  { border: 1px solid #dee2e6; text-align: left; }
    .print-border-none {border: none;}
    table .print-hide, .print-hide {display: none!important;}
}