@charset "utf-8";
a {color: #fff;text-decoration: none;}
a:hover, a:focus, a:active {color: #36BF00;text-decoration: none;}
body {font-size: 15px !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;line-height: 1.8;margin: 0;padding: 0;background: #222222;color: #fff;min-width: 1440px}

.placeholdersjs { color:#aaa !important }
.wrapper {background: #222222;height: 100%;}
.min-vh-100 {min-height: 100vh!important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.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: #01a032 !important;border-color: #01a032 !important;}
#nt_sticky_wrap {padding: 0;border-bottom: 4px solid #db3232;background: #fff;}
/* FA아이콘 */
.fa.fa-md {font-size:1.2rem !important;filter: invert(1);}
i.empty { display:none; }
/* 일반 기본 폰트 */
.f-de {font-size:15px !important;}
/* 게시판 글제목 */
#bo_v_title {font-size: 26px !important;}
/* 게시판 글내용 */
#bo_v_con {font-size:18px !important;line-height:1.7;}
/* 주석 등 */
.f-xs {font-size:12px !important;}
/* 정보(조회, 날짜) 등 */
.f-sm {font-size:14px !important;}
/* 입력폼 */
.input-group-text {font-size:14px !important;}
/* 주메뉴, 텍스트 로고 등 */
.f-md {font-size:18px !important;line-height:1.5 !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;font-weight: 400 !important;padding-top:0.75rem;padding-bottom:0.75rem;}
/* 모바일 헤더(텍스트 로고) 등 */
.f-mo {font-size:18px !important;line-height:1.5 !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;font-weight: 400 !important;padding-top:0.75rem;padding-bottom:0.75rem;}
/* 일반 위젯 타이틀 등 */
.f-lg {font-size:16px !important;line-height:1.7 !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;margin-bottom:0.25rem !important;}
/* 특수 위젯 타이틀 등 */
.f-xl {font-size:20px !important;line-height:1.5 !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;margin-bottom:0.25rem !important;}
/* 분류탭 */
.sly-tab {font-size:14px !important;}
/* 목록 헤드 */
.list-head,.na-table-head > div {font-size:14px !important;color: #fff;}
/* 리스트형 스킨 목록 간격 */
.na-flex .py-2 {padding-top:0.60rem !important;padding-bottom:0.60rem !important;}
/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {top:5px !important;}
/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,.custom-switch .custom-control-label::after {margin-top:2px !important;}
/* 그리드 간격 */
.na-row {margin-left:-13px !important;margin-right:-13px !important;}
.na-col {padding-left:13px !important;padding-right:13px !important;}
.bg_gray_boxshadow_slope {position:relative;/* box-shadow:5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff; *//* -webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff; */-moz-box-shadow:5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff;background:#f7f8fa;overflow:hidden;border-radius:10px;margin-bottom:30px;}
.bg_gray_boxshadow_slope img {max-width:100%;}
#row-area-side .bg_gray_boxshadow_slope:last-child {margin-bottom:0 !important;}
.bg_gray_boxshadow_half {position:relative;box-shadow:5px 5px 8px rgb(50 60 70 / 10%);-webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 10%);-moz-box-shadow:5px 5px 8px rgb(50 60 70 / 10%);background: #2c2c2c;overflow:hidden;border-radius:10px;}
#row-area-side {-ms-flex:0 0 26.6%; flex:0 0 26.6%; max-width:26.6%;}
#row-area-content {-ms-flex:0 0 73.4%; flex:0 0 73.4%; max-width:73.4%;}
.bg_gray_boxshadow_slope {position:relative;/* box-shadow:5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff; *//* -webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff; */-moz-box-shadow:5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff;background: #222222;overflow:hidden;border-radius:10px;margin-bottom:30px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.bg_gray_boxshadow_slope img {max-width:100%;/*width: 100%;*/}
#nt_body {background: #222222;margin-top:30px;margin-bottom:30px;}
/* 버튼들 스타일 */

a.btn_cancel{display: block;float: left;padding: 10px 16px;border-radius: 3px;font-size: 18px;width: 49.5%;height: 50px !important;font-weight: bold;text-align: center;border: solid 1px #db3232;background: #db3232;color: #fff;}
a.btn_cancel:hover{color: #fff}
.btn_submit{display: block;float: left;padding: 10px 16px;border-radius: 3px;font-size: 18px;width: 49.5%;height: 50px !important;font-weight: bold;text-align: center;border: solid 1px #002333;background: #002333;color: #fff;}
.bo_vc_w_wr .btn_submit{display: block;float: left;padding: 10px 16px;border-radius: 3px;font-size: 18px;width: 100%;height: 50px !important;font-weight: bold;text-align: center;border: solid 1px #2c2c2c;background: #2c2c2c;}
.btn_config{padding: 4px;background: #B4BEC9;border: 0;border-radius: 5px;color: #fff;}

/* 테이블 */
.na-table {	table-layout:fixed;	border-collapse:collapse; }
.na-table .d-table-cell,
.na-table .d-sm-table-cell,
.na-table .d-md-table-cell,
.na-table .d-lg-table-cell,
.na-table .d-xl-table-cell,
.na-table td { vertical-align:middle; }
.na-table-head {border-top: 2px solid #01a032 !important;border-bottom: 1px solid #01a032 !important;}
.na-table-head > div { text-align:center; font-weight:bold;	padding-top:0.75rem; padding-bottom:0.75rem; }
/* 이미지 박스 */
.img-wrap { display:block; position:relative; height:0; overflow:hidden; padding-bottom:56.25%; }
.img-wrap .img-item { display:block; position:absolute; top:0; left:0; width:100%; height:100%;	overflow:hidden; }
.img-wrap .img-item img,
.img-wrap .img-item video { display:block; border:0; width:100%; height:auto;	margin:0 auto; }
/* 너비 사이즈 */
.na-row { margin-left:-0.75rem !important; margin-right:-0.75rem !important; }
.na-col { padding-left:0.75rem !important; padding-right:0.75rem !important; }
.nw-c1 { width:10.0rem; }
.nw-c2 { width:11.0rem; }
.nw-1 {	width:1.0rem; }
.nw-2 {	width:2.0rem; }
.nw-3 {width:3.0rem;color: #8b8b8b;}
.nw-4 {width:4.0rem;color: #8b8b8b;}
.nw-5 {width:5.0rem;color: #8b8b8b;}
.nw-6 {width:6.0rem;color: #8b8b8b;}
.nw-7 {	width:7.0rem; }
.nw-8 {	width:8.0rem; }
.nw-9 {	width:9.0rem; }
.nw-10 { width:10.0rem; }
.nw-11 { width:11.0rem; }
.nw-12 { width:12.0rem; }
.nw-13 { width:13.0rem; }
.nw-14 { width:14.0rem; }
.nw-15 { width:15.0rem; }
.nw-16 { width:16.0rem; }
.nw-17 { width:17.0rem; }
.nw-18 { width:18.0rem; }
.nw-19 { width:19.0rem; }
.nw-20 { width:20.0rem; }
/* 라운드 */
.na-r1 { border-radius: 0.25rem !important}
.na-r2 { border-radius: 0.5rem !important}
.na-r3 { border-radius: 0.75rem !important}
.na-r4 { border-radius: 1.0rem !important}
.na-r5 { border-radius: 1.25rem !important}

/* 상단 라운드 */
.na-rt1 { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
.na-rt2 { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; }
.na-rt3 { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; }
.na-rt4 { border-top-left-radius: 1.0rem !important; border-top-right-radius: 1.0rem !important; }
.na-rt5 { border-top-left-radius: 1.25rem !important; border-top-right-radius: 1.25rem !important; }

/* 하단 라운드 */
.na-rb1 { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
.na-rb2 { border-bottom-right-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; }
.na-rb3 { border-bottom-right-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; }
.na-rb4 { border-bottom-right-radius: 1.0rem !important; border-bottom-left-radius: 1.0rem !important; }
.na-rb5 { border-bottom-right-radius: 1.25rem !important; border-bottom-left-radius: 1.25rem !important; }
/* 말줄임 */
.ellipsis { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.na-clamp-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.6rem; -webkit-line-clamp: 1; height : 1.6rem; }
.na-clamp-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.6rem; -webkit-line-clamp: 2; height : 3.2rem; }
.na-clamp-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.6rem; -webkit-line-clamp: 3; height : 4.8rem; }


/****************■ LNB****************************************/
#nt_lnb {padding:10px 0;border-bottom: 1px solid rgba(255,255,255,0.1);background: #222222;}
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 13px; height:30px; line-height:30px; }
#nt_lnb ul > li.b_dot {*padding: 0 3px;}
#nt_lnb ul > li.b_dot::after { float: right; color:#333; content:"·"; margin-right:-16px; }
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; display:inline-block; height:30px;border-radius:5px; *padding:0 10px;}
#nt_lnb .dropdown-toggle::after { color:#ccc; }
#nt_lnb .m_info{padding: 0px 10px}

#nt_lnb ul > li img.icon_yellow_star {vertical-align:top; margin-top:6px; margin-right:3px;}
#nt_lnb ul > li img.icon_event {vertical-align:top; margin-top:2px; margin-right:2px;}
#nt_lnb ul > li > a.btn_event {font-weight:bold;}
#nt_lnb ul > li > a.btn_nt_lnb_01 {border: 2px solid #01a032;color: #fff;padding:0 10px;line-height:28px;font-weight:bold;/* background-color: #B4BEC9; */}
#nt_lnb ul > li > a.btn_register {margin-left:5px; font-weight:bold;line-height: 15px;}

#nt_lnb ul > li.header-search-wrap {padding:0;}
#nt_lnb ul > li.header-search-wrap .header-search {}
#nt_lnb ul > li.header-search-wrap .header-search input.form-control {width:210px;height:30px;border:0;border-radius:5px;background: #343434;font-size:13px;padding:7px 33px 7px 10px;}
#nt_lnb ul > li.header-search-wrap .header-search button[type=submit] {position:absolute; top:0; right:3px; width:30px; height:30px; font-size:12px; z-index:3;}
#nt_lnb ul > li.header-search-wrap .header-search button[type=submit] i {color:#626266 !important;}

/********************************************************/

/*헐크티비메뉴*/
.gnb_title {display: block;font-family: 'NEXON';font-weight: 500;font-size:1.25rem;color: #ffffff;transition: all 0.3s;}
.gnb_text {display: block;margin: -4.0625rem 0 0 0;font-family: 'NEXON';font-weight: 300;font-size: 0.825rem;color: #808080;transition: all 0.3s;}

/********************************************************/

/* 공통 */
#nt_menu {position:relative;z-index:20;background: #222222 !important;}
#nt_menu .header-logo {padding-left: 40px;}
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative; }
#nt_menu .sub-1dli {margin:0;}
#nt_menu .d-flex {align-items:center;}
#nt_menu .sub-slide { display:none; visibility:visible; width:100% !important; }
#nt_menu .me-sw {width:100% !important;}
#nt_menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#nt_menu .me-icon {	width:4.0rem; text-align:center; }
#nt_menu .me-icon-sidebar {padding-right:0 !important;}
#nt_menu .me-a {display:block;position:relative;text-align:center;font-weight: 100 !important;}
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
#nt_menu #me-list-pc {padding-left: 4em;}
#nt_menu #me-list-pc ul li {margin:0 3px;}
#nt_menu #me-list-pc ul li:last-child {margin-right:0;}
#nt_menu #me-list-pc > ul > li > a > span {height:90px; line-height:90px !important; padding:0;}
#nt_menu #me-list-pc > ul > li > a > span:hover {font-size: 20px !important;}
#nt_menu #me-list-pc .nt_menu_icon {position:absolute; top:18px; right:-6px;}
#nt_menu #me-list-pc .nt_menu_icon_hot {}
#nt_menu #me-list-pc .nt_menu_icon_new {}
#nt_menu #me-list-pc .nt_menu_icon_pointzone {top:24px; right:-7px;}
#nt_menu #me-list-pc .nt_menu_icon_pointzone_2 {top:unset; right:unset; bottom:0; left:0;}
#nt_menu #me-list-pc .nt_menu_text_underline {position:absolute; bottom:0; left:0; width:100%; height:1px; background:#999;}
#nt_menu #btn_sidebar_pc {position:relative;margin-top:-2px;width:40px;height:40px;line-height:42px !important;border-radius:50%;/* box-shadow:4px 4px 10px #e3e3e3; *//* -webkit-box-shadow:4px 4px 10px #e3e3e3; */-moz-box-shadow:4px 4px 10px #e3e3e3;border: 1px solid #2c2c2c;background: #2c2c2c;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
#nt_menu #btn_sidebar_pc i {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color: #fff;}
.wg_content_wrap {display:none;}
.wg_content_wrap.active {display:block;}

/* 라인 */
.na-list li { line-height:2.0; }
.na-list .na-line { border-bottom:1px solid #efefef; }
.is-pc .na-list .na-line { padding-bottom:0.15rem; margin-bottom:0.15rem; }
.is-mobile .na-list .na-line {	padding-bottom:0.20rem;	margin-bottom:0.25rem; }

/********************************************************
■ 모바일 상단 주메뉴
********************************************************/
#header_mo_search {margin-top: 9px;font-size: 22px;line-height: 1;}
#nt_menu_mobile .d-block.on { color:#fff; background:rgba(0,0,0,0.2); }
#nt_menu_mobile .gra { content: " "; position: absolute; z-index:1; top:0; width:1.25rem; height:100%; }
#nt_menu_mobile .gra-left-primary { left:0; }
#nt_menu_mobile .gra-right-primary { right:0; }
#nt_menu_mobile .gra-left-white { left:0; background: linear-gradient(to left, rgba(0,0,0,0) 0, #fff 60%); }
#nt_menu_mobile .gra-right-white { right:0; background: linear-gradient(to right, rgba(0,0,0,0) 0, #fff 60%); }
#nt_menu_mobile #mobile_sub ul li a {position:relative;}
#nt_menu_mobile #mobile_sub ul li.active a:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#db3232;}


/* 일반형 */
.nt-menu .sub-1div {position:absolute;left:50%;margin-left:0 !important;transform:translateX(-50%);z-index:21;width:auto;text-align:left;border-radius: 5px;top:100%;border-top: 4px solid #01a032;background: #01a032;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
/* .nt-menu .sub-1div::before { left: 50%; margin-left:-8px; } */
.nt-menu .sub-1div-triangle {display:none;content:'';position:absolute;bottom:0; *top:-24px;left:50%;transform:translateX(-50%);width:0;height:0;border-bottom: 10px solid #01a032;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;}
.nt-menu .sub-1da { display:block; color:#fff; *border-bottom: 1px solid #eee; }
.nt-menu .sub-1da:hover {background:}
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli {margin:0.3rem 0.5rem !important;}
.nt-menu .sub-1dli .sub-1da {padding:0.29rem;font-size: 15px !important;text-align: center;}
.nt-menu .sub-1dli.on .sub-1da { background:#db5454; color:#fff !important; font-weight:bold; border-color: #eee;}
.nt-menu .sub-1dli:hover .sub-1da { color:#fff !important; *font-weight:bold; border-color: #eee; }
.nt-menu .sub-1dli:hover .sub-1da:hover {background:#008128; border-radius: 10px;}
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } 

/* 풀다운형 */
.nt-menu-full .me-list { position:relative; width:100%; }
.nt-menu-full .me-ul { position:absolute; top:0; left:0; z-index:20; width:100%; background:rgba(255,255,255); }
.nt-menu-full .me-li { margin-right:-1px; }
.nt-menu-full .nav-full { box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
.nt-menu-full .sub-full { display:none; visibility:visible; }
.nt-menu-full .sub-1div { text-align:left; padding:1.0rem 0; border:1px solid #eee; border-top:0; }
.nt-menu-full .me-li:hover .sub-1div { background: rgb(253,253,253); }
.nt-menu-full .sub-1da { color:#000; }
.nt-menu-full .sub-1line { position:relative; display:block; background:#f5f5f5; font-weight:bold; }
.nt-menu-full .sub-1dli.on .sub-1da,
.nt-menu-full .sub-1dli:hover .sub-1da { color:orangered; font-weight:bold; }
.nt-menu-full .sub-1div .me-sh { display:block; padding:0.25rem 1.25rem; }
.nt-menu-full .sub-2div .me-sh { padding:0.59rem 1.0rem; } 

/* 메뉴 상단 고정 */
#nt_sticky_wrap {padding:0;border-bottom: 3px solid #01a032;background:#fff;}
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:900; left:0; top:0; }

.f-sm {font-size: 14px !important;}
.font-weight-normal {font-weight: 400!important;}
.nt-container {max-width: 1200px;}
.nt-container, .nt-container-wide {margin: 0 auto;}

/* 모바일 전체메뉴 */
#nt_sidebar_m {position:fixed;top:0;right:-380px;width:360px;height:100%;padding-bottom:20px;overflow-y:auto;background: #222222;z-index:1000;/* box-shadow:0 0 5px 5px rgba(50, 60, 70, 0.15); *//*-webkit-box-shadow:0 0 5px 5px rgba(50, 60, 70, 0.15);-moz-box-shadow:0 0 5px 5px rgba(50, 60, 70, 0.15);*/box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);padding: 10px;}
.nt_sidebar_m_header {position:relative;font-size:21px;font-weight:bold;background: #222222;color: #36bf00;border-bottom: 3px solid #01a032;padding: 0 10px;}
#nt_sidebar_m .nt_sidebar_m_body .nt_sidebar_m_item {display:none;}
.icon_sidebar_m_x {position:absolute; top:50%; right:15px; width:12px; transform:translateY(-50%); cursor:pointer;}
.icon_sidebar_m_x img {max-width:100%;}
.nt_sidebar_m_notice {padding:9px 15px; background:#db3232; font-size:0;}
.nt_sidebar_m_notice span.icon {display:inline-block; padding:0 5px; background:#b32929; color:#fff; font-weight:bold; border-radius:5px; text-align:center; vertical-align:middle; font-size:13px;}
.nt_sidebar_m_notice span.subject a {position:relative; display:inline-block; width:calc(100% - 50px); padding-left:8px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle; color:#fff; font-size:14px;}
.nt_sidebar_m_notice span.subject a i {position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:12px;}
.nt_sidebar_m_top_menu {padding:10px 0;}
.nt_sidebar_m_top_menu_c {}
.nt_sidebar_m_top_menu_c ul {font-size:0;}
.nt_sidebar_m_top_menu_c ul:after {content:''; display:block; visibility:hidden; clear:both;}
.nt_sidebar_m_top_menu_c ul li {display:inline-block; width:25%; text-align:center;}
.nt_sidebar_m_top_menu_c ul li a {position:relative; display:block; padding:0 15px; text-align:center;}
.nt_sidebar_m_top_menu_c ul li a .bg_circle {padding-top:100%; background:#fff; border-radius:50%; box-shadow:2px 2px 4px 1px #e9e9e9; -webkit-box-shadow:2px 2px 4px 1px #e9e9e9; -moz-box-shadow:2px 2px 4px 1px #e9e9e9;}
.nt_sidebar_m_top_menu_c ul li a .img {position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%);}
.nt_sidebar_m_top_menu_c ul li a .img img {max-width:35%; vertical-align:middle;}
.nt_sidebar_m_top_menu_c ul li a .mb_memo_cnt {position:absolute; font-size:10px; font-weight:bold; text-align:center; top:50%; left:58%; line-height:1; min-width:10px; padding:3px 4px 2px; background:#db3232; color:#fff; border-radius:8px; box-shadow:0px 4px 6px -2px #727272; -webkit-box-shadow:0px 4px 6px -2px #727272; -moz-box-shadow:0px 4px 6px -2px #727272; white-space:nowrap; vertical-align:baseline;}
.nt_sidebar_m_top_menu_c ul li .text {font-size:13px;color: #fff;font-weight:bold;margin-top:8px;}

.nt_sidebar_m_top_menu_a {padding:15px 9px 0; text-align:center; line-height:1;}
.nt_sidebar_m_top_menu_a .btn_toggle {margin:0 6px; background:#e3e4e6; border-radius:5px; text-align:center; font-size:12px; padding:5px 0; cursor:pointer;}
.nt_sidebar_m_top_menu_a .btn_toggle span i {padding-left:5px; font-size:11px;}
.nt_sidebar_m_top_menu_a ul {display:inline-block;}
.nt_sidebar_m_top_menu_a ul:after {content:''; display:block; visibility:hidden; clear:both;}
.nt_sidebar_m_top_menu_a ul li {float:left; padding:10px 5px 0; font-size:12px;}

#nt_sidebar_m_top_menu_c {/* padding:0 10px; */}
#nt_sidebar_m_top_menu_c:after {display:block; content:''; visibility:hidden; clear:both;}
#nt_sidebar_m_top_menu_c > div {display:flex; align-items:center; float:left; width:calc((100% - 10px) / 3); margin-left:5px; text-align:center; height:50px; cursor:pointer; border-radius:6px;}
#nt_sidebar_m_top_menu_c > div:first-child {margin-left:0;}
#nt_sidebar_m_top_menu_c .nt_sidebar_m_top_menu_c_div {width:100%; margin-top:3px;}
#nt_sidebar_m_top_menu_c .nt_sidebar_m_top_menu_c_title {position:relative; font-size:14px; font-weight:bold; letter-spacing:-0.08rem;}
#nt_sidebar_m_top_menu_c .nt_sidebar_m_top_menu_c_title img {*position:absolute; width:30px;}

.nt_sidebar_m_banner {padding:0 10px 10px;}
.nt_sidebar_m_banner img {max-width:100%;}

.nt_sidebar_m_menu ul {width:100%; border-collapse:collapse;}
.nt_sidebar_m_menu ul li {background: #222222;border-right: 1px solid #222;}
.nt_sidebar_m_menu_depth_1 {font-size:15px;/* font-weight:bold; */padding:4px 15px;background-image:url('../../img/nt_sidebar_m_menu_depth_1_bg.png');background-size:1px 100%;/* border-top: 1px solid #2c2b53; */margin-top:-1px;background: #222222;}
.nt_sidebar_m_menu_depth_2_list:after {content:''; display:block; visibility:hidden; clear:both;}

.nt_sidebar_m_menu_depth_2_list li {float:left;border-bottom: 1px solid #222;}

.nt_sidebar_m_menu_depth_2_list.divide_2 li {width:50%;}
.nt_sidebar_m_menu_depth_2_list.divide_2 li:nth-child(2n) {border-right:0;}

.nt_sidebar_m_menu_depth_2_list.divide_3 li {width:calc(100% / 3);}
.nt_sidebar_m_menu_depth_2_list.divide_3 li:nth-child(3n) {border-right:0;}

.nt_sidebar_m_menu_depth_2_list li a {display:block;font-size:13px;padding:7px 0;border-radius: 10px;text-align: center;background: #2c2c2c;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);width: 100%;height: 44px;line-height: 44px;padding: 0 10px;}

.nt_sidebar_m_telegram {padding-top:15px; text-align:center; font-size:13px; font-weight:bold; color:#039be5;}
.nt_sidebar_m_telegram span img {width:19px; vertical-align:top; margin-top:1px;}

/* 모바일 내정보 */
#nt_sidebar_m_mypage {}
.nt_sidebar_m_member {padding:18px 15px 20px; font-size:13px;}
.nt_sidebar_m_member .hide-photo .sv_wrap {font-weight:bold; font-size:15px;}
.nt_sidebar_m_member .hide-photo .xp-icon img {width:16px !important; vertical-align:top; margin-top:5px;}
.nt_sidebar_m_member .hide-photo .nt_sidebar_m_noti_cnt {position:relative; margin-left:10px; cursor:pointer;}
.nt_sidebar_m_member .hide-photo .nt_sidebar_m_noti_cnt img {width:35px;}
.nt_sidebar_m_member .hide-photo .nt_sidebar_m_noti_cnt span {position:absolute; font-size:10px; font-weight:bold; text-align:center; top:0px; left:16px; line-height:1; min-width:10px; padding:3px 4px 2px; background:#db3232; color:#fff; border-radius:8px; box-shadow:0px 4px 6px -2px #727272; -webkit-box-shadow:0px 4px 6px -2px #727272; -moz-box-shadow:0px 4px 6px -2px #727272; white-space:nowrap; vertical-align:baseline;}
.nt_sidebar_m_member .mb_level {padding-left:1px;}
.nt_sidebar_m_member .mb_level img {width:11px; margin-right:3px;}
.nt_sidebar_m_member .mb_exp {line-height:1;}
.nt_sidebar_m_member .mb_exp .div-progress {border-radius:50px; color: #929292; background:#fff; box-shadow:0px 1px 3px #00000024; overflow:hidden;}
.nt_sidebar_m_member .mb_exp .div-progress .progress-bar {background:#e4241e; height:20px; line-height:20px; font-size:11px; border-radius:50px;}
.nt_sidebar_m_member .mb_point b {font-family:'Montserrat','Noto Sans KR',sans-serif; letter-spacing:-0.05rem;}
.nt_sidebar_m_member .mb_point .btn_point {display:inline-block; vertical-align:top; background:#db3232; color:#fff; border-radius:5px; font-size:11px; padding:5px 8px; margin-left:5px; line-height:1;}
.nt_sidebar_m_member .mb_signature {border-radius:50px; color: #929292; background:#fff; box-shadow:0px 1px 3px #00000024; padding:1px 10px 0; overflow:hidden;}
.nt_sidebar_m_date {background: #222;}
.nt_sidebar_m_date > div {padding:4px 15px; font-size:14px; border-bottom:1px solid #f5f5f5;}
.nt_sidebar_m_date > div:last-child {border-bottom:0;}
#nt_sidebar_m_mypage .nt_sidebar_m_banner {padding-top:10px;}

/* 모바일 알림 */
#nt_sidebar_m_noti .sidebar-list-m h5 {padding:0.55rem 1.0rem;margin:0;font-weight:bold !important;border-top:1px solid #dee2e6;margin-top:-1px;color: #6c757d;}
#nt_sidebar_m_noti .sidebar-list-m ul.off { display:none; }
#nt_sidebar_m_noti .sidebar-list-m li { position:relative; }
#nt_sidebar_m_noti .sidebar-list-m li a {display:block;padding:0.45rem 1.0rem;border-bottom:1px solid #eee;overflow:hidden;font-size:13px;color: #6c757d;}
#nt_sidebar_m_noti .sidebar-list-m li .me-a { padding-right:2.5rem; }
#nt_sidebar_m_noti .sidebar-list-m .tree-toggle { position:absolute; z-index:1; top:0rem; right:0; width:2.5rem; padding:0.75rem 0; margin-top:0.15rem;	text-align:center; cursor:pointer; color:#aaa; }

#nt_sidebar_m_noti .sidebar-list-m .me-ul { background:#fff; }
#nt_sidebar_m_noti .sidebar-list-m .me-ul1 { background:#fafafa; }
#nt_sidebar_m_noti .sidebar-list-m .me-ul2 { }
#nt_sidebar_m_noti .sidebar-list-m .me-li1 .me-a1,
#nt_sidebar_m_noti .sidebar-list-m .me-li2 .me-a2 { padding-left:2.0rem; }
#nt_sidebar_m_noti .sidebar-list-m .me-li.active .me-a,
#nt_sidebar_m_noti .sidebar-list-m .me-li1.active .me-a1,
#nt_sidebar_m_noti .sidebar-list-m .me-li2.active .me-a2 { font-weight:bold; }
#nt_sidebar_m_noti .sidebar-list-m .me-line1 .me-a1 { background:#eee; font-weight:bold; }
#nt_sidebar_m_noti .sidebar-list-m .me-line2 .me-a2 { background:#eee; font-weight:bold; }

/* Go to Top */
#nt_sidebar_move { display:none; position: fixed; width: 40px; bottom: 20px; right: 25px; z-index: 2; }
#nt_sidebar_move span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
#nt_sidebar_move .sidebar-move-bottom { display:none; }
/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container { position:relative; overflow:visible !important; }
#nt_wing img { max-width:100%; }
#nt_wing .wing-left,
#nt_wing .wing-right { position:absolute; width:160px; }
#nt_wing .wing-left { left:-180px; }
#nt_wing .wing-right { right:-180px; }
.boxed-b #nt_wing .wing-left { left:-200px; }
.boxed-b #nt_wing .wing-right { right:-200px; }

.nt-container {max-width: 1200px;}

/* Flex 제목 */
.na-title { display: block; position: relative; width: 100%; padding:0; }
.na-title .na-item { display: flex; align-items: center; }
.na-title .na-subject { display: inline-block; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.na-title .na-info { position: relative; top: -1px; text-align: right; margin: 0 0 0 5px; }
.na-title .na-hicon { position: relative; top: 4px; float: left; width: 12px; min-width: 12px; height: 12px; line-height: 12px; display:inline-block; background-repeat: no-repeat; background-position: left top; font-size: 1px; padding: 0; margin: 0 5px 0 0; }
.na-title .na-ticon { position: relative; width: 12px; min-width: 12px;	height: 12px; line-height: 12px; display:inline-block; background-repeat: no-repeat; background-position: left top; font-size: 1px; padding: 0; margin: 0 0 0 5px; }

/* 아이콘 */
.na-new { background-image: url('../img/icon_new.gif'); }
.na-secret { background-image: url('../img/icon_secret.gif'); }
.na-hot { background-image: url('img/icon_hot.gif'); }
.na-video { background-image: url('../img/icon_video.gif'); }
.na-image { background-image: url('../img/icon_image.gif'); }
.na-file { background-image: url('../img/icon_file.gif'); }
.na-link { background-image: url('../img/icon_link.gif'); }
.na-reply { background-image: url('img/icon_reply.gif'); }
.na-notice { display: inline-block; padding: 0; margin: 0; color:#fff; vertical-align: middle; background-repeat: no-repeat; background-position: left top; width: 37px; min-width: 37px; height: 19px; line-height: 19px; font-size: 1px; background-image: url('img/icon_notice.png'); }
.na-icon { position:relative; top:-1px; display:inline-block; padding:0; margin:0; color:#fff; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; width:12px;	height:12px; }
.na-icon.fa-fw { background-position: center top; }
.na-text { font-family: dotum; font-size: 11px; letter-spacing: -1px; line-height: 11px; font-weight: normal; }
.na-light { color:#ccc }

/* 댓글 추천 비추천 아이콘 */
.na-cgood, 
.na-cnogood { display:inline-block; width:60px; height:20px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.na-cgood { background: url('../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.na-cnogood { background: url('../img/cmt_nogood.gif') no-repeat left center; color:#888; }

/* SLY 분류탭 */
.sly-tab { border:0; overflow:hidden; }
.sly-tab .d-flex { border-left:1px solid #e5e5e5; }
.sly-tab li a {	display:block; text-align:center; border:1px solid #e5e5e5;	border-left:0; color:#fff; background:#fafafa; }
.sly-tab li.active a { font-weight:bold; background:#fff; border-bottom:1px solid #fff; }
.sly-tab .sly-btn {	display:none; text-align:center; border:1px solid #e5e5e5; color:#333; background:#fff; }
.sly-tab .sly-btn:hover { background:#fafafa; }
.sly-tab .sly-btn.sly-next { border-left:0; }
.sly-tab hr { display:block; border-top:1px solid #e5e5e5; height:1px; margin:0; margin-top:-1px; padding:0; }

/* 드랍다운 */
.dropdown-toggle-empty::after { display: none !important; margin: 0 !important; content: "" !important; border: 0 !important; }



/********************************************************
■ Footer 
********************************************************/
#nt_footer {background: #000000;padding:30px 0;}
#nt_footer .nt-links ul { list-style: none; margin: 0; padding:0; }
#nt_footer .nt-links ul > li { float: left; padding: 0 13px; }
#nt_footer ul > li:first-child { padding-left:0; }
#nt_footer ul > li:last-child { padding-right:0; }
#nt_footer .nt-links ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_footer .nt-links ul > li:last-child::after { content: ""; }
#nt_footer .nt-links ul > li > a { color: #333; white-space:nowrap;	}


#ft_center_1 {color:#bfbfbf; font-size:13px;}
#ft_center_1 > div {margin-bottom:3px;}
#ft_center_2 {color:#fff; font-size:20px; font-weight:bold;}
#ft_center_2 > div {margin-bottom:17px;}
#ft_center_2 > div:last-child {margin-bottom:0;}
#ft_center_2 > div span:last-child {margin-left:5px;}
#ft_copyright {*text-align:center; font-size:12px; color:#999; margin-top:30px;}
#ft_btn .btn_ft {position:relative; display:block; height:30px; line-height:30px; margin-bottom:10px; font-weight:bold; text-align:center; border-radius:5px; transition:background .15s;}
#ft_btn .btn_ft:last-child {margin-bottom:0;}
#ft_btn .btn_ft i {position:absolute; top:50%; transform:translateY(-50%); left:10px;}
#ft_btn #btn_ft_cscenter {background: #01a032;color:#fff;}
#ft_btn #btn_ft_cscenter:hover {background:#046723;}
#ft_btn #btn_ft_device_change {background:#333; color:#ccc;}
#ft_btn #btn_ft_device_change:hover {background:#2a2a2a;}
#ft_btn #btn_ft_cscenter i {}
#ft_btn #btn_ft_device_change i {color:#e33030;}

/********************************************************
■ 모바일 하단바
********************************************************/
#nt_bottom_nav_m {display:none; position:fixed; bottom:0; left:0; width:100%; background:#fff; z-index:1040; border-radius:25px 25px 0 0; box-shadow:0px -4px 12px rgb(50 60 70 / 15%); -webkit-box-shadow:0px -4px 12px rgb(50 60 70 / 15%); -moz-box-shadow:0px -4px 12px rgb(50 60 70 / 15%); padding:0 15px;}
#nt_bottom_nav_m ul li {position:relative; float:left; width:calc((100% - 90px) / 4); height:42px; text-align:center; font-size:12px; padding-top:3px; cursor:pointer;}
#nt_bottom_nav_m ul li:nth-child(3) {width:90px;}
#nt_bottom_nav_m ul li:nth-child(3) img {position:absolute; bottom:0; left:0;}
#nt_bottom_nav_m ul li a {}
#nt_bottom_nav_m ul li img {max-width:100%;}
#nt_bottom_nav_m ul li div {font-size:11px; color:#333;}

/********************************************************
■ Bootstrap 4 : 부트스트랩 기본 속성
********************************************************/
/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after { top:0.15rem !important; width:1.4rem !important; height:1.4rem !important; }

/* 체크박스, 라디오버튼과 글자간 간격 */
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span { cursor: pointer; padding-left:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }

/* Form */
.col-form-label { font-weight:bold; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color: #333; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius: 0.3rem !important; }

/* 사각 스타일 */
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item { border-radius:0 !important; }

/* 사이드 아웃로그인 */
.widget_outlogin_wrap {padding:35px 20px 30px;border-radius:5px 5px 10px 10px;background: radial-gradient(ellipse at left top, #01a032 0%, #2c2c2c 70%);padding: 25px 25px 25px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.widget_outlogin_wrap:after {content:'';position:absolute;top:0;left:0;width:100%;height:4px;/* background: #01a032; */}
.widget_outlogin_wrap .form-control {height:calc(1.5em + 1.2rem + 2px); padding:0.6rem 0.75rem; border-radius:8px !important;}
.widget_outlogin_wrap #outlogin_mb_id,
.widget_outlogin_wrap #outlogin_mb_password {padding-left:40px;background: #222222;border: 1px solid #222222;color: #fff;}
.widget_outlogin_wrap #outlogin_mb_id::-webkit-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::-webkit-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_id::-ms-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::-ms-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_id::placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #btn_login {font-weight:bold; border-radius:8px; padding-top:9px; padding-bottom:7px;}
.widget_outlogin_wrap .custom-switch {padding-left:48px;}
.widget_outlogin_wrap .custom-switch .custom-control-label::before {background-color: #01a032;border:0;width:40px;height:22px;border-radius:22px !important;left:-48px;margin-top:-2px !important;}
.widget_outlogin_wrap .custom-switch .custom-control-label::after {background-color:#fff; width:16px !important; height:16px !important; border-radius:50% !important; top:6px !important; left:-27px !important; margin-top:-2px !important; transition:left .15s;}
.custom-switch .custom-control-input:checked~.custom-control-label::after {left:-45px !important; transform:unset !important; transition:left .15s;}
.widget_outlogin_wrap .custom-switch .custom-control-label span {display:inline-block;vertical-align:middle !important;font-size:12px;color: #fff;margin-top:1px;}
.widget_outlogin_wrap .na-dot {display:inline-block; vertical-align:middle !important; margin:0 2px;}
.widget_outlogin_wrap .icon_user {position:absolute; top:50%; transform:translateY(-50%); left:18px; background:url('img/icon_user.png') no-repeat; width:13px; height:15px; z-index:3;}
.widget_outlogin_wrap .icon_password {position:absolute; top:50%; transform:translateY(-50%); left:18px; background:url('img/icon_password.png') no-repeat; width:14px; height:19px; z-index:3;}

/*공지사항*/
#na_noti {padding:15px 20px;background-color: #2c2c2c;}
#na_noti .swiper {padding-left:60px; padding-right:10px;}
#na_noti .swiper-wrapper {height:22px; line-height:22px;}
#na_noti .swiper-button-prev {display:inline-block;width:9px;height:5px;top:3px;left:unset;right:0;color: #fff;margin:0; *overflow:hidden;}
#na_noti .swiper-button-next {display:inline-block;width:9px;height:5px;top:12px;left:unset;right:0;color: #fff;margin:0; *overflow:hidden;}  
#na_noti .swiper-button-prev:after,
#na_noti .swiper-button-next:after {content:'';}
#na_noti .swiper-button-prev i,
#na_noti .swiper-button-next i {position:absolute; top:0; left:0; width:9px; height:5px; line-height:5px;}
#na_noti a.na-subject {display:inline-block; max-width:80%; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#na_noti .icon_notice {position:absolute;top:15px;left:20px;display:inline-block;padding-left:6px;padding-right:8px;height:22px;line-height:22px;background: #01a032;color:#fff;font-weight:bold;border-radius:5px;vertical-align:middle !important;}
#na_noti .na-info {display:inline-block; vertical-align:top;}

/* 이벤트 */
.wg_head_event {background: #B4BEC9;color:#fff;font-weight:bold;text-align:center;padding:10px 0;}
.wg_head_event_icon {margin-right:8px;}
.wg_head_event_icon img {display:inline-block; vertical-align:top;}
.wg_head_event_em {color: #338167;}

/* 새 글, 새 댓글 */
.wg_head_tabs {display:flex; position:relative; border-bottom:1px solid #eaebed; align-items:center;}
.wg_head_tab {position:relative; flex-grow:1; padding:10px 0; text-align:center; cursor:pointer; font-size:17px; font-weight:bold;}
.wg_head_tab.active {color:#db3232;}
.wg_head_tab.active:after {content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:100%;height:4px;/* background:#db3232; */max-width:90px;}
#wg_latest_wr_n_cmt .wg_head_tab.active:after {max-width:70px;}

/********************************************************
■ 게시판 내부 수정
********************************************************/
#bo_v .bo_v_btn_wrap .btn_b01 {background: #161616;border-radius:5px;border: 1px solid #161616;color: #fff;line-height:1.2;padding:7px 10px 5px !important;}
#bo_v .bo_v_btn_wrap .btn_b01 i, #bo_v .btn_b01 i {vertical-align:middle; margin-top:-1px;}
#bo_v .bo_v_btn_wrap .btn_b01:hover {background:#01a032}
#bo_v .bo_v_btn_wrap .btn_shingo {border:1px solid #e82432; color:#e82432;}
#bo_v .bo_v_btn_wrap .btn_shingo img {margin-top:-1px;}
#bo_v .bo_v_btn_wrap .btn_shingo:hover {background:#01a032;}
#bo_v .bo_v_btn_wrap .btn-primary {line-height:1.2; padding:7px 10px 5px !important; border-radius:5px;}
#bo_v .bo_v_btn_wrap .btn-group-vertical .btn-primary {border-radius:0;}

#bo_v_btn_group #btn_bo_good {background: #01a032;color:#fff !important;border: 1px solid #01a032;border-right:0 !important;border-radius:10px 0 0 10px;font-size:1rem;width:130px;padding:10px 45px 10px 10px;text-align:right;}
#bo_v_btn_group #btn_bo_good:hover {background: #338167;}
#bo_v_btn_group #btn_bo_good img {position:absolute;top:50%;right: 0;transform:translateY(-50%);}
#bo_v_btn_group #btn_bo_good #wr_good {font-weight:normal; position:absolute; left:10px; width:44px; text-align:center;}
#bo_v_btn_group #btn_bo_nogood {border-radius:0 10px 10px 0; font-size:1rem; width:130px; padding:10px 10px 10px 36px; text-align:left; color:#000 !important; border-left:0 !important; margin-left:0;background: #fff;}
#bo_v_btn_group #btn_bo_nogood img {position:absolute; top:50%; left:50%; transform:translateY(-50%);}
#bo_v_btn_group #btn_bo_nogood #wr_nogood {font-weight:normal; position:absolute; right:10px; width:44px; text-align:center;}

#bo_vc .cmt-btn {margin-bottom:5px;}
#bo_vc .cmt-btn ul > li::before {content:'';}
#bo_vc .cmt-btn ul > li {padding:0 2px;}
#bo_vc .cmt-btn ul > li > a {background:#fff; border-radius:5px; border:1px solid #999; color:#333; padding:2px 8px 0; transition:background .15s;}
#bo_vc .cmt-btn ul > li > a:hover {background:#f5f5f5;}
#bo_vc .cmt-btn ul > li > a.btn_cmt_shingo {border:1px solid #e82432; color:#e82432;}
#bo_vc .cmt-btn ul > li > a.btn_cmt_shingo:hover {background:#fff2f2;}
#bo_vc .cmt-btn ul > li > a.btn_cmt_shingo img {width:10px; margin-right:3px; margin-top:-2px;}
#bo_vc .cmt-btn ul > li > a.na-cgood,
#bo_vc .cmt-btn ul > li > a.na-cnogood {width:auto; height:auto; margin:0; line-height:inherit; font:inherit; text-align:center; padding:2px 10px 0; color:#333; border:1px solid #ccc;}
#bo_vc .cmt-btn ul > li > a.na-cgood {}
#bo_vc .cmt-btn ul > li > a.na-cnogood {margin-left:4px;}
#bo_vc .cmt-btn ul > li > a.na-cgood .fa {color:#db3232; margin-right:5px;}
#bo_vc .cmt-btn ul > li > a.na-cnogood .fa {color:#555; margin-right:5px;}
#bo_vc .cmt-box {border:1px solid #dee2e6 !important;}
#bo_vc .cmt-box .custom-checkbox .custom-control-label:before,
#bo_vc .cmt-box .custom-checkbox .custom-control-label:after,
#bo_vc_w .cmt-box .custom-checkbox .custom-control-label:before,
#bo_vc_w .cmt-box .custom-checkbox .custom-control-label:after {top:2px !important;}

.dark_red{background: darkred !important;}
li.list-item {background-color: #222222 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;}
.bg-light {background-color: #222 !important;}