@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:#fff; 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 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)
********************************************************/
#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: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; 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-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.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 .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; }

/* ========================================================================
 * Simple-A custom index
 * index/index-basic.php 전용 스타일
 * ======================================================================== */
:root {
	--main-blue: #087cf0;
	--main-blue-hover: #006fe0;
	--main-red: #e11d48;
	--main-text: #1e293b;
	--main-sub: #475569;
	--main-muted: #64748b;
	--main-line: #dce5ef;
	--main-soft: #f5f9fd;
	--main-white: #fff;
	--main-radius: 10px;
}

body {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", sans-serif;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: -0.025em;
	color: var(--main-text);
	-webkit-font-smoothing: antialiased;
}

/* 인덱스 전체 폭과 좌우 간격 */
#nt_body > .nt-container,
#nt_body .nt-container.px-0 {
	width: 100%;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
}
#nt_body .na-row { margin-right: -10px; margin-left: -10px; }
#nt_body .na-row > .na-col { padding-right: 10px; padding-left: 10px; }
.cnt_r { min-width: 0; }

/* 공통 카드 */
.main_banner_title,
.cnt_r .top_nav .nav > li,
.show_box .main_line_2,
.show_box .main_line_3,
.main_explain_title_wrap,
.main_faq_section,
.main_faq_card {
	border: 1px solid var(--main-line) !important;
	border-radius: var(--main-radius) !important;
	background: var(--main-white);
	box-shadow: none !important;
}

/* 상단 안내 배너 */
.main_banner_title {
	margin: 0 0 15px;
	padding: 18px 20px 17px;
	text-align: center;
}
.main_banner_title .main_banner_textbox { padding: 0 !important; }
.main_banner_title h2 {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.04em;
	color: var(--main-blue);
	word-break: keep-all;
}
.main_notice_text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: -0.025em;
	color: var(--main-sub);
	word-break: keep-all;
}
.main_notice_links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 16px;
}
.main_notice_links .btn-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	margin: 0;
	padding: 7px 14px;
	border: 1px solid #9bc9fb;
	border-radius: 0 !important;
	background: #eff7ff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	color: #006fe0;
	text-decoration: none;
}
.main_notice_links .btn-link:hover,
.main_notice_links .btn-link:focus {
	border-color: var(--main-blue);
	background: var(--main-blue);
	color: #fff;
	text-decoration: none;
}

/* 6개 주요 메뉴 카드 */
.cnt_r .top_nav { margin: 0 0 20px; }
.cnt_r .top_nav .nav.mt-navcards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cnt_r .top_nav .nav > li {
	min-width: 0;
	overflow: hidden;
}
.cnt_r .top_nav .nav > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 110px;
	padding: 16px 18px;
	color: var(--main-text);
	text-decoration: none;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.cnt_r .top_nav .nav > li:hover {
	border-color: #9bc9fb !important;
	background: #f8fbff;
}
.cnt_r .top_nav .nav > li > a:hover { transform: translateY(-1px); }
.mt-nc__ico {
	display: block;
	flex: 0 0 58px;
	margin-right: 14px;
	font-size: 42px;
	line-height: 1;
	text-align: center;
}
.mt-nc__tx { display: block; min-width: 0; text-align: left; }
.mt-nc__t {
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: -0.04em;
	color: var(--main-blue);
}
.mt-nc__d {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
	color: var(--main-sub);
	word-break: keep-all;
}

/* 운영 이유 / 메인 확인 */
.show_box .main_line_2,
.show_box .main_line_3 {
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 20px;
	overflow: hidden;
}
.show_box .main_line_2 > h3,
.show_box .main_line_3 > h3 {
	height: auto;
	margin: 0 0 26px;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.04em;
	text-align: center;
	color: var(--main-blue);
	word-break: keep-all;
}
.show_box ul { margin: 0; padding: 0; list-style: none; }
.show_box .main_line_2 > ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	align-items: start;
}
.show_box .main_line_2 > ul > li {
	min-width: 0;
	padding: 0 6px;
	text-align: center;
}
.show_box .main_line_2 .icon { display: block; margin-bottom: 15px; }
.show_box .main_line_2 .mt-sbico { font-size: 46px; line-height: 1; }
.show_box .main_line_2 .info h4 {
	min-height: 25px;
	margin: 0 0 13px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.035em;
	color: #111;
	word-break: keep-all;
}
.show_box .info p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: -0.025em;
	color: var(--main-sub);
	word-break: keep-all;
}
.show_box .main_line_3 > ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 28px;
	row-gap: 22px;
}
.show_box .main_line_3 > ul > li {
	display: flex;
	align-items: center;
	min-width: 0;
	min-height: 78px;
}
.show_box .main_line_3 .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 52px;
	margin-right: 16px;
}
.show_box .main_line_3 .mt-sbico { font-size: 34px; line-height: 1; }
.show_box .main_line_3 .info { min-width: 0; }
.show_box .main_line_3 .info h4 {
	margin: 0 0 7px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.55;
	color: #111;
}

/* 이용 안내 */
.main_explain_title_wrap {
	margin: 0 0 20px;
	padding: 24px 22px 26px;
	text-align: left;
}
.main_explain_title { margin: 0 0 22px !important; text-align: center; }
.main_explain_title h2,
.main_explain_title h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.04em;
	color: var(--main-blue);
}
.main_explain_con_wrap { margin: 0; }
.main_explain_con_div { padding-top: 18px; }
.main_explain_con_wrap .main_explain_con_div:first-child { padding-top: 0; }
.main_explain_con_wrap .main_explain_con_div:not(:first-child) {
	margin-top: 18px;
	padding: 17px 18px 18px;
	border: 1px solid #e5edf5;
	border-radius: 10px;
	background: var(--main-soft);
}
.main_explain_con_title {
	display: inline-block;
	margin: 0 0 4px;
	padding: 6px 14px;
	border-radius: 999px;
}
.main_explain_con_title h3 { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.45; color: inherit; }
.main_explain_con { padding: 0; }
.main_explain_con > div {
	margin-top: 13px;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: -0.025em;
	color: var(--main-sub);
	word-break: keep-all;
}
.main_explain_con > div:first-child { margin-top: 0; }
.main_explain_con ul { margin: 0; padding: 0; list-style: none; }
.main_explain_con ul li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 9px;
	font-size: 14px;
	line-height: 1.7;
}
.main_explain_con ul li:first-child { margin-top: 0; }
.main_explain_con_num_icon {
	display: inline-block;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--main-blue);
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
.main_explain_con_inner_end {
	margin-top: 15px !important;
	padding: 11px 14px;
	border-left: 3px solid var(--main-blue);
	border-radius: 0 6px 6px 0;
	background: #eaf4ff;
}
.main_explain_con a { font-weight: 600; color: var(--main-blue); }

/* FAQ */
.main_faq_section { margin: 0 0 15px; padding: 26px 22px 22px; }
.main_faq_head { margin-bottom: 20px; text-align: center; }
.main_faq_head h2 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.04em;
	color: var(--main-blue);
}
.main_faq_head p { margin: 0; font-size: 14px; line-height: 1.75; color: var(--main-muted); }
.main_faq_grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.main_faq_card { height: 100%; padding: 18px; transition: border-color .18s ease, transform .18s ease; }
.main_faq_card:hover { transform: translateY(-2px); border-color: #9bc9fb !important; }
.main_faq_badge {
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #eaf4ff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--main-blue);
}
.main_faq_q { margin: 0 0 8px; font-size: 16px; font-weight: 700; line-height: 1.5; color: #1f2937; word-break: keep-all; }
.main_faq_a { font-size: 14px; line-height: 1.75; color: var(--main-sub); word-break: keep-all; }
.main_faq_a a { font-weight: 600; color: var(--main-blue); }

/* 태블릿 */
@media (max-width: 991px) {
	.cnt_r .top_nav .nav.mt-navcards { gap: 12px; }
	.cnt_r .top_nav .nav > li > a { padding: 14px 10px; }
	.mt-nc__ico { flex-basis: 44px; margin-right: 9px; font-size: 34px; }
	.mt-nc__t { font-size: 16px; }
	.show_box .main_line_2 > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
}

/* 모바일 */
@media (max-width: 767px) {
	body { font-size: 14px; }
	#nt_body > .nt-container,
	#nt_body .nt-container.px-0 { padding: 14px 11px 0 !important; }
	#nt_body .na-row { margin-right: -5px; margin-left: -5px; }
	#nt_body .na-row > .na-col { padding-right: 5px; padding-left: 5px; }
	#nt_body .col-md-3.na-col { display: none; }
	.main_banner_title { padding: 17px 14px 16px; }
	.main_banner_title h2 { margin-bottom: 16px; font-size: 18px; }
	.main_notice_text { font-size: 13px; line-height: 1.75; }
	.main_notice_links { gap: 5px; margin-top: 14px; }
	.main_notice_links .btn-link { min-height: 32px; padding: 6px 10px; font-size: 12px; }
	.cnt_r .top_nav .nav.mt-navcards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
	.cnt_r .top_nav .nav > li > a { flex-direction: column; min-height: 128px; padding: 15px 8px; text-align: center; }
	.mt-nc__ico { flex: none; margin: 0 0 8px; font-size: 36px; }
	.mt-nc__tx { text-align: center; }
	.mt-nc__t { margin-bottom: 4px; font-size: 16px; }
	.mt-nc__d { font-size: 12px; line-height: 1.55; }
	.show_box .main_line_2,
	.show_box .main_line_3 { padding: 18px 12px; }
	.show_box .main_line_2 > h3,
	.show_box .main_line_3 > h3 { margin-bottom: 21px; font-size: 18px; }
	.show_box .main_line_2 > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 8px; }
	.show_box .main_line_2 > ul > li { padding: 0 3px; }
	.show_box .main_line_2 .mt-sbico { font-size: 38px; }
	.show_box .main_line_2 .info h4 { min-height: 22px; margin-bottom: 9px; font-size: 15px; }
	.show_box .info p { font-size: 13px; line-height: 1.6; }
	.show_box .main_line_3 > ul { grid-template-columns: 1fr; gap: 18px; }
	.show_box .main_line_3 > ul > li { min-height: 68px; }
	.main_explain_title_wrap { padding: 20px 15px 21px; }
	.main_explain_title h2, .main_explain_title h3 { font-size: 18px; }
	.main_explain_con_wrap .main_explain_con_div:not(:first-child) { padding: 15px 13px; }
	.main_explain_con > div, .main_explain_con ul li { font-size: 13px; line-height: 1.72; }
	.main_faq_section { padding: 21px 15px 18px; }
	.main_faq_head h2 { font-size: 18px; }
	.main_faq_head p { font-size: 13px; }
	.main_faq_grid { grid-template-columns: 1fr; gap: 10px; }
	.main_faq_card { padding: 15px; }
	.main_faq_q { font-size: 15px; }
	.main_faq_a { font-size: 13px; }
}

@media (max-width: 359px) {
	.main_notice_links { display: grid; grid-template-columns: 1fr; }
	.cnt_r .top_nav .nav.mt-navcards { grid-template-columns: 1fr; }
}

/* ========================================================================
 * Custom footer - tail.php
 * ======================================================================== */
.site-footer-space {
	height: 82px;
	background: #fff;
}
.site-footer {
	position: relative;
	margin: 0;
	padding: 50px 0 35px;
	border-bottom: 0 !important;
	background: #f5f6f7 !important;
	box-shadow: none;
	color: #111;
}
.site-footer-cut {
	position: absolute;
	top: -64px;
	left: 0;
	width: 100%;
	height: 64px;
	pointer-events: none;
	overflow: hidden;
}
.site-footer-cut-svg {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2700px;
	max-width: none;
	height: 64px;
	transform: translateX(-50%);
	overflow: visible;
}
.site-footer-cut-bg {
	fill: #f5f6f7;
}
.site-footer-cut-line {
	fill: #000;
}
.site-footer::before {
	content: none;
	display: none;
}
.site-footer-inner {
	display: grid;
	grid-template-columns: 250px minmax(330px, 1.35fr) minmax(255px, .9fr) 150px;
	align-items: start;
	column-gap: 38px;
	max-width: 1400px;
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.site-footer-logo {
	display: flex;
	align-items: center;
	min-height: 105px;
}
.site-footer-logo img {
	display: block;
	width: auto;
	max-width: 205px;
	max-height: 68px;
	object-fit: contain;
}
.site-footer-company {
	padding-top: 3px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: -0.015em;
	color: #111;
}
.site-footer-company p { margin: 0 0 8px; }
.site-footer-copy {
	grid-column: 2;
	grid-row: 2;
	margin-top: 34px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 1.55;
	color: #333;
}
.site-footer-copy strong { font-weight: 700; }
.site-footer-contact {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.site-footer-contact-row {
	display: flex;
	align-items: center;
	min-height: 43px;
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: -0.025em;
	color: #090909 !important;
	text-decoration: none !important;
}
.site-footer-contact-row:hover { color: #007bff !important; }
.site-footer-contact-row strong { font-weight: 800; }
.site-footer-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 43px;
	width: 43px;
	height: 43px;
	margin-right: 13px;
	border-radius: 50%;
	font-size: 22px;
	line-height: 1;
	color: #fff;
}
.site-footer-icon-call { background: #ed3538; }
.site-footer-icon-call .fa { transform: rotate(-18deg); }
.site-footer-icon-telegram { background: #28a9e1; }
.site-footer-icon-telegram .fa { margin-left: -2px; }
.site-footer-action { padding-top: 1px; }
.site-footer-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 31px;
	border-radius: 5px;
	background: #087cf0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	color: #fff !important;
	text-decoration: none !important;
	transition: background-color .16s ease;
}
.site-footer-btn:hover,
.site-footer-btn:focus { background: #006ddb; }

@media (max-width: 1199px) {
	.site-footer-inner {
		grid-template-columns: 190px minmax(280px, 1fr) 250px 130px;
		column-gap: 24px;
	}
	.site-footer-logo img { max-width: 175px; }
	.site-footer-contact-row { font-size: 17px; }
	.site-footer-btn { width: 130px; }
}

@media (max-width: 991px) {
	.site-footer-space { height: 55px; }
	.site-footer { padding: 42px 0 30px; }
	.site-footer-inner {
		grid-template-columns: 180px 1fr 250px;
		row-gap: 24px;
	}
	.site-footer-action { grid-column: 3; grid-row: 2; }
	.site-footer-copy { margin-top: 22px; }
}

@media (max-width: 991px) {
	.site-footer-space { height: 35px; }
	.site-footer { padding: 60px 20px 29px; text-align: left; }
	.site-footer-cut { top: -64px; height: 64px; }
	.site-footer-cut-svg {
		left: 0;
		width: 2700px;
		max-width: none;
		height: 64px;
		transform: translateX(-966px);
	}
	.site-footer-inner {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
		padding: 0 !important;
	}
	.site-footer-logo { min-height: 0; margin: 0 0 40px; }
	.site-footer-logo img { max-width: 200px; max-height: 68px; }
	.site-footer-company { padding: 0; font-size: 13px; line-height: 1.55; }
	.site-footer-company p { margin-bottom: 10px; }
	.site-footer-contact { gap: 16px; margin-top: 23px; }
	.site-footer-contact-row { justify-content: flex-start; min-height: 44px; font-size: 19px; }
	.site-footer-icon { flex-basis: 44px; width: 44px; height: 44px; margin-right: 12px; font-size: 21px; }
	.site-footer-copy { order: 4; margin: 20px 0 24px; font-size: 12px; }
	.site-footer-action { order: 5; padding: 0; }
	.site-footer-btn { width: 100%; height: 31px; }
}

@media (max-width: 400px) {
	.site-footer-cut-svg { transform: translateX(-975px); }
	.site-footer { padding-right: 17px; padding-left: 17px; }
	.site-footer-logo img { max-width: 185px; }
	.site-footer-contact-row { font-size: 17px; }
}

/* ========================================================================
 * PC pill menu + search
 * ======================================================================== */
@media (min-width: 768px) {
	#nt_menu.mt-pill-menu {
		position: relative;
		z-index: 30;
		width: 100%;
		min-height: 56px;
		padding: 0 22px;
		border: 1px solid #dce5ef;
		border-radius: 999px;
		background: #fff;
		box-shadow: 0 2px 4px rgba(15, 23, 42, .08);
	}
	#nt_menu.mt-pill-menu > .d-flex,
	#nt_menu.mt-pill-menu .me-list,
	#nt_menu.mt-pill-menu .me-ul {
		width: 100%;
		min-height: 54px;
	}
	#nt_menu.mt-pill-menu .me-ul {
		display: flex !important;
		align-items: stretch;
		justify-content: center;
		flex-wrap: nowrap;
		float: none !important;
	}
	#nt_menu.mt-pill-menu .me-li {
		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: center;
		flex: 1 1 auto;
		width: auto;
		max-width: 145px;
		padding: 0 !important;
	}
	#nt_menu.mt-pill-menu .me-li > a {
		display: flex !important;
		align-items: stretch;
		justify-content: center;
		width: 100%;
		color: inherit;
		text-decoration: none;
	}
	#nt_menu.mt-pill-menu .me-a {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 54px;
		margin: 0 2px;
		padding: 0 12px !important;
		border-radius: 999px;
		font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: -0.035em;
		color: #334155;
		transition: color .16s ease, background-color .16s ease;
	}
	#nt_menu.mt-pill-menu .me-a > i,
	#nt_menu.mt-pill-menu .mt-me-emoji {
		margin-right: 7px;
		font-size: 14px;
		line-height: 1;
	}
	#nt_menu.mt-pill-menu .me-a > i.empty { display: none; }
	#nt_menu.mt-pill-menu .me-a:hover,
	#nt_menu.mt-pill-menu .me-li.on .me-a {
		background: #f7faff;
		color: #e11d48;
	}
	#nt_menu.mt-pill-menu .me-li:first-child .me-a { color: #e11d48; }
	#nt_menu.mt-pill-menu .me-li:first-child .me-a::after,
	#nt_menu.mt-pill-menu .me-li.on .me-a::after {
		content: "";
		position: absolute;
		left: 8px;
		right: 8px;
		bottom: 0;
		height: 3px;
		border-radius: 3px 3px 0 0;
		background: linear-gradient(90deg, #ff3b30 0%, #ff9500 28%, #34c759 54%, #007aff 76%, #af52de 100%);
	}

	/* 1차 서브메뉴 */
	#nt_menu.mt-pill-menu .sub-1div {
		top: calc(100% + 7px);
		padding-top: 0;
		border: 1px solid #dce5ef;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 12px 28px rgba(15, 23, 42, .13);
		overflow: hidden;
	}
	#nt_menu.mt-pill-menu .sub-1dul { padding: 6px 0; background: #fff; }
	#nt_menu.mt-pill-menu .sub-1da {
		display: block;
		padding: 10px 15px;
		border: 0;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.45;
		color: #475569;
	}
	#nt_menu.mt-pill-menu .sub-1dli:hover > .sub-1da,
	#nt_menu.mt-pill-menu .sub-1dli.on > .sub-1da {
		background: #f1f7ff;
		font-weight: 700;
		color: #007bff;
	}

	/* 메뉴 오른쪽 검색 아이콘 - head.php의 기존 검색 링크 */
	#header_pc .d-flex > .align-self-center.pl-3.text-right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 56px;
		width: 56px;
		padding-left: 12px !important;
	}
	#header_pc .d-flex > .align-self-center.pl-3.text-right > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		font-size: 20px;
		line-height: 1;
		color: #030712;
		text-decoration: none;
		transition: background-color .16s ease, color .16s ease;
	}
	#header_pc .d-flex > .align-self-center.pl-3.text-right > a:hover {
		background: #eef6ff;
		color: #007bff;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#nt_menu.mt-pill-menu { padding: 0 10px; }
	#nt_menu.mt-pill-menu .me-a { padding: 0 7px !important; font-size: 13px; }
	#nt_menu.mt-pill-menu .me-a > i,
	#nt_menu.mt-pill-menu .mt-me-emoji { margin-right: 4px; font-size: 13px; }
}

/* 전체화면 검색창 */
#nt_search {
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, .9);
	backdrop-filter: blur(5px);
}
#nt_search .tcontent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(680px, calc(100% - 40px));
	margin: 0;
	transform: translate(-50%, -50%);
	text-align: left;
}
#nt_search form {
	display: flex;
	width: 100%;
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
	overflow: hidden;
}
#nt_search input[type="text"] {
	float: none;
	flex: 1 1 auto;
	width: auto;
	height: 48px;
	padding: 0 18px;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #1e293b;
}
#nt_search input[type="text"]::placeholder { color: #94a3b8; }
#nt_search input[type="text"]:hover,
#nt_search input[type="text"]:focus { background: transparent; }
#nt_search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: none;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #087cf0 !important;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
#nt_search button:hover { background: #006ddb !important; }
#nt_search .closebtn {
	position: absolute;
	top: 22px;
	right: 28px;
	font-size: 42px;
	font-weight: 300;
	line-height: 1;
	color: #fff;
	cursor: pointer;
}
#nt_search .closebtn:hover { color: #93c5fd; }

@media (max-width: 767px) {
	#nt_search .tcontent { width: calc(100% - 28px); }
	#nt_search form { padding: 5px; }
	#nt_search input[type="text"] { height: 44px; padding: 0 14px; font-size: 14px; }
	#nt_search button { flex-basis: 44px; width: 44px; height: 44px; }
	#nt_search .closebtn { top: 16px; right: 18px; font-size: 36px; }
}

/* 샘플 사이트 최종 메뉴 보정 */
@media (min-width: 768px) {
	#nt_menu.mt-pill-menu {
		min-height: 56px;
		padding: 0 22px;
		border-color: #dce5ef;
		background: #fff;
		box-shadow: 0 2px 5px rgba(15, 23, 42, .09);
	}
	#nt_menu.mt-pill-menu .me-ul,
	#nt_menu.mt-pill-menu .me-list,
	#nt_menu.mt-pill-menu > .d-flex { min-height: 54px; }
	#nt_menu.mt-pill-menu .me-li > a { position: relative; text-align: center; }
	#nt_menu.mt-pill-menu .me-a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: auto;
		min-height: 54px;
		margin: 0 2px;
		padding: 11px 10px !important;
		border-radius: 0;
		background: transparent !important;
		box-shadow: none !important;
		font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 1.45 !important;
		letter-spacing: -0.035em !important;
		color: #475569 !important;
		transform: none;
	}
	#nt_menu.mt-pill-menu .me-a > i.fa.empty { display: none; }
	#nt_menu.mt-pill-menu .mt-me-emoji {
		display: inline-block;
		flex: 0 0 auto;
		margin-right: .28em;
		background: none !important;
		-webkit-background-clip: border-box !important;
		background-clip: border-box !important;
		-webkit-text-fill-color: initial !important;
		font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
		font-size: 1.05em !important;
		font-weight: 400 !important;
		line-height: 1;
		letter-spacing: 0;
		color: initial !important;
	}
	#nt_menu.mt-pill-menu .me-li:not(.menu-totosite):hover > a > .me-a {
		background: transparent !important;
		box-shadow: none !important;
		color: #007bff !important;
	}
	#nt_menu.mt-pill-menu .me-li.on:not(.menu-totosite) > a > .me-a,
	#nt_menu.mt-pill-menu .me-li.on:not(.menu-totosite):hover > a > .me-a {
		background: transparent !important;
		box-shadow: none !important;
		font-weight: 800 !important;
		color: #0062cc !important;
	}
	#nt_menu.mt-pill-menu .me-li:not(.menu-totosite) > a > .me-a::after {
		content: "";
		position: absolute;
		left: 10px;
		right: 10px;
		bottom: 0;
		height: 3px;
		border-radius: 3px 3px 0 0;
		background: #007bff;
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .14s ease;
	}
	#nt_menu.mt-pill-menu .me-li:not(.menu-totosite):hover > a > .me-a::after,
	#nt_menu.mt-pill-menu .me-li.on:not(.menu-totosite) > a > .me-a::after { transform: scaleX(1); }

	/* 보증업체는 샘플처럼 무지개 글자와 무지개 밑줄 */
	#nt_menu.mt-pill-menu .me-li.menu-totosite > a > .me-a {
		background: linear-gradient(90deg, #e60012, #ff5e00, #cc7a00, #008a2e, #0066cc, #4b0082, #c2185b, #e60012) !important;
		background-size: 300% auto !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		color: transparent !important;
		animation: rainbowTextFlow 4s linear infinite;
	}
	#nt_menu.mt-pill-menu .me-li.menu-totosite > a > .me-a::after {
		content: "";
		position: absolute;
		left: 10px;
		right: 10px;
		bottom: 0;
		height: 3px;
		border-radius: 3px 3px 0 0;
		background: linear-gradient(90deg, #e60012, #ff5e00, #cc7a00, #008a2e, #0066cc, #4b0082, #c2185b);
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .14s ease;
	}
	#nt_menu.mt-pill-menu .me-li.menu-totosite:hover > a > .me-a,
	#nt_menu.mt-pill-menu .me-li.menu-totosite.on > a > .me-a { transform: translateY(-1px); }
	#nt_menu.mt-pill-menu .me-li.menu-totosite:hover > a > .me-a::after,
	#nt_menu.mt-pill-menu .me-li.menu-totosite.on > a > .me-a::after { transform: scaleX(1); }
}

@keyframes rainbowTextFlow {
	0% { background-position: 0% 50%; }
	100% { background-position: 300% 50%; }
}

/* 샘플과 동일한 PC 로고 열 여백 */
@media (min-width: 768px) {
	#header_pc > .nt-container > .d-flex > .align-self-center:first-child {
		flex: 0 0 280px;
		width: 280px;
		min-width: 280px;
	}
	#header_pc > .nt-container > .d-flex > .align-self-center:first-child .positition-absolute,
	#header_pc > .nt-container > .d-flex > .align-self-center:first-child .positition-absolute img {
		width: 280px !important;
		max-width: 280px !important;
	}
}

/* 게시판 및 일반 페이지 상단 타이틀 카드 */

#nt_title { border-bottom:1px solid #dbe4ee; }
#nt_title_flex { padding:10px; }

#nt_title.mt-page-title {
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	overflow: visible;
	background: transparent !important;
	color: #111827;
}
#nt_title.mt-page-title #nt-title-raster {
	padding: 0;
	background: transparent !important;
}
#nt_title.mt-page-title .mask-show { display: none !important; }
#nt_title.mt-page-title .nt-container {
	position: relative;
	z-index: 2;
	padding-top: 12px;
	padding-bottom: 0;
}
#nt_title.mt-page-title #nt_title_flex.mt-page-title-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	width: 100%;
	background: #fff;
	box-shadow: none;
	text-align: left !important;
}
#nt_title.mt-page-title .page-title,
#nt_title.mt-page-title .page-title.text-left,
#nt_title.mt-page-title .page-title.text-center,
#nt_title.mt-page-title .page-title.text-right {
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 0 0 10px !important;
	text-align: left !important;
	color: #111827 !important;
}
#nt_title.mt-page-title h1.page-title {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	letter-spacing: -.045em !important;
	color: #111827 !important;
}
#nt_title.mt-page-title .page-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 7px;
	width: 44px;
	height: 3px;
	border-radius: 2px;
	background: #1689f8;
}
#nt_title.mt-page-title h1.page-title::after { content: none; }
#nt_title.mt-page-title #nt_title_flex > div:last-child {
	width: 100%;
	margin: 0 !important;
	padding-bottom: 10px !important;
	text-align: left !important;
}
#nt_title.mt-page-title .breadcrumb,
#nt_title.mt-page-title #nt_title_flex > div:last-child > p {
	display: block;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	letter-spacing: -.025em;
	color: #52647a !important;
}
#nt_title.mt-page-title .breadcrumb-item {
	display: inline;
	float: none;
	font-size: inherit;
	color: inherit !important;
}
#nt_title.mt-page-title .breadcrumb-item a,
#nt_title.mt-page-title .breadcrumb-item span,
#nt_title.mt-page-title #nt_title_flex > div:last-child > p,
#nt_title.mt-page-title #nt_title_flex > div:last-child > p * {
	color: #52647a !important;
}
#nt_title.mt-page-title .breadcrumb-item + .breadcrumb-item::before {
	padding: 0 5px;
	color: #9aa7b6;
}

@media (max-width: 767px) {
	#nt_title.mt-page-title { margin-bottom: 18px; }
	#nt_title.mt-page-title .nt-container { padding-top: 12px; }
	#nt_title.mt-page-title #nt_title_flex.mt-page-title-card {
		padding: 0px !important;
		border-radius: 10px;
	}
	#nt_title.mt-page-title h1.page-title { font-size: 19px !important; }
	#nt_title.mt-page-title .breadcrumb,
	#nt_title.mt-page-title #nt_title_flex > div:last-child > p {
		font-size: 12px !important;
		line-height: 1.65 !important;
	}
}

/* 태블릿에서는 PC 메뉴 대신 모바일 헤더와 모바일 메뉴 사용 */
@media (min-width: 768px) and (max-width: 991px) {
	#header_pc,
	#nt_menu:not(#nt_menu_mobile) {
		display: none !important;
	}
	#header_mo,
	#nt_menu_mobile {
		display: block !important;
	}
	#nt_sticky_wrap.me-sticky {
		position: static !important;
		width: auto !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
	}
	#nt_sticky {
		height: auto !important;
	}
	#header_mo {
		position: relative;
		z-index: 910;
	}
	#nt_menu_mobile {
		position: relative;
		z-index: 909;
	}
	#nt_search.mt-search-inflow .tcontent {
		max-width: none;
		padding-right: 24px;
		padding-left: 24px;
	}
}

/* 모바일: 본문 아래에 좌측 사이드 위젯 표시 */
@media (max-width: 767px) {
	#nt_body .na-row {
		display: flex;
		flex-wrap: wrap;
	}
	#nt_body .na-row > .na-col.col-md-3,
	#nt_body .na-row > .na-col.col-md-9,
	#nt_body .na-row > .na-col[class*="order-md-"] {
		display: block !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#nt_body .na-row > .na-col.col-md-9,
	#nt_body .na-row > .na-col.order-md-2 {
		order: 1 !important;
	}
	#nt_body .na-row > .na-col.col-md-3,
	#nt_body .na-row > .na-col.order-md-1 {
		order: 2 !important;
		margin-top: 18px !important;
	}
	#nt_body .mt-side-index {
		display: block !important;
		width: 100%;
	}
	#nt_body .mt-side-index .d-none.d-md-block,
	#nt_body .mt-side-index .mt-side-login {
		display: none !important;
	}
	#nt_body .mt-side-index .mt-side-card {
		width: 100%;
		margin: 0 0 10px !important;
	}
}

/* 샘플형 모바일 상단 가로 메뉴 */
@media (max-width: 991px) {
	#header_mo {
		min-height: 55px;
		background: #fff !important;
		box-shadow: none !important;
	}
	#nt_menu_mobile {
		font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
		background: #087cf0;
		box-shadow: 0 2px 5px rgba(15, 23, 42, .14);
	}
	#nt_menu_mobile > .bg-primary {
		height: 44px;
		padding-right: 8px !important;
		padding-left: 8px !important;
		background: #087cf0 !important;
		box-shadow: none !important;
	}
	#nt_menu_mobile .na-table,
	#nt_menu_mobile .d-table-row,
	#nt_menu_mobile .d-table-cell,
	#mobile_nav,
	#mobile_nav > ul {
		height: 44px;
	}
	#mobile_nav { overflow: hidden; }
	#mobile_nav > ul {
		align-items: center;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#mobile_nav > ul > li {
		position: relative;
		flex: 0 0 auto;
		height: 44px;
		padding: 5px 2px;
	}
	#mobile_nav > ul > li > a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		height: 34px;
		padding: 0 12px !important;
		border-radius: 18px;
		background: transparent;
		font-size: 13px !important;
		font-weight: 700;
		line-height: 34px;
		letter-spacing: -.035em;
		color: #dceeff !important;
		text-decoration: none !important;
	}
	#mobile_nav > ul > li > a.on,
	#mobile_nav > ul > li > a:hover,
	#mobile_nav > ul > li > a:focus {
		background: #fff !important;
		color: #087cf0 !important;
	}
	#mobile_nav > ul > li > a.on::after {
		content: "";
		position: absolute;
		right: 10px;
		bottom: 0;
		left: 10px;
		height: 2px;
		border-radius: 2px;
		background: #fff;
	}
	#mobile_nav .mt-mobile-menu-emoji {
		display: inline-block;
		margin-right: 5px;
		font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 1;
	}
	#mobile_nav .mt-mobile-menu-arrow {
		margin-left: 4px;
		font-size: 9px;
	}
	#nt_menu_mobile .gra { width: 12px; pointer-events: none; }
	#nt_menu_mobile .gra-left-primary {
		background: linear-gradient(to right, #087cf0 20%, rgba(8,124,240,0));
	}
	#nt_menu_mobile .gra-right-primary {
		background: linear-gradient(to left, #087cf0 20%, rgba(8,124,240,0));
	}
	#mobile_sub {
		font-size: 13px;
		background: #fff;
	}
}

@media (max-width: 575px) {
	#mobile_nav > ul > li > a { padding-right: 10px !important; padding-left: 10px !important; font-size: 12px !important; }
}

/* 모바일 헤더: 좌측 메뉴, 정중앙 설정 로고, 우측 검색 */
@media (max-width: 991px) {
	#header_mo .mt-mobile-head {
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr) 48px;
		align-items: center;
		height: 55px;
		margin: 0;
	}
	#header_mo .mt-mobile-head-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		border: 0;
		border-radius: 8px;
		background: transparent;
		font-size: 18px;
		line-height: 1;
		color: #26384d !important;
		text-decoration: none !important;
	}
	#header_mo .mt-mobile-head-menu { justify-self: start; }
	#header_mo .mt-mobile-head-search { justify-self: end; }
	#header_mo .mt-mobile-head-btn:hover,
	#header_mo .mt-mobile-head-btn:focus {
		background: #f1f5f9;
		color: #087cf0 !important;
	}
	#header_mo .mt-mobile-head-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		justify-self: center;
		width: 100%;
		height: 55px;
		padding: 7px 10px;
		text-decoration: none !important;
	}
	#header_mo .mt-mobile-head-logo img {
		display: block;
		width: auto;
		height: auto;
		max-width: 150px;
		max-height: 34px;
		object-fit: contain;
	}
}

@media (max-width: 400px) {
	#header_mo .mt-mobile-head { grid-template-columns: 42px minmax(0, 1fr) 42px; padding-right: 10px !important; padding-left: 10px !important; }
	#header_mo .mt-mobile-head-logo img { max-width: 135px; max-height: 31px; }
}

/* PC 하위 메뉴 카드 및 hover 연결 영역 */
@media (min-width: 992px) {
	#nt_menu.mt-pill-menu .me-li {
		position: relative;
	}
	#nt_menu.mt-pill-menu .sub-1div {
		top: 100% !important;
		left: 70px !important;
		right: auto !important;
		min-width: 160px;
		padding: 7px 0 0 !important;
		transform: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}
	#nt_menu.mt-pill-menu .sub-1dul {
		min-width: 160px;
		margin: 0 !important;
		padding: 6px !important;
		border: 1px solid #dce5ef;
		border-radius: 10px;
		background: #fff !important;
		box-shadow: 0 12px 28px rgba(15, 23, 42, .13);
		overflow: hidden;
	}
	#nt_menu.mt-pill-menu .sub-1dli {
		position: relative;
		margin: 0 0 2px;
	}
	#nt_menu.mt-pill-menu .sub-1dli:last-child { margin-bottom: 0; }
	#nt_menu.mt-pill-menu .sub-1da {
		display: flex !important;
		align-items: center;
		min-height: 40px;
		padding: 9px 12px !important;
		border: 0 !important;
		border-radius: 8px;
		background: #fff !important;
		font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.45 !important;
		letter-spacing: -.035em;
		color: #334155 !important;
		text-decoration: none !important;
		white-space: nowrap;
	}
	#nt_menu.mt-pill-menu .sub-1da > i {
		margin-right: 5px;
		color: inherit;
	}
	#nt_menu.mt-pill-menu .sub-1dli:hover > .sub-1da,
	#nt_menu.mt-pill-menu .sub-1dli.on > .sub-1da {
		background: #e8f2ff !important;
		font-weight: 700 !important;
		color: #087cf0 !important;
	}

	/* 3차 메뉴가 있는 경우 오른쪽 이동 구간도 끊기지 않게 연결 */
	#nt_menu.mt-pill-menu .sub-2div {
		top: -6px !important;
		left: 100% !important;
		min-width: 160px;
		padding-left: 7px;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	#nt_menu.mt-pill-menu .sub-2dul {
		padding: 6px;
		border: 1px solid #dce5ef;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 12px 28px rgba(15, 23, 42, .13);
		overflow: hidden;
	}
	#nt_menu.mt-pill-menu .sub-2da {
		display: block;
		min-height: 38px;
		padding: 9px 12px !important;
		border: 0 !important;
		border-radius: 8px;
		font-size: 13px !important;
		font-weight: 600;
		line-height: 20px;
		color: #334155 !important;
		white-space: nowrap;
	}
	#nt_menu.mt-pill-menu .sub-2dli:hover > .sub-2da,
	#nt_menu.mt-pill-menu .sub-2dli.on > .sub-2da {
		background: #e8f2ff !important;
		font-weight: 700;
		color: #087cf0 !important;
	}
}

/* 태블릿/모바일 사이드 메뉴가 상단 메뉴보다 항상 위에 표시 */
@media (max-width: 991px) {
	#nt_sidebar {
		position: fixed !important;
		z-index: 200100 !important;
	}
	#nt_sidebar_mask {
		position: fixed !important;
		z-index: 200000 !important;
	}
	#nt_sidebar_header,
	#nt_sidebar_body,
	#nt_sidebar_footer,
	#nt_sidebar_menu,
	#sidebar-menu {
		position: relative;
		z-index: 1;
	}
	#nt_sidebar_header { z-index: 2; }
}

/* 샘플형 헤더 아래 검색 패널 - 앞선 전체화면 검색 규칙 최종 재정의 */
#nt_search {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1040;
	display: none;
	width: 100%;
	height: auto !important;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e7ebf0;
	background: #fff !important;
	box-shadow: 0 12px 28px rgba(16, 24, 40, .12);
	backdrop-filter: none;
	overflow: visible;
}
#nt_search.mt-search-in {
	animation: mtSearchDrop .16s cubic-bezier(.2, .7, .3, 1);
}
@keyframes mtSearchDrop {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}
#nt_search .tcontent {
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	padding: 14px 16px;
	transform: none;
	text-align: left;
}
#nt_search form {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
	gap: 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}
#nt_search input[type="text"] {
	flex: 1 1 auto;
	float: none;
	min-width: 0;
	width: auto;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #e3e8ef;
	border-radius: 12px;
	outline: 0;
	background: #f4f6f9;
	box-shadow: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 48px;
	color: #111827;
	transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
#nt_search input[type="text"]:hover { background: #f4f6f9; }
#nt_search input[type="text"]:focus {
	border-color: #007bff;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}
#nt_search input[type="text"]::placeholder { color: #9aa4b2; }
#nt_search button,
#nt_search button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: none;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: #087cf0 !important;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
}
#nt_search button:hover,
#nt_search button[type="submit"]:hover { background: #006ddb !important; }
#nt_search .closebtn {
	position: absolute;
	top: 50%;
	right: 16px;
	display: block;
	width: 36px;
	height: 36px;
	transform: translateY(-50%);
	border-radius: 10px;
	background: transparent;
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	color: #98a2b3;
}
#nt_search .closebtn:hover { background: #f1f3f7; color: #111827; }
#mt-search-backdrop {
	position: fixed;
	z-index: 1039;
	inset: 0;
	display: none;
	background: rgba(15, 23, 42, .32);
}

/* 모바일에서는 검색창이 헤더 아래에서 문서 흐름을 밀어냄 */
#nt_search.mt-search-inflow {
	position: static !important;
	top: auto !important;
	z-index: auto;
	width: 100%;
	border-bottom: 1px solid #e7ebf0;
	box-shadow: none;
	overflow: hidden;
}
#nt_search.mt-search-inflow .tcontent {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 11px 16px 13px;
}
#nt_search.mt-search-inflow .closebtn { display: none; }
#nt_search.mt-search-inflow input[type="text"],
#nt_search.mt-search-inflow button[type="submit"] { height: 46px; }
#nt_search.mt-search-inflow button[type="submit"] { flex-basis: 46px; width: 46px; }
#nt_search.mt-search-inflow.mt-search-in {
	animation: mtSearchSlide .22s cubic-bezier(.22, .61, .36, 1);
}
@keyframes mtSearchSlide {
	from { max-height: 0; opacity: 0; transform: translateY(-8px); }
	to { max-height: 220px; opacity: 1; transform: translateY(0); }
}

@media (min-width: 576px) and (max-width: 767px) {
	#nt_search.mt-search-inflow .tcontent { padding-right: 24px; padding-left: 24px; }
}
@media (max-width: 575px) {
	#nt_search.mt-search-inflow .tcontent { padding-right: 12px; padding-left: 12px; }
	#nt_search.mt-search-inflow input[type="text"] { font-size: 16px; }
}

/* 검색 오버레이의 흰색 검색 영역만 샘플 크기로 표시 */
@media (min-width: 768px) {
	#nt_search {
		min-height: 76px;
		box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
	}
	#nt_search .tcontent {
		max-width: 680px;
		padding: 14px 16px;
	}
	#nt_search input[type="text"],
	#nt_search input[type="text"]:hover {
		background: #fff;
	}
	#nt_search .closebtn {
		display: none !important;
	}
}

/* 스크롤 고정 시 샘플처럼 메뉴 캡슐 외곽선을 제거 */
#nt_sticky_wrap.me-sticky,
#nt_sticky_wrap.me-sticky #header_pc,
#nt_sticky_wrap.me-sticky #nt_menu,
#nt_sticky_wrap.me-sticky #nt_menu.mt-pill-menu,
#nt_sticky_wrap.me-sticky #nt_menu.mt-pill-menu > .d-flex {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
#nt_sticky_wrap.me-sticky #header_pc,
#nt_sticky_wrap.me-sticky #nt_menu.mt-pill-menu {
	background: #fff !important;
}

/* 메인 좌측 위젯 - 샘플 레이아웃 */
.mt-side-index {
	width: 100%;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
	color: #334155;
}
.mt-side-index .mt-side-card {
	width: 100%;
	margin: 0 0 10px !important;
	padding: 14px;
	border: 1px solid #dbe4ee;
	border-radius: 10px;
	background: #fff;
	box-shadow: none !important;
	overflow: hidden;
}
.mt-side-index .mt-side-login {
	margin-bottom: 13px !important;
}
.mt-side-index .mt-side-login > * {
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}
.mt-side-index .mt-side-login input[type="text"],
.mt-side-index .mt-side-login input[type="password"] {
	width: 100%;
	height: 40px;
	margin: 0 0 7px !important;
	padding: 0 12px;
	border: 1px solid #d7dde5 !important;
	border-radius: 8px !important;
	background: #fbfcfd !important;
	box-shadow: none !important;
	font-size: 13px !important;
	color: #334155;
}
.mt-side-index .mt-side-login button[type="submit"],
.mt-side-index .mt-side-login input[type="submit"],
.mt-side-index .mt-side-login .btn-primary {
	width: 100%;
	height: 42px;
	border: 0 !important;
	border-radius: 7px !important;
	background: #087cf0 !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #fff !important;
}
.mt-side-index .mt-side-login button[type="submit"]:hover,
.mt-side-index .mt-side-login input[type="submit"]:hover,
.mt-side-index .mt-side-login .btn-primary:hover { background: #006fe0 !important; }
.mt-side-index .mt-side-login .form-check,
.mt-side-index .mt-side-login .login-link,
.mt-side-index .mt-side-login .outlogin-link {
	font-size: 12px !important;
	color: #64748b !important;
}
.mt-side-index .mt-side-card h3.h3 {
	height: 39px;
	padding: 3px 0 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 26px !important;
	letter-spacing: -.04em;
	color: #111827;
}
.mt-side-index .mt-side-card h3.h3 a {
	display: block;
	color: inherit !important;
	text-decoration: none;
}
.mt-side-index .mt-side-card .more-plus {
	margin-top: 2px;
	font-size: 0;
	font-weight: 400;
	color: #b4bcc6;
}
.mt-side-index .mt-side-card .more-plus::before {
	content: "+";
	font-size: 15px;
	line-height: 22px;
}
.mt-side-index .mt-side-card hr.hr {
	height: 2px;
	margin: -1px 0 12px !important;
}
.mt-side-index .mt-side-card hr.hr::before {
	bottom: 0;
	background: #d7dce2;
}
.mt-side-index .mt-side-card hr.hr::after {
	bottom: 0;
	width: 56px;
	height: 3px;
	background: #087cf0 !important;
}
.mt-side-index .mt-side-board > div,
.mt-side-index .mt-side-customer > div {
	margin: 0 !important;
	padding: 0 !important;
}
.mt-side-index .mt-side-board .na-list {
	margin: 0;
	font-size: 13px;
}
.mt-side-index .mt-side-board .na-list li,
.mt-side-index .mt-side-board .na-list .na-line {
	margin: 0 !important;
	padding: 5px !important;
	border-bottom: 1px solid #e3e8ef !important;
	line-height: 21px !important;
}
.mt-side-index .mt-side-board .na-list li:last-child,
.mt-side-index .mt-side-board .na-list .na-line:last-child { border-bottom: 0 !important; }
.mt-side-index .mt-side-board .na-list a {
	font-size: 13px !important;
	color: #334155 !important;
}
.mt-side-index .mt-side-board .na-list a:hover { color: #087cf0 !important; }
.mt-side-index .mt-side-board .na-list .date,
.mt-side-index .mt-side-board .na-list .wr-date {
	font-size: 11px !important;
	color: #64748b !important;
}
.mt-side-index .mt-side-customer .mt-tg {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mt-side-index .mt-side-customer .mt-tg__row {
	display: flex;
	align-items: center;
	min-height: 50px;
}
.mt-side-index .mt-side-customer .mt-tg__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	margin-right: 9px;
	border-radius: 11px;
	background: #2aabee;
}
.mt-side-index .mt-side-customer .mt-tg__label {
	display: block;
	font-size: 11px;
	line-height: 17px;
	color: #64748b;
}
.mt-side-index .mt-side-customer .mt-tg__label i {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50%;
	background: #16c784;
}
.mt-side-index .mt-side-customer .mt-tg__id {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	color: #087cf0;
}
.mt-side-index .mt-side-customer .mt-tg__go {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	margin-top: 6px;
	border-radius: 5px;
	background: #087cf0;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}
.mt-side-index .mt-side-customer .mt-tg:hover .mt-tg__go { background: #006fe0; }

@media (max-width: 767px) {
	.mt-side-index .mt-side-card { border-radius: 8px; }
}

/* 메인 좌측 위젯 제목의 3px 하늘색 표시선 강제 노출 */
.mt-side-index .mt-side-card > hr.hr {
	display: block !important;
	visibility: visible !important;
	position: relative !important;
	height: 3px !important;
	min-height: 3px !important;
	margin: -1px 0 12px !important;
	border: 0 !important;
	overflow: visible !important;
	opacity: 1 !important;
	background: linear-gradient(to right, #1689f8 0, #1689f8 56px, transparent 56px, transparent 100%) !important;
}
.mt-side-index .mt-side-card > hr.hr::before {
	display: block !important;
	visibility: visible !important;
	z-index: 1;
	top: 1px !important;
	right: 0;
	bottom: auto !important;
	left: 0 !important;
	width: 100% !important;
	height: 1px !important;
	background: #d7dce2 !important;
	opacity: 1 !important;
}
.mt-side-index .mt-side-card > hr.hr::after {
	display: block !important;
	visibility: visible !important;
	z-index: 2;
	top: 0 !important;
	bottom: auto !important;
	left: 0 !important;
	width: 56px !important;
	height: 3px !important;
	background: #1689f8 !important;
	opacity: 1 !important;
}

/* 검색창 높이 및 레이어 최종 보정: 기존 전체화면 검색 CSS를 완전히 차단 */
@media (min-width: 768px) {
	html body #nt_search:not(.mt-search-inflow) {
		top: 0;
		bottom: auto !important;
		height: 76px !important;
		min-height: 76px !important;
		max-height: 76px !important;
		z-index: 100001 !important;
		overflow: hidden !important;
		background: #fff !important;
	}
	html body #nt_search:not(.mt-search-inflow) .tcontent {
		top: auto !important;
		left: auto !important;
		height: 76px !important;
		max-width: 680px !important;
		margin: 0 auto !important;
		padding: 14px 16px !important;
		transform: none !important;
	}
	html body #mt-search-backdrop {
		z-index: 100000 !important;
		background: rgba(15, 23, 42, .32) !important;
	}
}

/* 고정 헤더 하단의 샘플형 구분선 */
#nt_sticky_wrap.me-sticky {
	border-bottom: 1px solid #dfe3e8 !important;
	box-shadow: 0 3px 7px rgba(15, 23, 42, .12) !important;
}
#nt_sticky_wrap.me-sticky #header_pc {
	border-bottom: 0 !important;
	box-shadow: none !important;
}

@media (min-width: 768px) {
	.na-row > .na-col.col-md-3 {
		flex: 0 0 324px !important;
		max-width: 324px !important;
	}
	.na-row > .na-col.col-md-9 {
		flex: 0 0 calc(100% - 324px) !important;
		max-width: calc(100% - 324px) !important;
	}
	.na-row > .na-col.col-md-9.card {
		flex: 0 0 calc(100% - 324px - 1.5rem) !important;
		max-width: calc(100% - 324px - 1.5rem) !important;
		margin-left: .75rem;
		margin-right: .75rem;
	}
}

/* 태블릿: 인덱스와 일반 페이지 모두 본문 아래에 좌측 위젯 배치 */
@media (min-width: 768px) and (max-width: 991px) {
	#nt_body .na-row {
		display: flex;
		flex-wrap: wrap;
	}
	#nt_body .na-row > .na-col.col-md-3,
	#nt_body .na-row > .na-col.col-md-9,
	#nt_body .na-row > .na-col[class*="order-md-"] {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#nt_body .na-row > .na-col.col-md-9,
	#nt_body .na-row > .na-col.order-md-2 {
		order: 1 !important;
	}
	#nt_body .na-row > .na-col.col-md-3,
	#nt_body .na-row > .na-col.order-md-1 {
		order: 2 !important;
		margin-top: 24px !important;
	}
	#nt_body .na-row > .na-col.col-md-9.card,
	#nt_body .na-row > .na-col[class*="order-md-"].card {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#nt_body .mt-side-index {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	#nt_body .mt-side-index .mt-side-card {
		margin: 0 !important;
	}
	#nt_body .mt-side-index .mt-side-login,
	#nt_body .mt-side-index .mt-side-customer {
		grid-column: span 1;
	}
}

.sub-area { border:1px solid #dbe4ee; padding:10px; border-radius:10px; }