@charset "utf-8";

a:active, a:hover, a:focus {
	text-decoration: none !important;
}

input[type="text"] { padding-top:2px;  font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;
} 
input[type="password"] { height:15px;   padding-top:2px;  font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} 


/* Common Style */
html { width:100%; height:100%; margin:0 auto;  overflow-y:scroll; }
	*		{margin:0; padding:0;}
body { text-align:center; width:100%; height:100%; font:12px/18px "돋움", verdana, sans-serif; color:#878787; scrollbar-highlight-color: #dbdbdb; scrollbar-shadow-color: #dbdbdb; scrollbar-arrow-color: #dbdbdb; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; }
img { border:0; vertical-align:top; }
fieldset { border:none; margin:0px; display:inline; }
table { border-collapse:collapse; border-spacing:0px;  line-height:18px; }
p, form, input, select, textarea, ul, ol, li, dl, dt, dd, table, caption, tr, th, td { margin:0; padding:0; font:12px/18px "돋움", verdana, sans-serif; color:#4f504d;  line-height:18px; }
ul, ol, li { list-style:none; padding:0; border:0;  }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
legend, hr { display:none; }
a:link  { font:12px "돋움", verdana, sans-serif; color:#343434; text-decoration:none;  }
a:hover { font:12px "돋움", verdana, sans-serif; color:#ff6e3c; text-decoration:none;  font-weight:bold;}
a:focus { font:12px "돋움", verdana, sans-serif; color:#ff6e3c; text-decoration:none;  font-weight:bold;}


.clearfix {
	content:'';
	display:block;
	clear:both;
}


/*span.menu a:link, a:visited, a:active { font:12px/18px "돋움", verdana, sans-serif; color:#343434; text-decoration:none; font-size:11px; }
span.menu a:hover { font:12px/18px "돋움", verdana, sans-serif; color:#000000;  font-weight:bold; }
*/



*		{margin:0; padding:0;}
#container { position:absolute;   margin:0 auto; top:0px; left:0px;  } 
/*#wrap {  width:100%; height:100%;  top:0px;     } */
#wrap { width:100%;min-height:100%; top:0px; height:100%; _overflow-y:scroll; _overflow:auto; _height:100%;}
#layerBox { position:relative; top:0px;  height:117px;  width:973px;  margin:0 auto; }
#content  /*{ position:relative;  width:895px; height:100%;  vertical-align:top;  } /* position:absolute; top:50px; border:solid 1px #000000; */
{ position:relative;  width:973px; top:0;  height:100%;    min-height:100%; _height:100%; margin:0px auto; } 
/* #footer { position:relative; top:35px; width:970px; height:60px; margin:0 } */
#footer { width:973px; margin:0 auto; height:85px ;  } /*top:auto; 김민경 수정 08.26*/
#content_main { position:relative;  width:973px; top:0px;  height:100%;  min-height:100%; _height:100%;  margin:0px auto; } 
#clearfooter { height: 380px; }/*임채은 추가*/

/* 김민경 수정 08.27*/
#wrap02	{width:100%; height:100%; _overflow-y:scroll; _overflow:auto;}
#head	{position:relative; width:973px; height:88px; margin:0 auto; }
#head02	{position:relative; width:973px; height:29px; margin:0 auto; }
#contentbody	{min-height:100%; width:973px; _height:100%; margin:0px auto 5px;    }
#contentwrap	{z-index:0; display:inline;  width:973px;  }

#content_re {   top:0px; width:973px;   z-index:0; display:inline;   } 
#footer_re	{
	width:895px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	float:left;
	position:relative;
	padding:20px 0;
	margin-top:20px;
	/*background:rgba(0 0 0 / 0.05 );*/
	background:rgba(53 81 161 / 0.07);
}

#footer_re .logo {
	position:relative;
	top:0px;
	width:90px;
	margin-left:20px;
}

#footer_re .logo img {
	max-width:100%;
	-webkit-filter: opacity(.5) drop-shadow(0 0 0 rgba(0 0 0 / 1));
	filter: opacity(.5) drop-shadow(0 0 0 rgba(0 0 0 / 1));
} 

#footer_re .copy {
	position:relative;
	top:0;
	left:-100px;
	display:inline-block;
	text-align:left;
	font-family: 'NanumSquareNeo';
}

#footer_re .link a,
#footer_re .link a:hover {
	display:inline-block;
	padding-right:10px;
	color:rgba(0 0 0 / 0.5);
	font-size:12px;
	font-weight:600;
	font-family: 'NanumSquareNeo';
}

#footer_re p {
	position:relative;
	top:-2px;
	color:rgba(0 0 0 / 0.2);
	font-size:10px;
	font-weight:600;
}

#footer_re .family_wrap {
	text-transform:uppercase;
	width:140px;
	height:35px;
	background-color:#fff;
	margin-right:20px;
	padding:0 10px 0 15px;
	border:1px solid rgba(0 0 0 / 0.1);
	cursor:pointer;
}

#footer_re .family_wrap.active {
	border-color:#a6baf3;
}

#footer_re .family_wrap > a,
#footer_re .family_wrap > a:hover {
	height:100%;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:13px;
	font-weight:500;
	font-family: 'NanumSquareNeo';
	color:#363636;
}

#footer_re .family_wrap.active > a {
	color:#3551a1;
}

#footer_re .family_wrap span {
	font-size:17px;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#footer_re .family_wrap .drop {
	position:absolute;
	display:flex;
	flex-direction:column;
	bottom:55px;
	right:20px;
	width:165px;
	padding-top:10px;
	z-index:2000;
	background:#fff;
	border:1px solid #a6baf3;
	border-bottom:0;
}

#footer_re .family_wrap .drop a {
	text-align:left;
	font-size:13px;
	font-weight:500;
	font-family: 'NanumSquareNeo';
	padding:10px 0 10px 15px;
	color:#3551a1;
}

#footer_re .family_wrap .drop a:hover {
	background-color:#3551a1;
	color:#fff;
}

#footer_re .family_wrap.active span {
	color:#3551a1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#footer_re .family {
	float:right;
	margin-right:20px;
	display:inline-block;
	border-radius:5px;
}

#footer_re .family a {
	display:inline-block;
	margin:0 7px;
}




	#head #top { position:relative;  margin-top:10px; top:0px; left:0px;  float:left;  width: 895px; /*background-image:url('../images/bg_top.gif'); background-repeat:no-repeat; */}
	#top #home { width:210px; margin:0 auto 0; }
	#top #home img { max-width:100%; }
	#top #util   {  width:100%; position:relative; }
	#top #util ul { width:100%; position:relative;  top:0; right:0;  text-align:right; display:inline-block;}
	#top #util li { display:inline-block; margin-bottom:5px; border-right:1px solid rgba(0 0 0 / 0.3); padding:0 10px; }
	#top #util > ul > li:last-child { border-right:0 !important; padding-right:0 !important; }
	#top #util li a, #top #util li a:hover { color:#636363; font-weight:normal; }
	#ctl00_pnlLoginN, #ctl00_pnlLoginY { display:inline-block; }

	/*#top #util ul li dl dd span a:link, a:visited, a:active { color:#707070; text-decoration:none; }
	#top #util ul li dl dd span a:hover { color:#000000;  font-weight:bold;  text-decoration:underline;}*/

	.gnb_list {
		width:100%;
		display:flex;
		justify-content:space-between;
		flex-direction:row;
		position:relative;
		border-bottom:1px solid rgba(0 0 0 / 0.1);
		margin:30px 0 10px;
		padding-bottom:15px;
	}
	.gnb_list > div {
		position:relative;
	}
	
	.gnb_list > div > a {
		cursor:pointer;
		display:inline-block;
		position:relative;
		font-family: 'NanumSquareNeo';
		font-size:18px;
		font-weight:500;
		color:#232323;
	} 

	.gnb_list > div.active > a {
		font-weight:600;
		color:rgba(0 64 151 / 1 );
	}

	.two_depth {
		width:100px;
		position:absolute;
		display:flex;
		flex-direction:column;
		justify-content:center;
		top:25px;
		left:50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color:#fff;
		z-index:10;
		padding:20px 10px;
		border-radius:10px;
		border: solid 1px rgba(0 0 0 / 0.1);
		-webkit-box-shadow: 0px 3px 6px rgb(207 214 229 / 30%);
		box-shadow: 0px 3px 6px rgb(207 214 229 / 30%);
	}

	.two_depth a,
	.two_depth a:visited { 
		font-family: 'NanumSquareNeo';
		width:auto;
		display:inline-block;
		padding:7px 0;
		font-size:15px;
		font-weight:500;
		color:#3551a1;
		border-radius:50px;
	}

	.two_depth a:hover {
		color:#fff;
		background:#3551a1;
	}

	#top ul.search { width:100%; display:flex; justify-content:flex-end; position:relative; z-index:40; margin-top:10px;  }
	#top ul.search li   { float:left; display:inline-block;} 
	#top ul.search li.bg  { float:left; /*background-image:url('../images/bg_search.gif');*/ background-repeat:no-repeat;  }
	#top ul.search .input_txt {
		font-family: 'NanumSquareNeo';
		font-size:13px !important;
		font-weight:500;
		width:135px;
		height:32px;
		padding-left:15px;
		color:#000;
		border-radius:50px;
		border:2px solid #3551a1;
		outline: none;
		line-height:3rem !important;
	}

	#top ul.search input::placeholder {
		font-weight:400;
		color: rgba(0 0 0 / 0.7);
	}

	#top ul.search input:focus::-webkit-input-placeholder {color:transparent; }

	#top ul.search li:first-child {
		margin-right:7px;
		color:#fff;
		font-family: 'NanumSquareNeo';
		font-size:13px;
		font-weight:500;
		padding-top:6px;
	}
	#top ul.search li:last-child {
		display:flex;
		justify-content:center;
		align-items:center;
		width:36px;
		height:36px;
		background:#3551a1;
		border-radius:100%;
		margin-left:5px;
	}

	#top .search li:last-child img {
		max-width:55%;
	}

	#top ul.search li:last-child span {
		font-size:20px;
		color:rgba(0 64 151 / 1);
		
	}

	#login_info {
		float:right;
		margin-right:80px;
		padding:5px 0 15px;
	}
	
	#login_info .login_info_type {
		display:flex;
		flex-direction:row;
		justify-content:flex-end;
		align-items:center;
	}

	#login_info .login_info_type > div,
	#login_info .login_info_type > div a,
	#login_info .login_info_type > div a:hover {
		font-family: 'NanumSquareNeo';
		color:#121212;
		font-weight:500;
	}

	#login_info .login_info_type > div:nth-child(1) {
		margin-right:5px;
	}

	#login_info .login_info_type > div:nth-child(3) {
		margin-right: 5px;
	}

	#login_info .login_info_type > div:nth-child(2),
	#login_info .login_info_type > div:nth-child(3) a,
	#login_info .login_info_type > div:nth-child(4) {
		width: 60px;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 10px;
		border-radius: 5px;
		cursor: pointer;
	}

	#login_info .login_info_type > div:nth-child(2) {
		border:1px solid #3551a1;
		background:#3551a1;
		color:#fff;
		margin-right:5px;
	}

	#login_info .login_info_type > div:nth-child(3) a,
	#login_info .login_info_type > div:nth-child(4) {
		border: 1px solid #3551a1;
		color: #3551a1;
	}

	#head02 #login_info ul   {  height:29px;  position:relative;}
	#head02 #login_info li { float:left; padding: 0 0 0 4px; height:29px;  }
	#head02 #login_info li  span { font-size:10px  font-family:'돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#272727; }

#flash_main  { height:233px;}

#rolling {position:relative;   height:260px; display:inline;   }
	#rolling h2 { height:24px; 	width:892px; float:left;  background:url('../images/bg_tit_m_new.gif') left top repeat-x ;  text-align:left ; margin:25px 0 30px 0; }
	/*
	#rolling ul { width:895px; }
	#rolling li.pre { float:left; width:80px; padding-top:50px; }
	#rolling li.rol { float:left; width:775px; }
		#rolling li.rol ul.rol_con { float:left; width:775px; }
		#rolling li.rol ul.rol_con li { float:left; width:155px; }
	*/
		#rolling table.rolling { width:892px;  }
		#rolling table.rolling td.pre { width:80px; padding-top:50px; }
		#rolling table.rolling td.list {   text-align:center;  padding:0 20px 7px 20px; }
		#rolling table.rolling td.list td.list ul li { margin:0 } 

		#rolling div.left { float:left;   position:relative;  top:70px;  left:30px; width:80px; height:30px;  z-index:250; }
		#rolling div.middle {  float:left;   z-index:350; width:725px;  height:200px; padding-left:5px; }
		#rolling div.right { float:right; position:relative;  top:70px;  width:80px; height:30px; z-index:250; } 



			
	#rolling li.next  { float:left; width:38px; text-align:right;  padding-top:50px; }

#mon_book {position:relative; width:892px;  height:630px;   }
	#mon_book h3 { height:24px; width:896px; 	background:url('../images/bg_tit_bok.gif') left top repeat-x ;  text-align:left ;   margin:25px 0 30px 0;  }   
	#mon_book ul { width:785px; margin-left:107px; }
	#mon_book li { float:left; padding: 0 55px 40px 0;}

/* 추가 2010.05.13 */
#mon_book02 {position:relative; width:892px;  float:left;  } /* 2010-08-27  이달의 교재 높이값 메인풋터뜨면 맥시멈 높이지정 필요*/
	#mon_book02 h3 { height:24px; width:895px; float:left; 	background:url('../images/bg_tit_bok.gif') left top repeat-x ;  text-align:left ;   margin:25px 0 30px 0;  }   
	#mon_book02 table.book {  width:640px;  }
	#mon_book02 table.book td.list {   text-align:center;  padding:0 30px 7px 30px; }
	#mon_book02 table.book td.list ul li { margin:0 } 




/* Text  Style */
.gray { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#8e8e8e; }
.gray_s { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#8e8e8e;  font-weight:bold; } 
.red { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#eb5e54;  font-weight:bold; } 
.black { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#000000; } 
.gray2_s { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#5a5a5a; font-weight:bold;  }
.gray3 { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#6d6d6d; }
.o_line { font:11px '돋움' 'Lucida Grande', Arial, Helvetica, sans-serif; color:#999999; text-decoration:line-through;  } 

#content_re #content_sub  { position:relative; top:0px; left:0px;  width:209px; float:left; padding-bottom:30px;  z-index:20; 	min-height: 100%;
	margin: -100px 0 -50px;}
	/* 좌측메뉴 */
	div.left { position:relative;  float:left; text-align:left ;  width:189px;  margin:0px; vertical-align:middle;  }
	div.left h2 { width:189px;  margin:0px 0 0 0px;  text-align:left ;  }
	
	div.left .mymenu_wrap ul{
		max-width:189px;
		border:3px solid rgba(0 0 0 / 0.1);
		margin-bottom:20px;
		padding:10px 5px;
		border-radius:10px;
	}

	div.left .cate_tit {
		font-size:15px;
		color:#363636;
		font-family: 'NanumSquareNeo';
		font-weight:700;
		margin-bottom:5px;
	}

	div.left .cate_tit.active {
		font-weight:800;
		color:#3551a1;
	}

	div.left .mymenu_wrap a {
		font-family: 'NanumSquareNeo';
		font-size:12px;
		font-weight:500;
		color:#535353;
		display:inline-block;
		padding:5px 10px;
		border-radius:50px;
	}

	div.left .mymenu_wrap a:hover {
		font-weight:500;
	}

	div.left .mymenu_wrap a.active {
		background:rgba(53 81 161 / 1);
		color:#fff;
	}

	div.left div.login_on  { position:relative;  width:209px; height:183px; background:url('../images/Utility/menu_login_bg.gif') left top no-repeat; margin:0px;  text-align:left ;  padding-left:38px; padding-top:5px;  }
	div.left div.login_on ul li { height:23px;  }

	div.left table.left_menu { width:246px; margin:0px;   }
	div.left table.left_menu td.menu {  background:url('../images/Common/img_left_menu_bg.gif')  left top repeat-y ; padding-left:20px;  padding-top:10px; padding-bottom:30px}
	div.left table.left_menu td li { height:23px;  }
	div.left table.left_menu td li.on { height:20px;  } /* 좌측 교재리스트가 너무 붙어서 간격 늘림 - sejin */
	div.left table.left_menu td li.on02 { height:18px; padding-left:15px; }
	div.left table.left_menu td li.on_end {  padding-left:15px; }
	div.left table.left_menu td li dl dt.arrow  {  float:left;padding-top:2px;  }


	div.left .mymenu_wrap.over ul {
		border-color:rgba(53 81 161 / 0.7);
	}
	


/* **************************************************************************************************      카트리스트 **************************************************************************************************************/

#content_re #content_sub02  {  width:892px; float:left; }

	h3 {margin:0px 0 0 0px; text-align:left; width:892px; float:left;}
	h4 {margin:35px 0 5px 0px; text-align:left; width:892px; float:left;}
	p.Rtop_menu {float:right; padding-top:5px; width:220px;}
	div.cart { position:relative;  float:left; width:892px; margin:10px 0 0 0; padding-bottom:40px;}
	div.cart div.ul li {float:left;}
	div.cart div.cart_info { position:relative; margin-top:50px; }
	div.cart div.cart_btn { position:relative; margin-top:5px; width:895px; }
	div.cart div.cart_btn_02 { position:relative; margin-top:20px; width:895px; text-align:center;}
	div.cart div.cart_btn ul li {float:left;}
	div.cart div.cart_btn ul li.lay_01 {float:right; padding-left:8px;}
	div.cart div.cart_btn ul li.lay_02 {float:right; padding-top:5px; font:11px '돋움' 'Lucida Grande'; color:#6f6f6f; font-weight:bold;}
	div.cart div.cart_btn ul li.lay_04 {padding-left:5px; padding-top:5px; font:11px '돋음' 'Lucida Grande'; color:#959595; font-weight:bold;}
		
	div.cart table.cartlist  { width: 895px; }
	div.cart table.cartlist th.line { height:4px;  background-color:#abce34; border-right: solid 1px #ffffff ; }
	div.cart table.cartlist th.tit { font-size:11px;  height:29px;  background-color:#f4f4f4; border-right: solid 1px #ffffff ;   font-weight:bold ; text-align:center; color:#4e4e4e; }
	div.cart table.cartlist td { height:95px; color:#101010; text-align:center; }
	div.cart table.cartlist td.dot { height:2px; background:url('../images/MyMenu/bg_tab_dot.gif') left top repeat-x ; }
	div.cart table.cartlist td.gray_01 { height:24px; background:#f4f4f4; padding-right:10px; text-align:right; font:11px '돋움' 'Helvetica'; color:#000; }
	div.cart table.cartlist td.item_name {text-align:left;}
	div.cart table.cartlist td img.image_line {border:1px #e5e5e5 solid;}
	div.cart table.cartlist td p.lay {padding-top:20px; padding-bottom:5px;}	
	div.cart table.cartlist td p input.input_txt {width:28px; height:17px; border:solid 1px #d7d7d7; background:#f9f9f9;}

	div.cart table.info {width: 895px;}
	div.cart table.info p{ color:#101010; text-align:left; vertical-align:middle;}
	div.cart table.info th.line_01 { height:4px;  background-color:#f8bc10; border-right: solid 1px #ffffff ; }
	div.cart table.info th.line_02 { height:4px;  background-color:#f49b49; border-right: solid 1px #ffffff ; }
	div.cart table.info th.line_03 { height:4px;  background-color:#7dc5ed; border-right: solid 1px #ffffff ; }
	div.cart table.info td { height:35px; padding-left:20px; color:#101010; text-align:left; }
	div.cart table.info td.line_top {border-top:solid 1px #e1e1e1; }
	div.cart table.info td.line_top select { height:19px; }
	div.cart table.info td.line_top ul { margin-top:8px; margin-bottom:8px; margin-top:5px; margin-bottom:5px; height:20px; clear:both;} 
	div.cart table.info td.line_top ul li { float:left; padding-left:5px; }
	div.cart table.info td.line_top ul li.tit_lay {font-weight:bold;  color:#101010; padding-right:10px; padding-top:2px; }
	div.cart table.info td.line_top ul li.tit_lay02 { padding-top:4px\ ;  } /* ie8에만 적용 */
	div.cart table.info td.tit { font-size:11px; padding-left:0px; height:29px;  background-color:#f4f4f4; border-right: solid 1px #ffffff;  font-weight:bold ; text-align:center; color:#4e4e4e; border-top:solid 1px #e1e1e1;}
	div.cart table.info td.tit_02 { font-size:11px; padding-left:0px; height:29px;  background-color:#f4f4f4; border-right: solid 1px #ffffff;  font-weight:bold ; text-align:center; color:#4e4e4e;}
	div.cart table.info td.dot { height:2px; background:url('../images/MyMenu/bg_tab_dot.gif') left top repeat-x ; }





/****************************************************** 추가 2010.4.28 **************************************************************************************/
#content_sub03  {  width:895px; float:left; top:0px; padding:bottom:30px; padding-top:0px; }
	h3 {margin:0px 0 0 0px; text-align:left; width:895px; float:left;}
	p.Rtop_menu {float:right;  width:220px;}
	div.complete { position:relative;  float:left; width:895px; height:380px; margin:0; padding-bottom:40px;}

/**************************************************************************************************************************************************************/



#content_re #right {  position:relative; float:right;  width:646px;  margin:0px; vertical-align:top; padding-top:0px; padding-bottom:40px;  } /* z-index:50; 뺏음 : 2010.4.27 */
	h3 { display:block; width:646px; height:34px; margin:0px 0 0 0px;  text-align:left ;  }
	
	div.pad10 {  position:relative; height:10px; text-align:left ; }  /**********  추가 2010.04.27  *************/
	div.pad30 {  position:relative; height:30px; text-align:left ; }  /**********  추가   *************/
	
	div.down_menu {  position:relative; margin:0px;   top:-25px; right:0px; float:right; width:200px; height:20px;  text-align:right ;  }
	div.ser { position:relative; width:646px; height:39px; background:url('../images/MyMenu/bg_search_field.gif') left top no-repeat;   margin:8px 0 5px 0px;   }
	div.ser ul.date { float:left;  width:300px; margin:10px 0 0 108px; }
	div.ser ul.date li {  float:left; padding:0 10px 0 0; }
	div.ser ul.ser_right  { float:right;   width:190px; margin:10px 3px 0 5px; }
	div.ser ul.ser_right li {  float:left; padding:0; }
	div.ser ul.ser_right li.list  {width:100px; }
	div.ser ul.ser_right li.inp {width:90px; }
	div.ser ul.ser_right li.btn {width:80px; }

	div.ser2 { position:relative; width:646px; height:39px; background:url('../images/MyMenu/bg_search_field.gif') left top no-repeat;   margin:8px 0 5px 0px;   }
	div.ser2 {margin-top:42px/ ; }  /* ie8만적용되는 핵추가 20100503 */ 
	div.ser2 ul.date { float:left;  width:300px; margin:10px 0 0 108px; }
	div.ser2 ul.date li {  float:left; padding:0 10px 0 0; }
	div.ser2 ul.ser_right  { float:right;   width:190px; margin:20px 3px 0 5px; }
	div.ser2 ul.ser_right li {  float:left; padding:0; }
	div.ser2 ul.ser_right li.list  {width:100px; }
	div.ser2 ul.ser_right li.inp {width:90px; }
	div.ser2 ul.ser_right li.btn {width:80px; }
	div.ser2 p  { position:relative;  margin:10px 15px 0 0; float:right; width:80px; z-index:50;}

	div.ser3 { position:relative; width:646px; height:39px; background:url('../images/MyMenu/bg_search_field02.gif') left top no-repeat;   margin:8px 0 5px 0px;   }
	div.ser3 ul.date { float:left;  width:600px; margin:10px 0 0 50px; }
	div.ser3 ul.date li {  float:left; padding:2px 12px 0 0; }
	div.ser3 ul.date li.in {  float:left; padding:0px 15px 0 0; }
	div.ser3 p  { position:relative;  margin:-20px 15px; 0 0; float:right; width:46px; z-index:50;}
	div.ser3 ul.ser_right  { position:relative;  margin:-20px 15px; 0 0; float:right;   z-index:50;}
	div.ser3 ul.ser_right li {  float:left; padding:0 10px 0 0; }
	div.ser3 ul.ser_right li.btn {float:left;  }

	div.ser4 {width:646px; height:39px; top:20px; background:url('../images/MyMenu/bg_search_field04.gif') left top no-repeat;   margin:8px 0 5px 0px;   }
	div.ser4 ul.date { float:left;  width:300px; margin:8px 0 0 88px; }
	div.ser4 ul.date li {  float:left; padding:0 10px 0 0; }
	div.ser4 ul.ser_right  { float:right;   width:190px; margin:20px 3px 0 5px; }
	div.ser4.ul.ser_right li {  float:left; padding:0; }
	div.ser4 ul.ser_right li.list  {width:100px; }
	div.ser4 ul.ser_right li.inp {width:90px; }
	div.ser4 ul.ser_right li.btn {width:80px; }
	div.ser4 p  {margin:10px 15px 0 0; float:right; width:80px; z-index:50;}

	div.ser_box { width:646px; height:93px; margin:0 0 10px 0;  }
	div.ser_box div.top { width:646px; height:7px; } 
	div.ser_box div.box { width:646px; height:73px; background:url('../images/MyMenu/bg_search_field_bg.gif') left top repeat-y ;  }
	div.ser_box div.box div.left { width:520px; height:73px;  float:left; padding-left:15px;  padding-top:4px; } 
	div.ser_box div.box div.left ul { clear:both; width:520px; height:22px; }
	div.ser_box div.box div.left ul li.sub { float:left; width:55px; text-align:left; } 
	div.ser_box div.box div.left ul li.con { float:left; padding-right:3px; } 
	div.ser_box div.box div.right {  width:106px; height:20px;  float:right; margin-top:30px; }
	div.ser_box div.bot { width:646px; height:13px; }



	div.ser5_top {width:646px; height:7px; }
	div.ser5 {width:646px; top:20px; background:url('../images/MyMenu/bg_search_field_bg.gif') left top repeat-y ;   margin:3px 0 15px 0px;  }
	div.ser5 ul.date {clear:both; margin:5px 0 0 18px;}
	div.ser5 ul.date li {  float:left; padding:0 10px 0 0; }
	div.ser3 ul.date li.in {  float:left; padding:0px 15px 0 0; text-align:left;}
	div.ser3 ul.date li.sub{  width:100px; }
	div.ser5 p  {margin:10px; float:right; width:80px; z-index:50;}
	div.ser5_bot {width:646px; height:13px;   }
	div.ser_tea {width: 646px;height: 32px; /* background:url('../images/MyMenu/bg_top_tit_copy01.gif') 0 13px no-repeat;*/ text-align: right; z-index: 100;} 
	div.ser_tea  *{position:relative;}
	div.ser_tea {margin-top:30px ; }  /* ie8만적용되는 핵추가 20100428 */ 
	div.ser_tea ul { float:right;  width:230px; margin:10px 0 0 0; }
	div.ser_tea ul li { float:left; padding:0 5px 0 0 ; }

	table th.line { background-color:rgba(53 81 161 / 0.5) !important}

	table.mypage  { width:646px; }
	table.mypage th.line { height:4px;  background-color:rgba(53 81 161 / 1); border-right: solid 1px #ffffff ; }
	table.mypage th.line01 {height:4px;  background-color:#5db7e8; border-right: solid 1px #ffffff ; }
	table.mypage th.line02 {height:4px;  background-color:#f0831e; border-right: solid 1px #ffffff ; }
	table.mypage th.tit { font-size:11px;  height:29px;  background-color:#f4f4f4; border-right: solid 1px #ffffff ;   font-weight:bold ; text-align:center; color:#4e4e4e; line-height:18px;}
	table.mypage td { height:26px; color:#101010;   line-height:18px;  }
	table.mypage td.gray { height:23px; color:#101010;  background-color:#f4f4f4;  }
	table.mypage td.mon { height:23px; color:#101010;  font-size:12px; font-weight:bold ;  padding-top:7px;  text-align:left; background:url('../images/Common/bg_line_bot.gif') left bottom no-repeat;  }
	table.mypage td.total { padding:10px;  text-align:left;}
	table.mypage td.total ul.total li { list-style-type:disc; margin-left:10px; }
	table.mypage td.dot { height:2px; background:url('../images/MyMenu/bg_tab_dot.gif') left top repeat-x ; }
	table.mypage td.line { height:1px;  background-color:#b3b3b3; }
	table.mypage td.tit_1 { padding:5px 0 5px 0; }
	table.mypage td.tit_2 { text-align:left; padding-left:10px; }
 /*  2010-10-19  김민경 수정 목록리스트 링크 수정추가  */ 
	table.mypage td.tit_2 a { font:12px "돋움", verdana, sans-serif;  color:#101010; text-decoration:none;  }
	table.mypage td.tit_2 a:link, a:visited, a:active { font:12px "돋움", verdana, sans-serif;  color:#101010; text-decoration:none;  }
	table.mypage td.tit_2 a:hover { font:12px "돋움", verdana, sans-serif; color:#ff6e3c; text-decoration:none;  font-weight:bold;}
 /*  2010-10-19  김민경 수정 목록리스트 링크 수정추가  */ 
	table.mypage td.tit_3 { font-size:11px; background-color:#f4f4f4; font-weight:bold ; text-align:center; color:#4e4e4e; border-bottom:solid 1px #cecece; }
	table.mypage td.tit_4 { text-align:left; padding:6px 0 0 10px; vertical-align:top; border-bottom:solid 1px #cecece; font-size:12px; line-height:18px; }
	table.mypage td.tit_5 { text-align:center; padding:3px 0 3px 10px; vertical-align:middle; border-right:solid 1px #cecece; border-bottom:solid 1px #cecece; font-size:12px; line-height:18px; }
	table.mypage td.tit_6 { text-align:center; padding:3px 0 3px 10px; vertical-align:middle; border-bottom:solid 1px #cecece; font-size:12px; line-height:18px; }
	table.mypage td.tit_7 { font-size:12px; background-color:#f4f4f4; font-weight:bold ; text-align:center; color:#4e4e4e; border-bottom:solid 1px #cecece; }
	table.mypage td.tit_line { border-bottom:solid 1px #cecece; }
	table.mypage td.txt_box { width:561px; height:240px; vertical-align:top; border-bottom:solid 1px #cecece; }

	table.eduview  { width:550px; }
	table.eduview th.first {  height:31px;   border-top: solid 2px #717171;  border-left: solid 2px #717171;  text-align:center;  color:#4e4e4e;   font-weight:bold ;   }
	table.eduview th.con {   border-top: solid 2px #717171;  border-left: solid 1px #8b8b8b;  text-align:center;  color:#4e4e4e; font-weight:bold ; }
	table.eduview th.end {   border-top: solid 2px #717171;  border-left: solid 1px #8b8b8b;  border-right: solid 2px #717171;  text-align:center;  color:#4e4e4e; font-weight:bold ;}
	table.eduview td.line  {  height:1px;  border-left: solid 1px #8b8b8b;  border-left: solid 2px #717171;  border-right: solid 2px #717171; }
	table.eduview td.first {  height:24px;   border-left: solid 2px #717171;  text-align:center;  color:#4e4e4e; }
	table.eduview td.con {   border-left: solid 1px #8b8b8b;  text-align:center;  color:#4e4e4e; }
	table.eduview td.end {    border-left: solid 1px #8b8b8b;  border-right: solid 2px #717171;  text-align:center;  color:#4e4e4e; }
	table.eduview td.line_end  {  height:2px;  background-color:#717171;   }


	div.num_tab div.num {  float:left; width:400px;height:26px; margin:0 auto;  }
	div.num_tab div.num ul.num  { margin:10px 0 0 108px; }
	div.num_tab div.num ul.num li  {  float:left; padding:0; }
	div.num_tab div.num ul.num li.line {  float:left;   font-size:11px; color:#727272; padding:0 3px 0 0; vertical-align:top;}
	div.num_tab div.num ul.num li.btn {  float:left;  padding:4px 5px 0 0; }
	div.num_tab div.num ul.num li.num { float:left;  font-size:11px;  color:#727272; padding:0 5px 0 0;   }

	div.num_tab div.num2 {  clear:both; height:26px; margin:0 auto;  text-align:center;  }
	div.num_tab div.num2 ul.num  {  margin:0 auto;   }
	div.num_tab div.num2 ul.num li  {  float:left; padding:0; }
	div.num_tab div.num2 ul.num li.line {  float:left;   width:2px; font-size:11px; color:#727272; padding:0 3px 0 0; vertical-align:top;}
	div.num_tab div.num2 ul.num li.btn {  float:left;  width:40px; padding:4px 5px 0 0; }
	div.num_tab div.num2 ul.num li.num { float:left;  width:15px; font-size:11px;  color:#727272; padding:0 5px 0 0;   }


	div.num_tab  { width:646px; height:26px; } 
	div.num_tab div.num3 {  float:left; width:426px;height:26px; margin:10px 0 0 0; }

	div.num_tab div.btn {  float:left; width:246px;height:26px; }
	div.num_tab div.btn ul.btn  { float:right;  margin:10px 0 0 0; }
	div.num_tab div.btn ul.btn li  {  float:left; padding-right:10px; }

	div.num_tab div.btn2 {  float:right; width:220px; }
	div.num_tab div.btn2 ul.btn  { float:right;  margin:10px 0 0 0; }
	div.num_tab div.btn2 ul.btn li  {  float:left; padding-right:10px; }


	div.login {
		position: relative;
		width: 270px;
		margin: 0 auto;
		padding: 30px 0 50px;
	}

	div.login .log_input {
		display:inline-block;
		width:100%;
		font-family: 'NanumSquareNeo';	
	}
	
	div.login .log_input .tit {
		display:inline-block;
		font-size:27px;
		color:#3551a1;
		font-weight:900;
		margin-bottom:15px;
	}

	div.login .log_input p {
		width:100%;
		text-align:left;
		font-family: 'NanumSquareNeo';
		font-size:15px;
		color:#121212;
		font-weight:500;
		margin-bottom:3px;
	}

	div.login .log_input input[type='text'],
	div.login .log_input input[type='password'] {
		font-family: 'NanumSquareNeo';
		width:calc(100% - 10px);
		height:36px;
		border-radius:5px;
		border:1px solid rgba(0 0 0 / 0.15);
		padding-left:10px;
		outline: none;
		font-size:15px;
		font-weight:500;
		color:#121212;
	}

	input:-webkit-autofill, input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0 1000px #fff inset;
		box-shadow: 0 0 0 1000px #fff inset;
		-webkit-text-fill-color: #121212;
		text-fill-color: #121212;
	}

	div.login .log_input input[type='checkbox'] {
		width:17px;
		height:17px;
	}

	div.login .log_input .int {
		margin-top:15px;
	}

	div.login .log_input .chk {
		float:left;
		margin-top:10px;
	}

	div.login .log_input .chk span {
		position:relative;
		top:-5px;
		margin-left:5px;
		font-size:12px;
		color:#121212;
		font-weight:500;
	}

	div.login .log_input .logbtn {
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		background:#3551a1;
		height:50px;
		border-radius:5px;
		margin-top:50px;
		overflow:hidden;
	}

	div.login div.btn { float:left;  width:200px; padding:0;  }
	div.login div.btn ul.btn { width:98px; height:68px; float:left; }
	div.login div.btn ul.btn li.save {   background:url('../images/Utility/img_id_save.gif') left top no-repeat;  }

	div.login div.bot {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		margin-top:15px;
	}

	div.login div.bot a {
		font-family: 'NanumSquareNeo';
		font-size:14px;
		color:#363636;
		font-weight:500;
	}

	div.login div.bot a:first-child {
		color:#3551a1;
		font-weight:600;
	}

	div.login div.mid { width:335px height:123px; }
	div.login div.mid ul.inp { width:237px; float:left;}
	div.login div.mid ul.inp li.id {  width:209px; height:33px; background:url('../images/Utility/icon_id.gif') left top no-repeat;  }
	div.login div.mid ul.inp li.pa {  width:209px; height:33px; background:url('../images/Utility/tit_pass.gif') left top no-repeat;  }

	div.find { position:relative;  float:left; width:323px; height:400px; margin:24px 0 0 0; text-align:left; background:url('../images/Utility/bg_find_id.gif')  0 30px no-repeat;  } 
	div.find2 { position:relative;  float:left; width:301px; height:400px; margin:24px 0 0 0;  text-align:left; background:url('../images/Utility/bg_find_pass.gif')  0 30px no-repeat;  }

	div.content { position:relative;  float:left; width:646px; height:450px; margin:24px 0 0 0; text-align:left;  }   /* 그냥노말 본문 내용이 별로 없을때 *** 좌측정렬 ****/
	div.content2 { position:relative;  width:646px; height:400px; margin:24px auto; text-align:center;  }    /* 그냥노말 본문 내용이 별로 없을때 *** 중앙정렬 ****/
	
	div.join { position:relative;  float:left; width:646px;  padding-bottom:40px; margin:24px 0 0 0; text-align:left; }
	div.join div.title {  width:646px; height:25px; vertical-align:top; }
	div.join div.title2 {  width:646px; height:25px; vertical-align:top; padding-top:10px; }
	div.join div.step01  {  width:646px; height:70px; vertical-align:top; text-align:center; background-color:#f7fdf1;  padding-top:10px; }
	div.join table.join   {   width:646px;   } 
	div.join table.join tr td.pa {  background-color:#edf9da; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff;  padding-left:10px;   } 
	div.join table.join tr td.pa02 { height:30px; background-color:#f7f8ed; padding:0 0 3px 10px; color:#4f504d;  border-bottom:solid 1px #ffffff;  } 
	div.join table.join tr td.pa02 ul { padding:0px; margin:0;  } 
	div.join table.join tr td.pa02 ul li { float:left;  color:#4f504d; } 
	div.join table.join tr td.pa02 ul li.line { float:left; width:15px; text-align:center; color:#4f504d; } 
	div.join table.join tr td.pa02 ul li.input { float:left; text-align:left; padding:0; } 
	div.join table.join tr td.pa02 ul li.bt { float:left; text-align:left; padding-left:5px;  } 
	div.join table.join tr td.pa02 ul li span { display:block;  padding-top:5px; color:#4f504d; } 

	div.out { position:relative;  float:left; width:300px; height:650px; margin:24px 0 0 0; text-align:left; }
	div.out.title02 {  width:646px;  vertical-align:top; padding-bottom:10px;}
	div.out div.step01  {  width:646px; height:200px; vertical-align:top; text-align:center; background-color:#f6f6f6;  padding-top:10px; }

	/********** 프로덕트 추가 시작 2010.04.26  *************/

	div.prdlist { position:relative;  float:left; width:645px; height:auto; padding-bottom:40px; margin:24px 0 0 0; text-align:left; }
	div.prdlist table.book { width:645px;   }
	div.prdlist table.book td.list { width:129px;  text-align:center;  padding-bottom:7px; }
	div.prdlist table.book td.list ul li { margin:0 } 

	div.prdlist div.book {position:relative; width:645px;  height:540px;   }
	div.prdlist div.book ul { width:645px; margin:0px; }
	div.prdlist div.book li { float:left; width:129px; padding:0; margin:0 0 40px 0;  text-align:center; }


	/********** 오더  추가 시작 2010.04.27  *************/

/*	div.order_top { position:relative; height:18px; border-bottom:solid 0px #737373; background:url('../images/Order/bllet_order.gif') 0px 2px no-repeat;  padding: 9px 0 0 15px; text-align:left;  }
	div.order_top span { font-size:11px;  color:#000000; }
	/*div.order_top span.list { position:absolute;   right:0; top:-10;  float:left; width:620px; height:10px; margin:0 0 0 0; z-index:50;  }*/

	/*div.order_top ul { position:absolute;   left:18px; top:10px;  float:left; width:120px; height:10px; z-index:50;  }*/
/*	div.order_top ul {float:left; width:120px; height:10px; z-index:50;  }
	div.order_top ul li.text { float:left; width:72px; font-size:11px;  color:#4e4e4e;  }
	div.order_top ul li.text2 { float:left; width:304px; }*/

	div.order_top { position:relative; height:27px; border-bottom:solid 0px #737373; background:url('../images/Order/bllet_order.gif') 0px 2px no-repeat;  padding: 9px 0 0 15px; text-align:left;  }
	div.order_top span { font-size:11px;  color:#000000; }
	div.order_top span.list { position:absolute;   right:0; top:-10;  float:left; width:620px; height:10px; margin:0 0 0 0; z-index:50;  }

	div.order_top ul { position:absolute;   right:0; top:0;  float:left; width:620px; height:27px; margin:10px 0 0 0; z-index:50;  }
	div.order_top ul li.text { float:left; width:72px; font-size:11px;  color:#4e4e4e;  }
	div.order_top ul li.text2 { float:left; width:304px; }
	div.order_top ul li.text3 { float:left; width:154px; }
	div.order_top ul li.bt { float:left; width:44px; }

	div.productas_top {
		position: relative;
		height: 24px;
		border-bottom: solid 0px #737373;
		background: url('../images/Product/bllet_product.gif') 0px 2px no-repeat;
		padding: 9px 0 0 15px;
		text-align: left;
	}

	div.productas_top span {
		font-size: 14px;
		color: #000000;
	}

	div.productas_top span.list {
		position: absolute;
		right: 0;
		top: -10;
		float: left;
		width: 620px;
		height: 10px;
		margin: 0 0 0 0;
		z-index: 50;
	}

	div.productas_top ul {
		position: absolute;
		right: 0;
		top: 0;
		float: left;
		width: 620px;
		height: 24;
		margin: 8px 0 0 0;
		z-index: 50;
	}

	div.productas_top ul li.text {
		float: left;
		width: 80px;
		font-size: 14px;
		color: #4e4e4e;
	}

	div.productas_top ul li.text2 {
		float: left;
		width: 440px;
	}

	div.productas_top ul li.text3 {
		float: left;
		width: 440px;
	}

	div.productas_apply {
		position: relative;
		height: 24px;
		border-bottom: solid 0px #737373;
		padding: 20px 10px 0 15px;
		text-align: center;
	}
	/*
	div.order_top span.list { position:absolute;   right:0; top:10px;  float:right; width:120px; height:10px; z-index:50;  }
	div.order_top span.list li.text { float:left; width:72px; font-size:11px;  color:#4e4e4e;  }
	div.order_top span.list li.text2 { float:left; width:304px; }
	div.order_top ul li.text3 { float:left; width:154px; }
	div.order_top ul li.bt { float:left; width:44px; }
	*/
	div.title_o { width:646px; height:25px;   padding-top:10px; text-align:left; }
	div.title_o {margin-top:30px\ ; }  /* ie8만적용되는 핵추가 20100503 */ 
	div.title_o1 { position:absolute; left:480px; top:5px; }
	div.title_o1 ul { width:168px; height:27px; }
	div.title_o1 ul li { float:left; }
	div.title_o2 {  position:relative; width:646px; height:20px;  padding-top:3px; text-align:left;  }
	
	div.title_o3 { width:646px; height:35px;   padding-top:15px; text-align:left; }
	/* div.title_o3 {margin-top:30px\ ; }   ie8만적용되는 핵추가 20100503 */ 
	div.title_o4 { width:646px; height:15px;  padding-top:15px; text-align:left; }
	div.title_o4 {margin-top:30px\ ; }  /* ie8만적용되는 핵추가 20100503 */ 

	table.order  { width:646px; }
	table.order th.line { height:4px;  background-color:#abce34; border-right: solid 1px #ffffff ; }
	table.order th.tit { font-size:11px;  height:29px;  background-color:#f4f4f4; border-right: solid 1px #ffffff ;   font-weight:bold ; text-align:center; color:#4e4e4e; line-height:16px;}
	table.order td { font-size:11px; line-height:16px;  height:26px; color:#101010; }
	table.order td.total { background-color:#f4f4f4;  height:25px; text-align:right;  padding-right:10px;font-size:11px;  color:#101010; text-align:center;   } 
	table.order td.total2 { text-align:center; padding:20px; }

	table.order td.dot { height:2px; background:url('../images/MyMenu/bg_tab_dot.gif') left top repeat-x ; }
	table.order td.con { text-align:left;  font-size:11px; color:#101010; padding:4px; }
    
	table.order td.gray { height:23px; color:#101010;  background-color:#f4f4f4;  }

	div.order_de_left { float:left; width:317px; margin:10px 0 10px 0; }
	div.order_de_left div.title {  float:left ;  width:200px; height:20px; vertical-align:top; padding-top:10px; text-align:left; }
	div.order_de_left div.bt { position:relative; width:100px;  height:20px;  float:right ; z-index:200; margin-top:10px; }
	div.order_de_left table.deliver  { width:310px; }
	div.order_de_left table.deliver th.line { height:4px;  background-color:#5fce34; border-right: solid 1px #ffffff ; }
	div.order_de_left table.deliver th.line2 { height:4px;  background-color:#ce35aa; border-right: solid 1px #ffffff ; }
	div.order_de_left table.deliver td {  text-align:left;  padding:5px; font-size:11px;  color:#6b6b6b; border-bottom:solid 1px #dbdbdb; } 
	div.order_de_left table.deliver td.tit { background-color:#f4f4f4;   text-align:left;  padding:5px 5px 5px 10px; font-size:11px;  color:#6b6b6b; font-weight:bold; border-bottom:solid 1px #dbdbdb; } 

	div.order_de_right {  position:relative; right:0px; float:right; width:310px; margin:10px 0 0 0; z-index:200; }	
	div.order_de_right div.title {  width:310px; height:20px; vertical-align:top; padding-top:10px; text-align:left;  }
	div.order_de_right table.pay  { width:310px; }
	div.order_de_right table.pay th.line { height:4px;  background-color:#34acce; border-right: solid 1px #ffffff ; }
	div.order_de_right table.pay td {  text-align:left;  padding:5px; font-size:11px;  color:#6b6b6b; border-bottom:solid 1px #dbdbdb; } 
	div.order_de_right table.pay td.tit { background-color:#f4f4f4;   text-align:left;  padding:5px 5px 5px 10px; font-size:11px;  color:#6b6b6b; font-weight:bold; border-bottom:solid 1px #dbdbdb; } 
	div.order_de_right2 {  position:relative; right:0px; float:right; width:627px; margin:0 0 20px 0;  text-align:right; }
    


	/*****  온라인 테스트 쪽 추가 *****/
	table.ontest { width:646px; }
	table.ontest th.line { height:4px;  background-color:#abce34; border-right: solid 1px #bfbfbf ; }
	table.ontest th.tit { font-size:11px;  height:29px;  background-color:#f4f4f4; border-right: solid 1px #bfbfbf ;   font-weight:bold ; text-align:center; color:#4e4e4e; line-height:18px;}
	table.ontest th.tit02 { font-size:11px;  height:29px;  background-color:#f4f4f4;   font-weight:bold ; text-align:center; color:#4e4e4e; line-height:18px;}
	table.ontest td { color:#101010; border-right: solid 1px #bfbfbf ; }
	table.ontest td.con_end {  color:#101010;  border-right:none; } 
	table.ontest td.con_end03 {  color:#101010;  border-right:none; text-align:left; padding-left:5px;} 
	table.ontest td.con   { height:29px;  color:#101010;  text-align:center; }
	table.ontest td.con_end02 {  color:#101010;  border-right:none; text-align:center; } 
	table.ontest td.color01	{   font-weight:bold; color:#38a9d3;  background-color:#eff9fb;  }
	table.ontest td.color02	{   font-weight:bold; color:#d89e0c;  background-color:#fdf6e4;  }
	table.ontest td.color03	{   font-weight:bold; color:#f0831e;  background-color:#fbf0ea;  }
	table.ontest td.color04	{   font-weight:bold; color:#9f3d86;  background-color:#f7edf5;  }
	table.ontest td.color05	{   height:31px; font-size:11px; font-weight:bold; color:#2c2c2c;  background-color:#efefef;   border-bottom:solid 1px #a5a5a5; border-right: solid 1px #bfbfbf ; }
	table.ontest td.color06	{   height:31px; font-size:11px; font-weight:bold; color:#2c2c2c;  background-color:#efefef;   border-bottom:solid 1px #a5a5a5; border-right:none; }
	table.ontest td.g_line { height:1px;  background-color:#bfbfbf; }
	table.ontest td.g_line02 { height:2px;  background-color:#a5a5a5; }
	table.ontest td.c_line01 { height:2px;  background-color:#f8b90a; }
	table.ontest td.c_line02 { height:2px;  background-color:#f08220; }
	table.ontest td.c_line03 { height:2px;  background-color:#b2509d; }
	table.ontest td.c_line04 { height:2px;  background-color:#868686; }

	table.ontest td.gray { height:23px; color:#101010;  background-color:#f4f4f4;  }

	table.ontest td.mon { height:23px; color:#101010;  font-size:12px; font-weight:bold ;  padding-top:7px;  text-align:left; background:url('../images/Common/bg_line_bot.gif') left bottom no-repeat;  }
	table.ontest td.total { padding:10px;  text-align:left;}
	table.ontest td.total ul.total li { list-style-type:disc; margin-left:10px; }
	table.ontest td.dot { height:2px; background:url('../images/MyMenu/bg_tab_dot.gif') left top repeat-x ; }
	table.ontest td.line { height:1px;  background-color:#b3b3b3; }


/* ****************************************************************************************************************************************************************************************************************/


	.txt_gb { font:20px '돋움' 'Helvetica'; color:#626262; font-weight:bold;}
	.txt_gs_01 { font:11px '돋움' 'Lucida Grande'; color:#666666; font-weight:bold;}
	.txt_gs_02 {font:11px '돋움' 'Lucida Grande'; color:#adadad; font-weight:bold; }
	.txt_gs_03 { font:11px '돋움' 'Lucida Grande'; color:#666666; font-weight:bold; }
	.txt_bk {font:11px '돋움' 'Lucida Grande'; color:#000; font-weight:bold; }
	.txt_line { font:11px '돋움' 'Lucida Grande'; color:#878787; text-decoration:line-through;}
	.txt_bank {font:12px '돋움' 'Helvetica'; color:#666666; font-weight:bold;}
	.txt_import {font:11px '돋움'; color:#9ab145; font-weight:bold;}	


	div.out { position:relative;  float:left; width:300px; height:500px; margin:24px 0 0 0; text-align:left; }
	div.out.title02 {  width:646px;  vertical-align:top; padding-bottom:10px;}
	div.out div.step01  {  width:646px; height:200px; vertical-align:top; text-align:center; background-color:#f6f6f6;  padding-top:10px; }


    div.detail_Ltop { position:relative; float:left; padding-top:25px; width:320px; border-top:solid 1px #aace36; }	
	div.detail_Ltop ul.img_comp_01 { text-align:left; padding-left:36px;}
	div.detail_Ltop ul.img_comp_02 { padding-left:10px; padding-top:18px;}
	div.detail_Ltop li.L_lay_02 { float:left; margin:6px; }
   
	div.detail_Rtop { position:relative; float:left; padding-top:25px; width:320px; border-top:solid 1px #aace36; }
	div.detail_Rtop dl { clear:both; height:25px; }
	div.detail_Rtop dd { float:left; width:110px; text-align:right; }
	div.detail_Rtop dt { float:left; padding-left:30px; width:150px; text-align:left; }
	div.detail_Rtop ul {clear:both; }
	div.detail_Rtop li { text-align:left; }
	div.detail_Rtop li.bg_line {background-image:url('../Images/Product/line_02.gif'); background-repeat:repeat-x; height:3px;}
	div.detail_Rtop li.R_lay_00 { height:35px; }
	div.detail_Rtop li.R_lay_01 { width:320px; height:20px; padding-top:17px; border-top:solid 1px #d1d1d1;}
	div.detail_Rtop li.R_lay_02 { width:320px; }
	div.detail_Rtop li.R_lay_03 { float:left; width:40px; height:40px; padding-top:15px; }
	div.detail_Rtop li.R_lay_04 { float:left; width:25px; height:40px; padding-top:15px; }
	div.detail_Rtop li.R_lay_05 { float:left; width:90px; height:40px; padding-top:15px; }
	div.detail_Rtop li.R_lay_06 { float:left; width:25px; height:40px; padding-top:17px; }
		
	div.detail_btm { position:relative; clear:both; padding-top:10px; width:640px; text-align:left;}/* 교재상세정보 css 없이 입력된 경우 때문에 추가함 - sejin */	 	
		
	div.detail_btm_01 { position:relative; clear:both; padding-top:30px; width:640px; text-align:left; color:#000;}
	div.detail_btm_01 ul li { color:#8b8b8b; }
	div.detail_btm_01 li.title_de01 { padding-bottom:8px;}
	div.detail_btm_01 li.lay_circle { margin-left:20px; list-style:disc;}
	div.detail_btm_02 { position:relative; clear:both; padding-top:30px; margin-bottom:40px; width:640px; text-align:left; }
	div.detail_btm_01 ul li { color:#8b8b8b; }
	div.detail_btm_02 li.title_de02 { padding-bottom:8px; }
	div.detail_btm_02 li.txt_pad {padding-left:68px;}

	div.test { position:relative;  float:left; width:646px; height:750px; margin:17px 0 0 0; text-align:left; }

	div.p20 { position:relative;   padding-top:20px; }
	div.p20 ul.t01_first { text-align:left; background-color:#eff6ff; }
	div.p20 ul.t01_first li.sub { padding-left:15px;padding:15px 0 10px 15px; }
	div.p20 ul.t01_first li.con { clear:both; background-color:#eff6ff; padding:3px 0 3px 15px; }
	div.p20 ul.t01_first li.con ul.h20 { height:20px; }
	div.p20 ul.t01_first li.con ul.h20 li { float:left; }

	div.p20 ul.t02_first { text-align:left; background-color:#f7f9ee;  }
	div.p20 ul.t02_first li.sub { padding-left:15px;padding:15px 0 10px 15px; }
	div.p20 ul.t02_first li.con { clear:both; background-color:#f7f9ee; padding:3px 0 3px 15px; }
	div.p20 ul.t02_first li.con ul.h20 { height:20px; }
	div.p20 ul.t02_first li.con ul.h20 li { float:left; }


	div.p30 { position:relative;   padding-top:30px; }
	div.p30 ul.t01 { text-align:left; }
	div.p30 ul.t01 li.con { background-color:#f7f9ee; padding:15px 0 10px 15px;}
	div.p30 ul.t01 li.con02 { background-color:#f7f9ee; padding:5px 0 5px 15px;}
	div.p30 ul.t01 li.con02 ul.h15 { height:15px; }
	div.p30 ul.t01 li.con02 ul.h20 li { float:left; }

	div.p20 ul.t01_first li.con ul.h35 { height:35px; }
	div.p20 ul.t01_first li.con ul.h35 li { float:left; }

	div.p20 ul.t02  { text-align:left;  }
	div.p20 ul.t02 li.sub { background-color:#fef8e8; padding-left:15px;padding:15px 0 5px 15px; }
	div.p20 ul.t02 li.con {  background-color:#fef8e8;  padding:0 0 10px 20px;  }
	div.p20 ul.t02 li.con textarea.w500 { width:518px;  height:55px; font:12px dotum, verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}
	div.p20 ul.t02 li.con02 {  background-color:#fef8e8;  padding:10px 0 10px 20px;  }
	div.p20 ul.t02 li.con02 textarea.w500 { width:518px;  height:85px; font:12px dotum, verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}
	div.p20 ul.t02 li.con03 {  background-color:#fef4ec;  padding:0 0 10px 20px;  }	/**********  추가  2010.05.20  *************/
	div.p20 ul.t02 li.con03 textarea.w500 { width:518px;  height:85px; font:12px dotum, verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}/**********  추가  2010.05.20  *************/
	div.p20 ul.t02 li.h10  {  background-color:#ffffff; height:10px; }

	div.p20 ul.t03  { text-align:left;  }
	div.p20 ul.t03 li.con {  background-color:#f6ebf4;  padding:10px 0 10px 20px;  }
	div.p20 ul.t03 li.con02 {  background-color:#f6ebf4;  padding:0 0 10px 20px;  }

/* ************************************************* 5월 27일 추가 (Tepic 채점) *****************************************************************************************************************************************/
	
	div.tepic_tit {height:60px;}
	div.tepic_01 { margin-top:15px; }
	div.tepic_01 ul.tit { background:url('/Images/MyMenu/tit_tepic_03.gif') no-repeat; height:26px; }
	div.tepic_01 ul.ser { width:646px; height:28px; margin-bottom:10px; }
	div.tepic_01 ul.ser li { float:left; width:50px; height:22px; }
	div.tepic_01 ul li select { height:18px; font:12px "돋움", verdana, sans-serif; color:#707070; border:1px #8391b4 solid; }
	div.tepic_01 ul.tit li { float:right; padding-left:5px;}
	div.tepic_01 ul.cont_01 { background-color:#eef8fd; text-align:left; padding:10px 0 0 25px;}
	div.tepic_01 ul.cont_01 li { height:22px; font-weight:bold;}
	div.tepic_01 ul.cont_02 { background-color:#eef8fd; text-align:left; padding:0 0 10px 44px; }
	div.tepic_01 ul.cont_02 li { height:22px; color:#21238a; font-weight:bold; }
	div.tepic_02 { margin-top:20px;}
	div.tepic_02 div {background-color:#5db7e8; margin:0px; padding:0px; height:4px;  width:646px; }
	div.tepic_02 ul {clear:both;  border-bottom:solid 1px #bebebe; height:36px;}	
	div.tepic_02 ul li {float:left; height:28px; padding-top:8px;}
	div.tepic_02 ul li select { height:18px; font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #8391b4 solid; }
	div.tepic_02 ul li.tit { background-color:#f5f5f5; width:80px; font-weight:bold; }
	div.tepic_02 ul li.line00 { padding-left:5px; padding-top:10px; #padding-top:6px; }
	div.tepic_02 ul li.line01 { font-weight:bold; padding:8px 10px 0 2px; }
	div.tepic_02 ul li.line02 { padding:8px 45px 0 10px;}
	div.tepic_02 ul li.line03 { padding:8px 148px 0 10px; }
	div.tepic_02 ul li.line04 { padding:8px 2px 0 10px; text-align:left; #padding-right:0px; }
	div.tepic_02 ul li.ser01 { width:215px; height:28px; font-weight:bold; background-color:#f5f5f5; }
	div.tepic_02 ul li.ser02 { width:215px; }
	div.tepic_02 ul li.ser02 input { width:150px; height:100px; border:solid 1px #8391b4; }
	div.tepic_03 { margin-top:20px; }
	div.tepic_03 ul { padding-left:366px; padding-top:8px; height:22px; }
	div.tepic_03 ul.tepic_up { padding-left:476px; padding-top:8px; height:22px; }
	div.tepic_03 ul li {float:left; padding-left:10px; }
	div.tepic_03 table { width:646px;}
	div.tepic_03 table tr td { width:50px; height:30px; border-bottom:solid 1px #bebebe; }
	div.tepic_03 table tr td.td01 { background-color:#f5f5f5; width:45px; font-weight:bold; }
	div.tepic_03 table tr td.td02 { background-color:#f5f5f5; }
	div.tepic_04 { margin-top:10px; }
	div.tepic_04 div { padding-bottom:5px; }
	div.tepic_04 div ul li { float:left; padding:8px 0 0 8px; font-weight:bold; vertical-align:center; }
	div.tepic_04 div ul li select { height:18px; width:70px; font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #8391b4 solid; }
	div.tepic_04 div ul.tp_search_01 { background:url('/Images/MyMenu/bg_search_field_01.gif') no-repeat; height:35px; }
	div.tepic_04 div ul.tp_search_02 { background:url('/Images/MyMenu/bg_search_field_02.gif') no-repeat; height:40px; }


/************ p67 (teaching_list)  6.1 추가 **********************/
	div.tch_list_01 { width:646px; height:32px; margin-top:12px; }
	div.tch_list_01 ul li { float:left; }
	div.tch_list_01 ul li.ser { float:left; margin-left:60px;  }
	div.tch_list_01 ul li.ser select {  font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #95b483 solid;  margin-left:3px; } /*이선미 height:18px;  제외 */

	div.tch_detail  {   position:relative;  width:646px; padding-bottom:50px; clear:both; } /************ 김민경 9.3 추가 **********************/
/************ p68 (teaching_detail) 6.1 추가 **********************/ 
	div.tch_detail a:link, a:visited, a:active { font:12px "돋움", verdana, sans-serif;  color:#4e4e4e; text-decoration:none; }
	div.tch_detail a:hover { font:12px "돋움", verdana, sans-serif; color:#7dab0b; text-decoration:none; }
	div.tch_detail div.lay_01 { position:relative; width:646px; height:120px; margin-top:12px;}
	div.tch_detail div.lay_01 ul { clear:both; width:646px;}
	div.tch_detail div.lay_01 ul li { float:left; }
	div.tch_detail div.lay_01 .ser li { float:left; padding-left:10px; }
	div.tch_detail div.lay_01 .ser select { height:18px; font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #95b483 solid;  }
	div.tch_detail div.lay_02 { position:relative;  width:646px; height:200px; }
	div.tch_detail div.lay_02 .left { float:left;  margin:0px; padding:0px; width:175px; height:175px;}
	div.tch_detail div.lay_02 .right {  position:relative;  float:right; width:460px;  }
	div.tch_detail div.lay_02 .right table { width:460px; font-size:11px; margin-bottom:30px;}
	div.tch_detail div.lay_02 .right table th {font-size:12px; font-weight:bold; color:#4e4e4e; text-align:center; border-bottom:solid 1px #cccccc; border-right:solid 1px #ffffff; }
	div.tch_detail div.lay_02 .right .line { height:4px; background-color:#abce34; border-bottom:0px; }
	div.tch_detail div.lay_02 .right .tit_01 { height:30px; background-color:#f4f4f4; }
	div.tch_detail div.lay_02 .right .tit_02 { color:#333333; text-align:left; padding-left:8px; }
	div.tch_detail div.lay_02 .right .tit_03 { height:50px; background-color:#f4f4f4; font-size:12px;  font-weight:bold; color:#4e4e4e; text-align:center; border-right:solid 1px #ffffff; }
	div.tch_detail div.lay_02 .right table tr td { padding-top:5px; vertical-align:top; border-bottom:solid 1px #cccccc; }	
	div.tch_detail div.lay_02 .right table tr td ul { clear:both; }
	div.tch_detail div.lay_02 .right table tr td ul li { float:left; text-align:left; padding-left:5px; color:#333333; }
	div.tch_detail div.lay_03 { position:relative;  width:646px; margin-top:20px; border: solid 1px #000000;   height:200px; }
	div.tch_detail div.lay_03 .top_lay { height:20px; }
	div.tch_detail div.lay_03 .top_lay ul li { float:left; }
	div.tch_detail div.lay_03 .top_lay ul li.cont_t1 { margin-right:3px; #margin-top:-2px; }
	div.tch_detail div.lay_03 .top_lay ul li.cont_t2 { margin-right:18px; color:#333333; }
	div.tch_detail div.lay_03 .mid_lay { width:646px; }
	div.tch_detail div.lay_03 .mid_lay table { padding:0px; margin:0px; width:642px; #margin-left:-4px;}
	div.tch_detail div.lay_03 .mid_lay .line_01 { background-color:#f8b500; height:4px; }
	div.tch_detail div.lay_03 .mid_lay .line_02{ background-color:#f0831e; height:4px; }
	div.tch_detail div.lay_03 .mid_lay .line_03 { background-color:#78affb; height:4px; }
	div.tch_detail div.lay_03 .mid_lay .line_04{ background-color:#308ed3; height:4px; }
	div.tch_detail div.lay_03 .mid_lay ul li { font-size:11px; color:#4e4e4e; text-align:left;  }
	div.tch_detail div.lay_03 .mid_lay .left { float:left; width:321px; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;  }
	div.tch_detail div.lay_03 .mid_lay .right{ float:left; width:321px; border-bottom:solid 1px #cccccc; }
	div.tch_detail div.lay_03 .mid_lay .cont_t2 { background-color:#f4f4f4; padding-top:7px; font-size:12px; font-weight:bold; text-align:center; height:30px; }
	div.tch_detail div.lay_03 .mid_lay .cont_t3 { background-color:#f4f4f4; padding-left:15px; }
	div.tch_detail div.lay_03 .mid_lay .cont_t4 { padding-left:15px; }
	div.tch_detail div.lay_04 { position:relative;  margin-top:10px; }
	div.tch_detail div.lay_04 ul .cont { clear:both; width:644px; height:60px; margin-top:5px;}
	div.tch_detail div.lay_04 ul .cont .cont_1 { float:left; border:solid 1px #cccccc; border-left:0px; }
	div.tch_detail div.lay_04 ul .cont .cont_1 .cont_2 { float:left; width:62px; height:51px; padding-top:9px; border-right:solid 1px #cccccc; }
	div.tch_detail div.lay_04 ul .cont .cont_1 .cont_3 { float:left; width:256px; height:38px; font-weight:bold; padding-top:22px; }
	div.tch_detail div.lay_04 ul .cont .cont_1 .cont_4 { float:left; width:62px; height:51px; padding-top:9px; border-left:solid 1px #cccccc;  border-right:solid 1px #cccccc; }
	div.tch_detail div.btm_lay { margin-top:10px; clear:both; height:20px; width:640px; text-align:right; }




/************ Community 6.9 추가 **********************/ 
	
	div.notice{ width:646px; }
	div.notice .box { height:32px; padding-top:10px; }
	div.notice .box2 { height:70px; padding-top:10px; }
	div.notice .box3 { clear:both; padding:30px 0 5px 0; }
	div.notice .box .lay01 { float:right; padding-left:7px; }
	div.notice .box .lay02 { float:left; }
	div.notice .box .lay01 select { margin-top:1px; height:18px; font:12px "돋움", verdana, sans-serif; border:solid 1px #95b483; }
	div.notice .file li { float:left; }
	div.notice .file li.ser_btn { overflow:hidden; width:65px; height:20px; background-image:url(/Images/Community/btn_search.gif); margin-left:10px;  }
	div.notice .file li.del_btn { margin-left:10px;  }


/* ****************************************************************************************************************************************************************************************************************/


/************ Community  **********************/ 
	
	div.notice1{ width:646px; }
	div.notice1 .box { height:32px; padding-top:10px; }
	div.notice1 .box2 { height:70px; padding-top:10px; }
	div.notice1 .box3 { clear:both; padding:30px 0 5px 0; }
	div.notice1 .box .lay01 { float:left; padding-left:7px; }
	div.notice1 .box .lay02 { float:left; }
	div.notice1 .box .lay01 select { margin-top:1px; height:18px; font:12px "돋움", verdana, sans-serif; border:solid 1px #95b483; }
	div.notice1 .file li { float:left; }
	div.notice1 .file li.ser_btn { overflow:hidden; width:65px; height:20px; background-image:url(/Images/Community/btn_search.gif); margin-left:10px;  }
	div.notice1 .file li.del_btn { margin-left:10px;  }


/* ****************************************************************************************************************************************************************************************************************/




	div.btn {   width:646px; height:26px; }
	div.btn ul.btn  { float:right;  margin:10px 0 0 0; }
	div.btn ul.btn li  {  float:left; padding-left:10px; }





	div.join div.divprbody{
	border:1px #e3e3e3 solid;
	background:#f7fdf1;
	font:12px/18px "돋움", verdana, sans-serif;
	color:#878787;
	scrollbar-highlight-color: #dbdbdb;
	scrollbar-shadow-color: #dbdbdb;
	scrollbar-arrow-color: #dbdbdb;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	overflow:auto;
	width:633px;
	height:180px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

input.nomal { height:15px;   padding-top:2px;  font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} 
input.w30 { width:30px; height:15px;   padding-top:2px;  font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} 
input.w40 { width:40px;  height:15px;  padding-top:2px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} 
input.w60 { width:60px; height:15px;   padding-top:2px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} 
input.w80 { width:80px;  height:15px; padding-top:2px;    font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} /**********  추가  2010.04.27  *************/
input.w200 { width:200px;  height:15px; padding-top:2px;    font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}
input.w250 { width:250px;  height:15px;  padding-top:2px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}
input.w350 { width:350px;  height:15px;  padding-top:2px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}
input.gray { height:17px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;} 
input.w80_b { width:80px;  height:15px; padding-top:2px;    font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #8391b4 solid; }/**********  추가  2010.05.27  *************/
input.w30_b { width:30px;  height:15px; padding-top:2px;    font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #8391b4 solid; }/**********  추가  2010.05.27  *************/
input.w80_g { width:80px;  height:15px; padding-top:2px;    font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #95b483 solid; }/**********  추가  2010.05.27  *************/
input.w65_file { width:65px; height:20px; filter:alpha(opacity=0); }
select.gray { height:17px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid; } 
select.green { height:18px; font:12px "돋움", verdana, sans-serif; border:solid 1px #95b483; }
textarea.w300 { width:300px;  height:60px;  padding-top:2px;   font:12px "돋움", verdana, sans-serif; color:#707070;  border:1px #c0c0c0 solid;}


/**********  추가 시작 2010.04.26  *************/
#pagenum { position:relative; margin:0 auto; width:312px; height:20px; } 
	#pagenum ul { width:312px; height:20px; }  
	#pagenum ul li.nob { width:15px; float:left; padding-top:2px;}
	#pagenum ul li.num01 { width:25px; float:left; text-align:center; color:#707070; font-size:11px; background:url('../images/Common/bg_num.gif') right top no-repeat;  }
	#pagenum ul li.num01
	/*  2010-10-13  */
	#pagenum ul li.num01 a,
	#pagenum ul li.num01 strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:normal;font-size:11px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}  
	#pagenum ul li.num01 a:hover,  
	#pagenum ul li.num01 a:active, 
	#pagenum ul li.num01 a:focus{color:#f26c4e; font-weight:bold;}

	#pagenum ul li.num02 { width:27px; float:left; text-align:center; color:#707070; font-size:11px;   }
	#pagenum ul li a:link, a:visited, a:active { color:#707070; text-decoration:none; }
	#pagenum ul li a:hover { color:#000000;  font-weight:bold;  text-decoration:underline;}


#pagenum2 { position:relative; margin:0 auto; width:646px; height:20px; margin-top:20px; } 
/* 2010-10-19 김민경 수정 */
	#pagenum2 table td.num01 { width:25px; text-align:center; background:url('../images/Common/bg_num.gif') right top no-repeat; padding-top:4px; font-size:11px; color:#ff6e3c;  font-weight:bold; }
	#pagenum2 table td.num01 a {  display:block;   font-size:11px; color:#ff6e3c;  font-weight:bold; margin-top:2px;}
	#pagenum2 table td.num01 a:link, a:visited, a:active {    color:#707070; f/*ont-size:11px;*/ text-decoration:none;  }
	#pagenum2 table td.num01 a:hover { font:11px "돋움", verdana, sans-serif; color:#ff6e3c;  font-weight:bold;}
	#pagenum2 table td.num01 a:focus { font:11px "돋움", verdana, sans-serif; color:#ff6e3c;  font-weight:bold;}
	#pagenum2 table td.num02 { width:27px; text-align:center; padding-top:4px; font-size:11px; color:#ff6e3c;  font-weight:bold; }
	#pagenum2 table td.num02 a {  display:block;   font-size:11px; color:#ff6e3c;  font-weight:bold; margin-top:2px;}
	#pagenum2 table td.num02 a:link, a:visited, a:active {    color:#707070; /*font-size:11px;*/ text-decoration:none;  }
	#pagenum2 table td.num02 a:hover { font:11px "돋움", verdana, sans-serif; color:#ff6e3c;  font-weight:bold;}
	#pagenum2 table td.num02 a:focus { font:11px "돋움", verdana, sans-serif; color:#ff6e3c;  font-weight:bold;}
	#pagenum2 table td.nob { width:15px; padding-left:3px; padding-top:8px;}/* 2010-10-19 김민경 수정 끝 */

/* UI Object */ 

/* 2010-10-13 페이징 스타일 다시 지정  */ 
.paginate_regular{padding:15px 0;text-align:center;line-height:normal}  
.paginate_regular a,  
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:normal;font-size:11px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}  
.paginate_regular a:hover,  
.paginate_regular a:active,  
.paginate_regular a:focus{color:#f26c4e; font-weight:bold;}  
.paginate_regular strong{color:#f60}  
.paginate_regular .direction{font-weight:normal;color:#767676; font-size:11px; white-space:nowrap}  
.paginate_regular .direction span{font-weight:bold;font-size:11px; }  
.paginate_regular .direction:hover, 
.paginate_regular .direction:active, 
.paginate_regular .direction:focus{background-color:#fff;  font-size:11px; color:#f26c4e; font-weight:bold;}  


/**********  추가 시작 2010.04.27  *************/
#layer_login { position:absolute;  left:0;  top:0; margin:0; width:456px; height:251px; background:url('../images/Common/bg_login.gif') left top no-repeat; } 
	#layer_login div.con { position:relative; left:14px; top:80px; width:330px; height:120px; }
	#layer_login div.con ul.inpu { width:200px; float:left; } 
	#layer_login div.con ul.inpu li.id {   width:200px; background:url('../images/Utility/icon_id.gif') -3px 3px no-repeat; padding-left:30px; height:25px; } 
	#layer_login div.con ul.inpu li.pass { width:200px;  background:url('../images/Utility/tit_pass.gif') -3px 7px  no-repeat; padding-left:30px; padding-top:5px; height:30px; }
	#layer_login div.con ul.right_bt {position:relative;  float:right; width:90px;  }
	#layer_login div.con ul.right_bt li.bt {  width:90px; padding-left:10px;  } 
	#layer_login div.con ul.right_bt li.save { width:90px;  height:25px; background:url('../images/Utility/img_id_save.gif')  30px 10px  no-repeat; text-align:left; padding-top:7px; padding-left:10px; }
	#layer_login div.con div.bot { clear:both: width:270px; padding-top:10px; }
	#layer_login div.con div.bot ul { width:365px; margin:0 auto; } 
	#layer_login div.con div.bot ul li { float:left; padding-right:3px; } 


/********** 추가 끝  *************/

#layer_deliver { position:absolute;  left:0;  top:0; margin:0; width:620px; height:330px; }
	#layer_deliver div.top { height:10px; width:620px; margin:0; padding:0;  } 
	#layer_deliver div.top { .margin-top:-3px; }
	#layer_deliver div.bg { height:320px; width:620px; background:url('../images/common/delivery_line_bg.gif')  left top repeat-y; } 

	#layer_deliver div.bg p {margin:6px 0 3px 13px; text-align:left; width:300px; float:left;}
	#layer_deliver div.bg table.del  { width:600px; }
	#layer_deliver div.bg table.del th.line { height:4px;  background-color:#abce34; border-right: solid 1px #ffffff ; }
	#layer_deliver div.bg table.del th.tit { font-size:11px;  height:30px;  background-color:#f4f4f4; border-right: solid 1px #ffffff ;   font-weight:bold ; text-align:center; color:#4e4e4e; line-height:18px;}
	#layer_deliver div.bg table.del td { height:30px; color:#101010;  padding-left:5px; ; text-align:left;}
	#layer_deliver div.bg table.del td ul { padding:0px; margin:0;  } 
	#layer_deliver div.bg table.del td ul li { float:left;  color:#4f504d; } 
	#layer_deliver div.bg table.del td ul li.line { float:left; width:15px; text-align:center; color:#4f504d; } 
	#layer_deliver div.bg table.del td ul li.input { float:left; text-align:left; padding:0; } 
	#layer_deliver div.bg table.del td ul li.bt { float:left; text-align:left; padding-left:5px;  } 
	#layer_deliver div.bg table.del td ul li span { display:block;  padding-top:5px; color:#4f504d; } 

	#layer_deliver div.bg table.del td.gray { height:23px; color:#101010;  background-color:#f4f4f4;  }
	#layer_deliver div.bg table.del td.line { height:1px;  background-color:#b3b3b3; }


	#layer_deliver div.bg div.del {   width:600px; height:26px; }
	#layer_deliver div.bg div.del ul.btn  { float:right;  margin:10px 0 0 0; }
	#layer_deliver div.bg div.del ul.btn li  {  float:left; padding-left:10px; }



/**********  추가 시작 2010.08.11  Flash jiho *************/

	#navigationPartWrap{ position:relative;}
	#navigationPartWrap #main_navi { position:absolute; left:0px; top:0px;z-index:993}
	#navigationPartWrap #main_ani { position:relative; left:0; top:0px; z-index:992; width:100%;}
	#navigationPartWrap #main_ani img { max-width:100%; }
	
	
	/*100811  수정*/
	[id$="todayNoticeBox"] { position:relative; width:100%; top:0; z-index:994; margin-bottom:20px; margin-top:20px;}

	
	/*100811  수정*/
	#todayInfoBoard {
		width: 100%;
		font-size: 15px;
		font-family: 'NanumSquareNeo';
		vertical-align:bottom
	}
	
	#todayInfoBoard th { border-bottom:1px solid #d8d9da; margin-bottom:20px; }
	#todayInfoBoard th img { border:0 ; padding-bottom:3px; float:left; }

	#todayInfoBoard tr {
		height:30px;
	}

	#todayInfoBoard tr.tit th,
	#todayInfoBoard tr.tit th a {
		font-family: 'NanumSquareNeo';
		font-weight:700;
		color:#3551a1;
		font-size:17px;
	}

	#todayInfoBoard tr.tit th a {
		font-size:15px;
	}

	#todayInfoBoard tr.tit th:first-child {
		text-align:left;
	}

	#todayInfoBoard tr.tit th:last-child {
		text-align:right;
	}

	#todayInfoBoard #firstContext { margin-top:9px ;!important}
	#todayInfoBoard #viewMore img { float:right}

	#todayInfoBoard .dateText {
		height:30px;
		color:rgba(0 0 0 / 0.3);
		font-weight:500;
		font-size: 14px;
		font-family: 'NanumSquareNeo';
		text-align:right;
	}

	#todayInfoBoard .todayContext{ text-align:left; color:#636363; font-weight:500;}
	
	/*100811  수정*/
	#todayInfoBoard .todayContext span {
		display: block;
		width: 100%;
		overflow: hidden;
		font-size: 14px;
		font-family: 'NanumSquareNeo';
	}
	


/**********  추가 끝 *************/


/************ postpage **********************/
#post_page { width:348px;}
/*
	#post_page  a:link, a:visited, a:active { color:#505050; text-decoration:none;}
	#post_page  a:hover { color:#24b0c9; text-decoration:none;}
*/

	#post_page  div ul { clear:both; }
	#post_page  div ul li { float:left; font:12px "돋움", helvetica, sans-serif; color:#101010; }
	#post_page  div ul.ser { background:url('../images/common/post_04_bg.gif'); height:30px; }
	#post_page  div ul.ser li.lay_01 { padding-left:35px; padding-top:5px; }
	#post_page  div ul.ser li.lay_02 { padding-left:13px; padding-top:5px;}
	#post_page  div ul.ser li.lay_01 input { width:220px; height:18px; border:0px; background-color:#efefef; }
	
	#post_page  div.cont { background:url('../images/common/post_05_bg.gif') repeat-y;  height:210px; width:348px; }
	#post_page  div.cont div.scroll { width:338px; height:190px; overflow-y:auto; scrollbar-highlight-color: #dbdbdb; scrollbar-shadow-color: #dbdbdb; scrollbar-arrow-color: #dbdbdb; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; }
	#post_page  div.cont div.scroll ul li.lay_01 { float:left; padding-left:15px; height:16px; width:48px;}
	#post_page  div.cont div.scroll ul li.lay_01 img { padding-top:3px; padding-right:2px;}
	#post_page  div.cont div.scroll ul li.lay_02 { padding:0 15px 10px 15px; width:225px;}





/* 퀵메뉴 Style */
table .quick { position:relative; float:left; vertical-align:top;  padding:0 width:67px; height:287px;margin:20px 0 0 3px; z-index:3;  }


td.scr01 {padding:0 height:53px; vertical-align:top; }
td.scr02 {padding:0 height:28px; vertical-align:top;  }
td.scr03 {padding:0 height:174px; vertical-align:top;  }
td.scr04 {padding:0 height:11px; vertical-align:top;  }
td.scr05 {padding:0 height:10px; vertical-align:top;  }
table .quick td span {  font:11px '돋움' 'Lucida Grande', } 
table .quick td strong  { color:#c40101; font-weight:bold; font-size:11px; } 


/* 풋터 Style */


/*신입입문과정*/
.tdStrong strong{font-weight:normal;background-color:#f9ffa0;}
.tdStrong span{font-weight:bold;}
.li2Row b{display:block;margin-bottom:5px;}