/* BASIC css start */
.photo-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3개의 동일한 너비의 열 */
    gap: 10px; /* 사진 사이의 간격 */
    text-align: center;
    margin-top: 50px;
    margin-bottom: 80px;
    width: 1300px; /* 고정된 넓이 */
    margin-left: auto; /* 중앙 정렬 */
    margin-right: auto; /* 중앙 정렬 */
}
.photo-container img {
    width: 100%; /* 각 이미지를 열 너비에 맞춤 */
}


/*.img {*/
display: inline-block;
float:left;
margin: 0 auto;
width: 300px;
vertical-align: top;
line-height: 31px;
height: 34px;
-webkit-box-sizing: border-box;
letter-spacing: -1px;
font-size: 17px;
margin:20px;
}




.foot_map {
float: right;
/*float: center;*/
text-align: right;
position: relative;

}

.foot_list ul li {
padding: 20px 0;
}

dl, ul, ol, li {
list-style: none;
}

li {
margin: 0;
}

.foot_map dl dd a:first-child {
border-right: 1px solid #666;
}

.foot_map dl dd a {
vertical-align: top;
border: 1px solid #666;
width: 300px;
color: #000;
text-align: center;
line-height: 40px;
height: 40px;
-webkit-box-sizing: border-box;
letter-spacing: -1px;
font-size: 17px;
margin:20px;
}

.foot_map li a [
padding: 0 12px;
}

a {
text-decoration: none;
background: none;
}

dl, ul, ol, li{
list-style: none;
}








/* BASIC css end */