@charset "UTF-8"; /* ----- COMMON ----- */
html.sr .load-hidden { visibility: hidden; } 
[data-scroll-y="false"] { overflow-y: hidden; } 
.wrap { overflow: hidden; } 
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; } 
.inner { position: relative; margin-left: auto; margin-right: auto; max-width: 1440px; width: 90%; } 
.inner--large { max-width: 1720px; } 
.image-wrap { position: relative; } 
.image-wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.image-wrap img { max-width: 100%; } 
.font-secondary { font-family: 'Figtree'; } 
.color-primary { color: #ffbc1f; } 
.color-secondary { color: #2abc3f; } 
.color-dark3 { color: #333; } 
.color-blue { color: #2a64d0; } 
.color-red { color: #ff0101; } 
.color-sky { color: #00a4e3; } 
.sp, .mo { display: none; } 
.text-center { text-align: center; } 
.fw-light { font-weight: 200; } 
.fw-bold { font-weight: bold; } 
.fw-normal { font-weight: 400; } 
.fw-medium { font-weight: 500; } 
.fw-semibold { font-weight: 600; } 
.w-auto { width: auto; } 
.d-none { display: none !important; } 
.pt0 { padding-top: 0 !important; } 
.pb0 { padding-bottom: 0 !important; } 

html,body { width: 100%; height: 100%; min-width: 1480px; } 
#wrapper { display: flex; height: 100%; flex-direction: column; } 
/* head */
#hd { display: flex; /*justify-content: space-between;*/ padding: 0 30px; height: 62px; flex-shrink: 0; position: relative; z-index: 101; align-items: center; } 
#hd .top-logo { width: 100px; height: 41px; } 
.wrapper_main #hd .top-logo { background: url(../images/main/logo.png) no-repeat; } 
.wrapper_sub #hd .top-logo { background: url(../images/sub/logo.png) no-repeat; width: auto; padding:0 0 0 110px; font-weight: 600; ;} 
.wrapper_sub #hd .top-logo .title{font-size: 19px;color: #333; }
#hd .top-logo { padding: 10px 0; } 
#hd .hd-navi { display: flex; margin-left: 40px;border:1px solid #ebebeb; border-radius:4px; } 
#hd .hd-navi li { position: relative; padding: 0 5px; } 
#hd .hd-navi li.th1{border-left: 1px solid #ebebeb; padding:0 20px;background: #f9faff; min-width:160px; }
#hd .hd-navi li.th1:first-child{border-left: 0 }
#hd .hd-navi li .navi-item-link { display: flex; align-items: center; font-size: 20px; font-weight: 600; color: #333333; text-decoration: none; height: 60px; flex-direction: column; justify-content: center; transition: color .3s } 
#hd .hd-navi li ul { background: #fff; border-radius: 10px; padding: 20px; position: absolute; left: 0px; right: 0px; box-shadow: 12px 12px 40px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 12px 12px 40px 0px rgba(0,0,0,0.15); -moz-box-shadow: 12px 12px 40px 0px rgba(0,0,0,0.15); transition: opacity .3s, visibility .3s, transform .3s; visibility: hidden; opacity: 0; transform: translate(0%, 10px); } 
#hd .hd-navi li>a.navi-item-link:hover,#hd .hd-navi li a.navi-item-link.on,#hd .hd-navi li.hover>.navi-item-link { color: #4078ff; } 
#hd .hd-navi li.hover ul { visibility: visible; opacity: 1; transform: translate(0%, 0px); } 
#hd .hd-navi li ul li { padding: 0; } 
#hd .hd-navi li.th1 > a.navi-item-link{border-radius: 4px; padding: 8px 10px; height:auto; }
#hd .hd-navi li ul li .navi-item-link { font-size: 16px; color: #666; height: 30px; text-align: left; align-items: flex-start; background:none } 
#hd .hd-navi li ul li .navi-item-link:hover { font-size: 16px; color: #333; height: 30px; text-align: left; align-items: flex-start; } 

/* footer */
#ft { height: 60px; display: flex; position: relative; justify-content: space-between; background: rgb(51, 51, 51, 0.57); padding: 0 30px; align-items: center; } 
.ft_left a { font-size:14px; color:#333; } 
.ft_left a::before { content:''; width:1px; height:12px; background:#999; display:inline-block; margin:0 19px } 
.ft_left a:first-child::before { display:none } 
#ft .ft_btm_site { position: relative; z-index: 3; } 
#ft .ft_btm_site > a { width: 225px; height: 39px; text-align: left; padding-left: 10px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; letter-spacing: -0.025em; transition: all .3s; font-size:14px; color: #333; } 
#ft .ft_btm_site > a .ico { display:block; width:11px; height: 7px; background: url(../images/sub/f_ico.png) no-repeat 0 0; } 
#ft .ft_btm_site > a .ico { transition: .3s; transform:rotate(0deg); } 
#ft .ft_btm_site > a.active .ico { transform:rotate(180deg); } 
#ft .ft_btm_site .ft_site_lst { position: absolute; bottom: 100%; left: 0; padding: 5px 0; visibility:hidden; margin-bottom: 10px; width: 100%; height: 100px; overflow: auto; border-radius: 10px; background-color: #f2f2f2; opacity: 0; transition: all .3s; } 
#ft .ft_btm_site .ft_site_lst.on { opacity: 1; visibility:visible; } 
#ft .ft_btm_site .ft_site_lst li > a { display: flex; height: 26.8px; margin: 0 20px; align-items: center; } 
#ft .ft_btm_site .ft_site_lst li:last-child a { border-bottom: none; } 
.ft_center{text-align:center; margin-left:240px}
.ft_center p{font-size:12px; }

/*sub*/
.sub-cont { width: 100%; flex: 1; display: flex; flex-direction: column; } 
.breadcrumb { background: #f6f7fa; height: 45px; width: 100%; display: flex; border-bottom: 1px solid #f1f1f1; padding-left: var(--box-padding); padding-right: var(--box-padding); justify-content: space-between; align-items: center; } 
.breadcrumb ul { display: flex; align-items: center; justify-content: flex-start; } 
.breadcrumb ul > li { position: relative; padding-right: 34px; } 
.breadcrumb ul li.bc1 a { font-size: 0; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72.37'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237b8087' d='M32.29,1.28L2.29,24.86c-1.45,1.14-2.29,2.88-2.29,4.72v39.79c0,1.66,1.34,3,3,3h20.38c1.66,0,3-1.34,3-3v-24.4c0-1.66,1.34-3,3-3h13.24c1.66,0,3,1.34,3,3v24.4c0,1.66,1.34,3,3,3h20.38c1.66,0,3-1.34,3-3V29.58c0-1.84-.85-3.58-2.29-4.72L39.71,1.28c-2.18-1.71-5.24-1.71-7.42,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; display: block; } 
.breadcrumb ul > li:before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.54 8.46'%3E%3Cg%3E%3Cpolygon points='7.78 8.46 0 1 .69 .28 7.77 7.06 14.83 0 15.54 .71 7.78 8.46'/%3E%3C/g%3E%3C/svg%3E"); width: 11px; height: 6px; display: inline-block; position: absolute; right: 14px; top: 30%; transform: rotate(270deg);; background-repeat:no-repeat; } 
.breadcrumb ul > li:last-child:before { display: none; } 
.breadcrumb ul > li a,.breadcrumb ul > li span{font-size: 14px;}

/* 체크박스 */
.check_box { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 18px; height: 18px; cursor: pointer;  border: 1px solid #d7d7d7; vertical-align: middle; background: #fff; } 
.check_box::before { content: "\2713"; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1; } 
.check_box:checked { background-color: #4078ff; border-color: #4078ff; color: white; } 
.check_box:checked::before { border-radius: 4px; transform: scale(1) translate(-50%, -50%) } 
.check_box + .check_label { margin-left: 10px; } 
.check_box + .check_label { margin-left: 3px; } 
.check_label { font-size: 19px; color: #1e1e23; vertical-align: middle;    letter-spacing: -.8px; } 
.check_label2 { font-size: 19px; color: #1e1e23; vertical-align: middle;    letter-spacing: -.8px; } 

/* 버튼 */
button {display: inline-block;overflow: visible;height: 23px;font-size:14px;padding: 1px 4px 0;border: 1px solid #c3c3c3;background-color: #fff;color: #333;line-height: 100%;letter-spacing: 0;vertical-align: top;white-space: nowrap;cursor: pointer;-webkit-appearance: none;-webkit-text-size-adjust: none;border-radius: 0; } 
.btn_default {position: relative;-webkit-box-flex: 0;-ms-flex: none;flex: none;height: 32px;padding: 0 10px;margin-left: 8px;border: 0;border-radius: 4px;background-color: #f1f3f9;font-weight: 600;vertical-align: top;line-height: normal;color: #333; } 
.btn_default::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.04); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; border-radius: 4px; content: ''; } 
.btn_default:hover::after { opacity: 1; } 
.btn_primary {position: relative;-webkit-box-flex: 0;-ms-flex: none;flex: none;height: 32px;padding: 0 10px;margin-left: 8px;border: 0;border-radius: 4px;background-color: #4078ff;font-weight: 600;vertical-align: top;line-height: normal;color: #fff; } 
.btn_primary::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.04); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; border-radius: 4px; content: ''; } 
.btn_primary:hover::after { opacity: 1; } 
.btn_play{margin-left: 0;}
/*seach*/
.search-box { display: flex; width: 100%;  justify-content: space-between; /*min-width: 1730px;*/} 
.search-box-left{ display: flex; gap: 10px;} 
.search-box select { font-size:14px;appearance:none;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.21 9.71'%3E%3Cg%3E%3Cpolygon fill='%23828282' points='5.61 9.71 11.21 0 0 0 5.61 9.71'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position:calc(100% - 10px) 13px;background-size:  8px 8px; -webkit-box-flex: 0;-ms-flex: none;flex: none;height: 32px;padding: 0 10px;border: 0;border-radius: 4px;background-color: #f1f3f9;font-weight: 600;vertical-align: top;line-height: normal; min-width: 100px;color: #333;  } 
.label_search{display: flex; align-items: center;}
.label_search label{margin-right: 8px;}
.ui-widget.ui-widget-content {border:0px; box-shadow: 5px 5px 10px #ccc; padding:0; border-radius: 10px; }
.ui-widget-header {border: 0px; border-radius: 0px; background: none; } 
.ui-widget-header .ui-icon { background: none; } 
.ui-datepicker-prev {text-align:center; line-height: 2em; } 
.ui-widget-header .ui-icon { background:url(../images/sub/f_ico.png) no-repeat center; } 
.ui-datepicker .ui-datepicker-prev span { transform: rotate(90deg); } 
.ui-datepicker .ui-datepicker-next span { transform: rotate(270deg); } 
.ui-datepicker-next {text-align:center; line-height: 2em; } 
.ui-datepicker-next::before { font: var(--fa-font-solid); content:'\f0da'; color:#fff; } 
.ui-datepicker th {background : #fff; } 
.ui-datepicker th span {font-size:14px; } 
.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-state-disabled:active { border:0px; background: none; text-align: center; width: 24px; height: 24px; line-height: 24px; padding:0; margin: 0 auto; border-radius: 0; border: none; } 
.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-state-disabled:active { border:none}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:0px; background:#d6dff9; color: #333; } 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #4078ff; color: #fff; } 
.ui-datepicker-trigger{margin-left:0 !important; border-top-left-radius:0; border-bottom-left-radius:0; padding-left:4px}
.ui-datepicker-trigger:before {
    width: 14px;
    height: 16px;
    display: block;
    background-size: 14px 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17.6' viewBox='0 0 16 17.6'%3E%3Cg transform='translate(-2.2 -1.2)'%3E%3Cpath d='M4.6,4H15.8a1.578,1.578,0,0,1,1.6,1.556V16.444A1.578,1.578,0,0,1,15.8,18H4.6A1.578,1.578,0,0,1,3,16.444V5.556A1.578,1.578,0,0,1,4.6,4Z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3Cpath d='M13.4,2V6M7,2V6M3,10H17.4' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E");
}
.date_box { display:flex;/*font-size: 0;*/ } 
.date_box .btn_default { margin-left: 3px; }  
#datepicker { position: relative;-webkit-box-flex: 0;-ms-flex: none;font-size:14px;flex: none;height: 32px;padding: 0 10px;margin-left: 3px;border: 0;border-radius: 4px;background-color: #f1f3f9;font-weight: 600;vertical-align: top;line-height: normal; width: 100px; } 
.btn_date_prev,.btn_date_next { width: 32px; height: 32px; } 
.icon_prev { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.71 11.21'%3E%3Cg %3E%3Cpolygon fill='%23828282' points='9.71 5.61 0 0 0 11.21 9.71 5.61'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; width:8px; height: 8px; display: block; transform: rotate(180deg); } 
.icon_next { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.71 11.21'%3E%3Cg %3E%3Cpolygon fill='%23828282' points='9.71 5.61 0 0 0 11.21 9.71 5.61'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; width:8px; height: 8px; display: block; margin-left: 2px; } 
.icon_search{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.99 71.99'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M68.99,71.99c-.77,0-1.54-.29-2.13-.89l-17.84-17.95c-9.49,7.63-26.73,11.57-40.25-1.95-11.7-11.7-11.7-30.73,0-42.43,11.7-11.7,30.73-11.7,42.43,0,10.96,10.96,11.65,28.36,2.07,40.13l17.85,17.96c1.17,1.17,1.16,3.08-.01,4.24-.58.58-1.35.87-2.11.87ZM29.99,6c-6.15,0-12.29,2.34-16.97,7.02-9.36,9.36-9.36,24.58,0,33.94,11.71,11.71,26.89,7.05,33.94,0,9.36-9.36,9.36-24.58,0-33.94-4.68-4.68-10.83-7.02-16.97-7.02Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat: no-repeat; background-size: 14px 13px; background-position: left center; padding-left: 18px;}
.icon_help{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23272a2e; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cg%3E%3Ccircle class='cls-1' cx='8' cy='8' r='8'/%3E%3Cpath class='cls-2' d='M8.05,6.84c.5-.33.89-.69.89-1.23,0-.59-.46-.97-1.02-.97s-1.05.36-1.08,1.05h-1.66c.04-1.65,1.25-2.44,2.75-2.44,1.63,0,2.79.86,2.79,2.3,0,.96-.49,1.58-1.27,2.04-.66.4-.95.77-.96,1.59v.13h-1.55v-.13c.01-1.45.4-1.91,1.1-2.34ZM6.78,10.97c-.01-.54.43-.97.98-.97.52,0,.97.43.97.97s-.46.98-.97.98c-.55,0-1-.45-.98-.98Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat: no-repeat; background-size: 16px 16px; background-position: left center; padding-left: 20px;}
.icon_play{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61.38 72.35'%3E%3Cg%3E%3Cpath d='M6,72.35c-1.01,0-2.02-.25-2.93-.77-1.89-1.06-3.07-3.07-3.07-5.23V6C0,3.83,1.17,1.83,3.07.77c1.89-1.06,4.21-1.02,6.06.11l49.38,30.17c1.8,1.1,2.87,3.01,2.87,5.12s-1.07,4.02-2.87,5.12l-49.38,30.17c-.96.59-2.04.88-3.13.88ZM6,6v60.37s49.38-30.19,49.38-30.19L6,6Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat: no-repeat; background-size: 13px 11px; background-position: left center; padding-left: 16px;}
.icon_pause{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M7,5V19M17,5V19' transform='translate(-6 -4)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat: no-repeat; background-size: 13px 11px; background-position: left center; padding-left: 16px;}
 /* Modal */
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; display: none; } 
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } 
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } 
.fade.in { opacity: 1; } 
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } 
.modal-open .modal { overflow-x: hidden; overflow-y: auto; } 
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 0.3rem; outline: 0; border: 0; border-radius: 10px } 
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; border-bottom: 1px solid #dee2e6; } 
.modal-header { margin: .75rem 2rem 0; padding: .65rem 0; align-items: center; justify-content: flex-start; } 
.modal-title { font-size: 20px; font-weight: 600; margin-right: auto; flex-shrink: 0 } 

.modal-header .icon-x { width: 1.8rem; height: 1.8rem; background-size: 1.3333rem } 
.modal-header .form-srch { flex: 1; max-width: 22rem } 
.modal-header .form-srch.wide { max-width: 29rem } 
.modal-header .form-srch .form-control { max-width: none } 
.modal-header .form-srch select.form-control { flex-basis: 6rem; max-width: 5rem; margin-right: .5rem } 
.modal-body { padding: 1.5rem 2rem 2rem } 
.modal-sm .modal-body { padding: 1.5rem } 
.modal-footer { border-top: 0; padding: 0 2rem 1.5rem; justify-content: center } 
.modal-footer>*, .form-footer>* { margin: 0 .25rem } 
.modal-full { margin: 0; width: 100%; min-height: 100%; max-width: none; background: #fff; pointer-events: auto; padding: 5rem var(--container-padding) } 
.modal-full .modal-content { border-radius: 0; max-width: 1360px; margin: 0 auto } 
.modal-full .icon-x { position: absolute; top: 2rem; right: 2rem; width: 32px; height: 32px; background-size: 1.2rem auto } 
.modal-alert .modal-content { margin: 0 auto; padding: 4rem 2rem; text-align: center; display: block; font-weight: 500 } 
.modal-alert .btn { margin-top: 2rem; min-width: 8rem } 
.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } 
.modal-dialog { max-width: 600px; margin: 1.75rem auto; } 
.modal-lg { max-width: 960px; } 
.modal-sm { max-width: 300px}
.icon-x { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.12 59.12'%3E%3Cg%3E%3Cpolygon points='59.12 3.54 55.59 0 29.56 26.03 3.54 0 0 3.54 26.03 29.56 0 55.59 3.54 59.12 29.56 33.1 55.59 59.12 59.12 55.59 33.1 29.56 59.12 3.54'/%3E%3C/g%3E%3C/svg%3E"); } 

.w150 select{min-width: 150px;}

/* table Style */
.table2 { border-top:1px solid #666; } 
.table2.noBorder { border-top:0; } 
.table2 table { width:100%; } 
.table2 table th,
.table2 table td { text-align:center; padding:8px 0; vertical-align:middle; } 
.table2 table thead th { background:#f6f6f6; border:1px solid #ccc; border-width:1px 0; font-weight:600; } 
.table2 table tbody th { background:#f6f6f6; border:1px solid #e4e4e4; border-width:0 0 1px; font-weight:600; } 
.table2 table tbody td { border-bottom:1px solid #e4e4e4; line-height:1.6; background: #fff; } 
.table2 table .left { text-align:left !important; padding-left:10px; padding-right:10px; } 
.table2 table .right { text-align:right !important; padding-left:10px; padding-right:10px; } 
.table2 table tbody.view td { text-align:left; padding-left:10px; padding-right:10px; } 
.table2 table thead + tbody tr:hover td { background-color:#f6f6f6; } 
.table2 table .bgWhite td { background:#fff; } 
.table2 table .line th,
.table2 table .line td { border-left:1px solid #e4e4e4; } 
.table2 table .line tr > *:first-child { border-left-width:0; } 
.table2 table .content { line-height:1.4; } 
.table2 table .fileDownload { padding-bottom:1px; font-weight:700; color:#111; } 
.table2 table .fileDownload:hover { text-decoration:none; border-bottom:1px solid #111; } 
.table2 table .depth2 { margin-left:15px; } 
.table2 table .depth3 { margin-left:30px; } 
.table2 table .depth4 { margin-left:45px; } 
.table2 table .total td { font-weight:700; color:#111; background:#f6f6f6; } 
.table2.narrow th,
.table2.narrow td { padding-top:4px; padding-bottom:4px; } 
.SumoSelect{min-width: 100px; width: 100%;}
.w150{width: 160px;}
.SumoSelect>.CaptionCont{font-size:14px;appearance:none; background-repeat: no-repeat; background-position:calc(100% - 10px) 13px; position: relative;-webkit-box-flex: 0;-ms-flex: none;flex: none;height: 32px;padding: 0 10px;border: 0;border-radius: 4px;background-color: #f1f3f9;font-weight: 600;vertical-align: top;line-height: normal; min-width: 100px;color: #333; line-height: 30px; }
.SumoSelect>.CaptionCont>label{margin-right:0}
.SumoSelect>.CaptionCont>label>i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.21 9.71'%3E%3Cg%3E%3Cpolygon fill='%23828282' points='5.61 9.71 11.21 0 0 0 5.61 9.71'/%3E%3C/g%3E%3C/svg%3E");background-size:  8px 8px;}
.SumoSelect.open .search-txt{height: 100%;}

.content_item_box .content_item.flex-st{padding-bottom:30px}
.flex-st .info-txt1{position:absolute; bottom:10px}

.div_info_txt {display: flex; flex-direction: column; align-items: end;}

.info_txt{position: relative; padding-left: 7px; color: #333; font-size: 14px;}
.info_txt:before{content:''; position:absolute; display:block; width:3px; height:3px; border-radius:3px; background-color: #333; left:0; top:6px;}

/*웹 접근성*/
.blind, table caption{
    position: absolute;
    top: 99999999em;
    height: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
    padding: 0px !important;
    margin: 0px !important;
}
#btn-selector .btn_default{margin-left:3px}
.imgChart.btn_default{margin-left:0}
.i_w{margin:0 3px}
.fr_datepicker { position: relative;-webkit-box-flex: 0;-ms-flex: none;font-size:14px;flex: none;height: 32px;padding: 0 10px;margin-left: 3px;border: 0;border-radius: 4px;background-color: #f1f3f9;font-weight: 600;vertical-align: top;line-height: normal; width: 100px; }