@charset "utf-8";

@import url('NanumGothic.css');
/*레이아웃 정리*/
 body { font-family: 'NanumGothic', 'Gulim', '굴림', 'Malgun Gothic', '맑은 고딕', 'Helvetica Neue', Helvetica, Arial, sans-serif;  letter-spacing:-0.05em;}
small, .small {
    font-size: 80%;
}
.large {
    font-size: 1.25em;
}
.logo{ background-image:url(../img/common/sprite_v1.png); background-repeat: no-repeat !important; width:116px; height:36px; display:block;text-indent:-5000px;font-size:0;line-height:0; margin:13px 0 0 0px !important; background-position:0 -60px !important; }
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {height:28px !important;    top: 5px;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active{ color: #fff;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {color:#92979b;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle:hover { display: inline-block; }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle { display: inline-block; }

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {background-color: transparent;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle {background-color: transparent;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {color: #92979b; font-weight:500; }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator { border-left: 1px solid #6d7492;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>.username{color: #a4b4bb;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external {  background: #2b3642;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {background: #475767;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu { background: #33404d;  border: 0;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {  border-bottom: 1px solid #454e57 !important;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after { border-bottom-color: #33404d;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu {  margin-top: 0px;}


/*로그아웃 아이콘 추가 2017.03.06*/
.page-header .page-header-top .top-menu .logout_btn{height:16px;display:inline-block;width:16px ;margin-top:18px  ;   }
.page-header .page-header-top .top-menu .logout_btn a i{color: #6d7492}
.page-header .page-header-top .top-menu .logout_btn a i:hover{ color: #fff}


/*메뉴바*/
.page-header {
    font-family: 'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif !important;
    font-size: 13px !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu { background: #233147; width: 240px;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {padding: 6px 12px ; letter-spacing:-1px; }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a { color: #BCC2CB;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: #202b3d;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #ffffff;  background: #1990f8;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a>i { color: #6fa7d7;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a { color: #ffffff;  background: #4a98e3;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover { color: #ffffff;  background: #1990f8;}
/*
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a { color: #ffffff;  background: #4a98e3;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #ffffff;  background: #1990f8;}
*/
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.divider { background-color: #1b2235; margin: 0; padding: 0;}

.page-header .page-header-menu .hor-menu .navbar-nav>li .menu-depth-2 { background: #25456c; width: 200px;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .menu-depth-2 li>a { color: #eeeeee;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .menu-depth-2 li:hover>a { color: #ffffff;  background: #1990f8;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .menu-depth-2 li.divider { background-color: #223f63; margin: 0; padding: 0;}

/*하단 footer*/
.page-footer { background:#33404d; }

/*페이지 타이틀 및 상단버튼*/
.page-head .action {
    float: right;
    display: inline-block;
  /*  padding: 9px 0 0;*/
}
.page-head .action .btn {
   /* padding: 5px 15px !important;*/
    font-size: 13px;
    font-family: NanumGothic;
}
.page-head .action i {
   /*  margin-right: 3px;*/
}


.area_location{  display: inline-block;  float: right; margin-top:15px;font-size: 13px !important; letter-spacing: 0;font-weight: 400; }
.area_btn{ margin-left:10px; font-weight:400; }
.area_btn i{ margin-right:3px !important;  }
.area_btn .btn-group-sm>.btn, .btn-sm { padding:2px 12px 2px 12px !important;}
.btn-sm{letter-spacing: 0;font-size: 12px;font-weight: 700;}

/*컨텐츠 판넬*/
.portlet {background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(236, 236, 236) rgb(219, 219, 219) rgb(219, 219, 219); border-radius: 5px; border-image: none;  /*box-shadow: 0px 2px 2px rgba(0,0,0,0.18);*/box-shadow: 0 2px 2px rgba(0,0,0,.08); margin-bottom: 10px;}
.portlet .font-dark { color:#697882  !important;}

/*조회조건영역*/
.searchForm .columnline{ border-left:1px solid #ededed;  padding:10px 20px 10px 20px !important;  min-height:100px    }
.searchForm .portlet-title{ padding-left:20px !important; padding-right:20px !important; min-height:30px !important;}
.searchForm .icheck-list>label{font-weight:400 !important;font-size:11px !important; color:#636363; !important; font-family: "NanumGothic",sans-serif;margin-bottom: 0px;}
.searchForm .icheck-list{ margin-left:16px !important; }
.searchForm .h6 > .input-group{font-weight:500 !important;font-size:13px !important; color:#37272a; !important; font-family: "NanumGothic",sans-serif;line-height: 22px !important;}
.searchForm input[type="radio"], input[type="checkbox"] {margin-right:3px;}

/* 2017-01-17 My.Park Add */
.searchForm label.serchLabel {
    color: #5892dc;
    text-align: center !important;
}
/*
.searchForm label.serchLabel i {
    font-size:36px; margin-top:10px
}*/
.searchForm label.serchLabel div {    font-size: 13px;font-family: 'NanumGothic';font-weight:600 ;margin-top: 1px}

.searchForm>.portlet-title>.tools>a.collapse {background-image: url(../../../global/img/portlet-collapse-icon.png) !important;}
.searchForm>.portlet-title>.tools>a.expand { background-image: url(../../../global/img/portlet-expand-icon.png) !important;    width: 14px;    visibility: visible;}
/*.searchForm .btnlist{ margin-top:5px;}*/
.searchForm .btnlist .blue {margin-bottom:5px;}
/*.searchForm .blue {background:#5892dc !important; border:1px solid #4082d8 !important}*/
.searchForm .actions .btnlist{ margin-top:10px;margin-bottom:15px;}
.searchForm .actions .btnlist .blue {margin-bottom:0px;}
/*버튼 수정*/
.btn.grey-cascade:not(.btn-outline) {  color: #666666;  background-color:#e7ecf2 ;  border-color: #bec6c9;    padding: 4px 12px; font-size:12px !important; font-weight:600;  }
/*
.btn.blue:not(.btn-outline) { color: #FFFFFF; background-color: #5892db; border-color: #4284d8; }
.btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {  color: #FFFFFF;  background-color: #2b61c6;  border-color: #1b50bc; }
.btn.blue:not(.btn-outline):hover {  color: #FFFFFF;    background-color: #3f77cf;    border-color: #2c67c8; }
*/
/*버튼 테이블

.btn-circle {font-weight: 500 !important;}*/
.portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn.btn-sm{ font-size:12px }




/*입력폼*/

div.dhxcombo_material {
    position: relative;
    border: 1px solid #c2cad8;
    padding-bottom: 0px;
    overflow: hidden;
    vertical-align: middle;
    background-color: white;
    font-size: 1px;
    height: 29px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
div.dhxcombo_material.dhxcombo_actv {
    padding-bottom: 0px;
    border: 1px solid #93a1bb;
}

div.dhxcombo_material.dhxcombo_actv {
    padding-bottom: 0;
    border-bottom: 1px solid #39c !important;
}

.dateForm{
    background: url(../img/common/icon_calendar.png)  no-repeat 83px 3px;
    border: 1px solid #c2cad8 !important  }


.viewlist.portlet>.portlet-title { border-bottom:none !important; margin-bottom:0 !important;min-height: 40px !important;}
.viewlist.portlet.light>.portlet-title>.actions { padding-bottom:0 !important;}
.viewlist.portlet.light .portlet-body {padding-top:0}

/*테이블 수정*/
.table.table-bordered tbody > tr > td{ border: 1px solid #e2e2e2;}
.table th.v-align-m,
.table td.v-align-m {
    vertical-align: middle;
}


.form-horizontal .control-label{padding-top:4px; }


/* pop_wrap 속성 */

.pop_title {position:relative;height:40px;border-bottom:3px solid #959fb0 !important;background:#a7b0bf !important;}
.pop_title .pop_close {position:absolute;right:0;top:0; background:#939eb0 url(../img/common/btn_close.gif) no-repeat 0 -3px  ;  height: 37px;width: 40px;display:block;text-indent:-5000px;font-size:0;line-height:0;}
.pop_title h1 {padding:10px 0 0 16px; font-family:'NanumGothic', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; color: #fff; }
.pop_title .h4{font-size:16px;font-weight:500 !important;}

.pop_wrap .pop_title {border-bottom:3px solid #4e4e4e;background:#727272;}
.pop_title h1{margin:0 !important; }

/* My.Park 추가 2017-02-14 */
.pop_wrap {
    overflow-x: hidden;
}
.pop_wrap .page-header .page-header-top {
    background: #53677e;
}
.pop_wrap .page-header {
    height: 60px;
}
.pop_wrap .page-header .page-title {
    float: left;
    display: inline-block;
    margin: 17px 20px 0 20px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.pop_wrap .portlet.box > .portlet-title {
    min-height: 20px;
    padding: 0 20px;
}
.pop_wrap .portlet > .portlet-title > .caption {
    padding: 3px 0 4px 0;
    font-size: 12px;
}
.pop_wrap .portlet.box > .portlet-body {
    padding: 5px;
}
.pop_wrap .table-scrollable {
    border: none;
    overflow-x: hidden;
}
.pop_wrap .table-bordered > thead > tr > th,
.pop_wrap .table-bordered > tbody > tr > th{
    border-color: #d2d2d2 !important;
    border-bottom: none;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
}
.pop_wrap .table > thead > tr > th, .table > thead > tr > td,
.pop_wrap .table > tbody > tr > th, .table > tbody > tr > td,
.pop_wrap .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 2px 1px;
}
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
    height: 26px;
}
.pop_wrap .form-control {
    height: 22px;
    padding: 0 4px;
    font-size:12px
}

.pop_wrap .form-control[disabled],
.pop_wrap .form-control[readonly],
.pop_wrap fieldset[disabled] .form-control {
    border: none;
    /*background: none;*/
}
.pop_wrap textarea.form-control {
    height: auto;
}
.pop_wrap .input-icon > .form-control {
    padding-left: 24px;
}
.pop_wrap .input-icon > i {
    font-size: 14px;
    margin: 5px 2px 2px 6px;
}
.pop_wrap .input-icon.right > i {
    right: 3px;
    font-size: 14px;
    margin: 4px 0 2px 2px;
}
.pop_wrap .input-icon.right > .form-control {
    padding: 0 0 0 2px;
    text-align: center;
}

.pop_wrap .btn-sm,
.pop_wrap.btn-group-sm > .btn {
    padding: 2px 10px !important;
}
/*
.pop_wrap .btn-sm i,
.pop_wrap.btn-group-sm > .btn i {
    font-size: 14px !important;
}
*/
.pop_wrap .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover{ box-shadow: none !important;}
.pop_wrap summary {
    display: none;
}
.portlet .btn-icon-only.btn-default {
    border-color: #bbc2ce;
}
.portlet.box .btn.btn-circle.btn-icon-only.btn-default {
    color: #a6b0bf;
}

.portlet.box .btn.btn-circle.btn-icon-only.btn-default.active,
.portlet.box .btn.btn-circle.btn-icon-only.btn-default:hover {
    color: #fff;
    background: #32c5d2;
    border-color: #32c5d2;
}
.portlet .btn-icon-only.btn-default {
    padding: 3px 6px 2px;
}

.pop_wrap .mt-checkbox-inline, .mt-radio-inline {
    padding: 0;
}
.pop_wrap .mt-radio > span, .mt-checkbox > span {
    width: 14px;
    height: 14px;
}
.pop_wrap .mt-radio,
.pop_wrap .mt-checkbox {
    padding-left: 17px;
    font-size: 11px;
}
.pop_wrap .mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio, .mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio {
    margin-right: 8px;
}
.pop_wrap .mt-checkbox > span:after {
    top: 0;
    left: 6px;
}




.headerTitle{background:#ecf0f3 !important  ; border:1px solid #d9dde0 ; margin-top:0px !important; padding-top:5px !important;padding-bottom:3px !important;margin-bottom: 10px; border-bottom:2px solid #d3d7db !important;  margin-top:-1px !important;   }
.headerTitle .h6{font-weight:700 !important ;font-size:14px !important;  }

.headerTitle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover{}
.headerTitle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {border-radius:25px !important;}
.headerTitle .dhtmlxCombo{margin-right:40px !important; }

@media (max-width: 1280px) {
    .container-fluid {padding-left:10px !important; padding-right:10px !important;}

    .box_type01 i,
    .box_type02 i,
    .box_type03 i{ font-size:30px; margin-top:10px   }
    .box_type01,
    .box_type02,
    .box_type03{ color:#5892dc;font-size:13px; font-weight:500 ;text-align:center !important; line-height:normal !important;  max-width:80px  }

    .box_type01{padding:20px 10px}
    .box_type02{padding:20px 10px}
    .box_type03{padding:20px 10px}
    .searchForm .columnline{ border-left:1px solid #ededed;  padding:10px 10px 10px 20px !important;  min-height:100px;    }
    .searchtype01 .form-actions { max-width:150px ;text-align: right;  }
   /* .searchtype01 .form-body {padding:20px !important; border-bottom:none !important;  }*/

}



/* space */
.pr20 {padding-right:20px !important;}


@media (max-width: 1024px) {
/*.container-fluid {padding-left:30px !important; padding-right:30px !important;}
.box_type01 i,
.box_type02 i,
.box_type03 i{font-size:14px; width:20px !important; display:inline; float:left; margin-top:5px}
.box_type01,
.box_type02,
.box_type03{ width:100% ; margin-top:0px;text-align:left; padding-left:15px; padding-top:10px;  max-width:none; text-align:left !important ; padding-bottom:0 !important;  }
.searchForm .columnline{ border-left:none; }
.searchForm .form-group .form-control,
.searchForm .form-group .input-group,
.searchForm .form-group .btn{margin-bottom:3px !important; }
.searchtype01 .form-actions {width:100%  }	*/
	}

/* 2017-01-09 My.Park Add*/
.jstree-container-ul .mt-checkbox {
    display: inline-block;
    width: 80%;
    margin-bottom: 5px;
}
.jstree-default .jstree-node {
    line-height: 17px;
}

.jstree-default .jstree-container-ul li label {
    margin-left: 0px;
}
/*여백수정(2017.02.03)*/
/*
.jstree-default .jstree-container-ul li label {
    margin-left: 5px;
*/

.jstree-default .jstree-container-ul li:last-child {
    background: 0 0;
}
@media (min-width: 992px) {
    .mt-checkbox-list, .mt-radio-list {
        padding: 0;
    }
}
.searchForm .serchList .select1 {
    padding-right: 4px;
}
.searchForm .serchList .select2 {
    padding-left: 0;
    padding-right: 4px;
}
.searchForm .serchList .inputText1 {
    max-width: 223px;
    min-width: 223px;width: 223px
}/*
@media (max-width: 1280px) {

 .inputText1 {
    max-width: 221px;
    min-width: 221px;width: }
}
*/
/***
Horizontal Timeline - MY.PARK 2016.02.14
***/
/* PLUGIN CSS */
.cube-horizontal-timeline {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.cube-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none; }

.cube-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1; }

.cube-horizontal-timeline .timeline {
    position: relative;
    height: 60px;
    width: 90%;
    max-width: 100%;
    margin: 0 auto; }

.cube-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 0 0 20px;
    overflow: hidden; }

.cube-horizontal-timeline .events-wrapper::after, .cube-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px; }

.cube-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); }

.cube-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); }

.cube-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 29px;
    width: 270px !important;
    height: 2px;
    /* width will be set using JavaScript */
    background: #98a4b2;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s; }

.cube-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }

.cube-horizontal-timeline .events a {
    pointer-events: none;
    position: absolute;
    top: -8px;
    z-index: 2;
    width: 26px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    padding-bottom: 15px;
    color: #98a4b2;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }

.cube-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    z-index: -999;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -11px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-weight: 700;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cube-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f; }

.cube-horizontal-timeline .events a.selected {
    pointer-events: none;
    color: #53677e;;
}
.cube-horizontal-timeline .events a.selected.cancel {
    pointer-events: none;
    color: #fff;;
}
.cube-horizontal-timeline .events a.older-event {
    pointer-events: none;
    color: #66fffa;
}
.bg-mint {
    background: #66fffa !important; }

.bg-before-mint:before,
.bg-after-mint:after {
    background: #66fffa !important; }
.border-before-mint:before,
.border-after-mint:after {
    border-color: #66fffa !important; }

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%); }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%); }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%); } }

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%); }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%); } }

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%); }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%); }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%); } }

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%); }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%); } }

/* METRONIC EXTENDED CSS */
.mt-timeline-horizontal {
    font-size: 14px;
    font-weight: 700;
}
.mt-timeline-horizontal ol, .mt-timeline-horizontal ul {
    list-style: none; }
.mt-timeline-horizontal blockquote, .mt-timeline-horizontal q {
    quotes: none; }
.mt-timeline-horizontal blockquote:before, .mt-timeline-horizontal blockquote:after,
.mt-timeline-horizontal q:before, .mt-timeline-horizontal q:after {
    content: '';
    content: none; }
.mt-timeline-horizontal table {
    border-collapse: collapse;
    border-spacing: 0; }
.mt-timeline-horizontal .timeline {
    width: 100%;
    max-width: 100%; }
.mt-timeline-horizontal .timeline:before {
    background: transparent; }
.mt-timeline-horizontal .timeline .events-wrapper .events a:after {
    background-color: #53677e !important;
    border: 2px solid; }
.mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after {
    background-color: #66fffa !important; }
.mt-timeline-horizontal .timeline .events-wrapper .events a.selected.cancel:after {
    pointer-events: none;
    background-color: #000 !important;
    border-color: #000;
    color: #fff;;
}
.mt-timeline-horizontal .timeline .events-wrapper .events a:hover, .mt-timeline-horizontal .timeline .events-wrapper .events a:focus {
    text-decoration: none; }
.mt-timeline-horizontal .timeline .events-wrapper:before, .mt-timeline-horizontal .timeline .events-wrapper:after {
    background-image: none; }


.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a {
    border-radius: 50% !important; }
.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(50%) translateY(-50%);
    width: 10px; }
.mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i {
    left: -2px; }
.mt-timeline-horizontal .timeline.mt-timeline-square .events a:after {
    border-radius: 0 !important; }
.mt-timeline-horizontal .timeline.mt-timeline-square .mt-ht-nav-icon li a {
    border-radius: 0 !important; }
.mt-timeline-horizontal .events-content ol {
    padding: 0; }
.mt-timeline-horizontal .events-content ol li .mt-title {
    margin-top: 15px;
    float: left;
    width: 60%; }
.mt-timeline-horizontal .events-content ol li .mt-title h2 {
    margin: 0;
    opacity: 0.8 ;
    filter: alpha(opacity=80) ;
    font-size: 18px;
    font-weight: 600; }
.mt-timeline-horizontal .events-content ol li .mt-author {
    float: right;
    position: relative;
    text-align: right;
    width: 40%; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
    float: right;
    margin-left: 15px; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
    margin-top: 5px; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a {
    opacity: 0.9 ;
    filter: alpha(opacity=90) ;
    font-size: 15px;
    font-weight: 600; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:hover, .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:focus {
    text-decoration: none; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-datetime {
    font-size: 13px; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    overflow: hidden; }
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img {
    width: 100%;
    height: auto; }
.mt-timeline-horizontal .events-content ol li .mt-content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
    clear: both;
    line-height: 1.7em; }
.mt-timeline-horizontal .events-content ol li .mt-content > p {
    opacity: 0.7 ;
    filter: alpha(opacity=70) ; }
.mt-timeline-horizontal .events-content ol li .mt-content img.pull-left {
    margin: 0 15px 15px 0; }
.mt-timeline-horizontal .events-content ol li .mt-content img.pull-right {
    margin: 0 0 15px 15px; }
.mt-timeline-horizontal .events-content ol li .mt-content .btn-group .dropdown-menu {
    margin-right: 5px; }

@media (max-width: 480px) {
    .mt-timeline-horizontal .events-content ol li .mt-title {
        width: 100%; }
    .mt-timeline-horizontal .events-content ol li .mt-author {
        width: 100%;
        margin-top: 15px;
        text-align: left; }
    .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
        float: left;
        margin-right: 15px;
        margin-left: 0; }
    .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
        margin-top: 10px; }
    .mt-timeline-horizontal .btn.pull-right {
        float: none !important;
        margin: 0 !important; } }


.portlet > .portlet-body.blue-oleo,
.portlet.blue-oleo {
    background-color: #94A0B2; }

.portlet.solid.blue-oleo > .portlet-title,
.portlet.solid.blue-oleo > .portlet-body {
    border: 0;
    color: #FFFFFF; }

.portlet.solid.blue-oleo > .portlet-title > .caption {
    font-weight: 400; }
.portlet.solid.blue-oleo > .portlet-title > .caption > i {
    color: #FFFFFF; }

/*.portlet.solid.blue-oleo > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png); }

.portlet.solid.blue-oleo > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png); }

.portlet.solid.blue-oleo > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png); }

.portlet.solid.blue-oleo > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png); }

.portlet.solid.blue-oleo > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png); }

.portlet.solid.blue-oleo > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd; }*/

.portlet.box.blue-oleo {
    border: 1px solid #94A0B2;}
.portlet.box.blue-oleo > .portlet-title {
    background-color: #94A0B2; }
.portlet.box.blue-oleo > .portlet-title > .caption {
    color: #FFFFFF; }
.portlet.box.blue-oleo > .portlet-title > .caption > i {
    color: #FFFFFF; }
.portlet.box.blue-oleo > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #acb9ca;
    color: #bbc7d4; }
.portlet.box.blue-oleo > .portlet-title > .actions .btn-default > i {
    color: #c5ceda; }
.portlet.box.blue-oleo > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default.active {
    border: 1px solid #cbd4de;
    color: #dbe1e8; }


.cnts_view {
    font-size: 11px;
}

/*사건조회 수정 2017-03-14 */

.portlet.light.form-fit.searchForm .btnlist{width:100px;margin-top: 0  }