/*--------------------------------------------------------------
# 입력폼
--------------------------------------------------------------*/
/*//인풋폼넓이//*/
.width_300{ width:300px !important;}
.width_210{ width:210px !important;}
.width_200{ width:200px !important;}
.width_180{ width:180px !important;}
.width_170{ width:170px !important;}
.width_150{ width:150px !important;}
.width_130{ width:130px !important;}
.width_120{ width:120px !important;}
@media (max-width: 768px){
	.width_180{ width:140px !important;}.width_210{ width:180px !important;}.width_300{ width:180px !important;}
}
/*--------------------------------------------------------------
# reg_card
--------------------------------------------------------------*/
.bg-grey{ background-color: #e6e6e6;}
.reg_card{padding: 0rem !important; }
.reg_card .reg_card_body{padding: 0rem !important;}
.reg_card_insert{margin-left: 1rem !important;}
@media (max-width: 998px) {
	.reg_card_insert{margin-left: 0rem !important;}
}
/*--------------------------------------------------------------
# card, navbar
--------------------------------------------------------------*/
.card .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px dashed #d5d5d5 !important;}
.card .card-header, .card .card-body, .card .card-footer { padding: 1rem !important;}
@media (max-width: 768px) {
	.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px !important; margin-left: 0px !important; }
	.card .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 15px 10px !important; }
	.navbar .nav-link {color: #f2f2f2; padding-left: 10px !important; padding-right: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 100%; }
	.navbar .input-group{ height: 100%;}
}
.border_light{ border: 1px solid #ddd !important; padding:20px;}
.partner_box {height: 335px;}
@media (max-width: 1200px) {
	.partner_box {height: auto !important;}
}
/*--------------------------------------------------------------
# card_result
--------------------------------------------------------------*/
.card_result .card-header { padding: 12px 10px!important; margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px solid #d5d5d5 !important; text-align:center;}
.card_result .card-body { padding:15px 10px!important; text-align:center;}
.card_result .card-footer { padding:10px 10px !important; text-align:center;}
@media (max-width: 768px) {
	.card_result .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 10px 10px !important; }
}
/*--------------------------------------------------------------
# tab_card
--------------------------------------------------------------*/
.tab_card {}
.tab_card .tab_card_header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px dashed #d5d5d5 !important;border: 1px solid rgba(0, 0, 0, 0.08) ; border-radius: 0.25rem; box-shadow:0 1px 1px 0 rgba(0,0,0,.07)}
.tab_card .tab_card_header { padding: 2rem !important;}
@media (max-width: 768px) {
	.tab_card .tab_card_header{ background-color: transparent; padding: 15px 10px !important; }
}
/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
/*//table 아이콘*/
.table_i{color: #acacac !important;}
/*--------------------------------------------------------------
# margin
--------------------------------------------------------------*/
.mt80 { margin-top: 80px !important;}
.mt50 { margin-top: 50px !important;}
.mt40 { margin-top: 40px !important;}
.mt30 { margin-top: 30px !important;}
.mt20 { margin-top: 20px !important;}
.mt10 { margin-top: 10px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb7 { margin-bottom: 7px !important;}
@media (max-width: 1024px) {
	.mt80 { margin-top: 40px !important;}
	.mt50 { margin-top: 30px !important;}
	.mt40 { margin-top: 20px !important;}
	.mt30 { margin-top: 10px !important;}
	.mt20 { margin-top: 10px !important;}
	.mb50 { margin-bottom: 30px !important;}
	.mb40 { margin-bottom: 20px !important;}
	.mb30 { margin-bottom: 10px !important;}
	.mb20 { margin-bottom: 10px !important;}
}
@media (max-width: 768px) {
	.mt50 { margin-top: 10px !important;}
	.mt40 { margin-top: 10px !important;}
	.mt30 { margin-top: 10px !important;}
	.mt20 { margin-top: 10px !important;}
	.mb50 { margin-bottom: 10px !important;}
	.mb40 { margin-bottom: 10px !important;}
	.mb30 { margin-bottom: 10px !important;}
	.mb20 { margin-bottom: 10px !important;}
	.mb10 { margin-bottom: 5px !important;}
	.mb7 { margin-bottom: 3px !important;}
}
/*--------------------------------------------------------------
# padding
--------------------------------------------------------------*/
.pb50 { padding-bottom: 50px !important}
.pt50 { padding-top: 50px !important}
.card_padding{ padding: 30px !important}
@media screen and (max-width:991px) {
	.card_padding{ padding: 7px !important}
}
/*--------------------------------------------------------------
# font-size
--------------------------------------------------------------*/
.font_20{ font-size:20px !important;}
.font_18{ font-size:18px !important;}
.font_16{ font-size:16px !important;}
.font_15{ font-size:15px !important;}
.font_14{ font-size:14px !important;}
.font_13{ font-size:13px !important;}
.font_12{ font-size:12px !important;}
.font_10{ font-size:10px !important;}
.font_8{ font-size:8px !important;}

@media (max-width: 768px) {
	.font_20{ font-size:16px !important;}
	.font_18{ font-size:16px !important;}
	.font_16{ font-size:14px !important;}
	.font_15{ font-size:13px !important;}
	.font_14{ font-size:12px !important;}
	.font_13{ font-size:11px !important;}
}
/*--------------------------------------------------------------
# a 태그
--------------------------------------------------------------*/
.a_tag {font-size: 14px !important; text-decoration: underline !important; font-weight:bold !important; cursor:pointer !important;}
.popover{ max-width:600px;}
.popover-body { max-height:300px; overflow-y: auto; }
/*--------------------------------------------------------------
# button
--------------------------------------------------------------*/
.btn_sm_t {padding: 5px 10px !important; font-size: 14px !important;}/* //테이블 작은 사이즈*/
.btn-sm{padding: 5px 10px !important; font-size: 14px !important;}
/*//top(로그인, 로그아웃)*/
.btn-search {background-color: #368b9b !important; color: #c1d5e4 !important; font-size:15px !important;  line-height:16px; font-weight:700 !important;}
.btn-search:hover {color: #fff !important; background-color: #265159 !important; }
.btn-search:focus, .btn-search.focus {color: #fff !important; background-color: #265159 !important; }
.btn-search.disabled, .btn-search:disabled {color: #fff !important; background-color: #3d838f !important; }
.btn-search:not(:disabled):not(.disabled):active, .btn-search:not(:disabled):not(.disabled).active,
.show > .btn-search.dropdown-toggle {color: #fff; background-color: #265159; border-color: #265159;}
.btn-search:not(:disabled):not(.disabled):active:focus, .btn-search:not(:disabled):not(.disabled).active:focus,
.show > .btn-search.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//입력*/
.btn-addition {background-color: #00b5ce !important; border-color: #00b5ce !important; color: #fff !important; border-radius: 5px !important; font-size: 14px !important; font-weight:500;}
.btn-addition:hover {color: #fff !important; background-color: #008799 !important; border-color: #008799 !important;}
.btn-addition:focus, .btn-addition.focus {color: #fff !important; background-color: #008799 !important; border-color: #008799 !important;}
.btn-addition.disabled, .btn-addition:disabled {color: #fff !important; background-color: #67C6ED!important; border-color: #67C6ED !important;}
.btn-addition:not(:disabled):not(.disabled):active, .btn-addition:not(:disabled):not(.disabled).active,
.show > .btn-addition.dropdown-toggle {color: #fff; background-color: #008799; border-color: #008799;}
.btn-addition:not(:disabled):not(.disabled):active:focus, .btn-addition:not(:disabled):not(.disabled).active:focus,
.show > .btn-addition.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//추가*/
.btn-add {background-color: #20bf96 !important; border-color: #20bf96 !important; color: #fff !important; border-radius: 5px !important; font-size: 14px !important; font-weight:500;}
.btn-add:hover {color: #fff !important; background-color: #126d56 !important; border-color: #126d56 !important;}
.btn-add:focus, .btn-add.focus {color: #fff !important; background-color: #126d56 !important; border-color: #126d56 !important;}
.btn-add.disabled, .btn-add:disabled {color: #fff !important; background-color: #25daad !important; border-color: #25daad !important;}
.btn-add:not(:disabled):not(.disabled):active, .btn-add:not(:disabled):not(.disabled).active,
.show > .btn-add.dropdown-toggle {color: #fff; background-color: #126d56; border-color: #126d56;}
.btn-add:not(:disabled):not(.disabled):active:focus, .btn-add:not(:disabled):not(.disabled).active:focus,
.show > .btn-add.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//취소*/
.btn-cancel {background-color: #d3ebea !important; border-color: #d3ebea !important; color: #148480 !important; border-radius: 5px !important; font-size: 14px !important; font-weight:500; }
.btn-cancel:hover {color: #fff !important; background-color: #a8d7d5 !important; border-color: #a8d7d5 !important;}
.btn-cancel:focus, .btn-cancel.focus {color: #fff !important; background-color: #a8d7d5 !important; border-color: #a8d7d5 !important;}
.btn-cancel.disabled, .btn-cancel:disabled {color: #fff !important; background-color: #dcefee !important; border-color: #dcefee !important;}
.btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:not(:disabled):not(.disabled).active,
.show > .btn-cancel.dropdown-toggle {color: #fff; background-color: #a8d7d5; border-color: #a8d7d5;}
.btn-cancel:not(:disabled):not(.disabled):active:focus, .btn-cancel:not(:disabled):not(.disabled).active:focus,
.show > .btn-cancel.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//테이블(Select)*/
.btn-insert {background-color: #fff !important; border-color: #0e62c5 !important; color: #0e62c5 !important; font-size: 14px; font-weight:500; border-radius: 0.2rem !important; padding: 5px 10px !important;}
.btn-insert:hover {color: #fff !important; background-color: #0c54a7 !important; border-color: #0c54a7 !important;}
.btn-insert:focus, .btn-insert.focus {color: #fff !important; background-color: #0c54a7 !important; border-color: #0c54a7 !important;}
.btn-insert.disabled, .btn-insert:disabled {color: #2886f0 !important; background-color: #fff !important; border-color: #2886f0!important;}
.btn-insert:not(:disabled):not(.disabled):active, .btn-insert:not(:disabled):not(.disabled).active,
.show > .btn-insert.dropdown-toggle {color: #fff; background-color: #0c54a7; border-color: #0c54a7;}
.btn-insert:not(:disabled):not(.disabled):active:focus, .btn-insert:not(:disabled):not(.disabled).active:focus,
.show > .btn-insert.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//새로고침(아이콘)*/
.btn-icon {padding: 0px 0px; border: solid 1px #d5d5d5; background-color:#fff !important; width: 40px;  height: 38px; font-size:20px; color:#000 !important;}
.btn-icon:hover {color: #fff !important; background-color: #b3b3b3 !important; border-color: #b3b3b3 !important;}
.btn-icon:focus, .btn-icon.focus {color: #fff !important; background-color: #b3b3b3 !important; border-color: #b3b3b3 !important;}
.btn-icon.disabled, .btn-icon:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon:not(:disabled):not(.disabled):active, .btn-icon:not(:disabled):not(.disabled).active,
.show > .btn-icon.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon:not(:disabled):not(.disabled):active:focus, .btn-icon:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//검색(아이콘)*/
.btn-icon1 {padding: 0px 0px; border: solid 1px #587192; background-color:#587192 !important; width: 40px;  height: 38px; font-size:20px; color:#fff !important;}
.btn-icon1:hover {color: #587192 !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon1:focus, .btn-icon1.focus {color: #fff !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon1.disabled, .btn-icon1:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon1:not(:disabled):not(.disabled):active, .btn-icon1:not(:disabled):not(.disabled).active,
.show > .btn-icon1.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon1:not(:disabled):not(.disabled):active:focus, .btn-icon1:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon1.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//돋보기(아이콘)*/
.btn-icon2 {padding: 0px 0px; border: solid 1px #a5adb7; background-color:#a5adb7 !important; width: 40px;  height: 38px; font-size:20px; color:#fff !important; }
.btn-icon2:hover {color: #587192 !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon2:focus, .btn-icon2.focus {color: #fff !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon2.disabled, .btn-icon2:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon2:not(:disabled):not(.disabled):active, .btn-icon2:not(:disabled):not(.disabled).active,
.show > .btn-icon2.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon2:not(:disabled):not(.disabled):active:focus, .btn-icon2:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon2.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//앞으로  뒤로(아이콘)*/
.btn-icon3 {padding: 0px 0px; border: solid 1px #dadada; background-color:#dadada !important; width: 40px;  height: 38px; font-size:20px; color:#fff !important; }
.btn-icon3:hover {color: #587192 !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon3:focus, .btn-icon3.focus {color: #fff !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon3.disabled, .btn-icon3:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon3:not(:disabled):not(.disabled):active, .btn-icon3:not(:disabled):not(.disabled).active,
.show > .btn-icon3.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon3:not(:disabled):not(.disabled):active:focus, .btn-icon3:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon3.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

.badge-secondary {color: #fff; background-color: #6c757d;}
/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-content { border: 1px solid #5190dd; /*border-radius: 0rem;*/ }
.modal-header{ padding: 10px 20px; font-size:24px; background-color:#5190dd; color:#ffffff; /*border-radius: 0rem;*/ }
.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }
.close { float: right; font-size: 2rem; font-weight: lighter; line-height: 1; color: #fff; text-shadow: none;; opacity: 1; }
.modal-body { padding-top: 20px; padding-bottom: 10px }
.modal-title { font-family: 'Noto Sans Korean'; font-weight: 700; font-size:20px;}
@media (max-width: 1200px) {
	.margin_t { margin-top: 10px !important; }
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl { max-width: 800px !important;}
}
@media (min-width: 1200px) {
  .modal-xl { max-width: 1140px !important; }
}
@media (max-width: 768px) {
	.modal-header, .modal-body, .modal-footer { padding: 10px !important; }
}
/*--------------------------------------------------------------
checkbox
--------------------------------------------------------------*/
/*.IInfo_Consent_box { height:180px; overflow:auto; border:1px solid #cccccc; padding: 0 0.5em; }*/
.custom-control-label { color:#333 !important; font-size:14px; font-weight:500;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {  background-image: url(/F1C/assets/img/check1.png); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(/F1C/assets/img/check1.png); }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(/F1C/assets/img/check1.png); }
.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #000; vertical-align: middle; background-image: url(/F1C/assets/img/check1.png); background-repeat:no-repeat; background-attachment:fixed; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.col-form-label { padding-top: calc(0.15rem + 1px); padding-bottom: calc(0.15rem + 1px);  margin-bottom: 0; line-height:1.2;}
.label_sub { padding-top: calc(0.15rem + 1px); padding-bottom: calc(0.15rem + 1px);  margin-bottom: 0; line-height:1.2; font-size: 14px; color: #666; font-weight:300 !important;}
.label_text{ line-height:1.1 !important;}
/*--------------------------------------------------------------
# form-control
--------------------------------------------------------------*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {background-image: url(/F1C/assets/img/ridio.png);}
.question_mark{ color: #DE352D; font-size:14px; margin-left: 5px;}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px) !important;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

/*--------------------------------------------------------------
# sidebar
--------------------------------------------------------------*/
@media screen and (max-width:991px) {
	.sidebar,.sidebar[data-background-color=white] {width:250px;}
}
.icon-menu:before{ /*background-image:url(/F1C/assets/img/menu.png);*/ font-size: 30px !important }
/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
.table-hover tbody tr:hover {  background-color: rgba(0, 0, 0, .06);  }
.table_add {  margin-bottom: 0rem; background-color: #fff !important;}
.table_add th { vertical-align: top; border-top: 2px solid #0e62c5 !important; text-align:center; white-space:nowrap; background-color: #fff !important; height: 50px  !important; }
.table_add td { vertical-align: top;  text-align:center; white-space:nowrap; height: 42px !important;}
.table_add thead th { vertical-align: middle; font-size:15px !important; color: #000; background-color:#ddd; border-bottom:1px solid rgba(0,0,0,.05) !important; }
.table_add tbody td { vertical-align: middle; font-size:14px; color: #000; border-bottom:1px solid rgba(0,0,0,.05) !important;}
.table_add tbody + tbody { border-top: none; }
.table-striped { background-color: #fafbfc !important;}
.table-striped tbody tr:nth-of-type(odd) { background-color: #eff3f9;}
.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>li>a,.pagination>li>span {border-radius:0.25rem !important;margin:0 2px;color:#7698cf;border: none !important ;background-color: #eff3f9;font-weight:700 !important;font-size:14px !important;}
.table-sm thead th { font-size:14px !important;  }
.table-sm tbody td { font-size:13px!important;}
/*--------------------------------------------------------------
# page-item
--------------------------------------------------------------*/
.page-item:first-child .page-link {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link { z-index: 1;  color: #fff; background-color: #536ea4; border-color: #536ea4;}
.page-item.disabled .page-link { color: #7698cf;  pointer-events: none; cursor: auto; background-color: #dde6f9; border-color: #dde6f9; }
/*--------------------------------------------------------------
# badge
--------------------------------------------------------------*/
 .badge_border_primary{ border:1px solid #cbddf2 !important; background-color: #dde9f7 !important; color:#0e62c5 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_info{ border:1px solid #bae7eb !important; background-color: #ddf6f7 !important; color:#1ea2a7 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_warning{ border:1px solid #ebdeba !important; background-color: #f7f2dd !important; color:#e27f14 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_danger{ border:1px solid #f65c5b !important; background-color: #fee7e7 !important; color:#f65c5b !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_secondary{ border:1px solid #666666 !important; background-color: #f0f0f0 !important; color:#666666 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_success{ border:1px solid #28a745  !important; background-color: #d6f5dd !important; color:#28a745 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
/*--------------------------------------------------------------
# top
--------------------------------------------------------------*/
.user {font-size:16px !important; color: #262626 !important;}
.dropdown-divider { height: 0; margin: 0 !important; overflow: hidden; border-top: 1px solid #e9ecef; }
.icon_menu_01 {font-size:30px !important ; color: #333 !important;}
.nav_link_tit {color:#265159; line-height:14px; font-weight:700; font-size:13px;}
.nav_link_sub {color:#000; line-height:14px; font-weight:700; font-size:13px;}
.user_i {height:20px !important; color: #000 !important;}
.nav_link_I{height:20px !important; color: #000 !important; padding-right: 25px !important;}
@media screen and (max-width:991px) {
	.main-header .navbar-header {margin-top: 80px !important}
	.user { display: none !important}
	.icon_menu_01 {font-size:20px !important ; }
  .navbar-header .navbar-nav .dropdown-menu {
		left: -580px !important;
    max-width: 80px !important;
	}
}

/*--------------------------------------------------------------
# 2022-06-03 top, sub 수정
--------------------------------------------------------------*/
.sidebar,.sidebar[data-background-color=white] {background:#313f59;}
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a {background:#5190dd!important; }
.main-header { background:#dee3ed !important; max-height: 100px; }
.logo-header[data-background-color=blue] { background:#ced5e4!important }
.logo-header[data-background-color=blue2] { background:#ced5e4!important }
.navbar-header[data-background-color=blue] { background:#ced5e4!important }
.navbar-header[data-background-color=blue2] { background:#ced5e4!important }
/*--------------------------------------------------------------
switch
--------------------------------------------------------------*/
 .checkbox-switch { cursor: pointer; display: inline-block; overflow: hidden; position: relative; text-align: left; width: 80px; height: 30px; -webkit-border-radius: 30px; border-radius: 30px; line-height: 1.2; font-size: 14px; }
 .checkbox-switch input.input-checkbox { position: absolute; left: 0; top: 0; width: 80px; height: 30px; padding: 0; margin: 0; opacity: 0; z-index: 2; cursor: pointer; }
 .checkbox-switch .checkbox-animate { position: relative; width: 80px; height: 30px; background-color: #95a5a6; -webkit-transition: background 0.25s ease-out 0s; transition: background 0.25s ease-out 0s; }
 .checkbox-switch .checkbox-animate:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; top: 5px; left: 5px; -webkit-transition: left 0.3s ease-out 0s; transition: left 0.3s ease-out 0s; z-index: 10; }
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate { background-color: #20bf96; }
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate:before { left: 55px; background-color: #fff; }
 .checkbox-switch .checkbox-off, .checkbox-switch .checkbox-on { float: left; color: #fff; font-weight: 700; padding-top: 6px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 .checkbox-switch .checkbox-off { margin-left: 30px; opacity: 1; }
 .checkbox-switch .checkbox-on { display: none; float: right; margin-right: 35px; opacity: 0; }
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off { display: none; opacity: 0; }
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on { display: block; opacity: 1;}
 /*//disabled*/
 .disabled{cursor:not-allowed  !important; opacity: 0.5; }
 .input-checkbox:disabled, .input-checkbox[readonly] { background-color: #e9ecef; opacity: 1; cursor:not-allowed  !important;}

/*--------------------------------------------------------------
title
--------------------------------------------------------------*/
/*.title:before { content: ' '; border-radius: 0px; height: 24px; width: 24px; background-color: #999999; display: inline-block;  float: left; margin-top: 3px; margin-right: 10px; }*/
.title { font-size: 20px !important; color: #666666; font-weight: 700 !important; position: relative; margin: 0px 0 0px 0; }
/*.title_sub:before { content: ' '; border-radius: 50%; height: 10px; width: 10px; background-color: #bfbfbf; display: inline-block;  float: left; margin-top: 8px; margin-right: 10px; }*/
.title_sub { font-size: 0.9rem !important; color: #000; font-weight: 700 !important; position: relative; margin: 10px 0 0px 0; }

@media (max-width: 768px) {
	.title { margin: 10px 0px 0px 10px !important; }
	.title_sub {margin: 10px 0px 0px 10px !important; }
}
/*--------------------------------------------------------------
step
--------------------------------------------------------------*/
.step_container { max-width: 800px; margin: 0 auto; }
.step-indicator { /*margin-top: 50px;*/ display: flex; align-items: center; padding: 0 40px; margin-bottom: 20px !important; }
.step { display: flex; align-items: center; flex-direction: column; position: relative; z-index: 1; }
.step-indicator .step-icon { height: 30px; width: 30px; border-radius: 50%; background: #4e5364; text-align: center; color: #ffffff; position: relative; line-height: 30px; font-size: 20px; }
.step.active .step-icon { background: #29bab5; }
.step p { text-align: center; position: absolute; bottom: -40px; color: #4e5364; font-size: 14px; font-weight: bold; width: 200px !important; }
.step.active p { color:#29bab5; }
.step.step2 p, .step.step3 p { left: 50%; transform: translateX(-50%); }
.indicator-line { width: 100%; height: 2px; background: #c2c2c2; flex: 1; }
.indicator-line.active { background: #29bab5; }
@media screen and (max-width: 500px) {
	.step p { font-size: 11px; bottom: -40px; }
}
/*--------------------------------------------------------------
nav-tabs
--------------------------------------------------------------*/
.nav-tabs { border-bottom: 2px solid #0d73bd; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-item { margin-bottom: -2px;}
.nav-tabs .nav-link { border: 1px solid transparent; border-color: #999 #999 transparent;  border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; background:#f0f0f0;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #0d73bd #0d73bd transparent;  }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #727272; background-color: #fff;  border-color: #0d73bd #0d73bd #fff ;  border-width:2px;}
.nav-tabs .nav-item .nav-link { color: #727272; font-size:14px; font-weight:600; padding-top:10px; padding-bottom:10px; }
/* .nav-tabs .nav-item .nav-link.active {  color: #0d73bd; font-weight: 600;  text-transform: uppercase !important; background:#fff !important; box-shadow: none !important;} */
.nav-tabs .nav-item .nav-link.active {  color: #0d73bd; font-weight: 600;  text-transform: none !important; background:#fff !important; box-shadow: none !important;}
@media (max-width: 768px) {
	.nav-tabs { border-radius: 0.25rem; }
	.nav-tabs .nav-link { border: 1px solid #999; border-color: #999;  border-radius: 0.25rem; }
	.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #0d73bd; background:#0d73bd !important; color:#fff !important;}
	.nav-tabs .nav-link.active,
	.nav-tabs .nav-item.show .nav-link {border-color: #0d73bd;  border-width:1px; background:#0d73bd !important; color:#fff !important;}
	.nav-tabs .nav-item .nav-link { color: #727272; font-size:14px; font-weight:600; padding-top:10px; padding-bottom:10px; }
	.nav-tabs .nav-item .nav-link.active {  background:#0d73bd !important; color:#fff !important;}
}
/*--------------------------------------------------------------
nav-pills
--------------------------------------------------------------*/
.tap_section { padding: 0 10px 0 10px;  }
.tap_container { max-width: 800px; margin: 0 auto; }
.nav-pills .nav-link { padding:0px;}
.nav-pills.nav-pills-no-bd li .nav-link {border:0!important; border-radius:50%!important; background:#4e5364; height: 30px; width: 30px; text-align: center !important; line-height: 30px !important; color: #fff; }
.nav-pills.nav-secondary .nav-link.active {background:#29bab5;}
.indicator-line { width: 100%; height: 2px; background: #c2c2c2;  margin-top:20px !important ; margin-right: -15px !important;}
.nav-link p{ text-align: center; position: relative; margin-bottom: 5px !important; color: #4e5364; font-size: 14px !important; font-weight: 600; width: 150px !important;   color: #666;  left: 50%; transform: translateX(-50%); word-break: normal ;}
@media screen and (max-width: 1400px) {
	.tap_section {  padding: 0 10px 0 15px; margin-bottom: 60px !important; }
	.nav-link p { width: 100px !important;   color: #666;  left: 50%; transform: translateX(-50%); word-break: normal ;}
  /* .icon_45 { width: 25px !important; } */
  .mobile_hide { display: none !important; }
  .logo_120 { width: 80px !important; }
  .mobile_extra { width: 100% !important; }
  .mobile_hide_col { display: none !important; }
  .wc_crs_icon > span { height: 40px !important; }
}
@media screen and (min-width: 1200px) {
  /* .mobile_hide { display: block !important; } */
}
@media (max-width: 768px) {
	.t_tit{ display:none !important}
  .logo_120 { width: 120px !important; }
  .wc_crs_icon > span { height: 25px !important; }
}
/*--------------------------------------------------------------
spinner
--------------------------------------------------------------*/
@-webkit-keyframes spinner-border {
  to {  -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner-border {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.spinner-border {  display: inline-block;  width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent;
  border-radius: 50%;  -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; }
.spinner-border-sm { width: 1rem;  height: 1rem; border-width: 0.2em; }
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
}
/*--------------------------------------------------------------
2022-06-27 수정
--------------------------------------------------------------*/
/*//navbar navbar-header*/
.navbar .navbar-nav .nav-item { margin-right:0px !important;}
.navbar .navbar-nav .nav-item .nav-link {white-space: nowrap; padding:10px 5px;}
.top_icon{font-size:20px; color:#266a77;}
@media screen and (max-width:1600px) {
	.nav_link_sub { display:none !important;}
	.user { text-decoration: none; display: inline-block !important; font-weight: bold; margin:0px 5px;}
	.icon_menu_01 {font-size:20px !important ; }
  .wc_crs_icon > img { width: 80px !important; }
  .wc_crs_icon > span { font-size: 0.7rem !important; }
}
.table-bordered { border: 1px solid #999 !important; }
.table-bordered th,
.table-bordered td { border: 1px solid #999 !important; padding: 0.5rem !important; }
/*///wmds/wmds_site_csv.html*/
.step_box{ padding: 10px; background-color: #f2f2f2; font-size:14px; color: #444; font-weight:400; border:1px solid #cccccc; border-radius: 0.2rem !important;}
/*///wmds/wmds_dashboard.html*/
.card-text{ font-size: 18px; font-weight:600; color: #fff; margin-bottom:0rem !important;}
/*--------------------------------------------------------------
# card_db
--------------------------------------------------------------*/
.card_db{min-height:200px!important;}
.card_db .card-header { padding: 20px 20px!important; margin-bottom: 0; color: #fff !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; text-align:left;
background-color:inherit !important; font-size: 20px; font-weight:600; border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 !important;}
.card_db .card-body { padding:15px 20px!important; text-align:left;}
.card_db .card-footer { padding:10px 10px !important; text-align: right; border-top: 1px solid rgba(0, 0, 0, 0.1)!important;}
@media (max-width: 768px) {
	.card_db .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 10px 10px !important; }
}
.border_info { border: 3px solid #17a2b8 !important;}
.border_success { border: 3px solid #2bb930 !important;}
.border_danger { border: 3px solid #ea4d56 !important;}
.border_warning { border: 3px solid #ff9e27 !important;}
.db_box{ padding: 20px; background-color: #f2f2f2; font-size:20px; color: #444; font-weight:600; border:1px solid #cccccc; border-radius: 0.2rem !important; text-align:center;}
/*--------------------------------------------------------------
# wmds/site/add 회원가입
--------------------------------------------------------------*/
#checkout-progress { width: 70%; margin: 0px auto; font-size: 1.5em; font-weight: 600; position: relative; }
@media (max-width: 767px) {
  #checkout-progress { font-size: 1.5em; }
}
#checkout-progress:before { content: ""; position: absolute; left: 0; top: 50%; height: 10px;
width: 100%; background-color: #ccc; -webkit-transform: translateY(-50%) perspective(1000px); transform: translateY(-50%) perspective(1000px); }
#checkout-progress:after { content: ""; position: absolute; left: 0; top: 50%; height: 10px; width: 100%; background-color: #2C3E50; -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
transform: scaleX(0) translateY(-50%) perspective(1000px); -webkit-transform-origin: left center; transform-origin: left center; transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
#checkout-progress.step-2:after { -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px); transform: scaleX(0.333) translateY(-50%) perspective(1000px); }
#checkout-progress.step-3:after { -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px); transform: scaleX(0.666) translateY(-50%) perspective(1000px); }
#checkout-progress.step-4:after { -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px); transform: scaleX(1) translateY(-50%) perspective(1000px); }
#checkout-progress.step-5:after { -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px); transform: scaleX(1) translateY(-50%) perspective(1000px); }
#checkout-progress.step-6:after { -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px); transform: scaleX(1) translateY(-50%) perspective(1000px); }
#checkout-progress .progress_bar { width: 100%; display: flex; height: 100px; justify-content: space-between; align-items: center; }
#checkout-progress .progress_bar .step { z-index: 2; position: relative; }
#checkout-progress .progress_bar .step .step-label { position: absolute; top: calc(100% + 25px); left: 50%; -webkit-transform: translateX(-50%) perspective(1000px); font-size: 14px !important;
transform: translateX(-50%) perspective(1000px); white-space: nowrap; font-size: 0.4em; font-weight: 600; color: #ccc; transition: 0.3s ease; }
@media (max-width: 767px) {
  #checkout-progress .progress_bar .step .step-label { top: calc(100% + 15px); }
}
#checkout-progress .progress_bar .step span { color: #ccc; transition: 0.3s ease; display: block; -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
transform: translate3d(0, 0, 0) scale(1) perspective(1000px); }
#checkout-progress .progress_bar .step .fa-check { color: #fff; position: absolute; left: 50%; top: 50%; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px); transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px); }
#checkout-progress .progress_bar .step.active span, #checkout-progress .progress_bar .step.active .step-label { color: #2C3E50; }
#checkout-progress .progress_bar .step.valid .fa-check { -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px); transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px); }
#checkout-progress .progress_bar .step.valid span { color: #2C3E50; -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px); transform: translate3d(0, 0, 0) scale(2) perspective(1000px); }
#checkout-progress .progress_bar .step.valid .step-label { color: #2C3E50 !important; }
#checkout-progress .progress_bar .step:after { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) perspective(1000px);
transform: translate(-50%, -50%) perspective(1000px); width: 50px; height: 50px; background-color: #fff; border-radius: 50%; border: 2px solid #ccc; transition: 0.3s ease; }
@media (max-width: 767px) {
  #checkout-progress .progress_bar .step:after { width: 40px; height: 40px; }
}
#checkout-progress .progress_bar .step.active:after { border: 2px solid #2C3E50; }
#checkout-progress .progress_bar .step.valid:after { background-color: #2C3E50; border: 5px solid #2C3E50; }

.button-container { /*display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 100px auto 0px;*/ }
.button-container .btn { display: inline-block; /*background-color: #2C3E50; color: #fff;*/ padding: 10px 15px; border-radius: 10px; text-transform: uppercase; font-weight: 600; /*border: 1px solid #2C3E50;*/
  transition: 0.3s ease; cursor: pointer; text-align: center; }
.btn-prev  {background-color: #2C3E50; color: #fff; border: 1px solid #2C3E50;}
.btn-next  {background-color: #fff; color: #2C3E50; border: 1px solid #2C3E50;}
.btn-submit {background-color: #fff; color: #2C3E50; border: 1px solid #2C3E50;}
@media (max-width: 767px) {
  .button-container .btn { width: 100%; margin-bottom: 15px; }
}
.button-container .btn:hover { background-color: transparent; color: #2C3E50; -webkit-transform: scale(1.02) perspective(1000px); transform: scale(1.02) perspective(1000px); }

/*--------------------------------------------------------------
2022-07-03 수정
--------------------------------------------------------------*/
.bg-secondary { background-color: #6c757d !important;}
.bg_gray{background-color: #f0f0f0 !important;}

/*# card_dashboard*/
.card_dashboard .card-header { padding: 12px 10px!important;  margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px solid #d5d5d5 !important;  text-align:center;
  text-decoration: none; color:#333 !important; }
.card_dashboard .card-body { padding:20px 20px!important; text-align:center; color:#333 !important; }
.card_dashboard .card-footer { padding:10px 10px !important; text-align:center;}
@media (max-width: 768px) {
	.card_dashboard .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 10px 10px !important; }
}
.card_dashboard_a{text-decoration: none !important; color:#333 !important;}
.card_dashboard_a :hover { text-decoration: none !important; color:#333 !important;}
/*--------------------------------------------------------------
2022-07-15 수정
--------------------------------------------------------------*/
/*//---- http://f1console.hvcorp.co.kr/F1C/webcastle/webcastle_modules_v2_414.html*/
/*//Dropdown*/
.wrap-drop { background:#fff; border:1px solid #ccc; border-radius: 5px; cursor:pointer; margin:0 auto; max-width:300px; padding:0.5rem; position:relative; z-index:3; }
.wrap-drop::after { border-color:#ccc transparent; border-style:solid; border-width:10px 7px 0; content:""; height:0; margin-top:-4px; position:absolute; right:1rem; top:50%; width:0; }
.wrap-drop .drop { background:#fff; border:1px solid #ccc; border-radius: 5px; display:none; left:0; list-style:none; margin-top:0; opacity:0; padding-left:0; pointer-events:none; position:absolute;
right:0; top:100%; z-index:2; overflow-y: auto; max-height: 200px; }
.wrap-drop .drop li { color:#333; display:block; padding:0.5rem; text-decoration:none; }
.wrap-drop span { color:#333; }
.wrap-drop .drop li:hover  { background-color:#f0f0f0; color:#333; }
.wrap-drop.active::after { border-width:0 7px 10px; }
.wrap-drop.active .drop { display:block; opacity:1; pointer-events:auto; }
/*//정책, 원형, Virtual Domain Selection  height */
.height_260{height:260px !important;}
@media (max-width: 1200px) {
	.height_260{height:auto !important;}
}
/*//원형*/
.parenthesis_wrap{ background-image: url('/F1C/assets/img/parenthesis_all_fix.png'); background-size: 100% 290px; width: 100%; height: 260px; display: flex; justify-content: center; align-items: center; background-repeat:no-repeat;}
.parenthesis_wrap.content { display: flex; flex-direction: column; }
.circle{ border-radius: 50% !important; width: 120px ; height:120px; line-height:120px ; background-color: #ffc107 ;}
.parenthesis_wrap.content span { color: white; }
.parenthesis_wrap.content span:nth-child(1) { font-size: 25px; font-weight: bold; }
.parenthesis_wrap.content span:nth-child(2) { font-size: 20px;}
@media (max-width: 1600px) {
	.parenthesis_wrap{ background-image: none !important; background-size: auto; width: 100%;  height: 260px;}
}
/*//배경색 및 pointer*/
.bg_gray{ background-color: #e6e6e6 !important;}
.bg_darkgray{ background-color: #cccccc!important;}
.pointer{ cursor:pointer !important;}
/*//정책table */
.modules_table table {width: 100%;}
.modules_table tbody { display: block; max-height: 150px; overflow:auto; }
.modules_table thead, .modules_table tbody tr { display: table; width: 100%; table-layout: fixed; }
/*//서버정보 타이틀 */
.card .card-header1 { padding: 0.75rem !important; margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px dashed #d5d5d5 !important;}

/*//---- http://f1console.hvcorp.co.kr/F1C/webcastle/report.html*/
.report_01{width: 100%; border:1px solid #ccc; display: block;}
.report_start{ padding-left:100px; padding-right:100px; padding-top:150px; padding-bottom: 100px;}
.report_h3{font-size:30px !important; font-weight:900; color: #676767;}
.report_h1_tit{font-size:46px !important; font-weight:700; color: #155a9c;  margin-bottom: 0px !important; line-height:1 !important;}
.report_h1_sub{font-size:46px !important; font-weight:700; color: #0bb8d0;  line-height:1 !important;}
.report_h1_mr{font-size:42px !important; font-weight:600; color: #868685;}
.report_border{border-bottom: 1px solid #999;}
.report_h2{font-size:24px !important; font-weight:700; color: #676767;}
.report_search{width:100% !important; display:block;}

.report_contents{ padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom: 30px;}
.report_h1{font-size:42px !important; font-weight:900; color: #676767;}
.indent1 { text-indent: 1.5em;}
.indent2 { text-indent: 3em; }
.indent3 { text-indent: 4.5em; }
.padding_2em { padding-left:2em !important;}
.padding_3em { padding-left:4em !important;}
.padding_4em { padding-left:6em !important;}
.table_report{border: 2px solid #999 !important;}
.table_report th { vertical-align: middle; font-size:14px !important; color: #000; background-color:#ddd; padding:5px !important; text-align:center; height:auto !important; font-weight:500 !important;}
.table_report td { vertical-align: middle; font-size:14px !important; color: #000; padding:5px !important; text-align:center; height:auto !important; font-weight:500 !important;}
.chart_responsive {display: block;width: 100%;}

.report_end{ padding-left:100px; padding-right:100px; padding-top:150px; padding-bottom: 100px;}
.report_end_h3{font-size:32px !important; font-weight:600; color: #868685;}



/* 추가 오버라이드 */
/* .sidebar-style-2 {
  height: -webkit-fill-available;
} */

.navbar.navbar-header {
  position: relative;
}

@media screen and (min-width: 1799px) {
  .wc_log_right { display: block !important; }
  .wc_log_row { display: none !important; }
  .mobile_webcastle_card_height { height: 200px !important; }
  .mobile_webcastle_card_height_domain { height: 420px !important; }
}

@media screen and (max-width: 1798px) {
  .wc_log_right { display: none !important; }
  .wc_log_row { display: block !important; }
  .mobile_webcastle_card_height { height: 200px !important; }
  .mobile_webcastle_card_height_domain { height: 420px !important; }
}


@media screen and (max-width: 1568px) {
  .mobile_hide_icon { display: none !important; }
  .mobile_hide_col { display: none !important; }
  .mobile_webcastle_card_height { height: 200px !important; }
  .mobile_webcastle_card_height_domain { height: 420px !important; }
}

@media screen and (max-width: 1200px) {
  .mobile_hide_icon { display: none !important; }
  .mobile_hide_col { display: block !important; }
  .mobile_webcastle_card_height { height: 310px !important; }
  .mobile_webcastle_card_height_domain { height: 570px !important; }
}

@media screen and (max-width: 991px) {
  .sidebar, .sidebar[data-background-color=white] {
    width: 250px !important;
  }
  .sidebar {
    position: fixed;
    left: 0!important;
    right: 0;
    -webkit-transform: translate3d(-270px,0,0);
    -moz-transform: translate3d(-270px,0,0);
    -o-transform: translate3d(-270px,0,0);
    -ms-transform: translate3d(-270px,0,0);
    transform: translate3d(-270px,0,0)!important;
    transition: all .5s;
    margin-top: 0 !important;
  }
  .wc_crs_icon > img { width: 75px !important; }
  .wc_crs_icon > div { display: none !important; }
  .wc_crs_icon > span { display: none !important; }
  .wc_crs_icon { height: fit-content !important; }
  .mobile_hide_col { display: block !important; }
  .mobile_webcastle_card_height { height: 310px !important; }
  .mobile_webcastle_card_height_domain { height: 570px !important; }
}


@media screen and (max-width: 768px) {
  .navbar.navbar-header.navbar-expand-lg {
    position: absolute !important;
  }
  .mobile_webcastle_card_height { height: 190px !important; }
  /* .mobile_webcastle_card_height_domain { height: 290px !important; } */
  .icon_45 { width: 30px !important; }
  .mobile_hide_col { display: block !important; }
}



@media screen and (max-width: 650px) {
  .mobile_webcastle_card_height { height: 290px !important; }
  /* .mobile_webcastle_card_height_domain { height: 290px !important; } */
  .icon_45 { width: 30px !important; }
  .mobile_hide_col { display: none !important; }
  .mobile_webcastle_card_height { height: 190px !important; }
  .apexcharts-canvas { margin: 0 auto !important;}
}

@media screen and (max-width: 576px) {
  .mobile_webcastle_card_height { height: 190px !important; }
  .mobile_webcastle_card_height_domain { height: 550px !important; }
  .icon_45 { width: 30px !important; }
  .mobile_hide_col { display: none !important; }
  .mobile_webcastle_card_height { height: 190px !important; }
  .apexcharts-canvas { margin: 0 auto !important;}
}



.mobile_hide_col { display: block; }
.wc_log_right { display: block; }
.wc_log_row { display: none; }

.wc_crs_icon {
  display: inline-block;
  width: auto;
  text-align: center;
  padding: 15px 8px;
  border: 2px solid rgb(195, 195, 195);
  border-radius: 15px;
  margin: 5px;
  height: 190px;

}

.wc_crs_icon > span {
  display: table-cell !important;
  vertical-align: middle;
  text-align: center;
  width: 105px;
  font-size: 0.9rem;
  font-weight: bold;
  height: 45px;
  overflow: hidden;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.mobile_webcastle_card_height { height: 265px; }
.mobile_webcastle_card_height_domain { height: 360px; }