.con{width:847px; margin:50px 20px; display:inline-block; float:right;}
.title_bar{font-size:18px; color:#ffffff; background-color:#e60e36; background-image:url(/images/admin/title_bg.png); background-position:right; 
background-repeat:no-repeat; padding:14px 0 15px 20px; margin-bottom:30px; font-weight:600;}
.title_bar img{height:16px; vertical-align:middle; padding-bottom:3px;}
.con_bar{width:827px; padding:10px; color:#002d41; font-size:16px; font-weight:600; line-height:25px;}
.con_bar button{color:#ffffff; font-size:16px; font-weight:600; line-height:25px; vertical-align:middle; border-radius: 5px; 
background-color:#e60e36; height:25px; padding:0 5px; border:0; float:right; cursor:pointer;letter-spacing:-1px; transition:ease all 150ms}
.con_bar button:link{outline:none; background-color:#e60e36;}
.con_bar button:visited{outline:none; background-color:#e60e36;}
.con_bar button:hover{outline:none; background-color:#2db1ea;}
.con_bar button:active{outline:none; background-color:#2db1ea}
.con_bar button:focus{outline:none;}
.con_list{width:100%; background-color:#ffffff; padding:25px 20px; box-sizing: border-box; font-size: 14px;}

.align_r{text-align:right;}
tr.noti{ background:#f9f9f9; }
img {-ms-interpolation-mode:bicubic !important;}


/* 검색창 */
#search_bar{text-align:right; padding: 0 5px 20px 5px;}
#search_bar select{height:25px; border:2px solid #eeeeee; border-radius:5px;vertical-align: middle;}
#search_bar input{height:23px; background-color:#eeeeee; border:0; border-radius:5px;vertical-align: middle;}
#search_bar button{height:25px; width:25px; background-color:#e60e36; background-image:url(/images/admin/search_icon.png); background-repeat:no-repeat; 
background-position:center; border:0; border-radius:5px; vertical-align: middle; cursor:pointer; transition:ease all 150ms}
#search_bar button:link{outline:none; background-color:#e60e36;}
#search_bar button:visited{outline:none; background-color:#e60e36;}
#search_bar button:hover{outline:none; background-color:#ff5465;}
#search_bar button:active{outline:none; background-color:#ff5465;}
#search_bar button:focus{outline:none;}


/* 표 */
#table{width:100%; margin:0 auto; padding:0 20px}
#table th{font-size:14px; font-weight:600; border-bottom:3px solid #e60e36; padding-bottom: 2px;}
#table td{color:#444444; font-size:14px; text-align:center;border-bottom:1px solid #eeeeee; padding:15px 0}
.done{color:#2db1ea; font-weight:600;} /* 평가완료 */
.done a:link{ color:#2db1ea; outline:none; text-decoration:none; cursor:default}
.done a:visited{ color:#2db1ea; outline:none; text-decoration:none; cursor:default}
.eval{color:#444444; font-weight:600;} /* 평가하기 */


/* 폼 */
.record_form_w{width:100%; margin:0 auto; background-color:#ffffff;} /* 주차, 주별 내용 */
.record_form_w th{font-size:14px; font-weight:600; text-align:center; padding:10px 2px 4px 0; vertical-align:middle; background-color: #ffffff; color: #e60e36; border-bottom: 2px solid #e60e36; border-bottom: 2px solid #e60e36;}
.record_form_w td{color:#444444; font-size:14px; text-align:center; padding:12px 0 4px 0; vertical-align:middle; border-bottom:1px solid #f0f0f0;}
.record_form_w input{width:100%; border-bottom:0; border-top: 0; border-right: 0; border-left: 0; padding-bottom:4px; text-align:center}
.record_form_w input::-webkit-input-placeholder{color:#cccccc;}
.record_form_w input::-moz-placeholder{color:#cccccc}
.record_form_w input:-ms-input-placeholder{color:#cccccc}
.record_form_w input:-moz-placeholder {color:#cccccc}
.record_form_w th:first-child{text-align:center; padding:10px 0 4px 0; }
.record_form_w td:first-child{text-align:center; padding:12px 0 4px 0; font-weight:bold; color:#666666}
.table_wrap_w{width:100%; padding:20px 20px 30px 20px; box-sizing:border-box; background-color:#ffffff; margin:20px 0; border-bottom:2px solid #e60e36;}

.record_form_s{width:100%; margin:0 auto; background-color:#ffffff;} /* 대부분의 table */
.record_form_s .plmi_shape{height: 22px; width:30px; background-color: #e60e36; font-size: 11.5px; color: #ffffff; line-height: 0; text-align: center; border: 2px solid #e60e36; border-radius: 15px;}
.record_form_s th{font-size:14px; font-weight:600; text-align:left; padding:10px 2px 4px 3px; vertical-align:middle; background-color: #ffffff; color: #e60e36; border-bottom: 2px solid #e60e36;}
.record_form_s td{color:#444444; font-size:14px; text-align:left; padding:12px 0 4px 10px; vertical-align:middle; border-bottom:1px solid #f0f0f0;}
.record_form_s .form_button{background-color:#e60e36; color:#ffffff; height:27px; line-height:1px; font-size:14px; font-weight:600; border: 2px solid #e60e36; border-radius:15px; cursor:pointer; margin:0 5px; padding:5px 10px; transition:ease all 300ms}
.record_form_s select{border:#eeeeee solid 1px}
.record_form_s input{padding-bottom:4px; padding-left:5px; border:0; text-align:left; vertical-align:middle; }
.record_form_s input::-webkit-input-placeholder{color:#cccccc;}
.record_form_s input::-moz-placeholder{color:#cccccc}
.record_form_s input:-ms-input-placeholder{color:#cccccc}
.record_form_s input:-moz-placeholder {color:#cccccc}
.record_form_s th:first-child{text-align:left; padding:10px 0 4px 3px; }
.record_form_s td:first-child{text-align:left; color:#666666}
.record_form_s .center{text-align:center;}
.record_form_s textarea{width:98%; border:#eeeeee 1px solid}
.record_form_s .modify{background-color: #7cc6e6; border: 2px solid #7cc6e6;}
.table_wrap_s span{color:#666666; font-weight:600; font-size:15px}
.table_wrap_s{width:100%; padding:20px 20px 30px 20px; box-sizing:border-box; background-color:#ffffff; margin:20px 0; border-bottom:2px solid #e60e36;}
.table_wrap_s h1{color:#ff5465; font-weight:bold; font-size:28px}
.table_wrap_s h2{color:#666666; font-weight:bold; font-size:22px}


/* 강좌 및 연수 */
.class_th{width:100px; height:36px; line-height: 1.4em; box-sizing:border-box; display:inline-block; font-size:14px; font-weight:600; text-align:left; padding:10px 2px 4px 3px; vertical-align:middle; background-color: #ffffff; color: #e60e36; border-bottom: 2px solid #e60e36;}
.class_td{width:264px; height:36px; line-height: 1.4em; box-sizing:border-box; display:inline-block; font-weight:bold; color:#555555; font-size:15px; text-align:left; padding:12px 0 6px 10px; border-bottom:1px solid #f0f0f0; vertical-align:middle;}
.th_title{width:100px;}
.td_title{width:633px; padding-top: 8px;}
.th_file{height:auto; min-height:36px; vertical-align: bottom;}
.td_file{width:633px; height:auto; min-height:36px;}
.class_strong{color:#e60e36; padding-top: 8px;}
.blocking{display:block; width:100%;}
.block_left{float:left; width:50%;}
.block_right{float:right; width:50%;}


.form_button{background-color:#e60e36; color:#ffffff; height:30px; font-size:14px; font-weight:600; border: 2px solid #e60e36; border-radius:15px; cursor:pointer; margin:10px 0; padding:5px 10px; transition:ease all 300ms}
.form_button:link{color:#ffffff; }
.form_button:visited{color:#ffffff; }
.form_button:hover{color:#e60e36; background-color:#ffffff}
.form_button:active{color:#e60e36; background-color:#ffffff}
.form_button:focus{outline:none}
.modify{background-color: #7cc6e6; border: 2px solid #7cc6e6;}
#popup_img{max-width:720px;}


/* 페이지 넘버 */
.page_number{width:100%; padding:40px 0 30px 0; text-align:center;}
.page_number .num_on{background-color:#e60e36; margin:0 2px; color:#ffffff; border:2px solid #e60e36; font-size:14px; font-weight:600; padding:5px 9px; }
.page_number .num{background-color:#ffffff; margin:0 2px;  color:#cccccc; border:2px solid #eeeeee; font-size:14px; font-weight:600; padding:5px 9px; ;}
.page_number .num:hover{color:#eeeeee;}
.page_number .prev{border:2px solid #eeeeee; padding:5px 13px; margin:0 8px 0 2px; background:no-repeat url(/images/admin/page_arrow.png) 33% 121%;}
.page_number .prev:hover{ background:no-repeat url(/images/admin/page_arrow.png) 33% -17%; transition:none}
.page_number .prev_end{border:2px solid #eeeeee; padding: 5px 13px; margin:0 2px; background:no-repeat url(/images/admin/page_arrow.png) -2% 121%; }
.page_number .prev_end:hover{ background:no-repeat url(/images/admin/page_arrow.png) -2% -17%; transition:none}

.page_number .next{border:2px solid #eeeeee; padding:5px 13px; margin:0 2px 0 8px; background:no-repeat url(/images/admin/page_arrow.png) 66% 121% ;}
.page_number .next:hover{ background:no-repeat url(/images/admin/page_arrow.png) 65% -17%; transition:none}
.page_number .next_end{border:2px solid #eeeeee; padding: 5px 13px; margin:0 2px; background:no-repeat url(/images/admin/page_arrow.png) 102% 121%;}
.page_number .next_end:hover{ background:no-repeat url(/images/admin/page_arrow.png) 100% -17%; transition:none}


 /* 포토갤러리 */
.photo_column{width: 625px; padding-top: 10px; margin: 0 auto;}
.photo{position:relative; box-sizing:border-box; width:190px; height:190px; display:inline-block; overflow:hidden; margin: 0px 8px 30px 8px; background-image:url('/images/guest/home/thumb.jpg')}
.veil{position:absolute; box-sizing:border-box; z-index:200; bottom:0; left:0; padding:8px 12px; width:190px; height:65px;
 background: rgba(0, 0, 0, 0.8);filter:alpha(opacity=80); opacity:0.8; text-align:center;}
.veil h4{margin:0; padding:5px 0; color:#ffffff; font-size:16px; line-height:20px; width:100%; max-height:36px;
 padding-right:2em; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; text-align:center;}
.veil span{font-size:12px; color:#dddddd;}
.veil:hover{ height:190px; -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);}
.veil:hover h4{margin:0; padding:5px 0; color:#ffffff; font-size:16px; line-height:20px; width:100%; max-height: 150px;; box-sizing:border-box;
 padding-right:0; overflow: hidden; white-space:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}


 /* 사용자 게시판 */
 .simple_board{width:100%; padding:30px; box-sizing:border-box}
 .simple_board p{padding:5px; font-size:15px; color:#444444;}
 .board_title{width:100%;}
 .board_title h2{margin:10px 0; color:#555555;}
 .board_info{margin:10px 0; text-align:right; padding-bottom:3px; border-bottom:2px solid #e60e36}
 .board_info .writer{font-weight:600;}
 .board_info span{font-size:14px; color:#555555}
 .board_file{text-align:left; font-size:13px; color:#555555; line-height:1.6em;}
 .board_file a:link{color:#e60e36;}
 .board_file a:hover{color:#cccccc;}
 .board_content{ box-sizing:border-box; border-bottom:1px solid #eeeeee; padding:20px 0; margin-bottom:20px;}
 .board_content img{max-width: 100%; height: auto!important;}

 .board_img{width:100%; box-sizing:border-box; contain: content; position:relative;}
 .board_img img{max-width: 730px; padding:5px; margin:0;}



 .refer_img{width:32.9%; box-sizing:border-box; contain: content; position:relative; display:inline-block; margin: 5px 0; vertical-align:top;border: 1px solid #777777;}
 .refer_img img{max-width: 730px; padding:5px 0; margin:0; width: 100%; box-sizing:border-box; }
 .refer_txt{width:100%; display:block; margin-bottom:10px; font-size:15px;}
 .file_icon{width:12px; padding-bottom: 2px;}
 .numbering{width:25px; height:25px; text-align:center; padding:3px; box-sizing:border-box; color:#ffffff; text-shadow:1px 1px #555555; font-weight:bold; font-size:16px; position:absolute; z-index:2; top:10px; left:10px; background-color:#e60e36;}
 .overlay_box{height:35px; position:absolute; bottom:10px; right:10px; z-index:2; border-radius: 5px; background-color:rgba(0,0,0,0.2); text-align:center; box-sizing:border-box; padding:4px 6px 0px 6px}
 .overlay_box img{margin:0; padding:0; line-height:35px; width: inherit;}

 
 
 
 	@media screen and (max-width: 1100px) and (min-width:760px){
	/* 서브페이지~1100px */
	 .simple_board{width:100%; padding:30px; box-sizing:border-box}
	 
	/* 강좌 및 연수 */
	.class_th{width:100px; height:36px; line-height: 1.4em; box-sizing:border-box; display:inline-block; font-size:14px; font-weight:600; text-align:left; padding:10px 2px 4px 3px; vertical-align:middle; background-color: #ffffff; color: #e60e36; border-bottom: 2px solid #e60e36;}
	.class_td{width:calc(100% - 110px); height:36px; line-height: 1.4em; box-sizing:border-box; display:inline-block; font-weight:bold; color:#555555; font-size:15px; text-align:left; padding:12px 0 6px 10px; border-bottom:1px solid #f0f0f0; vertical-align:middle;}
	.th_title{width:100px;}
	.td_title{width:calc(100% - 110px);  padding-top: 8px;}
	.th_file{height:auto; min-height:36px; vertical-align: bottom;}
	.td_file{width:calc(100% - 110px); height:auto; min-height:36px;}
	.class_strong{color:#e60e36; padding-top: 8px;}
	 .board_img img{width:auto; max-width:100%;}
	 .photo_column{width: 625px; padding-top: 10px; margin: 0 auto;}
 	}
 	
 	
 		@media screen and (max-width: 760px){
		/* 서브페이지 760px */
		.simple_board{width:100%; padding:10x; box-sizing:border-box}
	 	/* 강좌 및 연수 */
		.class_th{width:90px; height: auto; line-height: 1.4em; box-sizing:border-box; display:inline-block; font-size:14px; font-weight:600; text-align:left; padding:10px 2px 4px 3px; vertical-align:middle; background-color: #ffffff; color: #e60e36; border-bottom: 2px solid #e60e36;}
		.class_td{width:calc(100% - 100px);  height: auto; line-height: 1.4em; box-sizing:border-box; display:inline-block; font-weight:bold; color:#555555; font-size:15px; text-align:left; padding:12px 0 6px 10px; border-bottom:1px solid #f0f0f0; vertical-align:middle;}
		.class_strong{color:#e60e36; padding-top: 8px;}
		.th_title{display:none;}
		.td_title{width:100%; border-bottom: 2px solid #e60e36; text-align: center; padding-top: 8px; height: auto;}
		.th_file{height:auto; min-height:36px; vertical-align: bottom;}
		.td_file{width:calc(100% - 100px);  height:auto; min-height:36px;}
		.block_left{float:none; width:100%;}
		.block_right{float:none; width:100%;}
		
		.receipt_num{display:none}
		
		
		.board_img{width:100%; box-sizing:border-box;}
		.board_img img{width:inherit; padding:5px;}
		.refer_img{width:100%; box-sizing:border-box;}
		.refer_img img{width:inherit; padding:5px;}
		.numbering{color:#ffffff; text-shadow:1px 1px #999999; font-size:16px; position:absolute; top:10px; left:10px; background-color:#e60e36;}
		.overlay_box{width:56px; height:26px; position:absolute; bottom:10px; right:10px; z-index:2; border-radius: 5px; background-color:rgba(0,0,0,0.2); text-align:center; box-sizing:border-box; padding: 3px;}
		.overlay_box img{margin:0; padding:0; line-height:25px; width:20px;}

		.photo_column{width: 100%; padding-top: 10px; text-align:center; margin: 0 auto;}
		
		
		.notice_number{display:none;}
		.notice_count{display:none;}		
		
		
		.veil{position:absolute; box-sizing:border-box; z-index:200; bottom:0; left:0; padding:8px 12px; width:100%; height:65px;
		 background: rgba(0, 0, 0, 0.8);filter:alpha(opacity=80); opacity:0.8; text-align:center;}
		.veil h4{margin:0; padding:5px 0; color:#ffffff; font-size:16px; line-height:20px; width:100%; max-height:36px;
		 padding-right:2em; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
		.veil span{font-size:12px; color:#dddddd;}
		.photo:hover .veil{ height:190px; -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);}
		.photo:hover .veil h4{margin:0; padding:5px 0; color:#ffffff; font-size:16px; line-height:20px; width:100%; max-height: 150px;; box-sizing:border-box;
		 padding-right:0; overflow: hidden; white-space:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
		/* */
 		}