@charset "utf-8";

@import url("swiper.css");

select, input{font-size: 16px}
.dark {color:#222 !important}
.basic {color:#555 !important}
.light {color:#767676 !important}
.star {position:relative; display:inline-block; padding-left:10px;}
.star:before {position:absolute; top:0; left:0; content:'*';}
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px}
.mgT20 {margin-top:20px}
.mgT30 {margin-top:30px}
.mgT40 {margin-top:40px}
.mgL10 {margin-left:10px;}
.tabs {margin-bottom:20px;}
.tabs ul {display:table;table-layout: fixed;width:100%;}
.tabs ul li {display:table-cell;}
.tabs ul li a {position:relative; display:block; width:100%; padding:17px 0px; border:1px solid #ddd; border-right:0;box-sizing:border-box;font-size: 16px;color:#767676;text-align: center}
.tabs ul li:last-child a{border-right:1px solid #ddd;}
.tabs ul li.active a {border:1px solid #0c82e9; color:#0c82e9; font-weight:700; z-index:2;background: #f3f9fe}
.tabs ul li.active + li a{ border-left:0}

/* 전체서비스 추가 */
.mgT60 {margin-top:60px !important;}
.topline {border-bottom:1px solid #efefef;}
.service {float:none !important; width:100% !important;}
.service-content .row {border-bottom:1px solid #ddd; padding:25px 0 15px;}
.service-content .row:after {content:''; display:block; clear:both;}
.service-content .row .title {font-size:18px; color:#222; float:left; width:15%;}
.service-content .row .s-group {float:left; width:85%;}
.service-content .row .s-group .s-row:after {content:''; display:block; clear:both;}
.service-content .row .s-group ul {float:left; width:25%; margin-bottom:10px;}
.service-content .row .s-group ul li {font-size:16px; color:#555; font-weight:normal; line-height:1.5em;}
.s-group.s01 ul li:first-child {color:#0C6;}
.s-group.s02 ul li:first-child {color:#F63;}
.s-group.s03 ul li:first-child {}
.s-group.s04 ul li:first-child {}
.s-group.s05 ul li:first-child {}
.s-group.s06 ul li:first-child {}
.s-group.s07 ul li:first-child {}
.s-group.s08 ul li:first-child {}
.service-content .row .s-group.s-row02 ul {width:100%;}
.service-content .row .s-group.s-row02 ul li {float:left; width:25%;}

/*메인 헤더*/
.main #header{background:#0c82e9; height:45px;}
.main #header{background:#fff; height:auto;width:1152px;margin:0 auto;}
.main .top-area h1.logo{float:left; width:97.5px; height:18.5px; padding:0; margin-top:8px;}
.main .top-area h1.logo a { display: block; width: 105px; height: 27px; background: url(../images/icon_set_common.png) no-repeat -5px -165px;}
.main .search-line{display:block; position: relative; background: #fff; height:120px; padding:0;}
.main .search-line > .inner > h1{background: url(../images/icon_set_common.png) no-repeat -27px 0; margin:46px 0; float:left; width:147px; height:25px;}
.main .search-line > .inner > h1 a {display:inline-block; width:147px; height:25px;} /*0830 추가*/
.main .search-line .search{width:429px; height:42px; border:3px solid #2292e9; position:absolute; left:50%; top:40px; margin-left:-245px; margin-top:0; box-sizing:border-box;}
.search-line .search input[type='text']::placeholder{font-size:15px; color:#2292e9;}
.search-line .search input[type='text']{float:left; width:calc(100% - 42px); /* width:-webkit-calc(100% - 42px); width:-moz-calc(100% - 42px); width:-ms-calc(100% - 42px); width:-o-calc(100% - 42px);  */border:0; padding: 0 10px; height:38px; line-height:38px;}
.search-line .btn-search {display: inline-block; width:36px; height:36px; padding:0; background: url(../images/icon_set_common.png) no-repeat -32px -97px; float:right;}
.search-line .info_weather{width:260px; height:85px; float:right; margin-top:34px;vertical-align: top;text-align: right;}
.search-line .lang_site{width:110px; height:21px; position:absolute; right:0; top:0;}
.search-line .lang_site:after { content: ''; display: block; clear: both;}
.search-line .lang_site select{float:left; width:80px; height:21px; border-color:#afcfea; color:#6ea7d8; font-size:12px; padding:0 0 0 2px; box-sizing:border-box;line-height:21px;}
.search-line .lang_site input[type='button']{float:left; width:30px; font-size:11px; color:#fff; background-color:#1E6CB3; border:0; height:21px; /*margin-left:-1px;*/ display:inline-block; padding:0;}

/* flag 2019-02-27 */
.main .search-line > .inner > h1 a.flag_movement {position: absolute;top: 7px;left: 157px;display: block;width: 101px;height: 70px;}
.main .search-line > .inner > h1 img.flag_movement {position: absolute;top: 7px;left: 157px;display: block;width: 106px;height: 70px;} /* 광복절 2019 */

/* gnb pc일때 */
.gnb { float: left; width:calc(100% - 101px);/*  width:-webkit-calc(100% - 101px); width:-moz-calc(100% - 101px); width:-ms-calc(100% - 101px); width:-o-calc(100% - 101px); */}
.gnb > ul { float: left;}
.gnb > ul > li { float: left; margin-left: 20px;}
.gnb > ul > li:first-child {padding-left: 40px; margin-left: 30px; position: relative;}
.gnb > ul > li > a,
.gnb > ul > li > button.btn_info_cate {font-size: 16px; height: 48px; line-height: 48px; font-weight:700;} /* 2019-05-10 */
.gnb ul.other {float: right;}
.main .gnb ul.other {position:absolute; right:0; top:0;}
.gnb ul.other > li {float: left; padding:0 10px; margin:0;}
.gnb ul.other > li > a,
.gnb ul.other > li > button.btn_info_cate {display: block; font-size:14px;} /* 2019-05-10 */
.gnb ul li.info_cate {padding-right:0;}
.gnb ul.other > li > button.btn_info_cate {padding: 0;font-family: 'Nanum Gothic'} /* 2019-05-10 */

/*날씨정보_pc*/
.info_weather:after{content:''; display:block; clear:both;}
.info_weather > p{color:#222; font-size:14px;}
.info_weather .ico_area{ display: inline-block;vertical-align: top;margin-top:4px;float:left;margin-left:3px;}
.info_weather .txt_area{ max-width: 242px;display: inline-block;margin-top:5px;margin-left:5px;float:left;} /*0822*/
.info_weather .txt_area p {text-align:left;}
.info_weather .txt_area p:last-child {margin-top:7px;}
.info_weather .deg{font-size:25px; margin-right:5px;}
.info_weather .w_txt1{font-size:16px;} /*0822*/
.info_weather .w_txt2 {font-size:13px;letter-spacing: -1px;}

/*메인 푸터*/
.main #footer { border-top: 1px solid #d0d0d0;}
.main #footer .footer-link {height:auto; padding:0}
.main #footer .footer-link ul { padding:0;}
.main #footer .footer-link ul li { position: relative; float: left; padding: 0 10px;}
.main #footer .footer-link ul li:first-child { padding-left: 0;}
.main #footer .footer-link ul li:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 14px; margin-top: -6px; background: #dcdcdc;}
.main #footer .footer-link ul li:first-child:before { display: none;}
.main #footer .footer-link ul li a { font-size: 12px; color:#636363;}
.main #footer .footer-link ul li.policy a {color:#000; font-weight:500;}
.main #footer .footer-link li.policy:after{display:none;}
.main #footer .footer-link ul:after { display: block; content: ''; clear: both;}
.main #footer .row .inner { padding: 22px 0; border-top: 1px solid #ccc; text-align:left;}
.main #footer .row .inner .address { display: inline-block; vertical-align: top;}
.main #footer .row .inner .address p { padding-bottom:0;margin-bottom:0;}
.main #footer .row .inner .address p:after{ display: block; content: ''; clear: both;}
.main #footer .row .inner .address p.city {font-weight:500;}
.main #footer .row .inner .address .copy {margin:0; text-align:left;}
.main #footer .row .inner .address .map {font-size: 11px;}

/* footer */
.main #footer {border-top: 1px solid #d0d0d0;width:1152px;margin:0 auto;}
.main #footer .footer-link ul { padding:15px 0;}
.main #footer .footer-link ul li { position: relative; float: left; padding: 0 10px;}
.main #footer .footer-link ul li:first-child { padding-left: 0;}
.main #footer .footer-link ul li:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 14px; margin-top: -6px; background: #dcdcdc;}
.main #footer .footer-link ul li:first-child:before { display: none;}
/*아래 폰트크기 15px->12px로 바꿈 2016-07-18 주미숙*/
.main #footer .footer-link ul li a { font-size: 12px; color:#636363;}
.main #footer .footer-link ul li.policy a {color:#000;}
.main #footer .footer-link ul:after { display: block; content: ''; clear: both;}
.main #footer .footer-link .sns { position: absolute; top: 50%; right: 0; margin-top: -14px; overflow: hidden; font-size: 0; text-align: center;}
.main #footer .footer-link .sns a { display: inline-block; width:24px; height:24px; background: url(../images/icon_set_common.png) no-repeat; font-size: 0; text-indent: -9999em;}
.main #footer .footer-link .sns a + a { margin-left: 12px;}
.main #footer .footer-link .sns a.rss { background-position: -87px -73px;}
.main #footer .footer-link .sns a.fb { background-position: -130px -73px;}
.main #footer .footer-link .sns a.tw { background-position: -171px -73px;}

/* 2018-12-13 푸터 하단 SNS 추가 */
.main #footer .footer-link .sns-new a {background: url(../images/icon_set_sns.png) no-repeat 0  0;}
.main #footer .footer-link .sns-new a.rss { background-position: 0 0;}
.main #footer .footer-link .sns-new a.fb { background-position: -25px 0;}
.main #footer .footer-link .sns-new a.tw { background-position: -50px 0;}
.main #footer .footer-link .sns-new a.ins { background-position: -75px 0;}
.main #footer .footer-link .sns-new a.ks { background-position: -100px 0;}
.main #footer .footer-link .sns-new a.yt { background-position: -125px 0;}
.main #footer .footer-link .sns-new a.bl { background-position: -150px 0;}

.main #footer .footer-link .sns-new a.rss:hover { background-position: 0 -25px;}
.main #footer .footer-link .sns-new a.fb:hover { background-position: -25px -25px;}
.main #footer .footer-link .sns-new a.tw:hover { background-position: -50px -25px;}
.main #footer .footer-link .sns-new a.ins:hover { background-position: -75px -25px;}
.main #footer .footer-link .sns-new a.ks:hover { background-position: -100px -25px;}
.main #footer .footer-link .sns-new a.yt:hover { background-position: -125px -25px;}
.main #footer .footer-link .sns-new a.bl:hover { background-position: -150px -25px;}

.main #footer .row .inner { padding: 22px 0; border-top: 1px solid #ccc;}
.main #footer .row .inner > span.foo-logo{ margin-right: 40px; float:left; width: 108px; height: 45px; background: url(../images/icon_set_common.png) no-repeat -180px 0;}
.main #footer .row .inner .address { display: inline-block; vertical-align: top;}
.main #footer .row .inner .address p { padding-bottom:2px; font-size: 12px; color:#636363; }
.main #footer .row .inner .address p:after{ display: block; content: ''; clear: both;}
.main #footer .row .inner .address p.city {}
/*#footer .row .inner .address p .tel { font-size: 12px;}*/
.main #footer .row .inner .address .copy {display:block; font-size: 11px;}
.main #footer .row .inner .address .map {font-size: 11px;font-weight:400;}
/*.main #footer .row .inner address { display:inline-block; font-size: 11px; color:#636363;}*/
.main #footer .row .inner .mark { position: absolute; top: 20px; right: 0; padding: 0; background: none;}
/*아래 css 추가 2016-07-16 주미숙*/
.main #footer .row .inner .mark a{display:inline-block;}
.main #footer .row .inner .mark a + a { margin-left: 10px;}
.main #footer .row .inner .address p a{font-size: 12px;}
.main #footer .row .inner .address p, #footer .row .inner .address a{color:#636363;}

/* 서울시 메인 - 메인슬라이드 우측영역*/
.inner_wrap{width:1152px; margin:auto; box-sizing:border-box;}
.inner_wrap > div:after, .inner_wrap > section:after{content:''; display:block; clear:both;}
.inner1{height:350px;}
.inner1 .slide{width:760px; float:left; position:relative;}
.inner1 #slides{position:relative;}
 #slides a.slidesjs-play, #slides a.slidesjs-stop{position:absolute; position:absolute; right:54px; bottom:19px; z-index:12;}
 #slides a.slidesjs-next,
 #slides a.slidesjs-previous,
 #slides a.slidesjs-play,
 #slides a.slidesjs-stop {
      background-image:url(../images/icon_set_common.png);
      background-repeat: no-repeat;
      display:block;
      overflow: hidden;
      text-indent: -9999px;
    }
#slides a.slidesjs-previous {display:inline-block; width:36px; height:50px; background-position:-172px -105px; position:absolute; left:0; top:50%; margin-top:-25px; z-index:11;}
#slides a.slidesjs-next {display:inline-block; width:36px; height:50px; background-position:-213px -105px; position:absolute; right:0; top:50%; margin-top:-25px; z-index:11;}
#slides a.slidesjs-play {width:10px; background-position:-261px -105px;}
#slides a:hover.slidesjs-play {background-position:-250px -105px;}
#slides a.slidesjs-stop {width:10px; background-position:-250px -105px;}
#slides a:hover.slidesjs-stop {background-position:-261px -105px;}
#slidesjs-log{display:inline-block; width:90px; height:32px; border-radius:16px; background-color:rgba(0,0,0,.5); position:absolute; right:40px; bottom:16px; color:#fff; z-index:11; line-height:32px; padding-left:17px; box-sizing:border-box;}
#slidesjs-log span{color:#fff; line-height:32px;}

.inner1 .m_notice{width:360px; float:right;}
.inner1 .m_notice li:first-child{margin-top:0;}
.inner1 .m_notice li{margin-top:10px;}

/* 서울시 메인 - 바로가기 링크영역*/
.inner2{height:155px; padding-top:35px;}
.inner2 ul{padding:0 27px; margin-left:-59px; box-sizing:border-box;}
.inner2 ul:after{content:''; display:block; clear:both;}
.inner2 li{float:left; width:85px; height:110px; margin-left:59px;}
.inner2 li.house{background:url(../images/icon_house.png) no-repeat;}
.inner2 li.economy{background:url(../images/icon_economy.png) no-repeat;}
.inner2 li.traffic{background:url(../images/icon_traffic.png) no-repeat;}
.inner2 li.environment{background:url(../images/icon_environment.png) no-repeat;}
.inner2 li.welfare{background:url(../images/icon_welfare.png) no-repeat;}
.inner2 li.safty{background:url(../images/icon_safty.png) no-repeat;}
.inner2 li.culture{background:url(../images/icon_culture.png) no-repeat;}
.inner2 li.work{background:url(../images/icon_work.png) no-repeat;}
.inner2 li p{width:100%; height:100%;}
.inner2 li p a{width:100%; display:inline-block; text-align:center; font-size:16px; padding-top:100px;}

/* 서울시 메인 - 서울은 지금, 소셜시장실*/
.inner3 .board_area1 h1, .inner4 h1, .inner5 > h1{font-size:24px;}
.inner3 .board_area1 h2, .inner4 h2, .inner5 > h2{font-size:24px;}
.inner3 .board_area1{float:left; width:780px;}
.inner3 .board_area1 .img_area{float:left; width:237px; height:136px; position:relative; overflow:hidden;}
.inner3 .board_area1 .img_area img{width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.inner3 .board_area1 .img_area:hover img{transform: scale(1.1);}
/* 2019-09-19 메인 접근성 수정 */
.inner3 .board_area1 .img_area .img>a {display: block;width: 100%;height: 100%;}
.inner3 .board_area1 .img_area .img>a:focus {overflow: hidden;border: 1px dotted #000;padding: 1px;box-sizing: border-box}
.inner3 .board_area1 .img_area .img>a:focus img {transform: scale(1.1);}
.inner3 .board_area1 .txt{background-color:rgba(0,0,0,.5); padding:11px 20px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box;}
.inner3 .board_area1 .txt a{color:#fff; font-size:16px; font-weight:700; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; vertical-align:middle;}
.inner3 .board_area1 h1{padding-bottom:15px;}
.inner3 .board_area1 h2{padding-bottom:15px;}
.inner3 .board_area1
.inner3 .img_area, .inner3 .txt_area{float:left;}
.inner3 .txt_area{width:465px; margin:0 0 0 35px;}
.inner3 .txt_area li{padding:8px 0; width:100%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-size:17px;}
.inner3 .txt_area li:first-child {padding-top:0;}
.inner3 .txt_area li:last-child {padding-bottom:0;}
.inner3 .txt_area b{font-size:17px; color:#09ac43; margin-right:18px;}
.inner3 .mayor_section{float:right; width:360px; height:178px; padding:17px 0 0 25px;margin-top:5px;background:url(../images/bg_mayor.jpg) no-repeat 100% 0; position:relative; box-sizing:border-box;}
.inner3 .mayor_section h1{font-size:24px; color:#0158a8; font-weight:700;}
.inner3 .mayor_section h2{font-size:24px; color:#0158a8; font-weight:700;}
.inner3 .mayor_section ul{width:230px; margin-top:3px;}
.inner3 .mayor_section li{float:left; position:relative; margin-top:5px;}
.inner3 .mayor_section li.rmgn{margin-right:25px;}
.inner3 .mayor_section li a{padding-left:9px; font-size:15px; color:#555;}
.inner3 .mayor_section li:before{content:''; position:absolute; background:#717578; width:2px; height:2px; top:50%; margin-top:-1px;}
.inner3 .mayor_section .goto{width:144px; height:27px; position:absolute; left:25px; bottom:19px; border:0; background:#0058a8; color:#fff; border-radius:13.5px; font-size:13px; text-align:center; line-height:27px;}
/* 소셜시장실 수정 2019-02-01 */
.inner3 .mayor_section_2019 {float:right; width:360px; height:178px; padding:26px 0 0 26px;margin-top:5px;background:url(../images/bg_mayor_2019.jpg) no-repeat 100% 0 #e5e9ec; position:relative; box-sizing:border-box;}
.inner3 .mayor_section_2019 h2 {font-size: 26px; font-weight: bold; color:#0158a8;}
.inner3 .mayor_section_2019 p.list {position: relative;margin-top: 12px;}
.inner3 .mayor_section_2019 p.list:before {content: '';position: absolute;top: 8px;left: 0;width: 3px;height: 3px;background: #717578}
.inner3 .mayor_section_2019 p.list a {display: inline-block;padding-left: 10px;color: #7d7d7d;font-size: 16px;}
.inner3 .mayor_section_2019 ul {margin-top:15px;}
.inner3 .mayor_section_2019 span {display: block; margin-top:3px; font-weight: bold;font-size: 16px;}
.inner3 .mayor_section_2019 ul li {position: relative; float: left;  margin-right: 5px; }
.inner3 .mayor_section_2019 ul li a {display: inline-block; width: 24px; height: 24px; text-indent: -999999em; background: url(../images/icon_mayor_sns.png) no-repeat 0 0;}
.inner3 .mayor_section_2019 ul li.bl a{background-position: 0 0}
.inner3 .mayor_section_2019 ul li.tw a{background-position: -26px 0}
.inner3 .mayor_section_2019 ul li.fb a{background-position: -52px 0}
.inner3 .mayor_section_2019 ul li.yt a{background-position: -78px 0}
.inner3 .mayor_section_2019 ul li.ig a{background-position: -104px 0}
.inner3 .mayor_section_2019 ul li.kp a{background-position: -130px 0}
/* .inner3 .mayor_section_2019 ul li:before {content: ''; display: block; clear: both; position: absolute; top:0; left:-3px; width:1px; height:24px; background-color: rgba(255,255,255,.5)} */
.inner3 .mayor_section_2019 ul li:first-child{margin-left: 0}
.inner3 .mayor_section_2019 ul li:first-child:before {display: none;}
/* 소셜시장실 수정 3 2019-02-26 */
.inner3 .mayor_section_link {padding:0px;}
.inner3 .mayor_section_link .mayor_link {display: block;width: 100%;height: 100%;padding:35px 0 0 26px;box-sizing: border-box}
.inner3 .mayor_section_link p.list {display: none;position: absolute;left: 28px;bottom: 62px;z-index: 2}
.inner3 .mayor_section_link ul {position: absolute;left: 24px;bottom: 35px;margin-top: 0;width: auto;z-index: 2}

/* 소셜시장실 수정 4 2019-04-12 */
.inner3 .mayor_section_link_0412 {padding:0px;}
.inner3 .mayor_section_link_0412 .mayor_link {display: block;width: 100%;height: 100%;padding:20px 0 0 26px;box-sizing: border-box}
.inner3 .mayor_section_link_0412 p.list {position: absolute;left: 28px;bottom: 68px;z-index: 2}
.inner3 .mayor_section_link_0412 ul {position: absolute;left: 24px;bottom: 25px;margin-top: 0;width: auto;z-index: 2}



/* 서울시 메인 - 주요서비스*/
.inner4{border-bottom:2px solid #222; position:relative; padding-top:50px;}
.inner4 h1{margin-bottom:20px;}
.inner4 h2{margin-bottom:20px;}
.inner4 .m_service1{float:left; width:730px; position:relative;}
.inner4 .m_service1 ul:after{content:''; display:block; clear:both;}
.inner4 .m_service1 li{height:110px; width:20%; float:left; background-image:url(../images/icon_set_service.png); background-repeat:no-repeat; box-sizing:border-box;}
.inner4 .m_service1 .answer{background-position:0 0;}
.inner4 .m_service1 .job{background-position:-146px 0;}
.inner4 .m_service1 .portal{background-position:-292px 0;}
.inner4 .m_service1 .care{background-position:-438px 0;}
.inner4 .m_service1 .realestate{background-position:-584px 0;}
.inner4 .m_service1 .nuri{background-position:-730px 0;}
.inner4 .m_service1 .public{background-position:-1022px 0;} /* 0821 */
.inner4 .m_service1 .tour{background-position:-876px 0;} /* 0821 */
.inner4 .m_service1 .park{background-position:-1168px 0;}
.inner4 .m_service1 .council{background-position:-1314px 0;}
.inner4 .m_service1 p{width:100%; height:100%;}
.inner4 .m_service1 li a{width:100%; display:inline-block; text-align:center; font-size:15px; padding-top:58px;}
.inner4 .m_service1 a.btn_asite{width:112px; height:29px; border:1px solid #ddd; box-sizing:border-box; display:block; font-size:15px; position:absolute; right:0; top:-52px; padding-left:13px; line-height:28px; background:url(../images/icon_link6.png) no-repeat right 13px top 50%;}
.inner4 .m_service2{float:right; width:360px;}
.inner4 .m_service2 li{position:relative; border-top:1px solid #e6e6e6; height:37px; line-height:37px; background:url(../images/icon_link2.png) no-repeat right 10px top 50%;}
.inner4 .m_service2 li:first-child{border-top:0;}
.inner4 .m_service2 li:before{content:''; position:absolute; background:#717578; width:3px; height:3px; top:50%; margin-top:-1.5px;}
.inner4 .m_service2 li a{font-size:16px; padding-left:9px; text-align:center;}
.inner4 button.btn_setting{width:87px; height:30px; position:absolute; right:0; top:54px; border-width:0 0 1px 0; border-color:#c3c3c5; background:url(../images/icon_set_common.png) no-repeat 0 -232px #fff; text-align:left; color:#7d7d7d; padding:0; font-size:15px; border-style:solid;}

/* 서울시 메인 - 새소식*/
.inner5 {position:relative; padding-top:50px;}
.inner5 .board_area2{position:relative;}
.inner5 .board_area2:after{content:''; display:block; clear:both;}
.inner5 > h1{padding:0 0 25px 0;}
.inner5 > h2{padding:0 0 25px 0;}
.inner5 .board_area2 > section{border-bottom:2px solid #727272; width:355px; float:left; position:relative;}
.inner5 .board_area2 h1{width:82px; height:32px; color:#fff; text-align:center; line-height:32px; z-index:1;}
.inner5 .board_area2 h2{width:82px; height:32px; color:#fff; text-align:center; line-height:32px; z-index:1;}

/*8개 분야 color 정의*/
.inner5 .board_area2 h1.p_house{background-color:#c35c3c;}/*주택*/
.inner5 .board_area2 h1.p_eco{background-color:#069363;}/*경제*/
.inner5 .board_area2 h1.p_traffic{background-color:#337ee2;}/*교통*/
.inner5 .board_area2 h1.p_env{background-color:#599100;}/*환경*/
.inner5 .board_area2 h1.p_wel{background-color:#d76000;}/*복지*/
.inner5 .board_area2 h1.p_safty{background-color:#e44869;}/*안전*/
.inner5 .board_area2 h1.p_cul{background-color:#9b64d3;}/*문화*/
.inner5 .board_area2 h1.p_work{background-color:#028ab6;}/*시정*/

.inner5 .board_area2 h2.p_house{background-color:#c35c3c;}/*주택*/
.inner5 .board_area2 h2.p_eco{background-color:#069363;}/*경제*/
.inner5 .board_area2 h2.p_traffic{background-color:#337ee2;}/*교통*/
.inner5 .board_area2 h2.p_env{background-color:#599100;}/*환경*/
.inner5 .board_area2 h2.p_wel{background-color:#d76000;}/*복지*/
.inner5 .board_area2 h2.p_safty{background-color:#e44869;}/*안전*/
.inner5 .board_area2 h2.p_cul{background-color:#9b64d3;}/*문화*/
.inner5 .board_area2 h2.p_work{background-color:#028ab6;}/*시정*/

.inner5 .board_area2 .img_area{width:100%; height:200px; overflow:hidden;}
.inner5 .board_area2 .img_area img{width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.inner5 .board_area2 .img_area:hover img{transform: scale(1.1);}
.inner5 .board_area2 .img_area a:focus img{transform: scale(1.1);}
.inner5 .first, .inner5 .second,.inner5 .third{height:375px;}
.inner5 .sixth{height:377px; margin:28px 44px 0 43px; box-sizing: border-box;}
.inner5 .tit{font-size: 18px; font-weight:700; width:100%; overflow: hidden; text-overflow: ellipsis;white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:normal; line-height: 1.5em; height: 3em;}
.inner5 .txt{ position:absolute; display:-webkit-box; bottom:15px; width:100%; height:4.5em; line-height: 1.5em; color:#5a5a5a; white-space:normal; word-wrap:normal; overflow:hidden; }
/*.inner5 .txt{color:#5a5a5a; width:100%; overflow: hidden; white-space:normal; display: -webkit-box; word-wrap:normal; line-height: 1.5em; height: 4.5em; }*/
.inner5 .first .tit, .inner5 .second .tit,.inner5 .third .tit,.inner5 .sixth .tit{padding-top:30px}
.inner5 .second{margin:0 44px 0 43px;}
.inner5 .first h1, .inner5 .second h1,.inner5 .third h1,.inner5 .sixth h1{position:absolute; top:184px;}
.inner5 .first h2, .inner5 .second h2,.inner5 .third h2,.inner5 .sixth h2{position:absolute; top:184px;}
.inner5 .forth, .inner5 .fifth,.inner5 .seventh,.inner5 .eighth{height:202px;}
.inner5 .forth h1, .inner5 .fifth h1,.inner5 .seventh h1,.inner5 .eighth h1{margin-top:28px;}
.inner5 .forth h2, .inner5 .fifth h2,.inner5 .seventh h2,.inner5 .eighth h2{margin-top:28px;}
.inner5 .forth .tit, .inner5 .fifth .tit,.inner5 .seventh .tit,.inner5 .eighth .tit{padding-top:15px;width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block;}
.inner5 .board_area2 > section.fifth, .inner5 .board_area2 > section.eighth{float:none; position:absolute; top:578px;}
.inner5 .board_area2 > section.fifth{left:0;}
.inner5 .board_area2 > section.eighth{right:0;}
.inner5 .all{width:75px; position:absolute; right:0; top:63px; background:url(../images/icon_set_common.png) no-repeat 0 -259px;}
.inner5 .all a{font-size:15px; color:#7d7d7d; display:inline-block; width:100%;}

/* 서울시 메인 - 이벤트 신청,이달의 행사 및 축제,생활정보 서비스*/
.inner6{padding:50px 0 35px 0;}
.inner6 > section{float:left; width:349px;}
.inner6 > section h1{font-size:24px; margin-bottom:15px;}
.inner6 > section h2{font-size:24px; margin-bottom:15px;}
.inner6 .board_area3{position:relative;}
.inner6 .board_area3 li{padding:6px 0 6px 9px; position:relative; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.inner6 .board_area3 li a{ font-size:15px; color:#555;}
.inner6 .board_area3 li:before{content:''; position:absolute; background:#717578; width:2px; height:2px; left:0; top:50%; margin-top:-1px;}
.inner6 .board_area3 li .t_status{font-weight:700;}
.inner6 .board_area3 li .cate{margin:0 9px;}
/*8개 분야 color 정의*/
.inner6 .board_area3 li .p_house{color:#c35c3c;}/*주택*/
.inner6 .board_area3 li .p_eco{color:#069363;}/*경제*/
.inner6 .board_area3 li .p_traffic{color:#337ee2;}/*교통*/
.inner6 .board_area3 li .p_env{color:#599100;}/*환경*/
.inner6 .board_area3 li .p_wel{color:#d76000;}/*복지*/
.inner6 .board_area3 li .p_safty{color:#e44869;}/*안전*/
.inner6 .board_area3 li .p_cul{color:#9b64d3;}/*문화*/
.inner6 .board_area3 li .p_work{color:#028ab6;}/*시정*/

.inner6 .board_area3.mgn{margin:0 52px 0 53px;}
.inner6 .board_area3.mgn li{padding:6px 0;}
.inner6 .board_area3 .more{position:absolute; right:0; top:0; width:22px; height:20px; border:1px solid #ddd; background:url(../images/icon_set_common.png) no-repeat;}
.inner6 .board_area3 .more a{display:block; width:100%; height:100%;}
.inner6 .m_service3 ul{margin:-11px 0 0 -10px;}
.inner6 .m_service3 ul:after{content:''; display:block; clear:both;}
.inner6 .m_service3 li{width:169px; height:40px; float:left; margin:11px 0 0  10px; background:url(../images/icon_set_common.png) no-repeat -42px -197px #ebebeb;}
.inner6 .m_service3 li a{display:inline-block; width:100%; height:100%; color:#333; text-indent:20px; line-height:40px;}

/* 서울시 메인 - 하단 배너영역*/
.inner7 .slide{position:relative; padding:34px 0 58px 0; border-top:2px solid #222; box-sizing:border-box;}
.inner7 .f_banner #slides{height:122px; overflow:hidden; box-sizing:border-box;}
.inner7 .f_banner .slide:after{content:''; display:block; clear:both;}
.inner7 .f_banner .slide p{float:left; margin-left:43px;}
.inner7 .f_banner .slide p:first-child{margin-left:0;}

 #slides2 a.slidesjs-play, #slides a.slidesjs-stop{position:absolute; right:54px; bottom:19px;} /*0822*/
 #slides2 a.slidesjs-next,
 #slides2 a.slidesjs-previous,
 #slides2 a.slidesjs-play,
 #slides2 a.slidesjs-stop {
      background-image:url(../images/icon_set_common.png);
      background-repeat: no-repeat;
      display:block;
      overflow: hidden;
      text-indent: -9999px;
      border:1px solid #999;
      box-sizing:border-box;
    }
#slides2 a.slidesjs-previous {display:inline-block; width:20px; height:21px; background-position:-45px -43px; position:absolute; right:39px; bottom:26px;}
#slides2 a.slidesjs-next {display:inline-block; width:21px; height:21px; background-position:-86px -43px; position:absolute; right:0; bottom:26px;}
#slides2 a.slidesjs-play {width:20px; height:21px; background-position:-101px -43px; position:absolute; right:20px; bottom:26px;}
#slides2 a:hover.slidesjs-play {background-position:-65px -43px;}
#slides2 a.slidesjs-stop {width:20px; height:21px; background-position:-65px -43px; position:absolute; right:20px; bottom:26px;}
#slides2 a:hover.slidesjs-stop {background-position:-101px -43px;}
.f_banner #slidesjs-log2{height:21px; width:auto; position:absolute; right:70px; bottom:26px; color:#222; display:inline; line-height:21px;font-weight:700;}
.f_banner #slidesjs-log2 span{height:21px; line-height:21px; color:#222;font-weight:700;}

/*아래부터 상단 팝업, 긴급팝업, 버튼 팝업*/

/*상단 광고 배너*/
.t_banner_wrap { position:relative; height:91px; text-align:center; background:#fff; border-bottom:1px solid #dbdbdb; box-sizing:border-box; z-index:1; }
.t_banner_wrap > .img { position:relative; width:100%; height:100%; overflow:hidden; }
.t_banner_wrap > .img > a { display:block; width:100%; height:100%; }
.t_banner_wrap > .img > a > img { position:absolute; left:50%; top:0; transform:translateX(-50%); }
.t_banner_wrap > .t_close { position:absolute; right:50%; bottom:5px; width:150px; margin-right:-576px; padding:3px 2px 5px; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden; }
.t_banner_wrap > .t_close label { font-size:12px; color:#fff; }
.t_banner_wrap > .t_close input[type='checkbox']:checked + label:before { width:10px; height:10px; background: #fff url("../images/icon_input_checked_m.png") no-repeat 50% 50%; background-size:10px auto; margin-top:1px;}
.t_banner_wrap > .t_close input[type='checkbox'] + label span { font-size: 12px;;}
.t_banner_wrap > .t_close input[type='checkbox'] + label:before { width:10px; height: 10px; margin-left:-5px; margin-right:4px; }
.t_banner_wrap > .t_close input[type='checkbox']:focus + label:before {outline: 1px dashed #ffff00;/* outline:-webkit-focus-ring-color:5px; */}
.t_banner_wrap > .t_close .btn_close { width:9px; height:9px; display:inline-block; background:url("../images/btn_allmenu_close.png") no-repeat center center; background-size:contain; border:0; }

.t_banner_wrap > .btn_transparent { display: block;position:absolute; left:50%; top:0; width:140px;height: 90px;margin-left:-550px; background:transparent;z-index: 2; text-indent: -9999em}

/*
.t_banner_wrap .inner { position:absolute; left:0; right:0; width:100%; margin-left:auto; margin-right:auto; }
.t_banner_wrap .t_close { display:inline-block; min-width:1600px; margin:0 auto; padding-top:3px; text-align:right; }
.t_banner_wrap p label { font-size:12px; padding-left:12px; margin-right:1px;}
.t_banner_wrap .btn_close{width:9px; height:9px; display:inline-block; background:url(../images/icon_set_common.png) no-repeat -87px -105px;}
.t_banner_wrap input[type='checkbox']:checked + label:before { width:10px; height:10px; background: #fff url("../images/icon_input_checked_m.png") no-repeat 50% 50%; background-size:10px auto; margin-top:1px;}
.t_banner_wrap input[type='checkbox'] + label span { font-size: 12px;;}
.t_banner_wrap input[type='checkbox'] + label:before { width:10px; height: 10px; margin-left:-5px;}
*/

/*상단 광고 배너 - 텍스트로 뜰때*/
.t_banner_wrap.layer_over { position:absolute; top:0; width:100%; min-width:100%; z-index:2; }
.t_banner_wrap.layer_over > .img > img { position:absolute; left:50%; top:0; transform:translateX(-50%); }
/* 2019-09-20 안내레이어 여백 조정 */
.div_emergency { position:relative; width:100%; min-height:90px; text-align:center; background:#007fcd; box-sizing:border-box; overflow:hidden; z-index:10; }
.div_emergency > .emergency_box { position:relative; width:auto; max-width:1150px; margin:0 auto; padding:10px 0; box-sizing:border-box; overflow:hidden; } 
.div_emergency > .emergency_box > h1 { margin-bottom:5px; font-size:24px; color:#f0f536; font-weight:700; } 
.div_emergency > .emergency_box > h2 { margin-bottom:5px; font-size:24px; color:#f0f536; font-weight:700; }
.div_emergency > .emergency_box .emer_cnts { font-size:15px; color:#fff; font-weight:400; line-height:1.5; } /* 2019-03-06 mod font-size */
.div_emergency > .emergency_box .emer_date { margin-top:0px; font-size:15px; color:#f3f538; font-weight:400; } /* 2019-03-06 mod font-size */
.div_emergency > .emergency_box .emer_close { position:absolute; right:50%; bottom:5px; width:150px; margin-right:-576px; padding:3px 2px 5px; text-align:center; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden; }
.div_emergency > .emergency_box .emer_close label { font-size:12px; color:#fff; }
.div_emergency > .emergency_box .emer_close input[type='checkbox'] + label span { font-size: 12px;}
.div_emergency > .emergency_box .emer_close input[type='checkbox'] + label:before { width:10px; height:10px; margin-left:-5px; margin-right:4px; }
.div_emergency > .emergency_box .emer_close input[type='checkbox']:checked + label:before { width:10px; height:10px; background: #fff url("../images/icon_input_checked_m.png") no-repeat 50% 50%; background-size:10px auto; margin-top:1px;}
.div_emergency > .emergency_box .emer_close input[type='checkbox']:focus + label:before {outline: 1px dashed #ffff00;/* outline:-webkit-focus-ring-color:5px; */}
.div_emergency > .emergency_box .emer_close .btn_close { width:9px; height:9px; display:inline-block; background:url("../images/btn_allmenu_close.png") no-repeat center center; background-size:contain; border:0; }

/*개인화 설정 팝업 2018-07-23 주미숙*/
.pop-wrap .txt_area{background-color:#f4f6f7; border:1px solid #ddd; padding:25px; box-sizing:border-box; color:#555; margin-bottom:20px;}
.pop-wrap .txt_area p:first-child{margin-top:0;}
.pop-wrap .txt_area p{position:relative; padding-left:12px; margin-top:2px; line-height:1.5;}
.pop-wrap .txt_area p:before{content:''; background-color:#555; width:5px; height:1px; position:absolute; left:0; top:9px;}
.pop-wrap .sel_area li:first-child{padding-top:0;}
.pop-wrap table{border-collapse:collapse;}
.pop-wrap table th{background-color:#f4f6f7; font-weight:700; padding:6px;}
.pop-wrap table th,.pop_setting table td{border-bottom:1px solid #ddd;}
.pop-wrap table td .scroll_box { height:126px; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; }
.pop-wrap table td .scroll_box ul {padding-left:3px;}
.pop-wrap table td:first-child, .pop_setting table td:first-child{border-left:0;}
.pop-wrap table th, .pop-wrap table td{border-left:1px solid #ddd;}
.pop-wrap .sel_area li{padding-top:5px;}
.pop-wrap .sel_area .d_select{width:12px; height:12px; background:url(../images/btn_close.png) no-repeat; background-size:contain; margin-left:5px;}
.pop-wrap select{width:90%; background-color:#fff; height:35px; box-sizing:border-box; padding:0;}
.pop-wrap input[type='checkbox'] + label:before {margin-right:10px;}

/*슬라이드 위 레이어팝업*/
.layer_div01 { position:absolute; left:0; top:0; width:760px; height:350px; background:#fff; overflow:hidden; z-index:12;}
.layer_div01 > img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.layer_div01 .btn_close { position:absolute; right:15px; bottom:15px; width:65px; height:25px; background:url(../images/close_img.png) no-repeat; background-size:100%; }

/*날씨정보 위 레이어팝업*/
.layer_div02{width:260px; height:80px; background:#4c91e8 url(../images/bg_weather_warn.jpg) no-repeat 0 0; position:absolute; right:0; top:29px; opacity:1;}
.layer_div02 .btn_close{position:absolute; top:5px; right:5px; width:9px; height:9px; background:url(../images/btn_close_white.png) no-repeat 0 0;}
.layer_div02 h1{font-weight:700; text-align:center; padding:6px 0 5px 0;}
.layer_div02 h2{font-weight:700; text-align:center; padding:6px 0 5px 0;color: #FFFF00}
.layer_div02 .tit{font-size:18px; text-align:center; font-weight:700;color: #fff }
.layer_div02 .date_area{text-align:center; padding-top:2px;color: #fff}
.layer_div02 .date_area > span{font-size:13px;color: #fff}
/* 날씨레이어 추가 */
.layer_warn_cold {background: url(../images/weather/bg_weather_cold.png) no-repeat 0 0;} /* 한파주의보 */
.layer_warn_snow {background: url(../images/weather/bg_weather_snow.png) no-repeat 0 0;} /* 대설주의보 */
.layer_warn_wind {background: url(../images/weather/bg_weather_wind.png) no-repeat 0 0;} /* 강풍주의보 */
.layer_warn_dry {background: url(../images/weather/bg_weather_dry.png) no-repeat 0 0;} /* 건조주의보 */
.layer_warn_typhoon {background: url(../images/weather/bg_weather_typhoon.png) no-repeat 0 0;} /* 태풍주의보 */
.layer_warn_rain {background: url(../images/weather/bg_weather_rain.png) no-repeat 0 0;} /* 호우주의보 */
.layer_warn_dust {background: url(../images/weather/bg_weather_dust.png) no-repeat 0 0;} /* 황사주의보 */
.layer_warn_hot {background: url(../images/weather/bg_weather_hot.png) no-repeat 0 0;} /* 폭염주의보 */
.layer_warn_cold h2,
.layer_warn_cold .date_area > span,
.layer_warn_snow h2,
.layer_warn_snow .date_area > span,
.layer_warn_wind h2,
.layer_warn_wind .date_area > span,
.layer_warn_dry h2,
.layer_warn_dry .date_area > span,
.layer_warn_typhoon h2,
.layer_warn_typhoon .date_area > span,
.layer_warn_rain h2,
.layer_warn_rain .date_area > span,
.layer_warn_dust h2,
.layer_warn_dust .date_area > span,
.layer_warn_hot h2,
.layer_warn_hot .date_area > span{color: #222}

/* 버튼 누르면 열리는 레이어 팝업 */
.pop-wrap{position:fixed;top:50%;left:50%;z-index:13;background:#fff;box-sizing:border-box; transform:translate(-50%, -50%);width:650px;display:none;}
/*.pop-body {position:fixed;top:50%;left:50%;z-index:13;background:#fff;box-sizing:border-box; transform:translate(-50%, -50%);width:650px;}*/
/*.pop-wrap::before {content:''; position: fixed; background: rgba(34, 34, 34, 0.6); z-index:12; left: 0; top: 0; right: 0; bottom: 0; }*/
.pop-body {padding:50px;}
.pop-body h1{font-size:30px;margin-bottom:40px;}
.pop-body h2{font-size:30px;margin-bottom:40px;}
.pop-body .btn-close {position:absolute;right:3.12em;top:3.12em;display:inline-block;width:27px;height:27px;background:url(../images/btn_close.png) no-repeat;}
.pop-dimm {display:block; position: fixed; background: rgba(34, 34, 34, 0.6); z-index:12; left: 0; top: 0; right: 0; bottom: 0; } /*1010*/

body.fixed {position:absolute;width:100%; height:100%; overflow:hidden;}

/* TOP Button */
/* .btn-top {position:fixed;bottom:-100px;left:50%;margin-left:600px;opacity:0;transition:1s;z-index:1000000;} */
.btn-top {position:fixed;bottom:-100px;left:50%; display:block; width:34px; height:34px; margin-left:600px;opacity:0;transition:1s;z-index:1000000;}
.btn-top.show {opacity:1; bottom:98px;}

/* 20180928 slide 교체 */
.swiper1.swiper-container{ position:relative; overflow:hidden; height:350px; box-sizing:border-box; width:760px; float:left;}
.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next {position: absolute;top: 50%;width: 36px;height: 50px;margin-top: -25px;z-index: 10;cursor: pointer;/*background-size: 36px 50px;*/background-position: center;background-repeat: no-repeat;text-indent:-9999px;}
.swiper1 .swiper-button-prev,
.swiper1 .swiper-container-rtl .swiper-button-next {background-image: url("../images/icon_set_common.png");left: 0;right: auto;background-position:-172px -105px;}
.swiper1 .swiper-button-next,
.swiper1 .swiper-container-rtl .swiper-button-prev {background-image: url("../images/icon_set_common.png");right: 0;left: auto;background-position:-213px -105px;}
.swiper1 .swiper-pagination-fraction {display:inline-block; width:90px; height:32px; border-radius:16px; background-color:rgba(0,0,0,.5); position:absolute; right:40px; bottom:16px; left: auto; text-align: left; color:#fff; z-index:11; line-height:32px; padding-left:17px; box-sizing:border-box;}
.swiper1 .swiper-pagination-fraction span{color:#fff; line-height:32px;}
.swiper1 .stop {position:absolute;right:54px;bottom:19px;width:10px;background: url("../images/icon_set_common.png") no-repeat;background-position:-250px -105px;z-index:12;text-indent:-9999px;}
.swiper1 .start {position:absolute;right:54px;bottom:19px;width:10px;background: url("../images/icon_set_common.png") no-repeat;background-position:-261px -105px;z-index:12;text-indent:-9999px;display:none;}

.swiper2 .swiper-button-prev,
.swiper2 .swiper-button-next {position: absolute;top: auto;width: 20px;height: 21px;cursor: pointer;/*background-size: 36px 50px;*//*background-position: -45px -43px;*/background-repeat: no-repeat;border:1px solid #999;text-indent:-9999px;}
.swiper2 .swiper-button-prev,
.swiper2 .swiper-container-rtl .swiper-button-next {background-image: url("../images/icon_set_common.png");left:auto;right: 44px;top:155px;background-position: -45px -43px;}
.swiper2 .swiper-button-next,
.swiper2 .swiper-container-rtl .swiper-button-prev {background-image: url("../images/icon_set_common.png");left: auto;right:2px;top:133px;background-position:-86px -43px;margin-top:0;}
.swiper2 .controller {height:32px;margin-top:2px;padding-right:2px;}
.swiper2 .swiper-pagination-fraction {display:block; width:auto; position:absolute; right:75px; left:auto; bottom:-4px; z-index:11; box-sizing:border-box;}
.swiper2 .swiper-pagination-fraction span{line-height:32px;color:#222;font-weight:700;}
.swiper2 .stop {position:absolute;right:23px;bottom:0;width:20px;height:21px;border:1px solid #999;background: url("../images/icon_set_common.png") no-repeat;background-position:-65px -43px;z-index:12;text-indent:-9999px;}
.swiper2 .start {position:absolute;right:23px;bottom:0;width:20px;height:21px;border:1px solid #999;background: url("../images/icon_set_common.png") no-repeat;background-position:-101px -43px;z-index:12;text-indent:-9999px;display:none;}

@media (max-width: 1151px) {
	/*#wrap {min-width:1600px;margin:0 auto;}*/
	#wrap {min-width:1151px;margin:0 auto;}
	/*.t_banner_wrap .t_close {min-width:1151px;}*/
}

/*@media (max-width: 1600px) {
	.t_banner_wrap .t_close {min-width:100%;}
}*/


/* 메인 : Hot Issue */
.hotissue_banner { position:relative; display:block; box-sizing:border-box; overflow:hidden; height: 350px} /* 2019-02-28 height: 350px 추가 */
.hotissue_banner .btn_hi { position:absolute; top:50%; width:36px; height:50px; margin-top:-25px; z-index:10; cursor:pointer; background-position:center; background-repeat: no-repeat; text-indent:-9999px; }
.hotissue_banner .btn_hi > a { position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px;  }
.hotissue_banner .btn_hi_prev { left:0; background-image: url("../images/icon_set_common.png"); background-position:-172px -106px; }
.hotissue_banner .btn_hi_next { right:0; background-image: url("../images/icon_set_common.png"); background-position:-213px -106px; }

.hotissue_banner .hi_control { position:absolute; display:block; right:40px; bottom:16px; width:90px; height:32px; border-radius:16px; background-color:rgba(0,0,0,.5); box-sizing:border-box; z-index:11; }
.hotissue_banner .hi_control .hi_pagers { position:absolute; display:block; left:15px; top:50%; width:auto; color:#fff; transform:translateY(-50%); overflow:hidden; }
.hotissue_banner .hi_control .hi_pagers > span { color:#fff; }
.hotissue_banner .hi_control .hi_play { position:absolute; display:block; right:15px; top:50%; width:13px; height:15px; transform:translateY(-50%); overflow:hidden; }
.hotissue_banner .hi_control .hi_play > a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; }
.hotissue_banner .hi_control .hi_play > .btn_hi_start { display:none; background:url("../images/icon_set_common.png") no-repeat -260px -104px; }
.hotissue_banner .hi_control .hi_play > .btn_hi_stop { background:url("../images/icon_set_common.png") no-repeat -249px -104px; }

.hotissue_banner .hi_wrapper { position:relative; display:block; overflow:hidden; }
.hotissue_banner .hi_wrapper .bx-wrapper { margin-bottom:0; border:0; box-shadow:none; }

.hotissue_banner .hi_slide li > a { display:block; width:100%; height:100%; box-sizing:border-box; }

/* 메인 : Main Banner */
.main_banner { display:block; box-sizing:border-box; overflow:hidden; }
.main_banner .mb_wrapper { }
.main_banner .mb_wrapper .bx-wrapper { margin-bottom:0; border:0; box-shadow:none; }

.main_banner .mb_slide li > a { position:relative; display:block; width:100%; height:100%; box-sizing:border-box; overflow:hidden; }
.main_banner .mb_slide li > a.on { }
.main_banner .mb_slide li > a.on:before { position:absolute; left:0; top:0; width:100%; height:100%; border:1px dotted #000; box-sizing:border-box; overflow:hidden; content:""; }

.main_banner .mb_control { position:relative; display:block; height:32px; margin-top:5px; overflow:hidden; }
.main_banner .mb_control .mb_pagers { position:absolute; display:block; right:70px; top:50%; width:auto; transform:translateY(-50%); overflow:hidden; }
.main_banner .mb_control > ul { position:absolute; display:block; right:0; top:50%; transform:translateY(-50%); overflow:hidden; }
.main_banner .mb_control > ul:after { display:block; content:""; clear:both; }
.main_banner .mb_control > ul > li { float:left; width:20px; height:20px; border:1px solid #999; border-left:0; overflow:hidden; }
.main_banner .mb_control > ul > li:first-child { border-left:1px solid #999; }
.main_banner .mb_control > ul > li > a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; }
.main_banner .mb_control > ul > .btn_mb_prev { background:url("../images/icon_set_common.png") no-repeat -45px -43px; }
.main_banner .mb_control > ul > .btn_mb_next { background:url("../images/icon_set_common.png") no-repeat -86px -43px; }
.main_banner .mb_control > ul > .btn_mb_slide_prev { background:url("../images/icon_set_common.png") no-repeat -45px -43px; }
.main_banner .mb_control > ul > .btn_mb_slide_next { background:url("../images/icon_set_common.png") no-repeat -86px -43px; }
.main_banner .mb_control > ul > li > .btn_mb_start { display:none; background:url("../images/icon_set_common.png") no-repeat -101px -43px; }
.main_banner .mb_control > ul > li > .btn_mb_stop { background:url("../images/icon_set_common.png") no-repeat -65px -43px; }