@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;900&display=swap');
@import url("/css/doggeonoin/print.css");
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR',sans-serif;
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR',sans-serif;
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR',sans-serif;
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR',sans-serif ;
  font-style: normal;
  font-weight: 900;
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* common */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;}
html,body{width:100%;max-width:100%;height:100%;word-break:break-all;-ms-word-break:break-all;/* position: relative;top: 0;left: 0;margin:0;padding: 0; */}
/* html, body {overflow-x: hidden;overflow-y: auto;} */
body {width:100%;min-height:100%;font-family:'Noto Sans KR',sans-serif !important;font-weight:300;position: relative;}
body,h1,h2,h3,h4,h5,h6,input,button,textarea,select{color:#6a6a6a;line-height:1.5;font-size:14px; font-family: '나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica Neue Condensed,Helvetica,Sans-Serif;}
img,fieldset,iframe{border:0 none}
legend{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
caption {width:0;height:0;line-height:0;font-size:0; overflow:hidden; position:relative; left:-900px;}
ol,ul,li{list-style:none;}
input,select,button,img,textarea {vertical-align:middle; box-shadow:none!important;}
select::-ms-expand { display: none; }
i,em,address{font-style:normal}
label,button{cursor:pointer}
button {margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;}
button *{position:relative}
/*table{border-spacing:0;border: 0 none;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}*/
table {border:none;border-spacing:0;border-collapse:collapse;padding:0;word-wrap:break-word; table-layout: fixed;}
th{text-align:center;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;margin: 0;padding: 0;border: 0;}
form{text-align:left;}
caption, th, td {padding:0px;}
legend{*width:0}
a {text-decoration: none; outline: none; select-dummy: expression(this.hideFocus=true); color:#6a6a6a;}
* {margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-word-box-sizing:border-box;box-sizing:border-box;word-break: break-word;}
.clearfix::after{clear:both;content:"";display:block;}
/*common*/
.blind{overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.txt_bold{font-weight:600;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.overflow_h{overflow:hidden;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}

/* input */
input.GBOX {border:1px solid #c2c2c2;height:24px; padding:0px 0px 0px 3px; font-size:18px;font-family:돋움;color:#4b4b4b; line-height:24px;}
input.FBOX {border:1px solid #c2c2c2; height:18px; width:402px; padding:0px 0px 0px 3px;font-size:12px;font-family:돋움;color:#4b4b4b;line-height:18px; background-color:#eee;}
textarea.GBOX {border:1px solid #c2c2c2;padding:2px 0px 0px 3px;font-size:12px;color:#4b4b4b; line-height:16px; width:885px; height:197px;}
textarea.GBOX2 {border:1px solid #c2c2c2;padding:5px 0px 0px 5px;font-size:12px;color:#4b4b4b; line-height:16px;}
.input_radio, .input_checkbox{width:20px;height:20px;}

/* font-size */
.f9{font-size:0.9em !important;}
.f10{font-size:1.0em !important;}
.f11{font-size:1.1em !important;}
.f12{font-size:1.2em !important;}
.f13{font-size:1.3em !important;}
.f14{font-size:1.4em !important;}
.f16{font-size:1.6em !important;}
.f18{font-size:1.7em !important;}
.f20{font-size:2.0em !important;}
.f25{font-size:2.5em !important;}
.f30{font-size:3.0em !important;}

/* font-color */
.white{color:#fff !important;}
.yellow{color:#f4c552 !important;}
.red{color:#e20000 !important;}
.red2{color:#a21b1b !important;}
.blue{color:#437ACF !important;}
.blue2{color:#00479d !important;}
.blue3{color:#277ecf !important;}
.greenish_b{color:#07A0C3 !important;}
.green{color:#019A30 !important;}
.green2{color:#007A87 !important;}
.yl{color:#ffff00 !important;}
.black{color:#000 !important;}
.black3{color:#323232 !important;}
.gray{color:#B1B1B1 !important;}
.d_gray{color:#787878 !important;}
.orange{color:#dd8000 !important;}
.yeosu_orange{color:#fd7a1f !important;}
.purple{color:#904279 !important;}
.color_logo{color:#FF5A5F !important;}

/* padding */
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding25{padding:25px;}
.padding30{padding:30px;}


.p_left_10 {padding-left:10px;}
.p_left_15 {padding-left:15px;}
.p_left_20 {padding-left:20px;}
.p_left_30 {padding-left:30px;}

.p_right_30{padding-right:30px;}

/* margin-top */
.m_top0{margin-top:0 !important;}
.m_top5{margin-top:5px !important;}
.m_top7{margin-top:7px !important;}
.m_top10{margin-top:10px !important;}
.m_top15{margin-top:15px !important;}
.m_top20{margin-top:20px !important;}
.m_top25{margin-top:25px !important;}
.m_top30{margin-top:30px !important;}
.m_top40{margin-top:40px !important;}
.m_top50{margin-top:50px !important;}
.m_top100{margin-top:100px !important;}


/* margin-bottom */
.m_bottom5{margin-bottom:5px !important;}
.m_bottom7{margin-bottom:7px !important;}
.m_bottom10{margin-bottom:10px !important;}
.m_bottom15{margin-bottom:15px !important;}
.m_bottom20{margin-bottom:20px !important;}
.m_bottom25{margin-bottom:25px !important;}
.m_bottom30{margin-bottom:30px !important;}
.m_bottom40{margin-bottom:40px !important;}
.m_bottom50{margin-bottom:50px !important;}

/* margin-left */
.m_left5{margin-left:5px;}
.m_left7{margin-left:7px;}
.m_left10{margin-left:10px;}
.m_left12{margin-left:12px;}
.m_left15{margin-left:15px;}
.m_left20{margin-left:20px;}

/*입력양식 속성*/
input{height:30px !important;}
input::placeholder,textarea::placeholder{color:#999;font-size:0.9em;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999;font-size:0.9em;}
/* IE */
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999;font-size:0.9em;}
/* Firefox */
input:-mos-input-placeholder,textarea:-mos-input-placeholder {color:#999;font-size:0.9em;}

/*#wrap::-webkit-scrollbar {width:0 !important;height: 0 !important;-ms-overflow-style: none;} 스크롤 바 */


/* 메인 */
.main-content_area.flexbox{width:calc(100% + 50px);margin-left:-50px;}
.main-content_area.flexbox > li{width:calc(33.333% - 50px);margin-left:50px;position:relative;top:0;left:0;}
.main-content_area.flexbox > li a.moreBtn{width: 25px;height: 25px;padding: 5px;position: absolute;top: -6px;right: 7px;}
.main-content_area.flexbox > li a.moreBtn img{max-width: inherit;}
.main-content_area.flexbox > li > .contents_title h5.main_t{font-size: 1.6em;line-height: 1;}
/* 관리자 로그인 */
#wrap{width: 100%;/* min-width: 1200px; */height: 100%;position: relative;top: 0;left: 0;}
.contain{width: 1440px !important;margin: 0 auto;}
header{width:100%;min-width: 1440px;height: 80px;position: fixed;top: 0;left: 0;z-index: 9;border-bottom: 1px solid #efefef !important;background-color:#fff;display: -webkit-box !important; display: -ms-flexbox !important;display: flex !important; -webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;/* box-shadow: 0 0 20px 0 rgb(0,0,0,0.03); */z-index: 99;}
header > div{width:calc(100% - 100px) !important;height: 79px;display: -webkit-box !important; display: -ms-flexbox !important;display: flex !important; -webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto;}
.login_title{font-size: 1.8em;letter-spacing: -2px;font-weight: 900;margin-bottom: 20px;color: #46494E;border-bottom: 2px solid #DFE2E2; padding-bottom: 7px;}
.login_wrap{width: 100%;height: 100%;position: relative;background-color: #fff;display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-justify-content:center;-moz-justify-content:center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;}
.login_container{width:100%;max-width:1440px;padding:50px;background-color:#F4F5F5;border:1px solid #ededed;margin-top:-35vh;}
.login_wrap table{margin:0 auto;}
.login_btn{background-color: #484745;color: #fff;height: 100%;margin-left: 5px;padding: 30px;font-size: 1.1em;font-weight: 500;font-family:'Noto Sans KR',sans-serif !important;}
.login_td_title{width: 80px;color: #6a6a6a;font-size: 14px;}
.logo{display: inline-block;    width: auto !important;height: 32px;}
.logo img{height:100%;}
/* .login_container form{padding: 30px;border: 1px solid #d7d7d7;} */
.login_container input{height:40px !important;}

/* header */
.circle {display: inline-block;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;border: 1px solid #efefef;box-sizing: border-box;}
.circle > em {display: table;width: 100%;height: 100%;text-align: center;}
.circle > em > i {display: table-cell;vertical-align: middle;color: #999;}
.top{margin: 0 5px;}
.top,.top span{display:inline-block;vertical-align:middle;text-decoration: none !important;cursor: pointer;font-weight:300;color: #8c8c8c;}
.top:after{content:"";width:1px; height:10px; background-color:#ddd;display:inline-block;vertical-align: middle;margin-left:10px;}
.logout_btn{border: 1px solid #B8B8B8 !important;line-height: 20px;padding: 0 15px;border-radius: 10px;font-weight: 500;background-color: #B8B8B8;}
.logout_btn span{color: #fff !important;}
.none_after.top:after{display:none;}

/* section */
.bigPictureWrapper {position: absolute;display: none;justify-content: center;align-items: center;top:0;left:0;width:100%;height:100%;background-color: gray; z-index: 100;background:rgba(0,0,0,0.5);}
.bigPicture {position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;}
.bigPicture img {width:500px;}
article{min-height:calc(100vh - (122px + 80px + 67px + 50px));padding-bottom:200px;}
.contents_container.center article{padding-bottom:0;}
.contents{width: 100%;min-width: 1440px;padding:0 0 0 250px;/* display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-justify-content:left;-moz-justify-content:left;justify-content: left; */ position: relative;top: 0;left: 0;}
.contents01{min-width: 600px;max-width:700px;padding:50px;height: 100%; margin: 0 auto;}
.contents01 .contents_container,.contents01 .contents_container article{height:100%;}
.contents01 .contents_container article{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;}
.contents .contents_container, .contents aside{min-height: 100%;margin:0;/* position:relative;top:0;left:0; */}
.contents aside{width: 250px;height: 100vh;position: fixed;top: 0;left: 0;padding-top: calc(80px + 67px);border-right: 1px solid #e0e0e0;background-color:#fff;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content: space-between;z-index:9;}
/* .contents aside:after,.contents > article:before{content:"";width:1px; height:100%;display:block;background-color:#f4f4f4;position:absolute;top:0;}
.contents aside:after{right:0;}
.contents > article:before{left:0;} */
.contents .contents_container{width: 100%;/* min-width:1000px; */padding:calc(80px + 67px + 50px) 50px 0 50px;overflow-y: auto;display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content: space-between;-webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;}
.contents .contents_container img{max-width:100%;}
nav{width:100%;min-width: 1440px;position: fixed !important;top: 80px;left: 0;display:block !important;padding: 0 important;background-color: #46494E;box-shadow:0 5px 10px 0 rgb(0,0,0,0.1);position: relative;z-index: 99;}
nav > div{width:calc(100% - (250px * 2));min-width:1160px;margin:0 auto;display: -webkit-box; display: -ms-flexbox;display: flex;}
nav h3{-ms-flex: 1 1 auto; flex: 1 1 auto;}
nav h3 a{display:block;width:100%;text-align: center;font-weight: 400;}

/* aside */
.left_menu{overflow:hidden;}
.sub_menu .s_m,.sub_menu ul > li a{padding: 0 25px;}
.sub_menu > li{height:50px;}
.sub_menu > li:first-child .s_m{border-top:1px solid rgba(0,0,0,0.05);}
.sub_menu .s_m{ width:100%;height:100%;color:#484848;display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-image: linear-gradient(to bottom, #fff , #fafafa);text-decoration: none;/* color: #fff; */border-bottom: 1px solid rgba(0,0,0,0.1);}
.sub_menu li.on .s_m{background-image: linear-gradient(to bottom, #4D6080 , #3F4F69);color:#fff;}
.sub_menu .s_m span{font-size:1.1em;letter-spacing: -0.3px;}
.sub_menu .s_m i{font-size:11px;opacity: 0.7;}
.sub_menu ul{background-color:#fff;padding: 10px 0;display:none;}
.sub_menu ul > li a{width: 100%;line-height: 32px;display: inline-block;color:#8c8c8c;font-size: 14px;}
.main_btn{display:none;
/* width: 100%;display: block;text-align: center;background-color: #EAEAEC;line-height: 50px;color: #9F9FA8 !important;font-weight: 300;border-top: 1px solid #ddd !important;text-decoration: none !important; */}
.sub_menu ul.on{display:block;}
.catagory{font-size: 1.8em;font-weight: 600;text-align: center;padding: 30px 0;color: #3F4F69; background-color: #fff;}

/* nav */
nav h3{width: calc(100% / 7);height: 65px;-ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
nav h3 a{display: table;width:100%;height:100%;font-size: 1.2em;color:#fff !important;text-decoration: none !important;line-height: 1.2;text-align:center;}
nav h3.on a{background-color: #3F4F69;font-weight: 500;}
nav h3 a > span{display: table-cell;vertical-align: middle;}
/* article */
/* .navigation a{font-size: 12px;font-weight: 300;}
.navigation a span, .navigation a i{vertical-align: revert;color: #a0a0a0;}
.navigation > i{color: #ddd;font-size: 10px;vertical-align: middle;padding: 0 3px;} */
.contents_title h5{font-size:2em;font-weight:600;padding-bottom: 15px;color:#151515;}
.contents_title{border-bottom: 2px solid #e0e0e0;margin-bottom: 30px;position:relative;top:0;left:0;}
.contents01 .contents_title h5,.contents01 .contents_title{width:100%;}
/* 스크롤 이벤트 */
header.on{display:none;}
nav.on{background-color: rgba(70,73,78,0.9);}
nav.on h3.on a{background-color: rgba(63,79,105,0.9);}

/* footer */
footer{border-top: 1px solid #efefef !important;color: #A3A3A3;font-weight: 100;padding:50px 0 !important;margin-top: auto;}

/* table */
.board{width:100%;border-top: 1px solid #E0E0E0 !important;}
table.board thead th{background-color: #eee;font-size: 15px;font-weight: 500;color: #7d7d7d;padding: 10px 6px;}
table.board thead td{padding: 12px 6px;color: #7d7d7d;}
.none_list{color:#ADADAD;}
table.board tbody td{border-bottom: 1px solid #efefef;padding: 12px;text-align:center;font-size: 14px;color: #333;font-weight: 300;}
table.board tbody td,table.board tbody th{height: 45px;}
table.board tbody td.teacher_recommend{padding:50px 0 0 0;text-align:left;border-bottom:0;}
table.board tbody td .txt{min-height:80px;}
.board.edu tbody td{border-right:1px solid #efefef;}
.board.edu tbody td:last-child{border-right:0;}
table.board td.table_title{font-size:14px;text-align:left;}
table.board td.table_title a,table.board td.table_title p{width: calc(100% + 3px);display: inline-block;margin-left:-3px;color: #3d3d3d;font-weight:400;padding: 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
table.board td.table_title a i{width: 18px;line-height: 18px;margin-left:3px;border-radius: 3px;font-size: 10px;vertical-align: middle;color: #fff;display: inline-block;text-align: center;}
table.board td.table_title a i.fa-download{background-color: #527cbf;}   
table.board td.table_title a i.new{background-color:coral;}
table.board td.table_title a span{vertical-align:middle;margin-left:3px;}
.color_category{color:#527cbf;}

.popup_table{width: 100%;border-collapse: separate;padding: 30px;border: 1px solid #efefef;table-layout: auto;}
.popup_table th{font-weight: 400;text-align: left;color: #6a6a6a;}
.popup_table th,.popup_table td{padding-bottom: 15px;}
.popup_table td{color:#333;}
/* .popup_table tr:last-child th,.popup_table tr:last-child  td{padding-bottom: 0;} */
.popup_table td.inputbox input{width:100%;}

.lightblue{background-color: #F6F9FE !important;font-weight: 400 !important;}
.sum{color:#484848 !important;}
.num{font-size:1.1em;}
.strong_bottom{border-bottom: 1px solid #e2e2e2 !important;}
.double_r{border-right: 3px double #ddd !important;}
.double_b{border-bottom: 3px double #e2e2e2;}

.board.management thead th:last-child,.board.management tbody td:last-child{border-right:0;}
.board.management th{background-color: #eee;font-size: 15px;font-weight: 500;color: #8c8c8c;padding: 10px 12px;border-right:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2 }
.board.management thead th{background-color: #eee;}
.board.management tbody th{background-color: #fafafa;}
.board.management tbody td{border-right: 1px solid #efefef;text-align:right !important;}

/* 검색,카테고리 select box */
.board_top{display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content: space-between;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;margin-bottom: 7px;position:relative;top:0;left:0;}
.contents01 .board_top{width:100%;}
.board_top span{font-size: 12px;color: #787878;font-weight: 200;vertical-align:middle;margin:0;}
.board_top span strong{color: #7388AB;font-weight: 600;}
select.select {
width: auto;
height: 30px;
display: inline-block;
border: 1px solid #ddd;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
color: #787878;
font-size: 13px;
box-sizing: border-box;
overflow: hidden;
padding: 0 28px 0 10px;
background: transparent url(/images/admin/tri.png) no-repeat;
background-position-x: calc(100% - 10px);
background-position-y: 50%;
background-color: #fff !important;
letter-spacing: -0.5px;
}
.search_box {width: 35%;min-width: 280px;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;border: 1px solid #ddd;vertical-align: middle;box-sizing: border-box;}
.search_box > input {width: 78%;height: 100% !important;border: 0 !important;float: left;padding: 0 5px;}
.search a.btn_search {display: inline-block;width: 22%;min-width: 67px;height: 30px;font-size: 0.9em;vertical-align: middle;text-align: center;line-height: 30px;float: left;color: #fff;cursor: pointer;box-sizing: border-box;padding: 0 12px;margin: 5px;border-radius: 3px;background-color: #4D6080;}
.search a.btn_upload {display: inline-block;width: 22%;min-width: 67px;height: 30px;font-size: 0.9em;vertical-align: middle;text-align: center;line-height: 30px;float: left;color: #fff;cursor: pointer;box-sizing: border-box;padding: 0 12px;margin: 5px;border-radius: 3px;background-color: #4D6080;}
.search .btn_search.btn_search01{background-color: #46494E; margin-left: 0;}
.search a.btn_search i {vertical-align: middle;}
.search{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;text-align:center;margin-bottom: 30px;background-color: #ECF0F5;padding: 15px;border: 1px solid #F5F5F5;-webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.search > div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-justify-content:left;-moz-justify-content:left;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #F5F5F5;background-color: #fff;}
.search > div input ,.search > div select,.search > div .search_box{border:0 !important;height: 40px !important;}
.bar{display:inline-block;width:1px;height:20px;background-color:#efefef;position: relative;}
.search.search_row{-webkit-box-orient:row; -ms-flex-direction: row; flex-direction:row;}/* 교육이수관리 */
.search.search_row > div.m_left20 .search_box{min-width: 450px;}/* 교육이수관리 */


/* paging */
.paging-wrap { width: 100%;}
.paging {display: inline-block;vertical-align: middle;padding: 50px 0 0 0;margin-top:0 !important;}
.paging ul {  float: left;}
.paging-left li, .paging-right li, .paging-num li {width: 28px !important;  height: 28px !important;  border: 1px solid #ddd; text-align: center; display: block; margin: 0 2px;box-sizing: border-box; float: left;}
.paging ul li a { display: table !important; width: 100%;  height: 100%; text-align: center; color: #787878;}
.paging ul li a i { display: table-cell;  vertical-align: middle; font-size: 12px; text-align: center; font-style: normal; line-height: 1;}
.paging ul.paging-num { margin: 0 30px;}

.paging-left li:hover, .paging-right li:hover, .paging-num li:hover, .paging-num li.chk { background-color: #fff !important; border: 1px solid #7388AB; color:#7388AB !important;}
/* .paging-left li:hover a, .paging-right li:hover a, .paging-num li:hover a, .paging ul li.chk a{color:#7388AB;} */
 
 /* button */
.btSub{min-width: 100px;line-height: 45px; display: inline-block;/* display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-justify-content:center;-moz-justify-content:center;justify-content: center; */vertical-align: middle;font-size: 14px;}
.btn{min-width: 180px;line-height: 45px; display: inline-block;/* display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-justify-content:center;-moz-justify-content:center;justify-content: center; */vertical-align: middle;font-size: 14px;}
.btn.btn01{min-width: 100px;}
.write_btn{background-color: #7388AB;color: #fff;border: 1px solid #7388AB;}
.complete_btn{background-color: #46494E;border: 1px solid #c8c8c8;color: #fff;border: 1px solid #46494E;}
.cancel_btn{min-width: 100px !important;background: #fff;color: #7d7d7d;border: 1px solid #c8c8c8;}
.index_btn{min-width: 200px !important;background: #fff;color: #7d7d7d;border: 1px solid #c8c8c8;}
.del_btn{background-color: #D00000;color: #fff;border: 1px solid #D00000;}
.excel_btn{background-color: #A3A3A3;color: #fff;border: 1px solid #A3A3A3;}
.modify_btn{min-width: 100px !important;background-color: #46494E;border: 1px solid #c8c8c8;color: #fff;border: 1px solid #46494E;}
.download_btn{display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 28px;background-color: #A3A3A3;position: absolute;right: 0; bottom: 6px;padding: 0 15px;border-radius: 25px;color: #fff;font-size: 12px;}
.download_btn_wrap{position: absolute;right: 0; bottom: 6px; display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.download_btn_wrap .download_btn{position:relative;top:0;left:0;margin-left: 10px;}
.download_btn_wrap .download_btn.index_btn{min-width:inherit !important;background: #fff;color: #7d7d7d; border:0;box-shadow: 0 0 0 1px #c8c8c8 inset;}
.in_title .download_btn{bottom: 0;}
.download_btn i, .download_btn span{vertical-align:middle;}
.download_btn i{font-size:0.8em;}
.But{min-width: 80px !important;text-align: center !important;line-height: 22px !important;padding: 0 15px !important;font-size: 12px !important;margin-left:3px !important;border-radius:5px !important;vertical-align:middle;font-family: inherit;}
.popup_table .But,.edu01 .But{line-height: 28px !important;}
.But.But01{min-width: 30px !important;padding: 0 7px !important;}
.But.But01:first-child{margin-left:0 !important;}
.But.cancel_btn{width: auto !important;}
.But i{vertical-align: baseline;}

.in_title .download_btn.btn-excel{background-color: transparent;padding: 0;margin-right: -10px;}
.in_title .download_btn.btn-excel a{padding: 0 15px; background-color: #A3A3A3;border-radius: 25px;color: #fff;margin-right: 10px;}

/* 파일찾기 */
/* .file_container > input{float: left;width: calc(100% - 100px) !important;border-radius: 3px 0 0 3px !important;}
.fileUpload {position: relative;overflow: hidden;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.btn--browse{width:100px;float: left;background-color: rgba(0,0,0,0.35);color: #fff; text-align:center;font-size: 14px;line-height: 30px;padding: 0 20px;border-radius: 0 3px 3px 0;}
.file_container{width:400px;}
input radio,checkbox
 */
.check_container{display: inline-block;position: relative;cursor: pointer; font-size:13px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; float: left; color: #6a6a6a;vertical-align: middle;}
.check_container input[type='radio'],.check_container input[type='checkbox'] ,.check_container1 input[type='checkbox']{-webkit-appearance:none;width:16px !important;height:16px !important;border:1px solid #ddd;outline:none;background:#fff;padding: 0;}
.check_container input[type='checkbox'],.check_container1 input[type='checkbox']{position: relative;top:0;left:0;}
.check_container input[type='radio']{border-radius:50%;}
.check_container input[type='radio']:before {content:'';display:block;width:50%;height:50%;margin:calc((100% - 7px) / 2);  }
.check_container input[type='checkbox']:before,.check_container1 input[type='checkbox']:before{content: '\f00c'; font-family: 'Font Awesome 5 Free';font-weight: 900; color: #fff;position: absolute;top:0;left:0;font-size: 8px; vertical-align: middle;display: block;width: 14px;text-align: center;height: 14px;}
.check_container input[type='radio']:before{ border-radius:50%; }
.check_container input[type='radio']:checked:before {background:#999;}
.check_container input[type='checkbox']:checked:before,.check_container1.check_on input[type='checkbox']:before{color:#46494E;}


.check_container_subject{display: inline-block;position: relative;cursor: pointer; font-size:13px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; float: left; color: #6a6a6a;vertical-align: middle;}
.check_container_subject input[type='radio'],.check_container_subject input[type='checkbox'] ,.check_container_subject1 input[type='checkbox']{-webkit-appearance:none;width:16px !important;height:16px !important;border:1px solid #ddd;outline:none;background:#fff;padding: 0;}
.check_container_subject input[type='checkbox'],.check_container_subject1 input[type='checkbox']{position: relative;top:0;left:0;}
.check_container_subject input[type='radio']{border-radius:50%;}
.check_container_subject input[type='radio']:before {content:'';display:block;width:50%;height:50%;margin:calc((100% - 7px) / 2);  }
.check_container_subject input[type='checkbox']:before,.check_container_subject1 input[type='checkbox']:before{content: '\f00c'; font-family: 'Font Awesome 5 Free';font-weight: 900; color: #fff;position: absolute;top:0;left:0;font-size: 8px; vertical-align: middle;display: block;width: 14px;text-align: center;height: 14px;}
.check_container_subject input[type='radio']:before{ border-radius:50%; }
.check_container_subject input[type='radio']:checked:before {background:#999;}
.check_container_subject input[type='checkbox']:checked:before,.check_container_subject1.check_on input[type='checkbox']:before{color:#46494E;}

/* 글쓰기 */
table.board_write{border-top:1px solid #efefef !important;}
table.board_write thead tr:last-child td{border-bottom: 2px solid #E0E0E0;}
table.board_write tbody td.file{font-weight: 500;}
.board.board_write > thead > tr > th,.board.board_write > tbody > tr > th{text-align:left;background-color:#fafafa;line-height: normal;color: #7d7d7d;font-weight: 500;border-right: 1px solid #efefef;}
.board.board_write > thead > tr > th ,.board.board_write > thead > tr > td{border-bottom:1px solid #efefef;}
.board.board_write > thead > tr:last-child > th{border-bottom: 2px solid #E0E0E0;}
table.board_write thead td,table.board_write tbody td.file,.board.board_write > thead > tr > th{padding: 20px 12px;font-size: 15px;}
.file .th{text-align: center !important;padding:20px 12px;font-size: 15px;border-bottom: 1px solid #efefef;}
table.board tbody tr.file td{padding:20px 12px;}
.txt textarea{width: 100%;background-color: #fff;border: 1px solid #efefef;min-height: 650px;padding: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;resize: none;}
.txt > div.left{min-height: 300px;padding: 15px;}
.txt.txt01 > div.left{min-height: 100px;}
.txt.txt01 textarea{min-height: 100px;}
.txt img{max-width:100%;}
.DEL {min-width: 60px;line-height: 30px;background-color: #fff;color: #999;border: 1px solid #c8c8c8;    border-radius: 3px;text-align: center !important;font-size: 0.9em;padding: 0 10px;}
table.file_table{border-right:1px solid #E0E0E0 !important;border-left:1px solid #E0E0E0 !important;}
#fileUpload  ._upload_file_display_{height: 30px !important;}
#fileUpload ._upload_file_div ._upload_file_button{left: 0;height: 30px !important;border:0 !important}
#fileUpload1  ._upload_file_display_{height: 30px !important;}
#fileUpload1 ._upload_file_div ._upload_file_button{left: 0;height: 30px !important;border:0 !important}
#fileUpload2 ._upload_file_display_{height: 30px !important;}
#fileUpload2 ._upload_file_div ._upload_file_button{left: 0;height: 30px !important;border:0 !important}
._upload_add_button_,._upload_del_button_{float: left;}
.file_table.board td{padding:12px !important;border-right:1px solid #efefef;}
.file_table.board td p{min-height:20px;}
.file_table.board th{border-right:1px solid #D6D6D6;text-align: center;}
.file_table.board th:last-child,.file_table.board td:last-child{border-right:0;}
.board_view_con{font-size: 14px;color: #6a6a6a;font-weight: 300;}
.download_list{display: block;text-align:left;position:relative;top:0;left:0;padding-left:10px;margin-bottom: 5px;margin-left:0 !important;}
.download_list:last-child{margin-bottom:0;}
.download_list:before{content:"-";display:inline-block;color:#999;position:absolute;top:0;left:0;}
.class_title .download_list{margin-top:5px;margin-bottom:0;color: #6a6a6a;font-weight:300;text-align: center;}
.class_title .download_list:before{display:none;}
.edu.edu01 tbody tr th{text-align:center;}
.edu.edu01 tbody tr td{text-align:left;}
.edu01 .check_container{line-height: 30px;}
.board.board_write small.gray{font-size:13px; vertical-align: middle;display: inline-block;}
.download_list.flexbox span{word-break: keep-all;}
.download_list.flexbox{-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
/* tab */
.tab_container{width: calc(100% + 10px);margin: 0 0 -2px -10px;-webkit-justify-content: left;-moz-justify-content: left;justify-content: left;}
.tab_container,.location{display: -webkit-box;display: -ms-flexbox;display: flex;}
.tab{ min-width: 250px;display: inline-block;vertical-align: middle;line-height: 25px;margin: 0 0 0 0;cursor: pointer;font-size: 1.1em;background-color: #fafafa;margin: 0 0 0 10px;border: 2px solid #e0e0e0;}
.tab a{display: block;text-align: center;padding: 7px 20px;color: #ADADAD;} /*  min-width: 150px; 관리자화면에 추가하면서 제거*/
.tab.chk{border-bottom: 0;background-color: #fff;}
.tab.chk a{color:#6a6a6a;font-weight: 500;font-size: 15px;}

.location{width: calc(100% + 5px);margin: -3px 0 0 -5px;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap}
.location li{min-width: calc((100% / 9) - 5px);-ms-flex: 1 1 auto; flex: 1 1 auto;margin: 3px 0 0 5px;text-align: center;border: 1px solid #efefef;background-color: #fff;}
.location li a{display: inline-block;width: 100%;font-size: 14px;padding: 5px 0;color: #ADADAD;}
.location li.on{border: 1px solid #3F4F69;}
.location li.on a{color:#3F4F69;}
.location.location01 li.on{border: 1px solid #8D9DB9;background-color:#8D9DB9;}
.location.location01 li.on a{color:#fff;}

.tab_in_tab{display: flex;justify-content: center;align-items: center;margin-bottom: 30px;background-color: #ECF0F5;padding: 15px;border: 1px solid #F5F5F5;}
.tab_in_tab .location{width:40%;margin-top:0;}
.tab_in_tab .location > li{margin-top:0;}
/* 교육ID관리 */
.flexbox01{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;}
.years{font-size: 13px; color: #6a6a6a;}
.org_name .fixed_top th:first-child{width:80% !important;}
.org_name .fixed_top th:last-child{width:20% !important;}
.popup_table01.popup_table td{padding:0 1.5px;}
.popup_table01.popup_table {margin-bottom:10px;}
.search.searchcol > div{border-top:0;}
.search.searchcol > div:first-child{border-top:1px solid #F5F5F5;}
small.gray{font-weight: 300;font-size: 13px;color: #8c8c8c !important;}
/* layer popup */
/* .popup{display:none;}
.popup.open{display:block;}
.popup .infoboxBg{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
.popup .layer_wrap{width: 100%; height: 100%;font-size:14px;display: -webkit-box; display: -ms-flexbox;display: flex; position: fixed; top: 0;left: 0; z-index: 999;background-color: rgba(0,0,0,0.7);-webkit-align-items: center;  justify-content: center;-webkit-justify-content: center; -moz-justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;}
.layerBox{max-width: 500px;height: auto;background-color: #fff;box-sizing: border-box;  position: relative; top: 0; left: 0; border-radius: 10px;padding: 30px;}
.popup .close {width: 16px;height: 16px;margin: 20px;display: block;position: absolute;top: 0;right: 0;left: auto;}
.popup .close span {width: 100%;height: 100%;display: inline-block;position: relative;top: 0;left: 0;}
.popup .close span::before, .popup .close span::after {width: 20px;height: 2px;display: block;background-color: #999;border-radius: 1px;position: absolute;top: calc(50% - 1px);left: calc(50% - 10px);}
.popup .close span::before {content: "";transform: rotate(45deg);}
.popup .close span::after {content: "";transform: rotate(-45deg);}
.pop_title{font-size: 20px;margin-bottom: 20px;font-weight: 700;}
/* 바닥글 fix */
/* .body-fixed-desktop{overflow: hidden;height: 100vh;width: 100%;}
.body-fixed-desktop #wrap{height: auto;}
 */
 
 /* 새창 */
.popUp_wrap{width:100%;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;padding: 50px;text-align: center;}
.popUp_contents01{max-width:650px;}
.popUp_contents02{max-width:1310px;min-width:60px;}
.registration_btn{width: 200px;line-height: 45px;vertical-align: middle;font-size: 14px;background-color: #46494E;color: #fff;margin: 50px auto 0 auto;border-radius: 45px;}
.input_box {width: 100% !important;height: 30px !important;border: 1px solid #ddd;background-color: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: left;-webkit-justify-content: left;-moz-justify-content: left;}
.input_box select, .input_box input{height:100% !important;border:0 !important;}
.input_box select{min-width: 65px;}
.input_box input{width:calc(100% - 60px);}
.input_box .bar{height: 15px;}

/*교육ID관리*/
/* .must{padding-left:10px;position:relative;top:0;left:0;}
.must:before{content: "*";display: inline-block;color: #ff0000;position: absolute;left: 0;top: 0;} */
.staffInfo_title{font-weight: 400;text-align: left;color: #6a6a6a;padding-bottom: 7px;font-size: 16px;margin-top: 30px;vertical-align: bottom;}
.staffInfo_title:first-child{margin-top:0;}
.pop_sub_title{font-weight: 500;background-color: #B8B8B8;padding: 15px;color: #fff;font-size: 16px;}
.underline{text-decoration: underline !important;text-underline-position: under; word-break: keep-all;}
.underline:hover{font-weight:500;}
.in_title{color: #484848;font-weight: 500;font-size: 18px;margin-bottom: 10px;    position: relative;top: 0;left: 0;}
.in_title i ,.in_title span{vertical-align:middle;}
.in_title .But.cancel_btn{position:absolute; bottom: 0;right:0;}

/* 교육개설 */
.class_title{width: 100%; display: block;font-weight: 400;  text-overflow: ellipsis; -o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap; word-wrap: normal !important;}
.confirmbtn{width: 100%;border-radius: 3px;font-size:12px;line-height: 22px !important;}
.confirmbtn01{border: 1px solid #D00000;color:#D00000;}
.confirmbtn02{border: 1px solid #ddd;color:#999;}
.org:after{content:"";width:1px;height:10px;display:inline-block;background-color:#ddd;margin: 0 5px 0 10px;}
.flexbox{display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.org,.E_title{font-weight: 500;}
.E_title{color: #3d3d3d;}

/* 교육신청 */
.confirmbtn03{background-color: #7388AB;color:#fff;}
.But.confirmbtn04{background-color: #A3A3A3;color:#fff;border-radius: 3px !important;position: inherit;display: inline-block;}
.confirmbtn04 i{font-size: 0.8em;}
.confirmbtn04 i, .confirmbtn04 span{vertical-align: middle;}
.confirmbtn.off{background-color:#ccc;color:#fff;}
.table_title .edu_title{font-size: 1.1em !important;color: #000;font-weight: 500 !important;margin: 0 0 5px 0 !important;display: inline-block !important;}
.location.line:after{content:"";width:calc(100% - 5px);height:2px;background-color:#f4f4f4;display:block;margin: 30px 0 15px 5px;}
.table_title01{cursor: pointer;}
.table_title01:hover .edu_title,.table_title01:hover .download_list > span{text-decoration:underline;}
.colum{width: 100%;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;}
.ing{color:#527cbf;}
.finish{color:#999;}
.waiting{color:#FF8833;}
.search > div.edu03search{width:-moz-fit-content;width:-webkit-fit-content;width:-ms-fit-content;}
.search > .edu03search.teachersearch{width: 580px;}
/* .edu03search.box01 select.select{width:calc((100% - 35%) / 2);}
.edu03search.box02 select.select{width:calc((100% - 35%) / 3);} */
.edu03search .select.inbox{width:20% !important;}
.search > div.edu03search select.select{min-width: 100px;}
.edu03search.box3 > input{width:250px;}


/* 강사관리 */
.search > .edu03search.teachersearch{padding-right: 77px;position: relative;top:0;left:0;}
.search > .edu03search.teachersearch .search_title{min-width:100px;}
/* .search > .edu03search.teachersearch:first-child input,.search > .edu03search.teachersearch:first-child  select.select{-ms-flex:1 1 auto;flex:1 1 auto;min-width: inherit;} */
.search > .edu03search.teachersearch:first-child input:last-child{-ms-flex:340px;flex:340px;}
/* .search > .edu03search.teachersearch:last-child input,.search > .edu03search.teachersearch:last-child  select.select{-ms-flex:1 1 auto;flex:1 1 auto;min-width: inherit;} */
.search > .edu03search.teachersearch:last-child .btn_search{position: absolute;bottom: 0;right: 0;max-width: 67px;height: calc(200% - 10px); display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.search > .edu03search.teachersearch:last-child .btn_search:after{content: "";width: calc(100% + 10px);height: calc(100% + 10px);display: block;position: absolute;bottom: -5px;right: -5px;border: 5px solid #fff;box-sizing: border-box;}
.search > .edu03search.teachersearch:first-child{border-bottom:0;}
.search > .edu03search.teachersearch:first-child:after{content: "";width: calc(100% - 97px);height: 2px;background-color: #F5F5F5;display: block;position: absolute;bottom: -1px;left: 10px;z-index: 9;}
.search > .edu03search.teachersearch:last-child{border-top:0;}
/* .search > div input.job{-ms-flex: 1 1 auto; flex: 1 1 auto;} */
/*.search > div.edu03search  select.job{min-width:250px;}*/
.file_table.board td.teacher_add{padding:0 !important;border-bottom:0;}
.file_table.board td.teacher_add .board{border-top:0 !important;}
.file_table.board td.teacher_add .board .But.But01{min-width: 80px !important;background-color: #4D6080;border: 1px solid #4D6080;}
.fileUpload{width:100%;height:0;padding-bottom:133.333%;position: relative;top: 0;left: 0;border: 1px solid #f4f4f4;}
.fileUpload img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0;right: 0;}
.fileUpload input{width: 100%;height: 100% !important;position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.board.edu tbody.b_right td:last-child{border-right:1px solid #efefef;}
/* 직무교육 ID 초기화 신청 */
.edu03.popup_table{padding:0;}
.edu03.popup_table td{font-weight: 300;color: #7d7d7d;border-bottom:1px solid #efefef;}
.edu03.popup_table td,.edu03.popup_table th{padding:10px;}
.edu03.popup_table th{background-color: #f4f4f4;border-bottom:1px solid #ddd;}
.edu03.popup_table tr:last-child td,.edu03.popup_table tr:last-child  th{border-bottom:0;}
/* 결과보고 */
.auto_input{font-weight: 300;font-size: 0.9em;margin-top: 5px;}
.board.board01{border-bottom: 1px solid #E0E0E0 !important;}
.yet{color: #F50000;}
.write_btn i{color:#fff;vertical-align: baseline;}
.list_circle{display: flex;justify-content: left;align-items: center;flex-wrap: wrap;width:calc(100% + 12px);margin-left:-12px;}
.list_circle li{width: -moz-fit-content;width: -webkit-fit-content;width: -ms-fit-content;width: -o-fit-content;width: fit-content;display: flex;justify-content: left;align-items: center;margin:7px 0 0 12px;position:relative;top:0;left:0;padding-left: 5px;cursor: pointer;}
.list_circle li:before{content:"";width:2px;height:2px;display:block;position:absolute;top: 9px;left:0;background-color:#c8c8c8;border-radius:50%;}
.list_circle li .file_del {width: 20px;height: 20px;position:relative;top:0;left:0; border-radius: 50%;margin-left: 5px;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f4f4),color-stop(100%,#ebebeb));border: 1px solid #ddd;}
.list_circle li .file_del::before, .list_circle li .file_del::after {width: 12px; height: 2px; display: block; background-color: #999;border-radius: 1px; position: absolute;  top: calc(50% - 1px); left: calc(50% - 6px);}
.list_circle li .file_del::before {content: ""; transform: rotate(45deg);}
.list_circle li .file_del::after{content: "";transform: rotate(-45deg);}
/* 센터뉴스,e-book */
.photoList li{width: calc(100% / 4 - 15px) !important;}
.board_top .download_btn span{color: #fff;}
.board_top .download_btn{position:inherit;display: inline-block;}
.download_btn.collect{background-color: #7388AB;}
.photoList .img{position:relative;top:0;left:0;}
.photoList .img img {height: 100%;object-fit: contain;}
.photoList .img a {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.photoList li.ebook{width: calc(100% / 5 - 15px) !important;}
.photoList .ebook .img{padding-bottom: 141.379%;}


/* 접수/수료 */
.lighter{font-weight: lighter;}
.search_title{width: -moz-fit-content;width: -webkit-fit-content;width: -ms-fit-content;width: -o-fit-content;width: fit-content;display: block;padding:0 10px;color: #787878;font-size: 14px;white-space: nowrap;font-weight: 600;}
.group_title{font-size: 1.1em !important;color: #6a6a6a !important;}



/* 교육자료 */
._upload_file_ li{margin-bottom:5px;}
._upload_file_ li:after{clear:both;content:"";display:block;}
._upload_file_ li:last-child{margin-bottom:0;}

/*설문조사 */
.question{font-weight: 500;font-size: 1.2em;margin: 50px 0 5px 0;}
.answer{padding-left: 20px;}
.answer:last-child{margin-bottom:50px;}

/* th 상단고정 */
.container01{max-height: calc(100% - (89px + 25px + 95px));}/* contents_title  + board_top + 하단완료버튼 */
.container01.container02{max-height: calc(100% - (89px + 25px + 95px + 104px));}
.container01.container03{max-height: calc(100% - (89px + 102px));}/* contents_title + 검색폼 */
.container01,.container02,.container03,.container04,.container05{display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;position:relative;top:0;left:0;}
.tb_box{/* position:relative;  */width: 100%; min-height: calc(100% - 40px);overflow-y: auto;border: 1px solid #f4f4f4; padding-top: 40px;-ms-overflow-style:scrollbar;}
.fixed_top{display: flex;width: 100%;position: absolute;top: 0;left: 0;z-index:0;background-color: #eee;border-bottom: 1px solid rgba(0,0,0,0.05);}
.fixed_top.more_padding{justify-content: left;padding-right: 16px;}
.fixed_top th{width:23.5%;}
.fixed_top th:first-child{width:6%;}
.fixed_top.fixed_top02 th{width:20.5%;}
.fixed_top.fixed_top02 th:nth-child(2){width:12%;}
.fixed_top.fixed_top02 th:first-child{width:6%;}
.container01 .tb_box table.board tbody tr:last-child td{border-bottom:0;}

/* 접속통계 */
.visit_count .location li{-ms-flex:inherit;flex: inherit;min-width: 120px;}
.visit_count table.board_write{margin-bottom:50px;}

/* 종사자ID 추가 팝업 */
/* .popup_table tr td{padding-top:5px;padding-bottom:0;}
.popup_table tr:first-child td{padding-top:0;}
.inputwrap{max-width:400px;height: 40px;/* margin: 0 auto;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content:left;-moz-justify-content:left;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;align-items: center; border: 1px solid #ddd;}
.inputwrap span{min-width: 90px;order:1;display:inline-block;padding:0 10px;position: relative;top: 0;left: 0; margin-right: 10px;}
.inputwrap input[type='text']{order:2;border:0 !important;}
.inputwrap input[type='text']{width:calc(100% - 100px);}
.inputwrap label{order:2;}
.inputwrap span:after{content:"";width:1px;height:20px;background-color:#efefef;;display:inline-block;position: absolute;;top: calc(50% - 10px);right: 0;} */
.container01.container04{max-height: calc(100% - (89px + 104px + 25px + 10px));}/* contents_title + 검색폼 + board_top + board_top의 마진 */
.fixed_top.fixed_top03 th{width: 29%;}
.fixed_top.fixed_top03 th:last-child {width: 13%;}
/* .staff_search{position: relative;top: 0;left: 0;padding: 30px 180px 30px 30px;}
.staff_search.popup_table tr td{text-align:left;}
.staff_search .find{position: absolute;top: 30px;right: 30px;display: block;width: calc(180px - 45px);height:calc(100% - 60px);}
.staff_search .find .btn{min-width:inherit;width:100%;height:100%;background-color: #4D6080;border: 1px solid #4D6080;}
.staff_search .find td{width:100%;height:100%;display: block;padding-top:0;} */
.staff_add input{border:0 !important;}
.search > div.staff_add ,.search > div.agency {width: 100%;padding: 0 5px;}
.search .staff_add a.btn_search{width:67px;}
.search .staff_add input,.search .staff_add select{width:calc((100% - 67px + 1px + 1px) / 3);}

table.board thead .fixed_top th{float:left;}

.noticebox{color:#000;}
.noticebox strong{display:block;}


/* 기관조회 팝업 */
.search > div.agency input{width:100%;}
.search > div.agency select{width:calc((100% - 1px) / 2);}
.fixed_top.fixed_top05 th{width:22%;}
.fixed_top.fixed_top05 th:last-child{width:12%;}
/* 공모전 글쓰기 소속찾기 팝업 */
.fixed_top.fixed_top04 th:nth-child(2){width: 94%;}
/* .board_top.spacebetween{ display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } */
.board_top.spacebetween .darker{color:#4D6080;}
.board.contest_pop > tbody > tr > th{text-align:center;font-size: 14px;padding: 5px 0;}
.board.contest_pop > tbody > tr > td{text-align:left;padding: 5px 12px;}
.container01.container05{max-height: calc(100% - (89px + 104px + 25px + 10px + 25px + 136px + 95px + 30px));margin-bottom: 30px;}/* contents_title + 검색폼 + board_top + board_top의 마진  + 소속명폼 상단 board_top + 소속명/세부입력폼  + 하단완료버튼 + 자체 하단마진 30px*/

/* 직무교육 상세페이지 */
.online,.offline{font-size: 0.8em;padding: 0px 5px 1px 5px;border-radius: 3px;color: white;margin-right: 5px;font-weight: 400;}
.online{background: #e1656a;}
.offline{background: #72B0D5;}

/* 아이디비밀번호 찾기 팝업 */
.find_wrap .contents01{min-width:400px;max-width:auto;}
.find_wrap .popup_table th{font-size: 1.3em;font-weight: 500;color: #3d3d3d;}
.find_wrap .popup_table th,.find_wrap .popup_table td{padding:5px;}
.find_wrap .popup_table{padding: 25px 30px;}

/* 레이어팝업 */
#Popup{display:none;}
#Popup.open{display:block;}
#Popup .infoboxBg{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
#Popup .layer_wrap{width: 100%; height: 100%;font-size:14px;display: -webkit-box; display: -ms-flexbox;display: flex; position: fixed; top: 0;left: 0; z-index: 999;background-color: rgba(0,0,0,0.7);-webkit-align-items: center;  justify-content: center;-webkit-justify-content: center; -moz-justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;}
#Popup .layerBox{background-color: #fff;box-sizing: border-box;  position: relative; top: 0; left: 0;text-align: center;}
#close {width: 16px;height: 16px;display: block;position: absolute;top: 0;right: 0;left: auto;padding: 0; border: 0;border-radius: 0;margin:20px;}
#close span {width: 100%;height: 100%;display: inline-block;position: relative;top: 0;left: 0;}
#close span::before, #close span::after {width: 20px; height: 2px; display: block; background-color: #999;border-radius: 1px; position: absolute;  top: calc(50% - 1px); left: calc(50% - 10px);}
#close span::before {content: ""; transform: rotate(45deg);}
#close span::after{content: "";transform: rotate(-45deg);}
.pop_title{font-size:1.3em;font-weight:700;margin-bottom:20px;}
.pop_title.flexbox{-webkit-justify-content: space-between;-moz-justify-content: space-between;justify-content: space-between;}
.downBtn .layerBox button.close{padding:0;border-radius:0;border:0;margin: 20px;}
.layerBox {max-width: 700px;height: auto;border-radius: 10px;padding: 50px;}

/* 종사자 조회 */
.fixed_top.fixed_top06 > th{width:18%;}
.fixed_top.fixed_top06 > th:nth-child(3){width:16%;}
.fixed_top.fixed_top06 > th:last-child{width:12%;}