@charset "utf-8"; 

.board-wrap { padding-bottom: 70px; } 

/* 게시판 검색 */
.board-search-wrap { margin-bottom: 23px; display: flex; align-items: flex-end; } 
.board-info-wrap { display: flex; align-items: center; } 
[class^='board-info'] { font-size: 1.1176rem; line-height: 1; display: flex; gap: 12px; align-items: center; } 
[class^='board-info'] > span:first-child { position: relative; font-weight: 700; padding-right: 12px; font-size: 1.4118rem; } 
[class^='board-info'] > span:first-child::after { content: ''; display: inline-block; width: 1px; height: 17px; background-color: #8A949E; position: absolute; top: 0; bottom: 0; margin: auto 12px; } 
[class^='board-info'] > span:last-child { font-size: 1rem } 
.board-info .count { font-weight: 600; color: #0B50D0; } 
.board-info .bold { font-weight: 700 } 
 .board-search-form { margin-bottom: 0; margin-left: auto; } 
.board-search-form fieldset { display: flex; align-items: center; width: 100%; padding: 60px; background: none; border: none; padding: 0; margin: 0; flex-wrap: nowrap; position: relative; z-index: 0; } 
.board-search-form .input-wrap { display: flex; position: relative; } 
.board-search-form .input-wrap::before { content:''; display: block; width: 1px; height: 23px; background: #A7A7A7; position: absolute; top: 0; bottom: 0; margin: auto; } 
.board-search-form input[type="text"] { padding: 5px 16px; width: 360px; border: 1px solid #58616A; border-radius: 4px; min-height: 48px; } 
.board-search-form input[type="text"]::placeholder { color: #8A949E; } 
.board-search-form .select-wrap { width: 160px; border-radius: 4px; color: #333333; margin-right: 8px; border: 1px solid #58616A; background-color: #fff; height: 48px; -webkit-appearance:none; -moz-appearance:none; appearance:none; overflow: hidden; position: relative; } 
.board-search-form .select-wrap::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #33363D; border-right-color: #33363D; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 7px; height: 7px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition: 0.35s; z-index: 0; } 
.board-search-form select { width: 100%; height: 100%; border: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding: 5px 15px; z-index: 1; position: relative; background: transparent; } 
.board-search-form select::-ms-expand { display:none; } 
.board-search-form .board-search-btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 0; border: none; transition: .1s; background: transparent; margin-left: -48px; border-left: 0; flex-shrink: 0; } 
 .board-search-form .board-search-btn::before { content: ''; display: block; width: 25px; height: 25px; background: url(../../../../resource/images/archive/sub/ico_csearch.png) no-repeat center; background-size: contain; } 
.board-search-form .board-search-btn:active { transform: none; box-shadow: none; } 

@media all and (max-width: 1024px) { 
 .board-search-form .input-wrap { width: calc(100% - 130px); } 
 .board-search-form .select-wrap { width: 130px } 
 .board-search-form input[type="text"] { width: 100% } 
 } 

@media all and (max-width: 768px) { 
 [class^='board-info'] > span:first-child { font-size: 1.2rem; } 
 } 

@media all and (max-width: 640px) { 
.board-search-wrap { flex-direction:column-reverse; gap: 30px; align-items: flex-start; margin-bottom: 10px } 
 .board-search-form { margin-left: 0; width: 100%; } 
 .board-search-form .select-wrap { height: 40px; } 
 .board-search-form input[type="text"] { width: calc(100% - 80px); min-height: 40px; height: 40px; } 
 .board-search-form .board-search-btn { height: 40px; width: 40px; margin-left: -40px; } 

 } 



/* 게시판 리스트 - 목록형 */
.board-list-basic table {width: 100%;border-spacing: 0;border-collapse: separate;table-layout: fixed;border-top: 2px solid #1c6c50;} 
.board-list-basic table thead tr:last-child > * {border-bottom: 1px solid #92b7a6;} 
.board-list-basic table th,
.board-list-basic table td { border-bottom: 1px dashed #CDD1D5; box-sizing: border-box; padding: 18px 10px; font-weight: 400; letter-spacing: -.038rem; } 
.board-list-basic table th {background-color: #f3fcfa;border-bottom: 0;color: #131416;font-size: 1rem;font-weight: 700;position: relative;text-align: center;} 
.board-list-basic table td { color: #131416; font-size: 1rem; text-align: center; } 
.board-list-basic table td.no-date { text-align: center; } 
.board-list-basic table tbody td.title { color: #063A74; font-weight: 700; text-align: center; } 
.board-list-basic table tbody td.title > a { display: inline-block; color: #191919; font-weight: 500; vertical-align: middle; width: auto; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board-list-basic table tbody tr:hover td.title > a, 
.board-list-basic table tbody tr:focus td.title > a { text-decoration: underline; } 
.board-list-basic table tbody tr.ntc { background: #f1f6ff; } 
.board-list-basic table tbody tr.ntc th,
.board-list-basic table tbody tr.ntc td,
.board-list-basic table tbody tr.ntc td a { color: #191919; font-weight: 500; } 
.board-list-basic table tbody tr.ntc td.ntc,
.board-list-basic table tbody tr.ntc td.title a { font-weight: 600; } 
.board-list-basic table tbody tr.ntc td.ntc { position:relative; font-size: 0.8235rem; color: #0340b1; } 
.board-list-basic table tbody tr.ntc td.ntc span { border: 1px solid #b6c6db; border-radius: 5px; height: 25px; display:flex; align-items:center; justify-content:center; } 

@media all and (max-width:1199px) { 
.board-list-basic table th, 
 .board-list-basic table td { font-size: 100%; } 
.board-list-basic table colgroup { display: none; } 
.board-list-basic table tbody tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #dedede; padding: 10px 0; position: relative; } 
.board-list-basic table th { display: none; } 
.board-list-basic table td { display: inline-flex; align-items: flex-start; border-bottom: 0; text-align: left; font-size: .9rem; padding: 0; } 
.board-list-basic table tbody td:not(.title) { order: 1; } 
.board-list-basic table tbody td.m-hidden { display: none; font-size: .8rem; width: 40px; } 
.board-list-basic table tbody td.title { order: 0; width: 100%; margin: 3px 0 7px; font-size: 1.1rem; font-weight: 600; } 
.board-list-basic table tbody td.flctn { min-width: 50%; box-sizing: border-box; margin-bottom: 3px; padding-right: 10px; } 
.board-list-basic table tbody td.flctn.full { min-width: 100%; } 
.board-list-basic table tbody td.flctn:before { content: attr(data-name); background: #eee; color: #767676; margin-right: 5px; padding: 1px 5px; } 
.board-list-basic table tbody td.ntc { order: 0; width: fit-content; margin: 3px 0 7px; font-size: 1.1rem; font-weight: 600; } 
.board-list-basic table tbody td.ntc:nth-child(1) { margin-right: 5px; padding: 0 5px; background: var(--color1); color: #fff; font-size: 0.875rem; position: relative; } 
.board-list-basic table tbody td:last-child { margin-right: 0; padding-right: 0; } 
.board-list-basic table tbody td:not(.flctn):last-child:before { display: none; } 
.board-list-basic table tbody td:not([class], :last-child) { padding-right: 7px; margin-right: 7px; position: relative; } 
.board-list-basic table tbody td:not([class], :last-child):after { content:''; display: block; width: 1px; height: 70%; background: #b6b6b6; position: absolute; right:0; top:0; bottom:0; margin:auto; } 
 } 

/* 게시판 리스트 - 갤러리형 */
.board-list-gallery { display: flex; flex-wrap: wrap; gap: 64px 30px; } 
.board-list-gallery > li { width: calc((100% / 3) - 20px); } 
.board-list-gallery > li:nth-child(3n) { margin-right: 0; } 
.board-list-gallery > li a { display: block; overflow: hidden; transition: all .3s; height: 100%; } 
.board-list-gallery > li a:hover { border-color: var(--color1); } 
.board-list-gallery .img { aspect-ratio: 1 / .584; background: #ddd; } 
.board-list-gallery .img img{width: 100%;height: 100%;object-fit: cover;}
.board-list-gallery .cont { margin-top: 24px; } 
.board-list-gallery .cont .tit {font-size: 1.2353rem;font-weight: 600;color: #121212;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 0.5rem;} 
.board-list-gallery .cont .txt { font-size: 1rem; margin-bottom: 10px; } 
.board-list-gallery .cont .date { color: #464C53; margin-top: 4px;} 

@media all and (max-width: 1024px) { 
.board-list-gallery { gap: 50px 22px; } 
.board-list-gallery > li { width: calc((100% / 3) - 15px); } 
.board-list-gallery .cont { margin-top: 10px; } 
 } 

@media all and (max-width: 768px) { 
.board-list-gallery { justify-content: space-between; gap: 25px 13px; } 
.board-list-gallery > li { width: calc(50% - 10px); } 
 } 
@media all and (max-width: 480px) { 
.board-list-gallery > li { width: 100% } 
 } 

/* 게시판 작성 */
.req-txt { text-align: right; margin-bottom: 5px; } 
.req { color: red; font-size: .8rem; vertical-align: text-top; margin-left: 3px; } 
.board-write { border-top: 2px solid #58616A; display: flex; flex-wrap: wrap; } 
.board-write > li { display: flex; align-items: center; border-bottom: 1px solid #D7D7D7; min-height: 72px; align-content: center; flex-direction: row; /* gap: 12px; */width: 100%; } 
.board-write > li.w50 { width: 50%; } 
.board-write > li > .tit { min-width: 220px; font-weight: 600; font-size: 1rem; height: -webkit-fill-available; vertical-align: middle; z-index: 0; display: flex; align-content: center; flex-direction: row; flex-wrap: wrap; padding: 15px 20px; justify-content: center; border-right: 1px solid #D7D7D7; background: #F3F6FB; text-align: center; } 
.board-write > li > .cont-wrap { padding: 15px 20px; width: calc(100% - 220px); } 
.board-write > li > ul.cont-wrap { display: flex; flex-direction: column; gap: 20px; } 
.board-write > li > .cont-wrap > li:not(.file-box, :last-child) { border-bottom: 1px dashed #b6b6b6; padding-bottom: 20px; } 
.board-write > li > .cont-wrap > li textarea { margin: 10px 0 0; } 
.board-write input[type="text"],
.board-write input[type="password"],
.board-write .select-wrap,
.board-write textarea { border: 1px solid #ddd; border-radius: 5px; font-weight : normal; line-height: 22px; } 
.board-write input[type="text"],
.board-write input[type="password"] { height: 38px; width: 30%; padding: 0 10px; } 
.board-write input[type="text"]::placeholder { font-size: .9rem; color: #b6b6b6; } 
.board-write input[type="text"].full { width: 100%; } 
.board-write textarea { min-height: 120px; width: 100%; padding: 10px; resize: none; overflow-y: auto; margin: 20px 0; } 
.board-write .select-wrap { height: 42px; background: #fff; cursor: pointer; position:relative; overflow: hidden; width: fit-content; } 
.board-write .select-wrap select { width: 100%; height: 100%; border:none; padding: 0 10px; appearance: none; -webkit-appearance:none; -moz-appearance:none; padding: 0 40px 0 20px; } 
.board-write .select-wrap + input[type="text"] { margin-left: 10px; } 
.board-write .select-wrap::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #212121; border-right-color: #212121; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 5px; height: 5px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition: 0.35s; z-index: 0; } 
.board-write .date-wrap { display: flex; align-items: center; } 
.board-write .addr-wrap { margin-top: 5px; display: flex; } 
.board-write input[type="text"].datepicker { width: 200px; background: url(' ../images/common/ico_calendar.png') no-repeat center right 10px; } 
.board-write input[type="text"].src-time { width: 100px; margin-left: 10px; } 
.board-write input[type="text"].addr1 + button { padding: 9px 10px; } 
.board-write input[type="text"].addr2 { margin-right: 5px; } 
.board-write input[type="text"].w600 { width: 600px; } 
.board-write li input[type="file"] { position:absolute; font-size: 0; width:0; height:0; } 
.board-write .file-box label { background: #f5f5f5; padding: 3px 10px; border-radius: 2px; cursor: pointer; font-size: .9rem; border: 1px solid #B1B8BE; } 
.board-write .file-box .upload-name { font-size: .889rem; color: #666; border:none; width: fit-content; padding: 0; text-overflow: ellipsis; text-align: start; } 
.board-write .file-list { display: flex; flex-direction: column; gap: 10px; } 
.board-write .file-list li { display: flex; gap: 30px; align-items: center; } 
.board-write .file-list li span { font-size: .9rem; min-width: 203px; } 
.board-write .file-list li a { background: #dce6ff; padding: 3px 10px; border-radius: 5px; cursor: pointer; font-size: 1rem; min-width: 76px; text-align: center; display: block; } 
@media all and (max-width: 1024px) { 
 .board-write > li > .tit { min-width: 150px; } 
.board-write > li > .cont-wrap { width: calc(100% - 150px); } 
.board-write input[type="text"], 
 .board-write input[type="password"] { width: 40%; } 
.board-write input[type="text"].datepicker { width: 60%; } 
.board-write input[type="text"].src-time { width: calc(40% - 10px); } 
 } 
@media all and (max-width: 768px) { 
 .board-write { display: block; } 
 .board-write > li { display: block; padding-bottom: 30px; border-bottom: none; } 
 .board-write > li.w50 { width: 100%; } 
 .board-write > li > .tit { border-right: none; text-align:left; display: block; margin-bottom: 15px; width: 100%; padding: 14px 10px; border-radius: 0; align-items: flex-start; height: auto; color: var(--color1); font-weight: bold; } 
.board-write > li > .cont-wrap { padding: 0; text-align: center; } 
 .board-write > li > .cont-wrap,
 .board-write input[type="text"],
 .board-write input[type="text"].w600,
 .board-write .select-wrap,
 .board-write textarea { width: 100%; } 
.board-write textarea { margin: 0; } 
.board-write input[type="text"].addr1 { width: calc(100% - 75px); } 

 } 

/* 게시판 상세 */
.board-view .title-wrap { border-top: 2px solid #1c6c50; padding: 30px 0; border-bottom: 1px solid #CDD1D5; background: #f3fcfa; } 
.board-view .title { font-size: 1.8824rem; font-weight: bold; text-align: center; margin-bottom: 20px; } 
.board-view .info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px 16px; } 
.board-view .info .tit { display: block; text-align: center; font-weight: bold; position: relative; } 
.board-view .info .txt { color: #222; font-weight: normal; } 
.board-view .info li { display: flex; align-items: center; position: relative; /* font-size: 1.1176rem; */gap: 8px; justify-content: flex-start; } 
.board-view .info li:last-child { margin-right: 0; } 
.board-view .info li::after { content: ''; display: block; width: 1px; height: 20px; background: #D6E0EB; position: absolute; top: 0; bottom: 0; right: -8px; margin: auto; } 
.board-view .info li:last-child::after,
.board-view .info li:nth-child(3n)::after { display:none; } 
.board-view .cont-wrap { padding: 24px 20px 48px; text-align: left; border-bottom: 1px solid #8A949E; line-height: 1.6; } 
.board-view .iframe-wrap { aspect-ratio: 16 / 9; } 
.board-view .iframe-wrap + .txt-wrap,
.board-view .cont-wrap img + .txt-wrap { margin-top: 50px; } 
.board-view .cont-wrap img { width: 70%; } 
.board-view .file > ul { padding: 16px 32px; border-bottom: 1px solid #CDD1D5; } 
.board-view .file > ul li { display: flex; align-items: center; border-bottom: 1px dashed #CDD1D5; padding-bottom: 10px; margin-bottom: 15px; } 
.board-view .file > ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } 
.board-view .file > ul li .tit { font-weight: 700; display: flex; align-items: center; gap: 10px; color: #464C53; } 
.board-view .file > ul li .tit::before {content:'';display: block;width: 16px;height: 14px;background: url(../../../../resource/images/tumuli/common/ico_file.png);background-repeat: no-repeat;} 
.board-view .file > ul li .tit::after { content:''; display: block; width: 1px; height: 12px; background: #CDD1D5; margin: 0 20px 0 12px; } 
.board-view .file > ul li a { display: flex; color: #052B57; align-items: center; gap: 20px; } 
.board-view .file > ul li a .down-btn { border: 1px solid #B1B8BE; background: #F4F5F6; border-radius: 3px; display: flex; gap: 4px; color: #1E2124; padding: 5px 10px; } 
.board-view .file > ul li a .down-btn:after {content:'';display: block;width: 20px;height: 20px;background: url(../../../../resource/images/tumuli/common/ico_down.png);} 
.view-pager { margin-top: 30px; border: 1px solid #dedede; border-radius: 0; overflow: hidden; } 
.view-pager li { padding: 10px 23px; transition: .3s; font-weight: 400; display:flex; } 
.view-pager span { display: flex; align-items:center; color: #838383; } 
.view-pager span::after { content:''; display:block; width:1px; height:16px; background:#b6b6b6; margin-left:10px; } 
.view-pager a,
.view-pager p { margin-left: 10px; transition: .3s; } 
.view-pager a:hover { text-decoration:underline; } 
.view-pager li:nth-child(2) { border-top: 1px solid #dedede; } 

 .cclBox.view {margin-top:20px;padding: 20px;border: 1px solid #cacaca;border-radius:10px;   }
 .codeView { display: flex; align-items: center; } 
 .codeView img { width: 150px; align-items: center; } 
 .codeView p { margin-left: 15px; }

@media all and (max-width: 768px) { 
.board-view .title-wrap { padding: 15px 0; } 
.board-view .title { font-size: 1.6rem; } 
.board-view .cont-wrap img { width: 100%; } 
 } 


/* 세계유산 가야고분군 */
.tumuli-list-wrap { background: url(../../../../resource/images/tumuli/sub/cont_bg.png) no-repeat right bottom; padding-bottom: 65px; } 
.tumuli-list { display: flex; flex-wrap: wrap; gap: 30px 20px; } 
.tumuli-list li { width: calc((100% / 4) - 15px); } 
.tumuli-list li a {display: flex;flex-direction: column;aspect-ratio: 1 / 1;border-radius: 10px;justify-content: center;align-items: center;gap: 10px;position: relative;overflow: hidden;transition: all .4s;} 
.tumuli-list li a:hover,
.tumuli-list li a:focus { transition: all .5s; transform: translateY(-15px);} 
.tumuli-list li a::before { content:''; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 42%, rgba(0, 0, 0, 0.64) 100%); width: 100%; height: 100%; position: absolute;transition: all .2s;  } 
.tumuli-list li a:hover::before ,.tumuli-list li a:focus::before { content:''; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 118 76 / 57%) 52%, rgb(0 82 52) 100%); width: 100%; height: 100%; position: absolute;transition: all .2s; } 
.tumuli-list li a.gh { background: url(../../../../resource/images/tumuli/sub/tumuli_list_gh.png); background-size:cover } 
.tumuli-list li a.ha { background: url(../../../../resource/images/tumuli/sub/tumuli_list_ha.png); background-size:cover } 
.tumuli-list li a.hc { background: url(../../../../resource/images/tumuli/sub/tumuli_list_hc.png); background-size:cover } 
.tumuli-list li a.gs { background: url(../../../../resource/images/tumuli/sub/tumuli_list_gs.png); background-size:cover } 
.tumuli-list li a.gr { background: url(../../../../resource/images/tumuli/sub/tumuli_list_gr.png); background-size:cover } 
.tumuli-list li a.nw { background: url(../../../../resource/images/tumuli/sub/tumuli_list_nw.png); background-size:cover } 
.tumuli-list li a.cn { background: url(../../../../resource/images/tumuli/sub/tumuli_list_cn.png); background-size:cover } 
.tumuli-list li a p { font-size: 1.8824rem; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50); font-weight: 800; text-align: center; position: relative; } 
.tumuli-list li a span { width: 132px; padding: 10px; font-weight: 700; color: #fff; border: 1px solid rgba(255,255,255,.7); border-radius: 3px; text-align: center; position: relative;  } 
.tumuli-list li a:hover span,
.tumuli-list li a:focus span { background: #fff; color: #121212;transition: all .2s; } 
@media only screen and (max-width : 1024px) { 
 .tumuli-list { gap: 15px; } 
 .tumuli-list li { width: calc((100% / 2) - 8px); } 
 } 

@media only screen and (max-width : 640px) { 
 .tumuli-list li { width: 100%; } 
 .tumuli-list li a { aspect-ratio: 1 / .5; } 
 .tumuli-list li a p { font-size: 1.5rem; } 
 .tumuli-list li a span { margin-top: 10px; } 
 } 


/* 세계유산 가야고분군 view */
.tumuli-view { background: linear-gradient(135deg, #F8FAFC 0%, #F3F4F6 100%); } 
.tumuli-sec01 {margin-bottom: 73px;} 
.tumuli-sec01 .img-area { text-align: center; } 
.tumuli-sec01 .img-area img { object-fit: cover; width: 100%; } 
.tumuli-sec01 .cont-area {background: #fff;display: flex;padding: 40px 50px;box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.13);justify-content: space-between;margin-top: -110px;position: relative;flex-direction: row-reverse;} 
.tumuli-sec01 .cont-area > div { width: calc(50% - 25px); position: relative; } 
.tumuli-sec01 .cont-area > div:last-of-type::after { content:''; display:block; width: 1px; height: 100%; background: #D1D1D6; position: absolute; top:0; bottom:0; margin: auto; right: 0; } 
.tumuli-sec01 .cont-area .tit {font-size: 1.8824rem;font-weight: 700;margin-bottom: 20px;letter-spacing: 0;} 
.tumuli-sec01 .cont-area ul {display: flex;gap: 12px 10px;flex-wrap: wrap;} 
.tumuli-sec01 .cont-area ul li {display: flex;gap: 13px;align-items: flex-start;font-size: 1.1176rem;width: calc(50% - 5px);} 
.tumuli-sec01 .cont-area ul li.w50 { width: calc(50% - 5px); } 
.tumuli-sec01 .cont-area ul li::before { content:''; display: block; width: 6px; height: 6px; background: #464C53; border-radius: 50%; margin-top: 6px; flex-shrink: 0; } 
.tumuli-sec01 .cont-area ul li span { font-weight: 700; color: #1C5B40; } 
.tumuli-sec01 .cont-area > div:first-of-type ul li {width: 100%;}

.tumuli-sec02 { background: url(../../../../resource/images/tumuli/sub/sub_sec02_bg.png) no-repeat bottom; padding-bottom: 90px; } 
.tumuli-sec02 .tit-area { text-align: center; margin-bottom: 50px; } 
.tumuli-sec02 .tit-area > span {font-size: 1.4118rem;line-height: 1.5;} 
.tumuli-sec02 .tit-area > p {font-size: 3.5294rem;font-weight: 700;color: #131416;margin: 0px 0 15px;line-height: 1.5;} 
.tumuli-sec02 .tit-area > a {margin: 0 auto;font-size: 1.1176rem;font-weight: 700;border-radius: 6px;padding: 16px 24px;display: flex;align-items:center;justify-content: center;gap: 16px;border: 1px solid #B1B8BE;width: fit-content;background: #fff;} 
.tumuli-sec02 .tit-area > a::after { content: ''; background: url(../../../../resource/images/tumuli/sub/ico_new.png); width: 18px; height: 18px; } 
.tumuli-sec02 .img { aspect-ratio: 1 / .4254; display: flex; } 
.tumuli-sec02 .img img { width: 60%; height: 60%; display: block; margin: auto; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.20); } 
.tumuli-sec02 .loc-name {color: #fff;display: flex;align-items: center;gap: 8px;margin-top: 30px;font-size: large;font-weight: bold;} 
.tumuli-sec02 .loc-name::before { content: ''; background: url(../../../../resource/images/tumuli/sub/ico_loc.png); width: 20px; height: 26px; } 
.tumuli-sec03 {margin: 67px 0 80px;} 
.tumuli-sec03 .main-tit {font-size: 2.8235rem;font-weight: 700;margin-bottom: 12px;line-height: 1.5;} 
.tumuli-sec03 .main-desc {font-size: 1.4118rem;font-weight: 600;margin-bottom: 40px;line-height: 1.5;} 
.tumuli-sec03 .tit {font-size: 1.8824rem;font-weight: 700;margin-bottom: 10px;line-height: 1.5;} 
.tumuli-sec03 .desc { font-size: 1.1176rem; line-height: 1.5; } 
.s-tumuli-slide-area {/* padding: 30px 0 30px; *//* border-top: 1px solid #CDD1D5; *//* border-bottom: 1px solid #CDD1D5; */margin: 40px 0;display: flex;gap: 90px;align-items: flex-start;} 
.s-tumuli-slide-area > div {width: calc(50% - 45px);} 
.s-tumuli-slide-wrap { position: relative; } 
.s-tumuli-slide { margin-bottom: 13px } 
.s-tumuli-slide .swiper-slide {aspect-ratio: 1 / 0.6071;background: #ddd;box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.20);overflow: hidden;} 
.s-tumuli-slide .swiper-slide img { width: 100%; height: 100%; } 
.s-tumuli-slide-ctrl { display: flex; align-items: center; justify-content: center; position: relative; } 
.s-tumuli-slide-ctrl .pagination { display: block; background: #fff; width: fit-content; padding: 16px; border-radius: 30px; } 
.s-tumuli-slide-ctrl .swiper-pagination-bullet:only-child { display: block !important; } 
.s-tumuli-slide-ctrl .swiper-pagination-bullet-active { background: #007D64; width: 20px; border-radius: 10px; } 
.s-tumuli-slide-ctrl [class*="btn-"]:not([class^="btn-play"]) { display: flex; } 
.s-tumuli-slide-ctrl [class*="btn-"][disabled] { cursor: default; } 
.s-tumuli-slide-ctrl [class*="btn-"] { position: relative; display: none; align-items: center; justify-content: center; width: 56px; height: 56px; transition: all .3s; background: #fff; border: 1px solid #CDD1D5; border-radius: 50%; margin-left: 8px; } 
.s-tumuli-slide-ctrl [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
.s-tumuli-slide-ctrl [class^="btn-stop"] { width: 40px; height: 40px; } 
.s-tumuli-slide-ctrl [class^="btn-stop"]::before { border-left: 2px solid #33363D; border-right: 2px solid #33363D; width: 10px; height: 12px; } 
.s-tumuli-slide-ctrl [class^="btn-play"] { display: none; width: 40px; height: 40px; } 
.s-tumuli-slide-ctrl [class^="btn-play"]::before { border-width: 7px 0 7px 9px; border-style: solid; border-color: transparent transparent transparent #33363D; width: 0; height: 0; } 
.s-tumuli-slide-ctrl.nav-btn {position: absolute;display: flex;width: 100%;justify-content: space-between;top: calc(50% - 53px);z-index: 1;} 
.s-tumuli-slide-ctrl.nav-btn [class*="btn-"] { background: #000; } 
.s-tumuli-slide-ctrl .btn-prev { margin-left: -30px; } 
.s-tumuli-slide-ctrl .btn-next { margin-right: -30px; } 
.s-tumuli-slide-ctrl .btn-prev::before,
.s-tumuli-slide-ctrl .btn-next::before { width: 13px; height: 13px; border-width: 2px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; } 
.s-tumuli-slide-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.s-tumuli-slide-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
.tumuli-sec04 {background: #E9E3D8 url(../../../../resource/images/tumuli/sub/sub_sec04_bg.png) no-repeat left bottom;padding: 96px 0 90px;height: fit-content;} 
.tumuli-sec04 .inner {display: flex;gap: 92px;} 
.tumuli-sec04 .tit-area { flex-shrink: 0 } 
.tumuli-sec04 .tit-area > span { font-size: 0.7059rem; color: #5C180A; border-radius: 30px; padding: 6px 18px; border: 1px solid #5C180A; } 
.tumuli-sec04 .tit-area .tit { font-family: 'NanumMyeongjoEB', sans-serif; color: #101828; font-size: 3.4118rem; font-weight: 700; margin: 25px 0 12px; } 
.tumuli-sec04 .tit-area .desc { color: #4A5565; font-size: 1.0588rem; } 
.tumuli-sec04 .tit-area > a {color: #fff;background: #5C180A;display: flex;gap: 20px;align-items: center;justify-content: center;width: 263px;height: 61px;border-radius: 6px;margin-top: 17px;font-weight: bold;font-size: large;} 
.tumuli-sec04 .tit-area > a::after { content: '→'; } 
.tumuli-sec04 .cont-area {/* display: flex; */gap: 0px 25px;flex-wrap: wrap;width: 100%;height: 100%;align-items: start;column-count: 2;} 
.tumuli-sec04 .cont-area li {/* width: calc(50% - 13px); */position:relative;height: fit-content;break-inside: avoid;} 
.tumuli-sec04 .cont-area li a:before{content:""; display:block; position:absolute; width:100%; height:100%; background: linear-gradient(0deg, rgb(0 0 0 / 64%) 2.95%, rgba(0, 0, 0, 0.00) 47.52%); }
.tumuli-sec04 .cont-area li:nth-child(2) {margin-top: 30px;} 
.tumuli-sec04 .cont-area li:nth-child(3),
.tumuli-sec04 .cont-area li:nth-child(4) {transform: translateY(30px);margin-top: 30px;}
.tumuli-sec04 .cont-area li a {aspect-ratio: auto;background: #ddd;display:block;position: relative;height: fit-content;} 
.tumuli-sec04 .cont-area li a img { width: 100%; height: 100%; display: block; } 
.tumuli-sec04 .cont-area li a span { position: absolute; left:0; bottom: 0; margin: 25px 40px; color: #fff; font-size: 1.1176rem; font-weight: 700; } 
.tumuli-sec05 { background: #E9E3D8; padding-bottom: 117px; } 
.tumuli-sec05 .inner { border-top:1px solid#B9BBBB; padding-top: 80px; display: flex; align-items: center; flex-wrap: wrap; row-gap: 30px; } 
.tumuli-sec05 .tit { font-size: 2.4706rem; font-weight: 700; display: flex; align-items: center; gap: 20px; } 
.tumuli-sec05 .tit span { font-size: 1.6471rem; border-left: 1px solid #999; padding-left: 20px; } 
.tumuli-sec05 .inner > ul { display: flex; gap: 25px; margin: 0 38px 0 auto; } 
.tumuli-sec05 .inner > ul li { display: flex; gap: 15px; align-items: center; } 
.tumuli-sec05 .inner > ul li:first-child { border-right: 1px solid #999; padding-right: 25px } 
.tumuli-sec05 .inner > ul li::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #464C53; } 
.tumuli-sec05 .inner > a {width: 235px;height: 61px;display: flex;gap: 17px;align-items: center;justify-content: center;border-radius: 6px;background:#5C180A;color: #fff;font-weight: bold;font-size: large;} 
.tumuli-sec05 .inner > a::before { content:''; display: block; background: url(../../../../resource/images/tumuli/sub/ico_loc.png); width: 20px; height: 26px; } 
.tumuli-sec05 .inner > a::after { content: '→'; } 
.tumuli-sec05 .map-area { width: 100%; aspect-ratio: 1 / .4; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.20); } 
.tumuli-sec05 .map-area .root_daum_roughmap { width: 100%; height: 100%; } 
.tumuli-sec05 .map-area .root_daum_roughmap .wrap_map { height: 100%; } 

@media only screen and (max-width : 1399px) { 
 .tumuli-sec05 .tit { font-size: 1.8rem; gap: 10px; } 
 .tumuli-sec05 .tit span { font-size: 1.5rem; padding-left: 10px; } 
.tumuli-sec05 .inner > ul { margin: 0 auto; gap: 15px; } 
 .tumuli-sec05 .inner > ul li { gap: 8px; } 
 .tumuli-sec05 .inner > ul li:first-child { padding-right: 15px; } 
 } 

@media only screen and (max-width : 1199px) { 
 .tumuli-sec01 .cont-area { padding: 30px; } 
 .tumuli-sec01 .cont-area .tit { font-size: 1.5rem; margin-bottom: 15px; } 
 .tumuli-sec01 .cont-area > div { width: calc(50% - 15px); } 
 .tumuli-sec02 .tit-area > p { font-size: 2rem; } 

 .tumuli-sec03 .main-tit { font-size: 1.8rem; } 
 .tumuli-sec03 .main-desc { font-size: 1.2rem; margin-bottom: 20px; } 

 .tumuli-sec05 .inner { row-gap: 0px; } 
 .tumuli-sec05 .tit { width: 100%; } 
 .tumuli-sec05 .inner > ul { margin: 0; } 
 .tumuli-sec05 .inner > a { width: fit-content; height: auto; padding: 10px 15px; gap: 8px; margin-left: auto; } 
 .tumuli-sec05 .map-area { margin-top: 20px; } 
 
 } 
@media only screen and (max-width: 1024px) { 
 .tumuli-sec01 .cont-area { padding: 15px 20px; } 
 .tumuli-sec01 .cont-area ul li.w50 { width: 100%; } 
 .tumuli-sec01 .cont-area ul li {gap: 8px;width: 100%;} 

 .tumuli-sec02 { padding-bottom: 60px; background-size: contain; } 
 .tumuli-sec02 .tit-area { margin-bottom: 30px; } 
 .tumuli-sec02 .tit-area > a { padding: 10px 15px; } 
 .tumuli-sec02 .img img { width: 100%; height: 100%; } 
 .tumuli-sec02 .loc-name { margin-top: 15px; } 

.s-tumuli-slide-area {gap: 30px;flex-direction:column;/* padding-bottom: 50px; */} 
 .s-tumuli-slide-area > div { width: 100%; } 
 .s-tumuli-slide-ctrl.nav-btn { top: 38%; } 
 .s-tumuli-slide-ctrl [class*="btn-"] { width: 45px; height: 45px; } 
 .s-tumuli-slide-ctrl .btn-prev { margin-left: 5px; } 
.s-tumuli-slide-ctrl .btn-next { margin-right: 5px; } 

 .tumuli-sec04 .inner { gap: 30px; } 
 .tumuli-sec04 .tit-area .tit { font-size: 2rem; } 
 .tumuli-sec04 .tit-area > a {width: 200px;height: auto;padding: 15px 15px;} 
 } 

@media only screen and (max-width : 768px) { 
 .tumuli-sec04 {background-image: none;} 
 .tumuli-sec04 .inner { flex-direction: column; } 
 .tumuli-sec04 .tit-area .tit { margin: 15px 0 3px; } 
 .tumuli-sec04 .tit-area .tit br,
 .tumuli-sec04 .tit-area .desc br { display: none; } 
 .tumuli-sec04 .cont-area {gap: 20px;display: flex;flex-direction: column;} 
 .tumuli-sec04 .cont-area li {/* width: calc(50% - 10px); */height: fit-content;} 
 /* .tumuli-sec04 .cont-area li:nth-child(2) {transform: translateY(30px);margin-top: 0px;}  */
 /* .tumuli-sec04 .cont-area li:nth-child(3) {margin-top: 0;} */
  /* .tumuli-sec04 .cont-area li:nth-child(4) {transform: translateY(10px);} */
 .tumuli-sec04 .cont-area li:nth-child(2) {margin-top: 30px;} 
.tumuli-sec04 .cont-area li:nth-child(3),
.tumuli-sec04 .cont-area li:nth-child(4) {transform: translateY(30px);margin-top: 30px;}
 .tumuli-sec04 .cont-area li a span { margin: 10px; } 

 .tumuli-sec05 .inner {flex-direction: column;align-items: flex-start;gap: 10px;padding-top: 30px;} 
 .tumuli-sec05 .inner > a {margin-left: 0;margin-bottom: 20px;} 
 .tumuli-sec05 .map-area { margin-top: 0px; } 
 } 

@media only screen and (max-width : 640px) { 
 .tumuli-sec01 .img-area { height: 200px; } 
 .tumuli-sec01 .img-area img { height: 100%; } 
 .tumuli-sec01 .cont-area {flex-direction: column-reverse;gap: 20px;} 
 .tumuli-sec01 .cont-area > div { width: 100%; } 
 .tumuli-sec01 .cont-area > div:last-of-type::after { display: none; } 
 .tumuli-sec01 .cont-area > div:last-of-type { border-bottom: 1px solid #D1D1D6; padding-bottom: 20px; } 
 .tumuli-sec01 .cont-area ul { gap: 8px 10px; } 

.tumuli-sec02 { background-position: left bottom 40px } 
 
 .s-tumuli-slide .swiper-slide { /*aspect-ratio: auto; height: 300px;*/ } 
 .tumuli-sec04 { padding: 60px 0; } 
 .tumuli-sec04 .cont-area li { width: 100%; } 
 .tumuli-sec04 .cont-area li:nth-child(2n) { transform: none; display: none; } 
.tumuli-sec04 .cont-area li:nth-child(3) {transform: none;margin-top: 10px;}
 .tumuli-sec05 .inner > ul { flex-direction: column; gap: 5px; } 
 .tumuli-sec05 .inner > ul li:first-child { padding: 0; border: none; } 
 .tumuli-sec05 .map-area { aspect-ratio: auto; height: 300px; } 
 
 } 


/* 세계유산 가야고분군의 가치 */
[class^='worth-sec'] .title {font-size: 1.8824rem;font-weight: 700;margin-bottom: 12px;} 
.worth-sec01 { padding-bottom: 90px; } 
.worth-sec01 .txt-box {background: url(../../../../resource/images/tumuli/sub/txt_bg.png) no-repeat center / contain;padding: 40px 60px;background: #fff;} 
.worth-sec01 .txt-box p { font-size: 1.5294rem; font-family: 'NanumMyeongjoEB', sans-serif; color: #464C53; text-align: center; font-weight: 700; } 
.worth-sec01 .source { text-align: right; font-size: 0.9412rem; color: #6D7882; margin: 12px 0 36px; } 
.worth-sec01 .desc {font-size: 1.1176rem;line-height: 1.5;} 
.worth-sec02 { background: url(../../../../resource/images/tumuli/sub/worth_bg.png) no-repeat center / cover; text-align: center; display: flex; flex-direction: column; padding: 62px 0 123px; } 
.worth-sec02 .stit { font-size: 1.4118rem; color: #fff; border: 1px solid rgba(255, 255, 255, 0.50); padding: 4px 50px; width: fit-content; margin: 0 auto; } 
.worth-sec02 .tit { font-size: 2.4706rem; color: #fff; font-weight: 400; margin: 20px 0 50px; } 
.worth-sec02 .tit .small { font-size: 1.7647rem; display: block; } 
.worth-sec02 .tit .color { color: #FFDD55; font-weight: 700; } 
.worth-sec02 .cont { position: relative; padding: 110px 0 0; } 
.worth-sec02 .center { background: #012C2A; border-radius: 50%; outline: 1px dashed rgba(255, 255, 255, 0.30); width: 385px; height: 385px; display: flex; gap: 15px; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; padding: 20px; box-shadow: 0 0 0 15px rgba(255,255,255,.2); outline-offset: 15px; } 
.worth-sec02 .center > p { font-size: 2.1765rem; color: #fff; font-weight: 700; } 
.worth-sec02 .cont > ul { position: absolute; top: 0; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; left: 0; right: 0; gap: 147px 270px; top: 0; } 
.worth-sec02 .cont > ul li { display: flex; align-items: center; justify-content: center; } 
.worth-sec02 .cont > ul li:first-child { width: 100%; } 
.worth-sec02 .cont > ul li p { width: 175px; height: 175px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2353rem; color: #105D59; outline: 1px solid rgba(255, 255, 255, 0.30); outline-offset: 20px; box-shadow: 0 0 0 20px rgba(255,255,255,.2); font-weight: 700; } 
.worth-sec03 { background: #F0F7FB; padding: 80px 0 70px; } 
.worth-sec03 .inner { border-bottom: 1px solid #CDD1D5; padding-bottom: 50px } 
.worth-sec03 .title { font-weight: 500; display: flex; justify-content: center; } 
.worth-sec03 .title > span { font-family: 'NanummyeongjoB', sans-serif; font-size: 2.9412rem; font-weight: 600; } 
.worth-sec03 .desc { font-size: 1.2353rem; text-align: center; margin-top: -20px; margin-bottom: 50px; } 
.worth-sec03 .cont { border-radius: 30px; background: #fff; border: 1px solid #08048233; display: flex; flex-wrap: wrap; column-gap: 20px; justify-content: center; padding:0 20px 38px; } 
.worth-sec03 .cont > .tit { font-size: 1.2353rem; background: #E3E8EA; border-radius: 50px; padding: 7px 50px; width: fit-content; font-weight: 700; margin: -20px auto 0; } 
.worth-sec03 .cont > .txt { font-size: 0.9412rem; color:#464C53; text-align: center; width: 100%; margin: 10px 0 40px; } 
.worth-sec03 .cont ul { display: flex; gap: 18px 40px; flex-wrap: wrap; justify-content: center; padding: 24px 34px 28px; border-radius: 5px; margin-bottom: 10px; } 
.worth-sec03 .cont ul li { width: 68px; height: 68px; background: #fff; border-radius: 4px; font-size: 1.2941rem; display: flex; align-items: center; justify-content: center; font-weight: 700; } 
.worth-sec03 .cont ul li:first-child { font-size: 1.2353rem; font-weight: 700; width: 100%; border: none; height: auto; background: transparent; } 
.worth-sec03 .cont .culture ul { background: #AAD5F866; } 
.worth-sec03 .cont .culture ul li:first-child { color: #103593; } 
.worth-sec03 .cont .culture ul li:not(:first-child) { border: 1px solid #3771C84D; color: #281093; } 
.worth-sec03 .cont .culture ul li.active { outline: 3px solid #281093; position: relative; } 
.worth-sec03 .cont .culture ul li.active span { font-size: 1.1176rem; color: #fff; background: #EF1855; position: absolute; top: calc(100% + 20px); width: 155px; text-align: center; border-radius: 5px; padding: 4px 0; left: -3px; } 
.worth-sec03 .cont .culture ul li.active span::before { content: ''; display: block; border-bottom: 10px solid #EF1855; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; bottom: 100%; position: absolute; left: 25px; } 
.worth-sec03 .cont .culture ul li.disable { color: #949494; border: 1px dashed #2B2B2B80; } 
.worth-sec03 .cont .nature ul { background:#96DBBD66; } 
.worth-sec03 .cont .nature ul li:first-child { color: #0A4D40; } 
.worth-sec03 .cont .nature ul li:not(:first-child) { border: 1px solid #00666133; color: #0A4D40; } 
.worth-sec03 .cont > div > span { color:#464C53; font-size: 0.9412rem; display: block; line-height: 1.4; } 
.worth-sec04 { background: #F0F7FB; padding-bottom: 112px } 
.worth-sec04 ul { display: flex; flex-wrap: wrap; gap: 24px; } 
.worth-sec04 ul li { padding: 30px 40px; border-radius: 10px; border: 1px solid #CDD1D5; background: #fff; width: calc(50% - 12px); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); } 
.worth-sec04 ul li .tit {font-size: 1.4118rem;color: #052B57;font-weight: 700;margin-bottom: 12px;} 
.worth-sec04 ul li .txt {line-height: 1.5;} 
.worth-sec04 ul li:last-child { width: 100%; } 

@media only screen and (max-width: 1199px) { 
 .worth-sec03 .cont { gap: 20px } 
.worth-sec03 .cont > div { width: 100%; } 
 .worth-sec03 .cont > .txt { margin: 0 0 20px; } 
 } 
@media only screen and (max-width: 1024px) { 
 [class^='worth-sec'] .title { font-size: 1.5rem } 
.worth-sec01 .txt-box {padding: 30px 20px;} 
 .worth-sec01 .txt-box p {font-size: 1.15rem;line-height: 1.5;} 
.worth-sec02 .tit .small { font-size: 1.5rem; } 
 .worth-sec02 .tit { font-size: 2rem; } 
 .worth-sec03 .cont ul { padding: 20px; gap: 20px 15px; } 
 .worth-sec03 .cont ul li { width: 50px; height: 50px; } 
 .worth-sec03 .cont .culture ul li.active span { font-size: 1rem; width: 120px; top: calc(100% + 5px) } 
 } 
@media only screen and (max-width: 768px) { 
 .worth-sec02 .center { width: 280px; height: 280px; padding: 25px; } 
 .worth-sec02 .center > p { font-size: 1.8rem; } 
 .worth-sec02 .cont > ul { gap: 120px 230px; } 
.worth-sec02 .cont > ul li p { width: 140px; height: 140px; box-shadow:0 0 0 10px rgba(255,255,255,.2); outline-offset: 10px; } 
 .worth-sec03 .title { display: block; text-align: center; } 
 .worth-sec03 .title > b {display: block;display: inline-block;} 
 .worth-sec03 .title > span { font-size: 2rem; line-height: 1; } 
 .worth-sec03 .desc { margin-top: 0; } 
 .worth-sec04 ul { gap: 15px; } 
 .worth-sec04 ul li {padding: 30px 30px;width: calc(50% - 8px);} 
 } 

@media only screen and (max-width: 640px) { 
 .worth-sec02 .cont { padding-top: 30px; } 
 .worth-sec02 .cont > ul { position: static; gap: 15px; margin-top: -20px } 
 .worth-sec02 .cont > ul li:first-child,
 .worth-sec02 .cont > ul li { width: calc(33.33% - 10px); } 
 .worth-sec02 .cont > ul li p { width: 100%; height: auto; aspect-ratio: 1 / 1; font-size: 1rem; } 

 .worth-sec04 ul li { width: 100%; } 
 } 


/* 재단소개 - 인사말 */
.greeting-top {position: relative;} 
.greeting-top::before { content:''; display: flex; width: 100%; height: 92px; background: url(../../../../resource/images/tumuli/sub/greeting_txt.png) no-repeat; position: absolute; bottom: 310px; background-size: contain; } 
.greeting-top::after { content:''; display: flex; width: 100%; height: 320px; background: url(../../../../resource/images/tumuli/sub/greeting_img.png) no-repeat center; position: absolute; bottom: 0; background-size: cover; } 
.greeting-top .txt-area {max-width: 1330px;display: flex;line-height: 1.5;gap: 30px;align-items: flex-start;position: relative;padding-bottom: 410px;padding-top: 50px;margin: 0 auto 60px;}
.greeting-top .txt-area .txt .title { font-size: 1.8824rem; font-weight: 800; } 
.greeting-top .txt-area .txt .title::after { content: ""; display: block; width: 36px; height: 4px; background: #58616A; margin: 40px 0 20px; } 
.greeting-top .txt-area .txt .sign { font-family: 'NanumMyeongjoEB', sans-serif; color: #464c53; font-size: 1.1765rem; font-weight: 700; margin-top: 40px; text-align: end; } 

@media only screen and (max-width: 1199px) { 
 .greeting-top img { width: 40%; } 
 } 
@media only screen and (max-width: 1024px) { 
 .greeting-top { flex-direction: column; gap: 20px; padding-top: 0; } 
 .greeting-top img { width: 400px; } 
 .greeting-top .txt-area{display: flex;flex-direction: column;}
 .greeting-top .txt-area .txt{padding-left: 10px;}
}

@media only screen and (max-width: 480px) { 
 .greeting-top { padding-bottom: 380px; } 
.greeting-top::before { bottom: 270px; } 
 .greeting-top .txt .title::after { margin: 20px 0; } 
 } 


 /* 재단소개 - 연혁 */
 .chistory [class*=bu_list] li { margin: .2em 0 0; } 
.chistory [class*=bu_list] li:first-child { margin: 0 0 0; } 

.chistory { position: relative; display: flex; justify-content: space-between; padding: 60px 0 100px; box-sizing: border-box; flex-wrap: wrap; } 
.chistory:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 360px; z-index: -1; border-radius: 30px 0 0 0; } 
.chistory .chistory-top { width: 100%; padding-bottom:40px; border-bottom: 1px solid #D6E0EB; margin-bottom: 118px; } 
.chistory .chistory-top::before { content:''; display: block; background: url(../../../../resource/images/tumuli/sub/history_img.png) no-repeat; width: 100%; height: 337px; background-position: center; } 
.chistory .chistory-top .tit { font-size: 1.8824rem; font-weight: 800; background: #fff; padding: 20px 40px 10px 20px; margin-top: -50px; width: fit-content; } 
.chistory .chistory-top .desc { padding: 0 20px; line-height: 1.5;font-size: 1.15rem; } 
.chistory .chistory-tit .title { font-size: 3.4118rem; line-height:1; color: #191919; position: relative; } 
.chistory .chistory-tit .title::before { content: 'HISTORY'; font-size: 6.4706rem; color: #F3F7FB; font-weight: 800; position: absolute; z-index: -1; left: -200px; bottom: -50px; } 
.chistory .chistory-sect { width: calc(100% - 379px - 128px); box-sizing: border-box; } 
.chistory .chistory-sect .chistory-unit { position: relative; display: flex; margin-top: 32px; --lineHeight: 0; box-sizing: border-box; justify-content: space-between; gap: 80px; } 
.chistory .chistory-sect .chistory-unit:last-of-type:after { display: none; } 

.chistory .chistory-sect .chistory-unit .year { font-size: 3.4118rem; color: #B1B8BE; font-weight: 700; margin-top: 10px; position: relative; } 
.chistory .chistory-sect .chistory-unit .year::after { content: ''; position: absolute; top: -10px; right: -42px; display: block; width: 2px; height: calc(100% + 42px); background: #B1B8BE; z-index: 0; } 
.chistory .chistory-sect .chistory-unit:first-of-type .year,
.chistory .chistory-sect .chistory-unit:first-of-type.active .year { color: #007D64; } 
.chistory .chistory-sect .chistory-unit:first-of-type .year::after { background: #007D64; } 
.chistory .chistory-sect .chistory-unit:last-of-type .year::after { height: 50%; } 
.chistory .chistory-sect .chistory-unit:first-of-type .history-box .history-list .tit { background: #007D64; font-size: 1.8824rem; color: #fff; font-weight: 700; border-radius: 16px; padding: 8px 30px; } 
.chistory .chistory-sect .chistory-unit:first-of-type .history-box .history-list .tit::before { content: ''; display: block; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 13px solid #007D64; width: 0; height: 0; bottom: 0; position: absolute; left: -11px; top: 0; margin: auto 0; } 
.chistory .chistory-sect .chistory-unit .history-box { padding: 8px 0; box-sizing: border-box; width: calc(100% - 120px); position: relative; } 
.chistory .chistory-sect .chistory-unit .history-box:before { content: ''; position:absolute; top: 33px; left: -49px; display: block; width: 20px; height: 20px; background: #B1B8BE; border-radius: 50%; box-sizing: border-box; z-index: 2; border: 5px solid #fff; } 
.chistory .chistory-sect .chistory-unit .history-box:after { content: ''; position: absolute; top: 50px; left: -41px; display: block; width: 4px; height: var(--lineHeight); background: #007D64; z-index: 1; } 
.chistory .chistory-sect .chistory-unit:first-of-type .history-box::before { background: #007D64; width: 30px; height: 30px; left: -54px; top: 20px; } 
.chistory .chistory-sect .chistory-unit:last-of-type .history-box:after { height: 0; background: transparent; width: 0; } 
.chistory .chistory-sect .chistory-unit .history-box .history-list { display: flex; margin-top: 12px; gap: 40px; } 
.chistory .chistory-sect .chistory-unit .history-box .history-list:first-child { margin-top: 0; } 
.chistory .chistory-sect .chistory-unit .history-box .history-list .date { font-weight: 700; color: #464C53; width: 74px; } 
.chistory .chistory-sect .chistory-unit .history-box .history-list .cont { width: calc(100% - 80px); } 

.chistory .chistory-sect .chistory-unit.active .year { color: #464C53; } 
.chistory .chistory-sect .chistory-unit.active .history-box:before { background: #007D64; } 

@media all and (max-width:1199px) { 
 .chistory .chistory-sect { width: calc(100% - 379px - 50px); } 
 } 

@media all and (max-width:1024px) { 
 .chistory { flex-direction: column; } 
 .chistory .chistory-tit { padding:0; } 
.chistory .chistory-tit .title::before { font-size: 4rem; left:0; bottom: -40px } 
 .chistory .chistory-sect { width: 100%; } 
 } 
@media all and (max-width:768px) { 
.chistory .chistory-top { margin-bottom: 40px; } 
 .chistory .chistory-sect { padding: 20px 10px 0 20px; border-radius: 0; } 
 .chistory .chistory-sect .chistory-unit { display: block; margin-top: 25px; padding-left: 32px; } 
 .chistory .chistory-sect .chistory-unit:before { top: 12px; } 
 .chistory .chistory-sect .chistory-unit:after { height: calc(100% + 32px); } 
.chistory .chistory-sect .chistory-unit .year { width: 100%; margin-top:0; padding-top:0; font-size: 2rem; position: static; } 
.chistory .chistory-sect .chistory-unit .year::after { left: -8px; } 
 .chistory .chistory-sect .chistory-unit .history-box { width: 100%; } 
.chistory .chistory-sect .chistory-unit:first-of-type .history-box .history-list .tit { font-size: 1.2rem; padding: 5px 10px; border-radius: 5px } 
.chistory .chistory-sect .chistory-unit .history-box .history-list { gap: 15px; } 
.chistory .chistory-sect .chistory-unit:first-of-type .history-box::before { top: 10px; } 
.chistory .chistory-sect .chistory-unit .history-box:after { top: 44px; } 
.chistory .chistory-sect .chistory-unit:last-of-type .history-box:after { height: 0px; } 
 } 
@media all and (max-width:480px) { 
.chistory .chistory-tit .title { font-size: 2.5rem } 
.chistory .chistory-top .tit { padding: 10px; } 
.chistory .chistory-sect .chistory-unit .history-box .history-list { flex-direction:column; gap: 5px; } 

 } 

 /* 재단소개 - 재단구성 */
.organize-pc { display: block; margin: 0 auto; max-width: 860px;  } 
.organize-mo { display: none; } 
.organize-con{padding-bottom:70px;}

@media only screen and (max-width: 640px) { 
 .organize-pc { display: none; } 
 .organize-mo { display: block; margin: 0 auto;  } 
 .organize-con{padding-bottom:50px;}

 } 


/* 재단소개 - 관련기관 */
.cont-linktype1 { display: flex; flex-wrap: wrap; gap: 10px; } 
.cont-linktype1 > li a { display: flex; align-items: center; flex-direction: column; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; background: #f7f7f7; } 
.cont-linktype1 > li .img { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; text-align: center; background: #fff; height: 120px; } 
.cont-linktype1 > li .tit { background-color: #F8F8F9; width: 100%; padding: 13px 0; box-sizing: border-box; position: relative; display: flex; align-items: center; color: #333; justify-content: center; gap: 6px; } 
.cont-linktype1 > li .tit::after { content: ''; background: url(../../../../resource/images/tumuli/sub/ico_new.png) no-repeat; display: block; width: 15px; height: 15px; background-size: contain; } 
.cont-linktype1.col4 > li { width: calc(25% - 8px); } 
.cont-linktype1.col3 > li { width: calc(33.33% - 7px); } 
.cont-linktype2 { position: relative; display: flex; border-top-left-radius: 50px; overflow: hidden; margin-bottom: 50px; } 
.cont-linktype2:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 95px; border-top: 3px solid #21436b; border-left: 3px solid #21436b; border-top-left-radius: 50px; box-sizing: border-box; z-index: 1; } 
.cont-linktype2 .img-sec { flex: 0 0 auto; margin: 45px 40px 45px 50px; width: 280px; background: url(/resources/openworks4/image/familysite/linktype2_imgbg.png) no-repeat; overflow: hidden; } 
.cont-linktype2 .txt-sec { align-self: flex-start; position: relative; width: 100%; padding: 50px 20px 30px 0; } 
.cont-linktype2 .txt-sec .title { color: #191919; font-size: 1.529em; font-weight: 600; line-height: 1.4; } 
.cont-linktype2 .txt-sec .title + * { margin-top: 15px; } 
.cont-linktype2 .txt-sec .txt { font-size: 1.059em; color: #555; } 
.cont-linktype2 .txt-sec .txt + * { margin-top: 28px; } 
.cont-linktype2 .txt-sec:after { content: ''; display: block; background: url(/resources/openworks4/image/familysite/hline.png) repeat-x; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; } 
@media all and (max-width:1024px) { 
 .cont-linktype1 > li .tit { padding: 10px 15px; } 
 .cont-linktype1.col4 > li { width: calc(33.33% - 7px); } 
 } 
@media all and (max-width:768px) { 
 .cont-linktype1 > li .img { height: 100px; } 
.cont-linktype1.col4 > li,
.cont-linktype1.col3 > li { width: calc(50% - 10px); } 
 .cont-linktype2 { display: block; border-top-left-radius:25px } 
 .cont-linktype2:before { border-top-left-radius:25px } 
 .cont-linktype2 .img-sec { margin: 30px auto 0; width: 220px; background-size: 100%; } 
 .cont-linktype2 .txt-sec { text-align: center; padding: 10px 20px 20px; box-sizing: border-box; } 
 .cont-linktype2 .txt-sec .title + * { margin-top: 10px; } 
 .cont-linktype2 .txt-sec .txt + * { margin-top: 18px; } 
 } 
@media all and (max-width:480px) { 
.cont-linktype1.col4 > li,
.cont-linktype1.col3 > li { width: 100%; } 
 } 


/* 재단소개 - 오시는길 */
.clocation { position: relative; z-index: 0; display: flex; flex-direction: column; gap: 20px; padding-bottom: 70px } 
.clocation .map { position: relative; } 
.clocation .map-btn-skip { position: absolute; top: -100%; left: 0; background-color: #1c3b8a; width: 100%; padding: 10px 0; color: #fff; text-align: center; opacity: 0; z-index: 2; } 
.clocation .map-btn-skip:focus { top: 0; opacity: 1; } 
.clocation .map-viewer { width: 100%; position: relative; aspect-ratio: 16 / 7.2; border: 1px solid #dcdcdc; } 
.clocation .map-viewer .root_daum_roughmap,
.clocation .map-viewer .root_daum_roughmap_landing,
.clocation .map-viewer .root_daum_roughmap .wrap_map { height: 100%; width: 100%; } 
.clocation .map-viewer .root_daum_roughmap .map_border { display: none; } 
.clocation .map-viewer .root_daum_roughmap .wrap_controllers { display: none; } 
.clocation .map-cont { display: flex; align-items: flex-start; padding: 40px 60px; position: relative; background: #00594F; border-radius: 80px 12px; max-width: 885px; margin: -150px 0 0 auto; z-index: 1; width: 70%; box-shadow: -6px 4px 30px rgba(0, 0, 0, 0.20); flex-wrap: wrap; } 
.clocation .map-cont-tit { color: #fff; font-weight: 600; display: flex; width: 100%; } 
.clocation .map-cont-tit .tit { font-size: 1.8824rem; color: #fff; } 
.clocation .map-cont-info { width: 100%; } 
.clocation .map-cont-info ul { display: flex; flex-wrap: wrap; flex-direction: column; gap: 15px; } 
.clocation .map-cont-info li { display: flex; align-items: center; color: #fff; gap: 9px; } 
.clocation .map-cont-info .addr:before { content: ''; display: block; background: url(../../../../resource/images/tumuli/sub/ico_loc.png); width: 14px; height: 18px; background-size: contain; } 
.clocation .map-cont-info .tel:before { content: ''; display: block; background: url(../../../../resource/images/tumuli/sub/ico_tel.png); width: 12px; height: 12px; } 
.clocation .map-cont .btn-view { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 6px; width: 225px; height: 61px; color: #00594F; margin-left: auto; } 
.clocation .map-cont .btn-view span { color: #00594F; font-size: 1.3125rem; font-weight: 700; } 
.clocation .map-cont .btn-view:after { content: ''; display: block; background: url(../../../../resource/images/tumuli/sub/ico_new_green.png) no-repeat; width: 24px; height: 24px; } 
.clocation .info { gap: 20px; } 
.clocation .info-tit { display: flex; align-items: center; flex-direction: column; color: #000; min-width: 185px; } 
.clocation .info-tit .c_tit1 { margin-bottom: 0; } 
.clocation .info-tit:before { content: ''; display: block; background: #fff url(../images/common/cont_sprite.png) no-repeat -101px -0px; border-radius: 50%; width: 90px; height: 90px; margin-bottom: 10px; } 
.clocation .info-cont { display: flex; background: #f5f7fd; padding: 30px 25px; } 
.clocation .info-contin { flex: 1 1 auto; box-sizing: border-box; position: relative; } 
.clocation .info-contin .tit-sec .title { color: #191919; font-size: 1.3125rem; } 
.clocation .info-contin .tit-sec .summ { color: #999; font-size: 0.9375rem; margin: -15px 0px 15px 20px; } 
.clocation .info-contin .txt-sec > ul { margin-left: 3px; } 
.clocation .info-contin .txt-sec > ul > li:before { width: 8px; height:8px; margin-top: 7px; } 
.clocation .info-cont:not(.col2) .info-contin:not(:last-child) { margin-bottom: 37px; } 
.clocation .info.col2 { display:flex; } 
.clocation .info.col2 .info-cont { flex: 0 1 auto; width: calc(50% - 10px); } 
.clocation .info.col2 .info-contin:not(:last-child) { margin-bottom: 37px; } 
.clocation .info.col2 .info-contin:nth-child(2n+1):nth-last-child(2) { margin-bottom: 0; } 
.clocation .trans2:before { background-position-x: -202px; } 
.clocation .trans3:before { background-position-x: -300px; } 
@media all and (max-width:1024px) { 
.clocation .map-cont { width: 100%; margin: 0; border-radius: 0 0 50px 20px; max-width: 100%; padding: 30px; } 
.clocation .map-cont-tit { width: 100%; margin-bottom: 20px; } 
.clocation .map-cont .btn-view { height: 50px; } 
.clocation .info-tit { min-width: auto; text-align: center; margin-right: 15px; line-height: 1.2; max-width: 90px; } 
.clocation .info-tit:before { width: 60px; height: 60px; background-size: 290px; background-position: -80px -4px; } 
.clocation .trans2:before { background-position-x: -153px; } 
.clocation .trans3:before { background-position-x: -227px; } 
.clocation .info.col2 .info-cont { padding: 20px; } 
 } 
@media all and (max-width:768px) { 
.clocation .map-cont-info ul { gap: 3px } 
.clocation .info-cont { padding: 15px 10px; } 
.clocation .info.col2 { flex-wrap: wrap; } 
.clocation .info.col2 .info-cont { width: 100%; padding: 15px 10px; } 

 } 
@media all and (max-width:640px) { 
.clocation .map-cont { padding: 15px 15px; border-radius: 0 0 20px 20px; } 
.clocation .map-cont-tit { margin-bottom: 10px; } 
.clocation .map-cont-tit .tit { font-size: 1.4375rem; } 
.clocation .map-cont-info { padding: 0; } 
.clocation .map-cont .btn-view { width: 150px; height: 38px; } 
 } 


/* 사이트맵 */
.site-map { display: flex; flex-wrap: wrap; gap: 20px; } 
.site-map > li { width: calc(25% - 15px); } 
.site-map > li a { display: block; } 
.site-map > li .nav-a1 { margin-bottom: 13px; color: #333; font-size: 1.15rem; font-weight: 600; text-align: center; border-radius: 10px; border: 1px solid #d5d7dd; padding: 16px 40px 16px 20px; position: relative; background: #fbfcfe; } 
.site-map > li .nav-a2 { padding: 7px 21px; position: relative; font-weight: 600; font-size: 1.05rem; } 
.site-map > li .nav-a2::before { content: ''; display: block; position: absolute; left: 8px; top: 40%; width: 5px; height: 5px; border-radius: 50%; background-color: #d5d7dd; } 
.site-map > li .nav-a3 { padding: 3px 30px; position: relative; } 
.site-map > li .depth3 { margin-bottom: 10px } 
.site-map > li .nav-a3::before { content: ''; display: block; position: absolute; left: 15px; top: 45%; width: 8px; height: 1px; border-radius: 50%; background-color: #bec0c7; } 
@media only screen and (max-width : 768px) { 
.site-map > li { width: calc(33.33% - 15px); } 
 } 
@media only screen and (max-width : 640px) { 
.site-map > li { width: calc(50% - 10px); } 
 } 

/* 통합검색 */

.total-search-form fieldset { display: flex; align-items: center; width: 100%; padding: 60px; background: #FBFBFB; border: 1px solid #D7D7D7; justify-content: center; margin: 20px 0 0px; flex-wrap: wrap; position: relative; z-index: 0; } 
.total-search-form .input-wrap { display: flex; position: relative; } 
.total-search-form .input-wrap::before { content:''; display: block; width: 1px; height: 23px; background: #A7A7A7; position: absolute; top: 0; bottom: 0; margin: auto; } 
.total-search-form input[type="text"] { border: 3px solid #212121; padding: 5px 16px; min-height: 60px; border-right: 0; width: 490px; border-left: none; } 
.total-search-form input[type="text"]::placeholder { color: #8A949E; } 
.total-search-form .select-wrap { width: 160px; border: 3px solid #212121; background-color: #fff; height: 60px; -webkit-appearance:none; -moz-appearance:none; appearance:none; overflow: hidden; position: relative; border-right: none; } 
.total-search-form .select-wrap::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #33363D; border-right-color: #33363D; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 7px; height: 7px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition: 0.35s; z-index: 0; } 
.total-search-form select { width: 100%; height: 100%; border: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding: 5px 15px; z-index: 1; position: relative; background: transparent; } 
.total-search-form select::-ms-expand { display:none; } 
.total-search-form .board-search-btn { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 0; border: none; transition: .1s; background: #212121; border-left: 0; flex-shrink: 0; } 
.total-search-form .board-search-btn::before { content: ''; display: block; width: 25px; height: 25px; background: url(../../../../resource/images/archive/main/ico_search_w.png) no-repeat center; background-size: contain; } 
.total-search-form .board-search-btn:active { transform: none; box-shadow: none; } 
.total-search-result {margin-top: 60px;}
.total-search-result .cont + .cont {margin-top: 60px;}
.total-search-result .cont-head {display: flex;align-items: center;margin-bottom: 10px;}
.total-search-result .cont-head > button { display: block; position: relative; transition: .35s; right: 0; padding-right: 15px; top: 0; margin-left: auto; border: none;background: none;} 
.total-search-result .cont-head > button::before, 
.total-search-result .cont-head > button::after { content: ''; display: block; background: #000; width: 3px; height: 15px; position: absolute; right: 0; bottom: 0; margin: auto; transition: .35s; top: 0; border-radius: 2 } 
.total-search-result .cont-head > button::after { transform: rotate(90deg); } 
.total-search-result .cont-head > button:hover:before, .total-search-result .cont-head > button:focus:before { transform: rotate(90deg); } 
.total-search-result .cont-head > button:hover:after, .total-search-result .cont-head > button:focus:after { transform: rotate(180deg); } 
.total-search-result .cont-head .title {position: relative;font-weight: 700;padding-right: 12px;font-size: 1.75rem;}
.total-search-result .cont-head .title span {font-weight: 600; color: #0B50D0;margin-left: 8px;}
.total-search-result .cont .archive-list { border-top: 1px solid #B1B8BE } 
.total-search-result .cont .archive-list > li a { border-bottom: 2px dotted #e3e3e3; display: flex;flex-direction: column; gap: 10px 0; padding: 28px;} 
.total-search-result .cont .archive-list > li .title { grid-column: 2; font-size: 1.2353rem; font-weight: 700; } 
.total-search-result .cont .archive-list > li:hover,
.total-search-result .cont .archive-list > li:focus { background: #F3F6FB } 
.total-search-result .cont .archive-list > li:hover .title,
.total-search-result .cont .archive-list > li:focus .title { text-decoration: underline; } 
.total-search-result .cont .archive-list > li .info { display: flex; grid-column: 2; gap: 0 10px; flex-wrap: wrap; } 
.total-search-result .cont .archive-list > li .info li { color: #464C53; font-weight: 300; display: flex; } 
.total-search-result .cont .archive-list > li .info li .tit { font-weight: 600; } 
.total-search-result .no-result {text-align: center;font-size: 1.4118rem;font-weight: 600;padding: 60px 0;}
.total-search-result .no-result span {color: #0B50D0;margin-right: 5px;}


@media all and (max-width: 1024px) { 
 
.total-search-form fieldset { padding: 40px 30px 60px; } 
.total-search-form .input-wrap { width: calc(100% - 130px); } 
.total-search-form .select-wrap { width: 130px } 
.total-search-form input[type="text"] { width: 100% } 
 .total-search-result .cont .archive-list > li a {align-items: flex-start; padding: 20px 10px; } 
 } 

@media all and (max-width: 768px) { 
.total-search-form {margin-bottom: 30px;}
.total-search-form fieldset { row-gap: 8px; padding: 30px 20px 60px; } 
.total-search-form.select-wrap { margin-right: 0; } 
 } 
@media all and (max-width: 640px) { 
 .total-search-form fieldset { padding: 20px 10px 50px; } 
 .total-search-form .select-wrap { width: 80px; height: 44px; border-width: 2px; } 
 .total-search-form select { padding: 5px 10px; } 
 .total-search-form .input-wrap { width: calc(100% - 80px); } 
 .total-search-form input[type="text"] { height: 44px; min-height:auto; border-width: 2px; } 
 .total-search-form .board-search-btn { height: 44px; width: 44px; } 
 .total-search-form .board-search-btn::before { width: 20px; height: 20px; } 
 .total-search-form .search-opt-btn button { padding: 8px 16px; } 
 } 


/*세계유산이란*/
.section-heritage ul { list-style: none; } 
.section-heritage h2, .section-heritage h3, .section-heritage p, .section-heritage ul, .section-heritage li { margin: 0; padding: 0; color: #fff; } 
.section-heritage .h-wrap { display: flex; gap: 20px; margin-bottom: 30px; width: 100%; margin-left: auto; margin-right: auto; } 
.section-heritage .h-col {flex: 1;display: flex;flex-direction: column;padding: 64px 50px 50px 50px;border-radius: 8px;min-width: 250px;padding-bottom: 300px;position: relative;overflow: hidden;} 
.section-heritage .h-col h2 {margin-bottom: 30px;font-size: 1.75rem;font-weight: 700;/* color: #fff; */z-index: 1;}
.section-heritage .h-list {display: flex;flex-direction: column;height: 100%;gap: 15px;z-index: 1;} 
.section-heritage .h-item { padding: 0px; line-height: 1.5; } 
.section-heritage .h-item h3 { font-size: 1rem; font-weight: 600; margin-bottom: 5px; } 
.section-heritage .h-item.full-height { flex-grow: 1; } 
.section-heritage .h-col.type-culture {flex: 1.3;background: url(../../../../resource/images/tumuli/sub/world-heritage1.jpg);background-size: cover;background-position: center;} 
.section-heritage .h-col.type-nature {background: url(../../../../resource/images/tumuli/sub/world-heritage2.jpg);background-size: cover;background-position: center;} 
.section-heritage .h-col.type-mixed {background:url(../../../../resource/images/tumuli/sub/world-heritage3.jpg);background-size: cover;background-position: center;} 
.section-heritage .h-col::after {content:'';display: block;background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 70%, rgb(20 48 110 / 64%) 100%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;} 
.section-heritage .type-culture .h-item h3 { color: #ffff00; } 


/* ================================== */
/* 반응형 디자인 */
/* ================================== */


@media (max-width: 1199px){
 .section-heritage .h-wrap { flex-direction: column; gap: 15px; } 
 .section-heritage .h-col {min-width: 100%;padding: 8%;padding-bottom: 100px;} 
 }

@media (max-width: 640px){
 .section-heritage .h-col {padding: 15% 8%;padding-bottom: 200px;} 
 }