@import url(http://wfont.lexitech.co.kr/w/webfont_u.css);
/* {{{ Erick Meyer CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
:focus
{
    outline: 0;
}
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/* }}} end Erick Meyer CSS Reset */
a {
    text-decoration:none;
    color:#000;
}
/* {{{ CSS Custom border */
#wrap
{
    margin: 0 auto;
    /*max-width: 738px;*/
    max-width: 878px;
}
* html #wrap
{
    width: 878px;
}
.cb
{
    margin: 0;
    width: 738px;
}
.bt
{
    background: transparent url(img/box.png) no-repeat scroll 100% 0;
    height: 17px;
    margin: 0 0 0 18px;
}
.bt div
{
    background: transparent url(img/box.png) no-repeat scroll 0 0;
    font-size: 0;
    height: 17px;
    left: -18px;
    line-height: 0;
    position: relative;
    width: 18px;
}
.bb
{
    background: transparent url(img/box.png) no-repeat scroll 100% 100%;
    height: 43px;
    margin: 0 0 0 20px;
}
.bb div
{
    background: transparent url(img/box.png) no-repeat scroll 0 100%;
    font-size: 0;
    height: 43px;
    left: -20px;
    line-height: 0;
    position: relative;
    width: 20px;
}
.i1
{
    background: transparent url(img/borders.png) repeat-y scroll 0 0;
    padding: 0 0 0 8px;
}
.i2
{
    background: transparent url(img/borders.png) repeat-y scroll 100% 0;
    padding: 0 18px 0 0;
}
.i3
{
    background: #FFFFFF none repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 0px;
}
.i3:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.i3
{
    display: inline-block;
}
.i3
{
    display: block;
}
/* }}} end CSS Custom border */
/* {{{ CSS core utilities */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* }}} end CSS core utilities */

body
{
    background: #CA9B60 url(img/bg-pattern.png);
}
#container
{
    margin: 0;
    padding: 55px 0 55px 0;
    position: relative;
    width: 712px;
    /*background: #FFF url(img/bg-container.gif); */
    background: url(img/bg-paper.jpg);
    min-height:500px;
}

#nav-user
{
    height: 39px;
    margin: 0 19px 0 9px;
    width: 712px;
}
#nav-main
{
    position: absolute;
    z-index:99;
    top: -3px;
    width: 100px;
    height: 400px;
    left: 716px;
    position: absolute;
    top: -3px;
    width: 260px;
    z-index:99;
}
#nav-main li {
    margin-bottom: 4px;
    display:block;
    width:153px;
    height:64px;
}

#nav-main li a {
}
#nav-main li a:hover {
    left:-16px;
    position:relative;
}
#nav-main li.current a{
    position:relative;
    left:-32px;
}
#footer
{
    position:relative;
    height: 39px;
    margin: 0 19px 0 9px;
    width: 712px;
}
#footer .logo {
    float: left;
    width: 178px;
}
#footer .address {
    float: left;
    width: 390px;
}
#footer .logo_woorigle {
    float: left;
    width: 140px;
    text-align:right;
}
#footer #lexitech-link {
    position:absolute;
    height:40px;
    width:710px;
    left:-1px;
    top:-58px;
    overflow:hidden;
}
/* {{{ products */
#pack-list, #package-list {
    padding: 24px 0 32px;
}

.pack-thumb {
    float: left;
    display:inline;
    width: 112px;
    margin: 0 13px;
    height: 168px;
    /*margin: 0 32px 0 0;*/
    
}

#package-list .package-thumb {
    float: left;
    width: 78px;
    height: 168px;
    margin: 0;
    
}

#sample-document-list .document-thumb {
    float: left;
    width: 80px;
    margin-right: 7px;
}

#blog-list .blog-thumb {
    float: left;
    width: 88px;
    margin-right: 22px;
}

#sample-document-list,
#blog-list {
    margin: 0;
    padding: 0;
}

.product-link {
    position: relative;
}

.product-link .preview {
    width: 324px;
    border: 2px solid #FF7E00;
    padding: 10px;
    position: absolute;
    background: #FFF;
    top: 25px;
    left: 0;
    z-index:10;
}
/* }}} end products */


#recommendation-label{
    position: absolute;
    top:46px;
    left:-32px;
    width:32px;
    height:83px;
}
#deco-ribbon-small
{
    position: absolute;
    top: -54px;
    left: -2px;
  /*  width: 79px;
    height: 94px;
    background: transparent url('img/ribbon-small.png');*/
}

#deco-ribbon-main
{
    position: absolute;
    top: -64px;
    left: -5px;
    /*
    width: 79px;
    height: 94px;
   background: transparent url('img/ribbon-main.png');
   */
}

#deco-ribbon-link
{
    position: absolute;
    top: -54px;
    left: -5px;
    width: 79px;
    height: 94px;
    cursor:hand;
}
.products-webfont_cart_add .attention{
    padding-top:40px;
    padding-bottom:30px;
}