@charset "euc-kr";



 /*°øÅëÀû¿ë ½ºÅ¸ÀÏ*/
td{  font-family: "±¼¸²"; font-size: 12px;line-height:140% ;color: #797979}



 /*ÀÛÀº±ÛÀÚ ½ºÅ¸ÀÏ*/
.small02{  font-family: "±¼¸²"; font-size: 11px;line-height:140% ;color: 797979}

A:link	 { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 797979; text-decoration: none}
A:visited  { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 797979; text-decoration: none}
A:active   { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 797979; text-decoration: none}
A:hover    { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 000000; text-decoration: none} 

BODY, select
{scrollbar-face-color:#eeeeee; 
scrollbar-shadow-color:#aaaaaa ;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #666666;}


/*ÀÛÀº±ÛÀÚ¸µÅ©½ºÅ¸ÀÏ*/
A.small01:link	 { font-family: "±¼¸²"; font-size: 11px; line-height: 140%; color: F37300; text-decoration: none}
A.small01:visited  { font-family: "±¼¸²"; font-size: 11px; line-height: 140%; color: F37300; text-decoration: none}
A.small01:active   { font-family: "±¼¸²"; font-size: 11px; line-height: 140%; color: F37300; text-decoration: none}
A.small01:hover    { font-family: "±¼¸²"; font-size: 11px; line-height: 140%; color: F35600; text-decoration: underline} 

/*ÁּҷϽºÅ¸ÀÏ*/
A.add01:link	 { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: none}
A.add01:visited  { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: none}
A.add01:active   { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: none}
A.add01:hover    { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 342700; text-decoration: underline} 

/*±×·ìsms½ºÅ¸ÀÏ*/
A.add02:link	 { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: none}
A.add02:visited  { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: none}
A.add02:active   { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: none}
A.add02:hover    { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: FFFFFF; text-decoration: underline} 

/*À̺¥Æ®*/
A.event01:link	 { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 4A7E7B; text-decoration: none}
A.event01:visited  { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 4A7E7B; text-decoration: none}
A.event01:active   { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 4A7E7B; text-decoration: none}
A.event01:hover    { font-family: "±¼¸²"; font-size: 12px; line-height: 140%; color: 02514C; text-decoration: none} 

/*°Ô½ÃÆÇ*/
a.board_menu:link 		{font-family: "±¼¸²";font-size: 11px;color: #074B88;text-decoration: none;}
a.board_menu:visited 	{font-family: "±¼¸²";font-size: 11px;color: #074B88;text-decoration: none;}
A.event01:active		{font-family: "±¼¸²";font-size: 11px;color: #074B88;text-decoration: none;}
a.board_menu:hover 	{font-family: "±¼¸²";font-size: 11px;color: #074B88;text-decoration: underline;}
  


.ipad_wrap .ipad_left { margin:0 auto;  padding:0 10px 15px 10px;}

.ipad_wrap { border:1px solid #d0d0d0;}
.day_1 { display:block; font: 92px "µ¸¿ò"; color:#b2b2b2; line-height:84px; height:84px; padding-top:20px;}
.day_2 { display:block; font: bold 16px "µ¸¿ò"; color:#b2b2b2; line-height:20px; }
.day_3 { display:block; font: bold 16px "µ¸¿ò"; color:#b2b2b2; }


/* UI Object ´Þ·Â */
.ly_popup{position:absolute;z-index:100}
.ly_popup .shadow{width:100%;}
.ly_popup .shadow_side{position:relative;top:-3px;left:-3px}
.ly_popup .shadow2{width:100%;}
.ly_popup .shadow_side2{position:relative;top:-1px;left:-1px}
.ly_popup .border_type{background-color:#fff;text-align:center}
.ly_popup .close{position:absolute;top:9px;right:9px}
.cal_simple{margin:0 auto;padding:0;border:0}
.cal_simple caption{margin:0 auto;padding:0 0 8px 3px;color:#000;font-family:'µ¸¿ò',dotum;font-size:11px;font-weight:bold;text-align:left}
.cal_simple caption strong{margin:0 5px;*margin:0}
.cal_simple tr{border:none}
.cal_simple th{width:21px;height:19px;border:none;color:#999;font-family:'µ¸¿ò',dotum;font-size:11px;font-weight:normal}
.cal_simple td{width:21px;height:19px;border:none;font-family:tahoma;font-size:11px;text-align:center}
.cal_simple td a{color:#999}
.cal_simple td a em{color:#000;font-style:normal}
.cal_simple td a strong{color:#fff;font-weight:bold; background:#3c89d7; display: block; padding:2px 2px 0 2px;}
/* //UI Object */

.line1 { border-top:1px solid #d0d0d0; padding-bottom:20px;}
.line2 { border-top:1px solid #d0d0d0; height:1px;}
.l_todo_wrap { border:1px solid #d0d0d0; height:300px; overflow:auto; overflow-x:hidden;}

.day_4 { font:11px "µ¸¿ò"; color:#999; text-align:left;}
.todo_ttl_1 { font: bold 12px "µ¸¿ò"; color:#444; padding:5px 5px 5px 0;}
.todo_ttl_2 { font:11px "µ¸¿ò"; color:#999; text-align:left;}
.todo_ttl_3 { font:12px "µ¸¿ò"; color:#999; text-align:left;}

.memo_box { border-top:1px dotted #d0d0d0; }
.memo_box th {font: normal 12px "µ¸¿ò"; color:#999; padding:4px 0 0 0; text-align:left;}
.memo_box td {font: normal 12px "µ¸¿ò"; color:#333; padding:4px 0 0 0; text-align:left;}

.r_event1 { border:1px solid #d0d0d0; margin:15px 10px 4px 72px; padding:5px;font: normal 12px "µ¸¿ò"; color:#999; height:70px; overflow:auto; }

.r_timeline { margin: 0 10px 15px 10px; height:451px; overflow:auto; position:relative;}
.r_timeline .pin_now { position:absolute; left:40px; width:21px; height:15px; top:100px; z-index:100;}


.timeline { border-collapse:collapse !important; empty-cells:show; border-right:1px solid #d0d0d0;  border-bottom:1px solid #d0d0d0;}
.timeline th { font: normal 11px "µ¸¿ò"; color:#999;border-right:1px solid #d0d0d0; text-align:right; vertical-align:top; padding-right:5px; border-collapse:collapse!important;  empty-cells:show; }
.timeline td {  position:relative; border-collapse:collapse!important; empty-cells:show;border-bottom: 0px solid #fff; border-right: 1px solid  #d0d0d0 !important; z-index:10; }

.timeline td.ha001 { background:url(./images/bullet_002.png) left top repeat-x; z-index:1;  position:relative; }
.timeline td.ha002 { background:url(./images/bullet_002.png) left top repeat-x; z-index:1;  position:relative; }
.timeline td.ha003 { background:url(./images/bullet_003.png) left top repeat-x; z-index:1;   position:relative;}



.timeline .h {   border-collapse:collapse!important; empty-cells:show; }
.timeline .h33 {  border-collapse:collapse!important; empty-cells:show; }
.timeline .h2 {   background:url(images/bullet_002.gif) left bottom repeat-x; border-collapse:collapse!important; empty-cells:show; }
.timeline .line_t { border-collapse:collapse!important; empty-cells:show;}





.mini_day {border:1px solid #CCC; }
.mini_day td { padding: 3px 3px; font: bold 11px "µ¸¿ò"; color:#887849; background:#fff; }
.mini_day th { background:#fff; padding:3px 5px;}
.mini_day a { color:#887849; font: bold 11px "µ¸¿ò";}
.mini_day a { color:#887849; font: bold 11px "µ¸¿ò";}
.mini_day a:hover { color:#333; font: bold 11px "µ¸¿ò";}
.mini_day .today1 { background:#3c89d7; color:#fff;}
.mini_day .today1 a { color:#fff;}


.w_mini_day {border:1px solid #CCC; }
.w_mini_day td { padding: 4px 8px 1px 7px; font: bold 11px "µ¸¿ò"; color:#887849;  letter-spacing:-1px; background: #FFF url(images/line_1.gif) right center no-repeat; }
.w_mini_day th { background:#fff; padding:3px ;}
.w_mini_day th.left { background: #FFF url(images/line_1.gif) right center no-repeat}
.w_mini_day a { color:#887849; font: bold 11px "µ¸¿ò";}
.w_mini_day a:hover { color:#333; font: bold 11px "µ¸¿ò";}
.w_mini_day .today1 { background:#3c89d7 url(images/today_bg.gif) left top repeat-x; color:#fff;}
.w_mini_day .today1 a { color:#fff;}

.pop_write1 { position:absolute; z-index:300; width:370px; left:400px; top:200px; background:#333; padding:5px 5px 0 5px; display:none; }
.pop_t01 {font: bold 14px "µ¸¿ò"; color:#fff; text-align:center;}
.pop_bg { background:#d7dce2;
		 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
       
		border: 1px solid #CCC;
		padding:5px 5px 5px 5px;
		margin-top:5px;
}
.pop_tb01 { background:#fff; border-left:1px solid #a4b2bd; border-top:1px solid #a4b2bd; border-right:1px solid #a4b2bd; border-collapse:collapse; margin-bottom:10px; }
.pop_tb01 td { border-bottom:1px solid #a4b2bd; border-collapse:collapse; padding:5px; color:#395587;font: bold 12px "µ¸¿ò"; }
.pop_tb01 th { border-bottom:1px solid #a4b2bd; border-collapse:collapse; padding:5px; color:#666;font: bold 12px "µ¸¿ò"; text-align:left;}
.inp_150 { width:150px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.inp_200 { width:200px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.inp_220 { width:220px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.inp_250 { width:250px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.inp_100 { width:100px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.inp_80 { width:80px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.inp_60 { width:60px; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}


.btw_55 { border-style:none; width:55px; height:20px; background:url(./images/btnw_55.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#484747; text-shadow: 0px 0px 1px #19869c; text-indent:7px}
.btw_75 { border-style:none; width:75px; height:20px; background:url(./images/btnw_75.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#484747; text-shadow: 0px 0px 1px #19869c; text-indent:7px}
.btw_95 { border-style:none; width:95px; height:20px; background:url(./images/btnw_95.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#484747; text-shadow: 0px 0px 1px #19869c; text-indent:7px}
.btw_125 { border-style:none; width:125px; height:20px; background:url(./images/btnw_125.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#484747; text-shadow: 0px 0px 1px #19869c; text-indent:7px}
.btw_155 { border-style:none; width:155px; height:20px; background:url(./images/btnw_155.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#484747; text-shadow: 0px 0px 1px #19869c; text-indent:10px}

.bt_120 { border-style:none; width:120px; height:20px; background:url(./images/btn_120.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer; color:#FFF; text-shadow: 0px 0px 1px #19869c;}
.bt_100 { border-style:none; width:100px; height:20px; background:url(./images/btn_100.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#FFF; text-shadow: 0px 0px 1px #19869c;}
.bt_50 { border-style:none; width:50px; height:20px; background:url(./images/btn_50.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#FFF; text-shadow: 0px 0px 1px #19869c;}
.bt_30 { border-style:none; width:30px; height:20px; background:url(./images/btn_30.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#FFF; text-shadow: 0px 0px 1px #19869c;}
.bt_80 { border-style:none; width:80px; height:20px; background:url(./images/btn_80.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#FFF; text-shadow: 0px 0px 1px #19869c;}
.bt_20 { border-style:none; width:20px; height:20px; background:url(./images/btn_20.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#FFF; text-shadow: 0px 0px 1px #19869c;}

.btb_50 { border-style:none; width:50px; height:20px; background:url(./images/btnb_50.gif) left top no-repeat; display:inline; font: bold 11px "Dotum"; padding-top:2px; cursor:pointer;color:#FFF; text-shadow: 0px 0px 1px #19869c;}



.ipad_w_wrap { width:800px; margin:0 auto;}
.w_date { font: bold 36px "µ¸¿ò"; color:#4d4d4d; padding-left:49px; }
.w_date2 { font: bold 36px "µ¸¿ò"; color:#4d4d4d; padding-left:19px; }

.week_top { color:#999;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0; border-right:none; border-bottom:none; border-collapse:collapse; empty-cells:show;}
.week_top th { font: normal 11px "µ¸¿ò"; vertical-align:top;text-align:left; background:url(images/bullet_002.gif) right top repeat-y; vertical-align:middle; text-indent:3px;}
.week_top td { font: normal 11px "µ¸¿ò"; vertical-align:top;  position:relative; z-index:1; empty-cells:show; background:url(images/border_rb.gif) right bottom no-repeat; }
.w_txt1 {font: normal 11px "µ¸¿ò";padding-right:3px; text-align:right; color:#999;letter-spacing:-1px;}
.w_today { color:#308dea !important;}

.week_top td .all_day_box { position:absolute; z-index:100; width:105px; height:18px; top:0; left:0; background:url(images/bg_50.png) repeat; border:1px solid #af8ab2; color:#652d6a; overflow:hidden; text-overflow:ellipsis; font: normal 12px "µ¸¿ò"; line-height:18px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.w_timeline { border-collapse:collapse; empty-cells:show;}
.w_timeline td { vertical-align:top; height:20px;  position:relative;}
.w_timeline th { font: normal 11px "µ¸¿ò"; text-align:right; color:#999; letter-spacing:-1px;  background:url(images/bullet_004.gif) right top repeat-y;}

.w_timeline td.h1 { background:url(images/border_rbd.gif) right bottom no-repeat;}/*Á¡¼±*/
.w_timeline td.h2 { background:url(images/border_rb.gif) right bottom no-repeat;}/*½Ç¼±*/

.w_timeline .w_day_box { position:absolute; z-index:100; width:155px; height:150px; top:0; left:0; background:url(images/bg_50.png) repeat; border:1px solid #af8ab2; color:#652d6a; overflow:hidden; text-overflow:ellipsis; font: normal 12px "µ¸¿ò"; line-height:16px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }


.m_timeline { position:relative;}
.m_timeline .pin_line { position:absolute; left:0px; width:800px; height:15px; top:100px; z-index:10;}



.common_ia { display:none;}