@charset "utf-8";


/*메인*/
/*알림창 이미지맵*/
.map_div {position:absolute !important; top:0; left:0; width:100%; height:100%;}
.map_div a {position:absolute; text-indent:-99999px;}

/* 스킵 네비게이션 : 본문바로가기 */
#skipNavWrap { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipNavWrap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipNavWrap a:focus, #skipBtn a:hover, #skipBtn a:active { width: auto; padding:20px 0; background: #333; color: #fff; font-weight: bold; font-size:16px; }
#skipNavWrap a:focus-visible {outline:none; border:2px dashed #ff0000;}


/*네비게이션*/
html, body {width: 100%; height: 100%;}
.mobile_side, #mobile_nav, #mask_mNav {display: none;}
#header {width: 100%; height: 130px; position: absolute;}
#header .logo {width: 1200px; margin: 0 auto; position: relative;}
#header .logo h1 {position: absolute; top:102px; left:0px; z-index: 100;}
#header .top_menu {width: 1200px; height: 35px; margin: 0 auto; position: relative; z-index: 50;}
#header .govinfo {border-bottom:1px solid #eee;}
#header .govinfo .wrap {width:96%; max-width:1200px;  height:35px !important; line-height:35px !important; margin:0 auto; font-size:14px;}
#header .govinfo img {vertical-align:middle; padding-right:7px;}
.top_menu .sort li {float: left; width: 100px; height: 35px; margin-right: 4px;}
.top_menu .sort li a {display: block; color:#fff; width: 100%; height: 100%; text-align: center; line-height: 35px; font-weight: 600; font-size: 15px; border-bottom-left-radius:7px;border-bottom-right-radius:7px;}
.sort .sort1 a {background: #00763a;}
.sort .sort2 a {background: #3f8614;}
.sort .sort3 a {background: #0066b3;}
.sort .sort4 a {background: #1f2387;}
.gnb {float: right; margin-top: 5px;}
.gnb > li {float: left;}
.gnb > li a {padding: 5px 0;}
.gnb .flag,.gnb .staff,.gnb .gnb_facebook {margin-top: 5px;}
.gnb .flag a {font-weight: 600; padding-left: 35px; background: url('/ko/img/main/top_ico01.jpg') no-repeat center left; margin-right: 20px;}
.gnb .staff a {padding-left: 20px; background: url('/ko/img/main/top_ico02.jpg') no-repeat center left; margin-right: 20px;}
.gnb .gnb_facebook a {padding-left: 15px; background: url('/ko/img/main/top_ico03.jpg') no-repeat center left; margin-right: 20px;}
.gnb .lang {width: 111px; height: 28px; border: 1px solid #d3d3d3; position: relative;}
.gnb .lang > a {line-height: 25px; padding:0 25px 0 10px; background: url('/ko/img/main/arrow_down.png') no-repeat center right;}
.gnb .lang > a.on {background: url('/ko/img/main/arrow_up.png') no-repeat center right;}
.gnb .lang a span {text-indent:-9999px; font-size:0;}
.gnb .lang a.lang_off {display:none;}
.lang div {display: none; width: 111px; border: 1px solid #d3d3d3; position: absolute; top:26px; left: -1px; padding-left:5px; background: #fff;}
.lang ul li a {display: block; width: 100%;}
.lnb {width: 100%;margin-top: 45px; position: relative;}
.lnbInner {width: 100%; height: 0px; background: #fff; position: absolute; top:49px; border-top:1px solid #c7c7c7; z-index: 30;}
.lnbWrap {width: 1200px; height: 31px; margin: 0 auto; } /*top:4px; z-index: 30; */
.m_nav {/*width: 100%;*/margin-left: 330px;}
.m_nav > li {float: left; height: 32px; }
.m_nav > li > a {font-size: 19px; font-weight: 600; display: block; height: 100%; padding: 0 24px 47px;}
.m_nav > li > a span {position:relative;}
.m_nav > li.on > a span::before, .m_nav > li:hover > a span::before {content:''; position:absolute; left:0; bottom:-15px; width:100%; height:3px; background:#0468b0;}
.m_nav .lnb_boxWrap { display:none; position: absolute; top:50px; left:0; width: 100%; height: 256px; background:#fff; z-index: 250;}
.m_nav .lnb_box {width: 1200px; margin: 0 auto; height: 219px;}
.lnb_box .box_tit {font-size: 25px; font-weight: 600; width: 160px; height: 110px; text-align: center; margin-top: 60px; float: left;}
.lnb_box .box_tit img {display: block; margin: 10px auto 0;}
.lnb_box ul li {float: left;}
.box_nav {width: 640px; height: 150px; margin-left: 30px; margin-top: 30px; float: left;}
.box_nav li {width: 32%; height: 30px; margin-right: 5px;}
.box_nav li.long {width: 35%;}
.box_nav li { background: url('/ko/img/main/nav_ico02.png') no-repeat 12px center; padding-left: 25px;}
.box_nav li a {font-size: 14.5px; letter-spacing: -0.1em; line-height: 30px; display: block; width: 100%;}
.box_nav li a[target="_blank"] { background: url('/ko/img/sub/ico_blank.png') no-repeat 160px center !important; }
.box_nav li.on,.box_nav li:hover { background: #0066b3 url('/ko/img/main/nav_ico02_01.png') no-repeat 12px center;}
.box_nav li.on a,.box_nav li a:hover {color:#fff;}
.box_nav li.on a[target="_blank"],.box_nav li a[target="_blank"]:hover {background: url('/ko/img/sub/ico_blank_w.png') no-repeat 160px center !important; }
.box_bn {float: right;}
/*.box_bn li {width: 180px; height: 219px;}*/
.box_bn .bn_01 {background: #00763a url('/ko/img/main/nav_ico03.png') no-repeat 60px bottom;}
.box_bn .bn_02 {background: #3f8614 url('/ko/img/main/nav_ico04.png') no-repeat 60px bottom;}
.box_bn li a {color:#fff; display: block; width: 180px; height: 256px;}
.box_bn li a div {width:124px; height: 75px; padding: 33px 0 0 20px;}
.box_bn li a p {font-size: 19px; font-weight: 600; margin-bottom: 10px;}
.box_bn li a span {font-size: 14px; line-height: 20px;}

.side_lnb .icon_wrap{position: absolute; right: 0; top: -10px;}
.side_lnb { position:relative; width: 110px; height: 21px; border-left: 1px solid #c7c7c7; float: right;}

.side_lnb ul li {float: left;}
.side_lnb > ul > li > a {display: flex; flex-direction: column; align-items: center;}
.side_lnb > ul > .sitemap {display: flex; flex-direction: column; align-items: center;}
.side_lnb .search {margin: 0 10px;}
.side_lnb .search > a div {width: 23px; height: 24px; background: url('/ko/img/main/find.png') no-repeat center center;}
.side_lnb .sitemap > a div {width: 25px; height: 24px; background: url('/ko/img/main/sitemap.png') no-repeat center center;}
.side_lnb .search > a p, .side_lnb > ul > .sitemap p{font-size: 12px;}
.side_lnb .side_lnb_box { display:none; position: absolute; top:46px; left:50%; margin-left:-1150px; width: 1200px; z-index:241; text-align:center;}
.sideLnbInner { display:none; width: 100%; height: 150px; background: #fff; position: absolute; top:49px; border-top: 1px solid #c7c7c7; z-index: 240;}
.side_lnb_box .searchFrm {width: 522px; margin: 30px auto 0;}
.side_lnb_box .searchFrm input {width: 466px; height: 54px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px; float:left;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; background: #0066b3 url('/ko/img/main/find_01.png') no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999px;}
.side_lnb_box .words {/*width: 482px;*/ display:inline-block; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height:16px; }
.side_lnb_box .words ul {  display:flex; flex-wrap:wrap; align-items:center; }
.side_lnb_box .words ul li { margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; /* height: 13px; line-height: 11px; */padding-right: 10px; border-right: 1px solid #c7c7c7; line-height:16px;}
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box .close {display: block; width: 50px; height: 50px; background: #727272 url('/ko/img/main/close.png') no-repeat center center; text-indent: 110%; white-space: nowrap; overflow: hidden; position: absolute; top:50px; right:0; cursor: pointer;}



/*1024px*/
@media all and (min-width:1024px) {
  body,html, #header {min-width:1240px;}
}

/*테블릿_모바일_네비게이션*/
@media all and (max-width:1023px) {
  #header {height: 115px; z-index: 100; overflow:hidden;}
  #header .top_menu, #header .lnb {display: none;}
  #header .logo h1 {top:53px; left:20px;}
  #header .mobile_side {display: block; float: right; margin: 23px 30px 0 0;}
  #mask_mNav {width: 100%;height: 100%;position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 300; position: fixed;}
  .stop_scrolling {height: 100%; overflow: hidden !important; position: fixed;}
  .mobile_side ul li {float: left;}
  .mobile_side li.search {display: none;}
  .mobile_side .side_lnb_box {display: none;}
  .mobile_side .side_lnb_box {display: none;}
  .mobile_side .side_lnb_box {width: 100%; background: #fff; position: absolute; top:80px; left:0; z-index: 50; padding: 0 0 30px; border-top: 1px solid #c7c7c7;}
  .mobile_side .sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:33px; border-top: 1px solid #c7c7c7; z-index: 30;}
  .mobile_side .side_lnb_box .searchFrm {width: 70%; max-width: 559px; margin: 30px auto 0;}
  .mobile_side .side_lnb_box .searchFrm input {width: 74%; max-width: 415px; height: 54px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 11%; max-width: 56px; height: 54px; background: #0066b3 url('/ko/img/main/find_01.png') no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%;}
  .mobile_side .side_lnb_box .words {width: 482px; margin: 20px auto 0;}
  .mobile_side .side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
  .mobile_side .side_lnb_box .words ul li {float: left; margin-left: 15px;}
  .mobile_side .side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
  .mobile_side .side_lnb_box .words ul li:last-child a {border: 0;}
  .mobile_side .side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url('/ko/img/main/close.png') no-repeat center center; position: absolute; top:0px; right:0; cursor: pointer; white-space: nowrap; overflow: hidden; text-indent: -999999%;}
  .mobile_side .search > a {display: block; width: 23px; height: 24px; background: url('/ko/img/main/find.png') no-repeat center center; text-indent: -9999%; margin-right: 25px;}
  .mobile_side ul li{display: flex; flex-direction: column; align-items: center;}
  .mobile_side .open {width: 25px; height: 19px; background: url('/ko/img/main/sitemap.png') no-repeat center center; cursor: pointer; margin-top:2px}
    .mobile_side p{font-size: 12px;}
  #mobile_nav, #mask_mNav {display: block;}
  #mobile_nav {position: fixed; top:0; right:-300px; z-index: 500; width: 300px; height: 200%; background: #fff; overflow-y: auto; box-sizing:border-box;background: #2e92dd;}
  #mobile_nav > div {min-height: 200%}
  #mobile_nav .top_wrap {padding: 10px; height: 110px; background: #fff;}
  #mobile_nav .top_wrap ul {overflow: hidden;}
  #mobile_nav .top_wrap ul li {float: left;}
  #mobile_nav .top_wrap ul li a {display: block; border: 1px solid #cbcbcb; margin-right: 10px; height: 38px; line-height: 38px;}
  #mobile_nav .top_wrap ul li.last a {margin-right: 0;}
  #mobile_nav .top_wrap .top01 {margin-bottom: 10px;}
  #mobile_nav .top_wrap .top01 ul li a { width: 101px;}
  #mobile_nav .top_wrap .top01 .staff a {background: url('/ko/img/main/top_ico02.jpg') no-repeat 18px center; padding-left: 35px;}
  #mobile_nav .top_wrap .top01 .tour a {background: url('/ko/img/main/top_icotour.png') no-repeat 10px center; padding-left: 35px;}
  #mobile_nav .top_wrap .top01 .face a {background: url('/ko/img/main/top_ico03.jpg') no-repeat 18px center; padding-left: 35px;}
  #mobile_nav .top_wrap .top01 ul li img {margin: 6px 0 0 11px; cursor: pointer;}
  #mobile_nav .top_wrap .top02 a {width: 81px; text-align: center;}
  #mobile_nav .mnav_wrap {background: #2e92dd; height: 100%;}
  #mobile_nav .mnav_wrap nav > ul > li > a {display: block; height: 50px; width: 40%; text-align: center; line-height: 50px; color:#fff; font-size: 16px; border-bottom: 1px solid #4da7ea;}
  #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_wrap nav > ul > li > a:hover {background: #005ba0;}
  #mobile_nav .mnav_wrap .m_depth02 {width: 60%; height: 200%; background: #fff; position: absolute; top:110px; right:0;}
  #mobile_nav .mnav_wrap .m_depth02 > li {overflow: hidden;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a {display: block; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; border-bottom: 1px solid #e1e1e1;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a.on, #mobile_nav .mnav_wrap .m_depth02 > li > a:hover {background: #333333; color: #fff;}
  /*#mobile_nav .mnav_wrap .m_depth03 {display: none;}*/
  #mobile_nav .mnav_wrap .m_depth03 {background: #e9e9e9;}
  #mobile_nav .mnav_wrap .m_depth03 a {display: block; padding: 15px 8px; border-bottom: 1px dashed #cbcbcb; margin: 0 10px;}
}
/*모바일*/
@media all and (max-width:490px) {
  .mobile_side .side_lnb_box .searchFrm {width: 70%;}
  .mobile_side .side_lnb_box .searchFrm input {width: 63%;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 19%;}
  .mobile_side .side_lnb_box .words {width: 344px;}
  .mobile_side .side_lnb_box .words p {font-size: 14px;}
  .mobile_side .side_lnb_box .words ul li {margin-left: 3px;}
  .mobile_side .side_lnb_box .words ul li a {font-size: 12px; padding-right: 5px;}
}
@media all and (max-width:320px) {
  .mobile_side .side_lnb_box .searchFrm input {width: 78%; padding: 0 10px;}
  .mobile_side .side_lnb_box .words {width: 283px;}
  .mobile_side .side_lnb_box .words p {display: none;}
}


/*메인컨텐츠*/
/*메인상단*/
#content {margin-top: 165px;}
#main_content01 {background: url('/ko/img/main/top_bg.jpg');}
#main_content01 .side_lnb_box {display: none;}
.mCont01 {width: 1200px; margin: 0 auto; padding: 40px 0; position: relative; overflow: hidden;}
.main_visualwrap {width: 840px; position: relative; }
.main_visualwrap .popBtn {position: absolute; /*width:85px;*/ top:15px; right: 15px; z-index:101; }
.main_visualwrap .popBtn > * {vertical-align:middle;}
.main_visualwrap .popBtn .paging {display:inline-block; width:auto; margin-right:7px; background:#fff; padding:7px 20px; border-radius:40px; border:1px solid #d1d1d1; font-weight:600;}
.main_visualwrap .popBtn a {display:inline-block;}
.main_visualwrap .popBtn a.vis_play {display:none;}
.main_visualwrap ul li img {width:100%;}
.visImg {overflow:hidden;}
.visImg ul li {position:relative; width:100%;}
.visImg ul li a {display:block;}
.main_visual { height: 300px; position: relative;}
.main_visual img {position: absolute;}
.main_visual img:first-child {z-index: 5;}
.mCont01 .searchFrm {height: 60px; border: 3px solid #005ba0; background: #fff; margin-top: 30px; float: left;}
.mCont01 .searchBox_large { /* 성주아이콘 QR코드 있을때 width: 500px; */ /* 성주아이콘 QR코드 없을때 width:580px; */ width:350px;/* width: 450px; */ }

.mCont01 .searchBox_small { width: 324px; }
.mCont01 input { width:calc(90% - 60px); border:0; background:#fff; font-size: 17px; color:#222222; font-weight: 600; margin: 12px 0 0 28px;}
.mCont01 input::-webkit-input-placeholder {color:#222222;}
.mCont01 input::-moz-placeholder {color:#222222;}
.mCont01 .search_btn {text-indent: -9999px;  width:50px; height: 53px; float: right; background:#fff url('/ko/img/main/find.png') no-repeat center center; border: 0;}
.mCont01 .weather {margin: 25px 0 0 20px; float: left; width: 240px;     background: #154389; color: #fff;padding: 22px 10px; text-align: center; border-radius:10px;}
.mCont01 .weather a{color:#fff; font-size:18px; font-weight:500;}

.mCont01 .weather img {float: left; margin-right: 5px;}
.mCont01 .weather dl dt {color:#222222;}
.mCont01 .weather dl dt span {font-size:15px; font-weight: 800;}
.mCont01 .weather dl dd {float: left; margin-top: 5px;}
.mCont01 .weather .deg {color:#003d6b; font-size: 30px; font-weight: 800; letter-spacing: -0.05em;}
.mCont01 .weather .text {font-size: 14px; color:#003d6b; font-weight: 600;padding: 14px 0 0 14px;}
.mCont01 .melon { display:none; margin: 30px 0 0 0; /*float: left; width: 240px;*/}
.mCont01 .melon .melonInner > img {float: left; margin-right: 10px;}
.mCont01 .melon dl {margin-right:20px;}
.mCont01 .melon dl dt {color:#222222;}
.mCont01 .melon dl dt span {font-size: 16px; font-weight: 800;}
.mCont01 .melon dl dd {float: left; margin-top: 12px; margin-right: 12px; font-weight: 800;}
.mCont01 .melon dl dd .level {background: url('/ko/img/main/circle.png') no-repeat center center; display: inline-block; width: 26px; height: 26px; color:#fff; text-align: center; line-height: 25px;}
.mCont01 .qrcode {/* display:none; */ float: left; text-align:center; margin: 25px 0 0 0;}
.mCont01 .qrcode span {display:block; width:70px; margin:0 auto; padding:3px 0 4px; font-size:13px; border-radius:10px; background:#333; color:#fff;}
.mCont01 .quick {position: absolute; top:40px; right:0; width: 322px;}
.mCont01 .quick ul li {float: left; width:50%; height:130px; padding:3px; border-bottom: 1px solid #1a76bb;border-right: 1px solid #1a76bb; background-color: #005ba0; background-position: center 17px; background-repeat: no-repeat;}
.mCont01 .quick ul li a {display: block; width: 100%; height: 100%; color:#fff; font-size: 17px; font-weight: 600; text-align: center; padding-top: 90px;}
.mCont01 .quick .quick01 {background-image:url('/ko/img/main/quick01.png');}
.mCont01 .quick .quick02 {background-image:url('/ko/img/main/quick02.png');}
.mCont01 .quick .quick03 {background-image:url('/ko/img/main/quick03.png');}
.mCont01 .quick .quick04 {background-image:url('/ko/img/main/quick04.png');}
.mCont01 .quick .quick05 {background-image:url('/ko/img/main/quick05.png');}
.mCont01 .quick .quick06 {background-image:url('/ko/img/main/quick06.png');}

/* 고향사랑기부제 기부자 */
.gibu {margin: 23px 0 0 20px; float: left; padding: 12px; background: #154389 url('/ko/img/main/gibu.png') no-repeat center right 9px; width: 230px; border-radius: 10px;}
.gibu a span { display: block; padding-bottom: 10px;}
.gibu a {font-size: 15px; font-weight: 600; color: #fff; padding-left: 10px; display: block;}

@media all and (max-width:1023px) {
  .mCont01 .weather{width: 29%;margin: 25px 0 0 1.5%;}
  .gibu{width: 29%;margin: 25px 0 0 1.5%;}
  .mCont01 .searchFrm{width: 38%;}
}
@media all and (max-width:750px) {
  .mCont01 .weather{width: 100%;margin: 10px 0 0 0;}
  .gibu{width: 100%;margin: 10px 0 0 0;}
  .mCont01 .searchFrm{width: 100%; margin-top:50px; }
  .gibu a{text-align: center;}
}

/*재난안전대책본부 바로가기*/
.safeLink {float:left; margin:30px 0 0 0; background:url('/ko/img/main/safe_more.gif') no-repeat top right #003d6b; width:130px; color:#fff; padding:12px 15px; font-size:12px; font-weight:bold; line-height:15px;}


/*메인탭*/
#main_quick_nav {width: 100%; height: 57px; position: relative; border-bottom: 3px solid #00763a; z-index:100 ;background: url(/ko/img/main/top_bg.jpg);}
#main_quick_nav.fix {position: fixed; top:0;}
#main_quick_nav.bg01 {border-bottom: 3px solid #00763a !important;}
#main_quick_nav.bg02 {border-bottom: 3px solid #3f8614 !important;}
#main_quick_nav.bg03 {border-bottom: 3px solid #0066b3 !important;}
#main_quick_nav .list_wrap {width: 1200px; margin: 0 auto; position: relative;}
#main_quick_nav .list_wrap ul {overflow: hidden; position: absolute; top:-0px;}
#main_quick_nav .list_wrap ul li {float: left;}
#main_quick_nav .list_wrap ul li a {display: block; width: 379px; height: 57px; border-bottom: 3px solid #00763a; cursor: pointer; line-height: 57px; font-size: 18px; font-weight: 600; color:#fff; background-repeat: no-repeat; background-position: 119px 19px; background-color: #5d93bc; padding-left: 160px;}
#main_quick_nav.bg02 .list_wrap ul li a { border-bottom: 3px solid #3f8614; }
#main_quick_nav.bg03 .list_wrap ul li a { border-bottom: 3px solid #0066b3; }
#main_quick_nav .list_wrap ul li .on {background-color: #fff; color:#333333;}
#main_quick_nav .list_wrap ul .list01 a {background-image: url('/ko/img/main/news_tit01.png');}
#main_quick_nav .list_wrap ul .list01 a.on {background-image: url('/ko/img/main/news_tit02.png'); border-top: 3px solid #00763a; border-left: 3px solid #00763a; border-right: 3px solid #00763a; border-bottom: 0; }
#main_quick_nav .list_wrap ul li a:focus-visible {outline:none; border:2px dashed #ff0000;}
#main_quick_nav .list_wrap ul .list02 a {background-image: url('/ko/img/main/info_tit01.png');margin: 0 30px;}
#main_quick_nav .list_wrap ul .list02 a.on {background-image: url('/ko/img/main/info_tit02.png'); border-top: 3px solid #3f8614; border-left: 3px solid #3f8614; border-right: 3px solid #3f8614; border-bottom: 0; }
#main_quick_nav .list_wrap ul .list03 a {background-image: url('/ko/img/main/tour_tit01.png');}
#main_quick_nav .list_wrap ul .list03 a.on {background-image: url('/ko/img/main/tour_tit02.png'); border-top: 3px solid #0066b3; border-left: 3px solid #0066b3; border-right: 3px solid #0066b3; border-bottom: 0;}


/*메인공통*/
.m_h3 {font-size: 18px;font-weight: 600;}
/*#main_section {width: 1200px; margin: 0 auto; position: relative;}
#section_wrap .section_cont {padding: 50px 0;}*/
/*#section_wrap {border-top: 3px solid #009d4e;}*/
/*#info .section_cont, #tour .section_cont {display: none;}*/
/*#section_wrap h2 {font-size: 18px; font-weight: 600; width: 380px; height: 55px; top: -58px; color:#fff; background-color: #5d93bc; background-repeat: no-repeat; background-position: 119px 19px; line-height: 60px; text-align: center; padding-left: 40px; cursor: pointer; position: absolute;z-index: 10;}*/
/*#section_wrap h2.main_on {height: 58px; background-color: #fff; border-top:3px solid #009d4e;border-left: 3px solid #009d4e; border-right: 3px solid #009d4e; color:#222;}*/
/*#news h2 {background-image: url(/ko/img/main/news_tit01.png);}
#news h2.main_on {background-image: url(/ko/img/main/news_tit02.png);}
#info h2 {left: 408px;background-image: url(/ko/img/main/info_tit01.png);}
#info h2.main_on {background-image: url(/ko/img/main/info_tit02.png);}
#tour h2 {right: 0; background-image: url(/ko/img/main/tour_tit01.png);}
#tour h2.main_on {right: 0; background-image: url(/ko/img/main/tour_tit02.png);}*/


/*메인 소식,소통_news*/
#news .news_wrap {width: 1200px; margin: 0 auto; padding: 60px 0;}
#news .news_line1 {height: 268px; margin-bottom: 30px;}
#news .board_wrap {position: relative; width: 460px;float: left;}
/*#news .board_wrap .news_board {position: absolute; top:17px;}
#news .board_wrap .news_board {padding-top:3px;}*/
#news .board_wrap .news_board h3 {font-size: 17px; font-weight: 400;position: absolute; padding-bottom: 5px; top:5px;}
#news .board_wrap .news_board h3 a.board_on {font-weight: 600; border-bottom: 2px solid #222;}
/*#news .board_wrap .board01 h3 {width: 64px;}*/
#news .board_wrap .board02 h3 {left: 77px;}
#news .board_wrap .board03 h3 {left: 220px}
#news .board_wrap .board04 h3 {left: 300px}
#news .board_wrap .board05 h3 {left: 314px;}
#news .board_wrap .more {display: inline-block; position: absolute; top:2px; right:0; cursor: pointer; /*z-index: 100;*/}
#news .board_wrap .board_inner {padding-top: 20px;}
.board02 .board_inner,.board03 .board_inner,.board04 .board_inner,.board05 .board_inner {display: none;}
#news .board_wrap .news_board .board_tit {padding: 30px 0 30px 124px;}
#news .board_wrap .news_board .board_tit a {display:block;}
#news .board_wrap .board01 .board_tit,
#news .board_wrap .board02 .board_tit,
#news .board_wrap .board03 .board_tit,
#news .board_wrap .board04 .board_tit {background: url('/ko/img/main/news_ico01.png') no-repeat center left;}
#news .board_wrap .news_board .title {font-size: 17px; font-weight: 600; height:18px; line-height:18px; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word;}
#news .board_wrap .news_board p {line-height: 23px; font-size:14px; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word;}
#news .board_inner ul li {border-top: 1px solid #d3d3d3; height: 55px; line-height: 55px; background: url('/ko/img/main/news_ico02.jpg') no-repeat 13px center; padding: 0 10px 0 30px; font-size: 15px; font-weight: 600; position:relative;}
#news .board_inner ul li a {display:block; width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*#news .board_inner ul li a {overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; width:80%;}
#news .board_inner ul li:last-child {border-bottom: 1px solid #d3d3d3;}*/
#news .board_inner ul li span {color:#0066b3; font-size: 13px; position:absolute; top:0; right:0;}

/*#news .news_line2 {margin: 40px 40px 0 0; float: left;}*/
#news .news_news {width: 311px; background: #e8e8e8; padding: 21px; float: left; margin: 0 40px;}
.news_news h3 {font-size: 20px; float: left;margin-bottom: 12px}
.news_news .popBtn {float: right; position: relative; /*width:85px;*/ }
.news_news .popBtn a { display:block; float:left; margin-left:2px; }
.news_news .popBtn a.pop_play { display:none; }
.news_news .newsSlider { overflow: hidden; clear: both; margin: 0 auto; border: 1px solid #d3d3d3; }
.news_news .newsSlider li {float:left; text-align:center; width:100%; }
.news_news .newsSlider li a {display:block;}
.news_news .newsSlider li img { vertical-align: top;}
/*.news_news .slider000 .imgMap {position:relative;}
.news_news .slider000 .imgMap a {position:absolute; display:inline-block; z-index:200;}
.news_news .slider000 .imgMap.ad140 a.btn01 {left:10px; top:140px; border:1px solid #000; width:120px; height:35px; text-indent:-9999px;}
.news_news .slider000 .imgMap.ad140 a.btn02 {left:140px; top:140px; border:1px solid #000;  width:120px; height:35px; text-indent:-9999px;}*/

#news .ceo {background: url(/ko/img/main/news_ico03.png) no-repeat right top; float: left; width: 349px; height: 268px;}
.ceo .ceo_text {width: 200px;}
.ceo .ceo_text p {font-size: 20px; font-weight: 400; margin-bottom: 7px;}
.ceo .ceo_text p span {font-weight: 600;}
.ceo .ceo_text p.text {font-size: 13px; line-height: 18px; margin-top: 13px;}
.ceo .ceo_text p.text span {display: block;}
.ceo .ceo_text a {display: block; color:#fff; font-weight: 600; line-height: 40px; padding-left: 15px; margin-top:20px;}
.ceo .ceo_text a.today { background: url('/ko/img/main/news_ico04.png') no-repeat  100px center;}
.ceo .ceo_text a.list { background: url('/ko/img/main/news_ico09.png') no-repeat  103px center; margin-top: 10px;}
.ceo .ceo_text li {background:#1b6dc0; border-radius:5px; width: 140px; height: 40px; }

@media all and (max-width:360px) {
#news .ceo {background: url('/ko/img/main/news_ico03.png') no-repeat right bottom; background-size:250px; }
}

/*군수임시
#news .ceo2 {background: url('/ko/img/main/260324_bg.jpg') no-repeat center;background-size: cover;float: left;width: 349px;height: 268px;border-radius: 20px;  justify-content: center;align-items: start;position: relative;}
.ceo2 .ceo_text2 {width: 100%; color: #fff; padding: 10px 0 0 10px;}
.ceo2 .ceo_text2 p {font-size: 18px;font-weight: 600;margin-bottom: 7px;}
.ceo2 .ceo_text2 p span {font-weight: 600;}
.ceo2 .ceo_text2 p.text {font-size: 13px; line-height: 18px; margin-top: 13px;}
.ceo2 .ceo_text2 p.text span {display: block;}
.ceo2 .ceo_text2 a {display: block;color:#fff;font-weight: 600;line-height: 40px;margin-top:20px;}
.ceo2 .ceo_text2 a.today {/* background: url('/ko/img/main/news_ico04.png') no-repeat  100px center; }
.ceo2 .ceo_text2 a.list { background: url('/ko/img/main/news_ico09.png') no-repeat  103px center; margin-top: 10px;}
.ceo2 .ceo_text2 ul {width: 100%; position: absolute; bottom: 0; left: 0;}
.ceo2 .ceo_text2 li {background:#1b6dc0;border-radius:5px;width: 100%;height: 40px;text-align: center;}*/
#news .ceo2 {background: url('/ko/img/main/img_260626.png') no-repeat right bottom/58%; float: left; width: 349px; height: 268px;}
.ceo2 .ceo_text2 {width: 200px;}
.ceo2 .ceo_text2 p {font-size: 20px; font-weight: 400; margin-bottom: 7px;}
.ceo2 .ceo_text2 p span {font-weight: 600;}
.ceo2 .ceo_text2 p.text {font-size: 13px; line-height: 18px; margin-top: 13px;}
.ceo2 .ceo_text2 p.text span {display: block;}
.ceo2 .ceo_text2 a {display: block; color:#fff; font-weight: 600; line-height: 40px; padding-left: 15px; margin-top:20px;}
.ceo2 .ceo_text2 a.today { background: url('/ko/img/main/news_ico04.png') no-repeat  100px center;}
.ceo2 .ceo_text2 a.list { background: url('/ko/img/main/news_ico09.png') no-repeat  103px center; margin-top: 10px;}
.ceo2 .ceo_text2 li {background:#1b6dc0; border-radius:5px; width: 140px; height: 40px; }
@media all and (max-width:736px) {
#news .ceo2 { background-size:contain; }
}

@media all and (max-width:360px) {
#news .ceo2 {/*background: url('/ko/img/main/news_ico03_180701.png') no-repeat right bottom;*/ background-size:46%; }
}

/*.ceo .ceo_ad {width: 502px; height: 70px; background: #009d4e url(/ko/img/main/news_ico05.png) no-repeat 44px bottom;}
.ceo .ceo_ad p {display: inline-block; color:#fff; font-size: 20px; font-weight: 600; text-align: center; line-height: 70px; padding-right: 20px; margin-left: 175px;}
.ceo .ceo_ad p span {font-weight: 800;}
.ceo .ceo_ad a {display: inline-block; color:#fff; width: 98px; height: 32px; line-height: 32px; background: #006e37 url(/ko/img/main/news_ico06.png) no-repeat 72px center; border-radius: 15px; padding-left: 15px; font-weight: 600;}*/
#news .news_line2 {overflow: hidden; clear: both;}
#news .news_face {width: 308px; height: 206px; border: 3px solid #d3d3d3; padding: 17px; float: left; margin-right: 40px;}
.news_face h4 {text-indent: -99999%; background: url('/ko/img/main/news_ico07.png') no-repeat center center; width: 87px; height: 17px; float: left; margin-top: 5px;}
.news_face .more a {display: inline; float: right;}
.news_face .face_box {clear: both; margin-top: 40px; border: 1px solid #d3d3d3; background:#e9ebee; overflow-y: hidden; padding: 10px 20px; height: 125px;}
.news_face .face_box div {height: 52px;}
.news_face .face_box div img {margin-right: 10px; float: left; }
.news_face .face_box div .sj {font-size: 15px; font-weight: 600;}
.news_face .face_box div p {font-size: 14px;}
.news_face .face_box p {font-size: 14px; line-height: 20px; word-break: break-all;}

/* 전체영역 */
#scroll_wrap { position: relative; width: 400px; padding: 20px 40px; }

/* 버튼 */
#scroll_wrap span { position: absolute; top: 70px; }
#scroll_wrap .top { top: 60px; right:18px; }
#scroll_wrap .bottom { top: 80px; right:18px; }

/* 리스트 */
.scroll { width: 200px; height:100px; overflow: hidden; }



/*#news .news_comt {width: 500px; height: 220px; margin-right: 0;}
.news_comt h3 {float: left; margin-right: 10px;}
.news_comt h4 {line-height: 22px;}
.news_comt ul {margin-top: 15px;}
.news_comt ul li {width: 20%; float: left; margin: 14px 0;}
.news_comt ul li a {display: block; width: 100%; height: 100%; text-align: center; padding-top: 75px; font-size: 15px;}
.news_comt ul .comt01 {background: url(/ko/img/main/news_com01.png) no-repeat top center;}
.news_comt ul .comt02 {background: url(/ko/img/main/news_com02.png) no-repeat top center;}
.news_comt ul .comt03 {background: url(/ko/img/main/news_com03.png) no-repeat top center;}
.news_comt ul .comt04 {background: url(/ko/img/main/news_com04.png) no-repeat top center;}
.news_comt ul .comt05 {background: url(/ko/img/main/news_com05.png) no-repeat top center;}
.news_comt ul .comt06 {background: url(/ko/img/main/news_com06.png) no-repeat top center;}
.news_comt ul .comt07 {background: url(/ko/img/main/news_com07.png) no-repeat top center;}
.news_comt ul .comt08 {background: url(/ko/img/main/news_com08.png) no-repeat top center;}
.news_comt ul .comt09 {background: url(/ko/img/main/news_com09.png) no-repeat top center;}
.news_comt ul .comt10 {background: url(/ko/img/main/news_com10.png) no-repeat top center;}*/

#news .news_line2 .cont_01 {float: left; width: 850px; height: 206px; background:#f1f1f1 url('/ko/img/main/border_bg.png'); padding: 7px;}
#news .news_line2 .cont_01 .popBtn {display: none;}
#news .news_line2 .cont_01 .cont01_wrap { position:relative; width: 100%; height: 100%; background: #fff; overflow: hidden;}
#news .news_line2 .cont_01 .cont01_wrap01 {width: 100%; height: 100%;}
#news .news_line2 .cont_01 .cont01_inner {height: 115px; background: #fff; padding: 20px 2%; }
#news .news_line2 .cont_01 .cont01_inner > li {float: left; width:11.11%;}
#news .news_line2 .cont_01 .cont01_inner .ico {display:block;}
#news .news_line2 .cont_01 .cont01_inner .ico span {display: block; position:relative; text-align: center; padding-top: 60px; font-size: 14px; letter-spacing:-0.1em; cursor: pointer;}
#news .news_line2 .cont_01 .cont01_inner .ico span:before {content:''; position:absolute; top:0; left:50%; width:50px; height:50px; margin-left:-25px; background:url('/ko/img/main/news_ico_new02.jpg') no-repeat;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico01:before {background-position:0 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico02:before {background-position:-50px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico03:before {background-position:-100px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico04:before {background-position:-150px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico05:before {background-position:-200px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico06:before {background-position:-250px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico07:before {background-position:-300px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico08:before {background-position:-350px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico span.ico09:before {background-position:-400px 0;}
#news .news_line2 .cont_01 .cont01_inner .ico.on span {font-weight:600; text-decoration:underline;}
#news .news_line2 .cont_01 .cont01_inner .ico.on span:before {background-position-y:-50px;}

#news .news_line2 .cont_01 .cont01_list { position:absolute; left:3%; width:94%; top:115px; display:block;}
#news .news_line2 .cont_01 .cont01_list > li {font-size: 13px; border-top: 1px dashed #bfbfbf; padding:10px 10px;}
#news .news_line2 .cont_01 .cont01_list .cont02,
#news .news_line2 .cont_01 .cont01_list .cont03,
#news .news_line2 .cont_01 .cont01_list .cont04,
#news .news_line2 .cont_01 .cont01_list .cont05,
#news .news_line2 .cont_01 .cont01_list .cont06,
#news .news_line2 .cont_01 .cont01_list .cont07,
#news .news_line2 .cont_01 .cont01_list .cont08,
#news .news_line2 .cont_01 .cont01_list .cont09 {display: none;}
#news .news_line2 .cont_01 .cont01_list li ul {overflow:hidden;}
#news .news_line2 .cont_01 .cont01_list li ul li {font-size: 13px; float: left; line-height: 25px; margin-right: 20px; padding-left: 10px; background: url(/ko/img/main/news_ico02.jpg) no-repeat left center;}
#news .news_line2 .cont_01 .cont01_list a[target="_blank"]  { background: url('/ko/img/sub/ico_blank.png') no-repeat right 1px; padding-right:15px; }

/*좌우버튼만있는롤링배너*/
#news .news_line2 .cont_02 {float: left; border: 3px solid #d3d3d3; margin-top: 40px; width: 100%;}
#news .news_line2 .cont_02 .ab_slider { display:flex; align-items:center; width: 1194px; margin: 0 auto;}
#news .news_line2 .cont_02 .wrap { width:calc(100% - 70px); overflow:hidden; }
#news .news_line2 .cont_02 ul {position: relative;}
#news .news_line2 .cont_02 ul li { border-right:1px dashed #d3d3d3; text-align:center; letter-spacing:-0.1em;}
#news .news_line2 .cont_02 ul li a {display:inline-flex; align-items:center; height:35px; font-weight:500; color:#222;}
#news .news_line2 .cont_02 ul li a:before {content:''; display:block; width:20px; height:17px; background:url('/ko/img/main/news_ico_new01.gif') no-repeat; margin-right:5px; }
#news .news_line2 .cont_02 .list01_08 a:before {background-position:0 0;}
#news .news_line2 .cont_02 .list01_03 a:before {background-position:-20px 0;}
#news .news_line2 .cont_02 .list01_05 a:before {background-position:-40px 0;}
#news .news_line2 .cont_02 .list01_06 a:before {background-position:-60px 0;}
#news .news_line2 .cont_02 .list01_07 a:before {background-position:-80px 0;}
#news .news_line2 .cont_02 .list01_02 a:before {background-position:-100px 0;}
#news .news_line2 .cont_02 .list02_02 a:before {background-position:0 -17px;}
#news .news_line2 .cont_02 .list02_01 a:before {background-position:-20px -17px;}
#news .news_line2 .cont_02 .list02_03 a:before {background-position:-40px -17px;}
#news .news_line2 .cont_02 .list02_05 a:before {background-position:-60px -17px;}
#news .news_line2 .cont_02 .list02_04 a:before {background-position:-80px -17px;}
#news .news_line2 .cont_02 .b { border-top: 1px solid #d3d3d3; font-weight:400;}
#news .news_line2 .cont_02 .ab_slider > a {display:block; width:35px; height:35px; text-indent:-9999px; float:left;}
#news .news_line2 .cont_02 a.left001,
#news .news_line2 .cont_02 a.left002 { background:  url('/ko/img/main/con_icon1.gif') no-repeat center center; }
#news .news_line2 .cont_02 a.right001,
#news .news_line2 .cont_02 a.right002 { background:  url('/ko/img/main/con_icon2.gif') no-repeat center center; border-right:1px dashed #d3d3d3; }
#news .news_line2 .cont_02 a.play001 { background:  url('/ko/img/main/con_icon3.gif') no-repeat center center; display:none; }
#news .news_line2 .cont_02 a.stop001 { background:  url('/ko/img/main/con_icon4.gif') no-repeat center center; display:none; }
#news .news_line2 .cont_02 a.play002 { background:  url('/ko/img/main/con_icon3.gif') no-repeat center center; display:none; }
#news .news_line2 .cont_02 a.stop002 { background:  url('/ko/img/main/con_icon4.gif') no-repeat center center; display:none; }


/*정보민원_info*/
#info {background: #ececec;}
#info .info_wrap {width: 1200px; margin: 0 auto; padding: 60px 0; overflow: hidden;}
#info .info_line01 {margin-right: 40px; float: left;}
/*#info .info_line01 ul {margin: 30px 0 20px;}*/
#info .info_line01 ul.list01 {margin-top: 15px;}
#info .info_line01 ul li {padding-left:3px;}
#info .info_line01 ul li a {display: block; /*width: 265px;*/ height: 38px;line-height: 38px; font-size: 15px; padding-left: 32px; background: url('/ko/img/main/green_ar.png') no-repeat 6px center;}
#info .info_line01 ul li a:hover {background:#3f8614 url('/ko/img/main/white_ar.png') no-repeat 90% center; color: #fff; border-radius: 19px;}
#info .info_line01 .info_ad {display: block; width: 255px; height: 64px; border: 1px solid #d3d3d3; font-size: 0; background:#fff url('/ko/img/main/info_ad-230117.jpg') no-repeat center center; margin-top:5px;}
#info .info_line02 {float: left; width: 895px; margin-bottom: 52px; overflow: hidden;}
#info .info_line02 h3 {float: left;}
#info .info_line02 h3 span {font-size: 15px; font-weight: 400;}
#info .info_line02 .popBtn {display: none; width: 120px; float: right; position: relative; }
#info .info_line02 .popBtn li {width: 26px; height: 25px; position: absolute; top:0}
#info .info_line02 .popBtn li.prev007 {right:30px;}
#info .info_line02 .popBtn li.play007 {right:28px;}
#info .info_line02 .popBtn li.stop007 {right:28px;}
#info .info_line02 .popBtn li.next007 {right:0px;}
#info .info_line02 .line02_box {clear: both; width: 895px; height: 169px; margin-top: 40px; border: 3px solid #d3d3d3; padding-top: 20px; background: #fff; }
#info .info_line02 .line02_box ul li { height:122px; text-align: center; word-break: keep-all; font-weight: 600; color:#444444; font-size: 15px;}
#info .info_line02 .line02_box ul li a {width: 100%; height: 100%; display:block; font-size:14px;}
#info .info_line02 .line02_box ul li span {display: block; margin: 0 auto 29px; background-image: url('/ko/img/main/info_ico.gif'); background-repeat: no-repeat;}
#info .info_line02 .com01 span {width: 62px; height: 57px; background-position: 0 6px;}
#info .info_line02 .com02 span {width: 47px; height: 57px; background-position: -63px 8px;}
#info .info_line02 .com03 span {width: 56px; height: 57px; background-position: -112px 8px;}
#info .info_line02 .com04 span {width: 43px; height: 57px; background-position: -169px 8px; margin-bottom: 20px;}
#info .info_line02 .com05 span {width: 43px; height: 57px; background-position: -213px 7px;}
#info .info_line02 .com06 span {width: 42px; height: 57px; background-position: -256px 5px;}
#info .info_line02 .com07 span {width: 30px; height: 57px; background-position: -298px 0px; margin-bottom: 20px;}
#info .info_line02 .com08 span {width: 60px; height: 57px; background-position: -330px 5px; margin-bottom: 20px;}
#info .info_line02 .com07 {width: 97px;}
#info .info_line02 .com08 {width: 97px;}
#info .info_line02 .com09 span {width: 60px; height: 57px; background-position: -384px 5px; margin-bottom: 20px;}
#info .info_line03 {float: left; width:480px;}
#info .info_line03 ul { display:flex; flex-wrap:wrap; overflow: hidden;}
#info .info_line03 ul li { width:25%; height:219px; font-size:18px; color:#fff; font-weight: 800; text-align:center; word-break:keep-all; padding:22px 20px 0 22px; line-height:1.4}
#info .info_line03 .no1 {background: #005ba0 url('/ko/img/main/info_ico01.png') no-repeat bottom center; background-size:90px;}
#info .info_line03 .no2 {background: #227abd url('/ko/img/main/info_ico02.png') no-repeat bottom center; background-size:53px;}
#info .info_line03 .no3 {background: #ffba00 url('/ko/img/main/info_ico04.png') no-repeat bottom center; background-size:53px; color:#222;}
#info .info_line03 .no4 {background: #418236 url('/ko/img/main/info_ico05.png') no-repeat bottom center; background-size:62px;}
#info .info_line03 ul li a {display: block; color:#fff; font-size: 14px; width: 85px; height: 32px; line-height: 32px; text-align: center; font-weight: 400; margin: 13px auto 0; border-radius: 15px;}
#info .info_line03 .no1 a {background: #073f69;}
#info .info_line03 .no2 a {background: #175a8d;}
#info .info_line03 .no3 a {background: #bf4c00;}
#info .info_line03 .no4 a {background: #225f17;}
#info .info_line04 {float:left; width:385px; background:url('/ko/img/main/info_ico03.gif') no-repeat left bottom 30px; /*padding-left:150px;*/ margin:0 0 0 30px; background-size:140px;}
#info .info_line04 span {display:block; height:35px; border-radius:17px; background:#da343e; color:#fff; text-align: center; line-height:35px; font-size: 15px; margin-bottom: 5px;}
#info .info_line04 ul {overflow:hidden; padding:10px 0 10px 150px;}
#info .info_line04 ul li {float:left; width:50%; margin: 11px 0;}
#info .info_line04 ul li a {display: inline-block; font-size: 15px; background: url('/ko/img/main/red_ar.png') no-repeat 20px center; padding: 2px 0 2px 43px;}

/* 성주복지플랫폼 */
#info .info_line04 ul li.bokji01{width: 90% !important; padding: 10px 10px 10px 40px; background: #0057b3; border-radius: 5px; margin-left: 22px; text-align: center;}
#info .info_line04 ul li.bokji01 a {background: none; color: #fff; font-size: 16px; font-weight: 500; padding-left: 5px; background: none; position: relative;}
#info .info_line04 ul li.bokji01 a::before{position: absolute; content: ""; background: url('/ko/img/main/bokji_240228.png') no-repeat center center; width: 24px; height: 24px; left: -27px; top: 50%; transform: translateY(-50%);}

@media all and (max-width:736px) {
  #info .info_line04 ul li {margin: 7px 0;}
  #info .info_line04 ul li.bokji01{width: 100% !important; margin-left: 0;}
}
/*정보,민원 흐르는 배너*/
#info .info_line05 {clear: both; float: left; margin-top: 50px; width: 100%; background: #e3e3e3 url('/ko/img/main/border_bg.png'); padding: 7px;}
#info .info_line05 .inner { width: 100%; height: 100%; background: #fff; overflow: hidden;}
#info .info_line05 .inner .list {overflow: hidden; }
#info .info_line05 .inner .list01 {border-bottom: 1px dashed #bfbfbf;}
#info .info_line05 .inner .popBtn {float:left; margin:13px 0 0 20px; /*width: 80px;*/  height: 28px; position: relative;}
#info .info_line05 .inner .popBtn a {cursor: pointer; position: absolute; top: 0}
#info .info_line05 .inner .popBtn a.pop_prev {left:0; display: block !important;}
#info .info_line05 .inner .popBtn a.pop_play {left:26px; display: none;}
#info .info_line05 .inner .popBtn a.pop_stop {left:26px; display: none;}
#info .info_line05 .inner .popBtn a.play004 {left:26px; display: none;}
#info .info_line05 .inner .popBtn a.stop004 {left:26px; display: none;}
#info .info_line05 .inner .popBtn a.pop_next {left:25px;display: block !important;}
#info .info_line05 .inner .slider003,
#info .info_line05 .inner .slider004
 {overflow: hidden; width:calc(100% - 90px); float: right;}
/*#info .info_line05 .inner .text {overflow: hidden; float: left;}
#info .info_line05 .inner .text li {float: left; height:50px;}*/
#info .info_line05 .inner .text li a {display: block; font-size: 15px; border-left: 1px dashed #bfbfbf; line-height: 24px; text-align:center; padding:14px 0;}
#info .info_line05 .inner .text li a.twoline {line-height:20px; padding:15px 0;}
#info .info_line05 .inner .text li a span {display:inline-block; background: url('/ko/img/main/gray_ar.png') no-repeat right center; padding-right:35px;}
/*#info .info_line05 .inner .slider004 .text li a { width: 265px;}*/
#info .info_line05 .inner .text li a:focus-visible {outline:none; border:2px dashed #ff0000;}

#tour .tour_wrap {width: 1200px; margin: 0 auto; padding: 60px 3px; }
#tour .tour_wrap::after {content:''; display:table; clear:both;}
#tour .tour_wrap .tour_line01 {float: left; margin-right: 33px;}
/*#tour .tour_wrap .tour_line01 .line01_01 a {display: block; /*height: 170px; background: url(/ko/img/main/tour_ad.jpg) no-repeat center center; text-indent:-9999px; line-height:0;}*/
#tour .tour_wrap .tour_line01 .line01_01 {overflow:hidden; padding:3px 0;}
#tour .tour_wrap .tour_line01 .line01_01 a {display: block; float:left; width:50%;}
#tour .tour_wrap .tour_line01 .line01_01 a img {width:100%;}

#tour .tour_wrap .line01_02 {position:relative;/* margin-top: 50px; *//* width: 1200px; *//* height: 259px; */ /*background: #e3e3e3 url('/ko/img/main/border_bg.png'); padding: 7px;*/ border:7px solid #e3e3e3; }
#tour .tour_wrap .line01_02 .scac { background:#fff; margin: 23px 13px; overflow:hidden; }
/*#tour .tour_wrap .line01_02 .scac ul {overflow: hidden; width: 500% !important; height: 100%;}
#tour .tour_wrap .line01_02 .scac ul li {float: left;overflow: hidden;width: 10%;height: 100%;padding: 23px 13px; }*/
#tour .tour_wrap .line01_02 .scac ul li.first {border-right: 1px dashed #bfbfbf;}
#tour .tour_wrap .line01_02 .scac ul li .image { background:#f5f5f5 url('/ko/img/main/no_img.png') no-repeat center center; float: left; margin-right: 15px; border:1px solid #eee; width:143px; height:198px;}
#tour .tour_wrap .line01_02 .scac ul li .image img {width:143px !important; height:198px !important;}
#tour .tour_wrap .line01_02 .scac ul li .title_ico {display: inline-block; font-size: 15px; color:#fff; font-weight: 600; padding:2px 5px; text-align: center; line-height: 20px;}
#tour .tour_wrap .line01_02 .scac ul li .so { background: #d8323f url('/ko/img/main/title_so.gif') no-repeat; height:24px; width:47px;}
#tour .tour_wrap .line01_02 .scac ul li .dae { background: #6e9933 url('/ko/img/main/title_dae.gif') no-repeat; height:24px; width:58px;}
#tour .tour_wrap .line01_02 .scac ul li .jun { background: #0876a6 url('/ko/img/main/title_jun.gif') no-repeat; height:24px; width:47px;}
#tour .tour_wrap .line01_02 .scac ul li .gi { background: #65043f url('/ko/img/main/title_gi.gif') no-repeat; height:24px; width:35px;}
/*#tour .tour_wrap .tour_line01 .line01_02 ul li.first .title_ico {background: #66043f;}
#tour .tour_wrap .tour_line01 .line01_02 .scac ul li dl { margin:8px 0; float: left; width: 163px;}*/
#tour .tour_wrap .line01_02 .scac ul li dl p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#tour .tour_wrap .line01_02 .scac ul li dl dt {font-size: 17px; font-weight: 600; margin-bottom: 4px;}
#tour .tour_wrap .line01_02 .scac ul li dl dd {background: url('/ko/img/main/bl_01.png') no-repeat left center; padding-left: 12px;}
#tour .tour_wrap .line01_02 .scac ul li dl dd span {font-weight: 600; margin-right: 7px;}
#tour .tour_wrap .line01_02 .scac ul li a {float: left; display: block; width: 154px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 600; color: #fff; padding-left: 72px; background: #595959 url('/ko/img/main/tour_ico01.png') no-repeat 25px center; margin-top:15px;}
#tour .tour_wrap .line01_02 .popBtn a {position:absolute; z-index:10; top:50%; margin-top:-15px;}
#tour .tour_wrap .line01_02 .popBtn a.pop_prev {left:0;}
#tour .tour_wrap .line01_02 .popBtn a.pop_next {right:0;}

#tour .tour_wrap .tour_link240125{display:flex; justify-content: space-between;}
#tour .tour_wrap .tour_link240125 .right {display: flex; flex-direction: column;}

/*임시 이달의추천지*/
#tour .tour_wrap .tour_line01 .tour_info {margin-top: 50px; width: 715px; height: 259px; background: #e3e3e3 url('/ko/img/main/border_bg.png'); padding: 7px;}
#tour .tour_wrap .tour_line01 .tour_info ul {overflow: hidden; background: #fff; width: 100%; height: 100%;}
#tour .tour_wrap .tour_line01 .tour_info ul li {float: left; overflow: hidden; width: 100%; height: 100%; padding:23px 20px;}
#tour .tour_wrap .tour_line01 .tour_info ul li .image { background:#f5f5f5 url('/ko/img/main/no_img.png') no-repeat center center; float: left; margin-right: 30px; border:1px solid #eee; width:265px; height:198px;}
#tour .tour_wrap .tour_line01 .tour_info ul li .image img {width:265px; height:198px;}
#tour .tour_wrap .tour_line01 .tour_info ul li .title_ico {display: inline-block; font-size: 15px; color:#fff; font-weight: 600; height: 20px; text-align: center; line-height: 20px; padding:0 5px;}
#tour .tour_wrap .tour_line01 .tour_info ul li .gi { background: #65043f;}
#tour .tour_wrap .tour_line01 .tour_info ul li dl {margin-top: 10px; margin-bottom: 12px; /* float: left; width: 163px; */}
#tour .tour_wrap .tour_line01 .tour_info ul li dl p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#tour .tour_wrap .tour_line01 .tour_info ul li dl dt {font-size: 17px; font-weight: 600; margin-bottom: 4px;}
#tour .tour_wrap .tour_line01 .tour_info ul li dl dd {background: url('/ko/img/main/bl_01.png') no-repeat left center; padding-left: 12px;}
#tour .tour_wrap .tour_line01 .tour_info ul li dl dd span {font-weight: 600; margin-right: 7px;}
#tour .tour_wrap .tour_line01 .tour_info ul li a {float: left; display: block; width: 154px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 600; color: #fff; padding-left: 72px; background: #595959 url('/ko/img/main/tour_ico01.png') no-repeat 25px center;}

@media all and (max-width:1023px){
  #tour .tour_wrap .tour_line01 .tour_info {width: 100%;}
  #tour .tour_wrap .tour_link240125 {justify-content:center;}
  #tour .tour_wrap .tour_link240125 .right {padding-left:5%;}
  #tour .tour_wrap .tour_line02 {width:100% !important;}
  #tour .tour_info_btn li:nth-child(2) a img{width:100%; height:127px;}
}

@media all and (max-width:700px){
  #tour .tour_wrap .tour_line01 .tour_info ul li .image {display:none;}
}

#tour .tour_wrap .tour_line01 .line01_03 {width:715px;margin-top: 10px;}
#tour .tour_wrap .tour_line01 .line01_03 ul {overflow: hidden;}
/* #tour .tour_wrap .tour_line01 .line01_03 li {float:left; width:11.5%; margin-left:1%; height: 130px; border: 1px solid #d3d3d3;} */
#tour .tour_wrap .tour_line01 .line01_03 li {float:left; width:10.2%; margin-left:1%; height: 130px; border: 1px solid #d3d3d3;}
#tour .tour_wrap .tour_line01 .line01_03 li.list01 {margin-left:0;}
#tour .tour_wrap .tour_line01 .line01_03 li a {display: block; position:relative; width:100%; height:100%; text-align: center; word-break: keep-all; font-weight: 600; padding: 65px 5px 0; font-size:12px; line-height:1.4;}
#tour .tour_wrap .tour_line01 .line01_03 li a:before {content:''; position:absolute; top:10px; left:50%; width:64px; height:48px; margin-left:-32px; background:url('/ko/img/main/tour_ico_new01_220630.jpg') no-repeat;}
#tour .tour_wrap .tour_line01 .line01_03 li a:focus-visible {outline:none; border:2px dashed #ff0000;}
#tour .tour_wrap .tour_line01 .line01_03 li.list01 a:before {background-position:0 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list02 a:before {background-position:-64px 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list03 a:before {background-position:-128px 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list04 a:before {background-position:-192px 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list05 a:before {background-position:-256px 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list06 a:before {background-position:-320px 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list07 a:before {background-position:-384px 0;}
#tour .tour_wrap .tour_line01 .line01_03 li.list08 a:before {background-position:-456px 0;}

#tour .tour_wrap .tour_line01 .line01_03 li a:before {content:''; position:absolute; top:10px; left:50%; width:64px; height:48px; margin-left:-32px; background:url('/ko/img/main/tour_ico_new01_241231.jpg') no-repeat;}
#tour .tour_wrap .tour_line01 .line01_03 li.list09 a:before {background-position:-517px 0;}

#tour .tour_wrap .m_h3 {font-size:24px;}
#tour .tour_wrap .tour_line02 {float: left; width: 37.3%;}
#tour .tour_wrap .tour_line02 .line02_01 {float: left; margin-right: 40px;}
#tour .tour_wrap .tour_line02 .line02_01 ul {margin: 20px 0 20px;}
#tour .tour_wrap .tour_line02 .line02_01 ul li a {display: block; width: 205px; height: 32px; line-height: 32px; font-size: 15px; padding-left: 32px; background: url('/ko/img/main/blue_ar.png') no-repeat 6px center;}
#tour .tour_wrap .tour_line02 .line02_01 ul li a:hover {background:#0066b3 url('/ko/img/main/white_ar.png') no-repeat 168px center;color: #fff;border-radius: 19px;/* margin-top: 7px; */}
#tour .tour_wrap .tour_line02 .line02_02 {float: left;}
#tour .tour_wrap .tour_line02 .line02_02 ul li {width: 200px;height: 58px;margin-bottom: 10px;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list01 {background: #0066b3;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list02 {background: #3f8614;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list03 {background: #00763a;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list04 {background: #007376; margin-bottom: 0;}
#tour .tour_wrap .tour_line02 .line02_02 ul li a {display:block;position:relative;width:100%;height:100%;color:#fff;font-size: 18px;font-weight: 600;line-height: 60px;padding-left: 96px;}
#tour .tour_wrap .tour_line02 .line02_02 ul li a:before {content:'';position:absolute;top:0;left:0;width:63px;height:49px;background: url('/ko/img/main/tour_ico_new02.jpg') no-repeat;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list01 a:before {background-position:0 0;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list02 a:before {background-position:-63px 0;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list03 a:before {background-position:-126px 0;}
#tour .tour_wrap .tour_line02 .line02_02 ul li.list04 a:before {background-position:-189px 0;}

#tour .tour_wrap .line02_03 { display:flex; align-items:center; clear: both; width: 445px;/* margin-top: 20px; */}
#tour .tour_wrap .line02_03 ul { display:flex; flex-wrap:wrap; }
#tour .tour_wrap .line02_03 ul li { display:flex; align-items:center; width: 50%; padding:3px; margin:10px 0;}
#tour .tour_wrap .line02_03 ul li img {display: block; margin: 0 auto; border-radius:50%; width:30%;}
#tour .tour_wrap .line02_03 ul li a { width:70%; display: block; font-size: 13px; padding: 3px 15px; word-break: keep-all; line-height:17px;}
#tour .tour_wrap .line02_03 ul li a span {display: block; font-size: 17px; font-weight: 600; margin-bottom:10px; }
#tour .tour_wrap .tour_line02 .line02_04 {clear: both; float: left; margin-top: 50px; width: 445px; height: 110px; background: #866346 url('/ko/img/main/tour_ad02.png') no-repeat left center; position: relative;}
#tour .tour_wrap .tour_line02 .line02_04 p {font-size: 15px; color:#fff; font-family: 'Noto Sans KR', sans-serif; text-align: left; margin: 18px 0 0 186px; line-height: 33px;}
#tour .tour_wrap .tour_line02 .line02_04 p span {display: block; font-size: 28px; font-weight: 600;}
#tour .tour_wrap .tour_line02 .line02_04 .go {font-family: 'Noto Sans KR', sans-serif; background: url('/ko/img/main/tour_ad03.png') no-repeat; display: block; width: 71px; height: 71px; padding: 40px; color:#fff; position: absolute; top:38px; right:-9px;}

#tour .tour_info_btn {clear: both; float:left; width: 445px;margin-top: 20px;}
#tour .tour_info_btn li {float:left; width:50%; position:relative; background-size:100%;}
#tour .tour_info_btn li:first-child {background:#866346 url('/ko/img/main/tour_bg_01.png') no-repeat center; background-size:100%;}
#tour .tour_info_btn li a { display:block; min-height:127px; text-align:center; font-size:15px; color:#fff; text-shadow:1px 1px 3px #000 ; line-height:25px; padding:20px 0;}
#tour .tour_info_btn li a strong {display:block; font-size:20px; font-weight:600;}
#tour .tour_info_btn li a strong.mar_t10 {margin-top:10px;}
#tour .tour_info_btn li a span {display:block;  width:58px; height:58px; padding:20px 0 0 15px; position:absolute; bottom:0; right:0; color:#fff; background:url('/ko/img/main/tour_go_02.png') no-repeat; }
#tour .tour_info_btn li:first-child  a span {background:url('/ko/img/main/tour_go_01.png') no-repeat right bottom;}
#tour .tour_info_btn li:nth-child(2) a {padding:0;}

/*메인 배너모음*/
#main_banner {width: 100%; height: 66px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
#main_banner .ad_warp {width: 1200px;height: 66px; margin: 0 auto; overflow: hidden;}
#main_banner h3 {font-size: 17px; font-weight: 600; float: left; line-height: 66px; margin-right: 20px;}
#main_banner .popBtn {width:120px; margin-top:21px; border-left:1px solid #ddd; box-sizing:border-box; float: left; position:relative; z-index:10; }
#main_banner .popBtn a {display: block; float:left; height:24px; margin-left:-1px; line-height:0;}
#main_banner .popBtn a.prev005 {display: block !important;}
#main_banner .popBtn a.pop_play {display:none;}
#main_banner .slider005 { height: 30px; width: 960px; overflow: hidden; position: relative; float: left; margin-top: 20px; margin-left: 20px}
#main_banner .slider005 ul li { width:auto; padding: 3px 20px; border-right: 1px dashed #c7c7c7;}
#main_banner .slider005 ul li a {display: block; line-height:25px;}

@media all and (max-width:1023px) {
  #news .board_wrap .news_board .title {-webkit-line-clamp:1;}
  #content { margin-top: 115px; overflow:hidden;}
  #content .side_lnb_box .searchFrm {width: 96%; margin:0 auto; }
  #content .side_lnb_box .searchFrm input {width: calc(100% - 55px);}
  #content .side_lnb_box .searchFrm .search_btn {width: 55px;}
  .mCont01 {width: 100%; padding: 40px 20px 52px;}
  .mCont01 .popBtn {top:15px; /*left: unset;*/ right:15px;}
  .main_visualwrap {width:100%;}
  .main_visual {overflow: hidden; height: 35vw;}
  .main_visual img {width: 100%;}
  /* .mCont01 .searchFrm {display: none;} */
  .mCont01 input {margin-left: 5%;}
  /* .mCont01 .weather {margin:10px 1%; } */
  .mCont01 .weather img {margin-right: 10px;}
  .mCont01 .weather dl dt { float:left; font-size:18px; line-height:60px; margin-right:20px;}
  .mCont01 .weather dl dt span {font-size:18px;}
  .mCont01 .weather dl dd { float:left;}
  .mCont01 .weather .deg { line-height:50px; padding-right: 20px;}
  .mCont01 .weather .text {font-size: 20px; padding: 0 0 0 20px; border-left: 1px solid rgba(22, 70, 106, 0.4); margin-top: 20px;}

  .safeLink {margin:10px 0; width:27%;}

  .mCont01 .melon {display:none;}
  /*.mCont01 .melon {width: 57%; margin: 18px 0 0 0; float:left;}
  .mCont01 .melon .melonInner { margin:0 20px; }
  .mCont01 .melon .melonInner > img {margin-right: 25px;}
  .mCont01 .melon dl dd.last {margin-right: 0;}
  .mCont01 .melon dl dd span {margin-right: 10px;}*/
  .mCont01 .qrcode { width:27%; margin:10px 0; }
  .mCont01 .quick {position: relative; top:12px; width: 100%; clear:both; /*margin-top: 87px;*/}
  .mCont01 .quick ul li {width: 16.66%;}

  /*고정네비*/
  #main_quick_nav {padding: 0 20px;}
  #main_quick_nav .list_wrap {width: 100%;}
  #main_quick_nav .list_wrap ul {width: 100%;}
  #main_quick_nav .list_wrap ul li {width: 31.3%; margin-right: 3%;}
  #main_quick_nav .list_wrap ul li.list03 {margin-right: 0;}
  #main_quick_nav .list_wrap ul li a {width: 100%; background-position: 31% 19px; padding-left: 41%;}
  #main_quick_nav .list_wrap ul .list02 a {margin: 0;}

  /*메인_컨텐츠*/
  #news .news_wrap,#info .info_wrap,#tour .tour_wrap {width: 100%;padding: 40px 20px;}
  #news .news_line1 {height: 100%;}
  #news .board_wrap {width: 100%; margin-bottom:30px; /*height: 297px;*/}
  #news .news_news {margin: 0 20px 0 0; width: 50%;}
  .news_news .news_ad01 {width: 269px; margin: 36px auto 0;}
  #news .ceo {width: 46%;}
  #news .ceo2 {width: 46%;}
  #news .news_face {height: 190px; width: 100%;}
  .news_face .face_box {height: 110px;}
  #news .news_line2 .cont_01 {width: 100%; margin-top: 35px;}
  #news .news_line2 .cont_01 .cont01_list { left:1%; width:98%;}
  #news .news_line2 .cont_01 .cont01_list li ul li { margin-right:10px; line-height:20px; letter-spacing:-0.1em; }
  #news .news_line2 .cont_02 .ab_slider {width: 100%}

  #info .info_line01 {margin: 0; overflow: hidden; width: 100%; height: 286px;}
  #info .info_line01 ul {width: 48%; margin:15px 0 0 2%; float: left;}
  #info .info_line01 ul.list01 { margin:15px 0 0 0; }
  #info .info_line01 .info_ad {float: left; width: 48%; margin-left:2%;}
  #info .info_line02 {width: 100%; margin-bottom: 30px;}
  #info .info_line02 .popBtn {display: block;}
  #info .info_line02 .popBtn li {cursor: pointer;}
  #info .info_line02 .line02_box {width:100%;}
  #info .info_line02 .line02_box ul li { width:auto; padding:0 30px; }
  #info .info_line03 {width:65%;}
  #info .info_line04 {background:none; width:33%; height:209px; margin:0 0 0 2%;}
  #info .info_line04 span {width: 100%;}
  #info .info_line04 ul {float:right; padding-left:0;}
  #tour .tour_wrap .tour_line01 {float: none; margin: 0;}
  #tour .tour_wrap .line01_02 {width: 100%; margin-top:30px;}
  #tour .tour_wrap .tour_line01 .line01_03 {margin-top: 30px; width:100%;}
  #tour .tour_wrap .tour_line01 .line01_03 li {width: 10.2%; margin-left:1%; height: 126px;}
  #tour .tour_wrap .tour_line02 {float: none; margin-top: 30px;}
  #tour .tour_wrap .tour_line02 .line02_01 {margin-right: 2%; width: 30%;}
  #tour .tour_wrap .tour_line02 .line02_01 ul {margin: 23px 0 20px;}
  #tour .tour_wrap .tour_line02 .line02_01 ul li a {width: 100%;}
  #tour .tour_wrap .tour_line02 .line02_01 ul li a:hover {background:#0066b3 url('/ko/img/main/white_ar.png') no-repeat 90% center;}
  #tour .tour_wrap .tour_line02 .line02_02 {width: 33%;}
  #tour .tour_wrap .tour_line02 .line02_02 ul li {width: 100%;}
  #tour .tour_wrap .tour_line02 .line02_02 ul li a {padding-left: 46%;}
  #tour .tour_wrap .tour_line02 .line02_03 {clear: none; width: 30%; margin-left: 5%; margin-top: 0;}
  #tour .tour_wrap .tour_line02 .line02_03 ul li {float: none; width: 100%; height: 65px; margin-bottom: 20px; position: relative;}
  #tour .tour_wrap .tour_line02 .line02_03 ul li:last-child {margin-bottom: 0;}
  #tour .tour_wrap .tour_line02 .line02_03 ul li img {width: 65px; float: left; margin-right: 20px;}
  #tour .tour_wrap .tour_line02 .line02_03 ul li a {text-align: left; padding: 0; display: inline-block; position: absolute; top:-11px;}
  #tour .tour_wrap .tour_line02 .line02_04 {width: 100%;}
  #tour .tour_wrap .tour_line02 .line02_04 p {margin-left: 40%;}

  #tour .tour_info_btn {width:100%; margin-top:30px;}

  #info .info_line05 .inner .text li,
  #info .info_line05 .inner .slider004 .text li {width: 201px;}
  #main_banner {padding: 0 20px;}
  #main_banner .ad_warp {width: 100%;}
  #main_banner .slider_banner {width: 74%; height: 61px; float: left;}
  #main_banner .slider005 {width: 100%; top:25px; margin: 0;}


	#tour .tour_wrap .line02_03 {width:600px;}

		#tour .tour_wrap .tour_line02 {display:flex;}
	  #tour .tour_info_btn {margin-top:0; margin-left:2%; width:50%;}

	  #tour .tour_info_btn li {width:100%;}
	  #tour .tour_wrap .line01_02 {margin-top:0;}
	  #tour .tour_info_btn li a {min-height:95px; padding:17px 0;}
	  #tour .tour_info_btn li:nth-child(2) a img {height:100px;}
}



@media all and (max-width:820px) {
  #main_banner .slider_banner {width: 54%;}
}

@media all and (max-width:768px) {
  #tour .tour_wrap .tour_line01 .line01_02 .scac ul li {width: 20%;}
  #tour .tour_wrap .line01_02 .scac ul li {width: 20%; }
  #info .info_line03 {width:100%;}
  #info .info_line04 {width:100%; margin-left:0; margin-top:30px;}
  #info .info_line04 ul {float:none; width:100%; padding:0; height:auto;}
  #info .info_line05 {margin-top: 0px;}
  #tour .tour_wrap .tour_link240125 { flex-wrap:wrap; }
  #tour .tour_wrap .line02_03 {width:100%; }
  #tour .tour_wrap .tour_link240125 .right {width:100%; padding-left:0; flex-direction:row; align-items:center; margin-top:30px; }
  /*#tour .tour_wrap .line02_03 {clear: none; width: 40%; margin-left: 5%; margin-top: 0;}
  #tour .tour_wrap .line02_03 ul li {float: none; width: 100%; height: 65px; margin-bottom: 20px; position: relative;}
  #tour .tour_wrap .line02_03 ul li:last-child {margin-bottom: 0;}
  #tour .tour_wrap .line02_03 ul li img {width: 65px; float: left; margin-right: 20px;}
  #tour .tour_wrap .line02_03 ul li a {text-align: left; padding: 0; display: inline-block; position: absolute; top:-11px;}*/
  #tour .tour_wrap .tour_link240125 .right {justify-content: space-evenly;}

}

@media all and (max-width:650px) {
  #tour .tour_wrap .tour_line01 .line01_03 li{width: 32%; margin-left: 1%; height: 110px; margin-bottom: 1%;}
  #tour .tour_wrap .tour_line01 .line01_03 li:nth-of-type(4),
  #tour .tour_wrap .tour_line01 .line01_03 li:nth-of-type(7){margin-left: 0;}
  #tour .tour_wrap .tour_line02 {flex-wrap: wrap;}
  #tour .tour_info_btn {width:100%;}
  #tour .tour_info_btn li {width:50%;}
  #tour .tour_info_btn li a {min-height:120px}
  #tour .tour_info_btn li:nth-child(2) a img {height:120px;}
  #tour .tour_wrap .tour_line02 .line02_02 {width:45%;}
  #tour .tour_wrap .tour_line02 .line02_02 ul li {height:50px;}
  #tour .tour_wrap .tour_line02 .line02_02 ul li a {line-height:50px;}
  #tour .tour_wrap .tour_line02 .line02_01 {width:52%; margin-right:3%;}
}

/*모바일*/
@media all and (max-width:736px) {
  .mCont01 {padding: 29px 10px 40px;}
  .mCont01 .popBtn {top:auto; bottom:-35px; right:10px;}
  /*.mCont01 .melon {width: 100%; margin-top: 10px;}
  .mCont01 .melon .melonInner { margin:0 20px;}
  .mCont01 .melon .melonInner > img {width: 40px; float: left; margin-right: 8px;}
  .mCont01 .melon dl {float: left; margin-top: 12px;}
  .mCont01 .melon dl dt {float: left; font-size: 13px; margin-right: 10px;}
  .mCont01 .melon dl dt span {font-size: 16px;}
  .mCont01 .melon dl dd {margin-top: -5px; margin-right: 10px;}
  .mCont01 .melon dl dd span {margin-right: 5px;}*/
  .mCont01 .quick {margin-top: 0;}
  .mCont01 .quick ul li {width: 33.33%; height: 50px; background-size: 24px; background-position: 15px center;}
  .mCont01 .quick ul li a {padding-top: 0; padding-left: 26px;line-height: 50px; font-size: 14px; text-align: center; font-weight: 400;}
  #main_quick_nav {padding: 0 10px;}
  #main_quick_nav .list_wrap ul li a {background-size: 18px; background-position: 12% 20px; font-size: 14px; padding-left: 34%;}
  #news .news_wrap, #info .info_wrap, #tour .tour_wrap {padding: 30px 10px;}
  /*#news .board_wrap {height: 260px;}*/
  #news .board_wrap .board_inner {padding-top: 40px;}
  #news .board_wrap .news_board h3 {font-size: 15px;}
  /*#news .board_wrap .board01 h3 {width: 54px;}
  #news .board_wrap .board02 h3 {margin-left: 65px; width: 120px;}
  #news .board_wrap .board03 h3 {margin-left: 195px; width: 55px;}
  #news .board_wrap .board04 h3 {margin-left: 265px; width: 28px;}*/
  #news .board_wrap .news_board .board_tit {background: none; padding: 0; margin-bottom: 20px;}
  #news .board_inner ul li {background: url(/ko/img/main/news_ico02.jpg) no-repeat 4px center; padding: 0 10px 0 16px;}
  #news .news_news {width: 100%;}
  #news .ceo {width: 100%; margin-top: 30px;}
  #news .ceo2 {width: 100%; margin-top: 30px;}
  #news .news_line2 .cont_01 {margin-top: 30px;}
  #news .news_line2 .cont_02 {margin-top: 30px;}
}
@media all and (max-width:650px) {
  .mCont01 .weather dl dt { line-height:20px; float:none; }
  .mCont01 .weather dl dt span { font-size:15px; }
  .mCont01 .weather .deg { line-height:30px; padding-right:10px; font-size:25px;}
  .mCont01 .weather .text {font-size:15px; margin-top:16px; padding-left:10px;}
    #tour .tour_info_btn {margin-left:0;}
}

@media all and (max-width:700px) {
  #news .news_line2 .cont_01 { height:230px; }
  #news .news_line2 .cont_01 .popBtn {display: block;}
  #news .news_line2 .cont_01 .popBtn a {position: absolute; z-index: 10; top:50px; cursor:pointer;}
  #news .news_line2 .cont_01 .popBtn .pop_prev {left:15px;}
  #news .news_line2 .cont_01 .popBtn .pop_next {right: 15px;}
  #news .news_line2 .cont_01 .cont01_wrap01 {width: 86%; margin: 0 auto; overflow: hidden;}
  #news .news_line2 .cont_01 .cont01_wrap01 .cont01_slide { width: 100%; overflow-x:auto; white-space:nowrap;}
  #news .news_line2 .cont_01 .cont01_inner {width: 700px; padding: 20px 0;}
  /*#news .news_line2 .cont_01 .cont01_inner ul {width: 36%; padding: 17px 0; left: 0;}
  #news .news_line2 .cont_01 .cont01_inner > li {width: 95px;}*/
}
@media all and (min-width:481px) {
  #news .board_wrap .more span {position:absolute; left:-9999px; top:-99999px;}
}
@media all and (max-width:480px) {
  #news .board_wrap .more {position:relative; top:auto; display:block; border:1px solid #ddd; border-radius:5px; padding:10px; text-align:center;  }
  #news .board_wrap .more img {display:none; }
  #news .news_line2 .cont_01 .popBtn .pop_prev {left:0;}
  #news .news_line2 .cont_01 .popBtn .pop_next {right: 0;}
  #news .news_line2 .cont_01 {height:250px;}
  #news .news_line2 .cont_02 ul li {width: 200px}
	.news_news .newsSlider li img {width:100%;}
  #info .info_line01 {height: auto;}
  #info .info_line01 ul {width: 100%;}
  #info .info_line01 ul.list02 {margin: 0 0 20px;}
  #info .info_line01 .info_ad {height: 84px; width: 100%; margin:20px 0;}
  #info .info_line02 h3 span {display: none;}
  #info .info_line02 .line02_box ul li {width: 110px;}
  #info .info_line03 {width: 100%;}
  #info .info_line03 ul li {width:50%; background-image:none !important; height:auto; padding:20px; min-height:135px;}
  #info .info_line03 ul li:nth-of-type(2n+1){ clear:both; }
  #info .info_line04 {width: 100%; background: none; margin:20px 0; height:auto;}
  #info .info_line04 ul {width: 100%; margin: 0;}
  /*정보민원단의 흐르는 배너*/
  #info .info_line05 .inner .list {width: 100%;}
  #info .info_line05 .inner .text li,
  #info .info_line05 .inner .slider004 .text li {width: 178px; font-size:14px;}
  #info .info_line05 .inner .slider003,
  #info .info_line05 .inner .slider004 {width:73%; margin-right: 5px;}

  #tour .tour_wrap .tour_line01 .line01_03 li {float:none; width:100%; height:60px; margin-bottom:10px; margin-left:0;}
  #tour .tour_wrap .tour_line01 .line01_03 li a {font-size: 15px; line-height:60px; padding:0 0 0 20%;}
  #tour .tour_wrap .tour_line01 .line01_03 li a:before {content:''; position:absolute; top:5px; left:20px; margin-left:0;}

  #tour .tour_wrap .tour_line02 .line02_01 {width: 43%;}
  #tour .tour_wrap .tour_line02 .line02_02 {width: 53%;}
  /*#tour .tour_wrap .line02_03 {width: 100%; margin-left: 0; margin-top: 30px;}
  #tour .tour_wrap .line02_03 ul li {float: left; width: 33.33%; height: auto;}
  #tour .tour_wrap .line02_03 ul li a {text-align: center; position: initial; padding: 0 10px;}
  #tour .tour_wrap .line02_03 ul li img {width: 90%; display: block; margin: 0 auto; float: none;}*/
  #tour .tour_wrap .line02_03 ul li {flex-wrap:wrap;}
  #tour .tour_wrap .line02_03 ul li img { width:100%; max-width:80px;}
  #tour .tour_wrap .line02_03 ul li a {width:100%; text-align:center; margin-top:10px; }
  #tour .tour_wrap .tour_line02 .line02_04 {margin-top: 30px;}
  #tour .tour_wrap .tour_line02 .line02_04 p {margin-left: 15%;}
  #tour .tour_info_btn li {width:100%;}
  #main_banner {height: 100px;}
  #main_banner h3 {margin-right: 5px;}
  #main_banner .ad_warp {height: 100px;}
  #main_banner .popBtn {width:110px;}
  #main_banner .slider_banner {width: 100%;}
  #main_banner .slider005 {top: 0;}
  #main_banner .slider005 ul li {padding: 0 4vw;}


  #tour .tour_wrap .tour_link240125 {flex-direction: column;}
  #tour .tour_wrap .tour_link240125 .right {flex-direction: row; align-items: center; padding-left:0;}
  #tour .tour_wrap .line02_03 {margin-top:0;}
  #tour .tour_wrap .tour_link240125 .right img {max-width:100%;}
    #tour .tour_info_btn li:nth-child(2) a img {height:150px;}

}

@media all and (max-width:420px) {
  #tour .tour_wrap .tour_line01 .line01_02 ul li .image {display:none;}
  #tour .tour_wrap .tour_line01 .line01_01 a {width:100%;}
}

@media all and (max-width:360px) {
  #main_content01 .side_lnb_box .searchFrm input {width: 83%;}
  #main_content01 .side_lnb_box .searchFrm .search_btn {width: 17%;}
  .mCont01 .quick .quick01,.mCont01 .quick .quick02,.mCont01 .quick .quick03,.mCont01 .quick .quick04,.mCont01 .quick .quick05,.mCont01 .quick .quick06 {background-image: none;}
  .mCont01 .quick ul li a {padding-left: 0;}
  #main_quick_nav .list_wrap ul .list01 a,#main_quick_nav .list_wrap ul .list02 a,#main_quick_nav .list_wrap ul .list03 a,#main_quick_nav .list_wrap ul .list01 a.on,#main_quick_nav .list_wrap ul .list02 a.on,#main_quick_nav .list_wrap ul .list03 a.on {background-image: none; padding-left: 0; text-align: center;}
  #info .info_line02 {margin-top: 30px;}
  #info .info_line02 .line02_box ul {width: 300%;}
  #info .info_line05 .inner .text li,
  #info .info_line05 .inner .slider004 .text li {width: 220px;}
  #info .info_line05 .inner .slider003,
  #info .info_line05 .inner .slider004   {width:68%; margin-right: 5px;}

  #news .news_line2 .cont_01 {height:290px;}
  /*#news .news_line2 .cont_02 ul li {width: 158px}*/
  #main_banner .slider_banner {/*width: 40%;*/ float: right}
  #main_banner .slider005 ul li {padding: 0 5px;}
  .mCont01 .melon .melonInner > img {display: none;}
  /*#news .board_wrap .board02 h3 {margin-left: 61px;}
  #news .board_wrap .board03 h3 {margin-left: 186px;}
  #news .board_wrap .board04 h3 {margin-left: 246px;}*/
  #news .board_wrap .board02 h3 {left: 65px;}
  #news .board_wrap .board03 h3 {left: 194px;}
  #news .board_wrap .board04 h3 {left: 261px}
  #news .board_inner ul li a {display: inline-block; width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  #tour .tour_wrap .tour_line01 .line01_01 a {background-size: 190%;}
  /*#tour .tour_wrap .tour_line01 .line01_02 {margin-top: 30px;}
  #tour .tour_wrap .tour_line01 .line01_02 ul li img {display: none;}
  #tour .tour_wrap .tour_line01 .line01_02 ul li dl {margin: 29px 0 12px 0; width: 100%;}
  #tour .tour_wrap .tour_line01 .line01_02 ul li a {margin-left: 0;}*/
  #tour .tour_wrap .tour_line02 .line02_01 {width: 100%;}
  #tour .tour_wrap .tour_line02 .line02_02 {width: 100%;}


}

/*푸터*/
.footerWrap {background: #d3d3d3; clear: both; padding-bottom: 35px;}
#footer {width: 1200px; margin: 0 auto; position: relative; z-index: 50;}
#footer .listItem { padding-top: 30px;}
#footer .listItem::after {content:''; display:block; clear:both; }
.listItem > ul > li {width: 276px; height: 40px; background: #6c6c6c; float: left;margin-right: 30px; position: relative;}
.listItem > ul > li.list04 {margin-right: 0;}
.listItem > ul > li > a {display: block; color:#fff; font-size: 15px; font-weight: 600; /*width: 246px; height: 100%;*/ line-height: 40px; background: url('/ko/img/main/list_plus.png') no-repeat 230px center; padding-left: 30px;}
.listItem .box {position: absolute; bottom:50px ;background: #fff; width: 100%; height: 244px; border: 1px solid #c7c7c7; display: none;}
.listItem .box::after {display:none;}
.listItem .box h4 {height: 40px; color:#fff; background:#0066b3; line-height: 40px; font-weight: 600; padding-left:15px;}
.listItem .box a.close {display: block; position: absolute; top:10px; right:15px; background:url('/ko/img/main/lnk_close.png') no-repeat center; text-indent:-9999999px; width:18px; height:18px;}
.listItem .box ul {height: 202px; overflow-y: scroll; padding: 10px 15px;}
.listItem .box ul li a {line-height: 27px; font-size: 13px;}
#footer .f_logo { display:block; margin:40px 0 20px;}
#footer .footMenu { margin:20px 0; padding:3px; overflow: hidden; clear: both;}
.footMenu ul {display:flex; flex-wrap:wrap; }
.footMenu ul li { display:flex; align-items:center; }
.footMenu ul li::after { content:''; display:block; width:1px; height:10px; background:#888; margin:0 15px; }
.footMenu ul li:last-of-type::after {display:none;}
.footMenu ul li:nth-child(2) a {color:#0058aa;}
.footMenu ul li a {display: block; color:#333; font-weight: 600; padding:5px 0; }
.footMenu ul li.menu01 {border-left: 0;}
.footMenu ul li.menu01 a {padding-left: 0; color:#303030; }
#footer .footInfo {clear: both; overflow: hidden; }
.footInfo ul li {float: left; color:#545454; font-size: 13px; font-weight: 600; margin-right: 20px; line-height:15px;}
.footInfo ul li span {color:#303030; margin-right: 7px; font-weight: 800;}
#footer .footCopy {font-size: 11px; color:#555; font-weight: 600;}
#footer .web_watch { position:absolute; top:100px; right:10px;}

@media all and (max-width:1023px) {
  #footer {width: 100%; padding: 0 10px;}
  .listItem > ul > li {margin: 0 0.5%; width: 24%;}
  .listItem > ul > li > a {width: 100%; background-position: 91% center;}
}
@media all and (max-width:900px) {
  .footInfo ul li {margin: 5px 10px 5px 0;}
  .footMenu ul li::after { margin:0 10px; }
}
@media all and (max-width:768px) {
	#footer .web_watch img { top:90px; height:70px; }
}
@media all and (max-width:480px) {
  .listItem > ul > li {width: 48%; margin: 1%;}
  .listItem > ul > li > a {padding-left: 15px;}
  #footer .footInfo {margin-bottom: 0;}
  #footer .web_watch {top:150px;}
}

/*모바일에서 메인탭 높이값 맞춰줘야함.96번라인*/


/*sns추가 (190318)*/
.snsAdd {position:absolute; right:10px; top:13px; width:39%; z-index:20;}
.snsAdd li {float:left; width:32%; margin-left:2%; height:40px; text-align:center;}
.snsAdd li.blog {margin-left:0;}

/* 메인게시판&SNS 추가(190401)*/
.cont_new {width:700px !important; height:230px !important;}
.new_board_wrap {width:460px; height:230px; float:left; margin-right:40px;}
.new_board {overflow:hidden;}
.new_board > .board {float:left; width:50%; position:relative;}
.new_board > .board > div {padding:20px 20px 15px 20px;}
.new_board > .board h3 {font-size:15px; padding-left:20px;}
.new_board > .board .tit {font-size:19px; font-weight:bold; margin-top:15px; line-height:25px;}
.new_board > .board .tit a {display:block; overflow:hidden; height:50px;}
.new_board > .board .day {margin-top:25px; font-size:13px; padding-left:25px;}
.new_board > .board .more {position:absolute; right:20px; bottom:15px; text-indent:-9999px; display:block; width:28px; height:30px;}

.new_board > .board01 {background:#0066b3;}
.new_board > .board01 h3 {color:#fff; background:url('/ko/img/main/board_icon01.png') no-repeat center left;}
.new_board > .board02 h3 {background:url('/ko/img/main/board_icon02.png') no-repeat  center left; color:#0066b3;}
.new_board > .board01 .tit a {color:#fff;}
.new_board > .board01 .day {color:#fff; background:url('/ko/img/main/board_day01.gif') no-repeat center left;}
.new_board > .board02 .day {background:url('/ko/img/main/board_day02.gif') no-repeat center left; color:#0066b3;}
.new_board > .board01 .more {background:url('/ko/img/main/board_more01.gif') no-repeat center left;}
.new_board > .board02 .more {background:url('/ko/img/main/board_more02.gif') no-repeat center left;}

.new_sns {overflow:hidden; padding:20px 0;}
.new_sns li {float:left; margin:0 1%;}
.new_sns li a {display:block; padding:10px 0 10px 40px;}
.new_sns li.face {width:23%; background:url('/ko/img/main/new_sns/sns_facebook.gif') no-repeat center left;}
.new_sns li.kakao {width:28%; background:url('/ko/img/main/new_sns/sns_kakao.gif') no-repeat center left;}
.new_sns li.insta {width:26%; background:url('/ko/img/main/new_sns/sns_instagram.gif') no-repeat center left;}
.new_sns li.blog {width:21%; background:url('/ko/img/main/new_sns/sns_blog.gif') no-repeat center left;}
.new_sns li.youtube_i {width:21%; background:url('/ko/img/main/new_sns/sns_youtube.gif') no-repeat center left;}

@media all and (max-width:1023px) {
	.cont_new {width:100% !important; height:206px !important;}
	.new_board_wrap {width:100%; height:230px; float:none; margin-right:0;}
}
@media all and (max-width:600px) {
	.cont_new {height:230px !important;}
}
@media all and (max-width:480px) {
	.cont_new {height:250px !important;}
	.new_board_wrap {height:auto;}
	.new_board > .board {float:none; width:100%;}
	.new_sns {border-top:1px dotted #aaa; padding:10px 15px;}
	.new_sns li {width:48% !important; margin:2px 0;}
}
@media all and (max-width:360px) {
	.cont_new {height:290px !important;}
	.new_sns li {width:100% !important;}
}


/*레이어팝업 최신 220119작업*/
.layerPopup { position:absolute; box-shadow:2px 2px 15px rgba(0,0,0,0.5); }
.layerPopup form {position:absolute; left:0; top:-38px; width:100%; background:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.1); padding:10px; font-family:sans-serif; color:#555; font-size:14px; overflow:hidden; }
.layerPopup form input {margin:0 5px 0 0; }
.layerPopup a.close { position:absolute; right:10px; top:10px; font-weight:600; }
.layerPopup img {width:100%; vertical-align:top;}
#popup01 { top:243px; left:50%; margin-left:278px; z-index:200;}
#popup02 { top:253px; left:50%; margin-left:268px; z-index:210;}
#popup03 { top:263px; left:50%; margin-left:258px; z-index:220;}
#popup04 { top:273px; left:50%; margin-left:248px; z-index:230;}
#popup05 { top:283px; left:50%; margin-left:238px; z-index:240;}
#popup06 { top:293px; left:50%; margin-left:228px; z-index:250;}
#popup07 { top:303px; left:50%; margin-left:218px; z-index:260;}
#popup08 { top:313px; left:50%; margin-left:208px; z-index:270;}
@media all and (max-width:1240px){
 .layerPopup {width:40%; left:inherit !important; right:20px;}
}
@media all and (max-width:768px){
 .layerPopup {width:50%; right:20px;}
}
@media all and (max-width:599px){
 .layerPopup {width:70%; right:50%; transform:translateX(50%)}
}







/*접근성관련_251107*/
.swiper-notification {display:none;}
button[type="submit"]:focus-visible,
*:focus-visible {outline:2px dashed #ff0000; box-sizing:border-box;}
.box_bn li a:focus-visible,
.visImg ul li a:focus-visible,
.news_news .newsSlider li a:focus-visible,
#news .news_line2 .cont_02 ul li a:focus-visible,
#info .info_line01 .info_ad:focus-visible,
#news .news_line2 .cont_01 .cont01_inner .ico:focus-visible,
#info .info_line05 .inner .popBtn a:focus-visible,
#tour .tour_wrap .tour_link240125 .right a:focus-visible,
#tour .tour_info_btn li a:focus-visible,
#main_banner .popBtn a:focus-visible,
#main_banner .slider005 ul li a:focus-visible { outline:none; position:relative;}
.box_bn li a:focus-visible::after,
.visImg ul li a:focus-visible::after,
.news_news .newsSlider li a:focus-visible::after,
#news .news_line2 .cont_02 ul li a:focus-visible::after,
#info .info_line01 .info_ad:focus-visible::after,
#news .news_line2 .cont_01 .cont01_inner .ico:focus-visible::after,
#info .info_line05 .inner .popBtn a:focus-visible::after,
#tour .tour_wrap .tour_link240125 .right a:focus-visible::after,
#tour .tour_info_btn li a:focus-visible::after,
#main_banner .popBtn a:focus-visible::after,
#main_banner .slider005 ul li a:focus-visible::after {content:''; position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%);}