@charset 'UTF-8';
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500');*/

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; font-family: 'Noto Sans KR', 'sans-serif' !important; font-size:15px; color:#666; letter-spacing: -0.4px; color:#414141; background-color:#fff; padding: 0; margin: 0;}
a {text-decoration: none; color:#333;}
button {font-family: 'Noto Sans KR', 'sans-serif';color:#414141;}
li {list-style: none;}
hr {border:solid 0.5px #afafaf; margin:30px 0;}
/* 2019-04-08 강대현 변경. 아웃라인 주석 처리 함 - 포커스 보이기 위해서. input type text :width 97%인것만에서 바꿈 */
/* input[type="text"] {width:97%;} */
/* input:focus {outline:none;} */
.t_l{text-align:left !important;}
.t_r{text-align:right !important;}
.t_c{text-align:center !important;}
input[type="text"] {width:100%;
					margin:0;
					padding:5px;
					font-size:16px;
					border:solid;
					border-color:#D8D8D8;
					border-width:0.05px;
				    box-sizing: border-box;
				    text-align:left;}
input[type="checkbox"] {width:17px; height:17px; cursor:pointer;}
input[type="radio"] {width:17px; height:17px; cursor:pointer;}
select {cursor:pointer; height:25px; min-width:40px; font-size: 14px;}
/* 2019-04-09 일단... caption 문제때문에 style.css에 있는거 들고옴 강대현 수정 */
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}


h1 {font-size:28px; letter-spacing: -1px; font-weight: 400;}
h2 {font-size:25px; letter-spacing: -1px; font-weight: 400;}
h3 {font-size:22px; letter-spacing: -1px; font-weight: 400;}
h4 {font-size:20px; letter-spacing: -1px; font-weight: 400;}
h5 {font-size:18px; letter-spacing: -1px; font-weight: 400;}
h6 {font-size:17px; letter-spacing: -1px; font-weight: 400;}

.clearfix {clear: both;}
/* .clearfix:after {content: ""; display: block; clear: both;} */
.red_txt {color:#e02121;}
.m_btn {height:35px; border-radius: 3px; background-color: #787997; border:0px; cursor: pointer; color:#fff; font-size: 15px; font-weight: 400; right:20px; top:15px; padding:0 20px;}
.m_btn:hover, .m_btn_on {background-color: #3060D1;}
.btn {background-color: #323641; padding:5px 20px; border:0px; color:#fff;}
form{margin: 0;}

/* placeholder */
::-webkit-input-placeholder{color:#888;}
:-moz-placeholder{color:#888;}
::-moz-placeholder{color:#888;}
:-ms-input-placeholder{color:#888;}
.bt_row {display: flex; justify-content:right; margin-top:20px; width:1100px; gap: 5px;}
.align_r_ {float: right; display: inline-block; clear:both;}
.talign_l {text-align: left;}
.sch_grade {}
.sch_grade li {float: left;}
.sch_grade li:nth-child(even) {margin-right: 20px;}
.sch_grade li input {cursor:pointer;}

.sbj_check {margin-top:0; line-height: 190%;}
.sbj_check li {float: left;}
.sbj_check li:nth-child(odd) {margin-right: 20px;}
.sbj_check li input {cursor:pointer;}

#wrap {position:relative; z-index:1; min-height:100%;}
.main_wrap {background-color: #e8ebf4;}
.join_wrap {background-color: #e8ebf4; padding:40px 0}
.sub_wrap {background-color: #fff; height:100%; }
/* .sub_wrap {background-color: #fff; height:100%; min-width:1840px;}*/

.container {position:relative; z-index:1; width:1000px; margin:0 auto; padding: 0 5px;}
/*.container {position:relative; z-index:1; max-width:1200px; margin:0 auto; padding: 0 5px;} */

.login_box {position: relative; width:750px; margin: 0 auto; border-radius: 5px; top:150px;}
.main_logo {margin-bottom:15px;}
.login_con {background-color: #323641; width: 100%; height:190px; border-radius: 5px; padding:50px 40px;}
.login_conT2 {background-color: #323641; width: 100%; height:190px; border-radius: 5px; padding:50px 40px;}
.login_con1 {color: #fff; font-size:25px; font-weight: 500; letter-spacing: -1px; display: inline-block; margin-top: 5px;}
.login_con1 > .text_en {font-size:19px; font-weight: 300;}
.m_foot {font-size:12px; margin-top: 14px;}

.login_con2 {color: #fff; letter-spacing: -1px; width: 380px; display: inline-block; float: right; position: relative;}
.login_con2 ul {margin-top: 0px;}
.login_con2 ul .admin_id {position: absolute; top:10px; left: 10px; height: 30px; width: 200px;}
/* 2019-04-08 boxsizing 전체 추가 때문에 로그인창만 바꿈 강대현 수정 */
/* .login_con2 ul .admin_id input {position: absolute; height: 36px; width: 200px; border: 0px; border-radius: 18px; padding:0 15px; font-size: 14px;} */
.login_con2 ul .admin_id input {position: absolute; height: 36px; width: 200px; border: 0px; border-radius: 18px; padding:0 15px; font-size: 14px;  box-sizing: content-box;}
/* 2019-04-08 input:focus 라인 추가 강대현 수정 */
.login_con2 ul .admin_id input:focus {outline:none;}
.login_con2 ul .admin_pass {position: absolute; top:55px; left: 10px;}
.login_con2 ul .admin_pass input {position: absolute; height: 36px; width: 200px; border: 0px; border-radius: 18px; padding:0 15px; font-size: 14px;}
/* 2019-04-08 input:focus 라인 추가 강대현 수정 */
.login_con2 ul .admin_pass input:focus {outline:none;}

.login_con2 ul .admin_bt {position: absolute; top:10px; left: 260px; width:100px; height:82px; border-radius: 5px; background-color: #55a8d7; border:0px; cursor: pointer; color:#fff; font-size: 18px; font-weight: 400;}
.login_con2 ul .admin_bt:hover {background-color: #2d8dc4;}
.login_con2 ul .join_bt {position: absolute; top:120px; left: 12px; width:170px; height:35px; border-radius: 3px; background-color: #23262e; border:0px; cursor: pointer; color:#fff; font-size: 12px; font-weight: 400;}
.login_con2 ul .join_bt:hover {background-color: #1c1e25;}
.login_con2 ul .find_bt {position: absolute; top:120px; left: 190px; width:170px; height:35px; border-radius: 3px; background-color: #23262e; border:0px; cursor: pointer; color:#fff; font-size: 12px; font-weight: 400;}
.login_con2 ul .find_bt:hover {background-color: #1c1e25;}

/* join */
.join_terms {background-color: #e8ebf4;}
.agreement { overflow: auto; border: 3px solid #ddd; height: 300px; padding: 5px 20px 20px 24px; margin: 5px 0 12px 0; background-color: #fff; line-height: 160%;}
.join_footer {text-align: center; margin:100px 0 20px 0; font-size: 13px;}
.btn_wrap {text-align: center; margin:60px 0 70px;}
.nxtbtn {padding: 15px 30px; background-color: #323641; color:#fff; border-radius:3px; font-size:20px;}
.nxtbtn:hover {background-color: #23262e;}

.findpw_con {background-color: #fff; border: 3px solid #ddd; padding:30px;}
.input_line label {width:70px; display: inline-block; padding:5px;}
.input_line input {width:200px; display: inline-block; padding:5px;}

.board_signup {background-color: #fff; border: 3px solid #ddd; padding:20px;}
.indi {font-size: 18px; color:#e53247; margin-left:-10px;}

.joinok_wrap {background-color: #fff; border: 3px solid #ddd; padding:20px;}

/* sub top, left */
/* Add Hyeonbae.Jeong 2019/04/24 더보기 버튼과의 호환 문제로 z-index 부여함 */
.top_menu {position: fixed; top: 0px; width:100%; height: 60px; background-color: #F7F7F7; z-index: 2;}
.top_menu ul {display: flex; width: 100%; margin: 0; padding: 0;}
.top_menu ul .head_logo {position: absolute; font-size: 20px; letter-spacing: -2px; padding: 0 10px;}
.top_menu ul .head_logo > img {margin-right:15px;}
.top_menu ul .logout_bt {position: absolute; width:80px; height:35px; border-radius: 3px; background-color: #212D57; border:0px; cursor: pointer; color:#fff; font-size: 12px !important; font-weight: 400; right:20px; top:50%; transform: translateY(-50%);}
.top_menu ul .logout_bt:hover {background-color: #1c1e25;}
.out_box {width: 100%; display: flex; align-items: center; height: 35px; gap: 5px; justify-content: center;}
.out_box p {margin-bottom: 15px; font-weight: 500; font-size: 12px;}
.out_box img {flex: 1; width: 10px; display: block;}
.snb {position: fixed; top: 60px; left: 0px; width:230px; background-color: #212D57; height: calc(100% - 60px); padding: 20px 0px; box-sizing: border-box; color:#fff; font-weight:300; font-size: 13px; overflow-y:auto; border-right: 1px solid #E0E0E0;}
.con_user {line-height: 160%; padding: 0 0 20px 16px; border-bottom: 1px solid #4b505d;}
.con_user .name{font-size: 1.2em; font-weight: 500;}
form#leftfrm{margin: 0;}
.fonts_resizing{position:absolute; right:140px; top:50%; transform: translateY(-50%); display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; width: 160px;}
.fonts_resizing strong {font-size:15px; color:#000000;}
.fonts_resizing a{display:block; width:23px; height:23px; border:1px solid #c5c5c7; position:relative; background-color:#ffffff; box-sizing:border-box;}
.fonts_resizing a span{display:block; font-size:0px; color:#ffffff; box-sizing:border-box; width:23px; height:23px;}
.fonts_resizing a span::before{position:absolute; left:50%; top:50%; display:block; width:13px; height:1px; background-color:#6a6969;content:""; margin-left: -7px; margin-top: -1px;}
.fonts_resizing a span::after{position:absolute; left:50%; top:50%; display:block; width:1px; height:13px; background-color:#6a6969; content:""; margin-top: -7px; margin-left: -1px;}
.fonts_resizing a.fonts_down span::after{display:none;}
.fonts_resizing a:hover, .fonts_resizing a:focus{background-color:#6a6969; border:1px solid #6a6969;}
.fonts_resizing a:hover span::before, .fonts_resizing a:focus span::before,
.fonts_resizing a:hover span::after, .fonts_resizing a:focus span::after{background-color:#ffffff;}

/* snb 수정 */
.snb .snb_list {padding-left: 0px; margin:0;}
.snb .snb_list > li{border-bottom:1px solid #E0E0E0; padding-left: 0px; background: white;}
/* .snb .snb_list > .accordion.on{background-color:#3F6BFF;} */
.snb .snb_list > li:first-child{border-top:0;}
.snb .snb_list > li > a{
	position:relative; 
	display:block;
	color: #06295B;
	font-weight: 500;
	padding:5px 10px 7px 15px;
	font-size:18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	height:50px;
	}
.snb .snb_list > li > a:hover,.snb .snb_list > li > a:focus{background-color:#3F6BFF; color: white;}
.snb .depth{margin:10px 0; padding-left: 7px;}
.snb .depth li{line-height: 95%;}
.snb .depth > li > a{
	position:relative;
    display:block;
    color:#6D6D6D;
    padding:12px 10px 12px 10px;
    box-sizing:border-box;
    font-size:16px;
    font-weight: 400;
}
/* .snb .depth > li > a::after{
	display:block;
	position:absolute;
	left:0;
	top:18px;
	width:5px;
	height:1px;
	background-color:#6D6D6D;
	content:"";
} */
.snb .depth > li > a:hover, .snb .depth > li > a:focus, .snb .depth > li > a:active, .snb .depth > li.on > a{color: #3F6BFF; font-weight: 500;}
.snb .depth > li > a:hover::after, .snb .depth > li > a:focus::after, .snb .depth > li > a:active::after, .snb .depth > li.on > a::after{background-color: #72c5ff;}

.accordion {
  color: #444;
  cursor: pointer;
  border: none;
  /* width: 100%; */
  text-align: left;
  outline: none;
  font-size: 13px;
  transition: 0.4s;}

.accordion a:after {
  content: '';
  font-size: 15px;
  float: right;
  background-image: url(/images/common/close-btn.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.accordion.is_open a:after{
  /* content: '\23F6'; */
  content: '';
  width: 25px;
  height: 25px;  
  background-image: url(/images/common/close-btn.png);
  background-repeat: no-repeat;
  background-size: cover;
  
}

.accordion.is_close a:after{
  /* content: '\23F7'; */
  content: '';
  width: 25px;
  height: 25px;  
  background-image: url(/images/common/open-btn.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.chartBox{
	width: 1100px !important;
}

/* .accordion.on a:after{
  content: '\23F6';
}

.accordion.on.parent_hide a:after{
  content: '\23F7';
}

.active a:after {
  content: "\23F7";
  color:#fff;
}
 */
.accordion:hover {
  background-color: #3F6BFF;
}

.accordion.on {
  background-color: #3F6BFF!important;
  
}
 
.accordion.on a {
  color: white!important; 
}

.panel {
  padding: 0 8px;
  display: block;
/*  max-height: 0; */
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #F9F9F9;
}

/* contents */
/* .contents {width: calc(100% - 250px); float: right; margin-top:70px; letter-spacing: -1px; padding-bottom:60px; overflow-x: hidden;} */
.contents {width: calc(100% - 250px); float: right; margin-top:70px; letter-spacing: -1px; padding-bottom:60px; overflow-x: hidden;}
.con_tit1 {font-size:25px; font-weight: 500; letter-spacing: -2px;  width:950px; padding-top: 5px;}
.con_tit1:after {content: ""; display: block; width: 30px; height: 2px; background-color: #323641; margin: 10px 0 20px;}
.con_tit2 {font-size:25px; color:#444; font-weight: 500; width: 1100px;}
.con_tit3 {font-size:15px; color:#212D57; font-weight: 500;}
.con_tit4 {font-size:18px; color:#666; font-weight: 300; }
.con_tit4_red {font-size:18px; color:#666; font-weight: 400; }
.con_list {display: block; width: 95%;}
div#main_rowtable {
    width: 1100px;
}

/* board search box */
.srch_box {padding:15px 0; background-color:#fafafa; border: solid #e2e2e2 1px; margin:20px 0; width:1100px; /* min-width:1200px; */}
.n-p-b{padding-bottom: 0 !important;}
.n-b{background: none !important;}
.search-box {
    border-top: 1px solid #DDDDDD;
    background: #F9F9F9;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    position: relative;
}
.layersrch_box {padding:0px; background-color:#fafafa; border: 1px solid #e2e2e2; margin:0; width:100%;}
.srch_con {text-align: center; padding-left:0px;}
/* .srch_con li {display: inline-block; margin-right:5px;} */
.srch_con .srch_sel {height: 30px; min-width: 80px; margin-right:10px; font-size:16px; letter-spacing: -1px;}
.srch_con .srch_inp {height: 30px; width: 350px; /* margin-top:-10px; */ margin-right:20px; font-size:16px; letter-spacing: -1px;}
/* Add Start Hyeonbae.Jeong 2019/04/24 로그관련 영역에서 검색바 width 너무 넓어서 깨지므로 축소 */
.srch_con .srch_dat {height: 30px; width: 200px; /* margin-top:-10px; */ margin-right:20px; font-size:16px; letter-spacing: -1px;}

/* Add Start Hyeonbae.Jeong 2019/04/22 강좌목록 검색부분에 적용할 css 추가 */
.srch_lec {text-align: left; padding-left:0px;}
.srch_lec li:first-child {margin-left:15px;}
.srch_lec li {text-align: right; display: inline-block; margin-right:5px;}
.srch_lec li.srch_tit {display: flex; margin-right:5px; width: 310px; align-items: center;}
.srch_lec li.srch_btn {width: 100px;}
.srch_lec .srch_sel {height: 30px; min-width: 80px; margin-right:20px; font-size:16px; letter-spacing: -1px;}
.srch_lec .srch_inp {height: 30px; width: 251px;font-size:16px; letter-spacing: -1px;}
/* Add End Hyeonbae.Jeong */

.srch_bt {background-color: #212D57; border: none; color: white; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 14px;
margin: 0; cursor: pointer; border-radius: 5px; font-weight: 500;}
.srch_bt.print_btn{background-color: #F15A59; padding: 8px 18px; border: 1px solid ghostwhite;}
.srch_bt.print_btn .print_box{display: flex; gap: 5px; align-items: center;}
.srch_bt.print_btn .print_box img{width: 20px; height: 20px;}
.srch_bt.print_btn .print_box p{color: white; font-weight: 500;}
.srch_bt.h30{height: 30px; display: flex; align-items: center; justify-content: center;}
.comm_bt {background-color: #F58026; border: none; color: white; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; /* margin-right:5px; */}
.w80_btn{width: 80px; padding: 8px 8px;}
.cancel_bt {border: 1px solid #F45338; background-color: #F45338; color: white; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; /* margin-right:5px; */}
.list_btn {border: 1px solid #F1F1F3; background-color: #F1F1F3; color: #333; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; font-size: 14px; font-weight: 500;}
.save_btn {border: 1px solid #2B2B52; background-color: #2B2B52; color: white; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; font-size: 14px; font-weight: 500;}
.tem_save_btn {border: 1px solid #5062AE; background-color: #5062AE; color: white; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; font-size: 14px; font-weight: 500;}
.del_btn {border: 1px solid #F72C16; background-color: #F72C16; color: white; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; font-size: 14px; font-weight: 500;}
.trans_btn{border: 1px solid #EBEFFA; background-color: #EBEFFA; color: #212D57; font-weight: 500; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px;}
.inp_txt {height: 30px; width: 180px; margin-top:-10px; margin-right:20px; font-size:16px; letter-spacing: -1px;}
.modBtn{border: 1px solid #6033DD; background-color: white; color: #6033DD; font-weight: 500; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px;}
.addBtn{background-color: #6033DD; border: 1px solid #6033DD; padding: 8px 28px;  text-align: center; text-decoration: none; display: block; font-size: 13px;
margin: 0; cursor: pointer; border-radius: 5px; font-size: 14px; font-weight: 500; color: white;}
/* board list */
.brd_con {padding-top:10px; width:1100px;  /*min-width:1500px;*/ }
.w1200{width: 1200px !important;}
.w1100{width: 1100px !important;}
.w1000 { width:1000px !important;}
.w948 { width:948px !important;}
.w900 { width:900px !important;}
.w885 { width:885px !important;}
.w770 { width:770px !important;}
.w550 {width: 550px !important;}
.w100per{width: 100% !important;}
.w70 {width: 70px;}
.h40{height: 40px;}
.h38{height: 38px;}
.j-c-r{display: flex; justify-content: right;}
ul.srch_con {width: fit-content !important; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.srch_con li {display: flex; align-items: center;}
ul.srch_con.t-a-l {
    width: 300px !important;
    justify-content: left;
    margin-bottom: 10px;
}
ul.srch_con li img{display: block; margin-left: -10px; cursor: pointer; width: 20px;}
ul.srch_con.w800, .srch_lec.w800{width: 800px !important; justify-content: left;}
.srch_lec.w800{display: flex; margin: 10px auto 0;}
ul.srch_con.w800, .srch_lec.w800:first-child {margin-bottom: 10px !important;}
ul.srch_con .title, .srch_lec .title{margin-right: 10px; color: #212D57; font-weight: 500;}
.m-r-50{margin-right: 50px;}
.m-r-30{margin-right: 30px;}
.m-r-20{margin-right: 20px;}
.m-r-10{margin-right: 10px;}
.m-lr-30{margin: 0 30px;}
p.align_r{display: flex; justify-content: right; gap: 5px;}
.brd_con ul {width: 100%;}
.brd_con .brd_notice {display: block; /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_notice li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brd_con .brd_notice li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_notice li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_notice li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_notice li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_notice span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_notice li a {display: flex; width: 100%;}
.brd_con .brd_notice li span:last-child {border-right:0;}
.brd_notice .brd_no {width:5% !important;}
.brd_notice .brd_sbj {width:60% !important; text-align: left; padding-left:10px;}
.brd_notice .brd_sbj a:hover {text-decoration: underline;}
.brd_notice .brd_auth {width:21%;}
.brd_notice .brd_date {width:10% !important;}

/* 공통게시판 (어떤거나 써도 괜찮음. with는 알아서 지정하도록 class안써도 됨 스타일 width로 지정하면됨. 앞으로는 전체 이거 쓰도록 할 예정(li:hover는 변경될 가능성 있음)*/
.brd_con .brd_cmmn {display: block; width:1100px; padding-left: 0px;}
.brd_con .brd_cmmn li {padding:10px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_cmmn li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_cmmn li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_cmmn li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_cmmn li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_cmmn span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_cmmn li span:last-child {border-right:0;}



/* 교육기관 선정관리 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_insttSel {display: block; /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_insttSel li {display: flex; padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_insttSel li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_insttSel li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_insttSel li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_insttSel li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_insttSel span {display: block; margin: 0; border-right:1px solid #ccc;
	padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brd_con .brd_insttSel li span:last-child {border-right:0;}
.brd_insttSel .brd_no {width:6%;}
.brd_insttSel .brd_year {width:6%;}
.brd_insttSel .brd_loca {width:10%;}
.brd_insttSel .brd_insname {width:20%;}
.brd_insttSel .brd_insname a:hover {text-decoration: underline;}
.brd_insttSel .brd_inshead {width:10%;}
.brd_insttSel .brd_addr {width:30%;}
.brd_insttSel .brd_tel {width:10%;}
.brd_insttSel .brd_url {width:15%;}

/* 관리자 회원관리 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_mmbrmng {display: block; /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_mmbrmng li {display: flex; padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_mmbrmng li:hover {background-color: #f3f3f3;cursor:pointer;}
.brd_con .brd_mmbrmng li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_mmbrmng li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_mmbrmng li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_mmbrmng span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_mmbrmng li span:last-child {border-right:0;}


/* Mod Hyeonbae Jeong 2019/04/24 일부 컬럼 안쓰여서 너비가 안 맞는 부분 조정
.brd_mmbrmng .brd_no {width:6%;}
.brd_mmbrmng .brd_id {width:12%;}
.brd_mmbrmng .brd_id a:hover {text-decoration: underline;}
.brd_mmbrmng .brd_name {width:8%;}
.brd_mmbrmng .brd_insname {width:27%;}
.brd_mmbrmng .brd_instype {width:10%;}
.brd_mmbrmng .brd_loca {width:10%;}
.brd_mmbrmng .brd_dept {width:10%;}
.brd_mmbrmng .brd_spot {width:7%;}
.brd_mmbrmng .brd_stat {width:8%;}
*/
.brd_mmbrmng .brd_no {width:6%;}
.brd_mmbrmng .brd_id {width:15%;}
.brd_mmbrmng .brd_id a:hover {text-decoration: underline;}
.brd_mmbrmng .brd_name {width:10%;}
.brd_mmbrmng .brd_insname {width:30%;}
.brd_mmbrmng .brd_instype {width:15%;}
.brd_mmbrmng .brd_loca {width:10%;}
.brd_mmbrmng .brd_dept {width:10%;}
.brd_mmbrmng .brd_spot {width:7%;}
.brd_mmbrmng .brd_stat {width:14%;}


/* 관리자 접속자수 list */
/* .brd_con ul {width: 100%;} */
.table_con .table_mmbrmng {display: block; /* min-width:1200px; */ width:1100px !important; padding-left: 0px;}
.table_con .table_mmbrmng.w1200{width: 1200px !important;}
.table_con .table_mmbrmng li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; display: flex;}
.table_con .table_mmbrmng li:hover {background-color: #f3f3f3;cursor:pointer;}
.table_con .table_mmbrmng li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.table_con .table_mmbrmng li:first-child,hover {background-color: #fff; cursor:default;}
.table_con .table_mmbrmng li:first-child .brd_sbj {text-align: center;}
.table_con .table_mmbrmng span {display: block; margin: 0; border-right:1px solid #ccc;}
.table_con .table_mmbrmng li span:last-child {border-right:0; width: 3% !important;}



.table_mmbrmng .table_date {width:15%;}
.table_mmbrmng .table_admCnt {width:15%;}
.table_mmbrmng .table_admCnt a:hover {text-decoration: underline;}
.table_mmbrmng .table_usrCnt {width:15%;}
.table_mmbrmng .table_totalCnt {width:20%;}
.table_mmbrmng .table_prevTotalCnt {width:15%;}
.table_mmbrmng .table_anmTotalCnt {width:15%;}
/* .table_mmbrmng .table_dept {width:10%;} */
/* .table_mmbrmng .table_spot {width:7%;} */
/* .table_mmbrmng .table_stat {width:14%;} */

/* 개인정보 조회사유 관리 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_priConfirm {display: block; /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_priConfirm li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_priConfirm li:hover {background-color: #f3f3f3;}
.brd_con .brd_priConfirm li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_priConfirm li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_priConfirm li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_priConfirm span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_priConfirm li span:last-child {border-right:0;}

.brd_priConfirm .brd_no {width:8%;}

.brd_priConfirm .brd_priConfirmType {width:13%;}
.brd_priConfirm .brd_priConfirmCtnt {width:45%;}
.brd_priConfirm .brd_loginId {width:11%;}
.brd_priConfirm .brd_mngr {width:10%;}
.brd_priConfirm .brd_dt {width:11%;}


/* 단체등록 및 수정 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_insttmng {display: block; /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_insttmng li {display: flex; padding:15px 0; text-align: center; vertical-align:middle; border-bottom:1px solid #cacaca;}
.brd_con .brd_insttmng li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_insttmng li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_insttmng li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_insttmng li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_insttmng span {display: inline-block; margin: 0; border-right:1px solid #ccc; padding:0 3px;}
.brd_con .brd_insttmng li span:last-child {border-right:0;}
.brd_insttmng .brd_no {width:7%;}
.brd_insttmng .brd_instname {width:22%;}
/* .brd_insttmng .brd_instname a:hover {text-decoration: underline;} */
.brd_insttmng .brd_loca {width:8%;}
.brd_insttmng .brd_insttype {width:16%;}
.brd_insttmng .brd_insttuse {width:6%;}
.brd_insttmng .brd_addr {width:28%;}
.brd_insttmng .brd_tel {width:10%;}


/* 게시판 관리 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_brdlist {display: block;  /* min-width:1200px; */ width:950px; padding-left: 0px;}
.brd_con .brd_brdlist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_brdlist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_brdlist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_brdlist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_brdlist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_brdlist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_brdlist li span:last-child {border-right:0;}
.brd_brdlist .brd_no {width:7%;}
.brd_brdlist .brd_brdname {width:65%;}
.brd_brdlist .brd_brdname a:hover {text-decoration: underline;}
.brd_brdlist .brd_name {width:10%;}
.brd_brdlist .brd_cdate {width:10%;}
.brd_brdlist .brd_use {width:7%;}

/* 메뉴관리 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_menulist {display: block; /* min-width:1200px; */  width:1100px; padding-left: 0px;}
.brd_con .brd_menulist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_menulist li:hover {background-color: #f3f3f3;}
.brd_con .brd_menulist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_menulist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_menulist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_menulist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_menulist li span:last-child {border-right:0;}

.brd_menulist .brd_chk {width:5%;}
.brd_menulist .brd_mnname {width:20%;}
.brd_menulist .brd_mnname a:hover {text-decoration: underline;}
.brd_menulist .brd_mnurl {width:34%;}
.brd_menulist .brd_ugroup {width:6%;}
.brd_menulist .brd_use {width:6%;}
.brd_menulist .brd_mninfo {width:15%;}
.brd_menulist .brd_mnstep {width:6%;}
.brd_menulist .brd_mnsrt {width:6%;}
/* 권한관리 list */
.brd_con .brd_authlist {display: block;  /* min-width:1200px; */ width:950px; padding-left: 0px;}
.brd_con .brd_authlist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; display: flex;}
.brd_con .brd_authlist li:hover {background-color: #f3f3f3;}
.brd_con .brd_authlist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_authlist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_authlist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_authlist span {display: block; margin: 0; border-right:1px solid #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.brd_con .brd_authlist li span:last-child {border-right:0;}

.brd_authlist .brd_chk {width:5%;}
.brd_authlist .brd_mnname {width:30%;}
.brd_authlist .brd_use {width:8%;}
.brd_authlist .brd_mninfo {width:37%;}
.brd_authlist .brd_ugroup {width:10%;}
.brd_authlist .brd_mnstep {width:10%;}
.brd_authlist .brd_mnstep input:hover {cursor:pointer;}
/* 권한-메뉴매핑 list */
.brd_con .brd_menuMpnglist {display: block;  /* min-width:1200px; */ width:950px; padding-left: 0px;}
.brd_con .brd_menuMpnglist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_menuMpnglist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_menuMpnglist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_menuMpnglist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_menuMpnglist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_menuMpnglist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_menuMpnglist li span:last-child {border-right:0;}

.brd_menuMpnglist .brd_chk {width:5%;}
.brd_menuMpnglist .brd_mnname {width:11%;}
.brd_menuMpnglist .brd_mnname a:hover {text-decoration: underline;}
.brd_menuMpnglist .brd_mnurl {width:28%;}
.brd_menuMpnglist .brd_ugroup {width:6%;}
.brd_menuMpnglist .brd_use {width:6%;}
.brd_menuMpnglist .brd_mninfo {width:30%;}
.brd_menuMpnglist .brd_mnstep {width:6%;}
.brd_menuMpnglist .brd_mnsrt {width:6%;}
/* 권한-사용자매핑 list */
.brd_con .brd_usrMpnglist {display: block;  /* min-width:1200px; */ width:950px; padding-left: 0px;}
.brd_con .brd_usrMpnglist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_usrMpnglist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_usrMpnglist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_usrMpnglist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_usrMpnglist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_usrMpnglist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_usrMpnglist li span:last-child {border-right:0;}

.brd_usrMpnglist .brd_chk {width:5%;}
.brd_usrMpnglist .brd_mnname {width:11%;}
.brd_usrMpnglist .brd_mnname a:hover {text-decoration: underline;}
.brd_usrMpnglist .brd_mnurl {width:28%;}
.brd_usrMpnglist .brd_ugroup {width:6%;}
.brd_usrMpnglist .brd_use {width:6%;}
.brd_usrMpnglist .brd_mninfo {width:30%;}
.brd_usrMpnglist .brd_mnstep {width:6%;}
.brd_usrMpnglist .brd_mnsrt {width:6%;}



/* 공지사항 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_ntclist {display: block;  /* min-width:1200px; */ width:950px; padding-left: 0px;}
.brd_con .brd_ntclist li {display: flex; padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_ntclist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_ntclist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_ntclist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_ntclist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_ntclist span {display: block; margin: 0; border-right:1px solid #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.brd_con .brd_ntclist li span:last-child {border-right:0;}
.brd_ntclist .brd_no {width:6%;}
.brd_ntclist .brd_cate {width:7%;}
.brd_ntclist .brd_name {width:18%;}
.brd_ntclist .brd_subject {width:50%;}
.brd_ntclist .brd_subject a:hover {text-decoration: underline;}
.brd_ntclist .brd_date {width:10%;}
.brd_ntclist .brd_view {width:7%;}

/* 팝업관리 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_ntclist {display: block;  /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_ntclist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_ntclist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_ntclist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_ntclist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_ntclist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_ntclist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_ntclist li span:last-child {border-right:0;}
.brd_ntclist .brd_no {width:6%;}
.brd_ntclist .brd_name {width:20%;}
.brd_ntclist .brd_subject {width:42%;}
.brd_ntclist .brd_subject a:hover {text-decoration: underline;}
.brd_ntclist .brd_regd {width:10%;}
.brd_ntclist .brd_pubterm {width:20%;}

/* 공통코드 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_cmcodelist {display: block;  /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_cmcodelist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; display: flex;}
.brd_con .brd_cmcodelist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_cmcodelist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_cmcodelist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_cmcodelist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_cmcodelist span {display: block; margin: 0; border-right:1px solid #ccc;padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brd_con .brd_cmcodelist li span:last-child {border-right:0;}
.brd_cmcodelist .brd_no {width:8%;}
.brd_cmcodelist .brd_dele {width:7%;}
.brd_cmcodelist .brd_code {width:9%;}
.brd_cmcodelist .brd_upcode {width:9%;}
.brd_cmcodelist .brd_sort {width:8%;}
.brd_cmcodelist .brd_codename {width:16%;}
.brd_cmcodelist .brd_use {width:8%;}
.brd_cmcodelist .brd_etc {width:30% !important;}
.brd_cmcodelist .brd_codecnt {width:10%;}
.cmcd_inp {width:50px; height: 20px;}
.cmcd_inpl {width:190px; height: 20px;}
.cmcd_inpel {width:250px; height: 20px;}

/* 접속로그 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_loglist {display: block;  /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_loglist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_loglist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_loglist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_loglist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_loglist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_loglist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_loglist li span:last-child {border-right:0;}
.brd_loglist .brd_no {width:10%;}
.brd_loglist .brd_logdate {width:29%;}
.brd_loglist .brd_ipcnt {width:29%;}
.brd_loglist .brd_logcnt {width:30%;}

.brd_loglist .brd_logdate2 {width:20%;}
.brd_loglist .brd_ipcnt2 {width:13%;}
.brd_loglist .brd_userid {width:15%;}
.brd_loglist .brd_username {width:15%;}
.brd_loglist .brd_cnmenu {width:15%;}
.brd_loglist .brd_menuid {width:10%;}

/* 강좌정보 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_lectlist {display: block;  /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_lectlist li {cursor: pointer; display: flex; padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_lectlist li:hover {background-color: #f3f3f3;}
.brd_con .brd_lectlist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_lectlist li:first-child,hover {background-color: #fff;}
.brd_con .brd_lectlist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_lectlist span {display: inline-block; margin: 0; border-right:1px solid #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.brd_con .brd_lectlist li span:last-child {border-right:0;}
.brd_lectlist .brd_no {width:7%;}
.brd_lectlist .brd_loca {width:10%;}
.brd_lectlist .brd_level {width:8%;}
.brd_lectlist .brd_title {width:35%;}
.brd_lectlist .brd_name {width:19%;}
.brd_lectlist .brd_rdate {width:13%;}
.brd_lectlist .brd_view {width:7%;}

/*
 과목구분 및 과목이 칼럼에서 제외됨
.brd_lectlist .brd_no {width:7%;}
.brd_lectlist .brd_loca {width:8%;}
.brd_lectlist .brd_level {width:8%;}
.brd_lectlist .brd_sbjclass {width:8%;}
.brd_lectlist .brd_subject {width:8%;}
.brd_lectlist .brd_title {width:27%;}
.brd_lectlist .brd_name {width:15%;}
.brd_lectlist .brd_rdate {width:9%;}
.brd_lectlist .brd_view {width:8%;}
*/
/* 검정고시 관련자료 list */
/* .brd_con ul {width: 100%;} */
.brd_con .brd_relalist {display: block;  /* min-width:1200px; */ width:100%; padding-left: 0px;}
.brd_con .brd_relalist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; width: 100%; display: flex;}
.brd_con .brd_relalist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_relalist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_relalist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_relalist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_relalist span {display: inline-block; margin: 0; border-right:1px solid #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.brd_con .brd_relalist li span:last-child {border-right:0;}
.brd_relalist .brd_no {width:7%;}
.brd_relalist .brd_name {width:15%;}
.brd_relalist .brd_name_mid {width:20%;}
.brd_relalist .brd_name_long {width:40%;}
.brd_relalist .brd_name_t_long {width:50%;}
.brd_relalist .brd_name_v_long {width:60%;}
.brd_relalist .brd_subject {width:30%;}
.brd_relalist .brd_date {width:10%;}
.brd_relalist .brd_state {width:10%;}
.brd_relalist .brd_view {width:10%;}

/* 검정고시 관련자료 list */
/*2020-08-12 권경민 추가 */
.brd_con .brd_helplist {display: block;  /* min-width:1200px; */ width:950px; padding-left: 0px;}
.brd_con .brd_helplist li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_helplist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_helplist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_helplist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_helplist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_helplist span {display: inline-block; margin: 0; border-right:1px solid #ccc;}
.brd_con .brd_helplist li span:last-child {border-right:0;}
.brd_helplist .brd_no {width:9%;}
.brd_helplist .brd_name {width:20%;}
.brd_helplist .brd_subject {width:50%;}
.brd_helplist .brd_date {width:10%;}
.brd_helplist .brd_view {width:10%;}

/* 교육청 목록관리 list */
/*2019-04-08 강대현 추가 */
/* .brd_con ul {width: 10%;} */
.brd_con .brd_officelist {display: block;  /* min-width:1200px; */ width:1100px; padding-left: 0px;}
.brd_con .brd_officelist li {display: flex; padding:15px 0; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_officelist li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_officelist li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_officelist li:first-child,hover {background-color: #fff; cursor:default;}
.brd_con .brd_officelist li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_officelist span {display: inline-block; margin: 0; border-right:1px solid #ccc; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.brd_con .brd_officelist span p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.brd_con .brd_officelist li span:last-child {border-right:0px;}
.brd_officelist .brd_no {width:5%;}
.brd_officelist .brd_name {width:15%;}
.brd_officelist .brd_subject {width:50%;}
.brd_officelist .brd_date {width:15%;}
.brd_officelist .brd_view {width:20%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
/* Add Hyeonbae.Jeong 2019/04/22
   교육청목록관리의 내용 부분은 줄바꿈, 특수문자 등을 적용하기 위해 p태그를 넣으나, p태그에 margin이 기본으로 붙어 목록 너비가 너무 높음 */
.brd_officelist .brd_subject p {margin: 0px;}

.genTbl{display:none;}

/* 비밀번호 변경 */
.pwe_box {padding:15px; background-color:#fafafa; border: solid #e2e2e2 1px; margin:20px 0; width:600px;}

/* table style */
.tbl_basic {
	width: 1100px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #323641;
    font-size: 0.9em;  border-collapse:collapse;
    }
.tbl_basic th {padding: 10px 5px; background-color: #f8f8f8;font-size:15px;}
.tbl_basic td {padding: 10px; font-size:14px;}
.tbl_basic th, .tbl_basic td {border-left: 1px solid #ddd; border-bottom: 1px solid #ccc; margin-left: -1px;
    vertical-align: middle; word-wrap: break-word; word-break: keep-all; font-weight:400;}
.tbl_basic th:last-child, .tbl_basic td:last-child {border-right: 1px solid #ddd;}
.tbl_basic .unselectable{background-color: #ddd;cursor: not-allowed;}


/* 2020-10-06 by kkm 
2020년 검정고시 프로그램 세부 계획 체크박스 스타일 수정 */

.tbl_basic ul.snb_pms {margin: 0px; padding-left:0px;}
.tbl_basic ul.snb_pms li {position: relative; display: inline-block; width: 230px; padding-left:20px;}
.tbl_basic ul.snb_pms li:before {content: "|"; position: absolute; left: 0;}
.tbl_basic ul.snb_pms li:first-child {padding-left: 0px;}
.tbl_basic ul.snb_pms li:first-child:before {content: "";}


.tbl_basic .mainLearning {padding: 0px;}
.tbl_basic .mainLearning li {text-align:left;}
.tbl_basic .mainLearning li input {vertical-align: -3px;} 

.tbl_basic .book {padding: 0px;}
.tbl_basic .book li {text-align:left;}
.tbl_basic .book li input {vertical-align: -3px; margin-right: 10px;} 

.brd_con p {
	margin-block-start: 0;
    margin-block-end: 0;
}
.co_writer {
  margin-top: 20px;
  padding: 20px 25px;
  box-sizing: border-box;
  width: 100%;
  background: #efefef;
}
.edit_wrap .edit_btn {
  width: 80px;
  height: 25px;
  line-height: 23px;
  border: 1px solid #323641;
  background: none;
  border-radius: 3px;
}
.edit_wrap .edit_btn.active {
  background: #323641;
  color: #fff;
}
.edit_wrap span {
  padding-left: 5px;
  font-size: 12px;
  color: #323641;
}
.co_writer .reply_txt {
  margin: 10px 0;
  overflow: hidden;
}
.co_writer .reply_txt form {
	margin-block-end: 0;
}
.co_writer .reply_txt .comment {
  float: left;
  width: 796px;
  height: 80px;
}
.co_writer .reply_txt .btn {
  float: right;
  width: 80px;
  height: 80px;
  color: #fff;
  text-align: center;
}

.list_reply {
    margin-top: 20px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d5d5d5;
    overflow: hidden;
}
.list_reply .title {
  background-color: #959595;
  height: 40px;
  line-height: 40px;
  text-indent: 20px;
  color: #fff;
  font-size: 16px;
}
.list_reply .box {
  padding: 15px 20px;
  border-top: 1px solid #d5d5d5;
}
.list_reply .box:first-child {border-top: none;}
.list_reply .box.admin {background: #f4f4f4;}
.list_reply .box .re_top .name {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 600;
}
.list_reply .box .re_top .name.admin {
  color: #00529c;
}
.list_reply .box .re_top .date {
  padding-left: 5px;
  color: #959595;
  letter-spacing: 0;
}
.list_reply .box .re_top .edit {
  margin-left: 10px;
  display: inline-block;

}
.list_reply .box .re_top .edit li {
  position: relative;
  padding-left: 8px;
  display: inline-block;
  font-size: 13px;
}
.list_reply .box .re_top .edit li:first-child {padding-left: 0;}
.list_reply .box .re_top .edit li:before {
  content: "|";
  position: absolute;
  left: 0;
}
.list_reply .box .re_top .edit li:first-child:before {content: "";}
.list_reply .box .re_top .edit li a {
  color: #535353;
}
.list_reply .box .re_view {
  margin-top: 5px;
  color: #1b1b1b;
  line-height: 1.5;
}
.list_reply .box .re_file {
  margin-top: 10px;
  font-size: 12px;
}
.list_reply .box .re_file a {color: #535353;}
.list_reply .box .re_file:before {
  content: "";
  position: relative;
  top: 1px;
  padding-right: 5px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/images/icon_file.png) no-repeat 0 0;
}

.file_input {overflow: hidden;}
.file_input .upload_name {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:350px;
    height:30px;
    text-align:center;
    line-height:30px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
}
.file_input input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.file_input .txt {font-size:12px; float:left; margin-left: 5px;}

.result > span {
  margin: 0;
  display: block;
  width: 70px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
}
.result .r_start {background-color: #007dc6;}
.result .r_ing {background-color: #ef3e61;}
.result .r_end {background-color: #959595;}
.result .r_edit {background-color: #20409a;}
.result .r_stop {background-color: #4a4a4a;}
.result .date {display: inline-block; color: #535353;}

/* table style admin pw */
.tbl_admsm {width: 550px;;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #323641;
    font-size: 0.9em;  border-collapse:collapse;}
.tbl_admsm th {background-color: #f8f8f8;}
.tbl_admsm th, .tbl_admsm td {padding: 15px 7px 14px 7px; border-left: 1px solid #ddd; border-bottom: 1px solid #ccc; margin-left: -1px;
    vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center; font-weight:400; font-size:16px;}
.tbl_admsm th:last-child, .tbl_admsm td:last-child {border-right: 1px solid #ddd; text-align: left;}

.brd_nav_c {/* margin: 20px 0; padding: 20px 0;  */text-align: center; width:1100px;}
.brd_nav{margin: 0;}
.brd_nav li {display: inline-block; height: 34px; box-sizing:border-box; border:solid 1px #dbdbdb; text-align: center; font-size: 14px; padding:7px 12px 0 12px;}
.brd_nav li:hover {background-color: #3f77c7; color: #fff;}
.brd_nav li a {}

.nav_active {background-color: #3f77c7; color:#fff; border:solid 1px #64c35a;}

/* table style join */
.tbl_join {width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #323641;
    font-size: 0.9em;  border-collapse:collapse;}
.tbl_join th {background-color: #f8f8f8;}
.tbl_join th, .tbl_join td {padding: 15px 7px 14px 7px; border-left: 1px solid #ddd; border-bottom: 1px solid #ccc; margin-left: -1px;
    vertical-align: middle; word-wrap: break-word; word-break: keep-all; font-weight:400; font-size:16px;}
.tbl_join th:last-child, .tbl_join td:last-child {border-right: 1px solid #ddd;}
.tbl_join td input {padding:5px;}

/* breadcrumb */
.breadcrumb {position: absolute; top: 52px; left: 225px; font-size: 1em; padding:10px 25px; z-index: -100;}
.breadcrumb li {float: left; color:3d3d3d; font-weight: 300; letter-spacing: -1px;}
.breadcrumb li:after {content: ""; background-image: url(/images/bread_arw.png); width: 6px; height: 11px; display: block; float:right; margin:4px 6px 0 8px;}
.breadcrumb li:last-child:after {display: none;}
.breadcrumb li:first-child:before {content: ""; background-image: url(/images/home_icn.png); width: 14px; height: 13px; display: block; float:left; margin:3px 7px 0 0;}

/* layer popup */
#SearchLayer {display: none; position: absolute; top: calc(50% - 250px); left: calc(50% - 450px); width: 900px; height: 500px; padding: 12px;
border: 2px solid #323641; background-color: white; z-index:1002; overflow: auto; box-shadow: rgba(0,0,0,0.5) 0 0 0 9999px, rgba(0,0,0,0.5) 0 0 5px 0;}
.popup_title {text-align: left; font-size:22px; margin-bottom:10px;}
#SearchLayer2 {display: none; position: absolute; top: calc(50% - 250px); left: calc(50% - 450px); width: 900px; height: 500px; padding: 12px;
border: 2px solid #323641; background-color: white; z-index:1002; overflow: auto; box-shadow: rgba(0,0,0,0.5) 0 0 0 9999px, rgba(0,0,0,0.5) 0 0 5px 0;}
.popup_title {text-align: left; font-size:22px; margin-bottom:10px;}
/* 3depth menu */
.depth_3 {display: none;}

/* drop menu */
.zeta-menu-bar {display: inline-block; width: 100%; background-color: #aaa;}
.zeta-menu-bar ul {color:#fff; padding-left:15px;}
.zeta-menu-bar > ul > li {padding:5px 0;}

.zeta-menu { margin: 0; padding-bottom: 5px; }
.zeta-menu li {position: relative; margin-left:-30px;}
.zeta-menu li:hover { background: white; }
.zeta-menu li:hover>a { color: hotpink; }
.zeta-menu a {
  color: white;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.zeta-menu ul {
  background: #eee;
  border: 1px solid silver;
  display: none;
  padding: 0;
  position: absolute;
  left: 0%;
  top: 100%;
  width: 100%;
  z-index: 100;
}

.zeta-menu ul li { float: none;  margin-left:0px; padding:5px 0;}
.zeta-menu ul li:hover { background: #ddd; }
.zeta-menu ul li:hover a { color: black; }
.zeta-menu ul a { color: black; }
.zeta-menu ul ul { left: 100%; top: 0; }
.zeta-menu ul ul li {float:left; margin-right:10px;}

/*19-10-17 추가 (Kwon)*/
.wbtn {/* margin-top:10px; */ float:left; display:inline;}
.clear:after {display:block; clear:both; content:"";}
.excel-dn-btn{cursor:pointer; width: 100px; height: 30px; border: 1px solid #0F763D; background-color: white;
display: flex; align-items: center; justify-content: center; border-radius: 5px; position: absolute; right: 10px; font-weight: 500;}
.excel-dn-btn a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: #0F763D;
}
/*.top_btn {display:inline; float: right; margin-top:0;}*/

.layerpop {
	display: none;
	z-index: 1000;
	border: 2px solid #ccc;
	background: #fff;
	cursor: move;
	box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;
}

.layerpop_area .title {
	padding: 10px 10px 10px 10px;
	border: 0px solid #aaaaaa;
	background: #f1f1f1;
	color: #3eb0ce;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 24px;
}

.layerpop_area .layerpop_close {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url('btn_exit_off.png') no-repeat;
}

.layerpop_area .layerpop_close:hover {
	background: transparent url('btn_exit_on.png') no-repeat;
	cursor: pointer;
}

.layerpop_area .content {
	width: 96%;
	margin: 2%;
	color: #828282;
}

.popupcon {
	padding-left:30px;
}
/*-- POPUP common style E --*/
#tab1 {
	width: 1225px;
	min-width: 1245px;
	padding-bottom: 100px;
}

.steps ul {
	overflow: hidden;
	;
}
.step ul{
	padding:0px;
}

.step li{
	float : left;
	margin-left:10px;
}

.step li:first-child{
	margin-left:0px;
}

.step li .btns{margin:0;}

.step li .on{
	background-color : #218ae5;
	font-size: 18px;
	width : 180px;
	height : 60px;
}

.step li .off{
	float : left;
	background-color : #ddd;
	font-size: 18px;
	width : 180px;
	height : 60px;
	color : #404C52;
}
.steps li {
	font-size: 18px;
	background: url('/images/stepimgOff.PNG') no-repeat;
	padding: 21px 0px 5px 10px;;
	color: #fff;
	float: left;
	width: 230px;
	height: 36px;
	background-size: cover;
	text-align: center;
}

.steps .stepOn {
	font-size: 18px;
	background: url('/images/stepimgOn.PNG') no-repeat;
	padding: 21px 0px 5px 10px;;
	color: #fff;
	float: left;
	width: 230px;
	height: 36px;
	background-size: cover;
	text-align: center;
}

.textArea {
	width: 100%;
	box-sizing:border-box;
	border: 1px solid #D8D8D8;
	resize: none;
	font-size: 14px;
	text-align: left;
	min-height:150px;
	font-family: 'Noto Sans KR';
	/* 1019 추가 */
	vertical-align:middle;
}

.inPut {
	width: 100%;
	border: none;
	font-size: 14px;
	text-align: right;
	font-family: 'Noto Sans KR';
}

/* table tbody {
	text-align: center;
} */

.list_btn_wrap{width: 1100px; display: flex; justify-content: right; margin-top:5px;}
.list_btn_wrap .top_btn{float:left; font-size:14px; padding:5px 10px; min-width:80px;}
.table_btm_btn{float:right;}
.table_btm_btn .btns{float:left; font-size:14px; padding:5px 10px;}
.table_btm_btn .top_btn{min-width:80px;}
.btns {
	height: 35px;
	border-radius: 3px;
	background-color: #323641;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
	margin: 5px;
}

.btns:last-child{
	margin-right:0;
}

.btns_close {
	width: 80px;
	height: 35px;
	border-radius: 3px;
	background-color: #ddd;
	border: 0px;
	cursor: pointer;
	color: #323641;
	font-weight: 400;
}

.btns:hover {
	background-color: #1c1e25;
}

.btns_close:hover {
	background-color: #ccc;
}
.wave {
	padding : 5px 10px;
}

.pagination {
  text-align:center;
  width: 313px;
  margin : auto;
}
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}
.pagination a.active {
  background-color: #47b89f;
  color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}

.pnt { 
    cursor:pointer;
}
/* width 50 per - 2019-12-16 by.jyj */
.w-50-per {
	width: 50%;
}
.float-left {
	float: left;
}
.clear {
	clear: both;
}
.checkBox input{
	margin-left:15px;
	vertical-align:-3px;
	padding-right: 15px;
}
.sub_Table {
	text-align:center; 
	padding-left:20px; 
	font-size: 18px; 
	background: #fff
}
/* .hr_color {
	border:solid 0.5px #4CAF50;
} */
small {
	color: #9A9A9A;
    font-weight: 300;
    line-height: 1.5;
    padding-left:10px;
    font-size: 23px;
}
smaller {
	color: #ccc;
    font-weight: 300;
    line-height: 1.5;
    padding-left:10px;
    font-size: 20px;
}
.datePicker {
	border: solid 0.5px;
	width: 100%;
	margin: 0;
	padding: 5px;
	font-size: 13px;
	border: solid;
	border-color: #D8D8D8;
	border-width: 0.05px;
	box-sizing: border-box;
	border: none;
	text-align: left;
}
.btns_DL{
	width:500px;
	font-size:14px;
	height: 35px;
	border-radius: 3px;
	background-color: #323641;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 300;
	margin: 10px;
}
.btns_DL2{
	width:200px;
	font-size:14px;
	height: 35px;
	border-radius: 3px;
	background-color: #323641;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 300;
	margin: 5px;
}
.btns_UL{
	width:500px;
	font-size:20px;
	height: 35px;
	border-radius: 3px;
	background-color: #ccc;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
}
label.btns_UL2 {padding: 8px 65px;}
.btns_UL2{
	width:200px;
	font-size:14px;
	height: 35px;
    border-radius: 3px;
    background-color: #ccc;
    border: 0px;
    cursor: pointer;
    color: black;
    font-weight: 300;
    margin: 5px;
}
.btns_UL:hover {
	width:500px;
	font-size:20px;
	height: 35px;
	border-radius: 3px;
	background-color: #B3B3B3;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
}
.btns_yes {
	width: 80px;
	height: 35px;
	border-radius: 3px;
	background-color: #218ae5;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
}
.btns_yes:hover {
	width: 80px;
	height: 35px;
	border-radius: 3px;
	background-color: #1D7ACC;
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
}
.right {
	float:right;
}
.talign_r {text-align: right;}
.talign_c {text-align: center;}
.unit {
	width: 80%;
}
/* .bold th{
	font-weight: bold;
} */
.red {
	color : red;
	margin-bottom: 5px; 
}
.con_tit4 {font-size:15px; font-weight: 300; margin-top:0px; line-height: 180%;}
.noUse {
	background-color: #f8f8f8;
}
.gg input {
	margin-left:15px;
	vertical-align:-3px;
	padding-right: 15px;
	border : solid 1px black;
}
.gg {
	height:60px;
	text-align:left;
}
.gg p{
	float: left;
	width: 68px;
}
.bg {
	text-align:left;
}
.bg input {
	margin-left:15px;
	vertical-align:-3px;
	padding-right: 15px;
}
.bg p{
	float:left;
	margin-top:25px;
}
/* .inLine {
	display:inline;
} */
.marginBottom {
	margin-bottom : 10px;
}

.search ul li{
	float:left;
}

.tbl_basic input[type="text"], .datapicker_input {
	width:100%;
	margin:0;
	padding:5px;
	font-size:14px;
	border:solid;
	border-color:#D8D8D8;
	border-width:0.05px;
	box-sizing: border-box;
}

.laypop{
	border:solid 0.5px #ccc; 
	width: 40%;
	padding: 5px; 
	font-size: 13px;
}

.laypop2{
	border:solid 0.5px #ccc; 
	width: 40%;
	padding: 5px; 
	font-size: 13px;
}
.srch_box2 {width: 1100px; padding:15px 0; background-color: white; border: solid #e2e2e2 1px; margin:20px 0; /* min-width:1200px; */}
.board_select {width: 160px; margin-right: 5px;}
.tbl_basic .w_date .date {
  width: 150px;
  background: url(/images/icon_date.png) no-repeat right 10px center;
}

.tbl_basic .result > span {
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}

.tbl_basic .file {
  margin-right: 5px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/images/icon_file.png) no-repeat 0 0;
}
.tbl_basic .point span {color: #d41212;}
.busiFile_tr tr {height: 66px;}