@charset "utf-8"; 
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

#ezsBBS .fileBtn {color: #777 !;}


#ezsBBS .color_1 { color:#006cc8; }
#ezsBBS .txt-c { text-align:center; }

/*Basic*/
#ezsBBS { width:100%; margin:0 auto; }
#ezsBBS a, #ezsBBS a:hover, #ezsBBS a:active, #ezsBBS a:visited  { text-decoration:none; }
#ezsBBS > login { width:100%; margin:0 auto; float:right; }

#ezsBBS p { margin-bottom:5px; }

#ezsBBS table { width:100%; }
#ezsBBS table th { /*border-left:1px solid #d7d7d7;*/ border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:0px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:40px; font:normal 13px 'NBG'; color:#434343; /*background:url('../images/comm/line_th.png') repeat*/ vertical-align:middle;}
#ezsBBS table th:first-child { /*border-left:1px solid #d7d7d7;*/ border-top:1px solid #d7d7d7; border-left:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:40px; font:normal 13px 'NBG'; color:#434343; /*background:url('../images/comm/line_th.png') repeat*/}
#ezsBBS table td { font:normal 12px 'Dotum'; color:#666; padding:16px 8px; border-bottom:1px solid #dddddd; height:12px; vertical-align:middle; }
#ezsBBS table td span.title { font:normal 12px 'Dotum'; color:#666; padding:16px 8px; }
#ezsBBS table td span.title a { font:normal 12px 'Dotum'; color:#666; padding:16px 8px; }
#ezsBBS table td span.title a > span { font:normal 12px 'Dotum'; color:#667b82; }
#ezsBBS table td span.title a:hover { color:#333; padding:16px 8px; }
#ezsBBS table td a { cursor:pointer; }

#ezsBBS .fileBox { text-align:center; }
#ezsBBS .fileBox a { float:left; min-width:45px; }

#ezsBBS table td p.title { padding:0 16px 6px 16px; }
#ezsBBS table td p.title span { display:inline-block; padding-top:2px; }

#ezsBBS .price_hwp { margin-top:5px; font:700 12px 'Lato'; color:#4289c9; padding:0px; min-height:21px; }
#ezsBBS .price_adobe { margin-top:5px; font:700 12px 'Lato'; color:#e33625; padding:0px; min-height:21px; }
#ezsBBS .price_no_hwp { margin-top:9px; font:normal 11px 'Dotum'; color:#4289c9; padding:0px; min-height:18px; }
#ezsBBS .price_no_adobe { margin-top:9px; font:normal 11px 'Dotum'; color:#e33625; padding:0px; min-height:18px; }
#ezsBBS .price_no_data_hwp { margin-top:9px; font:normal 11px 'Dotum'; color:#878787; padding:0px; min-height:18px; }
#ezsBBS .price_no_data_adobe { margin-top:9px; font:normal 11px 'Dotum'; color:#878787; padding:0px; min-height:18px; }

#ezsBBS > table.list { width:100%; border-top: 2px solid #2658b2; }

/*Page*/
#ezsBBS > div.paging {text-align:center; padding:15px 0 0; }
#ezsBBS > div.paging > a {display:inline-block; margin:0 1px; vertical-align:middle; width:30px; height:30px; font:normal 12px 'Lato'; color:#666; line-height:30px; border:1px solid #a7a7a7; }
#ezsBBS > div.paging > a:hover {text-decoration:none; }
#ezsBBS > div.paging > a.on {display:inline-block; width:30px; height:30px; border:1px solid #1096da; background:#1096da; color:#fff; }
#ezsBBS > div.paging .btn_prev {border:0; background:url('../../web/images/board/page_arrow.png') no-repeat 5px 6px; }
#ezsBBS > div.paging .btn_next {border:0; background:url('../../web/images/board/page_arrow.png') no-repeat 13px -44px; }

/*Search*/
#ezsBBS > div.search {padding:30px 0 0; }
#ezsBBS > div.search dl {border:1px solid #999; overflow:hidden; width:384px; margin:0 auto; }
#ezsBBS > div.search dd {float:left; height:31px; }
#ezsBBS > div.search dd.right {float:right}
#ezsBBS > div.search dd.txt {width:83px; text-align:center; font:normal 11px 'Lato'; }
#ezsBBS > div.search dd.txt > span {display:block; height:11px; line-height:11px; margin-top:10px; border-right:1px solid #d5d5d5; }
#ezsBBS > div.search input {border:0; height:31px; width:270px; padding:0px 10px; font:normal 12px 'Dotum'; color:#666; }
#ezsBBS > div.search button {border:0; width:31px; height:31px; background:#999 url('../../web/images/board/icon_search.png') no-repeat center; cursor:pointer; }

/*Write*/
#ezsBBS > h2 {background:url('../../web/images/board/h3-bar.png') no-repeat; padding:20px 0 10px; min-height:30px; font:normal 1.65em 'NBG'; color:#222;}
#ezsBBS > table.write { border-top: 2px solid #2658b2; }
#ezsBBS > table.write th { text-align:left; vertical-align:middle; color:#64717d; padding:0 15px; background:#ebeef0; border:none; border-bottom:1px solid #dfdfdf; font:normal 14px 'NBG'; }
#ezsBBS > table.write td { text-align:left; padding:12px 15px; _background:#fcfcfc; border:none; border-bottom:1px solid #dfdfdf; font:normal 12px 'Dotum'; }
#ezsBBS > table.write input, #ezsBBS > table.write textarea, #ezsBBS > table.write select { vertical-align:middle; border:1px solid #e2e2e2; line-height:120%; padding:5px 6px; font:normal 12px 'Dotum'; }
#ezsBBS > table.write input[type=file] { padding:1px 6px;}
#ezsBBS > table.write input[type=radio] { margin-right:3px; margin-left:12px; vertical-align:middle; }
#ezsBBS > table.write input[type=radio]:first-child { margin-right:3px; margin-left:0; vertical-align:middle; }
#ezsBBS > table.write dl dd { padding:5px 0 0 0; }
#ezsBBS > table.write dl dd:first-child { padding:0; }
#ezsBBS > table.write a { border:0; display:inline-block; padding:0.5em 1em; margin:0 0.25em; border-radius:3px; font:normal 1em 'NBG'; color:#fff; background:#646464; cursor:pointer; }
#ezsBBS > table.write a.btn-Red {background:#df3735; }
#ezsBBS > table.write a:hover {background:#323232; }
#ezsBBS > table.write a.btn-Red:hover { background:#bf0005;}

/*View*/
#ezsBBS .view p.imgView { text-align:center; padding:15px 0 5px 0;  }
#ezsBBS .view p.thebody { padding:20px 0 20px 0; font:normal 12px 'Dotum'; line-height:16px; }
#ezsBBS .view p.thereply { margin-top:10px; font:bold 12px 'Dotum'; line-height:16px; background:#ecf0f1; padding:7px 14px; border-radius:10px; color:#667579; }
#ezsBBS .view dl dt { float:left; padding:4px 0 0 0; width:12%; font:normal 13px 'NBG'; color:#434343; }
#ezsBBS .view dl dd { float:left; }
#ezsBBS .view dl dd:first-child { width:12%; }
#ezsBBS .view dl dd > p { padding:0 0 0 2px; font:normal 12px 'Dotum'; color:#666; line-height:180%; }
#ezsBBS .view dl dd > p img { padding-top:2px; }
#ezsBBS .view dl dd > p > a { background:#999; color:#fff; padding:2px 6px; border-radius:3px; }
#ezsBBS .reply { padding:5px 0 2px; font-weight:normal; }
#ezsBBS .reply li { border-top:1px solid #dfdfdf; padding:17px 10px; color:#888; position:relative; font:normal 12px 'Dotum'; }
#ezsBBS .reply li:first-child { border-top:0; }
#ezsBBS .reply .del { position:absolute; right:0; top:17px; }
#ezsBBS .reply .del > a { margin:0 5px; font-size:12px; color:#888; }
#ezsBBS .reply .del .comment_n { margin:0 5px; font-size:12px; color:#888; background:#fff; border:none; }
#ezsBBS .reply span { display:block; font:normal 12px 'Dotum'; margin-bottom:7px; }
#ezsBBS .reply .replyer { font:normal 12px 'Dotum'; color:#459ee9; }
#ezsBBS .reply .replyer em { color:#bbb; padding-left:5px; font:normal 11px 'Lato'; }
#ezsBBS .relpy_login { text-align:center; padding:30px 0; color:#999 !important; background:#fefefe !important; font:normal 12px 'NBG'; }
#ezsBBS .relpy_login > a { color:#006cc8 !important; }
#ezsBBS .reply_write { padding:12px 0; }
#ezsBBS .reply_write button[type=submit].submitBtn  { vertical-align:middle; width:120px; margin-left:10px; height:60px; border:0; background:#777; color:#fff; border-radius:3px; }
#ezsBBS .reply_write button[type=button].fileBtn { vertical-align:middle; width:75px; height:26px; padding:0 0 2px 0; background:#f6f6f6; border:1px solid #c4c4c4;; color:#777; border-radius:0px; font-size:11px; margin:4px 0 0 0; }
#ezsBBS .reply_write textarea { vertical-align:middle; border:1px solid #e2e2e2; background:#fafafa; width:844px; height:60px; padding:10px; font:normal 12px 'Dotum'; }
#ezsBBS .reply_e_write { padding:12px 0; }
#ezsBBS .reply_e_write button[type=submit].submitBtn  { vertical-align:middle; width:120px; margin-left:10px; height:60px; border:0; background:#777; color:#fff; border-radius:3px; }
#ezsBBS .reply_e_write button[type=button].fileBtn { vertical-align:middle; width:75px; height:26px; padding:0 0 2px 0; background:#f6f6f6; border:1px solid #c4c4c4;; color:#777; border-radius:0px; font-size:11px; margin:4px 0 0 0; }
#ezsBBS .reply_e_write textarea { vertical-align:middle; border:1px solid #e2e2e2; background:#fafafa; width:792px; height:38px; padding:10px; font:normal 12px 'Dotum'; }
#ezsBBS .fa-download { margin-top:4px; }

/*List*/
#ezsBBS .txtc { text-align:center; }
#ezsBBS .txtN { font:normal 12px 'Lato'; letter-spacing:0; }
#ezsBBS .iconNotice { color:#e74c3c; font-weight:bold; }
#ezsBBS .iconSecret {padding:0 0.25em 0 0; vertical-align:middle; }
#ezsBBS .iconSecret img { vertical-align:top; }
#ezsBBS .iconReply { padding-left:9px; }
#ezsBBS .iconInfo { color:#fff; margin:0 7px 0 14px; font:normal 10px 'Lato'; display:inline-block; padding:2px 7px 3px 7px; line-height:9px; border-radius:2px; background:#f89800; }
#ezsBBS .iconNew { color:#fff; margin-left:7px; font:normal 10px 'Lato'; display:inline-block; padding:2px 3px 3px; line-height:9px; border-radius:2px; background:#f89800; }
#ezsBBS .news > span { border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; display:block; width:100%; color:#666; }
#ezsBBS span.recipe_thum { width:100px; display:inline-block; padding-right:15px; vertical-align:middle; }
#ezsBBS span.recipe_thum > img { width:100px; border:1px solid #d9d9d9; }
#ezsBBS span.title_cate { display:inline-block; padding-right:10px; font:normal 1em 'nng'; color:#f66006; }

/*Button*/
#ezsBBS .bbs_login {overflow:hidden; padding:0 0 5px 0; }
#ezsBBS .bbs_login a:hover {text-decoration:none; }
#ezsBBS .bbs_login .btn_n {display:inline-block; margin:0 2px; border-radius:3px; background:#b1bec9; padding:2px 7px; color:#fff; border:0;  cursor:pointer; float:right; font:normal 13px 'Lato'; }
#ezsBBS .bbs_btn {overflow:hidden; padding:15px 0 0; font-size:13px; }
#ezsBBS .bbs_btn a:hover {text-decoration:none;  }
#ezsBBS .bbs_btn .btn_n {display:inline-block; margin:0 2px; border-radius:3px; background:#b1bec9; padding:7px 12px; color:#fff; border:0;  cursor:pointer; }
#ezsBBS .bbs_btn .btn_big {display:inline-block; margin:0 2px; font-size:16px; border:1px solid #e2e2e2; background:#fff; padding:10px 30px 13px 30px; color:#888; }
#ezsBBS .bbs_btn .btn_big.ok {border:1px solid #0088f0; background:#0088f0; color:#fff; }
#ezsBBS .bbs_btn .btn_l {float:left; }
#ezsBBS .bbs_btn .btn_r {float:right; }
#ezsBBS .btn_today {display:inline-block; margin:0 2px; border-radius:3px; background:#a3d39c; padding:4px 12px 8px 12px; color:#fff; border:0;  cursor:pointer; }
#ezsBBS .btn_month {display:inline-block; margin:0 2px; border-radius:3px; background:#fbaf5d; padding:4px 12px 8px 12px; color:#fff; border:0;  cursor:pointer; }

#ezsBBS .photo_gallery li {display:inline-block; vertical-align:top; padding:0 5px 20px; }
#ezsBBS .photo_gallery .thum {border:1px solid #dfdfdf; border-bottom:0; padding:11px 11px 0; }
#ezsBBS .photo_gallery .thum > img {width:100%; max-height:420px; }
#ezsBBS .photo_gallery .photo_info {border:1px solid #dfdfdf; border-top:0; padding:10px; }
#ezsBBS .photo_gallery .photo_info .title {display: inline-block; padding:0 0 5px;   font-size:12px;  }
#ezsBBS .photo_gallery .photo_info .date {font:normal 12px 'Lato'; color:#bbb; padding:0 5px; }
#ezsBBS .photo_gallery .photo_info .writer {font-size:11px; color:#459ee9; }

#ezsBBS .cm_txt { font:normal 12px 'Dotum'; color:#e74c3c; }
#ezsBBS .admin-loginForm {width:60%; padding:80px 0;  margin:0 auto; text-align:center; border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#ezsBBS .admin-loginForm .point {color:#0b64f9; font-weight:100 !important; }
#ezsBBS .admin-loginForm .title {font:100 2.5em 'NBG'; color:#222;}
#ezsBBS .admin-loginForm .info-message {font:normal 1.25em 'NBG'; color:#999; }
#ezsBBS .inputCss {padding:3em 0; overflow:hidden; width:300px; margin:0 auto; }
#ezsBBS .inputCss dd {float:left; }
#ezsBBS .inputCss input {border:1px solid #c5c5c5; padding:1.25em; width:210px; }
#ezsBBS .inputCss button {background:#c5c5c5; color:#fff; font:normal 1.35em 'Lato'; border:0; height:46px; width:55px;  }

#ezsBBS .admin_btn {border:1px solid #e2e2e2; background:#fff; color:#777; border-radius: 2px; padding:0.35em 0.75em; font-size:12px; margin-right:0.45em; }

#ezsBBS .admin_btn_reply { border:none; background:#fff; color:#777; padding:0 0.35em; font-size:12px; }
#ezsBBS [class*="admin_btn_reply_"] { border:none; background:#fff; color:#777; padding:0 0.35em; font-size:12px; }

#ezsBBS h3 {background:url('../../web/images/board/h3-bar.png') no-repeat; padding:20px 0 10px; min-height:30px;  font:normal 1.65em 'NBG'; color:#222; margin-top:20px; }

#ezsBBS .teacherInfo { border:1px solid #d7d7d7; border-bottom:2px solid #f5f5f5; padding:25px; background:url('../../web/images/board/icon-dot.png') repeat-x bottom; color:#313131; }
#ezsBBS .teacherInfo:before, .teacherInfo:after { display:table; content:""; line-height:0; }/*use*/
#ezsBBS .teacherInfo:after { clear:both; }/*use*/
#ezsBBS .teacherInfo_aside { float:left; margin-right:30px; }/*use*/
#ezsBBS .teacherInfo_aside img { width:168px; border:1px solid #dddddd; }
#ezsBBS .teacherInfo_cnt_no_flow { overflow:hidden; }/*use*/
#ezsBBS .teacherInfo_cnt_no_flow > div { width:50%; margin-right:0%; float:left; display:block; overflow:hidden; min-height:116px; }
#ezsBBS .teacherInfo_cnt_no_flow > div:first-child { width:47%; margin-right:3%; }
#ezsBBS .teacherInfo_cnt_no_flow > div:before, .teacherInfo_cnt_no_flow > div:after { display:table; content:""; line-height:0; }/*use*/
#ezsBBS .teacherInfo_cnt_no_flow > div:after { clear:both; }/*use*/
#ezsBBS .teacherInfo_cnt_no_flow > div ul li { list-style:none; color:#313131; border-bottom:1px solid #f1f1f1; padding:6px 0 8px 0; }
#ezsBBS .teacherInfo_cnt_no_flow > div ul li > span { color:#616161; }
#ezsBBS .teacherInfo_cnt_no_flow .fa-chevron-right { font:400 8px "FontAwesome"; vertical-align:middle; color:#b1bec9; }
#ezsBBS .teacherInfo_cnt_no_flow p { display:block; color:#313131; border-bottom:1px solid #f1f1f1; padding:6px 0 8px 0; }
#ezsBBS .teacherInfo_cnt_no_flow p > span { color:#616161; }

#ezsBBS .teacherInfo_title { text-align:center; border-bottom:2px solid #e5e5e5; padding-bottom:10px; }
#ezsBBS .teacherInfo_content .fa-chevron-right { font:400 8px "FontAwesome"; vertical-align:middle; color:#b1bec9; }
#ezsBBS .teacherInfo_content { padding-top:10px; width:50%; float:left; display:block; margin-bottom:10px; }
#ezsBBS .teacherInfo_content > div:before, .teacherInfo_content > div:after { display:table; content:""; line-height:0; }/*use*/
#ezsBBS .teacherInfo_content > div:after { clear:both; }/*use*/
#ezsBBS .teacherInfo_content ul li { list-style:none; color:#313131; border-bottom:1px solid #f1f1f1; padding:6px 0 8px 0; }
#ezsBBS .teacherInfo_content ul li > span { color:#616161; }

#ezsBBS .give_heart {border:1px solid #e94158; background:#fff; color:#313131; font:bold 12px 'Dotum'; min-width:48px; padding:20px 23px 18px 23px; text-align:center; }
#ezsBBS .give_heart img {display:block; width:23px; padding-bottom:3px; margin:0 auto; }

#ezsBBS .down_table { border:1px solid #b1bec9; }
#ezsBBS .down_table th { padding:3px 5px 0px 5px; border-left:1px solid #fff; background:#b1bec9; color:#fff;  }
#ezsBBS .down_table th:first-child { border-left:none; }
#ezsBBS .down_table td { padding:3px 5px 0px 5px;  border-left:1px solid #b1bec9; }
#ezsBBS .down_table td:first-child { border-left:none; }

/*로그인페이지공통*/
#ezsBBS .loginPopup {width:500px; margin:0 auto; background:#fff; }
#ezsBBS .loginPopup h1 {background:#009ae1; color:#fff; font:100 30px 'Lato';  padding:0.4em 0.5em; height:40px; }
#ezsBBS .lgnCont {width:350px; margin:0 auto; padding:2em 0 1.75em; }
#ezsBBS .lgnCont p {padding:0.75em 0 0 100px;; }
#ezsBBS .lgnCont p.saveId {font-size:12px; color:#888; }
#ezsBBS .frmType {overflow:hidden;  padding:0.25em 0; }
#ezsBBS .frmType dt, .frmType dd {float:left; }
#ezsBBS .frmType dt {width:100px; padding:0.55em 0; font-size:14px; }
#ezsBBS .loginPopup input[type=text], .loginPopup input[type=password] {border:1px solid #e5e5e5; height:38px; padding:0.5em 0.75em; width:250px;  }
#ezsBBS .loginPopup .login_ok {width:160px; line-height:14px; height:48px; font-size:14px; background:#009ae1; color:#fff; border:0; }
#ezsBBS .helpBox {width:450px; margin:0 auto; border-top:1px dotted #ccc; padding:1em 1em 1.75em;  overflow:hidden; font-size:12px; color:#888; }
#ezsBBS .helpBox li {float:left; width:60%;  }
#ezsBBS .helpBox li:first-child {float:left; width:40%;  }
#ezsBBS .helpBox .member_btn {margin-top:0.5em; background:#bbb; color:#fff; display:inline-block; font-size:12px; padding:0.45em 0.5em; }
#ezsBBS .popFooter {_background:#fafafa;  padding:0.5em; text-align:right; }
#ezsBBS .popFooter .close {background:#999; color:#fff; border:0; font-size:11px; font-family:'Lato'; padding:0.25em 0.5em; }

#ezsBBS .AccountinfoBox { width:100%; display:block; border:1px solid #ebeef0; background:#f6f8f9; padding:0px 20px 20px 20px; }
#ezsBBS .AccountinfoBox h4 { font:normal 14px 'NBG'; color:#0083ce; line-height:20px; margin-bottom:0px; margin-top:10px; background:none; }
#ezsBBS .AccountinfoBox h4 i { margin-top:3px; margin-right:5px; }

#ezsBBS .AccountinfoBox2 { width:100%; display:block; border:1px solid #ebeef0; background:#f6f8f9; padding:15px 20px 15px 0; }
#ezsBBS .AccountinfoBox2 h5.bank { font:bold 16px 'NBG'; color:#0083ce; /*line-height:20px; margin-bottom:10px; margin-top:20px;*/ height:26px; padding:10px 0 0 30px}
#ezsBBS .AccountinfoBox2 h5.bank span.txx { color:#232323;}
#ezsBBS .AccountinfoBox2 h5.bank img {height:26px; vertical-align:middle; padding-right:20px; display:inline-block}
#ezsBBS .AccountinfoBox2 p {padding:0 30px; display:inline-block; line-height:25px;}
#ezsBBS .AccountinfoBox2 p span.txx { color:#232323; font-size:16px; _font-weight:700; }

#ezsBBS .mr5 { margin-right:5px; }

#ezsBBS .star_text { display:block; padding-top:5px; color:#999; font-weight:bold; }

.btn_css{display:inline-block;vertical-align:middle;position:relative;margin:0 2px 0 0;padding:0 20px;box-shadow:1px 1px 1px rgba(0,0,0,.15);background:#2658b2 url('../images/comm/btn_css.png') no-repeat;font-weight:bold;font-size:14px;line-height:50px;color:#fff;text-align:center;box-sizing:border-box;}
.btn_css-small {min-width:90px;height:38px;line-height:38px;background-position:-6px -6px;font-size:13px;}
.category_select { float:right; margin-bottom:10px;}
.category_select select { vertical-align:middle; border:1px solid #e2e2e2; line-height:120%; padding:5px 6px; font:normal 12px 'Dotum';}

.pagination {
	margin: 0;
	padding: 4px 0 10px 0;
	text-align: center;
	line-height: normal;
}
.pagination a,
.pagination strong {
	position: relative;
	color: #767676;
	font: bold 12px/16px Tahoma, Sans-serif;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
	padding: 1px 8px;
	margin: 0 -3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	z-index: 2;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background-color: #f8f8f8;
}
.pagination strong {
	color: #f60;
	font-size: 18px;
}
.pagination .direction {
	font-weight: normal;
	color: #767676;
	text-decoration: none !important;
	border: 0;
	z-index: 1;
}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus {
	color: #333;
	background-color: #fff;
}
.pagination .prev {
	border-left: 0;
}
.pagination .next {
	border-right: 0;
}
.pagination .direction span {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	top: 4px;
}
.pagination .prev span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-left: 0;
	margin-right: 1px;
	*left: -4px;
}
.pagination .next span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-right: 0;
	margin-left: 1px;
}