/*
@font-face {
  src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/PT_Sans-Web-Bold.ttf);
  font-family: ptsans-bold;
}
@font-face {
  src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/PFSquareSansPro-Regular.otf);
  font-family: pfs-regular;
}
@font-face {
  src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/PFSquareSansPro-Medium.otf);
  font-family: pfs-medium;
}
*/
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
	color: #000;
}

ul {
  list-style-type: none;
}


body {
  -webkit-font-smoothing: antialiased;
  font-family: 'Nanum Myeongjo', serif;
  background: #e4ded5;
}

#navi-cont {
	color: #fff;
	position: relative;
	z-index: 9990;
}

#navi-cont ul {
	width: 100%;
	height: 100%;
	display: flex;
}

.navi-in1 {
	position: fixed;
    top: 30px;
    left: 40px;
    font-size: 0.8em;
}

#navi-cont ul .navi-in3 {
	position: fixed;
    bottom: 30px;
    left: 40px;
    font-size: 0.8em;
    z-index: 999;
}



.content {
	display: flex;
  justify-content: center;
  align-items: center;
}

.copylight {
	position: fixed;
    text-align: center;
    bottom: 30px;
    color: #000;
    width: 100%;
}

.copylight small {
	margin: 0 auto;
	font-size: 0.6em;
}

.mb100{
			margin-bottom: 100px;
		}	
		.swiper-container{
			text-align: center;
		}


.swiper-container .swiper-slide img {
			max-width: 100%;
			height: auto;
			margin-bottom: 10px;
		}
.prettyprint {
			border: none;
			background: #fafafa;
			color: #697d86;
		}

.title {
			position: fixed;
		    left: 40px;
		    bottom: 60px;
		    z-index: 9999;
		    height: 50px;
		    width: auto;
		    top: calc(50% - 50px/2);
			}
			
.title .tbox {
			font-size: 0.8em;
			color: #000;
			}
			
.title .tbox span {
			display: block;
			font-size: 0.8em;
			color: #000;
			margin-bottom: -10px;
			}


/*

=======================================

media query

=======================================

*/


@media(min-width: 992px){
			
			.swiper-wrapper{
				flex-wrap:wrap;
			}
			
			.swiper-slide{
				width: 33.3%;
				padding: 0 5px;
			}
			
			.swiper-button-prev,.swiper-button-next,.swiper-pagination{
				display: none;
			}
			
}

@media screen and (max-width: 749px) { 
			#navi-cont {
			color: #fff;
			position: relative;
			z-index: 9990;
			
			}

			#navi-cont ul {
			width: 100%;
			height: 100%;
			display: flex;
			
			}

			.navi-in1 {
			position: fixed;
			top: 20px;
			left: 20px;
			font-size: 0.8em;
			}

			#navi-cont ul .navi-in3 {
			position: fixed;
			bottom: 20px;
			left: 20px;
			font-size: 0.8em;
			}
			
			#navi-cont .copylight {
			position: fixed;
		    bottom: 20px;
		    width: 100%;
		    }

			#navi-cont .copylight small {
			margin: 0 auto;
			font-size: 0.6em;
			color: #000;
			}
			
			.title {
			position: fixed;
			left: 20px;
			bottom: 60px;
			z-index: 9999;
			}
			
			.title .tbox {
			font-size: 0.8em;
			color: #000;
			}
			
			.title .tbox span {
			display: block;
			font-size: 0.8em;
			color: #000;
			margin-bottom: -10px;
			}
			
}