/* CSS Document */

* {
	font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
}

html, body {
        position: relative;
        height: 100%;
    }
		
    body {
        background: #fff;
        font-family: "맑은 고딕", verdana, tahoma;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }
		
	.header {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 55px;
		line-height: 25px;
/*		background-color: #fd7400;*/
		background: transparent !important;  
		color:#B40B0E;
		padding-left: 10px;
		z-index: 10;		
		
	}
		
		.header h1 {		
			color:#E7E0E0;
			font-size: 14pt;
			padding-left: 5px;
			font-weight: 200;
			float:left;			
			margin-top: 5px;
		}
		
		.header .navhead {
			float:left; 
			margin-left: 0px; 
			margin-top: 5px;
		}	
		
    .swiper-container {
        width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
    }
		
		.swiper-wrapper {			
			padding: 0;
			margin: 0;
			width: 100%;			
		}	
		.swiper-slide {
			overflow: hidden;
			width: 100%;
		}
		
		.swiper-zoom-container img {
			position: absolute;
			width: 100%;
			height: auto;
			left: 0;
			top: 0;
			z-index: 1;
		}
		
		.description {
			position: absolute;			
			height: auto;
			left: 0;
			bottom: 0;
			right: 0;
			margin-top: auto;
			margin-bottom: 0;			
			width:99%;
			min-height: 50px;
			padding: 10px;
			text-align: left;
			font-size: 14pt;
			background-color: rgba(8,36,69,0.57);
			color: #fff;
			z-index: 10;
		}
		
		.partin {
			width: 100%;
			background-position: center; 
			background-size: cover; 
			background-repeat:  no-repeat;
			margin-top: 0;
			 
		}
		
		.partin h1 {
			position: absolute;
			color: #fff;
			font-size: 18pt;
			font-weight: 400;
			text-align: left;
			margin-top: 240px;
			padding: 10px 10px 10px 10px;
			background-color: rgba(48,57,110,0.68);
			width: 90%;
		}
		
		.partin_desc {
			position: absolute;
			width: 60%;
			right: 0;
			margin-right: 0;
			margin-top: 330px;
			height: 30px;
			color: #fff;
			font-size: 14pt;
			font-weight: 100;
			text-align: left;			
			padding: 10px;
			background-color: rgba(37,85,151,0.9);			
		}
		
		.prologue {
			margin-top: -111px;
		}
		
		
		.prologue h1 {
			
			color: #8F6E6E;
			font-size: 18pt;
			font-weight: 400;
			text-align: center;	
		}
		
		.prologue p {
			color: #6F3939;
			font-size: 14pt;			
			font-weight: 300;
			padding: 20px;
			text-align: left;	
		}


#fullscreen {
	 width: 100%;
	 display: none;
	 position:fixed;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	z-index: 100;
	 /* I made a 50% opacity black tile background for this 
	 div so it would seem more... modal-y*/
	 background: transparent; 
 }

 #fullscreen img {
	display: block;
	height: 100%;
	margin: 0 auto;
 }