@CHARSET "UTF-8";

@import url( "board.css" );
@import url( "button.css" );

.mt5{margin-top:5px!important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}

.mb10{margin-bottom:10px}

.fs13 { font-size:13px; }
.fs14 { font-size:14px; }

body{ font-family:'Noto Sans KR'!important; font-weight:normal;padding:0;margin:0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Noto Sans KR'!important; margin: 0; padding: 0; }
ul,li,ol{list-style:none; padding: 0 ; margin: 0; }


.link input{color:#3c8dbc}
.link input:hover{color:#f00}

b, strong{font-weight:500!important}

/* Calendar */
 .calBlind { display:none!important; }
#calendar .fc-scroller { overflow:auto!important ;overflow-x:hidden!important;height:auto!important }
#menu_calendar .fc-scroller { overflow:auto!important ;overflow-x:hidden!important;height:auto!important }
.fc-sat { color:#0000FF; }   /* 토요일 */
.fc-sun { color:#FF0000; }   /* 일요일 */
.fc-time-grid-container { display:none;}
.fc-week{min-height:124px!important}

/* --------------------------------------------
 * layout
/* ------------------------------------------ */
.content-header > h1{font-weight:600}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title{position:relative;margin-left:5px}
/* .box-header .box-title:before{content:'';position:absolute;left:-15px;top:0;display:inline-block;width:5px;height:18px;background:#44b5dc} */
.box-header.m_tit .box-title{margin-left:5px}
.box-header.m_tit .box-title:before{content:'';background:none}

.box.box-primary{border-top:3px solid #3c8dbc}

.box-header .info{font-size:13px;color:#f00;font-weight:300}

.box-header{margin-bottom:10px}
.modal-header{background:#37a7d4;color:#fff;font-weight:500}
.modal-header .close{color:#fff;opacity:1}

.skin-blue .main-header .navbar .nav > li > a:hover,.skin-blue .main-header .navbar .nav > li > a:focus{border:none}

.carousel-inner>.item>img{margin:0 auto!important}
.carousel-control:focus, .carousel-control:hover{color:#37a7d4!important}
.carousel-indicators .active{background:#37a7d4;border: 1px solid #37a7d4;}
.carousel-indicators li{border: 2px solid #37a7d4;}
/* --------------------------------------------
 * main
/* ------------------------------------------ */

.info-box{min-height:70px}
.info-box-icon{height:70px;line-height: 60px;}
.info-box-number{font-weight:300;font-size:15px;margin:5px 0;line-height:1.7em}
.m_notice{padding:0;margin:0}
.m_notice li{padding:8px;overflow:hidden}
.m_notice li:nth-child(odd){background:#f2f5f8}
.m_notice li a span{border:1px solid #d6e1ec;background:#fff;text-align:center;color:#7794bd;font-size:12px;font-weight:300;display:inline-block;margin-right:10px;padding:3px;width:90px}
.m_notice li a:hover span{background:#43b4db;color:#fff}
.m_notice li em{float:right;font-style:normal}


.ranking {counter-reset: step-counter;margin:0;padding:0}
.ranking li{list-style-type: none; counter-increment: step-counter;  padding: 8px 8px 8px 40px;  margin: 5px 0 5px 10px;  position: relative;  min-height: 20px;  }
.ranking li:nth-child(odd){background:#f2f5f8}
.ranking li::before{content: counter(step-counter);border-radius: 5px; border:1px solid #d6e1ec;left: 10px;top:8px; position: absolute;  font-size: 12px; height: 20px; width: 20px;  padding:0 3px; text-align: center; font-weight: 400; color: #7794bd; background: #fff;}


.progress{margin-top:5px;margin-bottom:5px}
.product-info .label{font-size:13px;padding:5px 10px}
.progress.sm, .progress-sm{height:5px}



/* --------------------------------------------
 * nav
/* ------------------------------------------ */
.content .navbar-custom-menu .nav{border-bottom:0}
.content .nav{margin-bottom:0px;border-bottom:2px solid #3c8dbc}
.content .nav > li > a{text-decoration:none}
.content .nav > li > a:hover,.content  .nav > li > a:active,.content  .nav > li > a:focus{padding: 12px 15px 10px;;background:#deebf7;color:#3c8dbc;border:1px solid #c0d5e8;border-top: 1px solid #c0d5e8;border-bottom:none;font-weight:500}
.content .nav-pills > li.active > a:hover,.nav-pills > li.active > a:active,.nav-pills > li.active > a:focus{border:none;border-top: 3px solid #3c8dbc;padding: 10px 15px 10px;}
.content .nav ~ .box.box-primary{border-top-color:#f00}
.content .tab2  li{width:50%}
.content .tab3  li{width:33.3%}
.content .tab3  li a{margin:0 1px}
.content .nav-pills>li+li{margin-left:0}
.content .nav-pills > li > a{border-radius: 4px 4px 0 0;text-align:center;background:#fff}
.content .nav-pills>li.active>a,.content  .nav-pills>li.active>a:focus, .content .nav-pills>li.active>a:hover{color: #fff; background-color: #337ab7;}


/* --------------------------------------------
 * 로그인
/* ------------------------------------------ */

#Login{background:url(/assets/image/bg_login.jpg)center top no-repeat #fff;position:relative}
#Login #wrap{background:url(/assets/image/bg_loginbox.png) center top no-repeat;width:545px;height:677px;position:relative;left:50%;margin-left:-275px;top:0;margin-top:70px}
#Login #container *{box-sizing:border-box}
#Login #container{width:310px;margin:0 auto 70px;position:relative;top:300px}
#Login #container h1{text-align:center;padding-top:80px;display:block!important}
#Login #container p{text-align:center;font-size:23px;color:#3a3a3a;margin:30px 0 0;font-weight:500;letter-spacing:-0.08em}
#Login #container .loginArea{}
#Login #container .loginArea label{display:none}
#Login #container .loginArea li{margin-bottom:10px}

#Login #container .loginArea li:nth-child(1){background:url(/assets/image/ic_user.png) 10px center no-repeat #e6e9ed !important;padding-left:50px;border-radius:25px;border:1px solid #e6e9ed;}
#Login #container .loginArea li:nth-child(2){background:url(/assets/image/ic_pwd.png) 10px center no-repeat #e6e9ed !important;padding-left:50px;border-radius:25px;border:1px solid #e6e9ed;}
#Login #container .loginArea input[type="text"],#container form input[type="password"]{width:230px;height:50px;;color:#1a4692;font-size:15px;border:0;background:transparent}
#Login #container .loginArea input[type="submit"] {background:#1a4793;border:1px solid #1b8dbc ;box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-moz-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; width:310px;;border-radius:25px;color:#fff;height:50px;font-size:17px;font-weight:500;cursor: pointer;}


#Login #container .loginArea input[type="button"] {background:#0b9edb;border:1px solid #1b8dbc ;box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-moz-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; width:310px;;border-radius:25px!important;color:#fff!important;height:50px;font-size:17px;font-weight:500;cursor: pointer;}



#Login .copy{font-size:13px;color:#9ba4b0;text-align:center}

#Login .lang_select{position:relative;margin-top:80px}
#Login .lang_select .btn_lang {background:#38bc9a;border:1px solid #31a486 ;box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-moz-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; width:110px;;border-radius:25px;color:#fff;height:45px;font-size:17px;font-weight:500;cursor: pointer;margin-left:20px}

/* 크롬 input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #e6e9ed inset ; -webkit-text-fill-color: #1a4692; }
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-size:13px
}
::-moz-placeholder { /* Firefox 19+ */
 color: #fff;
  font-size:13px
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
   font-size:13px
}
:-moz-placeholder { /* Firefox 18- */
 color: #fff;
  font-size:13px
}



.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#fff!important}
.navbar-nav>.messages-menu>.dropdown-menu>li.header{background:#00a65a;color:#fff}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header{background:#f39c12 ;color:#fff}
.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background:#dd4b39 ;color:#fff}

.user-footer .btn-default.btn-flat{background:#3c8dbc!important}

.navbar-nav > .messages-menu > .dropdown-menu > li{max-height:500px;overflow:auto;overflow-x:hidden}


/*text color*/

.txt_red{color:#f00!important}
.txt_blue{color:#00f!important}
.txt_require{color:#f00!important}

.stxt_info{color:#f00!important;font-size:13px}

.alert-info{color: #31708f!important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1;}

/* placeholder color */
::placeholder {
    color:#000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #000;
}



/* --------------------------------------------
 * 상태
/* ------------------------------------------ */
.label{font-weight:300;font-size:13px}

/* --------------------------------------------
 * 프로필
/* ------------------------------------------ */

.profile_img{border:1px solid #999;text-align:center;padding:20px}
.profile_img img{width:150px;height:160px;display:block;margin:0 auto}


/* --------------------------------------------
 * 자산
/* ------------------------------------------ */

.product_img{border:1px solid #999;text-align:center;overflow:hidden}
.product_img a{display:bock;}
.product_img img{width:100%;height:auto;max-heigh:500px;display:block;margin:0 auto}


/* --------------------------------------------
 * 체크박스
/* ------------------------------------------ */
.ckb_label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
   
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ckb_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid #999;
}
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid #999;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.ckb_label:hover input ~ .checkmark,.ckb_label:hover input ~ .radiobtn  {
     background-color: #fff;
    border:1px solid #2196F3;
}

/* When the checkbox is checked, add a blue background */
.ckb_label input:checked ~ .checkmark,.ckb_label input:checked ~ .radiobtn {
    background-color: #2196F3;
    border: 1px solid #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after,.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ckb_label input:checked ~ .checkmark:after,.ckb_label input:checked ~ .radiobtn:after{
    display: block;
}

/* Style the checkmark/indicator */
.ckb_label .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ckb_label .radiobtn:after {
 	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* --------------------------------------------
 * 모달
/* ------------------------------------------ */
.md_sch_result{height:300px;overflow:hidden;border:1px solid #ccc}
.md_sch_result label{cursor:pointer}
/* --------------------------------------------
 * 프린트
/* ------------------------------------------ */
@media print {
.content-header h1{display:block!important}
a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " ";
  }
  abbr[title]:after {
    content: " ";
  }
  .clone-column-table-wrap {
  	display:none;
  }
  .scrl_cntrl {
  	display:none;
  }
  
  .searchForm,
  .tbl-control {
  	display: none;
  }
  
   .btnArea,
   a.btn, button.btn, input.btn {
   	display: none;
   }
  
  .main-footer {
  	display: none;
  }
  
  .content {
  	margin-top:0px;
  	padding: 0;
  }
    
  .box {
  	margin-top: 100px;
  	padding: 0;
  } 
 
}

/* --------------------------------------------
 * 윈도우 팝업
/* ------------------------------------------ */
#popup{padding:0;margin:0}
#popup .poptit{background:#37a7d4;position:relative;padding:10px;margin-bottom:20px }
#popup .poptit h1{color:#fff;font-size:20px;font-weight:500;padding:0;margin:0}
#popup .popbody{padding:0 20px}
#popup .btn.small{padding: 1px 7px;}

/* --------------------------------------------
 * cms
/* ------------------------------------------ */
#cms_wrapper{position:relative;overflow:hidden}

.cms_state{margin-bottom:0;padding:10px;border:1px solid #e6e7e8;background:#f4f4f4;font-size:13px}
.cms_tree_option{margin-top:10px;}
.cms_tree_option strong{display:inline-block;margin-right:10px}
.cms_tree_option span{background:#3c8dbc;color:#fff;font-size:12px;text-align:center;display:inline-block;border-radius:3px;padding:3px 10px;cursor:pointer;margin:0 2px}

.tree{border:1px solid #e6e7e8;padding:10px 0;height:600px;}
.cms-tit{font-size:20px;letter-spacing:-0.05em;position:relative; margin-bottom: 20px; }
.cms-path{font-size:13px}
.cms-path span{display:inline-block;position:relative;padding:0 10px}
.cms-path span:after{position:absolute;right:-5px;top:0;content: '\f105';font-family:FontAwesome;  }
.cms-path span:last-child:after{content:''}

.cms-caution{border:1px solid #e9573f;background:#fff7f6;padding:10px;font-size:14px;color:#c63922;font-weight:500}

.sm-h3{font-size:20px;font-weight:700;position:relative}
.sm-h3:before{position:aboslute;top:0;left:0;display:block;content:'';background:#0b9edb;width:20px;height:3px;margin-bottom:5px}

.form-control{display:inline-block!important}
#cms_wrapper input[type=radio]{display:inline-block;margin-right:3px}
.caution{font-size:13px;color:#f00}

.txt-blue{color:#3c8dbc!important;font-weight:500;font-size:13px}
.txt-red{color:#d91a1a!important;font-weight:500;font-size:13px}

#cms_pop_wrapper{width:95%;margin:0 auto}
#cms_pop_wrapper h1{font-size:25px;font-weight:bold;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:20px}


/*-------------------------
스케쥴 모달
-------------------------*/
.modal-dialog-wrap{width:90%;overflow:hidden;margin:20px auto 20px}
.modal-clndr {width:100%;}
.modal-clndr .cal-sel{border:1px solid #e6e7e8;padding:10px 5px;margin-top:10px}
.modal-clndr .cal-sel ul,.modal-clndr .cal-sel li{padding:0 0 0 5px;font-size:15px}
.modal-clndr .cal-sel li{margin-bottom:0px;display:inline-block;width:33.3%}
.modal-clndr .cal-sel li:first-child{font-weight:500;color:#00f}
.modal-clndr .col-sm-10,.modal-clndr .col-sm-2{overflow:auto;overflow-x:hidden;  margin-bottom: 10px}
.modal-clndr .cal-sel.cal-part li{width:20%}
.modal-clndr #calendar{margin-bottom:50px}
#menu_calendar{margin-bottom:50px}

@media (min-width: 768px){
.modal-dialog-wrap{width:90%;height:95vh;overflow:hidden;margin:0px auto 0}
.modal-clndr {width:100%;height:100vh}
.modal-clndr .cal-sel li{display:block;width:auto}	
.modal-clndr .cal-sel.cal-part li{width:auto}
.modal-clndr .col-sm-10,.modal-clndr .col-sm-2{overflow:auto;overflow-x:hidden;height:85vh}

	
}

/*-------------------------
쪽지
-------------------------*/
.receiverArea{position:relative}
.receiver-call{margin-bottom:10px}
.receiver-control{position:absolute;top:40px;left:360px}
.receiver-control a{margin-bottom:5px}
.receiver-control a.delete{width:23px}


/* 팝업체크  20190212*/
.sel_item{overflow:hidden;padding:10px}
/*.sel_item li{display:inline-block;padding:3px 5px}*/
.sel_item li{float:left;width:33.3%;padding:3px 5px}
.sel_item li input,.sel_item li label{vertical-align:middle;font-weight:500;}
.sel_item li input{margin:0 3px 0 0;}
.sel_item li label{margin-right:15px}


/*팝업 첨부파일*/
.label_file_list{font-size:15px;margin:3px 0}

td.right {text-align:right;}

/* --------------------------------------------
 * 스크롤 컨트롤 2019.05.29 - 
/* ------------------------------------------ */

.scrl_cntrl{position:absolute;top:180px;right:10px;}
.scrl_cntrl.fixed{position:fixed;	top:0px; z-index:99999;}


/* *******************************************************
 * description : bootstrap NEW DESIGN Layout CSS  
 * date : 2020-05-15
******************************************************** */


/* header

----------------------------------------- */


.main-header { box-shadow:0 3px 5px 0 rgba(31,45,65,0.3); max-height:inherit;  }
.skin-blue .main-header .navbar { background-color:#001e61; height:60px; } 
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a { color:#fff; }
.skin-blue .main-header .navbar .sidebar-toggle { color:#fff; padding: 4px 11px; margin-top:8px; border:2px solid #fff; border-radius:50%; }
.skin-blue .main-header .navbar .sidebar-toggle:hover { background-color: rgba(31,45,65,.1); color:#fff;   }
.skin-blue.sidebar-collapse .main-header .navbar .sidebar-toggle { border-color:#ddd;  background-color:#001e61;   }
.main-header .sidebar-toggle:before { font-size:22px; }
.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover { background:#001e61; }
.skin-blue .main-header .logo { color:#000; border-bottom:1px solid #ddd; height:60px; }
.skin-blue .main-header .logo .logo-lg { color: #000;  text-align: center; height:60px; }
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background:#e74c3c!important; }
.main-header .navbar .nav > li > a > .label { padding: 5px 7px; border-radius:50%; top:-5px; right: -5px; line-height:auto; }

/* nav */
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a { color:#1c46e4;;  }
.main-header .navbar-nav { margin-right:10px; }
.skin-blue .main-header .navbar  .navbar-nav  > li { margin-left:20px; }
.skin-blue .main-header .navbar  li > a { border:1px solid #fff!important; padding:9px 15px; border-radius:5px; margin-top:10px; }
.skin-blue .main-header .navbar .dropdown.user-menu > a { background: #fff; color:#213b97; border-color: #00794a; }
.skin-blue .main-header .navbar .dropdown.user-menu > a:hover { background:#045ced; color:#fff;  }
.skin-blue .main-header .navbar .dropdown.user-menu > a:active, .skin-blue .main-header .navbar .dropdown.user-menu > a:focus,  .skin-blue .main-header .navbar .dropdown.user-menu > a:hover, .skin-blue .main-header .navbar .dropdown.user-menu > a:focus, .skin-blue .main-header .navbar .dropdown.user-menu .active > a { background:#142560;
    color: #fff; }
 .skin-blue  .main-header .navbar-custom-menu, .main-header .navbar-right { margin-right:8px; }
 .skin-blue .main-header .navbar  li:last-child { font-size:14px; font-weight:400; }
    
.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a { background: #deebf7; }
 .skin-blue .main-header .navbar .nav > li.user-menu > a:hover, .skin-blue .main-header .navbar .nav > li.user-menu > a:active, .skin-blue .main-header .navbar .nav > li.user-menu > a:focus  { background: #142560; }
/* .skin-blue .main-header .navbar .dropdown.user-menu span { display:block!important; } */
.skin-blue .main-header li.user-header { background: #213b97; color:#fff; }
.user-footer .btn-default.btn-flat {background: #213b97!important; border: none; }
.user-panel { display: none; }


/* messege  */
.navbar-nav > .messages-menu > .dropdown-menu > li { margin-left:0; border-radius:0; }
.navbar-nav > .messages-menu > .dropdown-menu > li a { border: none; margin-top: 0; border-radius:0; }
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a { border: none!important; border-radius:0;  }
.navbar-nav>.messages-menu>.dropdown-menu>li.header { background:#142560; }

/* side bar

----------------------------------------- */

.sidebar-menu { position: relative; }
.sidebar-menu:before { content:'Function'; display: block; color: #7b8f9a; font-size: 16px; padding:30px 15px 20px; font-weight:300; }
.sidebar-menu:after { content:''; width:120px; height:1px; background:#cbd7de; position: absolute; top:42px; left:90px; }
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background:#fff; box-shadow: 0 10px 20px 0 rgba(31,45,65,.15);   }
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header { color:#1f2d41; }
.skin-blue .sidebar-menu>li.header { display: none; }
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a { background:#fff; color:#0061f2; top:45%; }
.skin-blue .sidebar { padding-top:10px; }
.skin-blue .sidebar a { color:#1f2d41; }
.skin-blue .sidebar a span { font-size:16px; font-weight: 500; padding-left: 5px;  top: 49%; }
.skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li>a { border-left:none; }
.user-panel > .info > p { color: #1f2d41;  font-weight: 500; }
.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a { color: #1f2d41; }
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion { color: #8b8d8e; }
.sidebar-menu li > a > .pull-right-container > .fa-angle-left  { color: #000; font-weight: bold; font-size:16px; webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
} 
.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left  { color: #0061f2; }


.skin-blue .sidebar-menu>li>.treeview-menu { background:#fff; border-left:1px solid #92b5d9; margin:5px 0 10px 22px; }
.skin-blue .sidebar-menu .treeview-menu>li>a { color:#7b8f9a;  font-size: 14px!important; font-weight:normal; padding:8px 5px 8px 15px ; }
.skin-blue .sidebar-menu .treeview-menu>li>a i { display:none; }
.skin-blue .sidebar-menu>li.header { color: #000; }
.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover { color:#0061f2;  }
.treeview-menu>li>a { padding: 10px 5px 10px 12px;  }

.main-footer { color: #000; background-color: #f1f5f8;  border-top: none; font-weight:normal; padding:30px 25px; }


/* content

----------------------------------------- */


/* content header */

.skin-blue .content-header {/*  background-color: #0061f2; 
background-image: linear-gradient(135deg,#0061f2,rgba(105,0,199,.8)); 
background-image: -moz-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: -webkit-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: -o-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: -ms-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: linear-gradient(135deg,#0061f2,rgba(105,0,199,.8)); color:#fff;  */} 

.content-header { background-color: #0061f2; 
background-image: linear-gradient(135deg,#0061f2,rgba(105,0,199,.8)); 
background-image: -moz-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: -webkit-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: -o-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: -ms-linear-gradient(135deg,#0061f2,rgba(105,0,199,.8));
background-image: linear-gradient(135deg,#0061f2,rgba(105,0,199,.8)); color:#fff; } 

.content-header { padding:35px 20px 15rem;  color:#001e61;  }
.content-header>h1 { font-size:40px; color:#001e61; font-weight:500; }
.content-header>h1>small { color:#001e61; font-size:16px; padding-top:10px; display: block; }
.content-header>p { color:rgba(255,255,255,0.6); font-size:16px; padding-top:20px; }
.content-header>.breadcrumb>li>a, .breadcrumb>.active { color:#001e61; }
.content-header > .breadcrumb > li + li:before { content:'\f105';  font-family: FontAwesome; font-size:15px; }


/* content box */

.content { margin-top:-11rem; padding:0 20px 0 20px; }
.content.main_content { margin-top:0; padding-top: 25px; }
.content > .box { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);  border: none; border-top:none; margin-bottom:0; min-height:450px; }
 .box {  border-radius:0.8rem;  }
.box .box-body { border-radius:0; padding:35px 35px 20px; }
.box-header.with-border { border-bottom: 1px solid rgba(31,45,65,.125);  }
.box-header { background-color: rgba(31,45,65,.03); padding:14px 10px; }
.content-header > .breadcrumb { margin-top:17px; right:25px; }
.box.box-primary { border-top-color:#0061f2; }

.tbl-basic + .box-header { background:#fff; padding:0; margin: 2em 0 4em; }
.tbl-basic + .box-header span { width:auto!important; }

/* popup */
#cms_pop_wrapper  .content { margin-top:0; background:#fff!important; }
#cms_pop_wrapper  .box {  border-top-color: #0061f2; border: 1px solid #e2e3e7; }
#popup .poptit { background:#0061f2;  }

#cms_pop_wrapper { padding:75px 20px 0; margin:0; width: 100%; position: relative; }
#cms_pop_wrapper h1 {background:#0061f2; position: absolute; top: 0; left: 0;  width:100%; padding:10px; margin-bottom:20px; color:#fff; font-size:25px; font-weight:500; margin:0 0 20px; border-bottom: none; padding:12px 20px; }
#cms_pop_wrapper h1+ .tbl-basic {padding:0 20px}
#cms_pop_wrapper .btn.small{padding: 1px 7px;}
#cms_pop_wrapper .searchForm { border: none; padding: 0; box-shadow:none; }
#cms_pop_wrapper .searchForm:before { display: none; }
#cms_pop_wrapper .content { padding: 0; }


/* modal */
.modal-header { background:#0061f2; }

/* tab */
.tab_wrap { margin-bottom:20px; }
.content .nav { border-color:#0061f2; }
.content .nav-pills>li.active>a, .content .nav-pills>li.active>a:focus, .content .nav-pills>li.active>a:hover { color:#0061f2; background-color:#fff;  }
.content .nav-pills > li.active > a:hover, .nav-pills > li.active > a:active, .nav-pills > li.active > a:focus { border: 2px solid #0061f2; border-bottom: none; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border:2px solid #0061f2; border-bottom: none;  margin-top:1px;} 
.nav-pills > li > a { color:#0061f2; font-weight:400;  font-size:15px; }


/* 20200519 board

----------------------------------------- */

#cms_pop_wrapper .searchForm input[type="button"] { background: #f4f4f4; color: #000!important; }
#cms_pop_wrapper input[type=button], #cms_pop_wrapper input[type=reset], #cms_pop_wrapper input[type=submit] { margin:0 3px; }


.tbl-control strong, .pageCtrl .article strong { color: #3232dc;  }
.pageCtrl button { font-size: 14px;  }

input[type=checkbox], input[type=radio] { margin:0 3px 0 0; vertical-align: middle; }

#roleListDiv .btnArea { margin:0 0 40px; }

.pageCtrl .article { font-size: 16px; }

input[type="text"]::placeholder { color:#999 !important; font-size:15px; }
:-ms-input-placeholder { color:#999 !important; font-size:15px;  }

.board_list .btn.cms_writable_button { padding:5px 12px; width:auto;  }

.bbs_option  input[type="radio"]:checked +  label { font-weight: bold; color:#0061f2; }



/* ============================================
 * 실증시험장비
/* ========================================== */

.equip_view {border-top:2px solid #000;border-bottom:1px solid #d1d1d1;padding:15px 0;margin-bottom:20px}
.equip_view .tit{font-size:20px;font-weight:500;border-bottom:1px solid #000;padding:0 0 15px;margin-bottom:10px}
.equip_view .euqip_box:after{display:block;content:'';clear:both}
.equip_view .euqip_box .pic{float:left;width:250px;height:240px;border:1px solid #d6dde6;background:#fff;padding:1px;overflow:hidden;margin-right:15px}
.equip_view .euqip_box .pic img{width:246px;height:236px}
.equip_view .euqip_box .summary{float:left;width:calc(100% - 270px)}
.equip_view .euqip_box .summary ul{padding:10px;}
.equip_view .euqip_box .summary ul li{font-size:16px;margin-bottom:8px;color:#000}
.equip_view .euqip_box .summary ul li em{color:#656d78;font-style:normal;}
.equip_view .euqip_box .summary ul li:nth-child(3):first-letter,.equip_view .euqip_box .summary ul li:nth-child(6):first-letter{letter-spacing:1rem}



/* media query

----------------------------------------- */

/* 해상도 768 이상일경우 */

@media (min-width: 768px){
	.sidebar-mini.sidebar-collapse .main-header .navbar {
	   margin-left:230px;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo {
		width: 230px;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
		display:block;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{
		display:none;
	}

	.skin-blue .main-header .logo {
		border-bottom:none;
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu:before {
		content:' \f2d1' ;
		font-family:FontAwesome;
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu:hover:after { display: none; }
	

	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu:after {
		content:''; display: block; width: 100.5%; height: 30px; background:#fff;
		position: absolute; left: -1px; 
		box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(31,45,65,.15);
		border-bottom-right-radius: 4px;
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
		margin-left: 0;
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > i + span {
		
		box-shadow: 0.25rem 0rem 0.25rem 0 rgba(31,45,65,.15);
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
		box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(31,45,65,.15);
		margin:0;
	}

}





/* 해상도 991 이하일경우 */

@media (max-width: 991px){
	.content-header>.breadcrumb {
		background:none;
		padding:25px;
	}
	
	.content {
		margin-top: -14rem;
	}
	
	.searchForm {
		padding: 15px 10px 10px 10px;
	}
}

/* 해상도460 이하일경우 */

@media screen and (max-width: 460px){
	.content {
		padding: 0 10px 0 10px;
	}
	.box .box-body {
		padding: 15px 15px 20px;
	}
	
	.content_wrap {
		 min-height: auto;
	}
	
}


.filebox{display:inline-block;margin-right:10px}
.filebox label { display: inline-block; padding: .5em .75em; color: #fff; font-size: 14px;font-weight:400; line-height: normal; vertical-align: middle; background-color: #1a4793; cursor: pointer; border: 1px solid #173569; border-bottom-color: #091323;  } 
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox input[readonly="readonly"], .filebox input[readonly], .filebox input[disabled="disabled"], input[disabled]{height:35px}