/* -- Basic CSS -- */ 
body { 
margin: 0; 
padding: 0; 
} 
image		{border:0}

/******************************** 기본 Class ********************************/

td
{
    FONT-FAMILY: "dotum";
    FONT-SIZE: 9pt;
    COLOR: #666666;
    line-height:150%;
	/*word-spacing:-2px;*/
	
}

br 
  {font-size: 10px;}
.image {border:0}
.input
  {font-size: 9pt;  font-family: "dotum"; color: #666666;  border:1 solid #D1D1D1; height:19px;  }
.select, textarea
  {font-size: 9pt;  color: #666666; border: 1px solid #D1D1D1;}
.input.linebox
  {font-size: 9pt;  font-family: "dotum"; color: #666666; border: 1px solid #D1D1D1;}  
.table.printbox 
  {BORDER-COLLAPSE: collapse}  

/******************************** 본문내 폰트 Class ********************************/

.small
  { font-size: 8pt; font-family: "dotum , Arial";}
.small01
  { font-size: 8pt; font-family: "dotum , Arial";color: #7d7d7d;}
.small02
  { font-size: 8pt; font-family: "dotum , Arial";color: #333333;}  
 .small_bold
  { font-size: 8pt; font-family: "dotum , Arial"; font-weight: bold; padding-left: 15px; } 
  .bold
  { font-size:9pt; font-family: "dotum , Arial"; font-weight: bold; text-decoration:underline;}  
.radio
  { font-size: 9pt; font-family: "dotum , Arial"; padding-bottom: 5px;}  
.sgray01
  { font-size: 8pt; font-family: "dotum , Arial"; color: #adadad;}
.sgray02
  { font-size: 8pt; font-family: "dotum , Arial"; color: #999999;}
 .sgray03
  { font-size: 8pt; font-family: "dotum , Arial"; color: #888888;  padding-left: 10px;} 
.sorange
  { font-size: 8pt; font-family: "dotum"; color: #FD4F02;}              
.sorange_1
  { font-size: 8pt; font-family: "dotum"; color: #FD4F02; font-weight: bold; letter-spacing:-2px}                  
.sorange_2
  { font-size: 8pt; font-family: "dotum"; color: #FD4F02;}                
.title
  { font-size: 9pt; font-family: "dotum"; color: #333333; font-weight: bold; }
.small_title
  { font-size: 8pt; font-family: "dotum"; color: #333333; font-weight: bold; }  
.bbs-tilte
  { font-size: 8pt; font-family: "dotum"; color: #4b4b4b; font-weight: bold; }    
.bbs-date
  { font-size: 8pt; font-family: "dotum"; color: #ADADAD; }    
.base_contents01
  { font-size: 9pt; font-family: "dotum"; color: #7d7d7d }
.base_contents02
  { font-size: 9pt; font-family: "dotum"; color: #999999}
.base_contents03
  { font-size: 9pt; font-family: "dotum"; color: #333333}  
.base_contents06
  { font-size: 9pt; font-family: "dotum"; color: #8E8E8E;}  
.base_contents07
  { font-size: 9pt; font-family: "dotum"; color: #8E8E8E; line-height:140%}    
.black
  { font-size: 9pt; font-family: "dotum"; color: #000000}     
.base_contents04
  { font-size: 9pt; font-family: "dotum"; color: #FD4F02} 
.base_contents05
  { font-size: 9pt; font-family: "dotum"; color: #7d7d7d;line-height:170% }
.white
  {font-size: 9pt;  font-family: "dotum"; color: #FFFFFF;}  
.swhite
  {font-size: 8pt;  font-family: "dotum"; color: #FFFFFF;}    
.white_bold
  {font-size: 9pt;  font-family: "dotum"; color: #FFFFFF; font-weight: bold;}
.bwhite_bold
  {font-size: 11pt;  font-family: "dotum, Arial"; color: #FFFFFF; font-weight: bold;}
.bbwhite_bold
  {font-size: 22pt;  font-family: "dotum, Arial"; color: #FFFFFF; font-weight: bold;}
.byellow_bold
  {font-size: 11pt;  font-family: "dotum, Arial"; color: #fdee00; font-weight: bold;}
.sblue_bold
  { font-size: 8pt; font-family: "dotum"; color: #0F89E5; font-weight: bold;} 
.sblue
  { font-size: 8pt; font-family: "dotum"; color: #0F89E5; }  
.blue
  { font-size: 9pt; font-family: "dotum"; color: #0F89E5; } 
.gudie
  { font-size: 9pt; font-family: "dotum"; color: #4499C6; }   
.blue_bold
  { font-size: 9pt; font-family: "dotum"; color: #0F89E5; font-weight: bold; } 
.bblue_bold
  { font-size: 13pt; font-family: "굴림, Arial"; color: #0F89E5; font-weight: bold; }  

.bblue_bold01
  { font-size: 12pt; font-family: "굴림, Arial"; color: #0F89E5; font-weight: bold; letter-spacing:-2px}    
.bblue_bold02
  { font-size: 13pt; font-family: "굴림, Arial"; color: #0064af; font-weight: bold; letter-spacing:-2px}  
  .bblue_bold03
  { font-size: 11pt; font-family: "굴림, Arial"; color: #0F89E5; font-weight: bold; }    
.gray01
  { font-size: 9pt; font-family: "dotum"; color: #adadad;}
.orange
  { font-size: 9pt; font-family: "dotum"; color: #FD4F02;}      
.orange_bold
  { font-size: 9pt; font-family: "dotum"; color: #FD4F02; font-weight: bold;}      
.borange_bold
  { font-size: 13pt; font-family: "굴림"; color: #FD4F02; font-weight: bold;}  
.bblack_bold
  { font-size: 14pt; font-family: "굴림, Arial"; color: #000000; font-weight: bold;  letter-spacing:-2px}  
.bgary_bold
  { font-size: 13pt; font-family: "굴림, Arial"; color: #333333; font-weight: bold;  letter-spacing:-2px}    
.bgary
  { font-size: 14pt; font-family: " 굴림, Arial"; color: #333333;}    
.borange_bold
  { font-size: 15pt; font-family: " 굴림, Arial"; color: #FD4F02; font-weight: bold;   text-decoration: underline;}   
.bblack_bold02
  { font-size: 11pt; font-family: "굴림, Arial"; color: #000000; font-weight: bold;}  
.mail_txt
 {FONT-FAMILY: "굴림"; FONT-SIZE: 9pt; COLOR: #666666; line-height:150%;  word-spacing:0px}
.p_syellow
 {FONT-FAMILY: "굴림"; FONT-SIZE: 8pt; COLOR: #f6ff00; line-height:150%;  word-spacing:0px; font-weight: bold;}

/******************************** 본문내 input박스 스타일 ********************************/

.input_01
  {font-size: 9pt;  font-family: "dotum"; color: #333333; border:1 solid #CDCDCD; height:18px;}
.input_02
  {font-size: 9pt;  font-family: "dotum, Arial"; color: #666666; border:1 solid #AEC9DC; height:18px;}
.input_03
  {font-size: 8pt;  font-family: "dotum"; color: #666666; border:1 solid #C9c9c9; height:22px;  padding: 5px;}
 .input_04
  {font-size: 9pt;  background:#E6F2FA; font-family: "dotum"; color: #333333; border:1 solid #CDCDCD; height:18px; } 
	
.textbox_01
{font-size: 9pt;   color: #666666; background:#ffffff; border:1 solid #d1d1d1;  padding: 5px;}
.textbox_02
{font-size: 9pt; color: #A9A9A9; background:#ffffff; border:1 solid #87C4F2;  padding: 10px;
    scrollbar-3dlight-color:C3E1F8;
	 scrollbar-arrow-color:0F89E5;
	 scrollbar-base-color:C3E1F8;
	 scrollbar-face-color:ffffff;
	 scrollbar-highlight-color:white;
	 scrollbar-shadow-color:ffffff;
	 scrollbar-darkshadow-color:C3E1F8;
	 }

.textbox_03
{font-size: 9pt; color: #666666; background:#F2F7FB; border:1 solid #AEC9DC;  padding: 10px;
    scrollbar-3dlight-color:CDDEEB;
	 scrollbar-arrow-color:0F89E5;
	 scrollbar-base-color:CDDEEB;
	 scrollbar-face-color:F2F7FB;
	 scrollbar-highlight-color:white;
	 scrollbar-shadow-color:CDDEEB;
	 scrollbar-darkshadow-color:CDDEEB;
	 }	 

	
.sel_txt01 {
	font-size:9pt; color:#666666; line-height:16px; padding:10px;
	border-top: #e1e1e1 1px solid; 
	border-left: #e1e1e1 1px solid; 
	border-right: #ffffff 1px solid; 
	border-bottom: #ffffff 1px solid; 
	background-color:f6f6f6;
	overflow-y:auto;

	scrollbar-3dlight-color:#E0E0E0;
	scrollbar-arrow-color:#a6a6a6;
	scrollbar-base-color:#dddddd;
	scrollbar-darkshadow-color:#f6f6f6;
	scrollbar-face-color:#f6f6f6;
	scrollbar-highlight-color:#f8f8f8;
	scrollbar-shadow-color:#c8c8c8}

.user_input {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #bfbfbf 1px solid; FONT-FAMILY: 돋움; TEXT-ALIGN: center
}

/******************************** 본문내 여백 관련 Class ********************************/

.left
  {padding-left: 20px; }
.left01
  {padding-left: 15px; } 
 .left02
  {padding-left: 30px; } 
 .right
  {padding-right: 10px; }   
.popup_left
  {padding-left: 10px; } 
.table
 {padding: 5 30 5 30; }
 .table01
 {padding: 10 15 10 15; }
.table02
 {padding: 0 10 0 10; }

.top
  {padding-top: 10px; } 
.order
 {padding: 10 20 10 20; }
.my
 {padding: 10 15 10 15; } 
.service
 {padding: 2 10 2 10; }
.ordercomp
 {padding: 0 30 0 30; }
.cust_right
 {padding: 0 10 2 0; }
  
/******************************** 링크 Class ********************************/

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

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

a.notice:link { text-decoration: none; color: #7d7d7d }
a.notice:visited { text-decoration: none; color: #7d7d7d}
a.notice:hover {  text-decoration:none; color:#0F89E5} 

a.channel:link    {color:#999999; font-size: 8pt;}
a.channel:visited {color:#999999; font-size: 8pt;}
a.channel:hover   {color:#999999; font-size: 8pt; text-decoration:underline; }

a.setting:link    {color:#999999; font-size: 8pt; text-decoration:underline; }
a.setting:visited {color:#999999; font-size: 8pt; text-decoration:underline; }
a.setting:hover   {color:#333333; font-size: 8pt; text-decoration:underline; }

a.mail:link    {color:#999999; font-size: 8pt;}
a.mail:visited {color:#999999; font-size: 8pt;}
a.mail:hover   {color:#0F89E5; font-size: 8pt; text-decoration:none; }

a.join:link    {color:#333333; font-size: 8pt;  font-weight: bold}
a.join:visited {color:#333333; font-size: 8pt;  font-weight: bold}
a.join:hover   {color:#0F89E5; font-size: 8pt; text-decoration:none;  font-weight: bold}

a.leftmenu:link    {color:#333333; font-size: 9pt;  font-weight: bold}
a.leftmenu:visited {color:#333333; font-size: 9pt;  font-weight: bold}
a.leftmenu:hover   {color:#0F89E5; font-size: 9pt; text-decoration:none;  font-weight: bold}

a.sleftmenu:link    {color:#7d7d7d; font-size: 9pt;  }
a.sleftmenu:visited {color:#7d7d7d; font-size: 9pt;  }
a.sleftmenu:hover   {color:#000000; font-size: 9pt; text-decoration:none; }

a.search:link    {color:#7d7d7d; font-size: 8pt;  }
a.search:visited {color:#7d7d7d; font-size: 8pt;  }
a.search:hover   {color:#0F89E5; font-size: 8pt; text-decoration:none; }

a.paging:link    {color:#ffffff; font-size: 8pt; font-weight: bold; BACKGROUND-COLOR:#0F89E5;  text-decoration:none; padding:4}
a.paging:visited {color:#ffffff; font-size: 8pt; font-weight: bold; BACKGROUND-COLOR:#0F89E5; text-decoration:none; padding:4}
a.paging:hover   {color:#ffffff; font-size: 8pt; font-weight: bold; BACKGROUND-COLOR:#0F89E5;  text-decoration:none; padding:4}

a.paging1:link    {color:#333333; font-size: 8pt; font-weight: bold;  padding:4}
a.paging1:visited {color:#333333; font-size: 8pt; font-weight: bold; padding:4}
a.paging1:hover   {color:#333333; font-size: 8pt; font-weight: bold; padding:4}

a.list:link { text-decoration: none; color: #000000 }
a.list:visited { text-decoration: none; color: #000000}
a.list:active { text-decoration: none; color: #000000  }
a.list:hover {  text-decoration:none; color:#0F89E5;} 


a.mail02:link { text-decoration: none; color: #0F89E5 }
a.mail02:visited { text-decoration: none; color: #0F89E5}
a.mail02:active { text-decoration: none; color: #0F89E5  }
a.mail02:hover {  text-decoration:none; color:#0F89E5; text-decoration:underline; } 

/******************************** 스크롤 Class ********************************/

body
{scrollbar-3dlight-color:FFFFFF;
	 scrollbar-arrow-color:000000;
	 scrollbar-base-color:FFFFFF;
	 scrollbar-face-color:ECECEC;
	 scrollbar-highlight-color:white;
	 scrollbar-shadow-color:ffffff;
	 scrollbar-darkshadow-color:FFFFFF;
	 background-color:#ffffff;}
	 
	 
 .myhiworks
 { font-size: 12px; width:430; height:105;  overflow:auto;  padding:0px;  border:0px;  
    scrollbar-3dlight-color:C3E1F8;
	 scrollbar-arrow-color:0F89E5;
	 scrollbar-base-color:C3E1F8;
	 scrollbar-face-color:ffffff;
	 scrollbar-highlight-color:white;
	 scrollbar-shadow-color:ffffff;
	 scrollbar-darkshadow-color:C3E1F8;}    

 .login
 { font-size: 11px; width:228; height:69;  overflow:auto;  padding:0px;  border:0px;  background-color:F5FBFE;
    scrollbar-3dlight-color:C3E1F8;
	 scrollbar-arrow-color:0F89E5;
	 scrollbar-base-color:C3E1F8;
	 scrollbar-face-color:ffffff;
	 scrollbar-highlight-color:white;
	 scrollbar-shadow-color:ffffff;
	 scrollbar-darkshadow-color:C3E1F8;}  

.scrollbox_pop01{ font-size: 12px; width:730; height:350;  overflow:auto;  padding:0px;  border:0px;  
scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #65A5CA; scrollbar-3dlight-color: #65A5CA; scrollbar-arrow-color: #698109; 
scrollbar-darkshadow-color: #FFFFFF } 

.selectBoxLabel {  font-size: 11px; width:85px; }

/******************************** BG이미지 Class ********************************/
.text_bg      {	background: url(/assets/images/sms/sms_bg04.gif) no-repeat; }


/******************************** 고객센터 CSS ********************************/

#faqListTitle         {width:730px; border:none; border-collapse:collapse;}
#faqListTitle tr      {height:31px;text-align:center;}
#faqListTitle td      {font-size:8pt; font-family:"dotum"; color: #4b4b4b; font-weight: bold;}
#faqListTitle td.kind {width:150px;border:solid 2px #D4D4D4;border-style:solid none solid solid;}
#faqListTitle td.faq  {width:580px;border:solid 2px #D4D4D4;border-style:solid solid solid none;}

#faqList         {width:730px; border:none; border-collapse:collapse;}
#faqList tr      {height:33px;}
#faqList td      {font-size: 8pt; font-family: "dotum"; color: #ADADAD;}
#faqList td.kind {width:150px;border:solid 1px #E0E0E0;border-style:none  none solid none;text-align:center;}
#faqList td.faq  {width:580px;border:solid 1px #E0E0E0;border-style:none  none solid none;}

#faqDivReply     {width:730px;background-color:#F7F7F7;border-bottom:1px solid #ffFFff;padding:10 13 10 15;}
#faqDivReplyText {width:702px;white-space:normal;}
#faqDivReplyLine {width:730px;height:1px;background-color:#E0E0E0;}

#faqQuestionTable       {width:700px;background-color:#ffFFff;border-collapse:collapse;border:none;}
#faqQuestionTable tr.h  {height:61px;}
#faqQuestionTable td.l  {width:5px;}
#faqQuestionTable td.c  {width:690px;border-top:1px solid #E7E7E7;}
#faqQuestionTable td.r  {width:5px;}
#faqQuestionTable td.m  {border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7;padding:0 17 0 17;text-align:center;}

#faqQuestionSel         {width:656px; border:none; border-collapse:collapse;}
#faqQuestionSel tr.tr1  {height:30px;}
#faqQuestionSel tr.tr2  {height:1px;}
#faqQuestionSel td.td1  {width:163px;font-size: 9pt; font-family: "dotum"; color: #0F89E5; font-weight: bold;}
#faqQuestionSel td.td2  {width:99px;}
#faqQuestionSel td.td3  {width:100px;}
#faqQuestionSel td.td4  {width:99px;}
#faqQuestionSel td.td5  {width:140px;}
#faqQuestionSel td.td6  {width:55px;}

#faqlistViewBtn {width:700px;padding-top:5px;}

/* font-size: 9pt; font-family: "dotum"; color: #0F89E5; font-weight: bold; */

/* png */
.png24 {tmp:expression(setPng24(this));}


.transparentDiv { 
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	   -moz-opacity: 0.7;
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
       opacity: 0.7; 
}

.transparentDiv2 { 
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	   -moz-opacity: 0.7;
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
       opacity: 0.7; 
}

.sms {
	font-family:굴림;
	border:0px;
	font-size:12px;
	line-height:18px;
	width:100%;
	height:100%;
	background: none transparent ;
	overflow: hidden; 
}