/*전체 레이아웃*/
html { scroll-behavior: smooth;}
html,body {padding: 0;margin: 0;}

.scroll-nav {
  position: fixed;
  bottom: 20px;
  left: 0;
  margin-left: 0.5rem;
  margin-top: 1rem;
  /*background: #eaeaea;
  border-radius: 1rem;
  box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #dfdfdf;*/
		z-index: 10;
}

.scroll-nav a {
  text-decoration: none;
  background: #aaa;
  border-radius: 50%;
		display:block;
		width:10px;
		height:10px;
		margin:5px 0 ;
		
}

.scroll-nav a.active {
  background: #0059a6;
}

section:nth-child(3) {
  background: #f1f5f8;
		padding:40px 1.5%;
}

section:nth-child(4) {
  background: #f6f6f6;
		padding:40px 0;
}

section:nth-child(5) {
  	/* background-image: linear-gradient(to bottom, #f6f6f6, #ffffff);*/
    padding-bottom:40px;
    padding: 90px 0;
}

section:nth-child(6) {
	 background-image: linear-gradient(to bottom, #ffffff, #f1f4fa);
		padding:15px 0 40px 0;
}


section {font-size:0; overflow:hidden; position:relative}
.section2{background:#f9fafc url('/images/domain/junggu/main/bg_popup.png')  no-repeat 100% 0;  padding:40px 1.5% 40px 1.5%;}
.section1 {height: 100vh;}
.row {position:relative; max-width:100%}

/*메인 검색바 포커스*/
span.srch_txt:focus-within {
  outline: 4px dashed #0012ff; 
}

/*주요서비스*/
.majorServices {}
.majorServices  h3, .noticeWrap h3, .allimWrap h3,  .CustomizedServiceWrap h3, .story_junggu h3 ,.play_jungu h3{text-align:center; font-size:1.3rem}
.majorServices  h2, .noticeWrap h2, .allimWrap h2,  .CustomizedServiceWrap h2, .story_junggu h2 ,.play_jungu h2{text-align:center; font-size:1.3rem}

/* Tab + List */
.majorServices  .tab.list{margin-top:15px;}
.majorServices  .tab.list ul{position:relative;margin:0;padding:0;list-style:none;*zoom:1;width:100%;}
.majorServices .tab.list ul:after{content:"";display:block;clear:both}
.majorServices .tab.list li{margin-bottom:15px;}
.majorServices .tab.list li a.title{position:relative;text-decoration:none;border-radius:10px 0 10px 0;width:10%; color:#222; font-size:18px; display:block;}
.majorServices .tab.list li a.title span{display:inline-block;padding:0 25px 0 0;letter-spacing:-1px;cursor:pointer}
.majorServices .tab.list li ul{width:87.8%;position:absolute;top:0;left:12%;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.majorServices .tab.list li ul:after{content:"";display:block;clear:both}
.majorServices .tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.majorServices .tab.list li li a.title{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal;
 display:inline-block}
.majorServices .tab.list li li a:hover,
.majorServices .tab.list li li a:active,
.majorServices .tab.list li li a:focus{color:#000 !important;text-decoration:underline; outline:}
.majorServices .tab.list li.active a.title{position: relative;background: #ff3157;color: #fff;z-index: 2; padding: 10px 0; text-align:center; }
.majorServices .tab.list li.active a.title span{padding-top:7px;font-weight:bold; padding:0px 25px 0px 25px}



.majorServices .serviceWrap a{display: inline-block; width: 100%; height: 100%;}
.majorServices .serviceWrap .service_img {border:1px solid #dfdede; border-radius: 15px;
    padding: 40px 35px 20px 35px; width:75px; height:75px; margin: 0 auto 10px auto;}
.majorServices .serviceWrap .service_img img {margin:auto;}
.majorServices .swiper-button-next, .majorServices .swiper-rtl .swiper-button-prev {right:0;     top: 32%;}
.majorServices .swiper-button-prev, .majorServices .swiper-rtl .swiper-button-next{left:0;  top: 32%;}
.majorServices .swiper {padding:0 0 50px 0}
.swiper-pagination-bullet-active {background: #ff3157 !important}
.majorServices .swiper-scrollbar-drag {background: #fddcf2 !important}
.majorServices .swiper-horizontal>.swiper-scrollbar, .majorServices .swiper-scrollbar.swiper-scrollbar-horizontal {height:10px;}
.majorServices .serviceWrap a:hover .service_img { background:#f7f8fa; border:3px solid #ff3157;}
.majorServices .serviceWrap a:hover .service_txt {font-weight:bold; color:#ff3157; 
 text-decoration-line: underline;
  text-decoration-thickness: 6px; text-decoration-color:#fde8ec;}

/*메인슬라이드*/
.mainbanner {width:65%; float:left; font-size:1rem}
.mainbanner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
/* Tab + List */
.mainbanner .tab.list{height:160px}
.mainbanner .tab.list ul{position:relative;margin:0;padding:0;list-style:none;*zoom:1}
.mainbanner .tab.list ul:after{content:"";display:block;clear:both}
.mainbanner .tab.list li.tab_content{position:relative}
.mainbanner .tab.list li.tab_content a.title{position:absolute;text-decoration:none;color:#666; right:0; background:#ebecee; border-radius:25px;}

.mainbanner .tab.list li.tab_content:nth-child(1) a.title {right:103px;}
.mainbanner .tab.list li.tab_content:nth-child(2) a.title {right:0;}
.mainbanner .tab.list li.tab_content a.title span{display:inline-block;padding:6px 35px 6px 35px;letter-spacing:-1px;cursor:pointer}
.mainbanner .tab.list li.tab_content ul{width:100%;position:absolute;top:55px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.mainbanner .tab.list li.tab_content ul .swiper {border-radius:15px;}
.mainbanner .tab.list li.tab_content ul:after{content:"";display:block;clear:both}
.mainbanner .tab.list li.tab_content li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.mainbanner .tab.list li.tab_content li a.title{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.mainbanner .tab.list li.tab_content li a.title:hover,
.mainbanner .tab.list li.tab_content li a.title:active,
.mainbanner .tab.list li.tab_content li a.title:focus{color:#000 !important;text-decoration:underline}
.mainbanner .tab.list li.active a.title{margin-top:-1px;color:#333; background:#ff3157; color:#fff;}
.mainbanner .tab.list li.active a.title span{padding-top:7px;font-weight:bold}
.mainbanner .tab.list li.active a.title:after {
	display: inline-block;
    content: "";
    position: absolute;
    bottom: -20px;
    border: 10px solid transparent;
				border-top-color: #ff3157;
				vertical-align: middle;
    right: calc(50% - 10px);}
		
.mainbanner h3 {position:absolute; left:0; top:6px;}
.mainbanner .tab.list .swiper-container 
{
    width: 100%;border-radius:20px; 
}

.mainbanner .tab.list .swiper-container .swiper-slide {
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.mainbanner .tab.list .swiper-container .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}

.mainbanner .tab.list .swiper-container .autoplay
{
	position: absolute;
	color: #000;
 font-weight:bold;
	right: 15px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	top: 15px;
	width:auto;
	height:auto;
	z-index:999;
	transition: opacity .1s ease-in, transform .1s ease-out; 
	animation: fade_close 3s ease-out;
	top:8px;
    cursor: pointer;
}
.mainbanner .swiper-pagination-fraction {
    bottom: 10px;
    left: 30px;
    top: 7px;
width: auto;
color:#000;
font-size:18px;
}
.mainbanner .swiper-button-prev{left:85px}

.mainbanner  .swiper-button-next:focus-within {
  outline: 4px dashed #0012ff;   outline-offset:-5px;
}
.mainbanner .swiper-button-prev:focus-within {
  outline: 4px dashed #0012ff; outline-offset:-5px;
}

.main_more > a:focus-within {
  outline: 4px dashed #ff3157 !important;   outline-offset:0px;
}

@keyframes fade_close
{
	0% { opacity: 0.8; } 
	50% { opacity: 0.8; }
	to { opacity: 0.4; }
}

.mainbanner .tab.list .swiper-container .autoplay:active
{
  transform:scale(0.8);
}

.mainbanner .tab.list .swiper-container .autoplay:focus, .mainbanner .tab.list .swiper-container .autoplay:hover
{
  color:#ff3157;
}
.mainbanner .tab.list .swiper-container .stop
{
right:75px;
}

.mainbanner .tab.list .swiper-container .play
{
right:45px;
}
.mainbanner .controls {position: absolute;
    bottom: 15px;
    right: 65px;
    background: #fff;
    overflow: hidden;
    width: 140px;
				z-index:1; border-radius:25px; padding:20px 35px;}
.mainbanner .main_more{background:#122c53; width:35px; height:35px; border-radius:100%; text-align:center;position: absolute;
    bottom: 17px;
    right: 15px; z-index:1}
.mainbanner .main_more img{padding-top:5px}

/*구청장*/
.mayorWrap {padding-left:3%; width:32%; float:left; font-size:1rem}
.mayor {background:#f9fafc url('/images/domain/junggu/main/bg_mayor.jpg')  no-repeat 66% 100%;  border-radius:20px; height:320px; padding:60px 40px 0 40px;}
.mayor .mayorTxt {color:#fff; font-size: 18px;}
.mayor .mayorTxt span {font-size:2.1rem;}
.mayor .mayorTxt ul {margin-top:50px}
.mayor .mayorTxt a {display:block; width:131px;}
.mayor .mayor_btn { border:1px solid #fff; background:#be3bc0; color:#fff; padding:11px 25px; border-radius:5px;}
.mayor .mayor_btn2 { border:1px solid #fff; background:#ec4463; color:#fff; padding:11px 25px; border-radius:5px; margin-top:10px;}
.mayor .mayorTxt a span {font-size:1rem}
.mayor .mayorTxt a span.mayor_bulet{padding:0 0 0 15px;}

@media screen and (min-width: 2000px) {
.mayor {background-size: 100% 100%;}
}

/*아이콘모음*/
.IconWrap {background:#fff; border-radius:20px; overflow:hidden; margin-top:20px;}
.IconWrap ul li {width:25%; float:left; text-align: center;}
.IconWrap ul li a{display: block; width: 100%; height: 100%; padding: 85px 0 20px 0;}
.IconWrap ul li a:hover{font-weight: 600; color: #ff3157;}
.IconWrap ul li:nth-child(1) {background:url('/images/domain/junggu/main/ico01.png')  no-repeat 50% 28%;  }
.IconWrap ul li:nth-child(2) {background:url('/images/domain/junggu/main/ico02.png')  no-repeat 50% 28%;  }
.IconWrap ul li:nth-child(3) {background:url('/images/domain/junggu/main/ico03.png')  no-repeat 50% 28%;  }
.IconWrap ul li:nth-child(4) {background:url('/images/domain/junggu/main/ico04.png')  no-repeat 50% 28%;  }

/*공지사항*/
/* Tab + List */
.noticeWrap .tab.list{margin-top:15px;}
.noticeWrap .tab.list ul{position:relative;margin:0;padding:0;list-style:none;border:1px solid #f0efef;font-size:1rem;*zoom:1}
.noticeWrap .tab.list ul:after{content:"";display:block;clear:both}
.noticeWrap .tab.list li{float:left;margin-bottom:-1px; width:24.5%}
.noticeWrap .pc_notice li a{    position: relative;
    /* float: left; */
    width: 100%;
    text-align: center;
    text-decoration: none;
    background: #fff;
				border-left:1px solid #f0efef;
    color: #666; 
    display: inline-block;}
				.noticeWrap .tab.list li:nth-child(4) a {border-right:1px solid #f0efef;} 
.noticeWrap .tab.list li a span{display:inline-block;padding:6px 0 6px 0;letter-spacing:-1px;cursor:pointer}
.noticeWrap .tab.list li ul{width:100%;position:absolute;top:60px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;  height:270px; }
.noticeWrap .tab.list li ul:after{content:"";display:block;clear:both}
.noticeWrap .tab.list li li{float:left;position:relative;margin:0 0 8px 0;color:#999;
width:31%;}
.noticeWrap .tab.list li li:nth-child(2){margin:0 3.5%}
.noticeWrap .tab.list li li a.notice_con:focus-within {outline: 4px dashed #0012ff;  outline-offset:0px; }
.noticeWrap .tab.list li li a.notice_con{float:none;padding:0;margin:0;font-weight:normal;background:transparent;letter-spacing:normal; height:270px; border-left:0;}
.noticeWrap .tab.list li li a:hover,
.noticeWrap .tab.list li li a:active,
.noticeWrap .tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.noticeWrap .tab.list li li time,
.noticeWrap .tab.list li li .time{}
.noticeWrap .tab.list li li.more{position:absolute;top:-61px;right:0;background:#fff url('/images/domain/junggu/main/notice_more.jpg')  no-repeat 50%; width:2%; 
height:38px; border:1px solid #f0efef; border-radius:0}
.noticeWrap .tab.list li li.more a{z-index: 100; position: relative; width: 100%; height: 100%; background: #fff url(/images/domain/junggu/main/notice_more.jpg) no-repeat 50%;}
.noticeWrap .tab.list li.active a.title{background: #ff3157; color: #fff;}
.noticeWrap  .tab.list li.active a.title:after {
	display: inline-block;
    content: "";
    position: absolute;
    bottom: -20px;
    border: 10px solid transparent;
				border-top-color: #ff3157;
				vertical-align: middle;
    right: calc(50% - 10px);}
.noticeWrap .tab.list li.active a span{padding-top:7px;font-weight:bold}
.noticeWrap .tab.list.jx{height:auto}
.noticeWrap .tab.list.jx ul{border:0}
.noticeWrap .tab.list.jx li{float:none;position:relative}
.noticeWrap .tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.noticeWrap .tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.noticeWrap .tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.noticeWrap .tab.list.jx li li.more{top:7px;right:15px}
.noticeWrap .notice_con_more{position:relative}
.noticeWrap .notice_con_more span.icon{background:#fff url('/images/domain/junggu/main/notice_con_more.jpg')  no-repeat 0; width:34px; }
.noticeWrap .notice_txt, .noticeWrap .notice_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
-webkit-box-orient: vertical; text-align:left; margin: 0 35px 0 35px}

.noticeWrap .tab.list li li a.notice_con .notice-card-bg{
	position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 1);
        border-radius: 20px;
        width: 100%;
	height:270px;
        /*transition: 0.4s;*/
}
.noticeWrap .tab.list li li a.notice_con .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.08);
        z-index: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }
.noticeWrap .tab.list li li a.notice_con:hover .notice-card-bg{border:2px solid #ff3157; box-sizing: border-box;}
/*.noticeWrap .tab.list li li a.notice_con:hover .notice-card-bg {
top: 3px;
        left: 3px; width: calc(100% + 6px);
        height: calc(100% + 6px); 
    }
.noticeWrap .tab.list li li a.notice_con:hover .bg{ border:3px solid #ff3157; width: calc(100% + 6px);
        height: calc(100% + 6px);
        opacity: 1;}*/
.noticeWrap .tab.list li li a.notice_con:hover .bg{border:3px solid #ff3157;}
.noticeWrap .tab.list li li a.notice_con:hover .notice_title {color:#222; font-weight:bold} 
.noticeWrap .tab.list li li a.notice_con .notice-card-bg h4{margin:25px 35px 20px 35px; color:#1a4e9c; text-align:left;}
.noticeWrap .tab.list li li a.notice_con .notice-card-bg h4 span{color:#616367;     font-weight: 400;     position: relative; margin-left:20px;padding-left:20px;}
.noticeWrap .tab.list li li a.notice_con .notice-card-bg h4 span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 1px;
    height: 12px;
    background-color: #dbdbdb;
}
.noticeWrap .tab.list li li a.notice_con .notice-card-bg .notice_title {font-size:1.2rem; color:#222; margin-bottom:10px;}
.noticeWrap .tab.list li li a.notice_con .notice-card-bg .notice_con_more {margin:35px 35px 35px 0; text-align:right; position: relative;}

/* 고시공고250312 */
.Public{width:100%;position:absolute;top:60px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;  height:270px;}
.Public>html{overflow: hidden;}

/*알림팝업 보도자료 위치*/
.allimWrap {position:relative; overflow:hidden; font-size:1rem; margin-top:30px; font-size:0;}

/*알립팝업*/
.second_popup{display:inline-block;  width: calc(100% - 439px); padding-right: 60px;   vertical-align:top;  box-sizing: border-box;}
.second_popup h2{margin-bottom:30px;}
.second_popup .swiper {
      width: 100%;
      height: 100%;
						padding-bottom:30px;
    }

.second_popup .swiper-pagination {font-size:17px;}

.second_popup .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #f1f5f8;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.second_popup .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.second_popup .swiper-button-prev, .allimWrap .swiper-rtl .swiper-button-next, .allimWrap .swiper-button-next, .allimWrap .swiper-rtl .swiper-button-prev {width:50px; height:50px}
.second_popup .swiper-button-next:after, .allimWrap .swiper-button-prev:after {width: 50px; color:#fff;
    height: 32px;
    background-color: rgba(34, 34, 34, 0.4);
    border-radius: 100%; padding-top:18px; text-align:center;}
.second_popup .swiper-pagination-fraction, .allimWrap .swiper-pagination-custom, .allimWrap .swiper-container-horizontal > .swiper-pagination-bullets				{top:4px; right:-70px; left:auto; z-index:-1;}
.second_popup .swiper-scrollbar-drag {background:#ff3157;}

/*.secondIMGarea{width:429px; height:518px;}
.secondIMGarea img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}*/


/*보도자료*/
.bodo_popup {
    vertical-align:top;
    display:inline-block;
    width: 439px;
    box-sizing: border-box;
}

.bodo_popup h2{margin-bottom:30px;}
.bodo_popup .swiper {
      width: 100%;
      height: 100%;
      padding-bottom:24px;
    }
.bodo_popup .swiper-pagination {font-size:17px;}


.bodo_popup .swiper-slide {
      text-align: center;
      font-size: 18px;
         background: #f1f5f8;
     /* display: flex;*/
      justify-content: center;
      align-items: center;
    }

.bodo_popup .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.bodo_popup .swiper-button-prev, .allimWrap .swiper-rtl .swiper-button-next, .allimWrap .swiper-button-next, .allimWrap .swiper-rtl .swiper-button-prev {width:50px; height:50px}
.bodo_popup .swiper-button-next:after, .allimWrap .swiper-button-prev:after {width: 50px; color:#fff;
    height: 32px;
    background-color: rgba(34, 34, 34, 0.4);
    border-radius: 100%; padding-top:18px; text-align:center;}
.bodo_popup .swiper-pagination-fraction, .allimWrap .swiper-pagination-custom, .allimWrap .swiper-container-horizontal > .swiper-pagination-bullets				{top:4px; right:-70px; left:auto; z-index:-1;}
.bodo_popup .swiper-scrollbar-drag {background:#ff3157;}

.bodo_popup .swiper-slide a{display:inline-block; position:relative; z-index:5; width:100%; height:100%;}
.bodo_popup .swiper-slide a:hover span{color:#003fff !important;}

/*보도자료 글자추가*/
.bodo_detail_a{margin-top: 15px;text-align: left;box-sizing: border-box;padding: 0 5px;}
.bodo_detail_a > span{display:block; color: #000;}
.bodo_detail_a > span.bodo_title{font-size: 18px;font-weight: 500;padding-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bodo_detail_a > span.bodo_naeyong{font-size: 16px;height: 27px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: initial;line-height: 1.5;}
.bodo_detail_a > span.bodo_date{    font-size: 15px; text-align: right; padding-top: 13px;}
.bodoIMGarea{position:relative;width:439px;height: 305px;overflow: hidden;background: #fff;}
.bodoIMGarea img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}





			
/*맞춤형서비스*/
.CustomizedServiceWrap {font-size:1rem; position:relative; padding:0 1.5%;}			
.CustomizedServiceWrap h4{color:#3e3f41; text-align:center;}
.CustomizedService {}
.CustomizedService .step {background: #ff3157; width:100px; text-align:center; border-radius:10px; margin-bottom:15px; height:30px; line-height:30px; margin-left: 17px;
    color: #fff;}
.CustomizedService .stepContent ul {display: flex;flex-wrap: wrap;}
.CustomizedService .stepContent ul li {
    float: none;
    width: calc((100% / 7) - 34px);
    margin: 0 17px 15px 17px;
	position:relative;
}
.CustomizedService .stepContent ul li:focus-within {
  outline: 4px dashed #0012ff; 
}			
.CustomizedService .stepContent ul li:before {}
.CustomizedService .stepContent ul li:before {
       content: '';
    display: block;
    background-color: #e6e7e9;
    width: 35px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: -35px;
}
.CustomizedService .stepContent ul li:first-child:before {
       content: none;
}
 .CustomizedService .stepContent ul li.item11:before,  .CustomizedService .stepContent ul li.item17:before { 
    width: 5px;
    height: 105px;
    position: absolute;
    top: -100px;
    left: 50%;}
.CustomizedService .stepContent ul li input[type="checkbox"] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}	
.CustomizedService .stepContent ul li input[type="checkbox"]:checked + label{
	background-color: #fff;
	border:3px solid #ff3157;
font-weight:bold;
    box-shadow: rgba(0, 0, 0, 0.1) 8px 13px 10px;
}
.CustomizedService .stepContent ul li label{
	display: block;
    position: relative;
    z-index: 2;
    padding: 15px 0 14px;
    background-color: #fff;
    border-radius: 18px;
    overflow: hidden;
    text-align: center;
    color: #43475e;
    transition-property: background-color, color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
}
.CustomizedService .step1  ul li label:before {
    display: block;
    margin: 0 auto 6px;
    background-repeat: no-repeat;
    content: '';
}
.CustomizedService .step1 ul li.item1 label:before {width: 33px;height: 44px;background-image: url(/images/domain/junggu/main/item01.png);}
.CustomizedService .step1 ul li.item2 label:before {width: 36px;height: 44px;background-image: url(/images/domain/junggu/main/item02.png);}
.CustomizedService .step1 ul li.item3 label:before {width: 49px;height: 47px;background-image: url(/images/domain/junggu/main/item03.png);}
.CustomizedService .step1 ul li.item4 label:before {width: 49px;height: 47px;background-image: url(/images/domain/junggu/main/item04.png);}
.CustomizedService .step1 ul li.item5 label:before {width: 42px;height: 46px;background-image: url(/images/domain/junggu/main/item05.png);}
.CustomizedService .step1 ul li.item6 label:before {width: 49px;height: 46px;background-image: url(/images/domain/junggu/main/item06.png);}
.CustomizedService .step1 ul li.item7 label:before {width: 48px;height: 45px;background-image: url(/images/domain/junggu/main/item07.png);}

/*.CustomizedService .stepContent ul li:last-child {margin-right:0}*/
[type='checkbox'], [type='radio'], select { cursor: pointer;}


/* step2 */
.step2_slide{position: relative; overflow: hidden;}
.step2_slide:before{position: absolute; top: 26px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 90%; height: 5px; background-color: #e6e7e9;}
.step2_slide .item{position: relative; padding: 0 17px 0 17px; box-sizing: border-box;}
.step2_slide .item input[type="checkbox"] {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}
.step2_slide .item input[type="checkbox"]:checked + label{
	background-color: #fff;
	border:3px solid #ff3157;
    font-weight:bold;
    box-shadow: rgba(0, 0, 0, 0.1) 8px 13px 10px;
}
.step2_slide .item label{
	display: block;
    position: relative;
    z-index: 2;
    padding: 15px 0 14px;
    background-color: #fff;
    border-radius: 18px;
    overflow: hidden;
    text-align: center;
    color: #43475e;
    transition-property: background-color, color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
}


.step2_slide .item label:focus-within {
  outline: 4px dashed #0012ff;  outline-offset:-4px;
}


.step2_slide .swiper-button-prev{left: -9px;}
.step2_slide .swiper-button-next{right: -9px;}

.bd_btn.btn_submit{
    color: #fff;
    border: none;
    background-color: #3c65bf;
    height:40px;
    padding: 0 20px 0 40px;
    font-size:15px;
}
.bd_btn.btn_submit:before {position:absolute; left:0;
    background-repeat: no-repeat;
    content: '';
    width: 40px;
    height: 40px;
    background-image: url(/images/domain/junggu/main/btn_result.png);
				background-position:70% 50%;
}
.bd_btn.btn_cancel{padding: 0 20px 0 40px;}
.bd_btn.btn_cancel:before {position:absolute; left:0;
    background-repeat: no-repeat;
    content: '';
			 width: 40px;
    height: 40px;
    background-image: url(/images/domain/junggu/main/btn_cancel.png);
				background-position:70% 50%;
}

.CustomizedServiceWrap .btn-wrap{position:absolute; top:15px; right:1.5%;}

/*소통하는 중구*/
/*
.Communicate_junggu {font-size:1rem; padding:40px 1.5%; position:relative; overflow:hidden; 
background:url('/images/domain/junggu/main/bg_communi.png') #f6f6f6 no-repeat 0; z-index:1;}
.Communicate_junggu h2 {font-size:1.3rem; margin-bottom:8px; }
.Communicate_junggu .sns_box {width:75%; float:left;}
.Communicate_junggu .list_box {
    width: 55%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 50px;
}
.Communicate_junggu .list_box .list {position: relative; width: calc(50% - 25px); letter-spacing: -1px; display: block;}
.Communicate_junggu .list_box .list a {height: 245px; display: block;     border-radius: 30px;     padding: 42px 30px 35px;}

.Communicate_junggu .list_box a.a1 {
    background: url('/images/domain/junggu/main/sns_img.jpg') no-repeat center center;     background-size: cover;}
.Communicate_junggu .list_box .a2 {margin-top:50px;}
.Communicate_junggu .list_box .a3 {margin-top:-50px;}

 @keyframes fadeInDown {
        0% {
            transform: translate3d(0, 1%, 0) scale(0.95);
        }
        to {
            transform: translateZ(0)  scale(1);
        }
}
 .Communicate_junggu .list_box a.obj {
  transform: translate3d(0, 1%, 0) scale(0.95);;
		
    }
.Communicate_junggu .list_box a.sns {    
    backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);}
.Communicate_junggu .list_box a.obj:hover {
        position: relative;
        animation: fadeInDown 1s;
transform: translateZ(0)  scale(1);
box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.08);
    }
.Communicate_junggu .list_box a.sns:hover {  backdrop-filter: blur(0);}
.list_box .sns_icon {position:absolute; right:25px;width:40px; height:40px; top:25px;    border-radius:50%; overflow: visible; 
box-shadow: 1px 1px 0 1px rgba(0, 0, 0, .2); }
.list_box  .sns_icon:before {
	    content: '';
					position:absolute;
					left:0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
				background-size:cover;}
.list_box  .kakao:before { background-image: url('/images/domain/junggu/main/ico_kakao.png');}
.list_box  .blog:before { background-image: url('/images/domain/junggu/main/ico_blog.png');}
.list_box .insta:before { background-image: url('/images/domain/junggu/main/ico_insta.png');}
.list_box  .facebook:before { background-image: url('/images/domain/junggu/main/ico_facebook.png');}
.list_box  .youtube:before { background-image: url('/images/domain/junggu/main/ico_youtube.png');}

.magazine { background: url('/images/domain/junggu/main/sns_img.jpg') no-repeat center center;  background-size: cover;  position:relative;}
.magazine .number {    position: absolute;
    background: #ff3157;
    color: #fff;
    border-radius: 50%;
				font-size:1.2rem;
    width: 104px;
    height: 104px;
    text-align: center;line-height:28px; right:15px; top:-50px;
}
.magazine .number .vol {margin-top:20px}
.magazine .number span {font-size:1.8rem; font-weight:bold;}
.magazine .titleWrap {background-color: rgba( 255, 49, 87, 0.5 ); position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    color: #fff;     border-bottom-left-radius: 30px;     border-bottom-right-radius: 30px;}
.magazine .titleWrap .title {padding:5%; float:left;width:60%;}
.magazine .titleWrap .more {padding:7.5% 5% 7.5% 0; width:25%; float:left; border:1}
.magazine .titleWrap .more span {border:1px solid #fff; padding:8px 12px; border-radius:5px;}
*/

/*중구이야기*/
.story_junggu h2{margin-bottom:30px;}

/* 슬라이더 기본 스타일 */
.story_junggu .slider { position: relative; margin: 0 auto 0; } 
.story_junggu .slider .inner { overflow: hidden; width: 100%; margin: 0 auto; height:605px; } 

/* 슬라이더 내 각 슬라이드 아이템 스타일 */
.story_junggu .slide_list > li { position: relative; width: 31%; transform: scale(1.7); transition: all 0.3s; opacity: 0; height:300px; background-size:cover;
margin-top:150px;} 
.story_junggu .slide_list > li a {  dth: 100%; height: 100%; display: inline-block;} 

.story_junggu .slide_list > li a:focus-within{outline: 4px dashed #0012ff !important;  outline-offset:-4px;}
.story_junggu .slide_list > li .img { overflow: hidden; display: block; position: relative; padding-bottom: 60%; border-radius: 10px; } 
.story_junggu .slide_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.story_junggu .swiper-slide img {border-radius:10px; height:100%; width:100%}

/* 현재 활성화된 슬라이드 스타일 */
.story_junggu .slide_list > li.swiper-slide-active,
.story_junggu .slide_list > li.swiper-slide-duplicate-active { transform: scale(2); opacity: 1; z-index:1; } 

/* 이전 및 다음 슬라이드의 여백 조정 */
.story_junggu .slide_list > li.swiper-slide-prev { margin-right: -15%; margin-left: 15%; opacity: 0.5; margin-top:140px;} 
.story_junggu .slide_list > li.swiper-slide-next { margin-right: 15%; margin-left: -15%; opacity: 0.5; margin-top:140px;} 

/* 화면상 첫 번째 및 마지막 슬라이드의 여백 조정 */
.story_junggu .slide_list > li.first { margin-right: -4%; margin-left: 4%; } 
.story_junggu .slide_list > li.last { margin-right: 4%; margin-left:-4%; } 

/* 슬라이더 이동 버튼 스타일 */
.story_junggu .slider .btn {position: absolute;
    top: 50%;
    width: 3%;
    font-size: 1rem;
    z-index: 10;
    transform: translate(0, -50%);
    cursor: pointer;} 
.story_junggu .slider .btn img { width: 100%; } 
.story_junggu .slider .btn.btn_prev {    left: 3%;  background: url('/images/domain/junggu/main/story_prev.png') no-repeat center center; text-indent: -99999px;
width:21px; height:38px;} 
.story_junggu .slider .btn.btn_next { right:3%;background: url('/images/domain/junggu/main/story_next.png') no-repeat center center; text-indent: -99999px;
width:23px; height:38px; } 
.story_junggu .slider .btn.btn_prev img { transform: rotateY(180deg); } 

.story_junggu .info {position:absolute; bottom:0; background:#ff3157; color:#fff; right:0; font-size:9px; padding:3px 25px; 
border-bottom-right-radius: 10px; border-top-left-radius: 10px;}



/*중구의 9경 9맛*/
.Scene_9 h2{    text-align: center; font-size: 1.3rem; margin-bottom:16px;}
.Scene_9Swiper .swiper-slide-active img{opacity:100 !important;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.6); border:5px solid #fff;}

.Scene_9Swiper  .swiper-slide{ box-sizing:border-box;     padding: 10px 20px 10px 20px; justify-content: center;display: flex; }
.Scene_9Swiper  .swiper-slide img{ border-radius:20px;   opacity: 0.5;}
section:nth-child(7) {background-image: linear-gradient(to bottom, #ffffff, #f1f4fa); padding: 15px 0 50px 0;}
.Scene_9Swiper  .swiper-slide .txt{margin-top:10px;}
.Scene_9Swiper .swiper-horizontal>.swiper-pagination-bullets, .Scene_9Swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .Scene_9Swiper.swiper-pagination-custom, .Scene_9Swiper .swiper-pagination-fraction{    bottom: 20px;}
 .swiper-pagination-bullet:focus-within {
  outline: 4px solid #0012ff; outline-offset:0px;
}
.Scene_9Swiper .swiper-button-next, .Scene_9Swiper .swiper-button-prev {background-color: rgba(255, 255, 255, 0.4);border-radius: 50%; width: 50px; height: 50px;}


.Scene_9Swiper  .swiper-slide:focus-within {
  outline: 4px dashed #0012ff; outline-offset:0px;
}



@media screen and (max-width: 1600px){
/* 중구이야기 */
section:nth-child(5){padding: 0 0 40px 0;}
}
    
/* 모바일 화면에서 슬라이더 스타일 조정 */
@media (max-width: 1023px){
	.story_junggu .slider .inner {height:215px}
.story_junggu .slider {} 
.story_junggu .slide_list > li .img { border-radius: 5px; } 
.story_junggu .slide_list > li { width: 35%;     transform: scale(0.9);  margin-top: 0; height:auto;} 
.story_junggu .slider .btn { } 
.story_junggu .slide_list > li.swiper-slide-active, .story_junggu .slide_list > li.swiper-slide-duplicate-active {transform: scale(1); opacity: 1; z-index:1;}
.story_junggu .slide_list > li.swiper-slide-active img { height:100%;} 
.story_junggu .slide_list > li.swiper-slide-prev, .story_junggu .slide_list > li.swiper-slide-next {margin-top:0;}
.story_junggu .info {font-size:1rem}
section:nth-child(5) {padding:30px 0}
}
				
/*media*/
@media screen and (max-width:1500px) {
.section2{background-size:60%;}
		
.majorServices .serviceWrap .service_img {padding: 40px 20px 20px 20px;  position: relative; }
.majorServices .serviceWrap .service_img img{    margin: auto;
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.majorServices 	.tab.list li {float:left; width:33.3333%;}
.majorServices .tab.list li li.minwonSlide{width:100%;}
.majorServices 	.tab.list li ul {left:0; width:100%; top:55px;}
.majorServices .tab.list li a.title {width:auto; display:block; text-align:center;}
.majorServices .tab.list li.active a.title{padding:5px 15px;}
.majorServices 	.tab.list{margin-top:15px; font-size:1.1rem}
.majorServices .tab.list li a.title span {padding:6px 25px;}
.majorServices .swiper {padding:30px 0;}
.majorServices .swiper-button-next, .majorServices .swiper-rtl .swiper-button-prev {right:0;     top: 42%;}
.majorServices .swiper-button-prev, .majorServices .swiper-rtl .swiper-button-next{left:0;  top: 42%;}

.mainbanner, .mayorWrap {width:100%; float:none; padding-left:0; overflow:hidden;}
.mainbanner{padding-bottom:20px;}
 .mayorWrap {margin-top:20px;}
.majorServices{margin:30px 0 40px 0}
.mainbanner .tab.list .swiper-container {height:auto;}

/*메인배너*/
.mainbanner .tab.list{height:570px !important;}



.mayor {background:url('/images/domain/junggu/main/bg_mayor_m.jpg')  no-repeat 100% 60%;  height:315px; }
.noticeWrap .tab.list li {width:24%}
.noticeWrap .tab.list li li.more {width:4%; height:38px;}
.noticeWrap .tab.list li li a.notice_con .notice-card-bg h4 {margin-top:15px}


.step2 {margin-top:40px}
.Communicate_junggu .tit_box {width:30%;}
.Communicate_junggu .list_box {width:70%}

.magazine .titleWrap .more {padding:7.5% 1% 7.5% 0; width:29%; float:left;}

/*알림팝업 보도자료*/
.second_popup{width:100% !important; padding:0;}
.second_popup h2{margin-bottom:15px;}
.bodo_popup{width:100%;margin-top: 45px;}
.bodo_popup h2{margin-bottom:15px;}

/*보도자료*/
.bodoIMGarea{width:100% !important;}


}
@media screen and (max-width:1023px) {
	.section1 {height: auto; font-size:0;}
	#floatBanner a p {font-size:15px;}
	.scroll-nav {display:none;}
	.section2 {background:#f9fafc url('/images/domain/junggu/main/bg_popup_m.png')  no-repeat 100% 0; padding:30px 1.5%; background-size:50%;}
	.majorServices {margin:0 0 30px 0}
	.mainbanner, .mayorWrap {font-size:1rem}

/*메인배너*/
.mainbanner .tab.list{height:400px  !important;}


/*주요서비스*/
.majorServices .serviceWrap .service_img {padding: 20px 20px 3px 20px; }


	

/*공지사항*/
.pc_notice{         height: 430px !important;}
    .noticeWrap .tab.list li ul.content{ background: #fff; 
        height: auto;
        padding: 2% 0%;
        width: 100%;}
.noticeWrap .tab.list ul{background: #fff; height: auto  !important;}

    .noticeWrap .tab.list li li{float: none; width: 100%; }
    p.notice_txt{display:none !important;}

    .noticeWrap .tab.list li li a.notice_con{height: 100px;}

    .noticeWrap .tab.list li li a.notice_con .notice-card-bg{  position: initial;     height: auto;}

    .noticeWrap .tab.list li li a.notice_con .bg{display: none;}

    .noticeWrap .tab.list li li a.notice_con .notice-card-bg .notice_con_more{    margin: 0px 35px 0px 0;}

    /*.noticeWrap .tab.list li li a.notice_con:hover .bg{width:100%;}*/

    .noticeWrap .tab.list li li a.notice_con .notice-card-bg h4{margin: 0px 35px 0px 35px;}

    .noticeWrap .tab.list li li a.notice_con .notice-card-bg .notice_title{margin-bottom:0px;}


    .noticeWrap .tab.list li li a.notice_con:hover .notice-card-bg{width:100%; height:100%;}
 
.noticeWrap .tab.list li li:nth-child(2){margin: 0 0 0px 0;}
.noticeWrap .tab.list li li{    margin: 0 0 0px 0;}
    
    /* 고시공고250312 */
    .Public{ background: #fff; height: auto; padding: 2% 0%; width: 100%; height: 390px; box-sizing: border-box;}

.CustomizedService .stepContent ul li {width: calc((100% / 4) - 34px);}
.CustomizedService .step {padding:5px 0}

.CustomizedServiceWrap .btn-wrap {position:relative; top:0; text-align:center; margin-top: 20px;}
.CustomizedService .stepContent ul li.item1:before {content: '';
        width: 5px;
    height: 105px;
    position: absolute;
    top: 100px;
    left: 50%;}

.CustomizedService .stepContent ul li.item5:before, .CustomizedService .stepContent ul li.item11:before,  .CustomizedService .stepContent ul li.item17:before { content:none;}
.CustomizedService .stepContent ul li.item15:before {width: 5px;
    height: 45px;
    position: absolute;
    top: -35px;
    left: 50%;}
				.step2 {margin-top:0}
.step2_title{position:relative; z-index:1;}

.Communicate_junggu .tit_box {width:100%; float:none;         margin-bottom: 20px; padding:0 1.5%;}
.Communicate_junggu .list_box {width:100%; float:none;}
.Communicate_junggu .list_box .a2, .Communicate_junggu .list_box .a3 {margin:0}
.Communicate_junggu .list_box .list {width: calc(50% - 8px); }
.Communicate_junggu .list_box .list a{height:150px; }
.Communicate_junggu .list_box{    gap: 20px 15px;}
section:nth-child(4) {padding:40px 0 0 0}
.CustomizedServiceWrap {padding:0 1.5% 30px 1.5%;}
.CustomizedService .stepContent ul li.item1:before{ top: 50%; transform: translateY(-50%); width: 105px; height: 5px; left: -50px;}


	}
	
		@media screen and (max-width:767px) {
			.noticeWrap .tab.list li {width:22.5%}
.noticeWrap .tab.list li li.more {width:10%; height:37px;}
.magazine .titleWrap .more {display:none}
.magazine .titleWrap .title {width:90%}
.story_junggu .slide_list > li {height:200px}

/*메인배너*/
.mainbanner .tab.list{height:350px  !important;}

/*주요서비스*/
.majorServices .serviceWrap .service_img{width:55px; height:55px;}
.majorServices .serviceWrap .service_img {padding: 20px 20px 15px 20px; }


	}
	
	
	@media screen and (max-width:640px) {
		.mayor {background:url('/images/domain/junggu/main/bg_mayor_m.jpg')  no-repeat 95% 60%; height:190px;  background-size: 255%; background-color: #fff; padding: 18px 40px 0 40px;}
               .mayorTxt{font-size:15px;}
               .mayorTxt h3{ line-height: 1.2;} 
               .mayor .mayorTxt{font-size:15px;}
               .mayor .mayorTxt span{font-size:30px;}
               .mayor .mayorTxt ul{margin-top:18px;}
               .mayor .mayor_btn{padding: 8px 15px;}
               .mayor .mayor_btn2{padding: 8px 15px;}

		.noticeWrap {min-height:240px;}
        .CustomizedService .stepContent ul li{width: calc((100% / 4) - 10px); margin: 0 5px 30px 5px;}
        .step2_slide .item{padding: 0 5px;}
        .step2_slide .item label{font-size: 16px;}



/*중구 맞춤서비스*/
.CustomizedService .step1 ul li label:before{margin: 0 auto 0px;}
.CustomizedService .step1 ul li.item1 label:before {background-image: url(/images/domain/junggu/main/item01.png);background-size: 100%;width: 24px;height: 30px;}
.CustomizedService .step1 ul li.item2 label:before {background-image: url(/images/domain/junggu/main/item02.png);background-size: 100%;width: 27px;height: 30px;}
.CustomizedService .step1 ul li.item3 label:before {background-image: url(/images/domain/junggu/main/item03.png);background-size: 100%;width: 33px; height:30px;}
.CustomizedService .step1 ul li.item4 label:before {background-image: url(/images/domain/junggu/main/item04.png);background-size: 100%;width: 35px;height: 30px;}
.CustomizedService .step1 ul li.item5 label:before {background-image: url(/images/domain/junggu/main/item05.png);background-size: 100%;width: 30px;height: 30px;}
.CustomizedService .step1 ul li.item6 label:before {background-image: url(/images/domain/junggu/main/item06.png);background-size: 100%;width: 32px;height: 30px;}
.CustomizedService .step1 ul li.item7 label:before {background-image: url(/images/domain/junggu/main/item07.png);background-size: 100%;width: 30px;height: 30px;}

/*메인배너*/
.mainbanner .tab.list{height:280px  !important;}

	}




@media screen and (max-width:500px) {

/*메인배너*/
.mainbanner .tab.list{height:222px  !important;}

	}
	



@media screen and (max-width:400px) {

/*메인배너*/
.mainbanner .tab.list{height:190px  !important;}
.mainbanner .controls{bottom:7px;}
.mainbanner .main_more{bottom:11px;}
.mainbanner .main_more img{padding-top:8px;}

/*맞춤형 서비스*/
.mo_none{display:none;}

	}


@media screen and (min-width:1024px) {
	.mobile_notice {display:none;}
}


/*중구야 놀자*/
.play_jungu .swiper-container {
  width: 100%;
  height: 100%;
		padding:30px 0;
}
.play_jungu .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* 슬라이더 내 각 슬라이드 아이템 스타일 */
.play_jungu .swiper-slide {width:35% !important; transition: all 0.3s; opacity: 0.3; margin-right:0% !important; padding: 1% 1%;} 
.play_jungu .swiper-slide-active {opacity: 1; z-index:1; width:35% !important;  padding: 1% 1.5%;}
.play_jungu .swiper-slide-active ul, .play_jungu .swiper-slide-active ul img {width:100%;}
.play_jungu .swiper-slide img{border-radius:20px; border:5px solid #fff;}
.play_jungu .swiper-slide-active img{
box-shadow: 0 3px 10px rgb(0 0 0 / 0.6); border:5px solid #fff;}
.play_jungu .swiper-slide ul li.txt {margin-top:15px;}

/* 이전 및 다음 슬라이드의 여백 조정 */
.play_jungu .swiper-slide-prev {opacity:0.8; z-index:1;} 
.play_jungu .swiper-slide-next { opacity:0.8; z-index:1;} 

/* 화면상 첫 번째 및 마지막 슬라이드의 여백 조정 */
.play_jungu .swiper-wrapper div.swiper-slide:first-child{ } 
.play_jungu .swiper-wrapper div.swiper-slide:last-child{} 
.play_jungu h3 {margin-bottom:20px}

.play_jungu .swiper-button-next, .play_jungu .swiper-button-prev {       background-color: rgba(255, 255, 255, 0.4);  
    border-radius: 50%;
    width: 50px;
    height: 50px;}
				
.play_jungu .swiper-horizontal>.swiper-pagination-bullets, .play_jungu .swiper-pagination-bullets.swiper-pagination-horizontal, 
.play_jungu .swiper-pagination-custom, .play_jungu .swiper-pagination-fraction{bottom:40px;}


@media screen and (max-width:991px) {
.play_jungu .swiper-slide, .play_jungu .swiper-slide-active {padding:1% 4%}
section:nth-child(6) {padding:0 0 40px 0;}
.play_jungu .swiper-horizontal>.swiper-pagination-bullets, .play_jungu .swiper-pagination-bullets.swiper-pagination-horizontal, .play_jungu .swiper-pagination-custom, .play_jungu .swiper-pagination-fraction{bottom:20px;}
	}

/* 소통하는 중구 sns링크 */
.sns_link{display: flex; margin-top: 10px;}
.sns_link li{margin-right: 8px;}
.sns_link li a{display: block; width: 35px; height: 35px; text-indent: -999999px; background-size: contain;}
.sns_link li.facebook a{background-image: url(/images/domain/junggu/main/ico_facebook.png);}
.sns_link li.blog a{background-image: url(/images/domain/junggu/main/ico_blog.png);}
.sns_link li.insta a{background-image: url(/images/domain/junggu/main/ico_insta.png);}
.sns_link li.youtube a{background-image: url(/images/domain/junggu/main/ico_youtube.png);}

/* 소통하는 중구-수정 */
.Communicate_junggu {font-size:1rem; padding:40px 1.5%; position:relative; overflow:hidden; z-index:1;}
.Communicate_junggu:after{content: ""; display: block; clear: both;}
.Communicate_junggu h2 {font-size:1.3rem; margin-bottom:8px; }
.Communicate_junggu .sns_box{width:70%; float:left;}
.swiper.sns_Swiper{}
.sns_Swiper .swiper-slide{position: relative; padding: 25px 50px; box-sizing: border-box;}

.sns_Swiper .swiper-slide a{position: relative; display: block; border-radius: 30px; overflow: hidden; transition: all 0.3s;}
.sns_Swiper .swiper-slide a:hover{transform: scale(1.07); box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.sns_Swiper .swiper-slide a:before{position: absolute; top: 15px; right: 15px; content: ""; display: block; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; z-index: 1;}
.sns_Swiper .swiper-slide.blog a:before{background-image: url('/images/domain/junggu/main/ico_blog.png');}
.sns_Swiper .swiper-slide.facebook a:before{background-image: url('/images/domain/junggu/main/ico_facebook.png');}
.sns_Swiper .swiper-slide.insta a:before{background-image: url('/images/domain/junggu/main/ico_insta.png');}
.sns_Swiper .swiper-slide.youtube a:before{background-image: url('/images/domain/junggu/main/ico_youtube.png');}
.sns_Swiper .swiper-slide a:focus-within {
  outline: 4px dashed #0012ff;  outline-offset:0px;
}

.sns_Swiper .swiper-slide img{position: relative; width: 100%;}
.sns_Swiper .swiper-button-next:after, .sns_Swiper .swiper-button-prev:after{font-size: 2rem; color: #444; font-weight: 500;}

.magazine_box{position: relative; float: left; width: 30%; padding: 0 51px; box-sizing: border-box;}
.magazine{position: relative; display: block; transition: all 0.3s;}
.magazine:hover{transform: scale(1.07);}
.magazine:hover .image{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.magazine .number{position: absolute; top: 30px; left: -45px; background: #ff3157; color: #fff; border-radius: 50%; font-size: 1.2rem; width: 104px; height: 104px; text-align: center; line-height: 28px;}
.magazine .number .vol {margin-top:20px}
.magazine .number span {font-size:1.8rem; font-weight:bold;}
.magazine .titleWrap {padding: 30px 0; text-align: center; background-color: rgba( 255, 49, 87, 0.6); position: absolute; right: 0; width: 100%; bottom: 0; color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.magazine .titleWrap .title span{font-size: 20px; font-weight: 500;}
.magazine .image{border-radius: 30px; overflow: hidden;}

@media screen and (max-width: 1400px) {
    .Communicate_junggu .sns_box{width: 60%;}
    .magazine_box{width: 40%;}
}

@media screen and (max-width: 1100px) {
    .Communicate_junggu .sns_box{width: 100%;}
    .magazine_box{width: 100%; margin-top: 60px;}
    .magazine{max-width: 500px; margin: 0 auto;}
    .magazine .image img{width: 100%;}
}

@media screen and (max-width: 800px) {
    .sns_Swiper .swiper-slide{padding: 20px 25px;}
    .sns_Swiper .swiper-button-prev{left: -4px;}
    .sns_Swiper .swiper-button-next{right: -4px;}
    .magazine{max-width: 400px;}
}




@media screen and (max-width: 700px) {

/*중구문화행사*/
.story_junggu .slide_list > li{ width: 100%;}
.story_junggu .slider{ box-sizing: border-box; margin: 0 30px;}
.story_junggu .slider .btn.btn_prev{left: -4%;}
.story_junggu .slider .btn.btn_next{right: -4%;}

/*중구의 9경 9맛*/
/*.Scene_9sw-wrapper{ width: 95%;}
.play_jungu .swiper-slide{        width: 95% !important;
        margin: 0 15px;
        box-sizing: border-box;
        padding: 1% 1%;
        opacity: 100;
        left: 62%;
        transform: translateX(-50%);}*/

}




@media screen and (max-width: 600px) {
    .sns_Swiper .swiper-slide{padding: 20px 50px;}
    .magazine_box{margin-top: 30px;}
    .magazine .number{left: -35px; width: 75px; height: 75px; font-size: 16px;}
    .magazine .number .vol{margin-top: 15px; font-size: 15px; line-height: 1.2em;}
    .magazine .number span{font-size: 20px;}
    .magazine .titleWrap{padding: 20px 0;}
    .magazine .titleWrap .title span{font-size: 17px;}

/*중구문화행사*/
.story_junggu .slider .btn.btn_prev{left: -6%;}
.story_junggu .slider .btn.btn_next{right: -6%;}



}