@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');

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

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#fff; height:100%;}
.boxed.wrapper { box-shadow: 0px 0px 6px #999; -moz-box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; }
.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: 8.5px 0;
    border-bottom: 1px solid #edeef0;
    background: #fff
}
#nt_lnb ul>li>a.btn_nt_lnb_01 {	
    border: 2px solid #28a745;
    color: #28a745;
    padding: 0 10px;
    line-height: 28px;
    font-weight: 700
}
#nt_lnb ul>li>a.btn_register {
    margin-left: 5px;
    font-weight: 700;
}
#nt_lnb ul>li>a {
    float: left;
    white-space: nowrap;
    display: inline-block;
    height: 30px;
    border-radius: 5px;
}
#nt_lnb ul>li img.icon_yellow_star {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 7px;
}
#nt_lnb ul>li img.icon_event {
    vertical-align: top;
    margin-top: -2px;
    margin-right: 5px
}
#nt_lnb ul>li.dot {
    vertical-align: top;
    margin-top: 3px;

}
#nt_lnb ul>li.dropdown {
    vertical-align: top;
    margin-top: 3px;
	padding: 0 10px;

}
#nt_lnb ul>li.dropdown::after {
content: ""; 
}
/*serch*/
#nt_lnb ul>li.header-search-wrap {
    padding: 0
}
#nt_lnb ul>li.header-search-wrap .header-search {
    vertical-align: top;
    margin-top: -3px;

}
#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
}
/*og*/
#nt_lnb ul { list-style: none; margin: 0;}
#nt_lnb ul > li { float: left; padding: 0 13px; }
#nt_lnb ul > li::after { font-weight: bold; float: right; color:#000; content: "·"; margin-right:-15px; }
#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; }
#nt_lnb .dropdown-toggle::after { color:#ccc; }

/********************************************************
■ PC 헤더(Header)
********************************************************/
.me-sticky .header-left { margin:0 auto 0 0 !important; }
.me-sticky .header-right { margin:0 0 0 auto !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); }

/********************************************************
■ 검색 레이어
********************************************************/
#nt_search { height: 100%; width: 100%; display: none; position: fixed; z-index: 100000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.85); /* Black with a little bit see-through */ }
#nt_search .tcontent { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; }
#nt_search .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; }
#nt_search .closebtn:hover { color: #ccc; }
#nt_search input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; }
#nt_search input[type=text]:hover { background: #f1f1f1; }
#nt_search button { float: left; width: 20%; padding: 15px; font-size: 17px; border: none; cursor: pointer; }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; }
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative; }
#nt_menu .sub-slide { display:none; visibility:visible; }
#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-a { display:block; position:relative; text-align:center; font-weight:bold; color:#000; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:orangered }
#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 .sub-1div { 
	position:absolute;
	left:50%;
	z-index:21;
	width:auto;
	text-align:left;
	top:100%;
	border-top: 4px solid #28a745;
	background:#28a745;
	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-triangle {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    *top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-bottom: 10px solid #28a745;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.nt-menu .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1dul { margin:0 auto; }
.nt-menu .sub-1da { display:block; color:#fff; /*border-bottom: 1px solid #eee;*/ }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-color: #eee;
    font-weight: bold;
}
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */
.nt-menu .sub-1dli .sub-1da {
    padding: .29rem;
    *padding: 0.29rem0.5rem
}
.nt-menu .sub-1dli {
    margin: .3rem .5rem!important
}


/* 풀다운형 */
.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; }
.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 #28a745;
    background: #fff;
}
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:400; left:0; top:0; border-bottom: 4px solid #28a745;}
/*#nt_sticky_wrap.me-sticky .header-logo { width:auto; height:40px; }*/
@media all and (min-width:992px) {
	#nt_sticky_wrap.me-sticky #header_pc { 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); }
	.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_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; }
}

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

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

/* 라인 */
.na-list li { line-height:1.92; }
.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; }
}
/********************************************************
■ 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; }

/* adds */

.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
}

.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: #28a745
}

.widget_outlogin_wrap .form-control {
    height: calc(1.5em + 1.2rem + 2px);
    padding: .6rem .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: 700;
    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
}
/* main width */
#row-area-content {
    flex: 0 0 73.4%;
    max-width: 73.4%;
}
#row-area-side {
	flex: 0 0 26.6%;
    max-width: 26.6%;
}
@media(max-width: 767px) {
    #row-area-side,#row-area-content {
        -ms-flex:unset;
        flex: unset;
        max-width: unset
    }
}
.na-col {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.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: 700
}

.wg_head_tab.active {
    color: #28a745
}

.wg_head_tab.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background: #28a745;
    max-width: 90px
}

#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
}

#nt_menu #btn_sidebar_pc i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #28a745
}
#nt_menu .header-logo {
    padding-left: 30px;
}
#nt_menu #me-list-pc {
    padding-left: 30px;
}
#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_pointzone {
    top: 24px;
    right: -7px
}
#nt_menu .me-a {
    display: block;
    position: relative;
    text-align: center;
    font-weight: 700 !important;
}
#nt_menu .d-flex {
    align-items: center;
}
#nt_menu #me-list-pc ul li {
    margin: 0 3px;
}
#nt_body {
    background: #f7f8fa;
    padding-top: 30px;
    padding-bottom: 30px;
}
@media(max-width: 575px) {
    #nt_body {
        padding:0 15px
    }
}

#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: 700;
    text-align: center;
    top: -4px;
    left: 10px;
    line-height: 1;
    min-width: 10px;
    padding: 4px 5px 3px;
    background: #28a745;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 4px -2px #ababab;
    -webkit-box-shadow: 0 4px 4px -2px #ababab;
    -moz-box-shadow: 0 4px 4px -2px #ababab;
    white-space: nowrap;
    vertical-align: baseline
}
@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
    }
}

/* Footer */
#nt_footer {
    background: #222;
    padding: 26.9px 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: 400;
    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: 700
}
#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: 700;
    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
    }
}

/* Index */
#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: #28a745;
    font-weight: 700
}
#main_con_1 .main_con_1_text_s {
    position: relative;
    color: #434341;
    opacity: .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 .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: .4
    }
}
@media(max-width: 767px) {
    #main_con_1 .img_inner {
        *right:-100px;
        opacity: .4
    }
}
#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: 700;
    letter-spacing: -.08rem
}
#main_con_2 .main_con_2_title img {
    position: absolute
}
#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: 700;
    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: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
    }
}
#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: 700;
    margin-top: 8px
}

@media(max-width: 767px) {
    #main_con_2_m {
        display:block
    }
}
@media(max-width: 767px) {
    #nt_body {
        padding-top:15px!important;
        padding-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
    }
}

/* adds */
#main_banner {
    margin: 30px 0 25px
}

.main_banner_title {
    text-align: center
}

.main_banner_title h2 {
    display: inline-block;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -.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: 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: 700;
    letter-spacing: -.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: 700;
    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: 700;
    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: -.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: -.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: -.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: 700;
    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: 700;
    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: 700
}

#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: .4
    }

    #main_con_3_2 .main_explain_con_img {
        top: -1px;
        right: 15px
    }

    #main_con_5_1 .main_explain_con_img {
        top: 0;
        opacity: .4
    }

    #main_con_6_1 .main_explain_con_img {
        right: 15px;
        opacity: .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: .4
    }

    #main_con_10_1 .main_explain_con_img {
        top: 15px;
        right: 15px;
        opacity: .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: 700;
    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: .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
    }
}

.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
    }
}

.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 #28a745;
    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: #28a745;
    color: #fff;
    font-weight: 700;
    padding: 0 25px;
    font-size: 20px;
    line-height: 55px
}

#bo_nav ul li a {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 16px;
    padding: 0 10px
}

#bo_nav ul li a.first_tab {
    padding-left: 20px
}

#bo_nav ul li.on a {
    color: #28a745
}

#bo_nav ul li.on a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 11px;
    left: 10px;
    width: calc(100% - 20px);
    height: 3px;
    background: #28a745
}

#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: #28a745;
    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: #28a745;
    font-size: 16px
}

#nt_wing .nt-container {
    position: relative;
    overflow: visible!important
}

#nt_wing img {
    max-width: 100%
}

#nt_wing .wing-left,#nt_wing .wing-right {
    position: absolute;
    width: 160px
}

#nt_wing .wing-left {
    left: -180px
}

#nt_wing .wing-right {
    right: -180px
}

.boxed-b #nt_wing .wing-left {
    left: -200px
}

.boxed-b #nt_wing .wing-right {
    right: -200px
}

#nt_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: 400;
    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: 700
}

#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: 700;
    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
    }
}

h3.h3 {
    padding: 0;
    margin: 0;
    font-weight: 700
}

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: 4rem;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1px
}

@media all and (max-width: 575px) {
    .responsive h3.h3 {
        padding-left:1rem;
        padding-right: 1rem
    }

    .responsive hr.hr::after {
        left: 1rem
    }
}

.wg_content_wrap {
    display: none
}

.wg_content_wrap.active {
    display: block
}

.na-list li {
    line-height: 2
}

.na-list .na-line {
    border-bottom: 1px solid #efefef
}

.is-pc .na-list .na-line {
    padding-bottom: .15rem;
    margin-bottom: .15rem
}

.is-mobile .na-list .na-line {
    padding-bottom: .2rem;
    margin-bottom: .25rem
}

.f-h1 {
    font-size: 18px!important
}

.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: .35rem .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 1rem!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: 0 0!important;
    color: rgba(255,255,255,.5)!important;
    line-height: 1!important
}

.owl-slider.owl-nav-title .owl-nav button:hover {
    background: 0 0!important;
    color: #fff!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: #28a745
}

.widget_outlogin_wrap .form-control {
    height: calc(1.5em + 1.2rem + 2px);
    padding: .6rem .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: 700;
    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: 700;
    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: 700
}

.wg_head_tab.active {
    color: #28a745
}

.wg_head_tab.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background: #28a745;
    max-width: 90px
}

#wg_latest_wr_n_cmt .wg_head_tab.active:after {
    max-width: 70px
}

#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: 700
}

#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: 700;
    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: #28a745;
}

#wg_main_board_mt .wg_head_tabs .wg_head_tab.active:after {
    background: #28a745;
}

#wg_main_board_mt .wg_head_tabs .wg_head_more {
    position: absolute;
    bottom: -15%;
    transform: translateY(-50%);
    right: 20px;
	font-size: 14px;
    font-weight: 700
}

#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: 0 -4px 12px rgb(50 60 70/15%);
    -webkit-box-shadow: 0 -4px 12px rgb(50 60 70/15%);
    -moz-box-shadow: 0 -4px 12px rgb(50 60 70/15%);
    padding: 0 15px
}

#nt_bottom_nav_m ul li {
    position: relative;
    float: left;
    width: calc((100% - 90px)/4);
    height: 42px;
    text-align: center;
    font-size: 12px;
    padding-top: 3px;
    cursor: pointer
}

#nt_bottom_nav_m ul li:nth-child(3) {
    width: 90px
}

#nt_bottom_nav_m ul li:nth-child(3) img {
    position: absolute;
    bottom: 0;
    left: 0
}

#nt_bottom_nav_m ul li a {
}

#nt_bottom_nav_m ul li img {
    max-width: 100%
}

#nt_bottom_nav_m ul li div {
    font-size: 11px;
    color: #333
}

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

    #nt_bottom_nav_m {
        display: block
    }
}

.tooltip .tooltip-inner {
    font-size: 1rem!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: .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: .5rem!important
}

.custom-switch .custom-control-label::before,.custom-switch .custom-control-label::after {
    margin-top: 2px
}

.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
}

.col-form-label {
    font-weight: 700
}

.page-link,.page-link:hover,.page-link:focus {
    color: #333
}

.na-round,.view_image img,.pretty-embed img {
    border-radius: .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) {
    .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: #28a745;
    color: #fff!important;
    border: 1px solid #28a745;
    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: #19692c
}

#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: 400;
    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: 400;
    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: #28a745;
    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
    }
}

/* tail */
.board_notice_wrap {}
.board_notice_wrap br.show_sm {display:none;}

.board_notice_wrap#board_notice_review .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_review_new.png') no-repeat;background-size:cover;}
.board_notice_wrap#board_notice_safety .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_safety.png') no-repeat;background-position:right;background-size:cover;}
.board_notice_wrap#board_notice_mttip .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_mttip.png') no-repeat;background-size:cover;}
.board_notice_wrap#board_notice_analysis .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_analysis.png') no-repeat;background-position:center;background-size:cover;}
.board_notice_wrap#board_notice_hunting .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_hunting.png') no-repeat;background-position:center;background-size:cover;}
.board_notice_wrap#board_notice_tototip .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_tototip.png') no-repeat;background-position:center;background-size:cover;}
.board_notice_wrap#board_notice_freemoney .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_freemoney.png') no-repeat;background-position:center;background-size:cover;}
.board_notice_wrap#board_notice_promotion .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_promotion.png') no-repeat;background-position:center;background-size:cover;}
.board_notice_wrap#board_notice_event .board_notice_top {background:url('/theme/totohill/img/board_notice_top_bg_event.png') no-repeat;background-position:center;background-size:cover;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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