@charset "utf-8";
@import url(../font/aggro.css);
@import url(../font/play.css);

/* 만족조사 */
.pageInfo {font-size:17px;}

/* 광주여행 */
[id^="con"] h4:first-child {margin-top:1.92em;}

.tour-box {position:relative;}
.tour-box .tour-tit {margin-bottom:1.76em; text-align:center;}
.tour-box .tour-tit span {display:inline-block; margin-bottom:.75em; font-size:1.17em; color:#666;}
.tour-box .tour-tit p {font-family:'SBAggro'; font-size:2.23em; font-weight:600; color:#D22259; }
.tour-box #info-depth {position:absolute; top:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:100%; text-align:center;}
.tour-box .tour-wrap {padding-bottom:1.17em; background:#fff; border:1px solid #E5E5E5; border-radius:5.88em 1.17em 1.17em 1.17em; overflow:hidden;}
.tour-box #info-depth + .tour-wrap {padding-bottom:2.35em;}
.tour-box .tour-wrap .tour-slide {position:relative;}
.tour-box .tour-wrap .tour-slide .control {padding:1.76em 2.94em .58em 2.35em; background:#fff; border-radius:0 3.53em 0 0; position:absolute; bottom:-1.17em; left:0; z-index:2;}
.tour-box .tour-wrap .tour-slide .control .pager {position:relative; left:auto; bottom:auto; display:inline-block; width:auto; margin-right:.9em;}
.tour-box .tour-wrap .tour-slide .control .pager > *  {display:inline-block; position:relative; font-family:'play'; font-weight:600; min-width:1.2em; text-align:center; vertical-align:middle; background:#fff;}
.tour-box .tour-wrap .tour-slide .control .pager strong {color:#D22259;}
.tour-box .tour-wrap .tour-slide .control .pager i {width:2em;height:1px;background:#d9d9d9; margin:0 .5em;}
.tour-box .tour-wrap .tour-slide .control button {display:inline-block; width:1.17em; height:1.17em; padding:0; margin-left:.2em; text-indent:-999px; background:no-repeat 50% 50%; vertical-align:middle; }
.tour-box .tour-wrap .tour-slide .control button.prev {background-image:url(../img/common/btn_prev.svg);}
.tour-box .tour-wrap .tour-slide .control button.next {background-image:url(../img/common/btn_next.svg);}
.tour-box .tour-wrap .tour-slide .control button.stop {background-image:url(../img/common/btn_stop.svg);}
.tour-box .tour-wrap .tour-slide .control button.play {background-image:url(../img/common/btn_play.svg); display:none;}
.tour-box .tour-wrap .tour-slide .btn-review {display:inline-block; padding:.85em 3.53em .85em 1.76em; position:relative; background:linear-gradient(to right,#D22259,#A30978); border-radius:1.76em 1.76em 1.76em 0; position:absolute; right:.58em; bottom:.58em; z-index:2;}
.tour-box .tour-wrap .tour-slide .btn-review:after {content:''; width:1.76em; height:1.76em; background:url(../img/sub01/ico_review.svg) no-repeat 50% 50%; background-size:100% auto; position:absolute; top:50%; margin-top:-.88em; right:1.17em; transition:.2s;}
.tour-box .tour-wrap .tour-slide .btn-review:hover:after {margin-top:-1em;}
.tour-box .tour-wrap .tour-slide .btn-review span {font-family:'SBAggro'; font-size:1.05em; color:#fff;}
.tour-box .tour-wrap .info-box {padding:2.35em 0 1.17em 2.35em;}
.tour-box .tour-wrap .info-box li {display:inline-block; padding:.58em 2.35em .58em 5.88em; line-height:1.4; position:relative; }
.tour-box .tour-wrap .info-box i {display:inline-block; width:1em; height:1em; background:no-repeat 50% 50%; background-size:contain; position:absolute; top:.78em; left:0;}
.tour-box .tour-wrap .info-box i.ico01 {background-image:url(../img/sub01/ico_tour_info01.svg);}
.tour-box .tour-wrap .info-box i.ico02 {background-image:url(../img/sub01/ico_tour_info02.svg);}
.tour-box .tour-wrap .info-box i.ico03 {background-image:url(../img/sub01/ico_tour_info03.svg);}
.tour-box .tour-wrap .info-box i.ico04 {background-image:url(../img/sub01/ico_tour_info04.svg);}
.tour-box .tour-wrap .info-box i.ico05 {background-image:url(../img/sub01/ico_tour_info05.svg);}
.tour-box .tour-wrap .info-box i.ico06 {background-image:url(../img/sub01/ico_tour_info06.svg);}
.tour-box .tour-wrap .info-box strong {position:absolute; top:.58em; left:1.64em;}

.list-tab {display:inline-block; padding:1.15em 2.35em; margin:0 2.35em; background:#fff; border-radius:2.05em; box-shadow:0 10px 20px rgba(0,0,0,.08);}
.list-tab li {display:inline-block; padding:0 1.47em;}
.list-tab a {display:inline-block; font-size:1.17em; font-weight:600; color:#333; position:relative; transition:.2s;}
.list-tab a:after {content:''; width:.25em; height:.25em; background:#D22259; border-radius:50%; position:absolute; bottom:100%; left:100%; opacity:0; transition:.2s;}
.list-tab a:hover {color:#D22259;}
.list-tab a:hover:after {opacity:1;}

.list-img {display:flex; flex-wrap:wrap; margin:-.88em;}
.list-img li {width:33.3333%; padding:.88em;}
.list-img .img-wrap {position:relative; border-radius:10px 10px 10px 0; overflow:hidden;}
.list-img .img-wrap p {padding:1.05em 2.1em .52em 0; font-size:1.11em; font-weight:600; line-height:1; background:#fff; border-radius:0 2.63em 0 0; position:absolute; bottom:-.52em; left:0;}
.list-img .img-wrap img {width:100%;}
.list-img .txt {margin-top:1.17em;}
.list-img.cols-2 li {width:50%; text-align:center;}
.list-img.cols-4 li {width:25%;}

.mapTraffic {padding:1.764em 1.764em 1.764em 9.411em; margin-top:2.352em; background:#f8f8f8; border-radius:2.94em 1.176em 1.176em 1.176em; position:relative;}
.mapTraffic .icon {width:5.882em; height:5.882em; background:#fff; border-radius:1.764em; position:absolute; top:-1.176em; left:1.764em; box-shadow:0 4px 16px rgba(0,0,0,.08);}
.mapTraffic .icon img {display:block; position:absolute; top:50%; left:50%; height:3.764em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.mapTraffic >p {margin-bottom:.9em;font-size:1.294em; font-weight:600; color:#E3276B;}

.tour-map {position:relative;}
.tour-map .map-img {width:calc(100% - 23.52em); height:28.23em; border-radius:1.76em; overflow:hidden; position:absolute; top:0; left:0;}
.tour-map .map-img .marker-name {padding:.4em 5em .4em .4em; font-size:.8em; white-space:nowrap;}
.tour-map .map-img .marker-name .btn {position:absolute; top:50%; right:.4em; width:max-content; line-height:2.14 !important; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.tour-map .map-info {height:30.58em; padding-left:calc(100% - 29.4em); margin-left:5.88em; background:#fff; border-radius:0 0 1.76em 5.88em; box-shadow:6px 20px 20px rgba(0,0,0,.03);}
.tour-map .select {position:relative; height:100%;}
.tour-map .select >li {width:50%; float:left; padding-top:1.17em;}
.tour-map .select >li >a {display:block; padding:.75em 0; font-family:'SBAggro'; font-size:1.05em; font-weight:500; color:#333; line-height:1.22; text-align:center; border-bottom:3px solid #ddd; opacity:.6; transition:.2s;}
.tour-map .select >li >a:before {content:''; display:inline-block; width:1.22em; height:1.22em; margin-right:.55em; background:no-repeat 50% 50%; background-size:100% auto; vertical-align:middle;}
.tour-map .select >li >a#food_tab:before {background-image:url(../img/sub01/ico_map01.svg);}
.tour-map .select >li >a#accommodation_tab:before {background-image:url(../img/sub01/ico_map02.svg);}
.tour-map .select >li >a.on {opacity:1; border-color:#D22259;}
.tour-map .info_list {display:none;}
.tour-map .on + .info_list {display:block;}
.tour-map .info_list {padding:.1em 1.76em 1.17em; position:absolute; top:5.88em; right:0; bottom:0; left:0; overflow-y:auto;}
.tour-map .info_list li {position:relative; padding:0 6em 0 .8em; color:#555;}
.tour-map .info_list li:before {content:''; width:.23em; height:.23em; background:#ddd; border-radius:50%; position:absolute; top:.65em; left:0;}
.tour-map .info_list li + li {margin-top:1.17em;}
.tour-map .info_list .btn {position:absolute; top:-.1em; right:0;}

@media all and (max-width:768px) {
	.tour-box .tour-wrap .tour-slide .swiper-slide:before {content:''; display:block; position:relative; left:-50%; width:200%; height:18em; text-align:center;}
	.tour-box .tour-wrap .tour-slide .swiper-slide img {height:100%; max-width:none !important; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
	.list-img li {width:50%;}
	.list-img.cols-4 li {width:50%;}
	.tour-map .map-img {width:100%; height:20em; position:relative;}
	.tour-map .map-info {height:20em; padding-left:0; margin-left:0; background:none; border-radius:0; box-shadow:none;}
	.tour-map .info_list {padding:.1em 0 1.17em; margin-left:-1em;}
	.tour-map .info_list li {width:50%; float:left; padding-left:1.8em;}
	.tour-map .info_list li:nth-child(2) {margin-top:0;}
	.tour-map .info_list li:before {left:1em;}
}
@media all and (max-width:640px) {
	.tour-box .tour-wrap .tour-slide .control {padding-left:1.5em;}
	.tour-box .tour-wrap .info-box {padding:2em 1.5em;}
	.tour-box .tour-wrap .info-box li {display:block; padding:.4em 0 .4em 5.88em;}
	.tour-box .tour-wrap .info-box i {top:.6em;}
	.tour-box .tour-wrap .info-box strong {top:.4em;}
	.tour-box #info-depth {left:1.5em; right:1.5em; width:auto;}
	.list-tab {display:table; width:100%; padding:1em 1.5em; margin:0; table-layout:fixed;}
	.list-tab li {display:table-cell; padding:0 .5em; text-align:center;}
	.list-tab a {font-size:1.1em;}
	.mapTraffic {padding:5.8em 1.764em 1.764em;}
	.mapTraffic >p {position:absolute; top:1.7em; left:7em;}
	.list-img {margin:-.5em;}
	.list-img li {padding:.5em;}
	.list-img.cols-2 li {width:100%;}
}
@media all and (max-width:480px) {
	.tour-box .tour-wrap {border-radius:4em 1em 1em 1em;}
	.tour-box .tour-wrap .tour-slide {padding-bottom:2.5em;}
	.tour-box .tour-wrap .tour-slide .control {padding:0 0 0 1.5em; border-radius:0; bottom:0;}
	.tour-box .tour-wrap .tour-slide .control .pager i {width:1em; }
	.tour-box .tour-wrap .tour-slide .btn-review {padding:.8em 1.5em; border-radius:1.76em 0 0 1.76em; bottom:2.5em; right:0; transform:translateY(50%); -webkit-transform:translateY(50%);}
	.tour-box .tour-wrap .tour-slide .btn-review:after {display:none;}
	.tour-box .tour-wrap .tour-slide .btn-review span {font-size:1em;}
	.tour-box .tour-wrap .tour-slide .swiper-slide:before {height:14em;}
	.list-tab {padding:1em;}
	.list-tab a {font-size:1em; color:#D22259;}
	.list-img li {width:100%;}
	.tour-map .info_list li {width:100%;}
	.tour-map .info_list li + li {margin-top:.7em !important;}
}

/* 축제 */
.festival-wrap .visual-box {position:relative;}
.festival-wrap .visual-box .inner-box {min-height:28.23em; padding:4.11em 2.94em 6em; background:no-repeat 50% 50%; background-size:cover; border-radius:7.05em 1.76em 4.11em 1.76em; overflow:hidden; position:relative;}
.festival-wrap .visual-box.ty1 .inner-box {background-image:url(../img/sub02/visual1.png);}
.festival-wrap .visual-box.ty2 .inner-box {background-image:url(../img/sub02/visual2.png);}
.festival-wrap .visual-box.ty3 .inner-box {background-image:url(../img/sub02/visual3.png);}
.festival-wrap .visual-box.ty4 .inner-box {background-image:url(../img/sub05/visual4.png);}
.festival-wrap .visual-box .inner-box:before {content:''; width:41.17em; position:absolute; top:0; right:0; bottom:0; background:linear-gradient(to right,transparent,#000); opacity:.7;}
.festival-wrap .visual-box .con {width:20em; float:right; color:#fff; text-align:right; word-break:keep-all; position:relative; z-index:2;}
.festival-wrap .visual-box .con .tit {padding-bottom:1.76em; border-bottom:1px solid rgba(255,255,255,.5);}
.festival-wrap .visual-box .con .tit span {display:inline-block; padding-bottom:.45em; font-size:1.29em; font-weight:500;}
.festival-wrap .visual-box .con .tit p {font-family:'SBAggro'; font-size:2.11em;}
.festival-wrap .visual-box .txt {padding-top:1.33em; font-size:.88em; font-weight:300;}
.festival-wrap .tab-list {width:51.76em; max-width:90%; background:#fff; border-radius:2.35em 0 0 0; position:absolute; bottom:-1.17em; right:0;}
.festival-wrap .tab-list:before,
.festival-wrap .tab-list:after {content:''; width:1.76em; height:1.76em; background:url(../img/sub02/img_corner.svg) no-repeat 100% 100%; background-size:contain; position:absolute; bottom:1.17em; right:100%;}
.festival-wrap .tab-list:after {right:0; bottom:100%;}
.festival-wrap .tab-list ul {display:table; width:100%; padding-left:1.17em; table-layout:fixed;}
.festival-wrap .tab-list li {display:table-cell; vertical-align:middle;}
.festival-wrap .tab-list li + li {background:url(../img/sub02/ico_fes_line.svg) no-repeat 0 50%;}
.festival-wrap .tab-list a {display:block; padding:1.85em 1.17em 1.85em 4.7em; background:no-repeat 1.66em 50%;}
.festival-wrap .tab-list a.ty1 {background-image:url(../img/sub02/ico_fes01.svg);}
.festival-wrap .tab-list a.ty2 {background-image:url(../img/sub02/ico_fes02.svg);}
.festival-wrap .tab-list a.ty3 {background-image:url(../img/sub02/ico_fes03.svg);}
.festival-wrap .tab-list a.ty4 {background-image:url(../img/sub02/ico_fes04.svg);}
.festival-wrap .tab-list a span {font-family:'SBAggro'; font-size:1.05em; color:#333; transition:.2s;}
.festival-wrap .tab-list a:hover span {color:#D22259;}
.festival-wrap .photo-box {margin-top:3.53em;}
.festival-wrap .photo-box .list {margin:1.76em -.58em 0; position:relative;}
.festival-wrap .photo-box .list:before {content:''; width:12.29em; height:8em; background:url(../img/sub02/ico_list_bg.png) no-repeat 50% 50%; background-size:contain; position:absolute; top:-5.88em; right:-1.76em; z-index:-1;}
.festival-wrap .photo-box .list li {width:25%; float:left; padding:0 .58em;}
.festival-wrap .photo-box .list .thumb {display:block; height:0; padding-top:62%; background:#f8f8f8; border-radius:1.17em; overflow:hidden; position:relative;}
.festival-wrap .photo-box .list .thumb img {position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:.3s; max-width:none !important;}
.festival-wrap .photo-box .list a:hover .thumb img {top:-5%; height:110%;}
.festival-wrap .photo-box .list .tit {display:block; margin-top:1.17em; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:1.2em; line-height:1.2; overflow:hidden;}
.festival-wrap .tit-wrap h4 {display:inline-block; padding:0; margin:0; font-family:'SBAggro'; font-size:1.88em;}
.festival-wrap .tit-wrap h4:before {display:none;}
.festival-wrap .tit-wrap h4 strong {color:#D22259;}
.festival-wrap .tit-wrap .more {display:inline-block; width:2.11em; height:2.11em; margin-top:-.2em; margin-left:.7em; text-indent:-999px; background:#D22259 url(../img/sub02/ico_list_more.svg) no-repeat 50% 50%; background-size:contain; border-radius:50% 50% 50% 0; overflow:hidden; transition:.2s;}
.festival-wrap .tit-wrap .more:hover {background-color:#b1053b;}

@media all and (max-width:1024px) {
	.festival-wrap .tab-list ul {padding-left:.7em;}
	.festival-wrap .tab-list a {padding:1.8em 1em 1.8em 4em; background-position:1.4em 50%;}
}
@media all and (max-width:768px) {
	.festival-wrap .visual-box .inner-box {min-height:auto;}
	.festival-wrap .tab-list {position:static; width:auto; max-width:none;}
	.festival-wrap .tab-list:before, .festival-wrap .tab-list:after {display:none;}
	.festival-wrap .tab-list ul {display:block; padding:0; overflow:hidden;}
	.festival-wrap .tab-list li {display:block; width:50%; float:left;}
	.festival-wrap .tab-list li:nth-child(3) {background:none;}
	.festival-wrap .tab-list a {padding:1.8em 2em 1.8em 4.8em; text-align:center; background-position:2em 50%;}
	.festival-wrap .photo-box .list:before {display:none;}
	.festival-wrap .photo-box .list li {width:50%; margin-bottom:2em;}
}
@media all and (max-width:480px) {
	.festival-wrap .visual-box .inner-box {padding:4em 2.2em 5em; border-radius:5em 1.5em 1.5em 1.5em;}
	.festival-wrap .visual-box .inner-box:before {width:100%; background:#000; opacity:.5;}
	.festival-wrap .visual-box .con {width:auto; float:none; text-align:center;}
	.festival-wrap .visual-box .con .tit span {font-size:1.1em;}
	.festival-wrap .visual-box .con .tit p {font-size:1.7em;}
	.festival-wrap .tab-list {margin-top:1em;}
	.festival-wrap .tab-list a {padding:3.4em 1em 1.2em; background-position:50% .8em;}
}
@media all and (max-width:360px) {
	.festival-wrap .photo-box .list li {width:100%;}
}

/* 축제개요 */
.fes-outline {padding-bottom:2.94em; text-align:center; border-bottom:1px solid #ddd;}
.fes-outline .tit {padding-top:1.76em; background:url(../img/sub02/img_030301_line.svg) no-repeat 50% 0; word-break:keep-all;}
.fes-outline .tit span {display:inline-block; padding-bottom:.41em; font-size:1.41em; font-weight:600; color:#D22259;}
.fes-outline .tit p {font-family:'SBAggro'; font-size:2.7em;}
.fes-outline .img-wrap {height:0; min-height:80px; padding-top:16%; margin-top:2.35em; border-radius:1.17em; background:url(../img/sub02/img_030301_bg.png) no-repeat 50% 50%; background-size:cover;}
.fes-outline .txt {margin-top:2em; font-size:1.17em; color:#555;}

@media all and (max-width:768px) {
	.fes-outline {padding-bottom:2.4em;}
	.fes-outline .tit span {font-size:1.2em;}
	.fes-outline .tit p {font-size:1.8em;}
	.fes-outline .img-wrap {margin-top:1.6em;}
	.fes-outline .txt {font-size:1em;}
}

/* 주요행사 */
.event-wrap {position:relative; padding:2.35em 2.35em 2.35em 12.94em;}
* + .event-wrap {margin-top:1.76em;}
.event-wrap:after {content:''; position:absolute; top:0; right:0; bottom:0; left:2.35em; border:1px solid #ddd; border-radius:4.11em 1.17em 1.17em 1.17em; z-index:-1;}
.event-wrap .img-wrap {position:absolute; width:10.58em; top:1.17em; left:0;}
.event-wrap .img-wrap img {margin-bottom:.58em; border-radius:1.17em; box-shadow:0 4px 16px rgba(0,0,0,.08);}

@media all and (min-width:769px) {
	.event-wrap h4 {margin-top:0 !important;}
}
@media all and (max-width:768px) {
	.event-wrap {padding:0 2em 2em;}
	.event-wrap:after {left:0; top:2.35em;}
	.event-wrap .img-wrap {width:auto; position:static; text-align:center;}
	.event-wrap .img-wrap img {margin:0 .29em .58em;}
	.event-wrap h4 {margin-top:1em !important;}
}

/* 도자기 */
.doja-box {padding:4.11em 2.94em 3.53em; color:#fff; background:url(../img/sub01/img_04030401_bg.png) no-repeat 50% 50%; background-size:cover; border-radius:1.17em 3.53em 1.17em 1.17em;}
* + .doja-box {margin-top:2.35em;}
.doja-box .tit {padding-bottom:1.47em; border-bottom:1px solid rgba(255,255,255,.4);}
.doja-box .tit p {font-family:'SBAggro'; font-size:2.11em;}
.doja-box .tit span {display:block; margin-top:.25em; font-size:1.17em; font-weight:500;}
.doja-box .txt {padding-top:1.76em; font-weight:300;}

@media all and (max-width:768px) {
	.doja-box {padding:3em 2em;}
	.doja-box .tit p {font-size:1.7em;}
	.doja-box .tit span {font-size:1.1em;}
	.doja-box .txt {padding-top:1.3em;}
}

/* 관광홍보물 */
.promotion-list >ul {display:flex; margin:-.88em; flex-wrap:wrap;}
.promotion-list >ul >li {width:50%; padding:.88em;}
.promotion-list .inner-wrap {text-align:center; border:1px solid #efefef; border-radius:1.17em; overflow:hidden;}
.promotion-list .inner-wrap .img-box {padding-top:70%; background:#f8f8f8; position:relative; overflow:hidden;}
.promotion-list .inner-wrap .img-box img {position:absolute; max-width:none !important; top:0; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.promotion-list .inner-wrap .tit {margin:1.2em 1.17em 0; font-weight:600;}
.promotion-list .inner-wrap .btn-wrap {margin:.88em;}
.promotion-list .inner-wrap .btn-wrap >li {width:50%; float:left; padding:.29em;}
.promotion-list .inner-wrap .btn-wrap .btn {width:100%; text-align:cetner;}

@media all and (max-width:768px) {
	.promotion-list >ul >li {width:100%;}
}
@media all and (max-width:480px) {
	.promotion-list .inner-wrap .btn-wrap >li {width:auto; float:none;}
}

/* 단원소개 */
.group-wrap {display:flex; border-top:2px solid #D22259; flex-wrap:wrap; position:relative;}
.group-wrap:after {content:''; height:1px; background:#ddd; position:absolute; bottom:0; left:0; right:0;}
.group-wrap .group {width:16.6666%; padding:1.17em .58em; text-align:center; border-bottom:1px solid #ddd;}
.group-wrap .img-wrap img {border-radius:.58em;}
.group-wrap .txt-wrap {padding-top:.5em;}
.group-wrap .txt-wrap span {display:inline-block; padding:.2em .5em; font-size:.82em; color:#fff; border-radius:5px;}
.group-wrap .txt-wrap span.first {background-color:#5546A8;}
.group-wrap .txt-wrap span.second {background-color:#00A59B;}
.group-wrap .txt-wrap span.third {background-color:#DD560A;}
.group-wrap .txt-wrap .name {margin-top:.3em;}

@media all and (max-width:1024px) {
	.group-wrap .group {width:20%;}
}
@media all and (max-width:768px) {
	.group-wrap .group {width:25%;}
}
@media all and (max-width:480px) {
	.group-wrap .group {width:33.3333%;}
}
@media all and (max-width:360px) {
	.group-wrap .group {width:50%;}
}


.designBox.food1 .icon,
.designBox.food2 .icon {overflow:hidden;}
.designBox.food2 .icon {height:11.3em; border-radius:1.76em;}
.designBox.food1 .icon img,
.designBox.food2 .icon img {height:100%;}

.img-txtBox {display:table; width:100%;}
.img-txtBox >* {display:table-cell; vertical-align:top;}
.img-txtBox .img-wrap {width:11.76em;}
.img-txtBox .img-wrap img {border-radius:1.17em;}
.img-txtBox .txt-wrap {padding-left:1.76em;}

@media all and (max-width:768px) {
	.img-txtBox {display:block;}
	.img-txtBox >* {display:block;}
	.img-txtBox .img-wrap {width:auto; text-align:center;}
	.img-txtBox .txt-wrap {padding:1.17em 0 0;}
}

/* 오시는길 */
.mapWrap {position:relative;}
.mapWrap:after {content:''; display:block; border:1px solid #ddd; border-radius:1.176em; position:absolute; top:1.764em; right:0; bottom:0; left:1.764em; z-index:-1;}
.mapWrap .mapBoxWrap {margin-top:10px; margin-right:1.764em; border-radius:1.176em; overflow:hidden;}
.mapWrap .mapBoxWrap .map_box {width:100%; margin-top:0; border:0;}
.mapWrap .mapBoxWrap .map_border {display:none;}
.mapWrap .mapBoxWrap .roughmap_maker_label a:after {display:none}
.mapWrap .mapInfo {padding:1.764em 1.764em 1.764em 4.117em;}
.mapWrap .mapInfo >ul >li {padding:.324em 0 .324em 9.176em; margin-bottom:.588em; position:relative;}
.mapWrap .mapInfo >ul >li:last-child {margin-bottom:0;}
.mapWrap .mapInfo >ul >li:before {content:''; display:block; width:2.117em; height:2.117em; background-size:auto !important; border-radius:50%; position:absolute; top:0; left:0;}
.mapWrap .mapInfo >ul >li.add:before {background:#333 url(/portal/img/sub01/ico_map_info01.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li.cal:before {background:#333 url(/portal/img/sub01/ico_map_info02.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li.fax:before {background:#333 url(/portal/img/sub01/ico_map_info03.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li >strong {display:inline-block; position:absolute; top:.324em; left:3.294em;}
.mapTraffic {padding:1.764em 1.764em 1.764em 9.411em; margin-top:2.352em; background:#f8f8f8; border-radius:2.94em 1.176em 1.176em 1.176em; position:relative;}
.mapTraffic .icon {width:5.882em; height:5.882em; background:#fff; border-radius:1.764em; position:absolute; top:-1.176em; left:1.764em; box-shadow:0 4px 16px rgba(0,0,0,.08);}
.mapTraffic .icon img {display:block; position:absolute; top:50%; left:50%; height:3.764em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.mapTraffic >p {margin-bottom:.9em;font-size:1.294em; font-weight:600; color:#E3276B;}
.tab_detail {display:none;}

.map_con .box {height:auto; padding:1em; border:1px solid #7681a8; border-top-width:0; position:relative; left:-1px;}
.map_con .box .title {font-weight:600;}
.map_con .box .body {font-size:.82em;}
.map_con .box .map_call {font-size:.82em; color:#666;}

@media all and (max-width:640px) {
	.mapWrap:after {display:none;}
	.mapWrap .mapBoxWrap {margin-right:0;}
	.mapWrap .mapInfo {padding:1.764em 0; border-bottom:1px solid #ddd;}
	.mapTraffic {padding:5.8em 1.764em 1.764em;}
	.mapTraffic >p {position:absolute; top:1.7em; left:7em;}
}

/* 생활문화센터 */
.center-box {position:relative; padding-right:25.29em;}
.center-box .img-wrap {position:absolute; bottom:0; right:0; width:24.11em;}
.center-box .img-wrap img {border-radius:4.7em 0 0 0;}

@media all and (max-width:1024px) {
	.center-box {padding-right:18em;}
	.center-box .img-wrap {width:17em;}
}
@media all and (max-width:768px) {
	.center-box {padding:0;}
	.center-box .img-wrap {position:static; width:auto; margin-bottom:1.4em; text-align:center;}
}


/* 광주 프로그램 */
.cultural_list_wrap {position: relative; border-top:2px solid #D22259; border-bottom:1px solid #ddd; padding:1.1764em 0;margin-top:.4117em;}
.cultural_list_wrap .list_box{margin:0 -.8823em;}
.cultural_list_wrap .list_box .list_item {width: 33.333%; float: left; padding:.5882em .8823em .5882em .8823em;}
.cultural_list_wrap .list_box a{position: relative; display: block;}
.cultural_list_wrap .img{background: #EFEFEF url(/common/img/common/sample_noimage.png) no-repeat center center; text-align: center; height:14.117em; border-radius:1.176em; overflow:hidden;}
.cultural_list_wrap .img img{height:14.117em; width: 100%;}
.cultural_list_wrap .list{padding:1.25em .8823em 1.25em 0; font-size:.94117em; border-radius:1.176em;}
.cultural_list_wrap .list li *{display:inline-block;}
.cultural_list_wrap .list li strong{color:#555; width:5.294em;}
.cultural_list_wrap .list li .txt{color:#555;}
.cultural_list_wrap .list li{position:relative; padding:.125em 0 .125em 1.875em;}
.cultural_list_wrap .list li:before {content:''; background:no-repeat 50% 50%; background-size:contain; width:1em; height:1em; position:absolute; left:0; top:0; margin:.4375em 0;}
.cultural_list_wrap .list .num:before {background-image:url(../img/sub04/ico_num.svg);}
.cultural_list_wrap .list .date:before {background-image:url(../img/sub04/ico_date.svg);}
.cultural_list_wrap .list .dept:before {background-image:url(../img/sub04/ico_dept.svg);}
.cultural_list_wrap .list .course:before {background-image:url(../img/sub04/ico_course.svg);}
.cultural_list_wrap .list .level:before {background-image:url(../img/sub04/ico_level.svg);}

.cultural_list_wrap .list_box .list_item .list_thumb {position:relative;}
.cultural_list_wrap .list_box .list_item .list_thumb .tit {position:absolute; display:inline-block; bottom:-1em; left:0; background:#fff; border-radius:0 2.631em 0 0; min-width:8.526em; padding-right:2em; color:#222; font-size:1.117em; font-weight:600; padding-top:1.0526em; padding-bottom:.526em;}

@media (max-width:935px){
	.cultural_list_wrap .list_box .list_item {width:50%;}
}

@media (max-width:595px){
	.cultural_list_wrap .list li * {display:block;}
}

@media (max-width:480px){
	.cultural_list_wrap .list li * {display:inline-block;}
	.cultural_list_wrap .list_box .list_item {float:none; width:100%;}
}

.cultural_view .view_top {position:relative; display:flex; padding:0 2.94em 1.76em;}
.cultural_view .view_top:after {content:''; position:absolute; top:5.88em; left:0; right:0; bottom:0; background:#00A3B9; border-radius:0 9.41em 0 0; z-index:-1;}
.cultural_view .view_top .img {width:20em; max-width:100%; flex-shrink:0; margin-right:2.35em;}
.cultural_view .view_top .img_list {width:100%; padding-top:70%; background:#efefef; border-radius:1.17em; overflow:hidden; position:relative;}
.cultural_view .view_top .img_list li {width:100% !important; height:100%; position:absolute; top:0; left:0; display:none;}
.cultural_view .view_top .img_list li.on {display:block;}
.cultural_view .view_top .img_list li img {position:absolute !important; top:0 !important; left:50% !important; height:100% !important; max-width:none !important; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.cultural_view .view_top .ctr_box {margin-top:.55em; font-size:1.06em; overflow:hidden; position:relative;}
.cultural_view .view_top .ctr_box:after {content:''; height:1px; position:absolute; top:50%; left:0; right:0; background:#fff; opacity:.4;}
.cultural_view .view_top .img .page_num {padding-right:1.11em; float:left; background:#00A3B9; position:relative; z-index:2;}
.cultural_view .view_top .img .page_num span {font-family:'play'; font-weight:600; color:#fff; line-height:1.66em;}
.cultural_view .view_top .img .page_num .cur-num {color:#fff8c5;}
.cultural_view .view_top .img .btn-wrap {padding-left:1.11em; float:right; background:#00A3B9; position:relative; z-index:2;}
.cultural_view .view_top .img .btn-wrap a {display:inline-block; width:1.66em; height:1.66em; text-indent:-999px; background:no-repeat 50% 50%; overflow:hidden;}
.cultural_view .view_top .img .btn-wrap .control_left {background-image:url(../img/common/btn_prev_w.svg);}
.cultural_view .view_top .img .btn-wrap .control_right {background-image:url(../img/common/btn_next_w.svg);}
.cultural_view .view_top .list {flex-grow:1; padding-top:2.35em;}
.cultural_view .view_top .list dt {margin-bottom:1.17em; font-family:'SBAggro'; font-size:2em; color:#222;}
.cultural_view .view_top .list dd {width:33.3333%; min-height:1.98em; float:left; padding:.29em .58em .29em 5.6em; color:#fff; line-height:1.4; position:relative;}
.cultural_view .view_top .list dd:before {content:''; width:.23em; height:.23em; background:#fff; border-radius:50%; position:absolute; top:.89em; left:0; opacity:.5;}
.cultural_view .view_top .list dd strong {position:absolute; top:.29em; left:1em;}
.cultural_view .view_top .img + .list dd {width:50%;}
.cultural_view .con {padding:1.76em 0 2.94em; border-bottom:1px solid #ddd;}
.cultural_view .con .tit {font-size:1.29em; font-weight:600; color:#D22259;}
.cultural_view .con .txt {margin-top:1.17em;}

.cultural_view.mount .view_top:after {top:3.3em;}
.cultural_view.mount .view_top .list {padding-top:0;}

.cultural_view.mount #img_list {margin-bottom:1em;}
.cultural_view.mount #img_list li {display:none;}
.cultural_view.mount #img_list li.on {display:block;}

@media all and (max-width:1024px) {
	.cultural_view .view_top {display:block;}
	.cultural_view .view_top .img {margin:0 auto;}
	.cultural_view .view_top .list {padding-top:0;}
	.cultural_view .view_top .list dt {padding:1.5em 0 .6em; margin-bottom:1em; color:#fff; text-align:center; border-bottom:3px solid rgba(255,255,255,.6);}
	.cultural_view .view_top .list dd {width:50%;}
	
	.cultural_view.mount .view_top:after {top:0;}
}
@media all and (max-width:480px) {
	.cultural_view .view_top {padding:0 1.5em 1.7em;}
	.cultural_view .view_top .list dt {font-size:1.6em;}
	.cultural_view .view_top .list dd {width:auto !important; float:none; padding-right:0;}
}


/* 공공누리 */
.open_license p {padding-top:0;}

.tbl_wrap .btn,
.bod_list .btn, 
.bod_maintain .btn {height:2.14em !important; padding:0 .857em; margin:0 !important; font-size:.823em !important; color:#333 !important; line-height:2.14em !important; border:0 !important;}
.bod_list .btn:hover,
.bod_list .btn:focus, 
.bod_maintain .btn:hover,
.bod_maintain .btn:focus {border:0 !important; color:#fff !important; text-decoration:none !important;}
.tbl_wrap .btn:before {border-radius:.21em;}

/* 광주시 맛지도 */
.taste-map {position:relative; display:block; width:100%;  border:1px solid #efefef; border-radius:1em; overflow:hidden;}
.taste-map .img-box {background:#f8f8f8; padding:1em;}
.taste-map .txt-box {background:#fff; padding:1em; text-align:center;}

/* chatbot */
.callChatbot {position:fixed;right: 1.5em;z-index: 99999;left: auto;bottom: 2.5em;display: block;}
.callChatbot a {display:block;width: 4em;height: 4em;background:#154183 url(../img/main/img_chatbot.png) no-repeat 50% 50%;background-size: 73%;border-radius: 3em;position: absolute;left: auto;bottom: 1px;right: -1px;}
.callChatbot .btn_wrapper {padding: 1em 5.5em 1em 1.5em;border: 2px solid #7377ff;background-color: #fff;border-color: #154183;display: block;color: #333;font-size: 0.8em;border-radius: 3em;line-height: 1.4;display: none;text-align:center;}
.callChatbot:hover .btn_wrapper {display:block;}
.callChatbot:hover a{box-shadow:0 8px 16px rgba(0, 0, 0, 0.3)}

.aiChatbot {position:fixed;right: 1.5em;z-index: 99999;left: auto;bottom: 7.5em;display: block;}
.aiChatbot a {display:block;width: 4em;height: 4em;background:#207527 url(../img/main/greeny_icon.png) no-repeat 50% 50%;background-size: 100%;border-radius: 3em;position: absolute;left: auto;bottom: 1px;right: -1px;}
.aiChatbot .btn_wrapper {padding: 1em 5.5em 1em 1.5em;border: 2px solid #207527;background-color: #fff;border-color: #207527;display: block;color: #333;font-size: 0.8em;border-radius: 3em;line-height: 1.4;display: none;text-align:center;}
.aiChatbot:hover .btn_wrapper {display:block;}
.aiChatbot:hover a{box-shadow:0 8px 16px rgba(0, 0, 0, 0.3)}