body
{
	width:100%; height:100%;
	FONT-FAMILY: "dotum" "gulim", "Arial", "sans-serif";
	padding: 0px; margin: 0px;
	display:inline-block; float:left;position:relative;
	background-color: #fff; font-size: 11px; color: #4F5155;
	SCROLLBAR-FACE-COLOR: #e7e7e7;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #6c6c6c;
	SCROLLBAR-3DLIGHT-COLOR: #c9c9c9;
	SCROLLBAR-ARROW-COLOR: #9A9A9A;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	font-size:11px;
}
img {border:0px;}
a {cursor:pointer;}

.pagingCell {text-align:center; height:26px; vertical-align:bottom; float:none; width:auto; margin:10px auto; border:none !important;}
.firstPage { border:none !important;}
.currentPage {font-weight:bold; width:auto; padding:0px 2px; text-align:center; vertical-align:bottom; border:none !important;}
.pageNumber {font-color:#595959;  width:auto; padding:0px 2px; text-align:center; vertical-align:bottom; border:none !important;}

#commonCalendar {position:absolute;float:left; width:200px; height:220px; margin:0px; padding:0px; display:inline-block; background-color:white; z-index:9999;}

div#outline {float:left; width:100%; padding:0px; margin:0px;}
div#outline div#df_leftMenu {float:left; width:200px; vertical-align:top;}

div#outline div#df_container {margin:0 0px; padding:0px;}
/*div#outline div#df_container table.outline {float:left; width:100%; height:100%; border:none; margin:0px; padding:0px; clear:both;} */
div#outline div#df_container div#df_content {float:left; width:730px; margin:0 0 0 15px; padding:0; vertical-align:top;}
div#outline div#df_container div#df_content_desk {float:left; width:730px; margin:0 0 0 10px;}
/*div#outline div#df_container div#df_topMenu {height:114px; margin:0 0px; padding:0px; text-align:center; background: transparent url(http://www.hiworks.co.kr/assets/images/common/top_bg.gif) repeat-x;}*/
div#outline div#df_container div#df_topMenu {height:70px; margin:0 0px; padding:0px; text-align:center;}
div#outline div#df_container div#df_topMenu div#topmenu {width:960px; margin:0px auto; padding:0px;}
div#outline div#df_container div#df_topMenu div#topmenu div#topFirst {float:left; width:100%; margin:7px 0 0 0; height:23px;}
div#outline div#df_container div#df_topMenu div#topmenu div#topSecond {float:left; width:100%;}
div#outline div#df_container div#df_topMenu div#topmenu div#topSecond img {margin-right:85px;}
/*#id_top_service_link {float:left; margin:2px 0 0 49%;} 2010.08.011 À̹̳ª »èÁ¦*/

ul.topFirst {float:left; margin:5px 7px 0 0; padding:0px; list-style:none inside; float:right; _display:inline;}
ul.topFirst li {float:left; margin:0px; padding:0px;}
ul.topFirst li a:link{color:#999999;  text-decoration:none;}
ul.topFirst li a:visited{color:#999999; text-decoration:none;}
ul.topFirst li a:hover{color:#999999; text-decoration:underline;}

div#outline div#df_footer {float:left; margin:0px; padding:0px; width:100%; text-align:center;}
div#outline div#df_footer_left {float:left; margin:0px; padding:0px; width:100%; text-align:left;line-height:30px;}		/* 2010.07.15 À̹̳ª Ãß°¡ : µ¥½ºÅ© ÀÛ¾÷Áß */
div#outline div.footerLine {width:960px; margin:0px auto; padding:0px;}
div#outline div.footerLine img.footerDesc {float:left; margin:20px 0 0 0; border:0px;}
div#outline div.footerLine img.footerCopyright {float:left; border:0px;  margin:20px 0 0 0; padding-bottom:20px;}

ul.footerUL {float:left; clear:both; margin:0px auto; width:100%; height:38px; padding:0px; list-style:none inside; border-top:solid 1px #e4e4e4; border-bottom:solid 2px #999999; text-align:center;}
ul.footerUL li.footerMenu {float:none; width:960px; margin:0px auto; padding:0px; text-align:left; }
/*
table#tableFamilySite {background-color:#f4f4f4; color:#666666; text-align:left; float:left; left:50%; margin-top:35px; margin-left:-220px;}
table#tableFamilySite td {font-size:11px; line-height:150%;word-spacing:-2px;}
table#tableFamilySite td a:link {color:#666666; text-decoration:none;}
table#tableFamilySite td a:visited {color:#666666; text-decoration:none;}
table#tableFamilySite td a:hover {color:#666666; text-decoration:underline;}
*/
#alphaDiv {position:absolute; float:left; left:0px; top:0px; width:100%; height:500px; background-color:#ffffff; display:inline-block; z-index:20; border:0px;}
#loginDiv {position:relative; float:left; left:0px; top:0px; width:100%; height:500px; background-color:#ffffff; display:none; z-index:21; border:0px;}
#progressDiv {position:absolute; left:49%; top:40%; z-index:999; display:inline;}

/* popup : ±âÁ¸¿¡ ¾²´ø class nameÀÌ Áߺ¹ µÇ±â ¶§¹®¿¡ ÅëÀϵDZâ Àü±îÁö À̸§À» ´Þ¸® ÇÑ´Ù. */
#popupBaseA {position:absolute; width:auto; z-index:999999; background-color:#ffffff; overflow:show; border: solid 7px #0e84e4;}
.popupTitleAreaA {width:100%; height:35px; background-color:#f1f2f4; display:block; margin:0px; padding:0px;}
.popupTitleAreaA h4 {float:left; margin:0px; padding:0 0 0 26px; height:inherit; line-height:35px; display:block; color:#333333; font-weight:bold; font-size:12px;}
.layerCloseA {float:right; width:12px; height:35px; line-height:35px; display:inline; padding:0 10px 0 0; color:gray; font-size:14px; font-weight:bold;}
.popupFooterA {display:block; width:100%; text-align:center; height:60px; vertical-align:middle; margin:0; padding:20px 0 0 0;}
#popupBaseA p {margin:0; padding:0; text-align:left;}

.popupContentA {margin:11px 20px 0 20px; width:auto; display:block}
.popupTabA { margin:0; background:url(/assets/images/favorite/m17.gif) no-repeat; height:27px; display:block;}
h5.tab1_1A {width:110px; height:26px; line-height:26px; margin:0; padding:0; color:#333333; font-weight:bold; font-size:12px; display:inline-block; text-align:center; float:left;}
h5.tab1_2A {width:110px; height:26px; line-height:26px; margin:0; padding:0; color:#898989; font-weight:bold; font-size:12px; display:inline-block; text-align:center; float:left; cursor:pointer;}

ul.popupUL1A {margin:20px 0 0 4px; padding:0px; width:inherit; display:block; list-style:none outside;}
ul.popupUL1A li {background:url(/assets/images/common/icon/dot.gif) no-repeat 0px 9px; padding:0 0 0 10px; margin:0 0 10px 0; height:20px; line-height:20px;}
ul.popupUL1A li.noStyle {background:none;}
ul.popupUL1A li p {padding:0px; margin:0px; float:left; white-space:nowrap; overflow:hidden;}
ul.popupUL1A li p.title {display:inline-block; width:77px; height:22px; line-height:22px; color:#0e84e4; font-size:12px; font-weight:bold;}
ul.popupUL1A li.noti {background:url(/assets/images/common/icon/dot.gif) no-repeat 0px 9px; text-align:left; height:auto; margin-bottom:5px !important;}
ul.popupUL1A li p.noti {display:block; float:none; height:auto; overflow:show; white-space:normal; }

.popupContentA h5 {display:block; float:none; width:100%; text-align:left; font-size:12px; margin:15px 0 5px 0; padding:0 0 0 15px; background:url(/assets/images/bullet/title_bullet.gif) no-repeat 0 7px;}

.boldStyle {font-weight:bold;}
.menuConfigBold {background-color:#f9f9f9; border:solid 1px #e5e5e5;}
.redSpan {color:#ff3300; }
.blueSpan {color:#006cd6;}
.under {text-decoration:underline; }
.cursorHand {cursor:pointer !important;}
.settingDesc {font-size:11px; color:#666666; padding:10px 0 !important;}
.descLI {background-position:9px 12px !important; padding:5px 0 0 15px !important; margin:0 !important; line-height:14px !important; height:14px !important;}
.displayNone {display:none !important;}

table.menuSetting {height:200px; width:100%; margin:0; padding:0; background-color:#f9f9f9; border:solid 1px #e5e5e5; line-height:12px; table-layout:fixed; color:#444444; font-family:±¼¸²;}
table.menuSetting th { color:#444444;}
table.menuSetting th p {float:none; display:block; width:230px; text-align:left; border-bottom:solid 1px #444444; line-height:12px; _line-height:140%; margin:10px 10px 5px 10px; padding-bottom:5px;}
table.menuSetting td {width:100%; line-height:12px; padding:0 10px 10px 10px; vertical-align:top; color:#444444;}
table.menuSetting td.orderTd {padding:10px;}
table.menuSetting td p {width:50%; margin:0; padding:0; display:inline-block; float:left; cursor:pointer; color:#444444;}
table.menuSetting td p.orderItem {display:block; width:100%; line-height:120%; height:12px; padding-bottom:5px; cursor:pointer;}

table.blankTable {margin:0; padding:0; border:0; width:100%;}
table.blankTable td {padding:0; margin:0; width:100%;}
#progressDiv {position:absolute; left:49%; top:40%; z-index:999; display:inline;}

div.clearDiv {clear:both; width:0px; height:0px; _display:inline; line-height:0px; margin:0; padding:0;}

ul.removeMessage { display:block; float:none; text-align:left; margin:0 auto; list-style:none inside; padding:15px 40px; border:solid 3px #A4C3DF; line-height:20px; width:300px;}
ul.removeMessage li {margin:0 auto; padding:0; text-align:left;}
ul.removeMessage li.confirm {text-align:center; vertical-align:middle; padding-top:15px;}
span.removeNoti {color:red; font-weight:bold; display:block; margin-top:10px;}
span.removeNoti a {text-decoration:underline;}

.red {color:red;}

#footerFront01 {clear:both; height:105px; background:url(/assets/images/common/footer_bg01.gif) repeat-x 0 0;zoom:1;}
#footerFront01:after {content:""; display:block; clear:both;;}
#footerFront01 .footerInner { margin:0 auto; width:980px;}
#footerFront01 .footerInner .adrBox {width:980px; height:105px; position:relative;}
#footerFront01 .footerInner .adrBox .companyName {float:left; width:170px; height:77px; padding:25px 0 0 4px; font-weight:bold; color:#000;}
#footerFront01 .footerInner .adrBox .companyName strong { font-size:14px;}
#footerFront01 .footerInner .adrBox .utillList {float:left; padding-top:26px;}
#footerFront01 .footerInner .adrBox .utillList li{ float:left;  margin-right:18px;} 
#footerFront01 .footerInner .adrBox .utillList li a {color:#000;}
#footerFront01 .footerInner .adrBox  ul.address {float:left; padding-top:6px; width:591px;}
#footerFront01 .footerInner .adrBox  ul.address li {float:left; padding: 0 8px 0 8px; color:#898989; background:url(/assets/images/common/line_list.gif) no-repeat right 2px;  font-size:11px;}
#footerFront01 .footerInner .adrBox  ul.address li.first { padding-left:0;}
#footerFront01 .footerInner .adrBox .snsBtns {position:absolute; top:23px; right:0px;}
#footerFront01 .footerInner .adrBox .snsBtns li { float:left; margin-left:4px;}
#footerFront01 .footerInner .adrBox .address li.last { background:none;}
.mgB100 { margin-bottom:100px;}