@charset "euc-kr"; 
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
:root{ --edu-key: #2E7D32;}
  * { box-sizing: border-box; margin: 0; padding: 0; }

body, html {  line-height: 1.42857143; font-size: 14px ;font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 0; padding: 0; margin: 0; padding: 0; color: #000; scrollbar-face-color: #4d4d4d; scrollbar-3dlight-color : #f4f4f4; ; scrollbar-arrow-color: #000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color : #efefef; scrollbar-highlight-color : #f4f4f4; scrollbar-shadow-color : #cccccc; width: 100%; position: relative; }
body {  background: #f5f7fa;  color: #222;font-weight: 400; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
p, div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0;  }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
hr, legend, caption { display: none; }
a { cursor: pointer; color: #111; }
a:active, a:visited, a:hover, a:link { text-decoration: none;} 
/* for layout */
 
input[type=text], input[type=password] { vertical-align: middle; }

label { cursor: pointer; }
*::-webkit-input-placeholder {
color:#999 !important;
}
*::-moz-placeholder {
color:#999!important;
} /* firefox 19+ */
*:-ms-input-placeholder {
color:#999!important;
} /* ie */
*input:-moz-placeholder {
color:#999!important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
*:focus { outline: 0; }
textarea:focus, input:focus { outline: 0; }  
.form-select:focus, .form-control:focus {  border-color: #666; outline: 0;  box-shadow: none;}
.wid20 { width: 20px !important;  }
.wid30 { width: 30px !important; }
.wid40 { width: 40px !important; }
.wid50 { width: 50px !important; }
.wid60 { width: 60px !important; }
.wid65 { width: 65px !important; }
.wid70 { width: 70px !important; }
.wid80 { width: 80px !important; }
.wid90 { width: 90px !important; }
.wid100 { width: 100px !important; }
.wid100p { width: 100% !important; box-sizing: border-box; }
.wid120 { width: 120px !important; }
.wid140 { width: 140px !important; }
.wid150 { width: 150px !important; }
.wid180 { width: 180px !important; }
.wid170 { width: 170px !important; }
.wid200 { width: 200px !important; }
.wid280 { width: 280px !important; }
.wid300 { width: 300px !important; }
.wid350 { width: 350px !important; }
.wid400 { width: 400px !important; }
.wid450 { width: 450px !important; }
.wid500 { width: 500px !important; }
.wid540 { width: 540px !important; }
.wid580 { width: 580px !important; }
.wid600 { width: 600px !important; }
.wid700 { width: 700px !important; }
.wid20, .wid30, .wid40, .wid50, .wid60, .wid65, .wid70, .wid80, .wid90, .wid100, .wid110, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70 { display: inline-block !important; }  
.form-select { vertical-align: middle}
 
.list_border {border-collapse: collapse}
.txt_right { text-align: right !important}
.txt_lleft { text-align: left !important}
.txt_center { text-align: center !important}
 
table td[align=left] {text-align: left !important;  }
table td[align=right] {text-align: right !important;  }
 
.pagination_wrap { text-align: center; padding-top:15px }
.pagination { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; text-align: center; padding-left: 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 4px 10px; line-height: 1.333; text-decoration: none; color: #222; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #175358; background-color: #eeeeee; border-color: #dddddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #2b5680;    border-color: #24496d; cursor: default; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; }
.clr_red, .txt_red { color:#d03218 !important; font-weight:bold; }
.clr_blue, .txt_blue { color:#2d73d3 !important; font-weight:bold; }
.clr_green, .txt_green { color:#693 !important; font-weight:bold; }
.no_data { display:block; width:100%; clear:both; padding:110px 0 20px 0; text-align:center;  color:#666; background:url(../image/icon_info.png) center 30px no-repeat; background-size: 64px;}
.no_warning {display:block; width:100%; clear:both; padding:110px 0 20px 0; text-align:center; color:#666; background:url(../image/icon_warning.png) center 30px no-repeat; background-size: 64px;}
.no_sch { display:block; width:100%; clear:both; padding:110px 0 20px 0; text-align:center;  color:#666; background:url(../image/icon_sch.png) center 30px no-repeat; background-size: 64px;}
.btns { text-align: center; padding: 15px 0;}
.btns_r { text-align: right; padding: 15px 12px;}

 

.card > .table { margin-bottom: -1px !important;border-radius: 0.375rem; overflow: hidden}
.table_th th { background-color:#f9f9f9 !important }
.tab_ul { display: block; height: 31px; border-bottom: 1px solid #24496d; text-align: left; padding: 0; margin: 0 0 4px 0; }
.tab_ul:after { display: table; clear: both; content: '';}
.tab_ul li {float:left; width:120px;height:30px; line-height:28px; text-align: center; background-color: #f4f4f4; border: 1px solid #ccc; box-sizing: border-box; border-bottom: 0; position: relative;}
.tab_ul li a { color:#333; display: block; line-height:28px; }
.tab_ul li a:hover { text-decoration: none}
.tab_ul li.on { background-color: #24496d; border-color: #24496d}
.tab_ul li.on a { color: #fff; font-weight: bold;}
.tab_ul li.on:after { content: ''; display: block; position: absolute; left: 56px; bottom: -5px; width: 0;height: 0;border-style: solid;border-width: 4px 4px 0 4px;border-color: #3379b7 transparent transparent transparent;}
 
.popup_body { background-color:#f5f7fa}
.popup_header { padding: 15px; position: relative; display: flex;}
.popup_h1 { padding: 0; margin: 0; font-size: 22px;  font-weight: 600; margin-right: auto }
.pop_btn_close { display: inline-block; width: 22px; height: 22px; margin-left: auto; font-size: 22px;}
.popup_inner { padding: 0 15px 15px 15px;}
.popup_card {background: #fff;  border-radius: 10px;box-shadow: 0 6px 18px rgba(11, 18, 32, 0.04);}
.popup_card_head { background-color:var(--edu-key);   border-radius: 10px 10px 0 0; padding: 10px; color: #fff; font-size: 16px; font-weight: 400;font-family: 'Pretendard';}
	.checkbox { width: 16px; height: 16px; border-radius: 4px; accent-color: var(--edu-key); vertical-align: middle}

.pagination_box { text-align:center; padding:12px 0;}
.pagination > li > a, .pagination > li > span  { border: 0; color: #999}  
.page-link.active, .active > .page-link { border: 1px solid var(--edu-key); border-radius: 4px; background-color: #fff; color:var(--edu-key);} 
@media (max-width: 480px) {
.pop_bodywrap { background:#fff; padding-bottom:0}	
.pop_bgwrap {background: #fff;  padding: 15px; margin: 0; 	}
.tab_ul li {float:left; width:33%;height:30px; line-height:28px; text-align: center; background-color: #f4f4f4; border: 1px solid #ccc; box-sizing: border-box; border-bottom: 0; position: relative; font-size: 12px;}
	
	
}