
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: url(/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url(/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url(/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url(/font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	src: url(/font/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
	font-family: 'NanumSquare';
	font-weight: 300;
	src: url(/font/NanumSquareL.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 400;
	src: url(/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 700;
	src: url(/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 800;
	src: url(/font/NanumSquareEB.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumGothic';
	font-weight: 300;
	src: url(/font/NanumGothicLight.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumGothic';
	font-weight: 400;
	src: url(/font/NanumGothic.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumGothic';
	font-weight: 700;
	src: url(/font/NanumGothicBold.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumGothic';
	font-weight: 800;
	src: url(/font/NanumGothicExtraBold.ttf) format('truetype');
}

@font-face {
	font-family: 'S-CoreDream';
	src: url(/font/S-CoreDream-3Light.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Jalnan';
	src: url(/font/Jalnan.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

html,body{width:100%; font-family:'NotoSans','NanumSquare','NanumGothic'; font-size:14px; color:#000; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-overflow-scrolling:touch;}
html{overflow-y:scroll; overflow-x:none;}
body{background:#f6f6fb; text-align:left; word-break:break-all;*word-break:break-all;-ms-word-break:break-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0; padding:0; box-sizing:border-box;}
img,fieldset,iframe{border:0 none}
input,textarea,select,button{vertical-align:middle; font-family:'NotoSans','NanumSquare','NanumGothic';}
input:focus,select:focus,button:focus,div:focus {outline:none;}
ul li {list-style:none;}
i,em,address{font-style:normal}
button{margin:0;padding:0;cursor:pointer;}
img{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}
button *{position:relative}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
textarea{resize: none;}
textarea:focus {outline:none;}

input:-ms-input-placeholder{color: #999999;}
input::-webkit-input-placeholder{color:#999999;}
input::-moz-placeholder {color:#999999;} 
input::-moz-placeholder{color: #999999;}

input {padding:0;}
:focus {outline:none;}

/*20250503 새로운 로딩바 생성*/
.gogo-loader-overlay {
	position:fixed;
	inset:0;
	background-color: rgba(0,0,0,0.7);
	z-index: 2555;
}

.gogo-loader-wrap {
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.gogo-loader {
	width: 60px;
	height: 60px;
	border: 5px solid #FFF;
	border-bottom-color: #ff5d6a;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/*20250604 스켈레톤 추가*/
:root {
	--skeleton-base: #eeeeee;
	--skeleton-pulse: #dddddd;
}

.gogo-skeleton {
	background-color: var(--skeleton-base);
	border-radius: 10px;
	height: 60px;
	width: 100%;
	animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
	0% {
		background-color: var(--skeleton-base);
	}
	50% {
		background-color: var(--skeleton-pulse);
	}
	100% {
		background-color: var(--skeleton-base);
	}
}

/* noUislider (양쪽 슬라이드 필터) */
.range-wrap {display:flex; justify-content: center; align-items: center; width:100%; height: 121px; border: 1px solid #eaeaf1; box-shadow: 0 1px 10px 0 #3226511a; margin-top:14px; border-radius: 20px;}
.range-filter{width:100%; max-width:520px; margin: 0 auto; color:#333;}
.noUi-target {border-radius:10px; background-color: #f2f2f8; border: none;}
.noUi-connect {background-color: #4d4d8f;}
.noUi-horizontal {height:20px;}
.noUi-horizontal .noUi-handle {width: 30px; height:30px; border-radius: 50%; z-index: 6; box-shadow: 1px 2px 4px 0 #3226514d;}
.noUi-handle:after, .noUi-handle:before{display:none;}
.noUi-handle {border: 2px solid #4d4d8f; cursor:pointer;}

.noUi-value-large, .noUi-value-sub{font-size:14px !important; color:#333;}
.noUi-horizontal .noUi-tooltip {display:none;}
.noUi-value.active {color:#4d4d8f !important; font-weight:500;}
.noUi-maker.active {background-color: #8888be !important;}
.noUi-marker-horizontal.noUi-marker,
.noUi-marker-horizontal.noUi-sub {top:-14px; width: 8px; height:8px; border-radius: 50%; background-color: #dfdfe8;}

.noUi-pips .noUi-marker-horizontal.noUi-marker-large {display:none;}

@media screen and (max-width:720px) {
	.range-wrap {display:flex; justify-content: center; align-items: center; width:100%; height: 28.33vw; border: 0.14vw solid #eaeaf1; box-shadow: 0 0.14vw 1.39vw 0 #3226511a; margin-top:4.17vw; border-radius: 2.78vw;}
	.range-filter{width:100%; max-width:72.22vw; margin: 0 auto; color:#333;}
	.noUi-target {border-radius:2.08vw; background-color: #f2f2f8; border: none;}
	.noUi-connect {background-color: #4d4d8f;}
	.noUi-horizontal {height:4.17vw;}
	.noUi-horizontal .noUi-handle {width: 6.94vw; height:6.94vw; border-radius: 50%; z-index: 6; box-shadow: 0.14vw 0.28vw 0.56vw 0 #3226514d; top: -1.39vw;}
	.noUi-handle:after, .noUi-handle:before{display:none;}
	.noUi-handle {border: 0.28vw solid #4d4d8f; cursor:pointer;}

	.noUi-value-large, .noUi-value-sub{font-size:3.89vw !important; color:#333;}
	.noUi-horizontal .noUi-tooltip {display:none;}
	.noUi-value.active {color:#4d4d8f !important; font-weight:500;}
	.noUi-maker.active {background-color: #8888be !important;}
	.noUi-marker-horizontal.noUi-marker,
	.noUi-marker-horizontal.noUi-sub {top:-2.78vw; width: 1.67vw; height:1.67vw; border-radius: 50%; background-color: #dfdfe8;}

	.noUi-pips .noUi-marker-horizontal.noUi-marker-large {display:none;}
}