@charset "utf-8";

/* 그누보드 */
.msg_sound_only,
.sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important
}

.btn_admin {
	display: none;
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
	display: inline-block;
	position: relative;
	max-width: none;
	background: none;
	text-align: left;
}

#captcha legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}

#captcha #captcha_img {
	height: 40px;
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 0;
	margin: 0;
	border-radius: 3px
}

#captcha #captcha_mp3 {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat;
	text-indent: -999px;
	border-radius: 3px
}

#captcha #captcha_reload {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat 0 -40px;
	text-indent: -999px;
	border-radius: 3px
}

#captcha #captcha_key {
	margin: 0 0 0 3px;
	padding: 0 5px;
	width: 90px;
	height: 40px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: top
}

#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 80%;
	color: #ff0000;
	letter-spacing: -0.1em
}

@media (max-width: 575px) {
	#captcha_audio {
		display: none !important;
	}
}

/* 커스텀 */

/* 기본 정보 */
body {
	font-family: "Paperozi", sans-serif;
	font-weight: 400 !important;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
	padding-left: 0px;
}

.waypoints {
	visibility: hidden;
}

/* 잘난체 */
@font-face {
	font-family: 'YeogiOttaeJalnanGothic';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
	font-weight: normal;
	font-display: swap;
}

/* 페이퍼오지 */
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-display: swap;
}

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
	font-weight: 900;
	font-display: swap;
}

.font-thin {
	font-family: "Paperozi", sans-serif;
	font-weight: 100 !important;
}

.font-extralight {
	font-family: "Paperozi", sans-serif;
	font-weight: 200 !important;
}

.font-light {
	font-family: "Paperozi", sans-serif;
	font-weight: 300 !important;
}

.font-regular {
	font-family: "Paperozi", sans-serif;
	font-weight: 400 !important;
}

.font-medium {
	font-family: "Paperozi", sans-serif;
	font-weight: 500 !important;
}

.font-semibold {
	font-family: "Paperozi", sans-serif;
	font-weight: 600 !important;
}

.font-bold {
	font-family: "Paperozi", sans-serif;
	font-weight: 700 !important;
}

.font-extrabold {
	font-family: "Paperozi", sans-serif;
	font-weight: 800 !important;
}

.font-black {
	font-family: "Paperozi", sans-serif;
	font-weight: 900 !important;
}


.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.display-none {
	display: none !important;
}

.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block !important;
}

.cursor-pointer {
	cursor: pointer;
}

.line-height-1 {
	line-height: 1;
}

.line-height-1-1 {
	line-height: 1.1;
}

.line-height-1-2 {
	line-height: 1.2;
}

.line-height-1-3 {
	line-height: 1.3;
}

.line-height-1-4 {
	line-height: 1.4;
}

.line-height-1-5 {
	line-height: 1.5;
}

.line-height-1-6 {
	line-height: 1.6;
}

.line-height-2 {
	line-height: 2;
}

/* 폰트 크기 */
.h48 {
	font-size: 48px;
}

.h42 {
	font-size: 42px;
}

.h40 {
	font-size: 40px;
}

.h36 {
	font-size: 36px;
}

.h34 {
	font-size: 34px;
}

.h32 {
	font-size: 32px;
}

.h28 {
	font-size: 28px;
}

.h24 {
	font-size: 24px;
}

.h20 {
	font-size: 20px;
}

.h18 {
	font-size: 18px;
}

.h16 {
	font-size: 16px;
}

.h14 {
	font-size: 14px;
}

.h13 {
	font-size: 13px;
}

.h12 {
	font-size: 12px;
}

.color-white {
	color: #FFFFFF;
}

.color-black {
	color: #000000;
}

.color-red {
	color: #FF0000;
}

/* 기본 칼라 */
.dackColor900 {
	color: #232527;
}

.dackColor800 {
	color: #444444;
}

.dackColor700 {
	color: #636363;
}

.dackColor600 {
	color: #777777;
}

.dackColor500 {
	color: #A5A5A5;
}

.dackColor400 {
	color: #BFBFBF;
}

.dackColor300 {
	color: #E2E2E2;
}

.dackColor200 {
	color: #EFEFEF;
}

.dackColor100 {
	color: #F5F5F5;
}

.dackColor50 {
	color: #FAFAFA;
}

.dackBgColor900 {
	background-color: #232527;
}

.dackBgColor800 {
	background-color: #444444;
}

.dackBgColor700 {
	background-color: #636363;
}

.dackBgColor600 {
	background-color: #777777;
}

.dackBgColor500 {
	background-color: #A5A5A5;
}

.dackBgColor400 {
	background-color: #BFBFBF;
}

.dackBgColor300 {
	background-color: #E2E2E2;
}

.dackBgColor200 {
	background-color: #EFEFEF;
}

.dackBgColor100 {
	background-color: #F5F5F5;
}

.dackBgColor50 {
	background-color: #FAFAFA;
}


.brandColor1 {
	color: #F39800;
}

.brandColor1_strong {
	color: #FF6C00;
}

.brandColor2 {
	color: #ffda03;
}

.brandColor2_strong {
	color: #f7ad00;
}

.brandColor3 {
	color: #f4f1e7;
}

.brandColor4 {
	color: #1d1b1b;
}

.brandColor5 {
	color: #660002;
}

.brandColorBg1 {
	background: #fff2ae;
}

.brandColorBg2 {
	background: #ffda03;
}

.brandColorBg3 {
	background: #f4f1e7;
}

.brandColorBg4 {
	background: #1d1b1b;
}

.brandColorBg5 {
	background: #660002;
}

/* 마진 패딩 속성 */
.w-p-1 {
	padding-left: 1%;
	padding-right: 1%;
}

.w-p-2 {
	padding-left: 2%;
	padding-right: 2%;
}

.w-p-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.w-p-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.w-p-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.w-p-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.w-p-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.w-p-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.w-p-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.w-p-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.h-p-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.h-p-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.h-p-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.h-p-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.h-p-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.h-p-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

.h-p-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.h-p-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.w-m-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.w-m-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.w-m-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.w-m-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.w-m-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.w-m-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}

.w-m-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.w-m-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}

.h-m-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.h-m-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.h-m-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.h-m-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.h-m-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.h-m-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.h-m-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.h-m-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

.p-0 {
	padding: 0 !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-35 {
	padding: 35px !important;
}

.p-40 {
	padding: 40px !important;
}

.p-45 {
	padding: 45px !important;
}

.m-5 {
	margin: 5px !important;
}

.m-10 {
	margin: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.m-30 {
	margin: 30px !important;
}

.p-t-5 {
	padding-top: 5px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-25 {
	padding-top: 25px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-t-35 {
	padding-top: 35px;
}

.p-t-40 {
	padding-top: 40px;
}

.p-t-45 {
	padding-top: 45px;
}

.p-t-50 {
	padding-top: 50px;
}

.p-b-5 {
	padding-bottom: 5px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-25 {
	padding-bottom: 25px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-b-35 {
	padding-bottom: 35px;
}

.p-b-40 {
	padding-bottom: 40px;
}

.p-b-45 {
	padding-bottom: 45px;
}

.p-b-50 {
	padding-bottom: 50px;
}

.p-l-5 {
	padding-left: 5px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-20 {
	padding-left: 20px;
}

.p-l-25 {
	padding-left: 25px;
}

.p-l-30 {
	padding-left: 30px;
}

.p-l-35 {
	padding-left: 35px;
}

.p-l-40 {
	padding-left: 40px;
}

.p-l-45 {
	padding-left: 45px;
}

.p-l-50 {
	padding-left: 50px;
}

.p-r-5 {
	padding-right: 5px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-15 {
	padding-right: 15px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-r-25 {
	padding-right: 25px;
}

.p-r-30 {
	padding-right: 30px;
}

.p-r-35 {
	padding-right: 35px;
}

.p-r-40 {
	padding-right: 40px;
}

.p-r-45 {
	padding-right: 45px;
}

.p-r-50 {
	padding-right: 50px;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-12 {
	margin-top: 12px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-t-35 {
	margin-top: 35px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-t-45 {
	margin-top: 45px !important;
}

.m-t-50 {
	margin-top: 50px !important;
}

.m-t-55 {
	margin-top: 55px !important;
}

.m-t-60 {
	margin-top: 60px !important;
}

.m-t-65 {
	margin-top: 65px !important;
}

.m-t-70 {
	margin-top: 70px !important;
}

.m-t-75 {
	margin-top: 75px !important;
}

.m-t-80 {
	margin-top: 80px !important;
}

.m-t-85 {
	margin-top: 85px !important;
}

.m-t-90 {
	margin-top: 90px !important;
}

.m-t-95 {
	margin-top: 95px !important;
}

.m-t-100 {
	margin-top: 100px !important;
}

.m-b-5 {
	margin-bottom: 5px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-b-15 {
	margin-bottom: 15px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-25 {
	margin-bottom: 25px;
}

.m-b-30 {
	margin-bottom: 30px;
}

.m-b-35 {
	margin-bottom: 35px;
}

.m-b-40 {
	margin-bottom: 40px;
}

.m-b-45 {
	margin-bottom: 45px;
}

.m-b-50 {
	margin-bottom: 50px;
}

.m-l-5 {
	margin-left: 5px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-l-13 {
	margin-left: 13px;
}

.m-l-15 {
	margin-left: 15px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-l-25 {
	margin-left: 25px;
}

.m-l-30 {
	margin-left: 30px;
}

.m-l-35 {
	margin-left: 35px;
}

.m-l-40 {
	margin-left: 40px;
}

.m-l-45 {
	margin-left: 45px;
}

.m-l-50 {
	margin-left: 50px;
}

.m-r-5 {
	margin-right: 5px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-r-15 {
	margin-right: 15px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-r-25 {
	margin-right: 25px;
}

.m-r-30 {
	margin-right: 30px;
}

.m-r-35 {
	margin-right: 35px;
}

.m-r-40 {
	margin-right: 40px;
}

.m-r-45 {
	margin-right: 45px;
}

.m-r-50 {
	margin-right: 50px;
}

/* flex */

.flex {
	display: flex;
}

.flex-w-full {
	display: flex;
	width: 100%;
}

.flex-column {
	display: flex;
	flex-direction: column !important;
}

.flex-row {
	display: flex;
	flex-direction: row !important;
}

.flex-justify-center {
	justify-content: center !important;
}

.flex-justify-start {
	justify-content: flex-start !important;
}

.flex-justify-end {
	justify-content: flex-end !important;
}

.flex-align-center {
	align-items: center !important;
}

.flex-align-start {
	align-items: flex-start !important;
}

.flex-align-end {
	align-items: flex-end !important;
}

.flex-between {
	/* 25-09-25 추가 */
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-1 {
	flex: 1 !important;
}

.flex-gap-1 {
	gap: 1px !important;
}

.flex-gap-2 {
	gap: 2px !important;
}

.flex-gap-3 {
	gap: 3px !important;
}

.flex-gap-4 {
	gap: 4px !important;
}

.flex-gap-5 {
	gap: 5px !important;
}

.flex-gap-10 {
	gap: 10px !important;
}

.flex-gap-15 {
	gap: 15px !important;
}

.flex-gap-20 {
	gap: 20px !important;
}

.flex-gap-25 {
	gap: 25px !important;
}

.flex-gap-30 {
	gap: 30px !important;
}

.flex-gap-35 {
	gap: 35px !important;
}

.flex-gap-40 {
	gap: 40px !important;
}

.flex-gap-45 {
	gap: 45px !important;
}

.flex-gap-50 {
	gap: 50px !important;
}

.flex-gap-55 {
	gap: 55px !important;
}

.flex-gap-60 {
	gap: 60px !important;
}

.flex-gap-70 {
	gap: 70px !important;
}

.flex-gap-75 {
	gap: 75px !important;
}

.flex-gap-80 {
	gap: 80px !important;
}

.flex-gap-90 {
	gap: 90px !important;
}

.flex-gap-100 {
	gap: 100px !important;
}

/* pc 사이즈 */
@media (min-width: 992px) {
	.nav-item a {
		margin-left: 20px;
	}

	.only_pc {
		display: block;
	}

	.only_mobile {
		display: none;
	}

	.only_pc_flex {
		display: flex;
	}

	.only_mobile_flex {
		display: none;
	}

	.title01_06 {
		margin-bottom: 100px;
	}
}

/* 모바일 사이즈 */
@media (max-width: 991px) {


	.menu_pc a:hover:after {
		transform: scaleX(0) !important;
		/*a 속성에 hover시 기존 크기로*/
	}

	.only_pc {
		display: none;
	}

	.only_mobile {
		display: block;
	}

	.only_pc_flex {
		display: none;
	}

	.only_mobile_flex {
		display: flex;
	}

	.footer_contents {
		text-align: left;
	}
}

/* 네비게이션 배경색과 메뉴 색상 */
.navbar {
	background: white;
	opacity: 1.0;
	padding: 15px 0;
	box-shadow: 0 4px 30px -30px black;
	/* 그림자 효과 아래만 */
}

.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(241,139,52, 1.0)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* 내비게이션 로고 중앙 정렬 이미지 넓이의 중앙 값 */
.navbar-brand {
	padding-left: 0px;
}

/* 햄버거 보더 제거 */
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	outline: none;
	box-shadow: none;
	border: none;
}

.text_shadow {
	text-shadow: 2px 2px 4px rgb(46, 46, 46);
}

.text_shadow_none {
	text-shadow: none !important;
}


/* 카테고리 탭 슬라이더 */
.category-tabs {
	margin-bottom: 15px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 15px;
	overflow: hidden;
}

.category-tabs-inner {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 5px;
	cursor: grab;
	user-select: none;
}

.category-tabs-inner:active {
	cursor: grabbing;
}

.category-tabs-inner::-webkit-scrollbar {
	display: none;
}

.category-tab {
	flex-shrink: 0;
	padding: 8px 14px;
	border-radius: 18px;
	font-size: 0.8rem;
	font-weight: 500;
	color: #6b7280;
	background: #f3f4f6;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.2s;
}

.category-tab:hover {
	background: #e5e7eb;
}

.category-tab.active {
	background: #1f2937;
	color: #fff;
}

/* PC 화면에서는 카테고리 줄바꿈 */
@media (min-width: 768px) {
	.category-tabs-inner {
		flex-wrap: wrap;
		overflow-x: visible;
		cursor: default;
		user-select: auto;
	}

	.category-tab {
		flex-shrink: 1;
	}
}