@charset "utf-8";
/* 
	made by matey
	최초 작성자 : 김도선 (140922)
	최종 수정자 : 감도선	(141105)
*/
input, select, label {vertical-align:middle;}
.backGray a {background:#f9f9f9}
.backGray a.on {background:#fff}

a.aLine {text-decoration:underline}
.bLine {border-bottom:1px solid #eaeaea}
.bold {font-weight:bold}
.nopd {padding-top:0}

sub, sup {font-size:10px;}

/* 미래물관리  */
.fuImg {display:inline-block;float:left}
/* .fuTx {position:relative;left:30px;font-size:22px;font-weight:bold;} */
.fuEx {width:96%;display:block;margin-top:20px;line-height:150%;font-size:13px;font-weight:normal}
.fuTx .Blu {color:#047ab3}
.fuTx .Grn {color:#72a33d}
.fuTx .Org {color:#ab7349}

.guidEx {padding:30px 0;border-bottom:1px solid #eaeaea;line-height:150%}
.guidEx dt {font-weight:bold;font-size:16px;margin-bottom:10px;color:#323232}
.guidEx ul {margin-top:15px}
.guidEx.nopd {padding-top:0}
.guidEx.nline {border-bottom:0}
.guidEx.pro {padding-top:0}
.guidEx.pro img {width:96%}
.guidEx .bold span {font-weight:normal}
.guidEx .red {color:#ba522a}
.guidEx .blue {color:#047ab3;font-weight:bold}
.guidEx .blue span {color:#323232}

/* (블릿)텍스트  */
p.blit2 {clear:both;margin-top:20px;padding-left:8px;width:100%;line-height:150%;background:url(/web/images/comm/bg_blit2.gif) 0em 0.7em no-repeat}
li.blit {clear:both;margin-top:5px;padding-left:8px;width:100%;line-height:120%;background:url(/web/images/comm/bg_blit.gif) 0em 0.5em no-repeat}
li.blit span {font-weight:bold}
li.blit2 {clear:both;margin-top:5px;padding-left:8px;width:100%;line-height:150%;background:url(/web/images/comm/bg_blit2.gif) 0em 0.7em no-repeat}
li.blit2 span {font-weight:bold}

/* (아이콘)텍스트  */
#contents p.remove {font-size:11.88px;color:#494949;margin:25px 0 5px 0}
#contents p.remove img {width:17px;height:17px;margin-right:5px;vertical-align:middle;line-height:17px}
#contents p.remove .left {text-align:left}
#contents p.view {position:absolute;top:900px;right:0}
#contents p.view img {display:block;width:176px}
#contents p.rbtn {position:absolute;top:125px;right:0}
#contents p.rbtn img {vertical-align:middle;margin-right:5px}
#contents span.excel img {width:28px}
#contents span.print img {width:26px}
/* (헤더)텍스트  */
#contents h1.tab {margin-bottom:30px;}
#contents dt.tiTy {color:#252525;font-size:16px;font-weight:bold;margin-bottom:15px}
#contents h2.h2Ty01 {color:#323232;font-size:20px;font-weight:bold;margin-bottom:15px}
#contents h2.h2Ty02 {display:inline-block;font-family:Hygtre;color:#252525;font-size:22.5px;font-weight:bold}
#contents h2.h2Ty03 {color:#252525;font-size:20px;font-weight:bold;margin-bottom:20px}
#contents h2.h2Ty04 {color:#323232;font-size:16px;font-weight:bold;margin-top:45px}
#contents h2.h2Ty05 {color:#323232;font-size:22.5px;font-weight:bold;display:inline-block;font-family:Hygtre}
#contents h2.h2Ty06 {color:#323232;font-size:20px;font-weight:bold;margin-bottom:15px}
#contents h2.h2Ty07 {color:#0472ab;font-size:22px;font-weight:bold;margin-bottom:20px}
#contents h2.h2Ty08 {color:#323232;font-size:20px;font-weight:bold;margin-bottom:15px}
/* (서브)텍스트  */
#contents p.subTx {margin-top:10px;color:#323232}
#contents p.subTx .blue {color:#017eba;font-weight:bold}
/* (박스)텍스트  */
#contents div.notice {position:relative;margin-bottom:20px;background:#f7f7f7;border:1px solid #f0f0f0;padding:20px 30px 40px 30px}
#contents div.notice dl {width:100%}
#contents div.notice dd.tx {position:relative;top:6px;font-size:12px;line-height:150%}
#contents div.notice dt {padding:0 40px 0 15px;min-height:100px;display:ilnline-block;float:left}
#contents div.notice dt img {margin-top:10px}
#contents div.notice dt span.mobileOff {font-size:10px;text-align:center;font-weight:bold;color:#323232;display:block}
#contents div.notice p.btn {margin:10px 0 0 100px}
#contents ul.radioBox label {margin:0 8px 0 5px}
#contents span.fileBtn img {width:17px;}
#contents div.cmSong {border-bottom:1px solid #eaeaea}
#contents div.cmSong img {width:100%}
#contents h2.mt30 {margin:0}

/* (공통)여백  */
.ml10 {margin-left:10px}.ml15 {margin-left:15px}
.mt10 {margin-top:10px}.mt20 {margin-top:20px}.mt30 {margin-top:30px}.mt40 {margin-top:40px}.mt50 {margin-top:50px}.mt80 {margin-top:80px}
.mb10 {margin-bottom:10px}.mb20 {margin-bottom:20px}.mb30 {margin-bottom:30px}.mb40 {margin-bottom:40px}.mb50 {margin-bottom:50px}.mb80 {margin-bottom:80px}
.pl10 {padding-left:10px}.pl15 {padding-left:15px}.pl20 {padding-left:20px}
.pt20 {padding-top:20px}.pt30 {padding-top:30px}
.pd05 {padding:5px}.pd10 {padding:10px}.pd15 {padding:15px}.pd16 {padding:16px}.pd20 {padding:20px}
.mtb10 {margin:10px 0 10px 0}.mtb20 {margin:20px 0 20px 0}
.ptb10 {padding:10px 0 10px 0}.ptb20 {padding:20px 0 20px 0}

/* (공통)I-PIN, ID/PW 박스 */
#tabCtnt {width:100%;text-align:center}
#tabCtnt dt.tabBtn {position:absolute;top:55px}
#tabCtnt dt.t01 {left:56px}
#tabCtnt dt.t02 {left:175px}
#tabCtnt dt.t03 {left:298px}
.ipinWrap {text-align:center}
.ipinBox {width:75%;display:inline-block;border:1px solid #3695c2;line-height:180%;border-radius:25px;padding:40px 35px;background:url(/web/images/cust/bg_ipinbox.gif) 0 bottom repeat-x;behavior:url(/web/css/PIE.htc)}
.ipinBox dl.logo {position:relative;font-size:14px;color:#252525;font-weight:bold;line-height:150%}
.ipinBox dl.logo span.blue {color:#085d86}
.ipinBox dl.logo dt {width:77px;height:35px;display:inline-block;float:left;background:url(/web/images/comm/bg_logo.png) 86.6% 0 no-repeat;}
.ipinBox p.btn {margin:35px 0}
.ipinBox p.care {width:100%;position:relative;top:20px;font-weight:bold}
.ipinBox p.care img {vertical-align:middle;margin:0 10px}
.ipinBox p.care img.error {width:25px;height:23px}

.idpwBox {position:relative;width:68%;display:inline-block;line-height:180%;border:1px solid #3695c2;border-radius:25px;padding:50px 70px;background:url(/web/images/cust/bg_idpwbox.png) 0 bottom repeat-x;behavior:url(/web/css/PIE.htc)}
.idpwBox input[type="text"],.idpwBox input[type="password"] {float:left;width:220px;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2;padding:10px}
.idpwBox dl.logo {position:relative;width:100%;float:left;padding-bottom:30px;font-size:13px;color:#494949;text-align:left}
.idpwBox dl.logo dt {width:135px;height:62px;float:left;margin-right:35px;dispaly:inline-block;background:url(/web/images/comm/bg_logo.png) 39% 0 no-repeat;}
.idpwBox dl.logo dd {height:63px;padding-left:35px;display:table-cell;vertical-align:middle;border-left:1px solid #9bcae1}
.idpwBox dl.logo span.blue {font-size:16px;color:#047ab3;font-weight:bold}
.idpwBox div.group {width:100%;position:relative;top:30px;clear:both}
.idpwBox div.inpBox {width:70%;float:left;margin-left:30px;z-index:0}
.idpwBox div.inpBox p {margin:6px 0;float:left}
.idpwBox div.inpBox label {float:left;display:inline-block;margin-top:10px;width:60px;text-align:left;font-size:13px;font-weight:bold;color:#494949}
.idpwBox div.listBtn {width:20%;float:left;text-align:left;z-index:10}

.secret {position:relative;width:68%;display:inline-block;line-height:180%;border:1px solid #3695c2;border-radius:25px;padding:40px 35px;background:url(/web/images/cust/bg_secret.png) 0 bottom repeat-x;behavior:url(/web/css/PIE.htc)}
.secret input[type="password"],.secret input[type="password"] {width:250px;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2;padding:10px 0}
.secret div.group {width:100%;position:relative;top:50px;clear:both}
.secret div.inpBox {width:70%;float:left;text-align:right}
.secret div.inpBox p {margin-top:24px}
.secret div.listBtn {width:20%;float:left;text-align:left;margin-left:20px}
.secret dl.logo {padding:0}

.phonBox {width:75%;display:inline-block;border:1px solid #3695c2;line-height:180%;border-radius:25px;padding:40px 35px;behavior:url(/web/css/PIE.htc)}
.phonBox dl p.ex {padding:0 15px}
.phonBox dl.logo {display:inline-block;font-size:14px;color:#252525;font-weight:bold;line-height:150%}
.phonBox dl.logo span.blue {color:#085d86}
.phonBox dl.logo dt {width:77px;height:35px;display:inline-block;float:left;background:url(/web/images/comm/bg_logo.png) 86.7% 0 no-repeat;}
.phonBox dl.logo dd {margin-top:5px}
.phonBox p.btn {margin-top:35px}
.phonBox p.btn img {width:208px;height:42x}

/* (공통)탭버튼  */
.tabBtn {position:relative;margin-bottom:40px}
.tabBtn a {float:left;line-height:35px;position:relative;margin:0 1px;padding:0 30px;background-color:#ebebeb;color:#000;height:35px;display:block;}
.tabBtn a:hover,.tabBtn a:focus {position:relative;background-color:#047ab3;color:#fff}
.tabBtn a:active,.tabBtn a.on {position:relative;background-color:#047ab3;color:#fff;padding:0 30px;height:35px;}
.tabBtn a:first-child {margin-left:0;}
.tabBtn.futu a {line-height:16px;padding:10px 30px;}
.tabBtn.futu a:active,
.tabBtn.futu a.on{padding:10px 30px;}

/* (공통)리스트 하단버튼  */
.listBtn {width:100%;margin:20px 0 50px 0;text-align:right}
.listBtn p {display:inline-block}
.listBtn label {visibility:hidden}
.listBtn input {cursor:pointer;border:0;font-size:13px;margin-left:2px;color:#fff;font-weight:bold;display:inline-table;vertical-align:middle;text-align:center;background:url(/web/images/comm/btn_on.png) 0 0 no-repeat;width:42px;line-height:42px}
.listBtn a {font-size:13px;margin-left:2px;color:#fff;font-weight:bold;display:inline-table;vertical-align:middle;text-align:center;background:url(/web/images/comm/btn_bg.png) 0 0 no-repeat;width:42px;line-height:42px}
.listBtn a:hover,.listBtn a:focus,.listBtn a:active,.listBtn a.on {background:url(/web/images/comm/btn_on.png) 0 0 no-repeat;width:42px;line-height:42px}

/* (테이블)컨텐츠  */
.ctntTable {width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1}
.ctntTable th,.ctntTable td {padding:14px 0 13px;line-height:18px;color:#717171;text-align:center}
.ctntTable th {font-weight:bold}
.ctntTable td {border-top:1px solid #e2e2e2;color:#717171}
.ctntTable td a {color:#323232}
.ctntTable td a:hover,.ctntTable td a:focus,.ctntTable td a:active {color:#017eba;text-decoration:underline}
/* (테이블)쓰기  */
.writeTable td {width:auto}
.writeTable th.line {border-right:1px solid #e2e2e2}
.writeTable th {width:15%;vertical-align:middle;background:#f7f9fa;font-size:13px;color:#323232;font-weight:bold}
.writeTable tr:last-child {border-bottom:1px solid #d1d1d1}
.writeTable td.inpTx {vertical-align:middle}
.writeTable td input.pin {width:40%}
.writeTable td input.num {width:10%}
.writeTable td input.con {height:210px;margin:10px 0;vertical-align:top}
.writeTable td input.att {background:#f9f9f9;width:96%}
.writeTable td span.attBtn {display:inline-block;background:#a1a1a1;width:70px;line-height:28px;padding-bottom:2px;margin-top:1px;text-align:center}
.writeTable td span.attBtn a {color:#fff;font-weight:bold}
.writeTable td span.fileBtn {display:inline-block;vertical-align:middle;margin-left:15px}
.writeTable td span.fileBtn a {margin:0 2px}
.writeTable td span.explan {font-size:12px;font-weight:bold;color:#ba522a;display:block;line-height:10px;margin:10px 0 5px 0}
.writeTable td span.ex {font-size:12px;color:#717171;margin-left:10px}
.writeTable td span.cover {font-size:12px;color:#717171;display:inline-block;line-height:145%}
.writeTable td select {width:40%;font-size:13px;font-weight:bold;color:#494949;padding:7px 0;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
.writeTable td textarea.area {font-size:12px;margin-bottom:0;min-height:210px;padding:10px}
/* (테이블)보기  */
.readTable{width:100%;border-top:2px solid #ffbf10;border-bottom:1px solid #d1d1d1;}
.readTable th,
.readTable td{display:table-cell;vertical-align:middle;border-bottom:1px solid #e2e2e2;line-height:30px;padding:8px 0}
.readTable th{background:#f7f9fa;font-weight:bold;width:20%}
.readTable td{padding-left:17px}
.readTable td img.add {width:16px;vertical-align:middle;margin-right:10px}
/* (테이블)웹진 */
.webzin {width:100%}
.webzin table {color:#323232}
.webzin tr {float:left;width:50%;border-bottom:1px solid #e2e2e2}
.webzin td {padding:20px 0;border:0;text-align:left}
.webzin dt {display:inline-block;width:176px;text-align:left}
.webzin dt img {display:block;width:100%}
.webzin dd {display:inline-block;margin-left:20px;vertical-align:top}
.webzin ul {margin-top:15px}
.webzin li {line-height:100%;text-align:left}
.webzin li.date {font-size:13px;font-weight:normal;color:#323232}
.webzin li.stit {padding:6px 0 10px;font-size:16px;font-weight:bold;color:#323232}
.webzin li.blit {clear:both;position:relative;width:100%;padding-left:10px;background:url(/web/images/news/bg_blit.gif) 0 0.8em no-repeat;font-size:12px;line-height:180%;color:#717171}
.webzin p.pdf {margin-top:40px;display:inline-block;margin-left:20px}
.webzin p.pdf a {font-weight:bold;color:#323232;text-decoration:underline}
.webzin p.pdf img {width:20px;margin-right:5px;vertical-align:middle}

.anim {width:100%}
.anim dt {width:217px;float:left}
.anim dt img {border:1px solid #e5e5e5;width:217px}
.anim dd {float:left;margin-left:40px}
.anim dd p.ex {margin-top:20px}
.anim dd p.pdf {margin:0;position:relative;top:20px}
.anim dd h2 {font-size:20px;font-weight:bold;color:#252525}
.anim dd h3 {margin-top:30px;font-size:16px;font-weight:bold;color:#323232}
.anim dd li {line-height:100%}
.aniImg {width:100%;clear:both;padding-top:40px}
.aniImg img {width:175px;border:1px solid #f2f2f2}
.aniImg span {margin-right:2.5%}

/* (테이블)저널  */
.journal {width:100%}
.journal table {color:#323232}
.journal tr {position:relative;border-bottom:1px solid #e2e2e2}
.journal td {padding:30px 0;text-align:left;display:table-cell;vertical-align:top}
.journal td.imgTd {width:176px}
.journal td.imgTd img {width:176px;border:1px solid #cbcbcb}
.journal td.exTd {padding-left:35px;position:relative}
.journal dl dt {font-size:16px;font-weight:bold;color:#323232}
.journal li.d2 {clear:both;position:relative;width:100%;padding-left:10px;background:url(/web/images/news/bg_blit.gif) 0 0.8em no-repeat;font-size:12px;line-height:160%;color:#717171}
.journal li.d1 {color:#047ab3;font-size:13px;margin-top:15px;font-weight:bold}
.journal p.pdf {position:absolute;top:25px;right:15px}
.journal p.pdf a {font-size:13px;font-weight:bold;color:#323232;text-decoration:underline}
.journal p.pdf img {width:20px;margin-right:5px;vertical-align:middle}
/* (테이블)UCC */
.uccList {width:100%}
.uccList tr {width:100%;border-bottom:1px solid #e2e2e2}
.uccList td {text-align:left;padding:10px 0;display:table-cell;vertical-align:middle}
.uccList td.uccImg {width:25%;display:block;width:236px}
.uccList td.uccImg img {display:block;width:236px}
.uccList td.uccTxt {position:relative;padding:0 35px;font-size:13px;color:#717171}
.uccList td.uccTxt img {width:100% !important}
.uccList li.stit {width:100%;font-size:16px;color:#323232;font-weight:bold}
.uccList li.stit span {position:absolute;right:40px;margin-left:10px;padding-left:10px;font-weight:normal;font-size:13px}
.uccList .ctntTable td{border:0}
/* (테이블)UCC 상세  */
.uccView {position:relative;height:666px;border-bottom:1px solid #e2e2e2;padding:5px 20px 30px 20px}
.uccView dl {margin:15px 0}
.uccView dt {float:left;width:578px;height:389px}
.uccView dd {background-color:#f7f7f7;min-height:390px;overflow-x:hidden;overflow-y:scroll}
.uccView p.alt {padding:30px}
.uccView p.error {width:100%;margin-top:50px;padding-left:55px;font-size:16px;color:#494949;font-weight:bold;background:url(/web/images/news/bg_error.png) 0 50% no-repeat}
.uccView p.error span {font-weight:normal;font-size:12px}
.uccView p.error img {vertical-align:middle;margin-left:5px}
.uccView ul.wmPlay {width:100%;margin-top:40px;font-size:13px;font-weight:bold;color:#494949}
.uccView ul.wmPlay li {float:left;padding:0 18px;text-decoration:underline}
.uccView ul.wmPlay li:last-child {padding-right:0}
.uccView ul.wmPlay li.wmp {padding-left:0;border-right:1px solid #ededed}
.uccView ul.wmPlay li.wmp img {width:154px}
.uccView ul.wmPlay li img {vertical-align:middle;margin-right:5px}
.uccView ul.cm li {padding:0 12px;text-decoration:underline}
/* (테이블)달력  */
#contents p.arrow {display:inline-block}
#contents p.arrow a {position:relative;left:15px;bottom:5px;width:29px;line-height:29px;color:#fff;font-weight:bold;display:inline-table;margin:0 4px;vertical-align:middle;text-align:center;background:url(/web/images/comm/btn_arrbg.png) 0 0 no-repeat}
#contents p.arrow a.on {width:29px;line-height:29px;background:url(/web/images/comm/btn_arron.png) 0 0 no-repeat}
#contents p.arrow a:hover,#contents p.arrow a:focus,#contents p.arrow a:active {width:29px;line-height:29px;background:url(/web/images/comm/btn_arron.png) 0 0 no-repeat}
.calDate {width:100%;padding-bottom:30px}
.calTable {width:100%;border-top:2px solid #12a3cc;font-size:16px;font-weight:bold;color:#252525}
.calTable th {background:#f7f8fb;padding:15px 0}
.calTable td {color:#494949;border-bottom:1px solid #ececec;border-right:1px solid #ececec;height:102px;padding:8px}
.calTable td:last-child {border-right:0}
.calTable td span {display:inline-block}
.calTable td span img {vertical-align:middle}
.calTable dt {display:inline-table}
.calTable dt.on {width:29px;line-height:29px;text-align:center;color:#fff;background:url(/web/images/comm/bg_cal.png) 0 0 no-repeat}
.calTable .sun {color:#d90009}
.calTable .sat {color:#0472ab}
.calList {margin-top:60px}
.calList .listTable {margin-top:5px;text-align:center;border-bottom:0 !important}
.calList .listTable th {padding:10px 0;background:#f7f8fb;color:#3d4651}
.calList .listTable tr {border-bottom:1px solid #ececec}
.calList .listTable td {padding:10px 0;color:#494949;border-right:1px solid #ececec;border-top:0 !important}
.calList .listTable td:last-child {border-right:0}

/* (설명)정도동의,유의사항  */
.agree {padding:30px 0;border-bottom:1px solid #d1d1d1;line-height:150%}
.agree dt {font-size:16px;font-weight:bold;padding-bottom:15px;color:#323232}
.agree dd {font-size:13px}
.agree p.radio {margin-top:20px;width:100%;text-align:center}
.agree p.radio span {margin:0 20px}
.careEx {border-top:1px solid #b2b2b2;padding:30px 0;line-height:150%}
.careEx dt {font-size:16px;color:#323232;font-weight:bold;padding-bottom:15px}

/* (게시판)상세보기   */
.ctntView {position:relative;padding:15px 15px 70px 15px;border-bottom:1px solid #e2e2e2}
.ctntView dt {text-align:center;}
.ctntView dt img {width:100%}
.ctntView dd {clear:both;}
.ctntView p {margin-top:15px;line-height:165%;}

/* (설문)독자의견  */
.qList {position:relative;width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #b1b1b1;line-height:175%}
.qList dl {border-top:1px solid #e2e2e2}
.qList dl:first-child {border:0}
.qList dl.quest {height:170px;border:1px solid #f2f2f2}
.qList dl.quest dt {border-bottom:1px solid #b2b2b2}
.qList dl.quest textarea {float:left;width:85%;padding:10px 50px 10px 70px;border:0;font-size:13px;color:#494949;line-height:170%}
.qList dt {width:100%;float:left;padding:10px 0;background:#f7f9fa url('/web/images/comm/img_Q.png') 1.8em center no-repeat}
.qList dt span {display:inline-block;font-weight:bold;margin:0 20px 0 70px}
.qList dd {position:relative;display:inline-block;padding:10px 50px 10px 70px;font-size:13px}
.qList dd li {float:left;margin-right:20px}
.qList dd label {margin-left:2px}
.qList dd input[type=radio] {border:none}
.qList p {color:#ba522a;font-size:12px;padding:10px 0 5px 0}

/** 조직도  **/
.moreView {width:15%;padding:8px 0;background:#047ab3;float:right;font-size:13px;text-align:center}
.moreView a {color:#fff}
.orGan {position:relative;width:device-width}
.orGan img {position:relative;display:block;width:100%;height:100%}
.orGan a {position:absolute;display:block;cursor:handle}
.orGan .link01 {top:0.6%;left:1.2%;width:9.8%;height:9%;border-radius:50%;-webkit-border-radius:50%}
.orGan .link02 {top:0.1%;left:25%;width:11.4%;height:10.2%;border-radius:50%;-webkit-border-radius:50%}
.orGan .link03 {top:12.2%;left:0%;width:12%;height:3.6%}
.orGan .link04 {top:12.2%;left:12.5%;width:12%;height:3.6%}
.orGan .link05 {top:0.6%;left:88.8%;width:9.8%;height:9%;border-radius:50%;-webkit-border-radius:50%}
.orGan .link06 {top:12.4%;left:87.6%;width:12%;height:3.6%}
.orGan .link07 {top:18.5%;left:25%;width:11.4%;height:10.2%;border-radius:50%;-webkit-border-radius:50%}
.orGan .link08 {top:21.8%;left:42.8%;width:12%;height:3.6%}
.orGan .link09 {top:21.8%;left:55.5%;width:12%;height:3.6%}
.orGan .link10 {top:21.8%;left:68%;width:12%;height:3.6%}
.orGan .link11 {top:33.8%;left:3.2%;width:12%;height:3.6%}
.orGan .link12 {top:38%;left:3.2%;width:12%;height:3.6%}
.orGan .link13 {top:42%;left:3.2%;width:12%;height:3.6%}
.orGan .link14 {top:46%;left:3.2%;width:12%;height:3.6%}
.orGan .link15 {top:50.2%;left:3.2%;width:12%;height:3.6%}
.orGan .link16 {top:33.8%;left:15.5%;width:12%;height:3.6%}
.orGan .link17 {top:38%;left:15.5%;width:12%;height:3.6%}
.orGan .link18 {top:42%;left:15.5%;width:12%;height:3.6%}
.orGan .link19 {top:46%;left:15.5%;width:12%;height:3.6%}
.orGan .link20 {top:50%;left:15.5%;width:12%;height:3.6%}
.orGan .link21 {top:54.2%;left:15.5%;width:12%;height:3.6%}
.orGan .link22 {top:33.8%;left:33.5%;width:12%;height:3.6%}
.orGan .link23 {top:38%;left:33.5%;width:12%;height:3.6%}
.orGan .link24 {top:42%;left:33.5%;width:12%;height:3.6%}
.orGan .link25 {top:46%;left:33.5%;width:12%;height:3.6%}
.orGan .link26 {top:50%;left:33.5%;width:12%;height:3.6%}
.orGan .link27 {top:33.8%;left:46%;width:12%;height:3.6%}
.orGan .link28 {top:38%;left:46%;width:12%;height:3.6%}
.orGan .link29 {top:42%;left:46%;width:12%;height:3.6%}
.orGan .link30 {top:46%;left:46%;width:12%;height:3.6%}
.orGan .link31 {top:33.8%;left:67.8%;width:12%;height:3.6%}
.orGan .link32 {top:33.8%;left:80.5%;width:12%;height:3.6%}
.orGan .link33 {top:63.5%;left:1.8%;width:10%;height:3.6%}
.orGan .link34 {top:67.6%;left:1.8%;width:10%;height:3.6%}
.orGan .link35 {top:71.6%;left:1.8%;width:10%;height:3.6%}
.orGan .link36 {top:63.5%;left:12.2%;width:10%;height:3.6%}
.orGan .link37 {top:67.6%;left:12.2%;width:10%;height:3.6%}
.orGan .link38 {top:71.6%;left:12.2%;width:10%;height:3.6%}
.orGan .link39 {top:63.5%;left:23%;width:10%;height:3.6%}
.orGan .link40 {top:67.6%;left:23%;width:10%;height:3.6%}
.orGan .link41 {top:71.6%;left:23%;width:10%;height:3.6%}
.orGan .link42 {top:75.8%;left:23%;width:10%;height:3.6%}
.orGan .link43 {top:63.5%;left:33.5%;width:10%;height:3.6%}
.orGan .link44 {top:67.6%;left:33.5%;width:10%;height:3.6%}
.orGan .link45 {top:71.6%;left:33.5%;width:10%;height:3.6%}
.orGan .link46 {top:63.5%;left:44.2%;width:10%;height:3.6%}
.orGan .link47 {top:67.6%;left:44.2%;width:10%;height:3.6%}
.orGan .link48 {top:71.6%;left:44.2%;width:10%;height:3.6%}
.orGan .link49 {top:75.8%;left:44.2%;width:10%;height:3.6%}
.orGan .link50 {top:63.5%;left:54.7%;width:10%;height:3.6%}
.orGan .link51 {top:67.6%;left:54.7%;width:10%;height:3.6%}
.orGan .link52 {top:71.6%;left:54.7%;width:10%;height:3.6%}
.orGan .link53 {top:75.8%;left:54.7%;width:10%;height:3.6%}
.orGan .link54 {top:79.8%;left:54.7%;width:10%;height:3.6%}
.orGan .link55 {top:83.8%;left:54.7%;width:10%;height:3.6%}
.orGan .link56 {top:88%;left:54.7%;width:10%;height:3.6%}
.orGan .link57 {top:92%;left:54.7%;width:10%;height:3.6%}
.orGan .link58 {top:96.2%;left:54.7%;width:10%;height:3.6%}
.orGan .link59 {top:63.5%;left:65.2%;width:10%;height:3.6%}
.orGan .link60 {top:67.6%;left:65.2%;width:10%;height:3.6%}
.orGan .link61 {top:71.6%;left:65.2%;width:10%;height:3.6%}
.orGan .link62 {top:75.8%;left:65.2%;width:10%;height:3.6%}
.orGan .link63 {top:79.8%;left:65.2%;width:10%;height:3.6%}
.orGan .link64 {top:83.8%;left:65.2%;width:10%;height:3.6%}
.orGan .link65 {top:63.6%;left:75.5%;width:10%;height:3.6%}
.orGan .link66 {top:63.6%;left:88%;width:10%;height:3.6%}
.orGan .link67 {top:67.6%;left:88%;width:10%;height:3.6%}
.orGan .link68 {top:79.8%;left:0%;width:10%;height:3.6%}
.orGan .link69 {top:79.8%;left:81.8%;width:10%;height:3.6%}

/** 광역 **/
.wideArea {width:100%;line-height:160%}
.wideArea li {float:left;}
.wideArea .group {padding-bottom:30px;border-bottom:1px solid #eaeaea}
.wideArea .wideEx {margin-top:30px}
.wideArea .wideEx li {float:left}
.wideArea .wideEx li.pic {width:40%}
.wideArea .wideEx li.pic img {width:100%}
.wideArea .wideEx li.tx {width:50%;padding-left:25px}
.wideArea .wideEx dl dd {margin:15px 0}
.wideArea .wideEx dl dt.ti {color:#323232;font-size:16px;font-weight:bold}
.wideArea .wideEx span {display:inline-block}
.wideArea .wideEx span img {width:100%}
.wideArea .wideSrch {width:100%;margin-bottom:20px}
.wideArea .wideSrch h3 {color:#000;font-size:20px;margin-bottom:16px;font-weight:bold}
.wideArea .wideSrch span {display:inline-block;text-align:center}
.wideArea .wideSrch select {width:49%;font-size:10px;font-weight:bold;color:#494949;padding:7px 0;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
/* 광역(이미지맵) */
.wideMap {width:100%;overflow:hidden;padding:35px 20px}
.wideMap dl {margin-bottom:30px} 
.wideMap dl dt {font-size:27px;font-weight:bold;color:#323232} 
.wideMap dl dd {font-size:11px;color:#717171} 
.wideMap .ex {font-size:12px;color:#494949;margin-bottom:2px} 
.wideMap .choice {width:50%;float:left;text-align:center} 
.wideMap .choice dl {width:100%;margin-bottom:30px} 
.wideMap .choice dl dt {text-align:center;float:left;padding:0 15px} 
.wideMap .choice dl dd {text-align:left;float:left;line-height:140%} 
/* 광역(지역별) */
.viewArea {margin-top:30px}
.viewArea h2 {text-align:left;color:#323232;font-size:16px;font-weight:bold;margin-top:45px}
.viewArea li.blit2 {clear:both;margin-top:5px;padding-left:8px;width:100%;line-height:150%;background:url(/web/images/comm/bg_blit2.gif) 0em 0.7em no-repeat}
.viewArea li.blit2 span {font-weight:bold}
.wideList {clear:both}
.wideList .listTable {width:100%;margin-top:5px;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1}
.wideList .listTable th, .wideList .listTable td {text-align:center;border-right:1px solid #d1d1d1;color:#323232;padding:12px 0;display:table-cell;vertical-align:middle;font-size:13px}
.wideList .listTable th:last-child, .wideList .listTable td:last-child {border-right:0}
.wideList .listTable td a:hover,.wideList .listTable td a:active {text-decoration:underline;color:#323232}
.wideList .listTable td li {width:100%;display:inline-block;text-align:center;margin:5px 0}
.wideList .listTable td img {vertical-align:middle;margin-left:5px}
.dataTable {width:100%;margin-top:20px;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1}
.dataTable thead th {padding:10px 0;border-bottom:1px solid #e2e2e2;background:#f7f8fc;font-size:13px;color:#323232;font-weight:bold}
.dataTable tbody th {display:table-cell;vertical-align:middle;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background:#fcfcfc;font-weight:bold}
.dataTable tbody td {line-height:150%;display:table-cell;vertical-align:middle;border-bottom:1px solid #e2e2e2;padding:10px 25px;text-align:left}
.dataTable tbody td.dsp {padding:10px}
.dataTable tbody td img {width:100%}
.dataTable.noPd td {padding:10px 0}

/* (조회)청구서 등록   */
.askWrap .topSearch {padding:15px 0px}
.askWrap .topSearch .inBox02 {padding:0px}
.askWrap .topSearch .inBox01 .selBox04 {position:relative;top:25px}
.askWrap .topSearch .inBox01 .selBox04 {position:relative;top:25px}
.askWrap .topSearch .inBox01 .selBox04 .size05 {width:55.5%;}
.askWrap .topSearch .inBox01 .selBox04 label {display:inline-block;width:auto;padding-left:15px;text-align:right}
.askWrap .topSearch .inBox01 .selBox04 label.subj {margin-left:5px}
.askWrap .dataTable {width:100%}
.askWrap .dataTable td {border-left:1px solid #e1e1e1;text-align:center;padding:10px 0}
.askWrap .dataTable td:first-child {border-left:0}
.askWrap .readTable td.over {height:200px;overflow-x:hidden;overflow-y:scroll}
.askWrap .writeTable th.bg {background:#f2f4f5}
.askWrap .receive {width:100%;margin-top:30px;margin-bottom:10px}
.askWrap .receive a {text-decoration:underline}
.askWrap .receive span {font-weight:bold;float:right}
.askWrap .receive span img {vertical-align:middle;width:19px;height:18px;margin-right:5px}
.askWrap table.pay {border:1px solid #e1e1e1}
.askWrap table.pay th {line-height:20px;padding:10px 0;border-right:1px solid #e1e1e1;border-bottom:0;text-align:center;padding:8px 10px}
.askWrap table.pay td {border-right:1px solid #e1e1e1;text-align:right;padding:2px 10px}
.askWrap table.pay td {border-right:1px solid #e1e1e1;text-align:right;padding:2px 10px}
.askWrap span.fileImg {padding-left:30px;margin-right:20px;background:url(/web/images/comm/bg_zip.png) 0 0 no-repeat}
.askName {width:100%;font-weight:bold;color:#323232;margin:25px 0 15px 0}
.askName .blue {color:#047ab3;font-size:16px}

.notice p.txTy01 {margin-top:10px;font-size:26px;text-align:center;font-weight:bold;color:#323232;display:block}
.notice p.txTy01 span {color:#017eba}

/* (조회)수도/댐용수요금   */
.paySearch {width:100%;position:relative}
.paySearch .topSearch {padding:15px 0;position:relative}
.paySearch .dataTable {margin-top:0;line-height:150%} 
.paySearch .dataTable th {text-align:center;border-bottom:0}
.paySearch .dataTable td {text-align:center;border-left:1px solid #e2e2e2}
.paySearch .dataTable td:first-child {border-left:0}
.paySearch .readTable {margin-top:70px;text-align:center;line-height:150%} 
.paySearch .readTable td {border-left:1px solid #e2e2e2;text-align:left} 

.paySearch .inBox01 {text-align:center}
.paySearch .inBox01 span.tx {font-size:12px;color:#494949;font-weight:bold}
.paySearch .inBox01 label {font-size:12px;color:#494949;font-weight:bold}
.paySearch .graph {margin-top:40px}
.paySearch .graph img {width:100%}
.paySearch .boxs {position:relative;height:30px}

.paySearch a {text-decoration:underline;font-weight:bold}
.paySearch span.btn01 {position:absolute;top:0px}
.paySearch span.btn01 input {border:0;width:32px;margin-left:10px;padding:0}
.paySearch span.selBox04 select {padding:7px 5px;margin-right:2px}
.paySearch table.cnt td {text-align:center} 
.paySearch table td.no {border-left:0} 
.paySearch table td.bg {background:#fbfbfb} 
.paySearch table td.left {text-align:left} 
.paySearch table th.line {border-right:1px solid #e2e2e2} 

/* (계산)탄소배출량   */
.sumWrap {width:100%;position:relative}
.sumWrap input {border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
.sumWrap input.inpTx {width:65%;padding:10px 0;margin:0 5px 0 10px}
.sumWrap label {font-size:12px;font-weight:bold;color:#494949}
.sumWrap dt {font-size:16px;font-weight:bold;color:#32323;padding-left:22px}
.sumWrap dd {margin-top:20px}
.sumWrap ul {width:50%;float:left}
.sumWrap li {margin-bottom:8px;margin-right:15px}
.sumWrap p.ex {margin-bottom:20px}
.sumWrap .tr01 {width:22.5%;height:80px;display:table-cell;vertical-align:middle}
.sumWrap .tr02 {display:table-cell;vertical-align:middle;height:85px;text-align:center}
.sumWrap .tr02 ul {width:95%;position:relative;top:30px}

.sumArea01 {width:62%;margin-right:10px;padding:20px 20px 10px 20px;background:#f7f7f7;border:1px solid #f0f0f0;float:left}
.sumArea02 {width:31.2%;float:left}
.sumArea03 {width:100%;clear:both;position:relative;top:10px}
.sumArea04 {width:100%;position:relative}
.sumBox01 span {font-weight:normal}
.sumBox01 dt {background:url(/web/images/water/ico_cal.png) 0 72.8% no-repeat}
.sumBox02 {padding:20px 20px 30px 20px;margin-bottom:10px;background:#f7f7f7;border:1px solid #f0f0f0}
.sumBox02 dt {background:url(/web/images/water/ico_cal.png) 0 84.5% no-repeat}
.sumBox03 {width:100%;cursor:hand;padding:17.5px 0;text-align:center;display:inline-block;background:#fead12;border:1px solid #f7a812}
.sumBox03 span {padding-left:30px; display:inline-block;font-size:20px;color:#fff;font-weight:bold;background:url(/web/images/water/ico_cal.png) 0 100% no-repeat;}
.sumBox04 {line-height:100%;width:100%;display:inline-block;padding:30px 0;font-size:30px;font-weight:bold;color:#b0e6ff;text-align:center;clear:both;background:#047ab3;border:1px solid #0477ae}
.sumBox04 sub {font-size:20px;}
.sumBox04 span.num {color:#fff;margin:0 5px}
.sumBox04 span.unit {font-size:13px}
.sumBox05 {width:70%;margin-right:10px;padding:15px 20px;background:#f7f7f7;border:1px solid #f0f0f0;float:left}
.sumBox05 .inpBox {width:100%}
.sumBox05 .inpBox li {width:45%;float:left}
.sumBox05 .radio {font-size:16px;color:#494949;margin-bottom:20px}

/* 채용공고  */
.kempo {position:absolute;right:80px;bottom:135px;font-size:14px;color:#494949;font-weight:bold;width:250px;height:35px;border-right:1px solid #d4d4d4}
.kempo img {vertical-align:top;float:left;width:44px;height:44px;margin-right:8px;display:inline-block}
.kempo span {font-size:12px;color:#717171;font-weight:normal;margin-top:10px}
.phonBox .blank {width:100%}
.phonBox .blank .NO {width:60%;float:left;margin-top:10px;padding-left:100px;height:70px;font-size:18px;color:#252525;font-weight:bold;text-align:center;background:url(/web/images/comm/bg_empo.png) 5% 0 no-repeat}
.phonBox .blank .NO span.sm {font-weight:normal;font-size:13px;color:#717171;}
.phonBox .blank .listBtn {margin:0;position:relative;top:10px;right:20px}

/* (팝업) */
.popWrap {width:100%;text-align:center}
.popWrap h2 {text-align:left;color:#323232;font-size:16px;font-weight:bold;margin-top:30px}
.popArea {display:inline-block;width:826px;height:768px;overflow-x:hidden;overflow-y:scroll}
.popArea .dataTable {width:100%;line-height:150%;border-bottom:1px solid #d1d1d1}
.popArea .dataTable th {padding:10px 0;border-bottom:1px solid #e2e2e2;background:#f7f8fc;font-size:13px;color:#323232;font-weight:bold}
.popArea .dataTable td {display:table-cell;vertical-align:middle;text-align:center;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2}
.popArea .dataTable td.right {text-align:right}
.popArea .dataTable td.left {text-align:left}

/* 배너  */
.banner {width:100%;text-align:left}
.banner tr {width:100%}
.banner tr td {padding-right:15px;padding-bottom:30px}
.banner tr td:last-child {padding-right:0}
.banner tr td span {width:100%;display:block}
.banner tr td img {width:246px;border:1px solid #e1e1e1}

/* 보상절차 */
.make {width:100%;clear:both;line-height:150%}
.make p {padding:0 15px}
.make img {width:100%}
#contents .make h2.h2Ty04 {margin:25px 0 10px 0} /* 여백조절 */
#contents .mrg5 {margin-top:50px} 
#contents .bLine {padding-bottom:50px;border-bottom:1px solid #e2e2e2}

/* 열린채용 서브메인 */
body.smain #wrap {width:100%;position:relative;text-align:center}
body.smain #footer {text-align:left}
#sVisu {width:100%s}
#sVisu .svisuWrap {width:100%;min-height:400px;position:relative;text-align:center;background:url(/web/images/recr/smain.jpg) 50% 0 no-repeat}
#sVisu .txtBox {width:1400px;display:inline-block;position:relative;right:200px;top:155px}
#sVisu .txtBox li {text-align:right;color:#000;font-weight:bold}
#sVisu .txtBox li.stxt01 {font-size:11.7px}
#sVisu .txtBox li.stxt02 {font-size:30.6px;letter-spacing:-2px}
#sVisu .txtBox li.stxt03 {font-size:11.7px;margin-top:20px}

#sVisu .sbtBox {width:1400px;position:relative;top:199px;display:inline-block;text-align:center;font-size:0;line-height:0}
#sVisu .sbtBox li {display:inline-block;text-align:center}
#sVisu .sbtBox li a {color:#fff;display:inline-block;width:170px;line-height:40px;font-size:15px;font-weight:bold}
#sVisu .sbtBox li.sbtn01 {background:#f7ae00}
#sVisu .sbtBox li.sbtn02 {background:#2f4b6b}

#sCtnt {position:relative;padding:30px 0;width:1000px;display:inline-block;text-align:left;line-height:140%}
#sCtnt p.tit {widht:100%;font-size:17px;color:#545454;font-weight:bold;margin-bottom:13px}
#sCtnt p.tit span {color:#0699e0}
#sCtnt dt {font-size:20px;color:#000;font-weight:bold}

#sCtnt .sEmpl {clear:both;width:100%}
#sCtnt .sEmpl dl {position:relative;margin-right:0.8%;float:left;width:19.2%;height:185px;padding:30px 25px;border:1px solid #e0e5e8}
#sCtnt .sEmpl dl:last-child {margin-right:0}
#sCtnt .sEmpl dt span{padding:15px 0;display:block;font-size:12px;color:#494949;font-weight:normal}
#sCtnt .sEmpl dd a {font-weight:bold;font-size:11px;text-decoration:underline;color:#494949;margin-right:5px}

#sCtnt .sEmpl dl.empl01 {background:url(/web/images/recr/empl01.png) 80% 85% no-repeat}
#sCtnt .sEmpl dl.empl02 {background:url(/web/images/recr/empl02.png) 80% 85% no-repeat}
#sCtnt .sEmpl dl.empl03 {background:url(/web/images/recr/empl03.png) 80% 85% no-repeat}
#sCtnt .sEmpl dl.empl04 {background:url(/web/images/recr/empl04.png) 80% 85% no-repeat}

#sCtnt .sNoti {clear:both;width:100%;height:100px;padding-top:40px}
#sCtnt .sNoti dl {position:relative;display:inline-block;float:left;margin-right:40px}
#sCtnt .sNoti dl:last-child {margin-right:0px}
#sCtnt .sNoti dl.noti01 {width:360px}
#sCtnt .sNoti dl.noti02 {width:340px}
#sCtnt .sNoti dl.noti03 {width:210px}
#sCtnt .sNoti dt {width:100%;padding-bottom:15px;border-bottom:1px solid #eaecec}
#sCtnt .sNoti dd {padding:25px 0;font-size:12px;color:#494949}
#sCtnt .sNoti p.more {position:absolute;top:0px;right:0;font-weight:bold}

#sCtnt .noti01 li {width:100%;height:45px;clear:both}
#sCtnt .noti01 li span {display:inline-block;float:left}
#sCtnt .noti01 span.img {width:92px}
#sCtnt .noti01 span.ex {width:260px;margin:3px 0 0 8px}

#sCtnt .noti03 p.tx01 a {font-weight:bold;margin-left:5px;text-decoration:underline}
#sCtnt .noti03 p.tx01 img {vertical-align:middle}
#sCtnt .noti03 p.tx02 {margin-top:30px;background:url(/web/images/recr/numb.png) 0 0 no-repeat;padding-left:28px;font-size:24px;font-weight:bold;}
#sCtnt .noti03 p.tx02 span {font-size:12px;font-weight:normal}

/* 열린채용-채용제도 */
.sysWrap {width:100%;line-height:150%}
.sysWrap p.sys01 {font-size:13px;color:#494949;margin-top:10px}
.sysWrap h2.h2Ty04 {margin-top:20px}
.sysWrap img.sys {width:100%;padding:60px 0}
.sysWrap table.dataTable thead th {border-bottom:0}
.sysWrap table.dataTable tbody th {text-align:center;background:none;font-weight:normal}

.sysEx {padding:60px 0}
.sysEx dt {font-size:16px;font-weight:bold;color:#333;margin-bottom:30px}

.hrsWrap {width:100%}
.hrsWrap div:first-child {margin-top:0}
.hrsEx {margin-top:80px}
.hrsEx span.Go {margin-left:5px;font-weight:bold}
.hrsEx span.Go img {width:18px;hieght:18.5px;vertical-align:middle;margin-right:2px}
.hrsImg {margin-top:25px}

/* 팝업 */
body.pop #wrap {width:100%;text-align:center;position:relative;display:inline-block}
.popUp {width:440px;display:inline-block;line-height:140%}
.popUp dl {background:#fff;}
.popUp dt {padding:0 30px;text-align:left;line-height:60px;font-size:16px;color:#fff;background:#047ab3}
.popUp dt span {float:right}
.popUp dt img {width:27px;vertical-align:middle}
.popUp dd {text-align:left;padding:30px;font-size:13px;color:#494949}

/* 정부3.0 */
.govBtn {width:100%}
.govBtn span {border:1px solid #ccc;display:inline-block;text-align:center;width:192px;line-height:44px;background:url(/web/images/gov3/bg_gov.png) 0 0 repeat-x}
.govBtn span a {width:192px;display:block;font-size:14px;color:#323232;font-weight:bold}
.govBtn span.gov01 a img {margin-right:10px;width:54px;height:24px;vertical-align:middle}
.govBtn span.gov02 a img {margin-right:10px;width:24px;height:24px;vertical-align:middle}
.govBtn span.gov03 a img {margin-right:10px;width:24px;height:24px;vertical-align:middle}
  
.govBox {margin-top:40px;line-height:140%;clear:both}
.govImg {width:100%;text-align:center;margin-top:20px}
.govImg dt {width:60%;float:left;text-align:left;display:inline-block}
.govImg dd {width:38%;text-align:left;position:relative;top:65px;display:inline-block}
.govImg P.govEx span {display:block}
.govImg P.Lalign {text-align:left;margin-left:15px}
.govImg p.govTxt {font-size:20px;font-weight:bold;margin-bottom:20px}
.govImg p.govTxt .tx01 {color:#fead12}
.govImg p.govTxt .tx02 {color:#119dc4}
.govImg p.govTxt .tx03 {color:#72a33d}
.govImg p.govTxt .tx04 {color:#e66a8c}

.govBox .dataTable thead th {border-bottom:0}
.govBox .dataTable tbody th {background:none;font-weight:bold}
.govBox .dataTable tbody td {text-align:center;border-left:1px solid #ececec}
.govBox .dataTable.Lalign td {text-align:left}

/* 정부3.0(투명한정부) */
.govBox h2.h2Ty04 {margin-bottom:20px} 
.govBox dt span {width:100%;display:inline-block}
.govBox dt span.tx01 {width:20%;margin:0 20px;color:#fff;font-weight:bold;width:27px;line-height:40px;background:url(/web/images/gov3/bg_num.png) 0 50% no-repeat;} 
.govBox dt span.tx02 {width:80%;text-align:left;color:#323232;font-size:14px;font-weight:bold}
.govBox dt span.tx01.on {background:url(/web/images/gov3/bg_numon.png) 0 50% no-repeat;} 
.govBox dt span.tx02.on {color:#017eba}
.govBox dt span.tx02 span {font-size:13px;font-weight:normal;display:block}
.govBox dd p.tx03 {font-size:16px}
.govBox dd p.tx04 {font-size:11.5px}

.govBox .govCnt dl {border-top:0}
.govBox .govCnt dl:first-child {border-top:2px solid #12a3cc}
.govBox .govCnt dl dt a {width:100%;background-position:96.5% 50%}
.govBox .govCnt dl dt a span {text-align:left}
.govBox .govCnt dl dt a span.tx01 {text-align:center}
.govBox .govCnt dd {padding:30px}
.govBox .govCnt img {max-width:100%}

/*대외수상*/
.imgTextBox01 .textBox h3 span {display:block;margin-bottom:5px;font-weight:normal;font-size:12px} 

@media all and (max-width: 1024px){
}

@media all and (max-width: 964px){
}

@media all and (max-width: 864px){
}

@media all and (max-width: 767px){
	.brochure {display:none; }
	
	/* 미래물관리  */
	.fuImg {float:none}
	.fuImg img {width:100%}
	.fuTi {font-size:22px;margin-bottom:20px;font-weight:bold}
	.fuTi .Blu {color:#047ab3}
	.fuTi .Grn {color:#72a33d}
	.fuTi .Org {color:#ab7349}
	
	/* 미래물관리  */
	.fuImg {width:100%}
	.fuImg img {width:100%}
	.fuTx {width:90%}
	.fuEx {width:90%;display:block;margin-top:20px;line-height:150%;font-size:13px;font-weight:normal}
	.fuTx .Blu {color:#047ab3}
	.fuTx .Grn {color:#72a33d}
	.fuTx .Org {color:#ab7349}
	
	.guidWrap dl.guidEx {padding-top:30px}
	.guidEx.nopd {padding-top:0}
	.guidEx.pro {padding-top:0}
	.guidEx {padding:30px 15px;border-bottom:1px solid #eaeaea;line-height:150%}
	.guidEx dt {font-weight:bold;font-size:16px;margin-bottom:10px}
	.guidEx ul {margin-top:15px}
	
	body.sub #visual {height:48px}
	body.sub #visual .inner {width:100%;min-width:0;height:48px;background:url(/web/images/comm/bg_sub.png) 50% 0 no-repeat;background-size:800px 48px}
	
	.backGray a.on {background:#047ab3;color:#fff;}
	.backGray a {background:#409fcd;color:#fff;}
	
	#contents {width:100%}
	#contents .path {display:none}
	#contents .nsnBtn {display:none}
	#contents .h1 {height:48px;margin:-48px 0 0;font-size:24px;line-height:48px;font-weight:bold;color:#fff;text-align:center}
	#contents .h1.tab {margin:-48px 0 1px}
	
	#contents h2.h2Ty01 {display:none}
	#contents h2.h2Ty02 {display:inline-block;font-family:Hygtre;color:#252525;font-size:32px;font-weight:bolder;margin-bottom:30px}
	#contents h2.h2Ty03 {margin-left:15px;font-size:20px;margin-bottom:20px}
	#contents h2.h2Ty04 {margin-top:0px;padding-top:30px}
	#contents h2.h2Ty05 {line-height:140%;display:inline-block;font-family:Hygtre;color:#323232;font-size:20px;font-weight:bold}
	#contents h2.h2Ty07 {color:#0472ab;font-size:16px;font-weight:bold;padding:30px 15px 0 15px}
	#contents h2.h2Ty08 {display:none}

	#contents p.subTx {padding-left:15px;margin-top:10px;color:#323232}
	#contents p.view {position:relative;top:40px;width:100%;text-align:center}
	#contents p.view img {display:inline-block;width:182px}
	#contents p.remove {width:100%;text-align:center;font-size:10px;color:#717171;margin-top:15px}
	#contents p.left {width:100%;text-align:left;font-size:10px;color:#717171;padding:0 15px}
	#contents p.remove img {width:14px;height:14px;margin-right:5px;vertical-align:middle}
	#contents p.rbtn {position:relative;left:15px;top:0}
	#contents p.rbtn img {vertical-align:middle;margin-right:5px}
	#contents h2.mt30 {margin-top:30px}
	#contents ul.radioBox label {font-size:12px;margin:0 8px 0 5px}
    #contents div.none {border:0;}
    #contents div.cmSong {padding:0 15px 20px 15px}
	#contents div.cmSong img {width:100%}
	#contents span.excel img {width:28px}
	#contents span.print img {width:26px}
	
	#contents div.notice {position:relative;margin:0;background:#f7f7f7;border:1px solid #f0f0f0;padding:15px}
	#contents div.notice dt {width:100%;min-height:10px;padding:0;margin-bottom:10px}
	#contents div.notice dd.tx {position:relative;top:0}
	#contents div.notice dt img {margin-top:0;width:18px;height:16px;vertical-align:middle}
	#contents div.notice dt span.mobileOn {font-size:12px;font-weight:bold;color:#323232;display:inline;margin-left:10px}
	#contents div.notice dt span.mobileOff {display:none}
	#contents div.notice dd {font-size:10px}
	#contents div.notice p.btn {margin:10px 0 0 0}
	#lnb {display:none}
	#container .inner {padding:0}
	.visual {background:#f00}
	.ctntTable {width:100%;border:0}
	.ctntTable td {border:0}
	.ctntTable td a {color:#323232}
	.ctntTable td a:hover,.ctntTable td a:active {color:#017eba;text-decoration:underline}
	
	/* 기본 쓰기 테이블 */
	.writeTable {margin-top:20px;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1}
	.writeTable td input.att {background:#f9f9f9;width:92%}
	.writeTable td input.file_cb {display:bolck}
	.writeTable td span.attBtn {display:inline-block;background:#a1a1a1;width:45px;line-height:23px;margin-top:1px;text-align:center}
	.writeTable td span.attBtn a {color:#fff;font-weight:bold;font-size:9px}
	.writeTable td span.fileBtn {display:block;vertical-align:middle;position:absolute;margin-left:180px}
	.writeTable td span.fileBtn a {margin:0 2px}
	.writeTable td span.fileBtn img {width:17px;}
	.writeTable td span.explan {font-size:10px;font-weight:bold;color:#ba522a;display:block;margin:8px 0 12px 0}
	.writeTable td span.ex {font-size:10px;color:#717171;display:block;margin:0}
	.writeTable td select {width:40%;font-size:10px;font-weight:bold;color:#494949;padding:7px 0;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
	.writeTable td textarea.area {font-size:12px;margin-bottom:0;min-height:210px}
	.remove .writeTable {border-top:2px solid #12a3cc}	
	
	/* 보기 테이블 */
	.readTable{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1;clear:both}
	.readTable th,
	.readTable td{display:table-cell;vertical-align:middle;border-bottom:1px solid #e2e2e2;padding:8px 0}
	.readTable th{background:#f7f9fa;font-weight:bold;text-align:right;padding-right:17px}
	.readTable td{padding-left:17px}
	.readTable td img.add {width:16px;vertical-align:middle;margin-right:10px}
	
	/* 개인정보 동의  */
	.agree dt {margin:0 30px}
	.agree dd {margin:0 30px}
	.careEx {border-top:1px solid #b2b2b2;padding:30px 15px;line-height:150%}
	.careEx dt {font-size:16px;color:#323232;font-weight:bold;padding-bottom:15px}

	/* 웹진 테이블 */
	.webzin tr {width:100%;padding:0 25px;border-bottom:1px solid #e2e2e2}
	.webzin td {clear:both;width:100%;border:0}
	.webzin dt {width:98px}
	.webzin dt img {width:100%}
	.webzin dd {display:inline-block;width:50%;margin-left:18px;vertical-align:top}
	.webzin ul {margin:0}
	.webzin li {line-height:100%;text-align:left}
	.webzin li.date {font-size:10px;font-weight:normal;color:#323232}
	.webzin li.stit {padding:6px 0 10px;font-size:14px;font-weight:bold;color:#323232}
	.webzin li.blit {clear:both;position:relative;width:100%;padding-left:10px;background:url(/web/images/news/bg_blit.gif) 0 .8em no-repeat;font-size:9px;line-height:180%;color:#717171}
	.webzin p.pdf {margin-top:20px;font-size:12px}
	.webzin p.pdf a {font-weight:bold;color:#323232;text-decoration:underline}
	.webzin p.pdf img {width:19px;margin-right:10px;vertical-align:middle}
	.webzin p.pdf span {display:none}
	
	.anim dl {padding:30px 15px}
	.anim dt {width:100%;padding-bottom:30px;float:none;position:relative;text-align:center}
	.anim dt img {border:1px solid #e5e5e5;width:218px;display:inline-block}
	.anim dd {width:100%;float:left;text-align:left;margin-left:0}
	.anim dd p.ex {margin-top:20px}
	.anim dd p.pdf {margin:0;position:relative;top:20px}
	.anim dd h2 {font-size:20px;font-weight:bold;color:#252525}
	.anim dd h3 {margin-top:30px;font-size:16px;font-weight:bold;color:#323232}
	.anim dd li {line-height:100%}
	.aniImg {clear:both;padding:45px 15px}
	.aniImg img {width:175px;border:1px solid #f2f2f2}
	.aniImg span {margin-right:2.5%}	

	/* 저널 테이블 */
	.journal {position:relative;width:100%}
	.journal table {color:#323232}
	.journal tr {position:relative;border-bottom:1px solid #e2e2e2}
	.journal td {text-align:left;display:table-cell;vertical-align:top}
	.journal td.imgTd {width:115px;padding-left:17px}
	.journal td.imgTd img {width:100%;}
	.journal td.exTd {padding-right:17px}
	.journal dl dt {font-size:14px;font-weight:bold;color:#323232}
	.journal li.d2 {clear:both;width:100%;padding-left:10px;background:url(/web/images/news/bg_blit.gif) 0 0.8em no-repeat;font-size:12px;line-height:160%;color:#717171}
	.journal li.d1 {color:#047ab3;font-size:10px;margin-top:12px;font-weight:bold}
	.journal p.pdf {position:relative;top:15px;left:0}
	.journal p.pdf a {font-size:13px;font-weight:bold;color:#323232;text-decoration:underline}
	.journal p.pdf img {width:20px;margin-right:5px;vertical-align:middle;border:0}

	/* UCC 테이블 */
	.uccList {width:100%}
	.uccList tr {width:100%;border-bottom:1px solid #e2e2e2}
	.uccList td {text-align:left;display:table-cell;vertical-align:middle;padding:15px}
	.uccList td.uccImg {width:25%}
	.uccList td.uccImg img {display:block;width:133px;height:156px}
	.uccList td.uccTxt {width:75%;border:0;font-size:10px;color:#717171;padding:0 15px}
	.uccList td.uccTxt img {width:100%}
	.uccList li.stit {font-size:14px;color:#323232;font-weight:bold}
	.uccList li.stit span {position:relative;left:2px;text-align:left;display:block;margin:0;padding:0;font-size:10px}
	
	/* UCC 테이블(상세) */
	.uccView {border-bottom:1px solid #e2e2e2;position:relative;height:auto}
	.uccView dl {margin:15px 0;padding:0 15px}
	.uccView dt {float:none;width:100%;text-align:center;display:inline}
	.uccView dt img {width:100%}
	.uccView dd {clear:both;background-color:#f7f7f7;min-height:235px;overflow-x:hidden;overflow-y:scroll}
	.uccView p.alt {padding:30px}
	.uccView p.error {display:none}
	.uccView ul.wmPlay {display:none}
	.uccView li.wmp {width:100%;border:0;text-align:center}
	.uccView ul.cm {display:block}
	.uccView ul.cm li {margin-bottom:10px}
	.uccView ul.cm li.wmp img {width:180px;height:33px;margin-bottom:25px}

	.viewTable .conTd div{min-height:209px;padding:16px 15px 20px 15px} /* matey02.css */
	.qList {line-height:175%}
	.qList dl.quest {position:relative;width:100%;height:170px;border:1px solid #f2f2f2}
	.qList dl.quest textarea {float:left;width:92%;padding:10px 20px;border:0;font-size:12px;color:#494949}
	.qList dt {width:100%;float:left;padding:10px 0;background:#f7f9fa url('/web/images/comm/img_Q.png') 1.5em center no-repeat}
	.qList dt span {display:inline-block;font-weight:bold;margin:0 20px 0 65px}
	.qList dd {display:inline-block;position:relative;padding:10px 20px;font-size:13px}
	.qList p {color:#ba522a;font-size:12px;padding:10px 0 5px 20px;clear:both}

	/* 조직도  */
	/* #searchContainer{height:0;overflow:hidden;padding-top:0.1em;} */
	#searchContainer{display:none;padding-top:0.1em;} 
	.organWrap {padding:30px 16px}
	.orGan {position:relative}
	.orGan img {position:relative;width:100%;height:100%}
	
	/* 광역소개  */
	.wideArea {width:94.5%;padding:25px 15px;position:relative}
	.wideArea li {clear:both}
	.wideArea .group {width:100%;margin-bottom:30px}
	.wideArea .wideEx {position:relative;margin-top:20px}
	.wideArea .wideEx li {clear:both}
	.wideArea .wideEx li.pic {width:100%}
	.wideArea .wideEx li.tx {width:100%;padding:0}
	.wideArea .wideEx dl {margin-top:21px}
	.wideArea .wideEx dl dd {margin:15px 0}
	.wideArea .wideEx dl dt.ti {color:#323232;font-size:16px;font-weight:bold}
	.wideArea .wideEx p.btn span {width:100%;text-align:center;margin-bottom:5px}
	.wideArea .wideEx p.btn img {width:188px;height:31px}

	/* I-PIN 박스 */
	.ipinWrap {width:100%;position:relative;margin-top:30px;text-align:center;}
	.ipinBox {position:relative;width:75%;display:inline-block;line-height:180%;border:1px solid #3695c2;border-radius:15px;padding:40px;background:url(/web/images/cust/m_bg_ipinbox.gif) 0 bottom repeat-x;behavior:url(/web/css/PIE.htc)}
	.ipinBox dl.logo {position:relative;width:100%;display:inline-block;text-align:center;vertical-align:middle;width:100%;font-size:15px;color:#252525;font-weight:bold}
	.ipinBox dl.logo span.blue {color:#085d86}
	.ipinBox dl.logo dt {float:none;line-height:65px;width:135px;height:65px;display:inline-block;margin-right:10px;background:url(/web/images/comm/bg_logo.png) 39% 0 no-repeat;}
	.ipinBox dl.logo dd {margin-top:10px;text-align:left}
	
	.ipinBox p.btn {text-align:center;margin:25px 0 30px 0}
	.ipinBox p.btn img {width:229px}
	.ipinBox p.care {width:100%;text-align:center;font-weight:bold;margin-top:10px}
	.ipinBox p.care img {vertical-align:middle}
	.ipinBox p.care img.error {width:22.5px;height:19px}
	.ipinBox p.care img.issue {width:119px;height:22px}
	
	.idpwBox {position:relative;width:75%;display:inline-block;border:1px solid #3695c2;border-radius:15px;padding:20px 30px;background:url(/web/images/cust/m_bg_idpwbox.png) 0 bottom repeat-x;behavior:url(/web/css/PIE.htc)}
	.idpwBox input[type="text"],.idpwBox input[type="password"] {min-width:60%;float:left;font-size:13px;padding:10px;color:#717171;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2;}
	.idpwBox dl.logo {position:relative;width:100%;display:inline-block;padding-bottom:30px;font-size:13px;color:#494949;text-align:center}
	.idpwBox dl.logo dt {float:none;margin:0;display:inline-block;width:135px;background:url(/web/images/comm/bg_logo.png)39% 0 no-repeat}
	.idpwBox dl.logo dd {height:auto;font-size:13px;color:#494949;border:0;clear:both;display:block;padding-left:0;padding-top:25px;text-align:left}
	.idpwBox dl.logo span.blue {font-size:15px;color:#047ab3;font-weight:bold}
	.idpwBox div.inpBox,.idpwBox div.listBtn {position:relative;width:100%;line-height:100%}
	.idpwBox div.inpBox {width:100%;position:relative;left:0;margin-left:0}
	.idpwBox div.inpBox p {width:100%;padding:0}
	.idpwBox div.inpBox label {float:left;display:inline-block;width:20%;margin-top:20px;text-align:left;font-size:13px;font-weight:bold;color:#494949}
	.idpwBox div.listBtn {position:relative;top:0px;margin:12px 0 0 0;text-align:center}
	.idpwBox div.group {position:relative;top:5px}

	.secret {position:relative;width:68%;height:300px;border:1px solid red;display:inline-block;line-height:180%;border:1px solid #3695c2;border-radius:25px;padding:20px 26px;background:url(/web/images/cust/bg_secret.png) 0 bottom repeat-x;behavior:url(/web/css/PIE.htc)}
	.secret input[type="text"],.secret input[type="password"] {border:1px solid #f2f2f2;border-top:1px solid #b2b2b2;padding:10px 0}
	.secret div.group {width:100%;position:relative;clear:both}
	.secret div.inpBox {width:100%;text-align:right}
	.secret div.inpBox p {margin-top:24px}
	.secret div.listBtn {width:100%;text-align:center;margin-left:0;margin-top:10px}
	.secret dl.logo {padding:0}

	.phonBox {width:75%;text-align:left;display:inline-block;border:1px solid #3695c2;line-height:180%;border-radius:25px;padding:40px 35px;behavior:url(/web/css/PIE.htc)}
	.phonBox dl.logo {width:100%;position:relative;text-align:center;display:inline-block;color:#252525;font-weight:bold;line-height:150%}
	.phonBox dl.logo dt {font-size:15px;width:77px;height:35px;display:inline-block;float:none;background:url(/web/images/comm/bg_logo.png) 86.7% 0 no-repeat;}
	.phonBox dl.logo dd {margin-top:18px;font-size:13px}
	.phonBox p.btn {margin-top:30px;width:100%;text-align:center}
	.phonBox p.btn img {width:190px;height:34px}
	
	/* 청구서 등록 및 조회   */
	.askWrap .notice {font-size:20px}
	.askWrap .receive {position:relative;font-size:11px;padding:0 15px 20px 15px;float:left}
	.askWrap .receive span {clear:both}
	.askWrap .receive span.recBtn {width:100%;clear:both;display:block;position:relative;top:10px;left:0}
	.askWrap .receive span.conBtn {width:100%;text-align:center;padding:0}
	.askWrap .readTable td.over {height:200px;overflow-x:hidden;overflow-y:scroll}
	.askWrap .writeTable th {text-align:center;padding:0}
	.askWrap .viewTable {border-top:2px solid #12a3cc;}
	.askWrap .listMobile {border-top:2px solid #12a3cc;margin-top:20px}
	.askName {width:100%;font-weight:bold;font-size:13px;padding-left:15px}
	.askName .blue {color:#047ab3;font-size:16px}
	.askWrap h2.h2Ty06 {color:#323232;font-size:16px;font-weight:bold;margin-bottom:15px;padding-left:15px;margin-top:20px}
	.notice p.txTy01 {margin:0px;font-size:26px;text-align:center;font-weight:bold;color:#323232;display:block}
	.notice p.txTy01 span {color:#017eba}
	
	.kempo {position:absolute;left:50px;bottom:128px;font-size:13px;color:#494949;font-weight:bold;width:200px;height:53px;border-right:1px solid #d4d4d4}
	.kempo a {width:158px;display:block}
	.kempo img {vertical-align:bottom;width:53px;height:53px;margin-right:12px;display:block}
	.kempo span {font-size:9px;color:#717171;font-weight:normal;margin-top:10px}
	
	/* 탄소배출량 계산기   */
	.sumWrap {width:100%;position:relative}
	.sumWrap input {border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
	.sumWrap input.inpTx {width:75%;padding:10px 0;margin:0 5px 0 10px}
	.sumWrap label {font-size:12px;font-weight:bold;color:#494949}
	.sumWrap dt {font-size:16px;font-weight:bold;color:#32323;padding-left:22px}
	.sumWrap dd {margin-top:20px}
	.sumWrap ul {width:100%;float:none}
	.sumWrap li {margin-bottom:8px;margin-right:15px}
	.sumWrap p.ex {padding:30px 15px 0 15px}
	.sumWrap a.tr01 {display:inline-block;padding:20px 0;width:85%;height:25px;}
	
	.sumArea01 {width:100%;margin-right:10px;padding:20px 20px 10px 20px;background:#f7f7f7;border:0}
	.sumArea02 {width:100%;background:#f7f7f7;text-align:center;border:0;padding-bottom:35px}
	.sumArea03 {width:100%;position:relative;top:0}
	.sumArea04 {width:100%;text-align:center;background:#f7f7f7;border:1px solid #f0f0f0;padding-bottom:20px}
	
	.sumBox01 span {font-weight:normal}
	.sumBox01 dt {background:url(/web/images/water/ico_cal.png) 0 72.8% no-repeat}
	.sumBox02 {text-align:left;border:0;padding:20px;background:#f7f7f7}
	.sumBox02 dt {background:url(/web/images/water/ico_cal.png) 0 84.5% no-repeat}
	.sumBox03 {cursor:hand;padding:17.5px 0;width:80%;text-align:center;display:inline-block;background:#fead12}
	.sumBox03 span {padding-left:30px; display:inline-block;font-size:20px;color:#fff;font-weight:bold;background:url(/web/images/water/ico_cal.png) 0 100% no-repeat;}
	.sumBox04 {line-height:100%;width:100%;display:inline-block;padding:30px 0;font-size:30px;font-weight:bold;color:#b0e6ff;text-align:center;clear:both;background:#047ab3;border:1px solid #0477ae}
	.sumBox04 span.num {color:#fff;margin:0 5px}
	.sumBox04 span.unit {font-size:13px}
	.sumBox05 {width:100%;margin-right:10px;padding:15px 20px;border:0}
	.sumBox05 .inpBox {width:100%}
	.sumBox05 .inpBox li {width:90%;float:left}
	.sumBox05 .radio {text-align:left;font-size:16px;color:#494949;margin-bottom:20px}
	
	.paySearch div.boxs {height:30px;padding:15px 15px 10px 15px;text-align:left;}
	.paySearch span.btn01 {width:100%;position:relative;left:0;text-align:left;margin-left:15px}
	.paySearch span.btn01 label {font-size:10px;display:inline-block}
	.paySearch span.btn01 input {width:25.5px;height:25.8px;padding:0}
	
	/* 채용공고  */
	.phonBox .blank {width:100%;text-align:center}
	.phonBox .blank .NO {width:100%;height:auto;margin:0;padding:0;text-align:center;font-size:15px;color:#494949;font-weight:bold;background:none}
	.phonBox .blank .NO img {display:block;width:64px;margin-bottom:10px;position:relative;left:50%;margin-left:-32px}
	.phonBox .blank .NO span.sm {font-weight:normal;font-size:11px;color:#747474;}
	.phonBox .blank .listBtn {margin:0;position:relative;right:0}

	/* (공통)아이핀 탭버튼  */
	#tabCtnt {width:100%}
	#tabCtnt dt.tabBtn {position:relative;top:0px;left:-5px}
	#tabCtnt dt.tabBtn a{width:100%;color:#494949;float:none;line-height:30px;padding:5px 0;padding-left:20px;margin-left:0;border-bottom:1px solid #e1e1e1;}
	#tabCtnt dt.tabBtn a:hover,#tabCtnt dt.tabBtn a:focus{font-weight:bold;border:none;border-bottom:1px solid #b2b2b2;border-top:1px solid #b2b2b2;margin-left:0}
	#tabCtnt dt.tabBtn a:hover:before,#tabCtnt dt.tabBtn a:focus:before{content:'◀';right:35px}
	#tabCtnt dt.tabBtn a:before,#tabCtnt dt.tabBtn a:hover:before,#tabCtnt dt.tabBtn a:focus:before,#tabCtnt dt.tabBtn a.on:before{position:absolute;color:#3f3f3f}
	#tabCtnt dt.tabBtn a:hover,#tabCtnt dt.tabBtn a:focus{border:1px solid red;color:#fff;font-weight:bold;border:none;border-bottom:1px solid #b2b2b2;border-top:1px solid #b2b2b2;margin-left:0}
	#tabCtnt dt.tabBtn a:active,#tabCtnt dt.tabBtn a.on{color:#494949;display:block;padding:5px 0;border:1px solid #b2b2b2;margin-top:-1px;background:#f5f5f5;padding-left:15px;font-weight:bold}
	#tabCtnt dt.tabBtn a:before{content:'▼';right:30px}
	#tabCtnt dt.tabBtn a{display:none}
	#tabCtnt dt.tabBtn.open a{display:block}

	/* (공통)탭버튼  */
	.tabBtn{margin:0;}
	.tabBtn a,
	.tabBtn a.on{text-align:left;color:#494949;padding:11px 0;border:1px solid #b2b2b2;text-indent:15px;line-height:13px;height:13px;margin-left:0;}
	.tabBtn a{width:99.5%;background:#ebebeb;color:#000;display:inline-block;padding:11px 0;border:1px solid #b2b2b2;margin-top:-1px;}
	.tabBtn a.on{font-weight:bold;display:block;background:#fff;}
	.tabBtn a.on:after {content:'▼';position:absolute;right:15px;}
	.tabBtn a:hover, 
	.tabBtn a:focus,
	.tabBtn a:active, 
	.tabBtn a.on {background:#f7f7f7;color:#494949; height:auto; padding:11px 2%;}
	.tabBtn a{display:none}
	.tabBtn.open a{display:block}
	
	/* (공통)리스트 하단버튼  */
	.listBtn {width:100%;margin:20px 0 50px 0;text-align:center}
	.listBtn p {display:inline-block}
	.listBtn label {visibility:hidden}
	.listBtn input {cursor:pointer;border:0;font-size:12px;margin-left:2px;color:#fff;font-weight:bold;display:inline-table;vertical-align:middle;text-align:center;background:url(/web/images/comm/m_btn_on.png) 0 0 no-repeat;width:53px;line-height:53px}
	.listBtn a {font-size:12px;margin:0 3px;color:#fff;font-weight:bold;display:inline-table;vertical-align:middle;text-align:center;background:url(/web/images/comm/m_btn_bg.png) 0 0 no-repeat;width:53px;line-height:53px}
	.listBtn a:hover,.listBtn a:focus,.listBtn a:active,.listBtn a.on {background:url(/web/images/comm/m_btn_on.png) 0 0 no-repeat;width:53px;line-height:53px}
	.listBtn p.right {position:relative;left:35%}

	/* (공통)달력 테이블 */
	.calTable {width:100%;border-top:2px solid #12a3cc;font-size:14px;font-weight:bold;color:#252525}
	.calTable th {background:#f7f8fb;padding:12px 0}
	.calTable td {font-size:12px;color:#494949;text-align:center;border-bottom:1px solid #ececec;height:40px;padding:12px 0}
	.calTable dt {display:inline-table}
	.calTable dt.on {width:29px;line-height:29px;text-align:center;color:#fff;background:url(/web/images/comm/bg_cal.png) 0 0 no-repeat}
	.calTable dd.smile {margin-top:5px}
	.calTable dd.smile span {display:inline-block;color:#fead13;font-size:10px;font-weight:bold}
	.calTable dd.smile img {display:inline-block;vertical-align:middle;width:14px}

	.calDate {width:100%;padding:34px 0 22px 0;text-align:center}
	.calList {margin-top:35px}
	.calList .listTable {margin-top:5px;text-align:center;border-bottom:0 !important}
	.calList .listTable th {padding:10px 0;background:#f7f8fb;color:#3d4651}
	.calList .listTable tr {border-bottom:1px solid #ececec}
	.calList .listTable td {padding:10px 0;color:#494949;border:0 !important}
	.calList .listTable td:last-child {border-right:0}
	.calList .listMobile {border-top:2px solid #12a3cc;}
	
	/* 배너  */
	.banner {width:100%;padding:30px 0;text-align:left}
	.banner ul {width:100%}
	.banner ul li {width:100%;display:inline-block;position:relative;text-align:center;margin-bottom:25px}
	.banner ul li img {width:288px;border:1px solid #e1e1e1}
	.banner ul li span {width:288px;display:inline-block;text-align:left}

	/* 보상절차 */
	.make {width:92%;padding:0 15px}
	.make p {position:relative}
	.make .txList {width:100%;clear:both;padding:30px 0 0 0}
	
	#contents .bLine {padding-bottom:0;border:0}
	#contents .make h2.h2Ty04 {padding-top:25px;margin:0} /* 여백조절 */
	#contents .mrg5 {margin-top:0}

	/* 열린채용 서브메인 */
	body.smain #wrap {width:100%;position:relative;text-align:center;padding-bottom:50px}
	body.smain #footer {text-align:left}
	
	#sVisu {width:100%}
	#sVisu .svisuWrap {width:100%;min-height:100px;position:relative;text-align:center;background:url(/web/images/recr/m_smain.jpg) 50% 0 no-repeat;background-size:cover}
	#sVisu .svisuWrap p.mtxt {font-size:14px;font-weight:bold;width:100%;text-align:right;position:relative;top:80px;right:15px}
	
	#sVisu .sbtBox {position:relative;top:0;width:307px;display:inline-block;text-align:center;font-size:0;line-height:0}
	#sVisu .sbtBox li {display:inline-block;text-align:center}
	#sVisu .sbtBox li a {color:#fff;display:inline-block;width:113px;line-height:30px;font-size:11px;font-weight:bold}
	#sVisu .sbtBox li.sbtn01 {background:#f7ae00}
	#sVisu .sbtBox li.sbtn02 {background:#2f4b6b}
	
	#sCtnt {position:relative;padding:30px 15px;width:383.5px;display:inline-block;text-align:left;line-height:140%}
	#sCtnt p.tit {widht:100%;font-size:12px;color:#545454;font-weight:bold;margin-bottom:13px}
	#sCtnt p.tit span {color:#0699e0}
	#sCtnt dt {font-size:20px;color:#000;font-weight:bold}
	
	#sCtnt .sEmpl {width:100%}
	#sCtnt .sEmpl dl {margin:0 3.5% 3.5% 0;float:left;width:37.5%;height:143.5px;padding:15px;border:1px solid #e0e5e8}
	#sCtnt .sEmpl dt {font-size:15px}
	#sCtnt .sEmpl dt span{padding:15px 0;display:block;font-size:12px;color:#494949;font-weight:normal}
	#sCtnt .sEmpl dd a {font-weight:bold;font-size:9px;text-decoration:underline;color:#494949;margin-right:5px}
	
	#sCtnt .sEmpl dl.empl01 {background:url(/web/images/recr/m_empl01.png) 80% 85% no-repeat;background-size:51px 37.5px}
	#sCtnt .sEmpl dl.empl02 {background:url(/web/images/recr/m_empl02.png) 80% 85% no-repeat;background-size:68.5px 37.5px }
	#sCtnt .sEmpl dl.empl03 {background:url(/web/images/recr/m_empl03.png) 80% 85% no-repeat;background-size:35px 48.5px}
	#sCtnt .sEmpl dl.empl04 {background:url(/web/images/recr/m_empl04.png) 80% 85% no-repeat;background-size:34px 39.5px}
	
	#sCtnt .sNoti {position:relative;width:95%;height:100px;padding-top:24px;clear:both}
	#sCtnt .sNoti dl {float:none}
	#sCtnt .sNoti dl.noti01,#sCtnt .sNoti dl.noti02,#sCtnt .sNoti dl.noti03 {width:100%;float:none}
	#sCtnt .sNoti dt {width:100%;font-size:15px;padding-bottom:15px;border-bottom:1px solid #eaecec}
	#sCtnt .sNoti dd {padding:25px 0;font-size:11px;color:#494949}
	#sCtnt .sNoti p.more {position:absolute;top:0px;right:0;font-weight:bold}
	
	#sCtnt .noti01 li {width:100%;height:45px;clear:both}
	#sCtnt .noti01 li span {display:inline-block;float:left}
	#sCtnt .noti01 span.img {width:92px}
	#sCtnt .noti01 span.ex {width:260px;margin:3px 0 0 8px}
	
	#sCtnt .noti03 p.tx01 a {font-weight:bold;margin-left:5px;text-decoration:underline}
	#sCtnt .noti03 p.tx01 img {vertical-align:middle}
	#sCtnt .noti03 p.tx02 {margin-top:30px;background:url(/web/images/recr/numb.png) 0 0 no-repeat;padding-left:28px;font-size:22px;font-weight:bold;}
	#sCtnt .noti03 p.tx02 span {font-size:11px;font-weight:normal}

	/* 열린채용-채용제도 */
	.sysWrap {padding:0px 15px}
	.sysWrap img {width:100%}
	
	.sysEx {padding:32px 15px}
	.sysEx dt {font-size:16px;font-weight:bold;color:#333;margin-bottom:15px}
	.sysEx dd li {font-size:13px}
	.sysEx dd li span {margin-left:0;display:block}
	.sysEx dd li img {width:20px;vertical-align:middle;margin-right:2px}
	
	#contents .hrsWrap h2.h2Ty04 {padding-top:0}	
	.hrsWrap {width:95%;padding:30px 15px}
	.hrsWrap div:first-child {margin-top:0}
	.hrsWrap .hrsEx {margin-top:30px}
	.hrsWrap .hrsEx span.GO {width:100%;margin-top:5px;display:block}
	.hrsWrap .hrsEx span.Go img {width:20px;hieght:20.5px;vertical-align:middle;margin-right:2px}
	.hrsWrap .hrsImg {margin-top:12px}
	.hrsWrap .hrsImg img {width:100%}

	body.pop #wrap {text-align:center;position:relative;display:inline-block}
	.popUp {width:90%;margin:30px 4.68%;line-height:150%;border:1px solid #717171}
	.popUp dl {background:#fff;}
	.popUp dt {border-bottom:1px solid #79b8d6;padding:0 30px;text-align:left;line-height:50px;font-size:20px;color:#fff;background:#047ab3}
	.popUp dt span {float:right}
	.popUp dt img {width:25px;vertical-align:middle}
	.popUp dd {text-align:left;padding:30px;font-size:13px;color:#494949}
		
	/* 정부3.0 */
	.govBtn {padding:30px 15px;width:100%}
	.govBtn span {margin-top:10px;width:95%;border:1px solid #ccc;display:inline-block;text-align:center;line-height:35px;background:url(/web/images/gov3/bg_gov.png) 0 0 repeat-x}
	.govBtn span:first-child {margin-top:0}
	.govBtn span a {width:95%;display:block;font-size:12px;text-align:center;color:#323232;font-weight:bold}
	.govBtn span.gov01 a img {margin-right:10px;width:46px;height:20.5px;vertical-align:middle}
	.govBtn span.gov02 a img {margin-right:10px;width:21px;height:20px;vertical-align:middle}
	.govBtn span.gov03 a img {margin-right:10px;width:21px;height:21px;vvertical-align:middle}
	  
	.govBox {margin-top:0;line-height:140%;clear:both;margin-bottom:30px}
	.govBox p {padding:0 10px}
	.govImg {width:100%;text-align:center;margin-top:20px}
	.govImg dt {width:95%;display:inline-block;padding:0px 15px}
	.govImg dt img {width:100%}
	.govImg dd {position:relative;top:0;width:100%;text-align:left;display:inline-block}
	.govImg P.Lalign {text-align:left;margin-left:0}
	.govImg p.govTxt {font-size:16px;font-weight:bold;margin-bottom:20px}
	.govImg p.govTxt .tx01 {color:#fead12}
	.govImg p.govTxt .tx02 {color:#119dc4}
	.govImg p.govTxt .tx03 {color:#72a33d}
	.govImg p.govTxt .tx04 {color:#e66a8c}
	.govImg P.govEx span {display:inline}
	
	.govBox .dataTable thead th {border-bottom:0}
	.govBox .dataTable tbody th {background:none;font-weight:bold}
	.govBox .dataTable tbody td {text-align:center;border-left:1px solid #ececec}
	.govBox .dataTable.Lalign td {text-align:left}	
	
	/* 정부3.0(투명한정부) */
	#contents .govBox h2.h2Ty04 {padding-top:0}
	.govBox h2.h2Ty04 {margin:15px;font-size:20px} 
	.govBox dt span {width:100%;display:inline-block}
	.govBox dt span.tx01 {width:10%;margin:0 15px;color:#fff;font-weight:bold;width:27px;line-height:40px;background:url(/web/images/gov3/bg_num.png) 0 50% no-repeat;} 
	.govBox dt span.tx02 {width:70%;text-align:left;color:#323232;font-size:14px;font-weight:bold}
	.govBox dt span.tx01.on {background:url(/web/images/gov3/bg_numon.png) 0 50% no-repeat;} 
	.govBox dt span.tx02.on {color:#017eba}
	.govBox dt span.tx02 span {font-size:13px;font-weight:normal;display:block}
	.govBox dd p.tx03 {font-size:16px}
	.govBox dd p.tx04 {font-size:11.5px}
	
	.govBox .govCnt dl {border-top:0}
	.govBox .govCnt dl:first-child {border-top:2px solid #12a3cc}
	.govBox .govCnt dl dt a {width:100%;background-position:96.5% 76%}
	.govBox .govCnt dl dt a span {text-align:left}
	.govBox .govCnt dl dt a span.tx01 {text-align:center}
	.govBox .govCnt dd {padding:25px 15px}
	.govBox .govCnt img {max-width:100%}
	
	/* 동영상 관련 추가 */
	.movie .video_full {width:100%;}
	
	/* 공통탭 수정 */
	.tabBtn.futu a br{display:none;}
		
}

/* 브로슈어 */
.brochure {width:100%}
.brochure table {color:#323232}
.brochure tr {position:relative;border-bottom:1px solid #e2e2e2}
.brochure td {padding:30px 0;text-align:left;display:table-cell;vertical-align:top}
.brochure td.imgTd {width:176px}
.brochure td.imgTd img {width:100%;border:1px solid #cbcbcb}
.brochure td.exTd {padding-left:35px; padding-right:140px; position:relative}
.brochure dl dt {font-size:16px;font-weight:bold;color:#323232}
.brochure li.d2 {clear:both;position:relative;width:100%;padding-left:10px;background:url(/web/images/news/bg_blit.gif) 0 0.8em no-repeat;font-size:12px;line-height:160%;color:#717171}
.brochure li.d1 {color:#047ab3;font-size:13px;margin-top:15px;font-weight:bold}
.brochure p.pdf {position:absolute;top:25px;right:15px}
.brochure p.pdf a {font-size:13px;font-weight:bold;color:#323232;text-decoration:underline}
.brochure p.pdf img {width:20px;margin-right:5px;vertical-align:middle}


/* 영문 이벤트 */
.qList2 {position:relative;width:100%;border-top:2px solid #0158cb;border-bottom:1px solid #b1b1b1;line-height:175%}
.qList2 dl {border-top:1px solid #e2e2e2}
.qList2 dl:first-child {border:0}
.qList2 dl.quest {/*height:170px;*/border:1px solid #f2f2f2}
.qList2 dl.quest dt {border-bottom:1px solid #b2b2b2}
.qList2 dl.quest textarea {float:left;width:88%;padding:10px 31px 10px 65px;border:0;font-size:13px;color:#494949;line-height:170%}
.qList2 dt {width:100%;float:left;padding:10px 0;background:#f7f9fa url('/web/images/comm/img_Q.png') 1.8em center no-repeat}
.qList2 dt span {display:inline-block;font-weight:bold;margin:0 20px 0 70px}
.qList2 dd {position:relative;display:inline-block;padding:10px 0px 10px 70px;font-size:13px}
.qList2 dd li {float:left;margin-right:20px}
.qList2 dd label {margin-left:2px}
.qList2 dd input[type=radio] {border:none}
.qList2 p {color:#ba522a;font-size:12px;padding:10px 0 5px 0}