@charset "utf-8";
/**************************************************
   IMPORT CSS
**************************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@import url('layout.css'); /*layout.css*/ 
@import url('contents.css'); /*contents.css*/ 
@import url('animate.css'); 

@font-face {
  font-family: 'NSKR';
  src:url('font/NotoSans/NotoSans-Regular.eot') format('embedded-opentype'),
      url('font/NotoSans/NotoSans-Regular.otf') format('opentype'),
      url('font/NotoSans/NotoSans-Regular.woff') format('woff'),
      url('font/NotoSans/NotoSans-Regular.woff2') format('woff2'),
}
@font-face {
  font-family: 'NSKB';
  src:url('font/NotoSans/NotoSans-Bold.eot') format('embedded-opentype'),
      url('font/NotoSans/NotoSans-Bold.otf') format('opentype'),
      url('font/NotoSans/NotoSans-Bold.woff') format('woff'),
      url('font/NotoSans/NotoSans-Bold.woff2') format('woff2'),
}
/**************************************************
   reset CSS
**************************************************/
* {font-family: 'NSKR';}
html,body{width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input,select,td,th,table,pre,strong,b,i,textarea{margin:0;padding:0; }
body,h1,h2,h3,h4,h5,h6,input,button,pre,textarea,select{font-size:12px;}
/*body,h1,h2,h3,h4,h5,h6,input,button,pre,textarea,select{font-family:NSKR, Dotum,'굴림',Gulim,sans-serif;font-size:12px;}*/
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;/*overflow:auto;*/}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button,img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
/*html:first-child select{height:20px;padding-right:6px}*/
option{padding-right:6px}
textarea {resize:none;border:1px solid #c3c3c3;}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
map area{outline:none}
a {text-decoration:none;color:#4a4a4a;}
input[type="button"] {cursor:pointer;}
input[type="text"] {height:22px;border:1px solid #c3c3c3;}
input[type="password"] {height:22px;border:1px solid #c3c3c3;  text-indent: 7px;}
input[type="number"] {height:22px;border:1px solid #c3c3c3;}
input.kendoComboBox::-ms-clear {display:none;}
.k-combobox input::-ms-clear {display:none;}
.k-datepicker input::-ms-clear {display:none;}

/**************************************************
    Common
**************************************************/
.accessibility {overflow:hidden;position:absolute;left:-1000px;top:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;text-indent:-9999px}
.hidden {overflow:hidden;position:absolute;top:-10000px;left:-10000px;width:1px;height:1px}
.blind {overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;visibility:hidden;}

.skip {display:none;}
.mtImg{vertical-align:middle; margin-top:-2px;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.td_ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 10px !important;}
.ellipsis2{overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;line-height: 1.5em;max-height: 3.0em;}
.ellipsis3{overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ellipsis2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;white-space:normal;}
  .ellipsis3{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;white-space:normal;}
}

.ovh{overflow:hidden !important;}
.ovv{overflow:visible !important;}

/*scroll*/
.scroll_on{overflow:auto !important;}
.scroll_off{overflow:hidden !important;}
.scroll_y_on{overflow-x:hidden !important; overflow-y:auto !important;}
.scroll_x_on{overflow-y:hidden !important; overflow-x:auto !important;}
.scroll_fix{overflow:scroll !important;}
.scroll_y_fix{overflow-x:hidden !important; overflow-y:scroll !important;}
.scroll_x_fix{overflow-y:hidden !important; overflow-x:scroll !important;}

.scroll_y_on_hide{overflow-x:hidden !important; overflow-y:auto !important; -ms-overflow-style: none;} 
.scroll_y_on_hide::-webkit-scrollbar { display:none; }

/*position*/
.posi_re {position:relative !important;}
.posi_ab {position:absolute !important;}
.posi_fix {position:fixed !important;}
.posi_inh {position:inherit !important;}
.posi_st {position: sticky !important; z-index: 1;}

/*table*/
.tl_auto table{table-layout:auto !important;}

/* Floating */
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both !important;}

/*각 자식요소들 floating 지정으로 높이 인식못하는거 해결*/
.clear:after{content:"";display:block;clear:both;height:0;visibility:hidden;}

/* display */
.dp_ib {display:inline-block !important;}
.dp_i {display:inline !important;}
.dp_b {display:block !important;}

/* visibility */
.vv {visibility:visible;}
.vh {visibility:hidden;}

/* Align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.img_txt_btm img {vertical-align:text-bottom;}

.acvm{text-align: center; display: table-cell; vertical-align: middle; padding:0px;}
.lh14{line-height:14px !important;}
.lh15{line-height:15px !important;}
.lh16{line-height:16px !important;}
.lh17{line-height:17px !important;}
.lh18{line-height:18px !important;}
.lh20{line-height:20px !important;}
.lh23{line-height:23px !important;}
.lh24{line-height:24px !important;}

.text_line {text-decoration:underline;}
.delLine{text-decoration:line-through; color:red;}

/* text-indent */
.ti0 {text-indent:0px !important;}
.ti4 {text-indent:4px !important;}
.ti7 {text-indent:7px !important;}

/* Font color */
.text_white{color:#fff !important;}
.text_blue{color:#058df5 !important;}
.text_green{color:#3d9100 !important;}
.text_orange{color:#ff4d00 !important;}
.text_red{color:#f33e51 !important;}
.text_redline{color:#f33e51 !important; text-decoration:line-through !important;}
.text_gray{color:#8d8d8d !important;}
.text_gray2{color:#cececc !important;}
.text_gray3{color:#646464 !important;}
.text_gray4{color:#4a4a4a !important;}
.text_yellow{color:#fff600 !important;}
.colB {color:#058df5 !important;font-weight:bold !important;}
.colB td {color:#058df5 !important;font-weight:bold !important;}
.k-disabled{color:#cececc !important;}

/* border color */
.brn {border:none !important;}
.brrn {border-right:none !important;}
.brln {border-left:none !important;}
.brtn {border-top:none !important;}
.brbn {border-bottom:none !important;}
.brbn_tr td,.brbn_tr th{border-bottom:none !important;}
.brtn_tr td,.brtn_tr th{border-top:none !important;}
.brtb1{border-width: 1px 0px !important;}

.Pop_border{border:1px solid #dcdcdc;}
.borderT{border-top:1px solid #dcdcdc;}
.borderB{border-bottom:1px solid #dcdcdc;}
.borderR{border-right:1px solid #eaeaea !important;}
.borderR_black{border-right:1px solid #000;}
.borderL{border-left:1px solid #eaeaea !important;}
.tb_borderT{border-top:1px solid #eaeaea !important;}
.tb_borderB{border-bottom:1px solid #eaeaea !important;}

.bd_blue {border:1px solid #54b5ff !important;}

/* background */
.bgn{background:none !important;}
.bg_skyblue{background:#f0f6fd !important;}
.bg_skyblue2{background:#e6f4ff !important;}
.bg_lightgray{background:#fcfcfc !important;}
.bg_lightgray2{background:#f5f5f5 !important;}
.bg_normalgray{background:#e8e8e8 !important;}
.bg_normalgray2{background:#dfdfdf !important;}
.bg_green2{background:#3d9100 !important;}
.bg_green3{background:#E0FFDB !important;}
.bg_blue{background:#56a8f4 !important;}
.bg_orange{background:#ff9b59 !important;}
.bg_red2{background:#f33e51 !important;}
.bg_red{background:#ffeeee !important;}
.bg_darkgray{background:#888 !important;}
.bg_brown{background:#c9632f !important;}
.bg_sb{background:#f0f6fd;}/*20160516 수정*/
.bg_sb2{background:#e6f4ff;}
.bg_lt{background:#fcfcfc;}
.bg_statement{background:#f1f1f1;}
.bg_yellow2{background:#d9b302 !important;}
.bg_total{background:#f1f1f1 !important;}
.bg_total2{background:#f9f9f9;}
.bg_white{background:#fff !important;}

/* auto */
.hei_auto {height:auto !important;}
.wid_auto {height:auto !important;}

/*letter-spacing*/
.let0 {letter-spacing:0px !important;}
.let1 {letter-spacing:-1px;}
.let1n5 {letter-spacing:-1.5px;}
.let2 {letter-spacing:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.let-1 {letter-spacing:-1px;}}

/* Font size */
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f19 {font-size:19px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f30 {font-size:30px !important;}

/* Font weight */
.fwb {font-weight:bold !important;}
.fwn {font-weight:normal !important;}

/* word-break */
.word_b{word-break:break-all;}

/* min-width */
.min840 {min-width:840px;}

/* flex */
.h-box{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;min-width:0;}
.v-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-width:0;}
.flex-1{-webkit-flex:1;flex:1;min-width:0;}
.flex-2{-webkit-flex:2;flex:2;min-width:0;}
.flex-3{-webkit-flex:3;flex:3;min-width:0;}
.h-align-start{justify-content:flex-start;} 
.h-align-center{justify-content:center;} 
.h-align-end{justify-content:flex-end;} 
.v-align-start{align-items:flex-start;} 
.v-align-center{align-items:center;} 
.v-align-end{align-items:flex-end;} 
.flex-center{justify-content:center;align-items:center;}

/* Padding, Margin style */ 
/* 특별한 case외에 사용 자제 */
.p0 {padding:0 !important;}
.p3 {padding:3px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}

.pt0 {padding-top:0 !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb12 {padding-bottom:12px !important;}
.pb13 {padding-bottom:13px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl15 {padding-left:15px !important;}
.pl19 {padding-left:19px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl120 {padding-left:120px !important;}

.pr0 {padding-right:0px !important;}
.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr17 {padding-right:17px !important;}
.pr20 {padding-right:20px !important;}
.pr24 {padding-right:24px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr70 {padding-right:70px !important;}

.m0 {margin:0px !important;}
.m5 {margin:5px !important;}


.mt-1 {margin-top:-1px !important;}
.mt-5 {margin-top:-5px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-44 {margin-top:-44px !important;}
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt23 {margin-top:23px !important;}
.mt25 {margin-top:25px !important;}
.mt27 {margin-top:27px !important;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb14 {margin-bottom:14px !important;}
.mb15 {margin-bottom:15px !important;}
.mb17 {margin-bottom:17px !important;}
.mb20 {margin-bottom:20px !important;}
.mb21 {margin-bottom:21px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}

.ml-1 {margin-left:-1px !important;}
.ml-14 {margin-left:-14px !important;}
.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml13 {margin-left:13px !important;}
.ml15 {margin-left:15px !important;}
.ml17 {margin-left:17px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml70 {margin-left:70px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr17 {margin-right:17px !important;}
.mr20 {margin-right:20px !important;}
.mr21 {margin-right:21px !important;}
.mr22 {margin-right:22px !important;}
.mr23 {margin-right:23px !important;}
.mr24 {margin-right:24px !important;}
.mr25 {margin-right:25px !important;}
.mr26 {margin-right:26px !important;}
.mr27 {margin-right:27px !important;}
.mr28 {margin-right:28px !important;}
.mr29 {margin-right:29px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.minw1000 {min-width:1000px !important;}

/*max width값*/
.mx55_img img {max-width:55px;}


/* radio button list layout */
.rbllayout label { margin-right:20px;}
.rbllayout input { margin-right:6px;}

.rbllayout35 input { margin-right:3px;}
.rbllayout35 label { margin-right:5px;}

.rbllayoutNew input { margin-right:3px; padding-right: 0px;}
.rbllayoutNew label { margin-right:5px; padding-right: 0px;}


/* checkbox list layout */
.cbllayout input { margin-right:6px;}
.cbllayout label { margin-right:15px;}
/* label hover style */
.lh:hover{color:#c3c3c3}

/* asp:button style */
.testbutton1 {cursor:pointer; font-family:NSKB; background:#2DBCB5; color:white; border-radius:0px; box-shadow:none; padding: 0px 12px; height:22px; line-height:24px; border:1px solid #c9cac9; outline:0;}
.testbutton2 {cursor:pointer; font-family:NSKB; background:#46A3F0; color:white; border-radius:0px; box-shadow:none; padding: 0px 12px; height:22px; line-height:24px; border:1px solid #c9cac9; outline:0;}
.testbutton3 {cursor:pointer; font-family:NSKB; background:#FF8787; color:white; border-radius:0px; box-shadow:none; padding: 0px 12px; height:22px; line-height:24px; border:1px solid #c9cac9; outline:0;}
.txtbutton {cursor:pointer; background:#fff; border-radius:0px; box-shadow:none; padding: 0px 12px; height:22px; line-height:24px; border:1px solid #c9cac9; outline:0;}
.txtbutton2 {cursor:pointer; background:#fff; border-radius:0px; box-shadow:none; padding: 0px 12px; height:24px; line-height:24px; border:1px solid #c9cac9; outline:0;}
.txtbutton3 {cursor:pointer; background:#fff; border-radius:0px; box-shadow:none; padding: 0px 12px; height:27px; line-height:24px; border:1px solid #c9cac9; outline:0;}
.txtbutton4 {cursor:pointer; background:#fff; border-radius:0px; box-shadow:none; padding: 0px 12px; height:18px; line-height:18px; border:1px solid #c9cac9; outline:0;}
.txtbutton5 {cursor:pointer; background:#fff; border-radius:0px; box-shadow:none; padding: 0px 12px; height:20px; line-height:20px; border:1px solid #c9cac9; outline:0;}
.txtbutton6 {cursor:pointer; color: #fff; font-weight: 600; background:rgb(77, 171, 251); border-radius:0px; box-shadow:none; padding: 0px 12px; height:26px; line-height:24px; border:1px solid #c9cac9; outline:0; margin-left: 1085px;}
.txtbuttondb {cursor:pointer; background:#fff; border-radius:0px; box-shadow:none; padding: 0px 30px; height:62px; line-height:40px; border:1px solid #c9cac9; outline:0;}
.txtbuttondb:hover {background:#eaeaea;}
.txtbuttonSave {height: 24px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #1C90FB;  background-image: linear-gradient(to bottom, #5eb5fd, #1C90FB); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonSave:hover {border: solid 1px #136ad5;  background-image: linear-gradient(to bottom, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
.txtbuttonSave:active {border: solid 1px #136ad5;  background-image: linear-gradient(to top, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
.txtbuttonSave2 {height: 26px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #1C90FB;  background-image: linear-gradient(to bottom, #5eb5fd, #1C90FB); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonSave2:hover {border: solid 1px #3280e0;  background-image: linear-gradient(to bottom, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
.txtbuttonSave2:active {border: solid 1px #3280e0;  background-image: linear-gradient(to top, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
input[type="button"].txtbuttonSave2 {height: 26px;  padding: 0 10px 0;  border-radius: 2px;  border: solid 1px #1C90FB;  background-image: linear-gradient(to bottom, #5eb5fd, #1C90FB); color:#fff; cursor:pointer; font-weight:bold;}
input[type="button"].txtbuttonSave2:hover {border: solid 1px #3280e0;  background-image: linear-gradient(to bottom, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
input[type="button"].txtbuttonSave2:active {border: solid 1px #3280e0;  background-image: linear-gradient(to top, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
.txtbuttonSave3 {height: 26px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #20C997;  background-image: linear-gradient(to bottom, #2DBCB5, #20C997); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonSave3:hover {border: solid 1px #20C997;  background-image: linear-gradient(to bottom, #2DBCB5, #20C997); font-weight:bold; cursor:pointer;}
.txtbuttonSave3:active {border: solid 1px #20C997;  background-image: linear-gradient(to top, #2DBCB5, #20C997); font-weight:bold; cursor:pointer;}
.txtbuttonSave4 {height: 26px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #1C90FB;  background-image: linear-gradient(to bottom, #5eb5fd, #1C90FB); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonSave4:hover {border: solid 1px #8166FF;  background-image: linear-gradient(to bottom, #9780FF, #8166FF); font-weight:bold; cursor:pointer;}
.txtbuttonSave4:active {border: solid 1px #8166FF;  background-image: linear-gradient(to top, #9780FF, #8166FF); font-weight:bold; cursor:pointer;}
.txtbuttonSaveBig {height: 66px; width: 76px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #8166FF;  background-image: linear-gradient(to bottom, #9780FF, #8166FF); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonSaveBig:hover {border: solid 1px #136ad5;  background-image: linear-gradient(to bottom, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
.txtbuttonSaveBig:active {border: solid 1px #136ad5;  background-image: linear-gradient(to top, #3ba1ff, #3280e0); font-weight:bold; cursor:pointer;}
.txtbuttonInit {height: 24px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #f5c100;  background-image: linear-gradient(to bottom, #fbd958, #ffcd12); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonInit:hover {border: solid 1px #e8ab02;  background-image: linear-gradient(to bottom, #ffcd12, #ffbb00); font-weight:bold; cursor:pointer;}
.txtbuttonInit:active {border: solid 1px #e8ab02;  background-image: linear-gradient(to top, #ffcd12, #ffbb00); font-weight:bold; cursor:pointer;}
.txtbuttonInitBig {height: 30px; width:76px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #f5c100;  background-image: linear-gradient(to bottom, #fbd958, #ffcd12); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonInitBig:hover {border: solid 1px #e8ab02;  background-image: linear-gradient(to bottom, #ffcd12, #ffbb00); font-weight:bold; cursor:pointer;}
.txtbuttonInitBig:active {border: solid 1px #e8ab02;  background-image: linear-gradient(to top, #ffcd12, #ffbb00); font-weight:bold; cursor:pointer;}
.txtbuttonReq {height: 24px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #fc1378;  background-image: linear-gradient(to bottom, #fc63a5, #fc1378); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonReq:hover {border: solid 1px #ef227b;  background-image: linear-gradient(to bottom, #f83d8f, #f10f70); font-weight:bold; cursor:pointer;}
.txtbuttonReq:active {border: solid 1px #ef227b;  background-image: linear-gradient(to top, #f83d8f, #f10f70); font-weight:bold; cursor:pointer;}
.txtbuttonDel {height: 24px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #ff5A5A;  background-image: linear-gradient(to bottom, #ff7e7e, #ff6c6c); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonDel:hover {border: solid 1px #ff0000;  background-image: linear-gradient(to bottom, #ff6c6c, #ff3636); font-weight:bold; cursor:pointer;}
.txtbuttonDel:active {border: solid 1px #ff0000;  background-image: linear-gradient(to top, #ff6c6c, #ff3636); font-weight:bold; cursor:pointer;}
.txtbuttonChk {height: 24px;  padding: 4px 10px 5px;  border-radius: 2px;  border: solid 1px #53c14b;  background-image: linear-gradient(to bottom, #53c14b, #41af39); color:#fff; cursor:pointer; font-weight:bold;}
.txtbuttonChk:hover {border: solid 1px #0b7903;  background-image: linear-gradient(to bottom, #41af39, #2f9d27); font-weight:bold; cursor:pointer;}
.txtbuttonChk:active {border: solid 1px #0b7903;  background-image: linear-gradient(to top, #41af39, #2f9d27); font-weight:bold; cursor:pointer;}
.txtSearchbutton {background:#fff; border-radius:10px; box-shadow:1px 1px 1px gray; padding: 0px 12px; height:24px; line-height:24px; border:1px solid #c9cac9; outline:0; width:90px;}


/* asp:calendar style */
.nounderline a{text-decoration:none;}

/* asp:ui style */
.password_bl{width:100%; background:url("../images/ico/ico_nav_arr.png") no-repeat left 5px; padding-left:10px;}
.password_blr{width:100%; background:url("../images/ico/ico_nav_arr.png") no-repeat left 5px; padding-left:10px;color:#ff6702;}
.password_layer{padding:17px 17px 17px 3px; line-height:17px;}

/* modal */
#modal {  
  position:absolute;
  left:0;
  top:0;
  z-index:9000;  
  background-color:#000;
  opacity:0.8;
  display:none;  
}

/* radiobuton margin */
.FormatRadioButtonList label
{
  margin-right: 15px;
}

/* help mark */
.tit_help{display:inline-block;position:relative;top:5px;width:18px;height:18px; margin:0px 0 0 3px;background: url('../Images/ico/help.png') no-repeat 0 0;}

/*dispaly*/
.dn {display:none;}
.db {display:block;}

/* modal_popup */
.modalpop_panel {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel.on {opacity:1; z-index:1;}
.modalpop { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; background:#eee; z-index:-1; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop.on {opacity:1; z-index:1;}
.modalpop_close {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

.modalpop_panel1 {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel1.on {opacity:1; z-index:1;}
.modalpop1 { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; background:#eee; z-index:-1; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop1.on {opacity:1; z-index:1;}
.modalpop_close1 {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

.modalpop_panel2 {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel2.on {opacity:1; z-index:299;}
.modalpop2 { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; background:#eee; z-index:-1; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop2.on {opacity:1; z-index:300;}
.modalpop_close2 {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

.modalpop_panel3 {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel3.on {opacity:1; z-index:299;}
.modalpop3 { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; background:#eee; z-index:-1; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop3.on {opacity:1; z-index:300;}
.modalpop_close2 {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

.modalpop_panel4 {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel4.on {opacity:1; z-index:299;}
.modalpop4 { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; background:#eee; z-index:-1; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop4.on {opacity:1; z-index:300;}
.modalpop_close2 {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

.modalpop_panel5 {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel5.on {opacity:1; z-index:299;}
.modalpop5 { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; background:#eee; z-index:-1; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop5.on {opacity:1; z-index:300;}
.modalpop_close5 {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

.modalpop_panel_new {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; 
                     -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_panel_new.on {opacity:1; z-index:3;}
.modalpop_new { position:fixed; top:50%; left:50%; box-shadow:10px 10px 12px rgba(0,0,0,0.5); display:flex; justify-content:center; 
                align-items:center; background:#eee; z-index:-1; opacity:0; 
                -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; 
                -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.modalpop_new.on {opacity:1; z-index:3;}
.modalpop_close_new {position:absolute; top:10px; right:10px; font-size:30px; color:#222; font-weight:500;}

/* left-right paddin */
.plr3 { padding:0px 3px 0px 3px;}
.plr5 { padding:0px 5px 0px 5px;}
.plr7 { padding:0px 7px 0px 7px;}
.plr10 { padding:0px 10px 0px 10px;}
.plr15 { padding:0px 15px 0px 15px;}
.plr20 { padding:0px 20px 0px 20px;}

.overlay {
  z-index: 1000;
  position: fixed;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background-color: rgba(0,0,0, 0.4);
  overflow-x: hidden;
}