@charset "utf-8";

/*  BASE STYLE */
/* Common Style */
#wrapper {font-family:'Pretendard', 'sans-serif'; }
html {font-size: 1rem !important; letter-spacing: -0.05em; font-family: 'Pretendard' !important;}
body {margin:0; padding:0; font-size:75%; line-height:1; vertical-align:top;}
h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, ul, ol, li, dl, dt, dd, table, th, td, p, img {margin:0; padding:0;}
input, textares, button, table, th, td {font-family:'Pretendard', 'sans-serif'; font-size:1em;}
em, address {font-style:normal;}
a {text-decoration:none;}
img, fieldset {border:0 none;}
img {vertical-align:top; color:#000;}
input,
select,
textarea {vertical-align:middle;}
button { vertical-align:top; }
hr {display:none;}
ul, ol, li {list-style:none;}

/* Default Code Style */
body { color:#666; }
a { color:#666; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
td {line-height:150%; font-size:9pt;}

/* Other Class Style */
ul.ClearBoth li {float:none !important;}
ul.FloatRight {float:right !important;}
ul.FloatLeft li {float:left !important;}
ul.BackgroundNone li {background:none !important;}
 
.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left !important;}
.FloatRight {float:right !important;}
.ClearBoth {clear:both !important;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.BorderRightNone {border-right:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}
.nowrap {white-space:nowrap;}
.OverflowHidden{overflow:hidden}

/* SKIP NAVIGATION */
dl#accessibility { display:none; }
.skipNav {position:absolute; width:auto; z-index:8;}
.skipNav a {position:absolute; display:block; left:0; top:0; width:1px; height:1px; margin:0 0 0 -10000px; padding:0; overflow:hidden; }
.skipNav a:hover {margin:0; width:200px; height:auto; background:#fff; text-align:center;}
.skipNav a:focus {margin:0; width:200px; height:auto; background:#fff; text-align:center;}
.skipNav a:active {margin:0; width:200px; height:auto; background:#fff; text-align:center;}

/* HIDDEN TEXT */
.blind,
.comment{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
legend, caption { font-size:0; height:0; left:-10000px; top:-1000px; visibility:hidden; width:0; }

/* NO SCRIPT */
p.noscript { padding:15px; background:#F6F6F6; text-align:center; color:#7b7b7b;}
p.noscript span {display:inline-block; background:url(../images/icon/ico_alert.gif) 0px 2px no-repeat; text-indent:22px; line-height:20px;}

/* 로딩 박스 */
div.ajaxLoadingBox {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99;}
div.ajaxLoadingBox > div.loadingBack {position:absolute; top:0; left:0; width:100%; height:100%; z-index:98; background-color:#333; opacity:0.5; filter:alpha(opacity=50);}
div.ajaxLoadingBox > div.loaddingMent {position:absolute; top:50%; left:50%; width:200px; margin:-33px 0 0 -103px; padding:70px 20px 20px 20px; border:3px solid #333; color:#333; font-size:14px; text-align:center; line-height:20px; background:#fff url(/cmm/pbs/images/icon/indicator_02.gif) center 20px no-repeat; z-index:99;}

/* 팝업 */
div.layerPopupWrap {background:#fff; border:2px solid #cacaca;}
div.popupBottom {line-height:25px; background:#333; color:#fff; text-align:right;}
div.popupBottom a {color:#fff; margin:10px;}
div.popupBottom a:hover {color:#cacaca; text-decoration:none;}

/* 간단 바 차트 */
span.graph_bg_green { background:#5CB85C; float:left;width:100%;height:5px;margin:2px 0 5px; background-position:0 0; }
span.graph_bg_orange { background:#ff9900; float:left;width:100%;height:5px;margin:2px 0 5px; background-position:0 -45px; }
span.graph_bg_blue { background:#3498DB; float:left;width:100%;height:5px;margin:2px 0 5px; background-position:0 -95px; }
span.graph_bg_gray { background:#F5F5F3; float:left;width:100%;height:5px;margin:2px 0 5px; background-position:0 -145px; }
span.graph_over_green { background:#5CB85C; float:left;height:5px;margin:0 0 5px; background-position:0 0; }
span.graph_over_orange { background:#ff9900; float:left;height:5px;margin:0 0 5px; background-position:0 -45px; }
span.graph_over_blue { background:#3498DB; float:left;height:5px;margin:0 0 5px; background-position:0 -95px; }
span.graph_over_gray { background:#F5F5F3; float:left;height:5px;margin:0 0 5px; background-position:0 -145px; }

/* 숫자형 */
input.numberint {text-align:right}

/* 날짜 */
input.DateInput {background-color:#E3EEF9 !important; color:#1C4E80 !important; border:1px solid #619BD6 !important; text-align:center; width:80px;}

/* 체크박스, 라디오 */
input[type='checkbox'], input[type='radio'] {width:19px !important; height:19px !important; position:relative !important; z-index:1 !important;}

/* 공통 이동 및 에러 화면용 CSS */
#errorWrap {}
#errorWrap .errorCon {width:500px; margin:50px auto 0; padding:7px 20px 20px 20px; border:1px solid #707070;}
#errorWrap .errorCon h4 {background:url(/cmm/pbs/images/icon/ico_notice_info.png) 0px 16px no-repeat; background-size:18px auto; padding-left:25px;font-family:'Pretendard', 'sans-serif'; color:#010101; font-size:20px; line-height:52px; border-bottom:1px dashed #707070;}
#errorWrap .errorCon p.ment {font-family:'Pretendard', 'sans-serif'; font-size:17px; color:#333; line-height:34px;}
#errorWrap .errorCon div.mentBox {padding:10px 0 20px;}
#errorWrap .errorCon div.btnBox {padding-top:0px; text-align:center; overflow:hidden;}
#errorWrap .errorCon div.btnBox > .AXButton {padding:10px 20px 7px; color:#fff; font-size:20px; line-height:22px; background-image:none; background-color:#696969; border:none;}
#errorWrap div.logoImg {width:522px; height:30px; text-indent:-10000px; margin:10px auto 0; background:url(/cmm/pbs/images/common/mywater_cms_logo.png) no-repeat center;}

/* Global SPACE */
.MAL0 {margin-left:0px !important;}
.MAL5 {margin-left:5px !important;}
.MAL6 {margin-left:6px !important;}
.MAL10 {margin-left:10px !important;}
.MAL11 {margin-left:11px !important;}
.MAL12 {margin-left:12px !important;}
.MAL13 {margin-left:13px !important;}
.MAL14 {margin-left:14px !important;}
.MAL15 {margin-left:15px !important;}
.MAL20 {margin-left:20px !important;}
.MAL25 {margin-left:25px !important;}
.MAL30 {margin-left:30px !important;}
.MAL31 {margin-left:31px !important;}
.MAL32 {margin-left:32px !important;}
.MAL33 {margin-left:33px !important;}
.MAL34 {margin-left:34px !important;}
.MAL35 {margin-left:35px !important;}
.MAL40 {margin-left:40px !important;}
.MAL45 {margin-left:45px !important;}
.MAL50 {margin-left:50px !important;}
.MAL60 {margin-left:60px !important;}
.MAL70 {margin-left:70px !important;}

.MAR0 {margin-right:0px !important;}
.MAR5 {margin-right:5px !important;}
.MAR10 {margin-right:10px !important;}
.MAR15 {margin-right:15px !important;}
.MAR17 {margin-right:17px !important;}
.MAR20 {margin-right:20px !important;}
.MAR25 {margin-right:25px !important;}
.MAR30 {margin-right:30px !important;}
.MAR35 {margin-right:35px !important;}
.MAR40 {margin-right:40px !important;}

.MAB0 {margin-bottom:0px !important;}
.MAB5 {margin-bottom:5px !important;}
.MAB10 {margin-bottom:10px !important;}
.MAB15 {margin-bottom:15px !important;}
.MAB20 {margin-bottom:20px !important;}
.MAB25 {margin-bottom:25px !important;}
.MAB30 {margin-bottom:30px !important;}
.MAB35 {margin-bottom:35px !important;}
.MAB40 {margin-bottom:40px !important;}

.MAT0 {margin-top:0 !important;}
.MAT1 {margin-top:1px !important;}
.MAT2 {margin-top:2px !important;}
.MAT5 {margin-top:5px !important;}
.MAT6 {margin-top:6px !important;}
.MAT7 {margin-top:7px !important;}
.MAT8 {margin-top:8px !important;}
.MAT9 {margin-top:9px !important;}
.MAT10 {margin-top:10px !important;}
.MAT11 {margin-top:11px !important;}
.MAT12 {margin-top:12px !important;}
.MAT13 {margin-top:13px !important;}
.MAT14 {margin-top:14px !important;}
.MAT15 {margin-top:15px !important;}
.MAT16 {margin-top:16px !important;}
.MAT20 {margin-top:20px !important;}
.MAT21 {margin-top:21px !important;}
.MAT22 {margin-top:22px !important;}
.MAT23 {margin-top:23px !important;}
.MAT24 {margin-top:24px !important;}
.MAT25 {margin-top:25px !important;}
.MAT26 {margin-top:26px !important;}
.MAT27 {margin-top:27px !important;}
.MAT28 {margin-top:28px !important;}
.MAT29 {margin-top:29px !important;}
.MAT30 {margin-top:30px !important;}
.MAT31 {margin-top:31px !important;}
.MAT32 {margin-top:32px !important;}
.MAT33 {margin-top:33px !important;}
.MAT34 {margin-top:34px !important;}
.MAT35 {margin-top:35px !important;}
.MAT36 {margin-top:36px !important;}
.MAT37 {margin-top:37px !important;}
.MAT38 {margin-top:38px !important;}
.MAT39 {margin-top:39px !important;}
.MAT40 {margin-top:40px !important;}
.MAT41 {margin-top:41px !important;}
.MAT42 {margin-top:42px !important;}
.MAT43 {margin-top:43px !important;}
.MAT44 {margin-top:44px !important;}
.MAT45 {margin-top:45px !important;}
.MAT46 {margin-top:46px !important;}
.MAT47 {margin-top:47px !important;}
.MAT48 {margin-top:48px !important;}
.MAT49 {margin-top:49px !important;}
.MAT50 {margin-top:50px !important;}
.MAT55 {margin-top:55px !important;}
.MAT56 {margin-top:56px !important;}
.MAT57 {margin-top:57px !important;}
.MAT58 {margin-top:58px !important;}
.MAT59 {margin-top:59px !important;}
.MAT60 {margin-top:60px !important;}
.MAT80 {margin-top:80px !important;}
.MAT100 {margin-top:100px !important;}
.MAT120 {margin-top:120px !important;}

.MAT-5 {margin-top:-5px !important;}
.MAT-10 {margin-top:-10px !important;}
.MAT-15 {margin-top:-15px !important;}
.MAT-20 {margin-top:-20px !important;}
.MAT-25 {margin-top:-25px !important;}
.MAT-30 {margin-top:-30px !important;}
.MAT-35 {margin-top:-35px !important;}
.MAT-40 {margin-top:-40px !important;}

.PAL0 {padding-left:0px !important;}
.PAL5 {padding-left:5px !important;}
.PAL10 {padding-left:10px !important;}
.PAL15 {padding-left:15px !important;}
.PAL20 {padding-left:20px !important;}
.PAL25 {padding-left:25px !important;}
.PAL30 {padding-left:30px !important;}
.PAL35 {padding-left:35px !important;}
.PAL40 {padding-left:40px !important;}
.PAL45 {padding-left:45px !important;}
.PAL50 {padding-left:50px !important;}

.PAR5 {padding-right:5px !important;}
.PAR1 {padding-right:1px !important;}
.PAR10 {padding-right:10px !important;}
.PAR15 {padding-right:15px !important;}
.PAR20 {padding-right:20px !important;}
.PAR25 {padding-right:25px !important;}
.PAR30 {padding-right:30px !important;}
.PAR35 {padding-right:35px !important;}
.PAR40 {padding-right:40px !important;}

.PAT0 {padding-top:0px !important;}
.PAT5 {padding-top:5px !important;}
.PAT10 {padding-top:10px !important;}
.PAT15 {padding-top:15px !important;}
.PAT20 {padding-top:20px !important;}
.PAT25 {padding-top:25px !important;}
.PAT30 {padding-top:30px !important;}
.PAT35 {padding-top:35px !important;}
.PAT40 {padding-top:40px !important;}

.PAB0 {padding-bottom:0px !important;}
.PAB5 {padding-bottom:5px !important;}
.PAB10 {padding-bottom:10px !important;}
.PAB15 {padding-bottom:15px !important;}
.PAB20 {padding-bottom:20px !important;}
.PAB25 {padding-bottom:25px !important;}
.PAB30 {padding-bottom:30px !important;}
.PAB35 {padding-bottom:35px !important;}
.PAB40 {padding-bottom:40px !important;}

.MaginNone {margin:0 !important;}
.PaddingNone {padding:0 !important;}