@charset "euc-kr";
@import url(common.css);
@import url(content_common.css);

/* [[ For Print ]] */
@media print {
	#content { float: none; padding: 0; margin: 0; }
	#skipNav,
	#header,
	#footer { display: none; }
}

/* = Glabal Framework
--------------------------------------------------------------------------------------------*/
#skipNav { position: absolute; left: -5000px; top: -5000px; }

html {overflow:hidden; overflow-y:scroll;}
html, body { width:100%; height:auto;}
body { background-image:none;}

/* = Page Header
--------------------------------------------------------------------------------------------*/

#header { width:100%; height:365px; position:relative; z-index:10;}
#headerArea {width:988px; margin:0 auto; position:relative; z-index:10; background-image:none;}

#header #mainArea { width:100%; position:absolute; top:25px; left:0; z-index:1;}

#header #utill { position:absolute; top:4px; right:21px; }
#header #utill li { float:left; margin:0 0 0 1px; font-size:0; line-height:0; display:inline-block; background:url(../../images/common/bar01.gif) left 5px no-repeat;}
#header #utill li.first { background:none;} 
#header #utill li a { display:block; padding:5px 6px 5px 8px;}
#header #utill li.userinfo { margin:5px 0 0 0; font-size:11px; line-height:13px; color:#336699; background-image:none;} /* 100127 son update */

#header #skipNav li { position: absolute; left: -5000px; top: -5000px; }
#header #skipNav ul .goSkip {position: absolute; left:0; top:0}
#header #skipNav ul .goSkip a { display:block; width:0; height:0; overflow:hidden;  font-size:0; line-height:0; color:#666;}
#header #skipNav ul .goSkip a:focus, #skipNav ul .goSkip a:active { display:block; width:auto; height:auto; font-size:12px; line-height:16px;}

#header h1 { position:absolute; top:32px; left:35px; z-index:1; line-height:0; font-size:0;}

/*noscript*/
#gnb { padding:25px 0 0 277px; z-index:100; position:relative;}
#gnb #topMenu li { float:left;}

/* = Page Container
--------------------------------------------------------------------------------------------*/
 #container { width:988px; margin:0 auto; text-align:center; position:relative;}
 #container #content { width:988px; text-align:left;}  /* modify 20100223*/

 #container #content:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
} /* update 20100223*/

#content h2 { height:79px; padding:0 0 0 1px; line-height:0; font-size:0; }

/* = Page Footer
--------------------------------------------------------------------------------------------*/
#footer { width:100%; height:142px; margin:40px 0 0 ; position:relative; z-index:1; background-color:#f5f5f5;}
#footerArea { width:988px; height:142px; position:relative; margin:0 auto; text-align:center;}

#footer .logo { position:absolute; top:64px; left:10px;}
#footer address { position:absolute; top:85px; left:232px;}

#footer .footer_utill { position:absolute; top:66px; left:232px;}
#footer .footer_utill li { float:left; padding:0px 8px; background:url(../../images/common/bar02.gif) left 3px no-repeat; line-height:0; font-size:0; }
#footer .footer_utill li a { display:block; padding:2px 0}
#footer .footer_utill li.first { padding:0 8px 0 0; background-image:none;}

#footer .partner { height:25px; position:absolute; top:27px; left:232px;}
#footer .partner li { float:left; line-height:0; font-size:0;}
#footer .partner .partner01 { margin:8px 19px 0 0;}
#footer .partner .partner02 { margin:0px 19px 0 0;}
#footer .partner .partner03 { margin:0px 19px 0 0;}
#footer .partner .partner04 { margin:4px 19px 0 0;}
#footer .partner .partner05 { margin:5px 0 0;}

#footer .footer_counter { position:absolute; top:66px; left:760px; width:234px; height:37px; background:url(../../images/main/main_counterbg.gif) no-repeat;}
#footer .footer_counter li { float:left; padding:25px 15px; line-height:0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:bold; color:#666; }
#footer .footer_counter li.num {color:#999}
#footer .footer_counter li.total { position:absolute;padding-left:120px }

#footerArea a#goTop { display:block; width:0; height:0; overflow:hidden;  position:absolute; right:0; bottom:0; font-size:0; line-height:0; color:#666; font-weight:normal; z-index:10;}
#footerArea a#goTop:focus, #footer a#goTop:active { display:block; width:auto; height:auto; font-size:12px; line-height:16px;}

.column_main01 { float:left; margin: 0 0 0 0;}
.column_main02 { width: 465px;  float:left; margin: 0 12px 0 0; }
.column_main03 { width:237px; float:right; overflow:hidden; text-align:left; }

.mainMapLayer { position: absolute; left:0; top:0;}

/* ¸ÞÀÎ ·Î±×ÀÎ ¿µ¿ª*/
.mainLoginArea { width:234px; overflow:hidden; position: relative; }
.mainLoginArea .id, .mainLoginArea .pw { width:188px; position:relative; }
.mainLoginArea .id img, .mainLoginArea .pw .selectbox_title, .mainLoginArea .pw select { position:absolute; left:0; top:0;}
.mainLoginArea .id img { margin: 4px 0 0;}
.mainLoginArea .id input { width: 100px; padding: 2px 4px 1px 4px; margin: 0 47px 0 76px; position:relative; z-index:10}
.mainLoginArea .pw input { width: 100px; padding: 2px 4px 1px 4px; margin: 0 47px 0 76px; position:relative; z-index:5}
* html .mainLoginArea .pw input { margin: -3px 47px 0 76px;}
*:first-child+html .mainLoginArea .pw input { margin: -3px 47px 0 76px;}
.mainLoginArea .id .textType { border-bottom:0; }

.mainLoginArea .go { text-align:right; margin: 4px 0 25px 0;}
.mainLoginArea .go a { font-size:0; line-height:0; }
.mainLoginArea .go a.find { margin: 0 5px 0 8px;}
.mainLoginArea .btn { position:absolute; right:0; top:-1px; }
* html .mainLoginArea .btn { position:absolute; right:0; top:0px; }
*:first-child+html .mainLoginArea .btn { position:absolute; right:0; top:0px; }

/* ÀÌ´ÞÀÇ Ãßõ ¼ö»ê¹°*/
.column_main02 .mainPriceArea { float:left; margin: 0 26px 0 0;}
.column_main02 .mainBanner { float:left; width: 176px;}
.column_main02 .mainBanner monthly_best { margin: 5px 0 0 0; display:block;}

/* ¸ÞÀÎ ´º½º */
.tabNews { width: 234px; overflow:hidden; margin: 0 0 5px;}
.tabNews li { float:left; position:relative;}
.newsMain { width:234px;}
.newsMain li { width:234px; overflow:hidden; position: relative; line-height: 20px; font-size: 11px; color: #545454; background:url(../../images/common/bg_dotline02.gif) left bottom repeat-x;}
.newsMain li a { display:block; width: 190px; height:20px; padding: 0 0 0 11px; margin: 0 40px 0 0; background:url(../../images/common/bul_rect0.gif) 4px center no-repeat; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsMain li a .new { position:absolute; top: 4px; }
.newsMain li .new { margin: 0 0 0 5px;}
.newsMain li span { display: block; width: 40px; text-align:right; position:absolute; right:3px; top:0; }


/* ¸ÞÀÎ ·Î±×ÀÎ ¿µ¿ª 20100306*/
.mainLogoutArea { width:234px; height: 77px; overflow:hidden; position: relative; }

.mainLogoutArea .btn { position:absolute; right:-3px; top:-1px; }
* html .mainLogoutArea .btn { position:absolute; right:-3px; top:0px; }
*:first-child+html .mainLogoutArea .btn { position:absolute; right:-3px; top:0px; }

.mainLogoutArea p { width: 165px; margin: 4px 0 0; text-align: right;  }
.mainLogoutArea .member { width: 165px; margin: 1px 0 0; color: #999999; text-align: right;  }
.mainLogoutArea .member img { margin: 2px 2px 0 5px; }
* html .mainLogoutArea .member img { margin: 0px 2px 0 5px; }
*:first-child+html .mainLogoutArea .member img { margin: 0px 2px 0 5px; }