/* BASIC css start */
table {border-collapse: collapse;}
table td {padding: 0px}

.s-visual {
    width: 100%;
    height: 250px;
    background-size: 100%;
    position: relative;
    display: table;
    margin-bottom: 50px;
}


.s-visual .sub-title-1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.s-visual .sub-title-1 .tit span {
    font-family: 'Barlow Condensed', Sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #be9b71;
    letter-spacing: 0.02em;
}

.since-txt h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 30px;
    color: #fff;
    text-shadow: -1px 0 #be9b71, 0 1px #be9b71, 1px 0 #be9b71, 0 -1px #be9b71;
    position: relative;
    padding: 0 50px;
    margin-bottom: 20px;
}
    

#contentWrap { 
    100%;
}

#content2 { 
    100%;
    height:1200px; 
}


.since-txt p {
    font-family: 'Noto Sans KR', Sans-serif;
    font-size: 17px;
    line-height: 1.6;
    color: #5b5b5b;
    padding: 0 30px 80px 30px;
    
}




/* 기본 이미지 스타일 */
.responsive-image {
    width: 100%; /* 이미지가 부모 컨테이너의 너비에 맞게 조정 */
    height: auto; /* 비율을 유지하며 높이 자동 조정 */
    max-width: 100%; /* 이미지 원본 크기를 넘지 않게 설정 */
}

/* 모바일 환경에 대한 추가 설정 */
@media only screen and (max-width: 768px) {
    .responsive-image {
        max-width: 100%; /* 모바일에서는 이미지가 화면 크기에 맞춰짐 */
    }
}

/* 더 작은 화면을 위한 설정 */
@media only screen and (max-width: 480px) {
    .responsive-image {
        max-width: 100%; /* 작은 화면에서도 이미지가 잘 표시되도록 설정 */
    }
}

/* BASIC css end */