@charset "UTF-8";

input:focus {outline: none;} /* outline 테두리 없애기 */

select:focus {outline: none;}


/* 퀵메뉴 */

.quickmenu {
	width: 18%;
	display: flex;
	flex-direction: column;
}
.quickmenuItem > h3{
	margin-block-start: 1em;
	margin-block-end: 1em;
	font-size: 15px;
	font-weight: 600;
}

.quickmenuItem {
	display:flex;
	    flex-direction: column;
	border-bottom: solid 1px #cfddde;
	padding: 20px;
	background-color: #e0eff2;
    height: auto;
    color: #323232;
}

.quickmenuItem > .contrnt {
    text-align: left;
    font-size: 13px;
/*     font-weight: normal; */
    margin: 10px 0 5px 0;
}

 .arrow {
    display: block;
    float: left;
    width: 100%;
    padding-top: 13px;
    text-align: right;
}

.arrow_tap {
	display:none;
    background: url(/images/antiviral/tap_arw.png);
    width: 29px;
    height: 26px;
    margin-left: 97%;
}



/* 첨부파일 */
.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}

.filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.phonInput {
	width: 20%;
	
    height: 30px;
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    border-image: initial;
}


/* 붙어 있는 버튼 */
.toggle_s:hover {
    color: #17594A;
    background: #F3F8FD;
    border-color: #17594A;
}


/* select */
.select {border-radius: 5px;margin: 5px;text-align: center;height: 33.97px;border: 1px solid #ddd;margin-top: 2px;padding:5px 40px 5px 20px;
 -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}

.toggle_s:not(:disabled):not(.disabled).active {
    border-color: #17594A;
    background-color: #17594A;
    border-width: 1px;
    border-style: solid;
    height: 30px;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6vw;
    font-weight: 700;
}

.toggle_s {
	border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    border-color: #17594A;
    background-color: white;
    color: #17594A;
    height: 30px;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 14px; */
    font-size: 0.6vw;
    font-weight: 700;
}

.btn-outline-secondary.active {
	color: #fff;
	background-color: #74788d;
	border-color: #74788d;
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* .btn-custom-normol 버튼 */
.btn-custom-normol {
    width: 63px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 14px;
    font-weight: 700;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fff;
    border-color: #1377D3;
    color: #1377D3;
}

.btn-custom-normol:hover {
	background-color: #1377D3;
    border-color: #1377D3;
    color: white;
}

.btn-custom-normol-bag {
    width: 63px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 14px;
    font-weight: 700;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #002863;
    border-color: #002863;
    color: white;
}


.btn-custom-normol-red {
    width: 63px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 14px;
    font-weight: 700;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fff;
    border-color: red;
    color: red;
}

.btn-custom-normol-red:hover {
	background-color: red;
    border-color: red;
    color: white;
}

.btn-custom-normol-orange {
	width: 63px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 14px;
    font-weight: 700;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fff;
    border-color: orange;
    color: orange;
}


.btn-custom-normol-orange:hover {
	background-color: orange;
    border-color: orange;
    color: white;
}

.btn-custom-normol-green {
	 width: 63px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 14px;
    font-weight: 700;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fff;
    border-color: green;
    color: green;
}


.btn-custom-normol-green:hover {
	background-color: green;
    border-color: green;
    color: white;
}


/* btn_b */
.btn_b {
	font-size: 0.7vw;
}

/* <a> */
a {
	color: #555;
}

/* 필수 * */
.pilsu {
	color: red;
}

/* inputTypeText */
.viewInputText {
	width: 98%;
	margin:5px;
    height: 30px;
    margin-top: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    border-image: initial;
}

.viewInput {
	margin:5px;
    height: 30px;
    margin-top: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    border-image: initial;
}

.search {
	width: 20%;
    border-radius: 5px;
    margin-top: 3px;
    padding: 3px;
    border: 1px solid #C2C7CD;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* pagination */
.pagination {
	display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.pagination ul {
    display: flex;
    padding: 0px;
}
.pagination ul li {
    display: inline-block;
    margin: 0 2px;
}
.pagination ul li a {    
	font-size: 0.7vw;
    display: block;
    color: #999;    
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 28px;
}

.pagination ul li.first a,
.pagination ul li.prev a,
.pagination ul li.next a,
.pagination ul li.last a,
.pagination ul li.first a:hover,
.pagination ul li.prev a:hover,
.pagination ul li.next a:hover,
.paging ul li.first a,
.paging ul li.prev a,
.paging ul li.next a,
.paging ul li.last a{
    width: 26px;
    height: 100%;
    background-position: center;
}

.pagination ul li.current a, .pagination ul li a:hover {
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #17594A;
}

.searchDiv {
	display: flex; 
	justify-content: space-evenly; 
	align-items: center;
	flex-wrap: wrap;
}

.textarea {
	height:15em; width: 100%; resize: none; border: 1px solid #e9e9ef
}



.pagination ul li.first a { background:url('../../../images/egovframework/com/cmm/paging/pagination_first.gif') 8px 9px no-repeat; text-indent:-10000em;     background-position: center; }
.pagination ul li.prev a { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev.gif') 11px 9px no-repeat; text-indent:-10000em;     background-position: center;}
.pagination ul li.next a { background:url('../../../images/egovframework/com/cmm/paging/pagination_next.gif') 12px 9px no-repeat; text-indent:-10000em;     background-position: center;}
.pagination ul li.last a { background:url('../../../images/egovframework/com/cmm/paging/pagination_last.gif') 10px 9px no-repeat; text-indent:-10000em;     background-position: center;}
.pagination ul li.first a:hover { background:url('../../../images/egovframework/com/cmm/paging/pagination_first_on.gif') no-repeat; background-position: center;}
.pagination ul li.prev a:hover { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev_on.gif') no-repeat; background-position: center;}
.pagination ul li.next a:hover { background:url('../../../images/egovframework/com/cmm/paging/pagination_next_on.gif') no-repeat; background-position: center;}
.pagination ul li.last a:hover{ background:url('../../../images/egovframework/com/cmm/paging/pagination_last_on.gif') center 5px no-repeat; background-position: center;}

.paging ul li.first a { background:url('../../../images/egovframework/com/cmm/paging/pagination_first.gif') center 5px no-repeat; text-indent:-10000em;     background-position: center;}
.paging ul li.prev a { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev.gif') center 5px no-repeat; text-indent:-10000em;     background-position: center;}
.paging ul li.next a { background:url('../../../images/egovframework/com/cmm/paging/pagination_next.gif') center 5px no-repeat; text-indent:-10000em;     background-position: center;}
.paging ul li.last a { background:url('../../../images/egovframework/com/cmm/paging/pagination_last.gif') center 5px no-repeat; text-indent:-10000em;     background-position: center;}


/* API 페이징 */

.paging_simple_numbers .previous { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev.gif') 11px 9px no-repeat; text-indent:-10000em;     background-position: center;width: 20px;	height: 100%;}
.paging_simple_numbers .next { background:url('../../../images/egovframework/com/cmm/paging/pagination_next.gif') 12px 9px no-repeat; text-indent:-10000em;     background-position: center; width: 20px;	height: 100%;}
.paging_simple_numbers .previous:hover {width: 20px; height: 100%; background:url('../../../images/egovframework/com/cmm/paging/pagination_prev_on.gif') no-repeat; background-position: center;  width: 20px;	height: 100%;}
.paging_simple_numbers .next:hover { width: 20px; height: 100%; background:url('../../../images/egovframework/com/cmm/paging/pagination_next_on.gif') no-repeat; background-position: center;  width: 20px;	height: 100%;}


.dataTables_paginate,
.dataTables_paginate span  {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}


.dataTables_paginate span .current, 
.dataTables_paginate span a:hover {
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #0078BF;
}

.paging_simple_numbers .previous:hover,
.paging_simple_numbers .next:hover {
	border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.dataTables_paginate span a,
.paging_simple_numbers .previous,
 .paging_simple_numbers .next{
    font-size: 0.7vw;
    display: block;
    color: #999;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 28px;
}

/* API 페이징 END*/

.paginate_button  {
    display: inline-block;
    margin: 0 2px;
}


/* 버튼 모음
	1일 1주 1개월
 */

.btn-outline-secondary.active {
    color: #fff;
    background-color: #74788d;
    border-color: #74788d;
}

.toggle_l:not(:disabled):not(.disabled).active {
    border-color: #1377D3;
    background-color: #1377D3;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    height: 30px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
}

.toggle_l {
    border-width: 1px;
    border-style: solid;
    border-color: #002863;
    border-radius: 0;
    background-color: white;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #002863;
    font-size: 15px;
    font-weight: 400;
}

.toggle_l:not(:disabled) {
    border: 1px solid #C2C7CD;
}

.btn-group>.btn:not(:first-child) {
    margin-left: -1px;
}

/* 고시/공고 검색박스 위해 추가 */
.sc-search {
	margin: 0 auto 30px;
}
.sc-search .search-wrap {
	/* background-color: #F3F8FF; */
	background-color: #F7F8FC;
	border-radius: 10px;
	padding: 20px 15px;
}
.sc-search .search-wrap.flex {
	display:flex;
	gap: 40px;
}
.sc-search .search-wrap.flex.gap60 {
	gap: 60px;
}
/* 공통 */
.sc-search .flex {
	justify-content: flex-start;
	gap: 10px;
}
.sc-search .flex.month {
	gap: 40px;
}
.sc-search .select-box {
	width: 72%;
	border: 1px solid #ccc;
	padding: 4px;
	cursor: pointer;
}
.sc-search .select-box.sm-select {
	width: 54%;
}
.sc-search .select-box.number {
    display: block;
	width: 140px;
    margin: 20px 0 0 auto;
}
.sc-search .select-box.subject {
	width: 100%;
}
.sc-search .select-box.width78 {
	width: 78px;
}
.sc-search .select-box.width94 {
	width: 94px;
}
.sc-search .select-box.width112 {
	width: 112px;
}
.sc-search .select-box.width190 {
	width: 190px;
}

.sc-search label {
	min-width: 30px;
	font-weight: 600;
	color: #495057;
	word-break: keep-all;
}
.sc-search label.two {
	min-width: 46px;
}
.sc-search label.big {
	width: 70px;
}
.sc-search label.big.two {
	width: 72px;
}
.sc-search label.width40 {
	width: 40px;
}
.sc-search label.width48 {
	width: 48px;
}
.sc-search label.width-60 {
	width: 60px;	
}
.sc-search label.width-76 {
	width: 76px;	
}
.sc-search label.width-80 {
	width: 80px;	
}

.sc-search input {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 4px;
}
.sc-search input::placeholder {
	font-size: 14px;	
	color: #919191;
}
.sc-search input.width58 {
	width: 58%;
}
.sc-search input.width66 {
	width: 66%;
}
.sc-search input.width90 {
	width: 90%;
}
.sc-search input.width600 {
	width: 600px;
}
/* 맨 위 */
.sc-search .top-area {
	justify-content: space-between;
	margin: 20px 0 18px;
}
.sc-search .top-area .top {
	flex: 1;
}
.sc-search .top-area input {
	width: 20%;	
}
.sc-search .top-area .select-box {
	width: 40%;
	border: 1px solid #ccc;
	padding: 4px;
}

/* 교육과정 */
.sc-search .process-area {
	flex: 1;
}
.sc-search .process-area input {
	width: 70%;
	height: 34px;
}
/* 검색조건 버튼 */
.sc-search .btn_area {
	gap: 14px;
}
.sc-search .btn_area .btn {
    width: 96px;
    line-height: 38px;
	font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #17594A;
}
.sc-search .btn_area .btn.width120 {
	width: 120px;
}
.sc-search .btn_area .btn.big {
	width: 172px;
}
.sc-search .btn_area .btn.hover:hover {
	background-color: #5C8A80;
}

.separateBtn {
    width: 96px;
    line-height: 38px;
	font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #17594A;
    margin-left:auto;
	cursor:pointer;
}
.separateBtn.hover:hover{
	background-color: #5C8A80;
}

/* 고시/공고 검색박스 위해 추가 */

/* ==== newGR 스타일 추가 ==== */
input[type='text'].widthInputBox, input[type='date'].widthInputBox {
	width:10%;
}
.sc-search .select-box {
    width: 12%;
    border: 1px solid #ccc;
    padding: 12px;
    cursor: pointer;
}
#searchBoxInterval{
	margin:10px 0;
}
#noSearchContent{
	text-align:center;
}
#separateBtnGroup{
	 margin-left:auto;
}

.tableInnerBtn {
    width: 96px;
    font: inherit;
    text-align: center;
    color: #fff;
    background-color: #17594A;
    margin-left: auto;
    cursor: pointer;
    font-weight: 700;
    border-radius: 4px;
}
/* ==== newGR 스타일 추가 ==== */

@media screen and (max-width: 1024px) {
	.side-col-xl-10 {
		flex-wrap: wrap;
	}
	
	.arrow_tap {
		display: none;
	}
	.quickmenu {
		width: 100%;	
	}
	
	.pagination ul li.first a, .pagination ul li.prev a, .pagination ul li.next a, .pagination ul li.last a, .pagination ul li.first a:hover, .pagination ul li.prev a:hover, .pagination ul li.next a:hover, .paging ul li.first a, .paging ul li.prev a, .paging ul li.next a, .paging ul li.last a {
		width: 20px;
   	 	height: 100%;
	}
	.pagination ul li {
   	 	width: 20px;
   	 	height: 20px;
	}	
	.pagination ul li a {
		line-height: 20px;
	    width: 20px;
		height: 20px;
	}
	
	
	.viewInput, .select, .searchDiv, .phonInput, .search{
	    width: 100%;
	}
	
	.select{
		margin: 0px;
	}
	
	.viewInput, .viewInputText, .phonInput {
		margin: 0px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	
	.pagination ul li.current a, .pagination ul li a:hover {
	    border-radius: 5px;
	    border: none;
	    color: #fff;
	    font-size: 15px;
	    font-weight: 600;
	    width: 20px;
	    height: 20px;
	    line-height: 20px;
	    background: #0078BF;
	}
	
}