@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/ionicons/css/ionicons.min.css');
@import url('../../../nariya/css/g5.css');
@import url('../../../nariya/css/mask.css');
@import url('../../../nariya/css/unicons/css/unicons.css');
@import url('./custom.css');

/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0; background:#0f0e1a; color:rgba(210,208,255,.88); }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }

.list-group-item {background:#fff;}

.bg-primary-custom {background:#c41411;}

.is-mobile .f-md {font-size:18px !important;}

.bg_gray_boxshadow_slope {position:relative; border-radius:10px; margin-bottom:20px;}
#right-area-side-box .bg_gray_boxshadow_slope:last-child {margin-bottom:0;}

.bg_gray_boxshadow_half {position:relative; box-shadow:5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow:5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow:5px 5px 8px rgb(197 192 249 / 20%); background:#fff; overflow:hidden; border-radius:10px;}

#right-area-side-box {-ms-flex:0 0 26.6%; flex:0 0 26.6%; max-width:26.6%;}
#left-area-content {-ms-flex:0 0 73.4%; flex:0 0 73.4%; max-width:73.4%;}
#row-area-content {-ms-flex: 0 0 73.4%; flex: 0 0 73.4%;max-width: 73.4%;}
#row-area-side {-ms-flex: 0 0 26.6%; flex: 0 0 26.6%; max-width: 26.6%;}
.na-col-custom { padding-left:0.75rem !important; padding-right:0.75rem !important; }
@media (max-width:576px) {
	.na-col-custom { padding-left:25px !important; padding-right:25px !important; }
	.na-col-custom-2 { margin-left:15px !important; margin-right:15px !important; }
}
@media (max-width:768px) {
	#right-area-side-box,#row-area-side,#row-area-content,
	#left-area-content {-ms-flex:unset; flex:unset; max-width:unset;}
}

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#0f0e1a; height:100%; }
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1199px) {
	.no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
	.no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/********************************************************
■ Loader : 페이지 로딩바
********************************************************/
#nt_loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 10000; }
#nt_loader .loader { margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }

/********************************************************
■ LNB
********************************************************/
#nt_lnb { padding:10px 0; border-bottom:1px solid rgba(97,93,250,.20); background:#141323; }
#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 ul > li img.icon_yellow_star {vertical-align:top; margin-top:7px; margin-right:3px;}
#nt_lnb ul > li img.icon_event {vertical-align:top; margin-top:6px; 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 #5f68fa;color:#5f68fa; padding:0 10px; line-height:26px; font-size: 12px; font-weight:bold;}
/* #nt_lnb ul > li > a.btn_nt_lnb_02 {background:#db3232; color:#fff; padding:0 10px; line-height:30px; font-weight:bold;} */
#nt_lnb ul > li > a.btn_register {margin-left:5px; font-size: 12px; font-weight:bold;}

#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:rgba(255, 255, 255, 0.05); font-size:13px; padding:7px 33px 7px 10px;}
#nt_lnb ul > li.header-search-wrap .header-search button[type=submit] {position:absolute; top:-4px; right:5px; width:30px; height:30px; font-size:12px; z-index:3;}
#nt_lnb ul > li.header-search-wrap .header-search button[type=submit] i {color:#fff !important;}

/********************************************************
■ PC 헤더(Header)
********************************************************/
#header_pc .nt-container {}
#header_pc .header-logo img { max-width:100%; }
#header_pc .header-search { width:100%;	max-width:400px; }
#header_pc .header-search form { padding:0; border-width:2px; border-style:solid; width:100%; }
#header_pc .header-search input { font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
#header_pc .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#header_pc .header-search .btn { border:0; background: none !important; outline:none; }
#header_pc #btn_sidebar_pc {position:relative; margin-top:-2px; width:40px; height:40px; line-height:42px !important; border-radius:50%; box-shadow:4px 4px 10px rgb(197 192 249 / 20%); -webkit-box-shadow:4px 4px 10px rgb(197 192 249 / 20%); -moz-box-shadow:4px 4px 10px rgb(197 192 249 / 20%);}
#header_pc #btn_sidebar_pc i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:rgb(78,74,200);}
#header_pc .me-a {
    display: block;
    position: relative;
    text-align: center;
    font-weight: bold !important;
}
/* .me-sticky #header_pc .nt-container {padding:0 !important;} */

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { background:#141323; border-bottom:1px solid rgba(97,93,250,.18); box-shadow:0 4px 20px rgba(0,0,0,.45); }
#header_mo .m-logo { display:block; text-align:left; }
#header_mo h3 {position:relative;}
.header_mo_search { color:#524ed4; font-size: 22px; }
#search_mo { border-top:1px solid #ddd; background:#fafafa; }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; background:#141323 !important; }
#nt_menu .header-logo {padding-left:30px;}
#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:bold !important; }
#nt_menu .me-list .me-li a:hover { color:#4e4ac8 !important; }
/*
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#fff; background:rgba(0,0,0,0.2) !important; }
*/
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background:#1e1d38; border:1px solid rgba(97,93,250,.22); box-shadow:0 8px 28px rgba(0,0,0,.55); border-radius:10px; } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:rgba(200,197,255,.80); border-bottom:1px solid rgba(97,93,250,.12); }
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#fff; background:rgba(97,93,250,.14); border-color:rgba(97,93,250,.15); font-weight:bold; }
#nt_menu .sub-2line { display:block; color:#fff; font-weight:bold; background:#252440; }
#nt_menu #me-list-pc {padding-left:30px;}
#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 .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_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;}
/* 3px 3px 10px 3px #e9e9e9 */
#nt_menu #btn_sidebar_pc i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#db3232;}

/* 일반형 */
.nt-menu .sub-1div { position:absolute; left:50%; margin-left:0 !important; transform:translateX(-50%); z-index:21; width:auto; text-align:left; top:100%; border-radius:12px; background:#1e1d38; border:1px solid rgba(97,93,250,.22); box-shadow:0 12px 36px rgba(0,0,0,.55); }
.nt-menu .sub-1div::before { left:50%; margin-left:-8px; }
.nt-menu .sub-1da { display:block; color:rgba(200,197,255,.80); }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da { color:#fff !important; background:rgba(97,93,250,.14) !important; border-color:rgba(97,93,250,.15); font-weight:bold; }
.nt-menu .sub-1dli:hover .sub-1da { color:#fff !important; background:rgba(97,93,250,.10) !important; border-color:rgba(97,93,250,.12); }
.nt-menu .sub-1line { color:#fff; font-weight:bold; background:#252440; }
.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:#141323; }
.nt-menu-full .me-li { margin-right:-1px; }
.nt-menu-full .nav-full { box-shadow:0 6px 24px rgba(0,0,0,.45); border-bottom:1px solid rgba(97,93,250,.18); }
.nt-menu-full .sub-full { display:none; visibility:visible; }
.nt-menu-full .sub-1div { text-align:left; padding:1.0rem 0; background:#1e1d38; border:1px solid rgba(97,93,250,.20); border-top:0; }
.nt-menu-full .me-li:hover .sub-1div { background:#252440; }
.nt-menu-full .sub-1da { color:rgba(200,197,255,.80); }
.nt-menu-full .sub-1line { position:relative; display:block; background:#252440; font-weight:bold; color:#fff; }
.nt-menu-full .sub-1dli.on .sub-1da,
.nt-menu-full .sub-1dli:hover .sub-1da { color:#fff; font-weight:bold; background:rgba(97,93,250,.14); }
.nt-menu-full .sub-1div .me-sh { display:block; padding:0.25rem 1.25rem; } /* 1차 서브메뉴 높이설정 : 페딩값으로 조절 */
.nt-menu-full .sub-2div .me-sh { padding:0.59rem 1.0rem; } /* 2차 서브메뉴 높이설정 : 페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap { padding:0; background:#141323; box-shadow:0 6px 28px rgba(0,0,0,.40); border-bottom:1px solid rgba(97,93,250,.18); }
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:900; left:0; top:0; }
@media (max-width: 1200px) {
	#nt_menu .me-icon-sidebar {padding-right:1.5rem!important}
}
@media (max-width: 768px) {
	#nt_sticky_wrap {padding:0; border-bottom:0;}
	#nt_sticky_wrap.me-sticky {padding:0;}
}

@media all and (min-width:992px) {
	.wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto !important; }
	.wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 0 0 auto !important; }
	.wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto 0 0 !important; }
}

/********************************************************
■ 모바일 상단 주메뉴
********************************************************/
#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(59,61,74,0) 0, #fff 60%); }
#nt_menu_mobile .gra-right-white { right:0; background: linear-gradient(to right, rgba(59,61,74,0) 0, #fff 60%); }
#nt_menu_mobile #mobile_sub ul li a {position:relative;}

/********************************************************
■ 메인페이지
********************************************************/
#nt_body {margin-top:0px; margin-bottom:0px;}
@media (max-width: 575px) {
	.nt-grid {padding:0 15px;}
}

/*가입*/
.register { padding:20px; border-radius:16px; background:linear-gradient(160deg,#181727 0%,#1e1d38 55%,#141323 100%); border:1px solid rgba(97,93,250,.18); box-shadow:0 0 0 1px rgba(97,93,250,.08), 0 12px 40px rgba(0,0,0,.55); color:rgba(210,208,255,.88); }
.register label { color:rgba(165,162,240,.75); }
.register .form-control { background:rgba(97,93,250,.07) !important; border:1px solid rgba(97,93,250,.22) !important; color:rgba(210,208,255,.90) !important; border-radius:8px !important; }
.register .form-control:focus { border-color:rgba(97,93,250,.55) !important; box-shadow:0 0 0 3px rgba(97,93,250,.20) !important; }
.register .form-control::placeholder { color:rgba(165,162,240,.35) !important; }
.register .custom-select { background-color:rgba(97,93,250,.07) !important; border:1px solid rgba(97,93,250,.22) !important; color:rgba(210,208,255,.90) !important; }
.register .btn-primary { background:linear-gradient(135deg,#3730a3,#615dfa) !important; border-color:#615dfa !important; box-shadow:0 4px 14px rgba(97,93,250,.40) !important; }
.register .btn-secondary, .register .btn-default { background:rgba(97,93,250,.10) !important; border:1px solid rgba(97,93,250,.22) !important; color:rgba(210,208,255,.80) !important; }
.register .card, .register .card-body { background:transparent !important; border:none !important; box-shadow:none !important; color:rgba(210,208,255,.88) !important; }
.register textarea.form-control { min-height:80px; }
/* 약관 스크롤 박스 — 카드 배경에 녹아들도록 투명 처리 */
.register div[style*="overflow"] { background:transparent !important; border:1px solid rgba(97,93,250,.18) !important; border-radius:8px !important; color:rgba(210,208,255,.85) !important; }
/* 개인정보 테이블 — 다크 처리 */
.register .table, .register table { background:transparent !important; }
.register .table td, .register table td,
.register .table tr td, .register table tr td { border-color:rgba(97,93,250,.18) !important; color:rgba(210,208,255,.85) !important; background:rgba(97,93,250,.05) !important; }
.register .table th, .register table th,
.register .table thead th, .register table thead th,
.register .table thead td, .register table thead td,
.register .table tr th, .register table tr th { border-color:rgba(97,93,250,.18) !important; color:rgba(165,162,240,.80) !important; background:rgba(97,93,250,.18) !important; }
.register .table thead, .register table thead { background:rgba(97,93,250,.18) !important; }
.register .table.table-bordered thead th,
.register .table.table-bordered td,
.register .table.table-bordered th { border:1px solid rgba(97,93,250,.18) !important; }
/* Bootstrap bg-light, bg-white 오버라이드 */
.register .bg-light, .register .bg-white { background:rgba(97,93,250,.08) !important; color:rgba(210,208,255,.85) !important; }
.register .custom-control-label { color:rgba(165,162,240,.75); }
.register .custom-control-input:checked ~ .custom-control-label::before { background-color:#615dfa !important; border-color:#615dfa !important; }
.register h3, .register h4, .register h5 { color:#fff; }
.register hr { border-color:rgba(97,93,250,.18); }
.register small, .register .text-muted { color:rgba(165,162,240,.55) !important; }
.register .alert { background:rgba(97,93,250,.10) !important; border-color:rgba(97,93,250,.28) !important; color:rgba(210,208,255,.88) !important; border-radius:10px; }
.register img[src*="captcha"] { border-radius:8px; border:1px solid rgba(97,93,250,.22); }
.form-control-plaintext { color:rgba(210,208,255,.85) !important; }
/* 메인 배너 */
#main_banner {margin:10px 0 20px;}
.main_banner_title {text-align:center;}
.main_banner_title h2 {display:inline-block; font-size:34px; font-weight:bold; letter-spacing:-0.08rem;}
.main_banner_title .icon_main_banner_title {display:inline-block; vertical-align:top; margin-top:3px;}
.main_banner_title .icon_main_banner_title:first-child {margin-right:0px;}
.main_banner_title .icon_main_banner_title:last-child {margin-left:0px;}
.main_banner_title h2 span {color:#dc3545;}
.main_banner_title2 {color:#666; text-align:center; margin-top:6px; margin-bottom:35px;}
@media (max-width: 768px) {
	.main_banner_title h2 {font-size:26px;}
	.main_banner_title .icon_main_banner_title:first-child {margin-right:0;}
	.main_banner_title .icon_main_banner_title:last-child {margin-left:0;}
	.main_banner_title .icon_main_banner_title img {width:80%;}
}

/* 메인 컨텐츠들 */
.main_layout_title_wrap {text-align:center; margin-top:50px; margin-bottom:30px;}
.main_layout_title,
.main_layout_title h2,
.main_layout_title h3 {font-size:34px; font-weight:bold; letter-spacing:-0.08rem;}
.main_layout_title h2,
.main_layout_title h3 {display:inline;}
.main_layout_title2 {color:#666; text-align:center; margin-top:-4px;}
@media (max-width: 768px) {
	.main_layout_title,
	.main_layout_title h2,
	.main_layout_title h3 {font-size:22px;}
}
.main_layout_con_wrap {margin-bottom:30px;}
#left-area-content .main_layout_con_wrap:last-child {margin-bottom:0;}
.main_layout_con_div {position:relative; padding-top:35px;}
.main_layout_con_wrap .main_layout_con_div:first-child {padding-top:0;}
.main_layout_con_title {position:relative; padding:10px 40px; display:inline-block; border-radius:0 30px 30px 0; 
font-size:24px; font-weight:bold; color:#fff; word-break:break-all; line-height:1.4; z-index:1;}
.main_layout_con a { color:#ff7200 !important; }
.main_layout_con_title h3,
.main_layout_con_title h4 {display:inline; font-weight:bold; font-size:inherit; line-height:inherit;}
.main_layout_con {position:relative; padding:30px 40px; z-index:1; color:#333;}
.main_layout_con > div {margin-top:20px; font-size:14px; letter-spacing:-0.04rem;}
.main_layout_con > div:first-child {margin-top:0;}
.main_layout_con > div strong {position:relative; font-size:28px; line-height:1.5; z-index:1;}
.main_layout_con .main_layout_con_inner_end {text-align:center; color:#666; font-size:14px; letter-spacing:-0.04rem;}
.main_layout_con_img {position:absolute; top:0; right:0; text-align:right;}

.main_layout_con > div ul {}
.main_layout_con > div ul li {display:flex; font-size:14px; margin-top:10px; letter-spacing:-0.04rem;}
.main_layout_con > div ul li:first-child {margin-top:0;}
.main_layout_con > div ul li span.main_layout_con_num_icon {display:inline-block; min-width:24px; width:24px; height:24px; line-height:25px; text-align:center; border-radius:50%; background:crimson; color:#fff; font-size:13px; letter-spacing:-1px; font-weight:bold; vertical-align:middle; *margin-top:2px; margin-right:10px; padding-right:1px;}
.main_layout_con > div ul li span.main_layout_con_list_img {min-width:175px;}
.main_layout_con > div ul li span.main_layout_con_list_img img {max-width:100%;}
.main_layout_con > div ul li h3 {display:block; font-size:24px; font-weight:bold; margin-bottom:10px;}

#main_manuscript_con_3 {margin-top:89px; overflow:visible;}
#main_manuscript_con_3_1 {background:#dcdfe5; padding-top:35px; border-radius:10px 10px 0 0;}
#main_manuscript_con_3_1 .main_layout_con_title {background:#fc7935; color:#fff; font-size:inherit; font-weight:inherit;}
#main_manuscript_con_3_1 .main_layout_con > div strong span {color:#fc7935;}
#main_manuscript_con_3_1 .main_layout_con_img {top:-54px;}
#main_manuscript_con_3_2 {overflow:hidden;}
#main_manuscript_con_3_2 .main_layout_con_title {background:#e33030;}
#main_manuscript_con_3_2 .main_layout_con_img {top:-75px; right:50px;}
#main_manuscript_con_3_2 .main_layout_con > div ul li span.main_explain_con_num_icon {background:#e33030;}
#main_manuscript_con_3_2 .main_layout_con .main_explain_con_inner_end {color:#999;}

#main_manuscript_con_4_1 {background:url('../img/img_main_con_4_1_bg.png') no-repeat; background-size:cover; background-position:center;}
#main_manuscript_con_4_2 .main_layout_con_title {background:#26f2c0; color:#251965;}
#main_manuscript_con_4_2 .main_layout_con > div ul li span.main_explain_con_num_icon {background:#26f2c0;}

#main_manuscript_con_5_1 {background:#fc4649; overflow:hidden;}
#main_manuscript_con_5_1 .main_layout_con_img {top:-18px;}
#main_manuscript_con_5_1 .main_layout_con_img img {width:100%;}
#main_manuscript_con_5_2 .main_layout_con_title {background:#fc4649; color:#fff;}
#main_manuscript_con_5_2 .main_layout_con > div ul li span.main_explain_con_num_icon {background:#fc4649; color:#fff;}

#main_manuscript_con_6_1 .main_layout_con_img {top:-10px; right:55px;}
#main_manuscript_con_6_2 {padding-top:0;}
#main_manuscript_con_6_2 .main_layout_con_title {background:#1bbf87;}
#main_manuscript_con_6_2 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#1bbf87;}
#main_manuscript_con_6_3 {padding-top:0;}
#main_manuscript_con_6_3 .main_layout_con_title {background:#e33030;}
#main_manuscript_con_6_3 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#e33030;}

#main_manuscript_con_7_1 {background:#161223; padding:19px 0; overflow:hidden;}
#main_manuscript_con_7_1 .main_layout_con {color:#fff; text-align:center;}
#main_manuscript_con_7_1 .main_layout_con > div strong {display:block; color:#7e38ff; font-size:34px; margin-top:15px;}
#main_manuscript_con_7_1 .main_layout_con_img_left {left:0; right:unset; transform:rotateY(180deg);}
#main_manuscript_con_7_1 .main_layout_con_img {height:100%;}
#main_manuscript_con_7_1 .main_layout_con_img img {width:auto; height:100%;}
#main_manuscript_con_7_2 .main_layout_con_title {background:#7138da;}
#main_manuscript_con_7_2 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#7138da;}
#main_manuscript_con_7_3 {padding-top:0;}
#main_manuscript_con_7_3 .main_layout_con_title {background:#f04ca5;}
#main_manuscript_con_7_3 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#f04ca5;}

#main_manuscript_con_8_1 {background:url('../img/img_main_con_8_1_bg.png') no-repeat; background-size:cover; background-position:center;}
#main_manuscript_con_8_1 .main_layout_con {text-align:center; color:#fff;}
#main_manuscript_con_8_1 .main_layout_con > div strong {display:block; color:#feba3e; margin-top:15px;}
#main_manuscript_con_8_2 .main_layout_con_title {background:#191766;}
#main_manuscript_con_8_2 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#191766;}
#main_manuscript_con_8_3 {padding-top:0;}
#main_manuscript_con_8_3 .main_layout_con_title {background:#9130d1;}
#main_manuscript_con_8_3 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#9130d1;}

#main_manuscript_con_9 {overflow:visible;}
#main_manuscript_con_9_1 .main_layout_con_img {top:-34px; right:24px;}
#main_manuscript_con_9_2 {padding-top:0;}
#main_manuscript_con_9_2 .main_layout_con_title {background:#32327f;}
#main_manuscript_con_9_2 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#32327f;}
#main_manuscript_con_9_3 {padding-top:0;}
#main_manuscript_con_9_3 .main_layout_con_title {background:#32327f;}
#main_manuscript_con_9_3 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#32327f;}
#main_manuscript_con_9_3 .main_layout_con .main_layout_con_inner_end {font-weight:bold;}
#main_manuscript_con_9_4 {padding-top:0;}
#main_manuscript_con_9_4 .main_layout_con_title {background:#ff7200;}
#main_manuscript_con_9_4 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#ff7200;}

#main_manuscript_con_10_1 .main_layout_con_img {top:54px; right:70px;}
#main_manuscript_con_10_2 {padding-top:0;}
#main_manuscript_con_10_2 .main_layout_con_title {background:#ed2026;}
#main_manuscript_con_10_2 .main_layout_con > div ul li {align-items:center;}
#main_manuscript_con_10_2 .main_layout_con > div ul li {margin:40px 0;}
#main_manuscript_con_10_2 .main_layout_con .main_layout_con_inner_end {color:#999; margin-bottom:20px;}
#main_manuscript_con_10_3 {padding-top:0;}
#main_manuscript_con_10_3 .main_layout_con_title {background:#222;}
#main_manuscript_con_10_3 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#222;}
#main_manuscript_con_10_4 {padding-top:0;}
#main_manuscript_con_10_4 .main_layout_con_title {background:#222;}
#main_manuscript_con_10_4 .main_layout_con > div ul li span.main_layout_con_num_icon {background:#222;}


@media (max-width: 1024px) {
	.main_layout_con_title {display:block; border-radius:0;}
	.main_layout_con_title,
	.main_layout_con {padding-left:15px !important; padding-right:15px !important;}
	.main_layout_con_img img {width:60%;}
	
	#main_manuscript_con_3 {margin-top:0;}
	#main_manuscript_con_3_1 .main_layout_con_img {top:120px; right:-10px; opacity:0.4;}
	#main_manuscript_con_3_2 .main_layout_con_img {top:-1px; right:15px;}
	#main_manuscript_con_5_1 .main_layout_con_img {top:0; opacity:0.4;}
	#main_manuscript_con_6_1 .main_layout_con_img {right:15px; opacity:0.4;}
	#main_manuscript_con_7_1 .main_layout_con_img_left {display:none;}
	#main_manuscript_con_9_1 .main_layout_con_img {top:15px; right:0; opacity:0.4;}
	#main_manuscript_con_10_1 .main_layout_con_img {top:15px; right:15px; opacity:0.4;}
}

@media (max-width: 768px) {
	.main_layout_con_wrap br.hide_sm {display:none;}
	.main_layout_con_title {font-size:18px;}
	.main_layout_con > div strong {font-size:20px;}
	.main_layout_con > div ul li span.main_explain_con_list_img {margin-bottom:30px; text-align:center;}
	.main_layout_con > div ul li h3 {font-size:18px;}
	.main_layout_con .main_layout_con_inner_end {text-align:left;}
	
	#main_manuscript_con_4_1 {background-position:90%;}
	#main_manuscript_con_7_1 .main_layout_con {text-align:left;}
	#main_manuscript_con_7_1 .main_layout_con > div strong {font-size:26px;}
	#main_manuscript_con_8_1 {background-position:3%;}
	#main_manuscript_con_8_1 .main_layout_con {text-align:left;}
	#main_manuscript_con_10_2 .main_layout_con > div ul li {display:block;}
	#main_manuscript_con_10_2 .main_layout_con > div ul li span {display:block;}
	#main_manuscript_con_10_2 .main_layout_con > div ul li {margin-top:30px; margin-bottom:0;}
	#main_manuscript_con_10_2 .main_layout_con > div ul li:first-child {margin-top:10px;}
	#main_manuscript_con_10_2 .main_layout_con .main_layout_con_inner_end {margin-bottom:0;}
}

/********************************************************
■ 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; }

/********************************************************
■ Widget
********************************************************/
h3.h3 { padding:0; margin:0; font-weight:bold; }
hr.hr::before { width:100%; height:1px; content: ""; position:absolute; left:0; bottom:1px; line-height:1px; background-color:#ddd; }
hr.hr { display:block; position:relative; height:3px; border: none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}
.wg_content_wrap {display:none;}
.wg_content_wrap.active {display:block;padding: 15px;}

/* 라인 */
.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; }

/* 큰제목 */
.f-h1 {	font-size:18px !important; }

/* Owl 네비 */
.owl-slider.owl-nav-top .owl-nav { position:absolute; right:0; top:-3.75rem; z-index:3; }
.owl-slider.owl-nav-bottom .owl-nav { text-align:center; }
.owl-slider.owl-nav-right .owl-nav { text-align:right; }
.owl-slider .owl-carousel .owl-nav button { outline:none !important; width:auto !important; padding:0.35rem 0.75rem !important; margin:0 !important; border:1px solid #ddd !important; background:#fff !important; color:#ccc !important; line-height:1.2 !important; }
.owl-slider .owl-carousel .owl-nav button:hover {	background:#f5f5f5 !important; }
.owl-slider .owl-carousel .owl-nav button.owl-prev { border-right:0 !important; }
.owl-slider.owl-nav-lg .owl-carousel .owl-nav button { padding: .5rem 1.0rem !important; }

/* 슬라이더 상단 네비 위치 조정 */
.slider-nav-top 

/* 배분 네비 */
.owl-slider.owl-nav-both .owl-nav button.owl-prev { float:left;	border:1px solid #ddd !important; }
.owl-slider.owl-nav-both .owl-nav button.owl-next {	float:right; }
.owl-slider.owl-nav-both .owl-nav:after { display:block;visibility:hidden;clear:both;content:"" }

/* 타이틀용 네비 */
.owl-slider.owl-nav-title .owl-nav { position:absolute; left:0; top:50%; margin-top:-40px; width:100%; z-index:1; }
.owl-slider.owl-nav-title .owl-nav button { border:0 !important; background:none !important; color:rgba(255,255,255,0.5) !important; line-height:1.0 !important; }
.owl-slider.owl-nav-title .owl-nav button:hover { background:none !important; color:rgba(255,255,255,1) !important; }
.owl-slider.owl-nav-title .owl-nav button.owl-prev { position:absolute; left:80px; top:0; font-size:80px !important; }
.owl-slider.owl-nav-title .owl-nav button.owl-next { position:absolute; right:80px; top:0; font-size:80px !important; }
@media (max-width:1399px) { 
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:30px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:30px; }
}
@media (max-width:1199px) { 
	.owl-slider.owl-nav-title .owl-nav { margin-top:-35px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:20px; font-size:70px !important; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:20px; font-size:70px !important; }
}
@media (max-width:767px) { 
	.owl-slider.owl-nav-title .owl-nav { margin-top:-30px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:15px; font-size:60px !important; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:15px; font-size:60px !important; }
}
@media (max-width:575px) { 
	.owl-slider.owl-nav-title .owl-nav { margin-top:-25px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:10px; font-size:50px !important; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:10px; font-size:50px !important; }
}

/* 회원 포토 등 */
.owl-slider .owl-carousel .owl-item .sv_wrap img { display:inline-block !important;	width:auto !important; }

/* 페이지네이션 상단 등 */
@media all and (min-width:768px) {
	.pagination-top { position:absolute; top:-4.1rem; right:0; margin:0 !important; z-index:1; }
	.pagination-top.pagination-sm { top:-3.6rem; }
	.pagination-top.pagination-lg { top:-5.2rem; }
}
@media all and (max-width:767px) {
	.pagination-top { justify-content: center !important; }
}

/* 사이드 아웃로그인 */
.input-group-text{ color: #fff !important; border: 1px solid #535967 !important; background-color: #484c59 !important; }
.custom-control-label::before { border: 1px solid #535967 !important; background-color: #484c59 !important; }
.widget_outlogin_wrap {border-radius:14px;}
.widget_outlogin_wrap:after {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient( 90deg, transparent, #5f68fa, transparent ); opacity: 0.6; }
.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;}
.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:#474955; 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:#999; 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;}

/* 버튼 커스텀 */
.custom-btn {
  width: 100%;
  height: 50px;
  line-height: 0px;
  color: #fff;
  border-radius: 10px !important;
  padding: 10px 25px;
  font-weight: bold;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  outline: none;
}
.btn-line {
  border: none;
  background: rgb(78,74,200);
  background: linear-gradient(0deg, rgba(78,74,200,1) 0%, rgba(78,74,200,1) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
}
.btn-line:hover {
    text-decoration: none;
    color: #fff;
}
.btn-line:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-line:hover{
  opacity: .7;
}
.btn-line:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.btn-short{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}
.btn-short span {
 background: rgb(78,74,200);
background: linear-gradient(0deg, rgba(78,74,200,1) 0%, rgba(95,102,250,1) 100%);
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgb(197 192 249 / 20%),
   4px 4px 5px 0px rgb(197 192 249 / 20%);
  border-radius: 5px;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-short span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-short span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-short:hover span:nth-child(1) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgb(197 192 249 / 30%),
   4px 4px 5px 0px rgb(197 192 249 / 30%);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-short:hover span:nth-child(2) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgb(197 192 249 / 30%),
   4px 4px 5px 0px rgb(197 192 249 / 30%);
 color: transparent;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
/* 이벤트 */
.wg_head_event {background:#3dc3b9; 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; padding-top: 5px; vertical-align:top;}
.wg_head_event_em {color:#ffd400;}

/* 새 글, 새 댓글 */
.wg_head_tabs {display:flex; position:relative; border-bottom:1px solid #f2f1fe; 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:rgb(78,74,200);}
.wg_head_tab.active:after {content:''; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); width:100%; height:4px; background:rgb(78,74,200); max-width:90px;}
#wg_latest_wr_n_cmt .wg_head_tab.active:after {max-width:70px;}
/*.wg_head_more_m {display:none; text-align:right;}*/

/* 랭킹 */
#wg_rank .wg_head_tab.active {color:#482ed2;}
#wg_rank .wg_head_tab.active:after {background:#482ed2;}

/* 메인 게시판들 (자유게시판, 유머 & 이슈 ...) */
#bo_v { padding: 15px; border-radius: 10px; }
#bo_w { padding: 15px; border-radius: 10px; }
#bo_list_wrap { padding: 15px; border-radius: 10px; }
@media (max-width: 576px) {
	#bo_list_wrap { padding:10px 0px !important; }
}
#wg_main_board .wg_head_tabs {display:block; padding-left:12px;}
#wg_main_board .wg_head_tabs:after {display:block; content:''; visibility:hidden; clear:both;}
#wg_main_board .wg_head_tabs .wg_head_tab {float:left; padding-left:25px; padding-right:25px;}
#wg_main_board .wg_head_tabs .wg_head_more {position:absolute; top:50%; transform:translateY(-50%); right:20px; font-weight:bold;}
#wg_main_board .wg_head_tabs .wg_head_more span {display:inline-block; position:relative; top:1px; margin-left:3px;}
#wg_main_board .wg_head_more_m_wrap {display:flex; position:relative; border-bottom:1px solid #f2f1fe; justify-content:center; align-items:center;}
#wg_main_board .wg_head_more_m {font-weight:bold; padding:10px 0;}
#wg_main_board .wg_head_more_m span {display:inline-block; position:relative; top:1px; margin-left:3px;}
#wg_main_board .wg_head_tabs .wg_head_tab.wg_head_more_m.active:after {display:none;}
#wg_main_board_head_tabs_m .gra { content: " "; position: absolute; z-index:1; top:0; width:1.25rem; height:calc(100% - 1px); }
#wg_main_board_head_tabs_m .gra-left-primary { left:0; }
#wg_main_board_head_tabs_m .gra-right-primary { right:0; }
#wg_main_board_head_tabs_m .gra-left { left:0; background: linear-gradient(to left, rgba(0,0,0,0) 0, #f7f8fa 60%); }
#wg_main_board_head_tabs_m .gra-right { right:0; background: linear-gradient(to right, rgba(0,0,0,0) 0, #f7f8fa 60%); }
@media (max-width: 768px) {
	.wg_head_tab {font-size:15px;}
	#wg_main_board .wg_head_tabs {display:flex;}
	#wg_main_board .wg_head_tabs .wg_head_tab {white-space:nowrap !important; padding:10px 15px;}
	#wg_main_board #wg_main_board_head_tabs_pc {display:none;}
}

/* 먹튀 리스트 */
#wg_main_board_mt .wg_head_tabs {display:block; padding-left:12px;}
#wg_main_board_mt .wg_head_tabs:after {display:block; content:''; visibility:hidden; clear:both;}
#wg_main_board_mt .wg_head_tabs .wg_head_tab {float:left; padding-left:25px; padding-right:25px; cursor:inherit;}
#wg_main_board_mt .wg_head_tabs .wg_head_tab.active {color:rgb(78,74,200);}
#wg_main_board_mt .wg_head_tabs .wg_head_tab.active:after {background:rgb(78,74,200);}
#wg_main_board_mt .wg_head_tabs .wg_head_more {position:absolute; top:50%; transform:translateY(-50%); right:20px; font-weight:bold;}
#wg_main_board_mt .wg_head_tabs .wg_head_more span {display:inline-block; position:relative; top:1px; margin-left:3px;}
@media (max-width: 768px) {
	#wg_main_board .wg_head_tabs {display:flex;}
	#wg_main_board_mt .wg_head_tabs .wg_head_tab {white-space:nowrap !important; padding:10px 15px;}
}

/********************************************************
■ 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; }

/********************************************************
■ 보드쪽 css
********************************************************/
.board_notice_wrap {}
.board_notice_wrap br.show_sm {display:none;}

.board_notice_wrap#board_notice_review .board_notice_top {background:url('../img/verification-bg.jpg') no-repeat;background-size:cover;}
.board_notice_wrap#board_notice_safety .board_notice_top {background:url('../img/guarantee-bg.jpg') no-repeat;background-position:right;background-size:cover;}
.board_notice_wrap#board_notice_mttip .board_notice_top {background:url('../img/mt-site-bg.jpg') no-repeat;background-size:cover;}
.board_notice_wrap#board_notice_analysis .board_notice_top {background:url('../img/bg_analysis.png') no-repeat;background-position:center;background-size:cover;}
.board_notice_wrap#board_notice_tototip .board_notice_top {background:url('../img/bg_tototip.png') no-repeat;background-position:center;background-size:cover;}

.board_notice_wrap .main_explain_con_div {padding-top:0;}
.board_notice_wrap .main_explain_con_div:nth-child(2) {padding-top:35px;}

.board_notice_wrap .board_notice_top {}
.board_notice_wrap .board_notice_top:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:0;}

.board_notice_wrap#board_notice_review .board_notice_top .main_explain_con {color:#fff;}
.board_notice_wrap#board_notice_review .board_notice_top .main_explain_con a {color:#fff;}
.board_notice_wrap#board_notice_review .board_notice_top .main_explain_con a:hover {color:crimson;}
.board_notice_wrap#board_notice_safety .board_notice_top .main_explain_con {color:#fff;}
.board_notice_wrap#board_notice_mttip .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_analysis .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_hunting .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_tototip .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_freemoney .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_promotion .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_event .board_notice_top .main_explain_con {text-align:center;color:#333;}

.board_notice_wrap .board_notice_top .top_title {font-size:32px;font-weight:bold;letter-spacing:-0.08rem;margin-bottom:5px;}

.board_notice_wrap#board_notice_review .board_notice_top .top_title {text-align:left;margin-bottom:15px;}
.board_notice_wrap#board_notice_mttip .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_analysis .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_hunting .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_tototip .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_freemoney .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_promotion .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_event .board_notice_top .top_title {color:#4d41ac;text-align:center;}

.board_notice_wrap .main_explain_con_title {padding-top:11px;padding-bottom:9px;}
.board_notice_wrap .main_explain_con_div.review_1 .main_explain_con_title {background:url('https://www.totohot.net/theme/TOTOHOT/img/board_notice_title_bg_review1.png') repeat-x;background-size:auto 100%;color:#fff;}
.board_notice_wrap .main_explain_con_div.review_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.review_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ffdd00;color:#333;}

.board_notice_wrap .main_explain_con_div.safety_1 .main_explain_con_title {background:url('https://www.totohot.net/theme/TOTOHOT/img/board_notice_title_bg_safety1.png') no-repeat;background-size:100% 100%;color:#333;}
.board_notice_wrap .main_explain_con_div.safety_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#f1c46c;color:#fff;}
.board_notice_wrap .main_explain_con_div.safety_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.safety_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff4c4c;color:#fff;}

.board_notice_wrap .main_explain_con_div.mttip_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.mttip_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#e60000;color:#fff;}
.board_notice_wrap .main_explain_con_div.mttip_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.mttip_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ffc619;color:#333;}

.board_notice_wrap .main_explain_con_div.analysis_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.analysis_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#191766;color:#fff;}
.board_notice_wrap .main_explain_con_div.analysis_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.analysis_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#f23030;color:#fff;}

.board_notice_wrap .main_explain_con_div.hunting_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.hunting_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#7f8fef;color:#fff;}
.board_notice_wrap .main_explain_con_div.hunting_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.hunting_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.tototip_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.tototip_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#bfe600;color:#242944;}
.board_notice_wrap .main_explain_con_div.tototip_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.tototip_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.freemoney_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.freemoney_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#01c49d;color:#fff;}
.board_notice_wrap .main_explain_con_div.freemoney_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.freemoney_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.promotion_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.promotion_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#feaf43;color:#fff;}
.board_notice_wrap .main_explain_con_div.promotion_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.promotion_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.event_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.event_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#613dc8;color:#fff;}
.board_notice_wrap .main_explain_con_div.event_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.event_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con > div ul li:first-child {margin-top:0;}
.board_notice_wrap .main_explain_con > div ul li {margin-top:15px;}
.board_notice_wrap .main_explain_con > div ul li .strong {font-size:20px;font-weight:bold;line-height:1.3;}

.board_notice_wrap .main_explain_con .main_explain_con_inner_end {margin:30px 0 10px;}

@media (max-width: 991px) {
	.board_notice_wrap#board_notice_review .board_notice_top {background-position:right;background-size:cover;}
	.board_notice_wrap#board_notice_review .board_notice_top:after {opacity:0.4;}
	.board_notice_wrap#board_notice_safety .board_notice_top {background-position:center;}
	.board_notice_wrap#board_notice_safety .board_notice_top:after {opacity:0.25;}
	.board_notice_wrap#board_notice_freemoney .board_notice_top {background-position:left;}
	.board_notice_wrap#board_notice_freemoney .board_notice_top:after {opacity:0.15;}
	.board_notice_wrap#board_notice_promotion .board_notice_top {background-position:left;}
	.board_notice_wrap#board_notice_promotion .board_notice_top:after {opacity:0.15;}
	.board_notice_wrap#board_notice_event .board_notice_top {background-position:right;}
}

@media (max-width: 767px) {
	.board_notice_wrap .board_notice_top .main_explain_con {text-align:left !important;}
	.board_notice_wrap .board_notice_top .top_title {font-size:24px;line-height:1.4;margin-bottom:10px;}
	.board_notice_wrap br.show_sm {display:block;}
	.board_notice_wrap .main_explain_con .main_explain_con_inner_end {margin:20px 0 0;}
}

/********************************************************
■ 언더솔루션 프리미엄 다크 테마
********************************************************/
a { color: #fff !important; }
.custom-text-muted { color: rgba(200,197,255,.75) !important; }
.wrapper { background: #0f0e1a; }
.bg_gray_boxshadow_slope { background:#181727; border:1px solid rgba(97,93,250,.16); box-shadow:0 6px 24px rgba(0,0,0,.35); }
#nt_lnb { border-bottom: 1px solid rgba(97,93,250,.20) !important; background: #141323 !important; }
#nt_lnb ul > li > a { color: rgba(210,208,255,.85) !important; }
#nt_lnb ul > li.header-search-wrap .header-search input.form-control { background: rgba(97,93,250,.08) !important; border:1px solid rgba(97,93,250,.20) !important; border-radius:8px !important; }
#nt_lnb ul > li.header-search-wrap .header-search input.form-control::placeholder { color:rgba(175,172,228,.50); }
#nt_sticky_wrap { background: #141323 !important; box-shadow: 0 6px 28px rgba(0,0,0,.40) !important; border-bottom:1px solid rgba(97,93,250,.18) !important; }
#header_pc { background: #141323 !important; box-shadow: 0 4px 24px rgba(0,0,0,.50) !important; border-bottom:1px solid rgba(97,93,250,.18) !important; }
#header_pc #btn_sidebar_pc { background: #1e1d38 !important; border:1px solid rgba(97,93,250,.25) !important; box-shadow:none !important; }
#header_pc #btn_sidebar_pc i { color: #615dfa !important; }
#nt_menu { background: #141323 !important; }
#nt_menu .me-list .me-li a { color: rgba(210,208,255,.85) !important; font-weight:600 !important; }
#nt_menu .me-list .me-li a:hover { color: #fff !important; }
.nt-menu .sub-1div { background: #1e1d38 !important; border:1px solid rgba(97,93,250,.22) !important; box-shadow:0 12px 36px rgba(0,0,0,.55) !important; border-radius:12px !important; }
.nt-menu .sub-1da { color: rgba(200,197,255,.80) !important; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#fff !important; background:rgba(97,93,250,.14) !important; border-color:rgba(97,93,250,.15) !important; }
.nt-menu .sub-1line { color:#fff !important; background:#252440 !important; }
.custom-control-label { color: rgba(210,208,255,.85); }
.wg_head_tabs { border-bottom: 1px solid rgba(97,93,250,.18) !important; }
.wg_head_tab { color: rgba(175,172,228,.70); }
#wg_main_board_mt .wg_head_tabs .wg_head_tab.active { color: #615dfa; }
#wg_main_board_mt .wg_head_tabs .wg_head_tab.active:after { background: #615dfa; }
.wg_head_tab.active { color: #615dfa; }
.wg_head_tab.active:after { background: #615dfa; }
#wg_rank .wg_head_tab.active { color: #615dfa; }
#wg_rank .wg_head_tab.active:after { background: #615dfa; }
.subject-board-name { color: #a5b4fc !important; }
p.f-sm { color: rgba(200,197,255,.80); }
#ft_btn #btn_ft_device_change { background: #1e1d38 !important; border:1px solid rgba(97,93,250,.22) !important; color:rgba(200,197,255,.80) !important; }
#ft_btn #btn_ft_device_change:hover { background: rgba(97,93,250,.18) !important; }
#nt_footer { background: #0f0e1a !important; border-top:1px solid rgba(97,93,250,.18) !important; }
.widget_outlogin_wrap .na-dot { color: rgba(200,197,255,.70); }
#find_info { color: rgba(200,197,255,.80); }
#nt_title { border: 2px solid rgba(97,93,250,.35) !important; background: #181727 !important; border-radius:12px !important; }
#nt_title .page-title { background: linear-gradient(135deg,#483fd0,#615dfa) !important; }
.list-group-item { color: rgba(200,197,255,.85); background: #1e1d38 !important; border-color:rgba(97,93,250,.18) !important; }
#header_mo { background: #141323 !important; border-bottom:1px solid rgba(97,93,250,.18) !important; }
#search_mo { border-top: 1px solid rgba(97,93,250,.18) !important; background: #0f0e1a !important; }
.count-plus { color: #a5b4fc !important; }
.img-wrap .img-item { border-radius: 10px !important; }
.img-wrap { border-radius: 10px !important; box-shadow: 0 6px 20px rgba(0,0,0,.40); }

/********************************************************
■ 메뉴 css
********************************************************/
.bg-sub { background:#484c59 }
.text-primary-custom { color: #afbfff !important; }
.custom-text-primary { color: #91a7ff !important; }
.custom-text-primary:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #91a7ff;
}
#nt_menu_mobile .gra-left-white {
    left: 0;
    background: linear-gradient(to left, rgba(20,19,35,0) 0, #141323 60%) !important;
}
#nt_menu_mobile .gra-right-white {
    right: 0;
    background: linear-gradient(to right, rgba(20,19,35,0) 0, #141323 60%) !important;
}

/********************************************************
■ 사이드바 css
********************************************************/
.bg_sidebar_boxshadow_half { color: rgba(210,208,255,.88); background: #1e1d38; border:1px solid rgba(97,93,250,.18); box-shadow:0 6px 24px rgba(0,0,0,.40); }
#nt_sidebar_header { border-bottom: 2px solid rgba(97,93,250,.40) !important; background: linear-gradient(135deg,#181727,#1d1c34) !important; }
#nt_sidebar { background: #141323 !important; }
.sidebar-list .me-ul { border-top: 1px solid rgba(97,93,250,.12) !important; background: #141323 !important; }
.sidebar-list li a { border-bottom: 1px solid rgba(97,93,250,.09) !important; color:rgba(210,208,255,.80); }
.sidebar-list li a:hover { background:rgba(97,93,250,.12) !important; color:#fff !important; }
.sidebar-list h5 { color: rgba(97,93,250,.90); background:rgba(97,93,250,.06); }
.sidebar-list .me-ul1 { background: #181727 !important; }
.custom-blue { color: #a5b4fc !important; }

/********************************************************
■ 보드 css
********************************************************/
.sly-tab hr { border-top: 1px solid rgba(97,93,250,.18) !important; }
#bo_cate_list { border-bottom: 1px solid rgba(97,93,250,.18) !important; }
#bo_list_wrap { background: linear-gradient(160deg,#181727 0%,#1d1c34 60%,#141323 100%); border:1px solid rgba(97,93,250,.18); box-shadow:0 0 0 1px rgba(97,93,250,.08), 0 12px 40px rgba(0,0,0,.55); }
#bo_list_total { color: rgba(210,208,255,.88); }
.na-table-head { color: rgba(165,162,240,.75); }
.custom-bg-light { background: #1e1d38 !important; }
.custom-border { border: 1px solid rgba(97,93,250,.18) !important; }
.custom-border-top { border-top: 1px solid rgba(97,93,250,.18) !important; }
.custom-border-left { border-left: 1px solid rgba(97,93,250,.18) !important; }
.custom-border-bottom { border-bottom: 1px solid rgba(97,93,250,.18) !important; }
.sv_member { color: #fff !important; }
.page-item.disabled .page-link { border-color: rgba(97,93,250,.15) !important; background-color: #1e1d38 !important; color:#444 !important; }
#bo_v { background: linear-gradient(160deg,#181727 0%,#1d1c34 60%,#141323 100%) !important; border:1px solid rgba(97,93,250,.18) !important; box-shadow:0 0 0 1px rgba(97,93,250,.08), 0 12px 40px rgba(0,0,0,.55) !important; }
#bo_v_title { color: #fff; }
.view-content { color: rgba(210,208,255,.88); }
.view-content p { color: rgba(210,208,255,.88) !important; }
#viewcomment { color: rgba(210,208,255,.88); }
.btn_b01:hover { color: #fff !important; }
.form-control { color: rgba(210,208,255,.90) !important; border: 1px solid rgba(97,93,250,.22) !important; background: #0f0e1a !important; }
.form-control:focus { border-color: rgba(97,93,250,.55) !important; box-shadow: 0 0 0 3px rgba(97,93,250,.25) !important; }
.form-control::placeholder { color: rgba(165,162,240,.35) !important; }
.custom-by-writer {
    background: rgba(97,93,250,.10) !important;
    border-top: 1px solid rgba(97,93,250,.22) !important;
}
.btn.custom-btn-basic {
    color: rgba(210,208,255,.85) !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgba(97,93,250,.22);
    background-color: #1e1d38;
}
.btn.custom-btn-basic:hover { background-color: rgba(97,93,250,.18) !important; color:#fff !important; }
#bo_w { background: linear-gradient(160deg,#181727 0%,#1d1c34 60%,#141323 100%) !important; border:1px solid rgba(97,93,250,.18) !important; box-shadow:0 0 0 1px rgba(97,93,250,.08), 0 12px 40px rgba(0,0,0,.55) !important; }
#bo_w .list-group-item { color: rgba(210,208,255,.88); background: transparent !important; border-color:rgba(97,93,250,.18) !important; }
.card { background-color: #1e1d38 !important; border-color:rgba(97,93,250,.18) !important; }
.card-text { color: rgba(210,208,255,.88) !important; }
#bo_vc_login { background:#0f0e1a !important; border:1px solid rgba(97,93,250,.18) !important; color:rgba(165,162,240,.60) !important; border-radius:12px !important; }
#captcha #captcha_info { color: rgba(210,208,255,.88); }
.page-link { border-color: rgba(97,93,250,.18); background: #0f0e1a; color:rgba(165,162,240,.70); }
.page-link:hover { border-color: rgba(97,93,250,.40); background: rgba(97,93,250,.14); color:#fff; }

/********************************************************
■ 보증업체 css
********************************************************/
#bo_gallery .item .list-item-div {*border:1px solid #ddd; background:#474955; box-shadow:5px 5px 8px rgb(40 40 40 / 20%), -3px -3px 6px #393939; -webkit-box-shadow:5px 5px 8px rgb(40 40 40 / 20%), -3px -3px 6px #393939; -moz-box-shadow:5px 5px 8px rgb(40 40 40 / 20%), -3px -3px 6px #393939; border-radius:10px;}
#bo_gallery .item .list-item-div .list-item-title {text-align:center; padding:10px; border-bottom:1px solid #ddd; background:linear-gradient(#ffffff, #f7f7f7);}
#bo_gallery .item .list-item-div .list-item-wrap {padding:10px;}
#bo_gallery .item .list-item-div .list-item-wrap:after {content:''; display:block; visibility:hidden; clear:both;}
#bo_gallery .item:hover .list-item-div {border:3px solid #5f68fa; overflow:hidden;}
#bo_gallery .item:hover .list-item-div .list-item-title {margin:-3px; margin-bottom:3px; overflow:hidden;}
#bo_gallery .item:hover .list-item-div .list-item-wrap {margin:-3px; overflow:hidden;}
#bo_gallery .img-wrap {box-shadow:0px 2px 6px rgb(50 60 70 / 20%); -webkit-box-shadow:0px 2px 6px rgb(50 60 70 / 20%); -moz-box-shadow:0px 2px 6px rgb(50 60 70 / 20%); border-radius:10px;}
#bo_gallery .img-wrap .img-hover-cover {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; font-size:20px; font-weight:bold; z-index:2;}
#bo_gallery .img-wrap .img-hover-cover > div {position:relative; height:100%;}
#bo_gallery .img-wrap .img-hover-cover > div > span {position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
#bo_gallery .list-item-div.is_end .img-hover-cover {background-color:rgba( 0, 0, 0, 0.8 );}
#bo_gallery .list-safety-info {margin-top:10px; /* border:1px solid #e8e9eb; border-radius:5px; overflow:hidden; */}
#bo_gallery .list-safety-info table {width:100%; border-collapse:separate; border-spacing:0;}
#bo_gallery .list-safety-info table tr th {width:90px;text-align:center;border:1px solid #535967;border-bottom:1px solid #535967;border-top:0;background:#2a2c36;color:#fff;font-weight:normal;height:34px;letter-spacing:-0.05rem;}
#bo_gallery .list-safety-info table tr td {width:calc(100% - 90px);word-break:break-all;height:34px;overflow:hidden;text-align:center;border:1px solid #535967; border-top:0;background:#343642;}
#bo_gallery .list-safety-info table tr td.site_name {font-weight:bold; color:#fff;}
#bo_gallery .list-safety-info table tr td.site_code {font-weight:bold; color:#9fa8da;}
#bo_gallery .list-safety-info table tbody tr:first-child th {border-top:1px solid #535967; *height:35px; border-radius:5px 0 0 0;}
#bo_gallery .list-safety-info table tbody tr:first-child td {border-top:1px solid #535967; *height:35px; border-radius:0 5px 0 0;}
#bo_gallery .list-safety-info table tbody tr:last-child th {border-radius:0 0 0 5px;}
#bo_gallery .list-safety-info table tbody tr:last-child td {border-radius:0 0 5px 0;}
#bo_gallery .list-safety-item-btn-wrap {margin-top:10px;}
#bo_gallery .list-safety-item-btn-wrap:after {content:''; display:block; visibility:hidden; clear:both;}
#bo_gallery .list-safety-item-btn-wrap a {float:left; width:calc((100% - 4px) / 2); border-radius:5px; text-align:center; font-weight:bold; padding:5px 0 3px; transition:background .15s;}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view {border:2px solid #2A2C36; color:#000; margin-right:2px;background:#474955;}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view:hover {background:#373945;}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site {border:2px solid #5f68fa; color:#db3232; margin-left:2px;background:#474955;}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site:hover {background:#373945;}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site img {vertical-align:top; margin-top:6px;}

@media (max-width:575px) {
	#bo_gallery .img-wrap {float:left; width:38%; height:92px; margin-right:10px; padding-bottom:0 !important;}
	#bo_gallery .img-wrap .img-item {position:unset;}
	#bo_gallery .img-wrap .img-item img {height:100%;}
	#bo_gallery .img-wrap .img-hover-cover {font-size:18px;}
	#bo_gallery .list-safety-info {float:left; width:calc(100% - 38% - 10px); margin-top:0;}
	#bo_gallery .list-safety-info table tr th {width:42%;}
	#bo_gallery .list-safety-info table tr th,
	#bo_gallery .list-safety-info table tr td {font-size:13px; padding:0 3px; height:29px;}
	#bo_gallery .list-safety-info table tr td {padding-top:2px;}
	#bo_gallery .list-safety-info table tr td.site_name img {max-width:15px;}
	#bo_gallery .list-safety-info table tbody tr:first-child th,
	#bo_gallery .list-safety-info table tbody tr:first-child td  {*height:30px;}
	#bo_gallery .list-safety-item-btn-wrap {float:left; width:calc(100% - 38% - 10px); margin-top:5px;}
	#bo_gallery .list-safety-item-btn-wrap a {font-size:13px; padding:0; height:29px; line-height:28px;}
	#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site img {margin-top:6px;}
}

/********************************************************
■ 설정 css
********************************************************/
.sly-tab li.active a { border:1px solid rgba(97,93,250,.35); background: rgba(97,93,250,.14); color:#fff !important; }
.sly-tab li a { border:1px solid rgba(97,93,250,.18); background: #1e1d38; color:rgba(210,208,255,.80); }
.sly-tab .d-flex { border-left: 1px solid rgba(97,93,250,.18) !important; }
#adm_cate_list { border-bottom: 1px solid rgba(97,93,250,.18) !important; }
.table-bordered td, .table-bordered th { color:rgba(210,208,255,.85); border: 1px solid rgba(97,93,250,.18) !important; background:#0f0e1a; }
.table-bordered th { background:#1e1d38 !important; }

/********************************************************
■ footer css
********************************************************/
#nt_bottom_nav_m {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #484C59;
    z-index: 1040;
    border-radius: 25px 25px 0 0;
    box-shadow: 0 -4px 12px rgb(50 60 70/15%);
    -webkit-box-shadow: 0 -4px 12px rgb(50 60 70/15%);
    -moz-box-shadow: 0 -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: #fff
}

@media(max-width: 767px) {
    #nt_footer {
        padding-bottom:72px
    }

    #nt_bottom_nav_m {
        display: block
    }
}

@media(max-width: 576px) {
.eb-backtotop { margin-bottom:50px; }
}