@import url("typography.css");

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@charset "euc-kr";

/* base */
* {
	font-family:"S-CoreDream-3Light", "³ª´®°íµñ", "NanumGothic","¸¼Àº °íµñ","Malgun Gothic","AppleGothic","±¼¸²", "Gulim","µ¸¿ò","Dotum","Sans-serif";
	color:#000000;
	letter-spacing: 0px;
	font-size:12px;
}

select { height:22px; }
input[type='radio'], input[type='checkbox'] { vertical-align:middle; margin-top:-4px; }

body { margin:0; padding:0; }   
	/* ¹è°æ color Çʼö, °¡¿îµ¥ Á¤·Ä ·¹À̾ƿô */

/* layout */
#topWrap,#bodyWrap {margin:0 auto;text-align:left;}

#topWrap { width:950px; height:60px; }

	
#bodyWrap {width:950px; margin-top:10px; margin-bottom:10px;}
 #flashWrap{float:left; width:950px; height:273px; background:url(/images/flash_bg.gif) no-repeat;}
 #contentWrap{float:right; width:700px; } 
 #subcontentWrap{float:right; width:670px; margin-right:10px;} 
 #leftMenuWrap{float:left; width: 210px; margin-bottom:20px;}
 /*#leftMenuWrap ul { margin:0px; padding:0px;}
 #leftMenuWrap li { list-style: none; line-height:0px;font-size:0px;}
 #leftMenuWrap li.title{height:48px;}
 #leftMenuWrap li.nav{height:30px;}
 #leftMenuWrap li a{margin:0px; padding:0px;}*/
 
 #rightWrap{float:right; width:700px;  margin-top:0px;}
 .content{width:720px; float:right; margin-bottom:20px; background:#FFF }
 .subTitle{width:740px; float:left; margin-bottom:20px; text-align:right }

.content_text{  line-height:18px;  color:#666666;  text-align:left}
.content_text a{font-size:12px;  color:#666666; text-decoration:none}
.content_text a:active {font-size:12px; TEXT-DECORATION: none; color:#666666;}
.content_text a:visited{font-size:12px; TEXT-DECORATION: none; color:#666666;}
.content_text a:hover{font-size:12px; text-decoration:underline;color:#438a01;}
.content_text ul {margin:0px;}
.content_text li {background:url(/images/2010/bbs_dot.gif) no-repeat 0 50%; padding-left:10px;margin-bottom:0px;list-style:none; }
.content_text li a{font-size:12px;  color:#666666;  line-height:18px;text-decoration:none}
.content_text li a:hover{font-size:12px;  color:#666666;  line-height:18px;text-decoration:none}


 
 /* Center °Ô½ÃÆdz»¿ë START */
.bbsCenter {width:380px;list-style-type:none;float:left;  margin-top:15px; text-align:left}
.bbsCenter a{font-size:12px; color:#333;letter-spacing:-1px;}
.bbsCenter a:hover{font-size:12px; text-decoration:underline;color:#438a01;letter-spacing:-1px;	}
.bbsCenter ul { margin-top:-1px;}
.bbsCenter li { background:url(/images/notice_icon.gif) no-repeat 0 50%;padding-left:15px;margin-bottom:7px;list-style: none;letter-spacing:-1px; }
.bbsCenter li a{font-size:12px; color:#333; letter-spacing:-1px;}
.bbsCenter span{font-size:12px; color:#999; }
.bbsCenter li a:hover{font-size:12px; color:#333  line-height:40px;letter-spacing:-1px;}



/* Footer */
#footer {margin:0 auto;text-align:left;clear:both; width:100%; font-size:11px;color:#666;line-height:160%;padding-bottom:15px; margin-top:20px; border-top:1px #d0d0d2 solid; height:45px;}

	
/* ¼ºÀûºÐ¼®-µµ¿ò¸» */
.help_box {float:left; width:690px; border:1px #dfdfdf solid; padding:5px 10px 5px 10px; list-style:none; text-align:left}
.help_box h1{ background:url(/images/question_gray.gif) no-repeat left; padding:3px 0px 3px 20px;   font-size:13px; letter-spacing:-1 ; color:#333; border-bottom:1px #CCC dotted; margin-bottom:3px;}
.help_box ul{ margin-top:10px;}
.help_box li {margin-bottom:5px; padding:0 0 0 0px;  font:normal 12px/1.5 µ¸¿ò, Dotum; vertical-align:top; line-height:13px;}
	
/* Å×ÀÌºí µðÀÚÀÎ */
	.tableGray_type1 {width:100%; border-bottom:2px solid #dfdfdf;border-right:1px solid #dfdfdf;  border-top:2px solid #cacaca; font:12px Dotum; border-collapse:collapse;}
	.tableGray_type1 caption {display:none;}
	.tableGray_type1 tfoot {font-weight:bold; background-color:#F5F7F9;}
	.tableGray_type1 th {padding:7px 0 4px 0; background-color:#e5e5e5; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; font:12px dotum; color:#666666; font-weight:bold;}
	.tableGray_type1 th.left { text-align:left; padding-left:5px;}
	.tableGray_type1 th.right { text-align:right; padding-right:5px;}
	.tableGray_type1 th.title1 { background-color:#eeeeee; color:#666666;}
	.tableGray_type1 th.title2 { background-color:#f2f2f2; color:#666666;}
	.tableGray_type1 th.title3 { background-color:#f7f7f7; }
	.tableGray_type1 th.nobold {font-weight:100;}
	.tableGray_type1 th.f_red {color:#cc0000}
	.tableGray_type1 th.size11 {font-size:11px; letter-spacing:-1px;}
	.tableGray_type1 th.Nanum {letter-spacing:-1px;}
	.tableGray_type1 th.f_gold {color:#ff6c00}
	.tableGray_type1 th.f_blue {color:#0066ff}
	.tableGray_type1 th.f_green {color:#009933}
	.tableGray_type1 th.f_violet {color:#6633cc}
	.tableGray_type1 th.bg_yellow1 {background-color:#ffffd0;}
	.tableGray_type1 th.bg_yellow2 {background-color:#ffffd9;}
	.tableGray_type1 th.bg_pink1 {background-color:#ffe7ff;}
	.tableGray_type1 th.bg_pink2 {background-color:#fff2ff;}
	.tableGray_type1 th.bg_blue1 {background-color:#e0eefe;}
	.tableGray_type1 th.bg_blue2 {background-color:#eef6fe;}
	.tableGray_type1 th.bg_green1 {background-color:#ebfdd4;}
	.tableGray_type1 th.bg_green2 {background-color:#f4fee7;}
	.tableGray_type1 th.bg_violet1 {background-color:#e7dfff;}
	.tableGray_type1 th.bg_violet2 {background-color:#f2edff;}
	.tableGray_type1 th.bg_violet2 {background-color:#f2edff;}
	.tableGray_type1 th.bg_glay1 {background-color:#666666; color:#FFF}
	.tableGray_type1 td {padding:6px 0 4px 4px; border:1px solid #dfdfdf; color:#4C4C4C;}
	.tableGray_type1 td.ranking {font-weight:bold;}
	.tableGray_type1 td.title1 { background-color:#eeeeee; color:#808080;}
	.tableGray_type1 td.title2 { background-color:#f2f2f2; color:#808080;}
	.tableGray_type1 td.title3 { background-color:#f7f7f7; }
	.tableGray_type1 td.f_red {color:#cc0000}
	.tableGray_type1 td.f_gold {color:#ff6c00}
	.tableGray_type1 td.f_blue {color:#0066ff}
	.tableGray_type1 td.f_green {color:#009933}
	.tableGray_type1 td.f_violet {color:#6633cc}
	.tableGray_type1 td.bg_yellow1 {background-color:#ffffb9;}
	.tableGray_type1 td.bg_yellow2 {background-color:#ffffd9;}
	.tableGray_type1 td.bg_pink1 {background-color:#ffe7ff;}
	.tableGray_type1 td.bg_pink2 {background-color:#fff2ff;}
	.tableGray_type1 td.bg_blue1 {background-color:#e0eefe;}
	.tableGray_type1 td.bg_blue2 {background-color:#eef6fe;}
	.tableGray_type1 td.bg_green1 {background-color:#ebfdd4;}
	.tableGray_type1 td.bg_green2 {background-color:#f4fee7;}
	.tableGray_type1 td.bg_violet1 {background-color:#e7dfff;}
	.tableGray_type1 td.bg_violet2 {background-color:#f2edff;}
	.tableGray_type1 td.bold {font-weight:bold;}
	.tableGray_type1 td.left { text-align:left; padding-left:3px;}
	.tableGray_type1 td.right { text-align:right; padding-right:3px;}
	.tableGray_type1 td.center { text-align:center; }
	.tableGray_type1 td.size11 {font-size:11px; letter-spacing:-1px;}
	.tableGray_type1 td.num {   font-size:12px; letter-spacing: -1px;}
	.tableGray_type1 td.num11 {   font-size:11px; letter-spacing: -1px;}
	.tableGray_type1 span.f_red {color:#cc0000}
	.tableGray_type1 span.f_gold {color:#ff6c00}
	.tableGray_type1 span.f_blue {color:#0066ff}
	.tableGray_type1 span.f_green {color:#009933}
	.tableGray_type1 span.f_violet {color:#6633cc}
	.tableGray_type1 span.num { font-size:12px; letter-spacing: -1px;}
	.tableGray_type1 span.num11 { font-size:11px; letter-spacing: -1px;}
	.tableGray_type1 li { background:url(/images/notice_icon.gif) no-repeat 0 50%;padding-left:15px;margin-left:7px;margin-bottom:5px;list-style: none;letter-spacing:-1px; }
	.tableGray_type1 li a{font-size:12px; color:#333; letter-spacing:-1px;}
	.tableGray_type1 li a:hover{font-size:12px; color:#333  line-height:20px;letter-spacing:-1px;}
	


.tableGray_type2 {width:100%;  font:11px Dotum; }
	.tableGray_type2 th {background-color:#E4E4E4; color:#818181;font-weight:bold;font:11px Dotum; }
	.tableGray_type2 td { background-color:#F3F3F3; color:#666666;font:11px Dotum; text-align:right;}



	
.tableBlue_type1 {
	border-top:2px solid #84acf0;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}	
	
.tableBlue_type1 TH {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BACKGROUND: url(/images/bgThDefault.gif) #fff repeat-x left bottom; PADDING-BOTTOM: 6px; COLOR: #404040; LINE-HEIGHT: normal; PADDING-TOP: 6px; BORDER-BOTTOM: #fff 1px solid; WHITE-SPACE: nowrap; TEXT-ALIGN: center; 	border-right:1px solid #ddd;  font-size:11px; color:#666}
.tableBlue_type1 TH.left{text-align:left; padding-left:3px;}
.tableBlue_type1 TH.bg {background-color:#eeeeee;   font-size:11px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px;}
.tableBlue_type1 TH.bg1 {background-color:#efefef;  font-size:11px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; font-weight:100; line-height:18px;}
	
.tableBlue_type1 TD { BORDER-TOP: #ddd 1px solid;  BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 4px; COLOR: #666; LINE-HEIGHT: normal; PADDING-TOP:4px; WHITE-SPACE: nowrap; TEXT-ALIGN: center; border-right:1px solid #ddd; font-size:12px}
.tableBlue_type1 TD.num {FONT: 11px Tahoma; }
.tableBlue_type1 TD.check {FONT: 11px Tahoma}
.tableBlue_type1 TD.category {}
.tableBlue_type1 TD.title {	background-color:#eaeaea; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;  font-size:11px; letter-spacing:-1px;}
.tableBlue_type1 TD.title1 {	background-color:#f4f4f4; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;  font-size:11px; letter-spacing:-1px;}
.tableBlue_type1 TD.title .replyNum {FONT: 11px Tahoma; COLOR: #ccc}
.tableBlue_type1 TD.author {}
.tableBlue_type1 TD.authorbg { background-color:#f2f2f2; width:90px;TEXT-ALIGN: left; padding-left:35px;}
.tableBlue_type1 TD.authorbg1 { background-color:#f2f2f2;}
.tableBlue_type1 TD.left{text-align:left; padding-left:3px;}
.tableBlue_type1 TD.right{text-align:right; padding-right:3px;}
.tableBlue_type1 TD.bgtitle1 { background-color:#ececec;  font-size:12px;font-weight:bold }
.tableBlue_type1 TD.bgtitle2 { background-color:#f2f2f2;  font-size:12px; }
.tableBlue_type1 TD.bgtitle3 { background-color:#7692b4; font-size:12px; color:#FFF;font-weight:bold  }









/*GrayTABLE*/
.tableGray_types { width:100%; text-align:center; font:12px;  border-collapse:collapse; border:1px solid #bbbbbb; }
.tableGray_types th { padding:5px 0px 5px 0px; background:url(/images/bgThDefault.gif) #fff repeat-x left bottom; font-size:12px; letter-spacing:-1px; border:1px solid #bbbbbb; }
.tableGray_types td { padding:4px; border:1px solid #bbbbbb; }




	
/*GrayTABLE*/
.tableGray_types2 {width:100%; text-align:center; border:1px solid #666666;  font:12px;  border-collapse:collapse;}
.tableGray_types2 caption {display:none;}
.tableGray_types2 tfoot {font-weight:bold; background-color:#F5F7F9;}
.tableGray_types2 th {padding:5px 0 5px 0; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; font-size:11px; letter-spacing:-1}
.tableGray_types2 th.left { text-align:left; padding-left:5px; }
.tableGray_types2 th.title1 { background-color:#eeeeee; color:#808080;}
.tableGray_types2 th.title2 { background-color:#f2f2f2; color:#808080;}
.tableGray_types2 th.title3 { background-color:#f7f7f7; color:#808080;}
.tableGray_types2 th.nobold {font-weight:100;}
.tableGray_types2 td {padding:4px; border:1px solid #666666; }



/*GrayTABLE*/
.tableGray_types1 {width:100%; text-align:center; border:1px solid #808080;  font:12px Dotum; border-collapse:collapse;}
.tableGray_types1 th {padding:4px 0 2px 0; BACKGROUND:url(/images/bgThDefault.gif) #fff repeat-x left bottom; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:11px; color:#666; letter-spacing:-1}
.tableGray_types1 th.left { text-align:left; padding-left:5px; }
.tableGray_types1 td {padding:4px 0 2px 0; border:1px solid #cccccc; color:#4C4C4C; }
.tableGray_types1 td.left { text-align:left; padding-left:5px;}
.tableGray_types1 td.right { text-align:right; padding-right:5px;}
.tableGray_types1 td.center { text-align:center; }
.tableGray_types1 td.num { padding-right:3px;  font-size:11px;}

.menuStyle {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(/images/menu/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menuStyle li {float:left;}
.menuStyle li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menuStyle li a b {float:left; display:block; padding:0 16px 0 8px;}
.menuStyle li.current a {color:#fff; background:url(/images/menu/button3.gif);}
.menuStyle li.current a b {background:url(/images/menu/button3.gif) no-repeat right top;}
.menuStyle li a:hover {color:#fff; background:#000 url(/images/menu/button2.gif);}
.menuStyle li a:hover b {background:url(/images/menu/button2.gif) no-repeat right top;}
.menuStyle li.current a:hover {color:#fff; background:#000 url(/images/menu/button3.gif); cursor:default;}
.menuStyle li.current a:hover b {background:url(/images/menu/button3.gif) no-repeat right top;}

.preload16 {background: url(/images/menu/pro16_2.gif);}
.preload16a {background: url(/images/menu/pro16_2a.gif);}

.pro16 {padding:0 0 0 1em; margin:0; list-style:none; height:43px; position:relative; background:transparent url(/images/menu/pro16_back.gif) repeat-x left top; font-size:11px;}
.pro16 li {float:left; height:43px;}
.pro16 li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(/images/menu/pro16_0a.gif) no-repeat;}
.pro16 li a b {float:left; display:block; padding:0 60px 0 0; background:url(/images/menu/pro16_0.gif) no-repeat right top;}
.pro16 li.current a {color:#000; background:url(/images/menu/pro16_2a.gif) no-repeat; cursor:pointer;}
.pro16 li.current a b {color:#000; background:url(/images/menu/pro16_2.gif) no-repeat right top;}
.pro16 li a:hover {color:#000; background: url(/images/menu/pro16_2a.gif) no-repeat;}
.pro16 li a:hover b {color:#000; background:url(/images/menu/pro16_2.gif) no-repeat right top;}
.pro16 li.current a:hover {color:#000; cursor:pointer;}