/* style_new CSS */


/* .col-sm-12 .col-md-6 .col_md_mi{
	    flex: 0 0 50%;
	    max-width: 20%;
 }
 */
 .mr_9{margin-right:9px;}
.line_red{border:1px solid red;}
  
 div.dataTables_wrapper { 
    
}


div.dataTables_wrapper div.table_right{
	float:right;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    margin-left: 0.5em;
    float:left;   
    margin-bottom: .5rem;
}

div.dataTables_wrapper div.dataTables_filter.mi_input input {
    margin-left: 0em;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_filter.datapick{margin-right: 0.3em;margin-left: 0em;}

.sidebar-dark .nav-item .nav-link {
	/*메뉴박스 사이즈수정*/
	width:100%;
} 
 @media (min-width: 768px){
	/* .col-md-6{
	    flex: 0 0 50%;
	    max-width: 100%;
	} */
	
	.sidebar {
   	 width: 16rem!important;
	}
	
	.col-md-6{
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	
	.col-md-6.new_box{
	    flex: 0 0 50%;
	    max-width: 33.2%;
	}
	
	div.table_set{
	width: 100%;
	text-align: right;
	}
	
	
	/*메뉴옆 화살표*/
	.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after{content: url( "../img/icon_h.png" );}
}

@media (min-width: 1310px){
	.col-md-6{
	    flex: 0 0 50%;
	    max-width: 25%;
	}
	
	.col-md-6.new_box{
	    flex: 0 0 50%;
	    max-width: 33.2%;
	}
	
	div.table_set{
	width: 75%;
	text-align: right;
	}	
}

.btn_s_l{width:70px; height:30px;}
.btn_s_l2{width:100px; height:30px;}
.btn_s_l.search_mi{
	padding-left:20px;
	background-color: #1c8fca;
	border-color: #1c8fca;
	background-image: url(../img/bg_zoom_w.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 18% center;}

.btn_s_ss{width:40px; height:30px;}

/*input 박스스타일부분*/
.mem_input_boxbg_nomal.set2_bg, .mem_input_boxbg.set2_bg , .mem_input_boxbg_nomal.input_sel.set2_bg{
	color: #858796;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    border: 1px solid #d1d3e2;
    background:#f7f8fb;
}

.membership_box{width:100%;border:1px solid #e3e6f0;}
.membership_box th,.membership_box td{padding:10px;font-size: .875rem;/* border: 1px solid #d1d3e2; */}
.membership_box th{width:20%;background:#f7f8fb;text-align:center;}
.membership_box td{height:45px;}

.membership_box .mem_input_boxbg_nomal.input_sel.set2_bg,.membership_box .mem_input_boxbg_nomal,.mem_input_boxbg{width:50%;}

.form-control-sm{background:#f7f8fb;}

.custom-select.select_ss{width:75px;
	background-image: url(../img/view_arrow.png);
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: 90% center;
    /* background: #f7f8fb; */}
    
.custom-select.select_ss option{background: #f7f8fb;}

/*기타 테이블*/

.table-bordered th{background:#f7f8fb;text-align:center;}
.textbox4{
	color: #858796;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    border: 1px solid #d1d3e2;
    background:#f7f8fb;
}

/*2칸 박스*/

.box_2set .mem_input_boxbg_nomal, .box_2set .mem_input_boxbg.set2_bg {
    color: #858796;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    border: 1px solid #d1d3e2;
    background:#f7f8fb;
    width:85%;   
}

.box_2set{width:100%; border:1px solid #e3e6f0; }

.box_2set th,.box_2set td{padding:10px;font-size: .875rem;/* border: 1px solid #d1d3e2; */}
.box_2set th{width:15%;background:#f7f8fb;text-align:center;}
.box_2set th.tit_jin{/* text-align:left;padding-left:20px; */}
.box_2set td{width:30%;}

.box_2set .box_s_font{font-size:12px;}

.btn_area{text-align: center;}
.btn_area.right_area{text-align: right;}

.fa-laugh-wink.mi_logo{content: url( "../img/logo_metsa.png" );margin-left:-7px;/* background:url(../img/logo_hana_s.png) no-repeat 100% 50%; */}

.fa-laugh-wink.mi_logo::before{content: url( "../img/logo_metsa.png" );}

.fa-laugh-wink.fa-cog{/* content: url( "../img/icon_2.png" ); */}


.fa-tachometer-alt:before{content: url( "../img/icon_s_1.png" );}
.fa-cog::before{content: url( "../img/icon_s_2.png" );}
.fa-wrench:before{content: url( "../img/icon_s_3.png" );}
.fa-folder:before{content: url( "../img/icon_s_4.png" );}
.fa-chart-area:before{content: url( "../img/icon_s_5.png" );}

/*아래 동그라미 화살표*/
.sidebar #sidebarToggle:after{content: url( "../img/icon_h.png" );margin-right: .0rem;margin-left: .2rem;}
.sidebar.toggled #sidebarToggle::after{content: url( "../img/icon_h2.png" );margin-left: .0rem;}

/*메뉴옆화살표 눌렀을때*/
.sidebar-dark .nav-item .nav-link[data-toggle=collapse]:after{content: url( "../img/icon_h3.png" );}


/* .sidebar-dark .nav-item .nav-link[data-toggle=collapse].collapsed{content: url("../img/icon_h.png");} */
.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after { content: url("../img/icon_h.png");}

.fa-download:before{content: url( "../img/icon_s_6.png" );opacity:0.6;}

.sidebar-dark .nav-item .nav-link{}
.sidebar-dark .nav-item .nav-link::hover{}
.sidebar .nav-item .nav-link span {}
/**이미지 아이콘 오버액티브*/
.sidebar-dark .nav-item .nav-link i {opacity:0.6;}
.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
  opacity:1.0;
}
/*색변화 예외*/
.sidebar-dark .nav-item .nav-link i.fa-tachometer-alt{opacity:1.0;}
/*로고위치*/
.rotate-n-0 {
    transform: rotate(-0deg);
}

.rotate-n-180 {
   transform: rotateY(180deg);
}

.sidebar .sidebar-brand .sidebar-brand-text.brand_hana{text-align: left;}

 /*색깔 변경시 삭제하면 됨*/
.bg-gradient-primary{
	background-color: #25B4E9;
    background-image: linear-gradient(180deg,#25B4E9 40%,#FBC932 100%);
    background-size: cover;}
    
.bg-gradient-primary{
	background-color: #8592a2;
    background-image: linear-gradient(180deg,#8592a2 40%,#495461 100%);/*495461**/
    background-size: cover;}
    
.btn-primary {
    color: #fff;
    background-color: #1C8FCA;
    border-color: #1C8FCA;
}


.btn-primary:hover {
  color: #fff;
  background-color: #159085;
  border-color: #159085;
}


.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0f736a;
  border-color: #0f736a;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0f736a;
  border-color: #0f736a;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #1C8FCA;
  border-color: #1C8FCA;
  /*주황*/
  /* background-color: #f54629;
  border-color: #f54629; */ 
}

a {
  color: #1C8FCA;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #159085;
  text-decoration: underline;
}

/*시간돌아가는*/
@keyframes spinCircle {
    from {
    	/*transform: rotateY(180deg);*/
        transform:translate(-50%, -50%) rotate(0);
    }
    to {
        transform:translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes spinY {
    from {
    	/*transform: rotateY(180deg);*/
        transform:translate(-50%, -50%) rotateY(0);
    }
    to {
        transform:translate(-50%, -50%) rotateY(360deg);
    }
}


/* datepicker */
/* html.fixed{overflow:hidden;}
body.fixed{overflow:hidden;} */
.domFixed{position:fixed;width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;}
.date_pick{position:relative;}
.date_pick input{width:1px;height:1px;border:none;padding:0;margin:0;position:absolute;left:0;top:0;border:1px solid #ff0000;}
.date_pick h4{display:block;width:100%;/* height:38px; */line-height:35px;}

.date_pick input{width:1px;height:1px;border:none;padding:0;margin:0;position:absolute;left:0;top:0;border:0px;background-color:#eeeeee;background:#eeeeee;}
.date_pick h4{display:block;width:100%;line-height:20px;margin-bottom: 0rem;font-size:13px;padding-left:20px;text-align:left;}



/**로그인페이지**/
.lala_logo {color: #fff;padding-top: 10px;}
.bg-gradient-primary.login {background-color: #f6f7fa;background-image: linear-gradient(180deg,#f6f7fa 10%,#dfe0e3 100%);background-size: cover;border-right: 1px solid #abbacc;}
.login_top_area {background-color: #3a4656!important;border-bottom: 3px solid #e12f11;border-bottom: 4px solid #3483f7;box-shadow: 0px 2px 2px 0 #c5c5c5 !important;height: 50px;}

/**lala*/
.bg-white.lala {
    background-color: #3a4656!important;
    border-bottom: 3px solid #e12f11;
    border-bottom: 4px solid #3483f7;
    box-shadow: 0px 2px 2px 0 #c5c5c5 !important;
}
span.white {
    color: #fff;
}
span.lala {
    color: #a6aeb6!important;
}

/**게시판*/

/* .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #e3e6f0;
    border-top: 2px solid #f54629;
    border-top: 2px solid #1c8fca;
} */

.table-bordered.lala_board thead th{
	vertical-align: bottom;
    border-bottom: 1px solid #e3e6f0;	
	border-top: 2px solid #1c8fca;}

.table-bordered.lala_board{border: 0px solid #e3e6f0;}

.table-bordered.lala_board td {
    border-right: 0px;
    border-left: 0px;
    text-align:center;
}

.table-bordered.lala_board .aleft_txt{text-align:left;}

.lala_board th {
    border: 0px solid #caced1;
}

.box_2set.lala_board {
   /*  width: 100%; */
    border: 0px solid #e3e6f0;
    border-top: 2px solid #1c8fca;
    border-bottom: 1px solid #e3e6f0;
}

.btn-primary.lala_btn {
    background-color: #f54629;
    border-color: #f54629;
}
.lala_btn:hover {
    background-color: #df2b0b;
    border-color: #df2b0b;
}

.btn-primary.lala_btn2 {
    background-color: #787b7d;
    border-color: #787b7d;
}
.lala_btn2:hover {
    background-color: #3a4656;
    border-color: #3a4656;
}

.btn-primary.lala_btn3 {
    background-color: #316f8f;
    border-color:#316f8f;
}
.lala_btn3:hover {
    background-color: #12455f;
    border-color: #12455f;
}

/**탭메뉴**/
.tab_area{margin-left:20px;margin-top:20px;margin-bottom:5px;}
.tab_area .navi_tab{position:relative;list-style:none;padding:0px;}
.tab_area .navi_tab:after{content:'';display:block;clear:both;}
.tab_area .navi_tab:before {content: '';width: 100%;left: 0%;height: 1px;background: #e3e6f0;display: block; position: absolute;top:100%;margin-top:-1px;}
.navi_tab li{z-index:99;position:relative;float: left;width:16%;min-height:100%;display: block;border-radius:7px 7px 0 0;}
.navi_tab li a {display: block;width: 100%;text-decoration:none;color: #444;height: 100%;padding: 10px 5px;text-align: center;font-size: 0.9em;}
.navi_tab li a:hover{color: #1C8FCA;}

.navi_tab li.on{background: #fff;border-bottom: 1px solid #fff;}
.navi_tab li.on a{color: #1c8fca;font-weight:bold;}
.navi_tab li.on a:hover{color: #1c8fca;}
.navi_tab li.on:after {
    content: '';
    width: 100%;
    left: 0%;
    height: 4px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: #1c8fca;
    display: block;
    position: absolute;
    top:0px;
}

@media only screen and (max-width: 1130px) {
.navi_tab li{width:20%;}
.navi_tab.box_w_4 li{width:25%;}
.tab_area .navi_tab:before{display:none;}
.tab_area .navi_tab.navi_tab_box:before{display:none;}
}
@media only screen and (max-width: 1000px) {
.tab_area .navi_tab li{min-height:70px;}
}

@media only screen and (max-width: 650px) {
.tab_area .navi_tab li{min-height:94px;}
}

/**navi_tab_box*/
.tab_area .navi_tab.navi_tab_box li{width:20%;}
.tab_area .navi_tab.navi_tab_box:before{display:none;}

.tab_area .navi_tab.navi_tab_box.type2 li{width:calc(20% - 2px);border-radius:0px;border: 1px solid #e3e6f0;background: #fff;margin-right:2px;}
.tab_area .navi_tab.navi_tab_box.type2 li:last-child{margin-right:0px;}
.tab_area .navi_tab.navi_tab_box.type2 li.on{background: #1c8fca;}
.tab_area .navi_tab.navi_tab_box.type2 li.on a{color: #fff;font-weight:bold;}
.tab_area .navi_tab.navi_tab_box.type2 li.on a:hover{color: #fff;}
.tab_area .navi_tab.navi_tab_box.type2 li.on:after{display:none;}
.tab_area .navi_tab.navi_tab_box.type2.w4 li{width:calc(25% - 2px);}


/**페이지위치**/
.navi_tab li.on {color:#fff !important;}
.sidebar .nav-item .nav-link.on span{font-weight: bold;}
/**왼메뉴 페이지값 글자 및 아이콘*/
.sidebar-dark .nav-item .nav-link.on {color:#fff !important;}
/* .sidebar-dark .nav-item .nav-link.on i.on {opacity:1.0 !important;} */
.sidebar-dark .nav-item .nav-link i.on{opacity:1.0 !important;color:#fff !important;}

/**soft_detail**/
.soft_detail{border-top: 2px solid #1c8fca;
    border-bottom: 1px solid #e3e6f0;}
.soft_detail ul{width:50%;display:table-cell;list-style:none;padding:0px;vertical-align:top;}
.soft_detail ul:after{content:'';display:block;clear:both;height:0px;}
.soft_detail ul li{float:left;width:70%;display:block;padding: 8px;font-size: .9rem;min-height:52px; }
.soft_detail ul li:nth-child(2n-1) { /* background: #f7f8fb; */width:30%; color: #858796;}
.soft_detail ul li .mem_input_boxbg.set2_bg{width: 100%; float: right;}


.soft_detail ul li.tit_jin:nth-child(2n-1) {
    background: #f7f8fb;
    /* text-align: center; */
}


/**2set_box_detail**/

.set2_box{border-top: 2px solid #1c8fca; border-bottom: 1px solid #e3e6f0;}
.set2_box:after{content:'';display:block;clear:both;height:0px;}
.set2_box ul{width:50%;float:left;list-style:none;padding:0px;vertical-align:top;}
.set2_box ul:after{content:'';display:block;clear:both;height:0px;}
.set2_box ul li{float:left;width:70%;display:block;padding: 10px;font-size: .875rem;min-height:52px; }
.set2_box ul li:nth-child(2n-1) { /* background: #f7f8fb; */width:30%; color: #858796;}

.full_in{width:100%;}
.box_2set .mem_input_boxbg.set2_bg.full_in{width:100%;}
.box_2set .mem_input_boxbg_nomal.full_in{width:100%;}

.mem_input_boxbg.set2_bg.gray_in{background: #ebecef;}


@media only screen and (max-width: 1040px) {
.soft_detail ul,.set2_box ul{width:100%;display:block;}

}

@media only screen and (max-width: 900px) {
.soft_detail ul li,.set2_box ul li{width:100%; padding:5px;min-height:100%;}
.soft_detail.cell100.s_detail ul li{width:100%;}
}

.soft_detail.cell100 ul{width:100%;}
.soft_detail.cell100 ul li{width:80%;}
.soft_detail.cell100 ul li:nth-child(2n-1){width:20%;}

.soft_detail.cell100.s_detail{border: 1px solid #e3e6f0;}


/***date_pick**/
.date_range.scan{width: 85%;}
.date_range.scan.w100{width: 100%;}
.date_range.scan .date_pick{width: 100%;color: #858796;padding: 0.25rem 0.5rem;font-size: .875rem;line-height: 1.5;border-radius: 0.2rem;border: 1px solid #d1d3e2;background: #f7f8fb;}
.date_range.scan .date_pick:last-child{margin-left:0px;}
.date_range.scan .date_pick h4{padding-left: 0px;}


@media only screen and (max-width: 1040px) {

	.box_2set .mem_input_boxbg_nomal, .box_2set .mem_input_boxbg.set2_bg {
    width:100%;   
	}
	
	.date_range.scan{width: 100%;}

}


/***clearfix**/
.clearfix_30{display: block;margin-bottom:30px;}
.clearfix_50{display: block;margin-bottom:50px;}
.clearfix_ {/* display: block; */}
.clearfix_:after {display: block;visibility: hidden; clear: both;content: ".";overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;}

/*필수조건 width:px로 지정 td안에 태그로 감싼 개체*/
/* .table-bordered.lala_board td.tit_width{width:25%;} */
.table-bordered.lala_board td.tit_width p{width:400px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;/*...줄바꿈안되게*/display:inline-block;/*필수*/margin-bottom: 0px;}
.table-bordered.lala_board td.tit_width_2 p{width:200px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;/*...줄바꿈안되게*/display:inline-block;/*필수*/margin-bottom: 0px;}
.table-bordered.lala_board td.tit_width a{width:250px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;/*...줄바꿈안되게*/display:inline-block;/*필수*/}