@charset "euc-kr";
/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : â¾÷º¸À°¼¾ÅÍ layout Style
 * Created   : 2011/07/
 * Updated   :
 ------------------------------------------------------------ */
@import url("layout.css");
@import url("design.css");
@import url("board.css");
@import url("main.css");

/* common */
* { margin:0; padding:0; }
html { width:100%; height:100%; margin:0; padding:0; overflow-y:scroll; }
body { width:100%; height:100%; margin:0; padding:0; font-size:75%; line-height:16px; font-family:dotum, µ¸¿ò, Gulim, ±¼¸², Arial, verdana; color:#666; 

background-image:url('../images/main/mainbg.gif'); background-position:top; background-repeat:repeat-x; }
dl, dt, dd { list-style:none; }
ul li { list-style:none; }
table { border-collapse:collapse; font-size:1.0em; }
table, th, td { word-break:break-all; table-layout:fixed; }
/*p, div, th, td, select { vertical-align:top; }*/
form, p, blockquote, dl, dd, dt { margin:0; padding:0; }
li img { vertical-align:top; line-height:0; }
td img { vertical-align:top; line-height:0; }
h1 img { vertical-align:top; line-height:0; }
h2 img { vertical-align:top; line-height:0; }
fieldset { margin:0; padding:0; border:0; }

img{border:0}
input.type-image,  img.type-image {
cursor: pointer;
	vertical-align: middle;
	font-size:9px; color:#666; 
}
input.type-text, textarea {
	border: 1px solid #CCC;
	background: #f3f3f3;
	font-family:µ¸¿ò, tahoma ; 
	font-size:9pt ; color:#666666;
	padding:10px;
}
input.type-text:hover, 
input.type-text:focus, 
textarea:hover, 
textarea:focus, 
select:hover, 
select:active {
	background-color: #f3f3f3;

}
textarea.type-text:hover, 
textarea.type-text:focus{
	background-color: #f3f3f3;
}




caption {
	display:none;
}
/*img, input.type-image { border:0 none; line-height:0; vertical-align:middle; /* for IE image margin */ 
/*}*/ 
textarea, dl, div { 
scrollbar-face-color: #fdfdfd; scrollbar-shadow-color: #c8c8c8; 
scrollbar-highlight-color: #c8c8c8; scrollbar-3dlight-color: #fdfdfd; 
scrollbar-darkshadow-color: #fdfdfd; scrollbar-track-color: #e9e9e9; scrollbar-arrow-color: #c8c8c8; }
input, select, textarea { vertical-align: middle; font-size:12px; color:#666; }
hr { display:none; border:none; }
img.pointer { cursor:pointer; }
.in_s { border:1px solid #CCCCCC ; height:14px ; font-family:µ¸¿ò, tahoma ; font-size:9pt ; color:#666666  ; }
.inputMember { vertical-align: middle; border:1px solid #CCCCCC ; height:15px  ;  font-family:µ¸¿ò, tahoma ; font-size:9pt ; color:#666666; padding-top:4px; padding-left:3px;}
.in_f {border:1px solid #CCCCCC ; height:19px ; font-family:µ¸¿ò, tahoma ; font-size:9pt ; color:#666666  ;}

.png24 { tmp:expression(setPng24(this)); }
h1, h2, h3, h4 { font-size:1.0em; line-height:18px; }

/*񃧯link*/
a:link { color:#666; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover { color:#0b7c9d; text-decoration:underline; }
a:active { color:#666; text-decoration:none; }
a:focus { color:#666; text-decoration:none; }

a.B:link { color:#666; font-weight:bold; text-decoration:none; }
a.B:visited { color:#666; font-weight:bold; text-decoration:none; }
a.B:hover { color:#0b7c9d; font-weight:bold; text-decoration:underline; }
a.B:active { color:#666; font-weight:bold; text-decoration:none; }
a.B:focus { color:#666; font-weight:bold; text-decoration:none; }

a.U:link { color:#666; font-weight:bold; text-decoration:underline; }
a.U:visited { color:#666; font-weight:bold; text-decoration:underline; }
a.U:hover { color:#0b7c9d; font-weight:bold; text-decoration:underline; }
a.U:active { color:#666; font-weight:bold; text-decoration:underline; }
a.U:focus { color:#666; font-weight:bold; text-decoration:underline; }

/* Float */
.ul_fl li { float:left;}
.fl { float:left;}
.fr { float:right;}
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.cleL  {clear:left;}
.iefix { width:0; height:0; font-size:0; line-height:0; display:none; overflow:hidden; }
.dpnone { display:none; }
.cb { clear:both; }

/* Align */
.taL {text-align:left;}		
.taC {text-align:center;}		
.taR {text-align:right;}
.vaT {vertical-align:top;}		
.vaM {vertical-align:middle;}		
.vaB {vertical-align:bottom;}

/* Position */
.relative {position:relative; vertical-align:top;}
.absolute {position:absolute; vertical-align:top;}

/* Text Point/Color */
strong { font-weight:bold; }
.b { font-weight:bold; }
.s { font-size:0.92em; }
.tOrange { color:#ff6000; font-weight:normal; }
.tGreen { color:#007c17; font-weight:normal; }
.tRed { color:#8b0029; font-weight:normal; }
.tRedB { color:#8b0029; font-weight:bold; }
.tSub { color:#a08153; font-weight:normal; }
.tSubB { color:#a08153; font-weight:bold; }
.tBlack { color:#000000; }
.fh0	{font-size:0; line-height:0; margin:0; padding:0;}
.brown  {color:#a08153;}
.tSta {font-size:0.92em; text-align:right;}
.tEnd {font-size:0.92em; padding-top:5px; text-align:right; color:#a08153; float:right;}
/*p span { color:#9b7e53; font-weight:bold;}
*/

/* font */
.bold { font-weight:bold; }

.font_1 { text-align:left; font-size:12px; color:#666666; line-height:20px; clear:both; margin-bottom:15px;}

.font_r { text-align:left; font-size:12px; color:#16bbce; line-height:20px; clear:both; margin-bottom:15px;}





/* border */
.bT1 {border-top:1px solid #dfdfdf;}
.bB1 {border-bottom:0px solid #dfdfdf;}

/* input */
legend { font-size:0; height:0; visibility:hidden; width:0; display:none; }
input.txt { height:16px; border:1px solid #dedede; padding:2px 0 0 4px; background-color:#fff; }
input.file { height:19px; border:1px solid #dedede; padding-left:5px; line-height:136%; }
input.radio { width:14px; height:14px; vertical-align:middle; margin-top:3px; *margin-top:2px; }
input.check { width:14px; height:14px; vertical-align:middle; margin-top:3px; *margin-top:2px; }
textarea.txt { width:97%; border:1px solid #dedede; padding:5px; background-color:#fff; color:#666; overflow:auto; }

/* µ¿¿µ»óÀ§ ·¹ÀÌ¾î ¼öÁ¤ */
iframe.not { position:absolute; right:0; bottom:0; z-index:-99; width:100%; height:300px; filter:alpha(opacity=0); border:0; }

/* hspace */
.hspace03 { clear:both; font-size:0; line-height:0px; width:100%; height:3px; }
.hspace04 { clear:both; font-size:0; line-height:0px; width:100%; height:4px; }
.hspace05 { clear:both; font-size:0; line-height:0px; width:100%; height:5px; }
.hspace07 { clear:both; font-size:0; line-height:0px; width:100%; height:7px; }
.hspace10 { clear:both; font-size:0; line-height:0px; width:100%; height:10px; }
.hspace14 { clear:both; font-size:0; line-height:0px; width:100%; height:14px; }
.hspace15 { clear:both; font-size:0; line-height:0px; width:100%; height:15px; }
.hspace17 { clear:both; font-size:0; line-height:0px; width:100%; height:17px; }
.hspace19 { clear:both; font-size:0; line-height:0px; width:100%; height:19px; }
.hspace20 { clear:both; font-size:0; line-height:0px; width:100%; height:20px; }
.hspace24 { clear:both; font-size:0; line-height:0px; width:100%; height:24px; }
.hspace25 { clear:both; font-size:0; line-height:0px; width:100%; height:25px; }
.hspace30 { clear:both; font-size:0; line-height:0px; width:100%; height:30px; }
.hspace32 { clear:both; font-size:0; line-height:0px; width:100%; height:32px; }
.hspace33 { clear:both; font-size:0; line-height:0px; width:100%; height:33px; }
.hspace35 { clear:both; font-size:0; line-height:0px; width:100%; height:35px; }
.hspace40 { clear:both; font-size:0; line-height:0px; width:100%; height:40px; }
.hspace50 { clear:both; font-size:0; line-height:0px; width:100%; height:50px; }
.hspace53 { clear:both; font-size:0; line-height:0px; width:100%; height:53px; }
.hspace70 { clear:both; font-size:0; line-height:0px; width:100%; height:70px; }
.hspace80 { clear:both; font-size:0; line-height:0px; width:100%; height:80px; }
.hspace100 { clear:both; font-size:0; line-height:0px; width:100%; height:100px; }
.hspace120 { clear:both; font-size:0; line-height:0px; width:100%; height:120px; }

/* margin */
.mT02 { margin-top:2px; }
.mT03 { margin-top:3px; }
.mT05 { margin-top:5px; }
.mT06 { margin-top:6px; }
.mT07 { margin-top:7px; }
.mT08 { margin-top:8px; }
.mT09 { margin-top:9px; }
.mT10 { margin-top:10px; }
.mT12 { margin-top:12px; }
.mT15 { margin-top:15px; }
.mT16 { margin-top:16px; }
.mT18 { margin-top:18px; }
.mT20 { margin-top:20px; }
.mT22 { margin-top:22px; }
.mT25 { margin-top:25px; }
.mT28 { margin-top:28px; }
.mT29 { margin-top:29px; }
.mT30 { margin-top:30px; }
.mT31 { margin-top:31px; }
.mT40 { margin-top:40px; }
.mT50 { margin-top:50px; }
.mT55 { margin-top:55px; }
.mT163 { margin-top:163px; }

.mR03 { margin-right:3px; }
.mR05 { margin-right:5px; }
.mR07 { margin-right:7px; }
.mR10 { margin-right:10px; }
.mR20 { margin-right:20px; }
.mR22 { margin-right:22px; }
.mR25 { margin-right:25px; }
.mR46 { margin-right:46px; }
.mR65 { margin-right:65px; }

.mB02 { margin-bottom:2px; }
.mB05 { margin-bottom:5px; }
.mB07 { margin-bottom:7px; }
.mB08 { margin-bottom:8px; }
.mB10 { margin-bottom:10px; }
.mB15 { margin-bottom:15px; }
.mB18 { margin-bottom:18px; }
.mB20 { margin-bottom:20px; }
.mB25 { margin-bottom:25px; }
.mB26 { margin-bottom:26px; }
.mB28 { margin-bottom:28px; }
.mB30 { margin-bottom:30px; }
.mB40 { margin-bottom:40px; }
.mB50 { margin-bottom:50px; }

.mL01 { margin-left:1px; }
.mL02 { margin-left:2px; }
.mL03 { margin-left:3px; }
.mL04 { margin-left:4px; }
.mL05 { margin-left:5px; }
.mL06 { margin-left:6px; }
.mL10 { margin-left:10px; }
.mL11 { margin-left:11px; }
.mL12 { margin-left:12px; }
.mL13 { margin-left:13px; }
.mL14 { margin-left:14px; }
.mL15 { margin-left:15px; }
.mL16 { margin-left:16px; }
.mL18 { margin-left:18px; }
.mL20 { margin-left:20px; }
.mL22 { margin-left:22px; }
.mL25 { margin-left:25px; }
.mL28 { margin-left:28px; }
.mL30 { margin-left:30px; }
.mL32 { margin-left:32px; }
.mL35 { margin-left:35px; }
.mL36 { margin-left:36px; }
.mL37 { margin-left:37px; }
.mL38 { margin-left:38px; }
.mL40 { margin-left:40px; }
.mL47 { margin-left:47px; }
.mL50 { margin-left:50px; }
.mL55 { margin-left:55px; }
.mL57 { margin-left:57px; }
.mL58 { margin-left:58px; }
.mL60 { margin-left:60px; }
.mL64 { margin-left:64px; }
.mL70 { margin-left:70px; }
.mL75 { margin-left:75px; }
.mL98 { margin-left:98px; }
.mL125{ margin-left:125px; }
.mL135{ margin-left:135px; }

/* padding */
.pT02 { padding-top:2px; }
.pB05 { padding-bottom:5px; }
.pB15 { padding-bottom:15px; }
.pL05 { padding-left:5px; }
.pL10 { padding-left:10px; }
.pL13 { padding-left:13px; }
.pL20 { padding-left:20px; }


/* line-height */
.lh18 {line-height:18px;} 

/* height */
.h50 {height:50px;} 
.h150 {height:150px;} 

/* width */
.w20 {width:20px;} 
.w30 {width:30px;} 
.w40 {width:40px;} 
.w50 {width:50px;} 
.w60 {width:60px;} 
.w70 {width:70px;} 
.w80 {width:80px;} 
.w90 {width:90px;} 
.w100 {width:100px;} 
.w110 {width:110px;} 
.w120 {width:130px;} 
.w130 {width:140px;} 
.w140 {width:140px;} 
.w150 {width:150px;} 
.w160 {width:160px;} 
.w170 {width:170px;} 
.w180 {width:180px;} 
.w200 {width:200px;} 
.w220 {width:220px;} 
.w285 {width:285px;} 
.w300 {width:300px;} 
.w330 {width:330px;} 
.w500 {width:500px;} 

.w100p {width:100%;}