/*****************************************************************************************************************
 * ÆÄÀÏ¸í    :   SubStyleManagement.css 
 * ÀÛ¼ºÀÏ    :   2009³â 5¿ù 18ÀÏ
*****************************************************************************************************************/


html, body {margin:0; padding:0; font-family:"dotum"; text-decoration: none; font-size:12px; color:#666666;

}
* {margin:0;padding:0;}
table, div { border-collapse:collapse;line-height:1.5em;}
select, textarea {border:1px solid #B7B6B6;background:#ffffff;}
strong,b { font-weight:bold;}
/*form,ul,ol,dl,table,div,h1,h2,h3 {margin:0;padding:0;}*/
img, fieldset {border:0;}
/*select, input, li img {vertical-align:middle;}*/
/*ul, li, ol {list-style-type : none;}*/
legend, hr, caption {display:none;}
td {line-height:17px; color:#666666}

/* link */
a {color:#666666; text-decoration:none; outline:none;}
a:link {color:#666666;}
a:visited {color:#666666;}
a:active {color:#666666;}
a:hover { color: #d1110c}
a.mainmenulink:link { FONT-SIZE: 9pt; COLOR: #ffffff; letter-spacing:0; font-family:"verdana"}
a.mainmenulink:visited { FONT-SIZE: 9pt; COLOR: #ffffff; letter-spacing:0; font-family:"verdana"}
a.mainmenulink:hover {FONT-SIZE: 9pt; COLOR: #ffbbbb; letter-spacing:0; font-family:"verdana"}

#tableover:hover { background-color:#FEF0F0; }


.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.al {text-align:left !important;}
.ar {text-align:right;}
.at {vertical-align:top;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold;}
.nb {font-weight:normal;}
.u {text-decoration:underline;}
.m-n{ margin:0;}
.dn{ display:none;}
.bd1 {border:1px solid #cecece;}
.bd0 {border:0px}

/* input box language selection */
.input_han {ime-mode:active;}
.input_eng {ime-mode:inactive;}


/* line-height */
.line_h8 {line-height:8px;} .line_h15 {line-height:15px;} .line_h17 {line-height:17px;} .line_h18 {line-height:18px;} .line_h20 {line-height:20px;} .line_h22 {line-height:22px;} 
.line_h25 {line-height:25px;} .line_h30 {line-height:30px;} .line_h50 {line-height:50px;} .line_h100 {line-height:100px;}

/* width */
.w15 {width:15px} .w20 {width:20px}  .w25 {width:25px} .w30 {width:30px} .w35 {width:35px} .w40 {width:40px} .w50 {width:50px} .w70 {width:70px} .w90 {width:90px}
.w100 {width:100px} .w120 {width:120px} .w111 {width:111px}  .w130 {width:130px} .w150 {width:150px} .w181 {width:181px} .w183 {width:183px} .w240 {width:240px} .w340 {width:340px} .w420 {width:420px} .w480 {width:480px}

/* height */
.h1 {height:1px}  .h3 {height:3px}  .h5 {height:5px}  .h10 {height:10px}  .h15 {height:15px} .h17 {height:17px} .h20 {height:20px} .h22 {height:22px} .h25 {height:25px} .h30 {height:30px} .h32 { height:32px} .h40 { height:40px} .h50 {height:50px}

/* color */
.red {color:#d41a19} .blue{color:#386dbd} .black {color:#000000} .gray6 {color:#666666} .white {color:#ffffff} .color_map {color:#aaaaaa} .gray {color:#f7f7f6} .kaki {color:#3b3b3b}

/* font */
.f8 {font-size:8pt} .f8_5 {font-size:8.5pt} .f9 {font-size:9pt} .f10 {font-size:10pt} .f11 {font-size:11pt} .f12 {font-size:12pt} .f14 {font-size:14pt}  .f17 {font-size:17pt}
.font_verdana {font-family:"verdana"} .font_dotum {font-family:"dotum"}

/* input text option */
.input_rtl {direction:rtl} .input_bg0 {background-color:transparent} .input_readonly {background-color:#f8f8f8}

/* cursor */
.chand {cursor:pointer}

/* underline */
.underline {text-decoration:underline}

.line_sp0 {letter-spacing: 0px} .line_sp1 {letter-spacing: -1px}

/* margin * padding */
.mt1m	{margin-top:-1px;}  .mt0	{margin-top:0px;}  .mt1	{margin-top:1px}  .mt3	{margin-top:3px}  .mt5	{margin-top:5px;}
.mt10	{margin-top:10px;} .mt15	{margin-top:15px;}  .mt20	{margin-top:20px;}  .mt30	{margin-top:30px;}  .mt50	{margin-top:50px;}  
.mb3	{margin-bottom:3px;} .mb5	{margin-bottom:5px;} .mb10	{margin-bottom:10px;} .mb15	{margin-bottom:15px;} 
.mb20	{margin-bottom:20px;} .mb25	{margin-bottom:25px;} .mb30	{margin-bottom:30px;}
.ml5	{margin-left:5px;} .ml10	{margin-left:10px;} .ml15	{margin-left:15px;} .ml20	{margin-left:20px;} .ml30	{margin-left:30px;}
.mr2	{margin-right:2px;} .mr5	{margin-right:5px;} .mr10	{margin-right:10px;} .mr15	{margin-right:15px;} .mr20	{margin-right:20px;}
.pt0 {padding-top:0px;} .pt1 {padding-top:1px;} .pt3 {padding-top:3px;} .pt5 {padding-top:5px;} .pt10	{padding-top:10px;} .pt15	{padding-top:15px;} .pt20	{padding-top:20px;} .pt30	{padding-top:30px;} .pt40	{padding-top:40px;} 
.pb2	{padding-bottom:2px;} .pb5	{padding-bottom:5px;} .pb10	{padding-bottom:10px;} .pb15	{padding-bottom:15px;} .pb20	{padding-bottom:20px;}  .pb30	{padding-bottom:30px;} .pb40 {padding-bottom:40px;}
.pl3	{padding-left:3px;} .pl5	{padding-left:5px;} .pl10	{padding-left:10px;} .pl15	{padding-left:15px;} .pl20	{padding-left:20px;} .pl30	{padding-left:30px;} .pl60	{padding-left:60px;}
.pr3	{padding-right:3px;} .pr5	{padding-right:5px;} .pr10	{padding-right:10px;} .pr15	{padding-right:15px;} .pr20 {padding-right:20px;} .pr30	{padding-right:30px;} .pr60	{padding-right:60px;}

.view_list {font-size:9pt;HEIGHT: 20px;}

.stxt {FONT-SIZE: 8.5pt; line-height:17px; LETTER-SPACING: -1px;}
.mtxt {FONT-SIZE: 8.5pt; line-height:15px; LETTER-SPACING: -1px;}
.dtxt {FONT-SIZE: 8.5pt; line-height:17px; LETTER-SPACING: 0px;}
.htxt {FONT-SIZE: 8.5pt; line-height:17px; LETTER-SPACING: 0px; font-family:"dotum"}
.btxt {FONT-SIZE: 13pt; LETTER-SPACING: -1px}


/* Modal Popup */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:white; border-width:3px; border-style:solid; 	border-color:Gray; padding:0px; width:250px; }

/* Help Popup */
.help_wrap{display:block; position:relative; overflow:visible; z-index:100; }
.arrow { position:absolute; z-index:4; top:6px; left:-3px; display:block; width:4px; height:6px; background:url(../../images/common/Help_PopupLeft.jpg) no-repeat; overflow:hidden;}
.helpTxt1 { z-index:3;font-size:8pt; color:#C71715; border:1px solid #cecece; background-Color:#FFFFFF;letter-spacing:-1px;  padding-left:10px;}
.helpTxt2 { width:260px;height:36px;position:relative;z-index:3;font-size:8pt; color:#C71715; border:1px solid #cecece; background-Color:#FFFFFF;letter-spacing:-1px;  padding-left:10px; padding-top:5px;}
.helpTxt3 {width:260px; height:54px; position:relative;z-index:3;font-size:8pt; color:#C71715; border:1px solid #cecece; background-Color:#FFFFFF;letter-spacing:-1px; padding-left:10px; padding-top:5px;}
.ex {color:#666666; line-height:17px; font-size:9pt;}
.vr {color:#e5e5e5; margin:0 2px 0 3px;}
.level1 {padding:0 52px 0 0; background:url(../../Images/member/join_pw_lever1.jpg) no-repeat right 4px;}
.level2 {padding:0 52px 0 0; background:url(../../Images/member/join_pw_lever2.jpg) no-repeat right 4px;}
.level3 {padding:0 52px 0 0; background:url(../../Images/member/join_pw_lever3.jpg) no-repeat right 4px;}


/* Paging °Ô½ÃÆÇ ÆäÀÌ¡ */
.PageNumbers {font-size: 8.5pt; line-height:17px; letter-spacing: 1px;border-right:solid 1px #cccccc;padding-right:5px;padding-left:1px;}
.CurrentPage {font-size: 8.8pt; line-height:17px; letter-spacing: 2px; font-weight:bold; color:#d41a19;border-right:solid 1px #cccccc;padding-right:5px;}


/* my_menu */
.mymenu_b {	font-size: 8.5pt; color:#ffffff; line-height:17px;}
.mymenu_b :link {color:#ffffff; text-decoration:none;}
.mymenu_b :active {color:#ffffff; text-decoration:none;}
.mymenu_b :visited {color:#ffffff; text-decoration: none;}
.mymenu_b :hover {  color:#d1110c; text-decoration: none;}


/*****************************************************************************************************************
 * È­¸éÁ¤Áß¾Ó À§Ä¡
 * class='browser_center'
 * ÀÛ¼ºÀÏ :  2011³â 6¿ù 10ÀÏ
*****************************************************************************************************************/
#browser_center { 	
  position:absolute;
  height:200px; 
  width:400px;
  margin:-100px 0px 0px -200px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: #f5f5f5;
  border: 1px dotted #000000;
  overflow: auto;
  padding:15px;
}



/*****************************************************************************************************************
 * ¸ð´Þ Æ˾÷·¹ÀÌ¾î ¼³Á¤
 * class='popup_block'
 * ÀÛ¼ºÀÏ :  2011³â 6¿ù 29ÀÏ
*****************************************************************************************************************/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 10px solid #ddd;
	float: left;	
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}