@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body
{
	font-family: sans-serif;
	height: 100%;
	line-height: 1.6;
	margin: 0;
	webkit-text-size-adjust: none;
}
body.intro
{
	background-color: #555;
}
@media(min-width :900px)
{
	body
	{
		font-family: 'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;
	}
}
@media(min-width :900px) and (min-height:670px)
{
	body
	{
		overflow: hidden;
	}
	body.comment-view
	{
		overflow: auto;
	}
	button
	{
		font-family: 'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;
	}
}
a
{
	color: #fff;
}
button,input,textarea
{
	webkit-appearance: none;
}
button
{
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: 0 none;
	webkit-tap-highlight-color: rgba(255,255,255,0);
	webkit-tap-highlight-color: transparent;
}
button:focus
{
	outline: 0;
}
button::-moz-focus-inner
{
	border: 0;
	padding: 0;
}


#intro-view
{
	animation: background-pan 12s linear infinite;
	background-size: cover;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	webkit-animation: background-pan 12s linear infinite;
	width: 100%;
	z-index: 110;
}
@-webkit-keyframes background-pan
{
	0%
	{
		background-position: 0 0;
	}
	50%
	{
		background-position: 100% 0;
	}
	100%
	{
		background-position: 0 0;
	}
}
@keyframes background-pan
{
	0%
	{
		background-position: 0 0;
	}
	50%
	{
		background-position: 100% 0;
	}
	100%
	{
		background-position: 0 0;
	}
}
@-webkit-keyframes background-pan-vertical
{
	0%
	{
		background-position: 0 0;
	}
	50%
	{
		background-position: 0 100%;
	}
	100%
	{
		background-position: 0 0;
	}
}
@keyframes background-pan-vertical
{
	0%
	{
		background-position: 0 0;
	}
	50%
	{
		background-position: 0 100%;
	}
	100%
	{
		background-position: 0 0;
	}
}
#intro-view.show
{
	opacity: 1;
	visibility: visible;
}
#intro-view .wrap
{
	background-color: rgba(22,25,36,0.4);
	height: 100%;
	position: relative;
	width: 100%;
}
#intro-view .welcome
{
	bottom: 73px;
	height: 323px;
	left: 0;
	min-width: 260px;
	overflow: hidden;
	padding: 0 25px;
	position: absolute;
	right: 0;
}
width: 25px;
}
#intro-view .welcome:before
{
	background-position: 0 0;
	left: 26px;
}
#intro-view .welcome:after
{
	background-position: 100% -52px;
	right: 26px;
}
#intro-view .cont_welcome
{
	background-color: rgba(21,25,36,0.6);
	border: 1px solid #b5ab8a;
	border-top: 0 none;
	height: 292px;
	margin: 0 1px;
	padding: 4px 0 0 0;
	position: relative;
}
#intro-view .logo_service
{
	display: none;
}

#intro-view .info_welcome
{
	display: none;
}
#intro-view h1,#intro-view h2
{
	left: 100%;
	margin: 0;
	position: absolute;
	top: 100%;
}
#intro-view .visit-count
{
	bottom: 80px;
	color: #777;
	font-size: 14px;
	left: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	width:80%;
	text-align:center;
}
#intro-view .enter
{
	border-top: 1px solid rgba(159,151,114,0.3);
	bottom: 0;
	cursor: pointer;
	height: 66px;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -99em;
	width: 100%;
}
#intro-view .enter .txt_enter
{
	background: url(http://www.koreaart.ac.kr/onlinephoto/kpop2020/images/txt_enter_kpop2020.png) 0 0 no-repeat;
	background-size: 112px 18px;
	display: block;
	font-size: 0;
	height: 18px;
	line-height: 0;
	margin-left: 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 112px;
}
#intro-view .enter .ico_exhibition
{
	background-position: 0 -66px;
	height: 15px;
	margin-top: -8px;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 24px;
}
@media(min-width :900px)
{
	#intro-view
	{
		transition: opacity 1s,visibility 1s;
		webkit-transition: opacity 1s,visibility 1s;
	}
	#intro-view .wrap
	{
		background: url(http://i1.daumcdn.net/img-section/enter/exhibition/handmaiden/pc/dimmed_cover.png) 0 0 repeat;
	}
	#intro-view .welcome
	{
		background: url(http://i1.daumcdn.net/img-section/enter/exhibition/handmaiden/retina/intro_welcome.png);
		background-size: 459px 619px;
		height: 619px;
		left: auto;
		margin: -309px 0 0 0;
		overflow: hidden;
		padding: 0;
		right: 175px;
		top: 50%;
		width: 459px;
	}
	#intro-view .bg_welcome
	{
		display: none;
	}
	#intro-view .welcome:before,#intro-view .welcome:after
	{
		display: none;
	}
	#intro-view .cont_welcome
	{
		background: transparent;
		border: 0 none;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	#intro-view .visit-count
	{
		bottom: 130px;
		font-size: 18px;
		left: 0;
		padding: 0 44px;
	}
	#intro-view .enter
	{
		bottom: 0;
		height: 102px;
		overflow: hidden;
		width: 100%;
	}
	#intro-view .enter .txt_enter
	{
		background: 0;
		height: auto;
		width: auto;
	}
	#intro-view .enter .ico_exhibition
	{
		display: none;
	}
}