@charset "utf-8";
/************************************************************************
 * 파일명      : main.css
 * 설명        : 기본, CSS import
 * 작성자      : 채경희
 * 작성일      : 2008.11.04
************************************************************************/

/* 공통 */
*	{margin:0; padding:0; border:0}
html	{height:100%; background-color:#FFF;}
body	{width:100%; color:#808080; font:12px Gulim}

a			{color:#808080; text-decoration:none}
a:hover		{color:#4d71a8; text-decoration:underline}
a:active	{color:#808080; text-decoration:none}

img    {border:0;}
p    {margin:0; padding:0}
ul, ol    {list-style:none; margin:0; padding:0}
ol, li    {margin:0; padding:0}
dl, dt, dd    {margin:0; padding:0; vertical-align:top}
img		{font-size:0}
table	{margin:0; padding:0; border-collapse:collapse}
table	td	{word-break:break-all;}
hr		{display:none}

h1, h2, h3, 
h4, h5, h6    {color:#808080; font:12px Gulim}

/* rollover */
a.rollover img				{display:inline}
a.rollover img.over			{display:none}
a.rollover:hover			{border:0px; cursor:pointer}
a.rollover:hover img		{display:none}
a.rollover:hover img.over	{display:inline}


/* form */
form,legend	{margin:0; padding:0}
input		{color:#808080; font:normal 12px Gulim, "굴림"; letter-spacing:0px; vertical-align:middle; }
input.txt	{height:14px; padding:4px 3px 0 5px; background-color:#FFF; border:1px solid #BCC8D8}
input.no	{margin:0px; padding:0; background:transparent; vertical-align:middle; border:none}
input.chk	{width:14px; height:14px}
input.chk2	{width:12px; height:12px}
input.file	{height:20px; border:1px solid #E5E5E5}
select		{color:#808080; height:20px; font:12px Gulim; border:1px solid #BCC8D8; vertical-align:middle}
textarea	{padding:8px 9px; border:1px solid #E5E5E5; color:#999; font:12px Gulim; vertical-align:middle}
textarea.txt	{border:1px solid #BCC8D8}

/* align */
.fl_left	{float:left}
.fl_right	{float:right}
.overflow	{overflow:auto; overflow:hidden; height:100%}
.clr		{clear:both; font-size:0; line-height:0}

.al_middle	{vertical-align:middle !important;}
.al_top		{vertical-align:top}
.al_btm		{vertical-align:bottom}
.al_left	{text-align:left}
.al_right	{text-align:right}
.al_center	{text-align:center}

.pos_rel	{position:relative;}
.none	{position:absolute; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

/* png */
img.Png24 {tmp:expression(setPng24(this))}

.hand		{cursor:pointer}

h1.noclass	{position:absolute; visibility:hidden; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
h2.noclass	{position:absolute; visibility:hidden; left:-3100px; top:-3100px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

#wrap	{width:100%; margin:0; padding:0}
#util	{position:relative; width:960px; height:30px; margin:0 auto; z-index:1000;}
#gnb	{position:relative; width:100%; height:730px; background-color:#FFF; z-index:1000;}
.gnb_flash	{position:absolute; left:0; top:0; width:100%; height:625px; z-index:200;}
#main_f	{position:absolute; width:100%; z-index:210}

/*utility*/
.util_menu	{float:right; margin-top:11px;}
.util_menu	li	{float:left; padding:0 6px 0 5px; background:url('/kr/images/common/line_util.gif') no-repeat right 3px}
.util_menu	li.alt	{padding:0 0 0 5px; background:none}

.skip_navi	{position:absolute; visibility:hidden; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

/*footer*/
#footerWrap	 {position:relative; width:100%; height:60px; z-index:2000; background:url('/kr/images/common/bg_footer.gif') repeat-x}
#footer	{position:relative; width:970px; height:60px; margin:0 auto; padding:0; z-index:10}
#footer	address	{display:block; position:absolute; left:4px; top:19px}
#footer	.privacy	{position:absolute; right:0; top:15px}
#footer	.familysite	{position:absolute; right:5px; top:34px}
#footer	.familysite	.select	{position:relative; z-index:50}
#footer	.familysite	.select	ul	{width:100px; height:90px; padding:3px 5px 0; background:url('/kr/images/main/footer_bg_select.gif') no-repeat; }
#footer	.familysite	.select	li	{font-size:0; line-height:0}
#footer	.familysite	.select	li	a	img	{display:block; padding:3px 0; font-size:0; vertical-align:top}
#footer	.familysite	.select	li	a	.over	{display:none}
#footer	.familysite	.select	li	a:hover	 {border:0 none}
#footer	.familysite	.select	li	a:hover	 img	{display:none}
#footer	.familysite	.select	li	a:hover .over	{display:block}
#footer	.privacy	li	{display:inline; float:left; margin-right:5px; padding:0 5px 0 0; background:url('/kr/images/common/line_footer_bar.gif') no-repeat right 8px}
#footer	.privacy	li	a	{display:block; padding:5px 0; font-size:0}
#footer	.privacy	li.alt	{margin:0 0 0 -6px; width:1px; height:14px; padding:0; background:none #E8E8E8}
#footer	.privacy	li.alt	img	{position:absolute; right:119px; top:23px}
#footer	#select_familysite	{position:absolute; left:0; top:-5000px;}

.footer_map {width:960px; height:154px; margin:0 auto; background:#fff;}
.footer_map ul.map_list {margin-left:31px;}
.footer_map ul li.fl_left {float:left; margin-left:59px;}
.footer_map ul li.fl_left.mg0 {margin-left:0;}
.footer_map ul li h3 {padding-left:10px; background: url('/kr/images/main/footer_map/bl_purdot.gif') no-repeat left 3px;}
.footer_map ul li ul {width:132px;}
.footer_map ul li ul li {margin-top:4px; padding:0 0 3px 11px; border-bottom:1px solid #f1f1f1; background: url('/kr/images/main/footer_map/bl_graydot.gif') no-repeat 3px 4px;}
.footer_map ul li ul li.first {margin-top:12px;}
.footer_map ul li ul li.end {border-bottom:none;}