/* 22.10.18 JJH */
.toggleSlideButton{position:relative; display:block; width:60px; height:30px; margin:0px auto !important; padding:2px; border:1px solid #f1f1f1; border-radius:30px; box-shadow:1px 2px 3px rgba(0,0,0,0.03); cursor:pointer; transition:all 0.3s;}
.toggleSlideButton:after{content:""; display:block; width:24px; height:24px; border-radius:24px; background-color:#dadada; transition:all 0.3s;}
.toggleSlideButton:before{content:"OFF"; display:block; font-size:12px; font-weight:bold; font-style:normal; position:absolute; right:6px; top:50%; transform:translate(0,-50%); transition:all 0.3s;}
.toggleSlideButton.active{background-color:#1a73e8;}
.toggleSlideButton.active:before{content:"ON"; transform:translate(-28px,-50%); color:#fff;}
.toggleSlideButton.active:after{background-color:#fff; transform:translateX(30px);}
.toggleSlideButton input[type="checkbox"]{display:none;}
.toggleSlideButton.disabledToggle{background-color:#999;}
.toggleSlideButton.disabledToggle::after{background-color:#ccc;}
.toggleSlideButton.disabledToggle::before{color:#ccc;}
/* // 22.10.18 JJH */

/* coin, coin_list 22.10.27 JJH */
.coin_symbol_img{width:36px; height:36px; padding:4px; border:1px solid #dfdfdf; border-radius:50%; display:flex; justify-content:center; align-items:center; margin:0 auto;}
.coin_symbol_img img{width:100%; height:100%; object-fit:contain;}

.upload_symbol_preview{width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; display:flex; justify-content:center; align-items:center;}
.upload_symbol_img{width:140px; height:140px; padding:20px; border:1px solid #ddd; border-radius:10px;}
.upload_symbol_img img{width:100%; height:100%; object-fit:contain;}




/* 로그인 */
.login_wrap { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; max-width:1024px; padding:0 20px; }
.login_img h1 { color:#222; text-align: center; font-weight: bold; }
.login_img img { margin:0 auto; max-width:30%; }
.loginbutton button { background-color:#EA5E0F; outline: none; border:none; border-radius: 5px; font-size:20px; }
/* //로그인 */

/* 슬라이드 */
/* .logout_txt {width:60px; margin:0 auto;} */
/* //슬라이드 */

/*nft 상세보기 */
.nft_img_wrap{width:100%; height:512px; display:flex; justify-content:center; align-items:center;}/*2022.04.28 JJH 이미지 사이즈 조절 및 위치 조정을 위해 추가*/
.ntf_cimg {width:100%; max-width:460px; overflow:hidden; margin:0 auto; padding:30px; }
.ntf_cimg img { width:100%; height:100%; object-fit:contain; background-color:#fff; }
.ba_active { background-color: red;}
.title_txt { font-size:16px; font-weight: bold; margin-bottom:4px; }

.nft_wrap ul {padding:14px 0; margin:0 !important;}
/*//nft 상세보기 */

/* admin폴더 */
.card_title {font-size: 18px; margin-bottom: 4px;}

.label_type00 {font-size:16px!important;color:#000!important; font-weight: bold;}
.label_type01 {font-size:14px!important;;color:#000!important; display:flex; justify-content:center; align-items:center;}
.label_type02 {font-size:16px!important;color:#222!important; font-weight:normal;}

/* 테이블 글자 흘러넘침 : pyo */
.td_ellipsis { overflow: hidden;text-overflow: ellipsis; max-width: 300px;}

/* summernote editor 2022.04.12 JJH */
.note-editable ul{padding-left:40px;}
.note-editable ul li{list-style:disc;}
.note-editable ol li{list-style:decimal;}
/* // summernote editor 2022.04.12 JJH */

/* 2022.04.15. JJH 테이블 thead 디자인 */
.table_head_black{background-color:#222; color:#fff;}
/* // 2022.04.15. JJH 테이블 thead 디자인 */

/* 2022.04.21 JJH 메인 */
.card_title {font-size: 18px; margin-bottom: 4px;}
.summary_list{display:flex; text-align:center;}
.summary_list li{margin-right:20px;}
.summary_list li:last-of-type{margin-right:0;}
.summary_list a{color:#222;}
.number_box{padding:2px 16px; color:#fff; background-color:#222; border-radius:6px;}
.bold {font-weight: 800;}
/* // 2022.04.21 JJH 메인 */

/* 2022.05.12 JJH 메인 관리 */
.nft_card{max-width:300px; margin:0 auto; box-shadow:4px 4px 4px rgba(31,31,31,0.3); border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.nft_card_img{position:relative; width:100%; max-width:300px; height:0; padding-top:100%;}
.nft_card_img img{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0; object-fit:cover; object-position:center;}
.nft_card_text{padding:20px; backgorund-color:#fff;}
.nft_text_title{display:block; font-size:16px; font-weight:bold;}
.nft_text_creator{display:block; margin-top:10px;}
.detail_title{display:block; font-weight:bold; margin-top:10px;}

.green_box{display:inline-block; padding:8px 16px; margin-left:10px; color:#fff; border-radius:4px; border:1px solid #ccc; background-image:linear-gradient(180deg,#090,#060);}
.black_box{display:inline-block; padding:8px 16px; margin-left:10px; color:#fff; border-radius:4px; border:1px solid #ccc; background-image:linear-gradient(180deg,#666,#000); cursor:pointer;}

@media only screen and (max-width:480px){
  .responsive_select{position:absolute; right:-14px; top:-32px;}
}
/*// 2022.05.12 JJH 메인 관리 */

/* 2022.05.24 탭메뉴 추가 : NBR  */
.user_tab{ width: 100%; height: 40px; }
.user_tab > .tab_btn{ width: 25%; height: 100%; }
.user_tab > .tab_btn a{ display: block; width: 100%; height: 100%; border-radius: 15px 15px 0 0; border-right: 1px solid #f3f3f3; text-align: center; line-height: 42px; font-size: 1rem; font-weight: 600; color: #333; background-color: #e3e3e3; }
.active_tab{ background-color: #222 !important; color: #fff !important; }
/*// 2022.05.24 탭메뉴 추가 : NBR  */

/* 2022.05.24 splash page 추가 : NBR */
.bg_color_fran { background-color: #000; position: relative; }
.bg_color { background-color: #000; position: relative; }
.splash { position: relative; width: 100%; height: 100vh; z-index:9999; text-align: center; }
.bg_dark { position:fixed; width:100%; height:100%; z-index:10000; background-color:#000;}
.splash_fran_txt { text-align: center; font-size: 22px; font-weight: 600; line-height: 32px; color: #4A9EFA; }
.splash_txt { text-align: center; font-size: 22px; font-weight: 600; line-height: 32px; color: var(--white);  }

/* .splash_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:10010; } */
.splash_img { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:10010; }
.splash img { background-origin: border-box; background-clip: content-box, border-box; width:30px; height: 30px; animation: spin 1s linear infinite; margin-bottom: 20px; margin:0 auto 10px; display:block; }

@keyframes spin {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg)
  ; }
}
/*// 2022.05.24 splash page 추가 : NBR */

/* 23.05.03 user > user_view 팝업창 NJH */
.dark_bg { position: fixed; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(34,34,34, 0.6); z-index: -1; opacity: 0;}
.dark_bg.active {opacity: 1; z-index: 5000; transition: opacity 300ms ease,z-index 300ms ease;;}
.pop_up {position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 76px); max-width:700px; background-color: #fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 40%); text-align: center; z-index: -1; opacity: 0; transition: opacity 300ms ease, z-index 300ms ease;}
.pop_up.active {opacity: 1; z-index: 5050; transition: opacity 300ms ease, z-index 300ms ease;}
.pop_cont {height: 500px; padding: 20px;}
.pop_nft_img {display: flex; justify-content: center; width: 50px; height: 50px; margin: auto; object-fit: contain;}
.pop_nft_img img{width: 100%; object-fit: contain;}
.pop_up .table-responsive {max-height: 420px; overflow-y: auto;}
.pop_up .table thead {position: sticky; top: -1px; z-index: 50;}
/* .pop_up .table tr {cursor: pointer;} */
.pop_up .table tr:first-child td {border-top: none; border-bottom: 1px solid #dee2e6;}
.pop_up .table tr td:nth-child(3) {max-width: 200px; }
.issued_amount {color: #1a73e8; text-decoration: underline;}
.pop_close {font-size: 18px; font-weight: bold; cursor: pointer;}
.link_txt {text-decoration: underline; cursor: pointer;}
.holder_status_btn {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; color: #000; background-color: #fff; border-radius:10px; border: 1px solid #000; cursor: pointer;}
/* .holder_status_btn:hover {background-color: #000; color: #fff; transition: all 200ms ease;} */
.royalty_table tbody tr td{padding: 5px 10px; text-align: center;}
.royalty_table thead tr th{padding: 5px 10px; }

/* 23.05.08 notice > notice_list 뉴스관리 페이지: NJH */
.news_tit {max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* notice > notice_create 뉴스등록 페이지: NJH */
.card .news_pop_ornot, .card .notice_cate {display: flex; justify-content: flex-start; align-items: center; width: 80px; font-size: 14px; font-weight: bold; color:#222; }
.news_pop_ornot input, .notice_cate input {width: 50px;}

/* 23.05.09 admin > admin_create 관리자 리스트 페이지: NJH */
.alert_txt { color:#ff3800; font-size: 14px; font-weight: normal;}
.btn_common_w {width: 110px !important;}
.item_txt {font-size: 14px; font-weight: normal; color: #222;}

/* 23.05.11 admin > 관리자 정보 상세 페이지 - 체크박스 정렬: NJH */
.navbar .navbar-brand {font-weight:600;}
.modal-header {border-bottom: none;}
.modal-title {font-size: 16px;  font-weight: 600;}
.modal-body {font-size: 1rem; text-align: center;}
.modal-footer {justify-content: center; border-top: none;}
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus {background-color:#2942ed!important;}
.btn-primary:hover {background-color:#fd3a1d!important;}

/* nft>nft_deal_history - nft 거래내역 페이지 */
.table.nft_deal > tbody > tr > td:nth-child(6), .table.nft_deal > tbody > tr > td:nth-child(7) {word-break: break-all; white-space: pre-wrap !important; text-align: left !important;}


/* 23.05.12 news > news_create페이지 - 기간설정 영역 레이아웃 설정: NJH */
.pop_period img { width: 24px; margin-left: -32px;}
.pop_period .date_box {position: relative; width: 200px; margin-bottom: 0; border: 1px solid #222; border-radius:5px; font-size: 14px;}
.pop_period .time_box {width: 100px; margin-bottom: 0; margin-left: 10px; border: 1px solid #222; border-radius:5px; font-size: 14px;}
.date_input {width: 198px; padding: 5px; height: 32px; border: none; border-radius:5px;}
.time_input {width: 100%; padding: 5px; height: 32px; border: none; border-radius:5px;}
.date_time_select {padding: 5px;}

/* 23.05.18 tara admin cms */
.sidebar .nav li > a, .off-canvas-sidebar .nav li > a {margin: 0; padding: 10px 20px;}
.sidebar .sidebar_menu > li { border-radius:10px;}
.sidebar .sidebar_menu > li.active ul {  background-color: #ddd;}
/* .sidebar[data-color="white"] .nav li > div {color: #66615B; opacity: .7;} */
.sidebar .sub_menu {display: none; padding: 10px;} */
img.side_icon {width: 32px;}

/* 23.05.24 카테고리 영역 width 길이 조정 */
.category_box {width: 150px;}

/* 23.05.24 소유자 현황 비활성화 컬러 */
.holder_status_btn.inactive {background-color:#E3E3E3;}

/* 23.06.01 sidebar */
.sidebar .sidebar-wrapper {height: calc(100vh - 93px); padding-bottom: 50px;}

/* 23.06.26 slider 로그인 정보 설정 */
.logout_txt {padding:6px 14px; background-color:#ededed; border-radius:20px; color: #777;}
.admin_id {display: block; margin-top: 0; margin-bottom: 10px; padding-top: 0; font-size: 1rem; font-weight:bold; text-align: center; word-break: break-all;}
.slider_logo {width: 70px;}
.sidebar .logo .simple-text.slider {padding-left: 0; line-height: 20px;}
.slider_user_info {max-width: calc(100% - 100px);}

/* 23.06.26 main NFT 신청 대기 */
.card-body.summary {cursor: pointer;}

/* 23.06.26 내용 모두 노출 및 word_break 설정 */
.word_break_all {word-break: break-all; white-space: pre-wrap !important; text-align: center !important;}

.sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):before, .sidebar .sidebar-wrapper li.active > [data-toggle="collapse"] + div .nav li:before {border-right: none; border-top: none; border-bottom: none;}
.sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):after, .sidebar .sidebar-wrapper li.active > [data-toggle="collapse"] + div .nav li:after {border-right: none; border-top: none; border-bottom: none;}

/* 미디어 쿼리 */
@media screen and (max-width:767px){
 .login_img h1 { font-size:34px; }
 .nft_wrap li {margin-bottom:20px; }
 .nft_wrap li:last-child {margin-bottom:0; }
 .login_img img { margin:0 auto; max-width:70%; }
 }