@CHARSET "UTF-8";

/*--------------------------------------------------------------------------*/
/* common
-----------------------------------------------------------------------------*/

html { overflow-y: scroll; }
body{ min-width:1550px; padding-top:100px;}
body.login{ padding:100px 0 0 0; margin: 0;}
body.popup{ padding-top: 0px; }
body.receipt{ min-width:340px !important; padding: 20px 20px 0px 20px !important;}

[v-cloak] { display: none;}

.cover_sec{ clear:both; position:relative;width:1500px; min-width:1500px; margin:0 auto; overflow:hidden;}
.cover_sec_w1000{ clear:both; position:relative;width:1000px; min-width:1000px; margin:0 auto; overflow:hidden;}
.cover_sec_head{clear:both; position:relative;width:1550px; min-width:1500px; margin:0px auto 0; overflow:hidden;}
.cover_sec_login{clear:both; position:relative;width:900px; min-width:900px; margin:0 auto; overflow:hidden;}
.cover_sec_main{ clear:both; position:relative; width:1550px; min-width:1500px; margin:0 auto; overflow:hidden;}

/* vertical 값*/
.vertical_t{ vertical-align:top !important;}
.vertical_m{ vertical-align:middle !important;}
.vertical_b{ vertical-align:bottom !important;}

/*claer 값*/
.clear{clear:both;}
.clear:after{ content:''; clear:both; }

/*overflow 값*/
.overflow_h{ overflow:hidden !important;}

/* display 값*/
.inlineb{ display:inline-block !important; }
.block {display:block !important;text-align:left;line-height:22px;}
.off {display:none !important;}

/*float 값*/
.f_l{ float:left;}
.f_r{ float:right;}

/*라인*/
.hr_type{ display: block; width:100%; height: 1px; border: 0; margin:0; padding: 0; }
.hr_type.blue{  border-top: 1px solid #2476dd;}
.tr_blue { border-right: 2px solid #2476dd; }

/*폰트 color*/
.color_skyblue{color:#1db3d4 !important;}
.color_block{color:#333 !important;}
.color_normal{color:#6d6d6d !important;}
.color_red{ color:#d42331 !important;}
.color_yellow{ color:#F7941D !important;}
.color_green{ color:#22AA34 !important;}
.color_deepblue{ color:#2060ba !important; }
.color_blue{ color:#2060ba !important; }
.color_lightblue{ color:#007eff !important; }
.color_skyblue, .color_skyblue label{color:#1db3d4 !important;}

/* line-height */
.lh_20 {line-height: 20px !important;}
.lh_25 {line-height: 25px !important;}
.lh_30 {line-height: 30px !important; }
.lh_45 {line-height: 45px !important; }

/*폰트 크기*/
.font12{font-size:12px !important;vertical-align:top;}
.font13{font-size:13px !important;vertical-align:top;}
.font18{font-size:18px !important;}

/*폰트 style*/
.underline{text-decoration:underline !important;}

/*폰트 두께 weight*/
.bold{ font-weight:600 !important;}

/* 버튼 type*/
.btn_box{clear:both; width:100%; display:block; }
.btn_box2{ width:auto; margin-top:-8px;}
.btn{border:0;background:none;padding:0 5px;letter-spacing:-1px;text-indent:-1px;box-sizing:border-box;border-radius:0px;box-shadow:none !important;vertical-align:top;}
.btn.noround{border-radius:0;}
.btn.receipt_on, .btn.receipt_off{height:28px; min-width:80px; line-height:25px; font-size:12px; font-family:"맑은 고딕","Malgun Gothic",sans-serif; font-weight:normal; text-align:center; }
.btn.normal{min-width:70px;height:22px;line-height:18px;font-size:12px;font-family:"맑은 고딕","Malgun Gothic",sans-serif; text-align:center; }
.btn.normal2{height:38px; line-height:35px; font-size:17px; font-family:"맑은 고딕","Malgun Gothic",sans-serif; font-weight:600; text-align:center; }
.btn.normal3{height:28px; line-height:25px; font-size:12px; font-family:"맑은 고딕","Malgun Gothic",sans-serif; font-weight:600; text-align:center; }
.btn.normal4{height:37px; line-height:32px; font-size:13px; font-family:"맑은 고딕","Malgun Gothic",sans-serif; font-weight:600; text-align:center; }
.btn.normal5{height:35px; line-height:30px; font-size:13px; font-family:"맑은 고딕","Malgun Gothic",sans-serif; font-weight:600; text-align:center; }
.btn.normal.mw80{min-width:80px;padding:0 5px;}
/** 라운드버튼 type */
.btn.round{height:45px; line-height:35px; border-radius: 40px; font-size:17px; font-family:"맑은 고딕","Malgun Gothic",sans-serif; font-weight:600; text-align:center; }

.btn.w49p{ width:49% }
.btn.w50p{width:50%;}
.btn.w100p{width:100%;}
.btn.p{ width:100% }

.btn.mw60{ min-width:60px; }
.btn.mw65{ min-width:65px; }
.btn.mw75{ min-width:75px; }
.btn.mw80{ min-width:80px; }
.btn.mw85{ min-width:85px; }
.btn.mw100{ min-width:100px; }
.btn.mw120{ min-width:120px; }
.btn.mw130{ min-width:130px }
.btn.mw151{ min-width:151px}
.btn.excel {text-indent: 0px;}

.btn.search i, .btn.plus i{ font-style:normal; display:block; position:relative; height:38px; padding-left: 10px; margin-left: 10px; }
.btn.search i:before{ display:inline-block; content:''; width:24px; height:30px; position:absolute; top:0px; left:27px; background:url(/img/common/search_icon.png) no-repeat center 10px; }
.btn.plus i:before{ display:inline-block; content:''; width:24px; height:30px; position:absolute; top:0px; left:27px; background:url(/img/common/plus_icon.png) no-repeat center 10px; }
.btn.logout{min-width:55px; font-size:11px; color:#535353; font-weight:600;}
.btn.big{min-width:117px;line-height:38px;font-size:15px;font-weight:bold;}

.btn:hover{ cursor:pointer;}

.btn.btn_gray{color:#fff;border:1px solid #a2a2a2;background-color:#a2a2a2;background-image:none;}
.btn.btn_gray:hover{color:#fff;border:1px solid #888;background-color:#888;background-image:none;}

.btn.btn_gray_blue{color:#007eff;border:1px solid #007eff;background-color:#fff;background-image:none;}
.btn.btn_gray_blue:hover{color:#fff;border:1px solid #007eff;background-color:#007eff;background-image:none;}
.btn.btn_gray_blue:disabled{color:#919191;border:1px solid #cfcfcf;background-color:#cfcfcf;background-image:none;}

.btn.btn_gray_border{color:#6d6d6d;border:1px solid #d0d0d0;background-color:#edeef0;}
.btn.btn_gray_border:hover{color:#6d6d6d;border:1px solid #cfcfcf;background-color:#edeef0;}

.btn.btn_white_border{color:#6d6d6d;border:1px solid #bfbfbf;background-color:#fff;}
.btn.btn_white_border:hover{background:#535353; color:#fff; border-color:#535353; }

.btn.btn_deepblue{ color:#fff; border:1px solid #2060ba; background-color:#2060ba; background-image:none;}
.btn.btn_deepblue:hover{ color:#fff; border:1px solid #011558; background-color:#011558; background-image:none;}

.btn.btn_fogblue{ color:#2060ba; border:1px solid #2060ba; background-color:#fff; background-image:none;}
.btn.btn_fogblue:hover{ color:#fff; border:1px solid #2060ba; background-color:#2060ba; background-image:none;}

.btn.btn_yellow{ color:#fff; border:1px solid #faab00; background-color:#faab00; background-image:none;}
.btn.btn_yellow:hover{ color:#fff; border:1px solid #fad400; background-color:#fad400; background-image:none;}
.btn.btn_yellow:active:hover{border:1px solid #fad400 !important;}
.btn_yellow.k-state-focused, .btn_yellow.k-state-hover{ border-color:#fad400 !important;}

.btn.btn_blue{ color:#fff; border:1px solid #007eff; background-color:#007eff; background-image:none;}
.btn.btn_blue:hover{ color:#fff; border:1px solid #1b65c3; background-color:#1b65c3; background-image:none;}

.btn.receipt_on{color:#2060ba; border:1px solid #2060ba; background-color:#fff; background-image:none;}
.btn.receipt_off{color:#d9d9d9; border:1px solid #2060ba; background-color:#fff; background-image:none;}
.btn.receipt_on:hover,
.btn.receipt_off:hover{ color:#fff; border:1px solid #2060ba; background-color:#2060ba; background-image:none;}
.btn.receipt_off:disabled, .btn.receipt_off:hover:disabled{color: #d9d9d9;border: 1px solid #d9d9d9; background-color:#fff;}

.btn.btn_green_border{color:#007508 !important;border:1px solid #007508 !important; background-color:#fff;}
.btn.btn_green_border:hover{color:#fff !important;border:1px solid  #015d07 !important; background-color:#015d07;}


/* margin 값*/
.m10{margin:0 10px !important;}
.m20{margin:0 20px !important;}
.m30{margin:0 30px !important;}

.mt_0{margin-top:0px !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;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt26{margin-top:26px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt71{margin-top:71px !important;}

.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr100{margin-right:100px !important;}

.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

/* padding 값*/
.p10 {padding:10px !important;}
.p20 { padding:20px !important;}
.p25 { padding:25px !important;}

.pt0{ padding-top:0px !important;}
.pt4{ padding-top:4px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt45{ padding-top:45px !important;}

.pb0{ padding-bottom:0px !important;}
.pb5{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}
.pb40{ padding-bottom:40px !important;}

.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr40{ padding-right:40px !important; }

.pl5{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl13{ padding-left:13px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}
.pl40{ padding-left:40px !important;}


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

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* width 너비 값*/
.w70{width:70px !important; box-sizing:border-box;}
.w100{width:100px !important;}
.w140{width:140px !important; box-sizing:border-box;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w490{width:490px !important;}
.w1550{width:1550px !important;}

/* height 높이 값*/
.h28{ height:28px !important;}
.h30{ height:30px !important;}
.h35{ height:35px !important;}
.h50{ height:50px !important;}
.h55{ height:55px !important;}
.h80{ height:80px !important;}
.h120{ height:120px !important;}


/* input 인풋*/
.input_box.normal{ width:100%; height:29px; border:1px solid #b4b4b4; background:#fff; font-size:13px; color:#6d6d6d; box-sizing:border-box; padding:3px 5px; box-sizing:border-box; }
.input_box.normal:hover, .input_box.normal.k-state-focused{ border-color:#007eff;}
.input_box[readonly].normal:hover, .input_box[readonly].normal.k-state-focused { border-color: #b4b4b4;}
.input[readonly].k-textbox, input[readonly].k-textbox:hover, input[readonly].k-textbox:focus {border-color: #d9d9d9 !important;}

.input_box.read{background:#eee !important;}

.input_box.w100p{ width:100%;}

.input_box.mw35{ width:35px;}
.input_box.mw80{ width:80px;}
.input_box.mw100{ width:100px;}
.input_box.mw120{ width:120px;}
.input_box.mw150{ width:150px;}
.input_box.mw160{ width:160px;}
.input_box.mw180{ width:180px;}
.input_box.mw200{ width:200px;}
.input_box.mw260{ width:260px;}
.input_box.mw270{ width:270px;}
.input_box.mw400{ width:400px;}

.k-widget.w35, .k-textbox.w35{width:35px !important;}
.k-widget.w40, .k-textbox.w40{width:40px !important;}
.k-widget.w50, .k-textbox.w50{width:50px !important;}
.k-widget.w60, .k-textbox.w60{width:60px !important;}
.k-widget.w70, .k-textbox.w70{width:70px !important;}
.k-widget.w80, .k-textbox.w80{width:80px !important;}
.k-widget.w90, .k-textbox.w90{width:90px !important;}
.k-widget.w95, .k-textbox.w95{width:95px !important;}
.k-widget.w100, .k-textbox.w100{width:100px !important;}
.k-widget.w110, .k-textbox.w110{width:110px !important;}
.k-widget.w120, .k-textbox.w120{width:120px !important;}
.k-widget.w130, .k-textbox.w130{width:130px !important;}
.k-widget.w140, .k-textbox.w140{width:140px !important;}
.k-widget.w150, .k-textbox.w150{width:150px !important;}
.k-widget.w160, .k-textbox.w160{width:160px !important;}
.k-widget.w170, .k-textbox.w170{width:170px !important;}
.k-widget.w190, .k-textbox.w190{width:190px !important;}
.k-widget.w200, .k-textbox.w200{width:200px !important;}
.k-widget.w230, .k-textbox.w230{width:230px !important;}
.k-widget.w250, .k-textbox.w250{width:250px !important;}
.k-widget.w300, .k-textbox.w300{width:300px !important;}

.k-widget.w100p, .k-textbox.w100p{width:100% !important;}


/* select 셀렉트 */
.select_box.normal{ width:100%; height:37px; padding-left: 5px; border:1px solid #959595 ; background:#fff; font-size:13px; color:#343434; box-sizing:border-box;}
.select_box.normal:hover{ border-color:#2A79DE;}
.select_box.mw100{ width:100px; }
.select_box.mw130{ width:130px; }
.select_box.mw150{ width:150px; }
.select_box.mw200{ width:200px; }

.select_box.mw160.k-dropdown-wrap.k-state-default{width:160px;}
.select_box.mw160.k-dropdown{ width:160px; }
.select_box.mw160 > .k-dropdown-wrap .k-input{ width:148px;}
.select_box.mw130.k-dropdown-wrap.k-state-default{width:130px;}
.select_box.mw130.k-dropdown{ width:130px; }
.select_box.mw130 > .k-dropdown-wrap .k-input{ width:118px;}

/** k-dropdownlist */
.k-dropdown { height: 37px; border-radius:0; vertical-align:text-bottom; }
.k-dropdown .k-dropdown-wrap.k-state-default,
.k-dropdown .k-dropdown-wrap.k-state-disabled{height:100%;box-sizing:border-box; width:100%; padding:0px 5px;}
.k-dropdown .k-dropdown-wrap.k-state-hover {border-color: #007eff !important;}
.k-dropdown .k-dropdown-wrap .k-input{ height:100%; line-height:30px; padding-left:3px; font-size:13px;box-sizing:border-box;color:#6d6d6d;}
.k-dropdown .k-dropdown-wrap .k-select{min-height:auto;line-height:30px;}
.k-list>.k-state-focused.k-state-selected, 
.k-listview>.k-state-focused.k-state-selected, 
.k-state-focused.k-state-selected, 
td.k-state-focused.k-state-selected {box-shadow: inset 0 0 3px 1px #007eff;}
.k-dropdown .k-icon {background: url(/img/common/select_icon.png) no-repeat center; margin-right: 5px;}
.k-dropdown .k-icon.k-i-arrow-60-down::before {display: none;}

.service .k-dropdown {height: 28px;}
.service .k-dropdown .k-dropdown-wrap .k-input,
.service .k-dropdown .k-dropdown-wrap .k-select {line-height: 22px;}

.k-window-content.k-content .k-dropdown { height: 29px !important; }
.k-window-content.k-content .k-dropdown .k-dropdown-wrap .k-input,
.k-window-content.k-content .k-dropdown .k-dropdown-wrap .k-select { line-height:22px !important; }

/* 멀티 셀렉트 박스 */
.ui-widget { font-family:"맑은 고딕", "Malgun Gothic", sans-serif !important;}
button.ui-multiselect.ui-state-default {height: 37px !important; border: 1px solid #959595; background: #fff; font-size: 13px;
    color: #6d6d6d; box-sizing: border-box; padding-left: 8px; border-radius: 0;}
button.ui-multiselect.ui-state-default:hover {border-color: #007eff;}
button.ui-multiselect .ui-icon {background: url(/img/common/select_icon.png) no-repeat center; margin-right: 5px;}
.ui-multiselect-header {font-size: 14px; background: #fff; padding: 6px 7px 8px 4px; border: 0; border-bottom: 1px solid #cdcdcd; border-radius: 0;}
.ui-multiselect-checkboxes li{background: #fff; font-size: 13px; line-height: 20px; height: 30px;}
.ui-multiselect-checkboxes .ui-state-hover {border: 0px;background: #007eff; color: #fff; font-size: 13px; line-height: 20px;}

/* 링크 스타일 */
.hover_under{ color:#2476dd; text-decoration:underline;  }
.hover_under:hover{ text-decoration:underline;  cursor:pointer; text-decoration-skip: ink; }


/*--------------------------------------------------------------------------*/
/* 설정
-----------------------------------------------------------------------------*/

button,input,checkbox,selectbox{outline: none;}

/*pleaceholder에 대한 크로스브라우징 값  180920 oja*/
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */color:transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent;}

::placeholder{ color:#a4a4a4 !important; }
:-ms-input-placeholder{ color:#a4a4a4 !important; }
::-ms-input-placeholder{ color:#a4a4a4 !important; }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */-webkit-text-fill-color: #2476DD;}
input:-webkit-autofill:focus {-webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset; -webkit-text-fill-color: #2476DD;}
.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget{color:#6d6d6d;}

/* 입력박스 number 설정 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* 콤보박스 */
.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default, 
.k-autocomplete.k-state-disabled, .k-dropdown-wrap.k-state-disabled, .k-numeric-wrap.k-state-disabled, .k-picker-wrap.k-state-disabled
{border-color:#959595;background-color:#fff;border-radius:0;}
.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused,
	.k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused{box-shadow:none;border:1px solid #90c31f;}
.k-state-default>.k-select, .k-state-disabled>.k-select{border-color:transparent;}
strong + .k-dropdown .k-input{line-height:17px;}
strong + .k-dropdown .k-dropdown-wrap.k-state-default .k-icon:before,
strong + .k-dropdown .k-dropdown-wrap.k-state-disabled .k-icon:before{top:-4px;}
.k-i-arrow-60-down:before{color:#014099;}
.k-popup .k-list .k-item{font-size:12px;font-weight:normal;color:#6d6d6d;}
.k-popup .k-list .k-item.k-state-focused, .k-popup .k-list .k-item.k-state-selected.k-state-focused{color:#fff;}

.k-widget.k-datepicker {width: 130px;}
.k-widget.k-datepicker .k-input {padding-left: 6px;}
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default,
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-disabled{position:relative;}
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default input,
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-disabled input{padding:0 5px;height:26px;color:#343434;line-height:16px; text-align:left; box-sizing:border-box;}
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default .k-select
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-disabled .k-select{position:absolute;top:-1px;right:10px;height:21px;}

/*캘린더*/
.k-group, .k-popup {background-color: #fff;} /* 배경 일부 회색으로 표시되지 않도록 처리 */
.k-calendar .k-content .k-link{ padding:0 !important; text-align:center !important;}
.k-calendar .k-year tbody tr[role='row'] {height: 60px;}
.k-calendar .k-today .k-link{ border:0 !important;}
.k-calendar .k-grid-header th.k-state-focused, 
.k-calendar:not(.k-calendar-range) .k-list > .k-state-focused, 
.k-calendar:not(.k-calendar-range) .k-listview > .k-state-focused, 
.k-calendar:not(.k-calendar-range) .k-state-focused, 
.k-calendar:not(.k-calendar-range) td.k-state-focused {background-color:#007eff;}
.k-list-container{background-color:#fff;}
.k-popup>.k-group-header {background:#fff; display:none !important;}
.k-list-container.k-state-border-up{background-color:#fff;}
.k-list>.k-state-selected{background-color:#007eff;}
.k-calendar .k-today{box-shadow:none;}
.k-calendar .k-today:hover .k-link{color:#fff !important;}
.k-calendar .k-today.k-state-focused .k-link, 
.k-calendar .k-today.k-range-start .k-link, 
.k-calendar .k-today.k-range-end .k-link{box-shadow: inset 0 0 0 1px #007eff; background: #007eff; color:#fff;}
.k-calendar .k-today.k-state-hover .k-link {box-shadow: inset 0 0 0 1px #a99f9a !important; background: #a99f9a !important; color:#fff;}
.k-calendar .k-today .k-link{box-shadow: inset 0 0 0 1px #faab00; background: #faab00; color:#fff;}
.k-state-selected, .k-state-focused{background-color:#007eff;}
.k-grid .k-state-hover, .k-grid .k-alt.k-state-hover{background-color:#f5f5f5;}
.k-combobox-clearable .k-input{padding-right:0;}
.k-combobox>.k-dropdown-wrap>.k-i-close,
.k-combobox>.k-dropdown-wrap.k-state-focused>.k-i-close, .k-combobox>.k-dropdown-wrap.k-state-hover>.k-i-close{display:none;}

/** calendar picker 달력 css */
.k-i-calendar{width:22px;height:21px;vertical-align:middle;margin: 0 2px 2px;}
.k-i-calendar:before{content:"";width:22px;height:21px;background:url(/img/common/btn_calendar.png) no-repeat 0 0;}
.k-calendar .k-header {width: 260px; margin: 8px 0; font-size: 16px; font-weight: 600; background-color:#fff; border-color:#fff;}
.k-calendar .k-calendar-header {margin: 0 30px auto; font-size: 16px; font-weight: 600;}
.k-calendar .k-calendar-view {margin: 0 auto;}
.k-calendar .k-content th {background-color:#fff; color:inherit; border-color:#fff;}
.k-calendar .k-nav-prev .k-icon, .k-calendar .k-nav-next .k-icon {height:35px;}
.k-calendar .k-nav-prev .k-icon {background: url(/img/common/datepicker_left.png) no-repeat center 1px !important;}
.k-calendar .k-nav-next .k-icon {background: url(/img/common/datepicker_right.png) no-repeat center 1px !important;}
.k-calendar .k-nav-prev .k-icon.k-i-arrow-60-left::before,
.k-calendar .k-nav-next .k-icon.k-i-arrow-60-right::before {display: none;}
.k-calendar td .k-link:hover {color:#fff;}
.k-calendar td:not(.k-today).k-state-focused, .k-calendar td.k-state-focused .k-link,
.k-calendar td.k-state-selected .k-link, .k-calendar td.k-state-selected {
	background-image: linear-gradient(transparent 1px,rgb(15, 134, 255) 1px,rgb(12, 132, 255) calc(100% - 1px),transparent calc(100% - 1px));
	background-color: transparent; border-color:#007eff; color:#fff; box-shadow: none;}
.k-calendar td.k-state-focused.k-state-hover, .k-calendar td.k-state-focused.k-state-hover .k-link, .k-calendar td.k-state-focused:hover
.k-calendar td.k-state-selected.k-state-hover, .k-calendar td.k-state-selected.k-state-hover .k-link, .k-calendar td.k-state-selected:hover {
	background-image: linear-gradient(transparent 1px,rgb(169, 159, 154) 1px,rgb(169, 159, 154) calc(100% - 1px),transparent calc(100% - 1px));
	background-color:#a99f9a !important; border-color:#a99f9a; color:#fff;box-shadow: inset 0 0 2px 1px #a99f9a;}
.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer .k-nav-today:hover {color: #007eff; margin-bottom: 5px; padding: 8px 5px;}

/** range calendar picker 달력 css */
.k-daterangepicker .k-dateinput {width: 145px;}
.k-daterangepicker .k-dateinput .k-textbox {background:url(/img/common/btn_calendar.png) no-repeat 115px 7px !important;}
.k-calendar-range .k-calendar-header {margin: 10px 0;}
.k-calendar-range .k-calendar-header .k-button.k-title {position: absolute; width: 438px; margin: 0 30px auto;font-size: 16px; font-weight: 600; color: #000;}
.k-calendar-range .k-calendar-nav {position: relative; float: none;}
.k-calendar-range .k-calendar-nav .k-button.k-button-icon .k-icon {height:35px;}
.k-calendar-range .k-calendar-nav .k-button.k-button-icon.k-prev-view .k-icon {background: url(/img/common/datepicker_left.png) no-repeat center !important;}
.k-calendar-range .k-calendar-nav .k-button.k-button-icon.k-next-view{float: right;}
.k-calendar-range .k-calendar-nav .k-button.k-button-icon.k-next-view .k-icon {background: url(/img/common/datepicker_right.png) no-repeat center !important;}
.k-calendar-range .k-calendar-nav .k-button.k-button-icon .k-icon.k-i-arrow-60-left::before,
.k-calendar-range .k-calendar-nav .k-button.k-button-icon .k-icon.k-i-arrow-60-right::before {display: none;}
.k-calendar-range .k-calendar-view {width: 530px;}
.k-calendar-range .k-content:first-child {margin-right:45px;}
.k-calendar-range td.k-state-hover .k-link, .k-calendar-range td.k-state-focused .k-link{color:#fff;}
.k-calendar-range .k-content td.k-range-start, .k-calendar-range .k-content td.k-range-end {border-radius: 4px;}

  /* IE 전용 (background-color 없으면 그라데이션 들어가서 다른 브라우저랑 디자인이 달라짐) */
.k-edge .k-calendar-range td.k-range-end, .k-edge .k-calendar-range td.k-range-mid, 
.k-edge .k-calendar-range td.k-range-start, .k-ie .k-calendar-range td.k-range-end, 
.k-ie .k-calendar-range td.k-range-mid, .k-ie .k-calendar-range td.k-range-start{
	background-image: linear-gradient(transparent 1px,rgb(220, 238, 255) 1px,rgb(221, 238, 255) calc(100% - 1px),transparent calc(100% - 1px)); 
	background-color: rgba(220, 237, 254, 1); }
.k-ie .k-calendar td:not(.k-today).k-state-focused, .k-ie .k-calendar td.k-state-focused .k-link,
.k-ie .k-calendar td.k-state-selected .k-link, .k-ie .k-calendar td.k-state-selected {background-color: #007eff; box-shadow: none;}
	
  /* 그외 */
.k-calendar-range td.k-range-end, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-start {background-image: linear-gradient(transparent 1px,rgb(220, 238, 255) 1px,rgb(221, 238, 255) calc(100% - 1px),transparent calc(100% - 1px));}
.k-calendar-range td.k-state-focused .k-link {box-shadow: inset 0 0 2px 1px #007eff;}
.k-calendar-range td.k-state-focused .k-link {background-image: linear-gradient(transparent 1px,rgb(15, 134, 255) 1px,rgb(12, 132, 255) calc(100% - 1px),transparent calc(100% - 1px)); background-color:transparent;}
.k-calendar-range td.k-today:not(.k-range-start):not(.k-range-end).k-state-focused .k-link {
background-image: linear-gradient(transparent 1px,rgb(250, 171, 0) 1px,rgb(250, 171, 0) calc(100% - 1px),transparent calc(100% - 1px)); 
background-color: rgba(249, 170, 0, 1); box-shadow: inset 0 0 2px 1px #faab00;}
.k-calendar-range td.k-state-selected .k-link {background-color:#007eff; border-color:#007eff;}
.k-calendar-range td.k-range-split-start::after, .k-calendar-range td.k-range-split-end::after {background-image: none;}
.k-calendar-range .k-today:not(.k-range-start):not(.k-range-end):not(.k-state-hover) .k-link {box-shadow: inset 0 0 0 1px #faab00;}
.k-calendar-range .k-footer .k-nav-today, .k-calendar-range .k-footer .k-nav-today:hover {color: #007eff; margin-bottom: 15px; padding: 3px 16px;}

.k-state-focused, .k-state-hover{ border-color:#007eff !important;}


/* 체크박스 */
.k-radio, input.k-checkbox{height:0;}
.k-checkbox-label:before{top:1px;border-radius:0;}
.k-checkbox:focus+.k-checkbox-label:before{border-color:#b6b6b6;box-shadow:none;}
.k-checkbox:checked+.k-checkbox-label:before{content:"";background:#fff url(/img/grid/ico_check.png) no-repeat 50% 50%;}
.k-checkbox:checked+.k-checkbox-label:before, .k-checkbox:checked:active+.k-checkbox-label:before{box-shadow:none;border-color:#2A79DE;}
body .k-radio:checked+.k-radio-label:active:before{box-shadow:none;border-color:#2A79DE;}
.k-radio:checked+.k-radio-label:after{width:8px;height:8px;top:7px;left:4px;background-color:#2A79DE;}
.k-radio.sms:checked+.k-radio-label.sms:after{width:8px;height:8px;top:7px;left:4px;background-color:#faab00;}
body .k-checkbox:checked+.k-checkbox-label:before, 
body .k-checkbox:checked:active+.k-checkbox-label:before{box-shadow:none;border-color:#898989;}
body .k-checkbox-label:active:before, body .k-radio:focus+.k-radio-label:before, body .k-radio-label:active:before,
body .k-checkbox:active+.k-checkbox-label:before{box-shadow:none;border-color:#bfbfbf;}
.k-checkbox:checked:disabled+.k-checkbox-label:active:before, .k-checkbox:checked:disabled+.k-checkbox-label:before, 
.k-checkbox:checked:disabled+.k-checkbox-label:hover:before, .k-checkbox:disabled+.k-checkbox-label:before{border-radius:0;}
.k-checkbox-label{line-height:17px;font-size:13px;padding-left:23px;vertical-align:top;color:#6d6d6d;}
.k-radio-label{line-height:21px;font-size:13px;padding-left:23px;vertical-align:top;color:#6d6d6d;}
.k-grid .k-checkbox-label, .k-grid .k-radio-label{vertical-align:text-top;}

/* 그리드  */
.k-grid .k-grid-header{background:#EBF2FB;}
.k-grid .k-grid-footer{border-top:1px solid #595959;border-bottom:0;background-color:#fff;}
.k-grid .k-grid-footer tbody td{font-size:13px;color:#333;font-weight:bold;border-left:0;border-bottom:0;background-color:#fff;}
.k-grid .k-selectable .k-reset{color:#333;font-weight:bold;}
.k-grid .k-selectable .k-group-footer td{font-weight:bold;background-color:#fff;}
.k-grid .k-selectable .k-group-footer .k-group-cell{background-color:#eae8e8;}
.k-grid-header table th input.k-textbox { border-color:#98ACC5 !important;}
.k-grid input.k-textbox{font-size:13px; height: 30px;}

.k-ie input.k-textbox { height: 37px; text-indent: 0.57em; }
.k-ie .grid_default input.k-textbox {height: 28px;}
input.k-textbox{font-size:13px; height: 37px;}
.k-button:focus, .k-button:hover, .k-button:active:hover{background-image:none;}
.k-dateinput.k-state-disabled>.k-textbox:hover, 
.k-maskedtextbox.k-state-disabled>.k-textbox:hover, 
.k-multiselect.k-header, input.k-textbox, textarea.k-textbox{border-color:#d9d9d9;}
input.k-textbox:hover {border-color: #007eff;}
.k-radio-label:before{top:3px;border-color:#8c8c8c;}
.k-grid-norecords-template{width:auto;padding:0 10px;box-sizing:border-box;}
.k-virtual-scrollable-wrap > .k-grid-norecords > .k-grid-norecords-template{ top:50%;left:50%;margin-left:-10em;margin-top:-2em;position:absolute}
.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, 
input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover{color:#6d6d6d;}
.k-grid-header th.k-header { vertical-align: middle;}
.grid_noti{ width:auto; }

.k-grid-content.k-auto-scrollable table tr td:first-child{ text-align:center;}

/*--------------------------------------------------------------------------*/
/* header
-----------------------------------------------------------------------------*/
#header{position:absolute;top:0;left:0;width:100%; min-width:1200px; height:100px;z-index:1000;padding:0;box-sizing:border-box;background-color:#fff;}
#header .logo{position:absolute;top:0px;left:15px;z-index:1001;}
#header .header_inner{box-sizing:border-box; margin-top: 33px;}
#header .header_top{height:40px; text-align:right;}
.login_info { float:right; margin-right: 10px;}
.login_info .btn_group{display:inline-block;}
.login_info .btn_group li{display:inline-block; float:left; height:100%; line-height:34px; color:#4b4b4b; }
.login_info .btn_group li a{ display:inline-block; height:100%;padding:0 15px 0 43px; }
.login_info .btn_group li a:hover{color:#295EA9; font-weight:600; }
.login_info .btn_group li:first-child a:hover{ padding-left:42px; }
.login_info .btn_group li:last-child{ margin-top: 5px; padding:0 7px 0 55px;  background:url(/img/common/header_top_m_icon_on.png) no-repeat 16px 10px;}
.login_info .btn_group li:last-child .user_sec{ float:left;}
.login_info .btn_group li:last-child .user_sec .txt u{ margin-right:5px; letter-spacing: 0.5px;}
.login_info .btn_group li:last-child .user_sec .date{ margin-left:9px;font-weight:600; color:#faab00; letter-spacing:-.5px;}
.login_info .btn_group li:last-child button{ float:left;}
.login_info .btn_group li:last-child button.extension_btn{ margin:8px 0 0 6px; width:16px; height:16px; background:url(/img/common/header_top_m_icon_plus.png) no-repeat center;}
.login_info .btn_group li:last-child button#logout{ margin:6px 15px 0 12px !important; }

#header .g_btn_search{position:absolute;top:80px;right:50px;z-index:1001;width:25px;height:25px;background:url(/img/common/btn_search.png) no-repeat 0 0;}
#header .g_btn_search.opened{background:url(/img/common/btn_search_closed.png) no-repeat 0 0;}

#header.opened{border-bottom:1px solid #aaaaaa; }
#header.opened:after{ z-index:1001; content:"";position:absolute;top:132px;left:0;width:100%;height:1px;}

.gnb{  position:relative; float:left;  margin:0 0 0 200px; width:auto !important;background-color:#fff;z-index:1000; }
.gnb > .inner{ width:100%; box-sizing:border-box; }
.gnb > .inner > ul {float:left;}
.gnb > .inner > ul > li{float:left; box-sizing:border-box; width:160px !important; }
.gnb > .inner > ul > li:after{ position:absolute; top:16px; display:block; content:''; width:2px; height:11px; background:#D0D0CE;}
.gnb > .inner > ul > li:first-child:after{ display:none;}
.gnb > .inner > ul > li > a{ position:relative; display:inline-block; width:100%; height: 60px; text-align:center;font-size:18px;
							font-weight:bold;color:#010101;line-height:40px;}
.gnb > .inner > ul > li > a:hover{color: #007eff;}
.gnb > .inner > ul > li.on > a{border-bottom:3px solid #00008b;}
.gnb > .inner > ul > li > a img{vertical-align:middle;}

/*--------------------------------------------------------------------------*/
/* footer
-----------------------------------------------------------------------------*/
#footer{ clear:both; padding-top:23px;min-height:74px;box-sizing:border-box;font-size:14px;font-weight:bold;color:#95928d;}
.footer_inner .hyosungLogo{position:absolute;top:5px;right:0;}
.footer_inner.ie7{height:55px;}
#footer.login_footer, .login_footer{margin-top:40px;border-top:0;background:url(/img/common/login_footer_bg1.jpg) repeat-x 0 96px;}
.login_footer_bg{*margin-top:63px;margin-bottom:23px;height:200px;background:transparent url(/img/common/login_footer1.png) no-repeat 50% 0;}
.login_footer .footer_inner{position:relative;min-height:50px;}
.footer_inner .copyright { font-weight:600;color:#5F5F5F; margin-top: 10px;}
.footer_inner .tel {font-weight: 100; margin-left: 10px;}


/* ################################################## MAIN ################################################## */

.main_content_box{ clear:both;float:left; width:100%; min-width:1000px; padding:30px 0; background:#f0f7ff;}
.main_sep_box{ position:relative; width:135px; float:left;}
.main_left {width: 1107px;}

/* 청구현황, 결제현황, 미납현황, 만료현황 */
.main_sep_box.member {width: 430px; height: 50px; background: #fff; font-size: 18px; font-weight: bold; border: 1px solid #d7d7d7; border-bottom: 0; }
.main_sep_box.member .normal {font-size: 15px; font-weight: normal; }
.main_sep_box.n01 {width: 430px; height: 200px; background: #fff; border: 1px solid #d7d7d7; border-top: 0;}
.main_sep_box.n02 {margin-left: 10px;}
.main_sep_box.n02, .main_sep_box.n03 { margin-right: 1px; }
.main_sep_box.n02:after, .main_sep_box.n03:after {display: block; content: ''; position: absolute; top: 40px; right: 0; height: 60px; border-right: 1px solid #d2d2d2; }
.main_sep_box.n01 dl.n1 dd ul{height: 90px; line-height: 85px;}
.main_sep_box.n01 dl dd li:first-child{color: #000; font-size: 20px; font-weight: bold; }
.main_sep_box dl dt{ display:block; width:100%; padding:3px 5px; font-size:16px; font-weight:600; text-align:center; box-sizing:border-box; }
.main_sep_box.member {background:#ed796c; color: #fff;}
.main_sep_box.n02 dl dt{background:#bf6a8c; color: #fff;}
.main_sep_box.n03 dl dt{background:#8b69a9; color: #fff;}
.main_sep_box.n04 dl dt{background:#60a9cf; color: #fff;}
.main_sep_box.n01 a{color: #ed796c; font-size: 22px;}
.main_sep_box.n02 a{color: #bf6a8c;}
.main_sep_box.n03 a{color: #8b69a9;}
.main_sep_box.n04 a{color: #60a9cf;}

.main_sep_box dl dd{ display:block; width:100%; background:#fff; box-sizing:border-box; text-align:center;}
.main_sep_box dl dd li{display:inline-block; position:relative; width:130px; cursor: pointer;}
.main_sep_box dl.n1 dd li:nth-child(1){width: 80px;}
.main_sep_box dl.n1 dd li:nth-child(3){width: 180px;}
.main_sep_box dl dd li:first-child div{margin-top: 7px;}
.main_sep_box dl dd li:first-child:after,
.main_sep_box:not(.notice) dl dd li:nth-child(2):after{ display:block; content:''; position:absolute; top:35px; right:0; height:20px;border-right:1px solid #d2d2d2;}
.main_sep_box.n01 dl dd li:nth-child(1):after,
.main_sep_box.n01 dl dd li:nth-child(3):after,
.main_sep_box.n02 dl dd li:nth-child(2):after,
.main_sep_box.n03 dl dd li:nth-child(2):after,
.main_sep_box.n04 dl dd li:nth-child(2):after{ display:none;}
.main_sep_box dl dd strong{ display:block; font-size:15px; font-weight:600; color:#121212; padding:10px 0 0px 0;}
.main_sep_box dl dd a{ display:inline-block; font-weight:bold; letter-spacing:-1px; }
.main_sep_box dl:not(.n1) dd a{ font-size:20px; }
.main_sep_box dl dd span.num{ display:inline-block; font-size:15px; color:#626262; font-weight:bold; padding-left:4px; text-decoration:none !important;}

/* 공지사항 */
.main_sep_box.notice { width:430px; border: 1px solid #d7d7d7; }
.main_sep_box.notice dl dt { background: #fff; border-top: 2px solid #2060ba; color: #2060ba; font-weight:bold; text-align:left; height: 40px; border-bottom: 0; padding: 14px 20px; font-size: 16px;}
.main_sep_box.notice dl dd { height:200px; padding: 10px 15px;}
.main_sep_box.notice dl dd .noticeGrid{ position:relative; }
.main_sep_box.notice dl dd .noticeGrid .k-grid-header{ display:none; }
.main_sep_box.notice dl dd .noticeGrid table tr td{text-align:left; box-sizing:border-box; cursor:pointer;}
.main_sep_box.notice dl dd .noticeGrid table tr td:first-child{ color:#2a2a2a !important;}
.main_sep_box.notice dl dd .noticeGrid table tr td:nth-child(2){ font-size:13px !important; color:#9b9b9b !important; letter-spacing: 1px;}
.main_sep_box.notice dl dd .noticeGrid .k-grid-content.k-virtual-content {height:165px; overflow-y: auto;}
.main_sep_box.notice dl dd .noticeGrid table tr td img.new {float:left; margin:7px 5px 0 0;}

/* 배너영역 */
.mainBanner img { width: 430px; height: 88px; border: 1px solid #d7d7d7; }

/* 스케쥴러 */
.cover_sec_main .k-scheduler {float: left; border-top: 2px solid #2060ba;}
.cover_sec_main .k-scheduler .k-scheduler-toolbar{background: #fff; height: 37px; text-align: center; border-bottom: 1px solid #c5c5c5; }
.cover_sec_main .k-scheduler .k-scheduler-toolbar .k-scheduler-navigation {width: 100%;}
.cover_sec_main .k-scheduler .k-nav-current{line-height: 35px; font-size: 22px; font-weight: bold; color: #2060ba; }
.cover_sec_main .k-scheduler .k-scheduler-toolbar .k-nav-current.k-state-hover .k-link {color: #2060ba;}
.cover_sec_main .k-scheduler .k-nav-current.k-state-focused{box-shadow: none;}
/* .cover_sec_main .k-scheduler .k-nav-current .k-i-calendar{margin: 0 10px 3px;} */
.cover_sec_main .k-scheduler .k-nav-prev, .cover_sec_main .k-scheduler .k-nav-next {border-style: none; background: #fff;}
.cover_sec_main .k-scheduler .k-nav-prev {float: left;}
.cover_sec_main .k-scheduler .k-nav-next {float: right;}
.cover_sec_main .k-scheduler .k-state-hover {background-color: #fff !important;}
.cover_sec_main .k-scheduler .k-nav-prev .k-icon, .cover_sec_main .k-scheduler .k-nav-next .k-icon {height:35px;}
.cover_sec_main .k-scheduler .k-nav-prev .k-icon {background: url(/img/main/scheduler_left.png) no-repeat center 8px !important;}
.cover_sec_main .k-scheduler .k-nav-next .k-icon {background: url(/img/main/scheduler_right.png) no-repeat center 8px !important;}
.cover_sec_main .k-scheduler .k-scheduler-refresh, .cover_sec_main .k-scheduler .k-nav-today, 
.cover_sec_main .k-scheduler .k-scheduler-content .k-resize-handle,
.cover_sec_main .k-scheduler .k-nav-current .k-icon.k-i-calendar,
.cover_sec_main .k-scheduler .k-nav-prev .k-icon.k-i-arrow-60-left::before,
.cover_sec_main .k-scheduler .k-nav-next .k-icon.k-i-arrow-60-right::before {display: none;}
.cover_sec_main .k-scheduler-table tbody tr th:nth-child(1){color: #c90808;}
.cover_sec_main .k-scheduler-table .k-other-month {color: #c5c5c5; }
.cover_sec_main .k-scheduler-table tr td {height:108px;} 
.cover_sec_main .k-scheduler-table tr td:not(.k-other-month){font-weight: bold;}
.cover_sec_main .k-scheduler-table tr td.k-other-month:nth-child(1)  {color: #c9080894 !important;}
.cover_sec_main .k-scheduler-table tr td:nth-child(1){color: #c90808;}
.cover_sec_main .k-scheduler-table .k-today {background: #fff0c2;}
.cover_sec_main .k-scheduler-content .k-event-template {color: #fff; padding: .4em;}
.cover_sec_main .k-scheduler-content .k-event-actions .k-event-delete {display:none;}

/* ##################################################   MAIN 끝 ########################################################*/

/*--------------------------------------------------------------------------*/
/* content
-----------------------------------------------------------------------------*/
#tabStrip, #tabStrip.k-widget, .tabstrip, .tabStrip.k-widget{border:0;border-top:0;}
#container .k-content{padding: 0;}
.k-grid + .k-tabstrip-wrapper, .grid_line + .k-tabstrip-wrapper{margin-top:20px;}
.right-box .btn_group{margin-top:30px;}
em.ess{display:inline-block;width:4px;height:10px;margin-right:5px;background:url(../../resources/img/icon/ico_dot_orange.png) no-repeat 50% 50%;}

.k-tabstrip{background-color:#fff;}
.g_title_03 + .line_box, .g_title_03 + form > .line_box{border-top:0;}

/* table */
.mainPage .k-grid{ border:0 !important;}
.mainPage .k-grid .k-grid-header{border-left:0;}
.mainPage .k-grid tr:hover{background-color:#ececec;}
.mainPage .k-grid .k-alt:hover{background-color:#ececec;}
.mainPage .k-grid .k-state-selected, .k-grid .k-alt.k-state-selected, .k-grid .k-alt.k-state-selected:hover,  .k-grid tr.k-state-selected:hover{color:#2e2e2e;background-color:none !important; border-color:none !important;}
.mainPage .k-grid tbody tr td{max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:0 3px !important;line-height:28px !important;border-color:none !important; border-bottom:none !important;color:#6d6d6d;font-weight:normal;}
.mainPage .k-grid td{ border:none !important;}

.k-grid{border:0; border-bottom:1px solid d6d6d6;text-align:center;}
.k-grid .k-grid-header{border-left:1px solid transparent;background-image:none;}
.no_aside .k-grid .k-grid-header{border-left:0;}
.k-grid .k-grid-header .k-header{position:relative; color:#333;font-size:13px;text-align:center;font-weight:bold;}
.k-grid .k-grid-header .k-header.next_year{color:#999;}
.k-grid tr:hover{background-color:#f5f5f5;background-image:none;}
.k-grid .k-grid-norecords:hover{background-color: #fff;background-image:none;}
.k-grid .k-alt{background:#fff;}
.k-grid .k-alt:hover, #container .k-grid .k-state-hover{background-color:#f5f5f5;}
.k-grid .k-state-selected, .k-grid .k-alt.k-state-selected, .k-grid .k-alt.k-state-selected:hover,  .k-grid tr.k-state-selected:hover{color:#2e2e2e;background-color:#e8e8e8;border-color:#f5f5f5;}
.k-grid tbody tr:not(.k-grid-norecords) td{max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:2px .6em 2px .6em;line-height:1.91em;border-color:#e4e1dc;
					text-align:center; border-bottom:1px solid #e4e1dc;color:#6d6d6d;font-weight:normal;}
.k-grid tbody tr td:first-child .k-checkbox {margin-left: 4px;}
.k-grid-content-locked table tbody tr td:first-child{ text-align:center;}
.k-grid .k-grid-header .k-header.chk_ell, .k-grid tbody tr td.chk_ell{text-overflow:clip;text-align:center;}
.k-grid-content-locked, .k-grid-header-locked{border-right:1px solid #2A79DE;}

.k-grid-virtual .k-grid-content .k-grid-table {position:relative; float:left; z-index:1;}

.posi_wrap{position:relative;width:100%;}
.posi_r{position:absolute;top:0px;right:0;}
.posi_r .k-checkbox:checked+.k-checkbox-label:before{content:"";background:#fff url(../../resources/img/icon/ico_check.png) no-repeat 50% 50%;}
.posi_r .k-checkbox:checked:disabled+.k-checkbox-label:hover:before {background:#fff url(../../resources/img/icon/ico_check.png) no-repeat 50% 50%;}

/* form */
input.k-textbox, .k-widget.k-datepicker.k-header{ width:110px; border-radius:0;vertical-align:top; margin-right:0}
input.k-textbox:focus {border:1px solid #007eff;box-shadow:none;}

.ele_txt{display:inline-block; vertical-align:top;}
strong.ele_txt{color:#333;}
input + .ele_txt{margin-left:8px;}
.ele_txt + input{margin-left:8px;}
.ele_txt.w50{width:50px;}
.ele_txt.w50 + input{margin-left:0px;}
input + .ele_txt.ml0{margin-left:0;}
.k-combobox + .ele_txt{margin-right:4px;margin-left:3px;}
.k-combobox + .ele_txt + .k-combobox + .ele_txt{margin-right:0;}
.k-dropdown + .ele_txt{margin-right:4px;margin-left:3px;}
.k-dropdown + .ele_txt + .k-dropdown + .ele_txt{margin-right:0;}

.form_wrap{position:relative; }

textarea{height:40px;box-sizing:border-box;padding:2px .3em;border:1px solid #b4b4b4;color:#6d6d6d;text-indent:0;line-height:1.6;background-color:#fff;overflow-y:auto;resize:none;}
textarea:focus, textarea:hover{outline:none;border:1px solid #007eff;}
textarea.plus{width:650px;border-color:#d9d9d9;}
textarea.plus:hover{border-color:#007eff;}

/** 파일업로드 */
.upload_wrap{display:inline-block;width:100%;overflow:hidden;}
.upload_wrap .k-upload{float:left; width:100%; height:28px;border-radius:0;border-color:#959595;background-color:#fff;}
.upload_wrap .k-upload .k-upload-files{line-height:17px; padding:0;border:0;}
.upload_wrap .k-upload .k-upload-files .k-file{padding:0;border:0;}
.upload_wrap .k-upload .k-upload-files .k-file .k-file-invalid-extension-wrapper,
.upload_wrap .k-upload .k-upload-files .k-file .k-file-extension-wrapper,
.upload_wrap .k-upload .k-upload-files .k-file .k-file-validation-message,
.upload_wrap .k-upload .k-upload-files .k-file .k-progress,
.upload_wrap .k-upload .k-upload-files .k-file .k-file-size{display:none;background-color:#fff;}
.k-upload-files .k-upload-status{top:2px;display:none;}
.k-file-name-size-wrapper{vertical-align:top;width:100%;}
.k-file-name-size-wrapper .k-file-name{line-height:18px;color:#6d6d6d; margin-top:4px;max-width:96%;}
.k-file-name-size-wrapper .k-file-name.k-file-name-invalid{color:#ff0000;}
.upload_wrap .k-upload .k-upload-button{position:absolute;top:-1px;right:-72px;min-width:67px;height:30px;line-height:28px; background-color:#5476a1; border-radius:0; border:0; box-shadow:none; background-image: none }
.upload_wrap .k-upload .k-upload-button:hover{  background-color:#456287;}
.upload_wrap .k-upload-sync .k-upload-button{margin:0;box-shadow:none;padding:0 5px;line-height:28px;font-size:12px; }
.upload_wrap .k-upload-sync .k-upload-button span{font-size:12px; font-weight:600; color:#fff;letter-spacing:-1px;font-family:"맑은 고딕", "Malgun Gothic", "sans-serif" !important;}
.upload_wrap .k-upload + button{margin-left:5px;}
.upload_wrap .right{float:right;}


/*--------------------------------------------------------------------------*/
/* popup
-----------------------------------------------------------------------------*/
div.k-window{border:0 !important;}
div.k-window .k-window-titlebar.k-header{position:relative;height:auto;min-height:auto;padding:17px 50px 17px 25px;border:0;box-sizing:border-box;background-color:#2476dd;background-image:none;}
div.k-window .k-window-titlebar.k-header .k-window-title{position:static;top:auto;right:auto;font-size:20px;color:#fff;font-weight:bold;letter-spacing:-1px;}
div.k-window .k-window-titlebar.k-header .k-window-actions{top:50%;right:27px;margin-top:-14px;padding:0;opacity:9;}
div.k-window .k-window-titlebar .k-window-action{width:22px;height:22px;opacity:9;padding:0;}
div.k-window .k-window-titlebar .k-window-action .k-icon.k-i-close{display:inline-block;width:22px;height:22px;background:url(/img/common/btn_pop_closed.png) no-repeat 0 0;}
div.k-window .k-window-titlebar .k-window-action .k-icon.k-i-window-restore{position:absolute;right:40px;display:inline-block;width:22px;height:22px;background:url(/img/common/btn_pop_minimized.png) no-repeat 0 0;}
div.k-window .k-window-titlebar .k-window-action .k-icon.k-i-window-minimize{position:absolute;right:40px;display:inline-block;width:22px;height:22px;background:url(/img/common/btn_pop_min.png) no-repeat 0 0;}
div.k-window .k-window-titlebar.k-header .k-window-actions .k-icon:before{display:none;}
div.k-window div.k-window-content{ overflow:none !important; padding:30px;}

/* 팝업 폰트 12 */
.head_title .g_title_01{border-bottom:0;}

/*로그인 연장 팝업 180920 oja*/
.popup_layout_basic{width:100%; }
.popup_body .logout_extend{ width:100%; text-align:center; float:left;}
.logout_extend .logo{ display:inline-block; }
.logout_extend .countdown{ float:left; width:100%; background:#f2f8ff; padding:13px; margin:30px 0 20px 0; box-sizing:border-box; vertical-align:middle; }
.countdown strong{ display:inline-block; float:left; font-size:16px; color:#090909; letter-spacing:-.5px; line-height:28px;}
.countdown .sec{ float:right; width:126px; height:30px; background:#fff; border:1px solid #959595; padding:5px; box-sizing:border-box; font-size:18px; color:#d42331; line-height:18px; font-weight:600; text-align:center; }
.logout_extend .noti{ clear:both; margin:10px 0 30px 0 ; padding:0 0 0 10px; box-sizing:border-box;}
.logout_extend .noti p{ padding:2px 0; text-align:left; font-size:13px; color:#434343; font-weight:600;}
.logout_extend .noti p:before{ display:inline-block; content:'*'; margin-right:3px; }
.logout_extend button{margin:0 2px;}

/* 체크박스 정렬문제 */
.k-grid .k-grid-header .k-header .k-checkbox-label:before{left:2px;}
.cfg0310 .k-grid .k-grid-header .k-header .k-checkbox-label:before{left:0px;}

/* k-numerictextbox */
.k-numeric-wrap .k-icon.k-i-warning {display:none !important;}
span.k-numerictextbox{vertical-align:top ! important;border-radius:0; padding:0;}
span.k-numerictextbox .k-numeric-wrap{height:28px;border:1px solid #b4b4b4;padding: 3px 5px;}
span.k-numerictextbox .k-numeric-wrap.k-state-default{height:21px;}
span.k-numerictextbox .k-numeric-wrap.k-state-focused, span.k-numerictextbox .k-numeric-wrap.k-state-hover{border-color: #007eff !important;}
span.k-numerictextbox .k-numeric-wrap.k-expand-padding .k-input{border-radius:0;padding:0;height:20px;line-height:16px;color:#6d6d6d;}

/* tooltip 스타일 */
.k-chart-crosshair-tooltip, .k-chart-shared-tooltip, .k-widget.k-tooltip {background-color: #ffc718 !important; background-image: none !important;}
.k-callout-n {border-bottom-color: #ffc718;}
.k-callout-w {border-right-color:#ffc718;}
.k-tooltip .k-tooltip-button {display: none;}
.k-tooltip .k-tooltip-content {padding: 10px; font-size: 9.5pt;}
.k-tooltip .k-tooltip-content div:not(:last-child) {margin-bottom: 6px;}
.k-tooltip .k-tooltip-content .first {font-weight: bold;}
.k-tooltip .k-tooltip-content .second {padding-left: 10px;}
.k-tooltip-content{text-align: left;}

/*form 스타일 180920 oja*/
.k-widget.k-dropdown.k-header.select_box.normal{ border:0;} 
.select_box.normal .k-dropdown-wrap.k-state-default > .k-state-selected, 
.select_box.normal .k-dropdown-wrap.k-state-default >.k-state-focused { color:#fff !important; border:none; background:#7ea9e0; /*background:url(/img/common/selected_background_img_blue.jpg) repeat-x ;*/ }
.select_box.normal .k-dropdown-wrap.k-state-default > .k-state-selected a, 
.select_box.normal .k-dropdown-wrap.k-state-default > .k-state-focused a { color:#fff !important;}
.grid_default .k-state-selected a, .grid_default .k-state-focused a{color:#313131 !important;}
.k-popup .k-list .k-item:hover{ background:url(/img/common/selected_background_img_blue.jpg) repeat-x !important; color:#fff !important}

.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before{ height:1.75em;}
.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox>input {text-indent:0;}
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select{ width:auto !important; }

/*그리드 스타일 180920 oja*/
.grid_top{ width:100%; box-sizing:border-box; padding:20px 0px 5px 0px;  overflow:hidden; }
.grid_top2{ width:100%; box-sizing:border-box; padding:0px;  overflow:hidden; }

.grid_default{ border-bottom:2px solid #007eff }
.grid_default .k-grid-header{ border:0; border-top:2px solid #007eff; border-bottom:1px solid #d6d6d6;}
.grid_default .k-grid .k-grid-header{ border-bottom:1px solid #d6d6d6 !important; }
.grid_default .k-grid-header-locked{ /*border-top:2px solid #2476dd !important; border-bottom:1px solid #d6d6d6;*/}
.grid_default .k-grid-content-locked {}
.grid_default .k-grid-content-locked > table{ width:100% !important;}
.grid_default .k-grid-header-wrap.k-auto-scrollable{ /*border-top:2px solid #2476dd !important;border-bottom:1px solid #d6d6d6; border-right-color:transparent;*/ border-right-color:#d6d6d6; }
.grid_default table th{ padding:4px !important; background:#ebf2fb; border-color:#d6d6d6; text-align:center;}
.grid_default .k-filtercell>.k-operator-hidden{ padding-right:0 !important; }
.grid_default .k-filtercell>span { padding-right:0 !important; }
.grid_default table th .k-filtercell, .k-filtercell .k-widget, .k-filtercell>span ,
.grid_default .k-dropdown-wrap.k-state-default { height:28px; border-color:#98acc5 !important; padding: 0 !important;}
.grid_default .k-autocomplete .k-input{ height:100%; padding:0 3px; box-sizing:border-box;}
.grid_default .k-combobox-clearable .k-input{ height:100% !important; padding:0 3px; }
.grid_default .k-filter-row .k-dropdown-operator, .k-filtercell>span>.k-button { display:none !important;}
.grid_default >.k-grid-content.k-auto-scrollable{ width:100% !imortant; /*height:100% !important;*/ }
.grid_default > .k-nodata, .k-nodata > div { display:none !important; }
.grid_default .k-list-container{ background-color:#fff !important;}
.k-autocomplete.k-state-default{ height:28px;}
.k-tabstrip:focus { box-shadow:0 0 0px 0 rgba(0,0,0,.3)!important; box-shadow:0 !important; }

/* 그리드 내 입력박스 (숫자입력, 달력) */
.grid_default .k-textbox:hover {border-color: #2a79de; }
.grid_default .k-numerictextbox, .grid_default .k-datepicker {width:100%; padding:0;}
.grid_default .k-numerictextbox .k-state-default {border-color: #d9d9d9; background: #fff;}
.grid_default .k-numerictextbox .k-state-default .k-input { height: 22px; text-align: right; }
.grid_default .k-numerictextbox .k-state-default .k-icon {display: none;}
.grid_default .k-datepicker .k-picker-wrap { border-color: #d9d9d9; }

/* 페이지 타이틀 스타일 */
.page_title_wrap01 { width: 100%; margin: 0 auto; height: 50px; } /* 탭 있는 화면용 */
.page_title_wrap02 { width: 100%; margin: 0 auto; margin-bottom: 30px; } /* 탭 없는 화면용 */
.page_title_type01 { height:95px; background: #f0f7ff; border-bottom: 1px solid #c6d6e7;} /* 탭 있는 화면용 */
.page_title_type02 { height:55px; background: #f0f7ff; } /* 탭 없는 화면용 */
.page_title_tab01 { width: 1000px; margin: 0 auto; padding-top: 13px; }
.page_title_tab02 { width: 1550px; margin: 0 auto; padding-top: 13px; }
.page_title_table { width: 1550px; margin: 0 auto; padding-top: 15px; }
.page_title_font { font-size:18px; color:#2060ba; }

/* 테이블 스타일 180921 oja*/
.basic_table_wrap{ position:relative; width:100%; }
.table_title{ float:left; width:100%; padding:0 0 10px 0;}
.table_title.type2{  padding:0 0 5px 0 !important; border-bottom:2px solid #2476dd;}
.table_title.type3{ padding:0 0 5px 0;}

.table_title strong{ float:left; }
.title_name_type01{ display:block; width:auto; font-size:16px; color:#343434; }
.title_name_type02{ display:block; width:auto; font-size:15px; color:#2060ba; }
.title_name_type03{ display:block; width:auto; font-size:22px; color:#343434; }
.title_name_type04{ display:block; width:auto; font-size:18px; color:#2060ba; }

.k-block, .k-widget { line-height: normal !important;}
.line_h0 {line-height: 0 !important;}

.table_style_type01{ width:100%; border:2px solid; border-width:2px 0 2px 0; }
.table_style_type01 tr th{ padding:8px; background:#eee; height: 28px; border-bottom:1px solid #d6d6d6; text-align:left; border-left:1px solid #d6d6d6; vertical-align:middle; color:#343434; font-size:13px; }
.table_style_type01.table_search tr th{ padding-left: 17px; }
.table_style_type01.result tr th{ height: auto; }
.table_style_type01 tr th:first-child{ border-left:0;}
.table_style_type01 tr th.brline { border-right: 1px solid #d6d6d6; }
.table_style_type01 tr td{ padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; text-align:left; color:#343434; font-size:13px; }
.table_style_type01.request tr td{ padding:8px; background: none !important; border-bottom:1px solid #d6d6d6; text-align:left; color:#343434; font-size:13px;  }
.table_style_type01.request td .file_link{ overflow:hidden; }
.table_style_type01.request td .file_link a{ display:inline-block; color:#2476dd; text-decoration:underline; }

.table_style_type02{ width:100%; border:2px solid; border-width:2px 0 2px 0; }
.table_style_type02 tr th{ padding:8px 1px; box-sizing:border-box; text-align:cetner; background:#eee; border-bottom:1px solid #d6d6d6;   vertical-align:middle; color:#343434; font-size:13px; border-left:1px solid #d6d6d6;}
.table_style_type02 tr th:first-child, .table_style_type02 tr td:first-child{ border-left:0;}
.table_style_type02 tr td{ height:32px; padding:8px 1px; box-sizing:border-box; text-align:center; background:#fff; border-bottom:1px solid #d6d6d6; color:#343434; font-size:13px; border-left:1px solid #d6d6d6;}

.table_style_type03{ width:100%; font-size:13px; }
.table_style_type03 thead.th_border{ border:2px solid #2476dd; border-width:2px 0; }
.table_style_type03 tbody.tb_border_bottom{ border:2px solid #2476dd; border-width:0 0 2px 0;}
.table_style_type03 thead th , .table_style_type03 tbody th { padding:10px ; text-align:left; }
.table_style_type03 thead td , .table_style_type03 tbody td div { padding:10px 20px ; text-align:left; box-sizing:border-box; }
.table_style_type03 thead th , .table_style_type03 tbody th ,
.table_style_type03 thead td , .table_style_type03 tbody td { border-bottom:1px solid #d6d6d6; }
.table_style_type03 .board_title{ font-weight:600;}
.table_style_type03 tbody td a{ display:inline-block; color:#2476dd; text-decoration:underline;}
.table_style_type03 tbody td{ }
.table_style_type03 tbody td.border_content{   }
.table_style_type03 tbody td.border_content div{  width:100%;  height:360px; overflow-y:auto; }
.table_style_type03 tbody td.border_attach{  }
.table_style_type03 tbody td.border_attach div{ width:100%; height:150px; overflow-y:auto; }

.table_color_blue { border-color:#007eff; }
.table_color_blue tr th{ background:#f0f7ff; }
.table_color_deepblue { border-color:#2060ba; }
.table_color_deepblue tr th{ background:#2060ba; color: #fff; border-left:0; }

.table_style_type01 tr th.border-l, .table_style_type02 tr th.border-l {border-left:1px solid #d6d6d6;}
.table_style_type01 tr td.border-l, .table_style_type02 tr td.border-l {border-left:1px solid #d6d6d6;}
.table_style_type01 tr th.border-r, .table_style_type02 tr th.border-r {border-right:1px solid #d6d6d6;}
.table_style_type01 tr td.border-r, .table_style_type02 tr td.border-r {border-right:1px solid #d6d6d6;}
.table_style_type01 tr th.w_bg, .table_style_type02 tr th.w_bg{ background:#fff; }

.basic_table_wrap table tr.blue_line_top{ border:2px solid #2476DD; border-width:2px 0 0 0;}

.tab_box{  padding:0 !important; border:none !important; }
.tab_blue{border-bottom:1px solid #c6d6e7 !important; background: #f0f7ff;}
.tab_addr{border-bottom:1px solid #9f9f9f !important; }
.tab_box li{ min-width:128px; min-height:35px; border-radius:0 !important;  font-weight:600 !important; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:35px;}
.tab_box li.k-state-disabled{ background:#fff !important; }
.tab_box li.k-state-disabled .k-link{ color:#d6d6d6 !important;}
.tab_box li .k-link{ width:100%; border-radius:none  !important; padding:0 !important; }
.tab_box .k-state-default{ background:#fff !important; border-top: 1px solid #9f9f9f !important; border-left: 1px solid #9f9f9f !important; border-right: 1px solid #9f9f9f !important; }
.tab_box .k-state-default.unused .k-link { color:#d6d6d6 ;}
.k-tabstrip-items .k-loading{ border-top:none !important;}
.k-tabstrip-top .k-tabstrip-items .k-state-active{ margin-bottom:-1px !important;}

.page_content {margin: 0 auto; width: 1550px;}

/** popup아닌 k-tabstrip 탭 css 재정의 */
.tab_content { border:none !important; margin:0 auto; margin-top: 3px;}
.tab_content .basic_table_wrap { width: 97%; margin:0 auto !important;}
.tab_content .k-tabstrip { border: 0; }
.tab_content .k-tabstrip-items { padding:0 !important; }
.tab_content .k-content { padding:0; margin:0; border:none !important; }
.tab_content .tab_box .k-state-default{ background:#e0e9f3 !important; border-top: 1px solid #c6d6e7 !important; border-left: 1px solid #c6d6e7 !important; border-right: 1px solid #c6d6e7 !important; }
.tab_content .tab_box li.k-state-default .k-link {color:#2060ba; }
.tab_content .tab_box li.k-state-active{ background:#fff !important; border:1px solid #c6d6e7 !important; border-bottom:1px solid #fff !important;}
.tab_content .tab_box li.k-state-active .k-link {color:#007eff !important; }
.tab_content .tab_box li .k-link{ width:100%; border-radius:none  !important; padding:3px 0 3px 0 !important; font-size: 14px;}
.tab_content .tab_box li{ min-width:200px; min-height:35px; border-radius:0 !important; font-weight:600 !important; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:35px;}

.memKindsGrid .k-grid-content.k-virtual-content{ height: 232px; }

.label{display:inline-block; font-weight:600; }
.label.type_s{ font-size:12px; padding:3px; }
.label.color_red{background:#ff0000; color:#fff !important; }

/** 청구서만들기 완료 팝업 */
.result_dialog.k-content.k-dialog-content {height: 200px !important; text-align: center; padding:47px 30px 0px 30px;}
.k-dialog-buttongroup.k-dialog-button-layout-stretched {padding: 12px 30px; font-size: 15px;}
.k-dialog-buttongroup .k-button {padding: 10px 5px !important; border-width: 0 !important;}
.k-dialog-buttongroup .k-button:nth-child(1) {margin-right: 10px; color:#fff;background-color:#a2a2a2; background-image:none;}
.k-dialog-buttongroup .k-button:nth-child(1):hover {color:#fff; background-color:#888; background-image:none;}
.k-dialog-buttongroup .k-button:nth-child(2) {color:#fff; background-color:#007eff; background-image:none;}
.k-dialog-buttongroup .k-button:nth-child(2):hover {color:#fff; background-color:#1b65c3; background-image:none;}
.k-dialog-buttongroup .k-button:focus {box-shadow:none;}
.result_msg01 {color: #007eff; font-size: 20px; font-weight: bold; margin-top: 20px;}
.result_msg02 {color: #000; font-size: 22px; font-weight: bold; margin-top: 40px;}

/* 현금영수증 발행취소 사유선택 팝업 */
.result_msg03 {color: #007eff; font-size: 18px; font-weight: bold; margin-top: 20px;}

/** 청구서보내기 대기 리스트 css */
.invoice_list li a {color: #000;}
.invoice_list li:first-child a {font-size: 14px; font-weight: bold;}
.invoice_list li:nth-child(2) {margin-top: 10px; padding: 10px 0; border-top: 2px solid #007eff; border-bottom: 2px solid #007eff;}
.invoice_list li:nth-child(2) div { margin: 10px 30px 0 60px; width: 220px; height: 30px; display: inline-block;}
.invoice_list li:nth-child(2) a {font-size: 13px; color: #6d6d6d;}
.invoice_list li a:hover {color: #007eff; text-decoration: underline;}

/*비밀번호관리*/
.pass_change_wrap{ width:900px; margin:0 auto; padding:30px 0 20px 0;}
.pass_change_wrap .noti{ display:block; padding:30px 0; font-size:15px; color:#222; text-align:center; }
.pass_change_box{ border:2px solid #117aff; padding:35px 0; border-width:2px 0;}
.pass_inputbox{ width:565px; height:126px; margin:0 auto; padding:20px 0; overflow:hidden; background:url(/resources/img/password_bg.png) no-repeat left center; }
.pass_inputbox ul{ float:right; width:435px; padding:0 0 0 30px;}
.pass_inputbox ul li{ display:block; height:35px; padding:0 0 10px 0; }
.pass_inputbox ul li label{ display:inline-block; width:160px; height:100%; font-size:15px; color:#343434; test-align:left; font-weight:600; letter-spacing:-.5px; line-height:35px; }
.pass_inputbox ul li input{ width:265px; height:100%; padding: 0 5px; box-sizing:border-box; border:1px solid #959595; }
.pass_inputbox ul li input:hover, .pass_inputbox ul li input:focus{border-color:#117aff; outline: none;}
.noti2{ width:100%; margin:10px 0 20px 0; padding:3px 0; background:#f0f0f0; text-align:center; font-weight:600; }
.noti3{ width:550px; margin:0 auto; }
.noti3 li{ position:relative; padding:2px 0 2px 8px; color:#117aff; font-weight:600;}
.noti3 li:before{ content:'-'; display:block; position:absolute; top:0; left:0; }
.noti3 li:last-child:before{ display:none;}

/*--------------------------------------------------------------------------*/
/* media
-----------------------------------------------------------------------------*/

@media screen and (max-width: 1050px) {
	 .g_btn_search{right:0px;}	
}

@media screen and (max-width: 1000px) {
	.main_visual{width:1000px;margin:0 auto;}
}

@media screen and (min-width: 1900px) {

}

/******************************************************************************
 * Kendo Grid Header Align
 *****************************************************************************/
.align-left { text-align: left !important; }
.align-center {text-align: center !important; }
.align-right { text-align: right !important; }
.k-grid-header th.k-header {
  padding-left: 0;
}
.valign-middle {vertical-align: middle !important;}

.aTag {color: #0065f3;text-decoration:underline;cursor:pointer;}
input[readonly], input[readonly="readonly"] {background-color:#eee !important;}

/* 스위치 (끄는기능이 아니므로 동일 색상으로 처리함) */
.k-switch, .k-switch-container, .k-switch-handle {border-radius: 0;}
.k-switch-off .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle, 
.k-switch-on:hover .k-switch-handle, .k-switch-on .k-switch-handle { width: 70px; height: 23px; }
.k-switch-on .k-switch-handle,.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {left: calc(100% - 70px); margin: 0;}
.k-switch-on.k-state-focused, .k-switch-on:focus, .k-switch-off.k-state-focused, .k-switch-off:focus {box-shadow: none;}
.k-switch-on .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle, .k-switch-on:hover .k-switch-handle,
.k-switch-on.k-state-focused .k-switch-handle, .k-switch-on:focus .k-switch-handle,
.k-switch-off .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle, .k-switch-off:hover .k-switch-handle,
.k-switch-off.k-state-focused .k-switch-handle, .k-switch-off:focus .k-switch-handle {border-color: #2476dd; color: #343434; background-color: #2476dd;}
.k-switch-on .k-switch-container, .k-switch-on.k-state-hover .k-switch-container, .k-switch-on:hover .k-switch-container,
.k-switch-on.k-state-focused .k-switch-container, .k-switch-on:focus .k-switch-container,
.k-switch-off .k-switch-container, .k-switch-off.k-state-hover .k-switch-container, .k-switch-off:hover .k-switch-container,
.k-switch-off.k-state-focused .k-switch-container, .k-switch-off:focus .k-switch-container {border-color: #d9d9d9; color: #343434;}

/* * 이용환경 - 비밀번호설정 */
.pass_info {padding: 0 20px 20px 20px;}
.pass_info div {font-size:13px; font-weight:bold; margin-bottom: 10px;}
.pass_info ul {list-style-type: none; padding: 20px 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.pass_info ul li:not(:first-child) {margin-top: 20px;}

/** 청구서 미리보기 */
#cms_container.main { background: #e7e7e7;}	
.cms_bill_wrap { position:relative; padding:20px 20px; }
.cms_bill_wrap:before {content:"";position:absolute;top:0;left:0;right:0;
	width:100%;height:160px;background:#0065cd;}
.cms_bill_area {position:relative;padding:0 18px;border-radius:6px;overflow:hidden;}
.cms_bill_area:before {content:"";position:absolute;top:-7px;left:0;width:18px;
	height:calc(100% + 7px);background:url(../img/invoicePreview/ic_bill_left_bg.png) repeat-y 0 0;
	background-size:20px;}
.cms_bill_area:after {content:"";position:absolute;top:-7px;right:0;width:18px;height:calc(100% + 7px);
	background:url(../img/invoicePreview/ic_bill_right_bg.png) repeat-y 100% 0;background-size:20px;}
.cms_bill_disp {position:relative;padding:12px 20px;background:#fff;			}
.cms_bill_disp .cms_card_divi {right:-18px;}	
.cms_card_box {padding:22px 0;padding-bottom:20px;border-bottom:1px solid #e2e2e2;}
.cms_card_box:last-child {border-bottom:0;}
.cms_card_divi {position:absolute;top:0;right:0;padding:4px 24px;font-size:13px;color:#fff;
	border-top-right-radius:5px;border-bottom-left-radius:5px;z-index:1;}
.cms_card_con {font-size:13px;}
.cms_card_sellers {padding-top:5px;font-size:18px;font-weight:bold;}
.cms_card_price {padding-top:5px;text-align:right;font-weight:bold;line-height:1.5em;font-size:23px;}
.price_count {display:inline-block;padding-right:5px;font-size:23px;}
.cms_card_term {display:flex;font-size:13px;}
.cms_card_term p {flex:1;}
.term_right {text-align:right;}
.cms_card_waiting .cms_card_divi {background-color:#0078f3;}
.cms_card_waiting .price_count {color:#0078f3;}
.cms_bill_list li.cms_card_expiration {color:#9b9b9b;background-color:#f5f5f5;}
.cms_card_expiration .cms_card_divi {background-color:#c8c8c8;color:#fff;}	
.cms_auto_info {position:relative;display:flex;justify-content:space-between;font-size:13px;}
.cms_auto_info p {padding:6px 0;}
.cms_auto_info p:first-child {font-weight:bold;color:#0078f3;}
.cms_auto_info.green p:first-child {font-weight:bold;color:#248000;}
.cms_auto_info.red p:first-child {font-weight:bold;color:#ea002a;}
.cms_bill_disp.cms_card_expiration .price_count {color:#0078f3;}		
.cms_auto_title {font-size:13px;padding-bottom:7px;}		
.cms_info_gray_box {height: 55px;overflow: auto;margin-bottom: -5px;
	padding:15px 15px;font-size:13px;background:#f1f3f4;}		
.cms_radius_btn_group {display:flex;padding:15px 17px;}
.cms_radius_btn_group button {flex:1;margin:0 3px;height:40px;font-size:0.813em;font-weight:bold;
	border:1px solid #9a9b9d;border-radius:20px;background:#fff;align-self:center;}
.cms_info_icon {position:relative;padding-left:21px;font-size:13px;font-weight:bold;}
.cms_info_icon.blue {color:#007eff;}
.cms_info_icon:before {
	content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-radius:15px;
	background-image:url(../img/invoicePreview/ic_info.png);
	background-position:center;background-repeat:no-repeat;background-size:11px;}		
.cms_info_icon.blue:before {background-color:#007eff;}		
.cms_radius_btn_arrow {display:inline-block;position:relative;padding-left:22px;font-size:13px;}
.cms_radius_btn_arrow:before {content:"";position:absolute;top:0;left:0;width:18px;height:15px;
	background:url(../img/invoicePreview/ic_btn_arrow.png) no-repeat center;background-size:16px;}		
.cms_radius_btn_group button.cms_radius_blue {color:#0078f3;border:1px solid #0078f3}

/** 영수증 */
/* .receipt_title { width: 340px; text-align: center; padding-bottom: 5px; background-image: url('../img/receipt/title_bg.png') !important; }
.receipt_bg { width: 340px; background-image: url('../img/receipt/bg.png') !important; }
.receipt_border { margin-left: 9px; margin-bottom: 12px; width: 312px; border: 5px solid rgba(255, 255, 255, 0.4) !important; border-radius: 20px/20px !important; }
.receipt_form { width: 340px; font-size: 11px; }
.receipt_sub_bg { padding-bottom: 10px; background-color: #ffffff !important; border-radius: 15px/15px !important; }
.receipt_print { text-align: center; width: 140px; height: 33px; font-size: 16px; font-weight: bold; background-color: #4a6379; color: #ffffff !important; 
	cursor: pointer; padding-top: 10px; border-radius: 40px !important; margin-left: 100px; }
.receipt_payment_title { padding-left:10px; height: 17px; line-height: 18px; color:#3b98c1 !important; background-color: #dff8ff !important; }
.receipt_payment_title2 { padding-left:10px; height: 19px; line-height: 20px; color:#3b98c1 !important; background-color: #d8e8f5 !important; }
.receipt_payment_title3 { width: 45px; background-color: #d8e8f5 !important; color:#3b98c1 !important; }
.receipt_payment_content, .receipt_payment_title3, .receipt_payment_content3 { padding:0 10px; height: 27px; line-height: 25px; !important; }
.receipt_payment_content2 { padding:0 10px; text-align:left; height: 85px; line-height 80px; !important; }
.sub_left_title { border-right: 1px solid #b2e0ef !important; float: left; width:49.6% }
.sub_right_title { float: left; width:50% }
.sub_right_title2 { float: right; width:49.6% }
.receipt_border_right { border-right: 1px solid #b2e0ef !important; }
.receipt_border_bottom, .receipt_payment_content { border-bottom: 1px solid #b2e0ef !important; }
.receipt_top1, .receipt_top2 { border-bottom: 1px dashed #7ec8e3 !important;  height: 35px; float: left; font-size: 13px; font-weight: bold; line-height: 35px !important; }
.receipt_top1 { color: #378ace; border-right: 1px dashed #d3d3d3 !important; width:49.6% !important;}
.receipt_top2 { color: #766bba; width:49.6%}
.receipt_cust_title { padding-left:10px; color: #378ace !important; background-color: #dfebf7 !important; }
.receipt_cust_title2 { padding-left:10px; color: #8279ae !important; background-color: #e4e1f6 !important; }
.receipt_cust_content { padding:0 10px; height:27px; line-height: 25px; }
.receipt_payment_content2, .receipt_payment_title3, .receipt_payment_content3, .receipt_cust_title { border-top: 1px solid #b2e0ef !important; }
.card_receipt_area { border-top: 1px dashed #7ec8e3 !important; height:237px;width:100%; }
.account_receipt_area { border-top: 1px dashed #7ec8e3 !important; height:552px;width:100%; }
.receipt_area2 { height:310px;width:100%;} */
.receipt_card_addr { height: 68px;padding-top: 26px;vertical-align: center; }
.receipt_content_wrap { display: block;position:absolute;margin-left:20px;margin-right:20px;width:300px; }
.receipt_left_content { float:left;width:49%;text-indent: 5px; }
.receipt_left_half { float:left;width:49%; }
.receipt_right_content { float:right;width:49%;text-indent: 5px; }
.receipt_full_content { float:left;width:100%;text-indent: 5px; }
.receipt_print { text-align: center; width: 140px; height: 33px; font-size: 16px; font-weight: bold; background-color: #4a6379; color: #ffffff !important; 
	cursor: pointer; padding-top: 10px; border-radius: 40px !important; margin-left: 100px; }