@charset "UTF-8";

@import url("webfont.css");
@import url("font-awesome.css");
@import url("jquery-ui.css");
@import url("jbox.css");

/***********************
 Reset Common
 ***********************/
*, *::before, *::after {box-sizing: border-box;}
html {font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
body {
  margin: 0;
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing:-0.25px;
  color: #666;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {outline: 0 !important;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0;}
p {margin-top: 0; margin-bottom: 0;}
abbr[title], abbr[data-original-title] {text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;}
address {margin-bottom: 1rem; font-style: normal; line-height: inherit;}
ol, ul, dl {margin: 0;}
ol ol, ul ul, ol ul, ul ol {margin: 0;}
dt {font-weight: 700;}
dd {margin-bottom: .5rem; margin-left: 0;}
blockquote {margin: 0 0 1rem;}
b, strong {font-weight: bolder;}
small {font-size: 80%;}
/* sub, sup {position: relative; font-size: 75%;} */
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}

a {color: #666; text-decoration: none; background-color: transparent;}
a:hover {color: #005da4; text-decoration: none;}
a:not([href]) {color: inherit; text-decoration: none;}
a:not([href]):hover {color: inherit; text-decoration: none;}

pre, code, kbd, samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;}
pre {margin-top: 0; margin-bottom: 1rem; overflow: auto;}
figure {margin: 0 0 1rem;}
img {vertical-align: middle; border-style: none;}
svg {overflow: hidden; vertical-align: middle;}
table {border-collapse: collapse;}
caption {overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0;}
th {text-align: inherit;}
label, legend {display: inline-block; margin-bottom: 0;}
button {border-radius: 0;}
button:focus {outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
input, button, select, optgroup, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
button, input {overflow: visible;}
button, select {text-transform: none;}
select {word-wrap: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {cursor: pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0; border-style: none;}
input[type="radio"], input[type="checkbox"] {box-sizing: border-box; padding: 0;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {-webkit-appearance: listbox;}
textarea {overflow: auto; resize: vertical;}
fieldset {min-width: 0; padding: 0; margin: 0; border: 0;}
/* legend {display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0; font-size: inherit; line-height: inherit; color: inherit; white-space: normal;} */
progress {vertical-align: baseline;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px; -webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit; -webkit-appearance: button;}
output {display: inline-block;}
summary {display: list-item; cursor: pointer;}
template {display: none;}
[hidden] {display: none !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 600; line-height: 1.2;}
h1, .h1 {font-size: 2em;}
h2, .h2 {font-size: 1.5em;}
h3, .h3 {font-size: 1.25em;}
h4, .h4 {font-size: 1em;}
h5, .h5 {font-size: 0.8em;}
h6, .h6 {font-size: 0.8em;}

hr {margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}
small, .small {font-size: 80%; font-weight: 400;}
mark, .mark {padding: 0.2em; background-color: #fcf8e3;}

.list-unstyled {padding-left: 0; list-style: none;}
.list-inline {padding-left: 0; list-style: none;}
.list-inline-item {display: inline-block;}
.list-inline-item:not(:last-child) {margin-right: 0.5rem;}

.initialism {font-size: 90%; text-transform: uppercase;}
.blockquote {margin-bottom: 1rem; font-size: 1.25rem;}
.blockquote-footer {display: block; font-size: 80%; color: #6c757d;}
.blockquote-footer::before {content: "\2014\00A0";}
.img-fluid {max-width: 100%; height: auto;}
.img-thumbnail {padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto;}
.figure {display: inline-block;}
.figure-img {margin-bottom: 0.5rem; line-height: 1;}
.figure-caption {font-size: 90%; color: #6c757d;}
code {font-size: 87.5%; color: #e83e8c; word-wrap: break-word;}
a > code {color: inherit;}
kbd {padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem;}
kbd kbd {padding: 0; font-size: 100%; font-weight: 700;}
pre {display: block; font-size: 87.5%; color: #212529;}
pre code {font-size: inherit; color: inherit; word-break: normal;}
.pre-scrollable {max-height: 340px; overflow-y: scroll;}

.clearfix{content:"";display:block;clear:both;}
.en {font-family: 'Montserrat','Noto Sans KR',sans-serif; letter-spacing: -0.5px;}

.sr-only {position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.text-decoration-none {text-decoration: none !important;}
.text-break {word-break: break-word !important; overflow-wrap: break-word !important;}
.text-reset {color: inherit !important;}
.visible {visibility: visible !important;}
.invisible {visibility: hidden !important;}

/* text */
.text-essential {display:inline-block; position:relative;}
.text-essential:before {content:"*"; display:inline-block; color:#f46b6b;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-lightblue {color:#0092e0;}
.text-red {color:#ff5b5b;}
.text-blue {color:#033333;}
.text-remark {color:#ff5b5b; font-size:90%;}
.text-description {font-size:21px; font-weight:300; line-height:30px;}
.text-description.text-sm {font-size:14px; line-height:2;}
.text-sm {font-size:12px;}

/* bg-color */
.bg-white {background-color:#fff !important;}
.bg-grey {background-color:#fafafa !important;}

/* margin */
.margin-0 {margin:0 !important;}
.margin-top-0 {margin-top:0 !important;}
.margin-right-0 {margin-right:0 !important;}
.margin-bottom-0 {margin-bottom:0 !important;}
.margin-left-0 {margin-left:0 !important;}
.margin-10 {margin:10px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-right-10 {margin-right:10px !important;}
.margin-bottom-10 {margin-bottom:10px !important;}
.margin-left-20 {margin-left:20px !important;}
.margin-20 {margin:20px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-right-20 {margin-right:20px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-left-20 {margin-left:20px !important;}

/* padding */
.padding-0 {padding:0 !important}
.padding-top-0 {padding-top:0 !important;}
.padding-right-0 {padding-right:0 !important;}
.padding-bottom-0 {padding-bottom:0 !important;}
.padding-left-0 {padding-left:0 !important;}
.padding-10 {padding:10px !important;}
.padding-top-10 {padding-top:10px !important;}
.padding-right-10 {padding-right:10px !important;}
.padding-bottom-10 {padding-bottom:10px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-20 {padding:20px !important;}
.padding-top-20 {padding-top:20px !important;}
.padding-right-20 {padding-right:20px !important;}
.padding-bottom-20 {padding-bottom:20px !important;}
.padding-left-20 {padding-left:20px !important;}


/***********************
 GEP layout common
 ***********************/
/* common */
.fL{float:left !important;}
.fR{float:right !important;}

#wrap {max-width:100%; min-width:1240px; }

/* header */
#header {width:100%; background-color:#FFFFFF; position:relative; z-index:60;}
#header .h-top {width:100%; background-color:#f7f7f7; height:50px;}
#header .h-bottom {width:100%; height:100px; margin:0 auto; background:#333; position:relative;}
#header .h-box {width:100%; max-width:1200px; margin:0 auto; position:relative; display:flex;}
#header .h-box:after {content:""; display:block; float:none; clear:both;}
#header .h-box h1 {width:285px; padding-left:20px;}
#header .h-box h1 a {position: relative; display:block; width:189px; height:80px; background:url('../images/logo.png') no-repeat 0 50%; background-size:100%;}
#header .h-box h1 a span {position: absolute; bottom: 0; left: 0; display:block; color:#FFFFFF; font-size:14px; font-weight:500; margin-top:10px; width:100%; height:20px; line-height:20px; background-color:#444444; text-align:center;}

/* 패밀리 사이트 보기 */
div.new_header_19 .pop_home{display:none;position:fixed;top:0;left:0;width:100%;border-bottom:3px solid #0092e0;background:#efefef;z-index:200;}
div.new_header_19 .home_box{position:relative;margin:0 auto;/*padding:5px 0;*/width:1200px;}
div.new_header_19 .pop_home h3{margin:0 6px;padding:10px 0;width:172px;text-align:center;font-size:17px;}/* 191107 수정 */
div.new_header_19 .pop_home h3:after{right:-1px;}/* 191107 수정 */
div.new_header_19 .home_box p{display:inline-block;position:relative;margin:10px 6px;width:172px;height:40px;vertical-align:top;}/* 191107 수정 */
div.new_header_19 .home_box a{width:100%;text-align:center;}/* 191107 수정 */
div.new_header_19 .home_box a.btn_o{display:none;position:absolute;top:0;left:0;height:100%;font-size:13px;}
div.new_header_19 .home_box a.btn_o strong{display:block;margin-top:10px;font-size:14px;}
div.new_header_19 .home_box .btn_close{position:absolute;top:0;right:0;width:63px;padding:5px 0 6px;border:1px solid #c2c2c2;}
div.new_header_19 .home_box .btn_close span{display:inline-block;padding-right:20px;font-weight:bold;font-size:12px;color:#737373;background:url('../images/icon/btn_t_close.png') right center no-repeat;}
div.new_header_19 .home_box > div{padding:10px 0;}

div.new_header_19{height:46px;background:#efefef;}
div.new_header_19 > div{margin:0 auto;padding:2px 10px 0;width:1200px;}
div.new_header_19 h3{display:inline-block;position:relative;padding:0 25px 0 17px;vertical-align:top;font-weight:bold;font-size:13px;line-height:40px;color:#333;}
div.new_header_19 h3:after{content:"";display:block;position:absolute;top:50%;right:8px;margin-top:-6px;width:1px;height:12px;background:#333;}
div.new_header_19 a{display:inline-block;vertical-align:top;}
div.new_header_19 .fL a{margin:7px 9px 0;}
div.new_header_19 .fL img{height:26px;}
div.new_header_19 .fL button.btn_more{margin:5px 0 0 5px;padding:0 8px;width:auto;height:29px;border:1px solid #c2c2c2;border-radius:2px;}/* 191107 수정 */
div.new_header_19 .fL button.btn_more span{display:inline-block;padding-right:15px;font-weight:bold;font-size:12px;color:#737373;background:url('../images/icon/btn_t_more.png') right center no-repeat;}
div.new_header_19 .fR a{position:relative;margin:15px 10px 0;height:12px;font-size:13px;line-height:12px;color:#666 !important;}
div.new_header_19 .fR a.btn_lang{font-weight:bold;color:#497391 !important;}
div.new_header_19 .fR a:after{content:"";position:absolute;top:0;right:-10px;display:block;width:1px;height:12px;vertical-align:top;background:#b8b8b8;}
div.new_header_19 .fR a:last-child{margin-right:0;}
div.new_header_19 .fR a:last-child:after{display:none;margin-right:0;}

/* nagigator */
#navigator {width:calc(100% - 285px);}
#navigator .st-depth {width:100%; font-size:0; text-align:center; padding:0;}
#navigator .st-depth > li {display:flex; display:-ms-flexbox; -ms-flex-direction: row; flex-direction: row;}
#navigator .st-depth > li > a {position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; display:block; padding:40px 20px; font-size:18px; line-height:20px; color:#fff; font-weight:500; position:relative; text-align:left;}
#navigator .st-depth > li .nd-box {display:none; width:1200px; position:absolute; top:100px; left:calc(50% - 600px); z-index:2; background-color:#FFFFFF; border:1px solid #929292; padding-left:285px; box-shadow:15px 15px 15px rgba(25,25,25,0.35);}
#navigator .st-depth > li .nd-left {width:285px; height:100%; position:absolute; top:0; left:0;}
#navigator .st-depth > li .nd-left .nd-inbox {position:absolute; bottom:0; left:0; padding:25px 20px; width:100%; text-align:left;}
#navigator .st-depth > li .nd-left.nd-left-img {min-height: 290px; background-image:url('/images/bg/nav_bg_admin0.png'); background-repeat: no-repeat; background-position:50% 50%; background-size:cover;}
#navigator .st-depth > li .nd-left strong {display:block; font-size:20px; line-height:20px; color:#FFFFFF; font-weight:700; padding-bottom:35px; position:relative;}
#navigator .st-depth > li .nd-left strong:after {position:absolute; bottom:0; left:0; display:block; content:""; width:40px; height:3px; background-color:#FFFFFF;}
#navigator .st-depth > li .nd-left p {font-size:17px; line-height:27px; color:#FFFFFF;}
#navigator .st-depth > li .nd-left p:before {content:""; display:block; position:absolute; top:10px; left:20px; width:20px; height:4px; background-color:#fff;}
#navigator .st-depth > li .nd-right {width: 100%; position: relative;}
#navigator .st-depth > li .nd-right .line-box {display:block; width:75%; height:100%; position:absolute; top:0; left:0; z-index:1; border-right:1px solid #e3e3e3;}
#navigator .st-depth > li .nd-right .line-box:after {content:""; display:block; width:calc(20%); height:100%; position:absolute; left:20%; border:1px solid #e3e3e3; border-top:none; border-bottom:none;}
#navigator .st-depth > li .nd-right.triple .line-box {display:block; width:100%;}
#navigator .st-depth > li .nd-right.triple .line-box:after {width:calc(20%); border:1px solid #e3e3e3; border-top:none; border-bottom:none;}
#navigator .st-depth > li:hover .nd-box {display:block;}
#navigator .st-depth > li:hover > a {color:#fff;}
#navigator .st-depth > li .nd-box .triple {display:flex; display:-ms-flexbox; -ms-flex-direction: row; flex-direction: row;}
#navigator .st-depth > li .nd-box .triple .list-box {position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; border-right:1px solid #e3e3e3; min-height: 290px; padding:20px;}
#navigator .st-depth > li .nd-box .triple .list-box:last-child {border-right:0 !important;}
#navigator .st-depth > li .nd-box .list-box .lb-title {display:block; width:100%; }
#navigator .st-depth > li .nd-box .list-box .lb-title a {display:block; width:100%; line-height:20px; color:#333333; font-size:17px; text-align:left; padding:15px 15px 15px 35px; position:relative;}
#navigator .st-depth > li .nd-box .list-box .lb-title a:after {content:""; display:block; width:6px; height:6px; background-color:#333333; border-radius:2px; position:absolute; top:calc(50% - 3px); left:20px;}
#navigator .st-depth > li .nd-box .list-type {font-size:0; display:block; width:100%; position:relative; z-index:2; padding:0 0 10px 0; }
#navigator .st-depth > li .nd-box .list-type > li {display:block; width:100%;}
#navigator .st-depth > li .nd-box .list-type > li > a {display:block; width:100%; text-align:left; font-size:15px; line-height:2.5; font-weight:500; color:#333333; word-break:keep-all;}
#navigator .st-depth > li .nd-box .list-type > li > a.line {padding-bottom:13px; border-bottom:1px solid #0255a2;}
#navigator .st-depth > li .nd-box .list-type > li:hover > a {color:#005da4;}
#navigator .st-depth > li .nd-box .list-type > li ul {margin-top:15px;}
#navigator .st-depth > li .nd-box .list-type > li ul li {display:block; width:100%; text-align:left; margin-bottom:10px;}
#navigator .st-depth > li .nd-box .list-type > li ul li:last-of-type {margin-bottom:0;}
#navigator .st-depth > li .nd-box .list-type > li ul li a {display:block; font-size:13px; line-height:17px; color:#666666; word-break:keep-all;}
#navigator .st-depth > li .nd-box .list-type > li ul li:hover a {color:#005da4;}
#navigator .st-depth > li .nd-box .dot-type {padding:12.5px; font-size:0;}
#navigator .st-depth > li .nd-box .dot-type:after {content:""; display:block; float:none; clear:both;}
#navigator .st-depth > li .nd-box .dot-type > li {display:table; float:left; margin:7.5px 7.5px; width:160px; height:60px; border:1px solid #e3e3e3; }
#navigator .st-depth > li .nd-box .dot-type > li a {display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:15px; line-height:18px; color:#333333; text-align:center;}

/* contents left right */
#content {width:100%; }
#container {width:100%; }
.cont_bg{display:block;width:1200px;margin:0 auto; padding:0 0 100px;}

#left{display:inline-block;width:270px;margin-left:0}
#left .left_title{display:inline-block; width:270px; height:63px; margin:0; background-color: #333;}
.left_title h2{display:block;margin-top:17px;font-size:20px;line-height:28px;font-weight:500;color:#fff;text-align:center}
#left > ul{display:inline-block;width:100%;margin:0;padding:0 0 15px 0}
#left > ul > li{display:inline-block;width:100%;}
#left > ul li a {cursor:pointer;}
#left > ul li a:hover{color:#0255a2;}
#left > ul li a.active, #left > ul li a.active:hover {color:#0255a2 !important;}
#left > ul > li > a{display:block;text-decoration:none;width:100%;padding:15px;font-size:15px;font-weight:500;color:#333;border-bottom:1px solid #dedede;background:#fff}
#left > ul > li > a:after {content:"\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right;}
#left > ul > li > a.on{color:#fff;background:#EE8236}
#left > ul > li > ul{display:block;padding:0;}
#left > ul > li > ul > li{display:block;}
#left > ul > li > ul > li > a{display:block;text-decoration:none;margin:0;padding:10px 20px;border-bottom:1px solid #dedede;font-size:14px;color:#444;background-color:#fafafa}
#left > ul > li > ul > li > a.on{color:#ae3a01;font-weight:700}

.contents.right {display: inline-block; width: calc(100% - 300px); min-height: calc(100vh - 473px); vertical-align: top; margin-left:27px;}
.contents.right>.sb-title {width:100%; padding:15px 20px 15px; border-bottom:4px solid #333;}
.contents.right>.sb-title strong {display:block; width:100%; font-size:25px; line-height:25px; color:#333;}

/*invigator*/
.invigator {width:100%; border-bottom:1px solid #dedede; border-top:1px solid #dedede; min-width:1200px; height: 64px;}
.breadcrumb-wrap {width:1200px; margin:0 auto; position:relative;}
.breadcrumb {display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:20px; list-style:none;}
.breadcrumb-item + .breadcrumb-item {padding-left:5px;}
.breadcrumb-item + .breadcrumb-item:before {content:">"; display:inline-block; padding-right:5px; color:#999;}
.breadcrumb-item a {color:#999;}
.breadcrumb-item.active a {color:#333;}
.breadcrumb-item a:hover {text-decoration:underline; color:#333;}
.breadcrumb-wrap .btn-nav {position:absolute; display:inline-block; top:17px; right:0;}
.breadcrumb-wrap .btn-nav .btn {width:60px;}

/* footer */
#footer {padding:35px 0; width:100%; background:#e9e9e9; clear: both;}
#footer > div {margin:0 auto; width:1100px;}
#footer > div:after {content:""; display:block; float:none; clear:both;}
#footer .f_logo {margin-top:33px; float:left}
#footer .f_menu {margin-left:70px; float:left}
#footer .menu a {display:inline-block; vertical-align:top; font-size:16px; line-height:16px; color:#444;}
#footer .menu a.fc_org {font-weight:bold;color:#f26522;}
#footer .menu a:after {content:"";display:inline-block;margin:0 20px;width:1px;height:16px;vertical-align:top;background:#b8b8b8;}
#footer .menu a:last-child:after {display:none;margin-right:0;}
#footer .copy {margin-top:20px;font-size:13px;line-height:26px;color:#666;}
#footer .copy span {display:inline-block;margin-right:10px;vertical-align:middle;line-height:120%;}
#footer .copy strong {font-size:14px;;line-height:10px;color:#006dca;}
#footer .fR {margin-top:5px;}
#footer .fR img {margin-left:10px;}

.btn-pagetop {position:fixed; right:20px; bottom:20px; display:none; width:42px; height:42px; background-color:rgba(255, 255, 255, 0.5); border:1px solid #dedede; background-image: url('../../images/ic_top.png'); background-repeat: no-repeat; background-position:center center;}
.btn-pagetop:hover {background-color:rgba(255, 255, 255, 1);}


/***********************
 layout common
 ***********************/
.container-fluid {width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto;}
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.no-gutters {margin-right: 0; margin-left: 0;}
.no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 0; padding-left: 0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.row-cols-1 > * {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.row-cols-2 > * {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.row-cols-3 > * {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.row-cols-4 > * {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.row-cols-5 > * {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.row-cols-6 > * {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}
.col-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.order-first {-ms-flex-order: -1; order: -1;}
.order-last {-ms-flex-order: 13; order: 13;}
.order-0 {-ms-flex-order: 0; order: 0;}
.order-1 {-ms-flex-order: 1; order: 1;}
.order-2 {-ms-flex-order: 2; order: 2;}
.order-3 {-ms-flex-order: 3; order: 3;}
.order-4 {-ms-flex-order: 4; order: 4;}
.order-5 {-ms-flex-order: 5; order: 5;}
.order-6 {-ms-flex-order: 6; order: 6;}
.order-7 {-ms-flex-order: 7; order: 7;}
.order-8 {-ms-flex-order: 8; order: 8;}
.order-9 {-ms-flex-order: 9; order: 9;}
.order-10 {-ms-flex-order: 10; order: 10;}
.order-11 {-ms-flex-order: 11; order: 11;}
.order-12 {-ms-flex-order: 12; order: 12;}
.offset-1 {margin-left: 8.333333%;}
.offset-2 {margin-left: 16.666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.333333%;}
.offset-5 {margin-left: 41.666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.333333%;}
.offset-8 {margin-left: 66.666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.333333%;}
.offset-11 {margin-left: 91.666667%;}

/* flex */
.d-flex {display:flex; display:-ms-flexbox;}
.d-inline-flex {display:inline-flex; display:-ms-inline-flexbox;}
.flex-none {flex:none !important;}
.flex-row {-ms-flex-direction: row !important; flex-direction: row !important;}
.flex-column {-ms-flex-direction: column !important; flex-direction: column !important;}
.flex-row-reverse {-ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important;}
.flex-column-reverse {-ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}
.flex-wrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.flex-nowrap {-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}
.flex-wrap-reverse {-ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important;}
.flex-fill {-ms-flex: 1 1 auto !important; flex: 1 1 auto !important;}
.flex-grow-0 {-ms-flex-positive: 0 !important; flex-grow: 0 !important;}
.flex-grow-1 {-ms-flex-positive: 1 !important; flex-grow: 1 !important;}
.flex-shrink-0 {-ms-flex-negative: 0 !important; flex-shrink: 0 !important;}
.flex-shrink-1 {-ms-flex-negative: 1 !important; flex-shrink: 1 !important;}
.justify-content-start {-ms-flex-pack: start !important; justify-content: flex-start !important;}
.justify-content-end {-ms-flex-pack: end !important; justify-content: flex-end !important;}
.justify-content-center {-ms-flex-pack: center !important; justify-content: center !important;}
.justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important;}
.justify-content-around {-ms-flex-pack: distribute !important; justify-content: space-around !important;}
.align-items-start {-ms-flex-align: start !important; align-items: flex-start !important;}
.align-items-end {-ms-flex-align: end !important; align-items: flex-end !important;}
.align-items-center {-ms-flex-align: center !important; align-items: center !important;}
.align-items-baseline {-ms-flex-align: baseline !important; align-items: baseline !important;}
.align-items-stretch {-ms-flex-align: stretch !important; align-items: stretch !important;}
.align-content-start {-ms-flex-line-pack: start !important; align-content: flex-start !important;}
.align-content-end {-ms-flex-line-pack: end !important; align-content: flex-end !important;}
.align-content-center {-ms-flex-line-pack: center !important; align-content: center !important;}
.align-content-between {-ms-flex-line-pack: justify !important; align-content: space-between !important;}
.align-content-around {-ms-flex-line-pack: distribute !important; align-content: space-around !important;}
.align-content-stretch {-ms-flex-line-pack: stretch !important; align-content: stretch !important;}
.align-self-auto {-ms-flex-item-align: auto !important; align-self: auto !important;}
.align-self-start {-ms-flex-item-align: start !important; align-self: flex-start !important;}
.align-self-end {-ms-flex-item-align: end !important; align-self: flex-end !important;}
.align-self-center {-ms-flex-item-align: center !important; align-self: center !important;}
.align-self-baseline {-ms-flex-item-align: baseline !important; align-self: baseline !important;}
.align-self-stretch {-ms-flex-item-align: stretch !important; align-self: stretch !important;}

.ellipse {white-space:nowrap; display:inline-blcok; overflow:hidden; text-overflow:ellipsis;}
.ellipse.two-lines {-webkit-line-clamp: 2; display:-webkit-box; -webkit-box-orient:vertical; white-space:normal;}

.m-auto {margin: auto !important;}
.mt-auto, .my-auto {margin-top: auto !important;}
.mr-auto, .mx-auto {margin-right: auto !important;}
.mb-auto, .my-auto {margin-bottom: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}


/***********************
 form common
 ***********************/
/* form-control */
.form-control {width:100%; height:30px; border:1px solid #c2c2c2; padding:5px 5px; outline:none; font-size: 14px; font-weight: 400; line-height: 1;}
.form-control::-ms-expand {background-color: transparent; border: 0;}
.form-control:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.form-control:focus {color: #495057; background-color: #fff; border-color: #0255a2; outline: 0;}
.form-control::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.form-control::-moz-placeholder {color: #6c757d; opacity: 1;}
.form-control:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.form-control::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.form-control::placeholder {color: #6c757d; opacity: 1;}
.form-control:disabled, .form-control[readonly]:not(.datePicker) {background-color: #e9ecef; opacity: 1;}

select.form-control:focus::-ms-value {color: #495057; background-color: #fff;}
select.form-control[size], select.form-control[multiple] {height: auto;}
textarea.form-control {height: auto; line-height:1.3;}

select.form-control {background:url('../../images/icon/select-off.png') no-repeat top 50% right 15px #FFFFFF;}
select.form-control:focus {background:url('../../images/icon/select-on.png') no-repeat top 50% right 15px #FFFFFF;}
select.form-control[multiple], select.form-control[multiple]:focus {background:none}

select.form-control {display: inline-block; width: 100%; height: 30px; padding: 5px 30px 5px 5px; color: #495057; vertical-align: middle; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.form-control:focus {border-color: #0255a2; outline: 0;}
select.form-control:focus::-ms-value {color: #0255a2; background-color: #fff;}
select.form-control[multiple], select.form-control[size]:not([size="1"]) {height: 100%; padding-right: 0.75rem; background-image: none;}
select.form-control:disabled {color: #6c757d; background-color: #e9ecef;}
select.form-control::-ms-expand {display: none;}
select.form-control:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}

.form-control>select {margin:-5px -15px;}

.multi-selectbox .btn-control {padding:20px;}
.multi-selectbox .btn-control .btn + .btn {margin-top:10px; margin-left:0;}
.form-control-file {display: block; width: 100%;}

.form-control-plaintext {display: block; width: 100%; padding: 5px 0; margin-bottom: 0; line-height: 1.5; color: #333; background-color: transparent; border: solid transparent; border-width: 1px 0;}
.form-control.search-icon {background-image:url('../../images/icon/icon_search.png'); background-repeat: no-repeat; background-position: top 5px right 5px; background-size:18px 18px; padding-right:30px;}

/* button */
.btn-box {margin-top:20px; margin-bottom:20px; text-align: center;}

.btn-group-toggle {display:inline-block;}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {margin-bottom: 0;}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}

.btn {display: inline-block; font-weight: 400; color: #666; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding:5px 10px; font-size:90%; line-height: 1.3; text-decoration: none !important;}
.btn-md {font-size:100%; line-height: 1.5;}
.btn:hover {color: #000; text-decoration: none;}
/* .btn:focus, .btn.focus {outline: 0;} */
.btn.disabled, .btn:disabled {opacity: 0.65;}
a.btn.disabled, fieldset:disabled a.btn {pointer-events: none;}
/* .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {color: #fff; background-color: #0062cc; border-color: #005cbf;} */

.btn-lg, .btn-group-lg > .btn {padding: 10px 20px; font-size: 110%; line-height: 1.5;}
.btn-sm, .btn-group-sm > .btn {padding: 0 5px; font-size: 90%; line-height: 0.8;}

.btn-green {color: #fff; background-color: #01c1a4; border-color: #01c1a4;}
.btn-green:hover {color: #fff; background-color: #01b096; border-color: #01b096;}
.btn-green:focus, .btn-green.focus {color: #fff;  background-color: #01b096; border-color: #01b096;}
.btn-green.disabled, .btn-green:disabled {color: #fff; background-color: #ccc; border-color: #ccc;}

.btn-orange {color: #fff; background-color: #f26522; border-color: #f26522;}
.btn-orange:hover {color: #fff; background-color: #e15e20; border-color: #e15e20;}
.btn-orange:focus, .btn-orange.focus {color: #fff;  background-color: #e15e20; border-color: #e15e20;}
.btn-orange.disabled, .btn-orange:disabled {color: #fff; background-color: #ccc; border-color: #ccc;}

.btn-blue {color: #fff; background-color: #0092e0; border-color: #0092e0;}
.btn-blue:hover {color: #fff; background-color: #0084cb; border-color: #0084cb;}
.btn-blue:focus, .btn-blue.focus {color: #fff;  background-color: #0084cb; border-color: #0084cb;}
.btn-blue.disabled, .btn-blue:disabled {color: #fff; background-color: #ccc; border-color: #ccc;}

.btn-darkblue {color: #fff; background-color: #005da4; border-color: #005da4;}
.btn-darkblue:hover {color: #fff; background-color: #00518e; border-color: #00518e;}
.btn-darkblue:focus, .btn-darkblue.focus {color: #fff;  background-color: #00518e; border-color: #00518e;}
.btn-darkblue.disabled, .btn-darkblue:disabled {color: #fff; background-color: #ccc; border-color: #ccc;}

.btn-grey {color: #fff; background-color: #777; border-color: #777;}
.btn-grey:hover {color: #fff; background-color: #636363; border-color: #636363;}
.btn-grey:focus, .btn-grey.focus {color: #fff;  background-color: #636363; border-color: #636363;}
.btn-grey.disabled, .btn-grey:disabled {color: #fff; background-color: #ccc; border-color: #ccc;}

.btn-darkgrey {color: #fff; background-color: #777; border-color: #777;}
.btn-darkgrey:hover {color: #fff; background-color: #636363; border-color: #636363;}
.btn-darkgrey:focus, .btn-darkgrey.focus {color: #fff;  background-color: #636363; border-color: #636363;}
.btn-darkgrey.disabled, .btn-darkgrey:disabled {color: #fff; background-color: #ccc; border-color: #ccc;}

.btn-outline-dark {color: #333; border-color: #777; background-color:#fff;}
.btn-outline-dark:hover {color: #005da4; background-color: #fff; border-color: #005da4;}
.btn-outline-dark:focus, .btn-outline-primary.focus {}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {color: #ccc; background-color: transparent;}

.btn-outline-blue {color: #333; border-color: #777; background-color:#fff;}
.btn-outline-blue:hover {color: #0092e0; background-color: #fff; border-color: #0092e0;}
.btn-outline-blue:focus, .btn-outline-primary.focus {}
.btn-outline-blue.disabled, .btn-outline-blue:disabled {color: #ccc; background-color: transparent;}

.tab-contents .btn-outline-blue {color: #0092e0; border-color: #0092e0; background-color:#fff;}
.tab-contents .btn-outline-blue:hover {color:#fff ; background-color: #0092e0; border-color: #0092e0;}
.tab-contents .btn-outline-blue:focus, .tab-contents .btn-outline-primary.focus {}
.tab-contents .btn-outline-blue.disabled, .tab-contents .btn-outline-blue:disabled {color: #ccc; background-color: transparent;}

.btn-outline-darkblue {color: #333; border-color: #777; background-color:#fff;}
.btn-outline-darkblue:hover {color: #005da4; background-color: #fff; border-color: #005da4;}
.btn-outline-darkblue:focus, .btn-outline-primary.focus {}
.btn-outline-darkblue.disabled, .btn-outline-darkblue:disabled {color: #ccc; background-color: transparent;}

.btn-link {font-weight: 400; color: #666; text-decoration: none; border: 0; background-color: transparent;}
.btn-link:hover {color: #000; text-decoration: none;}
.btn-link:focus, .btn-link.focus {text-decoration: none;}
.btn-link:disabled, .btn-link.disabled {color: #ccc; pointer-events: none;}
.btn-link>i {font-size:150%;}
.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active {color: #0092e0;}
.btn-bookmark {color: #dfdfdf;}

.btn-icon {color: #666; border-color: #333;}
.btn-icon:hover {color: #0d98e2; background-color: #fff; border-color: #0d98e2;}
.btn-icon:focus, .btn-icon.focus {}
.btn-icon:disabled, .btn-icon.disabled {color: #ccc; background-color: transparent;}
.btn-icon i {color:#0d98e2;}

.btn-text-download {}
.btn-text-download {position:relative; padding-left:20px;}
.btn-text-download:before {content:""; position:absolute; top:5px; left:0; display:inline-block; width:14px; height:14px; background:url('../../images/icon/ic_download.png') no-repeat center center;}

i.fa-download {position:relative; padding-right:15px;}
i.fa-download:before {content:""; position:absolute; top:-12px; right:-3px; display:inline-block; width:14px; height:14px; background:url('../../images/icon/ic_download.png') no-repeat center center;}
i.fa-upload {position:relative; padding-right:15px;}
i.fa-upload:before {content:""; position:absolute; top:-12px; right:-3px; display:inline-block; width:14px; height:14px; background:url('../../images/icon/ic_upload.png') no-repeat center center;}
i.fa-plus {position:relative; padding-right:15px;}
i.fa-plus:before {content:""; position:absolute; top:-12px; right:-3px; display:inline-block; width:14px; height:14px; background:url('../../images/icon/ic_plus_blue.png') no-repeat center center;}
.btn-row-plus i.fa-plus {position:relative; padding-right:0;}
.btn-row-plus i.fa-plus:before {content:"\f067"; position:static; top:auto; right:auto; display:inline-block; width:auto; height:auto; background:none;}

i.fa-times {position:relative; padding-right:20px;}
i.fa-times:before {content:""; position:absolute; top:-15px; right:-3px; display:inline-block; width:18px; height:18px; background:url('../../images/icon/ic_close.png') no-repeat center center;}
.text-check i.fa-times {position:relative; padding-right:0;}
.text-check i.fa-times:before {content:"\f00d"; position:static; top:auto; right:auto; display:inline-block; width:auto; height:auto; background:none;}

i.fa-close {position:relative; padding-right:20px;}
i.fa-bookmark-o {position:relative;}
i.fa-bookmark-o:before {content:""; position:absolute; top:-20px; right:-12px; display:inline-block; width:24px; height:24px; background:url('../../images/icon/ic_bookmark.png') no-repeat center center;}
.btn-bookmark.active i.fa-bookmark-o:before {background:url('../../images/icon/ic_bookmark_on.png') no-repeat center center;}

.btn-row-delete {opacity:.5;}
.btn-row-delete:hover {opacity:1;}
i.fa-close:before, i.fa-close:after {content:""; position:absolute; left:0; top:-11px; height:15px; width:1px; background-color:#333;}
i.fa-close:before {transform:rotate(45deg);}
i.fa-close:after {transform:rotate(-45deg);}

.btn-border {border-width:1px !important; border-style: solid !important;}
.btn-border-2 {border-width:2px !important;}
.btn-border-3 {border-width:3px !important;}

.btn-box .btn {border-radius:0 !important;}
.btn-box .btn {min-width:80px; height:42px; padding:11px 20px; line-height:1; font-size:16px;}
/* .btn-box .btn-reset {background-color:#999 !important;} */

.btn-modal, .modal-footer .btn {min-width:80px; height:42px; padding:11px 20px; line-height:1; font-size:16px;}

.btn + .btn {margin-left:10px;}

.btn-expansion i {padding-right:10px; margin-right:5px;}

.btn-openpopup {position:relative; text-decoration:underline; padding:0;}
.btn-openpopup + .btn-openpopup {margin-left:5px;}
.btn-openpopup:hover, .btn-openpopup:focus {text-decoration:underline;}
.btn-openpopup:before {content:"[";}
.btn-openpopup:after {content:"]";}

/* etx button */
.fileUpload {}
.fileUpload .btn+.btn {margin-left:5px;}
/* .fileUpload input[type="button"] {display: inline-block; font-weight: 400; color: #666; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #333; padding:5px 10px; font-size:90%; line-height: 1.3;}
.fileUpload input[type="button"]:hover {color: #0d98e2; background-color: #fff; border-color: #0d98e2;}
.fileUpload input[type="button"]:focus, .fileUpload input[type="button"].focus {}
.fileUpload input[type="button"]:disabled, .fileUpload input[type="button"].disabled {color: #666; background-color: transparent;}
.fileUpload input[type="button"] + input[type="button"] {margin-left:5px;}  */

.fileUpload .btn {position:relative;}
.fileUpload .btn-upload {padding-right:27px; background:url('../../images/icon/ic_upload.png') no-repeat top 50% right 8px;}
.fileUpload .btn-download {padding-right:27px; background:url('../../images/icon/ic_download.png') no-repeat top 50% right 8px;}
.fileUpload .btn-delete {}

.fileUpload .fileList {background-color:#fff;}
.fileUpload .fileList ul {list-style: none; padding: 0; margin-top: 5px;}
.fileUpload .fileList li {padding:10px; border-right: 1px solid #c2c2c2; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2;}
.fileUpload .fileList li:last-child {border-bottom:1px solid #c2c2c2;}
.fileUpload .fileList li {position:relative; display:flex; flex-direction:row; -ms-flex-direction:row; align-items:center; -ms-flex-align:center;}
.fileUpload .fileList li>div+div {margin-left:10px;}

.fileUpload .fileList .file-img {flex-grow: 0; flex-shrink: 0; width:80px; height: 80px; margin-right: 10px; border:1px solid #eee;}
.fileUpload .fileList .file-img>.file {display:block; position:relative; padding-top:100%; overflow:hidden;}
.fileUpload .fileList .file-img>.file>.centered {display:block; position:absolute; top:0; bottom:0; left:0; right:0; transform:translate(50%, 50%);}
.fileUpload .fileList .file-img>.file>.centered>img {display:block; width:auto; max-width:100%; height:auto; position:absolute; top:0; left:0; transform:translate(-50%, -50%);}

.fileUpload .fileList li .file-item {flex-shrink:1; flex-grow:1; width:calc(100% - 60px); overflow:hidden;}
.fileUpload .fileList li .file-item .file-name {display:inline-block; width:100%; text-overflow:ellipsis; overflow:hidden; /* white-space:nowrap; */ }

.fileUpload .fileList li .file-btn {flex-grow: 0; flex-shrink: 0; margin-left: 10px;}
.fileUpload .fileList li .file-btn .btn-download {padding-right:0; background: url(../../images/icon/ic_download.png) no-repeat top 50% right 50%; font-size: 0; line-height: 0; text-indent: -999px; height: 25px;  width: 25px;}
.fileUpload .fileList li .file-btn .btn-delete {background-image: url(../../images/icon/ic_close_w.png); background-size:60%; background-repeat: no-repeat; background-position: top 50% right 50%; font-size: 0; line-height: 0; text-indent: -999px; width:25px; height:25px;}

/*.btn {display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5;}
*/

/* input-group */
.input-group {position:relative; display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:stretch; align-items:stretch; width:100%;}
.input-group.border {border: 1px solid #c2c2c2;}
.input-group.border .form-control {border:0 !important;}
.input-group+.input-group {margin-left:10px;}
.input-group .form-control {position:relative; -ms-flex:1 1 0%; flex:1 1 0%; min-width:0;}
.input-group .form-control+.form-control {margin-left:10px;}
.input-group .form-check-label+.form-control {margin-right:10px;}
.input-group .form-check-label+.form-control:last-child {margin-right:0;}
.input-group-prepend, .input-group-append {display:flex; display:-ms-flexbox;}
.input-group-prepend {margin-right:10px}
.input-group-append {margin-left:10px;}
.input-group-prepend .btn, .input-group-append .btn {position:relative; z-index:2; padding:0 10px;}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {z-index:3;}
.input-group-text {line-height:30px;}
.input-group.border .input-group-text {padding:0 10px;}

/* form-group */
.form-group {margin-bottom: 1rem;}
.form-text {color:#666; display: block; margin-top: 10px;}
.form-inline .form-text {color:#666; display: block; margin-top: 0; margin-left:20px;}
.form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px;  margin-left: -5px;}
.form-row > .col, .form-row > [class*="col-"] {padding-right: 5px; padding-left: 5px;}

/* form-check */
/*
.form-check {position: relative; display: block; padding-left: 1.25rem;}
.form-check-input {position: absolute; margin-top: 0.3rem; margin-left: -1.25rem;}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {color: #6c757d;}
.form-check-label {margin-bottom: 0;}
.form-check-inline {display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem;}
.form-check-inline .form-check-input {position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0;}
*/

.form-check {position: relative; display: block; min-height: 1.5rem;}
.form-check-inline {display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem;}
.form-check-input {position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0;}
.form-check-input:checked ~ .form-check-label::before {color: #fff; border-color: #0092e0; background-color: #0092e0;}
.form-check-input:focus ~ .form-check-label::before {outline: 0;}
.form-check-input:focus:not(:checked) ~ .form-check-label::before {border-color: #80bdff;}
.form-check-input:not(:disabled):active ~ .form-check-label::before {color: #fff; background-color: #b3d7ff; border-color: #b3d7ff;}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {color: #6c757d;}
.form-check-input[disabled] ~ .form-check-label::before, .form-check-input:disabled ~ .form-check-label::before {background-color: #e9ecef;}
.form-check-label {position: relative; margin-bottom: 0; vertical-align: top;}
.form-check-label::before {position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px;}
.form-check-label::after {position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%;}

.custom-checkbox, .custom-radio {padding-left: 1.5rem;}
.custom-checkbox .form-check-label::before {border-radius: 0;}
.custom-checkbox .form-check-input:checked ~ .form-check-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
.custom-checkbox .form-check-input:indeterminate ~ .form-check-label::before {border-color: #0092e0; background-color: #0092e0;}
.custom-checkbox .form-check-input:indeterminate ~ .form-check-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");}
.custom-checkbox .form-check-input:disabled:checked ~ .form-check-label::before {background-color: rgba(0, 123, 255, 0.5);}
.custom-checkbox .form-check-input:disabled:indeterminate ~ .form-check-label::before {background-color: rgba(0, 123, 255, 0.5);}
.custom-radio .form-check-label::before {border-radius: 50%;}
.custom-radio .form-check-input:checked ~ .form-check-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.custom-radio .form-check-input:disabled:checked ~ .form-check-label::before {background-color: rgba(0, 123, 255, 0.5);}
.custom-select {padding-left: 0;}

/* input-check */
.input-check.select {}
.input-check.select .form-check {padding-left:0; margin-right:0 !important;}
.input-check.select.input-inline .form-check+.form-check {margin-left:10px; margin-top:0;}
.input-check.select .form-check+.form-check {margin-left:0; margin-top:5px;}
.input-check.radio {}
.input-check.checkbox {}
.input-check.file {}
.input-check.input-inline .form-check {display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem;}
.input-check.input-inline.w-100 {display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:stretch; align-items:stretch; width:100%;}
.input-check.input-inline.w-100 .form-check {-ms-flex:1 1 0%; flex:1 1 0%; min-width:0;}

/* form-inline */
.form-inline {display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center;}
/* .form-inline.multi-selectbox {align-items: stretch;} */

/* treemenu-wrap */
.treemenu-wrap {border:1px solid #efefef; overflow:auto; padding:10px;}

/* datePicker */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;}
.datePicker {z-index:40
;}
.datePicker.form-control {background-image: url('../../images/ic_calendar.png'); background-repeat: no-repeat; background-size:14px 14px; background-position:top 7px right 3px;}
.datePicker.form-control::-ms-clear {display:none;}
.datePicker.form-control+.input-group-append {margin-left: 5px;}

.datePicker-dash:before {content:"-"; display:inline-block; padding:0 5px 0 0;}
.ui-datepicker {width: 18em !important;}
.ui-datepicker.ui-widget.ui-widget-content {border:0; border-radius:0; -webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05); box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);}
.ui-datepicker .ui-widget-header {border: 0; background: #fff; color: #333; font-weight: 400;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background-image:none;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {top:4px !important; cursor:pointer; border:1px solid #dedede; text-align:center; border-radius:100%; line-height:2.3; height:30px; width:30px; padding:0; margin:0;}
.ui-datepicker .ui-state-hover.ui-datepicker-next-hover, .ui-datepicker .ui-state-hover.ui-datepicker-prev-hover {top:4px !important; border-color:#666; background-color:#666 !important; color:#fff !important;}
.ui-datepicker .ui-datepicker-prev:before {content:"\f104"; position: absolute; top: 3px; left: 9px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ui-datepicker .ui-datepicker-next:before {content:"\f105"; position: absolute; top: 3px; left: 10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.ui-datepicker select {display: inline-block; width: 100%; height: 30px; color: #495057; vertical-align: middle; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ui-datepicker select::-ms-expand {display:none;}
.ui-datepicker select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.ui-datepicker select:focus {color: #495057; background-color: #fff; border-color: #0255a2; outline: 0;}
.ui-datepicker select::-webkit-input-placeholder {color: #c0c0c0; opacity: 1;}
.ui-datepicker select::-moz-placeholder {color: #c0c0c0; opacity: 1;}
.ui-datepicker select:-ms-input-placeholder {color: #c0c0c0; opacity: 1;}
.ui-datepicker select::-ms-input-placeholder {color: #c0c0c0; opacity: 1;}
.ui-datepicker select::placeholder {color: #c0c0c0; opacity: 1;}
.ui-datepicker select:disabled, .ui-datepicker select[readonly] {background-color: e8e8e8; opacity: 1;}
.ui-datepicker select:focus::-ms-value {color: #495057; background-color: #fff;}
.ui-datepicker select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: auto !important;}
.ui-datepicker select {background:url('../../images/icon/select-off.png') no-repeat top 50% right 5px #FFFFFF;}
.ui-datepicker select:focus {background:url('../../images/icon/select-on.png') no-repeat top 50% right 5px #FFFFFF;}
.ui-datepicker .ui-datepicker-title select {padding-left:5px; padding-right:25px}
.ui-datepicker .ui-datepicker-title select+select {margin-left:5px;}
.ui-datepicker .ui-datepicker-year, .ui-datepicker .ui-datepicker-month {color: #333;}
.ui-datepicker-calendar thead th {color:#dedede; border-bottom:1px solid #dedede; font-weight:400;}
.ui-datepicker .ui-state-default {border: 0 !important; background: transparent !important; font-weight: 400 !important; color: #999 !important; text-align:center; border-radius:100%; line-height:2.3; height:30px; width:30px; padding:0; margin:0;}
.ui-datepicker .ui-state-hover {background: #f2f9fd !important; color: #0092e0 !important;}
.ui-datepicker .ui-state-active {background: #0092e0 !important; color: #fff !important;}

/* custom-file-wrap

.custom-file-wrap {display: -ms-inline-flexbox !important; display: inline-flex !important; -ms-flex-direction: row !important; flex-direction: row !important;}
.custom-file {position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0;}
.custom-file-input {position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0;}
.custom-file-input:focus ~ .custom-file-label {border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {background-color: #e9ecef;}
.custom-file-input:lang(en) ~ .custom-file-label::after {content: "Browse";}
.custom-file-input ~ .custom-file-label[data-browse]::after {content: attr(data-browse);}
.custom-file-label {position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem;}
.custom-file-label::after {position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0;}
 */
.custom-file-button {display:inline-block; position:relative;}
.custom-file-button .custom-file-input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip: rect(0,0,0,0); border:0;}
.custom-file-button .custom-file-label {display:inline-block; font-weight: 400; color: #666; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid #333; padding: 5px 10px; font-size: 90%; line-height: 1.3; text-decoration: none !important;}
.custom-file-button .custom-file-label:hover {color: #0d98e2; background-color: #fff; border-color: #0d98e2;}
.custom-file-wrap .file-save {display:inline-block; padding-left:10px; vertical-align:middle;}
.custom-file-wrap .file-name + .btn {margin-left:10px;}

/* range */
.input-range.ui-widget.ui-widget-content {border:0; background-color:#efefef; height:4px;}
.input-range .ui-widget-header {background-color: #0092e0;}
.input-range.ui-slider .ui-slider-handle {top: -6px; cursor:pointer; width: 14px; height: 14px; position:relative; background: #fff; border: 1px solid #9c9c9c; display: inline-block; border-radius: 50%; box-shadow: 0 0 0 2px #fff, 0 0 2px 4px rgba(0, 0, 0, 0.1);}

/* loading-wrap */
.loading-wrap {position:fixed; z-index:99999; width:100vw; height:100vh; background-color:rgba(255, 255, 255, 0.5); display:flex; display:-ms-flexbox; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: center !important; align-items: center !important;}
.loading-wrap .loading-img {display:inline-block; width:64px; height:64px; background:url('../images/loading2.gif') no-repeat center center;}

/***********************
 page common
 ***********************/
/* contents */
.contents>.sb-title {width:100%; padding:15px 20px 15px; border-bottom:4px solid #333;}
.contents>.sb-title strong {display:block; width:100%; font-size:25px; line-height:25px; color:#333;}

.page-header {background-color:#fafafa; padding:10px 20px; margin-bottom:10px;}
.page-header .margin-bottom {margin-bottom:20px;}
.page-header .form-group {margin-bottom:0;}
.btn-box {margin-top:20px; margin-bottom:20px; text-align: center;}
.search-wrap {background-color:#fafafa; padding:20px; margin-bottom:10px;}
.search-wrap .form-group {margin-bottom:0;}

/* tab */
.tab {position:relative; display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:stretch; align-items:stretch; width:100%; list-style: none; padding: 0; text-align: center; margin-bottom: 10px;}
.tab li {position:relative; -ms-flex:1 1 0%; flex:1 1 0%; min-width:0; background-color:#efefef;}
.tab li+li {border-left:1px solid #dedede;}
.tab li a {display:inline-block; width:100%; height:70px; vertical-align:middle; font-size:16px; line-height:22px; font-weight:500; color:#626262; text-align:center; padding:22px 15px 0; word-break:keep-all;}
.tab li a.small {font-size:14px; line-height:20px;}
.tab li.on {background-color:#333;}
.tab li.on:after {content:""; display:block; width0; height:0; position:absolute; bottom:-20px; left:calc(50% - 10px); border:10px solid transparent; border-top:10px solid #333;}
.tab li.on a {color:#FFFFFF;}
.section-tab {padding-top:10px;}
.tab-contents {background-color:#fafafa; padding:30px;}
.tab + .tab-contents {margin-top: -10px;}
.tab-contents .btn-wrap {margin-top:20px;}
.tab-contents .btn {width:270px;}

/* stab */
.stab {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; border-bottom: 1px solid #dedede;}
.stab li {margin-bottom: -1px; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center;}
.stab li a {display: block; padding: 0.5rem 1rem; border: 1px solid transparent;}
.stab li a:hover, .stab li a:focus {text-decoration: none; border-color: #eee #eee #eee;}
.stab li a.disabled {color: #6c757d; pointer-events: none; cursor: default; background-color: transparent; border-color: transparent;}
.stab li.on a, .stab li a.active, .stab li.show a {color: #495057; background-color: #fff; border-color: #dedede #dedede #fff;}


/* section-search */
.section-search {margin:10px 0;}
.sel_board .table-normal {border-top:0 !important;}
.sel_board {width:100%; border:1px solid #333;}
.sel_board:after {content:""; display:block; float:none; clear:both;}

.form-collapse {height:102px; overflow:hidden;}
.form-collapse.collapse {height:auto;}
.btn-collapse {display:block; width:100%; background-color:#fafafa; border-top:0; border-right:0; border-bottom:1px solid #dedede; border-left:0; text-align:center;}
.btn-collapse .ic-collapse {position:relative; display:inline-block;}
.btn-collapse .ic-collapse:after {content:""; display:inline-block; width:14px; height:8px; background-image: url('../../images/ic_arrow_down.png'); background-repeat: no-repeat; background-size:14px 8px; background-position:center center;}
.btn-collapse.collapse .ic-collapse:after {background-image: url('../../images/ic_arrow_up.png');}
.btn-collapse .text-collapse {position:relative; display:inline-block;}
.btn-collapse .text-collapse:after {content:"펼침"; display:none;}
.btn-collapse.collapse .text-collapse:after {content:"닫침"; display:none;}

.btn-collapse-ord {display:inherit; width:30px;margin-left:2px; background-color:#efefef; border-top:0; border-right:0; border-bottom:1px solid #efefef; border-left:0; text-align:center;}
.btn-collapse-ord .ic-collapse {position:relative; display:inline-block;}
.btn-collapse-ord .ic-collapse:after {content:""; display:inline-block; width:14px; height:8px; background-image: url('../../images/ic_arrow_down.png'); background-repeat: no-repeat; background-size:14px 8px; background-position:center center;}
.btn-collapse-ord.collapse .ic-collapse:after {background-image: url('../../images/ic_arrow_up.png');}
.btn-collapse-ord .text-collapse {position:relative; display:inline-block;}
.btn-collapse-ord .text-collapse:after {content:"펼침"; display:none;}
.btn-collapse-ord.collapse .text-collapse:after {content:"닫침"; display:none;}

/* section-grid */
.section-header {display:flex; display:-ms-flexbox; justify-content: space-between; -ms-flex-pack:justify; align-items:flex-start; -ms-flex-align:start; width:100%; padding:10px 20px 10px; min-height:50px;}
.section-header.stitle {min-height:40px;}
.section-header+.section-header.stitle {padding-top:0;}
.section-header-title h4 {color:#333; font-size:16px; font-weight:500; line-height: 30px;}
.section-header-title h5 {position:relative; z-index:1; color:#0255a2; font-size:15px; font-weight:400;}
.section-header-title h5:before {content:""; display:inline-block; width:10px; height:10px; background-color:#0255a2; border-radius:100%; margin-right:10px; position:relative; z-index:3;}
.section-header .section-header-right {display: flex; align-items: center;}
.section-header .section-header-left>div, .section-header .section-header-right>div {display:inline-block;}
.section-header .section-header-left .btn + .custom-file-wrap {margin-left:5px;}
.section-header .section-header-left>div+div, .section-header .section-header-right>div+div {margin-left:10px;}
.section-header-right .text-remark {line-height: 30px;}
.sort-wrap .list-sort {list-style:none; margin-right:20px;}
.sort-wrap .list-sort li {position:relative;}
.sort-wrap .list-sort li+li {padding-left:15px;}
.sort-wrap .list-sort li+li:before {content:""; display:block; width:1px; height:10px; background-color:#333; position:absolute; top:7px; left:7px;}
.sort-wrap .list-sort li a {color:#0d98e2}
.section-header .pn-total {font-size:14px; line-height:30px; color:#005da4;}
.section-header .pn-total strong {font-weight:normal;}
.section-header .pn-total+.pn-paging:before {content:""; display:block; width:1px; height:10px; background-color:#333; position:absolute; top:10px; left:0;}
.section-header .pn-paging {position:relative;}
.section-header .pn-paging label {display:block; float:left; font-size:14px; line-height:28px; padding:0 10px;}
.section-header .pn-paging select {width:80px; height:30px; font-size:14px; border:1px solid #e3e3e3; background:url('../../images/icon/select-off.png') no-repeat top 50% right 10px; padding:0 40px 0 10px;}

.section-body {display:block; width:100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}

/* vertical-input-form */
.vertical-input-form {display: -ms-flexbox !important; display: flex !important; -ms-flex-align: start !important; align-items: flex-start !important; -ms-flex-direction: row !important; flex-direction: row !important;}
.vertical-input-form .vertical-input-head {}
.vertical-input-form .vertical-input-body {display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; overflow-x:auto; overflow-y:hidden;}
.vertical-input-form .vertical-input-body .input-form-item {min-width:150px;}

.vertical-input-form .table-border thead th {vertical-align: top;}
.vertical-input-form .table-border tbody th {background-color:#efefef; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: 500;}
.vertical-input-form .table-border tbody td {border-right: 0 solid #efefef; border-left: 1px solid #efefef;}


/* container-form */
.sel_board .container-form {border-top: 0;}
.page-header .container-form {border-top: 0;}
.page-header .container-form .form-group>.col-form-label {width:auto; padding: 10px 10px;}
.page-header .container-form .form-group>.col-form {padding: 10px 20px 10px 0;}
.page-header .container-form .form-group>.col-form-label:before {display:none;}
.page-header .container-form .form-group {border-bottom:0;}
.container-form {border-top: 2px solid #333;}
.container-form .form-row {margin-right: 0;  margin-left: 0;}
.container-form .form-row > .col, .container-form .form-row > [class*="col-"] {padding-right: 0; padding-left: 0;}
.container-form .form-group {display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dedede; margin-bottom:0; overflow: hidden;}
/* .container-form .form-group>.col-form-label {display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-line-pack: center; align-content: center; background-color: #f3f3f3; color: #333333; font-size: 13px; font-weight: 500; padding: 10px 20px;  word-break: keep-all; flex:none; width: 150px; visibility: visible; height: auto;} */
.container-form .form-group>.col-form-label {position:relative; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; color: #333333; font-weight: 500; padding: 10px 20px;  word-break: keep-all; flex:none; width: 150px; visibility: visible; height: auto;}
.container-form .form-group>.col-form-label:before{content:""; position:absolute; top:-50vh; left:0; z-index:0; width:100%; height:100vh; background-color: #f3f3f3;}
.container-form .form-group>.col-form-label.w-100 {width:100% !important; font-weight: 400;}
.container-form .form-group>.col-form-label>span {-ms-flex-item-align: center; align-self: center; position: relative; z-index:1; word-break:break-all;}
.container-form .form-group>.col-form {width:100%; padding:10px 20px;}

/* table */
.grid-form .table-board {width:100%; border-top:0; border-bottom:0;}
.grid-form .table-board th, .grid-form .table-board td {padding: 10px 20px;}
.table-board {table-layout:fixed; word-break:break-all; width: 100%; color: #212529; border-top: 2px solid #333; border-bottom: 1px solid #efefef; border-left:1px solid transparent; border-right:1px solid transparent;}
.table-board th, .table-board td {padding: 10px; vertical-align: top; border-top: 1px solid #efefef; word-break:keep-all; word-wrap: break-word;}
.table-board thead th {vertical-align: bottom; border-bottom: 1px solid #fff; background-color: #efefef; font-weight: 500;}
.table-board thead th.solid-lf {border-left:1px solid #fff;}
.table-board .solid-lf-g {border-left:1px solid #dedede !important;}
.table-board .solid-lf-g3 {border-left:2px solid #c9c9c9 !important;}
.table-board .solid-rf-g {border-right:2px solid #c9c9c9 !important;}
/* .table-board .solid-rf-g {border-right:1px solid #dedede !important;} */
.table-board tbody th, .table-board.no-hover tbody tr:hover th {border-bottom: 1px solid #fff; background-color: #efefef; font-weight: 500;}
.table-board tbody + tbody {border-top: 2px solid #efefef;}
.table-board tbody tr:hover th {background-color: rgba(0, 0, 0, 0.05);}
.table-board tbody tr:hover {background-color: rgba(0, 0, 0, 0.03);}
.table-board.no-hover tbody tr:hover {background-color: transparent;}
.table-board tfoot {background-color:#efefef;}

.table-board a, .table-board a:hover, .table-board a:focus {text-decoration:underline;}

.table-board .reply {background-color:#f9f9f9;}
.table-board .text-reply {color:#0092e0;}
.table-board .text-reply:before {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width: 5px 0 5px 10px; border-color:transparent transparent transparent #0092e0; padding-right:5px;}
.table-board .custom-checkbox {display:inline-block;}

.table-active, .table-active > th, .table-active > td {background-color: #bee5eb;}
/* .table-active th, .table-active td, .table-active thead th, .table-active tbody + tbody {border-color: #86cfda;} */
.table-hover .table-active:hover {background-color: #abdde5;}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {background-color: #abdde5;}

.table-border tbody th, .table-border tbody td {border-right: 1px solid #efefef;}
.table-border tbody tr>td:last-child {border-right: 0;}

.table-board .bg-grey {background-color:#efefef !important;}
.table-board .form-group {margin-bottom:0;}
.table-board .form-group .col-form-label {padding-right:10px;}

.table-board .btn + .btn {margin-left: 5px;}

.table-board th.bg-color1, .table-board.no-hover tbody tr:hover th.bg-color1 {background-color:#d2ebf9;}
.table-board th.bg-color2, .table-board.no-hover tbody tr:hover th.bg-color2 {background-color:#cddbf5;}
.table-board th.bg-color3, .table-board.no-hover tbody tr:hover th.bg-color3 {background-color:#bbcef1;}
.table-board th.bg-color4, .table-board.no-hover tbody tr:hover th.bg-color4 {background-color:#e2d4f4;}
.table-board th.bg-color5, .table-board.no-hover tbody tr:hover th.bg-color5 {background-color:#f2daf3;}
.table-board tbody tr:hover th.bg-color1 {background-color:#bee9ff;}
.table-board tbody tr:hover th.bg-color2 {background-color:#9abeff;}
.table-board tbody tr:hover th.bg-color3 {background-color:#5a91f5;}
.table-board tbody tr:hover th.bg-color4 {background-color:#c597ff;}
.table-board tbody tr:hover th.bg-color5 {background-color:#fcceff;}

.table-board td.bg-color1, .table-board.no-hover tbody tr:hover td.bg-color1 {background-color:#f5fcff;}
.table-board td.bg-color2, .table-board.no-hover tbody tr:hover td.bg-color2 {background-color:#f5f8ff;}
.table-board td.bg-color3, .table-board.no-hover tbody tr:hover td.bg-color3 {background-color:#f0f5fe;}
.table-board td.bg-color4, .table-board.no-hover tbody tr:hover td.bg-color4 {background-color:#faf7ff;}
.table-board td.bg-color5, .table-board.no-hover tbody tr:hover td.bg-color5 {background-color:#fef7ff;}
.table-board tbody tr:hover td.bg-color1 {background-color:#effaff;}
.table-board tbody tr:hover td.bg-color2 {background-color:#eff5ff;}
.table-board tbody tr:hover td.bg-color3 {background-color:#e8f0fe;}
.table-board tbody tr:hover td.bg-color4 {background-color:#f8f3ff;}
.table-board tbody tr:hover td.bg-color5 {background-color:#fef3ff;}


/* badge */
.badge {display: inline-block; padding: 3px 10px; font-size: 75%; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px;}
a.badge:hover, a.badge:focus {text-decoration: none; outline: 0;}
.badge:empty {display: none;}
.btn .badge {position: relative; top: -1px;}
.badge-pill {padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem;}

.badge-darkblue {color:#fff; background-color:#005da4;}
a.badge-darkblue:hover, a.badge-darkblue:focus {color:#fff; background-color:#005da4;}

.badge-orange {color:#fff; background-color:#ff7e00;}
a.badge-orange:hover, a.badge-orange:focus {color:#fff; background-color:#ff7e00;}

.badge-grey {color: #fff; background-color: #bbbbbb;}
a.badge-grey:hover, a.badge-grey:focus {color: #fff; background-color: #bbbbbb;}

.badge-red {color: #fff; background-color: #f26522;}
a.badge-red:hover, a.badge-red:focus {color: #fff; background-color: #f26522;}

.badge-blue {color: #fff; background-color: #0095e0;}
a.badge-blue:hover, a.badge-blue:focus {color: #fff; background-color: #0095e0;}

.badge-green {color: #fff; background-color: #01c1a4;}
a.badge-green:hover, a.badge-green:focus {color: #fff; background-color: #01c1a4;}

.badge-purple {color: #fff; background-color: #b16df6;}
a.badge-purple:hover, a.badge-purple:focus {color: #fff; background-color: #b16df6;}

.badge-keyword {color: #fff; background-color: #b4b4b4; font-size:90%; padding:5px; margin:5px 5px 0 0;}
.badge-keyword:after {content:"\f057"; display: inline-block; margin-left:5px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.badge-keyword:hover, a.badge-keyword:focus {color: #fff; background-color: #777;}

.badge-select-keyword {color: #fff; background-color: #0095e0; font-size:90%; padding:5px; margin:5px 5px 0 0;}
.badge-select-keyword:after {content:"\f057"; display: inline-block; margin-left:5px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.badge-select-keyword:hover, a.badge-select-keyword:focus {color: #fff; background-color: #0095e0;}

.badge-select-keyword-purple {color: #fff; background-color: #b16df6; font-size:90%; padding:5px; margin:5px 5px 0 0;}
.badge-select-keyword-purple:after {content:"\f057"; display: inline-block; margin-left:5px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.badge-select-keyword-purple:hover, a.badge-select-keyword:focus {color: #fff; background-color: #b16df6;}

.badge-select-keyword-darkblue {color: #fff; background-color: #005da4; font-size:90%; padding:5px; margin:5px 5px 0 0;}
.badge-select-keyword-darkblue:after {content:"\f057"; display: inline-block; margin-left:5px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.badge-select-keyword-darkblue:hover, a.badge-select-keyword:focus {color: #fff; background-color: #005da4;}

.badge-select-keyword-green {color: #fff; background-color: #01c1a4; font-size:90%; padding:5px; margin:5px 5px 0 0;}
.badge-select-keyword-green:after {content:"\f057"; display: inline-block; margin-left:5px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.badge-select-keyword-green:hover, a.badge-select-keyword:focus {color: #fff; background-color: #01c1a4;}


/* text-check */
.text-check {display:inline-block; line-height:1.5; width:100%; text-align:center; white-space:nowrap; vertical-align:baseline; text-align:center;}
a.text-check:hover, a.text-check:focus {text-decoration:none;}
.text-check i.fa {display:block; font-size:140%;}
.text-check .text {display:block; font-size:80%; font-weight:500;}
.text-check-none {color:#bebebe;}
a.text-check-none:hover, a.text-check-none:focus {color:#bebebe;}
.text-check-save {color:#005da4;}
a.text-check-save:hover, a.text-check-save:focus {color:#005da4;}
.text-check-confirm {color:#f26522;}
a.text-check-confirm:hover, a.text-check-confirm:focus {color:#f26522;}


/* paging */
.paging {width:100%; text-align:center; margin-top:25px;}
.page-in {padding:0;}
.page-in li {display:inline-block; width:25px; height:25px; text-align:center; vertical-align:top; margin-right:5px;}
.page-in li:last-of-type {margin-right:0;}
.page-in li a {display:block; width:100%; height:100%; line-height:25px; font-size:14px; text-align:center; color:#333333; border-radius:3px;}
.page-in li a i {font-size:20px;}
.page-in li.on a {background-color:#333; color:#FFFFFF; border-radius:0;}

/* tab-group-wrap */
.tab-group-wrap {position:relative; margin-top:20px;}
.tab-group-wrap .remark-wrap {position:absolute; right:20px; bottom:5px;}
.tab-group-wrap .remark-wrap .remark-text {font-size:90%;}

/* remark */
.remark {display:inline-block; width:6px; height:6px; vertical-align:top; border-radius:6px;}
.remark-group {display:inline-block;}
.remark-group + .remark-group {margin-left:10px;}
.remark + .remark {margin-left:2px;}
.remark-darkblue {background-color:#005da4;}
.remark-orange {background-color:#f26522;}

/* list-tab */
.list-tab {width:100%; display:block; padding-left:0; margin-bottom:0;}
.list-tab .list-tab-item {position:relative; display:block; width:12.5%; border:1px solid #dedede; text-align:center;}
.list-tab .list-tab-item.disabled, .list-tab .list-tab-item:disabled { color:#666; point-event:none; background-color:#fff;}
.list-tab .list-tab-item a {display:block; width:100%; padding:7px 0 8px;}
.list-tab .list-tab-item a:hover {background-color: rgba(0, 0, 0, 0.03);}
.list-tab .list-tab-item.disabled a, .list-tab .list-tab-item:disabled a {color:#666; point-event:none; background-color:#fff;}
.list-tab .list-tab-item.active a, .list-tab .list-tab-item.active a:hover {color:#fff; background-color:#333; border-color:#333;}

.list-tab.horizontal {display:inline-block !important; margin:1px 0 0 1px;}
.list-tab.horizontal .list-tab-item {float:left; width:calc(12.5% + 1px);}
.list-tab.horizontal .list-tab-item {border-top-width:1px; margin-left:-1px; margin-top:-1px;}

/* list-group */
.list-group {display:flex; display:-ms-flexbox -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0;}
.list-group .list-group-item {position:relative; display:block; padding:3px 10px; background-color:#fff; border:1px solid #dedede;}
.list-group .list-group-item.disabled, .list-group .list-group-item:disabled { color:#666; point-event:none; background-color:#fff;}
.list-group .list-group-item.active {color:#fff; background-color:#333; border-color:#333;}
.list-group .list-group-item+.list-group-item {border-top-width:0;}
.list-group .list-group-item+.list-group-item.active {margin-top:-1px; border-top-width:1px;}
.list-group.horizontal {-msflex-dirextion:row; flex-direction:row;}
.list-group.horizontal .list-group-item.active {margin-top:0;}
.list-group.horizontal .list-group-item+.list-group-item {border-top-width:1px; border-left-width:0;}
.list-group.horizontal .list-group-item+.list-group-item.active {margin-left:-1px; border-left-width:1px;}


/**********************************************************
modal
************************************************************/
/* .modal {position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; overflow: hidden; outline: 0;} */
.modal {position: relative; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; outline: 0;}
.modal-dialog {position: relative; width: auto; margin: 0; pointer-events: none;}
.modal.fade .modal-dialog {}
.modal.show .modal-dialog {-webkit-transform: none; transform: none;}
.modal.modal-static .modal-dialog {-webkit-transform: scale(1.02); transform: scale(1.02);}
.modal-dialog-scrollable {display: -ms-flexbox; display: flex; max-height: 100%;}
/* .modal-dialog-scrollable .modal-content {max-height: 100vh; overflow: hidden;} */
.modal-dialog-scrollable .modal-content {}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {-ms-flex-negative: 0; flex-shrink: 0;}
/* .modal-dialog-scrollable .modal-body {overflow-y: auto;} */
.modal-dialog-scrollable .modal-body {}
.modal-dialog-centered {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem);}
.modal-dialog-centered::before {display: block; height: calc(100vh - 1rem); content: "";}
.modal-dialog-centered.modal-dialog-scrollable {-ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {max-height: none;}
.modal-dialog-centered.modal-dialog-scrollable::before {content: none;}
.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, 0.2); outline: 0;}
.modal-backdrop {position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}
.modal-header {display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 20px; background-color:#333; color:#fff;}
.modal-header .btn-modal-close {display:none; padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; background: transparent; color: rgba(255,255,255,0.6); font-size: 15px; border:0;}
.modal-header .btn-modal-close:hover {color: rgba(255,255,255,0.8);}
.modal-title {margin-bottom: 0; line-height: 1.5;}
.modal-title h6 {font-size:14px; font-weight:400; line-height: 1.5;}
.modal-body {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}
.modal-footer {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 20px 40px 5px; margin-top:20px; margin-left:-15px; margin-right:-15px; border-top: 1px solid #dedede;}
/* .modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;} */
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px;}
/*
.modal .section-search {margin: 0 0 10px;}
.modal .sel_board {border-top:0; border-right:0; border-bottom:1px solid #dedede; border-left:0;}
.modal .sel_board .container-form .form-group {display:block; border-bottom:0;}
.modal .sel_board .container-form .form-group>.col-form-label {background-color:#fff; padding:10px 20px 5px;}
.modal .sel_board .container-form .form-group>.col-form-label:before {display:none;}
.modal .sel_board .container-form .form-group>.col-form {padding:0 20px;}
 */

/***********************
 page
 ***********************/
.guide-wrap {padding:20px;}
.guide-wrap .text-guide {font-size:20px; text-align:center; margin-bottom:20px;}

.contract-wrap {font-size:16px;}
.contract-wrap h1 {text-align:center; font-weight:300; font-size:24px; padding:20px;}
.contract-wrap h1:before {content:"["; display:inline-block; padding-right:5px;}
.contract-wrap h1:after {content:"]"; display:inline-block; padding-left:5px;}
.contract-wrap .text-lead {text-align:center; padding:20px 100px; font-weight:500;}
.contract-wrap .text-hr {text-align:center; font-weight:500;}
.contract-wrap .text-hr:before {content:"-"; display:inline-block; padding-right:5px;}
.contract-wrap .text-hr:after {content:"-"; display:inline-block; padding-left:5px;}
.contract-wrap .contract-detail {padding:20px 0;}
.contract-wrap .list-number {}
.contract-wrap .list-number>li>ol {list-style:none; padding-left: 25px;}
.contract-wrap .list-number>li>ol>li {position:relative; counter-increment:item; list-style:none indise;}
.contract-wrap .list-number>li>ol>li:before {content:counter(item); display:inline-block; position:absolute; top:4px; left:-25px; height:18px; width:18px; line-height:1.5; border:1px solid #333; text-align:center; border-radius:100%;  font-size:10px;}
.contract-wrap .text-point {color:#ff0000;}

.agree-wrap {}
.agree-wrap .agree-header {border-bottom: 2px solid #005da4; display:flex; display:-ms-flexbox; justify-content: space-between; -ms-flex-pack:justify; align-items:flex-start; -ms-flex-align:start; width:100%; padding:10px 20px 10px;}
.agree-wrap .agree-header .header-title h4 {color:#005da4; font-size:16px; font-weight:500; line-height: 30px;}
.agree-wrap .agree-header .header-title h5 {position:relative; z-index:1; color:#0255a2; font-size:15px; font-weight:400;}
.agree-wrap .agree-header .header-title h5:before {content:""; display:inline-block; width:10px; height:10px; background-color:#0255a2; border-radius:100%; margin-right:10px; position:relative; z-index:3;}

.agree-wrap .agree-body {}
.agree-wrap .terms-wrap {background-color:#efefef; padding:20px; overflow:auto;}
.agree-wrap .terms-footer {display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: start !important; justify-content: flex-start !important;border-bottom:1px solid #dedede;}
.agree-wrap .terms-footer .left, .agree-wrap .terms-footer .right {padding:20px;}
.agree-wrap .list-number {list-style:none; padding:0;}
.agree-wrap .list-number>li>ol {list-style:none; padding-left: 25px;}
.agree-wrap .list-number>li>ol>li {position:relative; counter-increment:item; list-style:none indise;}
.agree-wrap .list-number>li>ol>li:before {content:counter(item); display:inline-block; position:absolute; top:2px; left:-20px; height:16px; width:16px; line-height:1.3; border:1px solid #333; text-align:center; border-radius:100%;  font-size:10px;}

.agree-wrap .text-dear {text-align:center; padding:12px 20px; font-size:18px; font-weight:500;}
.agree-wrap .attachment-wrap {}
.agree-wrap .list-attachment {list-style:none; display:block; width:100%; background-color:#f3f3f3; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:13px 20px;}

.agree-wrap .agree-footer {margin:20px 0 40px; text-align: center;}
.agree-wrap .terms-footer .form-group {margin-bottom:0;}
.agree-wrap .agree-check {}

.list-dot-wrap {}
.list-dot-wrap .list-dot-header {display:flex; display:-ms-flexbox; justify-content: space-between; -ms-flex-pack:justify; align-items:flex-start; -ms-flex-align:start; width:100%; padding:10px 20px 10px;border-bottom: 2px solid #005da4;}
.list-dot-wrap .list-dot-header h4 {color:#005da4; font-size:16px; font-weight:500; line-height: 30px;}
.list-dot {list-style:none; padding:0;}
.list-dot li {padding:10px; border-bottom:1px solid #dedede;}
.list-dot li:before {content:""; display:inline-block; width:4px; height:4px; background-color:#525252; margin-right:10px; border-radius:50%; vertical-align: middle;}

/* search-result-guide */
.table-board .search-result-guide {margin-top:0; text-align:center; padding:80px 20px; min-height:auto; height:100%;}
.table-board .search-result-guide .result-img {position:relative; display:inline-block; width:150px; height:150px; -webkit-box-shadow:0px 10px 20px 5px rgba(154,212,243,1); -moz-box-shadow:0px 10px 20px 5px rgba(154,212,243,1); box-shadow:0px 10px 20px 5px rgba(154,212,243,1); border-radius:50%;}
.table-board .search-result-guide .result-img.error {background:#fff url('../images/img_error.png') no-repeat center 40px; background-size: 40%;}
.table-board .search-result-guide .result-img.nodata {background:#fff url('../images/img_nodata.png') no-repeat center 35px; background-size: 40%;}
.table-board .search-result-guide .result-img .result-text {position:absolute; left:0; right:0; margin:0 auto; font-size:16px; color:#0092e0;}
.table-board .search-result-guide .result-img.error .result-text {bottom:25px;}
.table-board .search-result-guide .result-img.nodata .result-text {bottom:20px;}
.table-board .search-result-guide .text-info {margin-top:30px;}
.table-board .search-result-guide .text-info h4 {font-size:16px; color:#0092e0; font-weight:500;}
.table-board .search-result-guide .text-info .text-guide {margin-top:5px; color:#999;}

/* filter-keyword-wrap */
.filter-keyword-wrap .list-keyword {padding-top:5px;}
.filter-checkbox-wrap {}
.filter-checkbox-wrap fieldset {padding:20px;}
.filter-checkbox-wrap legend {display: block; color: #0092e0; font-size: 16px; padding: 20px 0 0; margin-bottom: -10px;}
.filter-checkbox-wrap .form-check-label .count {color:#999;}
.col-form.row {margin-left:0; margin-right:0;}

/* select-keyword-wrap */
.select-keyword-wrap {}
/*.select-keyword-wrap .list-select-keyword {max-height: 150px; overflow: auto;}*/

/* email-checkbox-wrap */
.email-checkbox-wrap {padding:20px; margin-top:-10px;}
.email-checkbox-wrap .form-group {margin-bottom:0; max-height: 140px; overflow: auto;}

/* error-wrap */
.error-wrap {width:700px; margin:100px auto 0;}
.error-wrap .logo {padding: 20px;}
.error-wrap .logo img {max-width:130px;}
.error-wrap .section-error {background-color:#fff; text-align:center; padding: 20px;}
.error-wrap .section-error h1 {width:100%; font-size: 50px; color: #0092e0;}
.error-wrap .section-error h2 {color: #0092e0; margin-bottom:10px;}
.error-wrap .section-error p.error-detail {color: #666;}
.error-wrap .section-error .section-footer {}
.error-wrap .copyright {padding: 10px; text-align: center; color: #999; font-size: 90%;}

/**********************************************
 국내전시
 *********************************************/
.gepas {}
.dsh_wpbox{display:inline-block;width:100%;margin:10px 0 0 0;padding:10px 0 18px 0;font-size:14px;color:#555;line-height:22px;border:1px dashed #999;border-radius:2px}
.dsh_wpbox h5{font-size:17px;font-weight:700;color:#117a56}
.dsh_inbox{display:inline-block;padding:0 15px 0 20px}
.dsh_inbox2{display:inline-block;padding:2px 0 0 0;margin:0;text-align:left}
.dsh_inbox2 ul li{display:inline-block;width:100%;padding:3px 0 3px 0;text-align:left}

.incase_cont{display:inline-block;width:100%;padding:0 0 5px 0}
.incase_cont dt,.incase_cont dd{display:inline-block;width:95%;text-align:left}
.incase_cont dt{padding:0 0 7px 14px;font-size:16px;font-weight:700;color:#444;background:url(../images/dmt/ic_blarrw.gif) 0 7px no-repeat}
.incase_cont dd{margin-left:12px;font-size:14px;font-weight:400;color:#555;line-height:20px}


/* search-detail-header */
.search-detail-header {display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important;background-color:#fff; height:190px; padding:20px;}
.search-detail-header .image-wrap {margin-right:30px;}
.search-detail-header .image-wrap .img-box {position:relative; z-index:2; width:280px; height:150px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border-radius:5px; border: 1px solid #efefef;}
/* .search-detail-header .image-wrap .img-box:before {content:""; position:absolute; top:0; left:0; z-index:1; display:block; width: 280px; height: 150px; background-image: url('../images/gep_logo_b.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity:.3;} */
.search-detail-header .image-wrap .img-box:after {content: ""; display: block; width: 10px; height: 30px; border-radius: 10px; background-color: #007ec1; position: absolute; z-index:3; top: 20px; right: -26px;}
.search-detail-header .media-body {position:relative;}
.search-detail-header .btn-wrap {text-align:right;}
.search-detail-header .btn-wrap .btn-share {padding: 0; color: #b2b2b2; font-size: 16px; margin-top: -7px; margin-right:15px;}
.search-detail-header .btn-wrap .btn-share:hover {color:#333;}
.search-detail-header .btn-wrap .btn-print {padding: 0; color: #b2b2b2; font-size: 16px; margin-top: -7px; margin-right:15px;}
.search-detail-header .btn-wrap .btn-print:hover {color:#333;}
.search-detail-header .text-info {flex: none; width:450px;}
.search-detail-header .text-info .info-title {margin-top: 20px; height: 50px; overflow:hidden;}
.search-detail-header .text-info .info-title h2 {font-size:26px;}
.search-detail-header .text-info .info-title h3 {font-size:20px;}
.search-detail-header .text-info .info-date {font-size:16px; color:#999;}

/*------------------------------
	작업내용 : ITO 유지보수 소스 추가 건
	작성일자 : 2021.04.21
	작성자    : 장찬영 대리
------------------------------*/
.modal a:focus{outline:1px dashed #333}
select.form-control:focus, input.form-control:focus{outline:1px dashed #333}
.datePicker.form-control{background:none}
.ui-datepicker-trigger{display:inline-block;border:0;width:14px;height:14px;padding:0;margin:7px 0 0 5px;font-size:0;background:none;vertical-align:middle}
.ui-datepicker-trigger img{width:100%}

#_lodingBar{position:absolute;z-index:2000;display:none;left:50%;top:50%;}
#_lodingBarBack{position:absolute;z-index:1000;background-color:#000000;display:none;left:0;top:0;}