@charset "utf-8";
@import url(setting.css);
@import url(../../css/fonts.css);

/* ============================== [ 레이아웃 리셋 ] ========================================================================================== */
/* Reset */
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,big,cite,code,del,dfn,font,figure,figcaption,img,ins,q,s,samp,small,strike,sub,sup,tt,var,
b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {font:16px 'Pretendard GOV',sans-serif; line-height: 1;}
button,input,textarea {font:16px 'Pretendard GOV',sans-serif; line-height: 1;}
select {font:16px 'Pretendard GOV',sans-serif; line-height: 1;}
::selection {color:#fff; background-color:#333366;}
.go_view {position:absolute; left:0; top:0; height:100%; width:100%;}
.img img {display:block; width:100%; height:100%; object-fit:cover;}
* {word-wrap:break-word; word-break:keep-all; box-sizing: border-box;}
a {display: block;}
body.dim {overflow: hidden;}
body.dim:before {background-color: rgba(0, 0, 0, .25); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); content:""; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:9998;}
.inner {max-width: 1640px; width: 100%; padding: 0 20px; margin: 0 auto;}
.ln1 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.ln2 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.ln3 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

.sidebar {position: fixed; left: 0; bottom: 0; z-index: 9000;  transition: .5s;}

.sidebar .inner_wrap {width: 420px; filter: drop-shadow(5px 0px 6px rgba(0,0,0,0.22));}
.sidebar .head {background-color: #333366; padding: 16px 20px 0;}
.sidebar .head .head_top {display: flex; align-items: center; justify-content: space-between;}
.sidebar .head .head_top h1 {width: 37px; height: 14px;}
.sidebar .head .head_top h1 img {display: block; width: 100%; height: auto;}
.sidebar .head .head_top p {font-size: 14px; color: #fff; font-weight: 400;}
.sidebar .head .search_wrap {margin-top: 20px; height: 45px; position: relative;}
.sidebar .head .search_wrap input {border-radius: 4px; background-color: #fff; width: 100%; height: 100%; padding: 0 40px 0 14px; font-size: 15px; font-weight: 400;}
.sidebar .head .search_wrap button {width: 18px; height: 18px; background: url(../images/icon_search.svg) no-repeat 0 0; position: absolute; right: 14px; top: calc(50% - 10px); background-size: 100% auto;}
.sidebar .head .tab {margin-top: 20px;}
.sidebar .head .tab ul {display: flex;}
.sidebar .head .tab ul li a {padding:10px 16px; color: #fff; font-size: 14px; font-weight: 400; border-radius: 4px 4px 0 0;}
.sidebar .head .tab ul li.active a {color: #333366; font-size: 15px; font-weight: 800; background-color: #fff;}

.sidebar .content {padding: 12px 20px; background-color: #fff; height: calc(100vh - 150px); overflow-y: auto;}
.sidebar .content .sub_content > li {display: none;}
.sidebar .content .sub_content > li.active {display: block;}
.toggleBtn {display: none;}




/* 주요사건 */
.sort_wrap {display: flex; align-items: center; gap:14px; margin-bottom: 25px;}
.sort_wrap select {height: 30px; border-bottom: 1px solid #888888; font-size: 13px;font-weight: 500; padding: 0 18px 0 2px; background: url(../images/icon_select.svg) no-repeat right 3px center; background-size: 8px auto; cursor: pointer;}
.sort_wrap button {width: 42px; height: 30px; border-radius: 4px; background-color: #3399ff; font-size: 13px; color: #fff; font-weight: 500;}
.evt_li {margin-top: 25px;}
.evt_li li ~ li {margin-top: 25px; padding-top: 25px; border-top: 1px solid #e3e3e3;}
.evt_li h3 {font-size: 17px; line-height: 24px; color: #5858ad; font-weight: 700; position: relative;}
.evt_li h3::after {content:''; position:absolute; bottom:-5px; left:0; width:0; height:1px; background-color:rgba(0, 0, 0, .5); transition:all 0.3s;}
.evt_li li a:hover h3::after {width: 100%;}
.evt_li .cont {display: flex; align-items: center; margin-top: 15px; gap:15px;}
.evt_li .cont .img {width: 95px; height: 90px; background-color: #ffffff; border: 1px solid #aaaaaa; overflow: hidden; }
.evt_li li a:hover .cont .img img {transform: scale(1.2); transition:all 0.5s;}
.evt_li .cont .txt {flex:1; font-size: 14px; line-height: 21px; font-weight: 400; color: #161616; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

/* search */
.back {width: 45px; height: 30px; border-radius: 8px; background: url(../images/icon_searchList.svg) no-repeat center; border: 1px solid #d1d1d1; margin-bottom: 15px;} /* 250912 */
.res_wrap .group ~ .group {margin-top: 25px; padding-top: 13px; border-top: 1px solid #e3e3e3;}
.res_wrap .group .tit_area {display: flex; align-items: center; justify-content: space-between; margin-top: 12px;}
.res_wrap .group .tit_area h3 {font-size: 20px; font-weight: 800;}
.res_wrap .group .tit_area h5 {font-size: 18px; font-weight: 800;}
.res_wrap .group .tit_area a {position: relative; padding: 5px 30px 5px 10px; border-bottom: 1px solid  #aeaeae;  font-size: 14px; font-weight: 500; background: url(../images/icon_plus.svg) no-repeat right 4px center;}
.res_wrap .group .tit_area .total {position: relative; padding: 5px 10px; font-size: 14px; font-weight: 500;}/* 250912 */
.res_wrap .group .tit_area a:hover {border-bottom: 1px solid  #000; transition:all 0.3s;}
.res_wrap .group .space li {margin-top: 10px;}
.res_wrap .group .space li a {padding: 12px; border-radius: 8px; background-color: #f7f7f7; border: 1px solid rgba(0,0,0,0.16);}
.res_wrap .group .space .tit {font-weight: 700; line-height: 21px; color: #5858ad; position: relative;}
.res_wrap .group .space .tit::after {content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px; background-color:rgba(0, 0, 0, .5); transition:all 0.3s;}

.res_wrap .group .space a:hover  .tit::after {width: 100%;}
.res_wrap .group .space .name {font-size: 12px; line-height: 1.2; font-weight: 500; margin-top: 10px;}
.res_wrap .group .space .txt {font-size: 14px; line-height: 1.2; margin-top: 10px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

.res_wrap .group .gallery {margin-top: 27px;}
.res_wrap .group .gallery li ~ li {margin-top: 40px;}
.res_wrap .group .gallery a .cont_t {display: flex; gap:14px;}
.res_wrap .group .gallery a .img {width: 95px; height: 70px; overflow: hidden;}
.res_wrap .group .gallery a:hover .img img {transform: scale(1.2); transition: all .5s;}
.res_wrap .group .gallery a .txt_wrap {flex:1;}
.res_wrap .group .gallery a h4 {line-height: 21px; padding-bottom: 3px; color: #5858ad; font-weight: 600; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; position: relative;}
.res_wrap .group .gallery a h4::after {content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background-color:rgba(0, 0, 0, .5); transition:all 0.3s;}
.res_wrap .group .gallery a:hover h4::after {width: 100%;}
.res_wrap .group .gallery a .addr {margin-top: 7px; line-height: 1.2; font-size: 12px; font-weight: 500; padding-left: 14px; background: url(../images/icon_map.svg) no-repeat left top;}
.res_wrap .group .gallery a .name {font-size: 12px; line-height: 1.2; font-weight: 500; margin-top: 3px;}
.res_wrap .group .gallery a .desc {font-size: 14px; margin-top: 10px; line-height: 1.2;}

.res_wrap .group .journal {margin-top: 20px;}
.res_wrap .group .journal li ~ li {margin-top: 35px;}
.res_wrap .group .journal li .ctrl {display: flex; align-items: center; gap:10px;}
.res_wrap .group .journal li .ctrl h3 {font-size: 24px; line-height: 21px; font-weight: 700; color: #5858ad;}
.res_wrap .group .journal li .ctrl button {width: 34px; height: 26px; border-radius: 8px; filter: drop-shadow(1.5px 2.598px 1.5px rgba(0,0,0,0.04)); background-image: linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%); border: 1px solid #c9c9c9; position: relative;}
.res_wrap .group .journal li .ctrl button::after {display: block; content: ''; background: url(../images/icon_acc.svg) no-repeat center; transition: .3s; width: 12px; height: 7px; position: absolute; left: calc(50% - 6px); top: calc(50% - 3px); transform: rotate(180deg); transition: .3s;}
.res_wrap .group .journal li.active .ctrl button::after {transform: rotate(0deg);}
.res_wrap .group .journal li .tit {margin-top: 15px; line-height: 21px; color: #5858ad; font-weight: 700; position: relative;}
.res_wrap .group .journal li .tit::after {content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px; background-color:rgba(0, 0, 0, .5); transition:all 0.3s;}
.res_wrap .group .journal li .tit:hover:after {width: 100%;}
.res_wrap .group .journal li .cont_wrap {margin-top: 10px;}
.res_wrap .group .journal li .cont_wrap .desc {font-size: 14px; line-height: 1.2;}
.res_wrap .group .journal li .cont_wrap .btn_dt {font-size: 12px; font-weight: 500; margin-top: 10px; width: 78px; height: 24px; border-radius: 4px; background-image: linear-gradient(0deg, #ededed 0%, #ffffff 100%); border: 1px solid #c9c9c9; display: flex; align-items: center; padding-left: 4px;}
.res_wrap .group .journal li .cont_wrap .map_info {margin-top: 14px; display: block; font-size: 14px; line-height: 21px; font-weight: 700; color: #5858ad; padding-left: 18px; background: url(../images/icon_map.svg) no-repeat left top 4px; position: relative;}
.res_wrap .group .journal li .cont_wrap .map_info::after {content:''; position:absolute; bottom:0px; left:0; width:0; height:1px; background-color:rgba(0, 0, 0, .5); transition:all 0.3s;}
.res_wrap .group .journal li .cont_wrap .map_info:hover:after {width: 100%;}
.res_wrap .group .journal li .cont_wrap .map_info ~ .map_info {margin-top: 4px;}

.detail_wrap {left:0; position: absolute;  top: 5px; width: 450px; height: calc(100vh - 10px); border-radius: 16px; filter: drop-shadow(5px 0px 6px rgba(0,0,0,0.22)); background-color: #ffffff;}

.detail_wrap .dt_inner {padding: 35px 28px; height: 100%; overflow-y: auto;}
.detail_wrap .group {margin-top: 30px; border-top:1px solid rgba(0,0,0,0.09019607843137255);}
.detail_wrap h4 {margin-bottom: 15px; margin-top: 15px; color: #5858ad; line-height: 21px; font-weight: 800;}
.detail_wrap .dt_info .tit_area {margin-bottom: 20px;}
.detail_wrap .dt_info .tit_area h3 {font-size: 22px; color: #5858ad; font-weight: 800; line-height: 1.2; margin-bottom: 20px;}
.detail_wrap .dt_info .tit_area .name {margin-top: 5px; font-size: 14px; line-height: 1.2; font-weight: 800; color: #333;}
.detail_wrap .dt_info .tit_area .name span {font-weight: 500;}
.detail_wrap .dt_info .tit_area .addr {margin-top: 3px; font-size: 14px; line-height: 1.2; font-weight: 500; color: #333; padding-left: 20px; position: relative;}
.detail_wrap .dt_info .tit_area .addr:before {content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url(../images/icon_map.svg) no-repeat center; background-size: auto 16px;}
.detail_wrap .dt_info .desc {line-height: 1.4; font-weight: 400; font-size: 15px; margin-bottom: 25px;}
.detail_wrap .dt_info .img_li {display: flex; flex-wrap: wrap; gap:10px;}
.detail_wrap .dt_info .img_li li {width: calc(33.33% - 7px);}
.detail_wrap .dt_info .img_li li .img {border: 1px solid #aaaaaa; height: 82px; position: relative; overflow: hidden;}
.detail_wrap .dt_info .img_li li a:hover .img img {transform: scale(1.2); transition: all .5s;}
.detail_wrap .dt_info .img_li li p {margin-top: 8px; font-weight: 500; line-height: 21px; font-size: 12px; text-align: center;}
.detail_wrap .dt_info .img_lg {display: flex; justify-content: center; margin: 30px 0;}
.detail_wrap .dt_info .img_lg img { border: 1px solid #bbb; max-width: 100%; max-height: 300px;}/* 250912 */

.detail_wrap .dt_img {display: flex; gap:10px; flex-wrap: wrap;}
.detail_wrap .dt_img li {width: calc(50% - 5px);}
.detail_wrap .dt_img .img {border: 1px solid #aaaaaa; height: 115px; position: relative;}
.detail_wrap .dt_img .img .btn_wrap {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; background-color: rgba(51, 51, 102, .7); position: absolute; left: 0; top: 0; opacity: 0; transition: .3s;}
.detail_wrap .dt_img li:hover .img .btn_wrap {opacity: 1;}
.detail_wrap .dt_img .img .btn_wrap button {width: 62px; height: 62px; border-radius: 50%; background-color: #222245; font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center;}
.detail_wrap .dt_img .img .btn_wrap button ~ button {margin-left:40px; position: relative;}
.detail_wrap .dt_img .img .btn_wrap button ~ button::after {display: block; content: ''; width: 1px; height: 73px; position: absolute; left: -20px; top: -12px; background-color: rgba(255,255,255,0.45098039215686275);}
.detail_wrap .dt_img .img .btn_wrap button span {padding-top: 21px; background-position: top center; background-repeat: no-repeat;}
.detail_wrap .dt_img .img .btn_wrap .map span {background-image: url(../images/icon_map_02.svg);}
.detail_wrap .dt_img .img .btn_wrap .more_img span {background-image: url(../images/icon_more.svg);}
.detail_wrap .dt_img .tit {line-height: 1.2; text-align: center; margin-top: 8px; font-size: 15px; font-weight: 400;}
.detail_wrap .his_li li ~ li {margin-top: 10px;}
.detail_wrap .his_li a p {padding: 3px 15px 3px 35px; color: #333; font-size: 14px; line-height: 21px; font-weight: 600; border-radius: 4px; border: 1px solid #d4d4d4; background-color: #f7f7f7; transition: .3s; display: block; position: relative;}
.detail_wrap .his_li a p:before {content: ''; position: absolute; left: 12px; top: 8px; width: 13px; height: 13px; display: block; background: url(../images/icon_clnd.svg) no-repeat center; background-size: 13px auto;}
.detail_wrap .his_li a p span {font-weight: 300;}
.detail_wrap .his_li a p span:after {content: '|'; display: inline-block; padding: 0 2px 0 6px; font-weight: 100; color: #999;}
.detail_wrap .his_li a:hover p {color: #fff; font-weight: 400; background-color: #333366;;}

/* 슬라이드 팝업 */
.slide_popup {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 1024px; max-height: 85vh;}
.slide_popup .slide_content {background-color: #fff; border-radius: 8px; padding: 50px 5px; width: 100%; height: 100%; position: relative;}
.detail_slide figure {text-align: center;}
.detail_slide figure img {max-width: 100%; max-height: 500px;}
.detail_slide h4 {font-size: 22px; line-height: 1.4; font-weight: 700; text-align: center; margin-top: 25px;}
.detail_slide .txt {margin-top: 25px; font-size: 15px; line-height: 22px;}
.detail_slide .info {margin-top: 10px; display: flex; align-items: center; justify-content: space-between;}
.detail_slide .info .ref {font-size: 14px; line-height: 22px; font-weight: 700;}
/*.detail_slide .info a {padding: 4px 16px; background-color: #3399ff; border-radius: 8px; color: #fff; font-size: 14px; line-height: 22px; font-weight: 700;}*/
.detail_slide .item {padding: 0 80px; max-height: calc(85vh - 130px); overflow-y: auto;}
.detail_slide .arr_wrap button {position: absolute; top: calc(50% - 25px); width: 28px; height: 51px; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer; z-index: 1;}
.detail_slide .arr_wrap button.arr_prev {background-image: url(../images/arr_prev_on.svg); left: 15px;}
.detail_slide .arr_wrap button.arr_prev.swiper-button-disabled {background-image: url(../images/arr_prev.svg); left: 15px;}
.detail_slide .arr_wrap button.arr_next {background-image: url(../images/arr_next_on.svg); right: 15px;}
.detail_slide .arr_wrap button.arr_next.swiper-button-disabled {background-image: url(../images/arr_next.svg); right: 15px;}
.detail_bullet {text-align: center; position: absolute; bottom: 30px !important;}
.detail_bullet span {width: 16px; height: 16px; margin: 0 6px !important; background-color: #d5d5d5; opacity: 1;}
.detail_bullet span.swiper-pagination-bullet-active {background-color:#3399ff;}
.slide_content .close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; background: url(../images/icon_close.svg) no-repeat 0 0; background-size: 100% auto; cursor: pointer; z-index: 1;}
.detail_wrap .close {display: none; position: absolute; right: 20px; top: 15px; width: 26px; height: 26px; background: url(../images/icon_close.svg) no-repeat 0 0; background-size: 100% auto; cursor: pointer; z-index: 1;}

.slide_popup .journal_con {max-height: calc(85vh - 150px); overflow-y: auto; padding: 0 75px;}
.slide_popup .journal_con h3 {font-size: 20px; line-height: 1.2; font-weight: 500; margin-top: 25px;}
.slide_popup .journal_con h4 {font-size: 24px; line-height: 1.4; font-weight: 700; text-align: center; margin-top: 50px;}
.slide_popup .journal_con .txt {margin-top: 50px; font-size: 17px; line-height: 1.8;}

/* 일지 팝업 */
.basic_popup {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 1024px; max-height: 85vh;}
.basic_popup .basic_content {background-color: #fff; border-radius: 8px; padding: 50px 5px; width: 100%; height: 100%; position: relative;}
.basic_popup .basic_content .con {max-height: calc(85vh - 150px); overflow-y: auto; padding: 0 75px;}
.basic_popup h3 {font-size: 20px; line-height: 1.2; font-weight: 500; margin-top: 25px;}
.basic_popup h4 {font-size: 24px; line-height: 1.4; font-weight: 700; text-align: center; margin-top: 50px;}
.basic_popup .txt {margin-top: 50px; font-size: 17px; line-height: 1.8;}
.basic_content .close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; background: url(../images/icon_close.svg) no-repeat 0 0; background-size: 100% auto; cursor: pointer; z-index: 1;}

/* 버튼 */
.btn_more {display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px 10px 18px 10px; border: 1px solid #ddd; background-color: #f7f7f7; color: #161616; font-size: 14px; border-radius:8px; margin: 25px 0 15px;}
.btn_more span {display: flex; align-items: center;}
.btn_more span:first-child:after {content: '+'; font-size: 16px; padding-left: 5px;}
.btn_more span:nth-child(2):before {content: ''; height: 15px; width: 1px; background-color: #aaa; margin: 0 10px;}
.btn_more:hover {border: 1px solid #888; background-color: #f7f7f7; color: #161616; transition: all .3s;}

.btn-copyright {color:#fff; background:#3399ff; padding:8px 10px 8px 35px; border-radius:8px; font-weight:500; font-size:14px; display:block; position:relative;}
.btn-copyright:before {content:''; position:absolute; display:block; left:10px; top:5px; width:20px; height:20px; background:url(../../images/icon/ico_copyright.svg) center / cover;}
.btn-copyright:hover {background:#0660bb; color:#fff; transition:all 0.3s;}

@media screen and (min-width: 768px) {
	.sidebar {left: -405px; height: 100% !important;}
	.sidebar.active {left: 0;}
	.sidebar .inner_wrap {position: relative; z-index: 1;}
	.toggleBtn {display: block; position: absolute; z-index: 1; left: 100%; top: calc(50% - 38px); width: 32px; height: 76px; filter:drop-shadow(12.5px 2.33px 6px rgba(0,0,0,0.15)); background: url(../images/btn_layer.png) no-repeat 0 0;}
	.toggleBtn::after {display: block; content: ''; background: url(../images/arr_layer.svg) no-repeat 0 0; position: absolute; left: 6px; top: calc(50% - 5px); width: 6px; height: 11px;}
	.sidebar.active .toggleBtn::after {transform: rotate(180deg);}
	.detail_wrap.active ~ .toggleBtn {left: calc(100% + 455px); transition: .4s; transition-delay: .1s;}
	.detail_wrap {left: -520px;}
	.detail_wrap.active {left: calc(100% + 5px);transition: .5s;}
	.mo_srch {display: none;}
	.mo_ctrl {display: none;}
}
@media screen and (max-width: 767px) {
	.mo_srch {position: fixed; left: 10px; top: 10px; width: calc(100% - 20px); height: 48px; border-radius: 8px; filter: drop-shadow(1px 1.732px 2.5px rgba(0,0,0,0.12)); background-color: #ffffff; display: flex; align-items: center; z-index: 100;}
	.mo_srch .logo {width: 54px; text-align: center;}
	.mo_srch input {font-size: 14px; font-weight: 500; flex:1; height: 100%;}
	.mo_srch button {width: 44px; height: 100%; background: url(../images/icon_search.svg) no-repeat center;}
	.mo_ctrl {position: absolute; left: 50%; top: 6px;  padding: 10px 15px; transform: translateX(-50%);}
	.mo_ctrl  span {border-radius: 3px; background-color: #d0d0d0; width: 58px; height: 5px; display: block;}
	.sidebar {height: 50vh; border-radius: 30px 30px 0 0; overflow: hidden; width: 100%;}
	.sidebar .inner_wrap {width: 100%; height: 100%;}
	.sidebar .head {background-color: #fff; padding: 30px 10px 0;}
	.sidebar .head .head_top {display: none;}
	.sidebar .head .search_wrap {display: none;}
	.sidebar .head .tab ul {padding: 1px 13px; border-radius: 8px; background-color: rgba(221,221,221,0.5607843137254902);}
	.sidebar .head .tab ul li {flex:1;}
	.sidebar .head .tab ul li a {font-size: 14px; color: #767676; border-radius: 8px; padding: 14px 12px; text-align: center;}
	.sidebar .head .tab ul li.active a {color: #000; font-size: 14px;}
	.sidebar .content {padding: 15px 10px 30px; height: calc(100% - 94px);}

	.sort_wrap {justify-content: center; margin-top: 20px;}
	.sort_wrap select {height: 29px; font-size: 12px; background-size: 6px auto;}
	.sort_wrap button {height: 29px; width: 37px; font-size: 12px;}

	.evt_li h3 {font-size: 16px; line-height: 21px;}
	.evt_li .cont {margin-top: 10px;}
	.evt_li .cont .img {width: 85px; height: 80px;}
	.evt_li .cont .txt {font-size: 13px; line-height: 19px;}

	.res_wrap .group ~ .group {margin-top: 20px; padding-top: 20px;}
	.res_wrap .group .tit_area h3 {font-size: 18px;}
	.res_wrap .group .tit_area a {font-size: 12px; background-size: 10px auto; padding: 4px 25px 4px 10px;}
	.res_wrap .group .space li a {padding: 10px;}
	.res_wrap .group .space .tit {font-size: 14px; line-height: 19px;}
	.res_wrap .group .space .name {font-size: 11px; margin-top: 7px;}
	.res_wrap .group .space .txt {font-size: 12px; margin-top: 7px;}

	.res_wrap .group .gallery {margin-top: 24px;}
	.res_wrap .group .gallery a .img {width: 84px; height: 56px;}
	.res_wrap .group .gallery a h4 {font-size: 14px; line-height: 19px;}
	.res_wrap .group .gallery a .addr {font-size: 11px;}
	.res_wrap .group .gallery a .name {font-size: 11px;}
	.res_wrap .group .gallery a .desc {font-size: 12px;}
	.res_wrap .group .gallery li ~ li {margin-top: 35px;}

	.res_wrap .group .journal li ~ li {margin-top: 30px;}
	.res_wrap .group .journal li .ctrl h3 {font-size: 21px; line-height: 19px;}
	.res_wrap .group .journal li .ctrl button {width: 30px; height: 23px;}
	.res_wrap .group .journal li .tit {font-size: 14px; line-height: 19px;}
	.res_wrap .group .journal li .cont_wrap .desc {font-size: 12px;}
	.res_wrap .group .journal li .cont_wrap .map_info {font-size: 12px; line-height: 14px; background-position: left top 1px;}
	.res_wrap .group .journal li .cont_wrap .btn_dt {font-size: 10px; width: 70px; height: 20px;}

	.detail_wrap {display: none; width: 100%; border-radius: 30px 30px 0 0; top: 0; height: 100%; padding-top: 55px;}
	.detail_wrap.active {display: block;}
	.detail_wrap .dt_inner {padding: 0 10px 30px;}
	.detail_wrap .dt_info .tit_area {margin-bottom: 20px;}
	.detail_wrap .dt_info .tit_area h3 {font-size: 19px; line-height: 18px;}
	.detail_wrap .dt_info .tit_area .name {font-size: 12px;}
	.detail_wrap .dt_info .desc {font-size: 14px; line-height: 21px;}
	.detail_wrap .dt_info .img_li {gap:15px 10px}
	.detail_wrap .dt_info .img_li li {width: calc(50% - 5px); }
	.detail_wrap .dt_info .img_li li .img {height: 100px;}
	.detail_wrap .dt_info .img_li li p {font-size: 13px;}
	.detail_wrap .group {margin-top: 20px;}
	.detail_wrap h4 {font-size: 14px; line-height: 18px; margin-bottom: 8px; margin-top: 20px;}
	.detail_wrap .dt_img .img {height: 100px;}
	.detail_wrap .dt_img .tit {font-size: 13px; line-height: 16px;}
	.detail_wrap .dt_img .img .btn_wrap button {width: 48px; height: 48px; font-size: 9px;}
	.detail_wrap .dt_img .img .btn_wrap button span {padding-top: 17px;;}
	.detail_wrap .dt_img .img .btn_wrap .map span {background-size: 10px auto;}
	.detail_wrap .dt_img .img .btn_wrap .more_img span {background-size: 12px auto;}
	.detail_wrap .his_li a {padding-left: 17px; background-size: 11px auto; background-position: top 5px;}
	.detail_wrap .his_li a p {font-size: 13px; line-height: 18px; padding: 5px 12px;}
	.detail_wrap .close {display: block;}

	.slide_popup {width: calc(100% - 6px); left: 3px; top: 3px; transform: none; height: calc(100vh - 6px); max-height: none;}
	.slide_popup .slide_content {padding: 10px 3px;}
	.detail_slide {margin-top: 40px;}
	.detail_slide .item {padding: 0 20px; height: calc(100vh - 100px); max-height: none;}
	.detail_slide .arr_wrap button {width: 15px; height: 30px;}
	.detail_slide h4 {font-size: 18px; line-height: 21px;}
	.detail_slide .txt {font-size: 12px; line-height: 17px; margin-top: 20px;}
	.detail_slide .txt {font-size: 12px; line-height: 22px;}
	/*.detail_slide .info a {font-size: 11px; line-height: 18px; border-radius: 7px; padding: 4px 15px;}*/
	.detail_bullet span {width: 13px; height: 13px;}
	.slide_content .close {top: 10px; right: 50%; transform: translateX(50%);}
	.detail_bullet {bottom: 10px !important;}

	.detail_slide .arr_wrap button.arr_prev {left: 5px;}
	.detail_slide .arr_wrap button.arr_prev.swiper-button-disabled {left: 5px;}
	.detail_slide .arr_wrap button.arr_next {right: 5px;}
	.detail_slide .arr_wrap button.arr_next.swiper-button-disabled {right: 5px;}

	.slide_popup .journal_con {height: calc(100vh - 70px); margin-top: 40px; padding: 0 20px; max-height: none;}
	.slide_popup .journal_con h3 {font-size: 16px; margin-top: 5px; text-align: center;}
	.slide_popup .journal_con h4 {font-size: 18px; margin-top: 15px;}
	.slide_popup .journal_con .txt {margin-top: 20px; font-size: 12px;}
}

.map_ico {position: absolute; display: flex; align-items: center; flex-direction: column;}
.map_ico span {display: block; width: 27px; height: 27px; border-radius: 50%; filter: drop-shadow(0 0 2px rgba(0,0,0,.35)); border: 2px solid #ffffff;}
.map_ico span::after {display: block; content: ''; background-position: center; background-repeat: no-repeat; background-size: 100% auto; position: absolute;}
.map_ico.map_01 span {background-color: #5da145;}
.map_ico.map_01 span::after {background-image: url(../images/map_icon_01.svg); width: 12px; height: 13px; left: calc(50% - 6px); top: calc(50% - 7px);}
.map_ico.big.map_01 span::after {width: 18px; height: 19px; left: calc(50% - 8px); top: calc(50% - 9px);}

.map_ico.map_02 span {background-color: #6969da;}
.map_ico.map_02 span::after {background-image: url(../images/map_icon_02.svg);  width: 12px; height: 13px; left: calc(50% - 6px); top: calc(50% - 6px)}
.map_ico.big.map_02 span::after {width: 18px; height: 19px; left: calc(50% - 8px); top: calc(50% - 10px);}

.map_ico.map_03 span {background-color: #f17c1e;}
.map_ico.map_03 span::after {background-image: url(../images/map_icon_03.svg);  width: 12px; height: 15px; left: calc(50% - 6px); top: calc(50% - 6px)}
.map_ico.big.map_03 span::after {width: 15px; height: 21px; left: calc(50% - 9px); top: calc(50% - 9px);}


.map_ico.big span {height: 40px; width: 40px; transform: rotate(-45deg); border-radius: 50% 50% 50% 0; filter: drop-shadow(0 0 2px rgba(0,0,0,.35)); border: 2px solid #ffffff;}
.map_ico.big span::after {transform: rotate(45deg); }
.map_ico.big strong {margin-top: 15px; padding: 5px 10px; font-size: 13px; font-weight: 400; border-radius: 4px; filter: drop-shadow(1px 1.732px 1.5px rgba(0,0,0,0.2)); background-color: #ffffff; border: 1px solid #d1d1d1;}