@charset "utf-8";

.notice-box .notice-title { position: relative; *zoom: 1; }
.notice-box .notice-title a { position: relative; display: inline-block; }
.notice-box .notice-title .title {text-align: left; }
.notice-box .notice-title .title a { font-size: 18px;font-weight: 700;letter-spacing: -1.5px; color: #212121; }
.notice-box .notice-title .action { position:absolute;right:0;top:5px;}
.notice-box .notice-title .action a { padding-right: 10px; font-size: 12px; color: #999; }
.notice-box .notice-title .action a:after { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 5px; height: 5px; margin-top: -2.5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.notice-box .notice-list { margin-top: 10px; }
.notice-box .notice-list li{position:relative;text-align:left;padding-left:10px;}
.notice-box .notice-list li:before{content:'';position:absolute;left:0;top:50%;margin-top:-4px;width:2px;height:2px;background-color:#212121;border-radius:50%;}
.notice-box .notice-list li a{font-size: 13px;font-weight: 300;line-height: 1.3;letter-spacing: -0.5px;color: #212121;padding-bottom:3px;display:inline-block;width:94%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notice-box .notice-list li a:hover{color:#f00;}

.notice-dimmed { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:2000;}

/* .NET ÀüÈ¯ ÈÄ »èÁ¦ */
.main-notice .title{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.main-notice .btn-more{position:absolute;right:0;top:0;}
@media screen and (min-width: 720px){
	.main-notice .btn-more{position:absolute;right:0;top:55px;}
}


/* °ø½Ã»çÇ× ·¹ÀÌ¾îÆË¾÷ ½ºÅ¸ÀÏ */
/* .notice-layer { display:none; position:fixed; top: 0; right: 0; left: 0; width: 100%; max-width: 640px; margin: 0 auto; border:1px solid #000; z-index:2001;background:#fff;} */
.notice-layer .eduf-layer-wrap{max-width: 640px;margin: 0 auto;background:#fff;}
.notice-layer .eduf-layer-close{top:7px;right:0;width:43px;height:43px;}
.eduf-layer-close:before, .eduf-layer-close:after{width:24px;height:1px;}

.notice-layer * { line-height: normal;  font-family: "Noto Sans KR", Sans-Serif;}
.notice-layer a{color: #212121;}
.notice-layer, .notice-layer:before, .notice-layer:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.notice-layer .ellipsis { display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.layer-close{position:absolute;top:0;right:0;width:43px;height:43px;z-index:2;}
.layer-close a:before,
.layer-close a:after{content:'';position:absolute;top:50%;left:50%;display:block;width:15px;height:1px;margin-left:-7px;background-color:#aaa;}
.layer-close a:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.layer-close a:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.notice-layer .layer-head { position:relative; padding: 20px; background:#3f4454;}
.notice-layer .layer-head p { margin:0; padding:0;}
.notice-layer .layer-head .layer-title { color:#fff; font-size: 1rem; text-align:left; font-weight:500;}

.notice-layer .layer-body {padding: 10px; }
.notice-layer .layer-wrap .search { position:relative; overflow:hidden; margin-bottom:10px; width: auto; float: none;height: auto;border: 0 none;background-image: none;}
.notice-layer .layer-wrap .search select { display: block; float:left; width: 20%; margin-right: 1%; padding:2px 5px; height:32px; font-size: .75rem; color:#888; border:1px solid #dedede;}
.notice-layer .layer-wrap .search input { display: block; float:left; width: 58%; margin-right: 1%; padding:6px 10px; height:32px; box-sizing:border-box; border:1px solid #dedede; }
.notice-layer .layer-wrap .search a { display: block; float:left; width: 20%; height:32px; font-size: .875rem; color:#fff; letter-spacing:-1px; text-align:center; line-height:32px; background:#393d44;}

.notice-layer .layer-wrap.scroll_con { padding-right:4px; width: 100%; overflow-y:scroll; overflow-x:hidden;}
.notice-layer .layer-wrap { width: 100%; }
.notice-layer .layer-wrap .board-list { border-top:1px solid #727272;height:300px;overflow-y:auto;}
.notice-layer .layer-wrap .board-list table thead th { padding: 3% 0; text-align:center; font-size: .875rem; color:#444; font-weight:300; vertical-align:middle; background:#f4f4f4; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.notice-layer .layer-wrap .board-list table td { padding: 3% 0; text-align:center; font-size: .875rem; font-weight:300; color:#000; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; vertical-align:middle;}
.notice-layer .layer-wrap .board-list table tr.noti td { background:#edf0f6;}
.notice-layer .layer-wrap .board-list table td{font-family:'Verdana' !important; color:#888; letter-spacing: -1px; }
.notice-layer .layer-wrap .board-list table td:nth-child(2){ text-align:left; padding-left: 5px; color:#000;}
.notice-layer .layer-wrap .board-list table td:nth-child(2) a {width:96%;color:#000; font-weight:500; letter-spacing:-1px;display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.notice-layer .layer-wrap .board-list table td.highlight a{color:#f00;}
.notice-layer .layer-wrap .board-list table td:nth-child(2) a img { display:inline-block; margin-left:5px;}
.notice-layer .layer-wrap .board-list table td:nth-child(2) a.ellipsis { width:98%;}
.notice-layer .layer-wrap .board-list table tr th:first-child, 
.notice-layer .layer-wrap .board-list table tr td:first-child { border-left:0 none;}

.notice-layer .layer-wrap .board-view{border-bottom:1px solid #727272;}
.notice-layer .layer-wrap .board-view table { border-top:1px solid #727272; }
.notice-layer .layer-wrap .board-view table th { height:38px; text-align:center; font-size: .875rem; color:#444; font-weight:400; vertical-align:middle; background:#f4f4f4; border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;}
.notice-layer .layer-wrap .board-view table td { padding: 3% 5px; text-align:left; font-size: .875rem; font-weight:400; color:#000; border-bottom:1px solid #dfdfdf; vertical-align:middle;}
.notice-layer .layer-wrap .board-view table td.file{padding: 5px 0 5px 5px;}
.notice-layer .layer-wrap .board-view table td.file a{width:90%;display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-left: 15px; font-size: .875rem; font-weight:400; color:#3f63bf; background:url('//img.eduwill.net/resources/common/web/images/bbslayer/ico_file.gif') 0 50% no-repeat; background-size: 13px 15px; }
.notice-layer .layer-wrap .board-view table td:nth-child(4){font-family:'Verdana' !important; color:#888; font-size: .75rem; letter-spacing: -1px; }
.notice-layer .layer-wrap .board-view .view-cont { height: 300px; color:#000; font-size: .875rem; font-weight:300; overflow-y:scroll;}

.notice-layer .paging{margin-top: 20px;text-align: center; display: block; }
.notice-layer .paging a{position: relative;display: inline-block;width: 10px;height: 24px;margin: 0 5px;text-align: center;line-height: 22px;vertical-align: middle;font-size: 14px;font-weight: 500;color: #555;font-family: "Roboto", "Noto Sans KR", Sans-Serif;}
.notice-layer .paging a.control { margin: 0;width: 22px;height: 22px;text-align: center;border: 1px solid #ccc; -webkit-box-sizing: border-box;box-sizing: border-box;}
.notice-layer .paging a.control:before {content: ' ';position: relative;top: -4px;display: inline-block;width: 6px;height: 6px;border-width: 0;border-style: solid;border-color: #777;background-color: transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.notice-layer .paging a.control-prev { margin-right: 10px;}
.notice-layer .paging a.control-prev:before {margin-left: 2px;border-bottom-width: 1px;border-left-width: 1px;}
.notice-layer .paging a.control-next {margin-left: 10px;}
.notice-layer .paging a.control-next:before {margin-right: 2px;border-top-width: 1px;border-right-width: 1px;}
.notice-layer .paging a.active {color: #3f63bf;font-weight: 700;}

.notice-layer .list-more { margin-top: 20px; }
.notice-layer .list-more a { display: block; padding: 10px 0; text-align: center; line-height: normal; font-size: .875rem; font-weight: 500; color: #fff; background: #3f4454; }

.notice-layer .btn-group { padding:10px 0 0; text-align: center;}
.notice-layer .btn-group a { display:inline-block; width: 48%; padding: 10px 0; font-size: .875rem; color:#333; font-weight:500; text-align:center; border:1px solid #3f4454;}
.notice-layer .btn-group a:nth-child(2){ color:#fff; background:#3f4454;}

.notice-layer .layer-wrap .write_tbl { border-top:1px solid #727272;}
.notice-layer .layer-wrap .write_tbl table th { height:34px; text-align:center; font-size:12px; color:#666; font-weight:300; vertical-align:middle; background:#f4f4f4; border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;}
.notice-layer .layer-wrap .write_tbl table td { padding:5px; text-align:left; font-size: .875rem; font-weight:300; color:#666; border-bottom:1px solid #dfdfdf;}
.notice-layer .layer-wrap .write_tbl table td input { padding:5px; width:100%; height:27px; font-family:'µ¸¿ò', 'dotum'; color:#000; letter-spacing:-1px; box-sizing:border-box; border:1px solid #dedede;}
.notice-layer .layer-wrap .write_tbl table td textarea { padding:15px; width:100%; height:480px; font-family:'µ¸¿ò', 'dotum'; color:#000;  letter-spacing:-1px; box-sizing:border-box; border:1px solid #dedede; resize:none; line-height:18px;}
.notice-layer .layer-wrap .write_tbl table td .grade { margin:0 0 0 5px;}

.page_control { margin:30px 0 0;}
.page_control ul { border-top:1px solid #ddd;}
.page_control ul li {position:relative; height:38px; border-bottom:1px solid #ddd;}
.page_control ul li:after { content:' '; clear:both; display:block; overflow:hidden;}
.page_control ul li > div { float:left; height:38px; line-height:38px;}
.page_control ul li > div.subj { padding-left:44px; width:58px; font-size: .875rem; color:#666; font-weight:400; text-align:left;}
.page_control ul li > div.subj.up { background:url('//img.eduwill.net/resources/common/web/images/bbslayer/ico_up.gif') 19px center no-repeat;}
.page_control ul li > div.subj.down { background:url('//img.eduwill.net/resources/common/web/images/bbslayer/ico_down.gif') 19px center no-repeat;}
.page_control ul li > div.post_title { width:498px;}
.page_control ul li > div.post_title a { display:inline-block; width:490px; font-size: .875rem; color:#333; font-weight:400; line-height:38px; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.page_control ul li > div.post_title span { display:inline-block; width:490px; text-align:left; color:#888; font-size: .875rem;}
.page_control ul li > div.post_date { width:120px; text-align:center; font-family:'Verdana' !important; color:#888; font-size:12px;}

@media screen and (min-width: 720px){
	/* .notice-layer { top:50%; right: auto; left:50%;margin-left:-320px; margin-top:-365px; } */ /*  min-height:730px; */

	.layer-close{ width: 49px; height: 49px; }
	.layer-close a:before,
	.layer-close a:after{ width: 25px; margin-left: -15px; }

	.notice-layer .layer-head .layer-title { font-size: 18px; }

	.notice-layer .layer-wrap .search .fr { float: right; }
	.notice-layer .layer-wrap .search select { float: left; margin-right:5px; padding: 2px 5px; }
	.notice-layer .layer-wrap .search input { float: left; padding:6px 10px; width: 143px; }
	.notice-layer .layer-wrap .search a { float: right; width: 80px; }

	.notice-layer .layer-wrap.scroll_con { height:596px; }
/* 	.notice-layer .layer-wrap { min-height:596px; } */
	.notice-layer .layer-body {padding: 30px 30px 30px;}
	.notice-layer .layer-wrap .board-list{height:100%;}
	.notice-layer .layer-wrap .board-list table thead th { padding: 10px 0; text-align:center; font-size: 13px; }
	.notice-layer .layer-wrap .board-list table td { padding: 10px 0; font-size: 13px; }
	.notice-layer .layer-wrap .board-list table td:nth-child(2) { padding-left: 10px; }

	.notice-layer .layer-wrap .board-view table th { font-size: 13px; }
	.notice-layer .layer-wrap .board-view table td { padding-left: 10px; font-size: 13px; }
	.notice-layer .layer-wrap .board-view table td:nth-child(4) { font-size: 12px; }
	.notice-layer .layer-wrap .board-view .view-cont { font-size: 13px; }

	.notice-layer .paging { display: block; }
	.notice-layer .list-more { display: none; }

	.notice-layer .btn-group{text-align:right;}
	.notice-layer .btn-group a { width:78px; }
}