@charset "utf-8";
@import url('../../../nariya/css/g5.css');

/********************************************************
■ Theme Common
********************************************************/
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: 'Lato', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	background: #fff;
	color: #596164;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
	margin: 0;
	padding: 0;
	border: 0
}

a,
button,
submit,
input,
select {
	vertical-align: middle;
}

/********************************************************
■ 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 {
	position: relative;
	z-index: 1000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.gw_boundary_wide {
	max-width: 1760px;
	margin: 0 auto;
}

/* .gw_header_container logo */
.gw_header_container {
	position: relative;
}

.gw_header_container>#logo {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 200px;
	z-index: 99;
}

.gw_header_container>#logo img {
	width: auto;
	height: 58px;
}

/* 1차 메뉴 gnb */
.gw_gnb_container {
	position: relative;
	text-align: center;
	font-size: 0;
}

.gnb {
	display: inline-block;
	vertical-align: top;
}

.gnb>.gnb_item {
	position: relative;
	display: inline-block;
	padding: 37px 32px;
	font-size: 18px;
	vertical-align: top;
	line-height: 1;
}

.gnb>.gnb_item.fixed {
	padding: 24px 32px;
}

.gnb>.gnb_item a {
	color: #000;
	font-weight: 600;
	font-size: 22px;
}

.gnb>.gnb_item>.lnb {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 60px;
	width: 120px;
	text-align: left;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.gnb>.gnb_item>.lnb.on {
	opacity: 1;
	visibility: visible;
	top: 91px;
	z-index: 99;
}

/* 2차 메뉴 lnb dropdown menu */
.lnb>.lnb_item {
	font-size: 13px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.lnb>.lnb_item:last-child {
	border-bottom: 0;
}

.lnb>.lnb_item>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 6px 0;
	line-height: initial;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.lnb_bg {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: 500px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	border-top: 1px solid #eef1f5;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 90;
}

.lnb_bg.on {
	opacity: 1;
	visibility: visible;
	top: 90px;
}

/* search button */
.search_btn {
	display: inline-block;
	padding: 31px 28px 35px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}

.search_btn.fixed {
	padding: 18px 28px 22px;
}

.search_icon {
	vertical-align: middle;
}

/* gw_utill_container */
.gw_utill_container {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -14px;
	text-align: right;
	font-size: 0;
}

.gw_utill_container>ul,
.gw_utill_container>div {
	display: inline-block;
}

.gw_utill_container .utill {
	font-size: 0;
}

.gw_utill_container .utill>li {
	display: inline-block;
	padding-left: 4px;
	font-size: 12px;
	position: relative;
}

.gw_utill_container .utill>li a {
	color: #000;
}

.gw_utill_container .utill>li span {
	display: block;
	padding: 4px 12px;
	border: 1px solid #000;
	border-radius: 14px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.gw_utill_container .utill>li span:hover {
	background-image: -webkit-linear-gradient(75deg, #18a8f1, #18a8f1);
	color: #fff;
}

/* 로그인 시 admin menu */
.gw_utill_container .utill_admin {
	position: fixed;
	top: 50%;
	right: 80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 120px;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 14px;
}

.gw_utill_container .utill_admin h5 {
	padding: .75rem 1rem;
	background: #5bb6e2;
	color: #fff;
	font-size: 14px;
}

.gw_utill_container .utill_admin a {
	display: block;
	padding: .75rem 1rem;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.gw_utill_container .utill_admin a:hover {
	background: #f7f7f7;
}

/* menu button */
.menu_btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 52px;
	height: 70px;
	cursor: pointer;
}

.menu_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	z-index: 999;
}

.menu_icon>span {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.menu_icon>span:nth-child(1) {
	top: 0;
}

.menu_icon>span:nth-child(2) {
	top: 8px;
}

.menu_icon>span:nth-child(3) {
	top: 16px;
}

.menu_icon>span:nth-child(4) {
	top: 8px;
	opacity: 0
}

/* gnb all container */
.gnb_all_container {
	position: fixed;
	top: 0;
	right: -100%;
	max-width: 320px;
	width: 100%;
	height: 80%;
	background: #18a8f1;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	z-index: 8888;
}

.gnb_all_container.open {
	right: 0;
	overflow: auto;
}

.gnb_all_inner {
	position: relative;
	display: block;
	padding-top: 100px;
}

/* gnb all close button */
.gnb_all_close_btn {
	position: absolute;
	top: 16px;
	right: 7px;
	width: 40px;
	height: 40px;
	border: none;
	background: transparent;
}

.gnb_all_close_btn>span {
	width: 100%;
	height: 100%;
	position: relative;
}

.gnb_all_close_btn>span:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url('../img/icon_close.svg') no-repeat center center;
	background-size: 20px auto;
	-webkit-transform: rotate(0) translateZ(0);
	transform: rotate(0) translateZ(0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.gnb_all_close_btn:hover>span:after {
	-webkit-transform: rotate(180deg) translateZ(0);
	transform: rotate(180deg) translateZ(0);
}

/* gnb_all_utill */
.gnb_all_utill {
	margin-bottom: 10px;
	padding: 16px 24px;
	background: #fff;
	font-size: 14px;
}

.gnb_all_utill li {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

.gnb_all_utill li:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 9px;
	width: 1px;
	height: 10px;
	background: #96989c;
}

.gnb_all_utill li:last-child:after {
	display: none;
}

/* gnb all item 전체메뉴 */
.gnb_all {
	background: #fff;
}

.gnb_all_item {
	font-size: 20px;
	position: relative;
}

.gnb_all_item>a {
	display: block;
	height: 56px px;
	padding: 14px 24px;
	line-height: 28px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	background: #18a8f1;
}

.lnb_op_btn {
	position: absolute;
	top: 13px;
	right: 18px;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	outline: none;
	background: url('../img/select_arrow_bold.svg') no-repeat 50% 60%;
	background-size: 14px auto;
	background-color: #f7f7f7;
}

.lnb_all {
	display: none;
	background: #f7f7f7;
	padding: 10px 24px;
}

.lnb_all_item {
	padding: 5px 0;
	font-size: 14px;
}

.m_menu.active {
	position: relative;
}

.m_menu.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #646873;
}

/* gnb all overlay */
.gnb_all_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(24 168 241 / 36%);
	z-index: 5555;
}

.gnb_all_overlay.open {
	display: block;
}

/* gw_search */
.gw_search {
	display: none;
	position: fixed;
	top: 90px;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.gw_search_inner {
	background: #fff;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	position: relative;
}

.gw_search_boundary {
	max-width: 768px;
	width: 100%;
	margin: auto;
	padding: 120px 0 60px;
}

.gw_search_close_btn {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	border: none;
	background: transparent;
}

.gw_search_close_btn span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.gw_search_close_btn span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('img/icon_close.svg') no-repeat center center;
	background-size: 28px auto;
	-webkit-transform: rotate(0) translateZ(0);
	transform: rotate(0) translateZ(0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.gw_search_close_btn:hover span:after {
	-webkit-transform: rotate(180deg) translateZ(0);
	transform: rotate(180deg) translateZ(0);
}

#gw_search_field {
	width: 100%;
	height: 65px;
	margin-bottom: 24px;
	position: relative;
}

#gw_search_field:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #dde0e3;
}

#gw_search_field>form {
	width: 100%;
	height: 100%;
}

#gw_search_field input.gw_search_input:focus {
	border: 0 !important;
}

.gw_search_input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	outline: none;
	font-size: 24px;
}

.gw_search_submit_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 100%;
	border: none;
	outline: none;
	background: transparent;
	font-size: 24px;
	color: #acafb9;
}





/* ****************************************************************************************** *
 * 1760px
 * ****************************************************************************************** */
@media screen and (max-width:1760px) {

	.gw_header_container>#logo {
		left: 24px;
	}

	.gw_utill_container {
		right: 24px;
	}

}

/* 1760px end */





/* ****************************************************************************************** *
 * 1440px
 * ****************************************************************************************** */
@media screen and (max-width:1440px) {

	.gnb>.gnb_item {
		padding: 37px 24px;
	}

}

/* 1440px end */





/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {

	.gw_boundary {
		padding: 0 24px;
	}

	.gw_header_container>#logo img {
		height: 32px;
	}

	.gnb>.gnb_item {
		padding: 32px 20px;
	}

	.lnb>.lnb_item {
		font-size: 12px;
	}

	.search_btn {
		padding: 27px 14px 29px;
	}

	.utill_admin {
		display: none;
	}

	.lnb_bg {
		top: 80px;
	}

	.gw_search {
		top: 80px;
	}

}

/* 1200px end */





/* ****************************************************************************************** *
 * 1023px
 * ****************************************************************************************** */
@media screen and (max-width:1023px) {

	.gw_boundary {
		padding: 0 24px;
	}

	.gw_header_container {
		height: 70px;
		position: relative;
	}

	.gw_header_container>#logo img {
		height: 36px;
	}

	.gw_header_container>nav {
		float: right;
	}

	.search_btn,
	.menu_btn {
		display: inherit;
		float: none;
		position: absolute;
	}

	.search_btn {
		right: 52px;
		width: 52px;
		height: 70px;
	}

	.menu_btn {
		right: 8px;
	}

	.search_icon {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-trasform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.gw_utill_container,
	.gnb {
		display: none;
	}


}

/* 1023px end */





/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

	.gw_search_boundary {
		padding: 120px 24px 60px
	}

	.gw_header_container {
		height: 60px;
	}

	.gw_header_container>#logo img {
		height: 28px;
	}

	.menu_btn {
		width: 40px;
		height: 60px;
	}

	.menu_icon {
		width: 20px;
		height: 13px;
	}

	.menu_icon>span:nth-child(2) {
		top: 6px
	}

	.menu_icon>span:nth-child(3) {
		top: 12px;
	}

	.search_btn {
		right: 44px;
		width: 40px;
		height: 60px;
		font-size: 18px;
	}

	.search_icon {}

	.gw_search {
		top: 0;
	}
}

/* 768px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {

	.gw_boundary {
		padding: 0 16px;
	}

	.search_btn {
		right: 38px;
	}

	.menu_btn {
		width: 36px;
	}

	/* gw_search */
	.gw_search_boundary {
		padding: 68px 48px 48px
	}

	.gw_search_close_btn {
		top: 10px;
	}

	.gw_search_input {
		font-size: 20px;
	}

	#gw_search_field {
		height: 52px;
		margin-bottom: 10px;
	}

}

/* 767px end */





/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {

	.gw_header_container {
		height: 70px
	}

	.gw_header_container>#logo img {
		height: 40px;
	}

	.search_btn,
	.menu_btn {
		height: 70px;
	}

	.search_icon {
		top: 48%;
	}

	.gnb_all_container {
		max-width: 100%;
		text-align: center;
	}

	.gnb_all_close_btn.open {
		right: 280px;
	}

	/* gw_search */
	.gw_search_close_btn {
		top: 5px;
	}

	.gw_search_boundary {
		padding: 64px 36px 24px;
	}

	.gw_search_input,
	.gw_search_submit_btn {
		font-size: 18px;
	}

	#gw_search_field {
		height: 48px;
		margin-bottom: 5px;
	}

	#popular li {
		font-size: 12px;
	}
}

/* 480px end */





/* ****************************************************************************************** *
 * 375px
 * ****************************************************************************************** */
@media screen and (max-width:375px) {

	/* gw_search */
	.gw_search_boundary {
		padding: 64px 24px 24px;
	}

	.gw_search_input,
	.gw_search_submit_btn {
		font-size: 16px;
	}

}

/* 375px end */





/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {

	/* gnb all */
	.gnb_all_container {
		max-width: 260px;
	}

	.gnb_all_close_btn.open {
		right: 260px;
	}

}

/* 320px end */


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

#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 {
	position: relative;
	border-top: 1px solid #dde0e3;
}

#nt_footer .info_container {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	padding: 64px 0;
}

/* 푸터 info_container */
#nt_footer .footer_logo {
	position: absolute;
	top: 56px;
	left: 0;
	width: 160px;
}

#nt_footer .footer_logo img {
	width: 100%;
}

#nt_footer .info_list {
	text-align: right;
	font-size: 0;
}

#nt_footer .info_list li {
	display: inline-block;
	max-width: 240px;
	width: 100%;
	margin-left: 24px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

#nt_footer .info_list li h4 {
	padding-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1.05rem;
}

#nt_footer .info_list li p {
	padding-bottom: .25rem;
	letter-spacing: 0.01em;
}

#nt_footer .info_list li p b {
	padding-left: 4px;
	font-weight: 500;
}

/* 푸터 nav_copy_container */
#nt_footer .nav_copy_container {
	background: #fff;
}

#nt_footer .nav_copy_inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
}

#nt_footer .nav_copy_inner:after {
	content: "";
	display: block;
	clear: both;
}

#nt_footer .nav_copy_inner>ul,
#nt_footer .nav_copy_inner>div {
	float: left;
	width: 50%;
}

#nt_footer .nav_list {
	font-size: 0;
}

#nt_footer .nav_list li {
	display: inline-block;
	margin-right: 48px;
	font-size: 15px;
	font-weight: 600;
}

#nt_footer .nav_list li a {
	color: #646873;
}

#nt_footer .copy {
	text-align: right;
}

/* top button */
#gw_top_btn {
	position: absolute;
	top: 0;
	right: 120px;
	width: 60px;
	height: 60px;
	border: 0;
	border-radius: 0;
	background-image: -webkit-linear-gradient(75deg, #18a8f1, #18a8f1);
	color: #fff;
	font-size: 15px;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 90;
}

#gw_top_btn>p {
	padding-top: 2px;
	font-size: 12px;
}

#gw_top_btn.gw_go_top_fixed {
	position: fixed;
	top: inherit;
	bottom: 70px;
	border-radius: 50%;
}

#gw_top_btn.gw_go_top_hide {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.btn-primary {
	color: #fff;
	background-image: -webkit-linear-gradient(75deg, #18a8f1, #18a8f1);
}

.btn_submit {
	border: 0;
	background-image: -webkit-linear-gradient(75deg, #18a8f1, #18a8f1);
	color: #fff;
	cursor: pointer;
	padding: 10px 20px;
	line-height: 1.4;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-image: -webkit-linear-gradient(75deg, #18a8f1, #18a8f1);
}

/*** 하단 아이콘 메뉴 ***/
.menu_nav_btm ul li a {
	display: none;
}

.bg-blue {
	background-image: -webkit-linear-gradient(75deg, #18a8f1, #18a8f1);
	color: #fff;
}


/* ****************************************************************************************** *
 * 1440px
 * ****************************************************************************************** */
@media screen and (max-width:1440px) {

	#nt_footer .info_container {
		padding: 64px 24px;
	}

	#nt_footer .nav_copy_inner {
		padding: 0;
	}

	#nt_footer .footer_logo {
		left: 24px;
	}

	#gw_top_btn {
		right: 24px;
	}

}

/* 1440px end */



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {

	#nt_footer .info_container {
		padding: 48px 24px;
	}

	#nt_footer .footer_logo {
		position: static;
		top: inherit;
		left: inherit;
		width: 140px;
		margin-bottom: 1.5rem;
	}
}

/* 1024px end */



/* ****************************************************************************************** *
 * 870px
 * ****************************************************************************************** */
@media screen and (max-width:880px) {

	#nt_footer .info_container {
		padding: 48px 24px;
	}

	#nt_footer .info_list li {
		max-width: unset;
		width: 33.3333%;
		margin: 0;
		padding-right: 1rem;
	}

	#nt_footer .nav_list li {
		margin-right: 20px;
	}
}

/* 870px end */




/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

	#nt_footer .nav_list li {
		padding-bottom: 4px;
		font-weight: 400;
		font-size: 14px;
	}

}

/* 768px end */




/* ****************************************************************************************** *
 * 560px
 * ****************************************************************************************** */
@media screen and (max-width:560px) {

	#nt_footer .footer_logo {
		width: 120px;
	}

	#nt_footer .info_container {
		padding: 36px 20px;
	}

	#nt_footer .info_list li {
		width: 100%;
		margin: 0;
		padding-right: 0;
	}

	#nt_footer .info_list li h4 {
		display: none;
	}

	#nt_footer .info_list li p {
		margin-right: .5rem;
		display: inline;
	}

	#gw_top_btn {
		right: 16px;
	}

	#nt_footer .nav_copy_inner {
		padding: 0;
	}

	#nt_footer .nav_copy_inner>ul,
	#nt_footer .nav_copy_inner>div {
		float: none;
		width: 100%;
		text-align: left;
	}

	#nt_footer .nav_list {
		margin-bottom: 4px;
	}

	#nt_footer .nav_list li {
		margin-right: 12px;
		font-size: 13px;
	}


	.menu_nav_btm ul li a {
		width: 80%;
		height: auto
	}


	/*** 하단 아이콘 메뉴 ***/
	.menu_nav_btm {
		float: left;
		position: fixed;
		z-index: 10000;
		background: #fff;
		max-width: 970px;
		width: 100% !important;
		bottom: 0;
		border: 1px solid #dfdfdf;
		border-top: 0;
		border-bottom: 0;
		height: 50px;
		line-height: 16px;
		box-shadow: 0 -1px 0px rgba(0, 0, 0, .1)
	}

	.menu_nav_btm ul {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-around;
	}

	.menu_nav_btm ul li {
		float: left;
		width: 24.666667%;
		text-align: center;
		font-family: 'Nanum Gothic';
		font-size: .9rem
	}

	.menu_nav_btm ul li.on a {
		color: #1a73e8
	}

	.menu_nav_btm ul li.on a strong {
		color: #1a73e8
	}

	.menu_nav_btm ul li a {
		display: inline-block;
		width: 100%;
		color: #636363;
		vertical-align: middle
	}

	.menu_nav_btm ul li a strong {
		float: left;
		width: 100%;
		text-align: center;
		font-family: 'Nanum Gothic';
		font-weight: normal;
		color: #fff;
		height: 30px;
		line-height: 30px
	}

	.menu_nav_btm ul li a i {
		float: left;
		width: 100%;
		text-align: center;
		font-size: 1.6rem;
		margin-top: 7px
	}


}

/* 560px end */



/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {

	#nt_footer .info_container {
		padding: 36px 15px 24px;
	}

	#nt_footer .info_list li p {
		display: block;
	}

	#nt_footer .nav_copy_inner {
		padding: 0;
	}

}

/* 320px end */






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

/* 페이징 */
.pg_wrap {
	clear: both;
	float: left;
	display: inline-block
}

.pg_wrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.pg {
	text-align: center
}

.pg_page,
.pg_current {
	display: inline-block;
	margin: 0 2px;
	vertical-align: middle;
}

.pg a:focus,
.pg a:hover {
	text-decoration: none
}

.pg_page {
	color: #959595;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	min-width: 30px;
	text-decoration: none;
	border-radius: 15px
}

.pg_page:hover {
	background-color: #fff;
	border: 1px solid #c9ccd3;
}

.pg_start {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_first.gif') no-repeat 50% 50% #fff;
	padding: 0;
	border: 1px solid #fff
}

.pg_prev {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_prev.gif') no-repeat 50% 50% #fff;
	padding: 0;
	border: 1px solid #fff
}

.pg_end {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_end.gif') no-repeat 50% 50% #fff;
	padding: 0;
	border: 1px solid #fff
}

.pg_next {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_next.gif') no-repeat 50% 50% #fff;
	padding: 0;
	border: 1px solid #fff
}

.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
	background-color: #fff;
	border-color: #c9ccd3;
}

.pg_current {
	display: inline-block;
	background: #fafafa;
	border: 1px solid #fafafa;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	min-width: 30px;
	border-radius: 15px
}

.pg_current:hover {
	background: #646873;
	border-color: #646873;
	color: #fff;
}

[class^="pg"] {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/* 라운드 스타일 */
.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;
}