@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('jquery-ui.css');
@import url('all.css');
/* @import url('font.css'); */
@import url('jquery.datetimepicker.min.css');

/* 기본 css */
html { height:100%; color:#333;}
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{height:100%;font-family: 'Noto Sans JP', Arial, sans-serif; font-weight:400; margin:0; padding:0; line-height:1.4; letter-spacing: -.01em; font-size: 13px;}
table{border-collapse:collapse; border-spacing:0; clear:both; table-layout:fixed;}
img,fieldset{ border:0}
ul,ol{ list-style:none}
em,address{ font-style:normal}
a{color:inherit;text-decoration:none}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin:0; padding:0; border:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i,
cite,
em,
var,
address,
dfn { font-style:normal;}

/* 모든 inline요소 탭이동 및 포커스 표시 안되게 */
*{ outline:none; }

.blind,
legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; }
caption{ display:none;}

* {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before,
*:after{  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

button{ border:0 none; background:none; cursor:pointer;}

a{ -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* 정렬 */
.l{ text-align:left !important;}
.c{ text-align:center !important;}
.r{ text-align:right !important;}
.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.fr{ float:right;}
.fl{ float:left;}
.clear{content:"";clear:both;display:block;}

/* 폰트 & 컬러 */
.bgGray{ background-color:#f8f8f8;}
.bgYellow{ background-color:#fed469;}
.cYellow{ color:#fed469 !important;}
.cRed{ color:#f41057 !important;}
.cRed02{color:#eb1e2b !important;}
.cViolet{ color: #8B549B !important;}
.cBlue{color:#2185d0 !important;}
.cBlue2{color:#0E566C !important;}
.cGreen{color:#567B04 !important}
.cBrown{color:#7A4D05 !important}

.fPopp{font-family:'Poppins';}

/* form */
fieldset{border:0}
input,
textarea{ border:#d4dde2 1px solid; padding:8px; font-size:13px; border-radius:0; -webkit-border-radius:0; font-family: 'Noto Sans JP', Arial, sans-serif;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#555;}
textarea{overflow:auto;display:block;resize:none;}
textarea.elec{width:100%;border:none;height:78px;}
input[type=text],
input[type=submit],
input[type=password],
input[type=file]{height:30px; line-height:30px; padding:0 10px; margin:0; background:#fff; border:#d2d6de 1px solid; box-shadow:none; -webkit-appearance:none; ime-mode:inactive; outline:none; font-size:13px; color:#555;}
input[type=password]{font-family:Arial, sans-serif;font-size:13px;}
input[type=text]:focus,
input[type=password]:focus{border-color:#00a8fc;}
input[type=image]{border:none;background:none;}
input.datepicker{ width:125px;}
input[type=file],
input[type=file].input{ border:none; box-shadow:none;}
input.monthpicker,
input.datepicker,
input.datetimepicker{padding-left:44px; background:#fff url('../images/common/date_ico.png') 10px 50% no-repeat; font-family: 'Noto Sans JP'; font-size: 13px; cursor:pointer;}
input.datepicker.board{ width:115px;background-position:10px 50%;padding:0 10px 0 40px;font-size:13px;}
input.input.sm{ height:20px; line-height:18px;}
input[type=text]:read-only, input[type=text].readonly{ background-color:#f3f4f7;}
input[type=password]:read-only, input[type=password].readonly{ background-color:#f3f4f7;}

input[type=password]:-ms-input-placeholder{font-family: 'Noto Sans JP', Arial;;font-size:13px;}
input[type=password]::-moz-placeholder{font-family: 'Noto Sans JP', Arial;;font-size:13px;}
input[type=password]::-webkit-input-placeholder{font-family: 'Noto Sans JP', Arial;;font-size:13px;}

:-ms-input-placeholder{color:#b6b6b6!important;line-height:30px; vertical-align:middle; }
::-moz-placeholder{color:#b6b6b6 !important; line-height:30px; vertical-align:middle; }
:-moz-placeholder{color:#b6b6b6 !important; line-height:30px; vertical-align:middle; }
::-webkit-input-placeholder{ color:#b6b6b6 !important; vertical-align:middle; font-weight:normal; }

input[type=text]::-ms-clear{display:none;}

select{border:#d2d6de 1px solid; height:30px; line-height:30px; padding:0 35px 0 10px; background-image: url('../images/common/select_arrow.png'); background-position: right 13px center; background-repeat: no-repeat; background-color:#fff; border-radius: 4px;  -webkit-border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; overflow:hidden; font-size:13px;color:#555; font-family:'Noto Sans JP';}
select::-ms-expand{display:none;}

textarea.block,
input.block,
select.block{ width:100% !important;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:transparent;}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:transparent;}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder{color:transparent;}

input[type=button],
button{ background-color:transparent; cursor:pointer;}

.valuetxt::-webkit-input-placeholder{color:#555 !important;}
.valuetxt:-ms-input-placeholder{color:#555 !important;}
.valuetxt::-moz-placeholder{color:#555 !important;}

.valuetxt_left::-webkit-input-placeholder{color:#555 !important;text-align:left;}
.valuetxt_left:-ms-input-placeholder{color:#555 !important;text-align:left;}
.valuetxt_left::-moz-placeholder{color:#555 !important;text-align:left;}

.valuetxtstrong::-webkit-input-placeholder{color:#555 !important;font-weight:500;}
.valuetxtstrong:-ms-input-placeholder{color:#555 !important;;font-weight:500;}
.valuetxtstrong::-moz-placeholder{color:#555 !important;;font-weight:500;}

::selection{background:rgba(0,0,0,0.3); color:#fff;text-shadow:none}

select:disabled,
textarea:disabled,
input:disabled{ /*opacity:.8 !important;*/ background-color:#f3f4f7; cursor:default;}

input[type=text].search{margin-right:5px; vertical-align: middle; color:#333;}

/************************************************
	label
************************************************/
input[type=checkbox],input[type=radio]{ position:absolute; /* top:0; left:-1000%;  */overflow:hidden; width:1px; height:1px; text-indent:-10000px; -ms-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;opacity:0 !important;}
input[type=checkbox] + label,
input[type=radio] + label{ position: relative; display:inline-block;color: #333;}
input[type=checkbox] + label::before{ content:"";position:relative;top:1px; display:inline-block; width:16px; height:16px; margin-right:5px; border-radius: 4px; border:solid 1px #d4d4d5; vertical-align:-2px; background-color:#fff;}
/*input.lg[type=checkbox] + label{ position: relative;display:inline-block;  font-size: 14px;color: #333; }
input.lg[type=checkbox] + label::before{ content:""; display:inline-block; width:16px; height:16px; margin-right:4px; border-radius: 4px; border:solid 1px #d4d4d5; vertical-align:-2px; background-color:#fff;}
input.lg[type=checkbox]:checked + label::after{ content: '';position: absolute; top: 50%; margin-top: -5px; left: 7px; transform: rotate(-45deg); height: 7px; width: 10px; border-bottom: #000 2px solid; border-left: #000 2px solid; display: inline-block; }*/
input.absolute[type=checkbox] + label{ position: relative;display:inline-block;  font-size: 14px;color: #333;margin-right: 3px;padding:0 0 0 38px;}
input.absolute[type=checkbox] + label span{position:absolute;left:0px;}
input.absolute[type=checkbox] + label::before{ content:""; display:inline-block; width:16px; height:16px; margin:0 4px; border-radius: 4px; border:solid 1px #d4d4d5; vertical-align:-2px; background-color:#fff;}
input.absolute[type=checkbox]:checked + label::after{ content: '';position: absolute; top: 50%; margin-top: -5px; left: 45px; transform: rotate(-45deg); height: 7px; width: 10px; border-bottom: #000 2px solid; border-left: #000 2px solid; display: inline-block; }
input[type=radio] + label::before{ content:""; display:inline-block; width:16px; height:16px; margin-right:4px; border:solid 1px #aaa; vertical-align:-2px; background-color:#fff;border-radius:18px;}
input[type=checkbox]:disabled + label::before,
input[type=radio]:disabled + label::before{ opacity: .4; cursor:default;}
input[type=checkbox]:checked + label::before{ border-color:#d4d4d5; background-color:#fff; cursor:default;}
input[type=checkbox]:checked + label::after{ content: '';position: absolute; top: 50%; margin-top: -5px; left: 3px; transform: rotate(-45deg); height: 7px; width: 10px; border-bottom: #000 2px solid; border-left: #000 2px solid; display: inline-block; }
input[type=radio]:checked + label::before{background:url(../images/common/radio_img.png) no-repeat center;}
input[type=radio] + label,
input[type=checkbox] + label{ margin-right:10px;}
input[type=radio] + label.only,
input[type=checkbox] + label.only{ margin-right: 0;}
input[type=radio] + label.only:before,
input[type=checkbox] + label.only:before{margin-right: 0;}


/* margin */
.mg0{margin:0 !important;}
.mt-1{ margin-top: -1px !important;}
.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt17{ margin-top:17px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt70{ margin-top:70px !important;}
.ml3{ margin-left:3px !important;}
.ml5{ margin-left:5px !important;}
.ml7{ margin-left:7px !important;}
.ml10{ margin-left:10px !important;}
.ml11{ margin-left:11px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.mr3{ margin-right:3px !important;}
.mr4{ margin-right:4px !important;}
.mr5{ margin-right:5px !important;}
.mr7{ margin-right:7px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr23{ margin-right:23px !important;}
.mr30{ margin-right:30px !important;}
.mb7{margin-bottom:7px;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.pd0{padding:0 !important;}
.pt0{ padding-top:0 !important;}
.pt3{ padding-top:3px !important;}
.pt7{ padding-top:7px !important;}
.pr50{ padding-right:50px !important;}
.pb0{ padding-bottom:0 !important;}
.pb3{ padding-bottom:3px !important;}
.pb15{ padding-bottom:15px !important;}
.pl0{ padding-left:0 !important;}
.pl5{ padding-left:5px !important;}
.pl8{padding-left:8px !important}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px !important;}
.pl40{ padding-left:40px !important;}
.pl80{ padding-left:80px !important;}
.pr0{ padding-right:0 !important;}
.pr10{ padding-right:10px !important;}
.pr15{ padding-right:15px !important;}


/* btn */

.btn{display:inline-block; min-width: 30px; height:30px; padding:0 13px; line-height: 30px; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #94A0AD; font-size:13px; font-weight: 700; color:#fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.16);}
.btn:hover{background-color: #002E54;box-shadow: none;}
.btn.bgBlue{background-color:#0F85BC}
.btn.bgBlue:hover{background-color:#00ADEF;box-shadow: none;}
.btn.bgGreen{ background-color:#00A099}
.btn.bgGreen:hover{background-color:#00b9b1;box-shadow: none;}
.btn.bgRed{ background-color:#E03997}
.btn.bgRed:hover{background-color:#f3477c;box-shadow: none;}

.btn2{display:inline-block; min-width: 30px; height:30px; padding:0 20px; vertical-align: middle; line-height: 30px; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #94A0AD; font-size:13px; font-weight: 700; color:#fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.16);}
.btn2:hover{background-color: #002E54;box-shadow: none;}
.btn2.bgBlue{background-color:#0F85BC}
.btn2.bgBlue:hover{background-color:#00ADEF;box-shadow: none;}
.btn2.bgGreen{ background-color:#00A099}
.btn2.bgGreen:hover{background-color:#00b9b1;box-shadow: none;}
.btn2.bgRed{ background-color:#E03997}
.btn2.bgRed:hover{background-color:#fd40aa;box-shadow: none;}
.btn2.bgViolet{ background-color:#b754d8}
.btn2.bgViolet:hover{background-color:#c95ced;box-shadow: none;}

.btn.search{background: #94A0AD url(../images/common/search_icon.png) no-repeat center;}



table .btn{box-shadow: none;}
table .btn2{box-shadow: none;}


/* file */

.filewrap{position: relative;}
.filewrap input[type=text]{width: 250px;}
.filewrap label {display: inline-block;padding: 0 13px;line-height: 30px; height: 30px;background-color: #00A099;cursor: pointer;-webkit-border-radius:3px;-moz-border-radius:4px;border-radius:4px;color:#fff;font-size: 13px;font-weight: bold;}
.filewrap label:hover {background-color: #00b9b1;}
.filewrap label:active {background-color: #00b9b1;}
.filewrap input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.filewrap .btn-close{position: absolute;left: 225px;top: -1px;}

/*2023-11-27 발전량시뮬레이션 등록*/
select.type01:disabled{background-color:#F5F6FA;}
input.multi[type=radio] + label,
input.multi[type=checkbox] + label{ margin-right:50px;}
.btn3{display:inline-block; min-width: 30px; height:60px; padding:0 70px; vertical-align: middle; line-height: 60px; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #94A0AD; font-size:13px; font-weight: 700; color:#fff; box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.16);}
.btn3.bgBlue01{background-color:#2185D0}
.btn3.bgBlue01:hover{background-color:#0b6c99;box-shadow: none;}