@charset "euc-kr";

A:link    { color: #676767; text-decoration:none;     }
A:visited { color: #777777; text-decoration:none;     }
A:active  { text-decoration:none;     }
A:hover   { color: #0D80C9; text-decoration:none;}
td {font-size:12px; font-family:µ¸¿ò;line-height: 12pt; }
#skinbox
{
width:90;height:62;overflow:auto;padding-top:3px;border:0;line-height:15px;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#D6D6D6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#D6D6D6;
scrollbar-darkshadow-color:#F5F5F5;
scrollbar-track-color:#F5F5F5;
scrollbar-arrow-color:#D6D6D6;
}
.textarea2
{
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#D6D6D6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#D6D6D6;
scrollbar-darkshadow-color:#F5F5F5;
scrollbar-track-color:#F5F5F5;
scrollbar-arrow-color:#D6D6D6;
}
.skinsel, a.skinsel:link {color:#7A7A7A;}  
a.skinsel:hover{color:#FE439A;text-decoration:none;}

#ctg1{ Z-INDEX: 1; FILTER: alpha(opacity=90); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 250px; POSITION: absolute; TOP: 40px}
#ctg2{ Z-INDEX: 1; FILTER: alpha(opacity=90); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 250px; POSITION: absolute; TOP: 75px}
#ctg3{ Z-INDEX: 1; FILTER: alpha(opacity=90); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 250px; POSITION: absolute; TOP: 107px}
#ctg4{ Z-INDEX: 1; FILTER: alpha(opacity=90); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 250px; POSITION: absolute; TOP: 140px}
#ctg5{ Z-INDEX: 3; FILTER: alpha(opacity=100); LEFT: 7px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 190px; POSITION: absolute; TOP: 233px}
#re_ctg5{ Z-INDEX: 3; FILTER: alpha(opacity=100); LEFT: 81px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 190px; POSITION: absolute; TOP: 199px}
#ctg6{ Z-INDEX: 1; FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 143px}
#ctg7{ Z-INDEX: 1; FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 168px}
#ctg8{ Z-INDEX: 1; FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 193px}
#ctg9{ Z-INDEX: 1; FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 219px}
#ctg10{ Z-INDEX: 1;FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 295px}
#ctg11{ Z-INDEX: 1;FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 267px}
#ctg12{ Z-INDEX: 1;FILTER: alpha(opacity=95); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 155px; POSITION: absolute; TOP: 370px}
/*#ctg12{ Z-INDEX: 1;FILTER: alpha(opacity=100); LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 100px; POSITION: absolute; TOP: 29px}*/
#ctg13{ Z-INDEX: 1;FILTER: alpha(opacity=100); LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 100px; POSITION: absolute; TOP: 29px}
/*#ctg14{ Z-INDEX: 6;FILTER: alpha(opacity=100); LEFT: -249px;VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 314px; POSITION: absolute; TOP: 59px}*/
#ctg100{ Z-INDEX: 6;FILTER: alpha(opacity=100); LEFT: -249px;VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 314px; POSITION: absolute; TOP: 59px}
#ctg15{ Z-INDEX: 3; FILTER: alpha(opacity=100); LEFT: 7px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 190px; POSITION: absolute; TOP: 233px}
#ctg23{ Z-INDEX: 6; FILTER: alpha(opacity=100); LEFT: 100px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 190px; POSITION: absolute; TOP: 360px}


#brand1{ Z-INDEX: 15; FILTER: alpha(opacity=90); LEFT: 130px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 250px; POSITION: absolute; TOP: 40px}
.brand_tab {border-collapse:collapse; border-top:1px solid #6eafcb; border-left:1px solid #6eafcb; background:#fff; margin:25px 0;}
.brand_tab td{border-bottom:1px solid #6eafcb; border-right:1px solid #6eafcb; font-size:12px; font-weight:bold; text-align:center; color:#919191; background:#f4f4f4; padding:0 10px;}
.brand_tab td a{color:#3b7994;}
.brand_tab td.selectTab { border-bottom:1px solid #6eafcb; border-right:1px solid #6eafcb; background-color:#6eafcb;}
.brand_tab td.selectTab a {color:#fff;}

#qlag1{ Z-INDEX: 1; LEFT: 321px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 357px; POSITION: absolute; TOP: 30px}
#qlag2{ Z-INDEX: 1; LEFT: 321px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 357px; POSITION: absolute; TOP: 30px}

/*°Ô½ÃÆÇ ±Û»ö»ó*/
a.board:link  {color:#123E81;font-size:9pt;text-decoration:none} 
a.board:visited {color:#757575;font-size:9pt;text-decoration:none} 
a.board:active {color:#123E81;font-size:9pt;text-decoration:none} 
a.board:hover {color:#119EDF;font-size:9pt;text-decoration:underline}
a.board {color:#123E81}

a.board_infor:link  {color:#123E81;font-size:9pt;text-decoration:none} 
a.board_infor:visited {color:#757575;font-size:9pt;text-decoration:none} 
a.board_infor:active {color:#123E81;font-size:9pt;text-decoration:none} 
a.board_infor:hover {color:#119EDF;font-size:9pt;text-decoration:underline}
a.board_infor {color:#123E81}



a.board2:link  {color:#1F6BB9;font-size:9pt;text-decoration:underline} 
a.board2:visited {color:#1F6BB9;font-size:9pt;text-decoration:underline} 
a.board2:active {color:#1F6BB9;font-size:9pt;text-decoration:underline} 
a.board2:hover {color:#1F6BB9;font-size:9pt;text-decoration:underline} 
a.board2 {color:#1F6BB9}

a.board_b:link  {color:#487792;font-size:9pt;text-decoration:underline;font-weight:bold} 
a.board_b:visited {color:#487792;font-size:9pt;text-decoration:underline;font-weight:bold} 
a.board_b:active {color:#487792;font-size:9pt;text-decoration:underline;font-weight:bold} 
a.board_b:hover {color:#6FA70C;font-size:9pt;text-decoration:underline;font-weight:bold} 
a.board_b {color:#487792}


/*°Ë»ö ±Û»ö»ó*/
a.search:link  {color:#0D80C9;font-size:9pt;text-decoration:none} 
a.search:visited {color:#0D80C9;font-size:9pt;text-decoration:none} 
a.search:active {color:#0D80C9;font-size:9pt;text-decoration:none} 
a.search:hover {color:#F0710A;font-size:9pt;text-decoration:none} 

/*»çÀÌÆ®¸Ê ±Û»ö»ó*/
a.sitemap01:link  {color:#3E9DCC;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap01:visited {color:#3E9DCC;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap01:active {color:#3E9DCC;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap01:hover {color:#F55D0B;font-size:9pt;font-weight:bold;letter-spacing:-1px}
a.sitemap01 {color:#3E9DCC;letter-spacing:-1px}

a.sitemap02:link  {color:#4669C5;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap02:visited {color:#4669C5;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap02:active {color:#4669C5;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap02:hover {color:#F55D0B;font-size:9pt;font-weight:bold;letter-spacing:-1px}
a.sitemap02 {color:#4669C5;letter-spacing:-1px}

a.sitemap03:link  {color:#3D528B;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap03:visited {color:#3D528B;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap03:active {color:#3D528B;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap03:hover {color:#F55D0B;font-size:9pt;font-weight:bold;letter-spacing:-1px}
a.sitemap03 {color:#3D528B;letter-spacing:-1px}

a.sitemap04:link  {color:#699B3C;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap04:visited {color:#699B3C;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap04:active {color:#699B3C;font-size:9pt;font-weight:bold;letter-spacing:-1px} 
a.sitemap04:hover {color:#F55D0B;font-size:9pt;font-weight:bold;letter-spacing:-1px}
a.sitemap04 {color:#699B3C;letter-spacing:-1px}

      A.quick:link    { color: #676767; text-decoration:none;font-size:11px;font-family:±¼¸²;     }
           A.quick:visited { color: #777777; text-decoration:none;font-size:11px;font-family:±¼¸²;     }
           A.quick:active  { text-decoration:none; font-size:11px;font-family:±¼¸²;    }
           A.quick:hover   { color: #0D80C9; text-decoration:none;font-size:11px;font-family:±¼¸²;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: µ¸¿ò;
	font-size: 9pt;
	color: #676767;
	line-height: 140%;
}
.frmstyle {
	font-family:µ¸¿ò;
	font-size:9pt;
	height:20px;
}
ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#calender {
	width:223px;
	padding-left:7px;
}
#newproduct {
	width:438px;
	padding-left:11px;
}
#promotion {
	width:231px;
	padding-left:11px;
}
#sale {
	width:223px;
	padding-left:7px;
}
#info {
	width:438px;
	padding-left:11px;
}
#hotlink {
	width:231px;
	padding-left:11px;
}
#magazine {
	width:223px;
	padding-left:7px;
}
#brand {
	width:672px;
	padding-left:11px;
}


.settlement1 {
BACKGROUND-COLOR: #ffffff; 
BORDER-BOTTOM: #7F9DB8 1px solid; 
BORDER-LEFT: #7F9DB8 1px solid; 
BORDER-RIGHT: #7F9DB8 1px solid; 
BORDER-TOP: #7F9DB8 1px solid; 
FONT-FAMILY: gulim; FONT-SIZE: 9pt; 
HEIGHT: 18px; 
color=black;
}

.cal1 {
BACKGROUND-COLOR: #FAF9F3; 
BORDER-BOTTOM: #E1DFD0 1px solid; 
BORDER-LEFT: #E1DFD0 1px solid; 
BORDER-RIGHT: #E1DFD0 1px solid; 
BORDER-TOP: #E1DFD0 1px solid; 
FONT-FAMILY: gulim; FONT-SIZE: 9pt; 
HEIGHT: 18px; 
color=black;
}


.ss1{  font-size:12px ;color:#999999; line-height: 100%; FONT-Family:µ¸¿ò; letter-spacing: -0.1em;word-spacing: -0.1em;font-size:11px;font-weight:bold;}
.style1:link { color: #999999; font-weight: normal; text-decoration:none;  line-height:100%;font-weight:bold;FONT-Family:µ¸¿ò; letter-spacing: -0.1em;word-spacing: -0.1em;}
.style1:visited { color: #999999; font-weight: normal; text-decoration:none;  line-height:100%;font-weight:bold;FONT-Family:µ¸¿ò; letter-spacing: -0.1em;word-spacing: -0.1em;}
.style1:hover { color: #BB9E00; font-weight: normal; text-decoration:none;  line-height:100%;font-weight:bold;FONT-Family:µ¸¿ò; letter-spacing: -0.1em;word-spacing: -0.1em;}
.style1:active { color: #BB9E00; font-weight: normal; text-decoration:none;  line-height:100%;font-weight:bold;FONT-Family:µ¸¿ò; letter-spacing: -0.1em;word-spacing: -0.1em;}

.submenutitle:link    { color: #353434; text-decoration:none;}
.submenutitle:visited { color: #505050; text-decoration:none;}
.submenutitle:active  { text-decoration:none;}
.submenutitle:hover   { color: #FF007E; text-decoration:none;}

#rb_menu{ position:absolute; width:125px; border:1px solid #BFCFA5; background-color:#F7FBEC; font-family:±¼¸²; line-height:20px; cursor:default; visibility:hidden; } 
#rb_menu_edit{ position:absolute; width:125px; border:2px solid #BFCFA5; background-color:#F7FBEC; font-family:±¼¸²; line-height:20px; cursor:default; visibility:hidden; } 
.rb_menuitems{ padding-left:15px; padding-right:15px; font-family:µ¸¿ò,±¼¸²; font-size:12; font-color:#7A787A; }


#memoryticker{
background-color: white; /**¹è°æ»ö»ó**/
width: 187px; /**°¡·ÎÅ©±â**/
heght:20px;
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.5)
}

.drag {position: absolute; cursor:move;}
.swapDivWrapper {
		
	}
	.swapDiv {
		position: relative;
	}
	.swapButtonU, .swapButtonD {
		cursor:pointer;
	}
	.swapCB {
		cursor:pointer;
	}
	
/*2010-07-14 add*/
#promotionProduct {border-left:1px solid dddddd;width:590px; border-collapse:collapse;font-size:12px;}
	#promotionProduct th {color:#6b4431;background:#e3c6bb;padding:10px 0 7px 0;border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
	#promotionProduct td {color:#666666; padding:10px 0 7px 0;border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; word-break:break-all;}
	#promotionProduct td.description {text-align:left; padding:10px 0 7px 0;}
		#promotionProduct td.description ul {padding-left:12px; padding-top:10px;}
		#promotionProduct td.description li {padding-bottom:5px;}
		#promotionProduct td.description ol {padding:5px 0 0 14px; list-style:none; margin:0;}
.TitleText {text-align:center; color:#FFFFFF; font-weight:bold}
.subTitleText {text-align:center; color:#1e1e1e; font-weight:bold}
#caution {padding:10px 0 30px 40px; color:#000; line-height:150%;}
	#caution li.Notice {font-weight:bold;}

/*2010-11-30 add : ¸ÂÃã¸Þ¼¼Áö*/
.mess_bg {width:171px; background:url('/images/myoffice/mypage/message/m_bg.jpg') no-repeat;}
.mess_bg td.thumb {text-align:center; padding:5px 5px 10 5px;}
.mess_bg td.title {padding:0 5px 0 5px; text-align:center;font-size:11px; font-weight:bold; line-height:14px; word-break:break-all;}
.mess_bg td.txt {padding:0 5px 0 5px; text-align:center;font-size:11px; line-height:14px; word-break:break-all;}
.mess_bg td.date {line-height:16px;}

/*2010-11-30 add : ¸ÂÃã¸Þ¼¼Áö Å×À̺í°ü·Ã*/
.dataTable {border-collapse:collapse; border-left:1px solid #e1e1e1; background:#fff;}
.dataTable td {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; height:30;}
.dataTable th {height:36px; color:#09649b; border-top:2px solid #2083bf; border-right:1px solid #e4e4e4;  background:url('/images/myoffice/mypage/message/table_h_bg.gif') repeat-x 0 0; font-size:12px;}

/*·Î±×Àΰ³Æí*/
#wrap { position:relative; width:920px; margin:-1px auto 0; padding:0; overflow:show; border:1px solid #fff; .zoom:1;}
.logoArea {position:absolute; z-index:5; top:15px; left:852px; width:64px; height:30;}
#loginArea {position:absolute; z-index:10; top:75px; left:729px; width:170px; overflow:hidden; margin:0; padding:0;}
#loginArea .loginTit {width:45px; height:12px; margin:0; padding:0 0 10px;}
#loginArea .loginWrap {width:170px; overflow:hidden; clear:both; padding-bottom:10px;}
#loginArea .loginInput {float:left; width:119px; height:45px; margin:0; padding:0;display:block; zoom:1;}
#loginArea .loginInput  * {display:block; zoom:1;}
#loginArea .loginInput li {width:119px; height:21px; padding-bottom:3px;}
#loginArea .loginInput li input {padding:2px 1px 0 2px; font-size:12px; width:110px; height:17px; font-family:"µ¸¿ò", "±¼¸²";  color:#656565; border-top:1px solid #abadb3; border-left:1px solid #abadb3; border-right:1px solid #dbdfe6; border-bottom:1px solid #dbdfe6; background:#f6f6f6;}
#loginArea .loginInput li input.id {background:url('/images/newlogin/txtID.gif') no-repeat 5px 5px;}
#loginArea .loginInput li input.pw {background:url('/images/newlogin/txtPW.gif') no-repeat 5px 5px;}
#loginArea .loginInput li input.iFocus {background:none !important;}

#loginArea .loginInput li input.bgNone { background:none;}
#loginArea .loginBtn {float:right;}
#loginArea .secWrap {width:170px; height:19px; padding-bottom:8px;}
#loginArea .secWrap .secGradeTxt {float:left; width:89px; height:17px;}
#loginArea .secWrap .secGradeBtn {float:right; width:71px; height:19px;}
#loginArea .idLost {padding-bottom:10px;}
#loginArea .btnArea {padding-bottom:5px;}
.loginAreaBg {position:absolute; z-index:5; top:60px; left:706px; width:216px; height:218px;}
.quickMenu {position:absolute; z-index:10; top:295px; left:706px; width:216px; height:108px;}
.quickMenubg {position:absolute; z-index:5; top:297px; left:706px; width:216px; height:108px;}
#bottomMenu {position:absolute; z-index:10; top:452px; left:35px; width:866px; overflow:hidden;}
#bottomMenu .infor {width:290px; height:48px; overflow:hidden; float:left; margin:0; padding:0;}
#bottomMenu .infor .inforHead { float:left; width:80px; height:40px; margin:0;}
#bottomMenu .infor .inforContent {float:left;  width:190px; padding:0; }
#bottomMenu .infor .inforContent li {text-align:left; overflow:hidden; margin:0; padding:0; font-family:"µ¸¿ò", "±¼¸²";  font-size:11px; font-weight:normal; line-height:normmal; color:#939393; letter-spacing:0;}
#bottomMenu .howUse { float:left; width:302px; height:57px; padding-left:35px;}
#bottomMenu .quickMenu02 { float:left; width:165px; margin:0; padding:0; padding-left:60px;}
.footerMenu {position:absolute; z-index:10; top:547px; left:35px; margin:0; padding:0; }
.footerMenu li.none {background:none;}
.footerMenu li {float:left; height:12px; margin:0; padding-left:5px; padding-right:5px; background:url('/images/newlogin/imgSeper.gif') no-repeat right 1px;}
.footertxt {position:absolute; z-index:5; top:540px; left:0; width:920px; height:93px; border-top:1px solid #ebebeb; }
.familySite {position:absolute; z-index:10; top:540px; left:770px; margin:0; padding:0; }
.familySiteList {position:absolute; z-index:50; top:252px; left:709px; width:; height:; margin:0; padding:0;}
.bottomMenuBg {position:absolute; z-index:5; top:415px; left:0; width:922px; height:124px;}
#visualArea {position:absolute; z-index:1; top:0; left:0; width:920px; height:423px; overflow:hidden;}
#visualArea .slider {margin:0; overflow:hidden; .zoom:1;}
#visualArea ul { list-style:none; margin:0; padding:0; overflow:hidden; .zoom:1;}
#visualArea ul li { display:block; margin:0; padding:0;}
#visualArea ul li p { display:none; }
#visualArea .arrow { display:block; width:24px; height:36px; margin:12px 0; padding:0; border:0; background:transparent; }