@charset "euc-kr";

*				{ margin: 0px auto; padding: 0px; }

body			{ background-color: transparent; margin: 0px auto; padding: 0px; }

body,table,th,td,caption,input,textarea,select,p,div,ul,ol,li,h1,h2,h3,h4,dl,dd,dt

				{ font-size: 12px; color: #666666; font-family: gulim, ±¼¸², dotum, µ¸¿ò, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; word-break: break-all; }

table,tr,th,td,div,form,p

				{ border-collapse: collapse; padding: 0px; margin: 0px; border:0px; }

img				{ border: 0; vertical-align: middle; }

a				{ color: #666666; text-decoration: none; cursor: hand; }

a:hover			{ text-decoration: underline; }

table,tr,td,th,col

				{ line-height: 120%; vertical-align: top; }

p,ul,li,ol,dl,dt,dd

				{ line-height: 120%; }

p				{ text-align: justify; line-height: 160%; }

input,textarea

				{ vertical-align: middle; border: 1px solid #D4D4D4; }

input			{  }

input.no        { border: none ! important; }

* input.img     { border: none ! important; }

select			{ vertical-align: middle; border: none; }

div				{ line-height: 100%; }

td.left		    { text-align: left; }

td.right	    { text-align: right; }

table.mb10      { margin-bottom: 10px; }



img.more		{ vertical-align: top; margin-top: 7px ! important; }



.i2     { width: 30px; }

.i4     { width: 40px; }

.i6     { width: 50px; }

.login     { width: 75px; height: 17px; }

.ixs     { width: 100px; }

.is     { width: 150px; }

.im     { width: 250px; }

.il     { width: 350px; }

.ixl    { width: 450px; }

.ixxl    { width: 550px; }

.ixxxl    { width: 650px; }



/* ·¹À̾ƿô */

table.head				{ width: 100%; height: 90px; background: url(../../images/common/header_bg.gif) no-repeat left top; table-layout: fixed; }

table.head th.logo		{ width: 300px; padding: 5px; }

table.head td.login		{ width: auto; padding: 5px; text-align: right; }

table.head td.menu		{ vertical-align: bottom; padding: 0px 0px 3px 7px; }

table.head td.menu td	{ padding: 0px 10px 0px 0px; }

table.foot              { width: 100%; border-top: solid 1px #e7e7e7; }

table.foot th.logo		{ width: 30%; padding: 10px 0px 10px 17px; }

table.foot td           { padding: 20px 0px 10px 17px; }





table.contents          { width: 98%; table-layout: fixed; border-top: solid 7px #c4c4c4; margin-left: 7px; }

table.contents td.page  { padding: 0px 0px 20px 0px; }



table.item	{ width: 100%; background: #f2f2f2; }

table.item td.item	{ padding: 15px 10px 15px 0px; }

table.item td.item strong	{ margin-left: 20px; }

table.item td.btn	{ padding: 15px 10px; text-align: right; }

table.item td.item span.btn	{ padding-left: 20px; }





p.title					{ text-align: right; padding: 5px; }

p.date					{ text-align: center; padding: 5px; margin-top: 20px; }

table.search			{ margin-top: 10px; background: #e4edee url(../../images/common/box/box_03_01.gif) no-repeat left top; border-bottom: solid 2px #c3d8db; width: 100%; margin-bottom: 5px; }

table.search td			{ padding: 5px; }

table.search td.left	{ color: #333333; padding: 10px 5px 5px 25px; font-size: 14px; font-weight: bold; vertical-align: bottom; }

table.search td.left span.title	{ color: #959595; margin-left: 10px; font-size: 11px; font-weight: normal; }

table.search td.right			{  }

table.search td.right input		{ height: 18px; }

table.search td.right input.img	{ width: 23px; height: 20px; }

table.search td.right strong	{ margin-left: 10px; }

/* °Ô½ÃÆÇ */

/* td - °¡¿îµ¥. th - ¿ÞÂÊÁ¤·Ä */

table.bbs					{ width: 100%; table-layout: fixed; border: solid 1px #33aabb; }

table.bbs th,table.bbs td	{ padding: 7px 5px 5px; border-bottom: solid 1px #33aabb; vertical-align: middle; }

table.bbs th				{ text-align: left; font-weight: normal; }

table.bbs td				{ text-align: center; vertical-align: middle; }

table.bbs tr.title td		{ white-space: none; background: #33aabb; font-weight: bold; color: #ffffff; border-left: solid 1px #ffffff; border-bottom: solid 1px #248f9e; }

table.bbs tr.title p.dn		{ background: #62C4D9; }

table.bbs tr.notice td		{ background: #d6ebee; }

table.bbs tr.notice th		{ background: #d6ebee; }

table.bbs tr.sub td			{ background: #62C4D9; }

table.bbs td.btn			{ padding: 17px 20px 15px; text-align: center; background: url(../../img/com/line_bbs_dot.gif) repeat-x top; }

table.bbs td.img			{ padding: 5px 20px 5px; text-align: center; background: url(../../img/com/line_bbs_dot.gif) repeat-x top; }

table.bbs td.text			{ padding: 17px 20px 15px; text-align: justify; line-height: 180%; background: transparent; }

table.bbs td.find			{ padding: 7px 20px 5px; text-align: justify; line-height: 180%; }

table.bbs td.img			{ padding: 10px; text-align: center; }

table.bbs td.done			{ color: #ffffff; background: #3134ce ! important; }

table.bbs td.almost			{ color: #ffffff; background: #ff9a00 ! important; }

table.bbs td.not			{ color: #ffffff; background: #ce0000 ! important; }

table.bbs td.done a			{ color: #ffffff; }

table.bbs td.almost a		{ color: #ffffff; }

table.bbs td.not a			{ color: #ffffff; }





/* °Ô½ÃÆǾ²±â */

table.bbs_write					{ width: 100%; }

table.bbs_write th,table.bbs_write td	{ padding: 8px 5px 6px; border: solid 1px #277e8a; }

table.bbs_write th				{ white-space: none; background: #33aabb; font-weight: bold; color: #ffffff; }

table.bbs_write td				{ text-align: justify; }

table.bbs_write td img			{ margin: -4px 0px -2px 5px; }

table.bbs_write td input		{ height: 18x; margin: -4px 0px -2px; }

table.bbs_write td select		{ margin: -4px 0px -2px; }

table.bbs_write col.th			{ width: 100px; }

table.bbs_write col.thb			{ width: 120px; }

table.bbs_write col.td			{ width: 350px; }





table.bbs col.no			{ width: 40px; }

table.bbs col.name			{ width: 60px; }

table.bbs col.group			{ width: 140px; }

table.bbs col.id			{ width: 100px; }

table.bbs col.mail			{ width: 50px; }

table.bbs col.tel			{ width: 100px; }

table.bbs col.lesson		{ width: 100px; }

table.bbs col.date			{ width: 70px; }

table.bbs col.done			{ width: 60px; }

table.bbs col.use			{ width: 60px; }

table.bbs col.hit			{ width: 40px; }

table.bbs col.file			{ width: 100px; }

/* box_02 °Ô½ÃÆÇÇÏ´Ü ¹öÆ° */

table.bbs_btn			{ table-layout: fixed; margin: 0px; }

table.bbs_btn th.box_01	{ border-top: solid 10px #ffffff; background: url(../../images/common/box/box_02_01.gif) no-repeat left bottom; width: 8px; height: 18px; }

table.bbs_btn td.box_02	{ border-top: solid 10px #ffffff; background: url(../../images/common/box/box_02_02.gif) repeat-x top; }

table.bbs_btn th.box_03	{ border-top: solid 10px #ffffff; background: url(../../images/common/box/box_02_03.gif) no-repeat right bottom; width: 8px; height: 18px; }

table.bbs_btn th.box_04	{ background: url(../../images/common/box/box_02_04.gif) repeat-y left; width: 8px; }

table.bbs_btn td.box_05	{ text-align: center; padding: 10px 3px 2px; }

table.bbs_btn th.box_06	{ background: url(../../images/common/box/box_02_06.gif) repeat-y right; width: 8px; }

table.bbs_btn th.box_07	{ background: url(../../images/common/box/box_02_07.gif) no-repeat left bottom; width: 8px; height: 8px; }

table.bbs_btn td.box_08	{ background: url(../../images/common/box/box_02_08.gif) repeat-x bottom; }

table.bbs_btn th.box_09	{ background: url(../../images/common/box/box_02_09.gif) no-repeat right bottom; width: 8px; height: 8px; }

table.btn_page				{ width: 100%; table-layout: fixed; }

table.btn_page td.left		{ background: url(../../img/com/box/page_left.gif) repeat-y left top; width: 5px; height: 23px; }

table.btn_page td.right		{ background: url(../../img/com/box/page_right.gif) repeat-y left top; width: 5px; height: 23px; }

table.btn_page td.page		{ background: #544330; text-align: center; vertical-align: middle; padding: 0px; }

table.btn_page td.page a	{ color: #ffffff; }

/* ÆäÀÌÁö */

table.page			{ border: none; }

table.page th		{ padding: 2px 5px 0px; vertical-align: middle; font-weight: normal; }

table.page td		{ padding: 2px 5px 0px; text-align: center; }

table.page img		{ vertical-align: top; margin: 1px 5px 0px; }

table.page strong		{ color: #fc9539; }

table.page th.line_01	{ background: url(../../images/common/box/line_01_01.gif) repeat-y left; width: 14px; }

table.page td.line_02	{ vertical-align: middle; background: #f4f4f4; padding: 3px; color: #d6d6d4; }

table.page th.line_03	{ background: url(../../images/common/box/line_01_03.gif) repeat-y right; width: 14px; }





/* Æ˾÷ */

div.pop_text										{ width: 100%; height: 100%; padding: 0px; background: #bfb58b url(../../img/view/bg.gif) repeat-x left top; }

div.pop_text table.viewer							{ margin: 5px 5px 0px 5px; table-layout: fixed; }

div.pop_text table.viewer td.viewer_left			{ width: 208px; }

div.pop_text table.viewer td.viewer_left img.logo	{  }

div.pop_text table.viewer td.viewer_right			{ padding: 5px 0px 0px 0px; }



div.pop_text table.viewer table.tree		{ background: url(../../img/view/left_bg.gif) no-repeat left 76px; }

div.pop_text table.viewer table.tree th.top	{ text-align: left; vertical-align: top; padding: 0px; }

div.pop_text table.viewer table.tree td.btm	{ background: #ffffff; text-align: left; vertical-align: top; padding: 0px; }





div.pop_text table.tree table.tab			{ table-layout: fixed; margin: 7px 0px 0px 8px;}

div.pop_text table.tree table.tab td		{ width: 62px; height: 23px; text-align: center; background: url(../../img/view/left_tab_bg.gif) no-repeat left top; }

div.pop_text table.tree table.tab td.on		{ background: url(../../img/view/left_tab_on_bg.gif) no-repeat left top; }

div.pop_text table.tree table.tab td a		{ color: #ffffff; }

div.pop_text table.tree table.tab td.on a	{ color: #666666; }

div.pop_text table.tree table.tab a			{ display: block; margin: 5px 0px 0px 0px; text-decoration: none; }



div.pop_text table.viewer table.title		{ width: 727px; height: 50px; margin-bottom: 23px; background: url(../../img/view/right_02_top_bg.gif) no-repeat left top; }

div.pop_text table.viewer table.title th	{ color: #ffffff; width: 80px; padding-top: 17px; }

div.pop_text table.viewer table.title td	{ padding-top: 17px; padding-left: 5px; }





div.pop_text table.viewer table.viewer_02						{ width: 100%; height: 100%; table-layout: fixed; background: #ffffff url(../../img/view/right_02_bg.gif) repeat-x left top; }

div.pop_text table.viewer table.viewer_02 td.viewer_left		{ width: 50%; height: 100%; padding: 0px; border-right: solid 2px #e8e8e8; }

div.pop_text table.viewer table.viewer_02 td.viewer_right		{ width: 50%; height: 100%; padding: 0px; border-left: solid 2px #e8e8e8; }

table.viewer_02 table.view							{ width: 100%; height: 100%; table-layout: fixed; }

table.viewer_02 table.view table.btn				{ width: 100%; table-layout: fixed; }

table.viewer_02 table.view table.btn td.left		{ width: 60%; text-align: left; padding: 0px; }

table.viewer_02 table.view table.btn td.right		{ width: 40%; text-align: right; padding: 0px; }

table.viewer_02 table.view td						{ padding: 0px; }



div.viewer_btm	{ width: 777px; height: 38px; margin-top: 8px; background: url(../../img/view/bottom_bg.gif) no-repeat left top; }



div.pop_text table.viewer table.viewer_01						{ width: 100%; height: 100%; table-layout: fixed; background: #ffffff url(../../img/view/right_01_bg.gif) repeat-x left top; }

div.pop_text table.viewer table.viewer_01 td.viewer_left		{ width: 100%; padding: 0px 0px 0px; }

table.viewer_01 table.view							{ width: 100%; table-layout: fixed; }

table.viewer_01 table.view table.btn				{ width: 100%; table-layout: fixed; }

table.viewer_01 table.view table.btn td.left		{ width: 60%; text-align: left; padding: 0px; }

table.viewer_01 table.view table.btn td.right		{ width: 40%; text-align: right; padding: 0px; }

table.viewer_01 table.view td						{ padding: 0px; }





body.pop	{ height: 100%; }



div.pop_img										{ width: 100%; height: 100%; padding: 0px; background: url(../../img/view/img_bg.gif) no-repeat left top; }

div.pop_img table.viewer							{ margin: 0px 0px 0px 0px; width: 100%; height: 100%; table-layout: fixed; }

div.pop_img table.viewer td.viewer_left				{ width: 184px; height: 100%; }

div.pop_img table.viewer td.viewer_left img.logo	{ display: block; position: absolute; top: 0px left: 0px; margin-bottom: 0px; vertical-align: top; }

div.pop_img table.viewer td.viewer_right			{ text-align: right; width: auto; height: 100%; padding: 0px 0px 0px 0px; background: url(../../img/view/right_img_mid_bg.gif) no-repeat 0px 67px; }



div.pop_img table.viewer table.tree		{ background: url(../../img/view/left_bg.gif) no-repeat left top; }

div.pop_img table.viewer table.tree th.top	{ text-align: left; vertical-align: top; padding: 0px; }

div.pop_img table.viewer table.tree td.btm	{ text-align: left; vertical-align: top; padding: 0px; }



div.pop_img table.viewer table.title	{ width: 690px; margin-top: -4px; table-layout: fixed; }

div.pop_img table.viewer table.title th	{ color: #ffffff; width: 80px; padding-top: 15px; text-align: center; }

div.pop_img table.viewer table.title td	{ padding-top: 15px; padding-left: 5px; text-align: left ! important; }





div.pop_img table.viewer table.viewer_img		{ width: 100%; margin-right: 10px; height: 100%; table-layout: fixed; }

div.pop_img table.viewer table.viewer_img td	{ width: 100%; height: 100%; text-align: right; vertical-align: middle; }



img.frame	{ margin: 20px; padding: 6px 5px 5px 6px; width: 95px; height: 67px; background: url(../../img/view/frame.gif) no-repeat left top; }