@charset "utf-8";
.map-group{min-height:600px;position: relative;}

.map-group .map-tab{position: relative;z-index: 10;}



.map-group .map-tab .tabwrap{overflow: hidden;text-align: center;border:1px solid #ddd;border-right:0;border-bottom:0;}
.map-group .map-tab .tabwrap li{position: relative; float: left;width:12.5%;background: #fff;}
.map-group .map-tab .tabwrap li:before{display: inline-block;position: absolute;right: 0;top:0;width:1px;height:100%;background: #ddd;content: '';}
.map-group .map-tab .tabwrap li:after{display: inline-block;position: absolute;left: 0;bottom:0;width:100%;height:1px;background: #ddd;content: '';}
.map-group .map-tab .tabwrap li a{display: block;padding:15px;}
.map-group .map-tab .tabwrap li a:focus {text-decoration:underline;font-weight:700;}
.map-group .map-tab .tabwrap li.on a{color:#fff;background:#48546d}
.map-group .map-tab .mapwrap{position: absolute;left: 20px;top:170px;width:590px;height:590px;font-size: 1em;}
.map-group .map-tab .mapwrap li{position: absolute;text-align: center;background-repeat: no-repeat;background-size:100%;}
    .map-group .map-tab .mapwrap li:nth-child(2){left: 6.2%;top: 3.8%;width: 13em;height: 14em;background-image: url(/images/kr/sub05/yugu.png);}
    .map-group .map-tab .mapwrap li:nth-child(3){left: 13em;top: 24.6em;width: 10.5em;height: 10.3em;background-image: url(/images/kr/sub05/einmyun.png);}
    .map-group .map-tab .mapwrap li:nth-child(4){left: 9.7em;top: 28.5em;width: 11.1em;height: 10.4em;background-image: url(/images/kr/sub05/tancheon.png);}
    .map-group .map-tab .mapwrap li:nth-child(5){left: 21.3em;top: 24.9em;width: 10.2em;height: 11.1em;background-image: url(/images/kr/sub05/gyeryong.png);}
    .map-group .map-tab .mapwrap li:nth-child(6){left: 29.2em;top: 23.4em;width: 8.9em;height: 10.5em;background-image: url(/images/kr/sub05/banpo.png);}
    .map-group .map-tab .mapwrap li:nth-child(7){left: 21.8em;top: 8.3em;width: 9.5em;height: 11.6em;background-image: url(/images/kr/sub05/euidang.png);}
    .map-group .map-tab .mapwrap li:nth-child(8){left: 13.8em;top: 3.3em;width: 13em;height: 12.8em;background-image: url(/images/kr/sub05/jungan.png);}
    .map-group .map-tab .mapwrap li:nth-child(9){left: 7.9em;top: 12.6em;width: 16.5em;height: 14.8em;background-image: url(/images/kr/sub05/woosung.png);}
    .map-group .map-tab .mapwrap li:nth-child(10){left: 11.5em;top: 8.2em;width: 7.9em;height: 14em;background-image: url(/images/kr/sub05/sagok.png);}
    .map-group .map-tab .mapwrap li:nth-child(11){left: 1.3em;top: 12.5em;width: 12.1em;height: 10.2em;background-image: url(/images/kr/sub05/sinpoong.png);}
    .map-group .map-tab .mapwrap li:nth-child(12){left: 22.6em;top: 21.5em;width: 1.7em;height: 2em;background-image: url(/images/kr/sub05/junghak.png);z-index: 7;}
    .map-group .map-tab .mapwrap li:nth-child(13){left: 20.8em;top: 20.2em;width: 3.8em;height: 3.1em;background-image: url(/images/kr/sub05/ungjin.png);z-index: 6;}
    .map-group .map-tab .mapwrap li:nth-child(14){left: 17em;top: 22em;width: 8.3em;height: 6.8em;background-image: url(/images/kr/sub05/geumhak.png);}
    .map-group .map-tab .mapwrap li:nth-child(15){left: 24em;top: 21.2em;width: 6.5em;height: 5.3em;background-image: url(/images/kr/sub05/okryong.png);z-index: 6;}
    .map-group .map-tab .mapwrap li:nth-child(16){left: 20.9em;top: 18.2em;width: 5.1em;height: 3.9em;background-image: url(/images/kr/sub05/sinkwan.png);z-index:6;}
    .map-group .map-tab .mapwrap li:nth-child(17){left: 24.3em;top: 17.9em;width: 6.7em;height: 6em;background-image: url(/images/kr/sub05/wolsong.png);z-index: 4;}
.map-group .map-tab .mapwrap li.on{animation:slice 1s ease-out;}
    .map-group .map-tab .mapwrap li.on:nth-child(2){ background-image: url(/images/kr/sub05/yugu2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(3){background-image: url(/images/kr/sub05/einmyun2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(4){background-image: url(/images/kr/sub05/tancheon2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(5){background-image: url(/images/kr/sub05/gyeryong2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(6){background-image: url(/images/kr/sub05/banpo2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(7){background-image: url(/images/kr/sub05/euidang2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(8){background-image: url(/images/kr/sub05/jungan2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(9){background-image: url(/images/kr/sub05/woosung2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(10){background-image: url(/images/kr/sub05/sagok2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(11){background-image: url(/images/kr/sub05/sinpoong2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(12){background-image: url(/images/kr/sub05/junghak2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(13){background-image: url(/images/kr/sub05/ungjin2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(14){background-image: url(/images/kr/sub05/geumhak2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(15){background-image: url(/images/kr/sub05/okryong2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(16){background-image: url(/images/kr/sub05/sinkwan2.png);}
    .map-group .map-tab .mapwrap li.on:nth-child(17){background-image: url(/images/kr/sub05/wolsong2.png);}
    .map-group .map-tab .tabwrap li.first,
	.map-group .map-tab .mapwrap li.first{display:none;}
    
    
.map-group .map-tab .mapwrap li a{display: inline-block;position: absolute;left: calc(50% - 2em);top:calc(50% - 1.5em); padding:0.5em;z-index: 10;transition:.3s;-webkit-transition:.3s;}
    .map-group .map-tab .mapwrap li:nth-child(2) a{top:calc(50% - 0.4em);}
    .map-group .map-tab .mapwrap li:nth-child(4) a{left:calc(50% - 2.4em);top:calc(50% - 0.3em);}
    .map-group .map-tab .mapwrap li:nth-child(6) a{left:calc(50% - 1.2em);top:calc(50% - 1em);}
    .map-group .map-tab .mapwrap li:nth-child(7) a{left:calc(50% - 0.4em);top:calc(50% - 2.2em);}
    .map-group .map-tab .mapwrap li:nth-child(9) a{left:calc(50% + 1.2em);top:calc(50% - 1.4em);}
    .map-group .map-tab .mapwrap li:nth-child(12) a{padding:0;left:calc(50% - 1.2em);top:calc(50% - 0.8em);}
    .map-group .map-tab .mapwrap li:nth-child(13) a{padding:0;left:calc(50% - 1.9em);top:calc(50% - 1.4em);}
    .map-group .map-tab .mapwrap li:nth-child(14) a{left:calc(50% - 1.2em);top:calc(50% - 1.5em);}
    .map-group .map-tab .mapwrap li:nth-child(15) a{top:calc(50% - 1.1em);}
    .map-group .map-tab .mapwrap li:nth-child(16) a{padding:0;left:calc(50% - 1.9em);top:calc(50% - 1.5em);}
    .map-group .map-tab .mapwrap li:nth-child(17) a{left: calc(50% - 1.1em);}


    
.map-group .map-tab .mapwrap li a:before{display:none;position: absolute;left: calc(50% - 13px);top: -40px;width:27px;height:35px;background: url(/images/kr/sub05/maptag.png)center no-repeat;background-size: 100%; content: '';z-index: 10;}
.map-group .map-tab .mapwrap li a:after{display:none;position: absolute;left: calc(50% - 12px);top: -5px;width: 25px;height:10px;border-radius: 50%;background: #463820;opacity: .2;content: '';}
.map-group .map-tab .mapwrap li a span{position: relative;z-index: 99;}
.map-group .map-tab .mapwrap li.on a{font-weight:600;color:#fff;text-shadow: -1px -1px 0 #e47636,1px -1px 0 #e47636,-1px 1px 0 #e47636,1px 1px 0 #e47636;}
.map-group .map-tab .mapwrap li.on a:before{display: inline-block;}
.map-group .map-tab .mapwrap li.on a:after{display: inline-block;}
.map-group .map-tab .mapwrap li.on a:hover, .map-group .map-tab .mapwrap li.on a:focus{color:#fff;text-shadow: -1px -1px 0 #e47636,1px -1px 0 #e47636,-1px 1px 0 #e47636,1px 1px 0 #e47636;}
.map-group .map-tab .mapwrap li a:hover, .map-group .map-tab .mapwrap li a:focus{color:#e47636;font-weight: 600;}
.map-group .map-tab .mapwrap li a:hover:before, .map-group .map-tab .mapwrap li a:focus:before{display: inline-block;animation:tong 1s ease-out infinite;}
.map-group .map-con{margin:70px 0;}
.map-group .map-con .map-item{overflow: hidden; display: none;float: right;width: 50%;max-width:580px;max-height:600px;}
.map-group .map-con .map-item.on{display: block;}
.map-group .map-con .map-item .townimg{background: #fff;}
.map-group .map-con .map-item .towntxt{padding:35px;color:#fff;background:#2b3b59 url(/images/kr/sub05/towntxt_bg.jpg)right bottom no-repeat;}
.map-group .map-con .map-item .towntxt>strong{position: relative;display: block;padding-bottom: 15px; font-size:24px;}
.map-group .map-con .map-item .towntxt>strong:before{position: absolute;left: 0;bottom:0;width:90%;height:1px;background: rgba(255,255,255,0.3);content: '';}
.map-group .map-con .map-item .towntxt>strong:after{position: absolute;left: 0;bottom:0;width:35px;height:3px;background: #ffbf00;content: '';}
.map-group .map-con .map-item .towntxt ul{margin:15px 0;}
.map-group .map-con .map-item .towntxt ul li{position: relative;margin:5px 0;padding-left:100px;font-size: 14px;}
.map-group .map-con .map-item .towntxt ul li strong{position: absolute;left: 0;top:0;}
.map-group .map-con .map-item .towntxt ul li span{}
.map-group .map-con .map-item .towntxt a{position:relative; display: inline-block;padding:7px 40px 8px 15px;border-radius: 3px; border:1px solid rgba(255,255,255,0.5);color:#fff;transition:.5s;-webkit-transition:.5s;}
.map-group .map-con .map-item .towntxt a:before{display: inline-block;position: absolute;right: 20px;top:15px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); content: '';}
.map-group .map-con .map-item .towntxt a:hover, .map-group .map-con .map-item .towntxt a:focus{padding:7px 55px 8px 15px;}
.map-group .map-con .map-item table th,
.map-group .map-con .map-item table td{text-align:center}
.map-group .map-con .map-item table td{background-color:#fff;}

.pagination{margin-top:0}
.pagination li, 
.pagination li .page-link{background-color: transparent !important;}
.pagination .page-item.active > a, 
.pagination .page-item.active > .page-link,
.pagination .page-item.active > span, 
.pagination .page-item.active > a:hover, 
pagination .page-item.active > .page-link:hover, 
pagination .page-item.active > span:hover, 
.pagination .page-item.active > a:focus, .pagination .page-item.active > .page-link:focus, .pagination .page-item.active > span:focus {border-color: #48546d;background-color: #48546d !important;}
    /*애니메이션*/
        @-webkit-keyframes tong{
            0%{transform: translate(0, 0);}
            20%{transform: translate(0, 7px);}
            50%{transform: translate(0, 0);}
            70%{transform: translate(0, 7px);}
            100%{transform: translate(0, 0);}
        }
        @keyframes tong{
            0%{transform: translate(0, 0);}
            20%{transform: translate(0, 7px);}
            50%{transform: translate(0, 0);}
            70%{transform: translate(0, 7px);}
            100%{transform: translate(0, 0);}
        }
        @-webkit-keyframes slice{
            0%{clip-path: circle(0);}
            100%{clip-path: circle(100%);}
        }
        @keyframes slice{
            0%{clip-path: circle(0);}
            100%{clip-path: circle(100%);}
        }
        @keyframes drawIn {
          0% {opacity:0; stroke-dashoffset: 8000;}
          10%{opacity:1;}
          100% {stroke: white;}
        }
        @-webkit-keyframes drawIn {
          0% {opacity:0; stroke-dashoffset: 8000;-webkit-stroke-dashoffset: 8000;}
          10%{opacity:1;}
          100% {stroke: white;-webkit-stroke: white;}
        }

@media(max-width:1279px){
    .map-group .map-tab .mapwrap{position: relative;left:0;top:20px;margin:0 auto;}
    .map-group .map-con .map-item{float: none;width:100%;margin:0 auto;}
}
@media(max-width:767px){
    .map-group .map-tab .mapwrap{font-size: 0.8em;width:460px;height:450px;}
    .map-group .map-tab .mapwrap li a:before{left:calc(50% - 7px);width:15px;}
    .map-group .map-tab .mapwrap li.on a:after{display: none;}
    .map-group .map-tit svg{width:270px;}
    .map-group .map-tit span{font-size:18px;}
    .map-group .map-tit .inner{right:-20px;bottom:-40px; transform: scale(.7);-webkit-transform: scale(.7);}
    .map-group .map-tab .tabwrap li a{padding: 10px 5px;font-size: 15px;}
    .map-group .map-con .map-item{border-top-left-radius:30px;border-bottom-right-radius:30px;}
}
@media(max-width:500px){
    .map-group .map-tab .mapwrap{font-size: 0.5em;width:300px;height:280px;}
    .map-group .map-tit .inner{right:-40px;bottom:-50px;transform: scale(.5);-webkit-transform: scale(.5);}
    .map-group .map-tab .tabwrap li{width:25%;}
    .map-group .map-con .map-item .towntxt{padding:20px;}
    .map-group .map-con .map-item .towntxt>strong{font-size:18px;}
    .map-group .map-con .map-item .towntxt ul li{font-size:13px;}
    .map-group .map-con .map-item .towntxt a{padding:3px 40px 3px 10px;font-size: 13px;}
    .map-group .map-con .map-item .towntxt a:before{top:9px;}
}




.box-footer{background-color: transparent !important;border-top: 1px solid #ddd;padding-top: 20px;}



/* sub0601 마을DB소개 */
.info {margin-top: -50px;position: relative;background: #e9f3ff;margin-bottom: 150px;}
.info:after {position: absolute; background: url(/images/gctc/sub06/sub0601_mascot.png); width: 334px; height: 245px; bottom:-100px; left:calc(50% - 167px);z-index: 1; content: "";}
.info .inner {overflow: hidden; position: relative; padding: 70px 20px 170px;}
.info .inner:before {position: absolute; background: url(/images/gctc/sub06/sub0601_bg.png); width: 1053px; height: 219px; bottom: 0; left: -27px; content: "";}
.info .tit {position: relative;width: 167px;margin: 0 auto 20px;}
.info .tit img { margin-bottom: 20px;}
.info .tit:before {position: absolute;background: url(/images/gctc/sub06/sub0601_tit1.png); width: 135px; height: 95px; left: -155px; top: -80px; content: "";}
.info .tit:after {position: absolute;background: url(/images/gctc/sub06/sub0601_tit2.png); width: 59px; height: 41px; right: -80px; top: -5px; content: "";}
.info .bodo_icon_list.typeB > ul > li{background-color:rgba(255,255,255,0.7);min-height: 330px;}
@media (max-width: 525px){
    .info .tit:before {display: none;}
    .info .tit:after {display: none;}
}
.pagination{margin-top:0}