@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; }

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#f7f8fa; height:100%;}
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
.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: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 #792dff;color:#792dff; padding:0 10px; line-height:28px; font-weight:bold;}
/* #nt_lnb ul > li > a.btn_nt_lnb_02 {background:#792dff; 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;}

/********************************************************
■ 모바일 헤더(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:#792dff; }
#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; }

#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;display: flex; align-items: center; justify-content: center;}
#btn_sidebar_pc i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#792dff;}

/* 일반형 */
.nt-menu .sub-1div { position:absolute; left:0; z-index:21; width:auto; text-align:left; top:100%; 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-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1dul { margin:0 auto; }
.nt-menu .sub-1da { display:block; color:#000; }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#000; background: #4A1C9D; 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-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 #792dff; background:#fff; }
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:900; left:0; top:0; }
#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 {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;	}
}

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

/*  */
.icon_yellow_star { vertical-align:top; margin-top:6px; margin-right:3px; }

#nt_body {background:#f7f8fa; margin-top:30px; margin-bottom:30px;}

.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%;}
.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:#792dff;}
.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/new/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/new/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:#792dff;}
.wg_head_tab.active:after {content:''; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); width:100%; height:4px; background:#792dff; 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_content_wrap {display:none;}
.wg_content_wrap.active {display:block;}

#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:-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: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: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:#dc3545;}
.main_banner_title2 {color:#666; text-align:center; margin-top:6px; margin-bottom:35px;}
/*
@media (max-width: 1024px) {
	#main_banner {margin:50px 0;}
}
*/
@media (max-width: 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/new/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/new/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;}
}

#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:#792dff;}
#wg_main_board_mt .wg_head_tabs .wg_head_tab.active:after {background:#792dff;}
#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;}
}

.mb-30 { margin-bottom:30px; }