@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');
@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 26.6%; flex:0 0 26.6%; max-width:26.6%;}
#row-area-content {-ms-flex:0 0 73.4%; flex:0 0 73.4%; max-width:73.4%;}
@media (max-width: 767px) {
	#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:10px 0; border-bottom:1px solid #edeef0; background:#fff;}
#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; /*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 #3da8a8;color:#3da8a8; padding:0 10px; line-height:28px; font-weight:bold;}
/* #nt_lnb ul > li > a.btn_nt_lnb_02 {background:#3da8a8; 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:0; 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); background:#fff; }
#header_mo h3 {position:relative;}
@media(max-width: 767px) {
	#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:#3da8a8; 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:#fff !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-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:30px;}
#nt_menu #me-list-pc ul li {margin:0 4px;}
#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:#3da8a8;}

/* 일반형 */
.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 #3da8a8; background:#3da8a8; 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 #3da8a8; 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 #3da8a8; background:#fff;}
#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: 767px) {
	#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(0,0,0,0) 0, #fff 60%); }
#nt_menu_mobile .gra-right-white { right:0; background: linear-gradient(to right, rgba(0,0,0,0) 0, #fff 60%); }
#nt_menu_mobile #mobile_sub ul li a {position:relative;}
#nt_menu_mobile #mobile_sub ul li.active a:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#3da8a8;}

/********************************************************
■ 페이지 타이틀
********************************************************/
#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:767px) {
	.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 15px;}
}

/* 상단 소개 */
/* #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:#3da8a8; 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: 767px) {
	#main_con_1 .img_inner {*right:-100px; opacity:0.4;}
}

/* 먹튀 신고, 사이트 평점, 꽁머니 교환 PC */
#main_con_2 {margin-bottom:30px;}
#main_con_2:after {display:block; content:''; visibility:hidden; clear:both;}
#main_con_2 > div {display:flex; align-items:center; float:left; width:calc((100% - 34px) / 3); margin-left:17px; text-align:center; height:130px; cursor:pointer;}
#main_con_2 > div:first-child {margin-left:0;}
#main_con_2 .main_con_2_div {width:100%; margin-top:3px;}
#main_con_2 .main_con_2_title {position:relative; font-size:26px; font-weight:bold; letter-spacing:-0.08rem;}
#main_con_2 .main_con_2_title img {position:absolute;}
/*
#main_con_2_1 .main_con_2_title img {top:-10px;}
#main_con_2_2 .main_con_2_title img {top:-14px;}
#main_con_2_3 .main_con_2_title img {top:-2px;}
#main_con_2_1 .main_con_2_title span {margin-left:60px;}
#main_con_2_2 .main_con_2_title span {margin-left:68px;}
#main_con_2_3 .main_con_2_title span {margin-left:75px;}
#main_con_2 .main_con_2_text {font-size:13px; color:#666; margin-top:5px;}
*/
#main_con_2_1 .main_con_2_title img {top:-8px;}
#main_con_2_2 .main_con_2_title img {top:-3px;}
#main_con_2_3 .main_con_2_title img {top:-4px;}
#main_con_2_1 .main_con_2_title span {margin-left:70px;}
#main_con_2_2 .main_con_2_title span {margin-left:75px;}
#main_con_2_3 .main_con_2_title span {margin-left:70px;}
#main_con_2 .main_con_2_text {font-size:13px; color:#666; margin-top:10px;}
#main_con_2 .main_con_2_btn {margin-top:15px;}
#main_con_2 .main_con_2_btn a {padding:0 12px; height:30px; line-height:30px; font-weight:bold; border-radius:6px; font-size:13px;}
#main_con_2 .main_con_2_btn a span {display:inline-block; vertical-align:top; margin-top:2px;}
/*
@media (max-width: 1024px) {
	#main_con_2 > div {width:100%; margin-left:0; margin-top:10px;}
	#main_con_2 > div:first-child {margin-top:0;}
	#main_con_2 .main_con_2_title {font-size:24px;}
	#main_con_2_1 .main_con_2_title img {top:-12px;}
	#main_con_2_2 .main_con_2_title img {top:-16px;}
	#main_con_2_3 .main_con_2_title img {top:-4px;}
	#main_con_2 .main_con_2_text {margin-top:10px;}
}
*/
@media (max-width: 1024px) {
	#main_con_2 > div {width:calc((100% - 20px) / 3); height:110px; margin-left:10px;}
	#main_con_2 .main_con_2_div {margin-top:15px;}
	#main_con_2 .main_con_2_title {font-size:16px;}
	#main_con_2 .main_con_2_title img {width:40px; top:-20px; left:50%; transform:translateX(-50%);}
	#main_con_2_2 .main_con_2_title img {top:-15px;}
	#main_con_2 .main_con_2_title span {margin-left:0; display:inline-block; margin-top:15px;}
	#main_con_2 .main_con_2_text {display:none;}
	#main_con_2 .main_con_2_btn {margin-top:3px;}
}
@media (max-width: 767px) {
	/* #main_con_2 {display:none;} */
}

/* 먹튀 신고, 사이트 평점, 꽁머니 교환, 이벤트, 출석부 Mobile */
#main_con_2_m {display:none; margin-top:40px; margin-bottom:30px;}
#main_con_2_m ul {font-size:0;}
#main_con_2_m ul:after {content:''; display:block; visibility:hidden; clear:both;}
#main_con_2_m ul li {display:inline-block; width:20%; text-align:center;}
#main_con_2_m ul li a {position:relative; display:block; padding:0 4px; text-align:center;}
#main_con_2_m ul li a .bg_circle {padding-top:100%; background:#fff; border-radius:50%; box-shadow:2px 2px 4px 1px #e9e9e9; -webkit-box-shadow:2px 2px 4px 1px #e9e9e9; -moz-box-shadow:2px 2px 4px 1px #e9e9e9;}
#main_con_2_m ul li a .img {position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%);}
#main_con_2_m ul li a .img img {max-width:45%; vertical-align:middle;}
#main_con_2_m ul li .text {font-size:12px; color:#333; font-weight:bold; margin-top:8px;}
@media(max-width: 767px) {
	#main_con_2_m {display:block;}
}

/* 메인 배너 */
#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:#3da8a8;}
.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: 767px) {
	.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_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:26px;}
}
.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:0; text-align:right;}

.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:89px; 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; font-size:inherit; font-weight:inherit;}
#main_con_3_1 .main_explain_con > div strong span {color:#251965;}
#main_con_3_1 .main_explain_con_img {top:-54px;}
#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:-75px; right:50px;}
#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;}

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

#main_con_5_1 {background:#ffc400; overflow:hidden;}
#main_con_5_1 .main_explain_con_img {top:-18px;}
#main_con_5_1 .main_explain_con_img img {width:100%;}
#main_con_5_2 .main_explain_con_title {background:#ffc400; color:#000;}
#main_con_5_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ffc400; color:#000;}

#main_con_6_1 .main_explain_con_img {top:-10px; right:55px;}
#main_con_6_2 {padding-top:0;}
#main_con_6_2 .main_explain_con_title {background:#1bbf87;}
#main_con_6_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#1bbf87;}
#main_con_6_3 {padding-top:0;}
#main_con_6_3 .main_explain_con_title {background:#e33030;}
#main_con_6_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#e33030;}

#main_con_7_1 {background:#161223; padding:19px 0; overflow:hidden;}
#main_con_7_1 .main_explain_con {color:#fff; text-align:center;}
#main_con_7_1 .main_explain_con > div strong {display:block; color:#7e38ff; font-size:34px; margin-top:15px;}
#main_con_7_1 .main_explain_con_img_left {left:0; right:unset; transform:rotateY(180deg);}
#main_con_7_1 .main_explain_con_img {height:100%;}
#main_con_7_1 .main_explain_con_img img {width:auto; height:100%;}
#main_con_7_2 .main_explain_con_title {background:#7138da;}
#main_con_7_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#7138da;}
#main_con_7_3 {padding-top:0;}
#main_con_7_3 .main_explain_con_title {background:#f04ca5;}
#main_con_7_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#f04ca5;}

#main_con_8_1 {background:url('../img/img_main_con_8_1_bg.png') no-repeat; background-size:cover; background-position:center;}
#main_con_8_1 .main_explain_con {text-align:center; color:#fff;}
#main_con_8_1 .main_explain_con > div strong {display:block; color:#feba3e; margin-top:15px;}
#main_con_8_2 .main_explain_con_title {background:#191766;}
#main_con_8_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#191766;}
#main_con_8_3 {padding-top:0;}
#main_con_8_3 .main_explain_con_title {background:#9130d1;}
#main_con_8_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#9130d1;}

#main_con_9 {overflow:visible;}
#main_con_9_1 .main_explain_con_img {top:-34px; right:24px;}
#main_con_9_2 {padding-top:0;}
#main_con_9_2 .main_explain_con_title {background:#32327f;}
#main_con_9_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#32327f;}
#main_con_9_3 {padding-top:0;}
#main_con_9_3 .main_explain_con_title {background:#32327f;}
#main_con_9_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#32327f;}
#main_con_9_3 .main_explain_con .main_explain_con_inner_end {font-weight:bold;}
#main_con_9_4 {padding-top:0;}
#main_con_9_4 .main_explain_con_title {background:#ff7200;}
#main_con_9_4 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff7200;}

#main_con_10_1 .main_explain_con_img {top:54px; right:70px;}
#main_con_10_2 {padding-top:0;}
#main_con_10_2 .main_explain_con_title {background:#ed2026;}
#main_con_10_2 .main_explain_con > div ul li {align-items:center;}
#main_con_10_2 .main_explain_con > div ul li {margin:40px 0;}
#main_con_10_2 .main_explain_con .main_explain_con_inner_end {color:#999; margin-bottom:20px;}
#main_con_10_3 {padding-top:0;}
#main_con_10_3 .main_explain_con_title {background:#222;}
#main_con_10_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#222;}
#main_con_10_4 {padding-top:0;}
#main_con_10_4 .main_explain_con_title {background:#222;}
#main_con_10_4 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#222;}


@media (max-width: 1024px) {
	.main_explain_con_title {display:block; border-radius:0;}
	.main_explain_con_title,
	.main_explain_con {padding-left:15px !important; padding-right:15px !important;}
	.main_explain_con_img img {width:60%;}
	
	#main_con_3 {margin-top:0;}
	#main_con_3_1 .main_explain_con_img {top:120px; right:-10px; opacity:0.4;}
	#main_con_3_2 .main_explain_con_img {top:-1px; right:15px;}
	#main_con_5_1 .main_explain_con_img {top:0; opacity:0.4;}
	#main_con_6_1 .main_explain_con_img {right:15px; opacity:0.4;}
	#main_con_7_1 .main_explain_con_img_left {display:none;}
	#main_con_9_1 .main_explain_con_img {top:15px; right:0; opacity:0.4;}
	#main_con_10_1 .main_explain_con_img {top:15px; right:15px; opacity:0.4;}
}

@media (max-width: 767px) {
	#row-area-content .main_explain_con_wrap:last-child {margin-bottom:30px;}
	.main_explain_con_wrap br.hide_sm {display:none;}
	.main_explain_con_title {font-size:18px;}
	.main_explain_con > div strong {font-size:20px;}
	.main_explain_con > div ul li span.main_explain_con_list_img {margin-bottom:30px; text-align:center;}
	.main_explain_con > div ul li h3 {font-size:18px;}
	.main_explain_con .main_explain_con_inner_end {text-align:left;}
	
	#main_con_4_1 {background-position:90%;}
	#main_con_7_1 .main_explain_con {text-align:left;}
	#main_con_7_1 .main_explain_con > div strong {font-size:26px;}
	#main_con_8_1 {background-position:3%;}
	#main_con_8_1 .main_explain_con {text-align:left;}
	#main_con_10_2 .main_explain_con > div ul li {display:block;}
	#main_con_10_2 .main_explain_con > div ul li span {display:block;}
	#main_con_10_2 .main_explain_con > div ul li {margin-top:30px; margin-bottom:0;}
	#main_con_10_2 .main_explain_con > div ul li:first-child {margin-top:10px;}
	#main_con_10_2 .main_explain_con .main_explain_con_inner_end {margin-bottom:0;}
}

/* 파워볼 내용 */
#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: 767px) {
	.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: 767px) {
	.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: 767px) {
	.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 #3da8a8; 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:#3da8a8; 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:#3da8a8;}
#bo_nav ul li.on a:after {content:''; display:block; position:absolute; bottom:11px; left:10px; width:calc(100% - 20px); height:3px; background:#3da8a8;}
#bo_nav ul li.on a.first_tab:after {width:calc(100% - 30px); left:20px;}
@media(max-width: 767px) {
	#bo_nav {display:none;}
}

/* 닉네임 복사 버튼 */
.btn_mb_nick_copy {position:relative; cursor:pointer; color:#3da8a8; 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:#3da8a8; 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;}
}

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

/* 사이드 아웃로그인 */
.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:#3da8a8;}
.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:#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:#3da8a8;}
.wg_head_tab.active:after {content:''; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); width:100%; height:4px; background:#3da8a8; 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: 767px) {
	.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: 767px) {
	#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:#fff; z-index:1040; border-radius:25px 25px 0 0; box-shadow:0px -4px 12px rgb(50 60 70 / 15%); -webkit-box-shadow:0px -4px 12px rgb(50 60 70 / 15%); -moz-box-shadow:0px -4px 12px rgb(50 60 70 / 15%); padding:0 15px;}
#nt_bottom_nav_m ul li {position:relative; float:left; width:calc((100% - 90px) / 4); height:42px; text-align:center; font-size:12px; padding-top:3px; cursor:pointer;}
#nt_bottom_nav_m ul li:nth-child(3) {width:90px;}
#nt_bottom_nav_m ul li:nth-child(3) img {position:absolute; bottom:0; left:0;}
#nt_bottom_nav_m ul li a {}
#nt_bottom_nav_m ul li img {max-width:100%;}
#nt_bottom_nav_m ul li div {font-size:11px; color:#333;}
@media (max-width: 767px) {
	#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; }

/* 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: 767px) {
	#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:#3da8a8; color:#fff !important; border:1px solid #3da8a8; 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:#3da8a8; 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: 767px) {
	#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;}
}