@media all and (max-width:1000px){
	#write_body img {width: 100% !important; height: auto !important;}
}

.table.table-head-fixed thead tr:nth-child(1) th {box-shadow: none;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(60, 166, 208, 0.05);}
.table.table-head-fixed thead tr:nth-child(1) th {background-color: rgba(60, 166, 208, 0.05);} 
.card-body > .table > thead > tr > td, .card-body > .table > thead > tr > th {background-color: rgba(60, 166, 208, 0.05);} 
.navbar-light {background-color: #e1ebf4;}

[class*="sidebar-dark-"] .sidebar a {color:#fff;}

.quick_service {padding:0.7%;}
.card-body_new .custom_icon {width:14%;}
@media all and (max-width:991px){
	.card-body_new .custom_icon {width:25%;}
	
	.main-sidebar {transition: margin-left .3s ease-in-out,width .3s ease-in-out; margin-left: -250px; box-shadow: none !important;}
	.sidebar-open .main-sidebar {display:block; transition: margin-left .3s ease-in-out,width .3s ease-in-out; margin-left: 0; box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) !important;}
}
@media all and (max-width:360px){
	.card-body_new .custom_icon {width:33.3%;}
}
.custom_icon a::before {
background: #ab0031;
display: block;
line-height: 70px;
width: 70px;
border-radius: 7px;
font-size: 34px;
color: #fff;
box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
text-align: center;
}

.font_s_o {font-size: 13px; font-weight: bold; color: #3c3c3c; width: 100%; margin: 0 auto; text-align: center; padding-top: 5px; line-height: 15px;}

.sidebar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.sidebar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.info-box .info-box-icon{border-radius:100%; width:60px; height:60px;margin: 0 auto; margin-top: 10px}
.info-box{height:130px}
.box{width: 100px;text-align: center; font-weight: bold; font-size: 13px; color: #000;}
.box>p{padding-top: 10px;font-family:"Malgun Gothic", "맑은 고딕",sans-serif;}
.bg-info{background: #b2bbc5 !important;}
.bg-danger{background: #b2bbc5 !important;}
.bg-success{background: #b2bbc5 !important;}
.bg-warning{background: #b2bbc5 !important;}
.info-box-text{font-size: 36px; font-weight: bold;font-family:"Malgun Gothic", "맑은 고딕",sans-serif; margin-top: 6px;}
.info-box-text{text-align: right;}
.info-box-number{text-align: right; margin-top: 5px;}
.num{font-size: 18px; color: #000;font-family:"Malgun Gothic", "맑은 고딕", sans-serif; font-weight: 300;}
.info-box .info-box-number{font-size: 22px; font-weight: bold;}
.num2{font-size: 16px; font-weight: bold; font-family:"Malgun Gothic", "맑은 고딕", sans-serif;}
.num3{font-size: 16px;}
.color{color: #dc3545;font-family:"Malgun Gothic", "맑은 고딕", sans-serif;}
.content-header h1{font-size: 26px;}
.color2{font-weight: bold; color: #dc3545}
.widget-user-2 .widget-user-image>img{display:block;width:60px; height: 60px; border-radius: 60px;}
.mobile_logo{display: none;}
.img-circle elevation-2.mobile{display:none;}
.widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username{padding-top:10px; font-size: 24px;font-family:"Malgun Gothic", "맑은 고딕", sans-serif; font-weight: bold; display: inline-block}
.month_mount{font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username{margin-left: 15px;}
.right_p{display: inline-block; width: auto; float: right; position: relative; padding-top: 3%; text-align: right; width: 30%;}
.right_p>img{vertical-align: baseline;padding-left: 10%}
.right_p2{display: none; width: auto; float: right; position: relative; padding-top: 3%; text-align: right}
.right_p2>img{vertical-align: baseline;padding-left: 10%}
.mb_span{
display: inline-block;
width: 15px;
height: 15px;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 12px;
position: absolute;
right: -5px;
top: 7px;
line-height: 12px;
font-weight: bold;
}
.card-widget{padding-left: 4%; padding-right: 4%;}
.widget-user-image{padding-top: 4%}
.widget-user-image2{width: 100%;  background: #f2f5f8; margin-top: 20px; padding-left: 4%; padding-right: 4%;}
.widget-user-image2::after{content: '';display: block; clear: both;}
.user_1{width: 50%; height:80px;   font-size: 20px; font-weight: bold; color:#000; float: left; line-height:85px}
.user_2{width: 50%; height:80px;  font-size: 40px; font-weight: bold; color: #dc3545;float: right;line-height: 78px; text-align:right;}
.won{font-size:18px; font-weight: bold; color: #000;}
.widget-user-image3{width: 100%;}
.widget-user-image3>div{display: inline-block; width: 47%;}
.left_info>p:first-child{font-size: 20px; font-weight: bold; color: #000; text-align: left; padding-top: 15px; margin-bottom: 0px;}
.left_info>p:last-child{font-size: 35px; font-weight: bold; color: #000; text-align: right;}
.font_family{font-family:"Malgun Gothic", "맑은 고딕",sans-serif; height: 320px;}
#font_family{font-family:"Malgun Gothic", "맑은 고딕",sans-serif;}
.nav{width: 100%; padding-top: 4%;}
.navgnb{display: inline-block; width: 80%;  padding: 0; margin-bottom: 10px; }
.navgnb>li{float: left; width: 33%; height: 28px; line-height: 27px; font-size:13px; font-weight: bold; color:#000;list-style: none; border: solid 1px #e7eaed; text-align: center;}
.droup_font{display:inline-block; font-size: 13px; color: #fff; vertical-align: middle;}
.bar{width: 1px !important; margin-left: 1%; margin-right: 1%; height:74px; background:#e9eef3  }
.navgnb>li>a{display: block; color: #000;}
.navgnb>li.on>a{background: #dc3545; color: #fff; border:0;}
.navgnb>li:nth-of-type(2){border-left: 0; border-right: 0;}
.whole{width: 20%; display: inline-block;text-align: right; }
.title_nav{font-size: 13px; font-weight: bold; color: #000; margin-bottom: 10px;}
.box2_info{float: left; width: 58%; margin-top: 30px}
.box2_info::after{content: ''; display: block; clear: both;}
.box2_info>p{width: 100%; font-size: 16px; font-weight: bold; color: #000;padding-bottom: 10px}
.span_top{display: inline-block; padding-top: 5px}
.right_span{float: right; font-size: 26px; font-weight: bold;}
#box3_info{float: left;width: 15%; display: block; margin-top: 30px;}
canvas{position: absolute !important;}
.knob{ margin-left: 35px !important; color:#000 !important;}
.chart{height: 250px;}
.card-success:not(.card-outline)>.card-header, .card-success:not(.card-outline)>.card-header a{color:#000;}
.card-title{font-size: 13px; line-height: 26px; font-weight:bold;}
.card-success:not(.card-outline)>.card-header{background-color: #fff !important; border:0;}
.card{box-shadow: none;}
.month_content{display: inline-block; float: left; font-size: 20px; font-weight: bold; color: #000; text-align: left;}
.month_content2{font-size: 40px; float: right; font-weight: bold; color: #dc3545; text-align: right;}
.nav1{padding-top: 21px;}
.month_content3{display: inline-block; height: 40px; line-height: 38px; float: left;  font-size: 16px; font-weight: bold; color: #000; text-align: left;}
.month_content4{font-size: 26px; float: right; font-weight: bold; color: #000; text-align: right;}
.card-footer{padding:0;}
.p1::after{content: '';display: block;clear: both;}
.title_font_m{font-size: 20px; font-weight: bold; color:#000; padding-top: 10px }
.title_font_l{font-size: 40px; font-weight: bold; color:#000;}
.topmenu{width:100%; padding-top: 4%}
.topmenu::after{content: '';display: block;clear: both;}
.to1{float: left; font-size: 13px; font-weight: bold; color: #000;}
.to2{float: right;}
table.table{margin-bottom: 25px; width:100%;}
table.table th{font-size: 13px; font-weight: bold; color:#3c3c3c;  text-align: center;vertical-align:middle;}
table.table td{font-size: 13px; color:#3c3c3c; text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.quic_m_title{font-size: 16px; font-weight: bold; color: #3c3c3c; padding-top: 5px; padding-bottom: 5px}
.quic_s_title{font-size: 16px; font-weight: bold; color: #dc3545}
.icon_box_float{width: 100%;}
.icon_float_left{width:100%; padding: 0;}
.icon_float_left::after{content: '';display: block; clear: both;}
.icon_float_left>li{display: inline-block; list-style: none; text-align: center; vertical-align: top;}
.icon_float_left>li>a>div{font-size: 13px; font-weight: bold; color:#3c3c3c; width: 100%; margin:0 auto;  text-align: center; padding-top: 5px; line-height: 15px;}
.icon_float_left>li>a>img{box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); border-radius: 7px}
.login_img>img{width: auto;vertical-align: middle;}
.user-panel .info{padding: 0; padding-left: 10px; padding-top: 3px; }
.d-block{font-size: 16px}
.box_sujung{display: inline-block; margin-left: 8px; width:65px; height: 24px; text-align: center; line-height: 24px; border-radius: 50px; background:#dc3545; font-size: 12px; color: #fff; margin-right: 10px; cursor: pointer;}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{background-color:#dc3545 }
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover{background-color: #264261; color: #fff;}
.nav-link img {box-sizing:unset;}
.nav-link{padding:10px 0px 15px 0px;}
.nav-link.act{background-color: #395777}
.nav-link.act:hover{background-color: rgba(255,255,255,.1);}
.nav-link>img{padding-left: 25px; padding-right: 10px; width: 20px; height: 20px;}
.padding_img{padding-left: 20px !important;}
.fourpart{ width: 100%; margin-top: 30px}
.fourpart::after{content: '';display: block; clear: both;}
.fourpart>div{float: left; width: 48%; height: 60px; margin-right: 4%; margin-bottom: 4%; border: solid 1px #385a7f; text-align: center; background-color: #375372;}
.fourpart>div:nth-of-type(2n){margin-right: 0%;}
.he{font-size: 13px; color: #fff;}
.click_on_btn>img{padding-top: 10px}
.click_on_btn>div{padding-top: 0px}
.click_on_btn.c{background-color:#dc3545; border:0;}
.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right{top: 0.9rem;}
.tellr{ width: 100%; padding-right: 2%; margin-top: 40px;}
.tellr::after{content: '';display: block;clear: both;}
.tell_left{float: left; width: 35%;text-align: left; padding-top: 10px;}
.tel_right{float: right;width: 65%; padding-left: 5%}
.tell_content{font-weight: bold; font-size: 14px; color:#b8daff }
.t1{font-size: 26px; font-weight: bold; color: #fff;}
.t2{font-size: 12px;  color: #fff;}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color: transparent !important;}
.navbar-white{background-color: transparent !important;}
.yotube{width:100%;   margin-top: 4px; height: 200px;}
#yotube2{padding: 0; background-color: #fff; height:240px; }
.widget-user-image2.display{background: #fff; border-bottom:solid 1px #e5e5e5; width: 94%; margin: 0 auto; padding-left: 0; padding-right: 0; padding-bottom: 5px; padding-top: 10px}
.widget-user-image2.mobile2{display: none;}
.widget-user-image2.mobile{margin-top: 26px;}
.scrollbar{display: none;}
.icon_float_left > li{height:auto; margin-right:2%;}

@media all and (max-width : 624px){
	.icon_box_float {text-align:center;}
	.icon_float_left {padding: 0 10px; text-align: left;}
	.icon_float_left > li{height:auto;  width: 23.4%;}
	.icon_float_left > li {margin-right:0;}
	.widget-user-image2 {margin-top: 15px;}
}


.droup{padding: 0 !important;}

.fa, .fas{color:#000;}

.right_p>a{padding-right: 3%;}
/*리스트 페이지 css*/
.ced_left{float: left; padding-left: .5rem;max-width: 70%; width: 540px; }
.cendcd{width: 100%;}
.cendcd::after{content: ''; display: block; clear: both;}
.cendcd>li{width: 25%; display: inline-block;  }
.cendcd>li>a{display: block;  text-align: center; line-height: 48px; font-size: 14px; border-radius: 6px; font-weight: bold; border: 1px solid #ebebeb; background: #f2f7fd;}
.cencd_li.on>a{display: block; color: #fff; background-color:#dc3545; border:0;}
.cencd_li>a{display: block; color: #3c3c3c; background-color:#fff; }
.card-header > .card-tools{padding-top: 1%;}
a>.update_btn_bx{display: block; width: 40px; height: 23px; background-color: #7f878e; line-height: 22px; text-align: center; font-size:13px; color: #fff; }
.card-body > .table > tbody > tr > .color{color:#dc3545 }
.card-warning:not(.card-outline) > .card-header{background: #e9ecef;}
.form-control.is-valid, .was-validated .form-control:valid{border: 1px solid #ced4da;}
.form-control.is-warning{border: 1px solid #ced4da;}
.nav-link.active{background-color: #dc3545;}

.nav-sidebar .nav-link2 p{display: inline-block; margin: 0;transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;}
.nav-link2 > img{padding-left: 25px;padding-right: 20px;}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link2{color: #c2c7d0;}
.nav-sidebar .nav-item > .nav-link2{position: relative;}
.nav-sidebar .nav-item > .nav-link2{margin-bottom: .2rem;}
.nav-pills .nav-link2{border-radius: .25rem;}
.nav-link2{padding: 10px 0px 15px 0px;display: block;}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link2.active:hover{background-color: #264261; color: #fff;}
.sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link2, .sidebar-mini .nav-sidebar > .nav-header{white-space: nowrap;overflow: hidden;}
.hover_off{display: none;}
.nav-link.act{background-color:transparent }
/*---------------------------------반응형---------------------------------------------------------*/


@media screen and (max-width:1834px){
    .info-box-text{font-size: 30px}
    .month_content2{font-size: 30px;}
    .month_content{font-size: 18px;}
    .month_content4{font-size: 18px;}
    .info-box .info-box-number{font-size: 30px;}
    .widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username{font-size: 15px;}
    .user_1{font-size: 20px;}
    .user_2{font-size: 20px;}
    .left_info > p:first-child{font-size: 20px; margin-bottom: 8px;}
    .left_info > p:last-child{font-size: 25px;}
    .widget-user-image2{margin-top:35px;}
    .user_2{text-align: right;}
    .box2_info > p{width:100%;}
    #box3_info{width: 0;}
    .right_span{font-size: 20px;}
    
}

@media screen and (max-width:1590px){
    
    .num2{font-size: 15px;}
    .num3{font-size: 15px;}
    .right_span{font-size: 15px}
    .span_top{padding-top: 0;}
}

@media screen and (max-width:1504px){
    .box2_info{width:53%;}
}

@media screen and (max-width:1550px){
    .col-md-3{flex: 0 0 50%; max-width: 50%;}
}

@media screen and (max-width:1459px){
    .navgnb{width: 90%}
    .whole{width: 10%;}
}
@media screen and (max-width:1390px){
    .yotube{padding-top: 4px; height: 205px;}
    .font_family.pc{height: auto;}
    .font_family::after{content: '';display: block; clear: both;}
    .widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username{font-size:24px; }
    .user_1{font-size: 20px;}
    .user_2{font-size: 40px;}
    .left_info > p:first-child{font-size: 18px;}
    .left_info > p:last-child{font-size: 30px;}
    .right_p{padding-top: 2.5%; float: right; width: 30%;}
    #box3_info{width: 26%;}
    #box3_info{padding-top: 0px;}
    .col-md-4.pc1{
    position: relative;
    max-width: 100%;
    flex: none;
    padding-right: 7.5px;
    padding-left: 7.5px;}


    .col-md-4.pc2{
    position: relative;
    max-width: 50%;
    flex: none;
    padding-right: 7.5px;
    padding-left: 7.5px;}


    .col-md-4.pc3{
    position: relative;
    max-width: 50%;
    flex: none;
    }
}
@media screen and (max-width:1305px){
    
    .num{font-size: 15px;}
    .num2{font-size: 13px;}
    .num3{font-size: 13px;}
}


@media screen and (max-width:1159px){
    .month_content{font-size: 15px;}
    .month_content2{font-size: 20px;}
    .month_content3{font-size: 15px;}
}

@media screen and (max-width:1045px){
    #box3_info{width: 15%;}
    .icon_float_left > li{}
   
}

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

	.content-wrapper {min-height:700px !important;}
	.main-footer {margin-bottom:90px;}
    .height_vw{height:  27vw}
    .scrollbar{display: block; position: fixed; bottom: 0; width: 100%; height:70px; /*background-color:#dc3545;*/ border-top: 1px solid #eaeaea; background-color:#fff; z-index: 999 }
    .scroll_box{width: 100%; text-align: center;}
    .scroll_box::after{content: '';display: block; clear: both;}
    .scroll_box>li{float: left; width: 16.6%; list-style: none; line-height: 60px;}
    .scroll_box>li>a{display: block; color: #fff; font-size: 18px; font-weight: bold;}
    .fo_icon{vertical-align: text-bottom; padding-right: 3%;}
    .card-header > .card-tools{padding-top: 1.5%; padding-left: 2.5%;}
    /*#font_family{padding-bottom: 60px;}*/



}

@media screen and (max-width:855px){
	/* 정민우 추가 */
	.no_mobile{
		display:none;
	}
	/*
	.content-wrapper>.content{
		margin-bottom:75px;
	}
	*/
    #box3_info{width:30%;}
    .col-md-4.pc2{
    position: relative;
    max-width: 100%;
    flex: none;
    padding-right: 7.5px;
    padding-left: 7.5px;}


    .col-md-4.pc3{
    position: relative;
    max-width: 100%;
    flex: none;
    }
    
    .info-box-text{font-size:40px;}
    .info-box .info-box-number{font-size: 30px;}
    .num2{font-size: 16px;}
    .num3{font-size: 16px;}
    .num{font-size: 18px;}
    .navgnb > li{width: 20%;}
    .right_span{font-size: 26px;}
    .card-footer.tablet{margin-bottom: 1rem; height: auto;}
    .font_family.tablet{height:auto;}
    .yotube{width:100%; height:352px;  padding-top: 1%;}
    #yotube2{height: auto; padding-bottom: 30px; margin-top: 0;}
    .col-md-8.tablet{
    position: relative;
    max-width: 100%;
    flex: none;
    padding-right: 7.5px;
    padding-left: 7.5px;
    height: 347px;}
    
    .col-md-4.tablet{
    position: relative;
    max-width: 100%;
    flex: none;
    padding-right: 7.5px;
    padding-left: 7.5px;}
    .col-md-4.tablet::after{content: '';display: block; clear: both;}
    .card.tab{margin:0;}
    .widget-user-image2.tab{margin:0; }
    .month_content{font-size: 20px;}
    .month_content2{font-size: 30px;}
    .widget-user-image2.display{float:left; width: 48%; margin-right: 4%; border:0;}
    .widget-user-image2.display:last-child{margin-right: 0;}
    .month_content3{font-size: 16px;}
    .month_content4{font-size: 26px;}
    .won{font-size:16px;}
    .title_font_l {font-size: 30px;}
}
@media screen and (max-width:770px){
	.quick_service {padding:1.5%;}

    .mobile_hidden{display: none;}
    
    .scroll_box > li{width: 16.6%;letter-spacing: -0.5px;}
    .card-header > .card-tools{padding-top: 2%;}
    .mobilelet{flex: 0 0 50%; max-width: 50%;
        position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}
    .ml-3, .mx-3 {width:36% !important; margin-left: unset !important;}
	.droup_font{display:none;}
    .icon_float_left > li{padding-bottom: 10px}
    .right_p{display: none;}
    .right_p2{display:inline-block;}
    .widget-user-2 .widget-user-image>img{display:none;}
    .img-circle elevation-2.pc{display: none;}
    .mobile_logo{display: inline-block; width: 60px; height: 60px; border-radius: 60px;}
    .widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username{margin-left: 0;}
    .user_1{float: none; width: auto; height: 45px;}
    .user_2{width: auto;}
    .widget-user-image3 > div{width:45%;}
    .bar{margin-left: 4%;}
    .navgnb{width: 95%;}
    .whole{width: 5%;}
    .navgnb > li{width: 31%; letter-spacing: -1px;}
    .font_family.mobile{height: auto;}
    .widget-user-image2.mobile2{display: block; height: auto !important; margin-bottom: 30px;}
    .widget-user-image2.mobile{display: none;}
    .box2_info{float: none; padding-top: 200px; width: 100%;}
    #box3_info{float: none; margin: 0 auto;}
    canvas{transform: translateX(-50%);padding-top:20px;}
    .knob{transform: translateX(-94%);margin-top: 67px !important;}
    .yotube{height:auto;}
    .widget-user-image2.display{float: none; width:100%; margin-right: 0; border-bottom: solid 1px #e5e5e5; }
    .card-body > .table > tbody > tr > .day{display: none;}
    .card-body > .table > thead > tr > .day1{display: none;}
    .card-body > .table > tbody > tr > .write{display: none;}
    .card-body > .table > thead > tr > .write1{display: none;}
    table.table.write{display:none;}
    table.table.day{display:none;}
    .info-box-text{font-size: 34px;}
    .info-box{display: block;}
    .info-box .info-box-icon{display: none;}
    .info-box .info-box-content{padding:0 5px;}
    .info-box{height: auto;}
    
}
@media screen and (max-width:528px){
    .card-header > .card-tools{padding-top: 2.5%;}
    .ced_left{max-width: 100%;}
    .card-header.list{height: auto !important;}
    
    
}
@media screen and (max-width:475px){
    
    .box > p{font-size: 13px; font-weight: bold;}
    
    .num{font-size: 16px;}
    .num2{letter-spacing: -1.5px;}
    .box{text-align: left;}
    
    .num3{font-size: 10px;}
    .scroll_box>li>a{display: block; color: #fff; font-size: 22px; font-weight: bold;}
    
}

@media screen and (max-width:433px){
    .info-box-text{font-size: 25px;}
    .info-box .info-box-number{font-size: 25px; letter-spacing: -1px;}
    
}

@media screen and (max-width:417px){
    .navbar-expand .navbar-nav .nav-link{padding-left: 0;} 
    .num3{font-size: 11px;}
    .num2{font-size: 14px; letter-spacing: -1.5px;}
}

.calendar {
    width: 92px !important;
    background-image: url('/skin/basic/images/cals_ico.png');
    padding-left: 22px !important;
	background-repeat: no-repeat;
	background-position: 68px 10px;
}
.calendar_ym {
    width: 82px !important;
    background-image: url('/skin/basic/images/cals_ico.png');
    padding-left: 22px !important;
	background-repeat: no-repeat;
	background-position: 68px 10px;
}
.calendar_y {
    width: 92px !important;
    background-image: url('/skin/basic/images/cals_ico.png');
    padding-left: 22px !important;
	background-repeat: no-repeat;
	background-position: 68px 10px;
}

/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;font-size:12px;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 9999; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { font-size: 11px; padding-top: 7px } /* background: #F1F1F1 url('../images/titles.png') repeat-x top; */

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }




.basic_list {border-top:2px solid #495164;margin-top:20px;}
.basic_list th {padding:10px 0; border-bottom:1px solid #d2d2d2; font-weight:normal; color:#000000;text-align:center;background-color:#fff;font-size:12px;}
.basic_list td {padding:7px 0; border-bottom:1px solid #e9e9e9; text-align:center;font-size:12px;}
.basic_list td img {vertical-align:middle;}
.basic_list td.name {text-align:left;}
.basic_list tr.over:hover {background-color:#f2f2f6;}
.basic_list tr:nth-child(2n) { background-color: #f9f9f9; } /* 짝수 색상 */
.basic_list caption { margin:6px 0px 4px 4px;color:#647F94;font-weight:bold;}


@media all and (min-width:700px) and (max-width:991px) {
	.col-lg-6 {width:50%;}
}

/*   테플릿   */
@media all and (max-width:1023px) {
}
/*   테플릿   */





/*   모바일  */
@media all and (min-width:360px) and (max-width:767px) {
	.nav-link > img {
    width: 20px;
    height: 20px;
	}

}

/*   모바일  */



.bg-warning {
    background-color: #ffc107!important;
}
.bg-danger {
    background-color: #dc3545!important;
}


@media all and (min-width : 761px){
	.is_mobile{
		/*
		display:inline-block !important;
		width:18%;
		*/
	}
}

@media all and (max-width : 760px){
	.is_mobile{
		display:none !important;
		
	}
	.bx .bx_in {text-align:center;}
	.bx_in label {display:none;}
}

/* 깜빡 깜깜 효과 */
@keyframes blink-effect { 50% { opacity: 0; } }
.blink { animation: blink-effect 1s step-end infinite;
}