@charset "utf-8";

/* 탭메뉴 */
.tab-ul.type2 li.active{position:relative;z-index:11;}
.tab-ul.type2 li.active a,
.tab-ul.type2 li.active a:active,
.tab-ul.type2 li.active a:focus,
.tab-ul.type2 li.active a:hover{border:3px solid #042557;color:#042557;background-color: #fff;}
.tab-ul.type2 li.active a span:before,
.tab-ul.type2 li.active a:active span:before,
.tab-ul.type2 li.active a:focus span:before,
.tab-ul.type2 li.active a:hover span:before{display: block; position: absolute; top: 50%; right:15px; z-index: 1; width:16px; height:10px; margin-top: -5px; background:url(/pcms/dist/img/tab_on_arrow.jpg)no-repeat;}

.ui-tab_group .tab__body{overflow:hidden;visibility:hidden;height:0;opacity:0;}
.ui-tab_group .tab__body.active{overflow:visible;height:auto;visibility:visible;opacity:1;}

/* sub01_01 일반현황 */
.s0101_status{overflow: hidden;margin-left:-20px;}
.s0101_status .status_box{float:left;width:calc(25% - 20px);margin-left:20px;margin-bottom:20px;border:1px solid #ddd;border-radius:13px;padding:39px 2.273% 25px;background: #fff;min-height:423px;}
.s0101_status .status_box .top{border-bottom:1px dashed rgba(0,0,0,0.5);padding-bottom:25px;margin-bottom:20px;text-align: center;}
.s0101_status .status_box .top .icon_box{position: relative;background: #e4eff5;width:86px;height:86px;border-radius: 30px;margin:0 auto;}
.s0101_status .status_box .top .icon_box .icon{position: absolute;left:50%;top:50%;width:47px;height:47px;background: url(/images/kor/sub06/sub060102_icon.png) no-repeat;display: inline-block;margin-left:-23.5px;margin-top:-23.5px;}
.s0101_status .status_box .top .icon_box .icon.icon01{background-position:0 0;}
.s0101_status .status_box .top .icon_box .icon.icon02{background-position:-57px 0;}
.s0101_status .status_box .top .icon_box .icon.icon03{background-position:-114px 0;}
.s0101_status .status_box .top .icon_box .icon.icon04{background-position:-171px 0;}
.s0101_status .status_box .top strong{display: block;color:#3a3a3a;font-size:18px;font-weight:bold;letter-spacing: -0.025em;margin:25px auto 0;}
.s0101_status .status_box .top span{color:#223b62;font-size:16px;line-height: 1.31;letter-spacing: -0.025em;font-weight:400;}
.s0101_status .status_box .bottom .list-1st li{letter-spacing: -0.05em;}
.s0101_status .status_box:last-child span{font-size: 0;}

.s0101_map{overflow: hidden;border:1px solid #ddd;border-radius:15px;margin-bottom:40px;}
.s0101_map .map{float:right;width:67.718%;padding:40px 20px;text-align: center;min-height:808px;display: table;table-layout: fixed;}
.s0101_map .map > div{display: table-cell;vertical-align: middle;}
.s0101_map .map_info{float:left;width:calc(100% - 67.718%);padding:145px 30px 45px;background: #5c8ede;position: relative;}
.s0101_map .map_info::before{content: "";position: absolute;right:0;top:0;width:143px;height:167px;background: url(/images/kor/sub06/sub060102_mapbg.png) no-repeat;}
.s0101_map .map_info .title em{color:#fff;font-size:17px;letter-spacing: -0.025em;}
.s0101_map .map_info .title strong{color:#fff;font-size:36px;letter-spacing: -0.05em;font-weight:bold;display: block;}
.s0101_map .map_info .area{background:#4c81d6;padding:24px 14.121%;color:#fff;border-radius: 8px;margin-top:20px;}
.s0101_map .map_info .area ul+ul{border-top:1px solid rgba(255,255,255,0.5);padding-top:23px;margin-top:23px;}
.s0101_map .map_info .area ul li{position: relative;display: inline-block;width:48%;text-align: center;}
.s0101_map .map_info .area ul li strong{display: block;font-size:23px;letter-spacing: -0.025em;font-weight:bold;}
.s0101_map .map_info .area ul li:after{content: "";position: absolute;right:0;top:0;border-right:1px dashed #9bb6e1;height:100%;}
.s0101_map .map_info .area ul li:last-child:after{display: none;}
.s0101_map .map_info .donw_wrap{margin-top:160px;}
.s0101_map .map_info .donw_wrap em{color:#fff;font-size:15px;font-weight:bold;letter-spacing: -0.025em;}
.s0101_map .map_info .donw_wrap ul{margin-top:14px;}
.s0101_map .map_info .donw_wrap ul li+li{margin-top:6px;}
.s0101_map .map_info .donw_wrap ul li a{display: block;color:#fff;font-size:15px;letter-spacing: -0.045em;padding:10px 20px;background: #5c8ede;border: 1px solid #fff;border-radius: 5px;transition: 0.3s;position: relative;}
.s0101_map .map_info .donw_wrap ul li a::after{content: "";position: absolute;right:20px;top:50%;width:14px;height:15px;background: url(/images/kor/sub06/s0101_downicon.png) no-repeat;transform: translateY(-50%);}
.s0101_map .map_info .donw_wrap ul li a:hover,
.s0101_map .map_info .donw_wrap ul li a:focus{background: #223b62;border-color:#223b62;}

@media(min-width:1280px) and (max-width:1465px){
    .s0101_status .status_box{min-height:452px;}
}
@media(min-width:900px) and (max-width:1125px){
    .s0101_status .status_box{min-height:452px;}
}
@media(max-width:899px){
    .s0101_map .map{float:none;width:100%;min-height:auto;display: block;}
    .s0101_map .map span{display: block;}
    .s0101_map .map_info{float:none;width:100%;padding:30px;}
    .s0101_map .map_info .area{padding:24px 5%;}
    .s0101_map .map_info .donw_wrap{margin-top:30px;}

    .s0101_status .status_box{float:left;width:calc(50% - 20px);}
}
@media(max-width:767px){
    .s0101 .vlist__bodo .obj .item .inner .ui-text, .s0101 .list-1st > li {text-align: left;}
}
@media(max-width:499px){
    .s0101_status{margin-left:0;}
    .s0101_status .status_box{float:none;width:100%;margin-left:0;min-height:auto;}
}
/* sub01_01 일반현황 End */

.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 10px;height: 10px;content: "";text-align: center;background: #0e90db;opacity: .25;color: black;border-radius: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;color: black;}

.photo_slide .thm_slide .obj .item .inner{width:100%;height:100%;position: relative;}
.photo_slide.famous .thm_slide .obj .item .inner{width:100%; position: relative; padding-top:49.0196%}
.photo_slide.famous .thm_slide .obj .item .inner img{display: block;width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

/* sub01_06 동 행정복지센터 */
@media(max-width:1330px) and (min-width:1280px){
    .sub01_06 .tab-ul.col4 li {width: 33.3%; min-height: 67px;}
}
@media(max-width:980px){
    .sub01_06 .tab-ul.col4 li {width: 50%; min-height: 67px;}
}
@media(max-width:500px){
    .sub01_06 .tab-ul.col4 li {width: 100%; min-height: auto;}
}
/* sub01_06 동 행정복지센터 End */

/* 연혁 */
.history_se02b .top strong span {display: block;}
.history_se02b .inner{padding: 50px 0 53px 200px;}
.history_se02b .inner ul li{padding-left:0;}
.history_se02b .inner strong{font-size:60px;top:15px;line-height: 1.1;}
.history_se02b .inner{min-height:180px;}

@media(max-width:767px){
    .history_se02b .inner{padding:40px 20px;}
    .history_se02b .inner ul li:before{display: block;}
    .history_se02b .inner ul li{padding:0;}
}
@media(max-width:700px){
    .history_se02b .top strong {font-size: 28px;}
    .history_se02b .top strong span {display: block;}
}
/* sub0204 마을축제 */
.s02024 .bodo-h{border:1px solid #ddd;padding:20px;}
.s02024 .bodo-h + .bodo-h{margin-top:20px;}

/* sub0103 힐링유성 */
.s0103 .bodo-v .col{border:1px solid #ddd;padding:10px;}
.s0103 .vlist__bodo .obj .list-1st {overflow: hidden;}
.s0103 .vlist__bodo .obj .list-1st li{float:left;width:50%;}

@media(max-width:767px){
    .s0103 .vlist__bodo .obj .list-1st li{float:none;width:100%;}
}

/* sub01_06 동 행정복지센터 */
@media(max-width:390px){
    .sub01_06 .tab-ul.col4 li {width: 100%;}
}
/* sub01_06 동 행정복지센터 End */

/* 연혁 */
.history_se02b .inner{padding: 50px 0 53px 200px;}
.history_se02b .inner ul li{padding-left:0;}
.history_se02b .inner strong{font-size:60px;top:15px;line-height: 1.1;}
.history_se02b .inner{min-height:180px;}

@media(max-width:767px){
    .history_se02b .inner{padding:40px 20px;}
    .history_se02b .inner ul li:before{display: block;}
    .history_se02b .inner ul li{padding:0;}
}

/* sub02_01 유성명소 8선 */
@media(max-width:1360px){
    .s0201 .tab-ul.type2 li {width:33.3333%;}
}
@media(max-width:767px){
    .s0201 .tab-ul.type2 li {width:50%;}
}
@media(max-width:560px){
    .s0201 .tab-ul.type2 li {width:100%;}
}
/* sub02_01 유성명소 8선 End */

/* 신규개편 */
.ui-tab_group{position: relative;}
.ui-tab_group[class*="s02"] .vlist__column{display: flex; flex-wrap: wrap;}
.ui-tab_group[class*="s02"] .vlist__column .inner {overflow: hidden;}
.ui-tab_group[class*="s02"] .vlist__column .inner .item{text-align: left; padding: 37px 40px 42px; height: 100%; }
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary{display: flex; flex-direction: column; justify-content:space-between; height: 100%;  }
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary strong{font-size: 20px; color: #1759c0; font-weight: 500; text-align:left; font-family:"score"}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary strong em{display: inline-block; font-size: 35px; font-weight: 900; margin-right: 10px;}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st>li:before{width: 21px; height: 21px; top: 3px; left:0;   }
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st>li.addr::before{background-image:url(/images/eng/sub02/list_icon01.png); background-repeat: no-repeat; background-position: center;}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st>li.time::before{background-image:url(/images/eng/sub02/list_icon02.png); background-repeat: no-repeat; background-position: center;}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st>li.sns::before{background-image:url(/images/eng/sub02/list_icon03.png); background-repeat: no-repeat; background-position: center;}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st>li.tel::before{background-image:url(/images/eng/sub02/list_icon04.png); background-repeat: no-repeat; background-position: center;}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st{margin-top: 60px;}
.ui-tab_group[class*="s02"] .vlist__column .inner .ui-summary .list-1st li{padding-left: 30px;}
.ui-tab_group[class*="s02"] .vlist__column.type02 .inner .item {padding: 0;}
.ui-tab_group[class*="s02"] .vlist__column.type02 .inner .ui-summary > div {padding: 40px;}
.ui-tab_group[class*="s02"] .vlist__column.type02 .inner .ui-summary > div .item-img {margin-bottom: 15px;}
.ui-tab_group[class*="s02"] .vlist__column.type02 .inner .ui-summary > div .item-img img {display: block; margin: 0 auto;}
.ui-tab_group[class*="s02"] .vlist__column.type02 .inner .ui-summary > .list-1st {min-height: 140px; margin: 0; padding: 25px 40px; background-color: #f8fafe;}

/* sub02_01 유성지도 */
.s0201 .map_list_wrapper .map_title_bar{height: 70px; background: #164571 url(/images/eng/sub02/map_titlebar.jpg); margin-bottom: 20px; border-radius: 15px; position: relative;  }
    .s0201 .map_list_wrapper{display: none;}
    .s0201 .map_list_wrapper.open{display: block; }
    .s0201 .map_list_wrapper .map_title_bar .map_open{font-size: 15px; display: block; font-family: 'Noto Sans KR'; color:#132438; background: #fff; border: 1px solid #132438; border-radius: 5px; position: absolute; right: 40px; top: 17px; padding: 5px 40px 5px 16px;  }
    .s0201 .map_list_wrapper .map_title_bar.close{display: none;}
    .s0201 .map_list_wrapper .map_title_bar .map_open .ir{right: 12px; }
    @media(max-width: 767px){
        .s0201 .map_list_wrapper{display: block; }
        .s0201 .map_list_wrapper .vlist__column{display: block;}
        .s0201 .map_list_wrapper .vlist__column .inner{width: 97%; margin: 0 auto 30px; float: none;}
    }

    /* 지도 */
    .map_wrapper.youseong_map{width: 100%;   display: none;}
    .map_wrapper.youseong_map.open{display: block;}
    .map_wrapper.youseong_map .map_popup_title{width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1;}

    .map_wrapper .map_popup_title .popup_text{font-size: 21px; color: #fff; font-weight: 700; line-height: 60px; display: none; text-align: center; }
        .map_wrapper .map_content.yuseong{  padding-top: 127.35%; background:url(/images/eng/sub02/youseong_district_map.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative;}
        .map_wrapper .map_content.onyuseong{  padding-top: 129.8%; background:url(/images/eng/sub02/onyuseong-gil_map.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative;}
        .map_wrapper .map_content li{position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
        .map_wrapper .map_content li a{position: absolute; width: 100px; height: 100px;   outline: none; z-index:10; }
        .map_wrapper .map_content li a:focus{outline:none; }
        .map_wrapper .map_content.yuseong li:nth-child(1).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_01.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(1) a{ top:46.5%;  right: 24.3%; width: 14.5%; height: 7.8%; border-radius:40px;  }  /* national science museum */
        .map_wrapper .map_content.yuseong li:nth-child(2).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_02.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(2) a{ top:25.9%;  right: 36.5%; width: 15%; height: 7%; border-radius:40px;   } /* kigma */
        .map_wrapper .map_content.yuseong li:nth-child(3).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_03.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(3) a{ top:32.8%;  right: 22%; width: 15%; height: 7%; border-radius:40px  } /* bank */
        .map_wrapper .map_content.yuseong li:nth-child(4).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_04.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(4) a{ top: 41%; right: 35.5%; width: 7%; height: 6%; border-radius: 30px} /* 카이스트*/
        .map_wrapper .map_content.yuseong li:nth-child(5).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_05.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(5) a{ top:23.8%;  left: 30.5%; width: 13%; height: 9%; border-radius:40px;  } /* 어린이 */
        .map_wrapper .map_content.yuseong li:nth-child(6).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_06.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(6) a{  bottom:44.7%;  right: 5.5%; width: 17.5%; height: 2.5%; border-radius:40px; } /* 아쿠아 */
        .map_wrapper .map_content.yuseong li:nth-child(7).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_07.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(7) a{ top:14%;  right: 40%; width: 15%; height: 10%; border-radius:50px;  } /* 대전 옵저버리 */
        .map_wrapper .map_content.yuseong li:nth-child(8).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_08.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(8) a{ top:23.5%;  right: 2.5%; width: 14%; height: 6%;   } /* 솔로몬 */
        .map_wrapper .map_content.yuseong li:nth-child(9).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_09.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(9) a{ bottom:19%;  left: 2%; width: 17%; height: 10%; } /* 밀쌈마을 */
        .map_wrapper .map_content.yuseong li:nth-child(10).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_10.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(10) a{ top: 39%;  left: 3.1%; width: 17%; height: 12%; border-radius:40px;  } /* 경주 sutonggole */
        .map_wrapper .map_content.yuseong li:nth-child(11).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_11.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(11) a{ top:42.5%;  left: 34.3%; width: 13.5%; height: 7.5%; border-radius:40px;   } /* 봉명*/
        .map_wrapper .map_content.yuseong li:nth-child(12).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_12.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(12) a{ top:48.5%;  right: 5%; width: 18%; height: 2.3%; border-radius:40px; } /* 신세계 */
        .map_wrapper .map_content.yuseong li:nth-child(13).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_13.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(13) a{ top:30%;  right: 2%; width: 17%; height: 11%;  border-radius:40px; } /* 엑스포 */
        .map_wrapper .map_content.yuseong li:nth-child(14).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_14.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(14) a{ top:13.5%;  right: 4%; width: 14%; height: 9%; } /* 승현서원 */
        .map_wrapper .map_content.yuseong li:nth-child(15).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_15.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(15) a{ top:19%;  left: 10%; width: 14%; height: 13%; border-radius:40px;  } /* 대전 네셔널 세메터리  */
        .map_wrapper .map_content.yuseong li:nth-child(16).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_16.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(16) a{ top:34.8%;  left: 21.5%; width: 13%; height: 10%; border-radius:40px;  }/*5 시장 */
        .map_wrapper .map_content.yuseong li:nth-child(17).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_17.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(17) a{ bottom:35%;  left: 32.5%; width: 13%; height: 14%; border-radius:40px;  } /* 온천*/
        .map_wrapper .map_content.yuseong li:nth-child(18).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_18.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(18) a{ top:47.7%;  right: 42%; width: 10%; height: 8.5%; border-radius:40px; } /* 유림공원 */
        .map_wrapper .map_content.yuseong li:nth-child(19).on{ background:url(/images/eng/sub02/yuseong_district/yuseong_district_19.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.yuseong li:nth-child(19) a{ top:34.7%;  left: 44.3%; width: 13%; height: 8%; border-radius:40px;   } /* 은동 */
       
        .map_wrapper .map_content.onyuseong li:nth-child(1).on{ background:url(/images/eng/sub02/yuseong_district/onyuseong_02.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.onyuseong li:nth-child(1) a{ bottom:22%;  left:30%; width: 11%; height: 9%; border-radius:40px;  } /* kigma */
        .map_wrapper .map_content.onyuseong li:nth-child(2).on{ background:url(/images/eng/sub02/yuseong_district/onyuseong_01.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.onyuseong li:nth-child(2) a{ bottom: 24%;  left: 7.5%;  width: 10.5%; height: 13%; border-radius:40px;  }  /* national science museum */
        .map_wrapper .map_content.onyuseong li:nth-child(3).on{ background:url(/images/eng/sub02/yuseong_district/onyuseong_03.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.onyuseong li:nth-child(3) a{ bottom:21%;  right: 26%; width: 15%; height: 9%; border-radius:40px;   } /* bank */
        .map_wrapper .map_content.onyuseong li:nth-child(4).on{ background:url(/images/eng/sub02/yuseong_district/onyuseong_04.png);  background-position: center; background-repeat: none; background-size: contain;}
        .map_wrapper .map_content.onyuseong li:nth-child(4) a{ top: 46%; right: 3.2%; width: 14%; height: 11%; border-radius: 30px;} /* 카이스트*/


        .map_wrapper .map_content.yuseong li .contents-card{width: 37.99%; height: 41%; background: #fff; border-radius: 12px; right: 3.2%; bottom: 2.5%; position: absolute; padding-top: 4.5%;  display: none; }
        .map_wrapper .map_content.onyuseong li .contents-card{width: 37.99%; height: 41%; background: #fff; border-radius: 12px; left: 3.2%; top: 18.8%; position: absolute; padding-top: 4.5%;  display: none; }
        .map_wrapper .map_content li.on .contents-card{display: block; box-shadow: 0 0 20px rgba(0,0,0,.2)}
        .map_wrapper .map_content li.on .contents-card .img_box{width: 50%; height: 39.81%;  border-radius: 50%; margin:0 auto;   }
        .map_wrapper .map_content li.on .contents-card .title_box{text-align: center; width: 80%; margin: 8% auto 0;  font-size: 110%; font-weight: 400; color: #1759c0; }
        .map_wrapper .map_content li.on .contents-card .title_box strong{display: block; font-size: 110%; }
        .map_wrapper .map_content li.on .contents-card .desc_box{width: 85%; height: 33%; overflow: auto; margin: 6% auto 0; font-size: 15px; position: relative; z-index:999;padding-left:10px; padding-bottom:10px; }
        .map_wrapper .map_content li.on .contents-card .desc_box::-webkit-scrollbar{ width: 8px; background: #e7e7e8;  }
        .map_wrapper .map_content li.on .contents-card .desc_box::-webkit-scrollbar-thumb{  background: #153b75; border-radius: 5px;  }

        .summary-img-box{overflow: hidden; width: 200px;  height: 200px; border-radius:50%;  position: relative; margin: 10px auto 16px; border: 3px solid #dbdbdb;}
        .summary-img-box img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-height: none; max-width: none;}
        .summary-img-box img.width{width: 100%;}
        .summary-img-box img.height{height:100%; }

        @media(max-width: 1440px ){
            .map_wrapper .map_content li.on .contents-card .title_box{font-size: 1.6vw;}
        .map_wrapper .map_content li.on .contents-card .title_box strong{ font-size: 1.6vw; }
        .map_wrapper .map_content li.on .contents-card .desc_box{ font-size: 1.2vw; line-height: 1.7vw; }
        
        }

        @media(max-width: 767px){
            .map_wrapper.youseong_map{ margin-bottom:30px;}
            .map_wrapper.youseong_map .map_popup_title{display: block; height:auto; position: relative; background: #164571; height: 60px; margin-bottom: 10px; border-radius: 15px;   }
            .map_wrapper .map_popup_title .popup_logo{width: 90px; height: 27px; margin:0 auto; display: none; }
            .map_wrapper .map_popup_title .popup_text{display: block;}
            .map_wrapper .map_popup_title .popup_close{  right: 10px; top: 7px;   }
            .map_wrapper .map_content.yuseong{  border: 1px solid #cdd6e4; padding-top: 127.05%; background:url(/images/eng/sub02/youseong_district_map_mobile.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; border-radius: 15px;}
            .map_wrapper .map_content.onyuseong{  border: 1px solid #cdd6e4; padding-top: 127.05%; background:url(/images/eng/sub02/onyuseong_map_mobile.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; border-radius: 15px;}
            .map_wrapper .map_content li{display: none;}


        }

        .img_box{overflow: hidden; position: relative;}
        .img_box img{max-width: none; max-height: none; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);  }
        .img_box img.height{height: 100%;}
        .img_box img.width{width: 100%;}
        .popup_close{display: block; width: 46px; height: 46px; background:#164571 url("/images/eng/sub02/map_close.png"); background-repeat: no-repeat; background-position: center; background-size: 38%; border-radius: 50%; position: absolute; right: 4%; top: 3%;  }
        .popup_logo{width: 33.431%; height: 15.39%;}
        .popup_logo img{width: 100%; height: 100%; }

        .txt-tip:before{background-position: -2px -19px;}

        .ui-tab_group .map_list_wrapper .vlist__column .inner{cursor: pointer;}
        .ui-tab_group .map_list_wrapper .vlist__column .inner:hover{box-shadow:0 0 10px 2px rgba(0, 0, 0, .4);}
        @media(max-width : 767px){
            .ui-tab_group .map_list_wrapper .vlist__column .inner{cursor:auto;}
            .ui-tab_group .map_list_wrapper .vlist__column .inner:hover{box-shadow:none;}
        }

        /* 축제 */
        .ui-tab_group_type2 .tab-ul_sub02_05{display: flex; flex-wrap: wrap; margin-bottom: 20px; margin-left:1px;  }
        .ui-tab_group_type2 .tab-ul_sub02_05 li{width:50%; border: 1px solid #e1e1e1; margin-left:-1px; margin-top: -1px;}
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link{display: flex; width:100%; height: 100%; align-items:center; border:3px solid transparent;transition: all .4s ease-out;}
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link:hover{border:3px solid #042557;}
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link span{ display: inline-block; width: 100%; padding: 10px 40px 10px 20px; position: relative;  word-wrap:break-word;}
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link span:before{ content: ""; display: block; position: absolute; top:50%; right: 15px; width: 16px; height: 4px; margin-top: -1px; border-radius: 5px; background: #b5b7ba; transition: all .4s ease-out; transform:translateY(-50%); opacity:1; }
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link:hover span:before{ opacity: 0;}
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link span:after{ content: ""; display: block; position: absolute; top:50%; right: 15px; width: 16px; height: 10px; margin-top: -1px; border-radius: 5px; background: url(/pcms/dist/img/tab_on_arrow.jpg)no-repeat; transform:translateY(-50%); transition: all .4s ease-out; opacity:0; }
        .ui-tab_group_type2 .tab-ul_sub02_05 li .ui-tabs_link:hover span:after{ opacity:1}
    
        @media(max-width: 992px){
            .ui-tab_group_type2 .tab-ul_sub02_05 li{width:50%; }
        }
        @media(max-width: 500px){
            .ui-tab_group_type2 .tab-ul_sub02_05 li{width:100%; }
        }
    
        .ui-tab_group_type2 .tab_body{display: none;}
        .ui-tab_group_type2 .tab_body.active{display: block;}

       .ui-tab_content_sub02_05 .slider.slider-nav{background: #edf5fb; position: relative; padding: 10px 0;}
         .ui-tab_content_sub02_05 .slider.slider-nav button{position: absolute;}
         .ui-tab_content_sub02_05 .slider.slider-nav button.slick-prev{text-indent:-10000px; left: 20px; top: 50%; display: block; width: 10px; height: 10px; border: 3px solid #0e90db; transform: translateY(-50%) rotate(45deg); border-top: none; border-right: none; }
         .ui-tab_content_sub02_05 .slider.slider-nav button.slick-next{text-indent:-10000px; right: 20px; top: 50%; display: block; width: 10px; height: 10px; border: 3px solid  #0e90db; transform: translateY(-50%) rotate(45deg); border-bottom: none; border-left: none;}
         .ui-tab_content_sub02_05 .slider.slider-nav button span.slick-sr-only{display: none;}
        .ui-tab_content_sub02_05 .slider.slider-nav .slick-list.draggable{width: 80%;  margin: 0 auto; }
        .ui-tab_content_sub02_05 .slider.slider-nav .slick-list.draggable .slick-slide{width: 18%; height: 120px; padding: 10px; cursor:pointer; }
        .ui-tab_content_sub02_05 .slider.slider-nav .slick-list.draggable .slick-slide > div{width: 100%; height: 100%; background-size: cover;     }