@charset "utf-8";

* { margin:0; padding:0;}
html { _overflow:auto;}
body {
	/*_height:100%; _width:100%; _overflow:auto;*/
	font: 100% "맑은 고딕", "돋움", Verdana, Arial, Helvetica, sans-serif;
	background: #FFF; 
    background-image:url(/v2/main/images/main_header_barBg.gif); background-repeat:repeat-x; background-attachment:scroll;
    background-position:0 96px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #030;
}
img {
    border-style:none;}
a:link, 
a:visited {
    color:#030; text-decoration:none; border-style:none;}
a:hover,
a:active {
    color:#090; text-decoration:none; border-style:none;}

/* * * * * * * * * * * * * * * * * * */

.twoColFixLtHdr #container { 
	width: 1050px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */}
.twoColFixLtHdr #header { 
	background: #FFF; 
    margin:50px 0 0 0;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 389px; height:579px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background-image:url(/v2/main/images/menubar_bg.gif); background-repeat:no-repeat;
	padding:0; margin:0;}
.twoColFixLtHdr #sidebar3 {
    position:fixed; _position:absolute; z-index:1; _z-index:-1;
    float:right; display:block; left:1050px; top:150px; width:95px; height:300px; margin:0; padding:0;}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 390px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF; } 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

/* * * * * * * * * * * * * * * * * * */

/* 사이트 첫 화면 */
#header #logo {
    margin:10px 0 0 120px; width:200px; height:30px;}
#header .headerLink {
    background-image:url(/v2/main/images/main_header_barBg.gif); background-repeat:repeat-x; margin:16px 0; padding:0 20px 0 0; text-align:right;}

#sidebar1 {
    width: 271px !important; height:458px !important; padding:121px 0 0 118px !important;}
#mainBrand {
	float:left; display:block; width:126px; margin:0; padding:0; list-style-type:none; font-size:1px; line-height:0;}
#mainBrand li {
    margin:0; padding:0;}
#mainMenu {
	float:left; display:block; width:126px; margin:0; padding:0; list-style-type:none; font-size:1px; line-height:0;}
#mainMenu li {
    margin:0; padding:0;}

#sidebar3 {font-size:0;}
#sidebar3 ul {
    list-style-type:none; margin:0; padding:0;}
#sidebar3 ul li {
    font-size:1px; line-height:100%; margin:0; padding:0;}

#notice {
    float:left; display:block; width:360px; height:220px; margin:0; padding:0 20px; 
    background-image:url(/v2/main/images/notice_bg.gif); background-repeat:no-repeat; font-size:12px;}
#notice .noticeTab {
    margin:2px 0; padding:0;}
#notice .noticeFocus {
    margin:0; padding:0; height:90px;}
#notice .noticeFocus img {
    width:120px; height:80px; border:1px solid #CCC; float:left; margin:0 10px 0 0;}
#notice .noticeFocus .noticeSubject {
    font-size:13px; font-weight:bold; margin:6px 0 0 0;}
#notice .noticeFocus .noticeContent {
    font-size:12px; font-weight:normal; color:#666; margin:12px 0 0 0; line-height:140%;}
#notice ul {
    list-style-type:none; margin:16px 0 0 0; padding:0; line-height:140%;}
#notice ul li {
    margin:0; padding:0 0 0 1em; background-image:url(/v2/main/images/index_bullet.gif); background-repeat:no-repeat; background-position:0 4px;}

#service {
    float:left; display:block;width:193px; height:210px; margin:8px 0 0 16px; padding:8px 0 0 8px; background-image:url(/v2/main/images/service_linkBg.gif); background-repeat:no-repeat;}

#bestproduct {
    float:left; clear:none; display:block; width:494px; height:135px; margin:0; padding:25px 0 0 130px; background-image:url(/v2/main/images/product_bestBg.gif);}
#bestproduct .productLink {
    width:470px; height:90px; margin:0; padding:0;}
#bestproduct .productNumber {
    text-align:right; margin:4px 36px 0 0; padding:0;}

#product {
    float:left; display:block; width:320px; height:190px;}
#product .productImg {
    float:left; margin:0; padding:0;}
#product .productLink {
    list-style-type:none; margin:0; padding:0; font-size:1px; line-height:100%;}

#ucc {
    float:left; clear:inherit; display:block; width:294px; height:170px; margin:0; padding:8px; 
    background-image:url(/v2/main/images/ucc_bg.gif); background-repeat:no-repeat; font-size:12px;}
#ucc .uccTitle {
    margin:0 0 6px 0; padding:0;}
#ucc .uccHeadline {
    margin:0; padding:0; height:86px;}
#ucc .uccLink {
    margin:0; padding:0;}