@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root {
	--font-style1: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	--font-style2: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

html,
body {
	height: auto;
	min-height: 100%;
	padding: 0;
	margin: 0;
	font-family: var(--font-style1);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 1.5;
}

input,
textarea,
select {
	font-family: var(--font-style1);
}

*,
html,
body,
div,
table,
nav,
p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
}

input[type=file][title]:hover::after {
	content: attr(title);
	position: absolute;
	bottom: -50%;
	left: 0;
	background: rgba(0, 0, 0, 0.85);
	width: 100%;
	padding: 5px 20px;
	font-size: 14px;
	color: #fff;
	z-index: 9999;
	border-radius: 5px;
}

.font-style2 {
	font-family: var(--font-style2);
}

.fl-left {
	float: left;
}

.w-100 {
	width: 100%;
}

/*padding. margin*/
.pt-0 {
	padding-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.col-2 {
	float: left;
	width: 100%;
}

.col-2 .one {
	float: left;
	width: 49%;
	border: 0;
	margin-right: 2%;
}

.col-2 .one:nth-child(2n) {
	margin-right: 0;
}

.col-2 img {
	width: 100%;
}

.col-3 {
	float: left;
	width: 100%;
}

.col-3 .one {
	float: left;
	width: 32%;
	border: 0;
}

.col-3 .one:nth-child(2n) {
	margin: 0 2%;
}

.col-3 img {
	width: 100%;
}

.col-4 {
	float: left;
	width: 40%;
}

.col-4 .one {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.col-4 .one:nth-of-type(4n) {
	margin-right: 0;
}

.col-5 {
	float: left;
	width: 100%;
}

.col-5 .one {
	float: left;
	width: 19.2%;
	margin-right: 1%;
}

.col-5 .one:nth-of-type(5n) {
	margin-right: 0;
}

@media (max-width:1200px) {
	.col-2 .one {
		width: 100%;
		margin: 0 0 2% 0;
	}

	.col-3 .one {
		width: 100%;
		margin: 0 0 2% 0;
	}

	.col-4 .one {
		width: 49%;
		margin: 0 2% 2% 0;
	}

	.col-4 .one:nth-of-type(2n) {
		margin-right: 0;
	}

	.col-5 .one {
		width: 49%;
		margin: 0 2% 2% 0;
	}

	.col-5 .one:nth-of-type(2n) {
		margin-right: 0;
	}
}

.pt60 {
	padding-top: 60px;
}

.pb60 {
	padding-bottom: 60px;
}

.bracket {
	font-family: var(--font-style1);
}

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

.mobonly {
	display: none !important;
}

.pconly2 {
	display: block !important;
}

.mobonly2 {
	display: none !important;
}

@media (max-width:1100px) {
	.pconly {
		display: none !important;
	}

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

	.pconly2 {
		display: none !important;
	}

	.mobonly2 {
		display: block !important;
	}
}

.layout_btn1 {
	background-color: transparent;
	color: #333;
	font-size: 14px;
	border: 1px solid #333;
	padding: 10px 20px;
	font-weight: 600;
	vertical-align: baseline;
}

.layout_btn1:hover {
	background: #333;
	color: #fff;
	transition: all 0.5s;
}

.layout_btn2 {
	background-color: #333;
	color: #fff;
	font-size: 14px;
	border: 1px solid #333;
	padding: 10px 20px;
	font-weight: 600;
	vertical-align: baseline;
}

.layout_btn2:hover {
	background: transparent;
	color: #333;
	transition: all 0.5s;
}

.layout_btn3 {
	background-color: #d13f4a;
	color: #fff;
	font-size: 14px;
	border: 1px solid #d13f4a;
	padding: 10px 20px;
	font-weight: 600;
}

.layout_btn3:hover {
	background: transparent;
	color: #d13f4a;
	transition: all 0.5s;
}

.layout_btn4 {
	background-color: #fff;
	color: #333;
	font-size: 14px;
	border: 1px solid #fff;
	padding: 10px 20px;
	font-weight: 600;
}

.layout_btn4:hover {
	background: transparent;
	color: #fff;
	transition: all 0.5s;
}

.layout_admbtn {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px 8px;
	font-size: 10px;
	font-weight: 500;
}

.layout_admbtn:hover {
	background: #ccc;
	color: #fff;
	transition: all .5s;
}

.innerwrap {
	width: 100%;
	margin: 0 auto;
	max-width: 1240px;
}

.innerwrap2 {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.innerwrap img,
.innerwrap2 img {
	max-width: 100%;
}

@media (max-width:1100px) {
	.innerwrap {
		width: 100%;
		padding: 0 20px;
	}

	.innerwrap2 {
		padding: 0 20px;
	}
}

@media (min-width:769px) and (max-width:1024px) {
	.innerwrap {
		max-width: 980px;
	}
}

@media (min-width:1025px) and (max-width:1440px) {
	.innerwrap {
		max-width: 1170px;
	}
}

@media (min-width:1441px) and (max-width:1600px) {
	.innerwrap {
		max-width: 1400px;
	}
}


/*padding. margin*/
.mt-0 {
	margin-top: 0;
}

.mt-1-rem {
	margin-top: 1rem;
}

.mt-2-rem {
	margin-top: 2rem;
}

.mt-3-rem {
	margin-top: 3rem;
}

.mt-4-rem {
	margin-top: 4rem;
}

.mt-5-rem {
	margin-top: 5rem;
}

.mt-6-rem {
	margin-top: 6rem;
}

.mt-7-rem {
	margin-top: 7rem;
}

.mt-8-rem {
	margin-top: 8rem;
}

.mt-9-rem {
	margin-top: 9rem;
}

@media (max-width:1200px) {
	.mt-3-rem {
		margin-top: 1.5rem;
	}

	.mt-4-rem {
		margin-top: 2.66rem;
	}

	.mt-6-rem {
		margin-top: 3.8rem;
	}

	.mt-8-rem {
		margin-top: 4.6rem;
	}
}

.mb-0 {
	margin-bottom: 0;
}

.mb-1-rem {
	margin-bottom: 1rem;
}

.mb-2-rem {
	margin-bottom: 2rem;
}

.mb-3-rem {
	margin-bottom: 3rem;
}

.mb-4-rem {
	margin-bottom: 4rem;
}

.mb-5-rem {
	margin-bottom: 5rem;
}

.mb-6-rem {
	margin-bottom: 6rem;
}

.mb-7-rem {
	margin-bottom: 7rem;
}

.mb-8-rem {
	margin-bottom: 8rem;
}

.mb-9-rem {
	margin-bottom: 9rem;
}

.mb-10-rem {
	margin-bottom: 10rem;
}

.mb-11-rem {
	margin-bottom: 11rem;
}

.mb-12-rem {
	margin-bottom: 12rem;
}

.mb-13-rem {
	margin-bottom: 13rem;
}

.mb-14-rem {
	margin-bottom: 14rem;
}

.mb-15-rem {
	margin-bottom: 15rem;
}

.mb-16-rem {
	margin-bottom: 16rem;
}

.mb-17-rem {
	margin-bottom: 17rem;
}

.mb-18-rem {
	margin-bottom: 18rem;
}

.mb-19-rem {
	margin-bottom: 19rem;
}

.mb-20-rem {
	margin-bottom: 20rem;
}

.mb-21-rem {
	margin-bottom: 21rem;
}

.mb-22-rem {
	margin-bottom: 22rem;
}

@media (max-width:1200px) {
	.mb-1-rem {
		margin-bottom: 1rem;
	}

	.mb-2-rem {
		margin-bottom: 1.35rem;
	}

	.mb-3-rem {
		margin-bottom: 1.75rem;
	}

	.mb-4-rem {
		margin-bottom: 2.66rem;
	}

	.mb-6-rem {
		margin-bottom: 3.8rem;
	}

	.mb-8-rem {
		margin-bottom: 4.6rem;
	}
}

.ml-1-rem {
	margin-left: 1rem;
}

.ml-2-rem {
	margin-left: 2rem;
}

.ml-3-rem {
	margin-left: 3rem;
}

.ml-4-rem {
	margin-left: 4rem;
}

.ml-5-rem {
	margin-left: 5rem;
}

.ml-6-rem {
	margin-left: 6rem;
}

.ml-7-rem {
	margin-left: 7rem;
}

.ml-8-rem {
	margin-left: 8rem;
}

.ml-9-rem {
	margin-left: 9rem;
}

.mr-1-rem {
	margin-right: 1rem;
}

.mr-2-rem {
	margin-right: 2rem;
}

.mr-3-rem {
	margin-right: 3rem;
}

.mr-4-rem {
	margin-right: 4rem;
}

.mr-5-rem {
	margin-right: 5rem;
}

.mr-6-rem {
	margin-right: 6rem;
}

.mr-7-rem {
	margin-right: 7rem;
}

.mr-8-rem {
	margin-right: 8rem;
}

.mr-9-rem {
	margin-right: 9rem;
}

.mtb-1-rem {
	margin: 1rem 0;
}

.mtb-2-rem {
	margin: 2rem 0;
}

.mtb-3-rem {
	margin: 3rem 0;
}

.mtb-4-rem {
	margin: 4rem 0;
}

.mtb-5-rem {
	margin: 5rem 0;
}

.mtb-6-rem {
	margin: 6rem 0;
}

.mtb-7-rem {
	margin: 7rem 0;
}

.mtb-8-rem {
	margin: 8rem 0;
}

.mtb-9-rem {
	margin: 9rem 0;
}

.mtb-10-rem {
	margin: 9rem 0;
}

.mtb-11-rem {
	margin: 9rem 0;
}

.mtb-12-rem {
	margin: 9rem 0;
}

.mtb-13-rem {
	margin: 9rem 0;
}

.mtb-14-rem {
	margin: 9rem 0;
}

.mtb-15-rem {
	margin: 9rem 0;
}

.margin-1-rem {
	margin: 1rem;
}

.margin-2-rem {
	margin: 2rem;
}

.margin-3-rem {
	margin: 3rem;
}

.margin-4-rem {
	margin: 4rem;
}

.margin-5-rem {
	margin: 5rem;
}

.margin-6-rem {
	margin: 6rem;
}

.margin-7-rem {
	margin: 7rem;
}

.margin-8-rem {
	margin: 8rem;
}

.margin-9-rem {
	margin: 9rem;
}

.pt-0 {
	padding-top: 0;
}

.pt-1-rem {
	padding-top: 1rem;
}

.pt-2-rem {
	padding-top: 2rem;
}

.pt-3-rem {
	padding-top: 3rem;
}

.pt-4-rem {
	padding-top: 4rem;
}

.pt-5-rem {
	padding-top: 5rem;
}

.pt-6-rem {
	padding-top: 6rem;
}

.pt-7-rem {
	padding-top: 7rem;
}

.pt-8-rem {
	padding-top: 8rem;
}

.pt-9-rem {
	padding-top: 9rem;
}

.pb-0 {
	padding-bottom: 0;
}

.pb-1-rem {
	padding-bottom: 1rem;
}

.pb-2-rem {
	padding-bottom: 2rem;
}

.pb-3-rem {
	padding-bottom: 3rem;
}

.pb-4-rem {
	padding-bottom: 4rem;
}

.pb-5-rem {
	padding-bottom: 5rem;
}

.pb-6-rem {
	padding-bottom: 6rem;
}

.pb-7-rem {
	padding-bottom: 7rem;
}

.pb-8-rem {
	padding-bottom: 8rem;
}

.pb-9-rem {
	padding-bottom: 9rem;
}

.pr-1-rem {
	padding-right: 1rem;
}

.pr-2-rem {
	padding-right: 2rem;
}

.pr-3-rem {
	padding-right: 3rem;
}

.pr-4-rem {
	padding-right: 4rem;
}

.pr-5-rem {
	padding-right: 5rem;
}

.pr-6-rem {
	padding-right: 6rem;
}

.pr-7-rem {
	padding-right: 7rem;
}

.pr-8-rem {
	padding-right: 8rem;
}

.pr-9-rem {
	padding-right: 9rem;
}

.pl-1-rem {
	padding-left: 1rem;
}

.pl-2-rem {
	padding-left: 2rem;
}

.pl-3-rem {
	padding-left: 3rem;
}

.pl-4-rem {
	padding-left: 4rem;
}

.pl-5-rem {
	padding-left: 5rem;
}

.pl-6-rem {
	padding-left: 6rem;
}

.pl-7-rem {
	padding-left: 7rem;
}

.pl-8-rem {
	padding-left: 8rem;
}

.pl-9-rem {
	padding-left: 9rem;
}

.ptb-1-rem {
	padding: 1rem 0;
}

.ptb-2-rem {
	padding: 2rem 0;
}

.ptb-3-rem {
	padding: 3rem 0;
}

.ptb-4-rem {
	padding: 4rem 0;
}

.ptb-5-rem {
	padding: 5rem 0;
}

.ptb-6-rem {
	padding: 6rem 0;
}

.ptb-7-rem {
	padding: 7rem 0;
}

.ptb-8-rem {
	padding: 8rem 0;
}

.ptb-9-rem {
	padding: 9rem 0;
}

.ptb-10-rem {
	padding: 10rem 0;
}

.ptb-11-rem {
	padding: 11rem 0;
}

.ptb-12-rem {
	padding: 12rem 0;
}

.ptb-13-rem {
	padding: 13rem 0;
}

.ptb-14-rem {
	padding: 14rem 0;
}

.ptb-15-rem {
	padding: 15rem 0;
}

.ptb-16-rem {
	padding: 16rem 0;
}

.ptb-17-rem {
	padding: 17rem 0;
}

.ptb-18-rem {
	padding: 18rem 0;
}

.ptb-19-rem {
	padding: 19rem 0;
}

.padding-1-rem {
	padding: 1rem;
}

.padding-2-rem {
	padding: 2rem;
}

.padding-3-rem {
	padding: 3rem;
}

.padding-4-rem {
	padding: 4rem;
}

.padding-5-rem {
	padding: 5rem;
}

.padding-6-rem {
	padding: 6rem;
}

.padding-7-rem {
	padding: 7rem;
}

.padding-8-rem {
	padding: 8rem;
}

.padding-9-rem {
	padding: 9rem;
}