@charset "euc-kr";
@import url('board.css');

/*	
	Finename : common.css
	Version : 1.1.0(2010-03-07) YYYY-MM-DD
	Website : http://www.u-uniedu.com
	Author : LUJ
	Description: Layout styles, Common styles

	Strcuter 
	Page width : 1000px
	    
	Sections
	Reset : Master Reset
	Wrap : Main Wrapper
	Header : Header Styles
	Body : Body Styles
	Footer : Footer, Copyright, Address
*/

/* Reset */
html, body { height:100%;} /* for height */
body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, font, img, strike, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,select,textarea{margin:0;padding:0;}
body{ color:#333; font-size:0.75em; font-family:Helvetica, Apple-Gothic,Georgia, dotum,"µ¸¿ò",gulim,"±¼¸²",sans-serif; font-weight:normal; line-height:120%; } /* Body_font  */
input,select, textarea{ color:#333; font-size:1em; font-family:Helvetica, Apple-Gothic,Georgia, dotum,"µ¸¿ò",gulim,"±¼¸²",sans-serif; font-weight:normal; line-height:120%; vertical-align:middle;} /* form_font  */
hr{display:none;}
img, fieldset{border:0 none;}
img, input, select, textarea{ vertical-align:middle;}
input[type="checkbox"]{margin-top:-3px;}
ul,ol, li{ list-style:none outside;}
a, a:link,a:hover,a:active{text-decoration:none;color:#333; }
table {	border-collapse:collapse; border-spacing: 0;}
em {color:#f88300; font-style:normal; font-weight:bold;}

/* Body Background */
body#bg {background:url(../skin/01/common/bg.gif)  repeat-x top left;} 

/* Wrap */
#wrap { width:1000px; margin:0 auto; overflow:hidden;}
#wrap:after { content:""; clear:both; display:block; }
#wrap {*zoom:1;}

/* Header */
#header {width:100%; height:90px;}
	#header h1 {display: inline; float:left; padding-top:30px}
	#header ul {float:right; padding-top:10px;}
	#header li {display:inline; margin-right:5px; font-family:'µ¸¿ò',dotum}
	#header #gnb {float:right; width:80%;}

/* Body / body:100% =left:20% + ¿©¹é:1% + content:79% */
#body {width:100%;overflow:hidden;}

/* left */
#left{float:left; width:20%; min-height:580px;}
	/* left_main */
	#left #login{width:200px; height:180px;margin-bottom:3px; background:url(../skin/01/main/bg_login.gif);}
	#left #login ul {padding-top:10px; padding-left:20px; }
	#left #login li {height:27px; }
	#left #login .title{padding-top:15px; padding-left:20px;}
	#left #login .id{padding:3px; padding-left:55px; background:#efefef url(../skin/01/main/txt_id.gif) no-repeat 2px 4px; border:1px #dedede solid; }
	#left #login .pw{padding:3px; padding-left:55px; background:#efefef url(../skin/01/main/txt_pw.gif) no-repeat 2px 4px; border:1px #dedede solid; }
	#left #login .btnLogin{margin-left:5px;}
	#left #login .ico{ padding-top:15px;padding-left:20px;}
	
	#left #welcome{width:200px; height:160px; margin-bottom:5px; background:url(../skin/01/main/bg_welcome.gif);}
	#left #welcome ul{padding:43px 20px 0 20px;}
	#left #welcome li.name{padding-bottom:3px;}
	#left #welcome li.second{height:24px; border-bottom:1px #ccc dashed;}
	#left #welcome li.etcFirst{padding-top:10px; padding-left:20px; background:url(../skin/01/common/blt2.gif) 5px 13px no-repeat;}
	#left #welcome li.etc{padding-top:4px; padding-left:20px; background:url(../skin/01/common/blt2.gif) 5px 7px no-repeat;}
	
	#left #myPage{width:200px; height:90px; margin-bottom:5px; background:url(../skin/01/main/bg_my.gif);}
	#left #myPage ul{padding:30px 20px 0 20px;}
	#left #myPage li{ padding:0 0 2px 16px;  background:url(../skin/01/common/blt4.gif) 0 2px no-repeat;}
	
	/* left_sub */
	#left h2.title{width:170px; margin:0 auto; }
	#left .lnb{width:170px; margin:0 auto;}
	.leftBan{margin-bottom:3px;}

/* content */
#content{float:right; width:79%;} 
	/* main */
	#content .section1 { width:90%; margin:0 auto; overflow:hidden;}
	.section1 #notice{ float:left; width:330px;}
		.section1 #notice .nTitle{height:22px;}
		.section1 #notice td{height:19px; padding-top:2px; border-bottom:#dcdcdc 1px solid;}
		.section1 #notice td.ttl{background:url(../skin/01/common/blt1.gif) left center no-repeat; padding-left:10px;}
		.section1 #notice td.date{ text-align:center; color:#666; font-size:0.9em;}
	.section1 #calendar{ float:right; width:330px; height:130px; background:#f6f6f6; border:1px #dedede solid;}
		.section1 #calendar .month{float:left; width:130px; margin-top:10px; text-align:center;}
		.section1 #calendar .month .year{color:#999; padding:5px;}
		.section1 #calendar .month .current{font-size:1.8em;font-weight:bold; padding:3px; vertical-align:middle;}
		.section1 #calendar .check{padding-top:12px; padding-bottom:5px;}
		.section1 #calendar .dayTable{float:left; width:186px; margin-top:10px; padding:2px; background:#fff; border:1px #dedede solid; text-align:center;}
		.section1 #calendar .dayTable th{height:19px; font-size:0.9em; font-weight:normal;}
		.section1 #calendar .dayTable td{height:17px; font-size:0.9em; font-weight:normal;}
		.section1 #calendar .dayTable th{color:#1e99ab;}
		.section1 #calendar .dayTable .attend{background:url(../skin/01/main/bg_circle.gif) center no-repeat;}
		.section1 #calendar .dayTable .holi{color:#ff4900;}
	
	#content .section2 {width:723px; margin:0 auto; overflow:hidden;}
	.section2 .ban1{display:inline; float:left; width:340px; height:130px; margin-top:20px; background:url(../skin/01/main/bg_new.gif) left no-repeat;}
	.section2 .ban1 image{margin-left:25px; margin-top:25px;}
	.section2 .ban2{display:inline; float:left; width:340px; height:130px; margin-top:20px; margin-left:43px; background:url(../skin/01/main/bg_hot.gif) left no-repeat;}
	.section2 .ban2 image{margin-left:25px; margin-top:25px;}
	
	/* sub */
	#content #subTitle{ width:90%; height:33px; margin:0 auto; border-bottom:#dcdcdc 1px solid; overflow:hidden;}
		#subTitle  h3.title{display:inline; float:left; width:400px;}
		#subTitle .lct{float:right; margin-top:8px; color:#999; font-size:0.9em;}
		#subTitle .lct li{display:inline; margin-right:3px;}
		#subTitle .lct img{ margin-top:-3px; margin-right:4px;}
	#content #institution{ width:90%; height:33px; margin:0 auto; overflow:hidden;}
		#institution .lct{float:right; margin-top:8px; color:#999; font-size:0.9em;}
		#institution .lct li{display:inline; margin-right:3px;}
	#content #realCnt{ width:88%; margin:0 auto; padding-top:14px; background:ccc; }
	
		/* company */
		#realCnt #biz{width:100%; padding-top:120px; background:url(../skin/01/company/img_biz.jpg) left top no-repeat;}
		#realCnt #biz h4{margin-top:10px; padding-left:16px; background:url(../skin/01/common/blt4.gif) 0 1px no-repeat; font-size:1em; }
		#realCnt #biz dl{margin:10px 5px 10px 5px;}
		#realCnt #biz dt{float:left;padding:3px;}
		#realCnt #biz dd{padding:3px; line-height:1.4em;}
		#realCnt #biz ol{margin-left:80px;}
		#realCnt #biz ol li{list-style:decimal;}
		#realCnt #biz ol li.subject{padding-top:8px;}
		#realCnt #biz ol li.subject em{color:#149cac; }
		#realCnt #biz ol ol{margin-left:15px; color:#666666;}
		
		/* method */
		#realCnt #method{width:100%;}
		#realCnt #method ol  li{height:100px; padding:20px 10px 0 120px;} 
		#realCnt #method ol  li.s01{background:url(../skin/01/guide/s1.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s02{height:130px; padding:20px 10px 0 120px; background:url(../skin/01/guide/s2.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s03{background:url(../skin/01/guide/s3.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s04{background:url(../skin/01/guide/s4.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s05{background:url(../skin/01/guide/s5.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s06{background:url(../skin/01/guide/s6.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s07{background:url(../skin/01/guide/s7.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s08{background:url(../skin/01/guide/s8.gif) 0 0 no-repeat;} 
		#realCnt #method ol  li.s09{background:url(../skin/01/guide/s9.gif) 0 0 no-repeat;}
		#realCnt #method ol li a {color:#ff6600;}
		#realCnt #method ol li a:hover {text-decoration:underline;}
		
		/* guide_standard */
		#realCnt #standard dt{padding-bottom:4px;}
		#realCnt #standard dd{padding:2px 0 25px 15px;}
		#realCnt #standard dd li{padding:2px 0 5px 20px; background:url(../skin/01/common/blt3.gif) 5px 3px no-repeat;}
		#realCnt #standard table{ width:70%;}
		#realCnt #standard th{ height:2em; background:#DBECF2; border-top:#50A5C0 2px solid; color:#183E52}
		#realCnt #standard td{height:2em; border-bottom:#ccc 1px solid; text-align:center;}
		 
		/* attention */
		#realCnt #att{width:100%; min-height:400px; background:url(../skin/01/guide/bg_attention.jpg) left bottom no-repeat;}
		*html #realCnt #att{width:100%; height:430px; background:url(../skin/01/guide/bg_attention.jpg) left bottom no-repeat;}
		#realCnt #att ul{margin:10px 5px 10px 250px;}
		#realCnt #att ul li{margin-bottom:10px; padding:3px; line-height:1.4em;}
		#realCnt #att ol{margin-left:30px;}
		#realCnt #att ol li{list-style:decimal;}
		#realCnt #att ol li.subject{padding-top:5px;}
		#realCnt #att ol ol{margin-left:15px; color:#666666;}
		
		/* class room */
		.mlText{ width:100%; height:24px; padding-top:3px; border-bottom:2px #3071ab solid;}
		#realCnt .study{width:100%; background:url(../skin/01/room/bg_left.gif) left repeat-y; border:#dcdcdc 1px solid; overflow:hidden; }
		#realCnt .studyLeft{float:left; width:20%;}
			.studyLeft ul{margin:20px 0  10px 6px;}
			.studyLeft li{height:20px; padding-top:8px; padding-left:23px; background:url(../skin/01/common/bg_none.gif)  no-repeat 0 0;}
			.studyLeft li.on{height:20px; padding-top:8px; background:url(../skin/01/common/bg_select.gif)  no-repeat 0 0; color:#FF6600; font-weight:bold;}
			.studyLeft li a:hover{color:#FF6600;}
			.studyLeft li a{display:block;  color:#666; }
		#realCnt .studyRight{float:left; width:79%; min-height:400px; overflow:hidden;}
			.studySpace {padding:20px;}
			.studySpace h4.studyTitle{ width:100%; margin-bottom:10px; padding:3px 0; background:url(../skin/01/common/a_right.gif) no-repeat left 2px; font-weight:bold; border-bottom:1px #ccc dashed; font-size:1em;}
				.studyTitle span{padding-left:20px;}
			.studySpace #testGuide dl{width:100%; margin-bottom:15px;}
			.studySpace #testGuide dt{padding-left:20px; padding-bottom:5px; margin-top:16px; background:url(../board/common/blt1.gif) 5px 1px no-repeat; font-weight:bold; color:#3071ab;border-bottom:#ccc 1px solid;}
			.studySpace #testGuide dd{padding:3px 0 3px 20px;background:url(../skin/01/common/blt1.gif) 10px 8px no-repeat; border-bottom:#ccc 1px dotted;}
			.studySpace #testGuide ul{width:100%; margin-bottom:15px;}
			.studySpace #testGuide li.first{padding-left:20px; padding-bottom:5px; margin-top:16px; background:url(../board/common/blt1.gif) 5px 4px no-repeat; font-weight:bold; color:#3071ab;border-bottom:#ccc 1px solid;}
			.studySpace #testGuide li{padding:3px 0 3px 20px;background:url(../skin/01/common/blt1.gif) 10px 8px no-repeat; border-bottom:#ccc 1px dotted;}
			
			.studySpace #testGuide .retest ul{width:100%; margin-bottom:15px;}
			.studySpace #testGuide .retest li.first{padding-left:20px; padding-bottom:5px; margin-top:16px; background:url(../board/common/blt1.gif) 5px 4px no-repeat; font-weight:bold; color:#3071ab;border-bottom:#ccc 1px solid;}
			.studySpace #testGuide .retest li{padding:3px 0 3px 20px; border-bottom:#ccc 1px dotted; background:#fff;}
			.studySpace #testGuide .retest li input{margin-left:5px; background:#efefef;  border:#ccc 1px solid;}
			.studySpace #testGuide .retest li textarea{margin-left:5px; background:#efefef;  border:#ccc 1px solid; overflow:hidden; padding:4px;}

		
		/* smap */
		#realCnt #smap{margin:15px 0 0 20px;}
		#realCnt #smap li{float:left; margin-right:20px; background:url(../skin/01/smap/dot.gif) repeat-y;}
		#realCnt #smap ul.second{clear:both;background:url(../skin/01/smap/dot.gif) repeat-y;}
		#realCnt #smap li li.title{clear:both; width:120px; margin-bottom:5px; padding:2px 0 2px 0 ; background:#1e9aab;}
		#realCnt #smap li li{clear:both;width:100px;  margin-right:6px; padding:5px 0 3px 15px ; background:url(../skin/01/smap/blt.gif) 0 0 no-repeat;}
		#realCnt #smap li li.last{clear:both; padding:5px 0 20px 15px ; background:url(../skin/01/smap/blt_last.gif) 0 0 no-repeat;}
		#realCnt #smap a:hover{color:#1e9aab;}

		/* memo */
		#memoForm{ width:400px; height:380px; }
		#memoForm.write{background:url(../skin/01/room/bg_write.gif) no-repeat;}
		#memoForm.send{background:url(../skin/01/room/bg_send.gif) no-repeat;}
		#memoForm.rcv{background:url(../skin/01/room/bg_rcv.gif) no-repeat;}
		#memoForm.find{background:url(../skin/01/room/bg_find_id.gif) no-repeat;}

		#memoForm #close { width:400px; height:70px; text-align:right;  }
		#memoForm #close img{ width:30px; height:30px; }
		#memoForm .ipTxt{width:100px; background:#fff; border:1px #ccc solid;}
		#memoForm #dear{width:330px; margin-left:30px; padding:5px; border-top:1px #ccc dashed;}
		#memoForm #dear .ipTxt{height:16px;}
		#memoForm #dear .ipRadio {border:none; height:13px;}
		#memoForm #dear ul {}
		#memoForm #dear li {padding-top:5px; /* background:url(../skin/01/common/blt1.gif) no-repeat 0 0; padding-left:10px; */}
		#memoForm #content{float:left;width:330px;padding-left:30px;}
		#memoForm #content textarea{width:100%; padding:6px; background:#efefef; border:1px #ccc solid; overflow:auto;}
		#memoForm #find {width:330px; margin-left:30px; padding:10px 5px 5px; border-top:1px #ccc dashed; text-align:center; line-height:150%;}
		#memoForm #find p {margin:5px auto;}
		#memoForm #find .ipTxt{width:150px; height:20px;}
		#memoForm #content #bbs1 {height:185px; overflow-y:auto;}
		#memoForm p.btn{width:340px; text-align:center; padding:5px;}

		/* join */
		h4.join{height:16px; padding-top:6px; padding-left:15px; background:url(../board/common/blt1.gif) no-repeat 0 7px; font-size:1em;}
		#policy{ width:100%; height:160px; overflow-y:auto; margin-top:6px; margin-bottom:10px; background:#efefef; border:#ccc 1px solid;}
		
		/* added by KSA (2010-06-22) */
		#policy h2 {font-size:12px; font-weight:bold; margin-top:10px; color:#205abd; padding:0 6px 3px 8px}
		#policy h3 {font-size:12px; margin-top:5px; font-weight:normal; padding:0 6px 3px 8px}
		#policy p, #agreement ol, #agreement ul {margin:0; padding-left:15px}
		#policy ol {margin-left:25px;}
		#policy ol ul {list-style:none; padding-left:0px;}
		
		#policy_2{width:100%; height:140px; overflow-y:auto; margin-top:6px; margin-bottom:10px; background:#efefef; border:#ccc 1px solid;}
		#policy_2 h3 {font-size:12px; margin-top:5px; font-weight:normal; padding:0 6px 3px 8px}
		#policy_2 p {margin:0; padding-left:15px}
		/* //added by KSA (2010-06-22) */

		#policy .roll{height:110px;padding:20px; overflow:auto; line-height:1.5em;}
		.txtAgree{margin:10px; text-align:center;}
		#joinComplete {width:60%; margin:0 auto;}
		#joinComplete input{margin-left:4px;}
		#joinComplete dl{height:100% ;margin-bottom:10px; border-top:#000 2px solid; border-bottom:#000 2px solid; overflow:hidden ;}
		#joinComplete dt{clear:both; float:left; width:7em; height:2em; padding-top:7px; padding-left:10px; background:#efefef;  border:0; }
		#joinComplete dd{height:2em; padding-top:7px; padding-left:10px;  }
		#joinComplete .search{width:100%; margin:0 auto; margin-bottom:10px; padding:15px; background:#efefef; border:#ccc 1px solid; text-align:center;}
		#joinComplete .search img{margin-left:10px;}
		
		#loginBox {width:400px; height:200px; margin:0 auto; padding-top:30px; background:url(../skin/01/member/login_bg.gif) no-repeat;}
		#loginBox table{margin-left:30px;}
    	#loginBox td.id{padding-left:70px; background:url(../skin/01/member/login_id.gif) left center no-repeat;}
    	#loginBox td.pwd{padding-left:70px; background:url(../skin/01/member/login_pwd.gif) left center no-repeat;}
		#loginBox td img{margin-left:5px;}
		#loginBox dl{margin-left:20px;}
		#loginBox dt.line {clear:both; float:left;height:2.2em; margin-top:20px; padding-top:10px;  }
		#loginBox dd.line {display:inline; float:left; height:2.2em;  margin-top:20px; padding-top:4px; padding-left:10px; }
		#loginBox dt.etc {clear:both; float:left;height:2.2em; padding-top:10px; }
		#loginBox dd.etc {display:inline; float:left; height:2.2em; padding-top:4px; padding-left:10px; }
		

		
/* copy_pop */
#copy {width:520px;background:url(../skin/01/guide/bg_copy0.gif) 0 0 repeat; }
#copy .topCopy{ background:url(../skin/01/guide/bg_copy1.gif) 0 0 no-repeat;}
#copy .close{ width:100%; float:right; text-align:right;}
#copy .btmCopy{width:100%; background:url(../skin/01/guide/bg_copy2.gif) left bottom no-repeat; padding-bottom:30px;}
#copy .btmCopy dl{margin:0 20px 0 30px;}
#copy .btmCopy dl dt{ height:20px; padding-top:10px; padding-left:20px; background:url(../skin/01/common/blt2.gif) 10px 12px no-repeat; }
#copy .btmCopy dl dd{padding-left:10px; }
#copy .btmCopy ol{padding-left:30px;}
#copy .btmCopy ol li{list-style:decimal; padding-bottom:6px;}
#copy .btmCopy ol.step{padding-left:10px;}
#copy .btmCopy .step li{height:16px; list-style:none;padding-left:0;}

/* Footer */
#footer {width:96%; margin:0 auto; margin-top:20px; padding:10px; border-top:1px #ccc solid;}
	#footer .info{ width:1080px; margin:0 auto;}
	#footer .address{ float:left;display:inline; width:530px;}
	#footer ul{ float:right; width:300px; text-align:left;}
	#footer li{ display:inline; padding:10px; background:url(../skin/01/common/bar1.gif) right center no-repeat;}
	#footer li.last{ display:inline; padding:10px; background:#fff;}

/* Etc Class */	
.txCenter {text-align:center;}
.fRed{color:#FF3300;}
.imgOnly img{margin-top:20px;}
.leftBan{margin-bottom:3px;}

/* added by LUJ */
*html .cateLg h4.subject{padding-top:7px; padding-left:30px; font-size:12px}

/* added by LUJ 2011-01-19 */
div.bizHistory{padding:10px 0 10px 100px; overflow:hidden; border-top:1px dashed #ccc}
div.bizHistory dl{width:100%}
div.bizHistory dt{float:left; display:inline-block; width:10%; color:#2b9c9b; font-weight:bold; vertical-align:top; padding:5px 3px}
div.bizHistory dd{float:left; display:inline-block; width:80%;  vertical-align:top; padding:5px 3px}
div.bizHistory dt.cLeft{clear:left}

/* addded by LUJ 2011-7-25 */
div.hstTab{float:left; width:100%; background:url(../skin/01/company/bg_hst.gif) 0 50% repeat-x}
p.yearTab{float:left; display:inline-block; margin-right:10px}
	p.yearTab img{vertical-align:top}
div.picHistory{float:left; padding:30px 0 20px 10px; border-bottom:2px solid #719f0e}