@charset "utf-8"; @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400; /* font-display: swap; */ src: url(/css/font/smba/woff/NotoSansKR-Regular-Hestia.woff) format('woff'), url(/css/font/smba/otf/NotoSansKR-Regular-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; /* font-display: swap; */ src: url(/css/font/smba/woff/NotoSansKR-Medium-Hestia.woff) format('woff'), url(/css/font/smba/otf/NotoSansKR-Medium-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700; /* font-display: swap; */ src: url(/css/font/smba/woff/NotoSansKR-Bold-Hestia.woff) format('woff'), url(/css/font/smba/otf/NotoSansKR-Bold-Hestia.otf) format('opentype'); } /* Reset */ *{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)} body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} body,input,textarea,button,table,h1,h2,h3,h4,h5{font-family:'Noto Sans Korean', sans-serif;font-size:14px;font-weight:400;color:#333} select{font-size:14px;font-weight:400;color:#333} ul,ol,li{list-style:none} img{border:0px none;} img,input,select,button,label{vertical-align:middle} i,em,address{font-style:normal} a{text-decoration:none;color:#222} a:hover{text-decoration:none} table{/*border-collapse:collapse;*/border-spacing:0;table-layout:fixed;} article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block} .clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both} .inner{position:relative;margin:0 auto;width:1180px;} .inner:after{display:block;content:'';clear:both;} caption, .soundOnly{display:inline-block !important;position:absolute !important;top:0 !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important} .fl-l{float:left;} .fl-r{float:right;} .afterClear:after{display:block;content:'';clear:both;} .alignLeft{text-align:left;} .alignRight{text-align:right;} .alignCenter{text-align:center;} .mobileView{display:none;} /*Color*/ .blue{color:#1571bf !important;} .red{color:#bf1515 !important;} /*Size*/ .w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px} .w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px} .w5p{width:5%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%} .h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px} .indent1{text-indent:15px}.indent2{text-indent:30px}.indent3{text-indent:45px}.indent4{text-indent:60px} .pl40{padding-left:40px;} /*Layout*/ body{} #skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999} #skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px} #skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0} #wrap{min-width:1180px;} #header #topBar{height:35px;background:#47648f;} #header #topBar ul{display:block;border-left:1px #7488a6 solid;} #header #topBar ul:after{display:block;content:'';clear:both;} #header #topBar ul li{display:block;float:left;border-right:1px #7488a6 solid;} #header #topBar ul li a{display:block;height:35px;font-size:0.85em;color:#fff;line-height:35px;} #header #topBar ul#topBarLink{float:left;} #header #topBar ul#topBarLink > li{position:relative;} #header #topBar ul#topBarLink > li a{padding:0 20px;} #header #topBar ul#topBarLink > li.active > a{color:#47648f;background:#fff;} #header #topBar ul#topBarLink > li.home > a{padding:0;width:60px;text-indent:-9999em;background:#47648f url(/images/smba/icon_topHomeWh.png) no-repeat center center;} #header #topBar ul#topBarLink > li.home.active > a{padding:0;width:60px;text-indent:-9999em;background:#fff url(/images/smba/icon_topHome.png) no-repeat center center;} #header #topBar ul#topBarLink > li.on > a{color:#fff;background:#3c567e;} #header #topBar ul#topBarLink > li > ul{display:none;position:absolute;top:35px;left:-1px;background:#3c567e;border-top:1px #7488a6 solid;z-index:99;} #header #topBar ul#topBarLink > li > ul > li{border-bottom:1px #7488a6 solid;box-sizing:border-box;} #header #topBar ul#topBarLink > li > ul > li > a{padding:0 10px;} #header #topBar ul#topBarLink > li > ul > li > a:hover{text-decoration:underline;} #header #topBar ul#topBarLink > li.on > ul{display:block;} #header #topBar ul#topBarLink > li.selectArea > ul{width:180px;} #header #topBar ul#topBarLink > li.selectArea > ul > li{float:left;width:50%;} #header #topBar ul#topBarLink > li.selectLang > ul{left:-1px;right:-1px;} #header #topBar ul#topBarLink > li.selectLang > ul > li{float:none;} #header #topBar ul#topBarLink > li.selectArea > a{padding:0 25px 0 15px;background:url(/images/smba/bg_topBarSelect.png) no-repeat 120px center;} #header #topBar ul#topBarLink > li.selectLang > a{padding:0 25px 0 15px;background:url(/images/smba/bg_topBarSelect.png) no-repeat 120px center;} #header #topBar ul#topBarLink > li.selectArea.active > a{padding:0 25px 0 15px;background:#fff url(/images/smba/bg_topBarSelect_on.png) no-repeat 120px center;} #header #topBar ul#topBarLink > li.selectLang.active > a{padding:0 25px 0 15px;background:#fff url(/images/smba/bg_topBarSelect_on.png) no-repeat 67px center;} #header #topBar ul#topBarLink > li.selectArea.on > a{padding:0 25px 0 15px;background:#3c567e url(/images/smba/bg_topBarSelect.png) no-repeat 120px center;} #header #topBar ul#topBarLink > li.selectLang.on > a{padding:0 25px 0 15px;background:#3c567e url(/images/smba/bg_topBarSelect.png) no-repeat 67px center;} #header #topBar ul#topBarSns{float:right;} #header #topBar ul#topBarSns a{width:40px;text-indent:-9999em;} #header #topBar ul#topBarSns a.btn_snsTopFacebook{background:url(/images/smba/btn_snsTopFacebook.png) no-repeat center center;} #header #topBar ul#topBarSns a.btn_snsTopTwitter{background:url(/images/smba/btn_snsTopTwitter.png) no-repeat center center;} #header #topBar ul#topBarSns a.btn_snsTopBlog{background:url(/images/smba/btn_snsTopBlog.png) no-repeat center center;} #header h1{display:block;height:83px;line-height:83px;} #header h1 > a.symbolMar {margin: 0 0 0 15px; } /* 2017/07/31 국정지표알아보기 추가 */ #header #topSearch{display:block;position:absolute;top:25px;left:50%;margin-left:-130px;width:261px;height:36px;background:url(/images/smba/bg_topSearch.png) no-repeat;} #header #topSearch input[type='text']{margin:1px 0 0 15px;width:200px;height:34px;color:#536d93;border:0px none;} #header #topSearch input[type='submit']{width:34px;height:34px;text-indent:-9999em;border:0px none;background:url(/images/smba/btn_topSearch.png) no-repeat center center;} #header .btn_searchOpen{display:none;} #header .topBannerLink{position:absolute;left:50%;margin-left:140px;bottom:0;} #header ul#topGuideLink{display:block;position:absolute;top:39px;right:0;} #header ul#topGuideLink li{display:block;float:left;padding:0 15px;border-right:1px #dadada solid;} #header ul#topGuideLink li.last{border-right:0px none;} #header ul#topGuideLink li a{display:block;font-size:0.85em;color:#6e6e6e;} #header ul#topGuideLink li a:hover{color:#414141;} #header #gnb{height:45px;border-top:1px #d7d7d7 solid;border-bottom:2px #4a658d solid;} #header #gnb ul{display:block;padding-right:47px;} #header #gnb ul:after{display:block;content:'';clear:both;} #header #gnb ul > li{display:block;position:relative;float:left;} #header #gnb ul > li em.btn_onair{display:block;position:absolute;top:-7px;left:50%;margin-left:-25px;width:50px;height:19px;text-indent:-9999em;background:url(/images/smba/icon_onair.png) no-repeat;z-index:1;cursor:pointer;} #header #gnb ul > li > a{display:block;position:relative;padding:0 34px 0 35px;font-size:1.1em;font-weight:bold;color:#2b2b2b;line-height:45px;} #header #gnb ul > li > a em{display:none;position:absolute;left:35px;bottom:0;right:35px;height:0;border-bottom:2px solid #365a99;} #header #gnb ul > li > a.active{color:#365a99;} #header #gnb ul > li > a.active em{display:block;} #header #gnb ul > li.btn_allNav{float:right;} #header #gnb ul > li.btn_allNav a{padding:0;width:45px;height:45px;text-indent:-9999em;background:url(/images/smba/icon_navAll.png) no-repeat center center;border-left:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid;} #header #gnb ul > li > ul{display:none;position:absolute;top:45px;left:50%;margin-left:-80px;padding-right:0;width:160px;background:#fff;border:1px #4a658d solid;border-top:2px #4a658d solid;z-index:9999;} #header #gnb ul > li > ul > li{display:block;float:none;width:auto;border-bottom:1px #ddd solid;} #header #gnb ul > li > ul > li.last{border-bottom:0px none;} #header #gnb ul > li > ul > li > a{display:block;padding:0 5px 0 15px;height:38px;font-size:0.9em;color:#333;text-align:left;line-height:38px;} #header #gnb ul > li > ul > li > a:hover{color:#fff;background:#365a99;} #header #gnb ul > li:hover > a{color:#365a99;} #header #gnb ul > li:hover > a em{display:block;} #header #gnb ul > li:hover > ul{display:block;} #header #gnb ul > li.btn_subArea a{color:#438ece;} #header #gnb ul > li.btn_subArea ul{width:259px;height:330px;background:#fff url(/images/smba/img_mapArea.jpg) no-repeat center 60px;} #header #gnb ul > li.btn_subArea ul li{display:block;position:absolute;border:0px none;} #header #gnb ul > li.btn_subArea ul li a{display:block;position:relative;padding:0;height:18px;font-size:0.8em;font-weight:normal;color:#333;line-height:18px;background:url(/images/smba/bg_mapAreaBtn.png) no-repeat center center;letter-spacing:-1px;} #header #gnb ul > li.btn_subArea ul li a:before{display:block;content:'';position:absolute;top:0;bottom:0;left:-8px;width:8px;background:url(/images/smba/bg_mapAreaBtn.png) no-repeat left center;z-index:1;} #header #gnb ul > li.btn_subArea ul li a:after{display:block;content:'';position:absolute;top:0;bottom:0;right:-8px;width:8px;background:url(/images/smba/bg_mapAreaBtn.png) no-repeat right center;z-index:1;} #header #gnb ul > li.btn_subArea ul li a:hover{color:#fff;background:url(/images/smba/bg_mapAreaBtn_on.png) no-repeat center center;} #header #gnb ul > li.btn_subArea ul li a:hover:before{background:url(/images/smba/bg_mapAreaBtn_on.png) no-repeat left center;} #header #gnb ul > li.btn_subArea ul li a:hover:after{background:url(/images/smba/bg_mapAreaBtn_on.png) no-repeat right center;} #header #gnb ul > li.btn_subArea ul li.title{top:0;left:15px;right:15px;padding:15px 5px 10px;font-weight:bold;color:#555;border-bottom:1px solid #ddd;background:none;} #header #gnb ul > li.btn_subArea ul li.title:before, #header #gnb ul > li.btn_subArea ul li.title:after{display:none;} #header #gnb ul > li.btn_subArea ul li.area1{top:120px;left:95px;} #header #gnb ul > li.btn_subArea ul li.area2{top:243px;left:156px;} #header #gnb ul > li.btn_subArea ul li.area3{top:194px;left:151px;} #header #gnb ul > li.btn_subArea ul li.area4{top:246px;left:61px;} #header #gnb ul > li.btn_subArea ul li.area5{top:140px;left:100px;} #header #gnb ul > li.btn_subArea ul li.area6{top:130px;left:63px;} #header #gnb ul > li.btn_subArea ul li.area7{top:175px;left:52px;} #header #gnb ul > li.btn_subArea ul li.area8{top:112px;left:139px;} #header #gnb ul > li.btn_subArea ul li.area9{top:173px;left:118px;} #header #gnb ul > li.btn_subArea ul li.area10{top:212px;left:88px;} #header #gnb ul > li.btn_subArea ul li.area11{top:225px;left:126px;} #header #gnb ul > li.btn_subArea ul li.area12{top:221px;left:172px;} #header #gnb a.btn_allNav{display:block;position:absolute;top:0;right:0;width:45px;height:45px;text-indent:-9999em;background:url(/images/smba/icon_navAll.png) no-repeat center center;border-left:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid;} #allNav{display:none;position:absolute;top:118px;left:50%;margin-left:-590px;width:1176px;background:#fff;border:2px solid #365a99;z-index:99999;} #allNav > ul{height:400px;overflow-y:auto;} #allNav ul, #allNav ul li, #allNav ul li a{display:block;} #allNav > ul > li{position:relative;float:left;width:16.6666%;height:710px;} #allNav > ul > li:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid #dddddd;} #allNav > ul > li > a{display:block;height:44px;color:#365a99;font-size:1.1em;font-weight:bold;line-height:44px;text-align:center;border-bottom:1px solid #365a99;} #allNav > ul > li > ul{padding:15px;} #allNav > ul > li > ul > li > a{margin:3px 0;padding:3px 0;font-size:0.9em;font-weight:bold;color:#333;border-bottom:1px solid #fff;} #allNav > ul > li > ul > li.active > a{color:#365a99;border-bottom:1px solid #adb8d0;} #allNav > ul > li > ul > li > ul{margin:5px 0 15px;} #allNav > ul > li > ul > li > ul > li{margin-left:5px;padding-left:5px;background:url(/images/smba/dot_blogSns.jpg) no-repeat left 8px;} #allNav > ul > li > ul > li > ul > li > a{margin:2px 0;padding:2px;font-size:0.85em;color:#666;border-bottom:1px solid #fff;} #allNav > ul > li > ul > li > ul > li.active > a{color:#365a99;border-bottom:1px solid #adb8d0;} #allNav .allNavLink{display:none;} #allNav .allNavHeader{display:none;} #allNav a.btn_allNavClose{display:block;position:absolute;top:402px;right:-2px;width:46px;height:46px;text-indent:-9999em;background:#365a99 url(/images/smba/btn_allNavClose.png) no-repeat center center;z-index:99999;} #allNav .areaSelect{display:none;} #siteAll{display:none;position:relative;padding:45px 20px 60px;background:#f5f4f4;border:1px #d7d7d7 solid;z-index:99;} #siteAll h4{display:block;padding:10px 0 5px;font-size:1.1em;font-weight:bold;color:#0d3d8f;background:none;border-bottom:1px #e2e2e2 solid;} #siteAll .siteGroup{margin-top:10px;padding:8px 24px 16px;background:#fff;border:1px solid #e2e2e2;border-top:1px solid #b3b3b3;clear:both;} #siteAll .siteGroup ul{display:block;} #siteAll .siteGroup ul:after{display:block;content:'';clear:both;} #siteAll .siteGroup ul li{display:block;float:left;padding:5px 0;width:20%;} #siteAll .siteGroup ul li a{font-size:0.85em;} #siteAll a.btn_siteAllClose{display:block;position:absolute;top:0;left:50%;margin-left:-154px;width:308px;height:42px;text-indent:-9999em;background:url(/images/smba/btn_siteAllClose.png) no-repeat;} #siteAll a.btn_siteAllClose.text{display:block;position:absolute;bottom:20px;right:30px;top:inherit;left:inherit;margin-left:0;width:auto;height:auto;text-indent:0;font-size:1.2em;background:none;} #footer #footerNav{height:50px;border-bottom:1px solid #d7d7d7;} #footer #footerNav ul{display:block;} #footer #footerNav ul li{display:block;float:left;padding:0 16px;border-right:1px solid #cbcbcb;margin-top:20px;} #footer #footerNav ul li a{display:block;font-size:0.9em;color:#4b4b4b;} #footer #footerNav ul li.last{border-right:0px none;} #footer #footerCopyright p{display:block;padding:25px 0 30px 220px;font-size:0.9em;color:#555;line-height:150%;} #footer #footerCopyright p span{color:#d04c55;} #footer #footerCopyright p a.footerLink{color:#4a658d;text-decoration:underline;font-weight:bold; margin: 0 0 0 10px;} #footer #footerCopyright a.footerLogo{display:block;position:absolute;top:19px;left:0;} #footer #footerCopyright > ul{display:block;position:absolute;top:16px;right:0;} #footer #footerCopyright > ul li{float:left;margin:0 5px;} #overlay{display:none;position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:9999;} .container{clear:both;} /*H*/ h4{display:block;padding-left:19px;margin-bottom:12px;font-size:1.3em;font-weight:bold;color:#0d3d8f;background:url(/images/smba/icon_bulletH4.png) no-repeat left 4px;} .h4Content{margin:4px 0 8px 19px;font-size:0.95em;line-height:160%;clear:both;} .h4Content a.engUnder{font-style:oblique;color:#4a658d;text-decoration:underline;} .h4Content ol.style li{list-style:decimal;line-height:24px;} h4.underline{padding:10px 0;margin-bottom:10px;color:#365a99;background:none;border-bottom:2px solid #365a99;clear:both;} h5{display:block;padding-left:17px;margin:0 0 8px 19px;font-size:1.1em;font-weight:bold;color:#1d1d1d;background:url(/images/smba/icon_bulletH5.png) no-repeat left 6px;} h5.underline{padding:10px 0;margin:0 0 10px 0;color:#444444;background:none;border-bottom:2px solid #444444;clear:both;} .h5Content{margin:4px 0 8px 36px;font-size:0.95em;line-height:160%;clear:both;} .h5Content ul{display:block;} .h5Content ul li{display:block;position:relative;padding-left:10px;} .h5Content ul li em{display:block;position:absolute;top:0;left:0;} .h5Content ol li{margin-left:15px;list-style:decimal;} ul.basic{display:block;} ul.basic li{display:block;position:relative;padding-left:10px;} ul.basic li em{display:block;position:absolute;top:0;left:0;} h6{display:block;margin:0 0 8px 0;font-size:1em;font-weight:bold;color:#1d1d1d;} h4.noMargin, h5.noMargin, h5.margin{margin-left:0;} .subContentsInner > p{font-size:0.95em;line-height:160%;} b.big{font-size:1.2em;} span.caption{font-size:11px;color:#ca1127;} .txt_red{color:#d04c55;} .txt_blue{color:#365a99;} /*Tab*/ .tabBar{} .tabPage{display:none;} .tabPage.active{display:block;} .subContentsInner .tabPage{padding:40px 0;} ul.tabBar:after{display:block;content:'';clear:both;} ul.tabBar.bar{display:block;height:41px;border-bottom:1px #438ece solid;} ul.tabBar.bar li{display:block;position:relative;float:left;height:42px;} ul.tabBar.bar li a{display:block;position:absolute;top:0;right:-1px;bottom:0;left:0;height:40px;font-size:0.9em;line-height:40px;text-align:center;background:#fbfbfd;border:1px #cdcdcd solid;border-bottom:0px none;} ul.tabBar.bar li.active{z-index:1;} ul.tabBar.bar li.active a{height:41px;font-size:1em;font-weight:bold;color:#2079c4;background:#fff;border:1px #438ece solid;border-bottom:0px none;} ul.tabBar.box{display:block;border-top:1px #cdcdcd solid;border-left:1px #cdcdcd solid;} ul.tabBar.box li{display:block;float:left;height:40px;border-right:1px #cdcdcd solid;border-bottom:1px #cdcdcd solid;box-sizing:border-box;} ul.tabBar.box li a{display:block;height:40px;font-size:0.9em;line-height:40px;text-align:center;} ul.tabBar.box.small li a{font-size:0.85em;} ul.tabBar.box li.active a{color:#fff;background:#438ece;} ul.tabBar.col1 li{width:100%;} ul.tabBar.col2 li{width:50%;} ul.tabBar.col3 li{width:33.3333%;} ul.tabBar.col4 li{width:25%;} ul.tabBar.col5 li{width:20%;} ul.tabBar.col6 li{width:16.6666%;} ul.tabBar.col7 li{width:14.2857%;} ul.tabBar.col12 li{width:7.777%;} ul.tabBar.col12 li.large{width:10%} .tabBox .tabBoxTitle{padding:0 25px;border:1px #e2e2e2 solid;border-top:1px #444444 solid;border-bottom:0px none;} .tabBox .tabBoxTitle p{padding:20px 0 10px;font-size:1.2em;font-weight:bold;color:#4c576b;border-bottom:1px #e2e2e2 solid;} .tabBox ul.tabBar{display:block;padding:10px 25px 15px;font-size:0.9em;border:1px #e2e2e2 solid;border-top:0px none;} .tabBox ul.tabBar.topLine{border-top:1px #444 solid;} .tabBox ul.tabBar li{display:block;float:left;padding:2px 0;} .tabBox ul.tabBar li a{display:inline-block;padding-left:10px;height:26px;color:#1d1d1d;line-height:30px;background:url(/images/smba/icon_tabBoxLi.png) no-repeat left center;border-bottom:1px #fff solid;} .tabBox ul.tabBar li span{display:inline-block;padding-left:10px;height:26px;color:#1d1d1d;line-height:30px;background:url(/images/smba/icon_tabBoxLi.png) no-repeat left center;border-bottom:1px #fff solid;} .tabBox ul.tabBar li a em{display:none;margin-left:3px;width:17px;height:17px;background:url(/images/smba/icon_tabBoxLiEm.png) no-repeat center center;vertical-align:middle;} .tabBox ul.tabBar li a:hover, .tabBox ul.tabBar li.active a{color:#d04c55;background:url(/images/smba/icon_tabBoxLi_on.png) no-repeat left center;border-bottom:1px #e8b4b6 solid;} .tabBox ul.tabBar li a:hover em, .tabBox ul.tabBar li.active a em{display:inline-block;} /*Form*/ select{height:26px;border:1px solid #828282;/*font-size:0.9em;*/color:#333333;} input[type='text']{height:24px;border:1px solid #828282;} input[type='text'].marginT{margin-top:5px;} input[type='password']{height:24px;border:1px solid #828282;} input[type='submit']{height:26px;border:0;background:#365a99;color:white;font-size:0.85em;cursor:pointer;} input[type='reset']{height:26px;margin-left:3px;border:1px solid #818181;background:none;color:#666666;font-size:0.85em;} input[type='button']{cursor:pointer;} /*Table*/ table{margin-bottom:20px;width:100%;border-top:2px solid #444;color:#333333;} table th a{display:block;} table.list{text-align:center;} table.list td.ar{text-align:right;} table.list td.al{text-align:left;} table.list thead th{position:relative;background:#eff1f6;border-bottom:1px solid #b8b8b8;font-weight:bold;} table.list thead .sep{position:absolute;bottom:0;right:-1px;border-left:1px solid #b8b8b8;height:12px;z-index:1;} table.list thead th:last-child .sep{display:none;} table.list th{padding:10px;line-height:20px;border-bottom:1px solid #e1e0dc;} table.list td{padding:10px;line-height:20px;font-size:0.9em;border-bottom:1px solid #e1e0dc;} table.list tr.notice{color:#213f74;background:#fcfbf0;} table.list tr.notice a{color:#213f74;} table.list th.alignLeft{padding-left:20px;text-align:left;} table.list td.alignLeft{padding-left:20px;text-align:left;} table.list.report tr.active{background:#fbeced;} table.list.report tr.active td.alignLeft b{color:#b82b33;border-bottom:1px solid #b82b33;} table.list.report td.thumb img{width:177px;max-height:112px;} table.list.report td.alignLeft{padding:15px 20px 10px 0;vertical-align:top;} table.list.report td.alignLeft b{display:inline-block;margin-bottom:8px;} table.list.static{border-left:1px solid #e1e0dc;} table.list.static thead th{position:inherit;border-right:1px solid #e1e0dc;} table.list.static thead .sep{display:none;} table.list.static tbody th{border-right:1px solid #e1e0dc;background:#f9f9fb;} table.list.static tbody td{border-right:1px solid #e1e0dc;} table.list.static th.alignLeft{font-size:13px;} table.list.static.small{margin:10px 0;border-top:1px solid #e1e0dc;} table.list.static.small thead th{background:#eee;border-bottom:1px solid #e1e0dc;} table.list.static.small th, table.list.static.small td{padding:5px;font-size:0.85em;} table.list.subList{border:1px solid #e2e2e2;} table.list.subList thead th{background:#eeeeee;border-bottom:1px solid #e2e2e2;} table.view{font-size:0.9em;text-align:left;} table.view thead th{position:relative;padding:10px 10px 10px 20px;font-weight:bold;text-align:left;line-height:20px;background:#eff1f6;border-bottom:1px solid #b8b8b8;} table.view thead td{position:relative;padding:10px 15px;font-weight:bold;text-align:left;line-height:20px;background:#eff1f6;border-bottom:1px solid #b8b8b8;} table.view tbody tr.noBorder{border:0px none;} table.view tbody th{padding:10px 10px 10px 20px;position:relative;font-weight:bold;line-height:20px;text-align:left;border-bottom:1px solid #e1e0dc;} table.view tbody td{padding:10px 15px;line-height:20px;text-align:left;border-bottom:1px solid #e1e0dc;} table.view tbody td ul{display:block;} table.view tbody td ul li{display:block;padding:3px 0;} table.view tbody td.editorContent{padding:30px 20px;height:300px;line-height:180%;vertical-align:top;} table.view tbody td.right{text-align:right;} table.view tbody .sep{position:absolute;top:0;right:0;height:12px;border-left:1px solid #dbdbdb;} table.view.static{border-left:1px solid #e1e0dc;} table.view.static thead th{border-right:1px solid #e1e0dc;} table.view.static thead .sep{display:none;} table.view.static tbody th{position:static;border-right:1px solid #e1e0dc;background:#f9f9fb;} table.view.static tbody td{border-right:1px solid #e1e0dc;} table.view.static th.alignLeft{font-size:13px;} table.view.center th, table.view.center td{text-align:center;padding-left:0;padding-right:0;} table.view.static tbody tr.gray{background:#f4f6f9;} table.info{margin:10px 0;font-size:1em;text-align:left;} table.info thead th{position:relative;padding:10px 10px 10px 20px;font-weight:bold;text-align:left;line-height:160%;background:#eff1f6;border-bottom:1px solid #b8b8b8;} table.info thead td{position:relative;padding:10px 15px;font-weight:bold;text-align:left;line-height:160%;background:#eff1f6;border-bottom:1px solid #b8b8b8;} table.info tbody tr{} table.info tbody th{padding:10px 10px 10px 20px;font-weight:bold;line-height:160%;text-align:left;background:#eff1f6;border-bottom:1px solid #d9d9d9;} table.info tbody td{padding:10px 15px;line-height:160%;text-align:left;border-bottom:1px solid #d9d9d9;} table.form{margin:10px 0;font-size:0.9em;text-align:left;} table.form thead th{position:relative;padding:10px 10px 10px 25px;font-weight:bold;text-align:left;line-height:160%;background:#eff1f6;border-bottom:1px solid #b8b8b8;} table.form thead td{position:relative;padding:10px 15px;font-weight:bold;text-align:left;line-height:160%;background:#eff1f6;border-bottom:1px solid #b8b8b8;} table.form tbody tr{} table.form tbody th{padding:10px 10px 10px 20px;position:relative;font-weight:bold;line-height:160%;text-align:left;background:#eff1f6;border-bottom:1px solid #d9d9d9;} table.form tbody td{padding:10px 15px;line-height:160%;text-align:left;border-bottom:1px solid #d9d9d9;} table.form span.fileSize{font-size:12px;} table.form span.fileSize b{color:red;} table.calendar{border-top:2px solid #365a99;} table.calendar td, table.calendar th{border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;} table.calendar thead{border-left:1px solid #b2bdd0;} table.calendar thead th{padding:14px 0;background:#e9eef6;border-color:#b2bdd0;} table.calendar tbody{border-left:1px solid #dbdbdb;} table.calendar tbody td{padding:9px;height:110px;font-size:0.9em;vertical-align:top;} table.calendar tbody td em{font-size:0.95em;} table.calendar tbody td.hasPlane{background:#fbeced;} table.calendar tbody td.hasPlane ul{display:block;margin-top:5px;} table.calendar tbody td.hasPlane ul li{display:block;} table.calendar tbody td.hasPlane ul li a{display:block;color:#213f74;text-decoration:underline;} table.calendar tbody td.today{display:block;position:relative;background:#fcfbf0;} table.calendar tbody td.today:after{display:block;content:'';position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;height:128px;border:1px solid #365a99;z-index:1;} table.calendar tbody td.today em{font-weight:bold;} table.calendar .sun{color:#d04c55;} table.calendar .sat{color:#213f74;} .noBr{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis} .calendarOption{margin-bottom:20px;text-align:center;font-size:1.3em;} .calendarOption b{display:inline-block;padding:0 20px;} table.calendar.small thead th{padding:8px 0;} table.calendar.small tbody td{position:relative;padding:5px;height:50px;text-align:right;} table.calendar.small tbody td em{position:absolute;top:5px;left:5px;} table.calendar.small tbody td.today:after{height:60px;} table.calendar.small2 thead th{padding:8px 0;} table.calendar.small2 tbody td{position:relative;padding:5px;height:55px;text-align:left;} table.calendar.small2 tbody td em{position:absolute;top:5px;left:5px;} table.calendar.small2 tbody td p.leftText{position:absolute;top:20px;left:5px;} table.calendar.small2 tbody td.today:after{height:60px;} .calendarOption.small{margin-bottom:10px;} .tableDesc{font-size:0.85em;text-align:right;} .required{font-size:1.2em;color:#e60000;} th .required{position:absolute;margin-left:-10px;font-size:1em;} .word4{width:140px;} .word5{width:140px;} .thumbRoom{width:25%;} .tableScrollBox em{display:none;} .boardSubTitle{margin-bottom:20px;text-align:center;background-color:#fbfcfd;border-top:4px solid #333333;border-bottom:1px solid #b2b3b5;} .boardSubTitle .boardSubSubject{padding:25px 20px 20px 20px;font-size:1.8em;font-weight:bold;color:#00001f;letter-spacing:-1px;line-height:140%;} .boardSubTitle .boardSubContent{padding:0 20px;} .boardSubTitle .boardSubContent p{padding:0 0 25px 0;} table.linked tr{cursor:pointer;} table.linked tr:hover{background:#f5f5f5 !important;} tr#commnetAddTr{position:relative;padding:0;} tr#commnetAddTr th, tr#commnetAddTr td{padding:15px 10px 75px 10px;vertical-align:top;} tr#commnetAddTr #commentForm{position:absolute;left:10px;right:130px;bottom:15px;height:50px;} tr#commnetAddTr #commentForm textarea{width:100% !important;height:50px;border:1px #ccc solid;} tr#commnetAddTr a.btn{display:block;position:absolute;right:10px;bottom:15px;padding:0;width:110px;height:50px;line-height:50px;text-align:center;} tr#commnetAddTr a.btn.btn_list{background:#6e7480;border-color:#5c6578;box-sizing:border-box;} /*List*/ ol.style li{margin-left:20px;list-style:decimal;} ol.listGallery{display:block;margin-bottom:20px;} ol.listGallery:after{display:block;content:'';clear:both;} ol.listGallery li{display:block;float:left;margin:0 11px 11px 0;width:214px;height:215px;text-align:center;border:1px solid #dbdbdb;} ol.listGallery li.last{margin-right:0;} ol.listGallery li img{width:100%;height:135px;} ol.listGallery li p{overflow:hidden;padding:15px 20px 0;height:35px;font-size:0.9em;line-height:140%;} ol.listGallery li span.date{font-size:0.8em;color:#888;} ol.englistGallery{display:block;margin-bottom:20px;} ol.englistGallery:after{display:block;content:'';clear:both;} ol.englistGallery li{display:block;float:left;margin:0 18px 18px 0;width:265px;height:245px;text-align:center;border:1px solid #dbdbdb;} ol.englistGallery li.last{margin-right:0;} ol.englistGallery li img{width:100%;height:178px;} ol.englistGallery li p{overflow:hidden;padding:15px 20px 0;height:35px;font-size:0.9em;line-height:140%;} ol.englistGallery li span.date{font-size:0.8em;color:#888;} ol.listCeo{display:block;margin-bottom:20px;} ol.listCeo:after{display:block;content:'';clear:both;} ol.listCeo li{display:block;float:left;margin:0 11px 11px 0;width:214px;height:250px;text-align:center;background:#f6f6f6;border-top:2px solid #365a99;} ol.listCeo li.last{margin-right:0;} ol.listCeo li em{display:block;padding:10px 0;background:#fff;border-bottom:1px solid #365a99;} ol.listCeo li img{margin-top:20px;width:78px;height:97px;border:1px solid #d8d8d8;} ol.listCeo li b{display:block;margin-top:5px;font-size:1.05em;} ol.listCeo li p{display:block;margin-bottom:10px;font-size:0.85em;} ol.listCeo li a{display:inline-block;padding:0 10px;height:24px;font-size:0.9em;color:#333;line-height:24px;background:#fff;border:1px solid #4c576b;vertical-align:middle;} ol.listBook{display:block;margin-bottom:20px;} ol.listBook:after{display:block;content:'';clear:both;} ol.listBook li{display:block;float:left;margin:0 11px 11px 0;padding-top:23px;width:214px;height:301px;text-align:center;border:1px solid #dbdbdb;} ol.listBook li:nth-child(4n){margin-right:0;} ol.listBook li.last{margin-right:0;} ol.listBook li img{width:168px;height:208px;} ol.listBook li p{padding:16px 23px;font-size:0.9em;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis} ol.listBook li a.btn_downPdf{color:#4c576b;border-color:#4c576b;} ol.listBook li a.btn_downEbook{color:#438ece;border-color:#438ece;} ul.listReport{display:block;} .modalWrap ul.listReport > li{max-height:500px;overflow-y:auto;} ul.listReport > li{display:block;margin-bottom:10px;color:#747474;line-height:180%;border:2px solid #efefef;} ul.listReport > li div.title{position:relative;padding:20px 160px 20px 20px;font-size:0.9em;} ul.listReport > li div.title > b{display:inline-block;margin-right:5px;font-size:1.1em;color:#365a99;line-height:130%;border-bottom:1px solid #365a99;} ul.listReport > li div.title > img{margin-right:5px;} ul.listReport > li div.title > span.period{font-size:0.9em;} ul.listReport > li div.title > span.year{display:inline-block;margin-left:5px;padding:0 5px;height:20px;font-size:0.9em;color:#fff;line-height:20px;background:#5297d2;vertical-align:middle;} ul.listReport > li div.title > a.btn_history{display:none;position:absolute;bottom:50px;right:20px;padding:0 22px 0 8px;height:22px;color:#fff;line-height:22px;background:#365a99 url(/images/smba/icon_newWindowWh.png) no-repeat 95% center;} ul.listReport > li div.title > a.btn_detail{display:block;position:absolute;bottom:10px;right:20px;padding:0 20px 0 10px;font-size:1em;text-align:center;background:url(/images/smba/icon_downArrow.png) no-repeat right center;} ul.listReport > li div.detail{display:none;padding:20px;} ul.listReport > li:hover{border-color:#e9eef6;} ul.listReport > li div.title:hover{background:#e9eef6;} ul.listReport > li.active{border-color:#365a99;} ul.listReport > li.active > div.title{background:#f4f6fa;} ul.listReport > li.active > div.title > a.btn_detail{color:#fff;background:#535453 url(/images/smba/icon_upArrowWh.png) no-repeat 90% center;border-color:#535453;} ul.listReport > li.active > div.detail{display:block;} ul.listReport > li.empty{display:block;padding:40px 0;font-size:0.9em;text-align:center;border:0px none;} ul.listReport > li.empty b{color:#d04c55;} dl.listHistory{display:block;position:relative;} dl.listHistory dt{display:block;position:absolute;left:0;padding-top:15px;width:60px;font-size:1.5em;font-weight:bold;color:#1d6dc2;text-align:center;border-top:2px solid #1d6dc2;} dl.listHistory dd{display:block;position:relative;margin:0 0 10px 70px;padding:10px 30px 20px;border:1px solid #e2e2e2;border-top:1px solid #444;} dl.listHistory dd span.title{display:block;margin-bottom:10px;padding:15px 100px 15px 0;font-size:1.1em;font-weight:bold;color:#213f74;border-bottom:1px dotted #cfcfcf;} dl.listHistory dd ul{display:block;margin:5px 0;font-size:0.95em;} dl.listHistory dd ul li{display:block;position:relative;padding-left:11px;line-height:140%;} dl.listHistory dd ul li em{display:block;position:absolute;top:0;left:0;} dl.listHistory dd > ul > li > em{width:11px;height:16px;background:url(/images/smba/icon_tabBoxLi.png) no-repeat left center;} dl.listHistory dd a.btn_modalOpen{position:absolute;top:20px;right:30px;} dl.listHistory dd a.btn_modalOpen2{position:absolute;top:20px;right:30px;} ul.listBanner{display:block;} ul.listBanner:after{display:block;content:'';clear:both;} ul.listBanner li{display:block;float:left;margin:0 -1px 9px 0;border:1px solid #dbdbdb;} ul.listBanner li img{width:221px;height:53px;} ul.listPopup{display:block;} ul.listPopup:after{display:block;content:'';clear:both;} ul.listPopup li{display:block;float:left;margin:0 17px 17px 0;padding:15px 15px 0;width:285px;height:190px;text-align:center;border:1px solid #dbdbdb;box-sizing:border-box;} ul.listPopup li img{margin-bottom:20px;max-width:100%;height:93px;} ul.listPopup li p{padding:0 10px;font-size:0.9em;line-height:160%;} ul.listPopup li.last{margin-right:0;} ul.listSitemap{display:block;} ul.listSitemap > li, ul.listSitemap > li > ul{display:block;} ul.listSitemap > li{float:left;margin:0 0 20px 2%;width:32%;} ul.listSitemap > li > b{display:block;height:33px;color:#365a99;line-height:33px;text-align:center;border-top:2px solid #365a99;border-bottom:1px solid #365a99;} ul.listSitemap > li > ul{font-size:0.9em;line-height:150%;background:#fafafa;} ul.listSitemap > li > ul > li{clear:both;padding:15px;border-bottom:1px solid #cbcbcb;} ul.listSitemap > li > ul > li:after{display:block;content:'';clear:both;} ul.listSitemap > li > ul > li > a{display:block;float:left;width:35%;color:#141414;} ul.listSitemap > li > ul > li.onlyOne > a{float:none;width:auto;} ul.listSitemap > li > ul > li > ul{float:right;padding-left:10px;width:60%;font-size:0.95em;line-height:180%;border-left:1px dashed #cfcfcf;box-sizing:border-box;} ul.listSitemap > li > ul > li > ul > li{padding-left:10px;background:url(/images/smba/dot_blogSns.jpg) no-repeat left 9px;} ul.listSitemap > li > ul > li > ul > li > a{color:#555;} ul.listSitemap > li.first{margin-left:0;clear:both;} /*View*/ .productView{padding:30px;min-height:280px;border:2px solid #efefef;} .productView.noBorder{border:0;} .productView h6{padding:10px 0;font-size:1.2em;font-weight:bold;color:#1d1d1d;} .productView .productThumb{float:left;padding:1px 21px 1px 1px;width:328px;height:268px;line-height:264px;text-align:center;background:url(/images/smba/area/bg_productThumb.jpg) no-repeat top left;} .productView .productThumb img{max-width:99%;max-height:99%;} .productView .productDesc{float:right;width:450px;} /*Paging*/ .pageControl{padding:14px;font-size:0.9em;text-align:right;background:#f5f5f5;border:1px solid #dbdbdb;} .pageControl a{display:inline-block;vertical-align:middle;} .pageControl span.pageCount{display:inline-block;padding:0 10px;} .pageControl span.pageCount b{color:#d35c64;} .pageControl select{height:25px;border-color:#b8b8b8;} .pageControl input[type='text']{padding:0 5px;height:23px;border-color:#b8b8b8;} .pageControl input[type='submit'], .pageControl a.btn_submit{padding:0 10px;height:25px;font-size:0.85em;line-height:25px;background:#4c576b;} /*Btn*/ .btnHolder{display:block;margin:20px 0;text-align:center;} .btnHolder:after{display:block;content:'';clear:both;} .btnHolder.left{text-align:left;} .btnHolder.right{text-align:right;} .btnHolder.marginN{margin:0 0 5px 0;} .btnHolder span.left{display:block;float:left;text-align:left;} .btnHolder span.right{display:block;float:right;text-align:right;} .btn{display:inline-block;padding:8px 25px;color:#333;background:#fff;border:1px solid #b8b8b8;vertical-align:middle;} .btn_inline{display:inline-block;padding:0 10px;height:24px;font-size:0.9em;color:#333;line-height:24px;background:#fff;border:1px solid #4c576b;vertical-align:middle;} .btn_down{display:inline-block;padding:0 20px;height:24px;font-size:0.9em;color:#4c576b;line-height:24px;background:#fff;background:url(/images/smba/bg_btnDown.png) no-repeat 95% 6px;border:1px solid #4c576b;text-indent:-10px;vertical-align:middle;} .btn_fileView{display:inline-block;margin-left:5px;padding:0 8px;height:21px;font-size:0.9em;color:#333;line-height:21px;background:#fff url(/images/smba/bg_btn.png) repeat-x;border:1px solid #b8b8b8;vertical-align:middle;} .btn_view{display:inline-block;float:right;padding:8px 25px;background:#365a99;border:0;color:white;font-weight:bold;font-size:14px;} .btn_list{color:#fff;background:#365a99;border-color:#365a99;} .btn_apply{color:#fff;background:#365a99;border-color:#365a99;} .btn_cancel{color:#fff;background:#535453;border-color:#535453;} .btn_submit{color:#fff;background:#365a99;border-color:#365a99;} .btn_downArrow{background:url(/images/smba/icon_downArrow.png) no-repeat right center;padding:0 25px 0 10px;} .btn_downArrow img{margin-bottom:2px;height:80%;} .btn_detailLink{display:inline-block;padding:0 20px 0 10px;height:28px;font-size:13px;color:#4c576b;line-height:28px;text-align:center;background:url(/images/smba/btn_linkArrowR.png) no-repeat right center;border:1px solid #4c576b;} .btn_areaDown{display:inline-block;padding:8px 20px;color:#fff;background:#365a99;vertical-align:middle;} /* .btn_submit{color:#fff;background:#535453;border-color:#535453;} .btn_cancel{color:#fff;background:#365a99;border-color:#365a99;} */ .btn_search{color:#fff;background:#4c576b;} .btn_inline.position{position:absolute;top:0;right:36px;} .btn_imgZoom{display:block;position:absolute;top:5px;right:5px;width:20px;height:20px;font-size:0.9em;color:#fff;text-align:center;line-height:20px;background:rgba(0,0,0,0.2);border-radius:10px;} .btn_contentZoom{display:none;position:absolute;top:5px;right:5px;padding:0 4px;height:20px;font-size:0.9em;color:#fff;text-align:center;line-height:20px;background:rgba(0,0,0,0.2);border-radius:10px;} .thumbZoom{position:relative;} .btn-area{margin:20px 0;text-align:right;} .btn-area a{display:inline-block;padding:8px 25px;background:#365a99;border:0;color:white;font-weight:bold;font-size:14px;} /*Modal*/ .modalWrap{display:none;position:absolute;top:200px;left:50%;margin-left:-280px;padding:30px 30px 15px;width:500px;max-height:70%;overflow-y:auto;background:#fff;border:1px solid #4c576b;box-shadow:2px 3px 8px #bbb;z-index:10;} .modalWrap.support{margin-left:-300px;width:600px;} .modalWrap.wide{margin-left:-400px;width:800px;} .modalWrap.imgView{margin-left:-300px;width:600px;height:600px;text-align:center;overflow-y:auto;} .modalWrap.popup{display:block;position:static;top:inherit;left:inherit;margin-left:0;padding:20px;width:auto;background:none;border:0px none;box-shadow:none;} .modalWrap .btn_close{position:absolute;top:15px;right:15px;width:24px;height:24px;text-indent:-9999em;background:url(/images/smba/btn_modalClose.png) no-repeat center center;} .modalWrap b.big{font-size:18px;color:#4c576b;} .modalWrap .password .info p.small{font-size:13px;} .modalWrap .modalHeader{font-size:1.6em;font-weight:bold;color:#1d1d1d;text-align:left;} #modal_viewerDown .modalHeader{padding-top:5px;font-size:1.2em;} #modal_viewerDown .modalDesc{margin:15px 0;padding:15px;font-size:0.9em;line-height:150%;border:1px solid #e2e2e2;border-top:2px solid #444;} #modal_viewerDown .modalDesc b{display:inline-block;margin-top:5px;} #modal_viewerDown .tableDesc{text-align:left;line-height:150%;} #modal_smartApp .smartAppTop{position:absolute;top:0;left:0;width:100%;height:56px;background:#365a99;border-bottom:3px solid #5a9ed8;line-height:56px;} #modal_smartApp .smartAppTop h3{padding-left:20px;color:#fff;font-size:18px;} #modal_smartApp .tabBar{margin-top:40px;} #modal_smartApp .btn_close{background:url(/images/smba/btn_modalClose2.png) no-repeat center center;} #modal_smartApp .tabPage > img{display:block;margin:0 auto;width:100%;} #modal_smartApp a{word-break:break-all;} #modal_titleBar{position:absolute;top:0;left:30px;height:55px;font-size:1.6em;font-weight:bold;color:#1d1d1d;line-height:55px;text-align:left;} #modal_pdf{padding:0;} #modal_pdf h5{display:block;margin:0 0 10px;padding:0 20px;height:55px;font-size:1.3em;font-weight:bold;color:#fff;line-height:55px;background:#365a99;border-bottom:3px #5a9ed8 solid;} #modal_pdf .afterClear{padding:0 20px;} #modal_pdf .afterClear > p{margin-bottom:20px;padding:12px 0;font-size:0.85em;background:#fff !important;border-bottom:1px #e2e2e2 solid;} #modal_pdf .afterClear div p{padding:20px;font-size:0.9em;font-weight:bold;color:#000;line-height:180%;text-align:center;background:#e9eef6;} #modal_pdf .afterClear div p img{margin-bottom:10px;max-width:100%;border:1px #ced5e0 solid;} #modal_pdf .afterClear div p a{margin-top:5px;} #modal_pdf.modalWrap .btn_close{background:url(/images/smba/btn_allNavClose.png) no-repeat center center;} /*Datepicker*/ input.hasDatepicker{width:80px} #ui-datepicker-div{display:none;width:200px;background:#fff;border:1px #ccc solid;box-shadow:2px 3px 6px #aaa;z-index:10 !important} .ui-datepicker{position:relative} .ui-datepicker table{margin:10px 0;width:100%;font-size:0.9em;border-top:0px none;} .ui-datepicker table thead th, .ui-datepicker table tbody td{height:inherit;padding:1px;font-weight:400;width:14.2857%;text-align:center} .ui-datepicker table tbody td a{display:block;padding:6px 0;color:#4b4b4b;text-align:center} .ui-datepicker table tbody td a.hover{background:#eee} .ui-datepicker table tbody td span{color:#aaa} .ui-datepicker table tbody td.date-holiday a{color:#eb3c3c} .ui-datepicker table tbody tr td:first-child *{color:#eb3c3c} .ui-datepicker table tbody tr td:last-child *{color:#4084d2} .ui-datepicker table tbody td a.ui-state-active{background:#696a6c;color:#fff} .ui-datepicker .ui-datepicker-header{position:relative} .ui-datepicker .ui-datepicker-title{height:30px;font-size:0.9em;color:#fff;text-align:center;line-height:30px;background:#4395ce} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:0;width:30px;height:30px;text-indent:-9999em;cursor:pointer} .ui-datepicker .ui-datepicker-prev{left:0;background:url(/images/smba/bg_arrowL.png) no-repeat center center;background-size:auto 50%} .ui-datepicker .ui-datepicker-next{right:0;background:url(/images/smba/bg_arrowR.png) no-repeat center center;background-size:auto 50%} .btn_calendarOpen{display:inline-block;margin:0 2px 0 -2px;width:26px;height:26px;text-indent:-9999em;background:url(/images/smba/icon_calendar.png) no-repeat center center;vertical-align:middle} .hover .btn_calendarOpen, .btn_calendarOpen.hover{background:url(/images/smba/icon_calendar_on.png) no-repeat center center;background-size:auto 90%} /*Main*/ #main h4{background:none;padding-left:0;} #main > .inner{width:1178px;border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid;} #main #mainSection{padding:3px 0;background:url(/images/smba/bg_mainSection.jpg) center center;} #mainVisual{position:relative;float:left;width:847px;height:331px;} #mainVisual .bx-controls-direction{display:none;} #mainVisual .bx-pager{position:absolute;top:25px;right:40px;} #mainVisual .bx-pager .bx-pager-item{display:inline-block;padding:0 6px;} #mainVisual .bx-pager .bx-pager-item a{display:inline-block;width:8px;height:8px;text-indent:-9999em;background:url(/images/smba/btn_mainVisual.png) no-repeat -60px 0;} #mainVisual .bx-pager .bx-pager-item a.active{background:url(/images/smba/btn_mainVisual.png) no-repeat -40px 0;} #mainVisual .bx-controls-auto{position:absolute;top:25px;right:25px;} #mainVisual .bx-controls-auto .bx-controls-auto-item{position:absolute;top:0;left:0;} #mainVisual .bx-controls-auto .bx-controls-auto-item a{display:block;width:8px;height:8px;text-indent:-9999em;background:url(/images/smba/btn_mainVisual.png) no-repeat 0 0;} #mainVisual .bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(/images/smba/btn_mainVisual.png) no-repeat -20px 0;} #mainVisual .bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(/images/smba/btn_mainVisual.png) no-repeat 0 0;} #mainVisual .bx-controls-auto .bx-controls-auto-item a.active{display:none;} #mainCeo{float:left;width:330px;height:331px;border-left:1px #e0e0e0 solid;background:url(/images/smba/bg_mainCeo.jpg) no-repeat 160px 100px;} #mainCeo h4{display:block;padding:30px 0 0 21px;font-size:1.4em;color:#2c4468;line-height:140%;} #mainCeo h4 span{display:block;font-size:0.85em;color:#365a99;} #mainCeo a{color:#232323;} #mainCeo ul{display:block;padding:35px 0 0 21px;width:132px;} #mainCeo ul li{display:block;border-bottom:1px #e7e7e7 solid;} #mainCeo ul li a{display:block;height:35px;font-weight:bold;line-height:35px;text-indent:5px;background:url(/images/smba/icon_mainCeoBullet.png) no-repeat 100px center;} #mainCeo p{display:block;padding:60px 0 0 21px;} #mainCeo p:after{display:block;content:'';clear:both;} #mainCeo p a{display:block;float:left;margin-right:1px;width:145px;height:47px;font-size:0.95em;font-weight:bold;line-height:47px;text-align:center;background:#d1d6e0;} /* ======== 홈페이지 본청메인 청장란 변경 css 추가 (20170412) ============ */ #mainCeoNew{float:left;width:330px;height:331px; border-left:1px #e0e0e0 solid; padding:20px; box-sizing:border-box;} #mainCeoNew h4.first_h4{display:block; font-size:1.5em;color:#2c4468;line-height:140%;font-weight:400;} #mainCeoNew h4 span{display:block;font-size:0.85em;color:#365a99;} #mainCeoNew a.Ceo_New_btn{display:block;width:100%;font-size:0.95em;font-weight:bold;line-height:40px;text-align:center;background:#8eb4e3;color:#2c4468; font-size:15px;} #mainCeoNew .type2{display:block;margin-bottom:11px;padding:15px 0;height:155px;border:0px solid #e0e0e0;} #mainCeoNew .type2 h4.last_h4{display:block;padding:8px 0;height:auto;font-size:1.1em;color:#365a99;line-height:inherit;background:none;border-bottom:1px solid #365a99;} #mainCeoNew .type2 a.btn_more{display:block;position:absolute;top:155px;right:25px;width:15px; height:15px;font-size:1.4em;color:#000;text-align:center;} #mainCeoNew .type2.item3 { width:100%;} #mainCeoNew .type2.item3 div{line-height:40%;} #mainCeoNew .type2.item3 div a{display:block; width:33.3333%; float:left; background:none; text-align:center;} #mainCeoNew .type2.item3 div a.last {margin:0;} #mainCeoNew .type2.item3 div a img {max-width:100%;} /* ======== 홈페이지 본청메인 청장란 변경 css 추가 (20170412) ============ */ #mainLatest{float:left;width:518px;height:280px;} #mainLatest ul.tabBar{display:block;padding:0 15px;height:46px;background:#438ece;} #mainLatest ul.tabBar li{display:block;float:left;position:relative;padding:0 15px;} #mainLatest ul.tabBar li a{display:block;padding-top:5px;height:36px;color:#fff;line-height:36px;border-bottom:5px #438ece solid;} #mainLatest ul.tabBar li span.seq{display:block;position:absolute;overflow:hidden;top:18px;right:0;width:0px;height:12px;border-right:1px #326a9a solid;} #mainLatest ul.tabBar li.active a{border-bottom:5px #fff solid;} #mainLatest div.tabPage{position:relative;padding:25px 25px 0;font-size:0.9em;line-height:150%;} #mainLatest div.tabPage ul{display:block;} #mainLatest div.tabPage ul li{display:block;margin-bottom:8px;} #mainLatest div.tabPage ul li a{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;} #mainLatest div.tabPage ul li.review{display:block;margin-bottom:16px;} #mainLatest div.tabPage ul li.review a{display:block;white-space:inherit;overflow:auto;} #mainLatest div.tabPage ul li.review{display:block;margin-bottom:16px;} #mainLatest div.tabPage ul li.review span.title{font-size:1.1em;font-weight:bold;} #mainLatest div.tabPage ul li.review p{display:-webkit-box;margin-top:8px;max-height:35px;font-size:0.9em;color:#9d9d9d;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;} #mainLatest a.btn_more{display:block;position:absolute;top:-35px;right:15px;width:30px;height:30px;font-size:1.4em;color:#fff;text-align:center;line-height:30px;} #mainSupport{position:relative;float:left;width:330px;height:280px;background:#f3f5f8;} #mainSupport h4{display:block;padding:0 22px;height:46px;font-size:1.1em;color:#fff;line-height:46px;background:#365a99;} #mainSupport div.tabControl{position:absolute;top:10px;right:9px;width:47px;height:23px;} #mainSupport div.tabControl a{display:block;float:left;width:23px;height:23px;text-indent:-9999em;} #mainSupport div.tabControl a.tabBtnPrev{background:url(/images/smba/btn_mainSliderPrev.png) no-repeat center center;} #mainSupport div.tabControl a.tabBtnNext{background:url(/images/smba/btn_mainSliderNext.png) no-repeat center center;} #mainSupport div.tabPage{padding:0 10px;} #mainSupport div.tabPage ul{display:block;} #mainSupport div.tabPage ul li{display:block;float:left;margin:8px 0;width:33.3333%;} #mainSupport div.tabPage ul li a{display:block;font-size:0.85em;color:#5b5b5b;text-align:center;} #mainSupport div.tabPage ul li a img{height:70px;margin-bottom:5px;} #mainMap{position:relative;float:left;width:330px;height:280px;} #mainMap h4{display:block;padding:0 22px;height:46px;font-size:1.1em;color:#000;line-height:46px;background:#eeb829;} #mainMap ul.tabBar{display:block;padding:24px 0 0 20px;width:150px;} #mainMap ul.tabBar li{display:block;float:left;margin-bottom:8px;width:50%;} #mainMap ul.tabBar li a{font-size:0.85em;color:#555;letter-spacing:-1px;} #mainMap ul.tabBar li a em{font-weight:bold;} #mainMap ul.tabBar li.active a{color:#d04c55;} #mainMap ul.tabBar li.active a span{text-decoration:underline;} #mainMap div.tabPage, #mainMap #mainMapImg{position:absolute;top:60px;right:24px;} #main #mainSection > .inner > div{float:left;} #mainState{position:relative;margin:11px 11px 11px 0;width:519px;height:283px;overflow:hidden;background:#fff;} #mainState h4{display:block;margin:8px 22px 0;height:44px;font-size:1.1em;font-weight:bold;color:#151515;line-height:44px;} #mainState .statusBtnArea{padding:0 10px;} #mainState .statusBtnArea a{display:block;float:left;width:33.3333%;text-align:center;} #mainState .statusBtnArea a img{max-width:100%;} #mainState ul.tabBar{display:block;margin:0 22px;height:37px;border-bottom:1px #15479f solid;} #mainState ul.tabBar li{display:block;position:relative;float:left;margin-right:-1px;border:1px #d6d9dd solid;border-bottom:1px #15479f solid;} #mainState ul.tabBar li a{display:block;width:110px;height:36px;font-size:0.9em;font-weight:bold;color:#555;line-height:36px;text-align:center;} #mainState ul.tabBar li.active{border:1px #15479f solid;border-bottom:1px #fff solid;z-index:1;} #mainState ul.tabBar li.active a{color:#15479f;} #mainState div.tabPage{position:relative;} #mainState .chartArea{display:block;float:left;width:235px;height:180px;overflow:hidden;} #mainState .chartArea.small{height:90px;} /* #mainState a.btn_more{display:block;position:absolute;top:-35px;right:15px;width:30px;height:30px;font-size:1.4em;color:#151515;text-align:center;line-height:30px;}*/ #mainState a.btn_more{display:block;position:absolute;top:18px;right:22px;width:30px;height:30px;font-size:1.4em;color:#151515;text-align:center;line-height:30px;} #mainBriefing{position:relative;margin:11px 11px 11px 0;width:318px;height:283px;background:url(/images/smba/bg_mainMovie.gif);} #mainBriefing h4{display:block;padding:0 22px;height:55px;font-size:1.1em;font-weight:bold;color:#fff;line-height:55px;} #mainBriefing > a{display:block;} #mainBriefing a.btn_more{display:block;position:absolute;top:18px;right:22px;width:20px;height:20px;font-size:1.4em;color:#fff;text-align:center;line-height:20px;} #mainBriefing img{display:block;margin:0 auto;width:265px;} #mainBriefing p{display:block;margin:18px 22px 0;font-size:0.9em;color:#fff;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis} #main #mainSection > .inner > div#mainBnr{float:right;} #mainBnr{position:relative;overflow:hidden;margin:11px 0;width:321px;height:283px;background:#fff;} #mainBnr img{width:100%;} #mainBnr .bx-controls{position:absolute;bottom:0;left:0;right:0;height:42px;color:#fff;background:url(/images/smba/bg_mainBnrControl.png);} #mainBnr .bx-controls a{display:block;position:absolute;top:10px;width:23px;height:21px;text-indent:-9999em;border:1px #757b97 solid;} #mainBnr .bx-controls .bx-pager{display:block;position:absolute;top:13px;right:120px;} #mainBnr .bx-controls a.bx-prev{right:87px;background:url(/images/smba/btn_mainSliderPrev.png) no-repeat center center;} #mainBnr .bx-controls a.bx-next{right:63px;background:url(/images/smba/btn_mainSliderNext.png) no-repeat center center;} #mainBnr .bx-controls a.bx-start{right:39px;background:url(/images/smba/btn_mainSliderStart.png) no-repeat center center;} #mainBnr .bx-controls a.bx-stop{right:39px;background:url(/images/smba/btn_mainSliderStop.png) no-repeat center center;} #mainBnr .bx-controls a.bx-more{right:15px;background:url(/images/smba/btn_mainSliderMore.png) no-repeat center center;} #mainBnr .bx-controls a.active{display:none;} #mainDataLink{margin:0 11px 11px 0;width:519px;height:263px;background:#fff;} #mainDataLink ul{display:block;margin:12px 26px 0;} #mainDataLink ul:after{display:block;content:'';clear:both;} #mainDataLink ul li{display:block;float:left;width:50%;border-bottom:1px #8e8e8e dotted;} #mainDataLink ul li a{display:block;padding:22px 0 0 68px;height:57px;font-size:0.85em;color:#666;line-height:160%;} #mainDataLink ul li a b{display:block;font-size:1.2em;color:#151515;} #mainDataLink ul li.icon_mainDataLink1{background:url(/images/smba/icon_mainDataLink1.png) no-repeat 21px center;} #mainDataLink ul li.icon_mainDataLink2{background:url(/images/smba/icon_mainDataLink2.png) no-repeat 21px center;} #mainDataLink ul li.icon_mainDataLink3{background:url(/images/smba/icon_mainDataLink3.png) no-repeat 21px center;} #mainDataLink ul li.icon_mainDataLink4{background:url(/images/smba/icon_mainDataLink4.png) no-repeat 21px center;} #mainDataLink ul li.icon_mainDataLink5{border-bottom:0px none;background:url(/images/smba/icon_mainDataLink5.png) no-repeat 21px center;} #mainDataLink ul li.icon_mainDataLink6{border-bottom:0px none;background:url(/images/smba/icon_mainDataLink6.png) no-repeat 21px center;} #mainSns{margin:0 11px 11px 0;width:318px;height:263px;background:#fff;} #mainSns ul.tabBar{display:block;background:#f0f1f3;} #mainSns ul.tabBar:after{display:block;content:'';clear:both;} #mainSns ul.tabBar li{display:block;float:left;width:33.3333%;} #mainSns ul.tabBar li a{display:block;height:38px;line-height:38px;text-align:center;border-right:1px #d0d3d8 solid;border-bottom:1px #d0d3d8 solid;} #mainSns ul.tabBar li.last a{border-right-color:#f0f1f3;} #mainSns ul.tabBar li.active a{height:37px;background:#fff;border-bottom:0px none;border-top:2px #15479f solid;} #mainSns .tabPage{height:224px;overflow-y:scroll;} #mainCustomer{margin:0 0 11px 0;width:321px;height:263px;} #mainCustomer ul{display:block;} #mainCustomer ul li{display:block;float:left;width:156px;margin-right:9px;background:#438ece;} #mainCustomer ul li.last{margin-right:0;background:#eeb829;} #mainCustomer ul li a{display:block;height:140px;font-size:1.1em;font-weight:bold;color:#fff;text-align:center;} #mainCustomer ul li.last a{color:#000;} #mainCustomer ul li a img{margin:20px 0 15px;} #mainCustomer > img, #mainCustomer > a > img{margin-top:11px;width:321px;} #mainBanner{height:79px;background:#f4f4f4;} #mainBannerZone{float:left;padding:12px 0 0 182px;height:67px;} #mainBannerZone h2{display:block;position:absolute;top:30px;left:5px;font-size:1.2em;font-weight:bold;} #mainBannerZone ul li{display:block;width:206px;height:52px;text-align:center;background:#fff;border:1px solid #e3e3e3;} #mainBannerZone ul li img{width:100%;height:52px;} #mainBannerZone .bx-pager{display:none;} #mainBannerZone .bx-controls-direction a, #mainBannerZone .bx-controls-auto a{display:block;position:absolute;top:25px;width:25px;height:25px;text-indent:-9999em;} #mainBannerZone a.active{display:none;} #mainBannerZone .bx-stop{left:100px;background:url(/images/smba/btn_mainBannerZoneStop.png) no-repeat center center;} #mainBannerZone .bx-start{left:100px;background:url(/images/smba/btn_mainBannerZoneStart.png) no-repeat center center;} #mainBannerZone .bx-prev{left:75px;background:url(/images/smba/btn_mainBannerZonePrev.png) no-repeat center center;} #mainBannerZone .bx-next{left:125px;background:url(/images/smba/btn_mainBannerZoneNext.png) no-repeat center center;} #mainSiteAll{float:right;height:79px;background:#ececec;width:323px;} #mainSiteAll a{display:block;padding-left:75px;height:79px;font-size:1.1em;color:#fff;line-height:79px;background:#5c6578 url(/images/smba/icon_mainAllSite.png) no-repeat 20px center;} /**/ #gallerySlider{position:relative;} #gallerySlider .galleryContent{position:relative;margin:0 auto;width:736px;height:180px;overflow-y:auto;} #gallerySlider .flexslider{position:relative;margin:0 auto;width:736px;} #gallerySlider .flexslider .flex-prev{position:absolute;top:50%;left:-50px;margin-top:-12px;width:23px;height:43px;text-indent:-9999em;background:url(/images/smba/btn_sliderGalleryPrev.png) no-repeat center;} #gallerySlider .flexslider .flex-next{position:absolute;top:50%;right:-50px;margin-top:-12px;width:23px;height:43px;text-indent:-9999em;background:url(/images/smba/btn_sliderGalleryNext.png) no-repeat center;} #gallerySlider .flex-control-paging{display:none;} #gallerySlider .carousel{position:relative;margin:0 auto;width:798px;} #gallerySlider .carousel img{width:126px;height:87px;border:1px #dbdbdb solid;} #gallerySlider .carousel .flex-prev{position:absolute;top:0;left:-50px;width:43px;height:89px;text-indent:-9999em;background:url(/images/smba/btn_sliderCarouselPrev.png) no-repeat;} #gallerySlider .carousel .flex-next{position:absolute;top:0;right:-50px;width:43px;height:89px;text-indent:-9999em;background:url(/images/smba/btn_sliderCarouselNext.png) no-repeat;} #gallerySlider .carousel li{margin-right:6px;cursor:pointer;} #gallerySlider .carousel li.flex-active-slide{position:relative;} #gallerySlider .carousel li.flex-active-slide:after{display:block;content:'';position:absolute;top:0px;left:0px;right:0px;bottom:0px;border:2px solid #365a99;z-index:1;} #gallerySlider li{padding:0 !important;} /**/ .agreeArea{padding:10px 0;font-size:0.85em;line-height:180%;} .agreeArea textarea.agreeText{margin-bottom:10px;padding:10px;width:100%;min-height:100px;font-size:0.95em;color:#333;line-height:150%;background:#f7f7f7;border:1px solid #e2e2e2;box-sizing:border-box;} .agreeArea b{color:#e60000;} /**/ .movieHolder{} .movieHolder:after{display:block;content:'';clear:both;} .movieHolder .moviePlayer{float:left;padding-bottom:20px;border-bottom:1px #dbdbdb solid;} .movieHolder .moviePlayer > div{width:570px;height:321px;background:#f3f3f3;} .movieHolder .movieDesc{float:right;width:310px;height:341px;border-bottom:1px #dbdbdb solid;} .movieHolder .movieDesc td.movieText{padding:0;} .movieHolder .movieDesc td.movieText > div{padding:10px 15px;height:149px;max-height:151px;overflow-y:auto;box-sizing:border-box;} /**/ .goog-te-gadget-simple{padding:0 !important;background:none !important;border:0px none !important;} .goog-te-gadget-simple img{display:none !important;} .goog-te-gadget-simple span{display:none !important;} .goog-te-gadget-simple:after{display:block;content:'Language';padding:0 24px 0 15px;height:35px;font-size:0.9em;color:#fff;line-height:35px;background:url(/images/smba/bg_topBarSelect.png) no-repeat 78px center;clear:both;} /**/ #jusoDisplay{display:block;margin:15px 0;border-top:1px #dbdbdb solid;} #jusoDisplay li{display:block;padding:10px;border-bottom:1px #dbdbdb solid;} /**/ .snsShare{display:none;position:absolute;margin-left:-255px;padding:10px 0;width:300px;text-align:center;background:#fff;border:1px #365a99 solid;z-index:9;} .snsShare:after{display:block;content:'';position:absolute;top:-6px;right:18px;width:11px;height:6px;background:url(/images/smba/btn_snsShareArrow.png) no-repeat;} #containerNav .navRight li .snsShare > span, #containerNav .navRight li .snsShare > a{display:inline-block;margin:0 5px;width:46px;height:46px;text-indent:-9999em;vertical-align:middle;} #containerNav .navRight li .snsShare a#btn_snsShareFacebook{background:url(/images/smba/btn_snsShareFacebook.png) no-repeat;} #containerNav .navRight li .snsShare a#btn_snsShareTwitter{background:url(/images/smba/btn_snsShareTwitter.png) no-repeat;} #containerNav .navRight li .snsShare a#btn_snsShareBlog{background:url(/images/smba/btn_snsShareBlog.png) no-repeat;} #containerNav .navRight li .snsShare span#btn_snsShareKakaostory, #containerNav .navRight li .snsShare a#btn_snsShareKakaostory{background:url(/images/smba/btn_snsShareKakaostory.png) no-repeat;} #containerNav .navRight li .snsShare a#btn_snsShareBand{background:url(/images/smba/btn_snsShareBand.png) no-repeat;} /*예외*/ .cal_in img.ui-datepicker-trigger{margin:0 5px;} /* .errorBox{margin:0 auto;padding:50px 0;width:650px;font-size:1.3em;text-align:center;border:1px solid #d5d5d5;border-top:2px solid #4a658d;} .errorBox b{display:block;margin:35px 0 10px;font-size:1.7em;font-weight:bold;color:#333;} .errorBox .btn_inline{font-size:12px;} .errorWrap{padding-top:170px;} .errorWrap .errorBox{width:870px;} .errorWrap #footer{margin:0 auto;width:560px;} .errorWrap #footer #footerCopyright{position:relative;} .errorWrap #footer #footerCopyright a.footerLogo img{width:140px;} */ #wrap.full-page {display:table; box-sizing:border-box; width:100vw; height:100vh; padding:40px 0; margin:0 auto;} #wrap.full-page > div {display:table-cell; vertical-align:middle;} #error-wrap {} #error-wrap .error-wrap-inr {margin:0 auto; font-size:0;} #error-wrap .error-wrap-inr.inr {max-width:840px; padding:0;} #error-wrap .error-wrap-inr > div {display:inline-block; vertical-align:middle;} #error-wrap .error-wrap-inr > div + div {margin-left:7px;} #error-wrap .error-code {display:table; overflow:hidden; width:456px; height:417px; background:url(/images/np_new/img_error.png) no-repeat 0 0; text-align:center;} #error-wrap .error-code p {display:table-cell; vertical-align:top; /* padding-top:216px; padding-left:88px; */ padding-top: 264px; padding-left: 180px; font-weight:700; font-size:44px; line-height:1.4773; letter-spacing:-0.05em; color:#fd3; transform:rotateX(-30deg) rotateY(50deg) rotateZ(-2deg);} #error-wrap .error-message {max-width:378px; margin-top:0; margin-bottom:40px;} #error-wrap .error-message h1 {margin-bottom:33px; font-weight:400; font-size:50px; line-height:1.48; letter-spacing:-0.025em; color:#DA0021;} #error-wrap .error-message h1 b {font-weight:700;} #error-wrap .error-message p {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#000;} #error-wrap .button-box {margin:0 -4px;} #error-wrap .button-box .btn {display:inline-block; vertical-align:middle; box-sizing:border-box; width:120px; height:48px; padding:0; margin:0 4px; font-size:15px; line-height:46px; border:1px solid transparent; border-radius:4px; background-color:transparent; cursor:pointer; font-weight:500; text-align:center; letter-spacing:0;} #error-wrap .button-box .btn-back, #error-wrap .button-box .btn-back:link, #error-wrap .button-box .btn-back:visited {background-color:#424242; color:#fff;} #error-wrap .button-box .btn-home, #error-wrap .button-box .btn-home:link, #error-wrap .button-box .btn-home:visited {background-color:#003A88; color:#fff;} #prepare-wrap {display:table; table-layout:fixed; width:100%; height:426px; padding:0 69px 0 461px; padding-top:4px; border:1px solid #E3E5E7; background:#F4F6F8 url(images/np_new/preparing-bg.png) no-repeat 120px calc(50% + 4px); text-align:left;} #prepare-wrap .prepare-wrap-inr {display:table-cell; vertical-align:middle;} #prepare-wrap .prepare-wrap-inr.inr {max-width:none; padding:0;} #prepare-wrap .prepare-message {max-width:365px;} #prepare-wrap .prepare-message h1 {margin-bottom:31px; font-weight:700; font-size:2.125rem; line-height:1.4706; letter-spacing:-0.05em; color:#424242;} #prepare-wrap .prepare-message h1 span {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#0051AC;} #prepare-wrap .prepare-message p {font-weight:400; font-size:1rem; line-height:1.875; letter-spacing:-0.05em; color:#000;} @media (max-width: 1389px) {} @media (max-width: 765px) { #error-wrap .error-wrap-inr > div {float:none;} #error-wrap .error-code {margin:0 auto 68px auto;} #error-wrap .error-message {max-width:none; text-align:center;} #error-wrap .button-box {text-align:center;} #prepare-wrap {height:auto; padding:440px 0 60px 0; background-position:center 60px; text-align:center;} #prepare-wrap .prepare-message {max-width:none; padding:0 5%; margin:0 auto;} } /*-------------------- Responsive --------------------*/ /*Mobile*/ @media all and (max-width:960px){ body{} body iframe{border:1px #e0e0e0 solid;} body .mobileHide{display:none;} body #wrap{min-width:inherit;} body .inner{margin:0;width:auto;} body .container{border-top:2px #4a658d solid;border-bottom:1px #e0e0e0 solid;} body #header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:999;border-bottom:2px #4a658d solid;} body #header ul#topGuideLink{display:none;} body #header .topBannerLink{display:none;} body #header #gnb{position:absolute;top:0;left:0;right:0;border:0px none;height:auto;} body #header #gnb ul{display:none;} body #header #gnb ul > li em.btn_onair{display:none;} body #header #gnb a.btn_allNav{position:absolute;left:0;border:0px none;} body #header #topSearch{display:none;position:relative;top:0;left:0;margin-left:0;padding:0 40px 0 15px;width:auto;border-top:1px #e0e0e0 solid;background:#fff;} body #header #topSearch input[type='text']{padding:0;margin:0;width:100%;height:36px;} body #header #topSearch input[type='submit']{position:absolute;top:0;right:0;width:40px;height:36px;} body #header .btn_searchOpen{display:block;position:absolute;right:0;text-indent:-9999em;background:url(/images/smba/btn_searchOpen.png) no-repeat center center;border:0px none;} body #allNav{display:none;top:0;left:0;bottom:0;margin-left:0;width:300px;height:100%;border:0px none;} body #allNav .allNavHeader{display:block;padding:0 15px;height:55px;line-height:55px;} body #allNav .allNavHeader img{height:35px;} body #allNav > ul{height:auto;} body #allNav > ul > li{float:none;width:auto;height:auto;} body #allNav > ul > li:after{display:none;} body #allNav > ul > li > a{padding:0 10px 0 20px;color:#fff;text-align:left;background:#365a99 url(/images/smba/btn_allNavDepth1.png) no-repeat 95% center;border-bottom-color:#5875a7;} body #allNav > ul > li.active > a{background:#365a99 url(/images/smba/btn_allNavDepth1_on.png) no-repeat 95% center;} body #allNav > ul > li > ul{display:none;padding:0;} body #allNav > ul > li > ul > li{border-bottom:1px solid #e0e0e0;} body #allNav > ul > li > ul > li > a{margin:0;padding:0 10px 0 20px;height:40px;line-height:40px;border-bottom:0px none;} body #allNav > ul > li > ul > li > ul{display:none;margin:0;padding:5px 0px 5px 20px;background:#f7f8fa;border-top:1px solid #e0e0e0;} body #allNav > ul > li > ul > li > ul:after{display:block;content:'';clear:both;} body #allNav > ul > li > ul > li.hasSub > a{background:url(/images/smba/icon_subNavMore.png) no-repeat 93% center;} body #allNav > ul > li > ul > li.hasSub.active > a{background:url(/images/smba/icon_subNavMoreB_on.png) no-repeat 93% center;} body #allNav > ul > li > ul > li.active > ul{display:block;} body #allNav > ul > li > ul > li > ul > li{float:left;margin-left:0;padding-left:0;width:50%;background:none;} body #allNav > ul > li > ul > li > ul > li > a{margin:0;padding:5px 7px;background:url(/images/smba/dot_blogSns.jpg) no-repeat left 10px;border-bottom:0px none;} body #allNav > ul > li > ul > li > ul > li.active > a{border-bottom:0px none;} body #allNav .allNavLink{display:block;padding:15px 10px 15px 15px;height:34px;} body #allNav .allNavLink > a{display:block;float:left;margin-right:-1px;padding:0 12px;height:32px;font-size:1em;color:#365a99;line-height:32px;border:1px solid #9aaccc;} body #allNav .allNavLink ul{float:right;margin-top:8px;} body #allNav .allNavLink ul li{display:inline-block;border-right:1px solid #dbdbdb;} body #allNav .allNavLink ul li:last-child{border-right:0px none;} body #allNav .allNavLink ul li a{display:inline-block;width:35px;text-indent:-9999em;} body #allNav .allNavLink ul li a.btn_snsTopFacebook{background:url(/images/smba/btn_allNavSnsFacebook.png) no-repeat center center;} body #allNav .allNavLink ul li a.btn_snsTopTwitter{background:url(/images/smba/btn_allNavSnsTwitter.png) no-repeat center center;} body #allNav .allNavLink ul li a.btn_snsTopBlog{background:url(/images/smba/btn_allNavSnsBlog.png) no-repeat center center;} body #allNav a.btn_allNavClose{top:0;right:0;width:45px;height:55px;background:#fff url(/images/smba/btn_allNavCloseBk.png) no-repeat center center;} body #allNav .areaSelect{display:block;} body #footer #footerCopyright ul{display:none;} body #main > .inner{width:auto;border:0px none;} body #main > .inner:after{display:none;} body #main #mainSection{padding:0;background:none;} body #mainVisual{width:100%;height:auto;float:none;} body #mainVisual img{width:100%;} body #mainVisual .bx-pager{top:10px;left:inherit;right:25px;} body #mainVisual .bx-controls-auto{top:10px;left:inherit;right:20px;} body #mainCeo p a{width:45%;} body ol.listGallery li, body ol.englistGallery li, body ol.listCeo li, body ol.listBook li{margin:0 10px 10px 0;padding:0;box-sizing:border-box;} body ul.listReport > li div.title > a.btn_history{bottom:-40px;} body .movieHolder .moviePlayer > div{width:auto;height:auto;} body .movieHolder .movieDesc{height:auto;} body #ui-datepicker-div{left:auto !important;right:15px !important;width:260px !important} body #gallerySlider .flexslider{width:auto;min-height:80px;} body #gallerySlider .galleryContent{width:auto;height:auto;min-height:150px;} body #gallerySlider .carousel{display:none;} body #gallerySlider .flexslider .flex-prev{left:0;margin-top:-21px;background:rgba(255,255,255,0.5) url(/images/smba/btn_sliderGalleryPrev.png) no-repeat center;} body #gallerySlider .flexslider .flex-next{right:0;margin-top:-21px;background:rgba(255,255,255,0.5) url(/images/smba/btn_sliderGalleryNext.png) no-repeat center;} body #containerNav .navRight{position:absolute;top:0;right:0;float:none;} body #containerNav .navLeft{padding-right:108px;} } /*Phone*/ @media all and (max-width:639px){ body .mobileView{display:block;} body{padding-top:55px;} body .h4Content{margin:4px 0 8px 0;} body h5{margin:0 0 8px 10px;} body .h5Content{margin:4px 0 8px 10px;} body .fl-l, body .fl-r{float:none;width:auto !important;} body .btn_inline.position{position:static;margin-bottom:10px;float:right;clear:both;} body .btn_inline.fl-r{margin-bottom:10px;} body .btn_downArrow{margin-top:3px;} body #header #topBar{display:none;} body #header h1{padding:0;margin:0 auto;width:150px;height:55px;line-height:55px;text-align:center;} body #header h1 img{height:37px;} body #header #gnb a.btn_allNav{top:0;width:55px;height:55px;} body #allNav{position:fixed;width:100%;overflow-y:auto;} body #header .btn_searchOpen{top:0;width:55px;height:55px;} body #mainCeo{float:none;padding-bottom:15px;width:auto;height:auto;border:0px none;background:url(/images/smba/bg_mainCeo.jpg) no-repeat 95% 20px;background-size:auto 125px;} body #mainCeo h4{margin:0;padding:15px 0 0 15px;font-size:1.2em;} body #mainCeo ul{padding:10px 0 0 15px;} body #mainCeo p{padding:15px 0 0 0;text-align:center;} body #mainCeo p a{display:inline-block;float:none;height:42px;line-height:42px;} /* ========Phone 홈페이지 본청메인 청장란 변경 css 추가 (20170412) ============ */ body #mainCeoNew{width:auto;height:auto; box-sizing:border-box; float:none; } body #mainCeoNew h4.first_h4 {font-size:1.3em;} body #mainCeoNew h4.first_h4 >span {font-size:1.2em;} body #mainCeoNew div a{display:inline-block;float:none;height:33px;line-height:33px;} body #mainCeoNew h4.first_h4 > span {display:inline;margin:0; padding:0; font-size:1.0em;} body #mainCeoNew .type2{position:relative; display:block;margin-bottom:11px;padding:15px 0 15px 0;border:0px solid #e0e0e0;} body #mainCeoNew .type2 h4.last_h4{display:block;height:auto;font-size:1.1em;color:#365a99;line-height:inherit;background:none;border-bottom:1px solid #365a99;} body #mainCeoNew .type2 div{display:block;font-size:0.9em;line-height:160%;} body #mainCeoNew .type2 a.btn_more{top:20px; right:5px} body #mainCeoNew .type2.item3{margin-right:11px;width:100%;} body #mainCeoNew .type2.item3 div a.last {margin:0;} body #mainCeoNew .type2.item3 div a{display:block; width:32%;float:left; background:none; padding:0 0.5%;} /* ======== 홈페이지 본청메인 청장란 변경 css 추가 (20170412) ============ */ body #mainLatest{float:none;width:auto;height:auto;} body #mainLatest ul.tabBar{padding:0;} body #mainLatest ul.tabBar li{padding:0 15px;} body #mainLatest ul.tabBar li a{font-size:1em;} body #mainLatest div.tabPage{padding:15px;} body #mainLatest a.btn_more{right:5px;} body #mainSupport h4, body #mainMap h4, body #main #mainSection > .inner > div#mainBriefing h4{padding:0 0 0 15px;} body #mainSupport{float:none;padding-bottom:10px;width:auto;} body #mainSupport div.tabPage ul li{margin-top:10px;} body #mainMap{float:none;width:auto;} body #main #mainSection > .inner > div#mainBnr{float:none;margin:0;width:auto;height:auto;} body #main #mainSection > .inner > div#mainState{float:none;padding:0 0 0 15px;width:auto;height:auto;} body #mainState{margin:11px 0;padding:0 10px !important;} body #mainState h4{margin:0;padding:0;} body #mainState ul.tabBar{margin:0;} body #mainState ul.tabBar li{width:30%;box-sizing:border-box;} body #mainState ul.tabBar li a{display:block;width:auto;} body #mainState .chartArea{width:49%;} body #mainState a.btn_more{right:0;} body #mainState .statusBtnArea{padding:0;} body #mainState .statusBtnArea a img{max-width:95%;} body #main #mainSection > .inner > div#mainBriefing{float:none;margin:0;padding-bottom:15px;width:auto;height:auto;} body #main #mainSection > .inner > div#mainDataLink{float:none;margin:0;padding:15px 10px;width:auto;height:auto;} body #mainDataLink ul{margin:0;} body #mainDataLink ul li.icon_mainDataLink1{background:url(/images/smba/icon_mainDataLink1.png) no-repeat 6px center;background-size:auto 40%;} body #mainDataLink ul li.icon_mainDataLink2{background:url(/images/smba/icon_mainDataLink2.png) no-repeat 6px center;background-size:auto 40%;} body #mainDataLink ul li.icon_mainDataLink3{background:url(/images/smba/icon_mainDataLink3.png) no-repeat 6px center;background-size:auto 40%;} body #mainDataLink ul li.icon_mainDataLink4{background:url(/images/smba/icon_mainDataLink4.png) no-repeat 6px center;background-size:auto 40%;} body #mainDataLink ul li.icon_mainDataLink5{background:url(/images/smba/icon_mainDataLink5.png) no-repeat 6px center;background-size:auto 40%;} body #mainDataLink ul li.icon_mainDataLink6{background:url(/images/smba/icon_mainDataLink6.png) no-repeat 6px center;background-size:auto 40%;} body #mainDataLink ul li a{padding:20px 0 20px 40px;height:auto;} body #mainDataLink ul li a b{font-size:1.1em;letter-spacing:-1px;} body #mainDataLink ul li a p{display:none;} body #main #mainSection > .inner > div#mainSns{float:none;margin:0;padding:0;width:auto;height:auto;} body #main #mainSection > .inner > div#mainCustomer{float:none;margin:0;padding:0;width:auto;height:auto;} body #mainCustomer ul li{margin:0;width:50%;} body #mainCustomer ul li:last-child{border-left:1px solid #69a5d8;box-sizing:border-box;} body #mainCustomer ul li a{height:115px;} body #mainCustomer ul li a img{width:45px;} body #mainCustomer > img, body #mainCustomer > a > img{margin:0;width:100%;} body #mainBanner{display:none;} body #footer #footerNav{height:auto;} body #footer #footerNav ul{} body #footer #footerNav ul li{display:none;} body #footer #footerNav ul li:nth-child(10n){display:block;float:none;margin:0;padding:8px 0;border-right:0px none;text-align:center;} body #footer #footerCopyright a.footerLogo{display:none;} body #footer #footerCopyright p{padding:15px 0 25px;text-align:center;} body #footer #footerCopyright p span{display:block;width:100%;} body #footer #footerCopyright p br{display:none;} body table thead th{padding:5px;font-size:0.95em;} body table tbody th, body table tbody td, body table tbody td a{padding:5px;font-size:0.95em;} body table tbody td a{word-break:break-all;} body table tbody th, body table tbody td select, body table tbody td input[type='text']{max-width:99%;} body table.list td.alignLeft{padding-left:5px;} body table.view tbody td.editorContent{padding:15px 5px;} body table.calendar col{display:table-column;} body table.calendar tbody td{padding:3px;height:60px;} body table.calendar tbody td a{padding:0;font-size:0.9em;letter-spacing:-1px;} body table.calendar tbody td.today:after{height:66px;} body table.view{table-layout:inherit;} body table.view.fixed{table-layout:fixed;} body table.view thead th, body table.view tbody th{width:20%;padding:8px;} body table.view thead td, body table.view tbody td{width:30%;padding:8px;} body table.info thead th, body table.info tbody th, body table.info tbody td{padding:8px;} body table.list thead th{padding:5px;font-size:0.9em;} body table.list tbody th, body table.list tbody td{padding:5px;font-size:0.9em;} body table.list th.alignLeft{padding:5px;font-size:0.9em;} body table.form tbody th{position:inherit;} body table.list.mList col{display:none;} body table.list.mList{display:block;border-top:2px #3f6796 solid;} body table.list.mList thead{display:block;background:#eff1f6;} body table.list.mList thead tr{display:block;padding:10px 5px 10px 0;text-align:left;line-height:24px;box-sizing:border-box;} body table.list.mList thead th{display:inline-block;padding:0 8px 0 5px;height:auto;color:#666;background:none;border-bottom:0px none;border-right:1px solid #ccc;} body table.list.mList thead th .sep{display:none;} body table.list.mList thead th:last-child{border-right:0px none;} body table.list.mList tbody{display:block;} body table.list.mList tbody tr{display:block;padding:10px 5px 10px 0;text-align:left;line-height:24px;box-sizing:border-box;} body table.list.mList tbody td{display:inline-block;padding:0 0 0 5px;height:auto;color:#666;} body table.list.mList tbody tr td.alignLeft{display:block;font-size:1em;font-weight:bold;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis} body table.list.mList tbody tr td.alignLeft a{padding:0;} body table.list.mList tbody tr td:first-child{display:none;} body table.view.mView{display:block;position:relative;padding:0;width:auto;height:auto;clear:both;border:0px none;border-top:2px #3f6796 solid;border-left:1px solid #ccc;} body table.view.mView:after{display:block;content:'';clear:both;} body table.view.mView thead th{background:none;border-bottom:0px none;} body table.view.mView tbody{display:block;} body table.view.mView tr{display:block;clear:both;border-bottom:0px none;} body table.view.mView tr:after{display:block;content:'';clear:both;} body table.view.mView th, body table.view.mView td{display:block;width:auto;min-height:36px;line-height:20px;padding:8px 4px;box-sizing:border-box;border-right:1px solid #ccc;box-sizing:border-box;} body table.view.mView th{position:absolute;left:0;width:25%;background:none;border-right:0px none;border-top:0px none;z-index:1;} body table.view.mView td{padding-left:27%;border-top:0px none;border-bottom:1px solid #ccc;} body table.view.mView td:after{display:block;content:'';clear:both;} body table.view.mView td.editorContent{padding:10px;} body table.noFixed{table-layout:inherit;} body table.form tbody th{padding:10px 10px 10px 12px;} body table.form tbody td{padding:8px 10px 10px;line-height:28px;} body th .required{margin-left:-8px;} body table .word4{width:75px;} body table .word5{width:90px;} body table .thumbRoom{width:120px;} body .tableScrollBox{position:relative;margin-bottom:20px;border:1px solid #b8b8b8;} body .tableScrollBox .tableHolder{width:100%;overflow-x:scroll;} /*body .tableScrollBox .tableHolder table{table-layout:fixed !important;}*/ body .tableScrollBox em{display:block;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;width:60px;height:60px;text-indent:-9999em;background:url(/images/smba/icon_scrolled.png) no-repeat;background-size:auto 100%;opacity:0.3;z-index:1;} body .tableScrollBox table{margin:-1px !important;} body ol.listGallery li:nth-child(2n), body ol.englistGallery li:nth-child(2n), body ol.listCeo li:nth-child(2n), body ol.listBook li:nth-child(2n){margin-right:0;} body ul.listPopup li{float:none;margin:15px;width:auto;} body ul.listPopup li.last{margin-right:15px;} body ul.listSitemap > li{float:none;margin:0 10px 20px;width:auto;} body ul.listReport > li div.title{padding:20px 20px 45px;} body ul.listReport > li div.title > b{display:block;margin-bottom:3px;border-bottom:0px none;} body ul.listReport > li div.title > p{margin-top:3px;font-size:0.95em;line-height:140%;} body .movieHolder .moviePlayer{float:none;width:auto;min-height:200px;} body .movieHolder .movieDesc{float:none;width:auto;} body .modalWrap{left:2%;margin-left:0;padding:30px 15px 5px;width:96%;box-sizing:border-box;} body .modalWrap.support{left:2%;margin-left:0;padding:30px 15px 5px;width:96%;box-sizing:border-box;} body .modalWrap.support .fl-r{margin-top:15px;} body .modalWrap .btn_close{width:20px;height:20px;} body ul.tabBar.bar{height:auto;border:0px none;border-top:1px #cdcdcd solid;border-left:1px #cdcdcd solid;} body ul.tabBar.bar li{min-width:33.3333%;height:33px;} body ul.tabBar.bar li a{position:static;right:inherit;height:32px;font-size:0.85em;line-height:32px;letter-spacing:-1px;border:0px none;border-right:1px #cdcdcd solid;border-bottom:1px #cdcdcd solid;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;} body ul.tabBar.bar li.active a{height:32px;font-size:0.85em;color:#fff;background:#438ece;} body ul.tabBar.box li{min-width:33.3333%;height:32px;} body ul.tabBar.box li a{height:32px;font-size:0.85em;line-height:32px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;} body dl.listHistory dd{padding:10px 20px 40px;} body dl.listHistory dd span.title{padding:15px 0;} body dl.listHistory dd a.btn_modalOpen{top:inherit;bottom:10px;right:20px;} body .modalWrap{left:5%;max-width:90%;margin-left:0;} body .modalWrap.wide{left:5%;max-width:90%;margin-left:0;box-sizing:border-box;} body table.view td ul li .btn_fileView{display:none;} body ul.listReport > li.active > div.detail{display:block;position:relative;padding:45px 10px 10px;} body ul.listReport > li.active > div.detail a.btn_contentZoom{display:block;top:50px;right:20px;} } /*Tablet*/ @media all and (min-width:640px) and (max-width:960px){ body{padding-top:105px;} body #header h1{padding:0;margin:0 auto;width:150px;height:70px;line-height:70px;text-align:center;} body #header h1 img{height:45px;} body #header #topBar ul{border-left:0px none;} body #header #gnb a.btn_allNav{top:35px;width:70px;height:70px;} body #header .btn_searchOpen{top:0;width:70px;height:70px;} body #mainVisual{margin-bottom:185px;} body #mainSupport h4, body #mainMap h4, body #main #mainSection > .inner > div#mainBriefing h4{padding:0 0 0 20px;} body #mainLatest ul.tabBar{padding-left:5px;} body #mainSupport{position:absolute;left:0;right:0;margin-top:-185px;width:auto;height:185px;z-index:99;} body #mainSupport div.tabPage ul li{width:16.6666%;} body #mainCeo{float:right;width:40%;height:280px;background:url(/images/smba/bg_mainCeo.jpg) no-repeat 95% 70px;box-sizing:border-box;} body #mainCeo h4{padding:15px 0 0 15px;font-size:1.4em;} body #mainCeo ul{padding:20px 0 0 15px;} body #mainCeo p{padding:50px 0 0 0;text-align:center;} body #mainCeo p a{display:inline-block;float:none;height:42px;line-height:42px;} /* ======== Tablet 홈페이지 본청메인 청장란 변경 css 추가 (20170412) ============ */ body #mainCeoNew{float:right;width:40%;height:310px; box-sizing:border-box;} body #mainCeoNew h4{font-size:1.3em;} body #mainCeoNew a.Ceo_New_btn {display:inline-block;float:none;height:37px;line-height:37px;} body #mainCeoNew .type2{position:relative; display:block;margin-bottom:11px;padding:10px 0;border:0px solid #e0e0e0;} body #mainCeoNew .type2 h4.last_h4{display:block;height:auto;font-size:1.1em;color:#365a99;line-height:inherit;background:none;border-bottom:1px solid #365a99;} body #mainCeoNew .type2 div{display:block;font-size:0.9em;line-height:160%;} body #mainCeoNew .type2 a.btn_more{display:block;position:absolute;top:20px;right:5px;width:15px; height:15px;font-size:1.4em;color:#000;text-align:center;} body #mainCeoNew .type2.item3 div{padding:0; line-height:40%;} body #mainCeoNew .type2.item3 div a{display:block; width:32%;float:left; background:none; padding:0 0.5%;} body #mainCeoNew .type2.item3 div a.last {margin:0;} body #mainCeoNew .type2.item3 div a img {max-width:100%;} /* ======== Tablet 홈페이지 본청메인 청장란 변경 css 추가 (20170412) ============ */ body #mainLatest{width:60%;} body #mainMap{width:60%;border-bottom:1px #e0e0e0 solid;} body #mainBnr{overflow:hidden;float:right;margin:0;width:40%;height:280px;border-bottom:1px #e0e0e0 solid;} body #mainState{margin:0;width:60%;border-bottom:1px #e0e0e0 solid;} body #mainState .statusBtnArea{padding:0 10px;} body #mainState .statusBtnArea a img{max-width:95%;} body #mainBriefing{float:right;margin:0;width:40%;border-bottom:1px #e0e0e0 solid;} body #mainDataLink{margin:0;width:60%;height:264px;border-bottom:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid;box-sizing:border-box;} body #mainDataLink ul{margin:10px 20px;} body #mainDataLink ul li.icon_mainDataLink5{border-bottom:0px none;} body #mainDataLink ul li.icon_mainDataLink6{border-bottom:0px none;} body #mainSns{float:right;margin:0;width:40%;border-bottom:1px #e0e0e0 solid;} body #main #mainSection > .inner > div#mainCustomer{float:none;width:auto;height:auto;} body #mainCustomer > img, body #mainCustomer > a > img{float:right;margin:0;width:40%;} body #mainCustomer ul{padding-right:40%;} body #mainCustomer ul li{position:relative;margin-right:0;width:50%;border-right:1px #e0e0e0 solid;box-sizing:border-box;} body #mainCustomer ul li a img{margin:0 10px 0 0;height:40%;} body #mainCustomer ul li a br{display:none;} body #mainSiteAll{display:none;} body #mainBannerZone{float:none;padding:10px 0 10px 160px;height:auto;} body #mainBannerZone h2{top:50%;margin:-10px 0 0 10px;height:20px;line-height:20px;} body #mainBannerZone .bx-controls-direction a, body #mainBannerZone .bx-controls-auto a{top:50%;margin:-12px 0 0 0;height:25px;line-height:25px;} body #footer #footerNav{height:auto;} body #footer #footerNav ul{text-align:center;margin-bottom:10px;} body #footer #footerNav ul li{display:inline-block;float:none;margin-top:10px;padding:0 1%;letter-spacing:-1px;border-right:0px none;} body #footer #footerNav ul li:nth-child(9n){position:absolute;bottom:-35px;right:120px;} body #footer #footerNav ul li:nth-child(10n){position:absolute;bottom:-35px;right:10px;} body #footer #footerNav ul li{display:inline-block;float:none;margin-top:10px;padding:0 1%;letter-spacing:-1px;border-right:0px none;} body #footer #footerCopyright a.footerLogo{left:10px;} body ol.listGallery li:nth-child(4n), body ol.englistGallery li:nth-child(4n), body ol.listCeo li:nth-child(4n), body ol.listBook li:nth-child(4n){margin-right:0;} body ul.listPopup li{width:32%;margin:0 0 1% 1%;} body ul.listPopup li:nth-child(4n){margin-right:0;} body ul.listPopup li img{height:80px;} body .moviePlayer, body .movieDesc{width:49%;} body ul.tabBar.bar li a{font-size:0.9em;letter-spacing:-1px;} body ul.tabBar.bar li.active a{font-size:0.9em;} body #main > .inner div#mainCeo, body #main > .inner div#mainCeoNew, body #main > .inner div#mainLatest, body #main > .inner div#mainMap{position:relative;z-index:1;} body .movieHolder .moviePlayer{float:none;width:auto !important;} body .movieHolder .moviePlayer > div{margin:0 auto;width:570px;} body .movieHolder .movieDesc{float:none;width:auto;} body #mainState .chartArea{width:50%;} body .modalWrap.wide{left:5%;max-width:90%;margin-left:0;box-sizing:border-box;} } /* AS-IS에 하단바만 추가됨 */ #linkSite{position:relative;margin-bottom:5px;background:#e2e4e6;} #linkSite > ul{display:block;margin:0 auto 5px;width:1181px;} #linkSite > ul:after{display:block;content:'';clear:both;} #linkSite > ul > li{display:block;position:relative;float:left;padding-left:1px;width:33.3333%;box-sizing:border-box;} #linkSite > ul > li > a{display:block;height:45px;font-size:0.95em;color:#313131;line-height:45px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #linkSite > ul > li > a > em{display:inline-block;margin-left:10px;width:7px;height:4px;background:url(/images/smba/main/icon_downArrowBox.png);vertical-align:middle;} #linkSite > ul > li.active > div{display:block !important;} #linkSite > ul > li.active > a{color:#fff;background:#5c6578;} #linkSite > ul > li.active > a > em{background:url(/images/smba/main/icon_upArrowBox.png);vertical-align:middle;} #linkSite > ul > li > div{display:none;position:absolute;bottom:45px;left:0;right:0;padding:30px;background:#fff;border:1px #5c6578 solid;z-index:1;box-sizing:border-box;} #linkSite > ul > li > div > b{display:block;font-size:1.1em;font-weight:normal;color:#000;} #linkSite > ul > li > div > ul{display:block;margin-top:25px;} #linkSite > ul > li > div > ul:after{display:block;content:'';clear:both;} #linkSite > ul > li > div > ul li{display:block;float:left;margin-bottom:8px;width:50%;} #linkSite > ul > li > div > ul li a{display:block;font-size:0.9em;color:#555;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #linkSite > ul > li > div > ul li a em{font-weight:bold;} #linkSite > ul > li > div > ul li.active a{color:#d04c55;} #linkSite > ul > li > div > ul li.active a span{text-decoration:underline;} #linkSiteMap{height:300px;} #linkSiteMap ul.tabBar{display:block;margin-top:25px;width:150px;} #linkSiteMap div.tabPage, #linkSiteMap #mainMapImg{position:absolute;top:60px;right:24px;} .btn_linkSiteClose{display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;text-indent:-9999em;background:#fff url(/images/smba/main/btn_allNavClose.png) no-repeat center center;background-size:16px;z-index:99999;}