@charset "utf-8";

/* CSS Document by Lee jae ho.*/

/* common css */
body { font-family:"????", "???? ???"; padding-top:0;}
.clear { clear: both; }
.hide { display:none; }
.ellipsis{
	white-space:nowrap;
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;		/* Opera under 10.7 */
	overflow:hidden;			/* "overflow" value must be different from "visible" */ 
}
.textShadow_mainNavi {text-shadow: 2px 2px 1px #000;}
.alignLeft{ text-align:left;}
.alignRight { text-align:right;}
.fontNormal {font-size:.72em; color:#666;}

	/* about input */
	input.tel { width:30px;}
	input.title { width:99%;}
	input.email { width:80px;}
	input.pass { width:182px;}
	input.nomalWidth { width:110px;}
	input.middleWidth { width:150px;}
	input[type=checkbox] {
	    margin-bottom: 4px;
	    vertical-align: middle;
	}

/* layout */
#wrapTop {border-bottom:1px solid #CCC;background: url(/contest/contest_img/bg_intro.jpg) no-repeat center; height:180px;}


/* top */
#top { width:1000px; margin:0 auto; position: relative;  }
	#logo { display:inline; width:148px; float:left; margin-top:10px; }
	#sitemap { text-align:right; margin:10px 0 10px 0; font-size:.8em; color:#999; }
	#sitemap a{color:#999; text-decoration:none;}

	/* navigation */
	#navi { float:right; position:absolute; z-index:1000; right:0;}
	#navi li { display:block; float:left; width:140px;height:43px; text-align:center; background:url(/contest/contest_img/navi_bg.jpg) no-repeat bottom;}
	#navi li a { display:block;font-size:13px; font-weight:bold; width:140px; height:29px; padding-top:14px; color:#FFF; text-decoration:none; letter-spacing:-1px;}
	#navi li a {text-shadow: -1px -1px 0px #036;}
	#navi li a:hover { color:#fff798;}
	#navi ul ul { display:none}
	#navi ul ul ul{ display:none; margin-left:140px; margin-top:-37px;}
	#navi ul li:hover ul { display:block; }
	#navi ul li:hover ul ul{ display:none; }
	#navi ul li:hover li.threeDepth { background:url(/contest/contest_img/icon_pt.png) no-repeat 125px 9px #005596 ;}
	#navi ul li:hover li.threeDepth:hover ul { display:block;}
	#navi li li{ background:none;float:none; background-color:#005596; border-top:solid 1px #126cb0; height:26px; 
				 margin-top:0px; padding-top:6px; width:140px; margin-left:0;*margin-left:-16px /* IE7 */;}
	#navi li li{
		background: #005596; /* Old browsers */
		background: -moz-linear-gradient(top,  #005596 0%, #045da1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005596), color-stop(100%,#045da1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #005596 0%,#045da1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #005596 0%,#045da1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #005596 0%,#045da1 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #005596 0%,#045da1 100%); /* W3C */
		/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', endColorstr='#045da1',GradientType=0 ); IE6-9 */
	}
	#navi li ul a{display:block;height:30px;font-weight:normal;font-size:12px; padding-top:0; line-height:1.6;}
	#navi li:hover{ background-position:top; }

/* containerBox */
#containerBox {width:1000px; margin:0 auto;  display:block;} 

	/* left */ #left { width:159px; overflow:hidden; float:left; 
	margin-top:30px;} #left a{ display:block;text-decoration:none;color:#666; 
	width:100%;padding:12px 0 12px 5px; *padding-top:12px /* IE7 */;} #left 
	li:hover a, #left .selected a{color:#fff;} #left ul{ margin-top:15px;} #left 
	li{ font-size:.72em; color:#666; border-bottom:1px solid #CCC;} #left 
	li:hover, #left li.selected{ color:#FFF; background-color:#005596; 
	font-weight:bold;} #left li:hover, #left li.selected{ background: #005596; 
	/* Old browsers */ background: -moz-linear-gradient(top,  #005596 0%, 
	#045da1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, 
	left bottom, color-stop(0%,#005596), color-stop(100%,#045da1)); /* 
	Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #005596 
	0%,#045da1 100%); /* Chrome10+,Safari5.1+ */ background: 
	-o-linear-gradient(top,  #005596 0%,#045da1 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top,  #005596 0%,#045da1 100%); /* IE10+ */ 
	background: linear-gradient(to bottom,  #005596 0%,#045da1 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', 
	endColorstr='#045da1',GradientType=0 ); /* IE6-9 */ }

	/* contantsBox */ #contantsBox {  width:810px; float:right; border-left:1px 
	solid #ccc; min-height:500px; padding:30px 0 0 30px;} #subTitleBox 
	{border-bottom:1px solid #CCC; padding-bottom:10px; height:32px;} 
	#subTitleBox .subTitle { float:left;} /* slice menu */ #sliceMenu { 
	float:right;} #sliceMenu li{ float:left; font-size:.72em; color:#666; 
	margin-left:5px; height:30px; line-height:4;} #sliceMenu li img{ 
	padding-top:16px; *padding-top:0px;} #sliceMenu li span {font-size:10px; 
	color:#CCC; } /* sub text box */ #subTextBox { width:100%; height:13px; 
	text-align:center; font-size:12px; font-weight:bold; border:1px solid 
	#e1e8f4; background-color:#f3f8ff; padding:20px 0; color:#636363; 
	margin-top:20px;} #subTextBox h4 { font-size:11px; font-weight:normal; 
	letter-spacing:-1px;} #subTextBox h4 span{ font-weight:bold;} #subTextBox{ 
	-moz-border-radius: 8px; border-radius: 8px; }

		/* sub text box Small - ????? 20120914 */ #subTextBoxSmall { 
		width:100%; height:5px; text-align:left; font-size:12px; 
		font-weight:bold; border:1px solid #fff; background-color:#fff; 
		padding:10px 0; color:#f47b1e; margin-top:20px;} #subTextBoxSmall h4 { 
		font-size:12px; font-weight:normal; letter-spacing:-1px;} 
		#subTextBoxSmall h4 span{ font-weight:bold;} #subTextBoxSmall{ 
		-moz-border-radius: 8px; border-radius: 8px; }

		/* search Box */ #searchBox { float:right; *margin:-5px 0; 
		margin-top:20px; } #searchBox select{ margin-bottom:14px; color:#999;} 
		#searchBox input { margin-bottom:14px;}

		/* board list css */ #board table{border-top:1px solid #999; 
		width:100%;font-size:.72em; color:#666;} #board td{height:18px; 
		border-bottom:1px solid #CCC; padding:5px 10px; text-align:center; } 
		#board td{vertical-align:bottom /* 20120917 jsp???? ????? ???? ?????? 
		*/ ;} #board td.alignLeft{ text-align:left;} #board td a { 
		text-decoration:none; color:#666;} #board th{ height:0px; 
		background:#f4f4f4;border-bottom:1px solid #CCC;padding:10px 0;} /* 
		pager */ #pager{ margin:10px 0 30px 0; width:100%;} #pager table{ 
		width:100%} #pager td { text-align:center; ;font-size:.72em; 
		color:#666;} #pager td a { text-decoration:none; color:#666;} #pager 
		p.current { font-weight:bold;}

		/* board view css */ #viewBoard .widthTitle{width:10%; color:#898989;} 
		#viewBoard .widthDate{ width:10%; font-weight:normal;} #viewBoard table{ 
		width:100%;font-size:.72em; color:#4d4d4d; margin:15px 0 30px 0;} 
		#viewBoard th{ height:30px; background-color: #f4f4f4; 
		vertical-align:middle;border-bottom:1px solid #666; } #viewBoard 
		th.alignLeft span{ font-weight:normal; margin-right:10px;} #viewBoard 
		th.alignLeft a{text-decoration:none;color:#666; } #viewBoard .boderTop { 
		border-top:1px solid #959595;border-bottom:1px solid #e1e1e1;} 
		#viewBoard .boderBottom { border-bottom:1px solid #959595;} #viewBoard 
		td.textarea { min-height:400px; height:400px;border-bottom:1px solid 
		#666; padding:10px; line-height:22px;} #viewBoard .btn{ margin:10px 0;}

		/* write Field css */ #writeField{margin:20px 0;} #writeField #notice { 
		text-align:right;font-size:.72em; color:#4d4d4d; margin-bottom:10px;} 
		#writeField #btnBox { width:100%; text-align:center; margin:15px 0 0 0;} 
		#writeField .btnBox { width:100%; text-align:center; margin:15px 0 0 0;} 
		#writeField .customMargin { margin-bottom:70px;} #writeField 
		span.colorRed { color:#c7118a;} #writeField span.notice { color:#999; 
		font-size:11px; margin-left:10px;} #writeField table { width:100%; 
		border-top:1px solid #999;border-bottom:1px solid #999;font-size:.72em; 
		color:#4d4d4d; margin-bottom:20px;} #writeField table th { 
		background-color: #f4f4f4;width:20%; text-align:left; padding:3px 0 3px 
		12px; border-bottom:1px solid #e1e1e1;vertical-align: middle; 
		height:25px; color:#898989;} #writeField table td {border-bottom:1px 
		solid #e1e1e1; vertical-align: middle; height:25px;padding:3px 0 3px 
		12px; } #writeField table span.radioTd {vertical-align: -2px;} 
		#writeField textarea { height:90px; width:97%; padding:10px; 
		line-height:18px;} #writeField .last th,#writeField .last td { 
		border-bottom:none;} #writeField #tableTitle { margin:10px 
		0;font-size:.72em; color:#4d4d4d; 
		background:url(/contest/contest_img/icon_blt.gif) no-repeat 0px 1px 
		;font-weight: bold; padding-left:14px;} #writeField .tableTitle { 
		margin:10px 0;font-size:.72em; color:#4d4d4d; 
		background:url(/contest/contest_img/icon_blt.gif) no-repeat 0px 3px 
		;font-weight: bold; padding-left:14px; line-height:17px;} #writeField 
		.teamBox{ position:relative; margin-bottom:20px;} #writeField .teamBox 
		.layer{ position:absolute; right:0; top:0;} #reg_fileUpload 
		.customHeight { line-height:18px; height:30px;} #reg_password 
		tr:first-child span.caution { display:inline-block; margin-top:5px;} 
		#writeField textarea.textarea{ font-size:12px; color:#666; border:0; 
		border:1px solid #ccc;} #writeField #btnBox input.checkBox{ 
		vertical-align:-2px; *vertical-align:-4px;} /* ???? ?? ??¬Û?? ???? 
		??? css */ #writeField #leftBox, #writeField #rightBox{width: 
		780px;border:1px solid #CCC; padding:25px 15px 15px 15px; height:140px; 
		font-size:.72em; color:#4d4d4d; margin-bottom:40px;} #writeField 
		#leftBox h5, #writeField #rightBox h5{ font-size:13px; color:#333; 
		margin-bottom:20px;} #writeField #leftBox span.caution, #writeField 
		#rightBox span.caution {color:#f47b1e;} #writeField #leftBox p, 
		#writeField #rightBox p{ margin-bottom:20px;} #writeField #leftBox 
		p.notice, #writeField #rightBox p.notice{ text-indent:-15px; 
		margin-left:15px; line-height:17px; letter-spacing:-1px;}

			#writeField #leftBox {float: left;}
				#writeField #leftBox .radioBtn label,#writeField #leftBox .radioBtn span { vertical-align:-3px;}
			    #writeField #leftBox .inputBox{  width:300px;margin: 0 auto;margin-bottom:20px;}
				#writeField #leftBox .inputBox span{width:100px; display:inline-block;margin-bottom:10px;}
				#writeField #leftBox .inputBox input.name {width:178px;}
				#writeField #leftBox .inputBox input.idNo {width:80px;}

			#writeField #rightBox {float: right;}
			/*#writeField #rightBox .btnBox{ margin-top:60px;}*/
			#writeField #rightBox .notice span { font-weight:bold;}
			
		
			
		/* 
		written View css - ????? 20120913 
		fix error(*) - lee jae ho 20120917
		*/
		#writtenView{margin-top:15px;}
		#writtenView #notice { text-align:right;font-size:.72em; color:#4d4d4d; margin-bottom:10px;}
		#writtenView #notice span { color:#990000;}
		#writtenView table { width:100%; border-top:1px solid #999;border-bottom:1px solid #999;font-size:.72em; color:#4d4d4d; margin-bottom:20px;}
		#writtenView table .thTitle { background-color: #f4f4f4; text-align:center; padding:3px 0 3px 12px; border-bottom:1px solid #e1e1e1;vertical-align: middle; height:25px; color:#898989;}
		#writtenView table th { background-color: #f4f4f4;width:20%; text-align:left; padding:3px 0 3px 12px; border-bottom:1px solid #e1e1e1;vertical-align: middle; height:25px; color:#898989;}
		#writtenView table th.th15 { width:15%; }
		#writtenView table td { border-bottom:1px solid #e1e1e1; vertical-align: middle; height:25px;padding:3px 0 3px 12px; line-height:20px;}
		#writtenView table td.td16 { width:16%;}
		#writtenView table label {vertical-align: -3px;}
			#writtenView table label {*vertical-align: 0px; } /* IE7 Hack */
			#writtenView table label {vertical-align: -2px\0/;} /* IE8,9 Hack */
		#writtenView .image { margin:0px 0 20px 0; vertical-align: middle; text-align:left; }
		#writtenView .writtenbtn { margin:10px 0 20px 0; vertical-align: middle; text-align:center }
		#writtenView .writtenmidText { margin:10px 0 20px 0; vertical-align: middle; text-align:center }
		#writtenView .writtenLogic th {width:15% !important;}
		#writtenView .writtenLogic td {width:16% !important;}
		#writtenView .writtenLogic .thTitle {width:100%;}


		/* contants */
		#contants {}
		#contants .notice {font-size:.71em;color:#f47b1e; text-align:right; margin-top:15px;}
		#contants div.textBox_vertical { margin-bottom:30px;}
		#contants div.textBox_vertical h5{font-size:.71em; color:#005596;background:url(/contest/contest_img/icon_blt.gif) no-repeat 0px 1px ;font-weight: bold; padding-left:14px; margin-bottom:12px;}
		#contants div.textBox_vertical li{font-size:.71em;background: url(/contest/contest_img/bul_list.gif) no-repeat 14px 6px ;padding-left:24px; margin-bottom:10px; line-height:20px;}
		#contants div.textBox_vertical li.noBul { background:none; text-align:center; margin:10px 0;}
		#contants div.textBox_horizon {}
		
		/*Contants css - ?????? 20120919 */
		#contants .img{float:left; width:130px; height:517px; margin-top:40px; padding-left:7px;}
		#contants .paragraph{float:left; font-size:12px;color:#707070; margin-left:30px; width:634px; height:517px; margin-top:40px; line-height:19px;}
		#contants .paragraph p{margin-bottom:25px;}
		#contants .paragraph p.bold{font-weight:bold; text-align:right;}
		#contants .paragraph p.bold span{color:#252525;}


			
/* footer */
#footBox { width:100%; border-top:solid 1px #CCC; position:relative; height:70px;}
#footBox img { float:left;}
	#footer { margin:0 auto; width:1000px; margin-top:15px; }
	#addressBox { float:left;}
	#addressBox p { font-size:.7em; color:#999; margin-left:15px; line-height:2;}
	#addressBox p.copyright { color:#CCC; margin-top:0px;line-height:.6;}