@charset "utf-8";
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("../fonts/noto-sans-kr-v12-korean_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v12-korean_latin-regular.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-korean_latin-regular.woff") format("woff"), url("../fonts/noto-sans-kr-v12-korean_latin-regular.ttf") format("truetype"), url("../fonts/noto-sans-kr-v12-korean_latin-regular.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}

/* noto-sans-kr-300 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("../fonts/noto-sans-kr-v12-korean_latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v12-korean_latin-300.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-korean_latin-300.woff") format("woff"), url("../fonts/noto-sans-kr-v12-korean_latin-300.ttf") format("truetype"), url("../fonts/noto-sans-kr-v12-korean_latin-300.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}

/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../fonts/noto-sans-kr-v12-korean_latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v12-korean_latin-500.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-korean_latin-500.woff") format("woff"), url("../fonts/noto-sans-kr-v12-korean_latin-500.ttf") format("truetype"), url("../fonts/noto-sans-kr-v12-korean_latin-500.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}

/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("../fonts/noto-sans-kr-v12-korean_latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v12-korean_latin-700.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-korean_latin-700.woff") format("woff"), url("../fonts/noto-sans-kr-v12-korean_latin-700.ttf") format("truetype"), url("../fonts/noto-sans-kr-v12-korean_latin-700.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}

/* noto-sans-kr-900 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Noto Sans KR Black"), local("NotoSansKR-Black"), url("../fonts/noto-sans-kr-v12-korean_latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v12-korean_latin-900.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-korean_latin-900.woff") format("woff"), url("../fonts/noto-sans-kr-v12-korean_latin-900.ttf") format("truetype"), url("../fonts/noto-sans-kr-v12-korean_latin-900.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}

/* reset */
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, button, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, select, small, strike, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, textarea, hr, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:none;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;color:#353535;font-size:15px;font-style:normal;line-height:1.4em;letter-spacing:0;word-break:keep-all;word-wrap:break-word}
section, nav, article, aside, header, footer, main {display:block}
ul, ol, li, th, td {list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
strong, span, em, b, u, i, li, dt, dd {font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;font-size:inherit;font-weight:normal;line-height:inherit;letter-spacing:inherit;color:inherit}
button {background:transparent;-webkit-appearance:none;cursor:pointer}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
input, textarea {-webkit-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0}
input:disabled {color:#cccccc;background:#f8f8f8}
input {padding:0 10px;height:48px}
input::placeholder {color:#abafb3}
input:-ms-input-placeholder {color:#abafb3}
input:-webkit-input-placeholder {color:#abafb3}
.placeholdersjs {color:#abafb3}
input::-ms-clear {display:none}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0}
legend, caption {width:0;height:0;text-indent:-9999px;visibility:hidden}
.bx_sel select:disabled {color:#cccccc;background:#f8f8f8}
.bx_sel select {background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.bx_sel select::-ms-expand {display:none}
textarea {display:block;padding:10px;width:100%;resize:none;border:1px solid #e5e5e5}
img {max-width:100%;width:100%}
a {text-decoration:none}
a:hover, a:focus {text-decoration:none}
button:hover,button:focus,button:active,
a:hover,a:focus,a:active {outline:0}
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
canvas {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none}
body { background: #F8FCFF}
.wrapper {position:relative;min-width:1900px;min-height:100vh;background-color:#f8f8f8}
.blind {display:block;overflow:hidden;margin:-1px;padding:0;width:1px;height:1px;font-size:1px;border:0;line-height:0;clip:rect(0,0,0,0);background:transparent}



.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.fr {float:right !important}
.fl {float:left !important}
.vm {vertical-align:middle !important}

/* color */
.fc_bl {color:#128ec7 !important}
.fc_gb {color:#1179a8 !important}
.fc_bk {color:#000000 !important}
.notice {color:#128ec7 !important}
.op50 {opacity:50% ! important}

/* font weight */
.fw_b {font-weight:bold !important}
.fw_m {font-weight:600 !important}
.fw_n {font-weight:400 !important}

/* width */
.w_auto {width:auto !important}
.w90 {width:90% !important}

/* height */
.h_auto {height:auto !important}

/* margin */
.mt0 {margin-top:0 !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:40px !important}
.mt85 {margin-top:85px !important}
.ml0 {margin-left:0 !important}
.ml10 {margin-left:10px !important}
.mr15 {margin-right:15px !important}
.mb0 {margin-bottom:0 !important}
.mb10 {margin-bottom:10px !important}
.mb35 {margin-bottom:35px !important}
.mb45 {margin-bottom:45px !important}

/* header */
.header {position:fixed;left:0;top:0;width:100%;height:80px;box-sizing:border-box;z-index:999;}
.header_logo {position:absolute;left:0;top:0;width:270px;height:93px;background:#01C7A3; border-top-left-radius: 20px;}
.header_logo h1 {position:absolute;top:53%;left:49%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.header_logo h1 a {display:block; width:auto;}
.header_logo h1 a img {display:block; width:80px; margin:0 auto;}
.header_logo h1 a span {display:block;margin-top:3px;margin-right:-3px;color:#fff;font-size:14px;font-weight:normal;letter-spacing:-0.5px}
.header_body {position:relative;min-width:1200px;margin-left:270px;height:100%; background: #f8f8f8;}
.header_body .btn_lnb_toggle {position:absolute;left:25px;top:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:35px;height:35px;background:url('../images/baseline_menu.png') no-repeat center; }
.header_body > h2 { position: absolute; left:80px; top:48%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); font-size:28px; font-weight:700; color:#475D6D}
.header_body > h2 > span { font-size:25px}
.header_body > h2 > span:before { content:'-'; padding: 0 15px; font-size:25px;}
.util_menu {position:absolute;right:44px;top:50%;transform:translateY(-50%)}
.util_menu ul li {float:left;margin-left:5px;height:40px}
.util_menu ul li a {position:relative;padding:0 23px;display:block;line-height:40px;box-sizing:border-box;background:#167bb6;color:#fff;font-size:13px;border-radius:20px}
.util_menu ul li a.user {padding:0 10px 0 40px}
.util_menu ul li a.user .face {position:absolute;left:4px;top:3px;display:inline-block;width:34px;height:34px;border-radius:50%;overflow:hidden}
.util_menu ul li a.user .name {margin:0 10px 0 5px}
.util_menu .new {display:inline-block;width:18px;height:18px;line-height:17px;background:#ff7a0e;font-size:10px;color:#fff;border-radius:50%;box-sizing:border-box;text-align:center}

.lnb_folding .header_logo {width:60px}
.lnb_folding .header_logo h1 { left: 51%}
.lnb_folding .header_logo a {width:22px;height:40px;overflow:hidden;white-space:nowrap;left:15px;top:56px}
.lnb_folding .header_logo a img {max-width:none;width:85px;}
.lnb_folding .header_logo a span {opacity: 0;}
.lnb_folding .header_body {margin-left:60px}
.lnb_folding .lnb_li {left:16px;}

.bx_lnb {position:fixed;left:0;top:93px;width:270px;height:calc(100vh - 93px);background: rgb(1,199,163);
  background: linear-gradient(169deg, rgba(1,199,163,1) 27%, rgba(0,160,252,1) 100%); border-bottom-left-radius: 20px; z-index:999}
.lnb_tit {height:60px}
.lnb_btn {position:relative;width:100%;height:100%;padding:0 50px 0 70px;color:#fff;font-size:16px;text-align:left;background:url('../images/icon_lnb.png') no-repeat;background-size:40px auto}
.lnb_btn:hover {background-color:none}
.lnb_arr {position:absolute;right:25px;top:calc(50% - 3.5px);width:11px;height:7px;background:url('../images/arrow.png') no-repeat center;background-size:100% auto;transition:all 0.3s}
.lnb_li {position:relative; left:0px; margin-bottom: 25px;}
.lnb_li.on .lnb_arr {transform:rotate(180deg)}
.lnb_li.on .lnb_btn {background-color:none}
.lnb_li.on .lnb_btn:before {content:'';display:block;position:absolute;top:0%; left:0;
  width: 0px; 
  height: 100%;   
  border-left:3px solid #F7FFAC;}
.lnb_li.on .lnb_btn:after {content:'';display:block;position:absolute;top:39%; left:3px; 
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-left: 8px solid #F7FFAC;}
.lnb_01 .lnb_btn {background-position:23px 14px}
.lnb_02 .lnb_btn {background-position:23px -50px}
.lnb_03 .lnb_btn {background-position:23px -116px}
.lnb_04 .lnb_btn {background-position:23px -180px}
.lnb_05 .lnb_btn {background-position:23px -246px}
.lnb_06 .lnb_btn {background-position:23px -312px}
.sub_lnb {display:none;padding:7px 0 12px;}
.sub_lnb li a {display:block;padding:6px 50px 0px 70px; color:#ffffff;font-size:15px}
.sub_lnb li a:hover, .sub_lnb li a:focus, .sub_lnb li a:active {color:#F7FFAC;  }
.sub_lnb li a.active {color:#ffffff}

.lnb_folding .bx_lnb {width:60px}
.lnb_folding .lnb_btn {padding:0}
.lnb_folding .lnb_btn span {opacity:0}
.lnb_folding .sub_lnb {display:none;position:absolute; z-index:-1;left:45px;top:0;width:153px;padding:0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; background:  #fafafa; -webkit-box-shadow: 3px 7px 5px 0px rgba(6,212,255,0.2);
  -moz-box-shadow: 3px 7px 5px 0px rgba(6,212,255,0.2);
  box-shadow: 3px 7px 5px 0px rgba(6,212,255,0.2);text-align:center}
/* .lnb_folding .lnb_tit .lnb_btn:hover .sub_lnb {position:absolute;left:60px;top:0;width:153px;padding:0;border-radius:0 3px 3px 0;background:#2a8fb9;text-align:center} */
/* .lnb_folding .lnb_li:hover .sub_lnb {display:block} */
.lnb_folding .lnb_arr {opacity:0}
.lnb_folding .lnb_li.on .lnb_btn {background-color:none}
.lnb_folding .lnb_li.on .lnb_btn:before {
  content:'';display:block;position:absolute;top:0%; left:-15px;
  width: 0px; 
  height: 100%;   
  border-left:3px solid #F7FFAC;
}
.lnb_folding .lnb_li.on .lnb_btn:after {
  content:'';display:block;position:absolute;top:39%; left:-12px; 
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-left: 8px solid #F7FFAC;
}
.lnb_folding .sub_lnb li:not(:first-of-type) {border-top:1px solid #dadada}
.lnb_folding .sub_lnb li a {padding:15px 0;color:#475D6D}
.lnb_folding .lnb_li .sub_lnb li a:hover, .lnb_folding .lnb_li .sub_lnb li a:focus, .lnb_folding .lnb_li .sub_lnb li a:active { color:#217aa1}

.lnb_folding .lnb_li.hover .lnb_btn {background-color:none}
.lnb_folding .lnb_li.hover .lnb_btn:before {
  content:'';display:block;position:absolute;top:0%; left:-15px;
  width: 0px; 
  height: 100%;   
  border-left:3px solid #F7FFAC;
}
.lnb_folding .lnb_li.hover .lnb_btn:after {
  content:'';display:block;position:absolute;top:39%; left:-12px; 
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-left: 8px solid #F7FFAC;
}

/* container */
.container {padding:70px 0 0 270px}
.lnb_folding .container {padding-left:60px;height:100%}
.content {position:relative;padding:29px 40px 0px 40px}

/* footer */
.footer {padding-left:270px;height:65px}
.footer > p {padding-left:40px;line-height:67px;font-size:12px;font-weight:200;color:#777777;text-transform:uppercase;letter-spacing:-0.1px}
.lnb_folding .footer {padding-left:60px}

input[type="checkbox"] {
	background-color: initial;
    cursor: default;
    appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    height:13px;
    width: auto;
}

input {
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
/* form */
input[type="radio"]+label {position:relative;display:inline-block;padding-left:32px;min-height:24px;line-height:24px;background:url('../images/icon_radio.png') no-repeat;background-position:0 0}
input[type="radio"]:checked + label {background-position:0 -29px}
input {width:100%;border:1px solid #e5e5e5}
input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/* check type1 */
.chk_typ1 + label {padding-left:40px;font-size:16px}
.chk_typ1 + label::before {width:22px;height:22px;background:url('../images/chk_typ1.png') no-repeat;background-size:100% auto;background-position:0 -27px}
.chk_typ1:checked + label::before {background-position:0 0}
.tbl_typ1 .chk_typ1 + label {padding-left:22px}

/* check type2 */
.chk_typ2 + label {padding-left:40px}
.chk_typ2 + label:before {width:14px;height:14px;background:url('../images/chk_typ2.png') no-repeat;background-size:100% auto;background-position:0 0}
.chk_typ2:checked + label:before {background-position:0 -16px}

/* title */
.cont_tit {margin-bottom:20px;font-size:24px;font-weight:600;letter-spacing:-1px}
[class^=tit_h] {position:relative}
.tit_h2 {margin-top:50px;margin-bottom:20px;font-size:20px;font-weight:500;letter-spacing:-1px}
.tit_h3 {margin-top:50px;margin-bottom:20px;font-size:16px;font-weight:600}
.bx_wrap .tit_h2:first-child {margin-top:0}
.bx_top .tit_h2:first-child {margin-top:0}
.tab_cont .tit_h2:first-child {margin-top:0}

/* button */
.btn_wrap {position:relative;margin-top:20px}
.btn_wrap:after {content:'';display:block;clear:both}
.btn_wrap .btn_left {float:left}
.btn_wrap .btn_right {float:right}
.btn_wrap .pl {position:absolute;left:0;top:0}
.btn_wrap .pr {position:absolute;right:0;top:0}
.btn_wrap .btn_right:after {content:'';display:block;clear:both}
.btn_wrap .btn_right button {float:left}
.btn_wrap .btn_right button:not(:first-of-type) {margin-left:10px}
.btn_wrap button:not(:first-of-type) {margin-left:8px}
.btn_wrap + .btn_wrap {margin-top:70px}
.btn_xl {min-width:290px;height:50px;border-radius:5px}
.btn_lg {margin-left:7px;padding:0 13px;height:48px;border-radius:5px}
.btn_md {min-width:120px;padding:0 20px;height:44px;border-radius:5px;color:#fff;font-size:14px;box-sizing:border-box}
.btn_sm {min-width:70px;height:44px;border-radius:5px;color:#fff;font-size:14px;box-sizing:border-box}
.btn_bl {background:#128ec7}
.btn_bl:hover {background:#0f7eb1}
.btn_gr {background:#999999}
.btn_gr:hover {background:#838282}
.btn_wh {background:#fff;color:#353535;border:1px solid #999}
.btn_wh:hover {background:rgba(0, 0, 0, 0.3);color:#fff;border:none}
.btn_bk {background:#353535}
.btn_bk:hover {background:#242424}
.btn_b_bl {color:#128ec7;border:1px solid #2ea2d7;background:#fff}
.btn_close {width:30px;height:30px;border:1px solid #d5d5d5;background:url('../images/btn_close.png') no-repeat;background-position:center;box-sizing:border-box}
.btn_close:disabled {opacity:0.4}
.btn_plus {width:30px;height:30px;background:#4d4d4d url('../images/btn_plus.png') no-repeat;background-position:center}
.btn_ssm {width:70px;height:24px;background:#4d4d4d;color:#fff;border-radius:3px;font-size:12px}
.btn_change {width:80px;height:32px;border:1px solid #dddfe1;background:#fff;font-size:13px;box-sizing:border-box;color:#7d7d7d}
.btn_okay {width:240px;height:48px;border-radius:5px;background:#4d4d4d;color:#fff}
.btn_del_circle {position:absolute;right:0;top:50%;margin-top:-15px;width:30px;height:30px;background:url('../images/btn_del_circle.png') no-repeat center;background-size:16px}

[class^="tit_"] .btn_md {position:absolute;right:0;top:50%;margin-top:-22px}

/* label */
[class^=lb_] {display:inline-block;padding:4px 15px;border-radius:50px;font-weight:600;font-size:12px;background:#fff}
[class^=lb_w] {width:95px;text-align:center}
[class^=lb_] em {font-weight:600}
.lb_bk {border:1px solid #454545}
.lb_bl {border:1px solid #128ec7;color:#128ec7}
.lb_bl_full {border:1px solid #41a5d2;color:#fff;background:#41a5d2}
.lb_bk_full {color:#fff;background:#4d4d4d}
.lb_gy_full {border:1px solid #b2b2b2;color:#fff;background:#b2b2b2}
.lb_gr {border:1px solid #4bbac7;color:#159aa9}
.lb_gr_full {border:1px solid #159aa9;color:#fff;background:#159aa9}
.lb_lg_full {border:1px solid #fff;background:#4bbac7;color:#fff}
.lb_w_wh_chk {border:1px solid #fff;color:#229eac}
.lb_w_wh {border:1px solid #fff;color:#229eac}
.lb_w_bl {border:1px solid #41a5d2;color:#fff;background:#41a5d2}
.lb_gr_chk {border:1px solid #4bbac7;color:#229eac}
.lb_gr_chk_full {border:1px solid #4bbac7;color:#fff;background:#4bbac7}

[class^=lb_gr_chk] > em {padding-left:14px;background:url('../images/icon_arrow_chk.png') no-repeat}
[class^=lb_w_wh_chk] > em {padding-left:14px;background:url('../images/icon_arrow_chk.png') no-repeat}
.lb_w_wh_chk > em {background-position:0px 6px}
.lb_gr_chk > em {background-position:0px 6px}
.lb_gr_chk_full > em {background-position:0px -4px}

/* white box */
.bx_wrap {position:relative;padding:30px;background:#fff;border-radius:5px;border:1px solid #eaeaea}
.bx_wrap + .bx_wrap {margin-top:20px}
.tab_wrap + .bx_wrap {margin-top:20px}

/* white full box */
.bx_full {min-height:calc(100vh - 233px)}

/* table */
.bx_wrap:after {content:'';display:block;clear:both}
.bx_wrap .bx_tbl:not(:first-of-type) {margin-top:30px}
.bx_wrap .tit_h2 + .bx_tbl {margin-top:0}
.bx_wrap .tit_h3 + .bx_tbl {margin-top:0}
.inp_desc {display:inline-block;width:29%;text-align:right;line-height:43px}
/* .txt_info + [class^="tbl_"] {margin-top:50px} */

/* table typ1 */
.tbl_typ1, .tbl_typ2 {border-top:1px solid #339bc6}
.tbl_typ1 tbody tr:hover {background:#ebf5fa}
.tbl_typ1.hov_non tbody tr:hover {pointer-events:auto;background:none}
.tbl_typ1 tbody tr.on {background:#ebf5fa}
.tbl_typ1 th {position:relative;padding:0 5px;height:60px;color:#ffffff;font-weight:400;border-bottom:1px solid #eaeaea;}
.tbl_typ1 thead tr {
  background: rgb(1,199,163);
  background: linear-gradient(170deg, rgba(1,199,163,1) 27%, rgba(0,160,252,1) 100%);
}  
.tbl_typ1 .th_tit {height:40px}
.tbl_typ1 .th_sub {height:40px;font-size:13px}
.tbl_typ1 th.bg_w {background:#fff;border-bottom:1px solid #eaeaea}
.tbl_typ1 td {padding:0 10px;height:60px;color:#4c4c4c;text-align:center;border-bottom:1px solid #eaeaea}
.tbl_typ1 td em {display:block;font-weight:bold}
.tbl_typ1 td a {color:#4c4c4c}
.tbl_typ1.tr_h_auto td {padding:20px 10px;height:auto}
.tbl_typ1.h_80 td {height:80px}
.tbl_typ1 .tr_bg {background-color:#ebf5fa}
.tbl_typ1 tfoot td {background-color:#f8f8f8}
.tbl_typ1 tfoot .tf_bg td {color:#000;font-weight:600;background-color:#ebf5fa}

.tbl_typ1 .bx_sel {width:215px;height:43px}
.tbl_typ1 .bx_sel + .bx_sel {position:relative;margin-left:8px}
.tbl_typ1 .bx_sel + .bx_sel:after {content:"~";position:absolute;left:-11px;top:12px}
.tbl_typ1 .bx_sel:before {right:10px}
.tbl_typ1 .bx_sel select {padding-right:20px}
.range .bx_sel {width:62px;height:48px}

.tbl_txt td {padding:0}
.tbl_txt .txtarea_wrap {border: none}
.tbl_txt .txtarea_wrap .bx_attach {padding:9px 10px;height:50px;background:#fff}

/* table typ2 */
.tbl_typ2 th, .tbl_typ2 td {padding:6px 20px;border-bottom:1px solid #eaeaea}
.tbl_typ2 th {padding:19px 38px;font-weight:400;color:#4c4c4c;background:#f5f5f5;text-align:left}
.tbl_typ2 th label {color:#4c4c4c}
.tbl_typ2 .bx_rdo {margin:9.5px 0}
.tbl_typ1.t_b_non, .tbl_typ2.t_b_non {border:1px solid #eaeaea;border-width:1px 1px 0 1px}
.tbl_typ2 .bx_sel {height:43px}

/* table typ3 */
.tbl_typ3 {border:1px solid #eaeaea}
.tbl_typ3 th {padding:0 27px;height:60px;color:#4c4c4c;font-weight:400;border-bottom:1px solid #eaeaea;background:#f5f5f5}
.tbl_typ3.col4 th {padding:0 15px;height:60px;color:#4c4c4c;font-weight:400;border-bottom:1px solid #eaeaea;background:#f5f5f5}
.tbl_typ3 td {position:relative;padding:0 27px;height:60px;color:#4c4c4c;text-align:center}
.tbl_typ3.col4 td {position:relative;padding:0 14px;height:60px;color:#4c4c4c;text-align:center}
.tbl_typ3 td:not(:first-of-type):before {content:'';display:block;position:absolute;left:-1px;top:18.5px;width:1px;height:23px;background:#eaeaea}
.tbl_typ3 td.b_n:before {content:'';display:none;}
.tbl_typ3 td:after {content:'';display:block;clear:both}
.tbl_typ3 .t_score {font-size:18px;font-weight:600}
/* table typ5 */
.tbl_typ5 {border:1px solid #eaeaea; border-bottom:0;}
.tbl_typ5 th {padding:0 10px;height:40px;color:#4c4c4c;font-weight:400;border-bottom:1px solid #eaeaea;background:#f5f5f5; text-align:left;}
.tbl_typ5.col4 th {padding:0 15px;height:60px;color:#4c4c4c;font-weight:400;border-bottom:1px solid #eaeaea;background:#f5f5f5}
.tbl_typ5 td {position:relative;padding:0 10px;height:40px;color:#4c4c4c;text-align:left; border-bottom:1px solid #eaeaea}
.tbl_typ5.col4 td {position:relative;padding:0 14px;height:40px;color:#4c4c4c;text-align:center}
.tbl_typ5 td:not(:first-of-type):before {content:'';display:block;position:absolute;left:-1px;top:18.5px;width:1px;height:23px;background:#eaeaea}
.tbl_typ5 td.b_n:before {content:'';display:none;}
.tbl_typ5 td:after {content:'';display:block;clear:both}
.tbl_typ5 .bx_sel { height:35px;}
.tbl_typ5 + .btn_wrap { margin-top:4px; margin-bottom:10px;}
.tbl_typ5 input[type='text'] { height:33px;}
[class^="tbl_"] a.fc_bl {position:relative}
[class^="tbl_"] a.fc_bl:hover:after, [class^=tbl_] a.fc_bl:focus:after {position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#128ec7;content:''}
[class^="tbl_"] a.fc_bl.on:after {position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#128ec7;content:''}
.b_dash td {border-bottom:1px dashed #e5e5e5}
[class^="tbl_"] tr .b_r, [class^="tbl_"] .b_r th:not(:last-of-type), [class^="tbl_"] .b_r td:not(:last-of-type) {border-right:1px solid #eaeaea}
[class^="tbl_"] .b_b {border-bottom:1px solid #eaeaea}
[class^="tbl_"] .sub_txt {font-size:12px;color:#4c4c4c}
/* [class^="tbl_typ"] + [class^="tbl_typ"] {margin-top:30px} */
[class^="tbl_"] .bg_gray {background-color:#f5f5f5}
[class^="tbl_"] .b_r_n {border-right: 0 ! important}
textarea.board {height:350px}

.bx_td:not(:first-of-type) {margin-top:5px}
.bx_td:after {content:'';display:block;clear:both}
.bx_td input {height:50px}
.bx_td > span {float:left;line-height:50px}
.bx_td .num_td {padding-left:5px;width:34px;font-weight:600}
.bx_td .num_td + span {width:calc(100% - 260px)}
.bx_td .num_td + span .inp01 {width:17%}
.bx_td .num_td + span .inp02 {width:82.5%}
.bx_td .inp03 {width:62px;text-align:center}
.bx_td .inp04 {width:100%}
.bx_td .score_td {width:74px;font-weight:600}
.bx_td .btn_clear {margin-left:30px;min-width:60px;height:44px;background:#fff;border-radius:5px;color:#353535;border:1px solid #b2b2b2}
.bx_td .btn_clear:not(:disabled):hover {background:rgba(0, 0, 0, 0.3);color:#fff;border:none}
.bx_td .btn_clear:disabled {opacity:0.5}

.codenum { width:80px; text-align:center;}
.codenum + input[type='text'] {  width: 200px; margin-left: 10px; }
.codenum + .inp_disable {  width: 200px; margin-left: 10px; color: #cccccc;}
.td_dvs > span {display:inline-block;width:calc(100% - 107px)}

/* table disabled */
.tbl_dis td {color:#cccccc}
.tbl_dis td a {color:#cccccc !important;pointer-events:none}


/* datepicker calendar */
.bx_calender {position:relative;display:inline-block}
.bx_calender + .bx_calender {margin-left:8px}
.bx_calender + .bx_calender:after {content:"~";position:absolute;left:-10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.bx_calender input {padding-right:52px;width:144px;height:48px}
.bx_calender .ui-datepicker-trigger {position:absolute;right:11px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:30px;height:30px;background:url('../images/btn_calendar.png') no-repeat;background-position:8px 5px;background-size:14px auto;text-indent:-9999px}
.bx_calender .ui-datepicker-trigger:disabled {background-position:8px -23px}

/* datepicker */
.ui-widget.ui-widget-content {padding:14px 17px 22px;border-radius:0}
.ui-datepicker .ui-datepicker-header {padding:0;background:none;border:0}
.ui-datepicker-year, .ui-datepicker-month {color:#262626;font-size:14px;font-weight:bold}
.ui-datepicker-month {position:relative;margin-left:5px}
.ui-datepicker-month:before {content:'.';display:block;position:absolute;top:-2px;left:-6px}
.ui-datepicker-header .ui-icon {margin-left:-2.5px !important;margin-top:-5px !important;width:5px;height:8px;background-image:url('../images/btn_calendar_arr.png');background-repeat:no-repeat;background-size:auto 8px}
.ui-datepicker .ui-datepicker-prev {left:38px;top:1px;width:23px;height:23px;cursor:pointer}
.ui-datepicker .ui-datepicker-next {right:38px;top:1px;width:23px;height:23px;cursor:pointer}
.ui-datepicker .ui-datepicker-prev.ui-state-hover {border:0;background-color:#fff}
.ui-datepicker .ui-datepicker-next.ui-state-hover {border:0;background-color:#fff}
.ui-datepicker .ui-datepicker-prev .ui-icon {background-position:-19px 0}
.ui-datepicker .ui-datepicker-next .ui-icon {background-position:-34px 0}
.ui-datepicker-header [class^="btn_y_"] {position:absolute;top:1px;width:23px;height:23px;background-image:url('../images/btn_calendar_arr.png');background-repeat:no-repeat;background-size:auto 8px}
.ui-datepicker-header [class^="btn_y_"].ui-state-hover {border:0;background-color:#fff}
.ui-datepicker-header .btn_y_prev {left:13px;background-position:7px 7px}
.ui-datepicker-header .btn_y_next {right:13px;background-position:-43px 7px}
.ui-datepicker table {margin:20px 0 0 0}
.ui-datepicker-calendar thead {display:none}
.ui-datepicker-calendar td {padding:0}
.ui-datepicker-calendar .ui-state-default {position:relative;padding:0;width:29px;height:28px;font-size:13px;font-weight:bold;color:#555555;background:none;border:0;line-height:26px;text-align:center}
.ui-datepicker-calendar .ui-datepicker-week-end:first-of-type .ui-state-default {color:#ff6554}
.ui-state-default.ui-priority-secondary, .ui-datepicker-week-end:first-of-type .ui-state-default.ui-priority-secondary {color:#cccccc}
.ui-state-default.ui-state-hover, .ui-state-default.ui-state-active, .ui-datepicker-week-end:first-of-type .ui-state-default.ui-state-hover, .ui-datepicker-week-end:first-of-type .ui-state-default.ui-state-active {color:#fff}
.ui-state-default.ui-state-hover:before, .ui-state-default.ui-state-active:before {content:'';display:block;position:absolute;top:48.2%;left:50.3%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:27px;height:27px;background:#128ec7;border-radius:50%;z-index:-1}

.bx_rdo span:not(:first-of-type) {margin-left:50px}
.bx_chk span:not(:first-of-type) {margin-left:60px}
.bx_chk > span{display:inline-block;width:100px}
.tbl_typ1 .bx_rdo span:not(:first-of-type) {margin-left:35px}
.btn {width:200px;height:44px;border:1px solid rgba(0, 0, 0, 0.3);border-radius:5px;background:#fff;font-size:14px;color:#353535}
.btn:hover {position:relative;border:1px solid #2ea2d7;text-indent:-9999px}
.btn:hover:after {position:absolute;top:50%;left:50%;width:18px;height:20px;background:url('../images/icon_admin.png') no-repeat;content:'';transform:translate(-50%,-50%)}
.btn.set:hover:after {background:url('../images/icon_set.png') no-repeat}
.btn_file {width:200px;height:44px;border:1px solid #b2b2b2;border-radius:5px;background:#fff;color:#262626}
.btn_file_wrap .btn_file + .btn_file {margin-left:2px}
.btn_file span {padding-left:29px;position:relative}
.btn_file span:before {position:absolute;top:2px;left:0;width:20px;height:15px;background:url('../images/icon_up_download.png') no-repeat;content:''}
.btn_file.download {
  width: 100px;
  height: 35px;
  font-size: 14px;
}
.btn_file.download span:before {background-position:0 -15px}
.file_wrap {position:relative}
.file_srch {position:absolute;right:7px;top:50%;width:125px;height:32px;border:1px solid #dddfe1;background:rgba(106, 112, 126, 0.1);color:#7d7d7d;line-height:30px;text-align:center;box-sizing:border-box;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.file_srch span {position:relative;color:#7d7d7d}
.file_srch span:before {content:'*';margin-right:3px;color:#e74b21;vertical-align:sub}
.file_srch.not span:before {display:none}
.file_srch:hover {background:rgba(106, 112, 126, 0)}
.file_wrap + span {display:block;margin-top:10px;font-size:13px}
.btn_del {width:14px;height:14px;padding:10px;margin-left:5px;background:url('../images/icon_close.png') no-repeat;background-position:center;vertical-align:middle}
.txt_asterisk {margin-bottom:8px}
.txt_asterisk em {margin-right:1px;color:#ff3419;font-size:18px;font-weight:bold;vertical-align:-webkit-baseline-middle}
[class^=tbl_typ] em, [class^=pop_] em {margin-right:2px;font-weight:normal;vertical-align:middle}


.tab_list:after {content:'';display:block;clear:both}
.tab_list_li {float:left;width:210px;height:60px;margin-bottom:-1px;border:1px solid #eaeaea;text-align:center;background:#f8f8f8}
.tab_list_li a {display:block;padding:0 10px;color:#9c9c9c;font-weight:600;line-height:59px}
.tab_list_li.on {background:#fff;border-bottom:0}
.tab_list_li.on a {color:#128ec7}
.tab_list_li:not(:first-of-type) {margin-left:-1px}
.tab_cont {display:none;padding:30px;background:#fff;border-radius:0 0 5px 5px;border:1px solid #eaeaea}
.tab_cont.on {display:block}
.tab_wrap td { text-align:left !important; padding:0 5px;}
.tab_wrap .tbl_typ1 .num { text-align:center !important;}
.tab_wrap .tbl_typ1 th { text-align:left !important;}
.tab_wrap.row_typ {margin-top:0}
.tab_wrap.row_typ:after {content:'';display:block;clear:both}
.tab_wrap.row_typ .tab_list {float:left}
.tab_wrap.row_typ .tab_list_li {float:none;margin-bottom:0;width:230px;height:50px;background:#f5f5f5;border:0}
.tab_wrap.row_typ .tab_list_li a {color:#999;font-weight:400;line-height:50px}
.tab_wrap.row_typ .tab_list_li:not(:first-of-type) {margin-left:0;margin-top:2px}
.tab_wrap.row_typ .tab_list_li.on {background:#2a8fb9}
.tab_wrap.row_typ .tab_list_li.on a {color:#fff}
.tab_wrap.row_typ .tab_cont {float:left;margin-left:40px;width:calc(100% - 270px)}

.bx_tbl + .tab_wrap.col_typ {margin-top:35px}
.tab_wrap.col_typ:after {content:'';display:block;clear:both}
.tab_wrap.col_typ .tab_list {border-bottom:1px solid #2a8fb9}
.tab_wrap.col_typ .tab_list_li {margin-bottom:0;width:300px;height:50px;background:#f5f5f5;border:0}
.tab_wrap.col_typ .tab_list_li a {color:#999;font-weight:400;line-height:50px}
.tab_wrap.col_typ .tab_list_li.on {background:#2a8fb9}
.tab_wrap.col_typ .tab_list_li.on a {color:#fff}
.tab_wrap.col_typ .tab_cont {padding:0;border:0}


/* select */
.bx_sel {position:relative;display:inline-block;width:100%;height:48px;background:#fff;border:1px solid #e5e5e5;text-align:left}
.bx_sel + .bx_sel{margin-left:10px}
.bx_sel:before {content:"";display:block;position:absolute;top:48%;right:20px;width:9px;height:6px;margin-top:-1px;background:url('../images/arrow_bl2.png') no-repeat;background-size:100% auto}
.bx_sel select {width:100%;height:100%;padding:0 42px 0 8px;border:0}
.done select {color:#cccccc}

.tbl_tree {position:relative;margin-left:28px;padding-left:14px}
.tbl_tree:before {content:'';display:block;position:absolute;top:3px;left:0;width:8px;height:8px;background:url('../images/bg_tree_02.png') no-repeat;background-size:100% auto}

[class^=tit_h] .bx_sel {position:absolute;top:50%;right:0px;width:215px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

/* pagination */
.paging {margin-top:20px;padding-bottom:12px;width:100%;text-align:center}
.paging .inwrap {padding:0 8px;display:inline-block;vertical-align:middle;font-size:0}
.paging .inwrap .pg_num {display:inline-block;line-height:32px;width:29px;height:32px;font-size:14px;color:#353535;font-weight:600}
.tab_wrap .paging .inwrap .pg_num { width:19px;}
.paging .inwrap .pg_num.active {color:#ff3419}
.paging .pg_btn {display:inline-block;width:32px;height:32px;border:1px solid #dadada;box-sizing:border-box;vertical-align:middle}
.paging .pg_btn.prev,.paging .pg_btn.last {margin-left:-4px;border-left:1px solid transparent}
.paging .first {background:url('../images/arrow_d_l.png') no-repeat 50% 50%}
.paging .prev {background:url('../images/arrow_pg_l.png') no-repeat 50% 50%}
.paging .next {background:url('../images/arrow_pg_r.png') no-repeat 50% 50%}
.paging .last {background:url('../images/arrow_d_r.png') no-repeat 50% 50%}

.bx_srch {position:relative;width:332px} 
.bx_srch input {padding-right:39px;height:48px;border:1px solid #e5e5e5;box-sizing:border-box}
.bx_srch .btn_srch {position:absolute;right:0;top:0;width:39px;height:48px;background:url('../images/icon_srch.png') no-repeat center;background-size:17px 17px}
.ly_pop_cont .btn_srch {background-image:url('../images/icon_pop_srch.png')}
.attach {display:inline-block;width:16px;height:18px;padding:20px;background:url('../images/icon_file.png') no-repeat;background-position:center;vertical-align:middle}
.attach.disabled {opacity:0.3}
/* step */
.step_wrap {margin-bottom:25px;margin-left:24px}
.step_list {width:100%;height:48px;display:inline-block;font-size:0;text-align:center}
.step_list:after {display:block;clear:both;content:''}
.step_list li {position:relative;display:inline-block;width:25%;height:100%;background:#fff;text-align:left;box-sizing:border-box}
.step_list li .step {display:block;padding:14px 25px 14px 40px;color:#999;font-weight:600;font-size:15px}
.step_list li.step_li {background:#94dbe8}
.step_list li.step_li .step {color:#fff}
.step_list li.step_li.on {background:#52c8dd}
.step_list li:before {content:'';display:block;position:absolute;top:0;left:-25px;width:48px;height:48px;font-size:15px;font-weight:600;border-radius:50%;background:#fff;text-align:center;color:#2a8fb9;line-height:48px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)}
.step_list li:nth-child(1):before {content:'1'}
.step_list li:nth-child(2):before {content:'2'}
.step_list li:nth-child(3):before {content:'3'}
.step_list li:nth-child(4):before {content:'4'}
.step_list li.step_li:before {content:'';background:#7fcddb url('../images/icon_wh_chk.png') no-repeat center}
.step_list li.step_li.on:before {background-color:#2eb1c8}
.step_list li:last-child {border-bottom-right-radius:50px;border-top-right-radius:50px}

/* dimm */
.dimm {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:#000;opacity:.56;z-index:1000}

/* layer popup */
.ly_pop_wrap {overflow:hidden;display:none;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1001}
.ly_pop_inner {position:relative;width:600px}
.ly_pop_wrap.type2 .ly_pop_inner { width: 500px;}
.ly_pop_wrap.type2 .btn_wrap { margin-bottom: 0 !important;}
.ly_pop_inner.ly_w_960 {width:960px}
.ly_pop_inner.ly_w_1060 {width:1060px}
.ly_pop_hd {height:60px;padding:15px 80px 15px 30px;background:#339bc6;color:#fff;font-size:22px;font-weight:600}
.ly_pop_cont {overflow-y:auto;overflow-x:hidden;min-height:200px;max-height:700px;position:relative;padding:30px 30px 30px 30px;background:#fff}
.ly_pop_wrap.type2 .ly_pop_cont { min-height: 250px;}
.ly_pop_cont > *:last-child {margin-bottom:0px}
.ly_pop_cont textarea {min-height:110px}
.ly_pop_cont .btn_wrap {text-align:center}
.ly_pop_cont .tit_h3 {margin-top:30px;margin-bottom:10px}
.btn_pop_close {position:absolute;right:30px;top:15px;width:30px;height:30px;background:url('../images/btn_pop_close.png') no-repeat center}
.pop_tit {margin-bottom:10px;font-size:18px;font-weight:600}
.pop_tit_m {margin-bottom:10px;font-size:16px;font-weight:600}
.pop_txt {font-size:16px}
/* layer-popup table typ1 */
.bx_tbl_pop {position:relative;margin-top:15px;}
.bx_tbl_pop .tbl_inr_pop {max-height:300px;overflow-y:auto;overflow-x:hidden}
.bx_tbl_pop .fixed_top {display:inline-table;position:absolute;top:0;width:100%}
.bx_tbl_pop .btn_plus {margin-top:10px}
.bx_tbl_pop .tbl_typ1_pop {border:0}
.tbl_typ1_pop {border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
.tbl_typ1_pop tr:hover {background:#ebf5fa}
.tbl_typ1_pop tr.on {background:#ebf5fa}
.tbl_typ1_pop th {padding:0 10px;height:50px;color:#4c4c4c;font-weight:400;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#f5f5f5}
.tbl_typ1_pop.t_b_non th {border-top:1px solid #e0e0e0}
.tbl_typ1_pop td {padding:0 10px;height:50px;color:#4c4c4c;text-align:center;border-bottom:1px solid #eaeaea}
.tbl_typ1_pop.tr_h_auto td {padding:15px 5px;height:auto}
.tbl_typ1_pop tfoot td {background-color:#f8f8f8}

/* popup 상단 검색 폼 */
.bx_srch_pop > span {float:left}
.bx_srch_pop:after {content:'';display:block;clear:both}
.bx_srch_pop .bx_sel {width:30%;height:44px}
.bx_srch_pop .bx_srch {margin-left:1%;width:69%;height:44px}
.bx_srch_pop input {height:44px}
.bx_srch_pop .btn_srch {height:44px}
.bx_srch_pop > p { text-align:center; margin-bottom:20px}
.bx_srch_pop > p > .idchk { float: inherit; font-weight:500; color:#2d8ee5}
.bx_srch_pop > p > .idchkn { float: inherit; font-weight:500; color:#ff6554}
.useo { color:#2d8ee5}
.usen { color:#ff6554}

[class^=pop_tbl] .bx_sel {width:185px;height:38px}
[class^=pop_tbl] .bx_inp input {height:38px}
[class^=pop_tbl] .bx_inp input[type=number] {width:60px;text-align:center}

/* 스크롤바 */
.pop_cont_typ1 .bx_tbl::-webkit-scrollbar {width:10px}
.pop_cont_typ1 .bx_tbl::-webkit-scrollbar-track {background:#f0f0f0;border-radius:4px}
.pop_cont_typ1 .bx_tbl::-webkit-scrollbar-thumb {background:#2a8fb9;border-radius:4px}
.bx_tbl_pop .tbl_inr_pop::-webkit-scrollbar {width:10px}
.bx_tbl_pop .tbl_inr_pop::-webkit-scrollbar-track {background:#f0f0f0;border-radius:4px}
.bx_tbl_pop .tbl_inr_pop::-webkit-scrollbar-thumb {background:#2a8fb9;border-radius:4px}

/* IE 스크롤바 */
.pop_cont_typ1 .bx_tbl, .bx_tbl_pop .tbl_inr_pop {
    scrollbar-arrow-color:#f0f0f0;
    scrollbar-Track-Color:#f0f0f0;
    scrollbar-Face-Color:#2a8fb9;
    scrollbar-Shadow-Color:#f0f0f0;
}

/* progress_bar */
.progress_bar {position:relative;display:inline-block;width:95%;height:14px;background:#ececec;border-radius:50px;vertical-align:middle;overflow:hidden}
.progress_gage {content:'';position:absolute;display:block;top:0;left:0;width:82%;height:14px;background:#2d8ee5;border-radius:50px 0 0 50px}
.progress_num {margin:5px 15px 0 0;display:block;text-align:right;font-size:12px}

.input__form.etc_multi .multibox { border: 1px solid #e5e5e5; float: left;}
.etc_multi .multiboxBtn { width:60px; float:left; margin-left: 8px; margin-top:17px }
.etc_multi .multiboxBtn li + li { margin-top:5px;}
.etc_multi .multiboxBtn a {font-weight:500; cursor: pointer;}
.etc_multi { clear:both; display:block; overflow:hidden;}
.tbl_topbtn { text-align:right; margin-bottom: 5px;}
.tbl_topbtn li { display:inline-block}
/* width 사이즈 고정 */
.w200 { width:200px !important}
.w300 { width:300px !important}
.w400 { width:400px !important}
.w500 { width:500px !important}
.w800 { width:800px !important}

.adress input[type='text'] { width:calc(100% - 100px)}
.ectinput input[type='text'] { width:calc(100% - 100px)}
.etc_multi + .addmore { margin-top:5px;}
.addmore { display:block;}
/* loading bar */
.loading_wrap {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.7); text-align:center; z-index:9999}
.loading_wrap .loading_inner {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%)}
.loading_wrap .loading_inner img {width:82px; height:82px; animation:rotation 2s linear infinite}
.loading_wrap .loading_inner p {margin-top:20px; color:#fff; font-weight:400}

.excel_wrap {display:block;margin-top:8px; overflow: hidden;}
.excel_wrap button { width:150px !important; height:35px !important;}
/* 파일박스 */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */
.filebox .upload-name { display: inline-block; width: 400px; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.preview_img { display:block;  width:200px}
.preview_img img {width:100%; height:auto; border: 1px solid #ebebeb;}
.inp_disable { border:1px solid #e5e5e5; height: 43px; padding:0 10px; display:inline-block; width: 100%; line-height:43px; background:#f5f5f5; color: #777777;}
.right_tit {background: #f5f5f5; margin-bottom:8px;position:relative;}
.right_tit h3 { height:50px; line-height:50px;  padding:0 15px; font-size:20px; font-weight:500;}
/* warning */
.warning { border:1px solid #dadada; background:#ebf5fa; padding:20px 25px; margin-top:20px;}
.warning li { line-height:30px;}
.warning li:before { content:'-'; margin-right:10px;}
.warning h5 { text-align: center; font-weight:700; font-size:20px;}
/* js tree */
.tree_title {background: #f5f5f5; margin-bottom:8px;position:relative;}
.tree_title h3 { height:50px; line-height:50px;  padding:0 15px; font-size:20px; font-weight:500;}
.tree_title ul { overflow:hidden; position:absolute; right:15px; top:14px;}
.tree_title li { display:inline-block;}
.tree_title li a { text-indent: -9999em;}
.tree_title .treeopn { width:12px; height:12px; display:inline-block; background:url('../images/btn_tree_more.png') no-repeat;background-size:12px auto;background-position:0 0;vertical-align:middle;}
.tree_title .treecls { width:12px; height:12px; display:inline-block; background:url('../images/btn_tree_more.png') no-repeat;background-size:12px auto;background-position:0 -13px;vertical-align:middle;}
.bx_authority {position:relative}
.bx_authority:after {content:'';display:block;clear:both;}
.bx_authority .bx_tree {position:absolute;top:0;left:0;width:300px;height:calc(100vh - 220px);padding:26px 9px 22px 27px;border:1px solid #eaeaea;border-width:1px 0 1px 1px;border-radius:5px 0 0 5px;background:#fff;}
.bx_authority .bx_tbl {margin-left:300px;padding:30px;width:calc(100% - 300px);min-height:calc(100vh - 220px);border:1px solid #eaeaea;background:#fff;border-radius:0 5px 5px 0}
.bx_top + .bx_authority .bx_tree {padding:20px 9px 22px 60px;width:331px;border-top:0;border-radius:0 0 0 5px}
.bx_top + .bx_authority .bx_tbl {margin-top:0;margin-left:330px;width:calc(100% - 330px);border-top:0;border-radius:0 0 5px 0}
.dynatree-container {overflow:auto;padding-right:20px;height:100%;
    scrollbar-arrow-color:#f0f0f0;
    scrollbar-Track-Color: #f0f0f0; 
    scrollbar-Face-Color: #2a8fb9;
    scrollbar-Shadow-Color:#ebebeb}
.dynatree-container::-webkit-scrollbar {width: 10px}
.dynatree-container::-webkit-scrollbar-track {background: #f0f0f0; border-radius: 4px}
.dynatree-container::-webkit-scrollbar-thumb {background: #2a8fb9; border-radius: 4px}
.dynatree-container ul {margin-left:20px}
.dynatree-node {display:block;margin-top:3px;}
.dynatree-expander {display:inline-block;margin-right:5px;width:12px;height:12px;background:url('../images/btn_tree_more.png') no-repeat;background-size:12px auto;background-position:0 0;vertical-align:middle;}
.dynatree-exp-el .dynatree-expander, .dynatree-exp-edl .dynatree-expander, .dynatree-exp-e .dynatree-expander, .dynatree-exp-ed .dynatree-expander {background-position:0 -13px;}
.dynatree-icon {display:inline-block;width:10px;height:13px;background:url('../images/icon_tree_02.png') no-repeat;background-size:100% auto;vertical-align:middle;}
.dynatree-ico-ef .dynatree-icon {width:16px;height:10px;background:url('../images/icon_tree_01.png') no-repeat;}
.dynatree-title {color:#515151;vertical-align:middle;}
.dynatree-connector {display:inline-block;margin-left:5px;width:10px;height:12px;background:url('../images/bg_tree_connector.png') no-repeat;background-size:100% auto;vertical-align:top;}
.dynatree-connector + .dynatree-icon + .dynatree-title {font-size:13px;color:#8d8d8d;}
.dynatree-connector + .dynatree-icon + .dynatree-title:hover,
.dynatree-connector + .dynatree-icon + .dynatree-title:focus,
.dynatree-connector + .dynatree-icon + .dynatree-title:active {color:#2a8fb9}
.dynatree-connector + .dynatree-icon + .dynatree-title.on {color:#2a8fb9}
.dynatree-connector + .dynatree-checkbox + .dynatree-icon + .dynatree-title {font-size:13px;}
.dynatree-checkbox {display:inline-block;margin-right:3px;width:14px;height:14px;background:url('../images/chk_typ2.png') no-repeat;background-size:14px auto;background-position:0 0;vertical-align:middle;}
.dynatree-selected .dynatree-checkbox {background-position:0 -16px}
.dynatree-partsel .dynatree-checkbox {background-position:0 -16px}
.bx_tree_chk {padding:5px;}
.bx_tree_chk .dynatree-container {overflow:unset}
.bx_tree_chk + .btn_wrap {margin:35px -30px 0 -30px;padding:20px 30px 0 30px;border-top:1px solid #eaeaea}
.bx_tree_chk .dynatree-expander {margin-right:3px;}
.bx_tree_chk .dynatree-connector {margin-left:24px;}

.menu_manage .bx_chk { display:inline-block;}
.menu_manage .bx_chk .chk_typ1 + label  { padding-left: 20px; color:#515151; font-size:15px;}
.menu_manage .bx_chk .chk_typ1 + label::before  { width:15px; height:15px}
.menu_manage .bx_chk .chk_typ1 + label::before  { width:15px; height:15px; background-position:0px;}
.menu_manage .bx_chk  .chk_typ1:checked + label::before {
  background-position-y: 0px ;
}
.textarea .byte { font-size:13px;}
@-webkit-keyframes rotation {
 0% { transform:rotate(0deg); }
 100% { transform:rotate(360deg); }
}
@keyframes rotation {
 0% { transform:rotate(0deg); }
 100% { transform:rotate(360deg); }
}

.jqgrid_wrap { min-height:300px; position:relative;}
.loader { position:absolute; left:50%; top:50%; z-index:500; transform:translate(-50%,-50%);}
.bx_tbl .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { background:none; border:none;}
.bx_tbl .ui-state-default table { border-top:1px solid #339bc6}
.bx_tbl .ui-state-default table tr { background: rgb(1,199,163);
  background: linear-gradient(169deg, rgba(1,199,163,1) 27%, rgba(0,160,252,1) 100%);}
  .bx_tbl .ui-jqgrid .ui-jqgrid-htable th div { color:#ffffff; font-weight:normal; font-size:15px; height:50px; padding:0 5px; line-height:50px;}
.bx_tbl .ui-jqgrid tr.ui-row-ltr td { color:#4c4c4c; border:none; border-bottom:1px solid #eaeaea; font-size:15px; padding:15px 10px;text-align:center; background:none; }  
.bx_tbl .ui-widget.ui-widget-content { padding:0 !important; border:none;}
.bx_tbl .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-staate-disabled:active { border:none;}

.tbl_inr_pop .ui-widget.ui-widget-content { padding:0;}
.tbl_inr_pop .ui-widget.ui-widget-content thead tr {background: rgb(1,199,163);
  background: linear-gradient(169deg, rgba(1,199,163,1) 27%, rgba(0,160,252,1) 100%);}
.tbl_inr_pop .ui-widget.ui-widget-content thead th {color:#ffffff; font-weight:normal; font-size:15px;}
.tbl_inr_pop .ui-jqgrid .ui-jqgrid-htable th div { color:#ffffff;font-weight:normal; font-size:15px;}  
.tbl_inr_pop .ui-jqgrid tr.ui-row-ltr td { border-color:#e5e5e5}

.popup_h3 { margin-top:20px; font-size:18px; font-weight:500; color:#3EB2FF}

.bx_tbl.grid-detail { height:395px }


.dataInfo { margin-bottom:8px; padding-top:8px; }
.dataInfo p { color:#666}
.dataInfo p span { color:#128ec7; font-weight:500; }