/**
 * A Design by Naenara 
 * Author: XS@turn.Exp
 * Page URL: http://www.polestar.com
 * License: Foreign Languages Publishing House, DPR Korea
 * License URL: http://www.naenara.com.kp
 */
.da-slider					{ width:1000px; height:410px; position:relative; overflow:hidden;
							  -webkit-transition:background-position 1s ease-out 0.3s;
							  -moz-transition:background-position 1s ease-out 0.3s;
							  -o-transition:background-position 1s ease-out 0.3s;
							  -ms-transition:background-position 1s ease-out 0.3s;
							  transition:background-position 1s ease-out 0.3s;
							  text-align:center; margin:0auto; }
.da-slide					{ position:absolute; width:100%; height:100%; top:0px; left:0px;
							  font-family:"wkgothic"; text-align:left; }
.da-slider-fb .da-slide		{ left:100%; }
.da-slider-fb .da-slide .da-slide-current{ left:0px; }
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img			{ position:absolute; opacity:0; left:100%; }
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{ left:0%; opacity:1; }
.da-slider-fb .da-slide .da-img { left:60%; opacity:1; }
.da-slide h2				{ color:white; width:77%; top:70px; white-space:nowrap;	z-index:10; font-size:28px;
							  text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35);
							  -webkit-text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35);
							  -moz-text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35);
							  -o-text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35); }
.da-slide p					{ top:170px; color:#f9de94; font-size:15px; overflow:hidden; font-family:"wkgothic";
							  line-height:1.3em; margin:0 auto; width:58%; background-repeat:repeat-y;
							  text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35); text-align:justify;
							  -webkit-text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35);
							  -moz-text-shadow:0px 0px 10px rgba(85, 85, 85, 0.35);
							  -o-text-shadow: 0px 0px 10px rgba(85, 85, 85, 0.35);
							  background-image:url("../contents/images/home-gradient-1.png");
							  background-position:center center; padding-top:15px; padding-bottom:15px; }
.da-slide .da-img			{ width:229px; height:301px; top:51px; line-height:320px; }
.da-slide .da-link			{ top:345px; margin-left:0.5%; color:#FFF; border:2px solid #fff; padding:0.6em 1.5em;
							  border-radius:1.2em; z-index:10; }
.da-link:hover				{ color:#eee; border:2px solid #eee; }
.da-slider:hover .da-arrows span{ opacity:1; }
.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link { left:39%; opacity:1; }
.da-slide-current .da-img  { left:12%; opacity:1; }

/* Slide in from the right*/
.da-slide-fromright h2		{ animation:fromRightAnim1 0.6s ease-in-out 0.8s both; }
.da-slide-fromright p		{ animation:fromRightAnim2 0.6s ease-in-out 0.8s both; }
.da-slide-fromright .da-img { animation:fromRightAnim4 0.6s ease-in-out 0.8s both; }
@keyframes fromRightAnim1	{ 0%{ left:110%; opacity:0; } 100%{ left:39%; opacity:1; } }
@keyframes fromRightAnim2	{ 0%{ left:110%; opacity:0; } 100%{ left:39%; opacity:1; } }
@keyframes fromRightAnim4	{ 0%{ left:110%; opacity:0; } 100%{ left:12%; opacity:1; } }

/* Slide out to the left*/
.da-slide-toleft h2			{ animation:toLeftAnim1 0.6s ease-in-out both; }
.da-slide-toleft p			{ animation:toLeftAnim2 0.6s ease-in-out 0.3s both; }
.da-slide-toleft .da-img	{ animation:toLeftAnim4 0.6s ease-in-out 0.5s both; }

@keyframes toLeftAnim1		{ 0%	{ left:39%;  opacity:1; } 
							  30%	{ left:30%;  opacity:1; }
							  100%	{ left:-50%; opacity:0; } }
@keyframes toLeftAnim2		{ 0%	{ left:39%;  opacity:1; }
							  30%	{ left:30%;  opacity:1; }
							  100%  { left:-50%; opacity:0; } }
@keyframes toLeftAnim4		{ 0%	{ left:12%;  opacity:1; }
							  70%	{ left:-20%; opacity:0; }
							  100%	{ left:-50%; opacity:0; } }

@media only screen and (max-width: 1440px) and (min-width:1366px) {
	.da-slide .da-link 		{ top:35px;	border:none; }
}
@media only screen and (max-width: 1366px) and (min-width:1280px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:566px; margin-left:70px; width:1000px; }
	.da-slide h2 			{ top:64px; }
	.da-slide p 			{ top:164px; }
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:566px; margin-left:50px; width:900px; }
	.da-slide h2 			{ top:64px; }
	.da-slide p 			{ top:164px; }
	.da-slide .da-img		{ width:220px; height:280px; }
}
@media only screen and (max-width:1024px) and (min-width:768px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:394px; margin-left:-30px; width:780px; }
	.da-slide h2 			{ top:55px; font-size:24px }
	.da-slide p 			{ top:145px; font-size:14px; background-position:right center; 
							  padding-left:15px; margin-left:-15px; }
	.da-slide .da-img		{ width:190px; height:250px; }
}
@media only screen and (max-width:768px) and (min-width:640px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:394px; margin-left:-30px; width:670px; }
	.da-slide h2 			{ top:55px; font-size:20px }
	.da-slide p 			{ top:130px; font-size:12px; background-position:right center; 
							  padding-left:15px; margin-left:-15px; }
	.da-slide .da-img		{ width:150px; height:210px; }
}
@media only screen and (max-width:640px) and (min-width:480px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:394px; margin-left:-180px; width:660px; }
	.da-slide h2 			{ top:55px; font-size:20px }
	.da-slide p 			{ top:130px; font-size:12px; background-position:right center; 
							  padding-left:15px; margin-left:-15px; }
	.da-slide .da-img		{ display:none; }
}
@media only screen and (max-width:480px) and (min-width:320px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:394px; margin-left:-150px; width:440px; }
	.da-slide h2 			{ top:50px; font-size:20px }
	.da-slide p 			{ top:110px; font-size:12px; background:none;
							  padding-left:15px; margin-left:-15px; }
	.da-slide .da-img		{ display:none; }
}
@media only screen and (max-width:320px) and (min-width:240px) {
	.da-slide .da-link 		{ top:35px; border:none; }
	.da-slider 				{ height:394px; margin-left:-130px; width:390px; }
	.da-slide h2 			{ top:50px; font-size:18px }
	.da-slide p 			{ top:100px; font-size:12px; background:none; 
							  padding-left:15px; margin-left:-15px; }
	.da-slide .da-img		{ display:none; }
}