@charset "utf-8";

#container{padding:30px 0;}
.section:after{clear: both;display: block;content: "";}
.section>.inner{background:#fff;padding:20px;box-sizing: border-box;margin-bottom:30px;}
.section>.inner>div{float:left;margin:0;padding:0;box-sizing:border-box;border:10px #fff solid;}
.section>.inner>.item1{height:350px;}
.section>.inner>.item2{margin-top:30px;}
.mgr10{margin-right:10px;}
.pdr10{padding-right:10px;}

/* 알림 */
.visualwrap{width:50%;}
.visual{position: relative;height:350px;}
.visual span.title{background:rgba(0, 0, 0, 0.5);position:absolute;left:0;right:0;bottom:0;height:40px;}
.visual span.title b{display:block;overflow:hidden;width:60%;color:#fff;padding:10px;box-sizing:border-box; text-overflow: ellipsis;white-space:nowrap;z-index: 10;}
.visual .bx-controls{position:absolute;right:0;bottom:0;color:#fff;}
.visual .bx-controls a{display:block;width:40px;height:40px;position:absolute;bottom:0;border-left:1px solid #ccc;text-indent: -999em}
.visual .bx-prev{background:url(/static/images/portal/layout2019/visualCtrl_prev.png) center center no-repeat;right:82px;}
.visual .bx-next{background:url(/static/images/portal/layout2019/visualCtrl_next.png) center center no-repeat;right:0;}
.visual .bx-start{background:url(/static/images/portal/layout2019/visualCtrl_start.png) center center no-repeat;right:41px;}
.visual .bx-stop{background:url(/static/images/portal/layout2019/visualCtrl_stop.png) center center no-repeat;right:41px;}
.visual .bx-pager{margin: 0 130px 10px 0;}
.visual img{width:100%;height:350px;}
.mainServicewrap{position: relative;width:25%;}
.mainService{height:350px;background:#1eb2bc;padding:10px 20px 20px 20px;text-align: center;color:#fff;}
.mainService h3{border-bottom:1px solid #fff;line-height:48px;}
.mainService dl dt{text-align:left;font-size:16px;line-height:36px;margin-top:14px}
.mainService dl dd{display:block;float: left;width:50%;border:2px solid #1eb2bc;box-sizing: border-box}
.mainService dl dd a{display:block;background:#fff;line-height:30px;height:30px;overflow:hidden;font-size:1em;}
.mainService dl:after{content:"";clear: both;display: block}
.popupzonewrap{width:25%;background:#f8f8f8;}
.popupzone{position: relative;text-align:center;}
.popupzone img{width:303px;height:350px;}
.popupzone .bx-controls{position:absolute;left:0;right:0;bottom:10px;text-align:center;}
.popupzone .bx-pager,.popupzone .bx-controls-auto,.bx-pager-item{display:inline-block;}
.popupzone .bx-controls a{display: block;width:20px;height:20px;text-indent: -999em;}
.popupzone .bx-pager-link{background:url(/static/images/portal/layout2019/popupzonePage.png) center center no-repeat;}
.popupzone .bx-pager-link.active{background:url(/static/images/portal/layout2019/popupzonePage_on.png) center center no-repeat;}
.popupzone .bx-start{background:url(/static/images/portal/layout2019/visualCtrl_start.png) center center no-repeat;}
.popupzone .bx-stop{background:url(/static/images/portal/layout2019/popupzoneCtrl_stop.png) center center no-repeat;}
.presswrap,.mainInfowrap{width:25%;}
.press, .mainInfo{position:relative;padding:10px 27px 20px 10px;border-right:1px dashed #ddd;width:100%;height:340px;}
.press > .tabNews > ul > li.mainInfoLi{display:none;}
.tabNews{position:relative;}
.tabNews > ul > li{float:left;padding:0 10px;}
.tabNews > ul{padding-bottom:32px;border-bottom: 1px solid #e0e0e0;}
.tabNews > ul > li:first-child{padding-left:0;}
.tabNews > ul > li .tabArea,.tabBar > ul > li .tabArea{display:none;position:absolute;left:0;right:0;top:50px;}
.tabNews > ul > li.active .tabArea,.tabBar > ul > li.active .tabArea{display:block;}
.tabNews > ul > li > a{display:block;position:relative;padding:0 0 12px;font-size:16px;line-height:17px;font-weight:bold;}
.tabNews > ul > li > a:hover,.tabNews > ul > li > a:active,.tabNews > ul > li > a:link{text-decoration:none;}
.presswrap .tabNews > ul > li.active > a{border-bottom:3px solid #276ac5}
.presswrap .tabNews > ul > li:first-child > a:after{display:block;clear: both;content:"";width:1px;height:13px;background:#e0e0e0;position: absolute;right:-10px;top:50%;margin-top:-11px;}
.mainInfowrap .tabNews > ul > li > a{cursor: default;}
.tabNews .tabArea > a.title{display:block;border-bottom:1px dotted #e0e0e0;}
.tabNews .tabArea > a.tabMore{display:block;width:20px;height:20px;background:url(/static/images/portal/layout2019/tabMore.png) right center no-repeat;position: absolute;top:-50px;right:0px;text-indent: -999em}
.tabNews .tabArea a span{display:block;margin:12px 0;font-size:15px;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tabNews .tabArea ul li{padding:0 0 0 14px;background:url(/static/images/portal/layout2019/tabList_bullet.png) 0 center no-repeat;line-height:26px;}
.tabNews .tabArea ul{margin-top:10px}
.tabNews .tabArea ul li a{padding:0 10px 0 0;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.broadcastwrap{width:25%;}
.broadcastwrap a.tabMore{display:block;width:20px;height:20px;background:url(/static/images/portal/layout2019/tabMore.png) right center no-repeat;position: absolute;top:0;right:0px;text-indent: -999em}
.broadcastBox{position:relative;padding:10px 20px 20px 10px;border-right:1px dashed #ddd;width:100%;height:340px;}
.broadcastwrap h3{position:relative;padding:0 0 15px;font-size:16px;border-bottom: 1px solid #e0e0e0;margin-bottom:15px}
.broadcast{position:relative;}
.media h3{border-bottom:0;margin-bottom:0;}
.media > div{width:50%;float:left;padding-right:3px;}
.media > div > a{display:block;border:1px solid #1eb2bc;height:42px;box-sizing: border-box;padding-left:35%;margin-bottom: 4px;line-height:40px;}
.media > div > a.btn_news{background:url(/static/images/portal/layout2019/tv_icon01.png) 10% center no-repeat;}
.media > div > a.btn_sisa{background:url(/static/images/portal/layout2019/tv_icon02.png) 10% center no-repeat;}
.media > div > a.btn_culture{background:url(/static/images/portal/layout2019/tv_icon03.png) 10% center no-repeat;}
.media > div > a.btn_enterT{background:url(/static/images/portal/layout2019/tv_icon04.png) 10% center no-repeat;}
.tabNoticewrap{float:right !important;width:25%;}
.tabNoticeBox{position: relative;}
.tabNotice{position:relative;border:1px solid #e0e0e0;height:180px;margin-bottom:15px;padding:10px;}
.tabNotice > ul > li{float:left;padding:0 10px;}
.tabNotice > ul{padding-bottom:32px;border-bottom: 1px solid #e0e0e0;}
.tabNotice > ul > li:first-child{padding-left:0;}
.tabNotice > ul > li .tabArea,.tabBar > ul > li .tabArea{display:none;position:absolute;left:0;right:0;top:50px;}
.tabNotice > ul > li.active .tabArea,.tabBar > ul > li.active .tabArea{display:block;}
.tabNotice > ul > li > a{display:block;position:relative;padding:0 0 12px;font-size:16px;line-height:17px;font-weight:bold;}
.tabNotice > ul > li > a:hover,.tabNotice > ul > li > a:active,.tabNotice > ul > li > a:link{text-decoration:none;}
.tabNotice > ul > li.active > a{border-bottom:3px solid #276ac5}
.tabNotice > ul > li > a:after{display:block;clear: both;content:"";width:1px;height:13px;background:#e0e0e0;position: absolute;right:-10px;top:50%;margin-top:-11px;}
.tabNotice > ul > li:last-child > a:after{display:none}
.tabNotice .tabArea ul{margin:10px;}
.tabNotice .tabArea ul li{padding:0 0 0 14px;background:url(/static/images/portal/layout2019/tabList_bullet.png) 0 center no-repeat;line-height:26px;}
.tabNotice .tabArea ul li a{padding:0 10px 0 0;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;}
.tabNotice .tabMore{display:block;width:20px;height:20px;background:url(/static/images/portal/layout2019/tabMore.png) right center no-repeat;position: absolute;top:-42px;right:10px;text-indent: -999em}
.miniPopupzone{position:relative;height:141px;}
.miniPopupzone img{width:100%;height:141px;}
.miniPopupzone .bx-controls{background:rgba(0, 0, 0, 0.5);position:absolute;right:0;bottom:0;width:140px;height:30px;}
.miniPopupzone .bx-controls a{display:block;width:30px;height:30px;position:absolute;bottom:0;border-left:1px solid #ccc;text-indent: -999em}
.miniPopupzone .bx-prev{background:url(/static/images/portal/layout2019/visualCtrl_prev.png) center center no-repeat;right:62px;}
.miniPopupzone .bx-next{background:url(/static/images/portal/layout2019/visualCtrl_next.png) center center no-repeat;right:0;}
.miniPopupzone .bx-start{background:url(/static/images/portal/layout2019/visualCtrl_start.png) center center no-repeat;right:31px;}
.miniPopupzone .bx-stop{background:url(/static/images/portal/layout2019/visualCtrl_stop.png) center center no-repeat;right:31px;}
.miniPopupzone .bx-pager{position: absolute;right: 95px;color: #fff;top: 5px;}
/* 정보 */
.infoIconwrap{width:100%;float:none !important}
.infoIconwrap .infoIcon{position:relative;border:1px solid #d8d8d8;padding:10px 20px 15px;}
.infoIconwrap a{display:block;float:left;padding-top:80px;padding-bottom:10px;width:11.11%;text-align:center;word-break: keep-all}
.infoIconwrap a.infoIcon01{background:url(/static/images/portal/layout2019/infoIcon01.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon02{background:url(/static/images/portal/layout2019/infoIcon02.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon03{background:url(/static/images/portal/layout2019/infoIcon03.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon04{background:url(/static/images/portal/layout2019/infoIcon04.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon05{background:url(/static/images/portal/layout2019/infoIcon05.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon06{background:url(/static/images/portal/layout2019/infoIcon06.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon07{background:url(/static/images/portal/layout2019/infoIcon07.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon08{background:url(/static/images/portal/layout2019/infoIcon08.png) center 0 no-repeat;}
.infoIconwrap a.infoIcon09{background:url(/static/images/portal/layout2019/infoIcon09.png) center 0 no-repeat;}
.electionwrap{position: relative;width:25%;}
.election{height:326px;background:#1ea59a;padding:26px;}
.election h3{font-size:28px;color:#fff;text-align: center;margin-bottom:20px;}
.election ul li{border-bottom:1px solid #62c0b8;line-height:40px;padding-right:10px }
.election ul li a{display:block;font-size:15px;font-weight:bold;color:#fff;text-indent: 20px;background:url(/static/images/portal/layout2019/electionList_bullet.png) right center no-repeat;}
.election ul li:last-child{border:0;}
.lastestInfowrap{width:25%}
.lastestInfowrap .lastestInfoBox{position: relative;height:326px;padding:20px 15px;border:1px solid #dddddd;}
.lastestInfowrap h3{font-size:22px;color:#333;margin-bottom:25px;height:30px;}
.lastestInfowrap h3 span.subTitle{position: relative;font-size:12px;color:#555;padding-left:10px;margin-left:10px;}
.lastestInfowrap h3 span.subTitle:before{content:"";display:block;width:1px;height:12px;background:#868279;position: absolute;top:3px;left:0;}
.lastestInfowrap .lastestInfo{display:block;float:left;width:50%;height:123px;padding-right:2px;margin-bottom:20px;}
.lastestInfowrap .lastestInfo.under{height:auto;margin-bottom:0;}
.lastestInfowrap .lastestInfo p.title{display:block;width:100%;background:#706d71;line-height:34px;margin-bottom:6px;text-align:center;color:#fff;}
.lastestInfowrap .lastestInfo ul{padding-left:2px}
.lastestInfowrap .lastestInfo ul li{padding-left:5px;background:url(/static/images/portal/layout2019/lastestList_bullet.png) 0 center no-repeat}
.lastestInfowrap .lastestInfo ul li a{display:block;letter-spacing:-1px;white-space: nowrap;overflow: hidden;}
.infoPopupzone{width:25%;}
.infoPopupzone .infoPopupzoneBox{position: relative;width:100%;height:326px;}
.infoPopupzone .infoPopupzoneBox img{width:100%;height:326px;}
.infoPopupzone .bx-controls{position:absolute;left:0;right:0;bottom:10px;text-align:center;}
.infoPopupzone .bx-pager,
.infoPopupzone .bx-controls-auto,.bx-pager-item{display:inline-block;}
.infoPopupzone .bx-controls a{display: block;width:20px;height:20px;text-indent: -999em;}
.infoPopupzone .bx-pager-link{background:url(/static/images/portal/layout2019/popupzonePage.png) center center no-repeat;}
.infoPopupzone .bx-pager-link.active{background:url(/static/images/portal/layout2019/popupzonePage_on.png) center center no-repeat;}
.infoPopupzone .bx-start{background:url(/static/images/portal/layout2019/visualCtrl_start.png) center center no-repeat;}
.infoPopupzone .bx-stop{background:url(/static/images/portal/layout2019/popupzoneCtrl_stop.png) center center no-repeat;}
.infoLink{position: relative;width:25%}
.infoLinkBox{position: relative;width:100%;height:211px;background:#eeeeee;padding:15px 10px;}
.infoLink h3{font-size:26px;padding:20px 0 20px 85px;font-weight:normal;margin:10px 0 20px;}
.infoLinkBox:after{display:block;content:"";clear:both;}
.infoLink .infoTitle01{background:url(/static/images/portal/layout2019/infoTitle01.png) 10px center no-repeat;color:#1ea59a;}
.infoLink .infoTitle02{background:url(/static/images/portal/layout2019/infoTitle02.png) 10px center no-repeat;color:#059fc0;}
.infoLink .infoTitle03{background:url(/static/images/portal/layout2019/infoTitle03.png) 10px center no-repeat;color:#84b92b;}
.infoLink .infoTitle04{background:url(/static/images/portal/layout2019/infoTitle04.png) 10px center no-repeat;color:#f6a201;}
.infoLinkBox ul li{display:block;float:left;width:50%;line-height:35px;padding:0 3px 3px 0;}
.infoLinkBox ul li a{display:block;letter-spacing:-1px;border:1px solid #ddd;padding-left:5px;background:#fff url(/static/images/portal/layout2019/infoLink_bullet.png) 95% center no-repeat;white-space: nowrap;overflow: hidden;}
/* 홍보 */
.promotionBox{position: relative;width:25%;}
.promotion{position: relative;width:100%;height:350px;border:1px solid #dddddd;padding:20px;background:#fff;}
.promotionBox h3{font-size:18px;margin-bottom:20px;}
.promotionBox a{display:block;text-align:center}
.promotionBox a.promotionMore{display:block;position:absolute;right:23px;top:20px;text-indent:-999em;background:url(/static/images/portal/layout2019/promotionMore.png) 0 0 no-repeat;width:26px;height:24px;}
.promotionBox a span.title{display:block;text-align:left;text-overflow: ellipsis;width:100%;overflow: hidden;white-space: nowrap;margin-top:10px;font-weight:bold;}
.promotionBox a span.content{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align:left;text-overflow: ellipsis;width:100%;height:59px;line-height:20px;overflow: hidden;margin-top:5px;color:#666;}
.promotionPopupzone{position: relative;width:25%}
.promotionPopupzone .promotionPopupzoneBox{position: relative;height:350px;}
.promotionPopupzone .promotionPopupzoneBox img{width:100%;height:350px;}
.promotionPopupzone .bx-controls{position:absolute;left:0;right:0;bottom:10px;text-align:center;}
.promotionPopupzone .bx-pager,
.promotionPopupzone .bx-controls-auto,.bx-pager-item{display:inline-block;}
.promotionPopupzone .bx-controls a{display: block;width:20px;height:20px;text-indent: -999em;}
.promotionPopupzone .bx-pager-link{background:url(/static/images/portal/layout2019/popupzonePage.png) center center no-repeat;}
.promotionPopupzone .bx-pager-link.active{background:url(/static/images/portal/layout2019/popupzonePage_on.png) center center no-repeat;}
.promotionPopupzone .bx-start{background:url(/static/images/portal/layout2019/visualCtrl_start.png) center center no-repeat;}
.promotionPopupzone .bx-stop{background:url(/static/images/portal/layout2019/popupzoneCtrl_stop.png) center center no-repeat;}
.promotionLinkwrap{position: relative;width:100%;border:0 !important}
.promotionLinkwrap ul li{float: left;margin: 0;padding: 0;box-sizing: border-box;border: 10px #fff solid;width:25%}
.promotionLinkwrap ul li:last-child{padding-right:0;}
.promotionLinkwrap ul li a{position:relative;display:block;height:140px;line-height:140px;padding-left:40%;color:#fff;font-size:22px;letter-spacing: -1px;}
.promotionLinkwrap ul li a:after{background:url(/static/images/portal/layout2019/promotionLink_arrow.png) 0 0 no-repeat;display:block;content:"";width:26px;height:26px;position:absolute;top:50%;margin-top:-13px;right:10%;}
.promotionLinkwrap ul li.promotionLink01 a{background:#84b92b url(/static/images/portal/layout2019/promotionLink01_bg.png) right center no-repeat}
.promotionLinkwrap ul li.promotionLink02 a{background:#af9f82}
.promotionLinkwrap ul li.promotionLink03 a{background:#1ea59a url(/static/images/portal/layout2019/promotionLink03_bg.png) right center no-repeat}
.promotionLinkwrap ul li.promotionLink04 a{background:#8c919e}
.promotionLinkwrap ul li a:before{display:block;content:"";width:75px;height:75px;position:absolute;top:50%;margin-top:-38px;left:25px;}
.promotionLinkwrap ul li.promotionLink01 a:before{background:url(/static/images/portal/layout2019/promotionLink_icon01.png) 0 center no-repeat}
.promotionLinkwrap ul li.promotionLink02 a:before{background:url(/static/images/portal/layout2019/promotionLink_icon02.png) 0 center no-repeat}
.promotionLinkwrap ul li.promotionLink03 a:before{background:url(/static/images/portal/layout2019/promotionLink_icon03.png) 0 center no-repeat}
.promotionLinkwrap ul li.promotionLink04 a:before{background:url(/static/images/portal/layout2019/promotionLink_icon04.png) 0 center no-repeat}
/* sectionBtn */
#sectionBtn{position:fixed;top:50%;right:0;margin-top:-150px;width:85px;}
#sectionBtn li{display:block;margin-bottom:0;}
#sectionBtn li a{display:block;width:85px;height:90px;text-align:center;padding-top:45px;font-size:17px;font-weight:bold;}
#sectionBtn li a.item1{background:url(/static/images/portal/layout2019/quickBtn01.png) 0 0 no-repeat;color:#596d80;}
#sectionBtn li a.item2{background:url(/static/images/portal/layout2019/quickBtn02.png) 0 0 no-repeat;color:#596d80;}
#sectionBtn li a.item3{background:url(/static/images/portal/layout2019/quickBtn03.png) 0 0 no-repeat;color:#596d80;}
#sectionBtn.row1 li a.item1{background:url(/static/images/portal/layout2019/quickBtn01_on.png) 0 0 no-repeat;color:#fff;}
#sectionBtn.row2 li a.item2{background:url(/static/images/portal/layout2019/quickBtn02_on.png) 0 0 no-repeat;color:#fff;}
#sectionBtn.row3 li a.item3{background:url(/static/images/portal/layout2019/quickBtn03_on.png) 0 0 no-repeat;color:#fff;}
/* quickSns */
.snswrap{position:fixed;top:50%;left:0;margin-top:-113px;width:42px;}
.snswrap li{display:block;margin-bottom:3px;}
.sectionbtnwrap{display:none;}
.mobileView{display:none !important;}

/* /////////////////////////////////////////////////////////////////////////////////////// Responsive /////////////////////////////////////////////////////////////////////////////////////// */
/* Quick */
@media all and (max-width: 1673px){
    #sectionBtn{right:0;}
    .snswrap{left:0;}
}
/* Quick */
@media all and (max-width: 1320px){
    .snswrap{display:none;}
    .mainService{padding:10px}
    .section>.inner{padding:10px}
    .media > div > a{width:100%;background-size:20px auto !important}
    .election{padding:10px;}
    .lastestInfowrap .lastestInfoBox{padding:10px}
    .infoLink h3{background-size:auto 50px !important;font-size:20px;padding-left:65px;}
    .promotionLinkwrap ul li a{font-size:18px}
    .promotionLinkwrap ul li a:before{background-size:auto 50px !important;}
}
/* Mobile */
@media all and (max-width:1024px){
    #container{padding:90px 20px 30px;}
    #sectionBtn{position:absolute;top:30px;right:0;left:0;width:300px;margin-top:0;margin:0 auto;}
    #sectionBtn li{display:block;float:left;margin-right:3px;}
    #sectionBtn li a{display:block;width:96px;height:48px;text-align:left;padding-left:45px;font-weight:bold;padding-top:10px}
    #sectionBtn li a.item1,
    #sectionBtn.row1 li a.item1{background:url(/static/images/portal/layout2019/tablet_quickBtn01.png) 0 0 no-repeat;color:#596d80;}
    #sectionBtn li a.item2,
    #sectionBtn.row2 li a.item2{background:url(/static/images/portal/layout2019/tablet_quickBtn02.png) 0 0 no-repeat;color:#596d80;}
    #sectionBtn li a.item3,
    #sectionBtn.row3 li a.item3{background:url(/static/images/portal/layout2019/tablet_quickBtn03.png) 0 0 no-repeat;color:#596d80;}
    #sectionBtn.row1 li.active a.item1{background:url(/static/images/portal/layout2019/tablet_quickBtn01_on.png) 0 0 no-repeat;color:#fff;}
    #sectionBtn li.active a.item2{background:url(/static/images/portal/layout2019/tablet_quickBtn02_on.png) 0 0 no-repeat;color:#fff;}
    #sectionBtn li.active a.item3{background:url(/static/images/portal/layout2019/tablet_quickBtn03_on.png) 0 0 no-repeat;color:#fff;}
    #sectionBtn li{box-shadow: none;}
    .section>.inner{max-width:100%;min-width:100%;padding:10px}
    .section>.inner>.item1{height:auto;}
    .section>.inner>div{float:left;margin:0;padding:0;box-sizing:border-box;border:10px #fff solid;}
    .visualwrap{width:100%;}
    .visual{width:100%;max-height:350px;}
    .visualwrap img{width:100%;max-height:350px;}
    .mainServicewrap{width:55%;}
    .popupzonewrap{width:45%;}
    .section>.inner>.item2{margin:0;height:auto;}
    .presswrap, .mainInfowrap{width:50%;}
    .press, .mainInfo{padding:20px;border:1px solid #ddd;width:100%;height:395px}
    .tabArea .title img,
    .broadcast img{height:145px;width:100%;}
    .broadcastwrap{width:50%;}
    .broadcastBox{padding:20px;border:1px solid #ddd;width:100%;height:362px}
    .tabNoticewrap{width:50%;}
    .tabNoticeBox{width:100%;height:362px}
    .tabNotice{width:auto;height:191px;margin-bottom:15px;}
    .miniPopupzone{width:100%;height:auto;}
    .miniPopupzone img{width:100%;max-height:158px;}
    .infoIcon{border:1px solid #ddd;padding-bottom:20px;}
    .electionwrap{width:100%;}
    .election{margin-right:51%;}
    .lastestInfowrap{width:50%;height:auto;}
    .lastestInfoBox{padding:20px;border:1px solid #ddd;width:100%;height:326px}
    .infoPopupzone{position:absolute;right:10px;background:#f8f8f8;height:auto;width:49%;}
    .infoPopupzoneBox{position:relative;text-align:center}
    .infoPopupzoneBox img{width:303px;height:326px;}
    .infoLink,
    .infoLink.last{width:50%}
    .infoLink ul{padding:0 10px;}
    .promotionBox{width:50%;}
    .promotionBox>.promotion{padding:20px;border:1px solid #ddd;width:100%;height:350px;}
    .promotionBox>.promotion img{max-height:236PX;}
    .promotionPopupzone{width:50%;background:#f8f8f8;}
    .promotionPopupzoneBox{text-align:center;}
    .promotionPopupzoneBox img{width:303x;height:350px;}
    .promotionLinkwrap{border:0 !important;}
    .promotionLinkwrap ul li{border:10px solid #fff;padding:0;margin-top:0;width:50%;margin-right:0;}
    .promotionLinkwrap ul li a{height:80px;line-height: 80px;}
    .promotionLinkwrap ul li a:before{background-size:auto 50px !important;}
    .section{height:0px;overflow:hidden;}
    .section.active{height:auto;overflow:inherit;}
    .infoIconwrap a{width:20%;}
}
/*Phone*/
@media all and (max-width:424px){
    #container{padding:75px 10px 0;}
    #sectionBtn{top:15px}
}
@media all and (max-width:960px){

    .sectionbtnwrap{display:block}
    .sectionbtnwrap a{position:fixed;top:50%;margin-top:-41px;width:47px;height:82px;z-index:11;}
    .sectionbtnwrap a.right{right:0;background:url(/static/images/portal/layout2019/sectionBtn_right.png) 0 0 no-repeat;text-indent: -999em;}
    .sectionbtnwrap a.left{left:0;background:url(/static/images/portal/layout2019/sectionBtn_left.png) 0 0 no-repeat;text-indent: -999em;}
}
@media all and (max-width:639px){
	body{font-size:1em;}
    #container{padding:75px 10px 0;}
    #sectionBtn{top:15px}
    .section>.inner{padding:0}
    .section>.inner>div{float:none;width:100%;margin:0;padding:0;box-sizing:border-box;border:10px #fff solid;}
    .visualwrap,
    .popupzonewrap,
    .miniPopupzone,
    .infoPopupzone,
    .promotionPopupzone,
    .lastestInfowrap,
    .pcView,
    .mainInfowrap{display:none;}
    .popupzonewrap.mobileView{display:block;}
    .mainService{height:auto;padding: 10px;text-align:left;}
    .mainService h3{font-size: 18px;border-bottom:0;line-height:30px;margin-bottom:3px;}
    .mainService dl dt{display:none;}
    .mainService dl dd{text-align:left;}
    .mainService dl dd a{padding-left:8px;line-height: 35px;height: 34px;}
    .press, .mainInfo{padding: 10px;height: 355px;}
    .press > .tabNews > ul > li.mainInfoLi{display:block;}
    .presswrap .tabNews > ul > li > a:after {display: block;clear: both;content: "";width: 1px;height: 13px;background: #e0e0e0;position: absolute;right: -6px;top: 50%;margin-top: -11px;}
    .presswrap .tabNews > ul > li:first-child > a:after{right: -6px;}
    .tabNotice > ul{padding-bottom:29px;}
    .presswrap .tabNews > ul > li.active > a,
    .tabNotice > ul > li.active > a{border-bottom: 3px solid #1eb2bc;color:#0f8a92}
    .tabNews > ul{padding-bottom:29px;}
    .press, .mainInfo{height:178px;}
    .tabNews > ul > li .tabArea{top:27px}
    .tabNews .tabArea > a.tabMore{top:-29px}
    .tabNews .tabArea ul li{padding:0 0 0 9px}
    .mobileView{display:block !important;}
    .broadcast h3{display:none;}
    .broadcast img{text-align: center;height:auto;}
    .presswrap .tabNews > ul > li:last-child > a:after{display:none;}
    .tabNews .tabArea > a.title{display:none;}
    .tabNotice .tabMore{top:-27px;right:10px;}
    .tabNotice > ul > li .tabArea{top:38px}
    .tabNotice .tabArea ul li{padding:0 0 0 9px;}
    .tabArea ul li{border-bottom:1px solid #ddd;line-height:31px !important;}
    .tabArea ul li:last-child{border-bottom:0}
    .tabNotice > ul > li > a{font-size:15px;}
    .tabNotice{height:180px;margin-bottom:0}
    .broadcastBox{height:auto;padding: 10px;}
    .broadcastwrap a.tabMore{display:none;}
    .media > div > a{width:100%;}
    .tabNoticeBox{height: auto;}
    .infoIconwrap .infoIcon{padding:0 0 0 0;border-left: 0;border-top: 0;}
    .infoIconwrap a{width:33.33333%;height:80px;padding-top:50px;font-size: 0.9em;border:1px solid #ddd;border-right:0;border-bottom:0;}
    .infoIconwrap a.infoIcon01,
    .infoIconwrap a.infoIcon02,
    .infoIconwrap a.infoIcon03,
    .infoIconwrap a.infoIcon04,
    .infoIconwrap a.infoIcon05,
    .infoIconwrap a.infoIcon06,
    .infoIconwrap a.infoIcon07,
    .infoIconwrap a.infoIcon08,
    .infoIconwrap a.infoIcon09{background-size:auto 60px}
    .infoPopupzone{position: relative;right:0;text-align:center;}
    .tabNotice .tabArea ul{margin:10px;}
    .visual span.title b{width:45%}
    .election{width:100%;height: auto;background: #706d71;padding: 10px;}
    .election h3{font-size:17px;text-align:left;line-height:30px;margin-bottom:3px;}
    .election ul li{border:0;background:#fff;margin-bottom:2px;}
    .election ul li a{position:relative;color:#2d3740;font-size:inherit;font-weight:normal;background: url(/static/images/portal/layout2019/electionList_bullet_on.png) right center no-repeat;}
    .election ul li a:after{display:block;content:"";position:absolute;top:17px;left:9px;width:3px;height:3px;background:#2d3740;}
    .lastestInfoBox{padding: 10px;height:auto;}
    .lastestInfowrap .lastestInfo{height:auto;margin-bottom:10px;}
    .infoLink {border-top:0 !important;}
    .infoLink ul{padding:0;}
    .infoLinkBox{height:auto;padding:5px 10px 10px}
    .infoLinkBox h3{margin:0}
    .infoLinkBox {border:1px solid #ccc;}
    .infoLink h3{background-size:10% !important;padding: 10px 0 13px 55px;}
    /* .infoLink .tabBar > ul > li{float:left;width:25%;text-align: center;border:1px solid #ccc;border-right:0;}
    .infoLink .tabBar > ul > li:last-child{border:1px solid #ccc;}
    .infoLink .tabBar > ul > li.active{background:#eee;border-bottom:1px solid #eee;}
    .infoLink .tabBar > ul > li > a{line-height:48px;} */
    .promotionBox>.promotion{padding:10px;height:auto;}
    .promotionBox h3{margin-bottom:10px;}
    .promotionBox a.promotionMore{top:10px;right:13px;}
    .tabNoticewrap{float:none !important;}
    .visual,
    .popupzone img,
    .visualwrap img{width:100%;height:auto;}
    .tabNews > ul > li > a,
    .tabNotice > ul > li > a{font-size:inherit;padding: 0px 0 9px;}
    .tabNews > ul > li{padding:0 6px;}
    .promotionLinkwrap{padding:0px 8px 8px 8px !important}
    .promotionLinkwrap ul li.promotionLink01 a:before,
    .promotionLinkwrap ul li.promotionLink01 a:after,
    .promotionLinkwrap ul li.promotionLink02 a:before,
    .promotionLinkwrap ul li.promotionLink02 a:after,
    .promotionLinkwrap ul li.promotionLink03 a:before,
    .promotionLinkwrap ul li.promotionLink03 a:after,
    .promotionLinkwrap ul li.promotionLink04 a:before,
    .promotionLinkwrap ul li.promotionLink04 a:after{background:none;}
    .promotionLinkwrap ul li.promotionLink01 a {background: #84b92b;}
    .promotionLinkwrap ul li.promotionLink03 a {background: #1ea59a;}
    .promotionLinkwrap ul li.promotionLink03{margin-bottom:8px;}
    .promotionLinkwrap ul li a{padding-left:0;text-align:center;}
    .promotionLinkwrap ul li{border:2px solid #fff;height:84px;}
    .promotionLinkwrap{margin-top:340px !important;}
    .add_mod{position:absolute;top:675px;left:0;z-index:2}
    .lastestInfowrap{width:100%;}
    .lastestInfowrap .lastestInfoBox{height:330px}
    .lastestInfoBox > ul > li > a{display:block;float:left;position:relative;font-size:17px;font-weight:bold;width:50%;text-align: center;color:#767676}
    .lastestInfoBox > ul > li.active > a{color:#2aa173}
    .lastestInfoBox > ul > li:first-child > a{display:block;}
    .lastestInfoBox > ul > li:first-child > a:after{display:block;content:"";position: absolute;top:8px;right:0px;width:1px;height:15px;background:#999;}
    .lastestInfoBox .tabArea{padding:0 10px}
    .miniPopupzone .bx-controls{width:150px}
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){
}

/*Bxslider Error*/
.bx-clone{visibility:inherit !important;}