@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

/* 기본 */
#divBoard {width:100%; font-family:"Nanum Gothic","돋움", Dotum, Helvetica, AppleGothic, Sans-serif; line-height:normal; color:#666;}
#divBoard legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
#divBoard form {margin:0; padding:0;}
#divBoard fieldset {margin:0;}
#divBoard #search_cond{width: 20%;}
#divBoard #search_text{width: 50%}
/*게시판상단 개인정보*/
#copyrightInfo { marign:0; padding:10px 10px 10px 40px; font-size:11px; list-style:none; line-height:16px; letter-spacing:-1px; color:#454545; background:url(../images/ico_i.gif) no-repeat 10px 10px; border:solid 4px #dbdbdb; } 
#copyrightInfo li { padding:0 0 0 6px; background:url(../images/copyright_bullet.gif) no-repeat 0 5px; } 

/* class Selector */
#divBoard input { vertical-align:middle; }
#divBoard .inputText {height:30px; padding:3px; font-size:13px; color:#555; border:1px solid #bdbdbd; background-color:#fff; }
#divBoard select {height:30px; padding:0 18px 0 10px; color:#555; font-size:13px;  vertical-align:middle; }
#divBoard .textarea { padding: 6px; font-family:"돋움", dotum, "굴림", gulim; font-size:13px; line-height:16px; vertical-align:middle; color:#555; border:1px solid #bdbdbd; background-color:#fff; box-sizing: border-box;}

/* 게시판 버튼 */
.class_group .btn,.btn_group .btn,.reply_write .btn,#formSearch .btn {height: 30px; padding: 0 12px; line-height: 28px; font-size: 15px;}
/* #divBoard .btn {height: 28px; padding:0 12px; line-height:28px; background:#95a5a6; color:#fff; border:none;}
#divBoard .btn:hover {background:#7f8c8d;}
#divBoard .btn.bt_blue {background:#3498db}  
#divBoard .btn.bt_blue:hover {background:#2980b9}  
#divBoard .btn.bt_green {background:#2ecc71}  
#divBoard .btn.bt_green:hover {background:#27ae60} 
#divBoard .btn.bt_red {background:#e74c3c}  
#divBoard .btn.bt_red:hover {background:#c0392b} 
#divBoard .btn.bt_orange {background:#e67e22}  
#divBoard .btn.bt_orange:hover {background:#d35400} 
#divBoard .btn.bt_dark {background:#34495e}  
#divBoard .btn.bt_dark:hover {background:#2c3e50}  */

/* 목록 */
#divBoardTop {width: 100%; overflow: hidden; margin: 10px 0;}
#divBoardTop .total_num { float:left; width:70px; padding:14px 0 0 5px; font:14px Tahoma, verdana; color:#777; }
#divBoardTop .board_type { float:left; width:150px; padding:4px 0 0 0; }
#divBoardTop .btn_print { float:left; width:auto; padding:6px 0 0 0; }
#divBoardTop .class_group { float:right; width:350px; padding:2px 0 0 0; margin:0; text-align:right; }
#tableBoardList {width:100%; font-size:12px; color:#454545; line-height:normal; color:#777; border-bottom:1px solid #ddd;}
#tableBoardList tbody > tr:hover { background-color:#fefaf6; }
#tableBoardList a { color:#666; text-decoration:none; }
#tableBoardList a:hover { color:#212121; text-decoration:none; }
#tableBoardList tr.notice a { font-weight:bold; }
#tableBoardList tr.notice{background: #fefafa}
#tableBoardList th {padding:10px 0; font-size:13px; text-align:center; font-weight:bold; background: #f0f0f0; border-top:2px solid #272343;}
#tableBoardList th.bgR {}
#tableBoardList td {padding:12px 0; font-size:13px; color:#555; text-align:center; border-top:1px solid #acacac; }
#tableBoardList tr:last-child td{border-bottom: 1px solid #acacac}
#tableBoardList td img {vertical-align: middle }
#tableBoardList td.board_title { padding-left:15px; text-align:left; }
#tableBoardList td.board_title ul { list-style:none; }
#tableBoardList td.board_title li { padding:2px 0; line-height:120%;}


/* 대분류항목 (photo, vod, FAQ) */
#divClassHi { clear:both; padding:0 10px 5px 10px; margin-bottom:10px; border:4px solid #e3e3e3; }
#divClassHi ul { overflow:hidden; list-style:none; margin:0; padding:5px 0 0; }
#divClassHi ul li { display:block; float:left; margin:0 5px 0; padding:5px 5px 5px 18px; white-space:nowrap; background:url(../images/ico_class.gif) no-repeat 5px center; }
#divClassHi ul li.sel { font-weight:bold; background-color:#edf1f4; color:#68809f; }
/* 썸네일형 (photo, vod) */
#divPhotoList { padding:5px 0; }
#divPhotoList ul {display:block; overflow:hidden; width:100%; margin:0 auto;}
#divPhotoList ul li {display:block; width:25%; float:left; padding:0 8px; margin-bottom: 40px; box-sizing: border-box;}
#divPhotoList ul li strong { color:#333; }
#divPhotoList ul li p.board_img {width:100%; height:150px; overflow: hidden;}
#divPhotoList ul li p.board_img img {width: auto; height: 100%; box-sizing: border-box; transition: all .3s ease-in-out;}
#divPhotoList ul li p.board_img:hover img {transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1)}
#divPhotoList ul li:hover .board_title a{border-bottom: 1px solid #666}
#divPhotoList ul li p.board_title {margin: 12px 0 5px; text-align:center; }
#divPhotoList ul li p.board_info {padding-left: 4px; font-size: 12px;}
#divPhotoList ul li p.board_info span:after{content:""; display: inline-block; width:1px; height: 10px; background: #e6e6e6; margin: 0 5px; vertical-align: middle;}
#divPhotoList ul li p.board_info span:last-child:after{content:"";display:none;}

/* link */
#tableBoardList td ul { margin:0; padding:0; }
#tableBoardList td li { margin:0; padding:0; }
#tableBoardList td li.site a { color:#68809f!important; }
#tableBoardList td li.site a:hover { text-decoration:underline!important; }
/* etc */
p.none { text-align:center; padding:10px 0; margin:0; border-bottom:1px #ccc dashed; }
.writer { color:#68809f; }
.replyNum { color:#ff8800; font-size:11px; font-weight:normal; }
/* 검색 */
#divBoard .board_search {height:36px; line-height:36px; padding:10px 0; text-align:center; background: #f3f6fd; }
/* 읽기 ---------수정 */
.hiTitle { float:right; /* width:150px; */ padding:10px; text-align:right; font-size:11px; color:#68809f; margin-bottom: 10px;}
.mTitle { float:left; width:100px; padding:5px 10px 5px 10px; }
.loTitle { clear:both; width: 100%; overflow: hidden;}
.loTitle h4 { padding: 13px 18px; font-weight:bold; font-size: 15px; background: linear-gradient(#fff, #f6f6f6); border-top: 2px solid #272343}
.loTitle p { padding: 9px 10px; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; font-size: 15px;}
.loTitle .viewtop_info span {font-size: 14px;}
.loTitle .viewtop_info span:after{content:""; display: inline-block; width:1px; height: 13px; margin: 0 12px 0 16px; background: #ddd; vertical-align: text-bottom}
.loTitle .viewtop_info span:last-child:after{content:""; display: none}
.view_header {text-align: left}
.view_header dl { height:10px; margin:0; padding:8px 10px 10px 10px; border-bottom:1px #d4d4d4 dashed; background-color:#f8f8f8; }
.view_header dt { display:inline; margin:0; padding:0; font-weight:bold; font-size:11px; }
.view_header dd { display:inline; margin:0; padding:0 10px; }
.view_header ul.file { margin:0; padding:7px 10px; border-bottom:1px #d4d4d4 dashed; list-style: none; }
.view_header ul.file li { width: 100%; margin: 6px 0; padding: 0 10px; font-size: 14px; box-sizing: border-box}
.view_header ul.file li a:before{content:""; display: inline-block; width: 17px; height: 17px; margin-right: 7px; vertical-align: middle; background:url(/board/A_00/images/ico_file.gif) no-repeat 0 center / contain; }
.view_header ul.file li a { color:#68809f!important; margin-right: 20px}
.view_header ul.file li a:hover { text-decoration:underline!important; }
.view_body { min-height:200px; padding:15px 10px; color:#333; line-height:inherit; text-align: left; font-size: 15px}
.view_body p,
.view_body h1,
.view_body h2,
.view_body h3,
.view_body h4,
.view_body h5,
.view_body h6 { margin:auto; padding:inherit;}
* html .view_body { height:200px; }
.view_body li { list-style-position:inside; }
.view_body p.img { margin:0; padding:0 0 10px 0; text-align:center; }
.view_body a:link,
.view_body a:visited,
.view_body a:active { color:#333!important; text-decoration:none; }
.view_body a:hover { color:#0033CC!important; text-decoration:underline!important; }
.body_line { border-bottom:1px #ccc solid; min-height:inherit; }
* html .body_line { height:auto; }
p.space { height:20px; }
#toggleSelect + label{vertical-align: middle; font-size: 13px; margin-left: -5px; margin-right: 5px}
/* vod */
.view_body .vod_big { display:block; width:620px; height:510px; margin:0 auto 10px auto; background:url(../images/vod_big_bg.gif) no-repeat; }
.view_body .vod_big p { display:block; width:600px; height:450px; padding:10px; margin:0; }
.view_body .vod_big .btnL { float:left; margin-left:10px; }
.view_body .vod_big .btnR { float:right; margin-right:10px; }
.view_body .vod_small { display:block; width:340px; height:300px; margin:0 auto 10px auto; background:url(../images/vod_small_bg.gif) no-repeat; }
.view_body .vod_small p { display:block; width:320px; height:240px; padding:10px; margin:0; }
.view_body .vod_small .btnL { float:left; margin-left:10px; }
.view_body .vod_small .btnR { float:right; margin-right:10px; }
/* survey */
.view_body .survey { margin-bottom:10px; font-size:12px; line-height:20px; color:#333; }
.view_body .survey caption { position:static; visibility:visible; width:auto; height:25px; text-align:left; font-weight:bold; font-size:14px; line-height:normal; color:#7391af; }
.view_body .survey th { font-weight:normal; }
.view_body .survey td .poll { height:10px; border:1px solid #6699cc; background-color:#bfdfef; }
.view_body .survey td { padding:0 10px 0 5px; }
.view_body .survey_content { padding:10px 0 0 0; margin-top:10px; border-top:1px #d4d4d4 dashed; }
.view_body .btn_point { margin-bottom:10px; }

/*사진보기*/
.photoViewBox { width:660px; margin:0 auto; font-family:Dotum; font-size:12px; color:#636363; }

.loader_area { position:relative; padding:25px 0 0 0; }
#prevImgBig { position:absolute; top:177px; left:0; }
#nextImgBig { position:absolute; top:177px; right:0; }
.viewImgBig { width:100%; height:380px; text-align:center; background:url(/board/A_00/images/loading.gif) no-repeat center center; }
.imgName { float:left; width:auto; height:31px; padding:14px 0 0 50px; text-align:left; }
.turnNumber { float:right; width:auto; padding:15px 58px 0 0; text-align:right; }

.thumb_area { clear:both; height:85px; position:relative; border:solid 1px #dedede; background-color:#fbfbfb; }
#prevImgSmall { position:absolute; top:33px; left:20px; }
#nextImgSmall { position:absolute; top:33px; right:20px; }
.scroll-thumb { top:12px; margin-left:50px; }
.viewImgSmall { overflow:hidden; height:60px; margin:0; padding:0; list-style:none; }
.viewImgSmall li { float:left; width:58px!important; height:58px!important; margin:0 5px; padding:0; font-size:0; line-height:0; border:solid 1px #c8c8c8; }

/* 이전&다음글 보기 -----------수정*/
.page_link dt, .page_link dd {display:block; height: 40px; line-height:38px; box-sizing: border-box; border: 1px solid #bdbdbd; border-left:0; border-right:0}
.page_link dt {width: 30%; float:left; padding: 12px; font:12px dotum; color: #888; background: #f3f6fd;}
.page_link dd {font-size: 14px;}
.page_link dd:hover{background: #fafafa}
.page_link dd a{color:#666}
.page_link dd a:hover{color:#272343;}
.page_link dd.prve,.page_link dt.prve { border-bottom:0 }
/* 리플 */
.reply_box {clear: both; margin-top: 30px; font-size: 14px; color: #666; text-align: left}
.reply_box .total_num { padding: 8px 10px; border-bottom: #acacac 1px solid; font-size: 14px; color: #333}
.reply_box dl.reply {padding: 0 10px;}
.reply_box dl.reply .del_btn i {vertical-align: middle; font-size: 18px}
.reply_box dl.reply .del_btn:hover{color:#ff0000}
.reply_box dl.reply dt {padding: 10px 0 5px; font-weight:bold; }
.reply_box dl.reply dd {padding-bottom: 10px; border-bottom:1px #d4d4d4 dashed; }
.reply_box dl.reply dd span{padding: 0 5px;}
.reply_box dt h6{display: inline-block; padding-left: 10px;}
.reply_box span.date { padding:0 5px; font:13px dotum; color:#68809f; font-weight:normal; }
.reply_write {width: 100%; overflow: hidden; padding: 10px; background: #f0f0f0; box-sizing: border-box;}
.reply_write div.name {padding-bottom: 5px}
.reply_write div.pw { float:left; padding:10px 0 5px 10px; }
.reply_write div.text { clear:both; }
.reply_write div.text textarea {width: 93%; height: 60px; overflow: scroll;}
.reply_write input { margin-left:5px; }
#divBoard .btn_rep{height: 60px !important; background: #333}

/* 쓰기  -----------수정*/
#divWriteHeader {text-align: left;}
#divWriteHeader div{height: 40px; line-height: 40px; overflow: hidden; background:#f0f0f0; border-bottom: 1px solid #d4d4d4}
#divBoardTitle {border-top: 2px solid #272343; font-size:13px;}
#divBoardTitle .title { width:50%; }
/* #divBoardTitle .left_title { width:52px; } */
#divBoardTitle label {display:inline-block; margin-left: 20px; font-weight:bold; font-size:13px;}
#divBoardTitle img { vertical-align:middle; }
.notice_chk{}
.notice_chk label{width:auto; color:#ff0000}
#divClass {}
#divWriteHeader label { display:inline-block; width:52px; margin-left: 20px; font-weight:bold; font-size:13px; }
#divWriteHeader select { margin-right:10px; }
.option label.s { display:inline-block; width:auto; margin:5px 0 0 10px; font-weight:bold; font-size:11px; color:#777; }
#divPopType {}
#divWriteHeader #divPopSet,#divWriteHeader #divPopDate, #divWriteHeader #divNoticeDate {padding-left: 35px; background: #e0e7de; font-size: 12px;}
#divPopSet label {width: auto; font-size:12px; color:#272343; }
#divPopSet .btn {height: 28px; line-height: 26px; font-size: 12px; padding: 0 8px; margin-left: 20px}
#divWriteBody { padding:10px; border-bottom:1px #ccc solid; }
span.cke_skin_kama { padding:0; }
#divFilePlus p #btnCancel { width:90px; height:23px; margin:0 5px; padding-top:2px; font-size:12px; color:#666; text-align:center; }
.qna_t{padding-top: 20px; font-size: 16px; font-weight: 700; color: #8e8bc1}
/* 수정 추가 */
#divFilePlus{position:relative; height: 100%; padding:10px; line-height:1; background: #ddd}
#divFilePlus .fileplus_list div{height: 100%; line-height: 1; border: 0; background: #fff}
#divFilePlus .fileplus_title{width: 30%; height: 100%; float: left; text-align: center; background: #ddd; border: 0}

#divArchiveFile { padding: 10px 20px;;}
#divArchiveFile ul { list-style-type: none;}
#divArchiveFile ul>li { height: 24px; line-height:24px; text-align:left; font-size: 14px;}
.btnRemoveFile { color:#d63031; font-size:16px;	text-shadow:1px 0 2px #fff;}

/* Survey */
#divSurveyList { padding:10px; background-color:#f5f5f5; border-bottom:1px #ccc solid; }
#divSurveyList p { margin:5px 0; font-size:11px; font-weight:bold; }
#divSurveyList p img { margin-top:-5px; }
#divSurveyList ol { margin:0; padding:0; }
#divSurveyList li { margin:2px 0 0 0; padding:2px 0; list-style:decimal!important; list-style-position:inside!important; }
#divSurveyList .inputText { width:85% }
/* link */
#tableLinkWrite { border-top:2px #9b9692 solid; table-layout:fixed; }
#tableLinkWrite th { padding:0 10px; font-weight:bold; text-align:; white-space:nowrap; border-bottom:1px #d4d4d4 dashed; background-color:#f1f1f1; }
#tableLinkWrite td { padding:8px 10px; border-bottom:1px #d4d4d4 dashed; }
#tableLinkWrite td .inputText,
#tableLinkWrite td textarea { width:99%; }
#tableLinkWrite td span { display:block; font-size:11px; color:#6699cc; padding:5px 0; }
/* 비회원글쓰기& 게시물이동*/
.divLayerPop { width:320px; height:180px; display:none }
.divLayerPop p.guide { padding:20px 0 15px 0; margin:0; text-align:center; font-size:13px; color:#790707; line-height: 1.5 }
.divLayerPop p.info { clear:both; margin:0; text-align:center; }
.divLayerPop p.info label {display: inline-block; width:70px; font-size:13px; color:#666; font-weight:bold; vertical-align: middle}
.divLayerPop p.info input { width:120px; height:26px; padding:2px; margin:0; vertical-align:middle; }
.divLayerPop p.info select { width:250px; margin-bottom:20px; }
.ui-dialog .ui-dialog-buttonpane{padding: 0; padding-right: .5em}
/* 버튼 */
img.btn { vertical-align:middle; }

/* 페이지 목록(댓글 페이지네이션) */
.page_nav { padding: 10px 0 18px; text-align: center; }
.page_nav strong {font-weight:bold; background: #272343; border-radius: 10px; box-shadow: 1px 1px 4px 0 rgba(10,10,10,.4); color: #fff}
.page_nav span{display: inline-block; width: 18px; font-size: 10px; border-radius: 50%;}
.page_nav span,.page_nav span a{color:#acacac}
.page_nav span a:hover{color: #272343;}
.page_nav .num {padding: 2px 6px;}
.page_nav .num:link,
.page_nav .num:active,
.page_nav .num:visited { color:#666!important; text-decoration:none!important; }
.page_nav .num:hover { color:#fff; }
/*page100902*/
.page { margin:0; padding:5px 0; text-align:center; font-size:12px; }
.page li { display:inline; list-style:none; padding:0 3px; }
.page .sel { font-weight:bold; color:#FF6600; padding-left:4px; }
.page .btn { padding:0px; }
.page img {margin-top:-1px; }
* html .page img { margin-bottom:0px; position:relative; }
.page span { display:inline-block; heignt:13px; }
.page a { color:#666; display:inline-block; heignt:13px; }
.page a:hover { color:#FF6600; }

/* 월별일정 */
.calendar_wrap{width: 67%; margin-right: 18px; float: left}
.this_month { max-width:650px; margin:auto; }
.this_month .date a{padding: 0 20px; margin: 0 30px; font-size: 20px;}
.this_month .date {margin: 30px auto; font-weight: 700; color: #333; font-size: 22px;}
.this_month .date span.year {font:23px Arial; font-weight:bold; color:#555;}
.this_month .date span.month {font:23px Arial; font-weight:bold; color:#272343;}
.calendar_box {width:100%; overflow: hidden; margin:0 auto;}
.calendar_box table{width: 100%; font-size: 16px; margin-bottom: 20px;}
.calendar_box .other { background-color:#efefef; z-index: -1}
.calendar_box th { height: 31px; font-size: 14px; text-align: center; font-weight: bold; color: #111; background: #fafafa; border: 1px solid #acacac}
.calendar_box th.sun { color:#fff; background: #f2770c;}
.calendar_box th.sat { color:#fff; background: #2d4cce}
.calendar_box .today { background-color:#faf9ec; z-index:-1}
.calendar_box tr td {position: relative; height:75px; padding:2px 0; border:1px #ccc solid; vertical-align:top; }
.calendar_box tr td:not(.other):hover{background: #f6f7fb; z-index: -1}
.calendar_box td span,.calendar_box td span a{display: block;}
.calendar_box span.sun { color:#f2770c; font-weight: 700}
.calendar_box span.sat { color:#2d4cce; font-weight: 700}
.calendar_box span.date { color:#666; font-weight: 700}

.monthly_event h5{text-align: left; padding-left: 15px; padding-bottom: 5px;}
.calendar_today{
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -15px;
	font-weight: 700;
	font-size: 12px;
	color: #bc4b10;
}
.schedule_table .event_check{
	position: absolute;
	top: 32px;
	left: 50%;
	display: block;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: #fab95b;
	border-radius: 50%;
}
.calendar_box ul { margin:0; padding:8px 2px 2px 4px; font-size:11px; list-style:none; }
.calendar_box ul li { margin:0; padding:0 0 2px 5px;}
.calendar_box ul li:before{font-family: FontAwesome; content:"\f274 "; display: inline-block; margin-right: 5px;}
.calendar_box ul.vs_list li { margin:0; padding:0 0 3px 0; background:none; }
.calendar_box ul.vs_list li * { vertical-align:bottom; }
.calendar_box li a:link,
.calendar_box li a:visited,
.calendar_box li a:active { font:11px dotum; color:#666!important; }
.calendar_box li a:hover { color:#3872b2!important; text-decoration:underline!important; }
.calendar_box a.more:link,
.calendar_box a.more:visited,
.calendar_box a.more:active { font:11px Tahoma!important; color:#f2770c!important; padding-left:5px; }
.calendar_box a.more:hover { text-decoration:underline!important; }
.li_date{margin: 2px 0; font-weight: bold}
.li_date span{width: 85%; float: left; line-height: 1.7}
.li_date:hover{background: #fffcf0}
.li_date .btn_right{width: 15%; }
#divToday { width:612px; height:50px; padding:10px 15px; margin:0 auto 10px auto; border:4px solid #d5d5d5; }
#divToday .date { float:left; width:40px; margin-right:15px; }
#divToday .date .num { display:block; width:40px; height:33px; font:25px Tahoma; color:#1f76bf; font-weight:bold; text-align:center; }
#divToday .date .day { display:block; width:40px; font:12px dotum; color:#666; text-align:center; }
#divToday .numList { height:53px; margin:0; padding:0; list-style:none; background:url(../images/dot_line.gif) no-repeat right top; }
#divToday .numList li { float:left; line-height:12px; text-align:center; }
#divToday .numList li a { display:block; width:30px; padding:7px 0; }
#divToday .numList li.sel { display:block; width:30px; padding:7px 0; font-weight:bold; color:#fff; background:url(../images/date_bg.gif) no-repeat 4px 4px; }
#divToday .numList li a:link,
#divToday .numList li a:visited,
#divToday .numList li a:active { color:#666; }
#divToday .numList li a:hover { color:#3872b2; text-decoration:underline; }
#divToday .numList li.sun a:link,
#divToday .numList li.sun a:visited,
#divToday .numList li.sun a:active { color:#f2770c; }
#divToday .numList li.sun a:hover { color:#f2770c; text-decoration:underline; }
#divScheduleList { width:100%; margin-top: 10px;}
#divScheduleList tr.today {background:#faf9ec;}
#divScheduleList tr.today .board_title:after {content:"TODAY"; font-weight: bold; padding:2px 5px; margin-left:5px; font-size:10px; border:1px solid #ff7222; border-radius:50px; color:#ff7222;}
#divScheduleWrite { width:650px; margin:auto; }
/*과제물*/
.hw_target_list { position:absolute; width:196px; height:130px; padding:0 2px; font-size:12px; font-family:'돋움', Dotum, '굴림', Gulim, Arial, sans-serif; color:#747474; background:url(../images/hw_bg_list.gif) no-repeat; }
.hw_target_list .title { float:left; height:18px; padding:8px 0 0 18px; font-weight:bold; color:#454545; }
.hw_target_list .btn_close { float:right; cursor:pointer; padding:5px 0 0 0; }
.hw_target_list .list { clear:both; height:91px; padding:5px 0; overflow-y:scroll; overflow-x:hidden; }
.hw_target_list span { display:block; padding:2px 5px 3px 8px; }

.hw_box { width:100%; line-height:16px; }
.hw_box th { width:90px; padding:7px 0; text-align:center; vertical-align:middle; color:#727272; font-weight:bold; font-size:11px; border-bottom:1px #ddd solid; background:#f8f8f8 url(../images/bar.gif) no-repeat right center; }
.hw_box td { padding:8px; color:#555; border-bottom:1px #ddd solid; }
.hw_box .title { width:auto; height:35px; padding:0 0 0 10px; font-weight:bold; text-align:left; font-size:12px; border:0; background:url(../images/board_title_bar.gif) repeat-x -2px top; }
.hw_box .top th { width:auto; height:35px; padding:0; font-weight:bold; text-align:center; font-size:12px; border:0; background:url(../images/board_title_bar.gif) repeat-x right top;}
.hw_box .top td { width:auto; height:35px; padding:0 0 0 8px; text-align:left; font-size:12px; border:0; background:url(../images/board_title_bar.gif) repeat-x -2px top;}
.hw_box .class { height:33px; white-space:nowrap; overflow:auto; overflow-x:hidden; }
.hw_box .content_write .textarea { width:98%; height:82px; }
.hw_box .content_view { overflow:auto; width:98%; height:83px; padding:3px; line-height:14px; color:#555; border-top:1px #acacac solid; border-left:1px #acacac solid; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; background-color:#fff; }
.hw_box .file span { display:block; font-size:11px; padding:0 0 0 15px; background:url(../images/ico_file2.gif) no-repeat 1px 3px; }
.hw_box .file a:hover { color:#68809f!important; }
.hw_box .file input { margin-top:5px; }
.hw_box .bdrB th,
.hw_box .bdrB td { border-bottom:1px solid #aaa; }
.hw_box .check label { padding-right:5px;}
.msg_view { padding:15px 20px 17px 20px; color:#666; line-height:16px; border-bottom:1px dashed #ccc; }
/* 제출목록 */
.submit_list { width:100%; color:#727272; }
.submit_list caption { font-size:12px; font-weight:bold; text-align:center; padding:20px 0 10px 0; }
.submit_list .w1 { width:35px; }
.submit_list .w2 { }
.submit_list .w3 { width:90px; }
.submit_list .w4 { width:40px; }
.submit_list .w5 { width:90px; }
.submit_list .w6 { width:40px; }
.submit_list .w7 { width:80px; }
.submit_list .w8 { width:45px; }
.submit_list th { padding:10px 0; font-size:11px; text-align:center; vertical-align:middle; font-weight:bold; border-top:2px solid #aaa; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f8f8f8; }
.submit_list td { height:28px; padding:0 5px; text-align:center; vertical-align:middle; color:#555; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.submit_list .bdrLN { border-left:0; }
.submit_list .txtL { text-align:left; padding:0 10px; }
.hw_all_check td { text-align:right; height:20px; padding:5px; vertical-align:middle; background:#eef2f4; border:2px solid #8c9fb9; }
.hw_all_check td * { vertical-align:middle; }
.hw_all_check .point { display:inline-block; font-size:11px; color:#778daa; padding:2px 0 0 0; }
.hw_all_check .total { font-weight:bold; color:#444; padding:0 3px 0 0; }
.hw_all_check .score { width:30px; font-size:12px; font-family:'돋움', Dotum, '굴림', Gulim, Arial, sans-serif; line-height:normal; height:15px; padding:3px 3px 0 3px; margin:0; border:1px solid #aaa; text-align:center; color:#454545; }
.submit_top td { height:22px; border:none; text-align:right; vertical-align:top; padding:5px 0px 0 5px; }
.submit_top td.total { padding-bottom:5px; text-align:left; vertical-align:bottom; font:11px Tahoma, verdana; color:#777; }
.check_view td { padding:0; border:0; }
.check_view table { width:100%; border-top:1px solid #aaa; border-right:2px solid #aaa; border-bottom:2px solid #aaa; border-left:2px solid #aaa; }
.check_view table th { width:90px; padding:0; font-size:11px; font-weight:bold; border:0; border-bottom:1px solid #ccc; background:#f8f8f8 url(../images/bar.gif) no-repeat right center; }
.check_view table td { width:auto; padding:8px 10px; font-size:12px; text-align:left; line-height:14px; border-bottom:1px solid #ccc; }
.check_view .check_content { padding:5px 10px; line-height:140%; }
.check_view .check_score input { width:30px; }
.check_view .comment_write .textarea { width:98%; height:41px; }
.check_view .comment_view { overflow:auto; width:98%; height:40px; padding:3px; line-height:14px; color:#555; border-top:1px #acacac solid; border-left:1px #acacac solid; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; background-color:#fff; }
.check_view .check_btn { padding:5px 10px; text-align:center; border:0; }
.check_view .check_btn * { vertical-align:top; }
.bdrB { padding:10px 0; margin-bottom:5px; border-bottom:1px solid #aaa; }
.wS { width:25px; }
.wM { width:85px; }
.wL { width:97%; }
/*과제물 등록*/
.write_class .tab_grade { width:539px; height:20px; margin:0; padding:5px 5px 0 5px; font-size:11px; font-weight:bold; list-style:none; background-color:#eaf1f5; }
.write_class .tab_grade li { float:left; margin:0; padding:0 15px; background:url(../images/bar.gif) no-repeat right center; }
.write_class .tab_grade li a { color:#666!important; }
.write_class .tab_grade li a:hover { color:#666!important; }
.write_class .tab_grade li.sel a { color:#dd6f3b!important; }
.write_class .tab_grade li.sel a:hover { color:#dd6f3b; }
.write_class .num_class_list { margin:0; padding:5px; font-size:12px; list-style:none; }
.write_class .num_class_list li { float:left; width:50px; margin:0; padding:5px 0; height:11px; }
.write_class .text_class_list { margin:0; padding:5px; font-size:12px; list-style:none; }
.write_class .text_class_list li { float:left; width:240px; margin:0; padding:5px 0; height:11px; }
.write_class li input { width:13px; height:13px; margin:0; padding:0; vertical-align:middle; }
.write_class li label { margin:0; padding:0 0 0 5px; vertical-align:middle; }
/*ebook*/
.ebookBoardList { width:660px!important; margin:0 auto; }
.ebClass { overflow:hidden; _zoom:1; margin:0; padding:0 2px; list-style:none; border:solid 1px #20140d; background-color:#341e12; }
.ebClass li { display:block; float:left; width:auto; padding:0 9px 0 8px; line-height:25px; white-space:nowrap; background:url(../images/eb_bar.gif) no-repeat right center; }
.ebClass li a { color:#b3843a!important; }
.ebClass li a:hover { color:#e79d28!important; }
.ebClass li.sel a { font-weight:bold; color:#e79d28!important; letter-spacing:-1px; }
.ebClass li.end { background:none; }
.ebList { position:relative; height:547px; padding:86px 0 0 98px; }
.ebList ul { display:block; overflow:hidden; _zoom:1; width:400px; margin:0; padding:0; list-style:none; }
.ebList li { display:block; float:left; width:170px; height:236px; padding:0 6px 0 0; text-align:center; }
.ebList li * { vertical-align:middle; }
.ebList li .ebImg { height:175px; margin:0; padding:0; background:url(../images/eb_book_bg.png) no-repeat top center; _background:none; }
.ebList li .ebTitle { width:100%; overflow:hidden; height:20px; margin:0; padding:0; letter-spacing:-1px; }
.ebList li .ebCheck { margin:0; padding:0; }
.ebList li .ebCheck a { display:inline-block; }
.ebList li .ebCheck span { padding-right:5px; font-size:11px; }

.ebList.bg1 { background:url(../images/eb_bg1.jpg) no-repeat; }
.ebList.bg1 li .ebCheck span { color:#aa9d81; }
.ebList.bg1 li a { color:#5a3d2b!important; }
.ebList.bg1 li a:hover { color:#5a3d2b!important; }

.ebList.bg2 { background:url(../images/eb_bg2.jpg) no-repeat; }
.ebList.bg2 li .ebCheck span { color:#FFF; }
.ebList.bg2 li a { color:#FFF!important; }
.ebList.bg2 li a:hover { color:#FFF!important; }

.ebList.bg3 { background:url(../images/eb_bg3.jpg) no-repeat; }
.ebList.bg3 li .ebCheck span { color:#4d4a4a; }
.ebList.bg3 li a { color:#4d4a4a!important; }
.ebList.bg3 li a:hover { color:#4d4a4a!important; }

.ebList.bg4 { background:url(../images/eb_bg4.jpg) no-repeat; }
.ebList.bg4 li .ebCheck span { color:#4d4a4a; }
.ebList.bg4 li a { color:#4d4a4a!important; }
.ebList.bg4 li a:hover { color:#4d4a4a!important; }

.ebList.bg5 { background:url(../images/eb_bg5.jpg) no-repeat; }
.ebList.bg5 li .ebCheck span { color:#4d4a4a; }
.ebList.bg5 li a { color:#4d4a4a!important; }
.ebList.bg5 li a:hover { color:#4d4a4a!important; }

.ebList.bg6 { background:url(../images/eb_bg6.jpg) no-repeat; }
.ebList.bg6 li .ebCheck span { color:#4d4a4a; }
.ebList.bg6 li a { color:#4d4a4a!important; }
.ebList.bg6 li a:hover { color:#4d4a4a!important; }

.ebList.bg7 { background:url(../images/eb_bg7.jpg) no-repeat; }
.ebList.bg7 li .ebCheck span { color:#FFF; }
.ebList.bg7 li a { color:#FFF!important; }
.ebList.bg7 li a:hover { color:#FFF!important; }

.ebList.bg8 { background:url(../images/eb_bg8.jpg) no-repeat; }
.ebList.bg8 li .ebCheck span { color:#FFF; }
.ebList.bg8 li a { color:#FFF!important; }
.ebList.bg8 li a:hover { color:#FFF!important; }

.ebList.bg9 { background:url(../images/eb_bg9.jpg) no-repeat; }
.ebList.bg9 li .ebCheck span { color:#4d4a4a; }
.ebList.bg9 li a { color:#4d4a4a!important; }
.ebList.bg9 li a:hover { color:#4d4a4a!important; }

.ebList.bg10 { background:url(../images/eb_bg10.jpg) no-repeat; }
.ebList.bg10 li .ebCheck span { color:#FFF; }
.ebList.bg10 li a { color:#FFF!important; }
.ebList.bg10 li a:hover { color:#FFF!important; }

.ebList.bg11 { background:url(../images/eb_bg11.jpg) no-repeat; }
.ebList.bg11 li .ebCheck span { color:#5c3f12; }
.ebList.bg11 li a { color:#5c3f12!important; }
.ebList.bg11 li a:hover { color:#5c3f12!important; }

.ebInfo { width:220px; padding:15px; background-color:#FFF; border:solid 3px #3f2b1f; text-align:left; }
.ebInfo .ebInfoTitle { margin:0; padding:0 0 10px 0; color:#54453c; }
.ebInfo .ebInfoCtn { margin:0; padding:0; color:#886b59; line-height:14px; }
.ebookBoardWrite { width:660px!important; margin:0 auto; }
.imgUp { }
.imgDown { clear:both; }
.imgPreview { float:left; width:auto; }
.imgDelBtn { float:left; width:auto; padding:40px 0 0 10px; }

/* schedule 20120416 */
.btnR { text-align:right; padding:10px 0; }
ul.info { margin:0 0 10px 0; padding:10px 15px; line-height:20px; text-align: left; border:solid 1px #aaa; background-color:#faf9ec; }
ul.info li { padding-left:10px; background:url(../images/bul_dot.gif) no-repeat 0px 8px; }

.writeBox { width:100%; line-height:normal; color:#454545; border:0; }
.writeBox th { border-bottom: solid 1px #acacac; }
.writeBox th.topBg,.writeBox th.topBgR {padding: 10px 0; font-size: 13px; text-align:center; font-weight:bold; background: #f0f0f0; border-top: 2px solid #272343;}
.writeBox th.day {background-color:#fafafa}
.writeBox th.sun { color:#cc3333; }
.writeBox td { padding:8px 10px; border-bottom:solid 1px #acacac; }
.writeBox td li	input { width:100%; padding:4px; font-size:12px; font-family:dotum; color:#666; border:1px dashed #777; background-color:#fff; }
.writeBox td li	input.input_focus { border:solid 1px #272343!important;}

@media all and (max-width: 876px){
	.reply_write div.text textarea{width:100%}
	#divBoard .btn_rep{height: 32px !important; float: right; margin-top: 10px;}
}
@media all and (max-width: 500px){
	#divWriteHeader label{width: 47px; font-size: 12px; margin-left: 10px;}
	#divWriteHeader input[type="text"]{width:25%;}
	#divBoardTitle input[type="text"].title{width: 80%}
	#divWriteHeader #divPopSet{height:80px;}
	#divWriteHeader #divPopSet, #divWriteHeader #divPopDate{padding-left: 10px; font-size: 12px; }
	#divWriteHeader #divPopSet label, #divWriteHeader #divPopDate label{width: auto; font-size: 12px}
	.this_month .date a{margin: 0}
	#divPhotoList ul li{width: 50%}
}