@charset "utf-8";

/* CSS Document */


/* 버튼 스타일링 */

	/* 작은 작업 버튼 흰바탕, 살짝 라운드 있고 쬐끔함, 동영상 재시도 버튼 등 */
	input[type=button].common-task-btn {

		-webkit-appearance: none;
		outline: none;
		border-radius: 0;

		padding:2px 6px 1px;
		border:1px solid #ddd;
		border-radius: 3px;
		background:#fafafa;
		color:#666;
		font-size:11px;
		margin: 0px 2px 2px;
		cursor:pointer; 
	}
	
	/* 완료 버튼 - 좀 크고 radius 있음, 글쓰기 하단에 */
	input.common-submit-btn {
		
		-webkit-appearance: none;
		outline: none;
		
		font-size:20px;
		line-height: 20px;
		box-sizing: border-box;
		padding:10px 40px;
		background-color: #f0f0f0;
		color:#333;
		border-radius: 20px;
		border:1px solid #ddd;
		cursor: pointer;
		
	}
	input.common-submit-btn:hover {
		background-color: #ddd;
		color:black;
	}
	
	/* 위아래 좀 띄우고 중앙정렬 시켜줌 */
	.common-submit-btn-wrapper {
		text-align: center;
		margin:40px 0px;
	}

/* 상단메뉴 */
	.family_list { display:none; }

/* 우리반 친구들 */
	.common_postinglist_friends_classlist { margin-bottom:20px; border:2px solid #eeeeee ; border-radius:4px; padding:7px; width:692px; background-color:#fff; overflow:hidden;  position:relative; behavior:url(pie.htc); }
	.common_postinglist_friends_classlist li { border-radius:4px; margin:4px; padding:4px; background-color:#eee ; text-align:center; float:left; width:157px;  position:relative; behavior:url(pie.htc); }
	.common_postinglist_friends_classlist li a { color:#646464; }
	.common_postinglist_friends_classlist li a.current_class { font-weight:bold; color:#000; }

	.common_postinglist_friends_teacherintro { margin-bottom:20px; border:2px solid #e4e4e4; border-radius:4px; padding:15px; width:676px; overflow:hidden;  position:relative; behavior:url(pie.htc);}
	.common_postinglist_friends_teacherintro img.teacherface { margin-right:10px; width:110px; border-radius:4px;  position:relative; behavior:url(pie.htc); } 
	.common_postinglist_friends_teacherintro div.teacherinfo { border:0px solid #f00; float:left; display:block; margin:3px 0px; padding-left:20px; width:520px;  background : url('../../newimg/teacher/icon_name.png') left top no-repeat; }

	.common_postinglist_friends_studentlist { margin-bottom:0px; width:100%; overflow:hidden;}
	.common_postinglist_friends_studentlist li { margin-bottom:20px; margin-right:10px;  border:0px solid #f00; width:170px; float:left; }
	.common_postinglist_friends_studentlist li.lastcolumn { margin-right:0px; }
	.common_postinglist_friends_studentlist li div.facewrapper { margin-bottom:5px; border:1px solid #e4e4e4; border-radius:4px; width:168px; height:168px; display: block; text-align:center;  position:relative; behavior:url(pie.htc);} 
	.common_postinglist_friends_studentlist li div.facewrapper img { margin: 34px 34px auto; border-radius:4px; position:relative; behavior:url(pie.htc);} 

	.common_postinglist_friends_studentlist li div.facewrapper a {  clear:both; float:none; margin-top:5px; display:inline-block; text-align:center; border:0px solid #f00;} 
	.common_postinglist_friends_studentlist li div.facewrapper a img { margin: 0; border-radius:0px; } 

	.common_postinglist_friends_studentlist li div.studentinfo { border: 0px solid #f00; display:block; text-align:center; width:167px; height:48px; overflow:hidden; }
	.common_postinglist_friends_studentlist li div.studentinfo img { float:none; margin-right:5px; }
	.common_postinglist_friends_studentlist li div.studentinfo strong { font-weight:700;}

/* 글쓰기 */

	.common_postingwrite_type { width:100%; background:#333344;}
	.common_postingwrite_type li { display:inline-block; padding:10px 10px; border:3px solid #333344; background:#fff; border-bottom:0px none; width:33.33%; box-sizing:border-box; text-align:center; font-size:16px; cursor:pointer; }
	.common_postingwrite_type li.current_type { background:#333344; font-weight:bold; color:#fff; }

	.common_postingwrite_form { }
	.common_postingwrite_form img { float:none; }

	.common_postingwrite_postinginfowrapper { margin-bottom:20px; border:3px solid #333344; width:100%; padding:13px; text-align:left; box-sizing: border-box; }
	.common_postingwrite_postinginfowrapper .targetdate { margin-top:10px; }

	.common_postingwrite_postinginfotitle { position:relative; margin:20px 0px; height:26px; width:100%; border-bottom:1px solid #ddd; text-align:left; line-height:26px; vertical-align:middle; font-weight:700; color:#303030; }
	.common_postingwrite_postinginfotitle img { vertical-align:middle; margin-right:3px; }

	

	.common_postingwrite_form input[type='image'] { padding:0px; border:0px; }
	.common_postingwrite_form input[type='file'] { padding:0px; border:0px; }
	.common_postingwrite_form input[type='text'] { padding:3px; }
	.common_postingwrite_postinginfo_imageorattach { text-align:center; float:none; width:100%; margin-bottom:20px; }
	.common_postingwrite_postinginfo_imageorattach img { margin-right:10px; }
	.common_postingwrite_postinginfo_imageorattach .onefile { text-align:center; width:100%; border:0px solid #f00; margin-bottom:10px;}
	.common_postingwrite_postinginfo_imageorattach .onefile .warning { color:#f00; border:0px solid #00f; width:100%;display:none; visibility:hidden;background-color:#ffffff; padding-top:10px; }

	.common_postingwrite_postingtextbox_wrapper { margin-bottom:20px; text-align:left; border:3px solid #ddd; width:100%; padding:13px; padding-top:60px; position:relative; box-sizing: border-box; }

	.common_postingwrite_postingtextbox_wrapper .parano { background-color:#ddd; position:absolute; font-size:18px; color:#303030; left:0px; top:0px; height:40px; width:50px; line-height:40px; vertical-align:middle; text-align:center;}
	.common_postingwrite_postingtextbox_wrapper .parafunc { background-color:#fff; position:absolute;  left:60px; top:0px; height:40px; width:260px; line-height:40px; vertical-align:middle; text-align:left;}
	.common_postingwrite_postingtextbox_wrapper .headtail { width:150px; }
	
	.common_postingwrite_postingtextbox_wrapper textarea { resize: none; }
	.common_postingwrite_postingtextbox_wrapper textarea:focus  { outline: none; }
	
	.common_postingwrite_postingtextbox_subtitle { margin-bottom:20px; }
	.common_postingwrite_postingtextbox_imagefunc { margin-bottom:2px; }
	.common_postingwrite_postingtextbox_imagefunc img { vertical-align:middle;}
	.common_postingwrite_postingtextbox_imagewrapper { padding:10px; width:658px; background-color:#ddd; text-align:center; margin-bottom:20px; }

	.common_postingwrite_album_upload_btn { 
		border:1px solid #ddd; 	background-color: #bfe242; 	padding: 12px 26px;    color: #333;
		font-size: 14px;    border-radius: 2px;    cursor: pointer;    display: inline-block;  margin-top: 12px;
		font-weight:bold; line-height: 1;}

	.common_postingwrite_upload_resultandguide { text-align:center; padding:10px; border:1px dashed #d8d8d8; margin-top:10px; background:#f8f8f8;}
	.common_postingwrite_upload_resultandguide > span { color:#000; font-weight:bold;}

	.common_postingwrite_album_info { table-layout:fixed; }
	.common_postingwrite_album_info tr td.title { width:78px; }
	.common_postingwrite_album_info tr td.inputarea { width:600px; }
	.common_postingwrite_album_info tr td { padding:5px 0px; }


	#common_postingwrite_album_title { width:600px; margin:0px; border:1px solid #d8d8d8; padding:3px; box-sizing:border-box; }
	#common_postingwrite_album_content { width:600px; height:200px; border:1px solid #d8d8d8; padding:3px; box-sizing:border-box; resize:none; }
	#photokeys { display:none; }


	.common_postingwrite_videoiframe_wrapper { margin-bottom:20px; border:3px solid #333344; width:100%; height:1000px; box-sizing: border-box; }
	.common_postingwrite_videoiframe_wrapper iframe { width:100%; height:1000px; }
	
	 
    
	ul.youtube-upload-guide {
		list-style: disc;
		display: block;
	}
	
	ul.youtube-upload-guide li {
		margin-left: 25px;
		list-style: disc;
		padding-left:10px;
		display: list-item;
		line-height: 25px;
	}
	
	a.youtube-banner-btn {
		
		display: block;
		width:112px;
		position: relative;
		margin:20px auto 40px;
		
		border:1px solid #ddd;
		border-radius: 10px;
		
		background:url('/newimg/posting/youtube.png') left 10px center no-repeat;
		padding: 8px 10px 8px 80px;
		
		background-size: 66px 15px;
				
	}

/* 사이트맵 */

	.common_postinglist_sitemap_submenutable { width:154px; }
	.common_postinglist_sitemap_submenutable td { border:0px solid #f00; }
	.common_postinglist_sitemap_submenutable td.submenu {vertical-align:middle; line-height:14px; height:14px; padding: 5px 0; text-align:center; vertical-align:middle; background : url('../../newimg/sitemap/sitemap_middle_02.png'); }
	.common_postinglist_sitemap_submenutable td.divider {vertical-align:middle; line-height:1px; height:1px; text-align:center; background : url('../../newimg/sitemap/sitemap_middle_02.png'); }
	.common_postinglist_sitemap_submenuimg { float:none; vertical-align:middle;  }

/* 일반 게시판 목록 */

	.common_postinglist_general_header { width:100%; height:34px; border-radius:4px; background-color: #ccc;}
	.common_postinglist_general_header td { text-align:center;  color:#fff; }

	.common_postinglist_general_list { width:100%; margin-bottom:30px; }
	.common_postinglist_general_list tr { border-bottom:1px solid #e3e3e3; }
	.common_postinglist_general_list td { height:34px; text-align:center; font-weight:400; }
	.common_postinglist_general_list td a { font-weight:400; }
	.common_postinglist_general_list td.title{ text-align:left; }
	.common_postinglist_general_list td div.notice { width:80%; height:20px; border-radius:4px; color:#fff; font-weight:bold; margin: 5px auto; padding: 2px auto; line-height:20px; vertical-align:middle;}
	.common_postinglist_general_list td div.dot { width:3px; height:3px; background-color:#888; margin: auto auto; }

/* 달력형, 식단 */

	.common_postinglist_calendar_navigation { color:#000; width:100%; text-align:center; font-size:24px; border: 0px solid #f00;margin-bottom:20px; line-height:24px; vertical-align:middle;}
	.common_postinglist_calendar_navigation a { padding: 0 20px; font-size:28px;vertical-align:middle; }
	.common_postinglist_calendar_navigation a img { vertical-align:middle; margin-bottom:2px; }
	.common_postinglist_calendar { width:100%; border-collapse:separate; border-spacing:2px; }
	.common_postinglist_calendar td { padding:5px; width:14.28%; min-height:70px; height:70px; vertical-align:top; text-align:left; background-color:#f8f8f8; border-radius:7px; }
	.common_postinglist_calendar tr.head td { width:14.28%; height:20px; min-height:30px; line-height:30px; vertical-align:middle; text-align:center; background-color:#e3e3e3; }
	.common_postinglist_calendar td.notusing { background-color:#fefefe; }
	.common_postinglist_calendar td img.tdimg { margin:3px 0px;max-width:100%;object-fit:contain; border-radius:4px; }

	.common_postinglist_calendar td.weekSunday > span { color:#f00; }
	.common_postinglist_calendar td.weekSaturday > span { color:#00f; }

	.common_postinglist_calendar td a span.foodmenu { display:block; border:0px solid #f00; text-align:center; }
	.common_postinglist_calendar td a span.foodmenu img {margin:3px; float:none; }
	.foodmenuprint { width:100%; margin-top:20px; text-align:center; border:0px solid #f00; }
	.foodmenuprint a { margin:5px; }
	.foodmenuprint a img { float:none; }

/* 페이지 번호의 표시 형태, 현재페이지의 색은 css_skin에서 담당 */
	.common_postinglist_page { float:left; width: 100%; margin: 0px 0px; 40px; text-align:center; border:0px solid #f00; color:#888; line-height:28px; }
	.common_postinglist_page a { width:20px; height:20px; text-align:center; vertical-align:middle; line-height:20px; color:#888; font-weight:700;
			border:1px solid #bdbdbd; margin: 0 3px; padding:3px 2px 1px; display:inline-block; border-radius:50%;  behavior:url(pie.htc);}
	.common_postinglist_page a.currentpage { background:#888; color:#fff; border:1px solid #bdbdbd;  }

/* 리뷰형 (썸네일 + 글) */

	.common_postinglist_review { margin-bottom:5px; width:100%; overflow:hidden;}
	.common_postinglist_review > li { display:block; clear:both; border-bottom:1px solid #e3e3e3; padding-bottom:20px;margin-bottom:20px; overflow:hidden;  }
	.common_postinglist_review > li img { float:left; }
	.common_postinglist_review > li div.title { padding-top:5px; margin-bottom:5px; }
	.common_postinglist_review > li div.title a { font-size:24px; color:#303030; }
	.common_postinglist_review > li div.title a.delete { margin-left:10px; font-size:12px; color:#303030; }
	.common_postinglist_review > li div.postinginfo { display:inline-block; color: #666666; }
	.common_postinglist_review > li div.date		{ margin-left:20px;padding-left:15px; background:url('../../newimg/common/icon_calendar.png') left 2px no-repeat;  }
	.common_postinglist_review > li div.pageview	{ margin-left:20px;padding-left:15px; background:url('../../newimg/common/icon_read.png') left 2px no-repeat;  }
	.common_postinglist_review > li div.reply		{ margin-left:20px;padding-left:15px; background:url('../../newimg/common/icon_reply.png') left 2px no-repeat;  }

	.common_postinglist_review img.thumbimg { width:150px; height:150px; border-radius:6px; margin: 0px 20px 0px 0px; }
	.common_postinglist_reviewcontents { float: none; margin-top:15px; }

/* 썸네일형 (앨범이나 썸네일형 게시판) */
	.common_postinglist_album_wrapper {float:left; width:710px; margin-bottom:0px; margin-left:0px; }
	.common_postinglist_album { border:1px solid #f0f;  padding-bottom:15px; margin-bottom:20px; width: 710px; overflow:hidden; } 

	/* 새로운 thumbnail function 적용후 */
	.common_postinglist_album_wrapper {float:left; width:710px; margin-bottom:0px; margin-left:0px; }
	.common_postinglist_album { border:0px solid #f0f;  padding-bottom:15px; margin-bottom:20px; width: 710px; overflow:hidden; } 
	.common_postinglist_album li {float:left; width:160px; height:200px; margin:0px 23px 20px 0px; position:relative; border:0px solid #0f0;}
	.common_postinglist_album li.rightmost_thumbnail {margin-right:0px;}
	.common_postinglist_album li.rightmost {margin-right:0px;}
	
	.common_postinglist_album li a.thumbnail_link { position:absolute;left:0px;top:0px;width:160px;height:160px; }
	.common_postinglist_album li a.thumbnail_link div.image { border-radius:15px; border:0px solid #ddd; behavior:url(pie.htc); }
	.common_postinglist_album li a.thumbnail_link div.image img { display:block; border-radius:15px; border:0px solid #ddd; }

	.common_postinglist_album li a.thumbnail_link div.title { position:absolute;left:0px;top:165px;width:160px;height:15px;text-align:center;vertical-align:middle;line-height:15px;overflow:hidden; }
	.common_postinglist_album li a.thumbnail_link div.desc {  font-weight:400; position:absolute;left:1px;top:183px;width:160px;height:15px;text-align:center;vertical-align:middle;line-height:15px;overflow:hidden; }
	.common_postinglist_album li a.thumbnail_link div.desc img { margin-right:3px; margin-left:3px; }

	.common_postinglist_album li a.thumbnail_link div.desc div.thumbnail_date{ display:inline-block; background:url(../../newimg/common/icon_calendar.png) left top no-repeat; padding-left:13px; padding-right:3px;}
	.common_postinglist_album li a.thumbnail_link div.desc div.thumbnail_pageview{ display:inline-block; background:url(../../newimg/common/icon_read.png) left top no-repeat; padding-left:13px; padding-right:3px;}
	.common_postinglist_album li a.thumbnail_link div.desc div.thumbnail_reply{ display:inline-block; background:url(../../newimg/common/icon_reply.png) left top no-repeat; padding-left:13px; padding-right:3px;}


/* 입학신청폼 */
	.common_admission_form { text-align:center; }
	.common_admission_form img { float:none; }
	.common_admission_form input[type='image'] { padding:0px; border:0px; }
	.common_admission_form input[type='file'] { padding:0px; border:0px; }
	.common_admission_form input[type='text'] { padding:3px; }
	.common_admission_form input[type='radio'] { border:0px; }
	.common_admission_infotable td.q { height:28px;text-align:center; background:#eee; width:152px; }
	.common_admission_infotable td.a { height:28px;text-align:left; background:#fff; width:555px; }
	.common_admission_infotable td { border:1px solid #ddd; padding:3px;}
	.common_admission_infotable { width:100%; margin-bottom:20px; }
	.common_admission_infotable table.address_form td { border:0px; padding:1px;}
	.common_admission_infotable table.address_form td img { vertical-align:middle; } 

	.common_admission_infotabletitle { font-size:18px; color:#303030; text-align:left;  }

	/* 본사 가맹신청 */

	.common_personal_info_agreement { border :1px solid #ddd; padding:20px; margin-bottom:20px; text-align:left;}

/*연간일정*/
	.common_postinglist_yearcalendar_title { width:100%; text-align:center; font-weight:bold; color:#000; margin-top:20px; margin-bottom:20px; font-size:18px; }

	.common_postinglist_yearcalendar_month { width:31.3%; margin:0px 1% 10px; float:left; border:0px solid #f00; }
	.common_postinglist_yearcalendar_month .title { width:100%; margin-bottom:7px;  border:0px solid #000; background: url('img/bg_cal_title.gif') center top no-repeat; background-size:cover; height: 27px; vertical-align:middle; line-height:27px; color:black; font-weight:bold;}

	.common_postinglist_yearcalendar_monthtable { border-collapse:collapse; width:100%; }

	.common_postinglist_yearcalendar_monthtable td { width:14%; height:30px; border: 1px solid #ccc; text-align:center; vertical-align:middle; line-height:30px; }
	.common_postinglist_yearcalendar_monthtable tr.dayofweek td { height:20px; line-height:20px;}
	.common_postinglist_yearcalendar_monthtable tr.dayofweek td.sun { color: #f00; }
	.common_postinglist_yearcalendar_monthtable tr.dayofweek td.sat { color: #00f; }

	.common_postinglist_yearcalendar_monthtable tr td.type1 { background:#d8dfbc; }
	.common_postinglist_yearcalendar_monthtable tr td.type2 { background:#ffe682; }
	.common_postinglist_yearcalendar_monthtable tr td.type3 { background:#b8ffe4; }
	.common_postinglist_yearcalendar_monthtable tr td.type4 { background:#febad8; }
	.common_postinglist_yearcalendar_monthtable tr td.type5 { background:url('img/bg_yearcalendarcircle.gif') ; background-size:cover; }

	.common_postinglist_yearcalendar_itemlist { border:1px solid #ccc; padding:5px; margin-top:5px; text-align:left; font-size:9px; overflow:hidden; white-space: nowrap; }

	.common_postinglist_yearcalendardata { border:0px solid #ccc; text-align:left; padding:10px; line-height:25px; }
	.common_postinglist_yearcalendardata input[type="text"] { height:17px; margin:0px; padding:1px; }
	.common_postinglist_yearcalendardata strong { font-weight: bold; }
	.common_postinglist_yearcalendardata input[type="submit"] { margin-top:5px; }



/* 커스텀 입력폼 */
	.application-customform { text-align:center; }
	.application-customform img { float:none; }
	.application-customform input[type='image'] { padding:0px; border:0px; }
	.application-customform input[type='file'] { padding:0px; border:0px; }
	.application-customform input[type='text'] { padding:3px; }
	.application-customform input[type='radio'] { border:0px; }
	.application-customform-table td.q { height:28px;text-align:center; background:#eee; width:152px; }
	.application-customform-table td.a { height:28px;text-align:left; background:#fff; width:555px; }
	.application-customform-table td { border:1px solid #ddd; padding:3px;}
	.application-customform-table { width:100%; margin-bottom:20px; }
	.application-customform-table table.address_form td { border:0px; padding:1px;}
	.application-customform-table table.address_form td img { vertical-align:middle; } 
	.application-customform-grouptitle { font-size:18px; color:#303030; text-align:left; margin-top:20px; margin-bottom: 3px;}
    .application-customform-agreement { width:100%; border:1px solid #ddd; padding:10px; box-sizing: border-box; text-align: left; max-height: 250px; overflow-y:scroll; }
    .application-customform-agreement b { font-weight: bold; }

    .application-customform-agreement-check { width:100%; border:0px solid #ddd; padding:5px; box-sizing: border-box; text-align: right; }
    .application-customform-guidebox { text-align: left; font-size:16px; }

    .application-customform-table td.a textarea, .application-customform textarea.edit-customtext , .application-customform div.customtext { border:1px solid #ddd; padding:10px; display:block; width:100%; box-sizing: border-box; resize:none; text-align: left; }

    .application-customform-table td.a label , .application-customform-table td.a input[type=text]
    { display:inline-block; }

    .application-customform-table td.divider { border-left:0px none; border-right:0px none; }
    .application-customform-table td span.mandatory-mark { padding-left:3px; color:#f00; }
    
    .application-customform .application-customform-imagedeco {
	    margin-bottom: 10px;
    }

	.application-customform .application-customform-agreement-check {
		margin-bottom: 10px;
	}








/*  reply 관련 */
	.common_reply_wrapper { width:100%; padding:0px; text-align:center; border:0px solid #f00; background:#fff; box-sizing:border-box;}
	.common_postingcontent_menu { width:100%; text-align:center; margin:10px 0px; border:0px solid #f00; }
	.common_postingcontent_menu>table { margin: 0 auto; }
	
	
	
/* 리플 */
	.content_replylist_spacer { height:6px; background:#fff; }
	.content_replylist {  display:block; margin:0px 0px;  border-bottom:0px solid #dadada;   border-top:1px solid #e1e1e1; text-align: left; }
	.content_replylist .totalnumberofreply { padding:10px; border-bottom:1px solid #f4f4f4; color:#333; }
	.content_replylist .totalnumberofreply > b { font-weight:bold; color:#000; }
	.content_replylist li { display: block; width: 100%; border-bottom:1px solid #f4f4f4; padding:8px 10px; box-sizing:border-box;}
	.content_replylist li .onereply { min-height:52px; position:relative; }
	.content_replylist li .onereply .replythumbspan  { 	position: relative; float: left; margin: 0px; }
	.replyofreply_wrap .replythumbspan  { display:none; }
	.content_replylist li .onereply .replythumb { 	width:50px; 	height:50px; 	border:1px solid #ececec; border-radius:25px; 	display:inline; }
	.content_replylist li .onereply .replycontents  { 	position:relative; 	left:0px; 	top:0px; 	font-weight:700; 	margin: 0px 0px 0px; height:auto; padding:0px 0px 0px 60px; 	border : 0px solid #f0f;  }
	.content_replylist li .onereply .replycontents .writer { font-size: 15px; font-weight:bold; display:inline-block; height:24px;}
	.content_replylist li .onereply .replycontents .time { font-size: 10px; font-weight:normal; color:#bbb; display:inline-block; height:24px;  }
	.content_replylist li .onereply .replycontents .replytext {  height:auto; overflow:visible; font-size:15px; font-weight:400; text-overflow: ellipsis; white-space:normal; border:0px solid #f00; color: #7c7c7c; padding-bottom:12px;}
	.content_replylist li .onereply .writereplyofreplybtn  { position:absolute; right:0; top:0; padding:3px 4px 3px 19px; background:#fff url(../mobileboracay/img/icon_pencil.png) 3px 4px no-repeat; -webkit-background-size:12px 12px;  border-radius:2px; border:1px solid #e8e8e8; color:#969696; }



	.content_replylist li .onereplyofreply {  border:0px solid #f00; padding: 8px 0px 8px 22px;	background:url(../mobileboracay/img/replyofreply.png) no-repeat 0px 10px; 	-webkit-background-size:10px 10px; clear:both; }
	.content_replylist li .onereplyofreply .writer { font-size: 15px; font-weight:bold; display:inline-block; height:24px; color:#969696; }
	.content_replylist li .onereplyofreply .time { font-size: 10px; font-weight:normal; color:#bbb; display:inline-block; height:24px;  }
	.content_replylist li .onereplyofreply .replytext {  height:auto; overflow:visible; font-size:15px; font-weight:400; text-overflow: ellipsis; white-space:normal; border:0px solid #f00; color:#7c7c7c; }

	.private_reply_icon { background:url(img/icon_blind.png) 0px 0px no-repeat; background-size:12px 16px; width:12px; height:16px; border: px solid #f00; display:inline-block; padding-right:5px; margin-bottom:-2px;}

	.writereplyofreplybox { display:none; border:0px solid #f00;  height:26px; padding: 0px 45px 0px 22px; position:relative; background:url(../mobileboracay/img/replyofreply.png) no-repeat 0px 10px; 	-webkit-background-size:10px 10px; margin:5px 0px;}
	.writereplyofreplybox input[type=text] { width: 100%; padding:4px; -webkit-appearance: none;  -webkit-border-radius: 0; box-sizing:border-box; }
	.writereplyofreplybox input[type=button].writereplybtn { position:absolute; right:0px; bottom:0px; }





	.writereplybox  { background:#f5f5f5; border:0px solid #f00; padding:10px;}
	.writereplybox .title { color:#333; margin-bottom:5px; text-align: left;}
	.writereplybox .warning { color:#f00; text-align:center; }
	.writereplybox > textarea { border:1px solid #cecece; width:100%; height:60px; box-sizing:border-box;-webkit-appearance: none;  -webkit-border-radius: 0;  }

	.writereplybox_btnarea { border:0px solid #f00; text-align:right; }

	.writereplybox_private { display : inline-block; margin-right:5px; }
	.writereplybox_private label { margin-left:2px; font-size: 14px; color:#7c7c7c;}

	.writereplybtn { padding:3px 4px 3px 4px; background:#fff; border-radius:2px; border:1px solid #e8e8e8; color:#969696; -webkit-appearance: none;  -webkit-border-radius: 2px; font-size:14px;}


 
/* ------------------------------------------------------------------ 댓글  끝 */
	
	
	
	
	
	

/* 줄간 */
	.common-postingcontent-wrapper { line-height:1.6; }
	.common-postingcontent-wrapper * { line-height:inherit; color:inherit; font-family: inherit; font-size: inherit; text-decoration: inherit; }
	

/* 글 내용에서 표 */
	.postingContent td { border:1px solid #ccc; padding:10px; }
	.common-postingcontent-wrapper img { max-width:100%; }

/* 동영상 쓰기, 에디트 영역 */
	.common-postingcontent-wrapper .video-edit-wrapper {
	
		background:#eee;
		margin:20px 0px 40px;
		padding:10px;
	}
	
	.common-postingcontent-wrapper .iframe-wrapper-video {
		width:100%;
		margin-top:-30px;
		margin-bottom: 30px;
	}
	.common-postingcontent-wrapper .iframe-wrapper-video iframe {
		width:100%; 
	}
	

	ul.common-video-list {
		display: block;
		display: none; /*처음엔 안보이게 */
		margin-top:10px;
		max-height: 370px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	.video-posting-write ul.common-video-list { max-height: 505px; width:100%; }
	
	ul.common-video-list li {
		display: inline-block;
		margin:0px;
		width:calc((100% - 16px) / 3);
		padding:0px 0px 10px;
		vertical-align: top;
		position:relative;
		box-sizing: border-box;
		margin-left: 8px;
	}
	
	ul.common-video-list li div.number {
		width:30px;
		height:30px;
		position:absolute;
		right:5px;
		top:5px;
		line-height: 30px;
		font-size:20px;
		color:#fff;
		background: #008af7;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		border-radius: 50%;
				
	}

	ul.common-video-list li:nth-child(3n-2) {
		margin-left: 0px;
	}
			
	ul.common-video-list li .imgwrapper {
		width: 100%;
		height: 0px;
		padding-top: 56%;
		position: relative;
		margin-bottom:5px;
	}
	
	ul.common-video-list li .imgwrapper img {
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		
		width:100%;
		height:100%;
		cursor:pointer;
	}
	
	ul.common-video-list li div.title {
		color:#000;
	}
	ul.common-video-list li div.desc ,
	ul.common-video-list li div.date {
		text-align:left;
	}
	ul.common-video-list li div.privacy-status {
		position: absolute;
		left:0px;
		top:0px;
		font-size: 10px;
		padding:3px;
		background: #008af7;
		color:#fff;
	} 
	ul.common-video-list li div.privacy-status.public {
		background:#ff8000;	
	}
	ul.common-video-list li div.privacy-status.private {
		background:#ff0000;	
	}
	
	
	
	.video-action-waiting-response { display: none; }
	
	/* 동영상 글쓰기에서 로딩/재시도 */
	.video-posting-write .video-action-waiting-response { display:block; margin:0 auto; position:relative; }
	.video-posting-write .video-list-retry-wrapper { text-align: center; margin:10px; }

	
	
	/* 긴급상황에서 직접 링크 넣기 */
	ul.emergency-video-list {
		display: block;
		width: 100%;
		
	}
	ul.emergency-video-list > li {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	ul.emergency-video-list > li > input[type=text] {
		width:100%;
		padding:3px;
		box-sizing: border-box;
		
	}
	
	
	
	
	
	
	
	
/* posting content titlebox */

	.common-postingcontent-titlebox {
		width:100%;
		margin:0px;
		padding-bottom: 5px;
		position: relative;
		height:30px;
		border-bottom:1px dashed #ddd;
	}
	.common-postingcontent-titlebox .title {
		position: absolute;
		left:0;
		top:5px;
		height:20px;
		width:85%;
		font-size:20px;
		color:#333;
		line-height: 20px;
		vertical-align: middle;
		text-align: left;
	}
	.common-postingcontent-titlebox .title.blind { background:url(img/icon_blind.png) 0px 0px no-repeat; background-size:16px 21px; padding-left:20px; }
	
	.common-postingcontent-titlebox .title span.writer {
		font-size:13px;
	}
	.common-postingcontent-titlebox .date {
		position: absolute;
		right:0;
		text-align: right;
		top:5px;
		height:20px;
		width:30%;
		font-size:13px;
		line-height: 20px;
		vertical-align: middle;
	}	
	

/* posting content editbtn area */

	.common-postingcontent-editbtn-area {
		text-align: left;
		margin:5px 0px;
		padding:5px 0px;
		border-bottom:1px dashed #ddd;
	}

	.common-postingcontent-editbtn-area .posting-class-change-select {
		margin-top:-2px;
	}

	#common-postingcontent-edit-wrapper {
		margin:0px;
		padding:0px;
	}

	#common-postingcontent-edit-wrapper form {
		display: block;
		margin:0px 0px 20px;
		padding:20px;
		
		text-align: left;
		background:#eee;
	}
	
	#common-postingcontent-edit-wrapper form input[type=text].title {
		width:100%;
		box-sizing: border-box;
		margin-bottom:10px;
	}
	
	#common-postingcontent-edit-wrapper form textarea {
		width:100%;
		box-sizing: border-box;
		margin-bottom:10px;
		border:1px solid #d8d7d7;
		padding:6px;
		height:150px;
		resize:none;
	}
	
	#common-postingcontent-edit-wrapper form div.row-wrapper {
		margin-bottom: 10px;
	}
	
	#common-postingcontent-edit-wrapper form#photoedit table {
		width:100%;
		table-layout: fixed;
	} 
	#common-postingcontent-edit-wrapper form#photoedit table td {
		border:1px solid #888;
		padding:3px;
		text-align: center;
	}
	
	#common-postingcontent-edit-wrapper form#photomerge select {
		display:block;
		width:100%;
		box-sizing:border-box;
		margin-top:10px;
	}
	
	#common-postingcontent-edit-wrapper div.submit-btn-wrapper {
		width:100%;
		text-align: center;
		margin:20px 0px 10px;
	}

/* posting content contenttext */
	.common-postingcontent-contenttext {
		font-size: 18px;
		text-align: left;
		margin: 20px 0px 40px;
	}


/* posting content photolist */

	.common-postingcontent-photolist {
		width:100%;
	}
	
	.common-postingcontent-photolist > li {
		
		display: block;
		text-align: center;
		margin-bottom:40px;
	}
	
	.common-postingcontent-photolist > li .img-wrapper > img.hiddenphoto { opacity:0.5; }
	.common-postingcontent-photolist > li .img-wrapper > img.hidden-photo { opacity:0.5; }

	.common-postingcontent-photolist > li > div.img-desc {
		
		text-align: center;
		font-size:15px;
		margin-top:20px;
		
	}
	
	.common-postingcontent-photolist > li > div.img-desc:empty {
		margin-top:0px;
	}
	
	
/* posting content photo info frame */

	.common-postingcontent-photolist li div.photo-info-frame {
		
		margin-top:20px;
		padding-top:29px;
		position: relative;
	}
	
	.common-postingcontent-photolist li div.photo-info-frame div.tab {
		position:absolute;
		top:0;
		width:100px; 
		height:30px;
		line-height: 30px;
		vertical-align: middle;
		border:1px solid #ccc;
		text-align:center;
		background:#fff;
		box-sizing: border-box;
		cursor: pointer;
	}
	.common-postingcontent-photolist li div.photo-info-frame div.tab.selected {
		background:#eee;
		border-bottom:1px solid #eee;
	}		
	
	.common-postingcontent-photolist li div.photo-info-frame div.photo-info-tab {
		position:absolute;
		left:0;
		
	}
	.common-postingcontent-photolist li div.photo-info-frame div.photo-edit-tab {
		position:absolute;
		left:99px; 
		top:0;

	}
	.common-postingcontent-photolist li div.photo-info-frame div.iframe-wrapper {
		border:1px solid #ccc;
		background:#eee;
		box-sizing: border-box;
	}
	.common-postingcontent-photolist li div.photo-info-frame div.iframe-wrapper iframe {
		width: 100%;
		
		
	}
	
	
/* 교사 추가 수정 */

	#teacher-image-upload {
		display: none;
	}