@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;600;800&display=swap');

/* layout*/
footer.margin-top-60 { margin-top:0; }

/* 공통 */
.mt40 { margin-top:40px !important;}
.mt70 { margin-top:70px !important;}
h2.section_tit { width:100%; text-align:center; font-size:50px; line-height:45px; margin-bottom:50px; color:#000; font-weight:400; font-family:'Outfit','Noto Sans KR','나눔 고딕', sans-serif }
h2.section_tit>span.english { display:inline-block; width:100%; font-size:25px; font-weight:400;}
#section2 h2.section_tit span.english { color:#dc6800; }
#section3 h2.section_tit span.english { color:#ec6811; }
#section4 h2.section_tit span.english { color:#13beb0; }

/*  gnb
.navbar-expand-lg .navbar-nav {display:none;}*/
/* section */
#section1 { background:url("/theme/5455/file/img/section_bg01.jpg") no-repeat center; background-size:cover; }
#section2 { background:url("/theme/5455/file/img/section_bg02.jpg") no-repeat center; background-size:cover; }
#section3 { background:url("/theme/5455/file/img/section_bg03.jpg") no-repeat center; background-size:cover; }
#section4 { background:url("/theme/5455/file/img/section_bg04.jpg") no-repeat center; background-size:cover; }

.main_con_wrap, .main_con_wrap02 { width:100%; max-width:1280px; margin:0 auto; font-family:'Outfit','Noto Sans KR','나눔 고딕', sans-serif}
.main_con_wrap.sec01_top  {margin:-155px auto 0 auto; }
.main_con_wrap:after { display:block; content:""; clear:both;}
#section3 .main_con_wrap	{padding-top:60px;}

/* 팝업박스 */
.popup_wrap { width:700px; height:650px; border-radius:35px; outline:1px solid #bdc2c6; box-shadow:0 0 30px 15px rgb(0 0 0 / 15%); display:inline-block; overflow:hidden; float:left; background:#f1f1f1;}
.section_right { width:calc(100% - 760px); max-width:1200px; float:right; margin-top:0px; }

/* 메인화면 검색창 */
.main_sch		{width:100%; height:63px; padding:0px; margin-bottom:25px; background-color:#fff; outline:2px solid #0097dc; border-radius:15px; }
.main_sch_stx	{width:calc(100% - 70px); height:63px; padding:5px 15px; font-size:20px; border:0; border-radius:15px;}
.main_sch_submit{float:right; width:60px; height:63px; border-radius:0 14px 14px 0; background-color:#0097dc; border:0; color:#fff; font-size:30px;}


/* 상단 공지/언론보도 탭 */
.tab_web.list{ width:100%; min-height:450px; margin-bottom:10px; letter-spacing:-0.03em;}
.tab_web.list>h2 { margin:20px 0;}
.tab_web.list>ul { position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #555;*zoom:1}
.tab_web.list ul:after {content:"";display:block;clear:both}
.tab_web.list li {float:left;margin-bottom:-1px}
.tab_web.list li>.ltnews { display:none; width:100%;position:absolute;top:70px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.tab_web.list li:first-child>.ltnews { display:block;}
.tab_web.list li .ltnews:after {content:"";display:block;clear:both}
.tab_web.list li>button { display:inline-block; width:auto; height:60px; line-height:60px; text-align:Center; padding:0 30px; box-sizing:border-box; outline:0; background:transparent;color:#333; border:0; font-size:28px;}
.tab_web.list li.active>button  { color:#0097dc; font-size:30px; font-weight:800; border-bottom:3px solid #0097dc; }
.tab_web.list li>button:focus { outline:2px solid #333; box-sizing:border-box; }
.tab_web.list li>button:focus:not(:focus-visible) { outline:none;}
.tab_web.list.jx { height:auto}
.tab_web.list.jx ul {border:0}
.tab_web.list.jx li {float:none;position:relative}
.tab_web.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}
.tab_web.list.jx li ul {position:static;display:block;left:0;top:0;padding:5px 0}
.tab_web.list.jx li li a {display:inline;border:0 !important;background:none !important;font-weight:normal}

/* 복지관 소통채널 */
.ch_wrap { width:100%; height:auto; padding:25px 90px; border-radius:20px; box-sizing:Border-box; background:rgba(0,150,140,0.1); }
.ch_wrap:after { display:block; content:""; clear:both; }
.ch_wrap>h3 { display:inline-block; width:130px; height:55px; margin-top:10px; padding-right:40px; font-size:22px;  color:#000; line-height:25px; float:left; text-align:right; border-right:1px solid #ccc; }
.ch_wrap>ul.sns_btn02 { width:100%; height:auto; margin-bottom:0; float:left; text-align:center; }
.ch_wrap>ul.sns_btn02 li { display:inline-block; width:49%; float:left; font-size:22px; color:#444;}
.ch_wrap>ul.sns_btn02 li a { display:flex; justify-content:center; }
.ch_wrap>ul.sns_btn02 li a>span {display:block; width:100%; margin:5px 0 0 15px; text-align:left; font-weight:500; letter-spacing:-0.03em; color:#444}
/*
.ch_wrap { width:100%; height:110px; padding:17px 15px; border-radius:10px;  box-sizing:Border-box; background:#eff3f4; }
.ch_wrap:after { display:block; content:""; clear:both; }
.ch_wrap>h3 { display:inline-block; width:105px; height:55px; margin-top:10px; padding-right:20px;  font-size:22px; letter-spacing:-0.03em; color:#000; line-height:25px; float:left; text-align:right; border-right:1px solid #ccc; }
.ch_wrap>ul.sns_btn { width:calc(100% - 110px); height:75px; float:left; text-align:center; }
.ch_wrap>ul.sns_btn li { display:inline-block; width:25%; text-align:Center; float:left; font-size:18px; color:#444; margin-top:3px;}
.ch_wrap>ul.sns_btn li a>span {display:block; width:100%; margin-top:5px;  font-weight:500; letter-spacing:-0.03em; color:#444}*/

/* 갤러리 */
.gall_tab { width:100%; height:auto;  margin:0; display:inline-block;}
.gall_tab>h3.title_radius {  width:180px; height:55px; line-height:55px; margin:50px auto 20px auto;  border-radius:55px;background:#3fb3e8; color:#fff; text-align:center; font-size:27px; letter-spacing:-0.03em;}

/* 소통_이달의행사 및 아이콘 바로가기 */
.commu_bottom { width:100%; height:205px; padding:25px; padding-right:15px; box-sizing:border-box; background:rgba(255,255,255,1); box-shadow:0 0 20px 10px rgb(0 0 0 / 8%); border-radius:25px; margin:30px auto; display: flex; flex-direction: row; align-items: center;}
.commu_bottom:after { display:block; content:""; clear:both; }
.commu_bottom ul.icon_banner { width:100%; float:right; margin-bottom:0; display: flex; flex-direction: row; align-items: center;}
.commu_bottom ul.icon_banner:after { display:block; content:""; clear:both; }
.commu_bottom ul.icon_banner>li { width:16.5%; float:left; text-align:Center; }
.commu_bottom ul.icon_banner img { }
.commu_bottom ul.icon_banner a>span { display:inline-block; width:100%; margin-top:20px; font-size:22px; line-height:23px;  color:#333; letter-spacing:-0.04em; font-weight:500; }
.commu_bottom ul.icon_banner li>a>i.fa-arrow-right { display:none; }


/* 사업소개*/
ul.banner_link06 { display:block; margin:60px 0; padding:0; list-style:none; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif !important; display:flex; flex:1; flex-wrap:wrap;}
ul.banner_link06 li { height:280px; display:flex;  flex-basis:32.3%; justify-content:space-between; border-radius:20px; background:#fff; box-shadow:0 0 4px 2px rgb(0 0 0 / 5%); box-sizing:border-box; list-style:none; margin:0 0 1.5% 0; padding:0; transition:all .5s ease; position:relative; z-index:999; overflow:hidden; }
ul.banner_link06 li.banner01, ul.banner_link06 li.banner02, ul.banner_link06 li.banner03, ul.banner_link06 li.banner04, ul.banner_link06 li.banner05 { position:relative;  z-index:1;}
ul.banner_link06 li.banner02, ul.banner_link06 li.banner05 {  margin:0 1.5%;}
ul.banner_link06 li:before {display:block; content:""; z-index:1; position:absolute; top:0; left:0; width:100%; flex:1; height:100%; background:rgba(250,220,200,0.2); border-radius:20px; opacity:0; transition:all .5s ease;}  /* 호버 컬러 */
ul.banner_link06 li:hover:before {opacity:1; z-index:1;}

ul.banner_link06 li.banner01:after { display:block; content:""; width:110px; height:110px; position:absolute; bottom:15px; right:10px; background:url("/theme/5455/file/img/main_biz_1.gif") no-repeat center; opacity:1; }
ul.banner_link06 li.banner02:after { display:block; content:""; width:110px; height:110px; position:absolute; bottom:15px; right:15px; background:url("/theme/5455/file/img/main_biz_2.gif") no-repeat center; opacity:1; }
ul.banner_link06 li.banner03:after { display:block; content:""; width:110px; height:110px; position:absolute; bottom:15px; right:15px; background:url("/theme/5455/file/img/main_biz_3.gif") no-repeat center; opacity:1; }
ul.banner_link06 li.banner04:after { display:block; content:""; width:110px; height:110px; position:absolute; bottom:15px; right:15px; background:url("/theme/5455/file/img/main_biz_4.gif") no-repeat center; opacity:1; }
ul.banner_link06 li.banner05:after { display:block; content:""; width:110px; height:110px; position:absolute; bottom:15px; right:15px; background:url("/theme/5455/file/img/main_biz_5.gif") no-repeat center; opacity:1; }
ul.banner_link06 li.banner06:after { display:block; content:""; width:355px; height:160px; position:absolute; bottom:-3px; right:-35px; background:url("/theme/5455/file/img/main_biz_6.gif") no-repeat center; opacity:1; }
ul.banner_link06 li>a {display:block; width:100%; flex:1;; height:280px;  padding:30px; box-sizing:border-box; color:#333; z-index:99; transition:all .5s ease;}
ul.banner_link06 li>a:hover { color:#fff;}
ul.banner_link06 li:hover { transform: translateY(-4px) scale(1.01); transition: transform 0.2s ease-in-out;}

ul.banner_link06 li a>h2 { font-size:23px; font-weight:400; color:#000; margin:10px 0 0 0; letter-spacing:-0.03em; line-height:28px; z-index:10; }
ul.banner_link06 li a>h2 span { display:block; font-size:30px; color:#f26e54; font-weight:700; margin-bottom:15px;}
ul.banner_link06 li.banner02 a>h2 span,
ul.banner_link06 li.banner04 a>h2 span,
ul.banner_link06 li.banner06 a>h2 span{color:#f09348;}
ul.banner_link06 li a>p { position:absolute; bottom:-200px; left:0; opacity:0; transition:all .5s ease;text-align:center; font-size:20px; word-break:keep-all; letter-spacing:-0.05em; line-height:27px; }
ul.banner_link06 li a span.link_btn { display:block; position:absolute; bottom:40px; width:auto; height:32px; line-height:32px; padding:0 15px 0 35px; font-size:17px; letter-spacing:-0.03em; background:rgba(97,75,75,0.5); color:#fff; border-radius:30px;}
ul.banner_link06 li a span.link_btn:hover{background:rgba(97,75,75,0.7); transition:all .8s ease;}
ul.banner_link06 li a span.link_btn:before, 
ul.banner_link06 li a span.link_btn:after { display:block; content:""; width:15px; height:3px; background:#fff; position:absolute; left:15px; top:16px; border-radius:2px;}
ul.banner_link06 li a span.link_btn:after { transform:rotate(90deg);}

/*사업소개의 전체보기버튼*/
.set3_more_wrap { display:inline-block; float:right; position:relative; right:0; top:15px}
.set3_more_wrap:before{ display:block; content:""; position:absolute; right:0; top:5px; width:30px; height:30px; background:#fc9a42; border-radius:50px; }
a.set3_more { display:inline-block; position:absolute; top:0; right:7px; width:120px; height:40px; text-align:right; line-height:40px; padding-right:30px; color:#222; font-weight:400; font-size:19px; }
a.set3_more:before,
a.set3_more:after { display:block; content:""; width:15px; height:3px; background:#fff; position:absolute; border-radius:2px;}
a.set3_more:before { right:0; top:18px;}
a.set3_more:after { transform:rotate(90deg); right:0px; top:18px; }


/* 같이가게 */
.top-100 { margin-top:-100px;}
.gall_tab.section4 .latest_gallery_more:before{background: #13beb0;}
.organ_bottom		{width:100%; height:310px; padding:25px; padding-right:15px; background:#fff url("/theme/5455/file/img/main_organ_bg.gif") no-repeat; background-position:103% 30px; background-size:contain; padding:40px 30px 40px 40px !important; box-shadow:0 0 20px 10px rgb(0 0 0 / 8%); border-radius:25px; margin:20px auto 0 auto;}
.organ_bottom:after {display:block; content:""; clear:both; }
.organ_bottom h2	{display:block; width:100%; text-align:left; font-size:43px; line-height:140%; margin-bottom:20px; color:#008fa4; font-weight:400; font-family:'Outfit','Noto Sans KR','나눔 고딕', sans-serif }
.organ_bottom p		{display:block; width:100%; text-align:left; font-size:20px; line-height:140%; margin-bottom:40px; color:#000000; font-weight:400;}
.organ_bottom a		{display:inline-block; position:relative; padding:0 60px 0 30px; width:auto; height:55px; line-height:55px; color:#fff; font-size:23px; font-weight:500; border-radius:30px;}
.organ_bottom a.obtn1{background:#139cbe; margin-right:5px}
.organ_bottom a.obtn2{background:#1ba8b5;}
.organ_bottom a:before,
.organ_bottom a:after{display:block; content:""; width:18px; height:3px; background:#fff; position:absolute; right:18px; top:47%; border-radius:2px;}
.organ_bottom a:after{transform:rotate(90deg);}



/* 하단 관련기관 banner_slide*/
.main_banner_wrap { height:130px; padding:25px 0; box-sizing:border-box;  }
#section4 {  position:relative; }
#section4:after {display:block; content:""; clear:both;}
.banner_slide { width:calc(100% - 180px); max-width:1186px;  position:relative; right:0;  overflow:hidden;}
.banner_slide .swiper-wrapper {   float:right;}
.banner_slide div.swiper-slide {display:inline-block; text-align:left; list-style:none; float:left;  background:#fff; margin-top:5px;}
.banner_slide div.swiper-slide:first-child { margin-left:0px;}
.banner_slide div.swiper-slide>a {display:inline-block; width:198px; margin:0 auto; text-align:left;} /* 5번줄 이미지 가로길이대로 width를 동일하게 반드시 수정해야함 */
.banner_slide div.swiper-slide>a:after {display:block; content:""; clear:both;}
.banner_slide div.swiper-slide img{  margin: 0 auto; padding:0 !important;  border:1px solid #ddd; box-sizing:border-box;}
/*.banner_slide .swiper-pagination { width:100px !important; left:50% !important; bottom:33px !important; margin-left:-45px;  }
.banner_slide .swiper-pagination>span.swiper-pagination-bullet { width:12px; height:12px; background:#798ece; margin:0 6px;}
.banner_slide .swiper-pagination>span.swiper-pagination-bullet-active { background:#880ec1}*/
.ban_btn_wrap { width:140px; float:left; margin:20px 0 0 20px;}
.ban_btn_wrap:after { display:block; content:""; clear:both; }
.ban_btn_wrap>li { float:left; width:36px; height:36px; margin-right:5px;}
.ban_btn_wrap .ban-next,
.ban_btn_wrap .ban-prev { display:block; width:36px; height:36px; font-size:0.0001em;;  border:1px solid #ddd; box-sizing:border-box; border-radius:5px;  text-indent:-99px;font-size:13px; line-height:30px;text-align:center; z-index:999; background:#fff; overflow:hidden; }
.ban_btn_wrap .ban-next {  position:relative; }
.ban_btn_wrap .ban-prev {  position:relative; }
.ban_btn_wrap .ban-next:after,
.ban_btn_wrap .ban-prev:after  { display:block; content:""; position:absolute; top:10px;  width:13px; height:13px; color:#777; font-size:15px;  text-align:center; z-index:9999;  }
.ban_btn_wrap .ban-next:after {  left:8px; border-top:3px solid #333; border-right:3px solid #333; transform:rotate(45deg);}
.ban_btn_wrap .ban-prev:after {  right:8px; border-top:3px solid #333; border-left:3px solid #333; transform:rotate(-45deg);}
.ban_btn_wrap .ban-prev.swiper-button-disabled:after, .ban_btn_wrap .ban-next.swiper-button-disabled:after { opacity:0.45;}

.ban-autoplay-control		{width:36px; height:36px; z-index: 999; position:relative; }
.ban-autoplay-control:after {display:block; content:""; clear:both; }
.ban-autoplay-control button{display:inline-block; width:36px; height:36px; border-radius:5px; border:1px solid #ddd; background:#fff; z-index:999; position:relative; box-sizing:border-box; }
.ban-autoplay-control button:focus { outline:0; border:2px solid #000;}
.ban-autoplay-control button:focus:not(:focus-visible) { border:1px solid #a7a7a7;}
.ban-autoplay-control button:before {display: block; content: ''; position: absolute; }
.ban-autoplay-control button[aria-pressed="false"]:before {top:10px; left:13px; width:10px; height: 14px; border-left:3px solid #333; border-right:3px solid #333; box-sizing:border-box;}
.ban-autoplay-control button[aria-pressed="true"]:before  {top:10px; left:13px; border-top:8px solid transparent; border-left: 11px solid #333; border-bottom: 7px solid transparent;}

#section5 footer.margin-top-50 { margin-top:0 !important; }

@media (min-width:2000px) and (max-width:5000px){
/*.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20% !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:20% !important;}*/
}
@media (max-width:1279px){
.main_con_wrap { width:95%; }

/*팝업박스 / 게시판탭 */
.popup_wrap { position:relative;width:46%; height:auto; border-radius:20px; box-shadow:0 0 15px 8px rgb(0 0 0 / 15%);  display:inline-block; overflow:hidden; float:left;}
.popup_slide { width:100%; margin:0 auto; position:relative;}
.popup_slide img { width:100% !important; height:auto; left:0 !important;}
.section_right { width:50%; margin-top:0; }
.tab_web.list { margin-bottom:20px; }
.tab_web.list{ min-height:400px;}
}
@media (max-width:1200px){
#section1, #section2, #section3, #section4, #section5 {height:auto !important; padding:50px 0;}
.main_con_wrap.sec01_top {margin:0 auto !important;}
#section3 .main_con_wrap {padding-top:0px;}
.fp-tableCell  {height: auto !important; }
.swiper-slide.popup_slide img { width:100% !important; height:auto; left:0;}
.wrap100 {margin-top:50px; }
.top-100 {margin-top:0;}

/* sns채널 */
.ch_wrap>h3 { padding-right:30px; }
.ch_wrap{padding:15px 100px;}
.ch_wrap>ul.sns_btn02 li a>span { font-size:18px;}
/* 소통 */
.gall_tab>h3.title_radius { margin:20px 0 20px 0}
.commu_bottom ul.icon_banner a>span { font-size:17px; letter-spacing:-0.04em;}

/* 같이가게 */
.organ_bottom		{height:260px; background-position:103% 120%; background-size:40%;}
.organ_bottom h2	{font-size:33px; margin-bottom:10px;}
.organ_bottom p		{font-size:19px; margin-bottom:30px; }
.organ_bottom a		{padding:0 40px 0 20px; height:35px; line-height:35px;font-size:18px;}

/* 하단기관 배너슬라이드*/
#section5 { padding:0 !important; }
.banner_slide div.swiper-slide img { width:auto !important;}
.banner_slide div.swiper-slide { display:block; width:auto; }
.banner_slide div.swiper-slide img { left:0;}
/* 게시판탭 */
.tab_web.list { height:auto;  min-height:400px;; }
.tab_web.list li>button { height:50px; line-height:50px; }
.tab_web.list li>.ltnews { top:50px; }
}

@media (max-width:1000px) {
#section1{padding-top:100px;}
.mt60 { margin-top:40px !important; }
.popup_wrap { width:100%; }
.section_right { width:100%; margin-top:30px;}
h2.section_tit { font-size:35px; line-height:35px; margin-bottom:20px;}
h2.section_tit>span.english { font-size:18px;}

.tab_web.list li>button { height:40px; line-height:40px; font-size:20px;}
.tab_web.list li.active>button  { font-size:22px;}

/* 메인화면 검색창 */
.main_sch		{height:55px;border-radius:10px; }
.main_sch_stx	{height:54px; padding:3px 10px; font-size:18px;}
.main_sch_submit{height:55px; border-radius:0 7px 7px 0;font-size:20px;}

/* sns채널 */
.ch_wrap { display:flex;}
.ch_wrap	{padding:15px 20px;}
.ch_wrap>h3 { font-size:18px; flex:0 0 auto;}
.ch_wrap>ul.sns_btn02 { flex:1 1 auto;float:left; margin-left:30px; }

/* 소통 */
.commu_bottom { height:auto; margin:15px auto;}
.gall_tab>h3.title_radius { font-size:25px;}
.month_event { width:100%; min-height:150px; margin-bottom:0px; }
.month_event:after {display:none;}
.month_event>h3.month_tit a { font-size:25px; width:auto;  padding-right:30px; }
.commu_bottom ul.icon_banner { width:100%; height:auto;}
.commu_bottom ul.icon_banner img { width:auto; }
.commu_bottom ul.icon_banner a>span { font-size:17px; letter-spacing:-0.04em;}
.month_event>h3.month_tit { margin-bottom:10px; }
.month_event ul.box { width:100%; }

/* 사업소개 */
ul.banner_link06 { margin:40px 0;flex-direction: row; justify-content: space-between;}
ul.banner_link06 li { height:280px; display:flex; flex-basis:calc(50% - 7px); margin:0 0 14px 0 !important}
ul.banner_link06 li>a { width:100%; height:auto; padding:30px 30px;}
ul.banner_link06 li a>h2	 { font-size:20px} 
ul.banner_link06 li a>h2 span{ font-size:24px} 

}

@media (max-width:900px) {
.commu_bottom ul.icon_banner {width:100%; float:right; margin-bottom:0; display: flex; flex-direction: row; flex-wrap:wrap; align-content: center;}
.commu_bottom ul.icon_banner li {border-bottom:1px solid #ddd; align-items: center; flex-direction: column;} 
.commu_bottom ul.icon_banner li:after { display:block; content:""; clear:Both;}
.commu_bottom ul.icon_banner li:nth-child(5),
.commu_bottom ul.icon_banner li:nth-child(6) {border-bottom:0;}
.commu_bottom ul.icon_banner>li { width:50%; }
.commu_bottom ul.icon_banner li>a { display:block; width:100%; height:70px; line-height:70px; position:relative; text-align:left;}
.commu_bottom ul.icon_banner img { width:50px; }
.commu_bottom ul.icon_banner a>span {  display:inline-block; width:auto; font-size:25px; letter-spacing:-0.04em; margin:0 0 0 20px; font-size:18px; }
.commu_bottom ul.icon_banner a>span>br { display:none; }
}

@media (max-width:768px) {
.popup_wrap {border:0;}
/* 소통 */
.gall_tab>h3.title_radius { margin-bottom:10px; height:45px; line-height:45px; width:170px  }

/* 사업소개 */
ul.banner_link06 li { height:230px;}
ul.banner_link06 li a>h2 span { font-size:23px; }
ul.banner_link06 li a>h2 { font-size:19px; }

/* 같이가게 */
.organ_bottom		{padding:25px 30px !important; height:200px; background-position:103% 125%; background-size:40%;}
.organ_bottom h2	{font-size:28px; margin-bottom:6px;}
.organ_bottom p		{font-size:17px; margin-bottom:20px; }
.organ_bottom a		{padding:0 30px 0 15px; height:35px; line-height:35px; font-size:17px;}
.organ_bottom a:before,
.organ_bottom a:after{width:13px; height:2px; right:10px; top:47%;}


/* 하단배너 */
.main_banner_wrap { height:auto; padding:10px 0;}
.ban_btn_wrap { width:100%; margin:0; text-align:Center; margin-bottom:5px;}
.ban_btn_wrap li { display:inline-block; float:none; }
.banner_slide { width:100%; margin:0 auto; }
.banner_slide div.swiper-slide { text-align:center; }
}

@media (max-width:680px) {
#section1{padding-top:95px;}
h2.section_tit { font-size:28px; line-height:28px; font-weight:500;}
h2.section_tit>span.english { font-size:16px;}
.button_wrap {display:block;}
.button_wrap .gallery-prev,
.button_wrap .gallery-next {display:none !important;}
.latest_gallery_more>a{font-size:16px; width:80px;}
.set3_more_wrap{top:0}
a.set3_more{font-size:16px}

/* 소통 */
.gall_tab>h3.title_radius, .month_event>h3.month_tit a { font-size:20px; }
.month_event>h3.month_tit a:before { top:9px;}
.month_event>h3.month_tit a:after {  top:9px; }

/* 같이가게 */
.organ_bottom		{padding:18px 20px !important; height:auto;background-size:35%;}
.organ_bottom h2	{font-size:24px;}
.organ_bottom p		{width:80%; font-size:15px; margin-bottom:20px; word-break:keep-all;  }
.organ_bottom p br{display:none;}
.organ_bottom a		{padding:0 20px 0 10px; height:28px; line-height:28px; font-size:15px;}
.organ_bottom a:before,
.organ_bottom a:after{width:11px; height:2px; right:7px; top:47%;}

/* 하단배너 */
/* banner */
.banner_slide div.swiper-slide>a { width:100%; }
.banner_slide div.swiper-slide img{ width:90% !important; }
}


@media (max-width:550px){
/* 메인화면 검색창 */
.main_sch		{height:45px; border-radius:8px; }
.main_sch_stx	{height:44px; padding:3px 10px; font-size:16px;}
.main_sch_submit{height:45px; width:45px; border-radius:0 5px 5px 0;font-size:18px;}


#section1{padding-top:90px;}
.mt60 { margin-top:30px !important; }
/* 탭게시판 */
.tab_web.list {min-height:370px; margin-bottom:15px;  }

/* SNS 소통채널 */
.ch_wrap { padding:5px 15px; }
.ch_wrap>h3 { width:105px; height:50px; line-height:20px; margin:5px 0 0 0; padding:5px 20px 0 0; }
.ch_wrap>ul.sns_btn02 { width:100%;  border-radius:10px; }
.ch_wrap>ul.sns_btn02 li {  margin-top:0; }
.ch_wrap>ul.sns_btn02 li:last-child {margin-right:0; }
.ch_wrap>ul.sns_btn02 li a>span { font-size:15px; margin-top:0; line-height:40px; }
.ch_wrap>ul.sns_btn02 li a>img { width:40px; height:40px;  }
/*.ch_wrap>ul.sns_btn { width:calc(100% - 85px); height:60px; line-height:60px; margin-bottom:0;}
.ch_wrap>ul.sns_btn li { height:60px; line-height:60px; margin-top:0; }
.ch_wrap>ul.sns_btn li a>span {  opacity:0; height:1px; margin-top:0;  overflow:hidden; }*/

/* 사진속나운 */
.gall_tab>h3.title_radius { width:130px; }
.sym_txt>ul.sym_btn li:before, .sym_txt>ul.sym_btn li:after  { display:none;}
.commu_bottom {padding:10px 25px;}
.commu_bottom ul.icon_banner a>span { font-size:18px; }
.commu_bottom ul.icon_banner img { width:40px; margin-top:-5px; }
.commu_bottom ul.icon_banner a>span { height:60px; line-height:60px;  }
.commu_bottom ul.icon_banner>li { width:100%; }

.commu_bottom ul.icon_banner li:nth-child(5){border-bottom:1px solid #ddd;}

/* 사업소개 */
ul.banner_link06 li {flex-basis:100%; height:130px;}
ul.banner_link06 li:after {background-size:70% !important; background-position:30px 20px !important;}
ul.banner_link06 li.banner06:after{background-size:70% !important; background-position:right bottom !important;}
ul.banner_link06 li>a {padding:17px 17px; border-radius:10px;}
ul.banner_link06 li a>h2 span { font-size:21px; margin-bottom:5px;}
ul.banner_link06 li a>h2 { font-size:17px; margin-top:0;}
ul.banner_link06 li a span.link_btn {bottom:20px;  height:25px; line-height:25px; font-size:14px;}
ul.banner_link06 li a span.link_btn:before, ul.banner_link06 li a span.link_btn:after {top:11px; left:11px;}

}


@media (max-width:450px){
.commu_bottom ul.icon_banner a>span { width:calc(100% - 80px); text-align:left; word-break:keep-all; }
.tab_web.list li>button {padding:0 10px;}

/* 소통채널 */
.ch_wrap>h3 { width:85px; font-size:17px; padding-right:15px;  }
.ch_wrap>ul.sns_btn02 { width:100%; margin-right:0px; }
.ch_wrap>ul.sns_btn02 li {padding:10px auto;}
.ch_wrap>ul.sns_btn02 li a>span { font-size:13px; line-height:30px; }
.ch_wrap>ul.sns_btn02 li a>img { width:30px; height:30px;  }

/*사업소개*/
.banner_link06{margin-bottom:0 !important}
.set3_more_wrap:before	{width:28px; height:28px; }
a.set3_more				{font-size:16px; padding-right:25px;}

/* 같이가게 */
.organ_bottom		{background-position:103% 105%; background-size:45%;}

}

@media (max-width:360px){
.commu_bottom .icon_banner li a span {font-size:17px; }
/* 소통채널 */
.ch_wrap>ul.sns_btn02 {margin:0}
.latest_gallery_more{display:none;}
}