@charset "UTF-8";

/* scrollbar */
::-webkit-scrollbar{
	width:14px; /* 세로축 스크롤바 길이 */
	height:14px; /* 가로축 스크롤바 길이 */
}

::-webkit-scrollbar-button:start{
	display:none; /* Top, Left 방향의 이동버튼 */
}

::-webkit-scrollbar-button:end{
	display:none; /* Bottom, Right 방향의 이동버튼 */
}

::-webkit-scrollbar-thumb{
	background-clip:padding-box;
	border:4px solid transparent;
	border-radius:7px;
	background-color:#D2D5DD; /*스크롤 바 색상*/
}

::-webkit-scrollbar-thumb:hover{
	background-color:#202020; /*스크롤 바 색상*/
}

/* 전체 홈페이지 스크롤 시작점 조절*/
main::-webkit-scrollbar-button:vertical:start:decrement,
main::-webkit-scrollbar-button:vertical:start:increment{
	display:block;
	height:57px;
}

/* 상단 바가 있는 경우 스크롤 시작점 따로 조절 */
main:has(section.user-guide)::-webkit-scrollbar-button:vertical:start:decrement,
main:has(section.user-guide)::-webkit-scrollbar-button:vertical:start:increment{
	height:86px;
}

main:has(section.print)::-webkit-scrollbar-button:vertical:start:decrement,
main:has(section.print)::-webkit-scrollbar-button:vertical:start:increment{
	height:86px;
}


/* 전체 홈페이지 스크롤 시작점 조절*/
main:has(section.user-login)::-webkit-scrollbar-button:vertical:start:decrement,
main:has(section.user-login)::-webkit-scrollbar-button:vertical:start:increment{
	display:block;
	height:0;
}


/*#######################################*/


/*여기 부터는 반응형 스타일*/


/*#######################################*/


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


}

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

}

/*반응형 1600px 끝*/


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


}

/*반응형 1600px 끝*/


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


}

/*반응형 1500px 끝*/


/*#####################################*/
@media screen and (max-width:1280px){
	/* 나의작업 스크롤 시작점 조절 */
	main:has(.mywork)::-webkit-scrollbar-button:vertical:start:decrement,
	main:has(.mywork)::-webkit-scrollbar-button:vertical:start:increment{
		height:131px;
	}
}

/*반응형 1280px 끝*/
@media screen and (max-width:1200px){
	/* 템플릿 스크롤 시작점 조절 */
	main:has(section.template)::-webkit-scrollbar-button:vertical:start:decrement,
	main:has(section.template)::-webkit-scrollbar-button:vertical:start:increment{
		height:107px;
	}
}

/*#######################################*/
@media screen and (max-width:1000px){
	/* 전체 홈페이지 스크롤 시작점 조절 */
	main::-webkit-scrollbar-button:vertical:start:decrement,
	main::-webkit-scrollbar-button:vertical:start:increment{
		height:46px;
	}
	
	/* 템플릿 스크롤 시작점 조절 */
	main:has(section.template)::-webkit-scrollbar-button:vertical:start:decrement,
	main:has(section.template)::-webkit-scrollbar-button:vertical:start:increment{
		height:97px;
	}
	
	/* 사용 가이드 스크롤 시작점 조절 */
	main:has(section.user-guide)::-webkit-scrollbar-button:vertical:start:decrement,
	main:has(section.user-guide)::-webkit-scrollbar-button:vertical:start:increment{
		height:75px;
	}
	
	main:has(section.print)::-webkit-scrollbar-button:vertical:start:decrement,
	main:has(section.print)::-webkit-scrollbar-button:vertical:start:increment{
		height:76px;
	}
	
	/* 나의작업 스크롤 시작점 조절*/
	main:has(section.mywork)::-webkit-scrollbar-button:vertical:start:decrement,
	main:has(section.mywork)::-webkit-scrollbar-button:vertical:start:increment{
		height:121px;
	}
	
	.omit{
		display:none !important;
	}
	
}

/*반응형 1000px 끝*/


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


}

/*반응형 800px 끝*/


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


}

/*반응형 700px 끝*/


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


}

/*반응형 600px 끝*/


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


}

/*반응형 600px 끝*/


/*#######################################*/
@media screen and (max-width:450px){
	
	.pop-message .pop-close{
		top:14px;
		right:14px;
	}
	
	.popup-wrap > .pop-message{
		padding:60px 20px 40px;
	}
	
	.pop-message > p{
		font-size:14px;
	}
	
	.pop-message > a:not(.pop-close){
		font-size:14px;
		padding-top:8px;
		padding-bottom:16px;
	}
	
	.pop-message > br{
		display:none;
	}
	
	.pop-message .btn-box{
		padding-top:20px;
	}
	
	.pop-message .btn-box > *:not(:first-child){
		margin-left:0;
		margin-top:8px;
	}
	
	.pop-message .btn-type03{
		width:100%;
	}
}

/*반응형 450px 끝*/


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


}

/*반응형 420px 끝*/


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


}

/*반응형 340px 끝*/


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


}

/*반응형 330px 끝*/