@charset "utf-8";
/**************************************
LAYOUT CSS
GNB, LNB, FOOTER....
TEMPLETS FRAME exclusive of CONTENT
**************************************/

/* GNB */
/* GNB */
/* GNB */
/* GNB */
/* GNB */
#ztopallbar	{/* position: relative; */ min-width: 100%; background:url('../image/common/topbarbg.jpg'); width: 100%; ruby-align:center; height:105px; z-index: 4;}
#gnb	{/* position: relative; */ min-width: 1000px; MARGIN: 0px auto; width: 1000px; height:105px; z-index: 4; overflow:hidden}
#gnb h1	{margin: 17px 0px 0px 0px; padding: 0px; float: none; position:absolute} /* LOGO */
#gnb h1 a	{border: 0px;}
#gnb .zotopright  {float:right; margin: 22px 0px 0px 0px;}
#gnb .zotopright01  {margin: 6px 10px 0px 0px;}
#gnb .zotopright02  {margin: 6px 0px 0px 0px;}
.zotopright12050710  {margin: 6px 0px 0px 10px;}
.zotopright12050710_2  {
	margin: 0px 0px 0px 246px;
}
.zotopright12050712  {margin: 6px 0px 0px 3px;}
#gnb .zotopright03  {margin: 6px 10px 0px 0px;}
#gnb .zotopright04  {margin: 6px 10px 0px 0px;}
#gnb .zotopright05  {margin: 6px 10px 0px 0px;}
#gnb .zotop2right  {float:right; margin: -2px 0px 0px 0px;}
.zotoprightname {margin:0px 10px 0px 0px; font-size:11px; color:#999; vertical-align:top; float:left}
#gnb div {margin: 60px 0px 0px 0px; float:none}
#gnb div ul.sf-menu { margin-bottom: 0px; padding: 4px 0px 0px 0px;}
#gnb div ul.sf-menu a { padding: 0px 0px; border: 0px;  font-size: 12px; line-height: 100%;}
#gnb div ul.sf-menu a:focus, #gnb div ul.sf-menu a:hover, #gnb div ul.sf-menu a:active { background-color: transparent;}
#gnb div ul.sf-menu li {background: url('../image/common/gnb_bar.jpg') no-repeat 0 50%; padding-left: 2px; font-size: 0px; line-height: 0;}
#gnb div ul.sf-menu li {float:left;}
/*
	#sf-menu1 - 보컬
	#sf-menu2 - 작곡
	#sf-menu3 - 작사
	#sf-menu4 - 기타
	#sf-menu5 - 피아노
	#sf-menu6 - 음악통론
*/
/* 	GNB 
	간격(위치) 조정  MARGIN 값으로 조정
*/
#gnb div ul.sf-menu li:first-child 	{padding-left: 0px;}
#gnb div ul.sf-menu li				{margin-top: 0px; z-index: 3;}
#gnb div ul.sf-menu li.sf-menu1		{padding-left: 0px; margin-left: 10px;}
#gnb div ul.sf-menu li.sf-menu2		{padding-left: 10px; margin-left: 10px;}
#gnb div ul.sf-menu li.sf-menu3		{padding-left: 10px; margin-left: 10px;}
#gnb div ul.sf-menu li.sf-menu4		{padding-left: 10px; margin-left: 10px;}
#gnb div ul.sf-menu li.sf-menu5		{padding-left: 15px; margin-left: 10px;}
#gnb div ul.sf-menu li.sf-menu6		{padding-left: 20px; margin-left: 15px;}
#gnb div ul.sf-menu li.sf-menu7		{padding-left: 20px; margin-left: 20px;}	
/* 	GNB 
	1DEPTH 메뉴의 BACKGROUND-IMAGE & WIDTH  
	EX)
	#sf-menu1 		: DEFAULT CSS
	#sf-menu1 a:hover 		: 마우스오버시 버튼색변경
	body#sf-menugo1 #sf-menu1 : 해당 카테고리일경우 불켜기

*/
#sf-menu1 			{background:url('../image/common/topbu01.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu11 a:hover  {background:url('../image/common/topbu01.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}
body#sf-menugo1 #sf-menu1 {background:url('../image/common/topbu01.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}

#sf-menu2 			{background:url('../image/common/topbu02.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu22 a:hover  {background:url('../image/common/topbu02.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}
body#sf-menugo2 #sf-menu2 {background:url('../image/common/topbu02.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}

#sf-menu3			{background:url('../image/common/topbu03.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu33 a:hover  {background:url('../image/common/topbu03.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}
body#sf-menugo3 #sf-menu3 {background:url('../image/common/topbu03.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}

#sf-menu4 			{background:url('../image/common/topbu04.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu44 a:hover  {background:url('../image/common/topbu04.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}
body#sf-menugo4 #sf-menu4 {background:url('../image/common/topbu04.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}

#sf-menu5 			{background:url('../image/common/topbu05.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu55 a:hover  {background:url('../image/common/topbu05.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}
body#sf-menugo5 #sf-menu5 {background:url('../image/common/topbu05.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}

#sf-menu6 			{background:url('../image/common/topbu06.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu66 a:hover  {background:url('../image/common/topbu06.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}	
body#sf-menugo6 #sf-menu6 {background:url('../image/common/topbu06.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}

#sf-menu7 			{background:url('../image/common/topbu07.jpg')   no-repeat; background-position: 0 0px; width: 65px; height: 41px; padding: 0px;}
#sf-menu77 a:hover  {background:url('../image/common/topbu07.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}	
body#sf-menugo6 #sf-menu7 {background:url('../image/common/topbu07.jpg')   no-repeat; background-position: 0 -41px; width: 65px; height: 41px; padding: 0px;}
/* 	GNB 
	TEXT 안보이도록 처리  
*/


#sf-menu1, #sf-menu2, #sf-menu3, #sf-menu4, #sf-menu5, #sf-menu6, #sf-menu7		{text-indent: -5000px;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.sf-menu {
line-height:	1.0;
}
.sf-menu li.current {
background:#666666;
}
.sf-menu ul {
position:		absolute;
top:			-999em;
width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:			100%;
}
.sf-menu ul li.current {
background:#666666;
}
.sf-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:			left;
position:		relative;
}
.sf-menu a {
display:		block;
position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:			0;
top:			2.5em; /* match top ul list item height */
z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
float:			left;
margin-bottom:	1em;
}
.sf-menu a {
border-left:	1px solid #fff;
border-top:		1px solid #CFDEFF;
padding: 		.75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#13a;
}
.sf-menu li {
background:		#BDD2FF;
}
.sf-menu li li {
background:		#AABDE6;
}
.sf-menu li li li {
background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:		#CFDEFF;
outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 	2.25em;
min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			.75em;
top:			1.05em; /* IE6 only */
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url('file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:			.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}




/*** ESSENTIAL STYLES ***/
.zsf-menu, .zsf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.zsf-menu {
line-height:	1.0;
}

.zsf-menu ul {
position:		absolute;
top:			-999em;
}
.zsf-menu ul li {
width:			100%;
}

.zsf-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.zsf-menu li {
float:			left;
position:		relative;
}
.zsf-menu a {
display:		block;
position:		relative;
}
/*	LNB  */
/*	LNB  */
/*	LNB  */
/*	LNB  */
/*	LNB  */
#lnb  {width: 165px; margin-top: 55px; #margin-top: 54px; float:left; display: block;  background:#fff;}
#lnb h2 {padding: 0px 0 8px 0; margin: 0px; border-bottom: 1px solid #efefef;/*  #min-height: 34px; */ line-height: 0;}/* 2DEPTH */
#lnb ul {margin: 0px; padding: 0px; list-style: none;}
#lnb ul li	{border-bottom: 1px solid #efefef;}
#lnb ul li a {display: block; padding: 9px 0px 8px; #padding: 4px 0 3px; font-size: 12px;}
#lnb ul li ul {margin: 0px; padding: 0px; list-style: none;}
#lnb ul li ul li {line-height: 0;font-size: 0px; border-bottom: 0px;}
#lnb ul li ul li a {display: block; padding: 5px 0px 4px; position: relative; font-size: 12px;}
#lnb ul li ul li:first-child a {display: block; padding: 2px 0px 4px;}
#lnb ul li ul li.last a {display: block; padding: 5px 0px 13px; position: relative;}

#lnb .quick	{margin: 20px 0;font-size: 0px; line-height: 0;}
#lnb .quick ul {margin: 0px; padding: 0px; list-style: none; font-size: 0px; line-height: 0;}
#lnb .quick ul li {font-size: 0px; line-height: 0; border: 0px;}
#lnb .quick ul li a {font-size: 0px; line-height: 0;}
#lnb .quick ul li img {font-size: 0px; line-height: 0; margin: 0px auto; padding: 0px;}
/* 	LNB
	라이프스타일별 보험상품 CSS
*/
#lnb .quick ul.insu {background:url('/templets/detail/img/quick_insu_bg.gif') left bottom no-repeat; padding: 0px; height: 73px; font-size: 0px; line-height: 0; text-align:center;}
#lnb .quick ul.insu li a {display:block; margin-top: 0px;font-size: 0px; line-height: 0; padding: 0px; border: 0px;}
/* 	LNB
	한줄짜리 QUICK BANNER
*/
#lnb .quick ul.cust {background:url('/templets/detail/img/quick_bg.gif') left bottom no-repeat; padding: 7px 0 0 0; height: 47px; font-size: 0px; line-height: 0; text-align:center;}
#lnb .quick ul.cust li a {display:block; margin-top: 0px 0 0 10px;font-size: 0px; line-height: 0; padding: 0px; border: 0px;}

/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
#footer		{text-align:left;min-width: 1000px;font-size: 0px; line-height: 0; margin-bottom: 0px; padding-top:50px}




#footer	div, #footer p, #footer ul, #footer li {font-size: 0px; line-height: 0;}
/*	FOOTER 
	공시실 메뉴
*/
#footer div.quick {border-top: 1px solid #c1c2c3; background:#f2f2f2; height:300px}
#footer div.quick div 			{min-width: 1000px; width: 1000px; background:url('../image/common/buttom_2bg.jpg') no-repeat; height:77px; overflow: hidden; margin: 0 auto; text-align:left;}
#footer div.quick div ul 		{float:left; margin: 13px 0px 0px 110px; #margin-top: 15px; padding: 0px; list-style: none;}
#footer div.quick div ul li 	{float:left; left: 50% no-repeat; padding: 0px 9px 0px 10px;}
#footer div.quick div ul li:first-child {background: transparent;}

/* 	FOOTER
	CS센터 등 전화번호(하단 오른쪽 위치)
*/
#footer div.quick div.copytel {float:right; width: 0px; margin-top: -10px; no-repeat; height:0px;text-indent: -9999px; position: relative;} 


/* 일반 메뉴 용 CONTENT WRAP */
#layout_content  		{width: 765px; float:right; margin: 0 0 80px 0; min-width: 765px; font-size: 12px;}
/* LNB가 없는 메뉴 용 CONTENT WRAP */
#layout_content-common  {margin: 0 0 80px 0; min-width: 980px; font-size: 12px;}

.content { height: auto;}


/* 타이틀 이미지 */
h3 {}
/* 타이틀 이미지 밑으로 라인이 있는 경우 사용 */
#doctitle.line 	{height: 44px; border-bottom: 1px solid #cacaca; margin-bottom: 27px;}
/* 타이틀 이미지영역 안에 bg를 사용 하는 경우 */
#doctitle.lpbg 	{height: 54px; background: url('/templets/detail/img/lp_tlbg.gif') top right no-repeat;}
#doctitle.lpbg2 {height: 54px; background: url('/templets/detail/img/lp_tlbg2.gif') top right no-repeat;}
/* 타이틀 이미지 일반 CSS */
#doctitle	   	{height: 54px;}

	/* 톱 서치부분 CSS */
.sta_wrap h1,.sta_wrap ul,.sta_wrap li,.sta_wrap form,.sta_wrap fieldset,.sta_wrap legend,.sta_wrap input,.sta_wrap label,.sta_wrap a,.sta_wrap img{
	margin:0;padding:0;font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:14px;line-height:15px
	}
.sta_wrap img,.sta_wrap fieldset{border:none}
.sta_wrap legend{display:none}
.sta_wrap:after{display:block;clear:both;content:''}
.sta_wrap a{color:#646464;text-decoration:none}
.sta_wrap .srch_box{float:left; position:relative;}
.sta_wrap .srch_box .srch_box_sub{float:left; height:26px; margin-right:4px;_margin-right:1px; border:5px solid #84d6fe; overflow:hidden}
.sta_wrap .srch_box .btn_srch{margin-left:-1px;font-size:0;zoom:1}
/* 톱 서치부분중 텍스트박스 안 백그라운드 CSS */
#usarch {
	float:left;width:422px;height:26px;padding:1px 0 0 7px;border:0; font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:14px; background-color:#0FF; 
	background: url("/images/1211/topsaerbg.gif") no-repeat 0px 0px;
}
.focus.input_textsar {
	background: rgb(255, 255, 255) !important; border: 0px solid rgb(85, 169, 235);
}
.focusnot.input_textsar {
	background: rgb(255, 255, 255) !important;
}

/*메인 중간 큰 베너*/
#mainbigconall	{/* position: relative; */ min-width: 100%; background:url('../image/main/bigmainbg.jpg'); width: 100%; ruby-align:center; height:403px; z-index: 4;}
#mainbig1000	{/* position: relative; */ min-width: 1000px; MARGIN: 0px auto; width: 1000px; height:403px; z-index: 4; overflow:hidden;}
#mainbig1000 .mainshow { float:left; padding-top:24px}
#mainbig1000 .maintext { float:right; padding-top:24px}
#mainbig1000 .mainser_bu { float:right; padding-right:221px}


#mainbig1001	{/* position: relative; */ min-width: 1000px; MARGIN: 0px auto; width: 1000px; height:30px; padding-top:80px; text-align:center; }
/*서브 페이지상단2차 카테고리 */	
#subcalogin #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 0px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcaidsearch #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -44px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcapwsearch #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -88px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist01_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -132px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist01_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -176px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist01_02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -220px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist02_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -264px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist02_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -308px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist03_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -352px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist03_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -396px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist04_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -440px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist04_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -484px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist04_02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -528px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist05_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -572px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist05_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -616px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist05_02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -660px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist06_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -704px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist06_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -748px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist07_00 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -792px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist07_01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -836px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#subcalecturelist07_02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -880px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#payment01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -924px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#payment02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -968px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#mylecture01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1012px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#mylecture02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1056px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#mylecture03 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1100px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#mylecture04 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1144px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#mylecture05 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1188px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#company01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1232px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#company02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1276px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#company03 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1320px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#center01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1364px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#center02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1408px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#center03 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1452px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#edu_center01 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1496px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#edu_center02 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1540px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#edu_center03 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1584px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#edu_center04 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1628px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}
#edu_center05 #subInfotop {width:1000px; height:44px; background: url('../image/common/subtop_allbg.gif') no-repeat 0 0;background-position: 0 -1672px; margin:20px auto 20px auto; text-align:left; overflow:hidden;}


#company01bg{ background: url(../image/company/aboutmain01.jpg) no-repeat 0 0; width:1000px; height:829px; margin-top:-20px; text-indent: -8000px;}
#company02bg{ background: url(../image/company/aboutmain02.jpg) no-repeat 0 0; width:1000px; height:880px; margin-top:-20px; text-indent: -8000px;}
#company03bg{ background: url(../image/company/aboutmain03.jpg) no-repeat 0 0; width:1000px; height:880px; margin-top:-20px;}
#center01bg{ background: url(../image/center/center01bg.jpg) no-repeat 0 0; width:1000px; height:800px; text-indent: -8000px;}
#subInfotop ul.zsf-menu { margin-bottom: 0px; padding: 4px 0px 0px 0px;}
#subInfotop ul.zsf-menu li {float:left;}

/* 
	간격(위치) 조정  MARGIN 값으로 조정
*/
#subInfotop ul.zsf-menu li:first-child 	{padding-left: 0px;}
#subInfotop ul.zsf-menu li				{margin-top: 0px; z-index: 3;}
/*기본버튼간격조정*/
#subInfotop ul.zsf-menu li.zsf-menu1{padding-left: 0px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu2{padding-left: 10px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu3{padding-left: 8px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu4{padding-left: 8px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu5{padding-left: 8px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu6{padding-left: 8px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu7{padding-left: 8px; margin-left: 0px;}
#subInfotop ul.zsf-menu li.zsf-menu9{padding-left: 8px; margin-left: 0px;}
/*기본버튼크기조정*/
#zsf-menu1 {width: 150px; height: 41px; padding: 0px;}
#zsf-menu2 {width: 115px; height: 41px; padding: 0px;}
#zsf-menu3 {width: 115px; height: 41px; padding: 0px;}
#zsf-menu4 {width: 115px; height: 41px; padding: 0px;}
#zsf-menu5 {width: 115px; height: 41px; padding: 0px;}
#zsf-menu6 {width: 115px; height: 41px; padding: 0px;}
#zsf-menu7 {width: 115px; height: 41px; padding: 0px;}
#zsf-menu9 {width: 220px; height: 41px; padding: 0px;}

/*로긴페이지간격조정*/
/*	body#login #subInfotop ul.zsf-menu li.zsf-menu1		{padding-left: 160px; margin-left: 0px;}
body#login #subInfotop ul.zsf-menu li.zsf-menu2		{padding-left: 10px; margin-left: 0px;}
body#login #subInfotop ul.zsf-menu li.zsf-menu3		{padding-left: 10px; margin-left: 0px;}*/
/*로긴페이지버튼크기조정*/
/*	body#login #zsf-menu1 {width: 95px; height: 41px; padding: 0px;}
body#login #zsf-menu2 {width: 105px; height: 41px; padding: 0px;}
body#login #zsf-menu3 {width: 120px; height: 41px; padding: 0px;}*/

/* 	GNB 
	TEXT 안보이도록 처리  
*/
#zsf-menu11, #zsf-menu22, #zsf-menu33, #zsf-menu44, #zsf-menu55, #zsf-menu66, #zsf-menu77{text-indent: -5000px;}



/*서브 컨텐츠영역*/
#subInfo {width:1000px; margin:30px auto; min-height: 450px;}

/*로그인페이지*/
#subInfo #loginallbg{width:808px; height:319px; text-align:center;  margin:30px auto 30px auto; padding:30px 0px 30px 0px; background: url('../image/login/loginbg.jpg') no-repeat 0 50%;}
#subInfo #loginallbg .memberbox3{ width:808px}

.login-box {width:350px; margin: auto; padding-top:70px;}
.login-box .line-wrap {text-align:left; padding-bottom:8px}
.login-box select.select1204 { width:237px; height:28px; font-size:14px}
.login-box .uid { padding-bottom:8px}
.login-box .upw { padding-bottom:5px}
.login-box .login-btn { float:right; margin:-100px 0px 0px 0px; z-index:40;}
.btnAc {margin-top:5px; float:left; padding-left:230px;}

.login-box2 {width:240px; margin: auto; padding-top:70px;}
.login-box2 .line-wrap {text-align:left; padding-bottom:8px}
.login-box2 select.select1204 { width:237px; height:28px; font-size:14px}
.login-box2 .uid { padding-bottom:8px}
.login-box2 .upw { padding-bottom:5px}
.login-box2 .login-btn { float:right; margin:-100px 0px 0px 0px; z-index:40;}
.btnAc2 {margin-top:5px; padding-left:0px;}	
	
/*텍스트박스안 */

#uname {
	background: url("../image/login/logintextbg03.jpg") no-repeat 0px 50% rgb(255, 255, 255);
}
#uid {
	background: url("../image/login/logintextbg01.jpg") no-repeat 0px 50% rgb(255, 255, 255);
}
#upw {
	background: url("../image/login/logintextbg02.jpg") no-repeat 0px 50% rgb(255, 255, 255);
}
#uemail {
	background: url("../image/login/logintextbg04.jpg") no-repeat 0px 50% rgb(255, 255, 255);
}

.input_textbig {
	padding: 3px 2px 0px 0px; border: 1px solid rgb(190, 190, 190); width: 228px; height: 22px; color: rgb(68, 68, 68); font-size: 14px; vertical-align: top; display: block; position: relative; _width: 234px; _height: 22px;padding-left:5px;
}
.input_text {
	padding: 3px 2px 0px; border: 1px solid rgb(190, 190, 190); width: 191px; height: 24px; color: rgb(68, 68, 68); font-size: 14px; vertical-align: top; display: block; position: relative; _width: 200px; _height: 24px;padding-left:5px;
}
.focus.input_text {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(98, 98, 98);padding-left:5px;
}
.focus.input_text {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(98, 98, 98);padding-left:5px;
}
.focusnot.input_text {
	background: rgb(255, 255, 255) !important;padding-left:5px;
}
.focus.input_textbig {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(98, 98, 98); padding-left:5px;
}
.focus.input_textbig {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(98, 98, 98);padding-left:5px;
}
.focusnot.input_textbig {
	background: rgb(255, 255, 255) !important; padding-left:5px;
}

/*강좌리스트 컨텐츠영역*/
#lecturelistInfo {background: url("../image/lecture/top3bg.jpg") no-repeat; width:982px; height:139px; margin:30px auto 30px auto; text-align:center;}


#lst2all {width:982px}
#lst2all .top3h3 { display:none}
#lst2all .lst2 li {line-height: 1.2; margin-bottom: 20px; float:left; display:inline; text-align:left; padding:36px 0px 0px 23px; width:300px;}
.lst2 img {margin-right: 7px; float: left;}
#lst2lilist {width:160px; height:29px; float:right; position:absolute; margin:0px 0px 0px 143px;line-height: 1.2; text-overflow:ellipsis;overflow:hidden;}
#lst2lilist2 {width:160px; height:16px; float:right; position:absolute; margin:42px 0px 0px 143px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; color:#1f86df;}
#lst2lilist3 {width:160px; height:18px; float:right; position:absolute; margin:57px 0px 0px 143px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; font-size:11px}
.lst2lilist3_1 {color:#1f86df; font-size:11px}
.lst2lilist3_2 {color:#1f86df; font-size:12px}
.lst2lilist3_3 {color:#1f86df; font-size:12px; font-weight:bold}

#lectconlistall {
	width:986px;
	margin: 0 auto;
}


.textLimit {
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.textLimit100 {
width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.inputHidden {
border: currentColor; -webkit-appearance: none; -webkit-box-shadow: none;
}
.inputHidden:focus {
border: currentColor; -webkit-appearance: none; -webkit-box-shadow: none;
}

.contentTitle .ftitle {
color: rgb(52, 149, 216); line-height: 18px; font-size: 18px; vertical-align: middle;
}
.contentTitle .stitle {
vertical-align: bottom;
}
.videoList {
list-style: none; margin-left: -15px;
}
.videoList li {
margin: 0px 0px 18px 15px; width: 235px; height: 190px; float: left;
}
.videoList li a {
background: rgb(255, 255, 255); padding: 8px; border-radius: 10px; border: 1px solid rgb(188, 184, 181); width: 219px; height: 176px; display: block; position: relative; cursor: pointer;
}
.videoList li a:hover {
border: 1px solid rgb(73, 161, 225); box-shadow: 0px 0px 20px #49a1e1;
}
.videoList li a:hover .more {
display: block;
}
.videoList li a:hover .vtitle {
color: rgb(73, 161, 225);
}
.videoList .vimg {
border-radius: 10px; width: 219px; height: 120px;
}
.videoList .more {
right: 7px; bottom: 8px; display: none; position: absolute;
}
.videoList .vtitle {
font-size: 14px; margin-top: 10px; display: block;
}
.videoList .title {
width: 180px; vertical-align: middle; display: inline-block;
}

.videoList12050413 {
margin-left: 0px; float:left
}
.videoList12050413 .videoList120504 {
margin: 0px 0px 30px 0px; width: 235px; height: 190px;
}
.videoList12050413 .videoList120504 a {
background: rgb(255, 255, 255); padding: 8px; border-radius: 10px; border: 1px solid rgb(188, 184, 181); width: 219px; height: 176px; display: block; position: relative; cursor: pointer;
}
.videoList12050413 .videoList120504 a:hover {
border: 1px solid rgb(73, 161, 225); box-shadow: 0px 0px 20px #49a1e1;
}
.videoList12050413 .videoList120504 a:hover .more {
display: block;
}
.videoList12050413 .videoList120504 a:hover .vtitle {
color: rgb(73, 161, 225);
}
.videoList12050413 .vimg {
border-radius: 10px; width: 219px; height: 120px;
}
.videoList12050413 .more {
right: 7px; bottom: 8px; display: none; position: absolute;
}
.videoList12050413 .vtitle {
font-size: 14px; margin-top: 10px; display: block;
}
.videoList12050413 .title {
width: 180px; vertical-align: middle; display: inline-block;
}

img {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; color: rgb(102, 102, 102); line-height: normal; font-family: "돋움","dotum","Dotum","AppleGothic","Sans-serif"; font-size: 100%; vertical-align: top;
}
.videoList .recommendIcon {
background: url("../image/lecture/ico_recommend.png") no-repeat left top; left: 0px; top: 0px; width: 49px; height: 50px; position: absolute;
}
.videoList .recommendIcon_free {
background: url("../image/lecture/ico_recommend_free.png") no-repeat left top; left: 0px; top: 0px; width: 49px; height: 50px; position: absolute;
}
.videoList .recommendIcon_50 {
background: url("../image/lecture/ico_recommend_50.png") no-repeat left top; left: 0px; top: 0px; width: 49px; height: 50px; position: absolute;
}
.lst2 li a {
border-radius: 10px; border: 0px solid ; display: block; position: relative; cursor: pointer;
}

.lst2 .recommendIcon1 {
background: url("../image/lecture/ico_recommend1.png") no-repeat left top; left: 0px; top: 0px; width: 49px; height: 50px; position: absolute;
}
.lst2 .recommendIcon2 {
background: url("../image/lecture/ico_recommend2.png") no-repeat left top; left: 0px; top: 0px; width: 49px; height: 50px; position: absolute;
}
.lst2 .recommendIcon3 {
background: url("../image/lecture/ico_recommend3.png") no-repeat left top; left: 0px; top: 0px; width: 49px; height: 50px; position: absolute;
}


.hidden {
display: none !important; visibility: hidden;
}

/*강좌상세영역*/
.dtview0426all {
	width:982px;
	padding:10px 0px 0px 0px; margin:0 auto
}
.dtview0426all2 {
	width:986px;
	margin:20px auto;
	
}
.dtview050815 {
	width:800px;
	margin:80px auto 0px auto;
	
}
.dtview0426all2050416 {
	width:730px;
	margin:0 0 0 0;
	float:right;
	
}
.dtview0426all2050419 {
	width:730px;
	margin:0 0 20px 0;
	float:right;
	
}
.dtview0426all2050710 {
	width:100%;
	margin:0 0 30px 0;
	
}
/*페이지넘김*/
.pageno {
	padding: 15px 0px; text-align: center; margin-top: 30px;
}
.pageno img {margin-top:2px}
.pageno a {
	padding: 2px 10px; color: rgb(153, 153, 153); line-height: 1.4; margin-right: -6px; display: inline-block; _position: relative; vertical-align:top
}
.pageno normal {
	padding: 5px 10px; color: rgb(153, 153, 153); line-height: 1.4; margin-right: -6px; display: inline-block; _position: relative;
}
.pageno strong {
	padding: 2px 10px; color: rgb(51, 51, 51) !important; line-height: 1.4; text-decoration: underline; margin-right: -6px; display: inline-block; _position: relative;
}
.pageno a:hover {
	background-color: rgb(255, 255, 255);
}
.pageno a:active {
	background-color: rgb(255, 255, 255);
}
.pageno a:focus {
	background-color: rgb(255, 255, 255);
}
.pageno a.pre {
	padding: 2px 0px 1px; text-decoration: none; background-color: rgb(255, 255, 255);
}
.pageno a.next {
	padding: 2px 0px 1px; text-decoration: none; background-color: rgb(255, 255, 255);
}

.120503contopbar {width:100%; padding:10px 0 10px 0}

#1211topbar a { font-size:20px; font-weight:bold; color:#FFF }
#1211topbar a:visited			{font-size:20px; color: #FFF; text-decoration: none;}
#1211topbar a:hover, a:focus	{ font-size:20px; color: #FFF; text-decoration: none;}

#sf-1211 a:hover  { background-color:#CFDEFF}