@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a,  
button {
	cursor: pointer;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html {
/*    overflow-x: hidden;*/
}

body {	
    line-height: 1;
    overflow-x: hidden;    
    height: 100vh;
    width: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
/*    background: #f9f9f9 !important;*/
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input:focus, textarea:focus {
	outline: none;
}


a {
	color: #40424c;
	text-decoration: none;
}

/*alert디자인(swal2)*/
.swal2-container {
	z-index: 99999 !important;
}

.swal2-popup {
	max-width: 300px !important;
	width: calc(100% - 80px) !important;
	min-width: 280px !important;
	font-size: 14px !important;
	padding: 35px !important;
}

.swal2-title {
	font-size: 1.15em !important;
	margin-bottom: 10px !important;
}

.swal2-html-container {
	font-size: 1em !important;
	line-height: 1.4em !important;
	margin: 0 !important;
	word-break: keep-all !important;
}

.swal2-actions {
	width: 100 !important%;
	margin-top: 20px !important;
	flex-wrap: nowra !importantp;
	flex-direction: row-reverse !important;
}

.swal2-actions button {
	width: 70px !important;
	border-radius: 4px !important;
	font-weight: 400;
	line-height: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 2px !important;
}

.swal2-actions button:hover,
.swal2-actions button:focus {
	outline: none !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.swal2-styled.swal2-confirm {
	background: #DE2E3B !important;
	color: #fff !important;
	border-radius: 4px !important;
}

.swal2-styled.swal2-deny {
	background: #C4C4C4 !important;
	color: #fff !important;
	border-radius: 4px !important;
}

.swal2-actions:not(.swal2-loading) .swal2-styled {
	opacity: 0.9 !important;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: none !important;
	opacity: 1 !important;
}


/* 카카오 레이어 */
#layer.post_wrap{display:none;position:fixed; max-width: 600px; width:80%; height:80%;
    left:50%; transform: translateX(-50%); top: 10%; bottom: 10%;
    overflow:hidden;z-index:9999;-webkit-overflow-scrolling:touch; border: 1px solid #ddd; border-radius: 10px;}
#layer.post_wrap .hd{ color: #fff; height: 60px; line-height: 60px; text-align: center; font-size: 1.4em; background: #343434; position:relative;}
#layer.post_wrap .hd .btn_close{cursor:pointer;position:absolute;right:15px;top:50%; transform: translateY(-50%); z-index:1; color: #fff;}
#layer.post_wrap .hd .btn_close i{color: #fff;}

.empty{
    text-align: center;
    margin: 100px 0;
}

form{    
}