body {
    font-family: 'Noto Sans KR', sans-serif;
	font-size: 14.5px;
    font-weight: 400; /*300*/
    color:#3e4659;
}

.wrap {
    max-width: 100%;
}
.wrap_layout {
    width: 100%;
    /*min-width: max-content;*/
}
.wrap_layout .row {
    flex-wrap: nowrap !important;
}
/*
deep blue: #233154
dark blue: #111f45
darker blue: #3e4659

m_bg: #ebeef4
m_red: #f15960
m_blue: #4d9fdf
m_deep_blue: #556492
m_grey: #9ea2ac
m_grey_light: #d4d7de
*/

.m_grey {
    color: #9ea2ac;
}
.m_grey_light {
    color: #d4d7de;
}
.m_blue_darker {
    color: #3e4659;
}
.small {
    font-weight: 400px;
}
.font_weight_bold {
    font-weight: 400;
}
.w1000 {
    width: 1000px;
}
.w1200 {
    width: 1200px;
}
.w1400 {
    width: 1400px;
}
.left_menu_wrap {
    width: 220px;
    color: #fff;
    background-color: #233154;
	z-index: 2;
}
.left_menu_wrap a {
    color: #fff;
}
.left_menu_wrap .logo {
    padding: 5px;    
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.left_menu_wrap .logo img {
    /*display: inline;
    vertical-align: middle;*/
	width:100%;
	height:auto;
}
.left_menu_wrap .home,
.left_menu_wrap .allmenu,
.left_menu_wrap .menu_name { font-weight: 400; }
.left_menu_wrap .menu_name .float-right { padding-top: 3px; }

.left_menu_wrap .allmenu{
    border-top:1px solid rgba(255, 255, 255, 0.2);
}
.left_menu_wrap .active {
    background-color: #111f45;
}
.left_menu_wrap .icon_color {
    color: #919191;
}
.left_menu .menu_sub {
    margin-top: 2px;
}
.left_menu .menu_sub a { 
    font-size: 90%;
    display: block;
    margin:10px 0;
}
.left_menu .menu_sub a:hover { 
    font-weight: 400;
    text-decoration: underline;
}


.right_content_wrap {
    min-width: 1000px;
    background-color: #ebeef4;
	z-index: 1;
}
.top_nav {
    color: rgba( 0, 0 , 0, 0.6 );
    font-weight: 400;
    font-size: 0.85rem;
    line-height: 64px;
	background-color: #fff;
}

/*  11/27 =================================================*/
.top_id:hover{
    color:#456BDA; /*2347b0*/
    cursor:pointer;
}
.excel_down:hover{
    color:#456BDA; /*2347b0*/
    cursor:pointer;
}
/*  11/27 =================================================*/

.main_title .title_name {
    font-size: 1.25rem;
}
.main_dash .dash_hat {
    height: 15px;
    width: 80px;
    border-bottom-width: 1px;
}
.main_dash .dash_body { 
    padding-bottom: 0;
}
.main_dash .red {
    background-color: #f15960;
}
.main_dash .blue {
    background-color: #4d9fdf;
}
.main_dash .dark {
    background-color: #556492;
}
.main_dash .dash_body .big {
    font-size: 2rem;
    font-weight: 400;
}
.main_dash .dash_body .fas_big {
    font-size: 2.5rem;
}
.main_dash .dash_tail {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.main_board {
    margin: 0;
}
.main_board .board_left {
}
.main_board .board_left .board_title,
.main_board .board_left .board_body {   
    background-color: #fff;
}
.main_board .board_body table th {
    font-weight: normal;
}
.main_board .board_body table td .desc {
    font-size: 0.85rem;
    color: #949aa8;
}
.main_board .board_right {
}
.main_board .board_right .board_title,
.main_board .board_right .board_body {   
    background-color: #fff;
}
.course_list .wbox_title,
.course_list .wbox {
    margin: 0;
    background-color: #fff;
}
.course_list .wbox .title {
    font-size: 90%;
}
.course_list .wbox .date {
    color: #949aa8;
    font-size: 85%;
}
.copy {
    margin:0;
    font-size: 85%;
    color: #949aa8;
}



/* list.htm */
.search_form {    
    display: inline-block;
    position: relative;
}
.search_form .text_form,
.search_form .button_form,
.search_form .insert_form,
.search_form .select_form {
    padding:10px;
    color: #3e4659;
    font-size: 13px; /*16px*/
    border:1px solid #d4d7de;
}
.search_form .text_form {
    width: 350px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.search_form .insert_form {
    width: 80px;
    border-radius: 3px;
}
/*11/27 =========================검색창 돋보기박스 크기 조절 =============*/
.text_form:focus , .button_form:focus, .submit_form:focus{
    outline:none;
}
.search_form .submit_form {
    margin-left: -5px;
    margin-right: -5px;
    border:1px solid #d4d7de;
    border-left-color:#fff;
    background-color: #fff;
    /*padding: 10px;*/ /*11/27========================*/
    padding:8px 10px 10px 8px;
}
/*11/27 ======================================*/

.search_form .button_form {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#search_detail {    
    top: 60px;
    width: inherit;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}
#search_detail .form-row { 
    margin-bottom: 10px;
}
#search_detail .tilde:after {    
    content:'~';
    position: absolute;
    top: 7px;
    right: -9px;
}
.board_list {
    margin: 0;
}
.board_list .board_head,
.board_list .board_body {   
    background-color: #fff;
}
.board_list .board_body table th,
.board_list .board_body table td {
    white-space: nowrap;
}
.board_list .board_body table th {
    font-weight: 500; /*normal*/
}
.board_list .board_body table td .desc {
    font-size: 0.85rem;
    color: #949aa8;
}

.page-link {    
    padding: 0.5rem 0.85rem;
    border: none;
}
.custom-switch .custom-control-label::before {
    left: -1.9rem;
}
.custom-switch .custom-control-label::after { 
    left: calc(-1.9rem + 2px);
}
.board_write {
    margin: 0;
}

.board_write .sub_title {
    position: relative;
    height: 8px;
    background-color: #eff2fb; /*f1f4f9*/
}
/*.board_write .sub_title {
    position: relative;
    height: 8px;
    background-color: #f1f4f9;
}*/

.board_write .sub_title .text {
    display: block;
    position: absolute;
    top: -16px; /*-10px*/
    padding-right: 10px;
    background-color: transparent;
    color:#97abe5;
    font-size:16px;
}
/*.board_write .sub_title .text {
    display: block;
    position: absolute;
    top: -30px;
    padding-right: 10px;
    background-color: #fff;
}*/
/* 11/20 일 수정 ==============================================*/
.write_head_top{
    padding-top:40px !important;
}
/* 11/20 일 수정 ==============================================*/
.board_write .write_head,
.board_write .write_body,
.board_write .write_footer{   
    margin: 0;
    background-color: #fff;
}
.board_write .write_body .form-group,
.board_write .write_footer .form-group{   
    /*min-height: 95px;*/
    min-height:85px;
}
.board_write .write_left {   
    padding-left: 0;
    padding-right: 40px;
}
.board_write .write_right {    
    padding-left: 40px;
    padding-right: 0;
}
.board_write .write_body .invalid,
.board_write .write_footer .invalid{
    font-size: 14px;
    color: red;
}
.board_write .write_body .message,
.board_write .write_footer .message{
    font-size: 80%;
    color: #9b9b9b;
}
.modal_custom .modal-header {
    
}

@media print {
    .left_menu_wrap {
        display: none;
    }
}


/*******************deleicon***************/
.deleicon:before{
    content:"";
}


/*20.11.25 새로추가*/
.adm-pb-0 {
	padding-bottom: 0 !important;
}

.adm-mt-0 {
	margin-top: 0 !important;
}


.icon-right {
	background-image: url( '/image/chevron_right.png');
	padding: 1rem;
	background-size: 20px;
	background-repeat: no-repeat;
	float: right;
}

.icon-expand {
	background-image: url( '/image/expand_more.png');
	padding: 1rem;
	background-size: 20px;
	background-repeat: no-repeat;
	float: right;
}

.float-r {
	float: right !important;
}


/*11/27 수정=====================================*/
.topleftfont > label{
    font-size:18px;
}
/*.tablebtn{
    font-size:13px;
}*/
.text-center > div > input[type="button"]{
    height:32px;
    font-size:15px;
}
/*11/27 수정=====================================*/

/*20210729_c add css*/
.content_size{
	min-height:calc(100vh - 130px);
}
.table > tbody > tr > td > .custom-control{
	display:flex;
	justify-content:center;
	padding:0;
}

iframe#sysfrm{
	position:absolute;
	top:0;
	left:0;
	z-index:-999;
}

/* 20210730_c add css*/

.a_td01{
	display:flex;
	align-items:center;
}
.a_td01 > span{
	margin-left:5px;
}

.a_td01 > select{
	margin-right:5px;
	margin-left:5px;
}

.a_td01 > input {
	margin-left:5px;
}

input[type="file"]{
	height:auto !important;
	padding:0.3rem !important;
}

/* 20210802_c add css */

/* 20211203_c add css */

ul.top_id {
	list-style:none;
	position:relative;
	margin-bottom:0;
}

ul.top_id > li > a {
	display:block;
	color: rgba(0,0,0,0.6);
}
ul.top_id > li > a:hover, ul.top_id > li > a:focus {
	text-decoration:none;
	color:#456bda;
}

#sub-menu {
	/*display:none;*/
	position:absolute;
	left:40px;
	list-style:none;
	padding-left:0;
	display:block;
	width:110px;
	height:80px;
	text-align:center;
	opacity:0;
	visibility:hidden;
	transition: opacity .3s;
}

#sub-menu > li {
	height:40px;
}

#sub-menu > li > a {
	display:block;
	height:40px;
	line-height:40px;
	color: rgba(0,0,0,0.6);
	background:#fff;
	box-shadow:0 0.125rem 0.125rem rgba(0,0,0,0.08); /* 20211216_c add box-shadow */
}

#sub-menu > li > a:hover,#sub-menu > li > a:focus {
	text-decoration:none;
	color:#456bda;
}


ul.top_id > li:hover #sub-menu, ul.top_id > li:focus #sub-menu {
	opacity:1;
	visibility:visible;
}



/* 20211227_c add sms_individual_insrt.php --> textarea class mobiletextbox */

.mobiletextbox {
	position:relative;
	z-index:10;
}
.mobiletextbox textarea{
	background-color: #bfc0c1; /*c3efff*/
	border-bottom:#1ED8FF 0px solid; 
	border-left:#1ED8FF 0px solid; 
	border-right:#1ED8FF 0px solid; 
	border-top:#1ED8FF 0px solid; 
	font-family: gulim; 
	font-size: 9pt;
	outline:none;
	border-radius:20px;
	border-bottom-right-radius:0;
	/*border-top-left-radius:0;*/
	padding:1rem 5px;
	height:178px;
	width:184px; /*157px*/
	margin:5px 0;
	-ms-overflow-style:none;
	scrollbar-width:none;
}

.mobiletextbox textarea::-webkit-scrollbar{
	display:none;
}

.mobiletextbox::after{
	content:'';
	position:absolute;
	top:-54px;
	left:-8px;
	display:block;
	width:200px; /*174px*/
	height:305px;
	background-image:url('/images/mobilephone2.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index:-1;
}