@charset "utf-8";

/* 내용관리 */
#ctt {width:1000px; margin:0 auto; padding:20px;background:#fff}
.ctt_admin {text-align:right;display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* section1 */
.section1 ul{
	display: flex;
	flex-wrap: wrap;
}

.section1 ul li{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 325px auto;
	background-color: #f2eee7;
	border-radius: 0px;
	width: calc(100%/4 - 26px*3/4);
	height: 315px;
	margin-right: 25px;
	margin-top: 25px;
	position: relative;
	transition: all 0.4s;
}

.section1 ul li:hover{
	box-shadow: rgba(0,0,0,0.1) 5px 5px 10px;
}

.section1 ul li a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.section1 ul li a p{
	position: absolute;
	top: 230px;
	background: #ada59c;
	width: 80%;
	height: 45px;
	left: 50%;
	transform: translate(-50%,0);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
	color: var(--mainCol);
	border-radius: 0px;
	transition: all 0.4s;
	color: var(--mainCol);
	color: #fff;
}

.section1 ul li:hover a p{
	background: var(--mainCol);
}

.section1 ul li:nth-child(1){
	background-image: url(/include/img/kind01.png);
}

.section1 ul li:nth-child(2){
	background-image: url(/include/img/kind02.png);
}

.section1 ul li:nth-child(3){
	background-image: url(/include/img/kind03.png);
}

.section1 ul li:nth-child(4){
	background-image: url(/include/img/kind04.png);
}

.section1 ul li:nth-child(5){
	background-image: url(/include/img/kind05.png);
}

.section1 ul li:nth-child(6){
	background-image: url(/include/img/kind06.png);
}

.section1 ul li:nth-child(7){
	background-image: url(/include/img/kind07.png);
}

.section1 ul li:nth-child(8){
	background-image: url(/include/img/kind08.png);
}

.section1 ul li:nth-child(9){
	background-image: url(/include/img/kind09.png);
}

.section1 ul li:nth-child(10){
	background-image: url(/include/img/kind10.png);
}

.section1 ul li:nth-child(11){
	background-image: url(/include/img/kind11.png);
}

.section1 ul li:nth-child(12){
	background-image: url(/include/img/kind12.png);
}

.section1 ul li:nth-child(13){
	background-image: url(/include/img/kind13.png);
}

.section1 ul li:nth-child(14){
	background-image: url(/include/img/kind14.png);
}

.section1 ul li:nth-child(15){
	background-image: url(/include/img/kind15.png);
}

.section1 ul li:nth-child(16){
	background-image: url(/include/img/kind16.png);
}

.section1 ul li:nth-child(17){
	background-image: url(/include/img/kind17.png);
}

.section1 ul li:nth-child(4n){
	margin-right: 0;
}

.section1 ul li:nth-child(-n+4){
	margin-top: 0;
}




/* ---------------------------------------------------------- 1000 */
@media screen and (max-width: 1000px){
	
}


/* ---------------------------------------------------------- 720 */
@media screen and (max-width: 720px){


/* section1 */
.section1 ul li{
	background-position: center top;
	background-size: 100% auto;
	border-radius: 0vw;
	width: calc(100%/2 - 3vw/2);
	height: 43vw;
	margin-right: 3vw !important;
	margin-top: 3vw !important;
	background-color: #f6f7fa;
}

.section1 ul li a p{
	top: 29vw;
	width: 85%;
	height: 8vw;
	font-size: 3vw;
	box-sizing: border-box;
	padding: 0 1vw;
}

.section1 ul li:nth-child(2n){
	margin-right: 0 !important;
}

.section1 ul li:nth-child(-n+2){
	margin-top: 0 !important;
}




}