@charset "utf-8";

.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: rgb(63,70,120) !important;
	border-color: rgb(63,70,120) !important;
}

hr.hr::after,
.dropdown-item.active, 
.dropdown-item:active,
.bg-primary {
	background-color: #0d1116 !important;
}

.border-primary {
	border-color: #0d1116 !important;
}

.text-primary,
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
	color : #0d1116 !important;
}

/* ---------------------------------------------------------- */

.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:hover {
	/*background-color: #72971e !important;*/
	border-color: #535452 !important;
}

.btn-outline-primary {
	color: #72971e !important;
	border-color: #535452 !important;
}

.btn-outline-primary:hover {
	color: #fff !important;
}

a.bg-primary:hover, 
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: rgb(0 0 0 / 30%) !important;
}

.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5) !important;
}
#header_pc .header-search form {
	border-radius: 20px;
	border-color:white !important;
	background: white;
}

#header_pc .header-search input {
	border-radius: 20px;
}

#header_pc {background-color: #0d1116;}
#nt_body{background-color: #0d1116;}
.header-keyword.mt-2, #nt_lnb {display:none !important;}
#header_pc .nt-container {background: none;}
#nt_menu .me-a {background: #0d1116;}
.just-cen{justify-content: center;}
#nt_menu {background-color: rgb(0 0 0 / 65%) !important;}

.puzzle-menu{
	background-color: #0d1116 !important;
	color: white;
	font-weight: 600;
}

.text_area {
    text-align: center;
    background-color: #333;
    color: #fff;
    font-weight: 700;
}
/* Container for the heading */
.heading-container {
    margin-bottom: 20px;
    position: relative;
}

/* Short blue line above the text */
.heading-container::before {
    content: "";
    display: block;
    width: 20px; /* Short line above */
    height: 2px;  /* Thickness of the blue line */
    background-color: #3498db; /* Blue line color */
    margin-bottom: 5px;
}

/* Long blue line below the text */
.heading-container::after {
    content: "";
    display: block;
    width: 60px; /* Long line below */
    height: 2px;  /* Thickness of the blue line */
    background-color: #3498db; /* Blue line color */
    margin-top: 5px;
}

/* Heading text */
.heading-text {
    font-size: 18px;
    color: #cccccc; /* Light grey text color */
    font-weight: 400; /* Normal weight */
    line-height: 1.2;
}

hr.hr {display: none !important;}
h3.h3 {padding: 10px;}

.f-lg {border: 1px solid #ddd; margin-bottom: 0px !important;}
.mt-3 {margin-top: 0px!important;}
#nt_menu .me-li:hover .me-a { color:#B857FB !important; }

a {color: white;}

.f-sm{color: white;}
#nt_footer {    background-color: #0d1116;}
#nt_footer .nt-links ul > li > a {color: white;}
.b1e {
    border: 1px solid #eee;
}
.premium #bo_v_title {
    font-size: 14px !important;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px !important;
    text-align: center!important;
}
.premium .premium-img img {
    width: 100%;
}
.premium .link-info {
    line-height: 26px;
    border-left: 1px solid #e9e9e9;
    font-weight: bold;
}
#nt_menu .sub-slide {
	width: 100%;
}
#nt_menu .me-sw { width: 100% !important;text-align: center;}
.nt-menu .sub-1dli.on .sub-1da, .nt-menu .sub-1dli:hover .sub-1da {
	background: #0d1116 !important;
	color: #B857FB;
}
#nt_menu .nt-container, #nt_menu .me-list .me-li, #nt_menu .sub-1dul, #nt_menu .sub-1dli {    background: #0d1116;}
.nt-menu .sub-1da { color: white;border-bottom: 1px solid #797979; text-align: center;}
#nt_title {
	color: white;
    background: #0d1116;
    border-bottom: 1px solid #0d1116;
}
.wrapper {
    background: #0d1116;
}

.list-group-item {
	background: #0d1116;
    color: white;
}
iframe {background: white;}
.nt-links {display:none !important;}
footer .nt-container.py-4.px-xl-0 {display:none !important;}

#nt_footer > div > .text-center {padding-top:20px;}
.na-list {padding: 10px;}

#nt_sidebar_body > ul > li {background: #0d1116;}
.fa-home, .fa-bars{color: white;}
.sidebar-list li a { color: black !important;}
.premium #bo_v_title {
    font-size: 14px !important;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px !important;
    text-align: center!important;
}
.link-add {
    background: #0d1116;
    border: 1px solid #0d1116;
}
.link-add .link-site {
    line-height: 28px;
}
.f-xxs {
    font-size: 12px !important;
}
.link-add .link-btn {
    float: right;
    line-height: 28px;
    width: 32px;
    text-align: center;
    color: #fff;
}
.premium .link-info {
    line-height: 26px;
    border-left: 1px solid #e9e9e9;
    font-weight: bold;
}

#bo_gallery .chk-box {
    position: absolute;
	bottom:unset !important;
	right:unset !important;
    top: 5px;
    left: 10px;
    z-index: 2;
}
.b1e {
    border: 1px solid #eee;
}

#bo_v {color: white;}
.btn_b01:hover, .btn_b01:hover { color: #B857FB;}
.bg-light {
    background-color: #000000!important;
}

.na-table-head {
	color: white;
}
/* Login Box */
.basic-outlogin {
    background-color: #2c2f33; /* Dark background */
    color: #cccccc; /* Light text color */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Heading Style */
.basic-outlogin h3 {
    font-size: 20px;
    color: #f0f0f0; /* Lighter color for the heading */
    font-weight: 400;
    position: relative;
}

/* Blue line above and below the login title */
.basic-outlogin h3::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #3498db; /* Short blue line above */
}

.basic-outlogin h3::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #3498db; /* Long blue line below */
}

/* Input Fields */
.input-group-text {
    background-color: #51515c;
    border: none;
    color: #f0f0f0;
}

.form-control {
    background-color: #3b3e44;
    border: 1px solid #51515c;
    color: #f0f0f0;
}

.form-control::placeholder {
    color: #bbbbbb;
}

/* Login Button */
.btn-primary {
    background-color: #3498db;
    border-color: #3498db;
}

.btn-primary:hover {
    background-color: #2980b9;
    border-color: #2980b9;
}

/* Additional Links */
.basic-outlogin .float-left, 
.basic-outlogin .float-right {
    color: #cccccc;
}

.basic-outlogin .float-right a {
    color: #cccccc;
    text-decoration: none;
}

.basic-outlogin .float-right a:hover {
    color: #3498db;
}

/* Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #3498db;
}

.float-left {
    font-size:1.1rem !important;
    font-weight:700 !important;
}

#bo_list_total{color:white;}

/* 전체 아코디언 박스 스타일 */
.accordion-box {padding:10px; }
.accordion-box li .con {padding:10px;}
.accordion-box li .title {font-size:12px; letter-spacing:-1px; height:40px; line-height:40px; background-position:98% 18px;}
.accordion-box li .con p {font-size:12px;}
.accordion-box li .con p.sub {font-size:13px;}
.accordion-box .tit h2 {font-size:18px;}
.accordion-box .tit p {font-size:14px;}
.accordion-box li .title h2 {font-size:13px; line-height:40px;}
.accordion-box li .con dt {font-size:12px;}

.accordion-box {overflow:hidden; margin-top:20px;}
.accordion-box .tit { text-align: center; margin-bottom: 20px;}
.accordion-box .tit h2 { font-size: 24px;    margin-bottom: 10px; }
.accordion-box .tit p {color:#FFF; font-size:16px; margin:10px 0; text-align : left;}
.accordion-box ul {overflow:hidden;}
.accordion-box li {overflow:hidden; margin-bottom:8px;   background:#2c2f33;  border:1px solid #eee;}
.accordion-box li .title {padding:0 15px; height:48px;  line-height:48px;cursor:pointer; overflow:hidden;}
.accordion-box li .title .arrow {float:right; color:#666; vertical-align: middle; transition: transform 0.3s ease;}
.accordion-box li .title h2 {float:left;color:#cccccc; font-weight:1000;font-size:15px; line-height:48px; margin:0;  }
.accordion-box .list .title.active .arrow { transform: rotate(180deg);}
.accordion-box li .con { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 15px; background-color: #000; }
.accordion-box li .con.active {padding:25px; color:#666; border-top:1px solid #eee; max-height: 1000px; }
.accordion-box li .con.active p {line-height:25px; font-size:14px; color:#fff; background-color: #000 }
.accordion-box li .con p {line-height:25px; font-size:14px; color:#000 }
.accordion-box li .con a {color:#3279b7; font-weight:bold;}
.accordion-box li .con strong {color:#ff7916}
.accordion-box li .con dl {background:#f9f9f9; padding:15px; margin:10px 0; border-radius:6px; background-color: #000}
.accordion-box li .con dt {font-weight:normal; margin:2px 0; line-height:25px;  overflow:hidden; }
.accordion-box li .con dt h3 {font-size:14px; color:#DFFF00; display:inline; font-weight:1000}
.accordion-box li .con dt p {font-size:14px; color:#DFFF00; display:inline}