/* 관리자모드 *****/

#sys_admin_online_category_subbox	{display:none;position:absolute;z-index:2;background-color:#fff;}

#online_copy_list			{height:100px;overflow-x:hidden;border:1px solid #dddddd;width:700px;padding:5px;display:none;}

.online_list_date1			{color:#333333;font-weight:bold;}
.online_list_date2			{color:#666666;font-weight:bold;}
.online_list_jogun			{color:#999999;font-weight:bold;}

.online_placeholders::-webkit-input-placeholder	{color:#ff6464;}
.online_placeholders::-moz-placeholder			{color:#ff6464;}
.online_placeholders:-ms-input-placeholder		{color:#ff6464;}
.online_placeholders:-moz-placeholder			{color:#ff6464;}

.online_help				{color:#0066ff;font-size:0.95em;}

.online_typegroup_boxs				{border:3px solid #798291;padding:0;margin:0 0 30px 0;}
.online_typegroup_top				{padding:8px 10px;background:#798291;}
.online_typegroup_top td			{color:#fff;font-weight:bold;font-size:16px;}
.online_typegroup_body select		{height:22px;}
.online_typegroup_body				{padding:10px;border-bottom:2px solid #798291;}

.online_typelist_boxs				{padding:10px;border-bottom:1px solid #798291;}
.online_typelist_boxs input			{margin:2px 0px;}

#online_typegroup_add_txt,
.online_typelist_add_txts			{color:#ff0000;padding-left:10px;}

#online_exelbox						{border:2px solid #f78d30;background:#fff;width:250px;z-index:20;}
.online_exelbox_title				{background:#f78d30;padding:5px 10px;color:#fff;font-weight:bold;}
.online_exelbox_content				{padding:5px 10px;}

.online_typegroup_sort				{margin:5px 0px;border:2px dashed #000;height:200px;}
.online_typelist_sort				{border:2px dashed #000;height:100px;}

.online_otlist_title				{font-weight:bold;}
.online_otlist_textarea				{width:96%;min-height:30px;background-color:#ffffff;padding:5px;border:1px solid #bbb;overflow-x:hidden;}

.online_preview_padding				{padding:0px 10px;}
.online_preview_bar					{height:100%;display:flex;justify-content:center;}
.online_preview_bar .bar_line		{width:1px;height:100%;background:#ddd;}

.online_nolist						{padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}







/*  온라인신청 LIST */
.online_listbox:after				{content:""; display:block; clear:both;}
.online_listbox li					{position:relative; float: left; width:32%; margin-right:2%; margin-bottom:20px;  border: 1px solid #ddd; border-radius: 10px;}
.online_listbox li:nth-child(3n)	{margin-right:0px; float:right;}
.online_listbox .img				{position:relative; height: 160px; overflow: hidden; border-top-left-radius: 7px; border-top-right-radius: 7px;  border-top: 1px solid #ddd; box-sizing: border-box; }
.online_listbox .img img			{width:100%; height:100%; object-fit:cover;}
.online_listbox dl					{padding: 25px 20px;}
.online_listbox dt					{margin-bottom:15px; font-size: 1.2em; font-weight: 700; letter-spacing: -2px;  color: #333; line-height: 1.4; display: block; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;word-wrap: break-word;}
.online_listbox dd					{padding:2px 0;}
.online_listbox .btn01				{position:relative;padding-left: 12px; margin: 0 auto 25px auto; border: 1px solid #007ff4;  width: 105px; height: 34px; line-height: 30px;}
.online_listbox .btn01:hover		{background:#007ff4 ;color:#fff;}
.online_listbox .btn01				{  color: #5284df; font-weight:500; font-size:0.93em;}
.online_listbox .btns:hover a		{  color: #fff;}
.online_listbox .more				{display:block; position:absolute; right:10px; top:9px; width:13px; height:13px; cursor:pointer;}
.online_listbox .more:after			{position:absolute; content:''; left:40%; top:50%; transform:translate(-50%, -50%); width:13px; height:1px; background:#00b8f7;}
.online_listbox .more:before		{position:absolute; content:''; left:40%; top:50%; transform:translate(-50%, -50%); width:1px; height:13px; background:#00b8f7;}
.online_listbox .tag				{position:absolute; top: 14px;left: -14px; background:#7e7e7e; width: 63px; height: 30px; font-size:0.85em; text-align: center; line-height: 30px;color:#fff; z-index:2;}
.online_listbox li .layer			{display:none;  position:absolute; top:0; left:0;background:rgba(0,0,0,0.3) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%; transition:0.5s; text-align:center;}
.online_listbox li:hover .layer		{display:block;}
.online_listbox .listnot			{width:100% !important;padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:0px;border-left:0px;border-radius:0;}


.online_listbox .ing				{background:#3f8af9;}
.online_listbox .acc, .online_listbox .end	{background:#7e7e7e;}

.onlineclass_listbox .btns					{text-align:center; }
.onlineclass_listbox .btns .btn01			{display: inline-block;text-align: center;border: 1px solid #c8c8c8;background: #fff;color: #333;padding: 0 15px;line-height: 37px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.onlineclass_listbox .btns .btn01:hover		{border:1px solid #444; background:#555; color:#fff; }
.onlineclass_listbox .btns .btn01_h			{display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 15px;line-height: 37px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;opacity:.5;}
.onlineclass_listbox .btns .btn02			{display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 15px;line-height: 27px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.onlineclass_listbox .btns .btn02:hover		{border:1px solid #444; background:#555; color:#fff; }
.onlineclass_listbox .btns .btn02_h			{display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 15px;line-height: 27px;margin: 0 3px;font-size: 0.95em;min-width: 90px;vertical-align: middle;opacity:.5;}
.onlineclass_listbox .btns .btn03			{display: inline-block;text-align: center;border: 1px solid #a72030; background:#ad2938;color: #fff;padding: 0 15px;line-height: 37px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.onlineclass_listbox .btns .btn03:hover		{border-color:#a72030; background:#ad2938;}
.onlineclass_listbox .btns .btn03_h			{display: inline-block;text-align: center;border: 1px solid #ccc;background: #eee;color: #999;padding: 0 15px;line-height: 37px;margin:0 3px; cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}


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

	.online_listbox .tag				{font-size:0.85em;}
	.online_listbox dl					{padding:20px;}
	.online_listbox dl dt				{font-size:1.1em; margin-bottom:10px;}
	.online_listbox dl dd				{font-size:0.85em; padding:0;}
	.online_listbox .btn01				{font-size:0.85em; margin:0 auto 20px auto;}
}

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

	.online_listbox li,
	.online_listbox li:nth-child(3n),
	.online_listbox li:nth-child(4n) {width:calc(50% - 10px); margin-right:10px;}
	.online_listbox li:nth-child(3n) {float:left;}
	.online_listbox li:nth-child(2n) {margin-right:0px; float:right;}

}


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

	.online_listbox li,
	.online_listbox li:nth-child(2n),
	.online_listbox li:nth-child(3n),
	.online_listbox li:nth-child(4n) {width:100%; margin-right:0px; float:none !important;}

	.online_listbox .img						{height:100%;}

}






/* 프로그램 뷰 */

.online_view_btn						{margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf;text-align:center;}
.online_viewbox1						{border-bottom:1px solid #dfdfdf;}
.online_viewbox1_bottom					{border-top:1px solid #dfdfdf;}
.online_viewbox .infos					{padding:35px 40px; border:1px solid #ddd; border-bottom:5px solid #f0f0f0; margin-bottom:40px; overflow:hidden;}
.online_viewbox .infos .tit				{font-weight:700; line-height:140%; font-size:1.5em; color:#333; letter-spacing:-1px; margin-bottom:12px;}
.online_viewbox .infos .stat2			{float:left; width:80px; background:#7e7e7e; display:inline-block;margin-right:10px;height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px}
.online_viewbox .infos  .ing			{background:#3f8af9;}
.online_viewbox .infos .acc,
.online_viewbox .infos .end				{background:#7e7e7e;}
.online_viewbox dl						{overflow:hidden;  padding:5px 0;}
.online_viewbox dl dt					{float:left; min-width:75px; font-weight:700; color:#222; background:url("../image/list_line.png") no-repeat right 50%; }
.online_viewbox dl dd					{padding-left:85px; color:#444;}

.online_viewbox .cont					{padding:40px 0px;min-height:300px;}
.online_viewbox .cont img				{max-width:100%;}

.online_viewbox .files 					{padding:10px;border-top:1px solid #ddd;overflow:hidden;}
.online_viewbox .files li				{font-size:0.95em;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.online_viewbox .files .tit			{float:left;width:140px; padding:5px 0 0 0;}
.online_viewbox .files .tit span		{display:inline-block;margin-left:10px;width:120px;font-size:15px;font-weight:bold;text-align:center;line-height:40px;border:1px solid #ccc;}
.online_viewbox .files .txt			{float:right;width:calc(100% - 140px);line-height:180%;}


#online_sinform_box					{margin:40px 0;}
#online_sinform_box .online_sin		{padding:50px 0;}

.online_sinbox					{width:100%;border-top:2px solid #666;}
.online_sinbox dl				{overflow:hidden;border-bottom:1px solid #d5d5d5; padding:12px;}
.online_sinbox dl dt			{float:left;font-weight:500; color:#333;text-align:left; padding-right:3%; font-size:1em;letter-spacing:-1px;width:min(25%, 250px); vertical-align:top;background:url("../image/list_line.png") no-repeat right 50%;}
.online_sinbox dl dt label		{color:#333;}
.online_sinbox dl dt.txt		{background:none;width:100%;}
.online_sinbox dl dd			{padding-left:min(28%, 290px); }
.online_sinbox dl dd p			{font-size:0.8em;}

.online_sinbox .online_inputs		{border:1px solid #bbb; background:#fff; padding:0 5px; min-height:34px; }
.online_sinbox .online_textareas	{width:100%; min-height:50px; background:#fff; padding:5px; border:1px solid #bbb; overflow-x:hidden; }
.online_sinbox select			{height:36px; border:1px solid #bbb;}

.online_finishbox				{background-color:#f3f3f4;padding:20px 30px;margin-bottom:15px;}
.online_nolist					{padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.form_privacy_wrap						{border:1px solid #ddd; padding:15px; background:#fff; }
.form_privacy_wrap .textarea_form		{border-color:#fff; padding:0; font-size:0.95em;}
.form_privacy_wrap .bottom				{background:#f9f9f9; padding:10px 15px; margin-top:10px;}

.online_h1						{margin:0 0 10px 0; line-height:28px; color:#000; font-size:1.25em; letter-spacing:-1px; font-weight:700; }
.online_h2						{margin:0 0 12px 0; padding:0 0 0 25px; line-height:26px; color:#00599b; font-size:17px; letter-spacing:-0.5px; font-weight:500; background:url("../image/online_h.png") no-repeat 2px 6px; background-size:17px auto;}
.online_h3						{display:table;margin:0 0 7px 0; padding:0 3px; line-height:23px; color:#222; letter-spacing:-0.5px; box-shadow:inset 0 -11px 0 #eaeaea; transition:box-shadow .2s, color .2s; font-weight:500; }




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

	.online_h1							{font-size:1.1em;}
	.online_h2							{font-size:0.95em;}
	.online_viewbox .infos				{padding:20px; margin-bottom:20px;}
	.online_viewbox .infos .tit			{font-size:1.2em; }
	.online_viewbox dl					{font-size:0.95em; padding:3px 0;}

	#online_sinform_box					{margin:20px 0;}
	.online_sinbox dl					{padding:12px 0;}
	.online_sinbox .online_inputs		{min-height:31px; }

}

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

	.online_viewbox .files li		{font-size:12px;}
	.online_viewbox .files .tit		{display:none;}
	.online_viewbox .files .txt		{float:none;width:100%;}

	.online_sinbox dl dt			{float:none;width:100%; line-height:100%; background:none; padding:3px 0 0 0;} 
	.online_sinbox dl dd			{padding:8px 0 0 0;}
	.otlist_downs					{display:inline-block;padding-left:20px;}

}