@charset "utf-8";
@import url(../font/aggro.css);
@import url(../font/kotra.css);
@import url(../font/scoredream.css);
@import url(../font/play.css);
@font-face {font-family:'ulsanjunggu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ulsanjunggu.woff2') format('woff2'); font-weight:normal; font-style:normal;}

/* 공통 */
@media all and (max-width:1024px) {#wrap {font-size:19px;}}
@media all and (max-width:780px) {#wrap {font-size:18px;}}

body {font-size:20px;}
.inner {max-width:1620px !important;}
.mainSection {padding:0 1em;}

.mainTourWrap {position:relative;}
.mainTourWrap .inner {position:absolute; bottom:3em; width:1620px; left:50%; transform:translateX(-50%); z-index:9;}

.mainTourWrap .mainTour-slider .vis {display:block; background:no-repeat 50% 50%; background-size:cover; opacity:0; transition:.3s all; -webkit-transition:.3s all;}
.mainTourWrap .mainTour-slider .vis:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(180deg, rgba(0, 8, 35, .6) 0%, rgba(0, 8, 35, .2) 100%);}
.mainTourWrap .mainTour-slider .vis.ty1 {background-image:url(../img/main/img_main_01.jpg);}
.mainTourWrap .mainTour-slider .vis.ty2 {background-image:url(../img/main/img_main_02.jpg);}
.mainTourWrap .mainTour-slider .vis.ty3 {background-image:url(../img/main/img_main_03.jpg);}
.mainTourWrap .mainTour-slider .vis.ty4 {background-image:url(../img/main/img_main_04.jpg);}
.mainTourWrap .mainTour-slider .vis.ty5 {background-image:url(../img/main/img_main_05.jpg);}
.mainTourWrap .mainTour-slider .vis.ty6 {background-image:url(../img/main/img_main_06.jpg);}
.mainTourWrap .mainTour-slider .vis.ty7 {background-image:url(../img/main/img_main_07.jpg);}
.mainTourWrap .mainTour-slider .vis.ty8 {background-image:url(../img/main/img_main_08.jpg);}

.mainTourWrap .mainTour-slider .vis[data-area="1"],
.mainTourWrap .mainTour-slider .vis[data-area="2"],
.mainTourWrap .mainTour-slider .vis[data-area="3"],
.mainTourWrap .mainTour-slider .vis[data-area="4"], 
.mainTourWrap .mainTour-slider .vis[data-area="5"], 
.mainTourWrap .mainTour-slider .vis[data-area="6"],
.mainTourWrap .mainTour-slider .vis[data-area="7"],
.mainTourWrap .mainTour-slider .vis[data-area="8"] {visibility:visible;}

.mainTourWrap .mainTour-slider:before {content:""; background:url(../img/main/img_frame.svg) no-repeat 50% 100%; width:100%; height:8.65em; position:absolute; left:0; bottom:0; z-index:2;}
.mainTourWrap .mainTour-slider {display:block; position:relative; height:28em;}
.mainTourWrap .mainTour-slider .top-txt {position:absolute; top:5.2em; width:100%; text-align:center; z-index:2;}
.mainTourWrap .mainTour-slider .top-txt:after {content:'GWANGJU TOUR'; font-family:'SCoreDream'; font-size:3.4em; font-weight:800; color:transparent; -webkit-text-stroke:1px #d10066; white-space:nowrap; position:absolute; top:-.7em; left:50%;  transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:.8;}
.mainTourWrap .mainTour-slider .top-txt span {display:inline-block; font-family:'Makgeolli'; font-size:4.2em; color:transparent; line-height:.9; letter-spacing:-.06em; background:linear-gradient(to right, #ffdff7, #fff9fc); background-clip:text; position:relative; z-index:2;}
.mainTourWrap .mainTour-slider .top-txt img {position:relative; max-width:80%; z-index:2;}
.mainTourWrap .mainTour-slider .vis {position:absolute; opacity:0; z-index:0; transition:1s all; -webkit-transition:1s all; left:0; top:0; right:0; bottom:0;}
.mainTourWrap .mainTour-slider .vis .txt-wrap {width:1620px; max-width:100%; padding:0 1em; position:absolute; bottom:11em; left:50%; font-family:'SCoreDream'; color:#fff; z-index:2; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mainTourWrap .mainTour-slider .vis .txt-wrap:before {content:'#'; position:absolute; top:-.5em; left:.1em; font-size:2.2em; font-weight:700; opacity:.4;}
.mainTourWrap .mainTour-slider .vis .txt-wrap .tit {display:block; font-size:1.3em;}
.mainTourWrap .mainTour-slider .vis .txt-wrap .txt {display:block; margin-top:.3em; word-break:keep-all; opacity:.8;}
.mainTourWrap .mainTour-slider .vis.on {opacity:1; z-index:1;}

.mainTourWrap .swiper-slide > a {box-shadow:.5em .5em 1.5em 0px rgba(0, 0, 0, .3);}
.mainTourWrap .swiper-slide .thumb {width:auto; height:6.25em; background-position:50%,50%;}
.mainTourWrap .swiper-slide .thumb:before {content:''; position:absolute; background:#000; opacity:.3; width:100%; height:100%;}
.mainTourWrap .swiper-slide .thumb img {width:100%; height:100%;}
.mainTourWrap .swiper-slide .thumb p {position:absolute; left:50%; transform:translateX(-50%); bottom:1.05em; color:#fff;}
.mainTourWrap .swiper-slide .thumb.ty1 {background-image:url(../img/main/img_main_01.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty2 {background-image:url(../img/main/img_main_02.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty3 {background-image:url(../img/main/img_main_03.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty4 {background-image:url(../img/main/img_main_04.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty5 {background-image:url(../img/main/img_main_05.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty6 {background-image:url(../img/main/img_main_06.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty7 {background-image:url(../img/main/img_main_07.jpg); background-size:cover;}
.mainTourWrap .swiper-slide .thumb.ty8 {background-image:url(../img/main/img_main_08.jpg); background-size:cover;}
.mainTourWrap .slider .swiper-slide > a .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.mainTourWrap .slider .swiper-slide > a.on .selected {display:block;}

.mainTourWrap .on .thumb:before {opacity:0;}
.mainTourWrap .on .thumb p {text-shadow:0 0 20px #000;}

.scroll-box {font-family:'Play'; position:absolute; left:50%; bottom:5.4em; z-index:2; color:#fff; transform:translateX(-50%); letter-spacing: .2em;}
.scroll-box:before {content:""; display:block; position:absolute; width:14px; height:29px; bottom:-2.5em; left:50%; transform:translateX(-50%); background:url(../img/main/ico_scroll.png) no-repeat 50% 50%; background-size:contain;}
.scroll-box span {display:block; position:relative; text-align:center; font-size:.85em; color:#fff;}

.mainTourWrap .swiper-container {overflow:visible;}

@media screen and (max-width:1660px){
	.mainTourWrap .inner {width:90%; margin-left:5%; margin-right:5%; left:0; transform: translateX(-0%);}
}
@media screen and (max-width:1024px){
	.mainTourWrap .inner {width:100%; margin:0; padding-left:1em;}
	.mainTourWrap .mainTour-slider .vis .txt-wrap {bottom:9.5em;}
	.mainTourWrap .swiper-slide .thumb {height:5.3em;}
}
@media screen and (max-width:980px){
	.mainTourWrap .mainTour-slider:before {background: url(../img/main/img_frame_02.svg) no-repeat 50% 100%; height:4.6em;}
}
@media screen and (max-width:780px){
	.mainTourWrap .mainTour-slider:before {height:4.84em;}
	.mainTourWrap .mainTour-slider .top-txt:after {font-size:3em;}
	.mainTourWrap .mainTour-slider .top-txt span {font-size:3.5em;}
}
@media screen and (max-width:660px){
}
@media screen and (max-width:480px){
	.mainTourWrap .mainTour-slider {height:24em;}
	.mainTourWrap .mainTour-slider .top-txt {top:4.2em;}
	.mainTourWrap .mainTour-slider .top-txt:after {display:none;}
	.mainTourWrap .mainTour-slider .top-txt span {font-size:2.5em;}
	.mainTourWrap .mainTour-slider .vis .txt-wrap {bottom:9em;}
	.mainTourWrap .swiper-slide .thumb {height:4.45em;}	
}
@media screen and (max-width:380px){
	.mainTourWrap .mainTour-slider:before {background: url(../img/main/img_frame_03.svg) no-repeat 50% 100%; height:1.91em;}
}

/* 메인 */
.mainDepartWrap {margin:3em 0 4em;}
.mainDepartWrap ul {margin:0 -.5em;}
.mainDepartWrap ul>li {float:left; width:20%; padding:0 .5em;}
.mainDepartWrap ul>li .depart-box {position:relative; padding:1.6em 1.5em 2.9em; border:1px solid #E5E5E5; border-radius:1em;}
.mainDepartWrap ul>li .depart-box:before {content:""; position:absolute; width:5em; height:5em; top:50%; right:1em; transform:translateY(-50%);}
.mainDepartWrap ul>li .depart-box.ty1:before {background:url(../img/main/img_depart_01.png) no-repeat 50% 50%; background-size:contain;}
.mainDepartWrap ul>li .depart-box.ty2:before {background:url(../img/main/img_depart_02.png) no-repeat 50% 50%; background-size:contain;}
.mainDepartWrap ul>li .depart-box.ty3:before {background:url(../img/main/img_depart_03.png) no-repeat 50% 50%; background-size:contain;}
.mainDepartWrap ul>li .depart-box.ty4:before {background:url(../img/main/img_depart_04.png) no-repeat 50% 50%; background-size:contain;}
.mainDepartWrap ul>li .depart-box.ty5:before {background:url(../img/main/img_depart_05.png) no-repeat 50% 50%; background-size:contain;}

.mainDepartWrap ul>li .depart-box h3 {font-family:"SCoreDream"; font-weight:600; margin-bottom:.5em; letter-spacing:-.1em;}
.mainDepartWrap ul>li .depart-box a {position:absolute; left:1.9em; bottom:1.3em; font-family:"SCoreDream"; font-weight:500; background:#BCC1CB; font-size:.8em; padding:.4375em 1.8125em .4375em .6875em; color:#fff;}
.mainDepartWrap ul>li .depart-box a:before {content:""; position:absolute; width:.5625em; height:.8125em; top:50%; right:.5625em; transform:translateY(-50%); background:url(../img/main/ico_more.svg) no-repeat 50% 50%; background-size:contain;}

@media screen and (max-width:1620px){
	.mainDepartWrap ul>li .depart-box {height:8.05em;}
	.mainDepartWrap ul>li .depart-box h3 span {display:block;}	
	.mainDepartWrap ul>li .depart-box h3:nth-child(3) {margin-bottom:1.5em;}
}
@media screen and (max-width:1024px){
	.mainDepartWrap {margin:3.157em 0 3em;}
	.mainDepartWrap ul>li {width:33.33%; margin-bottom:1em;}	
	
}
@media screen and (max-width:980px){
	.mainDepartWrap ul>li .depart-box {height:6em;}
	.mainDepartWrap ul>li .depart-box:before {right:.3em;}
	.mainDepartWrap ul>li .depart-box a {display:block; position:absolute !important; top:0; left:0; right:0; bottom:0; border-radius: 1em; background:transparent;}
	.mainDepartWrap ul>li .depart-box a:before {display:none;}
	.mainDepartWrap ul>li .depart-box a span {display:none;}	
}
@media screen and (max-width:840px){
	.mainDepartWrap {margin:3.157em 0 4.210em;}
}

@media screen and (max-width:780px){
	.mainDepartWrap ul>li .depart-box:before {width:4em; height:4em;}
}
@media screen and (max-width:660px){
	.mainDepartWrap ul>li {width:50%;}
	.mainDepartWrap ul>li .depart-box {height:5.444em; padding:1.3em 1.5em;}
	.mainDepartWrap ul>li .depart-box h3 {margin-bottom:0;}
}
@media screen and (max-width:460px){
	.mainDepartWrap ul>li {width:100%; float:none;}
	.mainDepartWrap ul>li .depart-box {height:auto; padding:1.3em 1.5em;}
	.mainDepartWrap ul>li .depart-box:before {width:3em; height:3em;}
	.mainDepartWrap ul>li .depart-box h3 {margin-bottom:0;}
	.mainDepartWrap ul>li .depart-box h3 span {display:inline;}		
}



/* 광주관광 테마코스 */
.themaWrap {position:relative; padding-bottom:16em;}
.themaWrap h3 {font-family:"SBAggro";  font-size:2.5em; font-weight:500;}
.themaWrap h3 span {position:relative; display:inline-block; color:#D22259; font-weight:800; word-break: keep-all;}
.themaWrap h3 span:before {content:""; position:absolute; top:-.2em; right:-.2em; width:.22em; height:.22em; border-radius:100%; background:#D22259;}
.themaWrap .txt {font-family:"KotraHope"; font-size:1.2em; color:#666; padding-top:.833em;}
.themaWrap .thema-box {position:relative; float:left; width:33.333%;}
.themaWrap .thema-slider-box {margin:0 -1.5em;}
.themaWrap .thema-slider-box .tit {display:none; font-family:"SCoreDream"; font-size:1.3em; padding:1.153em 0 0; font-weight:600;}

.themaWrap .thema-slider-box .thumb {position:relative; display:block; background-color:#FAFAFA; border-radius:15em 15em 1em 1em; overflow:hidden;}
.themaWrap .thema-slider-box .thumb:before {content: ""; display:block; position:relative; padding-top:110.8%;}
.themaWrap .thema-slider-box .thumb img{display:block;position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); border-radius:15em 15em 1em 1em;}
.themaWrap .thema-slider-box .swiper-slide-active .thumb {box-shadow:.5em .5em 1.4em 0px rgba(14, 30, 78, 0.15);}

.themaWrap .slider {position:relative;}
/* .themaWrap .slider span {position:absolute; font-family:"KotraHope"; font-size:1.5em; top:1em; right:1em; border-radius:3.33em 3.33em 3.33em 0; color:#fff; z-index:2; padding:1.066em .966em;} */
/* .themaWrap .slider ul>li {padding:1.5em;} */
.themaWrap .thema01 .slider span {background: linear-gradient(180deg, rgba(236, 71, 0, 1) 0%, rgba(207, 12, 35, 1) 100%);}
.themaWrap .thema02 {margin-top:91px;}
.themaWrap .thema02 .slider span {background: linear-gradient(180deg, rgba(210, 34, 89, 1) 0%, rgba(163, 9, 120, 1) 100%);}
.themaWrap .thema03 .slider span {background: linear-gradient(180deg, rgba(118, 0, 193, 1) 0%, rgba(56, 0, 175, 1) 100%);}

.bak-pink {position:absolute; left:0; bottom:0; background:url(../img/main/img_frame_pink.svg) no-repeat 50% 100%; background-size:contain; width:100%; height:29.75em; z-index:-1;}

.themaWrap .control-box {display:block; position:absolute; right:0; bottom:1.5em; padding-right:1.5em; z-index:2;}
.themaWrap .control-box .pager {display:inline-block; width:4.7em; font-family:Play; font-weight:700; padding-right:1.4em;}
.themaWrap .thema01 .control-box .pager .swiper-pagination-current {color:#EC4700;}
.themaWrap .thema02 .control-box .pager .swiper-pagination-current {color:#D22259;}
.themaWrap .thema03 .control-box .pager .swiper-pagination-current {color:#7600C1;}

.themaWrap .control-inner {position:relative;}
.themaWrap .control-box button,
.themaWrap .control-box a {display:inline-block; width:2em; height:2em; background:no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
.themaWrap .control-box .prev {background-image:url(../img/main/ico_control_prev.svg);}
.themaWrap .control-box .next {background-image:url(../img/main/ico_control_next.svg);}
.themaWrap .control-box .stop {background-image:url(../img/main/ico_control_pause.svg);}
.themaWrap .control-box .play {display:none; background-image:url(../img/main/ico_control_play.svg);}
.themaWrap .swiper-slide-active .tit {display:block; animation:fadeInDown 1s;}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		transform: translateZ(0);
	}
}

@media screen and (max-width:1660px){
	/* .themaWrap .control-box {left:1.5em; bottom:-1em;} */
}
@media screen and (max-width:1024px){
	.themaWrap {padding-bottom:2.5em;}
	.themaWrap .thema-box {float:right; width:50%;}
	.themaWrap .thema01 {margin-top:-8em;}
	.themaWrap .thema02 {margin-top:4em;}
	.themaWrap .thema02 .item .thumb {border-radius:8em 1em 1em 1em;}
	.themaWrap .thema03 {margin-top:-12em;}	
	.themaWrap .thema-slider-box .item .thumb {border-radius:1em 8em 1em 1em;}
	.themaWrap .thema-slider-box .thumb img {border-radius:0;}	
	.themaWrap .thema-slider-box .thumb:before {padding-top:76%;}
	.themaWrap .control-box .pager {width:4em; padding-right:0;}
	
	.bak-pink {background:url(../img/main/img_frame_pink_02.svg) no-repeat 50% 50%; height:23.33em;}

	.themaWrap .thema-slider-box {margin:0 -1em;}
	.themaWrap .thema-slider-box .tit {font-size:1em;}
	/* .themaWrap .slider ul>li {padding:1.5em 1em;} */	
	.themaWrap .control-box {left:auto; bottom:1.25em;}
	.themaWrap .thema02 .slider span {left:.75em; right:inherit; border-radius:3.33em 3.33em 0 3.33em;}
}
@media screen and (max-width:840px){
	.themaWrap {padding-bottom:4.5em;}
	.themaWrap .thema01 {margin-top:0;}
	.themaWrap .thema02	{margin-top:11em;}
	.themaWrap .thema03 {margin-top:-11em;}
}

@media screen and (max-width:900px){
	.themaWrap .control-box {bottom:4.7em;}
	.themaWrap .thema-slider-box .tit {font-size:.95em;}	
}
@media screen and (max-width:640px){
	.themaWrap .thema-slider-box .item .thumb {border-radius:1em 5em 1em 1em;}
	.themaWrap .thema-slider-box .thema02 .item .thumb {border-radius:5em 1em 1em 1em;}	
}
@media screen and (max-width:555px){
	.themaWrap .thema-slider-box {margin-top:3em;}
	.themaWrap .slider span {right:.7em;}
	.themaWrap .thema-box {float:none; width:100%;}
	.themaWrap .thema01 {margin-top:0;}
	.themaWrap .thema02 {margin-top:0;}
	.themaWrap .thema03 {margin-top:0;}
	.themaWrap .thema-slider-box .item .thumb {border-radius:1em 5em 1em 1em;}
	.themaWrap .thema-slider-box .thumb:before {padding-top:67.8%;}
	.themaWrap .thema-slider-box .thema02 .item .thumb {border-radius:5em 1em 1em 1em;}
	.themaWrap .control-box {bottom:5.2em;}	
}

@media screen and (max-width:380px){	
	.bak-pink {background:url(../img/main/img_frame_pink_03.svg) no-repeat 50% 50%; height:34.44em;}
}


/* SNS 광주소식 */
.snsWrap {position:relative; margin-top:2.5em;}
.snsWrap:before {content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:27em; background:url(../img/main/img_sns_bg.png) no-repeat 50% 50%; z-index:-1;}
.snsWrap h3 {font-family:"SBAggro"; font-size:2.5em; font-weight:500;}
.snsWrap h3 span {position:relative; color:#DD560A; font-weight:800;}
.snsWrap h3 span:before {content:""; position:absolute; top:-.2em; right:-.4em; width:.22em; height:.22em; border-radius:100%; background:#DD560A;}

.snsWrap .sns-box.left {float:left; width:23.5%; margin-top:1.4em;}
.snsWrap .sns-box.left P {font-family:"KotraHope"; color:#666; font-size:1.2em; margin-top:1em;}
.snsWrap .sns-box.left ul {margin:2.2em -.5em 0;}
.snsWrap .sns-box.left ul:after {content:""; display:block; clear:both;}
.snsWrap .sns-box.left ul>li {float:left; width:20%; text-align:center; padding:0 .5em;}
.snsWrap .sns-box.left ul>li a {display:inline-block; width:3em; height:3em; border-radius:2.5em; background:#f9f9f9; box-shadow:.5em .5em 2.5em 0px rgba(10, 57, 91, 0.15); overflow:hidden;}
.snsWrap .sns-box.left ul>li img {padding:.85em 0;}

.snsWrap .sns-box.right {float:right; width:76.5%; padding-left:10.9em; margin:0 -1.5em;}
.snsWrap .sns-box.right ul>li:nth-child(2),
.snsWrap .sns-box.right ul>li:nth-child(5) {margin-top:3em;}
.snsWrap .sns-box.right .sns-ico {position:absolute; top:-1em; right:1.5em; z-index:1;}
.snsWrap .sns-box.right .thumb {position:relative; box-shadow:.5em .5em 2em 0px rgba(14, 30, 78, 0.15); border-radius:2.5em 2.5em 1em 1em;}
.snsWrap .sns-box.right .thumb img {width:100%; border-radius:2.5em 2.5em 1em 1em;}
.snsWrap .sns-box.right .thumb .txt {position:absolute; width:87.5%; height:4.5em; bottom:-2em; right:0; background:linear-gradient(180deg,rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0.88) 53.64583134651184%,rgba(255, 255, 255, 0) 100%); border-radius:.5em 0px .5em .5em; text-align:right; backdrop-filter:blur(2.5px); padding:.95em 1.45em .95em 1.5em;}
.snsWrap .sns-box.right .thumb p { font-family:"SCoreDream"; font-size:.8em; font-weight:600; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.snsWrap .control-box {display:none;}
.snsWrap .control-box button,
.snsWrap .control-box a {display:inline-block; width:2em; height:2em; background:no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
.snsWrap .control-box .prev {background-image:url(../img/main/ico_btn_left.svg);}
.snsWrap .control-box .next {background-image:url(../img/main/ico_btn_right.svg);}

.snsWrap .sns-box.right .thumb {position: relative; display:block; background-color:#FAFAFA;} 
.snsWrap .sns-box.right .thumb:before {content:""; display: block; position:relative; padding-top:100%;}
.snsWrap .sns-box.right .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (min-width:860px){
	.snsWrap .swiper-container {overflow:initial;}
	.snsWrap .swiper-wrapper {flex-flow:wrap; transform:none !important; padding:1.5em 0 0;}
	.snsWrap .sns-box.right ul>li {position:relative; width:33.333% !important; height:17em; margin-bottom:2.5em;}	
	.snsWrap .sns-box.right ul>li a {padding:0 1.5em;}
}

@media screen and (max-width:1024px){
	/* .snsWrap {margin-top:5.5em;} */
	.snsWrap .sns-box.left {float:none; width:auto; margin-bottom:2.25em;}
	.snsWrap .sns-box.left .txt {display:inline-block;}
	.snsWrap .sns-box.left ul {position:absolute; top:0; right:0; margin:0;}
	.snsWrap .sns-box.right {float:none; width:auto; padding-left:0;}
}

@media screen and (max-width:860px){
	.snsWrap {padding-bottom:6.66em;}
	.snsWrap .swiper-container {overflow:initial;}	
	.snsWrap .control-box {display:block;}	
	.snsWrap .control-box button {position:absolute; top:50%; z-index:3; width:3em; height:3em; transform: translateY(-50%);}
	.snsWrap .control-box .prev {left:-.8em; }
	.snsWrap .control-box .next {right:-.8em;}	
	
	.snsWrap .sns-box.left {text-align:center;}
	.snsWrap .sns-box.left ul {position:relative; padding-top:1.578em; padding-bottom:2.6315em;}
	.snsWrap .sns-box.left ul>li {float:none; width:auto; display:inline-block;}
	
	.snsWrap .sns-box.right {position:relative; margin:0;}
	.snsWrap .sns-box.right ul>li {padding:0;}
	.snsWrap .sns-box.right ul>li:nth-child(2),
	.snsWrap .sns-box.right ul>li:nth-child(5) {margin-top:0;}
	.snsWrap .sns-box.right .sns-ico {right:0;}	
}
@media screen and (max-width:480px){
	.snsWrap h3 {font-size:2.4em;}
	.snsWrap .control-box button {width:2em; height:2em;}
	.snsWrap .control-box .prev {left:-.8em; }
	.snsWrap .control-box .next {right:-.8em;}	
}



/*문화관광소식*/
.newsWrap {position:relative; padding-right:33em; margin-top:-1em;}
.newsWrap .control-box {padding:0;}
.newsWrap .fesList {position:relative;}
.newsWrap .fesList:before {content:''; width:14em; height:16em; background:url(../img/main/img_fes_bg1.gif) no-repeat 0 100%; background-size:contain; position:absolute; bottom:-5em; left:-7em; z-index:2;}
.newsWrap .fesList:after {content:''; width:6.4em; height:9.2em; background:url(../img/main/img_fes_bg2.svg) no-repeat 100% 0; background-size:contain; position:absolute; top:-5em; right:-2em; z-index:-1; animation: acc-wave 5s linear 0s infinite normal both; -webkit-animation: acc-wave 5s linear 0s infinite normal both;}
.newsWrap .fesList .preview {position:absolute; top:3em; left:0; width:22.5em;}
.newsWrap .fesList .img-box {display:block; background:#000; border-radius:2.5em 7.5em 2.5em 2.5em; overflow:hidden; position:relative;}
.newsWrap .fesList .imgWrap .img-box {box-shadow:10px 10px 40px rgba(14,30,78,.15);}
.newsWrap .fesList .img-box span {display:block; width:100%; font-family:"SCoreDream"; font-size:1.1em; color:#fff; text-align:center; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; transition:.3s; z-index:2;}
.newsWrap .fesList .img-box span:before {content:''; display:block; width:2.72em; height:2.72em; margin:0 auto 1.09em;  background:url(../img/main/ico_view.svg) no-repeat 50% 50%; background-size:contain;}
.newsWrap .fesList .img-box img {transition:.3s;}
.newsWrap .fesList .img-box:hover span {opacity:1;}
.newsWrap .fesList .img-box:hover img {opacity:.4;}
.newsWrap .fesList .fesSlide .control-box {bottom:5.4em;}
.newsWrap .fesList .fesSlide .swiper-container {overflow:visible;}
.newsWrap .fesList .fesSlide .swiper-slide {padding-left:25.5em; opacity:0 !important;}
.newsWrap .fesList .fesSlide .swiper-slide.swiper-slide-active {opacity:1 !important;}
.newsWrap .fesList .fesSlide .titWrap {margin-top:1.5em; font-family:"SCoreDream"; font-size:1.4em; font-weight:500; color:#000; line-height:1.4;}
.newsWrap .fesList .fesSlide .txtWrap {margin-top:1.42em; font-size:.95em; color:#666; line-height:1.4; height:4.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.newsWrap .popWrap {position:absolute; top:-.85em; right:0; width:27.5em; max-width:100%;}
.newsWrap .popWrap .subTit {font-family:"SBAggro"; font-size:1.6em; color:#5546A8; line-height:1.25;}
.newsWrap .popWrap .control-box {top:0; bottom:auto;}
.newsWrap .popWrap .control-box .pager {color:#898B95;}
.newsWrap .popWrap .control-box .pager .swiper-pagination-current {color:#7600C1;}
.newsWrap .popWrap .swiper-container {margin-top:.85em; background:#efefef url(../img/main/no_image.svg) no-repeat 50% 50%; background-size:contain; border-radius:2.5em; overflow:hidden; max-height:27.5em;}
.newsWrap .popWrap .slider .swiper-slide > a {height:27.5em;}
.newsWrap .popWrap .slider .swiper-slide img {width: 100%; height: 100%;}

@keyframes acc-wave {16%{transform:translateX(-5%) translateY(5%);webkit-transform:translateX(-5%) translateY(5%)}32%{transform:translateX(-10%) translateY(0);webkit-transform:translateX(-10%) translateY(0%)}48%{transform:translateX(0) translateY(-10%);webkit-transform:translateX(0%) translateY(-10%)}64%{transform:translateX(10%) translateY(0);webkit-transform:translateX(10%) translateY(0%)}80%{transform:translateX(5%) translateY(5%);webkit-transform:translateX(5%) translateY(5%)}100%{transform:translateX(0) translateY(0);webkit-transform:translateX(0%) translateY(0%)}}
@-webkit-keyframes acc-wave {16%{transform:translateX(-5%) translateY(5%);webkit-transform:translateX(-5%) translateY(5%)}32%{transform:translateX(-10%) translateY(0);webkit-transform:translateX(-10%) translateY(0%)}48%{transform:translateX(0) translateY(-10%);webkit-transform:translateX(0%) translateY(-10%)}64%{transform:translateX(10%) translateY(0);webkit-transform:translateX(10%) translateY(0%)}80%{transform:translateX(5%) translateY(5%);webkit-transform:translateX(5%) translateY(5%)}100%{transform:translateX(0) translateY(0);webkit-transform:translateX(0%) translateY(0%)}}

@media screen and (max-width:1660px){
	.newsWrap {padding-right:0;}
	.newsWrap .fesList {margin:0 auto 5em;}
	.newsWrap .fesList:before {left:1em; bottom:-3em; height:12em;}
	.newsWrap .fesList .img-box img {width:100%; height:auto; min-height:100%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.newsWrap .popWrap {position:relative; top:auto; right:auto; margin:0 auto;}
}
@media screen and (max-width:1660px) and (min-width:1025px){
	.newsWrap .fesList .fesSlide .swiper-slide {padding-left:52%;}
	.newsWrap .fesList .preview {width:48%; height:26.5em;}
	.newsWrap .fesList .imgWrap {height:20em;}
	.newsWrap .fesList .img-box {height:100%;}
}
@media screen and (max-width:1024px) {
	.newsWrap .fesList {margin-top:2em;}
	.newsWrap .fesList:before {display:none;}
	.newsWrap .fesList .preview {position:static; width:auto;}
	.newsWrap .fesList .img-box {min-height:17em;}
	.newsWrap .fesList .fesSlide .swiper-slide {padding-left:0;}
}
@media screen and (max-width:1024px) and (min-width:641px){
	.newsWrap .fesList:after {top:-7.5em;}
	.newsWrap .fesList .preview {width:47%; float:left;}
	.newsWrap .fesList .imgWrap {width:47%; float:right; position:relative; top:-2.5em;}
	.newsWrap .fesList .fesSlide .control-box {bottom:8.5em;}
	.newsWrap .fesList .fesSlide .titWrap {margin-top:14em;}
}
@media screen and (max-width:640px){
	.themaWrap {padding-bottom:8em;}
	.themaWrap .tit-box {text-align:center;}
	.newsWrap .fesList .preview {margin-bottom:1.5em;}
	.newsWrap .popWrap .subTit {font-size:2em; text-align:center;}
	.newsWrap .popWrap .control-box {top:100%; margin-top:.6em;}
}
@media screen and (max-width:380px){
	.newsWrap .fesList .img-box {min-height:12em; border-radius:2em 5em 2em 2em;}
}

/* chatbot */
.mainChatbot {position:fixed;right: 1.5em;z-index: 99999;left: auto;bottom: 2.5em;}
.mainChatbot a {display:block;width: 4em;height: 4em;background:#154183 url(../img/main/img_chatbot.png) no-repeat 50% 50%;background-size: 70%;border-radius: 3em;position: absolute;left: auto;bottom: 1px;right: -1px;}
.mainChatbot .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: 2.9;display: none;}
.mainChatbot:hover .btn_wrapper {display:block;}
.mainChatbot:hover a{box-shadow:0 8px 16px rgba(0, 0, 0, 0.3)}