@charset "UTF-8";


select {height:40px;padding:0 36px 0 20px;font-size:16px;line-height:26px;font-weight:600;border:1px solid #C6C6C6;border-radius:8px;color:#2D2D2D;-webkit-appearance:none;background:#fff url(../images/common/icon_arrow_01.svg) no-repeat right 10px top 50%;}
select option em { color: #E73656; font-style: normal; } /* 20250411 수정 */

/* blind text */
.blind, .hide {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}

/* tab focus : 웹접근성  */
input[type="text"]:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible, button:focus-visible {outline:2px dashed #66697D !important}
div.focusin:focus-visible {outline:2px dashed #66697D !important}
.header_wrap h1 a:focus-visible, .header_wrap h1 a:focus-visible, .scales button:focus-visible {outline:2px dashed #66697D !important}
nav a:focus-visible, nav button:focus-visible {outline:2px dashed #fff !important}
nav ul.depth_2 a:focus-visible {outline:2px dashed #66697D !important}

/* 모바일에서만 노출 */
.m_only {display:none !important;}
.tb_only {display:none !important;} /* 20250422 수정 */

/* text color */
.f_blue {color:#3360ff !important;}

/* text align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

/* word break */
.breakword {word-wrap:break-word;}

/* descript */
.descript {margin-top:10px;font-size:14px;line-height:22px;font-weight:400;}

/* title */

/* pagenation */
.pagination{margin-top:20px;height:25px;text-align:center;}
.pagination > a{display:inline-block;width:31px;height:25px;line-height:25px;margin:0 2px;vertical-align:top;}
.pagination span{font-family:"Roboto", sans-serif;line-height: 25px;}
.pagination > a.on, .pagination > a:hover{color:#377fd5;font-weight: 600;}
.pagination .page{background-image:url('../images/contents/bg_pageination.png');background-repeat:no-repeat;}
.pagination .first{background-position:0 0; width:20px;}
.pagination .pre{background-position: 0 -25px; width:20px;}
.pagination .next{background-position:-6px -50px; width:22px;}
.pagination .end{background-position:-7px -75px; width:18px;}

/* 20250502 수정: 건수 표시 추가 */
.title_wrap {margin-top:80px;}
.title_wrap_wb {margin:80px auto 20px; vertical-align: middle;display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;}
.title_wrap_wb h4 {font-size:28px;line-height:32px;font-weight:700;text-align:center;justify-self: center;}
.title_wrap_wb span.desc_dig { font-size: 18px;line-height:26px; margin-top: 2px;justify-self: start; color: #555;} 
.title_wrap_wb span.desc_dig em {font-weight: 600; color: #E73656;} 
.title_wrap_wb a {font-size: 18px;line-height: 32px; color: #2d2d2d; font-weight:400;justify-self: end;display: inline-flex; align-items: center;}
.title_wrap_wb a img {margin-left: 4px; transition: margin 0.3s; width: 32px; height: 32px;transform: rotate(-90deg);vertical-align: middle;}
.title_wrap_wb a:hover img {margin-left: 8px;}

.title_wrap + * {margin-top:30px}
.title_wrap + * {margin-top:20px !important}
.contents > .title_wrap:first-child + * {margin-top:48px !important;}
.contents > .title_wrap:first-child + .detail_wrap {margin-top:35px !important;}
.contents > .title_wrap:first-child {margin-top:0;text-align:center;}
.contents > .btnwrap:first-child + .title_wrap {margin:90px 0 50px;text-align:center;}
.title_wrap h2 {font-size:32px;line-height:42px;font-weight:700;}
.title_wrap p {font-size:16px;line-height:26px;font-weight:400;color:#66697d;} /* 20250429 수정 : 시군구 추가 */
.title_wrap p.desc_refr {display:block;margin-top:10px;text-align:center;font-size:14px;line-height:22px;font-weight:400;} /* 출처 */
.title_wrap p.desc_dist {display:block;text-align:left;font-size:24px;line-height:26px;font-weight:600; color: #555;} /* 20250429 수정 : 시군구 추가 */
.title_wrap p.desc_dig { font-size: 19px;line-height:26px; margin-top: 2px;} /* 20250429 수정 : 시군구 추가 */
.title_wrap .dist_wrap {width: 100%; display: flex; justify-content: center; gap: 16px;margin-top:16px;} /* 20250429 수정 : 시군구 추가 */
.title_wrap .dist_wrap em {font-weight: 600; color: #E73656;} /* 20250429 수정 : 시군구 추가 */

.title_wrap h3.h4type {font-size:36px;line-height:38px;font-weight:700;text-align:center;}  /* 20250415 수정 */
.title_wrap h4 {font-size:28px;line-height:30px;font-weight:700;text-align:center;}  /* 20250415 수정 */
.title_wrap.tal h3 {text-align:left !important;}
.title_wrap h2 + button {display:block;margin-top:25px;}
/* openAPI */
.openapi .title_wrap {margin-top:55px;}
.title_wrap.type2 h3 {font-size:40px;line-height:64px;}
.title_wrap.type2 p {margin-top:20px;text-align:center;color:#333752;}
/* main */
/* .title_wrap.cityname {margin-top:60px;padding-top:60px;border-top:2px solid #CCCDD4;} */
.main .title_wrap h2 {display:inline-block;min-height:50px;}
.main .title_wrap h2 + button {display:block;margin:16px auto 0;}
.main .title_wrap h2 span {display:inline-block;vertical-align:middle;}
.main .title_wrap h2:after {content:"";display:inline-block;height:50px;margin-left:20px;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;}
.main .title_wrap.b_11 h2:after {width:130px;background-image:url(../images/contents/img_slg_11.svg);}
.main .title_wrap.b_26 h2:after {width:76px;background-image:url(../images/contents/img_slg_26.svg);}
.main .title_wrap.b_27 h2:after {width:200px;height:30px;background-image:url(../images/contents/img_slg_27.svg);}
.main .title_wrap.b_28 h2:after {width:323px;background-image:url(../images/contents/img_slg_28.svg);}
.main .title_wrap.b_29 h2:after {width:326px;background-image:url(../images/contents/img_slg_29.svg);}
.main .title_wrap.b_30 h2:after {width:212px;background-image:url(../images/contents/img_slg_30.svg);}
.main .title_wrap.b_31 h2:after {width:157px;background-image:url(../images/contents/img_slg_31.svg);}
.main .title_wrap.b_36 h2:after {width:161px;height:30px;background-image:url(../images/contents/img_slg_36.svg);}
.main .title_wrap.b_41 h2:after {width:291px;background-image:url(../images/contents/img_slg_41.svg);}
.main .title_wrap.b_42 h2:after {width:357px;height:30px;background-image:url(../images/contents/img_slg_42.svg);}
.main .title_wrap.b_43 h2:after {width:111px;background-image:url(../images/contents/img_slg_43.svg);}
.main .title_wrap.b_44 h2:after {width:313px;background-image:url(../images/contents/img_slg_44.svg);}
.main .title_wrap.b_45 h2:after {width:232px;background-image:url(../images/contents/img_slg_45.svg);}
.main .title_wrap.b_46 h2:after {width:194px;background-image:url(../images/contents/img_slg_46.svg);}
.main .title_wrap.b_47 h2:after {width:248px;background-image:url(../images/contents/img_slg_47.svg);}
.main .title_wrap.b_48 h2:after {width:73px;background-image:url(../images/contents/img_slg_48.svg);}
.main .title_wrap.b_50 h2:after {width:131px;background-image:url(../images/contents/img_slg_50.svg);}
.main .title_wrap.b_51 h2:after {width:357px;height:30px;background-image:url(../images/contents/img_slg_51.svg);}
.main .title_wrap.b_52 h2:after {width:159px;background-image:url(../images/contents/img_slg_52.svg);}
.appoint + .title_wrap {margin-top:52px}

/* grid wrap */
.gridwrap {display:grid;grid-gap:10px}
.gridwrap.fr2-1 {grid-template-columns:2fr 1fr;}
.gridwrap.fr1-1 {grid-template-columns:1fr 1fr;}
.gridwrap.fr1-1 button {width:100%;min-width:auto;}
.flexwrap {display:flex;/*flex-wrap:wrap;flex-direction:row;*/justify-content:space-between;align-items:center;column-gap:10px}
  
/* no image */
.noimg {background:#F2F3F4}
.noimg:before {content:"이미지가 없습니다";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:16px;line-height:26px;font-weight:700;text-align:center;color:#66697D;/*background:url(../images/common/img_noimg.svg) no-repeat center center;*/}

/* 레이어 팝업 */
.lypop {z-index:99998 !important;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);-webkit-transition:all .3s ease;transition:all .3s ease;}
.lypop_wrap {z-index:99999 !important;overflow:hidden;position:absolute;top:56%;left:50%;width:400px;margin:0 auto;transform:translate(-50%, -50%);border-radius:10px;background:#fff;box-shadow:0 3px 20px 3px rgb(56, 56, 56, 0.15);} /* 20250416 수정 */
.lypop_title {position:relative;border-radius:10px 10px 0 0;background:#fff;}
.lypop_title h3 {display:block;padding:34px 30px 12px;text-align:center;font-size:20px;color:#333752;font-weight:700;}
.lypop_content {position:relative;padding:30px;border-radius:0 0 10px 10px;background:#fff;}
.lypop_title + .lypop_content {padding-top:0;}
.lypop_content > p {display:block;margin:30px 0 10px;text-align:center;font-size:14px;font-weight:700;line-height:22px;color:#66697D}
.lypop_content > p:first-child {margin-top:0;}
.lypop_content h4 {display:block;margin:18px 0 10px;font-size:14px;font-weight:400;line-height:22px;}
/* alert, confirm type */
.lypop_wrap.type_01 p strong {display:block;margin:30px 0 10px;font-size:16px;line-height:26px;font-weight:700;text-align:center;color:#333752}
.lypop_wrap .slt_wrap {margin:20px 0 50px;}
.lypop_wrap h4 + .slt_wrap {margin:10px 0 20px;}
.lypop_wrap .slt_wrap select {width:100%;height:50px;font-size:14px;font-weight:400;border-color:#CCCDD4;}
.lypop_wrap .slt_wrap.col2, .lypop_wrap .slt_wrap.col3_btn2 {display:flex;justify-content:space-between;align-items:center;}
.lypop_wrap .slt_wrap.col2 select {width:calc(50% - 4px);}
.lypop_wrap .slt_wrap.col3_btn2 button {margin-left:6px;}
.lypop_wrap .slt_wrap.col3_btn2 button:first-child {margin-left:0;}
.lypop_wrap .slt_wrap.col3_btn2 select {width:42%;}
/* layer popup button */
.lypop_content .btn_wrap {text-align:center;margin-top:42px;} /* 20250429 수정: 팝업 height */
.lypop_content .btn_wrap .btn_type1 {width:100%;min-width:auto;}
.lypop_content .btn_wrap .btn_type2 {width:100%;min-width:auto;}
.lypop_content .btn_wrap.col8-2 button:nth-child(1) {width:70%;}
.lypop_content .btn_wrap.col8-2 button:nth-child(2) {width:calc(30% - 10px);margin-left:6px;}
.lypop_content .btn_wrap.col5-5 button:nth-child(1) {width:50%;}
.lypop_content .btn_wrap.col5-5 button:nth-child(2) {width:calc(50% - 10px);margin-left:6px;}

.infotype01 .lypop_wrap {margin:0 auto;transform:translate(-50%, -50%);}
.infotype01 .lypop_wrap h4, .infotype02 .lypop_wrap h4 {margin:5px 0 20px;text-align:center;font-size:18px;line-height:28px;font-weight:700;}

.infotype01 .lypop_wrap .view_detail {z-index:9;overflow-y:auto;width:100%;max-height:280px;margin:0;padding-right:8px;text-align:left;}
.infotype01 .lypop_wrap .view_detail p {width:100%;font-size:16px;line-height:25px;font-weight:400;color:#333752;word-break:break-all;}

.infotype01 .lypop_wrap .info_list {z-index:9;overflow-y:auto;width:100%;max-height:280px;margin:0;padding-right:8px;text-align:left;}
.info_list li {position:relative;display:block;margin-top:10px;padding:0 0 0 12px;text-align:left;font-size:16px;line-height:22px;font-weight:400;color:#66697D;}
.info_list li:before {content:"";position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:3px;background:#666}

.infotype02 .lypop_wrap {top:50%;max-width: 930px;}
.infotype02 .tbwrap.tbltype03 {max-height:500px;} /* 20250429 수정: 팝업 height */

/* button wrap */
.btnwrap, .funcwrap {margin-top:50px;text-align:center;}
.btnwrap a, .btnwrap button {position:relative;}
.btnwrap.topside, .funcwrap.topside {margin:0 auto;text-align:right;}
.funcwrap.topside * {vertical-align:middle;}
.btnwrap.topside + *, .funcwrap.topside + * {margin-top:15px;}
.contents > .btnwrap:first-child {margin:0;text-align:left;}
.funcwrap + .list_wrap {margin-top:20px !important;}

/* button */
.btn_viewmore {padding:10px 70px 10px 20px;font-size:16px;line-height:26px;font-weight:600;color:#66697d;border:1px solid #999ba9;border-radius:8px;}
.btn_viewmore:after {content:"";position:absolute;top:10px;right:10px;width:24px;height:24px;background:url(../images/common/icon_more_01.svg) no-repeat center center;}
.btn_utube {padding:5px 10px 5px 38px;font-size:16px;line-height:26px;font-weight:600;}
.btn_utube:before {content:"";position:absolute;top:0;left:0;width:32px;height:32px;background:url(../images/common/icon_utube.svg) no-repeat center center;}
.btn_map_01 {padding:5px 0 5px 22px;font-size:14px;line-height:22px;font-weight:700;color:#66697d}
.btn_map_01:before {content:"";position:absolute;top:8px;left:0;width:16px;height:16px;background:url(../images/common/icon_map_01.svg) no-repeat center center;background-size:16px 16px;filter:invert(100%) brightness(0%) contrast(200%)}
.btn_map_02 {padding:11px 20px 11px 40px;font-size:14px;line-height:16px;font-weight:700;color:#66697d;border:1px solid #999ba9;border-radius:20px;}
.btn_map_02:before {content:"";position:absolute;top:12px;left:17px;width:16px;height:16px;background:url(../images/common/icon_map_01.svg) no-repeat center center;background-size:16px 16px;filter:invert(100%) brightness(0%) contrast(200%);}
.btn_type1 {min-width:115px;height:50px;padding:0 20px;font-size:16px;font-weight:700;color:#fff;border-radius:8px;background:#333752;}
.btn_type2 {min-width:115px;height:50px;padding:0 20px;font-size:16px;font-weight:700;color:#333752;border-radius:8px;border:1px solid #333752;background:#fff}
.btn_type3 {min-width:96px;height:40px;padding:0 20px;font-size:16px;font-weight:700;color:#fff;border-radius:8px;background:#66697D}
.btn_type4 {min-width:166px;height:50px;padding:0 20px;font-size:16px;font-weight:700;color:#333752;border-radius:8px;background:#CCCDD4}
.btn_type5 {display:block;min-width:140px;height:40px;margin-top:8px;padding:0 20px;font-size:16px;font-weight:700;color:#66697D;border-radius:8px;border:1px solid #66697D;background:#fff}
.golink {padding-right:50px;}
.golink:before {content:"";position:absolute;top:12px;right:16px;width:24px;height:24px;background:url(../images/common/icon_golink.svg) no-repeat center center;}
/* 성별 선택 버튼 */
.slt_gender input[type="radio"] {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
.slt_gender label {display:block;position:relative;appearance:none;min-width:90px;height:42px;padding:0 38px 0 20px;font-size:14px;line-height:40px;font-weight:400;color:#66697D;border-radius:20px;border:1px solid #CCCDD4;background:#fff}
.slt_gender label, span {vertical-align:middle;}
.slt_gender label:after {content:"";position:absolute;top:13px;right:20px;width:16px;height:16px;background:url(../images/common/icon_gender_01.svg) no-repeat center center;}
.slt_gender label.btn_gender02:after {background:url(../images/common/icon_gender_02.svg) no-repeat center center;}
.slt_gender label:hover, .slt_gender input:checked + label {color:#fff;border:1px solid #66697D;background:#66697D;}
.slt_gender label:hover:after, .slt_gender input:checked + label:after {filter:invert(100%) sepia(100%) saturate(31%) hue-rotate(224deg) brightness(150%) contrast(111%)}
.slt_gender input[type="radio"]:focus-visible + label {outline:2px dashed #66697D !important}
/* vr 보기 버튼 */
.viewvr {position:relative;min-width:122px;height:40px;padding:0 30px 0 0;font-size:16px;font-weight:700;color:#fff;border-radius:8px;background:#66697D}
.viewvr:before {content:"";position:absolute;top:50%;transform:translateY(-50%);right:20px;width:24px;height:24px;background:url(../images/contents/icon_vr_02.svg) no-repeat center center;}
.viewmore {position:relative;min-width:122px;height:40px;padding:0 30px 0 0;font-size:16px;font-weight:700;color:#fff;border-radius:8px;background:#66697D}
.viewmore:before {content:"";position:absolute;top:50%;transform:translateY(-50%);right:20px;width:24px;height:24px;background:url(../images/common/icon_link_02.svg) no-repeat center center;}
/* 이전화면으로 돌아가기 버튼 */
button.pageback {position:relative;padding:0 0 0 40px;font-size:16px;line-height:32px;font-weight:700;color:#333752;}
button.pageback:before {content:"";position:absolute;top:0;left:0;transform:rotate(90deg);width:32px;height:32px;background:url(../images/common/icon_arrow_03.svg) no-repeat center center;background-size:32px 32px;}


/* table */
.tbwrap {margin-top:10px;border-top:2px solid #66697d;}
.tbwrap table {width:100%;table-layout:fixed;}
.tbwrap table th, .tbwrap table td {height:52px;padding:5px 15px;text-align:center;font-size:16px;line-height:26px;font-weight:400;border-bottom:1px solid #CCCDD4;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;}
.tbwrap table thead th {font-weight:700;border-color:#66697d}
.tbwrap table th a:hover, .tbwrap table td a:hover {color:#4169E1;} /* 20250410 수정 */
.detailtbl table th, .detailtbl table td {white-space:wrap;}
/* 오픈 API 상세 : tbltype01 파생*/
.tbwrap.tbltype04 {border-top:none;}
.tbwrap.tbltype04 > table > tbody > tr > th, .tbwrap.tbltype04 > table > tbody > tr > td {height:auto;padding:20px 0 50px;text-align:left;vertical-align:top;border-bottom:none;white-space:wrap;}
.tbwrap.tbltype04 > table > tbody > tr > th {font-weight:700;color:#66697D;}
.tbwrap.tbltype04 > table > tbody > tr > th {padding:0 50px 50px 0;}
.tbwrap.tbltype04 > table > tbody > tr > th span {display:block;height:100%;padding:20px 0 0 0;border-top:1px solid #CCCDD4;}
.tbwrap.tbltype04 > table > tbody > tr > td {position:relative;}
.tbwrap.tbltype04 > table > tbody > tr > td:before {content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#CCCDD4;}
.tbwrap.tbltype04 > table > tbody > tr:nth-child(1) > th span {border-width:2px;}
.tbwrap.tbltype04 > table > tbody > tr:nth-child(1) > td:before {height:2px;}
.tbwrap.tbltype04 p {margin-top:10px;font-size:14px;line-height:22px;font-weight:400;}
.tbwrap.tbltype04 .tbwrap {margin-top:0;}
xmp {padding:0 20px;font-size:12px;line-height:19px;font-weight:400;background:#F2F3F4;}
xmp.type_wh {padding:0 20px;font-size:16px;line-height:26px;font-weight:400;color:#333752;background:#fff;}
.errorcode div {margin:0 0 5px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;}
.errorcode span {display:block;width:40px;font-size:16px;line-height:26px;}
.errorcode xmp {display:block;width:calc(100% - 40px);white-space:wrap;word-break:break-all;}


.detail_list ul li {display:flex;flex-wrap:wrap;flex-direction:row;column-gap:40px}
.detail_list ul li > div {height:auto;padding:20px 0 50px;text-align:left;vertical-align:top;font-size:16px;line-height:26px;font-weight:400;border-bottom:none;white-space:wrap;border-top:1px solid #CCCDD4;}
.detail_list ul li:nth-child(1) div {border-top:2px solid #CCCDD4;}
.detail_list ul li > div.head {width:115px;font-size:16px;line-height:26px;font-weight:700;color:#66697D;}
.detail_list ul li > div.conts {width:calc(100% - 155px);}
.detail_list ul li > div strong {font-size:16px;line-height:26px;font-weight:700;}
.detail_list ul li > div p {margin-top:10px;font-size:14px;line-height:22px;font-weight:400;}
.detail_list ul li > div .tbwrap {margin-top:0;}


/* 저작권정책, 검색결과수집정책 */
.tbwrap.tbltype02 {margin-top:50px;border-top:1px solid #66697d;}
.tbwrap.tbltype02 table th, .tbwrap.tbltype02 table td {padding:18px 25px;text-align:left;overflow:initial;white-space:wrap;}
/* 통계자료 출처 */
.tbwrap.tbltype03 {margin-top:10px;border-top:0;}
.tbwrap.tbltype03 table {border-top:1px solid #CCCDD4;border-bottom:1px solid #CCCDD4;}
.tbwrap.tbltype03 table th, .tbwrap.tbltype03 table td {padding:6px;color:#66697d;}
.tbwrap.tbltype03 table th {height:52px;font-size:14px;font-weight:700;border-top:none;border-bottom:1px solid #CCCDD4;}
.tbwrap.tbltype03 table td {height:auto;font-size:14px;font-weight:400;border:none;}
.tbwrap.tbltype03 table th:nth-child(1), .tbwrap.tbltype03 table td:nth-child(1) {padding-left:15px;text-align:left;}
.tbwrap.tbltype03 table tr:nth-child(1) th, .tbwrap.tbltype03 table tr:nth-child(1) td {padding-top:15px;}
.tbwrap.tbltype03 table tr:last-child th, .tbwrap.tbltype03 table tr:last-child td {padding-bottom:15px;}
 
.text_wrap {margin-top:50px;}
.text_wrap p {margin-bottom:30px;font-size:16px;line-height:25px;font-weight:400;}
.boxtype01 {padding:40px 40px 20px;font-size:16px;line-height:26px;font-weight:700;color:#3360FF;border-radius:10px;background:#F2F5FF}
.boxtype02 {margin-top:50px;padding:40px;border-radius:10px;border:1px solid #CCCDD4;}

.cprlist {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:80px;}
.cprlist li:before {content:"";display:block;height:111px;background-repeat:no-repeat;background-position:center center;}
.cprlist li:nth-child(1):before {width:127px;background-image:url(../images/contents/img_cpr_01.svg);}
.cprlist li:nth-child(2):before {width:155px;background-image:url(../images/contents/img_cpr_02.svg);}
.cprlist li:nth-child(3):before {width:156px;background-image:url(../images/contents/img_cpr_03.svg);}
.cprlist li:nth-child(4):before {width:187px;background-image:url(../images/contents/img_cpr_04.svg);}



/* 지역문화정보 */
/* swiper : 공통 */
.swiper-button-next, .swiper-button-prev {z-index:3;position:absolute;top:55%;transform:translateY(-50%);display:block;width:40px;height:40px;font-size:0;overflow:hidden;text-indent:-5000px;}
.swiper-button-next:before, .swiper-button-prev:before {z-index:2;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:38px;height:38px;border:1px solid #999BA9;border-radius:20px;background:#fff url(../images/common/icon_arrow_02.svg) no-repeat center center;}
.swiper-button-prev {overflow:visible;left:2px;transform:rotate(180deg);}
.swiper-button-next {overflow:visible;right:2px;}
.swiper-button-next, .swiper-button-prev {transform:none;}
.swiper-button-prev {transform:rotate(180deg);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,
div.swiper-button-next[aria-disabled="true"], div.swiper-button-prev[aria-disabled="true"] {display:none;}
.swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
/* swiper button focus */
.swiper-button-next:focus-visible, .swiper-button-prev:focus-visible {border-radius:20px;outline:2px dashed #66697D !important}

/* 메인도시 */
.main_city {width:100%;height:100%;}
.main_city img {display:block;border-radius:20px} /* 20250415 수정 */
.main_city .swiper-slide span {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:10px;opacity:0.5;background:#000;}
.main_city .swiper-slide em {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);font-size:16px;line-height:25px;font-weight:300;color:#fff;}
.main_city .swiper-slide em:before {content:"";display:block;width:100%;height:1px;margin:0 0 20px;background:#D9D9D9;}
.main_city .swiper-slide span, .main_city .swiper-slide em {display:none;}
.main_city .swiper-slide.active span, .main_city .swiper-slide.active em {display:block;}
.swiperwrap.main_visual {overflow:hidden;position:relative;max-width:1440px;padding:0 70px;margin:0 auto;}  /* 20250415 수정 */
.swiperwrap .main_city .swiper-button-next, .swiperwrap .main_city .swiper-button-prev {top:50%;}
/* 메인 통계데이터 */
.maindata {margin-top:60px;margin-bottom:10px;
	display:grid;
	grid-template-areas:
		"data_1 data_1"
		"data_2 data_3";
	grid-template-columns:1fr 360px;
	grid-template-rows:max-content 1fr;   /* 20250410 수정 */
}
/* 데이터 주요 항목 20250410 수정 */
.maindata .data_topic {grid-area:data_1;height: auto; border-radius: 20px; background: #F8F8F8; padding: 24px 10px; margin-bottom:24px;}  /* 20250415 수정 */
.data_topic ul {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:stretch;column-gap:4%;}
.data_topic ul li {color:#333752;width: 30%; position: relative; padding: 0 32px;}
.data_topic ul li .tit-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.data_topic ul li em {display:block;font-size:16px;font-weight:700;}
.data_topic ul li em * {display:inline-block;vertical-align:middle;}
.data_topic ul li em span {display:inline-block;word-break:break-all;}
.data_topic ul li em var {display:inline-block;font-size:12px;font-weight:500;color:#66697d;}
.data_topic li + li::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%;background-color: #D8D8D8;}
.data_topic ul li > span {display:inline-block;margin-top:12px;font-size:16px;font-weight:700;}
.data_topic ul li > span:before {content:"";display:inline-block;width:48px;height:48px;margin:3px 10px -9px 0;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.data_topic ul li:nth-child(1) > span:before {background-image:url(../images/contents/icon_sub_1_01.svg);}
.data_topic ul li:nth-child(2) > span:before {background-image:url(../images/contents/icon_sub_1_03.svg);}
.data_topic ul li:nth-child(3) > span:before {background-image:url(../images/contents/icon_sub_1_04.svg);}
.data_topic ul li > span var {display:inline-block;margin-right:2px;font-size:40px;}
.data_topic > ul > li > button {position:absolute; right:0; top: 50%; transform: translateY(-50%); }
.data_topic > ul > li > button {display: inline-flex; border:1px solid #717171; transition: all 0.3s; align-items: center; justify-content: center; height: 34px;background-color: #fff;border-radius: 20px; font-size: 16px; color: #2D2D2D; padding: 0 12px; margin-right: 14px;}
.data_topic > ul > li > button::after {content:''; transition: all 0.3s; background-image: url(../images/contents/btn_arrow_right.svg); width:16px; height: 16px; background-size: 100%; margin-left:6px;}
.data_topic > ul > li > button:hover {color:#fff; border:1px solid #323845; background-color: #323845;}
.data_topic > ul > li > button:hover::after {filter: invert(100%);}
.data_topic > ul > li > button.active {display: inline-flex; color:#fff; border:1px solid #323845; align-items: center; justify-content: center; height: 34px; background-color: #323845; background-size: 100%; margin-left:6px;}
.data_topic > ul > li > button.active::after {content:''; transition: all 0.3s; background-image: url(../images/contents/btn_arrow_down.svg); width:16px; height: 16px; background-size: 100%; margin-left:6px;}
.data_topic > ul > li > button.active::after {filter: invert(100%);}
.data_topic .tabcontent { display: none; width:100%; padding: 6px 12px; border-top: 1px solid #D8D8D8; margin-top: 40px; height: auto;}
.data_topic .tabcontent_title { display: block; font-size: 28px; color: #1d1d1d; font-weight: 700; text-align: center; padding-top: 40px; margin: 0 0 40px;}
.data_topic .tabcontent .culture_item { display: inline-flex; vertical-align: middle; width: 100%;flex-wrap: wrap;justify-content: space-between;}
.data_topic .tabcontent .culture_item .contents_note {display: inline-flex; align-items: center;  justify-content: center;}
.data_topic .tabcontent table {background-color: #fff;}
.data_topic .tabcontent .culture_item em {color:#E63555;}
.data_topic .tabcontent .culture_city {}
.data_topic .tabcontent .culture_city .culture_city_list {border-top: 2px solid #66697d;}
.data_topic .tabcontent .culture_city .culture_city_list ul { display: block;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li {display: flex; gap: 0 60px; align-items: center; padding:30px; width:100%; background-color: #fff;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li div.thum {width: 300px; overflow: hidden; height:180px; border-radius:20px; background-color: #f8f8f8; border:1px solid #e4e4e4; display: flex; align-items: center; justify-content: center;} /* 20250415 수정 */
.data_topic .tabcontent .culture_city .culture_city_list > ul > li div.thum img {width:100%;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont {width:calc(100% - 300px)}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_title .label_stage {display: inline-flex; border-radius:50%; width: 26px; height: 26px; align-items: center; justify-content: center; background-color: #323845; color: #fff; font-size:15px; margin-right:10px;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .region_label {display: inline-flex; margin-right:10px; align-items: center; justify-content: center; height:30px; border:1px solid #c6c6c6; border-radius:30px; padding:0 10px; font-size:16px; color:#555;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_title {font-size:24px; margin:8px 0; display:flex; align-items: center; font-weight:700; color:#1d1d1d;}

.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_vision {display: flex; margin-top:20px; align-items: center;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_title em {font-size:24px; color:#1d1d1d; font-weight:700;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_vision em {font-size:20px; color:#1d1d1d; font-weight:700;}
.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont > p {font-size:18px; color:#1d1d1d; margin:8px 0 16px 0; line-height: 1.5;}

.data_topic .tabcontent .culture_city .culture_city_list ul li .list_cont a {margin-top:10px; transition: all 0.3s; color:#717171; font-size:16px; display: inline-flex;}
.data_topic .tabcontent .culture_city .culture_city_list ul li .list_cont a::before {content:''; background-image: url(../images/contents/link.svg); margin-top:2px; margin-right: 6px; width:16px; height:16px; display: inline-block;}
.data_topic .tabcontent .culture_city .culture_city_list ul li .list_cont a:hover {color: #4169E1;}
.data_topic .tabcontent .tbwrap.tbltype05 table tbody td {word-wrap: break-word;word-break: break-all; white-space: normal}
.data_topic .tabcontent .tbwrap.tbltype05 table tbody td:last-child { word-wrap: break-word;word-break: break-all; white-space: normal;}
.tooltip { position: relative; display: inline-block; font-size: 0; line-height: 0; text-indent: -9999em; margin-left:4px; font-weight: normal;}   /* 20250411 수정 */
.tooltip .icon { cursor: pointer;}
.tooltip .icon img { width: 24px;}
.tooltip .tooltip-box.tooltip-map { min-width: 280px;}
.tooltip .tooltip-box { display: none; position: absolute; top: 39px; left: 50%; min-width: 240px; padding: 16px 40px 16px 16px; color: #1d1d1d; font-size: 15px; line-height: 1.5; border: 1px solid #C6C6C6; background-color: #fff; text-align: left; -webkit-transform: translateX(-50%); transform: translateX(-50%);border-radius: .6rem;}
.tooltip .tooltip-box::before { content: ''; position: absolute; top: -12px; left: 50%; display: block; width: 0; height: 0; border-bottom: 12px solid #C6C6C6; border-left: 12px solid transparent; border-right: 12px solid transparent; -webkit-transform: translateX(-50%);   transform: translateX(-50%);}
.tooltip .tooltip-box::after { content: ''; position: absolute; top: -11px; left: 50%; display: block; width: 0; height: 0; border-bottom: 12px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; -webkit-transform: translateX(-50%);         transform: translateX(-50%);}
.tooltip .tooltip-box .tooltip-close {position: absolute;top: 18px;right: 12px; width: 16px; height: 16px; background: url("../images/contents/icon_tooltip_close.svg") no-repeat center center; background-size: cover; font-size: 0; line-height: 0; text-indent: -9999em;}
.tooltip .tooltip-box.right { left: auto; right: -13px; -webkit-transform: translateX(0); transform: translateX(0);}
.tooltip .tooltip-box.right::before, .tooltip .tooltip-box.right::after { left: auto;right: 0;}
.tooltip.active { z-index: 40;}
.tooltip.active .tooltip-box { display: block;}

.maindata .description {margin-top:20px !important;font-size:16px;line-height:26px;font-weight:700;}
.maindata .description strong {color:#eb5540;}


/* 데이터 서브 항목 20250410 수정 */ 
.data_topic.sublist {width:90%;margin:18px auto;padding:30px 0;border:1px solid #cccdd4;border-radius:20px;}
.data_topic.sublist ul {column-gap:5%;}
.data_topic.sublist ul li > span var {font-size:1.5em;}
.data_topic.sublist ul li > span:before {width:32px;height:32px;margin:0 10px -7px 0}
.data_topic.sublist ul li:nth-child(1) > span:before {background-image:url(../images/contents/icon_sub_1_05.svg);}
.data_topic.sublist ul li:nth-child(2) > span:before {background-image:url(../images/contents/icon_sub_1_07.svg);}
.data_topic.sublist ul li:nth-child(3) > span:before {background-image:url(../images/contents/icon_sub_1_08.svg);}

/* 데이터 상세 */
.data_detail {grid-area:data_2;padding:42px;border:1px solid #cccdd4;border-radius:20px 0 0 20px;}
.data_detail .title_wrap {margin:30px 0 0;}
.data_detail .title_wrap:nth-child(1) {margin-top:0;}
.data_detail .title_wrap h3 {display:inline-block;margin:5px 15px 5px 0;font-size:16px;line-height:38px;text-align:left;}
.data_detail .title_wrap > *, .data_detail .title_wrap h3 *, .data_detail .title_wrap p * {vertical-align:middle;}
.data_detail .title_wrap h3 span + span {margin-left:10px;}
.data_detail .title_wrap h3 em {display:inline-block;margin-left:10px;font-size:24px;line-height:38px;font-weight:700;}
.data_detail .title_wrap h3 em + span {display:inline-block;margin:2px 0 -2px 3px;}
.data_detail .title_wrap p {position:relative;display:inline-block;margin:5px 0;padding:0 0 0 36px;color:#333752;}
.data_detail .title_wrap p:before {content:"";position:absolute;top:-2px;left:0;width:32px;height:32px;margin:0;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-image:url(../images/common/icon_arrow_05.svg);background-size:100% 100%;}
.data_detail .title_wrap p.increase:before {transform:rotate(-180deg);}
.data_detail .title_wrap p span {display:inline-block;}
/* 연령 별 바 그래프 */
.bargraph {width:101%;height:35px;margin:15px auto 0 !important;text-align:center}
.bargraph > p {position:relative;display:inline-block;height:16px;padding:0;float:left;text-align:center;background-repeat:repeat-x;background-position:0 0;background-size:16px 16px;}
.bargraph > p:nth-child(1) {background-image:url(../images/contents/img_ptrn_01.svg);background-color:#f79779;border-radius:10px 0 0 10px}
.bargraph > p:nth-child(2) {background-image:url(../images/contents/img_ptrn_02.svg);background-color:#fdc689;}
.bargraph > p:nth-child(3) {background-image:url(../images/contents/img_ptrn_03.svg);background-color:#c4df9b;}
.bargraph > p:nth-child(4) {background-image:url(../images/contents/img_ptrn_04.svg);background-color:#7acdc8;}
.bargraph > p:nth-child(5) {background-image:url(../images/contents/img_ptrn_05.svg);background-color:#7da7d9;}
.bargraph > p:nth-child(6) {background-image:url(../images/contents/img_ptrn_06.svg);background-color:#F49AC2;}
.bargraph > p:nth-child(7) {background-image:url(../images/contents/img_ptrn_07.svg);background-color:#a186be;}
.bargraph > p:nth-child(8) {background-image:url(../images/contents/img_ptrn_08.svg);background-color:#f6989d;border-radius:0 10px 10px 0}
.bargraph > p var {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
.bargraph > p em {overflow:hidden;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);display:block;height:14px;margin:0 auto;text-align:center;font-size:11px;color:#66697D;white-space:pre;}
.bargraph > p:nth-child(7) em {width:30px;}
.infolist {overflow:hidden;margin:17px 0 35px;text-align:left;}
.infolist ul {display:flex;flex-wrap:wrap;flex-direction:row;column-gap:30px;}
.infolist li {margin-top:15px;color:#333752;}
.infolist li:first-child {padding:0;}
.infolist li > span {display:block;font-size:14px;font-weight:700;}
.infolist li > span em {display:block;margin:0 0 5px 12px;}
.infolist li > span var {position:relative;display:inline-block;padding-left:12px;font-size:20px;line-height:24px;}
.infolist li > span var:before {content:":";position:absolute;top:2px;left:5px;width:5px;height:14px;font-size:14px;font-weight:700;}

/* 지수 목록 */
.index_list {grid-area:data_3;display:inline-block;margin-left:-1px;padding:45px;text-align:left;border:1px solid #cccdd4;border-radius:0 20px 20px 0;}
.index_list h3 {margin-bottom:8px;font-size:16px;line-height:38px;text-align:left;}
.index_list ul li {margin-top:12px;padding-top:20px;border-top:1px solid #D9D9D9;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;}
.index_list ul li:nth-child(1) {margin-top:0;}
.index_list ul li > p {display:inline-block;font-size:14px;line-height:22px;}
.index_list ul li > p em {display:inline-block;font-weight:700;}
.index_list ul li > p span {display:block;}
.index_list ul li > var {padding:0;font-size:32px;line-height:52px;color:#4169E1;font-weight:700;} /* 20250415 수정 */
.index_list ul li > var:before {display:none;}

.appoint {margin-top:18px;text-align:center;font-size:16px;line-height:20px;font-weight:700;}
.appoint span {display:inline-block;}
.appoint > span {margin-right:8px;}
.appoint strong {display:inline-block;margin:3px 4px;padding:6px 20px;font-size:16px;line-height:26px;font-weight:700;color:#3360ff;border:1px solid #cccdd4;border-radius:50px}
.appoint strong + span {margin-left:8px;}

/* 우리 지역 역사와 문화 */
/* .list_wrap.type4 {max-width:1458px;margin:0;justify-content:center;} */
.list_wrap.type4 > .grid-item {position:relative;overflow:hidden;width:274px;min-height:385px;border:1px solid #ccc;border-radius:20px;background:#fff;} /* 20250415 수정 */
.main .list_wrap.type4 {flex-wrap:wrap;flex-direction:row;justify-content:center;gap:17px 17px;}
.main .list_wrap.type4 > .grid-item {margin:0;}
.list_wrap.type4 > .grid-item > div {min-height:385px;}
.list_wrap.type4 > .grid-item .imgarea {position:relative;display:block;width:100%;height:180px;}
.list_wrap.type4 > .grid-item .imgarea img {width:274px;height:180px;border-radius:20px 20px 0 0;object-fit:cover;} /* 20250415 수정 */
.list_wrap.type4 > .grid-item .infowrap {min-height:149px;padding:20px}
.list_wrap.type4 > .grid-item .infowrap em {display:block;height:57px;font-size:18px;line-height:28px;font-weight:700;color:#000527;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list_wrap.type4 > .grid-item .infowrap em + p {position:relative;margin-top:30px;padding-left:20px;font-size:14px;line-height:22px;font-weight:500;color:#66697D;}
.list_wrap.type4 > .grid-item .infowrap em + p:before {content:"";position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../images/common/icon_map_03.svg) no-repeat center center;}
.list_wrap.type4 > .grid-item .ctgwrap {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;margin-bottom:10px;}
.list_wrap.type4 > .grid-item .ctgwrap strong {font-size:14px;line-height:22px;font-weight:700;color:#E73656;} /* 20250415 수정 */
.list_wrap.type4 > .grid-item .ctgwrap button {position:relative;padding-right:25px;text-align:left;font-size:14px;line-height:22px;font-weight:700;color:#66697D;}
.list_wrap.type4 > .grid-item .ctgwrap button:before {content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:16px;height:16px;background:url(../images/common/icon_vr_01.svg) no-repeat center center;background-size:100% 100%;}
.list_wrap.type4 > .grid-item .tagwrap {overflow:hidden;height:56px;margin-top:20px;}
.list_wrap.type4 > .grid-item .tagwrap span {font-size:12px;line-height:19px;font-weight:400;color:#66697D;}


/* slide layer 공통 */
.list_wrap > .grid-item .view_detail {z-index:9;overflow-y:auto;position:absolute;left:0;width:100%;height:calc(100% - 56px);margin:0;padding:20px;text-align:left;border-radius:10px;background:#fff;}
.list_wrap > .grid-item .view_detail p {display:block;width:100%;font-size:16px;line-height:25px;font-weight:700;color:#333752;word-break:break-all;}
.list_wrap > .grid-item .view_detail p:focus, .list_wrap > .grid-item .view_detail p:focus-within {outline:2px dashed #66697D !important;}

/* grid masonry 공통 */
.mainview .list_wrap {margin:20px -13px 30px 7px !important;}
.mainview .btnwrap {margin-top:30px;}

/* 상세화면 자세히보기 버튼 */
.list_wrap > .grid-item .btnwrap {z-index:10;position:absolute;bottom:0;width:100%;height:56px;margin:0;padding:0 1px;background:#fff;border-radius:0 0 10px 10px;}
.list_wrap > .grid-item .btnwrap.viewinfo button, .list_wrap > .grid-item .btnwrap .viewlayer {position:relative;width:100%;padding:27px 20px;border-top:1px solid #F2F3F4;border-radius:0 0 10px 10px;}
.list_wrap > .grid-item .btnwrap.viewinfo button span, .list_wrap > .grid-item .btnwrap .viewlayer span {position:absolute;top:20px;left:23px;width:80px;height:16px;text-align:left;font-size:14px;line-height:16px;font-weight:700;transition:all ease-out .3s;}
.list_wrap > .grid-item .btnwrap.viewinfo.close, .list_wrap > .grid-item.slideUp .btnwrap.viewinfo.open {display:none;}
.list_wrap > .grid-item .btnwrap.viewinfo.open, .list_wrap > .grid-item.slideUp .btnwrap.viewinfo.close, .list_wrap > .grid-item.slideDown .btnwrap.viewinfo.open {display:block;}
.list_wrap > .grid-item .btnwrap.viewinfo button:after, .list_wrap > .grid-item .btnwrap .viewlayer:after {content:"";position:absolute;top:20px;right:23px;width:16px;height:16px;transform:rotate(-180deg);background:url(../images/common/icon_arrow_03.svg) no-repeat center center;background-size:100% 100%;filter:invert(100%) brightness(0%) contrast(100%);}
.list_wrap > .grid-item.slideUp .btnwrap.viewinfo.close button:after {transform:rotate(0);}
/* slide animation */
@keyframes slideUp {
    from {
        top:330px;
    }
    to {
        top:0;
    }
}
@keyframes slideDown {
    from {
        top:0;
    }
    to {
        top:330px;
        display:none;
    }
}
.list_wrap > .grid-item.slideUp .view_detail {display:block;animation-name:slideUp;animation-duration:.5s;animation-fill-mode:both;}
.list_wrap > .grid-item.slideDown .view_detail {animation-name:slideDown;animation-duration:.5s;animation-fill-mode:both;}
/* scrollbar */
.view_detail::-webkit-scrollbar, .scrollY::-webkit-scrollbar {position:absolute;top:0;right:0;width:4px;}
.view_detail::-webkit-scrollbar-thumb, .scrollY::-webkit-scrollbar-thumb {background:rgba(200, 200, 200, 1);border-radius:5px;}
.view_detail::-webkit-scrollbar-track, .scrollY::-webkit-scrollbar-track {background:rgba(250, 250, 250, 0);}
/* masonry */
.list_wrap.grid > .grid-item > div {overflow:hidden;min-height:auto !important;}
.list_wrap.grid > .grid-item > div.subtype1 {padding-bottom:55px;}
.list_wrap.grid > .grid-item {min-height:auto !important;float:none;}
.list_wrap.grid > .grid-item .infowrap {min-height:auto !important;}
.list_wrap.type4.grid > .grid-item em, .list_wrap.type4.grid > .grid-item .tagwrap, .list_wrap.type4.grid > .grid-item em + span {height:auto !important;min-height:55px;overflow:initial !important;-webkit-line-clamp: initial;-webkit-box-orient: initial;}
.list_wrap.type4 > .grid-item .infowrap em + p {display:block;min-height:25px;}
/* //grid masonry 공통 */

/* 우리 지역 역사와 문화 상세 더보기 버튼 */
.list_wrap button.viewdetail {position:relative;width:calc(100% - 4px);min-height:385px;margin:2px;padding:0 0 40px;text-align:center;font-size:18px;line-height:28px;font-weight:700;color:#333752;border-radius:10px}
.list_wrap button.viewdetail:after {content:"";position:absolute;top:60%;left:50%;margin-left:-16px;width:32px;height:32px;transform:rotate(-90deg);background:url(../images/common/icon_arrow_03.svg) no-repeat center center;background-size:100% 100%;}

/* 농어촌 체험 마을 & masonry */
.list_wrap.type5 {max-width:1458px;margin:0;justify-content:center;}
.list_wrap.type5 > .grid-item {overflow:hidden;width:274px;min-height:294px;margin-bottom:17px;padding:20px;border-radius:10px;border:1px solid #ccc;}
.main .list_wrap.type5 {flex-wrap:wrap;flex-direction:row;justify-content:center;gap:17px 17px;}
.main .list_wrap.type5 > .grid-item {margin:0;}
.list_wrap.type5 > .grid-item > em {height:56px;font-size:18px;line-height:28px;font-weight:700;color:#000527;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list_wrap.type5 > .grid-item em + span {height:44px;margin-top:8px;font-size:14px;line-height:22px;font-weight:700;color:#66697D;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list_wrap.type5 > .grid-item .infowrap {margin-top:17px;padding-top:6px;border-top:1px solid #CCCDD4;}
.list_wrap.type5 > .grid-item p {position:relative;margin-top:8px;padding-left:24px;font-size:14px;line-height:22px;font-weight:400;color:#66697D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_wrap.type5 > .grid-item p a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type5 > .grid-item p:before {content:"";position:absolute;top:3px;left:0;width:16px;height:16px;background-repeat:no-repeat;background-position:center center;}
.list_wrap.type5 > .grid-item p.info_01:before {background-image:url(../images/common/icon_info_01.svg)}
.list_wrap.type5 > .grid-item p.info_02:before {background-image:url(../images/common/icon_info_02.svg)}
.list_wrap.type5 > .grid-item p.info_03:before {background-image:url(../images/common/icon_info_03.svg)}
.list_wrap.type5 > .grid-item p.info_04:before {background-image:url(../images/common/icon_info_04.svg)}
/* 농어촌 체험 마을 상세 더보기 버튼 */
.list_wrap.type5 button.viewdetail {min-height:248px;}
.list_wrap.type5 button.viewdetail:after {top:65%;}
/* 농어촌 체험 마을 검색결과 */
.list_wrap.type5_1 {margin:0 auto;border-top:1px solid #66697D;}
.list_wrap.type5_1 > div:not(.btnwrap) {padding:20px 0;border-bottom:1px solid #CCCDD4;}
.list_wrap.type5_1 > div > em {margin-right:10px;font-size:18px;line-height:28px;font-weight:700;color:#000527;}
.list_wrap.type5_1 > div em + span {display:inline-block;font-size:14px;line-height:22px;font-weight:700;color:#66697D;}
.list_wrap.type5_1 > div .infowrap {margin-top:18px;padding-top:18px;border-top:1px dashed #CCCDD4;}
.list_wrap.type5_1 > div p {position:relative;display:inline-block;margin-right:30px;padding-left:24px;font-size:14px;line-height:22px;font-weight:400;color:#66697D;}
.list_wrap.type5_1 > div p a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type5_1 > div p:before {content:"";position:absolute;top:3px;left:0;width:16px;height:16px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.list_wrap.type5_1 > div p.info_01:before {background-image:url(../images/common/icon_info_01.svg)}
.list_wrap.type5_1 > div p.info_02:before {background-image:url(../images/common/icon_info_02.svg)}
.list_wrap.type5_1 > div p.info_03:before {background-image:url(../images/common/icon_info_03.svg)}
.list_wrap.type5_1 > div p.info_04:before {background-image:url(../images/common/icon_info_04.svg)}

/* 무형문화유적 & masonry */
.list_wrap.type4_1 {margin:0 auto;justify-content:center;}
.main .list_wrap.type4_1 {flex-wrap:wrap;flex-direction:row;justify-content:center;gap:17px 17px;}
.main .list_wrap.type4_1 > .grid-item {margin:0;}
.list_wrap.type4_1 > .grid-item {overflow:hidden;width:348px;margin-bottom:17px;border-radius:10px;border:1px solid #ccc;background:#fff;}
.list_wrap.type4_1 > .grid-item .infowrap {padding:20px}
.list_wrap.type4_1 > .grid-item em {display:block;font-size:18px;line-height:28px;font-weight:700;color:#000527;}
.list_wrap.type4_1 > .grid-item .typetag {position:relative;display:block;margin-bottom:18px;padding-left:52px;text-align:left;font-size:14px;line-height:24px;letter-spacing:-0.5px;font-weight:400;color:#66697D;}
.list_wrap.type4_1 > .grid-item .typetag:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:45px;height:24px;text-align:center;color:#fff;border-radius:20px;}
.list_wrap.type4_1 > .grid-item .typetag.tag01:before {content:"국유";background:#EB5540;}
.list_wrap.type4_1 > .grid-item .typetag.tag02:before {content:"사유";background:#3360FF;}
/* .list_wrap.type4_1 > .grid-item .btnwrap .viewlayer.ty02:before {content:"유적소개";} */
.list_wrap.type4_1 > .grid-item .btnwrap .viewlayer:after {transform:rotate(-90deg);}
.list_wrap.type4_1 > .grid-item .view_detail p {font-weight:400;}

/* 지역구 */
.local_city {margin:80px auto 0;padding:2px 0;}
.local_city .swiper-slide {width:auto;}
.local_city .swiper-slide button {display:block;padding:7px 20px;text-align:center;font-size:16px;line-height:26px;font-weight:700;color:#66697d;border-radius:20px;background:#f2f3f4;}
.local_city .swiper-slide button:hover, .local_city .swiper-slide button.active {color:#fff;background:#66697D;}
.local_city div[class^="swiper-button-"]:after {z-index:1;content:"";position:absolute;top:0;left:auto;right:auto;transform:none;width:60px;height:40px;background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));}
.local_city div.swiper-button-prev:after {left:-17px;}
.local_city div.swiper-button-next:after {right:-2px;}
.local_city .swiper-slide button span + em {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}

/* 지역특산물 : 목록 */
.local_specialty {width:100%;height:100%;}
.local_specialty .swiper-slide, .local_specialty .grid-item {width:auto;text-align:center;font-size:18px;background:#fff;}
.local_specialty .swiper-button-next, .local_specialty .swiper-button-prev {top:85px;}
.local_specialty .imgarea {position:relative;display:block;width:168px;height:168px;border-radius:10px;border:1px solid #ccc;}
.local_specialty img {width:166px;height:166px;border-radius:10px;object-fit:cover;}
.local_specialty em {margin-top:10px;display:block;font-size:16px;line-height:24px;font-weight:700;color:#333752;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.local_specialty em +  span {display:block;font-size:14px;line-height:22px;font-weight:700;color:#66697D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.local_specialty button.viewdetail {position:relative;width:168px;height:168px;margin:2px;padding:0 0 40px;text-align:center;font-size:18px;line-height:28px;font-weight:700;color:#333752;border-radius:10px;border:1px solid #ccc;}
.local_specialty button.viewdetail:after {content:"";position:absolute;top:60%;left:50%;margin-left:-16px;width:32px;height:32px;transform:rotate(-90deg);background:url(../images/common/icon_arrow_03.svg) no-repeat center center;background-size:100% 100%;}
.local_specialty .swiper-wrapper {flex-wrap:wrap;flex-direction:row;justify-content:center;gap:17px 17px;}
/* 지역특산물 : 상세 */
.local_specialty .grid {display:flex;flex-wrap:wrap;flex-direction:row;gap:45px 16px;}
.local_specialty .grid .grid-item {padding:2px;}
.local_specialty .grid .grid-item a {display:block;}

/* 향토문화유적 & masonry */	
.list_wrap.type7 {margin:0 auto 100px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:26px 18px;}
.list_wrap.type7 > .grid-item {position:relative;overflow:hidden;width:346px;min-height:226px;border-radius:10px;}
.list_wrap.type7 > .grid-item a {display:block;position:absolute;top:3px;left:3px;right:3px;bottom:3px;padding:20px 0 0 25px;border-radius:10px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.list_wrap.type7 > .grid-item.local01 a {background-image:url(../images/contents/img_remains_01.svg);}
.list_wrap.type7 > .grid-item.local02 a {background-image:url(../images/contents/img_remains_02.svg);}
.list_wrap.type7 > .grid-item.local03 a {background-image:url(../images/contents/img_remains_03.svg);}
.list_wrap.type7 > .grid-item.local04 a {background-image:url(../images/contents/img_remains_04.svg);}
.list_wrap.type7 > .grid-item em {display:block;font-size:24px;line-height:38px;font-weight:700;color:#fff;} 
.list_wrap.type7 > .grid-item span {display:block;font-size:14px;line-height:22px;font-weight:400;color:#fff;}

/* 버스투어 */
.banner_wrap {position:relative;max-width:1000px;min-height:180px;margin:50px auto 0;padding:58px 355px 58px 50px;border-radius:10px;background:#373f57;display:flex;flex-direction:column;justify-content:center;}
.banner_wrap:after {z-index:1;content:"";position:absolute;bottom:6%;right:50px;width:284px;height:140px;background:url(../images/contents/img_main_banner_02.svg) no-repeat right bottom;}
.banner_wrap p em {display:block;width:347px;height:32px;background:url(../images/contents/img_main_banner_01.svg) no-repeat 0 0;}
.banner_wrap p em span {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
.banner_wrap p > span {z-index:2;position:relative;display:block;margin-top:14px;font-size:16px;line-height:22px;font-weight:200;color:#fff;}
.banner_wrap a {z-index:2;display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;}

/* 서비스소개 */
/* .srvcintro .contents {max-width:1280px;} */
.srvcintro .title_wrap h3 {font-size:40px;line-height:64px;text-align:center;}
.srvcintro .descript {margin-top:100px;text-align:center;font-size:32px;line-height:52px;font-weight:700;}
a.view_refr {position:relative;padding-left:20px;font-size:14px;line-height:22px;font-weight:400;}
a.view_refr:before {z-index:2;content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url(../images/common/icon_clip.svg) no-repeat center center;}
.contents > .title_wrap:first-child + .cont_01 {margin:55px auto 0 !important;}
.cont_01 {max-width:1000px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:30px;}
.cont_01 p {position:relative;width:45.8%;padding:3% 3% 16%;}
.cont_01 p:before {z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background-image:url(../images/contents/img_intrd_1_01.svg);background-repeat:no-repeat;background-position:center center;background-size:auto 100%;} /* 20250415 수정 */
.cont_01 p:nth-child(2):before {background-image:url(../images/contents/img_intrd_1_02.svg);}
.cont_01 p span {z-index:2;position:relative;display:inline-block;font-size:16px;line-height:25px;font-weight:700;color:#333752}
.cont_01 p:nth-child(2) span {color:#fff}

.cont_02 {max-width:1220px;margin:100px auto 0 !important;}
.cont_02 ul {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:3.6vw;}
.cont_02 li {position:relative;width:180px;height:194px;}
.cont_02 li:before {z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:120px;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;}
.cont_02 li:nth-child(1):before {background-image:url(../images/contents/img_intrd_2_01.svg);}
.cont_02 li:nth-child(2):before {background-image:url(../images/contents/img_intrd_2_02.svg);}
.cont_02 li:nth-child(3):before {background-image:url(../images/contents/img_intrd_2_03.svg);}
.cont_02 li:nth-child(4):before {background-image:url(../images/contents/img_intrd_2_04.svg);}
.cont_02 li:nth-child(5):before {background-image:url(../images/contents/img_intrd_2_05.svg);}
.cont_02 li span {display:block;position:absolute;top:150px;font-size:13px;line-height:22px;font-weight:700;text-align:center;color:#333752}

.cont_03 {max-width:1000px;margin:100px auto 0 !important;}
.cont_03 h2 {font-size:24px;line-height:38px;font-weight:700;}
.cont_03 h2 span {display:block;margin-bottom:5px;font-size:14px;line-height:22px;font-weight:700;color:#3360ff}
.cont_03 p {margin-top:20px;font-size:16px;line-height:26px;font-weight:400;}
.cont_03 > div {position:relative;min-height:280px;margin-bottom:40px;padding:30px 0 0;}
.cont_03 > div:after {content:"";position:absolute;top:0;width:460px;height:280px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.cont_03 > div:nth-child(1), .cont_03 > div:nth-child(3) {padding-right:510px;}
.cont_03 > div:nth-child(2) {padding-left:510px;}
.cont_03 > div:nth-child(1):after {right:0;background-image:url(../images/contents/img_intrd_3_01.svg)}
.cont_03 > div:nth-child(2):after {left:0;background-image:url(../images/contents/img_intrd_3_02.svg)}
.cont_03 > div:nth-child(3):after {right:0;background-image:url(../images/contents/img_intrd_3_03.svg)}

.cont_04 {margin-top:50px !important;}
.cont_04 ul {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:16px;}
.cont_04 li {position:relative;width:200px;height:300px;padding:137px 18px 30px;border:1px solid #CCCDD4;border-radius:10px;}
.cont_04 li strong {display:block;margin-bottom:10px;font-size:14px;line-height	:22px;font-weight:700;}
.cont_04 li var {display:inline-block;font-size:24px;line-height:38px;font-weight:700;}
.cont_04 li var + span {display:inline-block;margin-left:3px;font-size:16px;line-height:26px;font-weight:700;}
.cont_04 li:before {content:"";position:absolute;top:20px;left:20px;width:48px;height:48px;background-repeat:no-repeat;background-position:center center;}
.cont_04 li:nth-child(1):before {background-image:url(../images/contents/icon_intrd_01.svg);}
.cont_04 li:nth-child(2):before {background-image:url(../images/contents/icon_intrd_02.svg);}
.cont_04 li:nth-child(3):before {background-image:url(../images/contents/icon_intrd_03.svg);}
.cont_04 li:nth-child(4):before {background-image:url(../images/contents/icon_intrd_04.svg);}
.cont_04 li:nth-child(5):before {background-image:url(../images/contents/icon_intrd_05.svg);}
.cont_04 li:nth-child(6):before {background-image:url(../images/contents/icon_intrd_06.svg);}
.refr {display:block;margin-top:30px;font-size:12px;line-height:19px;font-weight:400;letter-spacing:-0.5px;word-break:break-all;}

/* 오픈API */
.headinfo {margin-top:30px !important;position:relative;padding:50px 50px;border-radius:20px;background:#f2f3f4}
.headinfo h3 {font-size:24px;line-height:38px;font-weight:700;}
.headinfo p {margin-top:17px;font-size:16px;line-height:26px;font-weight:400;}
.headinfo button {position:absolute;top:50%;right:50px;transform:translate(0, -50%);}
.headinfo.type1 {margin:0 -10px;}

.headinfo.type2 {padding:30px 50px;border-radius:20px;background:#F2F5FF}
.headinfo.type2 {padding:20px 50px;border-radius:20px;background:#F2F5FF;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;}
.headinfo.type2 h3 {display:inline-block;width:95px;font-size:14px;line-height:22px;}
.headinfo.type2 p {display:inline-block;width:calc(100% - 100px);margin:0;font-size:14px;line-height:22px;font-weight:400;color:#333752;}
.headinfo.type2 em {color:#3360FF}

.process_api {margin:50px 0 100px;}
.process_api ol {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:80px;}
.process_api li {position:relative;width:160px;height:160px;text-align:center;}
.process_api li:before {content:"";display:block;width:100%;height:100%;margin:0 auto;border-radius:100px;background-color:#F2F3F4;background-repeat:no-repeat;background-position:center center;background-size:120px 120px;}
.process_api li:nth-child(1):before {background-image:url(../images/contents/img_api_01.svg)}
.process_api li:nth-child(2):before {background-image:url(../images/contents/img_api_02.svg);}
.process_api li:nth-child(3):before {background-image:url(../images/contents/img_api_03.svg);}
.process_api li:nth-child(4):before {background-image:url(../images/contents/img_api_04.svg);}
.process_api li:after {content:"";display:block;position:absolute;top:52%;transform:translateY(-50%);left:-55px;width:32px;height:32px;background:url(../images/common/icon_arrow_02.svg) no-repeat center center;background-size:32px 32px;}	
.process_api li:nth-child(1)::after {display:none}
.process_api li span {display:block;position:absolute;top:170px;left:50%;transform:translateX(-50%);width:100%;font-size:16px;line-height:26px;font-weight:700;color:#66697D;}

/* 이전다음 목록 이동 */
.move_list {margin:0 auto 20px;}
.move_list ul {border-bottom:1px solid #ccc;}
.move_list li {overflow:hidden;position:relative;padding:22px 0 22px 20px;border-top:1px solid #ccc;}
.move_list li * {float:left;font-size:16px;line-height:24px;font-weight:400;}
.move_list li span {display:inline-block;width:100px;}
.move_list li p {display:inline-block;width:calc(100% - 100px);}
.move_list li a:hover {color:#164dca;text-decoration:underline;}

/* 공지사항 : 목록 */
.list_wrap.type1 {margin:20px auto;}
.list_wrap.type1 ul {border-bottom:1px solid #CCCDD4;}
.list_wrap.type1 li {position:relative;padding:23px 0 24px 20px;border-top:1px solid #CCCDD4}
.list_wrap.type1 li a {display:block;font-size:18px;line-height:24px;font-weight:700;}
.list_wrap.type1 li a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type1 li span {display:block;margin-top:16px;font-size:16px;line-height:16px;font-weight:400;color:#666;}
/* 공지사항 : 상세 */
.notice_container {margin:30px 0 0 !important;padding:50px 0;text-align:center;border-top:1px solid #66697D;}
.notice_container p {font-size:16px;line-height:32px;font-weight:700;color:#333752;}
.notice_container img {margin:0 auto;}

/* 웹진 : 목록 */
.list_wrap.type10 {max-width:1000px;margin:20px auto;}
.list_wrap.type10 .webzinelist {padding:50px 0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;border-top:1px solid #999BA9;}
.list_wrap.type10 h3 {width:20%;font-size:32px;line-height:52px;font-weight:700;color:#333752;}
.list_wrap.type10 ul {width:80%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;gap:50px 52px;}
.list_wrap.type10 li {position:relative;width:160px;}
.list_wrap.type10 li a {display:block;text-align:center;font-size:16px;line-height:24px;font-weight:700;color:#333752;}
.list_wrap.type10 li a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type10 li img {display:block;width:160px !important;height:200px !important;object-fit:cover;}
.list_wrap.type10 li span {margin-top:18px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 웹진 : 상세 */
.webzine_container {margin:30px 0 0 !important;padding:50px 0;text-align:center;border-top:1px solid #66697D;}
.webzine_container img {margin:0 auto;}
.webzine .list_wrap {margin:100px 0 50px;}

/* 클립 */
.list_wrap.type2 .btnwrap.topside {width:calc(100% - 130px);}
.list_wrap.type2 {/*max-width:1450px;*/margin:20px auto;}
.list_wrap.type2 ul {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:55px 30px;}
.list_wrap.type2 li {position:relative;width:215px;}
.list_wrap.type2 li a {display:block;font-size:16px;line-height:26px;font-weight:600;color:#66697d;}
.list_wrap.type2 li a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type2 li img {width:215px;height:382px;object-fit:cover;}
.list_wrap.type2 li span {min-height:52px;margin-top:12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 지식자료실 */
.ctglabel {display:inline-block;margin:-5px auto 20px;padding:10px 20px;font-size:16px;line-height:18px;font-weight:700;color:#3360ff;border:1px solid #ccd7ff;border-radius:25px;}
/* 지식자료실 : search */
.contents > .title_wrap:first-child + .list_wrap.type3 {margin:10px auto 20px !important;}
.searchwrap {display:inline-block;width:330px;margin-top:10px;}
.searchwrap fieldset {position:relative;display:block;padding-right:50px;height:40px;padding:0 40px 0 15px;text-align:left;border:1px solid #CCCDD4;border-radius:8px;color:#66697d;}
.searchwrap fieldset input {width:100%;height:38px;padding:0 10px;font-size:16px;line-height:26px;font-weight:700;}
.searchwrap fieldset input::placeholder {font-size:16px;color:#66697d;}
.searchwrap fieldset button {position:absolute;top:8px;right:8px;width:24px;height:24px;background:url(../images/common/icon_search_02.svg) no-repeat center center;}
.list_wrap.type3 select {margin:10px 0 0 5px;}
/* 지식자료실 : 목록 */
.list_wrap.type3 ul {overflow:hidden;margin-left:-30px;}
.list_wrap.type3 li {float:left;position:relative;width:calc(100% / 2 - 30px);min-height:202px;margin:0 0 30px 30px;padding:20px;border:1px solid #ccc;border-radius:10px;}
.list_wrap.type3 li > div {float:left;}
.list_wrap.type3 li > div img {width:112px;height:160px;}
.list_wrap.type3 li > div.infowrap {width:calc(100% - 132px);margin-left:20px;}
.list_wrap.type3 li a {height:54px;margin:5px 0 0;font-size:18px;line-height:28px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list_wrap.type3 li a:hover {color:#0038ff;text-decoration:underline;}
.list_wrap.type3 li p {overflow:hidden;display:inline-block;height:26px;margin-top:68px;}
.list_wrap.type3 li span {position:relative;display:inline-block;font-size:16px;line-height:26px;font-weight:400;color:#666;word-break:break-all;}
.list_wrap.type3 li p:last-child span:nth-child(2) {margin-left:10px;padding-left:10px;}
.list_wrap.type3 li p:last-child span:nth-child(2)::before {content:"";position:absolute;top:5px;left:0;width:1px;height:15px;background:#666}
/* 지식자료실 : 상세 */
.detail_wrap {padding:30px 0;text-align:center;border-top:1px solid #66697d;border-bottom:1px solid #ccc;}
.detail_info {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}
.detail_info .infowrap {position:relative;margin:0 auto;padding:20px 0 50px;text-align:left;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items: center;}
.detail_info .infowrap .infoes {width:230px;margin:0 50px 0 0}
.detail_info .infowrap .infoimg {width:140px;margin-right:15px;}
.detail_info .infowrap .infoimg img {width:100%;border-radius:8px;}
.detail_info .infowrap .btns {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;}
.detail_info .infowrap .infoimg, .detail_info .infowrap .btns {height:200px;}
.detail_info .infowrap .infoes .tbwrap.tbltype02 {margin-top:0;border:none;}
.detail_info .infowrap .infoes .tbwrap.tbltype02 table th, .detail_info .infowrap .infoes .tbwrap.tbltype02 table td {overflow:initial;height:auto;padding:0;vertical-align:top;line-height:32px;border:none;white-space:wrap;}
.detail_info .infowrap .infoes .tbwrap.tbltype02 table td {font-weight:700;color:#333752}
.detail_cont {padding:48px 48px 33px;text-align:left;font-size:16px;line-height:20px;font-weight:600;color:#333752;border-top:1px solid #ccc;}
.detail_cont p {margin-top:8px;font-size:16px;line-height:24px;}
.detail_wrap .tagwrap {text-align:center;}
.tagwrap span {display:inline-block;margin:0 3px;font-size:16px;line-height:18px;font-weight:500;color:#66697d;}
.detail_wrap .tagwrap span {display:inline-block;margin:0 3px 5px;padding:10px 20px;font-size:16px;line-height:18px;font-weight:400;color:#66697d;border:1px solid #ccc;border-radius:25px;}

/* 검색 */
.srchresult .contents {max-width:1000px;}
.srchresult .contents > .title_wrap:first-child h2 {font-size:24px;line-height:38px;color:#66697D;}
.srchresult .contents > .title_wrap:first-child h2 strong {font-size:32px;line-height:51px;color:#3360FF;}
.srchresult .title_wrap {margin-top:100px;}
.srchresult .title_wrap h3 {font-size:24px;line-height:38px;font-weight:700;text-align:left;color:#66697D;}
.srchresult .title_wrap h3 strong {display:inline-block;margin-left:10px;font-size:16px;line-height:25px;color:#3360FF;}
.srchresult .list_wrap div strong, .srchresult .list_wrap li strong {color:#3360FF;}
.srchresult .list_wrap div strong {color: #3360FF;}
.srchresult .list_wrap li .btnwrap button {margin-left:5px;}
.result_desc {padding:25px;text-align:center;font-size:16px;line-height:25px;font-weight:700;color:#333752;background:#F2F5FF}
.result_desc em {display:inline-block;color:#EB5540;}
.result_desc em strong {display:inline-block;font-size:24px;line-height:26px;}
/* 검색 : nodata */
.result_desc.nodata {padding:100px 50px;}
.result_desc.nodata em {display:block;margin-bottom:50px;font-size:20px;line-height:32px;color:#66697D;}
.result_desc.nodata ul {display:inline-block;margin:0 auto;}
.result_desc.nodata p {display:block;text-align:left;font-size:16px;line-height:25px;font-weight:400;color:#66697D;}
.result_desc.nodata p {position:relative;display:block;padding:0 0 0 12px;text-align:left;font-size:16px;line-height:25px;font-weight:400;color:#66697D;}
.result_desc.nodata p:before {content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:3px;height:3px;border-radius:3px;background:#666}
/* 검색 : list */
.list_wrap.type8 {margin:20px auto;}
.list_wrap.type8 ul {border-bottom:1px solid #66697D;}
.list_wrap.type8 li {position:relative;padding:25px 0;font-size:18px;line-height:28px;font-weight:700;border-top:1px solid #66697D;}
.list_wrap.type8 li:first-child {margin-top:0;}
.list_wrap.type8 li em {position:relative;display:inline-block;min-width:170px;padding-left:35px;font-size:18px;line-height:28px;font-weight:700;color:#333752;}
.list_wrap.type8 li em:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:24px 24px;}
.list_wrap.type8 li > span {display:inline-block;margin-left:40px;font-size:16px;line-height:25px;color:#66697D;}
.list_wrap.type8 li .btnwrap {position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0;}
.list_wrap.type8_1 {margin:20px auto;}
.list_wrap.type8_1 ul {border-bottom:1px solid #66697D;}
.list_wrap.type8_1 li {position:relative;padding:25px 240px 25px 0;font-size:18px;line-height:28px;font-weight:700;border-top:1px solid #66697D;}
.list_wrap.type8_1 li:first-child {margin-top:0;}
.list_wrap.type8_1 li em {position:relative;display:inline-block;min-width:120px;margin-right:40px;color:#333752;}
.list_wrap.type8_1 li p {display:inline-block;font-size:16px;line-height:20px;font-weight:400;color:#66697D;}
.list_wrap.type8_1 li p span {position:relative;display:inline-block;}
.list_wrap.type8_1 li p span:nth-child(2) {margin-left:10px;padding-left:10px;}
.list_wrap.type8_1 li p span:nth-child(2)::before {content:"";position:absolute;top:2px;left:0;width:1px;height:15px;background:#666}
.list_wrap.type8_1 li .btnwrap {position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0;}
.list_wrap.type9 {margin:20px auto;}
.list_wrap.type9 ul {border-bottom:1px solid #66697D;}
.list_wrap.type9 li {position:relative;padding:20px 0;font-size:18px;line-height:28px;font-weight:700;border-top:1px solid #66697D;}
.list_wrap.type9 li:first-child {margin-top:0;}
.list_wrap.type9 li .listcont em {position:relative;display:inline-block;min-width:120px;font-size:18px;line-height:28px;font-weight:700;color:#333752;}
.list_wrap.type9 li .listcont span {display:inline-block;margin-left:15px;font-size:14px;line-height:22px;font-weight:400;color:#66697D;}
.list_wrap.type9 li .listcont p {display:inline-block;margin-top:20px;font-size:16px;line-height:25px;font-weight:700;color:#333752;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list_wrap.type9 li .listcont .tagwrap {overflow:hidden;height:24px;margin-top:15px;}
.list_wrap.type9 li .listcont .tagwrap span {margin-left:0;font-size:12px;line-height:14px;}
.list_wrap.type9 li .btnwrap {position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0;}
.list_wrap.type9 li .btnwrap + .listcont {width:calc(100% - 160px)}

/* 문화플레이스 */
.contents_wrap.culture {overflow:hidden;width:calc(100% - 120px);min-height:840px;padding:0;background-color:#fff;}
.contents_wrap.culture .contents {max-width:none;margin:0 auto;}
.contents_wrap.culture .culture_wrap {position:relative;height:100%;}
.info_detail {z-index:2;position:absolute;top:15px;left:20px;width:350px;padding:27px;border-radius:20px;background-color:#fff;box-shadow:0 1px 6px 1px rgba(0, 0, 0, 0.2);}
.info_detail .titlewrap {position:relative;margin-top:15px;color:#333752}
.info_detail .titlewrap.head {margin-top:0;padding-bottom:15px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;border-bottom:1px solid #ccc}
.info_detail .titlewrap h2 {font-size:24px;font-weight:700;color:#333752;}
.info_detail .titlewrap h2 span {display:block;margin-top:5px;font-size:20px;line-height:32px;font-weight:700;color:#3360FF}
.info_detail .titlewrap h3 {font-size:16px;line-height:25px;font-weight:700;color:#333752;}
.info_detail .titlewrap button {position:absolute;}
.info_detail .titlewrap .funcwrap {position:relative;margin-top:0;text-align:right;}
.info_detail .titlewrap .funcwrap button {position:relative;}
.info_detail .btn_map_01 {top:35px;}

/* map */
.maparea {overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;}
/* marker */
.map_marker {z-index:1;position:absolute;display:block;width:32px;height:32px;text-align:center;padding-top:7px;background:url(../images/common/bg_marker.svg) no-repeat 0 0;}
.map_marker:before {content:"";display:block;width:16px;height:16px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:16px 16px;filter:invert(100%) sepia(100%) saturate(50%) hue-rotate(224deg) brightness(200%) contrast(150%)}
.map_marker.mkr01:before {background-image:url(../images/common/icon_place_01.svg);}
.map_marker.mkr02:before {background-image:url(../images/common/icon_place_02.svg);}
.map_marker.mkr03:before {background-image:url(../images/common/icon_place_03.svg);}
.map_marker.mkr04:before {background-image:url(../images/common/icon_place_04.svg);}
.map_marker.mkr05:before {background-image:url(../images/common/icon_place_05.svg);}
.map_marker.mkr06:before {background-image:url(../images/common/icon_place_06.svg);}
.map_marker.mkr07:before {background-image:url(../images/common/icon_place_07.svg);}
.map_marker.mkr08:before {background-image:url(../images/common/icon_place_08.svg);}
.map_marker.mkr09:before {background-image:url(../images/common/icon_place_09.svg);}
.map_marker.mkr10:before {background-image:url(../images/common/icon_place_10.svg);}
.map_marker.mkr11:before {background-image:url(../images/common/icon_place_11.svg);}
.map_marker.mkr12:before {background-image:url(../images/common/icon_place_12.svg);}
.map_marker.mkr15:before {background-image:url(../images/common/icon_place_15.svg);}
.map_marker.mkr16:before {background-image:url(../images/common/icon_place_16.svg);}
.map_marker.mkr17:before {background-image:url(../images/common/icon_place_17.svg);}
.map_marker.mkr18:before {background-image:url(../images/common/icon_place_18.svg);}
.map_marker.mkr19:before {background-image:url(../images/common/icon_place_19.svg);}
.map_marker.mkr22:before {background-image:url(../images/common/icon_place_22.svg);}

/* nm_marker 
.map_nm_marker {z-index:1;position:absolute;display:block;width:32px;height:32px;text-align:center;padding-top:7px;background:url(../images/common/bg_marker.svg) no-repeat 0 0;}
.map_nm_marker:before {content:"";display:block;width:16px;height:16px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:16px 16px;filter:invert(100%) sepia(100%) saturate(50%) hue-rotate(224deg) brightness(200%) contrast(150%)}*/

.map_nm_marker.mkr0101 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0101.png);}
.map_nm_marker.mkr0102 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0102.png);}
.map_nm_marker.mkr0103 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0308.png);}
.map_nm_marker.mkr0104 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0104.png);}
.map_nm_marker.mkr0105 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0105.png);}
.map_nm_marker.mkr0106 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0106.png);}
.map_nm_marker.mkr0107 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0107.png);}
.map_nm_marker.mkr0108 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0303.png);}
.map_nm_marker.mkr0109 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0109.png);}
.map_nm_marker.mkr0110 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0201.png);}
.map_nm_marker.mkr9999 {z-index:1;position:absolute;display:block;width:32px;height:45px;text-align:center;padding-top:7px;background:url(../images/common/ico-pin0207.png);}

/* marker tooltip */
.marker_info {z-index:10;position:absolute;bottom:3px;left:0;padding:10px 15px 10px 45px;text-align:left;font-size:15px;line-height:18px;font-weight:700;color:#3360FF;border-radius:5px;background:#fff;filter:drop-shadow(0 4px 1px rgba(0,0,0,0.25));}
.marker_info:before {content:"";display:inline-block;position:absolute;top:49%;left:12px;transform:translateY(-50%);width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:24px 24px;filter:invert(28%) sepia(105%) saturate(3708%) hue-rotate(223deg) brightness(100%) contrast(370%);}
.marker_info.mkr01:before {background-image:url(../images/common/icon_place_01.svg);}
.marker_info.mkr02:before {background-image:url(../images/common/icon_place_02.svg);}
.marker_info.mkr03:before {background-image:url(../images/common/icon_place_03.svg);}
.marker_info.mkr04:before {background-image:url(../images/common/icon_place_04.svg);}
.marker_info.mkr05:before {background-image:url(../images/common/icon_place_05.svg);}
.marker_info.mkr06:before {background-image:url(../images/common/icon_place_06.svg);}
.marker_info.mkr07:before {background-image:url(../images/common/icon_place_07.svg);}
.marker_info.mkr08:before {background-image:url(../images/common/icon_place_08.svg);}
.marker_info.mkr09:before {background-image:url(../images/common/icon_place_09.svg);}
.marker_info.mkr10:before {background-image:url(../images/common/icon_place_10.svg);}
.marker_info.mkr11:before {background-image:url(../images/common/icon_place_11.svg);}
.marker_info.mkr12:before {background-image:url(../images/common/icon_place_12.svg);}
.marker_info.mkr15:before {background-image:url(../images/common/icon_place_15.svg);}
.marker_info.mkr16:before {background-image:url(../images/common/icon_place_16.svg);}
.marker_info.mkr17:before {background-image:url(../images/common/icon_place_17.svg);}
.marker_info.mkr18:before {background-image:url(../images/common/icon_place_18.svg);}
.marker_info.mkr19:before {background-image:url(../images/common/icon_place_19.svg);}
.marker_info.mkr22:before {background-image:url(../images/common/icon_place_22.svg);}
.marker_info::after {content:"";position:absolute;bottom:-7px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff;}

/* 현재 위치 */
.map_point {z-index:1;content:"";display:block;position:absolute;width:48px;height:48px;background:url(../images/common/icon_map_point.svg) no-repeat 0 0;}
/* 현재 위치로 이동 버튼 */
.get_point {z-index:4;content:"";display:block;position:absolute;top:10px;right:0;width:30px;height:30px;border:1px solid #333752;background:#fff; right: 160px;}
.get_point:before {content:"";display:block;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;background:url(../images/common/icon_point.svg) no-repeat center center;}
.btns_map {z-index:10;position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}
/* 현 위치에서 다시 검색 버튼 */
.refindmap {display:none;z-index:10;position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}
.refindmap button {position:relative;padding:6px 30px 6px 45px;font-size:14px;line-height:22px;font-weight:700;color:#66697D;border-radius:20px;background-color:#fff;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2);}
.refindmap button:after {content:"";position:absolute;top:50%;transform:translateY(-50%);left:20px;width:16px;height:16px;background:url(../images/common/icon_refresh.svg) no-repeat center center;}

.placeinfo_wrap {position:relative;height:100%;padding-top:15px;touch-action:pan-y;}

/* scrollbar */
.scrollY {overflow-y:auto;padding-right:8px;}
.scrollY::-webkit-scrollbar {position:absolute;top:0;right:0;width:4px;}
.scrollY::-webkit-scrollbar-thumb {background:rgba(200, 200, 200, 1);border-radius:5px;}
.scrollY::-webkit-scrollbar-track {background:rgba(250, 250, 250, 0);}
.scrollX {overflow-y:auto;padding-right:8px;}
.scrollX::-webkit-scrollbar {position:absolute;top:0;right:0;height:4px;}
.scrollX::-webkit-scrollbar-thumb {background:rgba(200, 200, 200, 1);border-radius:5px;}
.scrollX::-webkit-scrollbar-track {background:rgba(250, 250, 250, 0);}
/* 문화 플레이스 scrollbar */
.contents_wrap.culture .scroll_y {overflow-y:auto;}
.contents_wrap.culture .scroll_y::-webkit-scrollbar {position:absolute;top:0;right:0;width:5px;}
.contents_wrap.culture .scroll_y::-webkit-scrollbar-thumb {background:rgba(200, 200, 200, 0);/* 스크롤바 색상 */border-radius:5px;/* 스크롤바 둥근 테두리 */}
.contents_wrap.culture .scroll_y::-webkit-scrollbar-track {background:rgba(250, 250, 250, 0);/*스크롤바 뒷 배경 색상*/}
.contents_wrap.culture .scroll_y:hover::-webkit-scrollbar-thumb {background:rgba(200, 200, 200, 1);-webkit-transition:all .3s;}
/* 플레이스 카테고리 선택 */
.placesortwrap {overflow:initial}
.placesort {margin-top:15px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;gap:5px 13px;}
.placesort .swiper-slide {width:auto;height:auto;}
.placesort button {position:relative;width:90px;height:90px;font-size:16px;line-height:18px;font-weight:600;color:#66697d;}
.placesort button:after, .placesort button:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:90px;height:90px;}
.placesort button:after {z-index:1;width:85px;height:85px;border:1px solid #66697d;border-radius:50%;background-color:#fff;}
.placesort button:before {z-index:2;top:12px;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-size:32px 32px;}
.placesort button.place_05 span {font-size:14px;}
.placesort button.place_01:before, .accordion_item.type01 .acdtitle strong:before, .list_wrap.type8 li.place01 em:before {background-image:url(../images/common/icon_place_01.svg);}
.placesort button.place_02:before, .accordion_item.type02 .acdtitle strong:before, .list_wrap.type8 li.place02 em:before {background-image:url(../images/common/icon_place_02.svg);}
.placesort button.place_03:before, .accordion_item.type03 .acdtitle strong:before, .list_wrap.type8 li.place03 em:before {background-image:url(../images/common/icon_place_03.svg);}
.placesort button.place_04:before, .accordion_item.type04 .acdtitle strong:before, .list_wrap.type8 li.place04 em:before {background-image:url(../images/common/icon_place_04.svg);}
.placesort button.place_05:before, .accordion_item.type05 .acdtitle strong:before, .list_wrap.type8 li.place05 em:before {background-image:url(../images/common/icon_place_05.svg);}
.placesort button.place_06:before, .accordion_item.type06 .acdtitle strong:before, .list_wrap.type8 li.place06 em:before {background-image:url(../images/common/icon_place_06.svg);}
.placesort button.place_07:before, .accordion_item.type07 .acdtitle strong:before, .list_wrap.type8 li.place07 em:before {background-image:url(../images/common/icon_place_07.svg);}
.placesort button.place_08:before, .accordion_item.type08 .acdtitle strong:before, .list_wrap.type8 li.place08 em:before {background-image:url(../images/common/icon_place_08.svg);}
.placesort button.place_09:before, .accordion_item.type09 .acdtitle strong:before, .list_wrap.type8 li.place09 em:before {background-image:url(../images/common/icon_place_09.svg);}
.placesort button.place_10:before, .accordion_item.type10 .acdtitle strong:before, .list_wrap.type8 li.place10 em:before {background-image:url(../images/common/icon_place_10.svg);}
.placesort button.place_11:before, .accordion_item.type11 .acdtitle strong:before, .list_wrap.type8 li.place11 em:before {background-image:url(../images/common/icon_place_11.svg);}
.placesort button.place_12:before, .accordion_item.type12 .acdtitle strong:before, .list_wrap.type8 li.place12 em:before {background-image:url(../images/common/icon_place_12.svg);}
.placesort button.place_15:before, .accordion_item.type15 .acdtitle strong:before, .list_wrap.type8 li.place12 em:before {background-image:url(../images/common/icon_place_15.svg);}
.placesort button.place_16:before, .accordion_item.type16 .acdtitle strong:before, .list_wrap.type8 li.place12 em:before {background-image:url(../images/common/icon_place_16.svg);}
.placesort button.place_17:before, .accordion_item.type17 .acdtitle strong:before, .list_wrap.type8 li.place12 em:before {background-image:url(../images/common/icon_place_17.svg);}
.placesort button.place_18:before, .accordion_item.type18 .acdtitle strong:before, .list_wrap.type8 li.place12 em:before {background-image:url(../images/common/icon_place_18.svg);}
.placesort button.place_19:before, .accordion_item.type19 .acdtitle strong:before, .list_wrap.type8 li.place12 em:before {background-image:url(../images/common/icon_place_19.svg);}
.placesort button.place_22:before, .accordion_item.type22 .acdtitle strong:before, .list_wrap.type8 li.place22 em:before {background-image:url(../images/common/icon_place_22.svg);}
.placesort button[disabled] {opacity:0.4}
.placesort button:not([disabled]):hover, .placesort button:not([disabled]).on {color:#fff;}
.placesort button:not([disabled]):hover:after {border-color:#666666;background-color:#666666;}
.placesort button:not([disabled]):hover:before {filter:invert(100%) sepia(100%) saturate(31%) hue-rotate(224deg) brightness(150%) contrast(111%)}
.placesort button:not([disabled]).on:after {border-color:#3360FF;background-color:#3360FF;}
.placesort button:not([disabled]).on:before {filter:invert(100%) sepia(100%) saturate(31%) hue-rotate(224deg) brightness(150%) contrast(111%)}
.placesort button span {z-index:2;position:absolute;top:50px;left:50%;transform:translateX(-50%);width:100%;word-break:keep-all}
.placesort button span + em {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
.placesort button.place_06 span, .placesort button.place_08 span {top:50px;font-size:13px;line-height:15px;}
.placesort button.place_15 span {top:50px;font-size:13px;line-height:15px;}
.placesort button.place_17 span {top:50px;font-size:15px;line-height:15px;}
.placesortwrap .swiper-button-next, .placesortwrap .swiper-button-prev {display:none;}
.info_detail .descript {margin-top:15px;font-weight:700;}
/* 플레이스 목록 */
.placelist {z-index:1;position:absolute;top:80px;bottom:20px;right:12px;width:330px;padding:0 5px 5px;}
.accordion_item {position:relative;margin:10px auto 0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;border-radius:10px;box-shadow:0 3px 5px 1px rgba(0, 0, 0, 0.2);}
.accordion_item:first-child {margin-top:0;}
.accordion_item .acdtitle {display:block;width:100%;position:relative;padding:0 50px 0 0;color:#333752;font-size:16px;border:2px solid #fff;text-decoration:none;-webkit-transition:background-color 0.1s;transition:background-color 0.1s;border-radius:10px;background-color:#fff;}
.accordion_item .acdtitle strong {position:relative;display:block;padding:18px 0 18px 50px;text-align:left;font-weight:700;border-radius:10px;}
.accordion_item .acdtitle strong:before {content:"";position:absolute;top:15px;left:18px;width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:24px 24px;}
.accordion_item .findmap {display:none;position:absolute;top:14px;right:20px;width:32px;height:32px;}
.accordion_item .findmap span {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
.accordion_item .findmap:before {content:"";position:absolute;top:0;left:0;width:32px;height:32px;background:url(../images/common/icon_map_02.svg) no-repeat center center;}
.accordion_item.active .acdtitle, .accordion_item.focus .acdtitle, .accordion_item .acdtitle.focus {border-color:#333752;}
.accordion_item.active {background-color:#333752;}
.accordion_item.active .acdtitle {color:#fff;background:#333752;}
.accordion_item.active .findmap {display:inline-block}
.accordion_item.focus .acdtitle strong:before, .accordion_item .acdtitle.focus strong:hover {filter:invert(100%) sepia(114%) saturate(300%) hue-rotate(194deg) brightness(0%) contrast(72%);}
.accordion_item.active .acdtitle strong:before {filter:invert(100%) sepia(100%) saturate(31%) hue-rotate(224deg) brightness(150%) contrast(111%)}
.accordion_item.active .acdtitle.focus strong:hover {filter:none;}
.accordion_item .acdcontent {display:none;position:relative;padding:20px;font-size:14px;color:#fff;border-radius:10px;background-color:#333752;}
.accordion_item.active .acdcontent {display:block;}
/* focus color */
.findmap:focus-within, .linkinfo a[class^="sns"]:focus-within {outline:2px dashed #fff !important}
/* 플레이스 상세 */
.placeinfo {position:relative;}
.placeinfo:before {content:"";position:absolute;top:-20px;left:0;width:100%;height:1px;border-top:1px dashed #fff;opacity:0.4}
.placeinfo strong {display:block;margin-top:15px;font-size:14px;font-weight:700;}
.placeinfo strong:first-child {margin-top:0;}
.placeinfo p {display:block;margin-top:8px;line-height:22px;font-weight:200;}
.linkinfo {position:relative;margin-top:20px;padding-top:20px;text-align:center;}
.linkinfo:before {content:"";position:absolute;top:0;left:0;width:100%;height:1px;border-top:1px dashed #fff;opacity:0.4}
.linkinfo a[class^="sns"] {position:relative;display:inline-block;width:40px;height:40px;margin:0 8px;border-radius:20px;border:1px solid #fff;}
.linkinfo a[class^="sns"]:before {content:"";position:absolute;top:7px;left:7px;width:24px;height:24px;background-repeat:no-repeat;background-position:center center;}.linkinfo a.sns1:before {background-image:url(../images/common/icon_link_01.svg);}
.linkinfo a.sns2:before {background-image:url(../images/common/icon_link_02.svg);}
.linkinfo a.sns3:before {background-image:url(../images/common/icon_link_03.svg);}
.linkinfo a.sns4:before {background-image:url(../images/common/icon_link_04.svg);}
.linkinfo a.sns2 .copied {visibility:hidden;z-index:1;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:195px;padding:7px 20px;text-align:left;font-size:14px;line-height:22px;font-weight:700;color:#66697D;border-radius:5px;background:#ddd;;}
.linkinfo a.sns2 .copied p {display:block;}
.linkinfo a.sns2 .copied::after {content:"";position:absolute;bottom:-7px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #ddd;}
.linkinfo a.sns2.active .copied {visibility:visible;animation:fadeout 2s;animation-delay:2s;animation-fill-mode:forwards;}
@keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* 통계분석 */
.olap .list_wrap {overflow:hidden;max-width:1450px;margin:0 auto;}
.olap .list_wrap h3 {font-size:18px;line-height:18px;color:#333;text-align:left;}
.olap .data_topic + .list_wrap {border-top:2px solid #ccc;}
.olap .list_wrap .title_wrap {position:relative;margin-top:0;}
.olap .list_wrap .data_wrap {margin-left:-17px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;}
.olap .list_wrap .title_wrap .selectwrap {position:absolute;top:-10px;right:0;}
.title_wrap .selectwrap .inpTy1 + .inpTy1 {margin-left:6px;}
.title_wrap .selectwrap .inpTy1 > select {height:40px;border-color:#cbcbcb;}
.olap .list_wrap + .btnwrap {margin-top:33px;}

.databoard {float:left;position:relative;width:274px;height:386px;margin:0 0 17px 17px;padding:19px;border:1px solid #cbcbcb;border-radius:10px;}
.databoard > span, span[class^="ctgtype"] {display:inline-block;padding:5px 10px;font-size:12px;line-height:14px;font-weight:400;text-align:center;color:#fff;border-radius:15px;}
span[class^="ctgtype"] {margin-bottom:30px;padding:4px 10px;font-size:12px;line-height:22px;font-weight:400;}
.databoard > span.type1, .ctgtype1 {background:#8E6CD0;}
.databoard > span.type2, .ctgtype2 {background:#CA6CD0;}
.databoard > span.type3, .ctgtype3 {background:#6C78D0;}
.databoard > span.type4, .ctgtype4 {background:#2F99DD;}
.databoard > span.type5, .ctgtype5 {background:#00A389;}
.databoard > span.type6, .ctgtype6 {background:#DE3E4E;}
.databoard > span.type7, .ctgtype7 {background:#696A67;}
.databoard > span.type8, .ctgtype8 {background:#9F8980;}
.databoard > span.type9, .ctgtype9 {background:#DE4118;}
.databoard > span.type10, .ctgtype10 {background:#4A7469;}
.databoard > span.type11, .ctgtype11 {background:#1C57A9;}
.databoard h4 {height:76px;margin-top:18px;padding:3px;font-size:24px;line-height:38px;color:#333;}
.databoard h4 a {display:inline-block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.databoard p {height:75px;margin-top:24px;font-size:16px;line-height:25px;font-weight:400;color:#666;}
.databoard p a {display:inline-block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.databoard .tagwrap {overflow:hidden;height:50px;margin-top:82px;line-height:22px;}
.databoard .tagwrap span {display:inline-block;margin:0;padding:3px;font-size:14px;line-height:22px;font-weight:400;}
.databoard .tagwrap span a {display:inline-block;margin-right:5px;word-break:break-all;}
.databoard .btn_info {position:absolute;top:15px;right:16px;width:24px;height:24px;}
.databoard .btn_info span {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
.databoard .btn_info:after {content:"";position:absolute;top:0;right:0;display:inline-block;width:24px;height:24px;background:url(../images/contents/icon_info.svg) no-repeat center center;}

/* 통계분석 > 레이어 팝업 */
.layerpop.type_info.olaptip {padding-top:55px;}
.layerpop.type_info {display:none;overflow:hidden;z-index:100;position:absolute;top:0;left:0;width:272px;height:384px;padding:19px;border-radius:10px;background:#fff;}
.layerpop_title {position:relative;min-height:30px;margin-bottom:10px;border-radius:10px 10px 0 0;background:#fff;}
.layerpop_title h3 {display:block;padding-bottom:20px;text-align:left;font-size:24px;line-height:22px;font-weight:700;color:#373f57;border-bottom:1px solid #ccc;}
.layerpop_content {position:relative;font-size:14px;line-height:20px;font-weight:500;color:#373f57;border-radius:0 0 10px 10px;background:#fff;}
.layerpop.type_info .layerpop_content {width:100%;height:305px;border-radius:0}
.closewrap {position:absolute;top:15px;right:16px;width:24px;height:24px;}
.closewrap button.btn_close_01 {position:absolute;top:0;right:0;width:24px;height:24px;font-size:16px;line-height:18px;font-weight:700;color:#373f57;}
.closewrap button.btn_close_01:before {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:url(../images/common/icon_close_05.svg) no-repeat center center;background-size:100% 100%}
.closewrap button.btn_close_01 span {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}

/*  첨부파일 : 공지사항 */
.filelist {padding:25px 50px;border-radius:8px;background:#F2F3F4;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;}
.filelist strong {display:block;margin-right:50px;font-size:16px;line-height:25px;font-weight:700;color:#333752;}
.filelist ul li {display:block;margin:5px 0;font-size:14px;line-height:22px;font-weight:400;color:#333752;}
.filelist ul li a:hover {color:#0038ff;text-decoration:underline;}

/* 메인 배너 */
.footer_banner {padding: 50px 0;}
.footer_banner ul {display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center; column-gap: 3%;}
.footer_banner ul li a:hover {color:#0038ff;text-decoration:underline;}
.footer_banner ul li a img {height: 40px;}

/* 사이트 맵 */
.site_map { padding-top:45px; border-top:1px solid #cccccc;}
.site_map h3 { width:263px; height:74px; margin:0 auto; font-size:0; background:url('../images/contents/img_sitemap_1.png') no-repeat center center / 100%;}
.site_map ul { position: relative; display: flex; width:100%; max-width:923px; margin:80px auto 0; justify-content: space-between;}
.site_map ul:before { content:''; position:absolute; top:-80px; left:50%; width:1px; height:32px; background: #3360FF; transform: translateX(-50%);}
.site_map ul:after { content:''; position:absolute; top:-50px; left:50%; width:550px; height:1px; background: #3360FF; transform: translateX(-50%);}
.site_map ul li { position:relative}
.site_map ul li:before { content:''; position: absolute; top:-50px; left:50%; z-index:1; display: block; width:1px; height: 49px; border-left:1px solid #3360ff; transform: translateX(-50%);}
.site_map ul li:after { content:''; position: absolute; top:7px; left:50%; display: block; width:5px; height:5px; border:3px solid #3360ff; border-radius: 50%; transform: translateX(-50%); background:#fff;}

.site_map ul li:first-child:before { width:100px; border-top:1px solid #3360FF; background:#fff; transform: translateX(calc(-50% + 50px));}
.site_map ul li:last-child:before { width:100px; border-top:1px solid #3360FF; border-right:1px solid #3360ff; border-left:0; background:#fff; transform: translateX(calc(-50% - 50px));}
.site_map ul li h4 { display: flex; width:193px; height:84.5px; margin-bottom:30px; color:#fff; font-size: 20px; font-weight: bold; background:no-repeat center center / 100%; align-items: center; justify-content: center;}
.site_map ul li h4.bg1 { background-image: url("../images/contents/img_sitemap_2.png");}
.site_map ul li h4.bg2 { background-image: url("../images/contents/img_sitemap_3.png");}
.site_map ul li h4.bg3 { background-image: url("../images/contents/img_sitemap_4.png");}
.site_map ul li h4.bg4 { background-image: url("../images/contents/img_sitemap_5.png");}
.site_map ul li a { display: block; position: relative; margin:20px 0 20px 55px; font-size:16px; transition: all .3s ease;}
.site_map ul li a:first-of-type:before { content:''; display: block; position:absolute;top:7px; left:-50px; width:37px; height:2px; background:#ccc;}
.site_map ul li a span { position:relative; display: inline-block;}
.site_map ul li a span:after { content:''; display: block; position:absolute; bottom:0; left:0; width:0; height:1px; background:#0038ff; transition: all .3s ease;}
.site_map ul li a:hover { color:#0038ff; font-weight: bold;}
.site_map ul li a:hover span:after { width:100%;}




@media screen and (max-width:1440px) {
	.tb_only {display:inline-block !important} /* 20250422 수정 */
	header {padding-bottom:40px;} 
	header.nav_up {padding-bottom:0;}
	.contents_wrap{width: 100%; padding:0 16px;}
	#gnb {display: none;}
	.floating_quick_menu {display: none;}

	.category_list li {width:auto;}
	.category_list .label {width: auto; padding:0 15px;}
	.map_section {height: 460px; background-color: #000;}
}


/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px) */ 
@media screen and (max-width:1280px) {
	
	.tb_only {display:inline-block !important}

	/* header */
	header {padding-bottom:40px;} /* 20250415 수정 */
	.header_search {width:40%;transition:all ease-out .3s;}
	
	/* contents */
	.list_wrap.type2 .btnwrap.topside {width:calc(100% - 100px);transition:all ease-out .3s;}
	
	/* main */
	.local_city {margin:20px auto 0;}
	.maindata {grid-template-rows:max-content 1fr;grid-template-columns:1fr 280px;} /* 20250410 수정 */
	.data_topic ul li em {font-size:14px;transition:all ease-out .3s;}
	.data_topic ul li > span {margin-top:5px;}
	.data_topic ul li > span:before {width:24px;height:25px;margin:0 3px -3px 0;filter:invert(100%) brightness(40%) contrast(100%);transition:all ease-out .3s;}
  	.data_topic ul li > span var {font-size:1.5em;transition:all ease-out .3s;}
  	.data_topic.sublist {transition:all ease-out .3s;}
	.data_topic.sublist ul li > span var {font-size:1.2em;}
	.data_topic.sublist ul li > span:before {width:24px;height:24px;margin:0 5px -6px 0;}
	
	/* 서비스 소개 */
	.cont_02 ul {gap:18px;}
	.cont_03 > div:nth-child(1), .cont_03 > div:nth-child(3) {padding-right:0}
	.cont_03 > div:after {display:block;position:relative;width:100%;margin-top:10px;}
	.cont_03 > div:nth-child(2) {padding-left:0}
	
	/* 문화플레이스 */
	.info_detail {width:252px;padding:25px 20px;transition:all ease-out .3s;}
	.info_detail .titlewrap.head {padding-bottom:10px;}
	.info_detail .titlewrap h2 {font-size:18px;transition:all ease-out .3s;}
	.info_detail .titlewrap h2 span {font-size:16px;line-height:26px;}
	.info_detail .btn_map_01 {top:27px;font-size:12px;line-height:17px;}
	.btn_map_01:before {top:5px;}
	.placesort {margin-top:15px;gap:10px 10px;transition:all ease-out .3s;}
	
	.placesort button {width:64px;height:64px;font-size:12px;line-height:14px;font-weight:700;letter-spacing:-1.5px;transition:all ease-out .3s;}
	.placesort button.place_06, .placesort button.place_08 {font-size:12px;line-height:14px;}
	.placesort button:after, .placesort button:before {width:64px;height:64px;}
	.placesort button:after {width:64px;height:64px;}
	.placesort button:before {top:12px;width:22px;height:22px;background-size:22px 22px;transition:all ease-out .3s;}
	.placesort button.place_06:before, .placesort button.place_08:before {top:8px;background-size:18px 18px;}
	.placesort button span {top:40px;}
	.placesort button.place_06 span, .placesort button.place_08 span {top:30px;padding:0 3px;font-size:12px;line-height:14px;}
	.placesort button.place_15 span {top:30px;padding:0 3px;font-size:12px;line-height:14px;}
	.placesort button.place_17 span {top:30px;padding:0 3px;font-size:12px;line-height:14px;}
    
	.placelist {width:280px;transition:all ease-out .3s;}
	.accordion_item .acdtitle {font-size:15px;}
	.linkinfo a[class^="sns"] {margin:0 3px;}
	
	/* 웹진 */
	.webzine_container img {width:100%;}
	
	/* openapi */
	.process_api ol {gap:55px;}
	.process_api li {width:140px;height:140px;transition:all ease-out .3s;}
	.process_api li:before {background-size:100px 100px;}
	.process_api li:after {left:-45px;width:32px;height:32px;background-size:32px 32px;}	
	.process_api li span {top:150px;font-size:14px;line-height:22px;}
  	
  	/* 공지사항 */
	.notice_container img {width:100%;}


	/* 사이트맵 */
	.site_map ul li h4 { width:166px; height:73px;}
	
}



/* 테블릿 가로 (해상도 768px ~ 1023px) */ /* 20250410 수정 */
@media screen and (max-width:1024px) {
	
	.tb_only {display:inline-block !important} /* 20250422 수정 */
    
	/* header */
	header {padding-bottom:40px;} /* 20250415 수정 */
	.header_wrap h1 {left:30px;transition:all ease-out .3s;}
	.header_wrap h1 a {width:240px;height:34px;transition:all ease-out .3s;}
	
	/* gnb */
	nav > ul li {min-width:auto;padding:0 30px;}
	nav ul.depth_2 li {height:28px;padding:0 10px;line-height:28px;}
	nav ul.depth_2 li a {font-size:14px;}
	
	/* contents */
	.contents_wrap {width:100%;padding:0 30px;}
	
	/* contents title */
	.contents > .btnwrap:first-child + .title_wrap {margin:20px 0;transition:all ease-out .3s;}
	
	/* main */
	.maindata {margin-top:20px;grid-template-rows:max-content 1fr;grid-template-columns:1fr max-content;} /* 20250410 수정 */
	.data_topic {padding:20px 0;}
  	.data_topic ul {
	    display:grid;
		grid-template-areas:
			"tp_1 tp_2 tp_3";   /* 20250410 수정 */
		grid-template-columns:min-content;
		grid-template-rows:min-content;
		text-align:center;
		gap:10% 6%;
		justify-content: space-evenly;  /* 20250410 수정 */
	}
  	.data_topic ul li {width:max-content;padding:10px 20px;text-align:left; }
  	.data_topic ul li:nth-child(1) {grid-area:tp_1;}
  	.data_topic ul li:nth-child(2) {grid-area:tp_2;}
  	.data_topic ul li:nth-child(3) {grid-area:tp_3;}
	
	.data_topic li + li::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%;background-color: #D8D8D8;}
	.data_topic > ul > li > button {transform: translateY(-50%); }
.data_topic > ul > li > button {display: flex; border:1px solid #717171; transition: all 0.3s; align-items: center; justify-content: center; height: 28px;background-color: #fff;border-radius: 20px; font-size: 14px; color: #2D2D2D; padding: 0 12px; position: relative; margin-right: 0; top: 20px;}
.data_topic > ul > li > button::after {content:''; transition: all 0.3s; background-image: url(../images/contents/btn_arrow_right.svg); width:16px; height: 16px; background-size: 100%; margin-left:6px;}
.data_topic > ul > li > button:hover {color:#fff; border:1px solid #323845; background-color: #323845;}
.data_topic > ul > li > button:hover::after {filter: invert(100%);}
.data_topic > ul > li > button.active {display: flex; color:#fff; border:1px solid #323845; align-items: center; justify-content: center; height: 28px; background-color: #323845; background-size: 100%; margin-left:0;}
.data_topic > ul > li > button.active::after {content:''; transition: all 0.3s; background-image: url(../images/contents/btn_arrow_down.svg); width:16px; height: 16px; background-size: 100%; margin-left:6px;}
.data_topic > ul > li > button.active::after {filter: invert(100%);}

	.data_topic .tabcontent .culture_city .culture_city_list > ul > li {display: flex; gap: 0 60px; align-items: center; padding:30px; width:100%; background-color: #fff;}
	
	.data_detail {padding:30px;}
	.index_list {padding:25px;}
	
    /* 버스투어 */
  	.banner_wrap {min-height:auto;padding:30px 26vw 30px 30px;}
  	.banner_wrap:after {bottom:11%;right:15px;width:155px;height:82px;background-size:100%;}
  	.banner_wrap p em {width:261px;height:24px;background-size:100%;}
  
	/* 지식자료실 : 목록 */
	.searchwrap {width:45vw;}
	.list_wrap.type3 ul {margin-left:0;border-bottom:1px solid #ccc;}
	.list_wrap.type3 li {float:none;width:100%;min-height:120px;margin:0 0 20px;padding:20px 0;border:0;border-top:1px solid #ccc;border-radius:0;}
	.list_wrap.type3 li > div {float:left;}
	.list_wrap.type3 li > div img {width:70px;height:100px;}
	.list_wrap.type3 li > div.infowrap {width:calc(100% - 132px);margin-left:20px;}
	.list_wrap.type3 li a {margin:0;font-size:18px;line-height:30px}
	.list_wrap.type3 li p {height:22px;margin-top:15px;}
	.list_wrap.type3 li span {font-size:14px;line-height:22px;}
	.list_wrap.type3 li p:last-child span:nth-child(2)::before {height:13px;}
	/* 지식자료실 : 상세 */
	.detail_wrap {border-color:#CCCDD4;}
	.detail_info .infowrap .infoes {margin:0 15px 0 0;}
	.detail_info .infowrap .infoimg {width:100px;transition:all ease-out .3s;}
	.detail_info .infowrap .infoimg, .detail_info .infowrap .btns {height:143px;transition:all ease-out .3s;}
	.detail_info .infowrap .btns button {margin:3px 0 0;}
	.detail_info .infowrap .infoes .tbwrap.tbltype02 table col:nth-child(1) {width:70px;}
	.detail_info .infowrap .infoes .tbwrap.tbltype02 table th, .detail_info .infowrap .infoes .tbwrap.tbltype02 table td {font-size:14px;line-height:28px;}
	.detail_info .infowrap p span, .detail_info .infowrap p em {font-size:14px;line-height:26px;}
	.detail_info .infowrap p span {width:55px;}
	.btn_type5 {min-width:110px;height:37px;margin-top:8px;padding:0 12px;font-size:14px;}
	.detail_cont {padding:20px;}
	
	/* openapi */
	.headinfo button {position:relative;top:initial;right:initial;transform:none;margin-top:20px}
	.process_api ol {gap:3vw;}
	.process_api li {width:13vw;height:13vw;}
	.process_api li:before {background-size:70px 70px;}
	.process_api li:after {left:-24px;width:24px;height:24px;background-size:24px 24px;}	
	.process_api li span {top:14vw;font-size:12px;line-height:16px;}
	
	/* 문화플레이스 */
	.placelist {bottom:100px;} 
	.accordion_item .acdtitle strong {padding:15px 0 15px 50px;}
	.accordion_item .acdtitle strong:before {top:12px;}

	/* 사이트맵 */
	.site_map ul { margin-top:30px; flex-flow: wrap;}
	.site_map ul:before { display: none;}
	.site_map ul:after { display: none;}
	.site_map ul li { width:50%;}
	.site_map ul li:before { display: none;}
	.site_map ul li:after { display: none;}
	.site_map ul li h4 { margin:0 auto;}
	.site_map ul li a { width:166px; padding-left:40px; margin-left:auto; margin-right:auto;}
	.site_map ul li a:first-of-type:before { left:0px; width:20px;}
}



/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px) */
@media screen and (max-width:768px) {
	
	.pc_only {display:none !important}
	.tb_only {display:none !important}
	.m_only {display:inline-block !important;}
		
	body {padding:0;}
	body::before {display:none}
	body.disable_scroll {overflow:hidden;height:100%;}
	
	.contents > .btnwrap:first-child {text-align:center;}
	
	/* 돌아가기 버튼 */
	.m_only.btnwrap {display:block !important;}
	button.pageback {width:32px;height:32px;padding:0;}
	button.pageback span {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
	button.pageback:before {top:0;left:0;}
	
	/* 더보기 버튼 */
    .btn_viewmore {padding:0 0 65px;border:none;}
    .btn_viewmore:after {bottom:0;top:auto;left:50%;transform:translateX(-50%);width:48px;height:48px;background:url(../images/common/icon_arrow_03.svg) no-repeat center center;}
    
	/* header */
	header {padding-bottom:0;} /* 20250415 수정 */
	
	/* header {z-index:1000;position:fixed;top:0;left:0;width:100%;height:80px;background:#fff;transition:all ease-out .2s;} 20250415*/
	/* header with scroll */
	/* header.nav_up {transition:all ease-out .2s;}
	header.nav_up, header.nav_up .header_wrap, header.nav_up .header_wrap nav {height:50px;}
	header.nav_up .header_wrap h1 {top:17px;}
	header.nav_up .header_wrap h1 a {width:110px;height:16px;padding:0;}
	header.nav_up .header_search.visible .search_top {height:50px;padding:5px 30px 5px 60px;}
	header.nav_up .header_search .search_top .pageback {top:13px;}
	header.nav_up .header_search button.btn_search, header.nav_up .header_search fieldset button {top:14px;right:65px;width:24px;height:24px;transition:all ease-out .1s;}
	header.nav_up .header_search fieldset button {top:6px;right:18px;width:24px;height:24px;}
	header.nav_up .btn_gnb {top:14px;width:24px;height:24px;transition:all ease-out .2s;}
	header.nav_up .gnb_menu {top:50px;} */
	/* header.nav_up .header_search {padding:0;}
	header.nav_up .header_wrap {height:80px;}
	header.nav_up #gnb {display: none;} 20250415*/
	
	.header_wrap {height:80px;transition:all ease-out .2s;}
	.header_wrap h1 {top:50%;transform: translateY(-50%); left:16px;}
	.header_wrap h1 a {width:220px;height:20px;padding:0;}
	.header_wrap h1 a:before {top:0;left:0;width:100%;height:100%;background-image:url(../images/common/img_logo_01.svg);}
	
	/* .header_utill {display:none;} */
	
	.header_search button.btn_search {display:block;position:absolute;top:50%; transform: translateY(-50%); right:65px;width:32px;height:32px;background:url(../images/common/icon_search_01.svg) no-repeat center center;background-size:100% 100%;}
	.header_search {width:100%;padding:0;}
	.header_search .search_top {display:none;position:relative;}
	.header_search.visible {position: absolute; top:80px; height: auto;}
	.header_search.hidden {height:0; overflow: hidden;}
	.nav_up .header_search.visible .search_top {border-top:none;}
	.header_search.visible .search_top {display:block;padding:24px 16px;background:#fff; z-index: 1; border-top:1px solid rgba(0, 0, 0, 0.17);border-bottom:1px solid rgba(0, 0, 0, 0.17);}
	.header_search.hidden .search_top {display:block;padding:24px 16px;background:#fff;}
	.header_search .search_top .pageback {position:absolute;top:29px;left:30px;width:24px;height:24px;padding:0;}
	.header_search .search_top .pageback:before {top:0;left:0;width:24px;height:24px;transform:rotate(-180deg);background:url(../images/common/icon_arrow_02.svg) no-repeat center center;background-size:24px 24px;}
	.header_search fieldset {position:relative;border:0;background:#fff; padding:0;}
	.header_search fieldset input {position:relative;font-size:16px;width:100%;height:48px;transition:all ease-out .3s; padding:0; border: 1px solid #C6C6C6; border-radius: 30px; padding:0 20px;}
	.header_search fieldset input:focus {border-color:#130657;}
	.header_search fieldset input::placeholder {font-size:16px;color:#66697D;transition:all ease-out .3s;}
	.header_search fieldset button {top:23px;right:25px;}
	.header_search .search_close {position:absolute; right:16px; top:-61px; background: url(../images/common/search_close.svg)no-repeat; width: 40px; height:40px; background-size: 100%;}
	
	/* gnb */
	nav {display: none; z-index:1000;position:absolute;;top:0;right:0;width:70px;height:80px;margin:0;background:transparent; border-top:none;}
	nav.active {z-index:1000;position:fixed;top:0;left:0;right:0;bottom:0;width:auto;}
	nav.active .gnb_menu {display:block;}
	
	.btn_gnb {display:none;position:absolute;top:50%; transform: translateY(-50%);right:16px;width:32px;height:32px;background:url(../images/common/ico_header_menu.svg) no-repeat center center;background-size:100% 100%;transition:all ease-out .2s;}
	.btn_gnb.active {display:block;position:absolute;top:24px;right:30px;width:32px;height:32px;background:url(../images/common/icon_close_04.svg) no-repeat center center;}
	.header_utill {position: initial;}
	.header_utill .pc_menu_all {position: absolute; right: 12px; top:calc(50% + 2px); transform: translateY(-50%); z-index: 1000;}
	header.nav_up .header_wrap .header_utill {transform: none;}
	.gnb_menu {display:none;width:100%;margin:0;;position:fixed;top:80px;left:0;right:0;bottom:0;background:#fff;}
	.gnb_menu > ul {display:block;position:relative;margin-top:8px;padding:0 30px;}
	.gnb_menu > ul li {position:relative;min-width:auto;height:auto;padding:0;text-align:left;font-weight:700;}
	.gnb_menu > ul > li {padding:20px 0;border-bottom:1px solid #F2F3F4;}
	.gnb_menu > ul > li:after {content:"";position:absolute;top:20px;right:5px;display:block;width:32px;height:32px;background:url(../images/common/icon_arrow_04.svg) no-repeat center center;}
	.gnb_menu ul a {display:block;padding:0 40px 0 0;font-size:20px;line-height:32px;font-weight:700;color:#333752}
	.gnb_menu > ul > li.on > a, .gnb_menu > ul > li:hover > a {color:#333752}
	.gnb_menu ul.depth_2 {position:absolute;z-index:5;left:0;overflow:hidden;width:100%;height:auto;margin-top:10px;border-radius:0;opacity:1;background:#fff;}
	.gnb_menu ul.depth_2 li {height:auto;margin:0;padding:11px 15px 10px 30px;text-align:left;line-height:32px;}
	.gnb_menu ul.depth_2 li:before {content:"";position:absolute;top:26px;left:0;display:block;width:8px;height:2px;background:#D9D9D9;}
	.gnb_menu ul.depth_2 li a {font-size:18px;line-height:28px;font-weight:700;color:#66697D;}
	.gnb_menu ul li:hover > .depth_2, .gnb_menu ul li:focus-within > .depth_2 {height:auto;padding:0;;transition:none;}
	.gnb_menu ul.depth_2 li:hover > a, .gnb_menu ul.depth_2 li:focus-within > a {color:initial;}
	

	.site_map_pop h2 {left: 16px; top:24px;}
	.site_map_pop h2::before {width: 138px; height: 20px; background-size: 100%;}
	.site_map_pop .close_sitemap {top:18px; right:16px;}
	.site_map_pop .close_sitemap:focus-visible {outline:2px dashed #fff!important;}
	.site_map_pop .close_sitemap::after {width: 32px; height: 32px; background-size: 100%;}
	.site_map_pop .sitemap_menu_wrap > ul {display: block; height:calc(100vh - 74px); overflow-y: auto; margin-top:74px; padding:0 16px;}
	.site_map_pop .sitemap_menu_wrap > ul::-webkit-scrollbar {width: 5px;}
	.site_map_pop .sitemap_menu_wrap > ul::-webkit-scrollbar-thumb {background-color: #fff;}
	.site_map_pop .sitemap_menu_wrap > ul > li {width: 100%;}
	.site_map_pop .sitemap_menu_wrap > ul > li > button {display: inline-flex; position: relative; align-items: center; width: 100%; height: 64px; border-bottom: 1px solid rgba(255,255,255,0.15); font-size: 20px;}
	.site_map_pop .sitemap_menu_wrap > ul > li > button::after {content:''; background: url(../images/common/menu_arc_arrow.svg)no-repeat; position: absolute; right:0; top:17px; width: 24px; height: 24px; transform: rotate(180deg);}
	.site_map_pop .sitemap_menu_wrap > ul > li > button:focus-visible {outline:2px dashed #fff!important;}
	.site_map_pop .sitemap_menu_wrap > ul > li.on > button::after {transform: rotate(0); top: 18px;}
	.site_map_pop .sitemap_menu_wrap > ul > li > ul.depth_2 {margin:0; padding:0; height: 0; overflow: hidden;}
	.site_map_pop .sitemap_menu_wrap > ul > li.on > ul.depth_2 {margin:0; padding:10px 0; height: auto; overflow: hidden;}
	.site_map_pop .sitemap_menu_wrap > ul > li > ul.depth_2 li + li {margin:0;}
	.site_map_pop .sitemap_menu_wrap > ul > li > ul.depth_2 li a {font-size: 16px; display: inline-flex; height: 34px; align-items: center; width: 100%;}
	
	
	
	
	
	/* contents */
	.contents_wrap {width:100%;padding:110px 30px 50px;border-radius:0;box-shadow:initial;transition:all ease-out .3s;}
	.contents_wrap.main {padding:110px 0 50px;}
	
	/* contents title */
	.contents > .title_wrap:first-child + * {margin-top:20px !important;border-color:#CCCDD4;}
	.title_wrap h2 {font-size:24px;line-height:36px;transition:all ease-out .3s;}
	.title_wrap p {font-size:14px;line-height:22px;}
	.title_wrap.type2 p {font-size:16px;line-height:26px;text-align:left;}
	.ctglabel {margin:-5px auto 10px;padding:4px 20px;font-size:14px;line-height:22px;}
	
	/* footer */
	.footer_wrap {width:100%;padding:20px 30px;text-align:center;background:#F2F3F4;}
	.footer_menu, .footer_info {display:block;}
	.sns_wrap {margin-top:0;}
	.sns_wrap a[class^="sns"] {width:48px;height:48px;background-size:32px 32px;border-radius:30px;background-color:#66697D;}
	.sns_wrap .sns1 {background-image:url(../images/common/icon_sns_01_m.svg);}
	.sns_wrap .sns2 {background-image:url(../images/common/icon_sns_02_m.svg);}
	.sns_wrap .sns3 {background-image:url(../images/common/icon_sns_03_m.svg);}
	.sns_wrap .sns4 {background-image:url(../images/common/icon_sns_04_m.svg);}
	.footer_menu select {background-color:#F2F3F4;}
	.footer_menu {margin:20px 20px 0;padding:0;border-bottom:none;}
	.footer_menu ul {min-height:auto;justify-content:center;}
	.footer_menu li {margin:3px 10px;font-size:12px;line-height:20px;}
	.footer_menu .link_wrap {text-align:center;margin:20px 0 25px;justify-content:center;}
	.corp_info {display:block;text-align:center;}
	.corp_info li {margin:0;font-size:12px;line-height:19px;}
	.corp_info li:first-child {display:block;}
	.corp_info li:nth-child(2)::before {display:none;padding-left:0;}
	.corp_info li::before {height:10px;}
	.footer_wrap .associate > .mark_wrap {display:block;margin:30px auto 0;}
	.mark_wrap .mark1 {width:47px;height:32px;background-size:100% !important;} /* 20250415 수정 */
	.mark_wrap .mark2 {width:58px;height:24px;background-size:100% !important;} /* 20250415 수정 */
	.footer_wrap .associate > .footer_logo {display:block !important;margin:25px auto 0;padding-top:25px;border-top:1px solid #fff;}
	.footer_logo a {width:120px;height:24px;margin-right:15px;}
	.footer_logo a::before {width:120px;height:24px;background-size:100% !important;}
	.footer_wrap .copy {font-size:10px;line-height:16px;font-weight:400;}

	/* 20250502 수정 : 건수 추가 */
	.title_wrap {margin-top:80px;}
	.title_wrap_wb {margin-top:80px auto 20px; vertical-align: middle;display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;}
	.title_wrap_wb h4 {font-size:20px;line-height:22px;font-weight:700;text-align:center;justify-self: center;}
	.title_wrap_wb span.desc_dig { font-size: 14px;line-height:22px; margin-top: 2px;justify-self: start;} 
	.title_wrap_wb span.desc_dig em {font-weight: 600; color: #E73656;} 
	.title_wrap_wb a {font-size: 14px;line-height: 22px; margin-top: 2px; color: #2d2d2d; font-weight:400;justify-self: end;display: inline-flex; align-items: center;}
	.title_wrap_wb a img {margin-left: 2px; transition: margin 0.3s; width: 16px; height: 16px;transform: rotate(-90deg);vertical-align: middle;}
	.title_wrap_wb a:hover img {margin-left: 6px;}
	
	/* swiper */
	.swiperwrap .swiper-button-next, .swiperwrap .swiper-button-prev {display:none;}
	.swiper-pagination-bullets.swiper-pagination-horizontal {top:auto;bottom:0;}
	.swiper-pagination-bullet {background:#CCCDD4;opacity:1;}
	.swiper-pagination-bullet-active {background:#333752;}
	.swiperwrap {padding:0;}
/*     .swiper button.viewdetail {position:absolute;top:0;right:calc(15% - 15px);width:70px;min-height:20px;padding-right:25px;text-align:right;background:url(../images/common/icon_more_02.svg) no-repeat right 0;background-size:16px 16px;} */
    .swiper button.viewdetail {position:absolute;top:0;right:calc(15% - 47px);width:70px;min-height:20px;padding-right:25px;text-align:right;background:url(../images/common/icon_more_02.svg) no-repeat right 0;background-size:16px 16px;}
	.swiper button.viewdetail span {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
	.swiper button.viewdetail:before {content:"더보기";position:absolute;top:0;left:0;width:49px;height:16px;font-size:14px;line-height:16px;color:#66697D;}
	.local_specialty button.viewdetail {height:auto;border:0;font-weight:400;}
	.local_specialty button.viewdetail:after {display:none;}

	.local_city .swiper-button-next, .local_city .swiper-button-prev,
	.local_specialty .swiper-button-next, .local_specialty .swiper-button-prev {display:none;}
	.local_specialty .swiper-slide {width:168px !important;}

	/* layer pop */
	.lypop_title h3 {font-size:24px;}
    .lypop_content > p:first-child {font-size:16px;line-height:26px;}
    .lypop_content h4 {font-size:16px;line-height:26px;}
    .lypop_wrap .slt_wrap select {font-size:16px;}
	.infotype01 .lypop_wrap h4, .infotype02 .lypop_wrap h4 {margin:0 0 20px;}
	.lypop_wrap, .infotype02 .lypop_wrap {top:50%;width:300px;}
	.lypop_wrap.type_01 p strong {margin:0 0 10px;}
	.infotype02 .lypop_wrap {height:600px;}
	.infotype02 .lypop_content .tbwrap.tbltype03 {max-height:395px;}
	.infotype01 .lypop_wrap .view_detail, .infotype01 .lypop_wrap .info_list {max-height:326px;}
	.info_list li, .infotype01 .lypop_wrap .view_detail p {font-size:14px;line-height:22px;}
    
    .lypop_wrap .slt_wrap.m_separate {display:block;}
    .lypop_wrap .slt_wrap.m_separate select {margin:8px 0 0;}
    
	.disable_scroll header {z-index:0;position:relative;}
	
	/* button */
	.btn_gender01, .btn_gender02 {width:100%;min-width:auto;padding:5px 8vw 5px 12px;}
	.btn_gender01:before, .btn_gender02:before {top:12px;right:7vw;}
	/* 지역변경하기 버튼 */
	.btn_map_02 {padding:6px 20px 6px 40px;font-size:16px;line-height:26px;}
    .btn_map_02:before {top:10px;}
	
	/* table */
	.tbwrap.tbltype01 {margin-top:10px;padding:0;border-top:1px solid #66697d;}
	.tbwrap.tbltype01 table, .tbwrap.tbltype03 table {table-layout:auto;}
	.tbwrap.tbltype01 table colgroup, .tbwrap.tbltype01 thead, .tbwrap.tbltype01 table th, 
	.tbwrap.tbltype03 table colgroup, .tbwrap.tbltype03 thead, .tbwrap.tbltype03 table th {display:none;}
	.tbwrap.tbltype01 table tr, .tbwrap.tbltype03 table tr {display:block;padding:15px 0;border-bottom:1px solid #cccdd4;}
	.tbwrap.tbltype01 table td, .tbwrap.tbltype03 table td {display:block;height:auto;padding:2px 0 !important;text-align:left;font-size:14px;line-height:22px;font-weight:400;border-bottom:0;overflow:initial;/*white-space:initial;*/}
	.tbwrap.tbltype01 table td:nth-child(1) {font-weight:700;}
	.tbwrap.tbltype01 table td a {word-wrap:break-word;}
	.tbwrap.tbltype03 table td {line-height:18px;}
	.tbwrap.th_fixed table td, .tbwrap.th_flexible table td {display:flex;align-items:start;}
	.tbwrap.th_fixed .th {display:inline-block;width:90px;font-weight:700;}
	.tbwrap.th_fixed .th + span {display:inline-block;width:calc(100% - 90px);}
	.tbwrap.th_flexible .th {margin-right:3px;}
	
	/* main */
	.main .title_wrap h2 {min-height:auto;}
	.main .title_wrap h2:after {display:none;}
	.title_wrap h3.h4type, .title_wrap h4 {font-size:18px;line-height:28px;}
	.main .title_wrap h4 {text-align:left;}
	.main .title_wrap {padding:0 30px;margin-top:50px;}
	.main .title_wrap.cityname {padding-top:50px;}
	
	.swiperwrap.main_visual {padding:0 0 35px;}
	
	.descript {margin-top:20px;padding:0 30px;}
	.region_data {padding:0 30px 30px;}
	
	.maindata {display:flex;margin-top:40px;}
	.data_topic, .data_detail, .index_list {height:468px;margin:0;}
	.data_detail, .index_list {padding:20px 0 0}
	.data_topic ul {display:block}
	.data_topic ul li {width:100%;margin-top:15px;padding:20px 30px 16px;text-align:left;border-radius:10px;background:#F2F3F4;}  	
	.data_topic ul li > span {margin-top:5px;}
  	.data_topic ul li > span var {font-size:24px;line-height:38px;}
  	.data_topic ul li > span:before {width:32px;height:32px;margin:0px 10px -6px 0;}
    .data_topic.sublist {width:100%;height:auto;margin:10px auto;padding:0 30px;border:0;border-radius:0;}
	.data_topic.sublist ul {display:block;}
	.data_topic.sublist ul li {width:100%;margin-top:10px;padding:20px 20px 15px;border-radius:10px;border:1px solid #CCCDD4;background:none;}
  	.data_topic.sublist ul li > span var {font-size:1.5em;}
  	.data_topic.sublist ul li > span:before {width:32px;height:32px;margin:0 10px -7px 0;}
  	
	.data_detail {border:0;border-radius:0;}
	.data_detail .title_wrap {margin:30px 0 0;padding:0;}
	.data_detail .title_wrap h3 {margin:0;font-size:14px;line-height:22px;}
	.data_detail .title_wrap h3 em {margin-left:10px;font-size:18px;line-height:28px;}
    .data_detail .title_wrap p {margin:0;}
    
	.bargraph {margin:18px auto 0 !important;}
	.bargraph > p {font-weight:500;}
	.bargraph > p em {bottom:-15px;padding-right:0;font-size:11px;}
    .bargraph > p em:before {display:none;}
    .data_detail .title_wrap p:before {width:24px;height:24px;}
    
    .infolist {margin:10px 0 20px;}
    .infolist li {margin-top:0;}
    .infolist li > span, .infolist li > span var {font-size:1em;}
    .infolist li > span var:before {top:-1px;}
    .maindata .description {margin-top:20px !important;font-size:14px;line-height:22px;}
    
    .index_list {margin-left:0;border:0;border-radius:0;}
    .index_list ul {margin-top:10px;}
	.index_list ul li {margin-top:15px;padding-top:25px;}
  	
  	.appoint {padding:0 30px}
  	.appoint > span {display:none;}
  	.appoint strong {position:relative;display:block;margin:10px 0 0;padding:0 0 0 22px;text-align:left;font-size:14px;line-height:22px;border:0;border-radius:0;}
	.appoint strong:before {content:"";position:absolute;top:3px;left:0;display:block;width:16px;height:16px;background:url(../images/common/icon_prize.svg) no-repeat center center;}
	.local_specialty .swiper-wrapper {flex-wrap:initial;flex-direction:initial;justify-content:initial;gap:0;}
    .list_wrap.type7 {margin-bottom:48px;padding:0 30px;gap:2px 0;}
  	.list_wrap.type7 > .grid-item {width:100%;min-height:126px;}
	
	/* main view */
	.main .list_wrap.type4, .main .list_wrap.type5 {flex-wrap:initial;flex-direction:initial;justify-content:initial;align-items:initial;gap:initial;}
	.mainview .list_wrap.type4, .mainview .list_wrap.type5, .mainview .list_wrap.type4_1 {display:block !important;margin:20px 0 85px !important;}
    .mainview .list_wrap.type4 > .grid-item, .mainview .list_wrap.type5 > .grid-item, .mainview .list_wrap.type4_1 > .grid-item {width:100%;}
    .list_wrap.type4 > .grid-item .imgarea img, .list_wrap.type5 > .grid-item .imgarea img {width:100%;}
    .list_wrap > .grid-item .btnwrap .viewinfo:before, .list_wrap > .grid-item .btnwrap .viewlayer:before {top:16px;font-size:16px;line-height:26px;}
    .list_wrap > .grid-item .btnwrap .viewinfo:after, .list_wrap > .grid-item .btnwrap .viewlayer:after {top:16px;width:24px;height:24px;}
    
    .mainview .btnwrap {margin-top: 50px;}
    .mainview .funcwrap.topside {padding-right:0;}
    
    .local_history, .exp_farm, .local_specialty {margin-top:-22px !important;padding-top:42px;}
	
	.list_wrap.type5 {margin:0;}
	
	/* 20250414 추가 */
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li {flex-wrap: wrap;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li div.thum {width:100%; height:140px; padding:20px 30px;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont {width:100%;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_title {margin-top:20px;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_title .label_stage {font-size: 14px; width: 20px; height:20px;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_title em {font-size:20px;}

	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .region_label {height: 25px; font-size:13px;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_vision {align-items: baseline;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont .list_vision em {font-size: 16px;}
	.data_topic .tabcontent .culture_city .culture_city_list > ul > li .list_cont > p {font-size:16px;}
	.data_topic .tabcontent .culture_city .culture_city_list ul li .list_cont a {font-size:14px;}
	
	
	.title_wrap p.desc_dist {font-size:20px} /* 20250429 수정 : 시군구 추가 */
	.title_wrap p.desc_dig { font-size:16px;line-height:26px; margin-top: 1px;} /* 20250429 수정 : 시군구 추가 */
    
  	/* 버스투어 */
  	.banner_wrap {padding:30px 30px 35px;border-radius:0;}
  	.banner_wrap p > span {margin-top:15px;padding:0 150px 10px 0;font-size:14px;letter-spacing:-0.5px;}
	
	.detail_wrap .tagwrap span {padding:3px 20px;font-size:12px;line-height:24px;transition:all ease-out .3s;}
	
	/* 문화플레이스 */
	.contents_wrap.culture {overflow:initial;width:100%;height:100%;;min-height:auto;border-radius:0;box-shadow:none;}
	.maparea, .placeinfo_wrap {height:calc(100% / 2);overflow-y:auto;overflow-x:hidden;}
	.maparea {position:relative;top:auto;left:auto;right:auto;bottom:auto;}
	.placeinfo_wrap {box-shadow:0 -2px 5px -1px rgba(0, 0, 0, 0.2);}
	.contents_wrap.culture .scroll_y {overflow-y:initial;padding:20px 30px 0;}
	
	.get_point {position:absolute;top:auto;right:0;left:10vw;bottom:30px;transform:translateX(-50%);border:none;border-radius:15px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2);}
	.refindmap button {min-width:206px;padding:4px 20px 4px 38px;}
	.refindmap button:after {left:15px;}
	
    .info_detail {position:relative;top:auto;left:auto;width:100%;padding:20px 30px 40px;border-radius:0;box-shadow:none}
    .info_detail .titlewrap .funcwrap {margin-top:-8px;}
	.info_detail .btn_map_01 {top:0;padding:40px 0 0;}
	.info_detail .btn_map_01:before {top:0;left:50%;transform:translateX(-50%);width:32px;height:32px;background-size:32px 32px;filter:none;}
    .placesortwrap {margin-left:-30px;margin-right:-30px;}
    .placesort {margin:20px 0 0;flex-wrap:initial;flex-direction:initial;justify-content:initial;gap:initial;}
    .placesort .swiper-slide {width:76px !important;}
    .placesort button {width:76px;height:82px;}
	.placesort button:after, .placesort button:before {width:56px;height:56px;}
	.placesort button:before, .placesort button.place_06:before, .placesort button.place_08:before {width:32px;height:32px;background-size:32px 32px;}
    .placesort button:not([disabled]):hover, .placesort button:not([disabled]).on {color:#3360FF;}
	.placesort button span, .placesort button.place_06 span, .placesort button.place_08 span {top:65px;}
	.placesort button.place_15 span {top:65px;}
	.placesort button.place_17 span {top:65px;}
	.info_detail .descript {margin-top:20px;font-weight:400;color:#999BA9;}
	
	.placelist {position:relative;top:auto;bottom:auto;right:auto;width:100%;padding:20px 30px 30px;background-color:#fff;}
    .accordion_item {box-shadow:none;}
	.accordion_item .acdtitle {border:1px solid #CCCDD4;}
	.accordion_item.focus .acdtitle, .accordion_item .acdtitle.focus {border-color:#fff;outline:2px solid #333752}
	.accordion_item.active .acdtitle {border:2px solid #333752 !important;outline:none;}

  	/* search */
  	.srchresult .result_desc {border-radius:10px;}
  	.srchresult .title_wrap {margin-top:50px;}
  	.srchresult .title_wrap h3 {font-size:18px;line-height:28px;}
  	.srchresult .title_wrap h3 strong {font-size:14px;line-height:22px;}
  	.list_wrap.type8 li em, .list_wrap.type9 li .listcont em, .list_wrap.type5_1 > div > em, .list_wrap.type8_1 li em {display:block;font-size:16px;line-height:26px;}
  	.list_wrap.type8 li > span, .list_wrap.type9 li .listcont span {margin:5px 0 0 35px;font-size:14px;line-height:22px;}
  	.list_wrap.type9 li .listcont span, .list_wrap.type5_1 > div em + span, .list_wrap.type8_1 li p span {margin:5px 0 0 0;font-size:14px;line-height:22px;}
  	.list_wrap.type8 li .btnwrap {top:22px;transform:none;}
  	.list_wrap.type9 li .listcont .tagwrap {margin-top:0;}
	.list_wrap.type9 li .btnwrap {top:auto;bottom:0;left:0;right:auto;}
	.list_wrap.type9 li .btnwrap + .listcont {width:100%;padding-bottom:60px;}
	.list_wrap.type5_1 > div .infowrap {padding-top:10px;}
	.list_wrap.type5_1 > div p {display:block;margin-top:8px;}
	.list_wrap.type8, .list_wrap.type9, .list_wrap.type5_1 {margin:0 auto;}
	.list_wrap.type8_1 li {padding:25px 25px 25px 0;}
	.list_wrap.type8_1 li p {display:block;}
	.list_wrap.type8_1 li p span:nth-child(2)::before {top:5px;height:12px;}
	.list_wrap.type8_1 li .btnwrap {position:relative;top:auto;right:auto;margin:20px 0 0;transform:none;text-align:left;}
	.list_wrap.type8_1 li .btnwrap button {margin:0 5px 0 0;}
	.srchresult .list_wrap.type8 li .btnwrap button {content:"";width:24px;min-width:auto;height:24px;margin-left:0;background:url(../images/common/icon_place.svg) no-repeat center center;}
	.srchresult .list_wrap.type8 li .btnwrap button span {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip:rect(0 0 0 0);}
	
	/* 서비스소개 */
	.srvcintro .title_wrap h3 {font-size:24px;line-height:38px;transition:all ease-out .3s;}
 	.srvcintro .descript {margin-top:70px;font-size:20px;line-height:32px;transition:all ease-out .3s;}
	.cont_01 p {width:100%;padding:24% 0;margin-bottom:60px;transition:all ease-out .3s;}
	.cont_01 p:before {background-size:100%;}
	.cont_01 p span {position:absolute;top:44vw;left:0;font-size:14px;line-height:22px;}
	.cont_01 p:nth-child(2) span {color:#333752;}
	.cont_02, .cont_03 {margin:30px 0 0 !important;}
	.cont_02 li {width:120px;}
	.cont_02 li span {top:115px;font-size:12px;line-height:19px;}
	.cont_03 > div {margin-bottom:20px;}
	.cont_03 > div:after {height:165px;margin-top:20px;}
 	.cont_04 li {width:47%;height:234px;padding:80px 20px 30px;}
 	.cont_04 li:before {width:32px;height:32px;background-size:100%;}
 	.cont_04 li strong, .cont_04 li var + span {font-size:12px;line-height:19px;}
    .cont_04 li var {font-size:20px;line-height:32px;}
    .refr {margin-top:35px;word-break:break-all}
 	
	/* openapi */
	.contents > .title_wrap:first-child + * {margin-top:48px !important;}
	.title_wrap h3 {font-size:18px;line-height:29px;}
	.title_wrap.type2 h3 {font-size:24px;line-height:38px;}
	.headinfo {padding:30px 30px 30px !important;}
	.headinfo h3 {font-size:18px;line-height:28px;}
	.headinfo p {margin-top:15px;font-size:14px;line-height:22px;}
	.headinfo button {margin-top:30px;min-width:230px;}
	.headinfo.type2 {display:block;padding:20px 20px 20px !important;}
	.headinfo.type2 h3 {display:block;width:100%}
	.headinfo.type2 p {width:100%;margin-top:10px;}
	
	.detail_list ul li {display:block;}
	.detail_list ul li > div {width:100% !important;}
	.detail_list ul li:nth-child(1) div {border-top:1px solid #CCCDD4;}
	.detail_list ul li > div.head {padding:40px 0 8px;border-top:0;}
	.detail_list ul li > div.conts {padding:10px 0;}
	.detail_list ul li > div .tbwrap {padding-bottom:10px;border-top:none;}
	.detail_list ul li > div .tbwrap table tr {padding:5px 0 15px;}
	
	.process_api ol {gap:8vw;}
	.process_api li {width:15vw;height:15vw;}
	.process_api li:before {background-size:60px 60px;}
	.process_api li:after {left:-5vw;width:16px;height:16px;background-size:16px 16px;}	
	.process_api li span {top:16vw;font-size:12px;line-height:16px;}
	
	/* 오픈 API 상세 : tbltype01 파생 */
	.tbwrap.tbltype04 table colgroup, .tbwrap.tbltype04 thead, .tbwrap.tbltype04 table th {display:none;}
	.tbwrap.tbltype04 > table > tbody tr {display:block;padding:15px 0;}
	.tbwrap.tbltype04 > table > tbody th, .tbwrap.tbltype04 > table > tbody td {display:block;}
	.tbwrap.tbltype04 > table > tbody > tr > th {padding:0 0 8px;}
	.tbwrap.tbltype04 > table > tbody > tr > th span {padding:20px 0 0 0;border-top:none;}
	.tbwrap.tbltype04 > table > tbody > tr > td {padding:10px 0;}
	.tbwrap.tbltype04 > table > tbody > tr:nth-child(1) > td:before {height:1px;}
	.tbwrap.tbltype04 .tbwrap.tbltype01 {padding-bottom:10px;border-top:none;}
	.tbwrap.tbltype04 .tbwrap.tbltype01 tr {padding:5px 0 20px;}
	.errorcode {margin-top:15px;}
	.errorcode div {margin:0 0 8px;}
	.errorcode span {width:20px;font-size:14px;line-height:22px;}
	.errorcode xmp {width:calc(100% - 20px);font-size:14px;line-height:22px;}
	
	/* 지식자료실 : 목록 */
	.searchwrap {width:70%;}
	.searchwrap fieldset {padding:0 40px 0 5px;}
	/* 지식자료실 : 상세 */
	.detail_info .infowrap {padding:0 0 30px;align-items:initial;}
	.detail_info .infowrap .infoimg {order:1;width:70px;height:100px;margin-right:20px;}
	.detail_info .infowrap .infoes {order:2;}
	.detail_info .infowrap .infoes .tbwrap.tbltype02 table col:nth-child(1) {width:60px;}
	.detail_info .infowrap .infoes .tbwrap.tbltype02 table th, .detail_info .infowrap .infoes .tbwrap.tbltype02 table td {font-size:12px;line-height:24px;}
	.detail_info .infowrap .btns {display:block;order:3;width:100%;height:auto;margin-top:20px;text-align:center;}
	.detail_info .infowrap p span {width:70px;font-size:12px;line-height:24px;}
	.btn_type5 {display:inline-block;min-width:auto;padding:0 4%;font-size:12px;line-height:20px;}
	
	/* 웹진 : 목록 */
	.list_wrap.type10 .webzinelist {display:block;padding:20px 0 50px;}
	.list_wrap.type10 h3 {width:100%;font-size:24px;line-height:38px;}
	.list_wrap.type10 .webzinelist ul {width:100%;margin-top:20px;justify-content:center;gap:50px 20px;}
	/* 웹진 : 상세 */
	.webzine_container {margin:50px 0 0 !important;padding:30px 0;border-color:#CCCDD4;}
	.move_list li {padding-left:0;}
	.move_list li * {font-size:14px;line-height:22px;}
	.move_list li span {width:70px;}
	.move_list li p {width:calc(100% - 70px);}
	.move_list li a {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;}
	
    /* 통계분석 */
    .olap .list_wrap .data_wrap {margin-left:0;}
    .olap .list_wrap .data_wrap {display:block;}
    .olap .list_wrap .data_wrap .databoard {width:100%;margin:17px 0 0;}
    .olap .layerpop.type_info {width:100%;}

	/* 사이트맵 */
	.site_map { padding-top:20px;}
	.site_map h3 { width:200px; height:56px;}
	.site_map ul li h4 { font-size:16px;}
	.site_map ul li a { margin-top:10px; margin-bottom:10px; font-size:14px;}
}

  
/* 모바일 세로 (해상도 ~ 479px) */ 
@media screen and (max-width:480px) {
	
	select {font-size:14px;line-height:22px;font-weight:500;}
	
	/* main */
	.index_list ul {flex-direction:column;}
	.index_list li {margin:15px auto 0;}
	.index_list li:nth-child(2) {padding:20px 0 0;border-top:1px solid #cccdd4;border-left:none;}
	.index_list li > span em {min-height:15px;}
	
	/* openapi */
	.openapi .headinfo button {min-width:180px;}
	
	.process_api ol {gap:8vw;}
	.process_api li {width:13vw;height:13vw;}
	.process_api li:before {background-size:35px 35px;}
	.process_api li:after {left:-24px;width:16px;height:16px;background-size:16px 16px;}	
	.process_api li span {top:14vw;}
	
	/* 지식자료실 */
	.searchwrap fieldset input, .searchwrap fieldset input::placeholder {font-size:14px;line-height:22px;font-weight:500;}
	/* 지식자료실 : 상세 */
	.detail_info .infowrap .infoes {width:47vw;}
	.btn_type5 {padding:0 3.6%;}

  
	.site_map ul li h4 { width:150px; height:70px;}
	.site_map ul li a { width:150px;}
}
  
/* 모바일 세로 (해상도 ~ 459px) */ 
@media screen and (max-width:360px) {
  
  
  
}