@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
/* Ionicons : https://ionicons.com/v2/ */
@import url('../../../nariya/css/ionicons/css/ionicons.min.css');
@import url('../../../nariya/css/g5.css?v=5');
@import url('../../../nariya/css/mask.css');

/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0;	background:#fff; color:#000; }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }

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

.is-mobile .f-md {font-size:18px !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:#fff; overflow:hidden; border-radius:10px;}

#row-area-side {-ms-flex:0 0 350px; flex:0 0 350px; max-width:350px;}
#row-area-content {-ms-flex:0 0 calc(100% - 350px); flex:0 0 calc(100% - 350px); max-width:calc(100% - 350px);}
@media (max-width: 1023px) {
	#row-area-side,
	#row-area-content {-ms-flex:unset; flex:unset; max-width:unset;}
}

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#f7f8fa; 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:5px 0; border-bottom:1px solid #edeef0; background:#fff;}
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 3px; height:40px; line-height:40px; }
#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; /*height:30px; line-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: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 #db3232;color:#db3232; padding:0 10px; line-height:28px; 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-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-radius:5px; background:#f6f7fb; 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;}

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

/* .me-sticky #header_pc .nt-container {padding:0 !important;} */

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { 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);}
#header_mo h3 {position:relative; text-align: center;}
@media(max-width: 1023px) {
	#header_mo h3 #logo_img {max-width:180px;}
}
#header_mo_search {margin-top:9px; font-size:22px; line-height:1;}
#header_mo_alarm {position:relative; margin-top:9px; line-height:1;}
#header_mo_alarm .icon_header_mo_bell {width:20px;}
#header_mo_alarm #header_mo_alarm_cnt {position:absolute; font-size:10px; font-weight:bold; text-align:center; top:-4px; left:10px; line-height:1; min-width:10px; padding:4px 5px 3px; background:#db3232; color:#fff; border-radius:10px; box-shadow:0px 4px 4px -2px #ababab; -webkit-box-shadow:0px 4px 4px -2px #ababab; -moz-box-shadow:0px 4px 4px -2px #ababab; white-space:nowrap; vertical-align:baseline;}

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; /* 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); */ background:#dc3545 !important; }
#nt_menu .header-logo {}
#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 a {color:#fff;}
/*
#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: #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:15px;}
#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_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;}
/* 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 #me-list-pc > ul > li.on > a {color:#edff00;text-shadow: 2px 2px #000000;}
/* 일반형 */
.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-top:4px solid #db3232; background:#db3232; 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 #db3232; 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; *padding:0.29rem 0.5rem;}
.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:#db5454;}
.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; } /* 1차 서브메뉴 높이설정 : 페딩값으로 조절 */
.nt-menu-full .sub-2div .me-sh { padding:0.59rem 1.0rem; } /* 2차 서브메뉴 높이설정 : 페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap {padding:0; border-bottom:4px solid #dc354569;
box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);}
#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: 1023px) {
	#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.5);font-weight: bold; }
#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 {color:#db3232 !important;}
#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_title { position:relative; overflow:hidden; }
#nt_title .nt-container { position:relative; z-index:2; }
#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family: dotum;	font-weight: normal; content:">"; }
#nt_title a { background: none !important; }
.pt-nav-wrap { margin-right:-2px; }
.pt-nav { position:absolute; top:0; left:-1px; width:100%; z-index:10; }
@media all and (max-width:1023px) {
	.responsive #nt_title .page-title { font-size:24px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:22px; }
}

/********************************************************
■ 메인페이지
********************************************************/
#nt_body {background:#f7f8fa; margin-top:30px; margin-bottom:30px;}
@media (max-width: 575px) {
	#nt_body {padding:0 5px;}
}

/* 상단 소개 */
/* #main_con_1 {position:relative; display:flex; align-items:center; background:url('../img/img_main_bg_1.png') no-repeat; background-size:cover; padding:40px; background-position:center; line-height:1; height:170px;} */
#main_con_1 img {max-width:100%;}
#main_con_1 .main_con_1_text_b {position:relative; font-size:21px; color:#434341; margin-bottom:15px; z-index:1;}
#main_con_1 .main_con_1_text_b span {color:#db3232; font-weight:bold;}
#main_con_1 .main_con_1_text_s {position:relative; color:#434341; opacity:0.6;  z-index:1;}
#main_con_1 .main_con_1_img_inner {position:absolute; bottom:0; right:0;}
@media (max-width: 1024px) {
	/* #main_con_1 {padding:20px; *padding:40px 20px; height:auto; line-height:1.4;} */
	#main_con_1 .main_con_1_img_inner {right:-40px;}
	#main_con_1 .main_con_1_text_b {font-size:18px;}
	#main_con_1 .main_con_1_text_s {font-size:13px;}
	#main_con_1 .main_con_1_img_inner {opacity:0.4;}
}
@media (max-width: 1023px) {
	#main_con_1 .img_inner {*right:-100px; opacity:0.4;}
}
 
/* 메인 배너 */
#main_banner {margin:60px 0 50px;}
.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:-4px;}
.main_banner_title .icon_main_banner_title:first-child {margin-right:5px;}
.main_banner_title .icon_main_banner_title:last-child {margin-left:5px;}
.main_banner_title h2 span {color:#dc3545;}
.main_banner_title2 {color:#666; text-align:center; margin-top:6px; margin-bottom:35px;}
/*
@media (max-width: 1024px) {
	#main_banner {margin:50px 0;}
}
*/
@media (max-width: 1023px) {
	.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_con_11 .main_explain_con_img {top:42px; right:56px;}
#main_con_11_2 {padding-top:0;}
#main_con_11_2 .main_explain_con_title {background:#3a1ea0;}
#main_con_11_2 .main_explain_con div:first-child span {font-weight:bold; color:#3a1ea0;}
#main_con_11_2 .main_explain_con_inner_end {color:#999;}
.main_con_11_2_2 {}
.main_con_11_2_2 li {display:flex; flex-wrap:nowrap; margin-bottom:25px;}
.main_con_11_2_2 li:first-child {margin-top:40px;}
.main_con_11_2_2 li:last-child {margin-bottom:40px;}
.main_con_11_2_2 li > div:first-child {flex-basis:23%; padding-top:5px; padding-left:8px;}
.main_con_11_2_2 li > div:first-child img {margin-left:3px;}
.main_con_11_2_2 li > div:first-child img:first-child {margin-left:0;}
.main_con_11_2_2 li > div:last-child {flex-basis:77%;}
.main_con_11_2_2 li > div:last-child strong {display:block; font-size:16px; color:#000; margin-bottom:8px;}
.main_con_11_2_2 li > div:last-child div {*line-height:1.4; font-size:14px;}
#main_con_11_3 {padding-top:20px;}
#main_con_11_3 .main_explain_con_title {background:#222;}
#main_con_11_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#222;}
#main_con_11_3 .main_explain_con_inner_end {text-align:left;}

@media (max-width: 1200px) {
	.main_con_11_2_2 li > div:first-child {flex-basis:30%;}
	.main_con_11_2_2 li > div:last-child {flex-basis:70%;}
	#main_con_11 .main_explain_con_img {opacity:0.4;}
}
@media (max-width: 1024px) {
	#main_con_11 .main_explain_con_img {top:15px; right:15px;}
	.main_con_11_2_2 li {display:block;}
	.main_con_11_2_2 li:first-child {margin-top:30px;}
	.main_con_11_2_2 li > div:first-child {padding-left:0; text-align:center;}
	.main_con_11_2_2 li > div:last-child {margin-top:15px;}
	#main_con_11_3 {padding-top:0;}
}
@media (max-width: 1023px) {
	.main_con_11_2_2 li:last-child {margin-bottom:30px;}
}

/********************************************************
■ 서브페이지
********************************************************/

/* 서브페이지 배너광고 PC */
.totohot_sub_bn ul {display:block;}
.totohot_sub_bn ul::after {content:''; display:block; clear:both;}
.totohot_sub_bn ul li {float:left; width:calc((100% - 12px) / 3); margin-left:6px; margin-top:6px;}
.totohot_sub_bn ul li:nth-child(1),
.totohot_sub_bn ul li:nth-child(2),
.totohot_sub_bn ul li:nth-child(3) {margin-top:0 !important;}
.totohot_sub_bn ul li:nth-child(3n+1) {margin-left:0;}
.totohot_sub_bn ul li img {width:100%;}
@media (max-width: 1023px) {
	.totohot_sub_bn ul li {width:calc((100% - 6px) / 3); margin-left:3px; margin-top:3px;}
}

/* 서브페이지 배너광고 Mobile */
.totohot_sub_bn_m ul {display:block;}
.totohot_sub_bn_m ul::after {content:''; display:block; clear:both;}
.totohot_sub_bn_m ul li {float:left; width:calc((100% - 6px) / 2); margin-left:6px; margin-top:6px; text-align:center;}
.totohot_sub_bn_m ul li img {width:100%;}
.totohot_sub_bn_m ul li:nth-child(1),
.totohot_sub_bn_m ul li:nth-child(2) {margin-top:0 !important;}
.totohot_sub_bn_m ul li:nth-child(odd) {margin-left:0;}
@media (max-width: 1023px) {
	.totohot_sub_bn_m ul li {width:calc((100% - 3px) / 2); margin-left:3px; margin-top:3px;}
}

/* 게시판 상단 배너 */
.bo_top_bn img {max-width:100%;}

/* 게시판 네비바 */
#bo_nav {border:3px solid #db3232; border-radius:8px;}
#bo_nav ul:after {content:''; display:block; visibility:hidden; clear:both;}
#bo_nav ul li {float:left; height:54px; line-height:54px;}
#bo_nav ul li:first-child {background:#db3232; color:#fff; font-weight:bold; padding:0 25px; font-size:20px; line-height:55px;}
#bo_nav ul li a {position:relative; display:block; font-weight:bold; font-size:16px; padding:0 10px;}
#bo_nav ul li a.first_tab {padding-left:20px;}
#bo_nav ul li.on a {color:#db3232;}
#bo_nav ul li.on a:after {content:''; display:block; position:absolute; bottom:11px; left:10px; width:calc(100% - 20px); height:3px; background:#db3232;}
#bo_nav ul li.on a.first_tab:after {width:calc(100% - 30px); left:20px;}
@media(max-width: 1023px) {
	#bo_nav {display:none;}
}

/* 닉네임 복사 버튼 */
.btn_mb_nick_copy {position:relative; cursor:pointer; color:#db3232; font-size:16px;}
.btn_mb_nick_copy .toast_msg {display:none; position:absolute; top:20px; left:0; line-height:1; font-size:14px;}

/* 포인트 즉시지급 버튼 */
.btn_insert_point_event {cursor:pointer; color:#db3232; font-size:16px;}

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

/********************************************************
■ Footer 
********************************************************/
#nt_footer {background:#222; 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;	}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }
}

#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:#e33030; color:#fff;}
#ft_btn #btn_ft_cscenter:hover {background:#c92d2d;}
#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;}
@media(max-width:992px) {
	#ft_logo,
	#ft_center_1,
	#ft_center_2,
	#ft_copyright {margin-bottom:20px;}
	#ft_center_2 {font-size:18px;}
	#ft_copyright {margin-top:0;}
}
@media(max-width:576px) {
	#nt_footer {padding:30px 15px;}
}



/* footer */
li {list-style:none;}
footer {text-align:center; background-color: #333; color:#eee;}
footer .sitemap {overflow:hidden; padding-top:20px; text-align:center;}
footer .sitemap ul {display:inline-block;}
footer .sitemap li {float:left; margin-left:24px;} 
footer .sitemap li:first-child {margin-left:0;}
footer .sitemap li:hover a {color:#ff7916}
footer .sitemap li a {color:#999999; font-size:12px; background:#444; display:block; width:80px; height:32px; line-height:32px;}
footer .site_info {overflow:hidden; text-align:left; padding:20px 0;}
footer .site_info .logo {float:left; margin-left:0px;}
footer .site_info .logo img {margin-top:15px;}
footer .site_info p {float:left; font-size:14px; line-height:28px; font-weight:200; margin-left:50px; color:#a9a9a9;width: calc(100% - 430px); margin: 0 auto; text-align: center;}
footer .site_info .telegram {overflow:hidden; float:right; padding-top:20px; padding-right:0px;}
footer .site_info .telegram li {float:left; box-sizing:border-box; padding-left:20px;}
footer .site_info .telegram li:first-child {padding-left:0;}
footer .site_info .telegram li a {display:block;  text-align:center; width:100px; height:34px; line-height:34px; border-radius:2px; font-size:12px; border:1px solid #444; color:#999; }
footer .site_info .telegram li a i {color:#999;}
footer .footer_info_txt {overflow:hidden; margin:20px 0;}
footer .footer_info_txt dl {float:left; width:33.333%; padding:0 5px; box-sizing:border-box;}
footer .footer_info_txt dt {font-weight:400; font-size:16px; color:#a9a9a9; margin-bottom:10px;}
footer .footer_info_txt dd {color:#a9a9a9; font-size:13px; font-weight:300; line-height:22px; border:1px solid #444; padding:20px;}
footer .footer_info_txt a {color:#a9a9a9}
footer .footer_info_txt dd li {float:left; padding:0 4px; margin-bottom:8px; width:33.333%;}
footer .footer_info_txt dd li .menu {color:#a9a9a9; border:1px solid #444; display:block;  height:34px; line-height:34px; font-size:12px; }
footer .footer_info_txt dd li:hover .menu {background:#1b233e}
footer .footer_info_txt dl:last-child dd {border:0; padding:0 10px; } 

footer .address {color:#a9a9a9; font-size:13px; font-weight:300; line-height:22px; border:1px solid #444; padding:20px;}

footer .sns {overflow:hidden; text-align:center; padding:10px 0;}
footer .sns ul {display:inline-block;}
footer .sns li {float:left; margin-left:40px;}
footer .sns li:first-child {margin-left:0;}
footer .sns li i {color:#eee; font-size:18px;}
footer .copyright {height:50px; line-height:50px; background:#444; color:#fff; font-weight:bold; border-top:1px solid #333;}
.info_box_area {overflow:hidden; margin:10px 0;}
.info_box_area li {float:left; width:25%%; overflow:hidden; box-sizing:border-box; padding:5px; position:relative;}
.info_box_area li .box  {height:80px; --borderWidth:3px; background: #fff; position: relative; border-radius: var(--borderWidth); padding:10px;}
.info_box_area li .box :after { content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); background: linear-gradient(60deg, #ff7916, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #ff7916, #6fba82); border-radius: calc(1.5 * var(--borderWidth)); z-index: -1; animation: animatedgradient 2s ease alternate infinite; background-size: 300% 300%; }
.info_box_area li .box .icons {float:left; width:20%; text-align:center; padding-top:14px;}
.info_box_area li .box .icons i {font-size:28px; color:#ff7916 }
.info_box_area li dl {float:left; overflow:hidden; width:80%; padding-left:5px;}
.info_box_area li dt {color:#ff7916; font-size:16px;}
.info_box_area li dd {font-size:12px; color:#555; letter-spacing:-1px;}
.m_nav_box {overflow:hidden;text-align: center; }
.m_nav_box .frame {overflow: hidden; padding:0px 0px 0 0px;}
.m_nav_box .frame li {position:relative; float: left; width:25%; box-sizing:border-box; padding:5px;}
.m_nav_box .frame li.pointgame {width:50%;}
.m_nav_box .frame li a {font-size: 13px;font-weight: 500;display: block;color: #333;background: #f5f5f5;height: 50px;border-radius: 5px;overflow: hidden;border: 1px solid #ddd; }
.m_nav_box .frame li .icon {margin-top:3px;text-align: center;}
.txt {color: #333;}
.accordion-box .tit {text-align:center; font-size:21px; color:#333; font-weight:bold; letter-spacing:-1px;}
.accordion-button {font-size: 14px;height: 40px;border: 1px solid #ddd;line-height: 40px;color: #333;padding: 0 15px;background-color: #f5f5f5;font-size: 14px;height: 48px;line-height: 48px;cursor: pointer;width: 100%;}
.accordion-body strong {color: #ff7916;}
.accordion-body p {color: #333;}



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

/* 라인 */
.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:1023px) { 
	.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:1024px) {
	.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:1023px) {
	.pagination-top { justify-content: center !important; }
}

/* 사이드 아웃로그인 */
.widget_outlogin_wrap {padding:35px 20px 30px; border-radius:5px 5px 10px 10px;}
.widget_outlogin_wrap:after {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#db3232;}
.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:10px;}
.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:#ffba00; 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;}

/* 이벤트 */
.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; vertical-align:top;}
.wg_head_event_em {color:#ffd400;}

/* 새 글, 새 댓글 */
.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;}
/*.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;}

/* 메인 게시판들 (자유게시판, 유머 & 이슈 ...) */
#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 #eaebed; 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: 1023px) {
	.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:#352977;}
#wg_main_board_mt .wg_head_tabs .wg_head_tab.active:after {background:#352977;}
#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: 1023px) {
	#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;}
}

/********************************************************
■ 모바일 하단바
********************************************************/
#nt_bottom_nav_m {display:none; position:fixed; bottom:0; left:0; width:100%;background: #dc3545;z-index:3040; border-radius:25px 25px 0 0; box-shadow:-2px -2px 6px rgb(50 60 70); -webkit-box-shadow:-2px -2px 6px rgb(50 60 70); -moz-box-shadow:-2px -2px 6px rgb(50 60 70); padding:0 15px;}
#nt_bottom_nav_m ul li {position:relative; float:left; width:calc((100% - 90px) / 4); height:60px; box-sizing: border-box;text-align:center; font-size:12px; padding-top:10px; cursor:pointer;}
#nt_bottom_nav_m ul li:nth-child(3) {width:90px;padding-top:5px;}
/* #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:12px; color:#fff;}
@media (max-width: 1023px) {
	#nt_footer {padding-bottom:72px;}
	#nt_bottom_nav_m {display:block;}
}

/********************************************************
■ 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; text-align: center; }

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

/********************************************************
■ 모바일 여백 조절
********************************************************/
@media (max-width: 1023px) {
	#nt_body {margin-top:15px !important; margin-bottom:15px !important;}
	.bg_gray_boxshadow_slope {margin-bottom:15px !important;}
	#main_con_2_m {margin-top:20px; margin-bottom:15px;}
	#main_banner {margin:30px 0 25px;}
	.main_banner_title2 {margin-bottom:15px;}
	.main_explain_title_wrap {margin-top:25px; margin-bottom:15px;}
	.main_explain_con_wrap {margin-bottom:15px;}
	.totohot_sub_bn_m {margin-bottom:15px !important;}
	.bo_top_bn {margin-bottom:15px !important;}
	.mt-4 {margin-top:1rem !important;}
	.mb-4 {margin-bottom:1rem !important;}
}

/********************************************************
■ 게시판 내부 수정
********************************************************/
#bo_v .bo_v_btn_wrap .btn_b01 {background:#fff; border-radius:5px; border:1px solid #999; color:#333; 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:#f5f5f5;}
#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:#fff2f2;}
#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:#db3232; color:#fff !important; border:1px solid #db3232; 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:#c82333;}
#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:#666 !important; border-left:0 !important; margin-left:0;}
#bo_v_btn_group #btn_bo_nogood img {position:absolute; top:50%; left:0; 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;}

@media (max-width: 1023px) {
	#bo_v_btn_ul {flex-wrap:wrap;}
	#bo_v_btn_ul #bo_v_btn {width:100%; margin:10px 0;}
	#bo_v .bo_v_btn_wrap .btn_b01,
	#bo_v .bo_v_btn_wrap .btn_shingo,
	#bo_v .bo_v_btn_wrap .btn-primary {padding:6px 7px 4px !important; margin-left:2px !important; margin-top:4px; margin-bottom:4px; font-size:13px;}
	#bo_v .bo_v_btn_wrap .btn_shingo img {width:12px;}
	#bo_v .bo_v_btn_wrap .btn-group-vertical .btn-primary {margin:0;}
	#bo_vc .cmt-btn ul > li > a {padding:2px 6px 0;}
	#bo_vc .cmt-btn ul > li > a.na-cgood,
	#bo_vc .cmt-btn ul > li > a.na-cnogood {padding:2px 8px 0;}
}

.box-new
{
	background: #dcdfe5;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 15px;
}
.box-new h2{
	height: 40px;
	line-height: 40px;
	padding: 0px 23px;
    background: #dc3545;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}
.index-highlights{
	background: #1F201F;
    border-radius: 10px;
    margin-bottom: 15px;
	padding-bottom: 15px;
}
.index-highlights h2{
	font-size: 16px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
	border-bottom: 1px solid #3B3B3B;
	box-sizing: border-box;
	padding:0 23px;


}
.index-highlights .content{
	/* height:165px;
	overflow: hidden; */
	
}
.board_content_head
{
	background-color: #ffdcca;
	border-radius: 5px;
	position: relative;
	padding:10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
.board_content_head:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    bottom:0px;
    background: #db3232;
}

.guide_top {position:relative; padding:24px 0; margin:30px 0; overflow:visible;}
.guide_top .title {position:relative; font-size:22px; font-weight:bold; margin-bottom:10px; color:#fff; padding:6px 65px 4px 30px; display:inline-block; border-radius:0 30px 30px 0; background:#db3232; color:#fff word-break:break-all; line-height:1.4; z-index:1;}
.guide_top .con {position:relative; padding:8px 10px 0; z-index:1;}
.guide_top ul li {display:flex; align-items:baseline; position:relative; padding:2px 20px; font-size:15px; font-weight:bold; color:#333;}
.guide_top ul li.btn_bo_safety_wrap {padding-top:6px; padding-bottom:12px;}
.guide_top ul li.btn_bo_safety_wrap::after {content:'';}
.guide_top ul li span {}
.guide_top ul li span:first-child {color:#db3232;}
.guide_top ul li span:last-child {padding-left:3px;}
.guide_top ul li span:last-child b {color:#db3232; text-decoration:underline;}

@media (max-width: 768px) {
	.guide_top {padding-top:16px; padding-bottom:12px; margin-bottom:15px;}
	.guide_top .title {font-size:18px; padding:8px 15px 6px 15px; margin-bottom:5px;}
	.guide_top .con {padding:4px 10px 0;}
	.guide_top ul li {font-size:14px; padding:2px 5px;}
}



/********************************************************
■ 메인 컨텐츠
********************************************************/
.main_txt_box {margin:20px 0; position:relative; }
.main_txt_box .character {position:absolute; bottom:0; right:0; z-index:1;}
.main_txt_box .character img {width:245px;}
.main_txt_box .tit_box {text-align:center;}
.main_txt_box .tit_box h2 {font-size:30px; font-weight:700; letter-spacing:-1.5px;}
.main_txt_box .tit_box p {font-size:15px; color:#484848; margin-top:5px;}
.main_txt_box .con_box {margin-top:15px; position:relative; background:#eee; border-radius:10px; box-shadow:3px 3px 6px rgb(50 60 70 / 10%); min-height:300px; padding:20px 0;} 
.main_txt_box .con_box .top_txt {background:#3f5193; padding:12px 20px; border-radius:0 500px 500px 0; color:#fff; font-size:15px; max-width:574px; }
.main_txt_box .con_box h3 {padding:15px 20px; color:#333; font-size:20px; margin-top:5px;}
.main_txt_box .con_box p {padding:0 20px; width:68%; font-size:14px; color:#666; line-height:1.8;}
.main_txt_box .con_box .txt_list {padding:12px;}
.main_txt_box .con_box .txt_list li {font-size:16px; color:#333; line-height:1.5; margin-bottom:10px;}
.main_txt_box .con_box .txt_list li::before {content: ''; display:inline-block; width:20px; height:20px; background:url("/img/list_symbol.png") no-repeat; background-size: cover; margin-right:8px; vertical-align:middle;}

.bonus .con_box {background:none; box-shadow:none; padding:0; border-radius:0; overflow:hidden;}
.bonus .con_box li {width:calc(25% - 4px); margin-left:5px; float:left; background:#fff; border-radius:10px; text-align:center; box-shadow:3px 3px 6px rgb(50 60 70 / 10%); margin-bottom:10px; height:180px; border: 1px solid #fff2c4; border-top:4px solid #f3cc3e;}
.bonus .con_box li:first-child {margin-left:0;}
.bonus .con_box li:nth-child(5) {margin-left:0;} 
.bonus .con_box li h3 {font-size:15px; padding:0; font-weight:700;}
.bonus .con_box li p {width:100%; font-size:13px; line-height:1.4; margin-top:5px; letter-spacing:-1px;}
.bonus .con_box li .imgs {overflow:hidden; background:#eee; border-radius:500px; width:50px; height:50px; line-height:50px; border:1px solid #ddd; margin:10px auto;}

.bonus .con_box li .imgs {width:40px; height:40px; line-height:40px;}
.bonus .con_box li .imgs img {width:33px; height:33px;}
.bonus .con_box li p {font-size:12px;}

.main_table_box {margin:20px 0; position:relative; padding-bottom:40px;}
.main_table_box .tit_box {text-align:center;}
.main_table_box .tit_box h2 {font-size:30px; letter-spacing:-1.5px;}
.main_table_box .tit_box p {font-size:14px; color:#484848; margin-top:5px;padding:10px 50px;}
.main_table_box table {position:relative; color:#666; border:0; background:#eee;}
.main_table_box table th {text-align:center; height:40px; font-size:15px; background:#444; color:#eee; border:1px solid #333; }
.main_table_box table td {padding:10px; font-size:14px; border:1px solid #ddd;}
.main_table_box table caption {position:absolute; bottom:-35px; left:0; text-align:center;width:100%; }

.main_tip_box {overflow:hidden; margin:10px 0;}
.main_tip_box h2 {text-align:center;}
.main_tip_box p {text-align:center; font-size:15px; color:#484848; margin-top:5px;}
.main_tip_box .con_box {overflow:hidden; padding:10px 0;}
.main_tip_box .con_box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_tip_box .con_box li {flex:0 0 calc(25% - 4px); background:#fff; box-shadow:3px 3px 6px rgb(50 60 70 / 10%); border-radius:12px; border:1px solid #eee; padding:20px 10px; text-align:center;}
.main_tip_box .con_box.three li {flex:0 0 calc(33.333% - 4px); }
.main_tip_box .con_box li h3 {font-size:16px; letter-spacing:-1px;color: #000;}
.main_tip_box .con_box li p {font-size:14px; margin-top:20px;color: #000;}

.info_box {margin-bottom:50px;overflow:hidden; background: #fff; box-shadow: 2px 2px 3px rgb(50 60 70 / 10%); border-radius:10px; border:1px solid #eee;}
.info_box .tit_box {background:url("/img/pragmatic_info_box_bg.jpg") no-repeat;background-size: cover; padding:60px 90px;}
.info_box .tit_box h2 {color:#ffc10a; text-align:center; font-size:30px; letter-spacing:-1.5px; margin-bottom:10px;}
.info_box .tit_box p {color:#ddd; font-size:14px;}
.info_box .con_box {padding:20px;}
.info_box .con_box li {overflow:hidden; margin-top:30px;}
.info_box .con_box li:first-child {margin-top:0;}
.info_box .con_box li h3 {font-size:18px;color: #000; }
.info_box .con_box li h3::before {content: ''; display:inline-block; width:20px; height:20px; background:url("/img/list_symbol.png") no-repeat; margin-right:8px; vertical-align:middle;}
.info_box .con_box li p {color:#666; font-size:14px; line-height:2; letter-spacing:-0.5px; padding:15px 20px;}

.seo_txt {overflow:hidden; margin:20px 0; background:#eee; border-radius:12px; padding:20px; border:1px solid #ddd;}
.seo_txt h2 {font-size:21px; font-weight:bold; margin-bottom:12px;color: #000;padding-top: 20px;}
.seo_txt h3 {font-size:17px; font-weight:bold; margin-top:20px; color:#555;}
.seo_txt h3::before {content:""; width:3px; height:12px; background:#555; display:inline-block; margin-right:5px;}
.seo_txt p {color:#444; line-height:1.4; margin:4px 0;}
.seo_txt dl {overflow:hidden; margin:25px 0;}
.seo_txt dd {padding-left:10px;color: #444;}
.seo_txt dd::before {content:""; width:5px; height:1px; background:#666; display:inline-block; margin-right:5px;}
.seo_txt dt {color: #444;}

.main_explain_title_wrap {text-align:center; margin-top:50px; margin-bottom:30px;}
.main_explain_title,
.main_explain_title h2,
.main_explain_title h3 {font-size:34px; font-weight:bold; letter-spacing:-0.08rem;}
.main_explain_title h2,
.main_explain_title h3 {display:inline;}
.main_explain_title2 {color:#666; text-align:center; margin-top:-4px;}
@media (max-width: 767px) {
	.main_explain_title,
	.main_explain_title h2,
	.main_explain_title h3 {font-size:20px !important;}
	.main_explain_con h1 {font-size:24px !important;}
	.main_explain_con {padding:30px 5px !important;}
	.main_explain_con_title {font-size:20px !important;padding: 10px 10px !important;}
	.main_explain_con > div strong {font-size: 16px !important;}
	#header_mo_search{margin-top: 0px !important;}
}
.main_explain_con_wrap {margin-bottom:30px;}
#row-area-content .main_explain_con_wrap:last-child {margin-bottom:0;}
.main_explain_con_div {position:relative; padding-top:35px;}
.main_explain_con_wrap .main_explain_con_div:first-child {padding-top:0;}
.main_explain_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_explain_con_title h3,
.main_explain_con_title h4 {display:inline; font-weight:bold; font-size:inherit; line-height:inherit;}
.main_explain_con {position:relative; padding:30px 40px; z-index:1; color:#333;}
.main_explain_con > div {margin-top:20px; font-size:14px; letter-spacing:-0.04rem;}
.main_explain_con > div:first-child {margin-top:0;}
.main_explain_con > div strong {position:relative; font-size:28px; line-height:1.5; z-index:1;}
.main_explain_con .main_explain_con_inner_end {text-align:center; color:#666; font-size:14px; letter-spacing:-0.04rem;}
.main_explain_con_img {position:absolute; top:0; right:10px; text-align:right;max-height:100px;}

.main_explain_con > div ul {}
.main_explain_con > div ul li {display:flex; font-size:14px; margin-top:10px; letter-spacing:-0.04rem;}
.main_explain_con > div ul li:first-child {margin-top:0;}
.main_explain_con > div ul li span.main_explain_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_explain_con > div ul li span.main_explain_con_list_img {min-width:175px;}
.main_explain_con > div ul li span.main_explain_con_list_img img {max-width:100%;}
.main_explain_con > div ul li h3 {display:block; font-size:24px; font-weight:bold; margin-bottom:10px;}

#main_con_3 {margin-top:20px; overflow:visible;}
#main_con_3_1 {background:#dcdfe5; padding-top:35px; border-radius:10px 10px 0 0;}
#main_con_3_1 .main_explain_con_title {background:#251965; color:#fff;}
#main_con_3_1 .main_explain_con > div strong span {color:#251965;}
#main_con_3_1 .main_explain_con_img {top:15px;}
#main_con_3_2 {overflow:hidden;}
#main_con_3_2 .main_explain_con_title {background:#e33030;}
#main_con_3_2 .main_explain_con_img {top:20px;}
#main_con_3_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#e33030;}
#main_con_3_2 .main_explain_con .main_explain_con_inner_end {color:#999;}

.div-progress.progress {border: solid 1px #000;position: relative;width: 150px;height: 28px;float: right;overflow: hidden;margin-bottom: 15px;box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);background-color: rgb(245, 245, 245);-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar {background-color: #ffd5d9  !important;}