@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.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; }
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1200px) {
	.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: 100000; }
#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; }

/********************************************************
■ PC 헤더(Header)
********************************************************/
#header_pc .nt-container { background: url('../img/header.jpg') no-repeat right bottom; }
#header_pc .header-logo img { max-width:100%; }
#header_pc .header-search { width:100%;	max-width:400px; }
#header_pc .header-search form { padding:0; border-width:2px; border-style:solid; }
#header_pc .header-search input { font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
#header_pc .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#header_pc .header-search .btn { border:0; background: none !important; outline:none; }

/********************************************************
■ 모바일 헤더(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); }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
#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:#fff; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#fff; background:rgba(0,0,0,0.2) !important; }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
.nt-menu .sub-1div { position:absolute; left:0; z-index:21; width:auto; text-align:left; top:100%; left:0; 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-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:999; 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; }
}

/********************************************************
■ 페이지 타이틀
********************************************************/
#nt_title { position:relative; overflow:hidden; color:#333; background:#fafafa; border-bottom:1px solid #dee2e6; }
#nt_title .nt-container { position:relative; z-index:2; height:70px; }
#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb a { color:#333; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family: dotum;	font-weight: normal; color:#aaa; content:">"; }
@media all and (max-width:991px) {
	.responsive #nt_title .page-title { font-size:24px; letter-spacing:0; }
}
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:22px; }
	.responsive #nt_title .nt-container { height:60px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:20px; }
	.responsive #nt_title .nt-container { height:50px; }
}

/********************************************************
■ 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 Title 위젯 타이틀
********************************************************/
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;	}
}

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

/* ===== KICKOFF / PORTALPLAN HEADER + MAIN ===== */
:root{
 --pp-green:#18c36e; --pp-deep:#184f3b; --pp-text:#222724;
 --pp-line:#e5e8e6; --pp-soft:#f8f9f8;
}
html,body{background:#fff!important;color:var(--pp-text);}
body{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Malgun Gothic",Arial,sans-serif!important;font-size:14px;}
.wrapper{background:#fff!important;}
.nt-container{max-width:1280px!important;}
#nt_lnb{display:none!important;}

/* desktop: one 64px header */
@media(min-width:768px){
 #nt_sticky{height:64px!important;}
 #header_pc.pp-header{
   position:absolute!important; left:0; right:0; top:0; z-index:41;
   height:64px!important; background:#fff!important;
   border-top:1px solid #eef0ef; border-bottom:1px solid #e6e9e7;
 }
 #header_pc .nt-container{height:64px!important;padding-top:0!important;padding-bottom:0!important;background:none!important;}
 .pp-header-inner{height:63px;display:flex;align-items:center;}
 .pp-header-logo{width:170px;flex:0 0 170px;display:flex;align-items:center;}
 .pp-header-logo img{max-width:145px!important;max-height:38px!important;width:auto;height:auto;}
 .pp-header-spacer{flex:1 1 auto;}
 .pp-header-search{width:180px;height:36px;display:flex;align-items:center;border:1px solid #e7ebe8;border-radius:20px;background:#fafbfa;overflow:hidden;margin-right:4px;}
 .pp-header-search input{width:138px;height:34px;border:0!important;outline:0!important;background:transparent!important;padding:0 6px 0 14px;box-shadow:none!important;}
 .pp-header-search button{width:40px;height:34px;border:0;background:transparent;color:var(--pp-green);cursor:pointer;}
 .pp-head-icon{position:relative;z-index:50;width:54px;height:63px;display:flex;align-items:center;justify-content:center;border-left:1px solid #eef0ef;color:#303532!important;font-size:17px;text-decoration:none!important;background:#fff;}
 .pp-head-icon:last-child{border-right:1px solid #eef0ef;}
 .pp-head-icon:hover{color:var(--pp-green)!important;}

 /* existing Nariya menu is overlaid only in the center area */
 #nt_sticky_wrap{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:1280px!important;height:64px!important;z-index:42!important;pointer-events:none;}
 #nt_menu{position:relative!important;width:760px!important;height:64px!important;margin-left:170px!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:auto;}
 #nt_menu .nt-container{height:64px!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;}
 #nt_menu .d-flex,#nt_menu .me-list,#nt_menu .me-ul,#nt_menu .me-li{height:64px!important;}
 #nt_menu .me-icon{display:none!important;}
 #nt_menu .me-list{min-width:0!important;width:100%!important;}
 #nt_menu .me-ul{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;}
 #nt_menu .me-li{flex:0 0 auto!important;width:auto!important;position:relative!important;}
 #nt_menu .me-li>a,#nt_menu .me-li>a.bg-primary{height:64px!important;background:transparent!important;color:#303532!important;text-decoration:none!important;}
 #nt_menu .me-a{height:64px!important;line-height:64px!important;padding:0 15px!important;background:transparent!important;color:#303532!important;font-size:14px!important;font-weight:500!important;text-align:left!important;}
 #nt_menu .me-li.on .me-a,#nt_menu .me-li:hover .me-a{color:var(--pp-green)!important;background:transparent!important;}
 #nt_menu .sub-1div,#nt_menu .sub-2div{background:#fff!important;border:1px solid #e7ebe8;box-shadow:0 8px 22px rgba(0,0,0,.08)!important;}
 #nt_menu .sub-1da,#nt_menu .sub-2da{color:#333!important;background:#fff!important;}
 #nt_menu .sub-1dli:hover .sub-1da,#nt_menu .sub-2dli:hover .sub-2da{color:var(--pp-green)!important;background:#f8faf9!important;}

 /* when sticky activates, keep the same one-line geometry */
 #nt_sticky_wrap.me-sticky{position:fixed!important;top:0!important;left:50%!important;width:1280px!important;transform:translateX(-50%)!important;background:transparent!important;}
}

/* mobile remains Nariya-native */
@media(max-width:767.98px){
 #nt_sticky{height:auto!important;}
 #nt_sticky_wrap,#nt_sticky_wrap.me-sticky{position:static!important;width:auto!important;height:auto!important;transform:none!important;}
}

/* Main PORTALPLAN layout preserved */
.pp-page{max-width:1588px;margin:0 auto;padding:32px 0 60px;display:grid;grid-template-columns:124px minmax(0,922px) 312px 124px;gap:28px;align-items:start;}
.pp-center{min-width:0;}
.pp-adrail{border:1px solid #e5e8e6;border-radius:12px;overflow:hidden;background:#fff;position:sticky;top:84px;}
.pp-adlogo{height:110px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:800;line-height:1.05;}
.pp-aditem{height:122px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:center;background:#f6f6f6;overflow:hidden;}
.pp-aditem i{font-size:42px;color:#6f746f;}
.pp-hero{height:154px;border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(100deg,#174a38 0%,#214f40 55%,#153c31 100%);color:#fff;padding:42px 24px;}
.pp-hero:before{content:"";position:absolute;right:50px;top:-60px;width:430px;height:250px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),rgba(255,255,255,0) 67%);}
.pp-hero .tag{display:inline-block;padding:5px 10px;background:var(--pp-green);border-radius:16px;font-size:11px;font-weight:700;margin-bottom:8px;}
.pp-hero h2{font-size:22px;font-weight:800;margin:0 0 4px;letter-spacing:-1px;}
.pp-hero p{font-size:12px;margin:0;color:#d9e8e0;}
.pp-arrow{position:absolute;right:16px;bottom:14px;display:flex;gap:6px;}
.pp-arrow span{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.25);display:grid;place-items:center;}
.pp-notice{height:56px;border:1px solid var(--pp-line);border-radius:11px;margin:28px 0 22px;display:flex;align-items:center;padding:0 20px;font-size:13px;}
.pp-notice .pill{background:#fff0eb;color:#ff6a45;border-radius:13px;padding:5px 9px;font-weight:700;margin-right:14px;font-size:11px;}
.pp-notice .more{margin-left:auto;color:#9aa09c;}
.pp-bestgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.pp-panel{border:1px solid var(--pp-line);border-radius:11px;background:#fff;padding:18px 20px;}
.pp-panel-title{font-size:17px;font-weight:800;margin:0 0 17px;display:flex;align-items:center;}
.pp-panel-title i{color:var(--pp-green);margin-right:7px;}
.pp-tabs{margin-left:auto;display:flex;gap:12px;align-items:center;color:#777;font-size:11px;font-weight:400;}
.pp-tabs .on{background:var(--pp-green);color:#fff;border-radius:6px;padding:5px 9px;font-weight:700;}
.pp-panel .list-container,.pp-panel ul{font-size:13px!important;}
.pp-panel li{line-height:1.65!important;}
.pp-section-head{margin:26px 0 14px;font-size:16px;font-weight:800;display:flex;align-items:center;}
.pp-section-head i{color:var(--pp-green);margin-right:7px;}
.pp-section-head .right{margin-left:auto;font-size:11px;font-weight:400;color:#777;}
.pp-right{display:flex;flex-direction:column;gap:22px;}
.pp-sidebox{border:1px solid var(--pp-line);border-radius:11px;background:#fff;padding:20px;}
.pp-keywords{height:216px;}
.pp-side-title{font-size:17px;font-weight:800;margin-bottom:12px;}
.pp-side-title .green{color:var(--pp-green);float:right;font-size:12px;}
.pp-keywords ol{list-style:none;padding:0;margin:0;}
.pp-keywords li{height:29px;display:flex;align-items:center;font-size:13px;}
.pp-num{width:18px;height:18px;border-radius:50%;background:#aeb3af;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;margin-right:8px;}
.pp-keywords li:first-child .pp-num{background:#ffc107;}
.pp-keywords li:nth-child(3) .pp-num{background:#e65521;}
.pp-new{margin-left:auto;color:red;font-size:9px;font-weight:700;}
.pp-login{padding:18px 20px;}
.pp-login input{width:100%;height:34px;border:1px solid #e2e5e3;padding:0 10px;font-size:13px;}
.pp-login input:first-child{border-radius:5px 5px 0 0;}
.pp-login input:nth-child(2){border-top:0;border-radius:0 0 5px 5px;}
.pp-login button{width:100%;height:38px;border:0;border-radius:5px;background:var(--pp-green);color:#fff;font-weight:800;margin-top:10px;}
.pp-loginlinks{font-size:11px;color:#777;margin-top:10px;display:flex;justify-content:space-between;}
.pp-event{height:240px;border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(145deg,#174c39,#245f48);color:#fff;padding:28px 24px;}
.pp-event small{color:#d9ff55;font-weight:800;}
.pp-event h3{font-size:21px;font-weight:800;line-height:1.25;margin:8px 0;}
.pp-event .cup{position:absolute;width:150px;height:150px;border-radius:50%;right:-5px;bottom:-28px;background:radial-gradient(circle at 40% 35%,#f8eadc 0 22%,#b9875b 23% 34%,#e7d5c0 35% 42%,#7a4c31 43% 50%,#d9b38b 51% 55%,#2b5a45 56%);}
.pp-rank{min-height:190px;}
.pp-rank ol{padding-left:21px;margin:0;}
.pp-rank li{padding:4px 0;font-size:12px;border-bottom:1px solid #f1f2f1;}
@media(max-width:1350px){.pp-page{grid-template-columns:minmax(0,880px) 312px;max-width:1220px;padding-left:18px;padding-right:18px}.pp-adrail{display:none}}
@media(max-width:991px){.pp-page{display:block;padding:14px}.pp-right{margin-top:20px}.pp-bestgrid{grid-template-columns:1fr}.pp-hero{height:145px}.nt-container{max-width:100%!important}}
/********************************************************
■ KICKOFF PORTALPLAN HEADER
********************************************************/

:root {
	--kick-green:#18c36e;
	--kick-text:#292d2a;
	--kick-line:#e8ebe9;
}

/* 상단 작은 LNB 제거 */
#nt_lnb {
	display:none !important;
}


/********************************************************
■ PC 통합 헤더
********************************************************/

@media (min-width:768px) {

	/*
	 * 중요
	 * 기존에 사용했던 absolute / 760px 강제배치 전부 사용하지 않음
	 */
	#nt_sticky {
		height:auto !important;
	}

	#nt_sticky_wrap {
		position:relative !important;
		top:auto !important;
		left:auto !important;
		width:100% !important;
		height:64px !important;

		transform:none !important;

		background:#fff !important;

		border-bottom:1px solid #e9ecea !important;
		box-shadow:0 2px 4px rgba(0,0,0,0.025) !important;

		z-index:999;
	}


	/****************************************
	상단 고정
	****************************************/

	#nt_sticky_wrap.me-sticky {

		position:fixed !important;

		top:0 !important;
		left:0 !important;

		width:100% !important;

		transform:none !important;

		background:#fff !important;

		box-shadow:0 3px 10px rgba(0,0,0,.05);
	}


	/****************************************
	메뉴 전체
	****************************************/

	#nt_menu {

		position:relative !important;

		width:100% !important;
		height:63px !important;

		margin:0 !important;

		background:#fff !important;

		border:0 !important;

		box-shadow:none !important;

		z-index:20;		
	}


	#nt_menu.bg-primary {
		background:#fff !important;
	}


	#nt_menu .nt-container {

		width:100% !important;

		max-width:1280px !important;

		height:63px !important;

		margin:0 auto !important;

		padding:0 !important;

		background:#fff !important;
	}


	/****************************************
	통합 FLEX
	****************************************/

	#nt_menu .pp-nav-inner {

		width:100%;
		height:63px;

		display:flex;

		align-items:center;

		margin:0;
		padding:0;
	}


	/****************************************
	LOGO
	****************************************/

	#nt_menu .pp-nav-logo {

		flex:0 0 168px;

		width:168px;

		height:63px;

		display:flex;

		align-items:center;

		justify-content:flex-start;
	}


	#nt_menu .pp-nav-logo a {

		display:flex;

		align-items:center;

		height:63px;
	}


	#nt_menu .pp-nav-logo img {

		display:block;

		width:auto;

		height:auto;

		max-width:145px;

		max-height:38px;

		object-fit:contain;
	}


	/****************************************
	메인 메뉴 영역
	****************************************/

	#nt_menu .pp-nav-menu {

		flex:1 1 auto;

		min-width:0;

		height:63px;
	}


	#nt_menu .pp-menu-ul {

		display:flex !important;

		align-items:stretch;

		justify-content:flex-start;

		width:100%;

		height:63px;

		padding:0 !important;

		margin:0 !important;

		list-style:none !important;
	}


	#nt_menu .pp-menu-li {

		position:relative;

		flex:0 0 auto !important;

		width:auto !important;

		height:63px;

		padding:0 !important;

		margin:0 !important;

		list-style:none;
	}


	/****************************************
	메뉴 링크
	****************************************/

	#nt_menu .pp-menu-a {

		display:flex !important;

		align-items:center;

		width:auto !important;

		height:63px !important;

		line-height:normal !important;

		padding:0 17px !important;

		margin:0 !important;

		background:#fff !important;

		color:var(--kick-text) !important;

		font-size:14px !important;

		font-weight:500 !important;

		letter-spacing:-0.3px;

		text-align:left !important;

		white-space:nowrap;

		text-decoration:none !important;
	}


#nt_menu .pp-menu-a {
	position:relative;
	transition:color .2s ease !important;
}

#nt_menu .pp-menu-a::after {
	content:"";
	position:absolute;

	left:0;
	right:0;
	bottom:0;

	height:3px;
	background:#1ac064;

	transform:scaleX(0);
	transform-origin:center;

	transition:transform .25s ease;
}

/* 마우스 오버 */
#nt_menu .pp-menu-a:hover {
	color:var(--kick-green) !important;
	background:#fff !important;
}

#nt_menu .pp-menu-a:hover::after {
	transform:scaleX(1);
}

/* 현재 선택된 메뉴도 라인 유지 */
#nt_menu .pp-menu-li.on > .pp-menu-a {
	color:var(--kick-green) !important;
}

#nt_menu .pp-menu-li.on > .pp-menu-a::after {
	transform:scaleX(1);
}

	#nt_menu .pp-menu-li.on > .pp-menu-a {

		color:var(--kick-green) !important;
	}


	#nt_menu .pp-menu-arrow {

		margin-left:5px;

		font-size:11px;

		color:#999;
	}


	#nt_menu .pp-menu-li:hover .pp-menu-arrow {

		color:var(--kick-green);
	}


	/****************************************
	기존 Nariya 강제색 제거
	****************************************/

	#nt_menu .bg-primary {

		background:#fff !important;
	}


	#nt_menu .me-a {

		color:var(--kick-text) !important;

		background:#fff !important;
	}


	#nt_menu .me-li.on .me-a,
	#nt_menu .me-li:hover .me-a {

		color:var(--kick-green) !important;

		background:#fff !important;
	}


	/****************************************
	오른쪽 검색 + 아이콘
	****************************************/

	#nt_menu .pp-nav-right {

		flex:0 0 auto;

		height:63px;

		display:flex;

		align-items:center;

		margin-left:18px;
	}


	/****************************************
	검색창
	****************************************/

	#nt_menu .pp-nav-search {

		width:180px;

		height:36px;

		display:flex;

		align-items:center;

		margin:0 12px 0 0;

		padding:0;

		background:#fafbfa;

		border:1px solid #e7eae8;

		border-radius:20px;

		overflow:hidden;
	}


	#nt_menu .pp-nav-search input[type="text"] {

		flex:1 1 auto;

		min-width:0;

		width:130px;

		height:34px;

		padding:0 4px 0 14px;

		margin:0;

		border:0 !important;

		outline:0 !important;

		background:transparent !important;

		box-shadow:none !important;

		font-size:13px;
	}


	#nt_menu .pp-nav-search button {

		flex:0 0 40px;

		width:40px;

		height:34px;

		padding:0;

		margin:0;

		border:0;

		outline:0;

		background:transparent;

		color:var(--kick-green);

		font-size:14px;

		cursor:pointer;
	}


	/****************************************
	오른쪽 아이콘
	****************************************/

	#nt_menu .pp-nav-icon {

		flex:0 0 54px;

		width:54px;

		height:63px;

		display:flex;

		align-items:center;

		justify-content:center;

		padding:0;

		margin:0;

		border-left:1px solid #eef0ef;

		background:#fff;

		color:#303532 !important;

		font-size:17px;

		text-decoration:none !important;
	}


	#nt_menu .pp-nav-icon:last-child {

		border-right:1px solid #eef0ef;
	}


	#nt_menu .pp-nav-icon:hover {

		color:var(--kick-green) !important;

		background:#fafbfa;
	}


	/****************************************
	1차 서브메뉴
	****************************************/

	#nt_menu .sub-1div {

		position:absolute;

		top:63px;

		left:0;

		z-index:1000;

		width:auto;

		background:#fff !important;

		border:1px solid #e5e8e6;

		border-radius:0 0 7px 7px;

		box-shadow:0 8px 22px rgba(0,0,0,.08) !important;
	}


	#nt_menu .sub-1dul {

		padding:6px 0 !important;

		margin:0 !important;

		background:#fff;

		list-style:none;
	}


	#nt_menu .sub-1da {

		display:block;

		padding:9px 14px !important;

		color:#333 !important;

		background:#fff !important;

		border-bottom:1px solid #f1f2f1 !important;

		font-size:13px;

		white-space:nowrap;
	}


	#nt_menu .sub-1dli:last-child > .sub-1da {

		border-bottom:0 !important;
	}


	#nt_menu .sub-1dli.on > .sub-1da,
	#nt_menu .sub-1dli:hover > .sub-1da {

		color:var(--kick-green) !important;

		background:#f8faf9 !important;

		font-weight:500;
	}


	/****************************************
	2차 서브메뉴
	****************************************/

	#nt_menu .sub-2div {

		position:absolute;

		left:100%;

		top:0;

		z-index:1001;

		background:#fff !important;

		border:1px solid #e5e8e6;

		box-shadow:0 8px 22px rgba(0,0,0,.08) !important;
	}


	#nt_menu .sub-2dul {

		padding:6px 0 !important;

		margin:0 !important;

		background:#fff;

		list-style:none;
	}


	#nt_menu .sub-2da {

		display:block;

		padding:9px 14px !important;

		color:#333 !important;

		background:#fff !important;

		border-bottom:1px solid #f1f2f1 !important;

		font-size:13px;

		white-space:nowrap;
	}


	#nt_menu .sub-2dli.on > .sub-2da,
	#nt_menu .sub-2dli:hover > .sub-2da {

		color:var(--kick-green) !important;

		background:#f8faf9 !important;
	}

}


/********************************************************
■ 화면 폭이 조금 좁을 때
********************************************************/

@media (min-width:768px) and (max-width:1199px) {

	#nt_menu .nt-container {

		padding-left:15px !important;

		padding-right:15px !important;
	}


	#nt_menu .pp-nav-logo {

		flex-basis:130px;

		width:130px;
	}


	#nt_menu .pp-nav-logo img {

		max-width:115px;
	}


	#nt_menu .pp-menu-a {

		padding-left:10px !important;

		padding-right:10px !important;

		font-size:13px !important;
	}


	#nt_menu .pp-nav-search {

		width:145px;

		margin-right:5px;
	}


	#nt_menu .pp-nav-icon {

		flex-basis:46px;

		width:46px;
	}

}


/********************************************************
■ 모바일
기존 Nariya 모바일 헤더 그대로 사용
********************************************************/



	#nt_sticky_wrap {

		position:static !important;

		width:auto !important;

		height:auto !important;

		transform:none !important;

		border:0;
	}


	#nt_sticky_wrap.me-sticky {

		position:static !important;

		width:auto !important;

		transform:none !important;
	}

}
/* 메뉴 hover / 현재 메뉴 하단 2px 포인트 라인 */
@media (min-width:768px) {

	#nt_menu .pp-menu-li {
		position:relative;
	}

	#nt_menu .pp-menu-li::after {
		content:"";
		position:absolute;
		left:17px;
		right:17px;
		bottom:0;

		height:2px;

		background:#18c36e;

		opacity:0;

		transition:opacity .15s ease;
	}

	/* 마우스 오버 */
	#nt_menu .pp-menu-li:hover::after {
		opacity:1;
	}

	/* 현재 선택된 메뉴 */
	#nt_menu .pp-menu-li.on::after {
		opacity:1;
	}

	/* 글자도 동일한 색 */
	#nt_menu .pp-menu-li:hover > .pp-menu-a,
	#nt_menu .pp-menu-li.on > .pp-menu-a {
		color:#18c36e !important;
	}