@charset "utf-8";
:root {
	--main-color: #000;
	--over-color: #444;
	--bg-color: #eee;
	--primary-color: #014086;
	--secondary-color: #ff888d;
	--dark-primary-color: #1976D2;
	--light-primary-color: #BBDEFB;
	--accent-color: #CDDC39;
	--icon-text: #fff;
	--primary-text: #212121;
	--secondary-text: #757575;
	--divider-color: #bdbdbd;
	--bg-linear-color: linear-gradient(0deg,#389466,#42b883);
	--box-shadow: #919eab33 0 0 2px,#919eab1f 0 12px 24px -4px;
	--primary-font: 'Noto Sans KR';
	--secondary-font: 'Pretendard';
	--board-font: 'Pretendard';
}

* { padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
body { font-family: 'Pretendard'; color: #333; }

@media screen and (min-width: 1921px) {
	body { background: #fff; }
	#wrap { background: #fff; }
}

/* img { display: inline-block; vertical-align: top; max-width: 100%; } */
/* input { -webkit-appearance: none; -webkit-border-radius: 0; } */
input, select, label, textarea { font-family: "Pretendard" !important; }

.blur {	filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); margin-top: -60px; }
.none { display: none !important; }

img {
	/*image-rendering: -moz-crisp-edges; /* firefox */
	/*image-rendering: -o-crisp-edges; /* opera */
	/*image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */
	/*image-rendering: crisp-edges;
	/*transform:translateZ(0);
	/*backface-visibility:hidden;
	*/
}

.swiper-button-next,
.swiper-button-prev { background-color: rgba(0,0,0,0); opacity: 1 !important; left: 50%; top: 50%; bottom: 0; right: 0; z-index: 2; }

.swiper-button-next::after,
.swiper-button-prev::after { display: none; }

/*스크롤*/
.scroll { overflow: overlay; }
.scroll::-webkit-scrollbar { width: 15px; }
.scroll::-webkit-scrollbar-track { background-color: #f7f8fb; border-left: 1px solid #dbe0ed; border-right: 1px solid #dbe0ed; border-bottom: 1px solid #dbe0ed; }
.scroll::-webkit-scrollbar-thumb { border: 4px solid transparent; background-color: #aab7ce; border-radius: 10px; background-clip: content-box; }

.scroll2 { overflow: overlay; }
.scroll2::-webkit-scrollbar { width: 2px; }
.scroll2::-webkit-scrollbar-track { background-color: #e2e2e2; border-left: 0px solid #dbe0ed; border-right: 0px solid #dbe0ed; border-bottom: 0px solid #dbe0ed; }
.scroll2::-webkit-scrollbar-thumb { border: 0px solid transparent; background-color: #686868; border-radius: 0px; background-clip: content-box; }

.div-layer { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.ellipsis-line2 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line3 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line4 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }

picture { display: flex; }
picture.center { justify-content: center; }
picture.full img { width: 100%; }
picture.half img { width: 50%; }
picture.cover img { object-fit: cover; object-position: center; }
picture.contain img { object-fit: contain; object-position: center; }

.img-center { position: relative; left: 50%; margin-left: -960px; width: 1920px; }
.img-center img { max-width: 100%; }

.w-100 { width: 100% !important; }
.d-flex { display: flex !important; }
.flex-center { justify-content: center !important; align-items: center !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-ac { align-items: center !important; }
.flex-as { align-items: flex-start !important; }
.flex-ae { align-items: flex-end !important; }
.flex-js { justify-content: flex-start !important; }
.flex-je { justify-content: flex-end !important; }
.flex-jc { justify-content: center !important; }
.flex-jsb { justify-content: space-between !important; }
.flex-col { flex-direction: column !important; }
.flex-0-0 { flex: 0 0 auto !important; }
.flex-1-1 { flex: 1 1 auto !important; }
.flex-0-1 { flex: 0 1 auto !important; }
.flex-1-0 { flex: 1 0 auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

@media screen and (min-width: 741px) {
	.pc { display: block; }
	.mo { display: none; }
	.pc-inline { display: inline-block !important; }
	.mo-inline { display: none !important; }

	.inner-wrap { width: min(1200px, 91.6667vw); margin-left: auto; margin-right: auto; } /* 1200일 때 좌우 패딩 50으로 vw 계산 */

	.d-lg-flex { display: flex !important; }
	.flex-lg-center { justify-content: center !important; align-items: center !important; }
	.flex-lg-wrap { flex-wrap: wrap !important; }
	.flex-lg-ac { align-items: center !important; }
	.flex-lg-as { align-items: flex-start !important; }
	.flex-lg-ae { align-items: flex-end !important; }
	.flex-lg-js { justify-content: flex-start !important; }
	.flex-lg-je { justify-content: flex-end !important; }
	.flex-lg-jc { justify-content: center !important; }
	.flex-lg-jsb { justify-content: space-between !important; }
	.flex-lg-col { flex-direction: column !important; }
	.flex-lg-0-0 { flex: 0 0 auto !important; }
	.flex-lg-1-1 { flex: 1 1 auto !important; }
	.flex-lg-0-1 { flex: 0 1 auto !important; }
	.flex-lg-1-0 { flex: 1 0 auto !important; }
	.mx-lg-auto { margin-left: auto !important; margin-right: auto !important; }
	.fw-lg-100 { font-weight: 100 !important; }
	.fw-lg-200 { font-weight: 200 !important; }
	.fw-lg-300 { font-weight: 300 !important; }
	.fw-lg-400 { font-weight: 400 !important; }
	.fw-lg-500 { font-weight: 500 !important; }
	.fw-lg-600 { font-weight: 600 !important; }
	.fw-lg-700 { font-weight: 700 !important; }
	.fw-lg-800 { font-weight: 800 !important; }
	.fw-lg-900 { font-weight: 900 !important; }
}

@media screen and (max-width: 740px) {
	.pc { display: none; }
	.mo { display: block; }
	.pc-inline { display: none !important; }
	.mo-inline { display: inline-block !important; }

	.inner-wrap { width: 100%; padding: 0 2.7027vw; }

	.d-xs-flex { display: flex !important; }
	.flex-xs-center { justify-content: center !important; align-items: center !important; }
	.flex-xs-wrap { flex-wrap: wrap !important; }
	.flex-xs-ac { align-items: center !important; }
	.flex-xs-as { align-items: flex-start !important; }
	.flex-xs-ae { align-items: flex-end !important; }
	.flex-xs-js { justify-content: flex-start !important; }
	.flex-xs-je { justify-content: flex-end !important; }
	.flex-xs-jc { justify-content: center !important; }
	.flex-xs-jsb { justify-content: space-between !important; }
	.flex-xs-col { flex-direction: column !important; }
	.flex-xs-0-0 { flex: 0 0 auto !important; }
	.flex-xs-1-1 { flex: 1 1 auto !important; }
	.flex-xs-0-1 { flex: 0 1 auto !important; }
	.flex-xs-1-0 { flex: 1 0 auto !important; }
	.mx-xs-auto { margin-left: auto !important; margin-right: auto !important; }
	.fw-xs-100 { font-weight: 100 !important; }
	.fw-xs-200 { font-weight: 200 !important; }
	.fw-xs-300 { font-weight: 300 !important; }
	.fw-xs-400 { font-weight: 400 !important; }
	.fw-xs-500 { font-weight: 500 !important; }
	.fw-xs-600 { font-weight: 600 !important; }
	.fw-xs-700 { font-weight: 700 !important; }
	.fw-xs-800 { font-weight: 800 !important; }
	.fw-xs-900 { font-weight: 900 !important; }
}

.btn_submit { background: #90437B !important; }
#login_password_lost { color: #90437B !important; }