@charset "utf-8";

/* CSS Document by Lee jae ho.
	image root : /contest/contest_img/
*/

/* common css */
body { font-family:"????", "???? ???"; padding-top:0;}
a { text-decoration:none;}
.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" */ 
}
.btnBox { width:100%; text-align:center; margin:15px 0 0 0;}
.textShadow_mainNavi {text-shadow: 2px 2px 1px #000;}
.alignLeft{ text-align:left;}
.alignRight { text-align:right;}
.fontNormal {font-size:.72em; color:#666;}
.inputVertical{ vertical-align:2px; *vertical-align:3px;}
.noBoderBottom { border-bottom:none !important;}

	/* 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;}
	#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.customHeight { height:30px;}
		#subTextBox.customHeight h4{line-height: 16px;}
		#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;}
		#pager td span {font-weight:bold; color:#CC9900;}
		
		/* 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:30px;}
		#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 .textareaBox { overflow-x:hidden; overflow-y:scroll; height:80px;font-size:12px; color:#666; border:0;border:1px solid #ccc; padding:18px; line-height:17px;}
		#writeField #btnBox input.checkBox{ vertical-align:-2px; *vertical-align:-4px;}
			/* ???? ?? ??¬Û?? ???? ??? css */
			#writeField #leftBox, #writeField #rightBox{width: 365px;border:1px solid #CCC; padding:25px 15px 15px 15px; height:240px; font-size:.72em; color:#4d4d4d; margin-bottom:40px;position:relative;} 
			#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 .btnBox, #writeField #rightBox .btnBox{position:absolute; top:119px; left:0;}

			#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{ }
			#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 .btnBox { width:100%; text-align:center; margin:15px 0 0 0;}
		#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%;}

		/* downloadBox(??????? ???¥å?) - ????? 20120919 */
		#downloadBox{ height:370px; margin:25px 0; background-color:#f4f4f4; }
			#downloadBox .headText{ font-size:16px; font-weight:bold; color:#4d4d4d; text-align:center; padding-top:30px; }
			#downloadBox #allDown{  text-align:center;}
			#downloadBox #contentsDown{ width:607px; margin:45px auto; }
			#downloadBox #contentsDown .contentsView{ float:left; height:39px; display:inline-block; margin:0 18px 20px 0; }
			#downloadBox #contentsDown .viewBtn{ margin:0 0 9px 10px;}

			/* outlineListBox(???????) css - ?????? 20120920 */
			#outlineListBox { margin:30px 0 0 0;}
			
			/* locationBox css(???o¡¾?) - ?????? 20120920*/
			#locaitonBox{margin:30px 0 0 0; width:801px}
			#locaitonBox iframe { margin-bottom:20px;}
			#locaitonBox .print { text-align:right; margin:0 0 9px 0;}

		/* 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_horizon { margin-bottom:10px;}
		#contants div.textBox_vertical.customMargin{ margin-bottom:5px;}
		#contants div.textBox_vertical h5, #contants div.textBox_horizon h5{font-size:.72em; 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, #contants div.textBox_horizon li{font-size:.72em;background: url(/contest/contest_img/bul_list.gif) no-repeat 14px 6px ;padding-left:24px; margin-bottom:10px; line-height:19px;}
		#contants div.textBox_vertical li.noBul { background:none; text-align:center; margin:10px 0;}
		#contants div.textBox_horizon h5{ display:inline-block;float: left;margin-right: 30px; width:130px;}
		#contants div.textBox_horizon ul{float: left;}
		#contants div.textBox_horizon li.noBul { background:none;}
		#contants div.textBox_horizon span{ font-weight:bold; margin-left:20px;}
		#contants div.textBox_horizon span:first-child{ margin-left:0px;}
			#contants div.textBox_horizon span.olvGreenColor, #contants div.textBox_horizon span.greenColor, #contants div.textBox_horizon span.redColor{color:#fff; padding:2px 3px; margin:0 5px 0 20px;}
			#contants div.textBox_horizon span.olvGreenColor{ background-color:#4f9b3d; margin-left:0;}
			#contants div.textBox_horizon span.greenColor{ background-color:#009e53;}
			#contants div.textBox_horizon span.redColor{ background-color:#df121a;}
			#contants div.textBox_horizon span.notice{ color:#999; font-size:1em; font-weight:normal;}
			
			/* outlineListBox */
			#outlineListBox { margin:20px 0 0 0;}
			#outlineListBox .imgBox { margin:40px 0; text-align:center;}
			
			/* sitemap */
			#sitemapPage{margin:20px 0 30px 0;}
			#sitemapPage div.textBox_sitemap{width: 295px;display: inline-block;vertical-align: top;}
			#sitemapPage div.textBox_sitemap.last{ width:120px;}
			#sitemapPage div.dotBg{ background:url(/contest/contest_img/dot_h.gif) repeat-x 50% 38%; height:60px;}
			#sitemapPage div.textBox_sitemap h5{font-size:.92em; color:#005596;background:url(/contest/contest_img/icon_blt.gif) no-repeat 0px 1px ;font-weight: bold; padding-left:14px; margin-bottom:12px;}
			#sitemapPage div.textBox_sitemap h5 a{color:#005596;}
			#sitemapPage div.textBox_sitemap li {font-size:.72em;margin-bottom:10px; line-height:19px;padding-left:15px; font-weight:bold;}
			#sitemapPage div.textBox_sitemap li a{ color:#666;}
			#sitemapPage div.textBox_sitemap li a:hover{ text-decoration:underline;}
			#sitemapPage div.textBox_sitemap li li{font-size:11px;background: url(/contest/contest_img/bul_list.gif) no-repeat 14px 6px ;padding-left:24px;  line-height:14px;font-weight: normal;}
			#sitemapPage div.textBox_sitemap ul ul {margin-top:12px;}
			
			
			

		/*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;}