.relay_listbox 				{position:relative; background:#f7f7f7; padding:30px 10px; border-radius:10px; margin:25px 0 30px 0; text-align:center;}
.relay_listbox li			{display:inline-block; width:150px; height:200px; margin-right:20px; border:1px solid #ddd; box-shadow:5px 5px 15px rgba(0,0,0,0.2);}
.relay_listbox li:last-child	{margin:0;}
.relay_listbox li:hover, .relay_listbox .on	{border:2px solid #ff7a00;}
.relay_tit						{text-align:center; letter-spacing:-0.75px; margin-bottom:20px;}
.relay_tit em					{font-style:normal; background:#ff7a00; color:#fff; padding:7px 15px; border-radius:50px; letter-spacing:0; font-weight:bold; margin-right:7px; font-size:12px;}
.relay_tit span					{font-weight:700; color:#000; box-shadow: inset 0 -10px 0 #fdefc5; }
.relay_selectbox					{position:relative; background:#f7f7f7; padding:30px 10px; margin-bottom:40px;}
.relay_selectbox:before				{position: absolute; content: ''; display: block; top:-24px; left:50%; width: 8px; height: 8px;-webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 3px solid #d1d1d1; border-right: 3px solid #d1d1d1;}
.relay_selectbox .input_form		{height:36px; margin:20px auto 0 auto; }
.relay_selectbox select				{display:block;}

.relay_listitem						{position:relative; overflow:hidden; margin-top:10px;}
.relay_listitem li					{position:relative; float:left; width:calc(20.5% - 30px); height:80px;margin:0 30px 20px 0; text-align:center; border-radius:5px;}

.relay_listitem li.child:nth-child(1),
.relay_listitem li.child1:nth-child(1),
.relay_listitem li.child2:nth-child(1)	{background:#fff9e7;}
.relay_listitem li.child:nth-child(2),
.relay_listitem li.child1:nth-child(2),
.relay_listitem li.child2:nth-child(2)	{background:#fff2cc;}
.relay_listitem li.child:nth-child(3),
.relay_listitem li.child1:nth-child(3),
.relay_listitem li.child2:nth-child(3)	{background:#ffeaaf;}
.relay_listitem li.child:nth-child(4),
.relay_listitem li.child1:nth-child(4),
.relay_listitem li.child2:nth-child(4)	{background:#ffe59b;}
.relay_listitem li.child:nth-child(5),
.relay_listitem li.child1:nth-child(5),
.relay_listitem li.child2:nth-child(5)	{background:#ffde81;}

.relay_listitem li.student:nth-child(1)	{background:#edf1f9;}
.relay_listitem li.student:nth-child(2)	{background:#dae3f3;}
.relay_listitem li.student:nth-child(3)	{background:#cdd8ef;}
.relay_listitem li.student:nth-child(4)	{background:#b9c9e9;}
.relay_listitem li.student:nth-child(5)	{background:#9fb5e1;}

.relay_listitem li.adult:nth-child(1)	{background:#fee6eb;}
.relay_listitem li.adult:nth-child(2)	{background:#fcd0d4;}
.relay_listitem li.adult:nth-child(3)	{background:#fbc5ca;}
.relay_listitem li.adult:nth-child(4)	{background:#f9adb4;}
.relay_listitem li.adult:nth-child(5)	{background:#f7939d;}

/*
.relay_listitem li:nth-child(2)		{background:#f1f1f1;}
.relay_listitem li:nth-child(3)		{background:#ececec;}
.relay_listitem li:nth-child(4)		{background:#e8e8e8;}
.relay_listitem li:nth-child(5)		{background:#e3e3e3;}
*/
.relay_listitem li a				{color:#333;}
.relay_listitem li span				{position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); padding:0 10px;line-height:24px;}
.relay_listitem li span .name		{font-size:20px; color:#000; } 
.relay_listitem li:after			{position:absolute; content:''; right:-20px; top:40%; border: solid #eaeaea; border-width:3px 3px 0 0; padding: 6px; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.relay_listitem li:last-child:after {display:none; margin-right:0;}
.relay_listitem li:nth-child(5n)		{margin-right:0;}
.relay_listitem li:nth-child(5n):after	{display:none;}
.relay_listitem .nolist				{float:none; width:100%; margin:0; height:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}


/* screen 768 */
@media screen and (max-width:768px) {

	.relay_listbox li				{width:calc(33% - 10px); margin-right:10px; height:180px;}

	.relay_listitem li				{width:calc(33% - 30px); height:100px;margin:0 30px 15px 0; height:60px; }
	.relay_listitem li:nth-child(5n)		{margin-right:30px;}
	.relay_listitem li:nth-child(5n):after	{display:block;}

}

.view_tit_wrap		{ padding:15px;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center; background:#f7f7f7;overflow:hidden;} 
.view_tit1			{display:inline-block; padding:2px 14px;COLOR:#fff; background:#ff6600; word-break:keep-all;}
.view_tit2			{font-size:18px; line-height:140%; COLOR:#333; font-weight:bold;padding:8px 0  0 0;} 
.view_name			{color:#888;padding:4px 0 0 0; font-size:0.9em;}
 
.view_file 			{list-style:none;padding:8px 10px ;border-bottom:1px solid #ddd; }
.view_file li		{list-style:none;font-size:0.9em; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; } 
 
.view_content		{padding:30px 10px ; word-break:break-all; border-bottom:0 solid #ddd;} 
.view_content img	{max-width:100%;}
.view_content_text_size		{padding:5px 0 0 0; text-align:right;}

.relay_view_list dl			{overflow:hidden; margin:5px 0;}
.relay_view_list dl dt		{float:left; width:80px; border:1px solid #ddd; text-align:center; padding:5px 0; color:#333;}
.relay_view_list dl dd		{padding:5px 0 0 100px;}

.view_com01 {font-size:10px;COLOR: #999999; font-family:Tahoma;} /*코멘트날짜표시*/
.view_bg {background-color:#F8E5F2} /*코멘트박스색깔*/

.write_title		{color:#111; font-weight:500; padding:12px 10px; text-align:center; background-color:#eeeeee; border-top:2px solid #5e5e5e; font-size:17px;}
.write_area			{width:100%;border-collapse:collapse;table-layout:fixed;}
.write01			{text-align:center; background:#f7f7f7; padding:8px 0;  width:140px; font-size:0.95em; border-right:1px solid #ddd;border-top:1px solid #ddd;}
.write02			{padding:8px; border-top:1px solid #ddd;} 

.comment_box01		{margin:15px 0 0 0;border:1px solid #e5e5e5;padding:7px;background-color:#f7f7f7;height:105px;}
.comment_box02		{margin:15px 0 0 0;border:1px solid #e5e5e5;padding:7px;background-color:#f7f7f7;height:140px;}
.comment_txt		{padding:3px 0 0 0;}
.comment_txt dl		{margin:0;}
.comment_txt dt		{margin:0;float:left;width:90%;}
.comment_txt dd		{margin:0;float:right;}
.comment_txt dt textarea	{border:1px solid #cccccc;}

.comment_view				{margin:0 0 10px 0;border-top:1px solid #dfdfdf;padding:5px 0;}
.comment_view_name			{width:110px;float:left;padding:0 5px;line-height:130%;}
.comment_view_content		{margin:0 0 0 110px; background:url("../../../core/image/board/comment_line01.gif") repeat-y left top;padding:0 10px;}

.view_prev_group					{border-top:1px solid #b5b5b5; }
.view_prev_group_li01				{overflow:hidden;border-bottom:1px solid #ddd;} 
.view_prev_group_li02				{overflow:hidden;border-bottom:1px solid #b5b5b5;} 

.view_prev_tit1, .view_prev_tit2	{float:left;width:15%;text-align:center;padding:7px 0;background: #f7f7f7;}
.view_prev_txt						{float:left;width:85%;padding:7px 0;text-indent:10px;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }


/* screen 580 */
@media screen and (max-width:580px) {
 
	.view_prev_tit1, .view_prev_tit2	{width:20%; font-size:0.9em;}
	.view_prev_txt						{width:80%;font-size:0.9em; }

}