@charset "utf-8";
/* CSS Document */


/* Float 버그 */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */

* {
    margin: 0;
    padding: 0;
 }
 
body {padding:0px; margin:0 0 0 0; font-family:"돋움"; font-size:12px; color:#666666; text-align:center;position:relative; }
img {border:0;}	

a:link    {color:#666666;text-decoration: none;}
a:visited {color:#666666;text-decoration: none;}
a:hover   {color:#666666;text-decoration: underline;}
a:active  {color:#666666;text-decoration: underline;}

ul  {margin:0px;padding:0px;}
li  {font-family:돋움,verdana,sans-serif,arial;font-size:12px;display:inline;float:left;}

.png24 { tmp:expression!!!(setPng24(this)); }

.al      {text-align:left}
.ac      {text-align:center}
.ar      {text-align:right}
.fl      {float:left}
.fr      {float:right}
.cl      {clear:left}
.cr      {clear:right}

.fs_10     {font-size:10px}
.fs_11     {font-size:11px}
.fs_12     {font-size:12px}
.fs_13     {font-size:13px}
.fs_14     {font-size:14px}
.fs_15     {font-size:15px}
.fs_16     {font-size:16px}
.fs_17     {font-size:17px}
.fs_18     {font-size:18px}

.fc_w   {color:#ffffff}
.fc_gre {color:#53868f}
.fc_gr  {color:#94e3fd}
.fc_o   {color:#ea700d}
.fc_o2  {color:#f0b107}
.fc_o3  {color:#f8dd9a}
.fc_g   {color:#bbbbbb}
.fc_gra {color:#606060}
.fc_g2  {color:#858585}
.fc_g3  {color:#c9c9c9}
.fc_g4  {color:#999999}
.fc_b   {color:#4292d6}
.fc_lb  {color:#99cccc}
.fc_lb2 {color:#3399cc}
.fc_lb3 {color:#288ca4}
.fc_lb4 {color:#2b74a6}
.fc_or  {color:#ff9900}
.fc_r   {color:#ff0f0f}
.fc_bb  {color:#000000}
.fc_p   {color:#ff7992}
.fc_p2  {color:#ff6853}
.fc_sk  {color:#89ccff}
.b       {font-weight:bold}
.b0      {border:0px}
.tit2    {color:#e8d194;font-weight:bold}
.guide   {color:#f6fea1}

.fc_333 {color:#333333}
.fc_666 {color:#666666}
.fc_999 {color:#999999}
.fc_69c {color:#6699cc}

.ls_1 {letter-spacing:-1px}
.ls_2 {letter-spacing:0px}

.lh_12 {line-height:12px}
.lh_14 {line-height:14px}
.lh_15 {line-height:15px}
.lh_16 {line-height:16px}
.lh_18 {line-height:18px}
.lh_20 {line-height:20px}
.lh_28 {line-height:28px}

.ff_do {font-family:돋움}
.ff_ve {font-family:Verdana}

.l03     {padding-left:3px}
.l05     {padding-left:5px}
.l10     {padding-left:10px}
.l15     {padding-left:15px}
.l20     {padding-left:20px}
.l30     {padding-left:30px}
.t01     {padding-top:1px}
.t02     {padding-top:2px}
.t03     {padding-top:3px}
.t05     {padding-top:5px}
.t07     {padding-top:7px}
.t10     {padding-top:10px}
.t15     {padding-top:15px}
.t20     {padding-top:20px}
.t30     {padding-top:30px}
.r02     {padding-right:2px}
.r03     {padding-right:3px}
.r05     {padding-right:5px}
.r08     {padding-right:8px}
.r10     {padding-right:10px}
.r11     {padding-right:11px}
.r12     {padding-right:12px}
.r13     {padding-right:13px}
.r14     {padding-right:14px}
.r15     {padding-right:15px}
.r20     {padding-right:20px}
.p05     {padding:5px}
.p10     {padding:10px}
.p20     {padding:20px}

.w40   {width:40px;}
.w50   {margin-left:5px}
.w60   {width:70px;}
.w80   {width:80px;}
.w90   {width:90px}

.text_al   {text-align:right}


#wrapper {border:0px solid red; display:block; margin:0 auto; padding:0}

#ms_body        {width:1090px; margin:0 auto; padding:0; font-size:0; line-height:0; display:block; text-align:left;}

#ms_top         {width:960px; margin:0 auto; border:0px solid red;display:block; text-align:left}
#ms_main        {width:960px;  padding:0; font-size:0; line-height:1; text-align:left; float:left;}

#ms_left        {width:207px; margin:0; padding:0 10px 0 0; float:left; text-align:left}
#ms_center      {width:743px; margin:0; padding:0; float:left}
#ms_center_top       {width:743px; margin:0; padding:0 0 10px 0; text-align:left}

#ms_center_body      {width:743px; margin:0; padding:0 0 15px 0; float:left; text-align:left}
    #ms_content      {width:499px; margin:0 10px 0 0; padding:0; float:left; text-align:left}
    #ms_right        {width:234px; margin:0; padding:0; float:left; text-align:left}
    
#ms_center_bottom    {width:743px; margin:0; padding:20px 0 0 0; float:left; border-top:1px solid #b5b5b5}

#ms_bottom      {width:960px; margin:20px 0 0 0; padding:0; background:url(../_Images/bottom_bg.gif) bottom no-repeat;}

#ms_ad_right      {width:120px; margin:107px 0 0 10px; _margin:115px 0 0 10px; padding:0; text-align:left; font-size:0; line-height:0; float:left}
    #ms_ad_right ul li {padding:0; margin:0; font-size:0; line-height:0; display:inline}
    #ms_ad_right ul li.txt    {margin-left:5px;font:9px "Verdana"; color:#b0b0b0; line-height:16px;}

.text_box11   {font: 11px "돋움"; color:#878787; border:1px solid #d5d5d5;}
.text_box12   {font: 12px "돋움"; color:#878787; border:1px solid #d5d5d5;}

.layer_text_box11   {font: 11px "돋움"; color:#7e7e7e; border:1px solid #bababa;}

.text_box11_dark    {font: 11px "돋움"; color:#545454; border:1px solid #5d5d5d;}
.text_box12_dark    {font: 11px "돋움"; color:#545454; border:1px solid #5d5d5d;}


.text_area  {padding:8px; font:12px "돋움"; color:#545454; text-align:left;line-height:14px; border:1px solid #5d5d5d; overflow:hidden;}
.text_area2 {padding:8px; font:12px "돋움"; color:#545454; text-align:left;line-height:14px; border:1px solid #5d5d5d;display:block;}

#common_layer   {background:url('../_Images/layer/bg_layer2.gif'); background-color:#ffffff; padding:0px; margin:0px; float:left;}
#common_layer_left  {background:url('../_Images/layer/layer_logo.gif'); width:96px; height:90px; padding:0px; margin:0px; float:left;}
#common_layer_right {width:0px; padding:0px; margin:0px; float:left;display:block;}
#clr_top    {width:0px; height:35px; padding:0px; margin:0px; float:left;}
#clr_body   {padding:0px; margin-top:9px; float:left;}

#mbc_bar_black  {background:#000000; height:1px; padding:0px; margin:0px; font-size:0px; line-height:0px; display:block; float:left}
#mbc_bar_gray   {background:#dadada; height:1px; padding:0px; margin:0px; font-size:0px; line-height:0px; display:block; float:left}
#mbc_bar_wg     {padding:0px; margin:0px; font-size:0px; line-height:0px; display:block; float:left; border-top:1px solid #d5d5d5; border-bottom:1px solid #ffffff;}
    
.clrt_tit       {font: 14px "돋움"; color:#ffffff; font-weight:bold;  line-height:35px}
.clrt_subtit    {font: 12px "돋움"; color:#ffffff;line-height:35px}
.clrb_txt       {font: 12px "돋움"; color:#545454; line-height:18px}
.clrb_txtb      {font: 12px "돋움"; color:#545454; font-weight:bold; line-height:18px}
.clrb_txtblue   {font: 12px "돋움"; color:#0082c5; line-height:18px}
.clrb_txtblueb  {font: 12px "돋움"; color:#0082c5; font-weight:bold; line-height:18px}

#layer_jarang_form       {width:580px; padding:0 0 0 30px; margin:0; float:left;}
#ljf_body                {width:580px; float:left; padding:0; margin:0}



#div_id_menu    {background:#ffffff;width:100px; padding:1px; margin:0; border:1px solid #000000}
    #div_id_menu_list   {width:100px;padding:0;margin:0}
         
       #div_id_menu_list a {
            width:85px;
            height:14px;
            padding:4px 0 0 15px;
            font: 11px "돋움";
            color: #7b7b7b;
            text-decoration: none;
            display: block;
            text-align: left;
            background: url('../_Images/bg_id_menu_off.gif');
        }
        
        #div_id_menu_list a:link {
            width:85px;
            height:14px;
            padding:4px 0 0 15px;
            font: 11px "돋움";
            color: #7b7b7b;
            text-decoration: none;
            display: block;
            text-align: left;
            background: url('../_Images/bg_id_menu_off.gif');
        }

        #div_id_menu_list a:hover {
             color: #7b7b7b;
            text-decoration: none;
	        background: url('../_Images/bg_id_menu_on.gif');
        }

        #div_id_menu_list a:active {
             color: #7b7b7b;
            text-decoration: none;
	        background: url('../_Images/bg_id_menu_on.gif');
        }
        
#btn {height:24px; padding:0; margin:0;  font-size:0px; line-height:0px; float:left}
#btn_left       {background: url('../_Images/btn/box_btn_left.gif') no-repeat left top; width:12px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_body       {background: url('../_Images/btn/box_btn_mid.gif'); height:24px; padding:0; margin:0; float:left; font:11px "돋움"; color:#004a8e; letter-spacing:-1px;line-height:24px}
    #btn_body a 		   	{font:11px "돋움"; color:#004a8e;text-decoration:none; letter-spacing:-1px;line-height:24px}
    #btn_body a:link	   	{font:11px "돋움"; color:#004a8e;text-decoration:none; letter-spacing:-1px;line-height:24px}
    #btn_body a:visited     {font:11px "돋움"; color:#004a8e;text-decoration:none; letter-spacing:-1px;line-height:24px}
    #btn_body a:active  	{font:11px "돋움"; color:#1b7dd7;text-decoration:none; letter-spacing:-1px;line-height:24px}
    #btn_body a:hover	    {font:11px "돋움"; color:#1b7dd7;text-decoration:none; letter-spacing:-1px;line-height:24px}
#btn_arrow      {background: url('../_Images/btn/box_btn_arrow.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_write      {background: url('../_Images/btn/box_btn_write.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_spk        {background: url('../_Images/btn/box_btn_spk.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_del        {background: url('../_Images/btn/box_btn_del.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_add        {background: url('../_Images/btn/box_btn_add.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_doc        {background: url('../_Images/btn/box_btn_doc.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_ord        {background: url('../_Images/btn/box_btn_ord.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_list       {background: url('../_Images/btn/box_btn_list.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_ms         {background: url('../_Images/btn/box_btn_ms.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_py         {background: url('../_Images/btn/box_btn_py.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}
#btn_ok         {background: url('../_Images/btn/box_btn_ok.gif') no-repeat left top; width:28px; height:24px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}

#cd             {background: url('../_Images/cd_img.gif') no-repeat left top; width:13px; height:13px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}

#cd8            {background: url('../_Images/star_01.gif') no-repeat left top; width:13px; height:13px; padding:0; margin:0; float:left; font-size:0px; line-height:0px;}


.subMenus
{
	
	position:relative;
	display: none;
	padding-top:20px;
}






.f11_gray	        	{font:11px "돋움"; color:#545454;}
.f11_gray a 		   	{font:11px "돋움"; color:#545454;}
.f11_gray a:link	   	{font:11px "돋움"; color:#545454;}
.f11_gray a:visited     {font:11px "돋움"; color:#545454;}
.f11_gray a:active	    {font:11px "돋움"; color:#545454;}
.f11_gray a:hover	    {font:11px "돋움"; color:#545454;}

.f12_gray	        	{font:12px "돋움"; color:#545454;}
.f12_gray a 		   	{font:12px "돋움"; color:#545454;}
.f12_gray a:link	   	{font:12px "돋움"; color:#545454;}
.f12_gray a:visited     {font:12px "돋움"; color:#545454;}
.f12_gray a:active	    {font:12px "돋움"; color:#545454;}
.f12_gray a:hover	    {font:12px "돋움"; color:#545454;}

.f14_gray	        	{font:14px "돋움"; color:#545454;}
.f14_gray a 		   	{font:14px "돋움"; color:#545454;}
.f14_gray a:link	   	{font:14px "돋움"; color:#545454;}
.f14_gray a:visited     {font:14px "돋움"; color:#545454;}
.f14_gray a:active	    {font:14px "돋움"; color:#545454;}
.f14_gray a:hover	    {font:14px "돋움"; color:#545454;}

.f12_blk	        	{font:12px "돋움"; color:#000000;}
.f12_blk a 		       	{font:12px "돋움"; color:#000000;}
.f12_blk a:link	     	{font:12px "돋움"; color:#000000;}
.f12_blk a:visited      {font:12px "돋움"; color:#000000;}
.f12_blk a:active	    {font:12px "돋움"; color:#000000;}
.f12_blk a:hover	    {font:12px "돋움"; color:#000000;}

.f12_blkb	        	{font:12px "돋움"; color:#000000;font-weight:bold;}

.f12_blk_h14	        	{font:12px "돋움"; color:#000000;line-height:14px}
.f12_blk_h14 a 		    	{font:12px "돋움"; color:#000000;line-height:14px}
.f12_blk_h14 a:link	    	{font:12px "돋움"; color:#000000;line-height:14px}
.f12_blk_h14 a:visited      {font:12px "돋움"; color:#000000;line-height:14px}
.f12_blk_h14 a:active	    {font:12px "돋움"; color:#000000;line-height:14px}
.f12_blk_h14 a:hover	    {font:12px "돋움"; color:#000000;line-height:14px}

.f12_gray_h14	        	{font:12px "돋움"; color:#545454;line-height:14px}
.f12_gray_h14 a 		   	{font:12px "돋움"; color:#545454;line-height:14px}
.f12_gray_h14 a:link	   	{font:12px "돋움"; color:#545454;line-height:14px}
.f12_gray_h14 a:visited     {font:12px "돋움"; color:#545454;line-height:14px}
.f12_gray_h14 a:active	    {font:12px "돋움"; color:#545454;line-height:14px}
.f12_gray_h14 a:hover	    {font:12px "돋움"; color:#545454;line-height:14px}

.f12_gray_h14	        	{font:12px "돋움"; color:#545454;line-height:14px}
.f12_gray_h16	        	{font:12px "돋움"; color:#545454;line-height:16px}
.f12_gray_h18	        	{font:12px "돋움"; color:#545454;line-height:18px}

.f12_grayb	        	{font:12px "돋움"; color:#545454;font-weight:bold;}
.f12_grayb a 		   	{font:12px "돋움"; color:#545454;font-weight:bold;}
.f12_grayb a:link	   	{font:12px "돋움"; color:#545454;font-weight:bold;}
.f12_grayb a:visited    {font:12px "돋움"; color:#545454;font-weight:bold;}
.f12_grayb a:active	    {font:12px "돋움"; color:#545454;font-weight:bold;}
.f12_grayb a:hover	    {font:12px "돋움"; color:#545454;font-weight:bold;}

.f14_grayb	        	{font:14px "돋움"; color:#545454;font-weight:bold;}
.f14_grayb a 		   	{font:14px "돋움"; color:#545454;font-weight:bold;}
.f14_grayb a:link	   	{font:14px "돋움"; color:#545454;font-weight:bold;}
.f14_grayb a:visited    {font:14px "돋움"; color:#545454;font-weight:bold;}
.f14_grayb a:active	    {font:14px "돋움"; color:#545454;font-weight:bold;}
.f14_grayb a:hover	    {font:14px "돋움"; color:#545454;font-weight:bold;}

.f12_blue	        	{font:12px "돋움"; color:#0082c5;}
.f12_blue a 		   	{font:12px "돋움"; color:#0082c5;}
.f12_blue a:link	   	{font:12px "돋움"; color:#0082c5;}
.f12_blue a:visited     {font:12px "돋움"; color:#0082c5;}
.f12_blue a:active	    {font:12px "돋움"; color:#0082c5;}
.f12_blue a:hover	    {font:12px "돋움"; color:#0082c5;}

.f12_blueb	        	{font:12px "돋움"; color:#0082c5;font-weight:bold;}
.f12_blueb a 		   	{font:12px "돋움"; color:#0082c5;font-weight:bold;}
.f12_blueb a:link	   	{font:12px "돋움"; color:#0082c5;font-weight:bold;}
.f12_blueb a:visited    {font:12px "돋움"; color:#0082c5;font-weight:bold;}
.f12_blueb a:active	    {font:12px "돋움"; color:#0082c5;font-weight:bold;}
.f12_blueb a:hover	    {font:12px "돋움"; color:#0082c5;font-weight:bold;}

.f12_blue2	        	{font:12px "돋움"; color:#8ea0a7;}
.f12_blue2b	        	{font:12px "돋움"; color:#8ea0a7;font-weight:bold;}

.f11_blue	        	{font:11px "돋움"; color:#0082c5; line-height:25px; margin-left:5px}
.f11_blue a	        	{font:11px "돋움"; color:#0082c5; line-height:25px; margin-left:5px}
.f11_blue a:link	         	{font:11px "돋움"; color:#0082c5; line-height:25px; margin-left:5px}
.f11_blue a:visited 	        	{font:11px "돋움"; color:#0082c5; line-height:25px; margin-left:5px}
.f11_blue a:active	        	{font:11px "돋움"; color:#0082c5; line-height:25px; margin-left:5px}
.f11_blueb	        	{font:11px "돋움"; color:#0082c5;font-weight:bold;}


.f14_whb	        	{font:14px "돋움"; color:#fff;font-weight:bold;}
.f14_whb a 		   	{font:14px "돋움"; color:#fff;font-weight:bold;}
.f14_whb a:link	   	{font:14px "돋움"; color:#fff;font-weight:bold;}
.f14_whb a:visited    {font:14px "돋움"; color:#fff;font-weight:bold;}
.f14_whb a:active	    {font:14px "돋움"; color:#fff;font-weight:bold;}
.f14_whb a:hover	    {font:14px "돋움"; color:#fff;font-weight:bold;}

.f10_vgray	        	{font:10px "verdana"; color:#545454;}
.f10_vgray a 		   	{font:10px "verdana"; color:#545454;}
.f10_vgray a:link	   	{font:10px "verdana"; color:#545454;}
.f10_vgray a:visited     {font:10px "verdana"; color:#545454;}
.f10_vgray a:active	    {font:10px "verdana"; color:#545454;}
.f10_vgray a:hover	    {font:10px "verdana"; color:#545454;}

.f14_blueb	        	{font:14px "돋움"; color:#0082c5;font-weight:bold;}
.f14_blueb a 		   	{font:14px "돋움"; color:#0082c5;font-weight:bold;}
.f14_blueb a:link	   	{font:14px "돋움"; color:#0082c5;font-weight:bold;}
.f14_blueb a:visited    {font:14px "돋움"; color:#0082c5;font-weight:bold;}
.f14_blueb a:active	    {font:14px "돋움"; color:#0082c5;font-weight:bold;}
.f14_blueb a:hover	    {font:14px "돋움"; color:#0082c5;font-weight:bold;}

.f14_blkb	        	{font:14px "돋움"; color:#000000; font-weight:bold}
.f14_blkb a 		       	{font:14px "돋움"; color:#000000; font-weight:bold}
.f14_blkb a:link	     	{font:14px "돋움"; color:#000000; font-weight:bold}
.f14_blkb a:visited      {font:14px "돋움"; color:#000000; font-weight:bold}
.f14_blkb a:active	    {font:14px "돋움"; color:#000000; font-weight:bold}
.f14_blkb a:hover	    {font:14px "돋움"; color:#000000; font-weight:bold}