﻿@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 {background:url('../_Images/ms_Bg2.gif') repeat-x; background-color:#ededed; 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;padding:0px;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}

.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}
.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}



#wrapper {border:0px solid red; display:block; margin:0 auto; padding:0}

#ms_body        {width:1090px; margin:0 auto; padding: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; margin:0; text-align:left; float:left;}

#ms_left    {width:207px; margin:0 auto; padding:0px; float:left; text-align:left}
#ms_center  {width:745px; margin-left:8px; padding:0px; float:left; text-align:left}
	#main_box_top       {background:url('../_Images/main/box_top.gif'); width:745px; height:9px; margin:0px; padding:0px; float:left;}
	#main_box_bottom    {background:url('../_Images/main/box_bottom.gif'); width:745px; height:9px; margin:0px; padding:0px; float:left;}
	#main_box_body      {background:url('../_Images/main/box_bg.gif'); width:711px; padding:10px 17px 0px 17px; float:left;}
#ms_bottom      {width:960px; margin:20px 0 0 0; padding:0; background:url(../_Images/bottom_bg.gif) bottom no-repeat}

#ms_right      {width:120px; margin:107px 0 0 10px; padding:0; text-align:left; font-size:0; line-height:0; float:left}
    #ms_right ul li {padding:0; margin:0; font-size:0; line-height:0; display:inline}
    #ms_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;}
.text_box14   {font: 14px "돋움"; color:#333333; border:1px solid #d5d5d5; font-weight:bold; width:100%}

.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;}

.text_area_gray  {padding:3px; font:12px "돋움"; color:#b5b5b5; text-align:left;line-height:14px; border:1px solid #b5b5b5; overflow:hidden;}
.text_area_gray2 {padding:3px; font:12px "돋움"; color:#b5b5b5; text-align:left;line-height:14px; border:1px solid #b5b5b5; overflow:hidden;}

#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; height:90px}
#clr_body   {padding:0px; margin-top:9px; float:left;}

.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}
.clrb_txtblueb a 		   	{font:12px "돋움"; color:#0082c5;font-weight:bold;text-decoration:underline;line-height:18px}
.clrb_txtblueb a:link	    {font:12px "돋움"; color:#0082c5;font-weight:bold;text-decoration:underline;line-height:18px}
.clrb_txtblueb a:visited    {font:12px "돋움"; color:#0082c5;font-weight:bold;text-decoration:underline;line-height:18px}
.clrb_txtblueb a:active	    {font:12px "돋움"; color:#0082c5;font-weight:bold;text-decoration:underline;line-height:18px}
.clrb_txtblueb a:hover	    {font:12px "돋움"; color:#0082c5;font-weight:bold;text-decoration:underline;line-height:18px}

.clr_hand_tit           	{font:12px "돋움"; color:#545454;font-weight:bold;text-decoration:none;line-height:20px}
.clr_hand_tit a 		   	{font:12px "돋움"; color:#545454;font-weight:bold;text-decoration:underline;line-height:20px}
.clr_hand_tit a:link	    {font:12px "돋움"; color:#545454;font-weight:bold;text-decoration:underline;line-height:20px}
.clr_hand_tit a:visited     {font:12px "돋움"; color:#545454;font-weight:bold;text-decoration:underline;line-height:20px}
.clr_hand_tit a:active	    {font:12px "돋움"; color:#545454;font-weight:bold;text-decoration:underline;line-height:20px}
.clr_hand_tit a:hover	    {font:12px "돋움"; color:#545454;font-weight:bold;text-decoration:underline;line-height:20px}
#clr_scroll_list
{
    margin:0px;
    padding:0px;
    font:12px "돋움"; color:#545454;
    line-height:18px;
    overflow-y:scroll;
    scrollbar-face-color: #eaeaea; 
    scrollbar-highlight-color: #eaeaea; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #8d8d8d;
}

    #elc_cnt2_left a 		   	{font:12px "돋움"; color:#545454;line-height:18px;}
    #elc_cnt2_left a:link	   	{font:12px "돋움"; color:#545454;line-height:18px;}
    #elc_cnt2_left a:visited    {font:12px "돋움"; color:#545454;line-height:18px;}
    #elc_cnt2_left a:active	    {font:12px "돋움"; color:#545454;line-height:18px;}
    #elc_cnt2_left a:hover	    {font:12px "돋움"; color:#545454;line-height:18px;}
    
#layer_jarang_form       {width:610px; padding:5px 0 0 0px; margin:0; float:left;}
#ljf_body                {width:610px; float:left; padding:0; margin:0}
#layer_share_form        {width:100%; padding:5px 0 0 0px; margin:0; float:left;}
#lsf_body                {width:100%; float:left; padding:0; margin:0}



#layer_bbs_tit {background:#5d5d5d; width:100%; height:25px; padding:0px; margin:0px; float:left; vertical-align:middle; border-top:1px solid #000000; border-bottom:1px solid #dadada;}
        .sbt_tit {font:11px "돋움"; color:#dadcdc;text-decoration:none; font-weight:bold; line-height:25px}

#layer_bbs_con      {width:100%; height:34px; padding:0px; margin:0px; float:left; border-bottom:1px solid #dadada;}


#layer_box450_top       {background:url('../_Images/main/box_layer450_top.gif'); width:450px; height:1px; margin:0px; padding:0px; float:left; font-size:0px; line-height:0px}
#layer_box450_btm       {background:url('../_Images/main/box_layer450_btm.gif'); width:450px; height:1px; margin:0px; padding:0px; float:left; font-size:0px; line-height:0px}
#layer_box450_body      {background:url('../_Images/main/box_layer450_mid.gif'); width:450px; margin:0px; padding:0px; float:left;}

#layer_box500_top       {background:url('../_Images/main/box_layer500_top.gif'); width:500px; height:1px; margin:0px; padding:0px; float:left; font-size:0px; line-height:0px}
#layer_box500_btm       {background:url('../_Images/main/box_layer500_btm.gif'); width:500px; height:1px; margin:0px; padding:0px; float:left; font-size:0px; line-height:0px}
#layer_box500_body      {background:url('../_Images/main/box_layer500_mid.gif'); width:500px; margin:0px; padding:0px; float:left;}
    
    #lb450_form            {width:440px; padding:10px 0 0 10px; margin:0; float:left;}
    #lb450_top             {width:440px; padding:17px 0 7px 10px; margin:0; float:left;}
    
        .mms_pwd_tit         {font:14px "돋움"; color:#c72929;font-weight:bold;line-height:18px}
        
    #lb500_form            {width:490px; padding:10px 0 0 10px; margin:0; float:left;}
    #lb500_body            {width:490px; padding:0; margin:0; float:left;}
    #lb500_top             {width:490px; padding:17px 0 7px 10px; margin:0; float:left;}

#layer_line2    {height:0px;float:left;border-top:1px solid #d5d5d5; border-bottom:1px solid #ffffff}

#div_id_menu    {background:#ffffff;width:100px; padding:1px; margin:0; border:1px solid #000000;display:block;}
     #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; 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;
    float:left;
    width:13px;
    height:13px;
    padding:0 3px 0 0;
    margin:0;
    font-size:0;
    line-height:0;
    clear:both;
    display:inline;
}

.cd8
{
    background: url('../_Images/star_01.gif') no-repeat left top;
    float:left;
    width:13px;
    height:13px;
    padding:0 3px 0 0;
    margin:0;
    font-size:0;
    line-height:0;
    clear:both;
    display:inline;
}

.cd6             
{
    background: url('../_Images/cd_img6.gif') no-repeat left top;
    float:left;
    width:13px;
    height:13px;
    padding:0 3px 0 0;
    margin:0;
    font-size:0;
    line-height:0;
    clear:both;
    display:inline;
}





.subMenus
{
	
	position:relative;
	display: none;
	padding-top:20px;
}
