@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.css');
@font-face {
    font-family: 'BMJUA';
    src: url('./font/BMJUA') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BMJUA';
    src: url('./font/BMJUA.ttf') format('truetype');
}
/********************************************************
■ 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:"BMJUA"; }
a{text-decoration: none; color: #000;}

a:hover {color: #ffba00;}


/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.nt-container,
.nt-container-wide { margin:0 auto; }

/********************************************************
■ 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 ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 13px; }
#nt_lnb ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; 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; }

/********************************************************
■ 헤더(Header)
********************************************************/
#nt_header .nt-container { background: url('../img/header.jpg') no-repeat right top; }
#nt_header .header-logo img { width:auto; max-height:100px; }
#nt_header .header-search form { padding:0; border-width:3px; border-style:solid; width:100%; margin-top:18px; }
#nt_header .header-search input {margin-left:15px; font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
#nt_header .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#nt_header .header-search .btn { border:0; background: none !important; outline:none; }

/********************************************************
■ 메뉴바
********************************************************/
#nt_sticky_wrap { 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); }
.menu-bar-wrap { border-top:1px solid #eee;  }
.menu-bar { border-bottom:1px solid #eee; }

.side_shadow {border-radius:15px; padding:15px;border:1px solid #ddd; 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; font-family:'BMJUA' !important;  }
#nt_menu .nt-container,
#nt_menu .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; font-family:'BMJUA' !important; font-size:30px; font-weight:normal !important; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#ffba00; }
#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: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); border-top:3px solid #eee; }
.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; 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:#000; background: #f5f5f5; 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_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:400; left:0; top: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; }
}


/********************************************************
■ 메인
********************************************************/
/* 메인 최상단 배너 */
#main_bn_top {margin-bottom:10px !important; padding:49px 35px; border-radius:10px; background-size:cover; background-position:100% center; background-repeat:no-repeat;}
#main_bn_top .text_wrap {}
#main_bn_top .text_wrap div br.mobile {display:none;}
#main_bn_top .text_wrap div:first-child {font-family:'BMJUA'; color:#fff; font-size:28px; line-height:1.2; letter-spacing:-0.02em;}
#main_bn_top .text_wrap div:first-child span.red {color:#ff4545;}
#main_bn_top .text_wrap div:first-child span.yellow {color:#fdba1f;}
#main_bn_top .text_wrap div:last-child {color:#999; margin-top:10px; font-size:14px;}

@media (max-width: 768px) {
	#main_bn_top {padding:20px 15px;}
	#main_bn_top .text_wrap div:first-child {font-size:20px;}
	#main_bn_top .text_wrap div:last-child {font-size:12px;}
}

@media (max-width: 576px) {
	#main_bn_top {background-position:88% center;}
	#main_bn_top .text_wrap div br.mobile {display:block;}
}

/* 공식보증업체 */
@media (max-width: 768px) {
	#main_partner br.pc {display:none;}
	#main_bn_top {margin-top:15px}
}

/* 공통 */
.main_section {margin:60px 0 30px;}
.main_section .title {font-family:'BMJUA' !important; font-size:38px; font-weight:bold; color:#333; text-align:center; margin-bottom:20px;}
.main_section .sub_title {color:#666; text-align:center; margin-top:-20px; margin-bottom:30px; line-height:1.6;}

@media (max-width: 768px) {
	.main_section {margin:30px 0 15px;}
	.main_section .title {font-size:26px;}
	.main_section .sub_title {margin-bottom:15px; font-size:14px;}
}

/* 코드방 소개 */
#main_intro {margin:60px 0 20px;}
#main_intro br.mobile {display:none;}
#main_intro .content_wrap {position:relative; background:#f0f0f0; border-radius:10px; padding:30px 35px; margin-top:60px;}
#main_intro .content_wrap img.img_bg {position:absolute; bottom:10px; right:10px;}
#main_intro .content_wrap .label {line-height:1; margin-left:-35px;}
#main_intro .content_wrap .label span {display:inline-block; font-family:'BMJUA'; background:#fdb91f; color:#000; font-size:18px; border-radius:0 25px 25px 0; padding:6px 28px 4px 40px;}
#main_intro .content_wrap .text_wrap {position:relative; z-index:1;}
#main_intro .content_wrap .text_wrap .subject {font-family:'BMJUA'; color:#000; font-size:28px; line-height:1.2; letter-spacing:-0.025em; margin-top:15px;}
#main_intro .content_wrap .text_wrap .subject span.underline {text-decoration:underline; text-decoration-color:#fdb91f; text-decoration-thickness:8px; text-underline-offset:-2px;}
#main_intro .content_wrap .text_wrap .text {color:#999; font-size:14px; margin-top:8px;}

@media (max-width: 1024px) {
	#main_intro .content_wrap {margin-top:0;}
	#main_intro .content_wrap img.img_bg {display:none;}
}

@media (max-width: 768px) {
	#main_intro {margin:30px 0 15px;}
	#main_intro .content_wrap {padding:20px;}
	#main_intro .content_wrap .label {margin-left:-20px;}
	#main_intro .content_wrap .label span {font-size:16px; padding:6px 15px 6px 20px;}
	#main_intro .content_wrap .text_wrap .subject {font-size:20px; margin-top:10px;}
	#main_intro .content_wrap .text_wrap .subject span.underline.pc:after {display:none;}
	#main_intro .content_wrap .text_wrap .subject span.underline.m {display:inline-block;}
	#main_intro .content_wrap .text_wrap .subject span.underline.m:after {display:block;}
	#main_intro .content_wrap .text_wrap .text {font-size:13px;}
}

@media (max-width: 576px) {
	#main_intro br.pc {display:none;}
	#main_intro br.mobile {display:block;}
}

/* 먹튀검증 체크리스트 */
#main_mt_checklist {margin-bottom:15px;}
#main_mt_checklist > div {margin-top:10px; border-radius:10px; background-size:cover; background-position:100% center; background-repeat:no-repeat; padding:20px 35px 24px;}
#main_mt_checklist > div:first-child {margin-top:0;}
#main_mt_checklist > div .num {font-family:'BMJUA'; color:#ffbf00; font-size:18px;}
#main_mt_checklist > div .title {font-family:'BMJUA'; color:#fff; font-size:32px; line-height:1.2;}
#main_mt_checklist > div .text {color:#fff; font-size:14px; margin-top:8px; line-height:1.6;}

@media (max-width: 768px) {
	#main_mt_checklist > div {padding:10px 20px 12px;}
	#main_mt_checklist > div .num {font-size:14px;}
	#main_mt_checklist > div .title {font-size:24px;}
	#main_mt_checklist > div .text {font-size:12px; margin-top:3px;}
	#main_mt_checklist > div .text br.pc {display:none;}
}


/* 추천인코드 바로알기 */
#main_code_guide .content_wrap {padding:20px 20px 30px; border-radius:10px; box-shadow:3px 3px 6px rgb(80 80 80 / 10%), -3px 0px 3px rgb(80 80 80 / 10%); -webkit-box-shadow:3px 3px 6px rgb(80 80 80 / 10%), -3px 0px 3px rgb(80 80 80 / 10%); -moz-box-shadow:3px 3px 6px rgb(80 80 80 / 10%), -3px 0px 3px rgb(80 80 80 / 10%);}

#main_code_guide .content_wrap ul li {padding:20px 0 25px; border-bottom:4px solid #fdb91f;}
#main_code_guide .content_wrap ul li:first-child {padding-top:0;}
#main_code_guide .content_wrap ul li > div:first-child {font-family:'BMJUA'; font-size:32px; color:#333; letter-spacing:-0.02em;}
#main_code_guide .content_wrap ul li > div:first-child span {color:#fdb91f; margin-right:5px;}
#main_code_guide .content_wrap ul li > div:last-child {font-size:14px; line-height:1.6; margin-top:10px; color:#666;}

@media(max-width: 1024px) {
	#main_code_guide br.pc {display:none;}
}

@media(max-width: 768px) {
	#main_code_guide .content_wrap {padding:12px 20px 25px;}
	#main_code_guide .content_wrap ul li {padding:10px 0 17px;}
	#main_code_guide .content_wrap ul li > div:first-child {font-size:22px;}
	#main_code_guide .content_wrap ul li > div:last-child {margin-top:5px; font-size:12px;}
}

/* 자주묻는질문 */
#main_qna {margin-bottom:15px;}
#main_qna .header {background:#000; font-family:'BMJUA'; font-size:22px; color:#fff; text-align:center; padding:6px 0 5px; border-radius:10px;}
#main_qna .header img {margin-right:3px;}
#main_qna .content_wrap {padding:25px 20px; margin-top:10px; border-radius:10px; box-shadow:3px 3px 6px rgb(80 80 80 / 10%), -3px 0px 3px rgb(80 80 80 / 10%); -webkit-box-shadow:3px 3px 6px rgb(80 80 80 / 10%), -3px 0px 3px rgb(80 80 80 / 10%); -moz-box-shadow:3px 3px 6px rgb(80 80 80 / 10%), -3px 0px 3px rgb(80 80 80 / 10%);}

#main_qna .content_wrap ul li {border-bottom:2px solid #000; padding:20px 0 15px;}
#main_qna .content_wrap ul li:first-child {padding-top:0;}
#main_qna .content_wrap ul li > div {display:flex;}
#main_qna .content_wrap ul li > div span {display:inline-block; font-family:'BMJUA'; font-size:24px; font-weight:normal; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; margin-right:10px;}
#main_qna .content_wrap ul li > div:first-child {align-items:flex-start; *align-items:center; font-size:18px; font-weight:bold; padding-bottom:10px;}
#main_qna .content_wrap ul li > div:last-child {align-items:flex-start; border-top:1px dashed #dbdbdb; font-size:14px; line-height:1.6; padding-top:10px;}
#main_qna .content_wrap ul li > div:first-child span {background:#fdb91f; color:#fff;}
#main_qna .content_wrap ul li > div:last-child span {background:#000; color:#fdb91f;}
#main_qna .content_wrap ul li > div.item_a i {display:inline-block; background:url('../img/icon_main_qna_a.png') no-repeat; width:13px; height:13px; margin-right:7px;}
#main_qna .content_wrap ul li > div:first-child > div:last-child {padding-top:5px;}
#main_qna .content_wrap ul li > div:last-child > div:first-child {display:flex; flex-wrap:nowrap; align-items:center;}
#main_qna .content_wrap ul li > div:last-child > div:last-child {padding-top:2px;}

@media(max-width: 768px) {
	#main_qna br.pc {display:none;}
	#main_qna .header {font-size:20px;}
	#main_qna .content_wrap {padding:20px;}
	#main_qna .content_wrap ul li {padding:13px 0 10px;}
	#main_qna .content_wrap ul li > div span {font-size:18px; width:30px; height:30px; line-height:30px; margin-right:8px;}
	#main_qna .content_wrap ul li > div:first-child {font-size:16px; padding-bottom:8px;}
	#main_qna .content_wrap ul li > div:last-child {font-size:12px; padding-top:8px;}
	#main_qna .content_wrap ul li > div:first-child > div:last-child {padding-top:2px;}
}

/********************************************************
■ 페이지 타이틀
********************************************************/
#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:#000; padding:40px 0;  color:#fff;}
#nt_footer .inner {display:table; width:100%;}
#nt_footer .inner .tbl_row {display:table-row;}
#nt_footer .inner .tbl_row .cell {display:table-cell; vertical-align:middle;}
#nt_footer .inner .tbl_row .cell .left_wrap {display:flex; align-items:center; padding-right:20px;}
#nt_footer .inner .tbl_row .cell .left_wrap .copyright {margin-left:48px;}
#nt_footer .inner .tbl_row .cell .left_wrap .telegram {font-family:'BMJUA'; color:#29aaec; font-size:22px;}
#nt_footer .inner .tbl_row .cell .left_wrap .telegram a {font-family:'BMJUA'; color:#29aaec; font-size:22px;}
#nt_footer .inner .tbl_row .cell .btn_wrap {text-align:right; white-space:nowrap;}
#nt_footer .inner .tbl_row .cell .btn_wrap .btn_ft {display:inline-block; padding:0 20px; height:35px; line-height:37px; font-weight:bold; text-align:center; border-radius:8px; background:#fff;}
#nt_footer .inner .tbl_row .cell .btn_wrap .btn_ft:hover {background:#ffba00; color: #000;}
@media (max-width: 1024px) {
	#nt_footer .inner,
	#nt_footer .inner .tbl_row,
	#nt_footer .inner .tbl_row .cell,
	#nt_footer .inner .tbl_row .cell .left_wrap {display:block;}
	#nt_footer .inner .tbl_row .cell .left_wrap {padding-right:0;}
	#nt_footer .inner .tbl_row .cell .left_wrap .copyright {margin-left:0; margin-top:20px;}
	#nt_footer .inner .tbl_row .cell .btn_wrap {text-align:center; margin-top:20px; }
}

@media (max-width: 768px) {
	#nt_footer {padding:30px 0;}
	#nt_footer .inner .tbl_row .cell .left_wrap .telegram {font-size:20px;}
	#nt_footer .inner .tbl_row .cell .left_wrap .copyright,
	#nt_footer .inner .tbl_row .cell .btn_wrap {margin-top:15px;}
	#nt_footer .inner .tbl_row .cell .left_wrap .copyright > div:last-child {font-size:13px; margin-top:10px;}
}

@media (max-width: 576px) {
	#nt_footer {padding:20px 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; color:#ffba00;}
@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; }

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