body {font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0;}
a {text-decoration: none;color: inherit;}

/* MOBILE */
@media (max-width: 767px) {
.image_pc {display: none; object-fit: cover; width: 100%; height: 100%;}
.image_m {display: block; object-fit: cover; width: 100%; height: 100%; margin:0;}
.main_banner {position: relative; height: 750px; line-height: 0;}
.main_banner img {width: 100%; height: 100%; object-fit: cover; }
.main_banner_text { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #ffffff; line-height: 1.5;}
.main_banner_text_title { font-weight:600; font-size:24px; padding-bottom:20px; }
.main_banner_text_01 {font-size:14px; padding-bottom:20px; color: #ffffff;}
.main_banner_text_02 {font-size:14px; color: #ffffff;}
    
.banner_02 {position: relative; height: auto; padding: 80px 20px; box-sizing: border-box; background-color: #f5f0e7;}
.banner_02_text {position: static; width: 100%; transform: none; color: #46342a; line-height: 1.5;}
.banner_02_text_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.banner_02_text_01 {border: 1px solid #c0b7ae; height:200px; padding: 20px; margin-bottom:20px;}
.banner_02_text_02 {border: 1px solid #c0b7ae; height:200px; padding: 20px; margin-bottom:20px;}
.banner_02_text_03 {border: 1px solid #c0b7ae; height:200px; padding: 20px; margin-bottom:20px;}
.banner_02_text_04 {border: 1px solid #c0b7ae; height:200px; padding: 20px;}
.banner_02_text_01_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.banner_02_text_01_text {font-size:14px; padding-bottom:20px; color: #7a6c62;}
.banner_02_text_01_keyword {font-weight:600; font-size:14px; padding-bottom:20px;}
.banner_02_text_02_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.banner_02_text_02_text {font-size:14px; padding-bottom:20px; color: #7a6c62;}
.banner_02_text_02_keyword {font-weight:600; font-size:14px; padding-bottom:20px;}
.banner_02_text_03_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.banner_02_text_03_text {font-size:14px; padding-bottom:20px; color: #7a6c62;}
.banner_02_text_03_keyword {font-weight:600; font-size:14px; padding-bottom:20px;}
.banner_02_text_04_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.banner_02_text_04_text {font-size:14px; padding-bottom:20px; color: #7a6c62;}
.banner_02_text_04_keyword {font-weight:600; font-size:14px; padding-bottom:20px;}
    
.banner_03 {position: relative; height: auto; padding: 80px 20px;}
.banner_03_text {position: static; width: 100%; transform: none; color: #46342a; line-height: 1.5;}
.banner_03_text_title {font-weight:600; font-size:24px; margin-bottom:20px;}
.banner_03 {background-image: url('/images/01_source_4.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner_03_text_01 {border: 1px solid #7a6c62; padding: 20px; height:250px; margin-bottom:20px; background-color: #dad3cb; }
.banner_03_text_01_date {font-weight:600; font-size:14px; margin-bottom:20px;}
.banner_03_text_01_title {font-weight:600; font-size:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_01_text {font-size:14px; margin-bottom:20px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_02 {border: 1px solid #7a6c62; padding: 20px; height:250px; margin-bottom:20px; background-color: #dad3cb;}
.banner_03_text_02_date {font-weight:600; font-size:14px; margin-bottom:20px;}
.banner_03_text_02_title {font-weight:600; font-size:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_02_text {font-size:14px; margin-bottom:20px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_03 {border: 1px solid #7a6c62; padding: 20px; height:250px; margin-bottom:20px; background-color: #dad3cb;}
.banner_03_text_03_date {font-weight:600; font-size:14px; margin-bottom:20px;}
.banner_03_text_03_title {font-weight:600; font-size:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_03_text {font-size:14px; margin-bottom:20px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.number {font-weight: 600; margin-right: 10px;}

.banner_03_text_more {display: inline-flex;align-items: center;gap: 10px; /* 글자랑 아이콘 간격 */ font-size: 14px; font-weight: 600; cursor: pointer; color: #46342a;}
.banner_03_text_more img {width: 12px;   /* 아이콘 크기 */ height: auto; color: #46342a;}

.banner_04 {position: relative; height: auto; padding: 80px 20px;}
.banner_04_text {color: #1e1e1e; line-height: 1.5;}
.banner_04_text_01 {}
.banner_04_text_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.banner_04_text_text {font-size:14px; padding-bottom:30px;}
.banner_04_text_02 {}
.banner_04_text_02_list {margin-bottom:20px; padding:20px 20px 20px 20px; background-color: #f7f7f7;}
.banner_04_text_02_list_date {display: flex; align-items: center; gap: 20px; margin-bottom:10px;}
.banner_04_text_02_list_year {font-weight: 600; font-size: 24px;}
.banner_04_text_02_list_month {font-weight: 600; font-size: 24px;}
.banner_04_text_02_list_text {font-size:14px; line-height: 1.5;}
}



/* PC */
@media (min-width: 768px) {
.image_pc {display: block; object-fit: cover; width: 100%; height: 100%;}
.image_m {display: none; object-fit: cover; width: 100%; height: 100%;}
.main_banner {position: relative; height: 100vh; min-height:700px; line-height: 0;}
.main_banner img {width: 100%; height: 100%; object-fit: cover; }
.main_banner_text { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); color: #fff; line-height: 1.5;}
.main_banner_text_title { font-weight:600; font-size:40px; padding-bottom:20px; }
.main_banner_text_01 {font-size:14px; padding-bottom:20px; color: #fff;}
.main_banner_text_02 {font-size:14px; color: #fff;}

.banner_02 {position: relative; height: auto; padding: 100px 10%; background-color: #f5f0e7; }
.banner_02_text {position: static; width: 100%; transform: none; color: #46342a;
                 display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; column-gap: 20px; row-gap: 20px; align-items: start; }
.banner_02_text_title {grid-column: 1 / 2; grid-row: 1 / 3; font-weight: 600; font-size: 32px; line-height: 1.5; padding-bottom: 20;}
.banner_02_text_01 {grid-column: 2 / 3; grid-row: 1 / 2; border: 1px solid #c0b7ae; height:250px; padding: 20px;}
.banner_02_text_02 {grid-column: 3 / 4; grid-row: 1 / 2; border: 1px solid #c0b7ae; height:250px; padding: 20px;}
.banner_02_text_03 {grid-column: 2 / 3; grid-row: 2 / 3; border: 1px solid #c0b7ae; height:250px; padding: 20px;}
.banner_02_text_04 {grid-column: 3 / 4; grid-row: 2 / 3; border: 1px solid #c0b7ae; height:250px; padding: 20px;}
.banner_02_text_01_title,
.banner_02_text_02_title,
.banner_02_text_03_title,
.banner_02_text_04_title {font-weight: 600; font-size: 32px; padding-bottom: 20px; line-height: 1.5; }
.number {font-weight: 600; margin-right: 15px;}
.banner_02_text_01_text,
.banner_02_text_02_text,
.banner_02_text_03_text,
.banner_02_text_04_text {font-size: 14px; line-height: 1.5; color: #7a6c62;}
.banner_02_text_01_keyword,
.banner_02_text_02_keyword,
.banner_02_text_03_keyword,
.banner_02_text_04_keyword {font-weight:600; font-size:14px; padding-bottom: 20px;}
    
.banner_03 {position: relative; height: auto; padding: 100px 10%; }
.banner_03_text { position: static; width: 100%; transform: none; color: #46342a;
    display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; column-gap: 20px; align-items: start; }
.banner_03_text_title { font-weight: 600; font-size: 32px; line-height: 1.5; padding-bottom: 20px;}
.banner_03 {background-image: url('/images/01_source_4.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner_03_text_01 {grid-column: 1 / 2; border: 1px solid #7a6c62; height:450px; padding: 20px;background-color: #dad3cb;}
.banner_03_text_02 {grid-column: 2 / 3; border: 1px solid #7a6c62; height:450px; padding: 20px;background-color: #dad3cb;}
.banner_03_text_03 {grid-column: 3 / 4; border: 1px solid #7a6c62; height:450px; padding: 20px;background-color: #dad3cb;}
.banner_03_text_01_date,
.banner_03_text_02_date,
.banner_03_text_03_date {font-weight: 600; font-size: 14px; margin-bottom:20px; line-height: 1.5;}
.banner_03_text_01_title,
.banner_03_text_02_title,
.banner_03_text_03_title {font-weight: 600; font-size: 32px; margin-bottom:20px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_01_text,
.banner_03_text_02_text,
.banner_03_text_03_text {font-size: 14px; line-height: 1.5; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.banner_03_text_more {margin-top:20px; display: inline-flex;align-items: center;gap: 10px; /* 글자랑 아이콘 간격 */font-size: 14px; font-weight: 600; cursor: pointer; color: #46342a;}
.banner_03_text_more img {width: 12px;   /* 아이콘 크기 */height: auto; color: #46342a;}
    
.banner_04 {position: relative; height: auto; padding: 100px 10%;}
.banner_04_text {position: static; width: 100%; transform: none; color: #1e1e1e; line-height: 1.5;
                 display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto auto; column-gap: 20px; align-items: start;}
.banner_04_text_01 {}
.banner_04_text_title {font-weight:600; font-size:40px; padding-bottom:20px;}
.banner_04_text_text {font-size:14px;}
.banner_04_text_02 {}
.banner_04_text_02_list {display: flex; align-items: center; gap: 30px; margin-bottom:20px; padding:20px 20px 20px 20px; background-color: #f7f7f7;}
.banner_04_text_02_list_date {display: flex; align-items: center; gap: 30px;}
.banner_04_text_02_list_year {font-weight: 600; font-size: 28px;}
.banner_04_text_02_list_month {font-weight: 600; font-size: 28px;}
.banner_04_text_02_list_text {font-size:14px; line-height: 1.5;}
    
    
    
}