@charset "utf-8";
/* CSS Document */
/* CSS Document */
/*
a{color:#0080FF;text-decoration:none;}
a:visited,a:visited *{color:#87124f;}
a.visited,a.visited:visited{color:#444;}
a:hover,a:hover *,a.visited:hover{color:#438a01;text-decoration:underline;}
*/

@font-face {
    font-family: 'Noto Sans KR1';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('Noto Sans Thin'), url('./fonts/Notokr/NotoSans-Thin.eot');
    src: url('./fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Thin.woff2') format('woff2'),
         url('../fonst/NotoSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR2';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('Noto Sans Light'), url('./fonts/Notokr/NotoSans-Light.eot');
    src: url('./fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Light.woff2') format('woff2'),
         url('./fonts/NotoSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR3';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('Noto Sans DemiLight'), url('./fonts/Notokr/NotoSans-DemiLight.eot');
    src: url('./fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-DemiLight.woff2') format('woff2'),
         url('./fonts/NotoSans-DemiLight.woff') format('woff');
}
 
@font-face {
    font-family: 'Noto Sans KR4';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), url('./fonts/Notokr/NotoSans-Regular.eot');
    src: url('./fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Regular.woff2') format('woff2'),
         url('./fonts/NotoSans-Regular.woff') format('woff');
}
 
@font-face {
    font-family: 'Noto Sans KR5';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), url('./fonts/Notokr/NotoSans-Medium.eot');
    src: url('./fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Medium.woff2') format('woff2'),
         url('./fonts/NotoSans-Medium.woff') format('woff');
}
 
@font-face {
    font-family: 'Noto Sans KR6';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('Noto Sans Bold'), url('./fonts/Notokr/NotoSans-Bold.eot');
    src: url('./fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Bold.woff2') format('woff2'),
         url('./fonts/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR7';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('Noto Sans Black'), url('./fonts/Notokr/NotoSans-Black.eot');
    src: url('./fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Black.woff2') format('woff2'),
         url('./fonts/NotoSans-Black.woff') format('woff');
}

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"), url(./fonts/Pretendard-Black.woff2) format("woff2"), url(./fonts/Pretendard-Black.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"), url(./fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(./fonts/Pretendard-ExtraBold.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url(./fonts/Pretendard-Bold.woff2) format("woff2"), url(./fonts/Pretendard-Bold.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url(./fonts/Pretendard-SemiBold.woff2) format("woff2"), url(./fonts/Pretendard-SemiBold.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url(./fonts/Pretendard-Medium.woff2) format("woff2"), url(./fonts/Pretendard-Medium.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url(./fonts/Pretendard-Regular.woff2) format("woff2"), url(./fonts/Pretendard-Regular.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"), url(./fonts/Pretendard-Light.woff2) format("woff2"), url(./fonts/Pretendard-Light.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"), url(./fonts/Pretendard-ExtraLight.woff2) format("woff2"), url(./fonts/Pretendard-ExtraLight.woff) format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"), url(./fonts/Pretendard-Thin.woff2) format("woff2"), url(./fonts/Pretendard-Thin.woff) format("woff");
  }

/*common*/
/* body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;overflow:hidden;-webkit-box-sizing: border-box;} */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;} 
body, input,textarea,select,table,button,code{letter-spacing:0px; font-size:12px;line-height:1.25em;font-family:"Pretendard", "Noto Sans KR4",Sans-serif;box-sizing: border-box;}
body, html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
}
div{
  font-family:"Pretendard", "Noto Sans KR4",Sans-serif;
}

.it,textarea{border:1px solid #bcbcbc;}
ul,ol{list-style:none;}
table{border-collapse:collapse;}
img,fieldset{border:0;}
a{color:#000;text-decoration:none;cursor:pointer;}

/*다중선택 tr*/
.ui-selecting, .ui-selected { background: lightBlue }  


.highlighted {
    color: #261F1D;
    background-color: #f9ef7b;
}

.highlighted_grey {
    color: #261F1D;
    background-color: #eee;
}

.radioTxtAlign{vertical-align: -2px;}

/*레이아웃설정*/
#containerOuter{margin:0px auto; width:100%;  }
#container{margin:0px auto; width:100%; }
#containerPrint{margin:0px auto; width:100%; }
#head{position:relative;clear:both; z-index: 3; }
#foot{position:relative;clear:both;}
#content{position:relative;clear:both;}
#contentLeft{position:relative;width:180px;float:left;overflow: auto;height: 100%;}
#contentRight{position:relative;}

.btnCss1{ width:125px;height:24px; background-color: #F2F2F2; padding: 2px 1px 1px 1px;cursor: pointer; background-image:url(../img/btn_out.gif);  border-style:none; font-color:#8e5a23;}
.btnCssSelect{ width:125px;height:24px; background-color: #F2F2F2; padding: 2px 1px 1px 1px;cursor: pointer; background-image:url(../img/btn_out_select.gif);  border-style:none; font-color:#8e5a23;}
.btnCssWrite{ width:125px;height:24px; background-color: #F2F2F2; padding: 2px 1px 1px 1px;cursor: pointer; background-image:url(../img/btn_out_write.gif);  border-style:none; font-color:#8e5a23;}
.btnCssSave{ width:125px;height:24px; background-color: #F2F2F2; padding: 2px 1px 1px 1px;cursor: pointer; background-image:url(../img/btn_out_save.gif);  border-style:none; font-color:#8e5a23;}
.btnCssPrint{ width:125px;height:24px; background-color: #F2F2F2; padding: 2px 1px 1px 1px;cursor: pointer; background-image:url(../img/btn_out_print.gif);  border-style:none; font-color:#8e5a23;}

/*.search_table{ margin: 12px 0 12px 0; width: 100%;}
.search_table th, .search_table td{ padding: 5px 0 5px 0;}
.search_table th{padding-left: 10px; text-align: left; font-size: 14px;}*/
.search_table{ margin: 0 0 0px 0; width: 100%; border: 0px solid #DCDCDC;border-collapse:collapse;}
.search_table th, .search_table td{ padding: 2px 0 2px 0; border-top: 0px solid #DCDCDC;}
.search_table th{padding-left: 0px; text-align: center; font-size: 12px; background-color: #ffffff;}
.search_table td{text-align: left; padding-left: 5px; background: #ffffff;}

/* 등록박스 */
.inputResion1{ position:relative; border-top: 2px solid #64707F; background-color: white; z-index: 100;border-right: 1px solid #DCDCDC;}
.input_table{ margin: 0 0 5px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;}
.input_table th, .input_table td{ padding: 4px 0 4px 0; border-bottom: 1px solid #E5E5E5;}
.input_table th{padding-left: 10px; text-align: left; font-size: 12px; background-color: #f7f7f7;}
.input_table td{text-align: left; padding-left: 5px; background: #ffffff;}

.input_table2{ margin: 0 0 5px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;}
.input_table2 th{text-align: center; font-size: 14px; background-color: #E6E6E6;padding: 8px 0 8px 10px; border-bottom: 1px solid #D0D0D0;}
.input_table2 td{text-align: center; padding-left: 20px; background: #ffffff;padding: 0px 0 0px 0; border-bottom: 1px solid #D0D0D0;}

.input_table3{ margin: 0 0 5px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;}
.input_table3 th{text-align: center; font-size: 14px; background-color: #E6E6E6;padding: 8px 0 8px 10px; border-bottom: 1px solid #D0D0D0;}
.input_table3 td{text-align: center; background: #ffffff;padding: 8px 0 8px 20px; border-bottom: 1px solid #D0D0D0;}



.borderDot{
	border-top:1px dotted #CCC;
	position:absolute;
	height: -1px;
}
.buttonDiv{ padding:2px;border:1px solid #999;background:#eee;}

.divPosAbs{position: absolute;}
.divPosRel{position: relative;}

.memberHead{ padding:3px;font-size:13px; background:#9C6;}

.titleName{ padding:10px 0 0 0;font-size:20px; }

.divTable{ position:; clear:both;float:left;width:100%;top:0px;left:0px}
.divTable2{ position:; clear:both;float:left;width:100%;top:0px;left:0px;padding:10px 0px;}

.divTr{  position:relative;padding:3px 0px;float:left;}
.divTr2{ position:relative;padding:3px;height:25px;}
.divTr3{ position:relative;padding:3px 0px;float:left; display:none; }
.titleDiv{ border-bottom:2px solid var(--fullfillog100); min-width:900px; position:relative; padding: 5px 0 4px 0; }
.titleDivpop{ border:0px solid red;  position:relative; padding: 10px 0 0 0; height:68px; }

.divTh{  position:relative;padding:0 5px 0 22px; float:left; width:100px;  background: url(../img/arrow_skyblue.gif) no-repeat 1px 50%;}
.divTh130{  position:relative;padding:0 5px 0 20px; float:left; width:130px;  background: url(../img/icon06.gif) no-repeat 5px 50%;}
.divTh110{  position:relative;padding:0 5px 0 20px; float:left; width:110px;  background: url(../img/icon06.gif) no-repeat 5px 50%;}

.divTd{ position:relative; float:left; padding-top:7px;}	
.divTd01{position:absolute;	padding:4px 0px 4px 30px;background-image: url(../img/s_icon.gif);background-repeat: no-repeat;background-position: 20px 10px;color: #5e5e5e;	font-weight:bold;top: 8px;	width: 86px;font-size:13px;}
.divTd02{position:absolute;	padding:4px 0px 4px 4px;color: #5e5e5e;	font-weight:bold;top: 8px;	width: 86px;text-align:justify;}
.divTd03{position:absolute;	padding:4px 0px 4px 10px;background-image: url(../img/icon_login.gif);background-repeat: no-repeat;background-position: 1px 7px;color: #5e5e5e;	font-weight:bold;top: 8px;	width: 40px;}

.divTdTitle01{ position:relative; float:left; padding-top:14px; float:left; width:350px;}	
.divTdTitle02{ position:relative; margin-top:30px; padding-right:10px;  text-align:right;margin: 0 0 0 350px;}	

.itemIcon01{position:absolute;background-image: url(../img/s_icon.gif);background-repeat: no-repeat;background-position: 1px -1px;font-size: 12px;color: #5e5e5e;font-weight:bold;top: 8px;	height:18px;width:90px;	text-align:right;line-height:18px;}
.valign{vertical-align:text-bottom;}
.EllipsText	{overflow : hidden; white-space: nowrap;	text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis);	width:100%;}
.BreakText	{white-space: break-word;	}
.divTd02{ position:absolute; font-size: 12px;}

.search_label{padding: 0 15px 0 50px; text-align: left; font-size: 14px; font-weight: bold;background-image: url(../img/s_icon.gif);background-repeat: no-repeat;background-position: 40px 5px;}



.divTd200 img{ vertical-align: middle; }


ul.leftMenu                         { position: relative;}
ul.leftMenu li                      { font-size:14px; font-weight: bold; background: #9CC;  }
ul.leftMenu a:hover		            { color: #FFF; }
ul.leftMenu a:active                { color: #ffa500; }
ul.leftMenu li a                    { display: block; padding: 5px 15px;  color: #003; border:1px solid #fff;}

.leftMenuTitle{padding:10px; font-size:130%; font-weight:bold;text-align:center;background:#9CF;}

.divLayoutLeft{position:relative;float:left; width:100%;}
.divLayoutLeftPanel{border-right:#9CC solid 4px; border-top:#999 solid 1px;z-index:0}
.divLayoutRightPanel{z-index:99;background:#FFF; border-top:#999 solid 1px;position:relative;}
.leftDiv{};
.divLayoutMargin610{margin: 0 0 0 610px;}

#external-events .fc-event {
	margin: 10px 0;
	cursor: pointer;
	font-size:12px;
}
.gridCellPink {
    color: black\9;
    background-color: #d340ed\9;
}

.gridCellOrange {
    color: black\9;
    background-color: #ffa411\9;
}

.gridCellGreen {
    color: black\9;
    background-color: #b6ff00\9;
}
.gridCellYellow {
    color: black\9;
    background-color: yellow\9;
}
.gridCellRed {
    color: black\9;
    background-color: #e83636\9;
}
.gridCellBlue {
    color: black\9;
    background-color: #2194ff\9;
}
.gridCellRightBlue {
  color: black\9;
  background-color: #65a6e2\9;
}
.gridCellPink:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellPink:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: #d340ed;
}
.gridCellOrange:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellOrange:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #ffa411;
}
.gridCellGreen:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellGreen:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #b6ff00;
}
.gridCellYellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellYellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: yellow;
}
.gridCellRed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellRed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: #e83636;
}
.gridCellRightBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #65a6e2;
}

.gridCellBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: white;
  background-color: #265887;
}

.gridCss{
    font-size: 13px; font-family: Verdana; flex: 1;border-top:0.5px solid #CCCCCC;
} 
.loginMainLeft {
	/* background: linear-gradient(90deg, var(--primary) 25%, rgb(84 175 245 / 80%) 61%, rgb(84 175 245 / 30%) 90%, rgba(255, 255, 255, 0) 100%); */
  background: linear-gradient(90deg, var(--primary) 25%, rgba(190, 198, 209, 0.8) 61%, rgba(190, 198, 209, 0.3) 90%, rgba(255, 255, 255, 0) 100%);
  }

.copyrightText {
	color: var(--fullfillog100);
	line-height: 1.5;
	font-size: 120%;
  }

  .loginInput {
	height: 48px;
	width: 360px;
	padding: 3px 3px 3px 10px;
	border: 1px solid var(--inputBorder);
	background: #ffffff;
	font-size: 20px;
	font-weight: bold;
	color: #2b2721;
	border-radius: 8px;
	ime-mode: disabled;
  }
  
  .BtnCss_login {
    background: linear-gradient(45deg, var(--fullfillog100), var(--fullfillog200));
    cursor: pointer;
    padding: 5px 10px 3px 10px;
    border: 0px solid;
    border-radius: 25px;
    color: #ffffff;
    vertical-align: 1px;
    min-width: 200px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 100px;
    height: 50px;
    font-size: 18px;
    }  


.BtnCode           {cursor:pointer;padding: 4px 8px 4px 8px;border:1px solid;border-radius: 4px;color:#000000;vertical-align:1px;min-width: 27px;margin-left:-3px;}
.BtnCodeDiv        {cursor:pointer;padding: 2px 8px 2px 8px;border:1px solid;border-radius: 4px;color:#000000;vertical-align:0px;min-width: 27px;margin-left:-5px;min-height: 26px;}
.BtnCss            {cursor:pointer;padding: 4px 10px 4px 10px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;min-width: 40px;}
.BtnCss_Parent > input[type="button"]           {cursor:pointer;padding: 4px 10px 4px 10px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;min-width: 40px;}

.Btn_blue          {border-color:#258cb8;background-color:#258cb8;}
.Btn_yellow        {border-color:#FFE103;background-color:#FFE103; color: #000000;}
.Btn_green         {border-color:#42AC77;background-color:#42AC77;}
.Btn_green2        {border-color:#01884E;background-color:#01884E;}
.Btn_lightgray     {border-color:#DCDCDC;background-color:#F3F3F1;}
.Btn_gray_eee          {border-color:#eeeeee;background-color:#eeeeee;}
.Btn_red           {border-color:#e01d1d;background-color:#e01d1d;}
.Btn_red_Parent > input[type="button"]          {border-color:#e01d1d;background-color:#e01d1d;}
.Btn_blue2         {border-color:#0e0e6f;background-color:#0e0e6f;}
.Btnfile           {min-width: 0px;font-size:140%;vertical-align:-4px;}
.Btn_purple         {border-color:purple;background-color:purple;}
.Btn_purple2         {border-color:#420187;background-color:#420187;}
.Btn_aqua         {border-color:aqua;background-color:aqua; color: #000;}
.Btn_darkAqua        {border-color:rgb(22, 53, 78);background-color:rgb(31, 66, 95);}
.Btn_black        {border-color:black;background-color:black;}
.Btn_deeppink       {border-color:deeppink;background-color:deeppink;}

.Btn_gray          {border-color:#494848;background-color:#494848; color: #ffffff;}
.Btn_gray_border {  border-color:#494848;  background-color: #ffffff; color: var(--ColorBlack);}

.Btn_blue_border {  border-color: #258cb8;  background-color: #ffffff;}

.Btn_green_border {  border-color: #42AC77;  background-color: #ffffff;}
.Btn_green2_border {  border-color: #01884E;  background-color: #ffffff;}
.Btn_red_border {  border-color: #e01d1d;  background-color: #ffffff;}

.textBlue {  color: #258cb8; }
.textGray {  color: #494848; }
.textGreen {  color: #42AC77; }
.textGreen2 {  color: #01884E; }
.textRed {  color: #e01d1d; }

.widthAuto {width: auto;}

input, textarea {
    -webkit-appearance: none;
    /*-webkit-border-radius: 0;*/
    
 }
 input[type='checkbox']{-webkit-appearance:checkbox}
 input[type='radio']{-webkit-appearance:radio}
 .radioAlign{vertical-align: -2px;}
 .chkboxSize{zoom:1.5;vertical-align: -4px;}
 .formRadioLabel{
      font-weight: normal;
 }

 /* .radioLabel {
  margin: 0px 3px 0px -1px;
  font-weight: 500;
  font-size: 13px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

.radioLabel {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  padding: 1px 2px;
  margin: 0px -3px 0px 0px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  /* font-size: 14px; */
  color: #495057;
  position: relative;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
  font-weight: normal;
  text-align: center;
  min-width: 38px;
  width: auto;
  margin-right: -3px !important;
}

.label-no-select {
  user-select: none; /* 대부분 브라우저 */
  -webkit-user-select: none; /* 크롬, 사파리 */
  -ms-user-select: none; /* IE/Edge */
}

.radioLabel:hover {
  background-color: #e9ecef;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); */
  /* transform: translateY(-1px); */
}

/* 선택된 상태 */
input[type="radio"]:checked+.radioLabel {
  background-color: #4CAF50;
  color: white;
  border-color: #43a047;
  font-weight: 500;
  /* box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4); */
}

.schCol{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    padding: 0px 5px;
    font-weight: bold;
    width: 90px;
    text-align: justify;
    text-justify: inter-word;
 
 }
 .widthAuto{
    width: auto;
 }

 .fontSize70 {
	font-size: 70%;
  }
  
  .fontSize80 {
	font-size: 80%;
  }
  
  .fontSize16 {
	font-size: 16px;
  }
  
  .fontSizeLarge {
	font-size: large;
  }
  
  .fontSizeXLarge {
	font-size: x-large;
  }
  
  .fontNormal {
	font-weight: normal;
  }
  
  .disInlineBlock {
	display: inline-block;
  }
  
  .divPadding {
	padding: 1px;
  }
  
  .txtRight {
	text-align: right;
  }
  
  .txtRightLeftMargin {
	text-align: right;
	margin-left: 5px;
  } 

 .divPadding{
    padding-top: 5px;
    
}

.divFormRow{
    padding: 3px;
    border-bottom: 1px solid #D0D0D0;
}
.divSearchRow{
    padding: 1px;
    
}

 .expl {
    border-style: solid;
    border-width: 0.1px;
    background-color: #eee;
    padding: 10px;
    width: 50px;
	display:inline-block;
	vertical-align:middle;
  }

.gridRow{display: flex;padding:0px 0px;align-items: center;}
.gridCol{padding: 0px;min-width:40px;width: 100%;text-align:left;}



/* 달력 css 2025 10 23 */
.input-group-monthpicker {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group-append-monthpicker {
  margin-left: -33px;
  display: flex;
}

.btn-outline-secondary {
  color: #6c757d;
  /* border: 1px solid #ced4da; */
  background-color: transparent;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0 0.25rem 0.25rem 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}

.btn-outline-secondary:hover {
  color: #fff;
  /* background-color: #6c757d; */
  /* border-color: #6c757d; */
}

.btn-outline-secondary:focus {
  outline: 0;
  /* box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); */
}


.calendar-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.125em;
}
/* 달력 css 2025 10 23*/




/*모바일css START*/
.mtitleDiv{ border:0px solid red; min-width:100%; position:relative; padding: 10px 0 0 0; height:35px; background-image:url(../img/img_midtit_bg.gif);}
.main_area {padding:0px;font-size:large;}
.main_area > ul  { border:5px solid #aaaaaa; margin-bottom:10px; }
.main_area > ul > li { padding:10px 0px;}
.main_area > ul > li > input{ width:90%; height:30px; margin:0px; padding:0 10px; -webkit-border-radius:8px; font-size:large;}
.main_area > ul > li > dt{ position:absolute; width:30%;display:block; text-align:left; line-height:1.6em;}
.main_area > ul > li > dt > span.point{ padding-left:5px;color:#ff0000; font-weight:bold; }
.main_area > ul > li > dd{ margin-left:35%;width:65%; text-align:left;;}
.main_area > ul > li > dd > input{ width:90%; height:30px; margin:0px; padding:0 10px; -webkit-border-radius:8px; font-size:large;}
.main_area > ul > li > dd > select{ width:90%; height:30px; margin:0px; padding:0 10px; -webkit-border-radius:8px; font-size:large;}

.main_area2 {padding:0px;font-size:large;}
.main_area2 > ul  { border:5px solid #aaaaaa; margin-bottom:10px; }
.main_area2 > ul > li { padding:10px 0px;}
.main_area2 > ul > li > input{ width:90%; height:30px; margin:0px; padding:0 10px; -webkit-border-radius:8px; font-size:large;}
.main_area2 > ul > li > dt{ position:absolute; width:30%;display:block; text-align:left; }
.main_area2 > ul > li > dt > span.point{ padding-left:5px;color:#ff0000; font-weight:bold; }
.main_area2 > ul > li > dd{ margin-left:35%;width:65%; text-align:left;;}
.main_area2 > ul > li > dd > input{ width:90%; height:30px; margin:0px; padding:0 10px; -webkit-border-radius:8px; font-size:large;}
.main_area2 > ul > li > dd > select{ width:90%; height:30px; margin:0px; padding:0 10px; -webkit-border-radius:8px; font-size:large;}
/*모바일css END*/



.titleBar01{height:30px; line-height:30px; width:100%;color:#FFF; position:relative;}


.dataList2 { border-collapse:collapse; 	table-layout:fixed; width:100%;}
.dataList2 th{ margin: 0; padding: 0px; border-bottom: 1px solid #a6bacb;border-right: 1px solid #a6bacb;height:22px;font-size:12px; text-align: center; background-color:#d9e6f2; font-weight:normal;color:#333; }
.dataList2 td{ margin: 0; padding: 0px; font-size:12px; height:18px; border-bottom: 1px solid #333; border-right: 1px solid #333; white-space:nowrap;cursor:default; text-overflow:ellipsis; overflow:hidden;}


.dataList3 { border-collapse:collapse; 	border: 1px solid #bebebe; table-layout:fixed; width:100%;}
.dataList3 th{ margin: 0; padding: 0px; border-bottom: 1px solid #bebebe; border-right: 1px solid #bebebe; height:22px;font-size:12px; text-align: center; background:#e6e6e6; color:#333;font-weight: 900 ;font-family: 'Open Sans';}
.dataList3 td{ margin: 0; padding: 1px; font-size:12px; height:18px; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; white-space:nowrap; cursor:default; text-overflow:ellipsis; overflow:hidden; }
/*.dataList3 tr:hover{background:#eeeeee;}*/


 
.dataList4 { border-collapse:collapse; 	table-layout:fixed; width:100%;}
.dataList4 th{  white-space: nowrap; text-overflow:ellipsis;overflow:hidden;  margin: 0; padding: 0px; border-bottom: 1px solid #808080;border-right: 1px solid #808080;height:22px;font-size:12px; text-align: center; font-weight:bold; background-color:#e6e6e6;}
.dataList4 td{ margin: 0; padding: 0px; font-size:12px; font-weight:bold; color:#0c1e2d; height:22px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; white-space:nowrap; cursor:default; }


.commCodeDialog { border-collapse:collapse; 	table-layout:fixed; width:100%;}
.commCodeDialog th{ margin: 0; padding: 2px; border-bottom: 1px solid #808080;border-right: 1px solid #808080;height:23px;font-size:12px; text-align: center; background: url(../img/grid_top_bg.gif) repeat-x ; font-weight:normal; background-color:#f0f0f0;}
.commCodeDialog td{ margin: 0; padding: 2px; font-size:12px; height:22px; border: 1px solid #c0c0c0;  }



.select1 { border-collapse:collapse; 	table-layout:fixed; width:100%;}
.select1 th{ margin: 0; padding: 2px; border-bottom: 1px solid #a1c96a;border-right: 1px solid #a1c96a;height:23px;font-size:12px; text-align: left; background-color:#EBF5EF; font-weight:normal; }
.select1 td{ text-align:left; margin: 0; padding: 2px; font-size:12px; height:23px; border-bottom: 1px solid #a1c96a; border-right: 1px solid #a1c96a; white-space: nowrap;}

/*중제목부문*/
.midTitle{position:relative; padding:6px 33px 2px 20px; font-size:200%; font-weight: bold; border:0px solid #009999;color:var(--fullfillog100);}
.midline{ border-bottom:1px solid #999; width:720px;}

/*소제목부문*/
.smallTitle{ padding:5px; font-size:110%; font-weight: bold; text-align:center; background-color: #F3F3F3; }
.smallTitle2{ padding:10px; font-size:110%; font-weight: bold; text-align:center; background-color: #F6F9FB; }
.smallTitle3{ padding:5px; font-size:110%; font-weight: bold; text-align:left; background-color: #F6F9FB; }
.smallTitle4{ padding:7px; font-size:110%; font-weight: bold; text-align:center; background-color: #F6F9FB; }
.smallTitle5{ padding:10px; font-size:120%; font-weight: bold; text-align:center; background-color: #F3F3F3; }

/*조회조건부문*/
/*.search1 { background:url("../img/title_b.gigf") repeat; font-weight: bold; color: #fff; text-align: center; width:112px; line-height: 20px;}*/
.search1 { background:#EFEFEF; color:#000000; font-weight: bold; text-align: left; padding:5px 0 5px 15px; }
/*.search2 { background:url("../img/title_bg.gif") repeat; font-weight: bold; color: #fff; text-align: center; width:112px; line-height: 20px;}*/
.search2 { background:#EFEFEF; font-weight: bold; color: #000000; text-align: left; padding:5px 0 5px 15px;  }
.search3 { width: 100%; padding:10px; background:#D5EAEA; text-align:left;}
.search4 {  padding: 6px 0px 0px 15px; font-weight: bold; color: #fff; text-align: left;margin-bottom: 0px;}
.search5 {  background:url("../img/title_tap1.gif") no-repeat; font-weight: bold; color: #fff; text-align: center; width:148px; line-height: 20px;}
.search6 {  background:url("../img/title_tap2.gif") no-repeat; font-weight: bold; color: #fff; text-align: center; width:148px; line-height: 20px;}
.search7 { background:url("../img/title02.jpg") no-repeat; padding: 6px 0px 0px 15px; font-weight: bold; color: #fff;text-align: left;}
.search8 {width:40%; float: left;}
/*.search9 {width: 1200px; position:relative; padding:10px 0px; background:#D5EAEA; text-align:left; border:1px solid #6ac5c9;height:25px;}*/
.search9 {width: 1200px; position:relative; padding:10px 0px; background:#f0eadb; text-align:left; border:1px solid #a16a33;height:25px;}
.search10 { padding:10px 0px; text-align:left; border-top:3px solid #a1c96a;border-left:1px solid #a1c96a;border-right:1px solid #a1c96a;border-bottom:1px solid #a1c96a;margin-bottom: 10px;}
.search11 { position:relative; width: 100%;padding:10px 0px; text-align:left; border-top:3px solid #a1c96a;border-left:1px solid #a1c96a;border-right:1px solid #a1c96a;border-bottom:1px solid #a1c96a;margin-bottom: 10px;}


.clearfloat { clear:both; height:0; font-size: 1px;line-height: 0px;}

/*회원가입*/
.datajoin { border-collapse:collapse;  	table-layout:fixed; width:100%;}
.datajoin th{ margin: 0; padding: 2px; border-bottom: 1px solid #e8e8e8; height:24px;font-size:12px; text-align: center; background-color:#f7f7f7; color:rgb(103, 103, 103); }
.datajoin td{ text-align:left; margin: 0; padding: 2px; font-size:12px; border-bottom: 1px solid #e8e8e8; white-space: nowrap;}


.div15 { padding:10px 0px 0px 0px; text-align:center;}
.div16 { width:100%;}
.div05{padding-right:17px;}

.dataListHead01{padding-right:17px;}
.dataListBody01{padding-right:0px;}


.dataListHead01se{position:relative; padding-right:17px; width:100%; height:100%; left:0; overflow-x:auto; overflow-y:auto;}
.dataListBody01se{padding-right:0px;}

.textbold{font-weight:bold;color:#000; font-size: 130%;}
.textCss01{color:#000;font-size: 110%;font-weight:bold;}
.textCss02{color:#F00;}

.displayNone{display:none;}

.FindButton 	{ background:white; background-image:url(../img/btn_search2.gif); BORDER:0; background-repeat:no-repeat; width:19px; height:19px; }

/*메인로그인*/
/*.divCenter{position: absolute; top:50%; left:50%;margin:-100px 0 0 -100px;}
.div29{text-align:center; padding:5px; border: 1px solid #eee; width: 200px; }*/
#wrap {width:100%; background-image:url(../img/ERP_bg.gif); background-repeat:repeat-x; background-position:top left;}
.divCenter{position: absolute; top:50%; left:50%;margin:-468px 0 0 -512px; height:768px; width:1024px; background-image: url(../img/login_bg.jpg);background-repeat:no-repeat;}

/*.divCenter{position: absolute; top:50%; left:50%;margin:-250px 0 0 -210px; height:453px; width:453px;background-image: url(../img/ERP_mainbg.png);background-repeat:no-repeat;}*/
.divlogin {position: relative; top:50%; left:50%; margin:-30px 0 0 -130px; height:77px; width:315px;  border:0px solid red;}
.div29{text-align:left; padding:5px 0;  width: 100%; font-size: 12px; color: #2f6eae; font-weight: bold;}
.div29_btn {position: relative; top:-58px; left:200px; text-align:right; width: 80px; font-size: 12px; font-weight: bold;}
.div30{text-align:right; padding:5px 0;  font-size: 12px; color: #666666; font-weight: bold; position:relative; width:570px; top:0px; float:left;}

/*기본버튼*/
.Btn_search {background-image:url(../img/main_menu_search.png); background-repeat:no-repeat; width:36px; height:51px; border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_search_ov {background-image:url(../img/btn_search_off.gif); background-repeat:no-repeat; width:50px; height:41px; border:0; cursor:pointer;display:;}
.Btn_reset  {background-image:url(../img/main_menu_reset.png); background-repeat:no-repeat; width:36px; height:51px; border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_add    {background-image:url(../img/main_menu_add.png); background-repeat:no-repeat; width:36px; height:51px; border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_delete {background-image:url(../img/main_menu_del.png); background-repeat:no-repeat; width:36px; height:51px; border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_save {  background-image:url(../img/main_menu_save.png); background-repeat:no-repeat; width:36px; height:51px;border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_check {  background-image:url(../img/btn_check.gif); background-repeat:no-repeat; width:50px; height:41px;border:0; cursor:pointer;display:;}
.Btn_release {  background-image:url(../img/btn_release.gif); background-repeat:no-repeat; width:50px; height:41px;border:0; cursor:pointer;display:;}
.Btn_print { background-image:url(../img/main_menu_print.png); background-repeat:no-repeat; width:36px; height:51px;border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_excel { background-image:url(../img/main_menu_excel.png); background-repeat:no-repeat; width:36px; height:51px;border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_close { background-image:url(../img/main_menu_cose.png); background-repeat:no-repeat; width:36px; height:51px;border:0; cursor:pointer;display:;background-color:transparent;}
.Btn_modify { background-image:url(../img/btn_modify.gif); background-repeat:no-repeat; width:50px; height:41px;border:0; cursor:pointer;display:;}
.Btn_confirm { background-image:url(../img/btn_confirm.gif); background-repeat:no-repeat; width:50px; height:41px;border:0; cursor:pointer;display:;}
.Btn_pwdreset { background-image:url(../img/btn_initialization.gif); background-repeat:no-repeat; width:100px; height:30px;border:0; cursor:pointer;display:;}
.Btn_userinfo { background-image:url(../img/btn_change_1.gif); background-repeat:no-repeat; width:86px; height:30px;border:0; cursor:pointer;display:;}
.Btn_Info{ background-image:url(../img/btn_supervise.gif); background-repeat:no-repeat; width:86px; height:30px;border:0; cursor:pointer;display:; }

.Btn_search_small {background-image:url(../img/btn_search_small.gif); background-repeat:no-repeat; width:30px; height:14px; border:0; cursor:pointer}
.Btn_delete_small {background-image:url(../img/btn_delete_small.gif); background-repeat:no-repeat; width:30px; height:14px; border:0; cursor:pointer}
.Btn_reset_small  {background-image:url(../img/btn_reset_small.gif);  background-repeat:no-repeat; width:30px; height:14px; border:0; cursor:pointer}
.Btn_save_small   {background-image:url(../img/btn_save_small.gif);   background-repeat:no-repeat; width:30px; height:14px; border:0; cursor:pointer}
.Btn_add_small   {background-image:url(../img/btn_add_small.gif);   background-repeat:no-repeat; width:30px; height:14px; border:0; cursor:pointer}

.Btn_edit{   background-image:url(../img/btn_modify.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}
.Btn_del {   background-image:url(../img/btn_del.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}


.Btn_print2 {background-image:url(../img/btn_print.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}
.Btn_down {  background-image:url(../img/btn01_down.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}

.Btn_register {background-image:url(../img/btn_register.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer} 
.Btn_find {  background-image:url(../img/btn_find.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}
.Btn_input { background-image:url(../img/btn_input.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}
.Btn_claim { background-image:url(../img/btn_claim.gif); background-repeat:no-repeat; width:90px; height:28px;border:0; cursor:pointer}
.Btn_cancel {background-image:url(../img/btn_cancel_1.gif); background-repeat:no-repeat; width:63px; height:28px;border:0; cursor:pointer}
.Btn_resetPwd {background-image:url(../img/btn_initialization.gif); background-repeat:no-repeat; width:100px; height:28px;border:0; cursor:pointer}
.Btn_change {background-image:url(../img/btn_change.gif); background-repeat:no-repeat; width:70px; height:23px;border:0; cursor:pointer}/*예산변경처리*/
.Btn_decide {background-image:url(../img/btn_decide.gif); background-repeat:no-repeat; width:70px; height:23px;border:0; cursor:pointer}/*예산확정처리*/
.Btn_disparity {background-image:url(../img/btn_disparity.gif); background-repeat:no-repeat; width:70px; height:23px;border:0; cursor:pointer}/*예산차수등록*/
.Btn_interest {background-image:url(../img/btn_interest.gif); background-repeat:no-repeat; width:52px; height:23px;border:0; cursor:pointer}/*예산이자등록*/
.Btn_search_big {background-image:url(../img/btn_search_big.gif); background-repeat:no-repeat; width:180px; height:28px; border:0;cursor:pointer;color:#ffffff}

/*입력폼필드*/
.input1 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #cccccc;text-align: left;margin-right: 2px;}
.input2 { font-size: 12px; color: #3c3c3c; width:125px; height:20px; background-color:#ffffff; border: 1px solid #7991af;text-align: left;}
.input3 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #79A4CE;text-align: left;margin-right: 2px; width:100px;}
.input4 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #79A4CE;text-align: left;margin-right: 2px; width:300px;}
.input5 { font-size: 12px; border: 0px solid #79A4CE;text-align: left;margin-right: 2px; width:50px; text-align:center;}
.input6 { font-size: 12px; color: #3c3c3c;background: #fff; height: 18px;border: 1px solid #c6c6c6;text-align: left; width:130px;}


.Btn_back {
	cursor: pointer;
	border: 1px solid var(--btnColor);
	padding: 0px 5px;
	background-color: var(--btnColor);
	border-radius: 6px;
	font-weight: bold;
	color: var(--btnIconColor);
  }
  
  .Btn_back:hover {
	cursor: pointer;
	border: 1px solid var(--btnColor);
	padding: 0px 5px;
	background-color: var(--btnColor);
	border-radius: 6px;
	font-weight: bold;
	color: var(--btnIconColorHover);
  }

/*공통코드 버튼*/
.codmst_button{
    font-size: 11px;
    line-height: 1.1;
    margin-left: -3px;
    top: -2px;
    position: relative;
    height: 25px;
    width: 25px;
    padding: 0 !important;
  }

.codmst_button_div{
    font-size: 11px;
    line-height: 1.1;
    margin-left: -4px;
    top: -2px;
    height: 25px;
    width: 25px;
    position: relative;
}

.inputReadGray { 
	padding-left: 5px;
	font-size: 12px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 25px;
	margin-left:-7px;
}

.inputRead { 
	background: #FFFFFF; 
	border: 0px solid #DCDCDC;
     outline: none;
}

.inputReadYellow { 
	background: var(--form_back); 
	border: 0px solid #F9F9EF;
     text-align: center;
     outline: none;
}

.inputReadWhite { 
	background: #ffffff; 
	border: 0px solid #ffffff;
     text-align: center;
     outline: none;
}

.input7  {
	font-size: 12px;
	color: #000000;
	background: #fff;
	border: 1px solid #DCDCDC;
	text-align: left;
	margin-right: 2px;
	width:135px;
	height: 25px;
	font-size:12px;
    padding: 2px;
}
.input72  {
	font-size: 12px;
	color: #000000;
	background: #fff;
	border: 1px solid #DCDCDC;
	text-align: left;
	margin-right: 2px;
	width:135px;
	height: 25px;
	margin-left: -9px;
}
.input7r { padding: 2px;font-size: 12px; color: #000000;background: #F3F3F1; border: 1px solid #DCDCDC;text-align: left;margin-right: 0px;width:135px;height:25px;}
.input7r_read { padding: 2px;font-size: 12px; color: #000000;background: #F3F3F1; border: 1px solid #DCDCDC;text-align: left;margin-right: 5px;width:135px;height:25px;}
.input7r2 { font-size: 12px; color: #000000;background: #F3F3F1; border: 1px solid #DCDCDC;text-align: left;margin-right: 0px;width:100px;height:25px;margin-left: -9px;}
.input7_1 { font-size: 12px; color: #000000; text-align: left;margin-right: 2px; width:100px; height: 16px; border:0px solid gray; background-color:transparent; }
.input71 { font-size: 12px; color: #1E1E1E;background: #fff; border: 1px solid #7f9db9;text-align: right;padding-right:2px; width:100px;height: 16px;}
.input8 { font-size: 12px; color: #676767;background: #fff; border: 1px solid #7f9db9;text-align: left;margin-right: 2px;width:200px;height: 16px;}
.input9 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #79A4CE;text-align: left;margin-right: 2px; width:170px;}
.input10 { font-size: 12px; color: #000000;background: #f4f4f4; border: 1px solid #79A4CE;text-align: left;margin-right: 2px; width:35px;height: 16px;}
.input11 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #79A4CE;text-align: left;margin-right: 2px;width:65px;}
.input12 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #79A4CE;text-align: right;margin-right: 2px;width:70px; }
.input13 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #79A4CE;text-align: right;margin-right: 2px;width:95%;}
.button3{ width: auto; height:20px; margin-left:2px;	padding-left:5px;padding-right:5px; padding-top:1px;font-size: 12px; color:red; font-weight: bold;}
.input15 { font-size: 12px; color: #237adb;background: #f4f4f4; border: 1px solid #cccccc;text-align: left;margin-right: 2px;width:95%;}

.inputRead { 
	background: #FFFFFF; 
	border: 0px solid #DCDCDC;
     outline: none;
}

.inputReadYellow { 
	background: #F9F9EF; 
	border: 0px solid #F9F9EF;
     text-align: center;
     outline: none;
}

.inputReadWhite { 
	background: #ffffff; 
	border: 0px solid #ffffff;
     text-align: center;
     outline: none;
}

.comment_no_cfm_cnt{
    font-size: 10px;
    color: #F00;
}

.comment_inbox_name {
	display: block;
	/* margin-bottom: 10px; */
      font-weight: 700;
	font-size: 13px;
	padding-top: 5px;
}
.comment_inbox_text {
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	width: 100%;
	min-height: 25px;
	padding-right: 5px;
	border: 1px solid #CCC;
	font-size: 13px;
	-webkit-appearance: none;
	resize: none;
	box-sizing: border-box;
	background: transparent;
	outline: 0;
	padding-top: 4px;
    padding-left: 5px;
}
.comment_regusr {
	display: block;
	/* margin-top: 10px;
      margin-bottom: 10px; */
      font-weight: 700;
	font-size: 13px;
}

.commnet_txt{
    background-color: #F7F7F7;
    width: fit-content;
    padding:5px;
}

.comment_cmttxt {
	display: flex;
	/* margin-bottom: 10px; */
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12px;
	/* background-color: #F7F7F7; */
	/* padding: 5px; */
    align-items:center;
}
.comment_regdat2 {
     font-weight: normal;
     font-size: 12px;
	color: #5b5b5b
}
.comment_regdat {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	color: #999
}
.comment_write_box {
	border:0px solid #CCC;
	border-radius: 6px;
	padding: 10px 10px 10px 10px;
	/* margin: 12px 5px 12px 0px; */
	position:relative;
	background-color: #F7F7F7;
}

 
.dataResion1{ position:relative; border-top:2px solid #104095; border-left:1px solid #104095;border-bottom:1px solid #104095;border-right:1px solid #104095;background-color: #eee;}
.dataResion2{ position:relative;  border:2px solid #8a949b; background-color: #eee;}
.dataResion3{ position:relative; border-top:2px solid #000000; border-left:2px solid #000000;border-bottom:2px solid #000000;border-right:2px solid #000000;background-color: #eee;}

.searchResion1{ z-index: 1000; padding:0px; position:relative; border-top:0px solid #8a949b; border-left:0px solid #8a949b;border-bottom:0px solid #8a949b;border-right:0px solid #8a949b;font-family:Noto Sans KR4,Sans-serif;}
.searchResion2{ position:relative; border-top:2px solid #106cb0; border-left:1px solid #106cb0;border-bottom:1px solid #106cb0;border-right:1px solid #106cb0;}
.searchResion2{ position:relative; border-top:2px solid #000000; border-left:2px solid #000000;border-bottom:2px solid #000000;border-right:2px solid #000000;}
.search_div{letter-spacing:0px; font-size:12px;font-family:Noto Sans KR4,Sans-serif;box-sizing: border-box;}


.dataResion5{ border-top:2px solid #bcabe1;; border-left:1px solid #bcabe1;border-bottom:1px solid #bcabe1;border-right:1px solid #bcabe1;}
.dataResion6{ position:relative; border-top:2px solid #a1c96a;; border-left:1px solid #a1c96a;border-bottom:1px solid #a1c96a;border-right:1px solid #a1c96a;}
.dataResion7{ position:relative;border-left:2px solid #005474;border-bottom:1px solid #005474;border-right:1px solid #005474; height:720px}

.searchResionDiv{ position:relative; border-top: 0px solid #64707F; background-color: white; z-index: 100;padding:1px;}

/*데이타출력부문*/
.gridbox{ overflow-y:scroll; overflow-x:hidden;	width: 100%;background-color: #fff;}
.gridbox2{ overflow-y:hidden; overflow-x:hidden;	width: 100%;background-color: #fff;}

.tbInput01   { font-size:12px; color:#3a3a3a; background: #FFFFFF; border:1px solid #000; padding-right: 1px; height: 18px; cursor: default;background:rgba(255,255,255,0.4);}
.tbInputRe { font-size:12px; 									   border:0px solid #F5F5F5; padding-right: 1px; height: 18px; cursor: default;width: 99%;background:rgba(255,255,255,0.4);}

.gridbox21{ overflow-y:scroll; overflow-x:hidden; width: 100%; height:80px;}

.pageBar  { text-align:center; font-size:13px; margin:0; }
.pageBar a{ text-decoration:none; margin:0 5px }
.pageBar b{ margin:0 5px }

.midTitle1{ width:100px; margin-top:10px; font-size:120%; font-weight:bold; text-align:left; float:left; padding:10px 10px 10px 30px; background-color: #F6F9FB; background: url(../img/title_icon1.gif) no-repeat 1px 50%; border:2px solid #4ea62b; border-bottom:0px solid #4ea62b; cursor:pointer; }
.midTitle2{ width:100px; margin-top:10px; font-size:120%; font-weight:bold; text-align:left; float:left; padding:10px 10px 10px 30px; background-color: #F6F9FB; background: url(../img/title_icon1.gif) no-repeat 1px 50%; border-bottom:2px solid #4ea62b; cursor:pointer; }
.midTitle3{ width:100px; margin-top:10px; border-bottom:2px solid #4ea62b; float:left; height:38px; float:left; width:916px; }

.search12 { position:relative; width:100%;height:25px; padding:10px 0px; text-align:left; border-top:2px solid #77ba59;border-left:2px solid #77ba59;border-right:2px solid #77ba59;border-bottom:2px solid #77ba59;margin-bottom: 10px; margin-top:20px} 
.search21 { position:relative; width:45%; height:25px; padding:10px 0px; text-align:left; border-top:2px solid #77ba59;border-left:2px solid #77ba59;border-right:2px solid #77ba59;border-bottom:2px solid #77ba59;margin-bottom: 10px; float:left}
.search22 { position:relative; width:54.5%; height:25px; padding:10px 0px; text-align:left; border-top:2px solid #77ba59;border-right:2px solid #77ba59;border-bottom:2px solid #77ba59;margin-bottom: 10px; float:left}


.tdLine1{border-top:1px solid #fff;}




.sticker01_div01 { border:0px solid #303030; width:8cm; height:7.5cm; margin-bottom:0.3cm;  background:url('../img/sticker.jpg') no-repeat; }

.sticker01_table01 { border-collapse:collapse; table-layout:fixed; margin:67px 0.3cm 0;  width:7.3cm; }
.sticker01_table01 td{ margin:0; padding:0 3px; height:26px; font-size:12px; white-space:nowrap; color:#303030 }

.ui-datepicker-trigger{vertical-align:middle;cursor:pointer;}

.disableObj {background:#e0e0e0;}      /* 비활모드  */
.ableObj    {background:#ffffff;}      /* 활성모드  */
	

	
p {padding:0px;margin:0px;}




/* top */
.login_box { BORDER-LEFT: #446103 1px solid; BORDER-BOTTOM: #446103 1px solid; BORDER-RIGHT: #446103 1px solid; BORDER-TOP: #446103 1px solid; BACKGROUND-COLOR: #D7E9B0; height:16px; width:67px;}


.point {color:#4169e1;font-weight:bold;}
.point2 {color:#ff0000;font-weight:bold;}

.point3 {color:#ff0000;}
	
/*홈페이지관리 end *****************************************/

/* 회색전환 */
.inputfocus{background-color:#fffbce;}

/* 정은혜 건드리면 물어버림 */
image    {border: 0;}
input    {BORDER:#BFBFBF 1px solid;}
textarea {BORDER:#BFBFBF 1px solid;}

/* 공통적용*/
p, ul {padding:0px;margin:0px;}
a {selector-dummy : e-pression(this.hideFocus=true);}
.bold {font-weight:bold;}
.size_11 {font-size:11px;}
.p_10 {padding:10px;}
.float {float:left;}

/* 롤오버 스타일 */
a.rollover img { border-width:0px; display:inline; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:inline; }

/* 이미지 라인 안생기게 */
a{ selector-dummy : e-pression(this.hideFocus=true);}

.main_note { line-height:180%;}
.main_note li {background-image:url(../img/hwamul/icon01.gif); background-repeat:no-repeat;padding-left:17px; text-align:left;}
.sub_left li{list-style:none;padding:0px;margin:0px; border:0px solid black; font-size:0px}


/* 컨텐츠 */
.content {text-align:left;padding-bottom:50px;}
.content_title {padding:50px 0px 20px;}
.content_m {padding-bottom:30px;}
.content_tab {width:100%;background-image:url(../img/hwamul/img26.gif);height:37px; }
.content_tab li {float:left;list-style:none; padding-top:1px;}
.top_link li {float:left;list-style:none;}



.leftIconMenu  { position: relative;}
.leftIconMenu li {display: block; width: 100px; text-align:center;line-height:100%;}

.leftIconMenu2  { position: relative;}
.leftIconMenu2 li {display: block; width: 173px;  height: 80px; border:0px #3E44C1 solid;text-align:right;font-size:150%; line-height:100%;padding-top:10px;}


.monthLiCss  { position: relative;}
.monthLiCss li {display: block; text-align:center;line-height:100%;margin:0;float:left;}



.P_searchResion1{ position:relative; border-top:2px solid #b5b5b5; border-left:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;border-right:1px solid #b5b5b5;}
.P_searchResion2{ position:relative; border-top:2px solid #b5b5b5; border-left:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;border-right:1px solid #b5b5b5;}

.p_gridbox{ overflow-y:auto; overflow-x:hidden;	width: 100%;background-color: #fff;}

#divRightDown{ width:900px; height:620px; background-image:url(.../img/2011/main_bg02.gif); background-repeat:no-repeat; border:0; }
	

.Btn_login{	width:70px;	height:26px;border:0;background-image: url(../img/2011/btn_login.gif);background-repeat:no-repeat	}
.Btn_dropout{ width:103px;height:32px;border:0;	background-image: url(../img/2011/btn_dropout.gif);	background-repeat:no-repeat	}
.c{	width:31px;	height:16px;border:0;background-image: url(../img/2011/Btn_unhangEdit.gif);	background-repeat:no-repeat	}
.Btn_unhangEdit{width:103px;height:32px;border:0;background-image: url(../img/2011/Btn_unhangEdit_02.gif);	background-repeat:no-repeat	}



.table_input{width:99%; height:18px; background:#CFC; padding:1px 1px 0;}
.table_input2{width:99%; height:18px; padding-right:1px;}

.uploadDiv{ width:130px; padding:5px; background:#eee; text-align:center;display:inline-block; border:1px solid #333;}
.upFileDelBtn{padding:1px; background:red;border:1px solid #eee;cursor:pointer;color:#fff;}
.FindButton 	{ background:white; background-image:url(../img/btn_search22.gif); BORDER:0; background-repeat:no-repeat; width:19px; height:19px; }



/*작은탭*/
#tabs ul li{display:inline-block;}
.small_tab a	  {width:118px; height:17px; background:url(../img/tab_s.gif) no-repeat; display:block; text-align:center; padding:5px 0 0 0; margin:0 -6px 0 0;}
.small_tab a:hover{width:118px; height:17px; background:url(../img/tab_s_ov.gif) no-repeat; display:block; text-align:center; padding:5px 0 0 0; color:#1b507d; font-weight:bold;}


.file-name {
    cursor: pointer;
    padding: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.div-input-search {
    position: relative;
    /* width: 200px; */
  }
.input-search {
    border-radius: 6px;
    height: 30px;
    /* width: 561px !important; */
  }
  
  .input-i-search {
    position: absolute;
    width: 17px;
    top: 11px;
    right: 12px;
    color: #bbb;
    cursor: pointer;
  }
  
  /* 모달 오른쪽 30%를 차지하는 팝업 스타일 */
  .modal.right .modal-dialog {
    position: fixed;
    right: 0;
    top: 0;
    margin: 0;
    width: 30%;
    height: 100vh;
  }
  
  .modal.right .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  
  .modal.right .modal-body {
    overflow-y: auto;
  }

  
  input[type="checkbox"].checkBox_s {
    background-color: white;
    vertical-align: -2px;
    width: 13px;
    height: 13px;
  }
  
  input[type="checkbox"].checkBox_m {
    background-color: white;
    vertical-align: -2px;
    width: 16px;
    height: 16px;
  }
/*--------------------------------- jqueryui datepicker js css ---------------------------------*/
/* calendar UI modified 24-05-17 */
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat}
/* workarounds */
.ui-datepicker { position:relative; display: none; width: 240px !important; 
	border: 1px solid #c1c1c1 !important; 
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) !important; border-radius: 8px; background-color: #fff; box-sizing: border-box; padding-bottom: 8px;
}
.ui-datepicker .ui-datepicker-header { position:relative; padding: 16px 12px 8px 12px; border:none; background:#FBFBFB; height:50px; box-sizing: border-box; border-radius: 8px 8px 0 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 16px; width: 24px; height: 24px; border-radius: 24px; cursor: default;}
.ui-datepicker .ui-datepicker-prev-hover:not(.ui-state-disabled), .ui-datepicker .ui-datepicker-next-hover:not(.ui-state-disabled) { top: 16px; background-color: rgba(0,0,0,0.04); cursor: pointer;}
.ui-datepicker .ui-datepicker-prev { right: 34px; left: auto !important;}
.ui-datepicker .ui-datepicker-next { right: 10px; }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { position:relative !important; left: auto !important; top:auto !important; margin: 0 !important;  /* jquery-ui css 의 영향으로 !important추가 */
    width: 100% !important; height: 100% !important; display: block; background:url(images/ic.png?v3.5) no-repeat 0 0}

.ui-datepicker button.ui-button::-moz-focus-inner { border: 0; padding: 0} /* reset extra padding in Firefox */
/* .ui-datepicker header  */
.ui-datepicker .ui-datepicker-prev span { background-position: -46px -1296px;}
.ui-datepicker .ui-datepicker-next span { background-position: -98px -1296px;}
.ui-datepicker .ui-datepicker-title { line-height:1.4 !important; text-align:left !important; margin: 0; } /* jquery-ui css 의 영향으로 !important추가 */
.ui-datepicker .ui-datepicker-title > span.ui-datepicker-year,
.ui-datepicker .ui-datepicker-title > span.ui-datepicker-month { font-size:14px; font-weight: bold; font-weight: 500; vertical-align: middle; }
.ui-datepicker .ui-datepicker-title select { font-size:14px; font-weight: bold;  margin:0; height: 26px; padding:0px 3px; border: 0 none; background-color: transparent; }
.ui-datepicker .ui-datepicker-title select:hover { border: 1px solid #dadada; background-color: #fff; padding:0px 2px;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%}
.ui-datepicker select.ui-datepicker-year { width: 64px; margin-right: 6px;}
.ui-datepicker select.ui-datepicker-month { width: 60px; }
/* .ui-datepicker body : table */
.ui-datepicker table {position: relative; box-sizing: border-box; width: 240px;}
/* thead */
.ui-datepicker table thead {border-bottom:1px solid #E3E3E3;}
.ui-datepicker th { width: 32px; text-align: center; font-weight:400; font-size:11px; border: 0; box-sizing: border-box;}
.ui-datepicker th:first-child { padding-left: 8px; }
.ui-datepicker th:last-child { padding-right: 8px; }
/* tbody */
.ui-datepicker td { border: 0; width: 32px; height: 32px; box-sizing: border-box; padding: 2px;}
.ui-datepicker td:first-child { padding-left: 10px; }
.ui-datepicker td:last-child { padding-right: 10px; }

/* date */
.ui-datepicker td span, 
.ui-datepicker td a { display: block;  box-sizing: border-box; text-decoration: none; font-size: 12px; width: 28px; height: 28px; line-height: 23px; text-align: center; border-radius: 16px; }
.ui-datepicker td .ui-state-default { color: #333; font-weight: normal;border: 0;background: none;}
.ui-datepicker td:hover span, 
.ui-datepicker td:hover a { background-color: rgba(32, 32, 32, 0.06);}

/* holiday */
.ui-datepicker td.ui-datepicker-week-end:first-child a,
.ui-datepicker .ui-datepicker-week-end:first-child span {color:#FF5956}
/* today */
.ui-datepicker td.ui-datepicker-today a.ui-state-highlight, 
.ui-datepicker td.ui-datepicker-today span.ui-state-highlight { background: rgba(32,32,32,0.16); border: 0 none;}
/* selected */
.ui-datepicker td.ui-datepicker-current-day a.ui-state-active, 
.ui-datepicker td.ui-datepicker-current-day span.ui-state-active { background: rgb(82, 189, 255); border: 0 none; color: #fff;}
/* disabled & past */
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-datepicker-unselectable {opacity: .35; filter:Alpha(Opacity=35); background-image: none}

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0}
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible}

/* resize */
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none}
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0}
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0}
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%}
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%}
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px}
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px}
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px}
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px}
.ui-selectable-helper { position: absolute; z-index: 97; border:1px dotted black}

/* modal_loading_type */
.overlay {width:100%;height:100%;position:fixed;top:0;left:0;opacity:0.4;filter: alpha(opacity = 40);background:#000;
 z-index:98}
.overlay .processing {position:absolute; left:50%; top:50%; width:60px; height:60px; line-height:50px; text-align:center; background:#161616 url(images/img_loader_w.gif?v2.6.0.0) no-repeat center center ; color:#fff; font-family:arial; font-size:14px; border-radius:5px; margin:-30px 0 0 -30px}

/*mouse drag color*/
::selection {background:#00b6c2; color:white}
::-moz-selection {background:#00b6c2; color:white}


:root {
	--ColorRed: #e01d1d;
	--ColorBlack: #000000;
	--ColorBlue: #258cb8;
	--ColorBlueDark: #0800ff;
	--ColorGreen: #01884e;
	--ColorWhite: #ffffff;
	--ColorGray: #cccccc;
	--font-size: 9px;
	--form_back: #f7f7f7;
	--form_top_line: #5f6061;
	--orgPos: #d9d9d9;
	--orgName: #f7f7f7;
	--orgLine: #bfbfbf;
	--ColorBlackGray: #161616;
	--GridBtnGreen: #029c94;
	--GridBtnOrange: #fae100;
	--GridBtnRed: #f14a76;
	--inputBorder: #ebebeb;
  
	--menuBackColor: #323670;
	--menuSubBackColor: #67a6e6;
	--btnTxtColor: #424242;
	--btnColor: #fff;
	--btnBorderColor: #fff;
	--btnIconColor: #202020;
	--btnIconColorHover: #2281e1;
	--loginTopName: #202020;
	--screenBack: #fff;
	--font-family: "Pretendard", "Noto Sans KR1", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
	--comment_pink: #ff4752;
	/* --primary: #43a1e9; */
  --primary: #bfcad7;
	--red7323: #f7323f;
	--secondary: #e5e5e5;
	--point: red;
	--white: #fff;
	--black: #000;
	--fullfillog100:#16395B;
  --fullfillog200:#2671AA;
	--grey50: #f0f0f5;
	--grey100: #f5f5f7;
	--grey200: #eeeef4;
	--grey300: #e5e5e5;
	--grey400: #909090;
	--grey500: grey;
	--grey600: #666;
	--grey700: #444;
	--grey800: #202020;
	--blue50: #e8f3ff;
	--blue200: #90c2ff;
	--blue100: #c9e2ff;
	--blue300: #64a8ff;
	--blue400: #4593fc;
	--blue500: #3182f6;
	--blue600: #2272eb;
	--blue700: #1b64da;
	--blue800: #1957c2;
	--blue900: #194aa6;
	--red50: #ffebee;
	--red100: #ffcdd2;
	--red200: #ef9a9a;
	--red300: #e57373;
	--red400: #ef5350;
	--red500: #f44336;
	--red600: #e53935;
	--red700: #d32f2f;
	--red800: #c62828;
	--red900: #b71c1c;
	--orange50: #fff3e0;
	--orange100: #ffe0b2;
	--orange200: #ffcc80;
	--orange300: #ffb74d;
	--orange400: #ffa726;
	--orange500: #ff9800;
	--orange600: #fb8c00;
	--orange700: #f57c00;
	--orange800: #ef6c00;
	--orange900: #e65100;
	--yellow50: #fffde7;
	--yellow100: #fff9c4;
	--yellow200: #fff59d;
	--yellow300: #fff176;
	--yellow400: #ffee58;
	--yellow500: #ffeb3b;
	--yellow600: #fdd835;
	--yellow700: #fbc02d;
	--yellow800: #f9a825;
	--yellow900: #f57f17;
	--purple50: #f3e5f5;
	--purple100: #e1bee7;
	--purple200: #ce93d8;
	--purple300: #ba68c8;
	--purple400: #ab47bc;
	--purple500: #9c27b0;
	--purple600: #8e24aa;
	--purple700: #7b1fa2;
	--purple800: #6a1b9a;
	--purple900: #4a148c;
	--teal50: #e1f0f2;
	--teal100: #b1dade;
	--teal200: #81c7cc;
	--teal300: #4caeb5;
	--teal400: #269da6;
	--teal500: #008c96;
	--teal600: #00818a;
	--teal700: #007278;
	--teal800: #006369;
	--teal900: #004d4d;
	--green50: #e5fff4;
	--green100: #abf2d4;
	--green200: #5ae9ad;
	--green300: #1cd98a;
	--green400: #05c072;
	--green500: #00a661;
	--green600: #009959;
	--green700: #008a50;
	--green800: #007544;
	--green900: #005c36;
	--greyOpacity50: rgba(0, 23, 51, 0.02);
	--greyOpacity100: rgba(2, 32, 71, 0.05);
	--greyOpacity200: rgba(0, 27, 55, 0.1);
	--greyOpacity300: rgba(0, 29, 58, 0.18);
	--greyOpacity400: rgba(0, 29, 54, 0.31);
	--greyOpacity500: rgba(3, 24, 50, 0.46);
	--greyOpacity600: rgba(0, 19, 43, 0.58);
	--greyOpacity700: rgba(3, 18, 40, 0.7);
	--greyOpacity800: rgba(0, 12, 30, 0.8);
	--greyOpacity900: rgba(2, 9, 19, 0.91);
	--whiteOpacity50: rgba(209, 209, 253, 0.05);
	--whiteOpacity100: rgba(217, 217, 255, 0.11);
	--whiteOpacity200: rgba(222, 222, 255, 0.19);
	--whiteOpacity300: rgba(224, 224, 255, 0.27);
	--whiteOpacity400: rgba(232, 232, 253, 0.36);
	--whiteOpacity500: rgba(242, 242, 255, 0.47);
	--whiteOpacity600: rgba(248, 248, 255, 0.6);
	--whiteOpacity700: rgba(253, 253, 255, 0.75);
	--whiteOpacity800: rgba(253, 253, 254, 0.89);
	--whiteOpacity900: #fff;
	--inverseGrey50: #202027;
	--inverseGrey100: #2c2c35;
	--inverseGrey200: #3c3c47;
	--inverseGrey300: #4d4d59;
	--inverseGrey400: #62626d;
	--inverseGrey500: #7e7e87;
	--inverseGrey600: #9e9ea4;
	--inverseGrey700: #c3c3c6;
	--inverseGrey800: #e4e4e5;
	--inverseGrey900: #fff;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--padding-base-vertical: 14px;
	--padding-base-horizontal: 18px;
	--padding-t-vertical: 4px;
	--padding-t-horizontal: 10px;
	--padding-s-vertical: 8px;
	--padding-s-horizontal: 14px;
	--padding-l-vertical: 18px;
	--padding-l-horizontal: 28px;
	--padding-container-base: 48px;
	--radius-s: 4px;
	--radius-m: 8px;
	--radius-l: 16px;
	--radius-xl: 20px;
	--radius-xxl: 24px;
  }