@charset "utf-8";

/* 각 서브 메뉴 style */

#mainContainer {
    width: 941px;
    margin: 0 auto;
}

#leftContainer {
    width: 800px;
    float: left;
}

#rightContainer {
    width: 134px;
    float: right;
}

#headContainer {
    position: relative;
    margin-top: 27px;
    height: 181px;
}

#headContainer h1 {
    display: none;
}

#home {
    width: 205px;
    height: 0px;
    padding-top: 53px;
    display: block;
    overflow: hidden;
}

#member {
    position: absolute;
    top: 25px;
    left: 212px;
}

#member ul li {
    float: left;
    margin-right: 2px;
}

#searchText {
    position: absolute;
    top: 2px;
    left: 212px;
    width: 94px;
    height: 16px;
    border: 1px solid #cccccc;
}

#searchButton {
    position: absolute;
    top: 2px;
    left: 315px;
}

#topMenu {
    position: absolute;
    top: -27px;
    right: 0;
    height: 27px;
}

#topMenu ul {
    padding: 0 0 0 1px;
    float: right;
}

#topMenu ul li {
    padding: 0 4px 0 4px;
    float: left;
}

#topMenu ul li a {
    line-height: 1.8em;
    font-size: 1em;
    text-decoration: none;
}

#menuContainer {
    position: absolute;
    top: 45px;
    left: 359px;
    width: 441px;
    height: 125px;
}

#shopMenu {
    position: absolute;
    top: 0px;
    left: 108px;
    padding-left: 1px;
}

#shopMenu a {
    display: block;
    overflow: hidden;
}

#shopMenu li {
    float: left;
}

#shopMenu .depth0 a {
    width: 83px;
    height: 0px;
    padding-top: 91px;
}

#ct a:link, #ct a:visited { background-position: 0 0; }
#ct a:hover, #ct a:active { background-position: 0 -91px; }
#tf a:link, #tf a:visited { background-position: -83px 0; }
#tf a:hover, #tf a:active { background-position: -83px -91px; }
#ls a:link, #ls a:visited { background-position: -166px 0; }
#ls a:hover, #ls a:active { background-position: -166px -91px; }
#wc a:link, #wc a:visited { background-position: -249px 0; }
#wc a:hover, #wc a:active { background-position: -249px -91px; }

#shopMenu .depth1 {
    position: absolute;
    top: 91px;
    left: -108px;
    display: none;
}

#shopMenu .depth1 li a {
    height: 0px;
    padding-top: 34px;
}

#ctMenu0 a:link, #ctMenu0 a:visited { width: 124px; background-position: 0 0; }
#ctMenu0 a:hover, #ctMenu0 a:active { background-position: 0 -34px; }
#ctMenu1 a:link, #ctMenu1 a:visited { position: absolute; top: 0px; left: 124px; width: 149px; background-position: -124px 0; }
#ctMenu1 a:hover, #ctMenu1 a:active { background-position: -124px -34px; }
#ctMenu2 a:link, #ctMenu2 a:visited { position: absolute; top: 0px; left: 273px; width: 168px; background-position: -273px 0; }
#ctMenu2 a:hover, #ctMenu2 a:active { background-position: -273px -34px; }

#tfMenu0 a:link, #tfMenu0 a:visited { width: 208px; background-position: 0 -68px; }
#tfMenu0 a:hover, #tfMenu0 a:active { background-position: 0 -102px; }
#tfMenu1 a:link, #tfMenu1 a:visited { position: absolute; top: 0px; left: 208px; width: 117px; background-position: -208px -68px; }
#tfMenu1 a:hover, #tfMenu1 a:active { background-position: -208px -102px; }
#tfMenu2 a:link, #tfMenu2 a:visited { position: absolute; top: 0px; left: 325px; width: 116px; background-position: -325px -68px; }
#tfMenu2 a:hover, #tfMenu2 a:active { background-position: -325px -102px; }

#lsMenu0 a:link, #lsMenu0 a:visited { width: 136px; background-position: 0 -136px; }
#lsMenu0 a:hover, #lsMenu0 a:active { background-position: 0 -170px; }
#lsMenu1 a:link, #lsMenu1 a:visited { position: absolute; top: 0px; left: 136px; width: 140px; background-position: -136px -136px; }
#lsMenu1 a:hover, #lsMenu1 a:active { background-position: -136px -170px; }
#lsMenu2 a:link, #lsMenu2 a:visited { position: absolute; top: 0px; left: 276px; width: 165px; background-position: -276px -136px; }
#lsMenu2 a:hover, #lsMenu2 a:active { background-position: -276px -170px; }

#wcMenu0 a:link, #wcMenu0 a:visited { width: 221px; background-position: 0 -204px; }
#wcMenu0 a:hover, #wcMenu0 a:active { background-position: 0 -238px; }
#wcMenu1 a:link, #wcMenu1 a:visited { position: absolute; top: 0px; left: 221px; width: 70px; background-position: -221px -204px; }
#wcMenu1 a:hover, #wcMenu1 a:active { background-position: -221px -238px; }
#wcMenu2 a:link, #wcMenu2 a:visited { position: absolute; top: 0px; left: 291px; width: 150px; background-position: -291px -204px; }
#wcMenu2 a:hover, #wcMenu2 a:active { background-position: -291px -238px; }


#bodyContainer {
}

#bodyContainer h2 {
    position: relative;
    height: 51px;
    margin: 0;
    padding: 0;
}

#bodyContainer h2 img {
    position: absolute;
    left: 94px;
}

#content {
    width: 720px;
    padding: 15px 40px 15px 40px;
}

#footContainer {
    position: relative;
    margin: 20px auto;
    padding: 10px;
    width: 780px;
    height: 84px;
}

#copyright {
    width: 230px;
    padding-top: 36px;
    vertical-align: middle;
    float: left;
}

#shopInfo {
    width: 390px;
    float: left;
}

#shopInfo ul {
    margin-top: 10px;
}

#shopInfo ul li {
    padding: 0 5px;
    float: left;
}

#shopInfo ul li.firstItem {
    padding: 0 5px 0 0;
}

#shopInfo ul li.lastItem {
    background: none;
}

#marks {
    width: 148px;
    float: right;
}

#marks img {
    border: 1px solid #000;
}

#footerBackground {
    position: absolute;
    top: 0;
    left: 0;
    /*margin: -124px auto 0 auto;*/
    width: 800px;
    height: 84px;
    background: url(/img/footer_bg.gif) no-repeat;
    opacity: 0.5;
    z-index: -1;
}

#writeContent p {
    margin: 1px 0;
}

#rightContainer ul {
    background-color: #e1d1ab;
}

#iShop {
    margin-top: 3px;
}

.rightBoxTop {
    margin-top: 144px;
    width: 134px;
    height: 5px;
    background: url(/img/right_box_top.gif) no-repeat center top;
    font-size: 1px;
}

.rightLinkList {
    width: 134px;
    height: 27px;
    background-color: #e1d1ab;
}

.rightBoxAdd {
    padding-left: 6px;
    height: 27px;
    float: left;
}

.rightBoxMore {
    padding-right: 6px;
    height: 27px;
    float: right;
}

.rightBoxItem {
    padding: 6px 6px 0 6px;
    width: 122px;
    background-color: #e1d1ab;
    clear: both;
}

.rightBoxItem a:link img, .rightBoxItem a:visited img, .rightBoxLastItem a:link img, .rightBoxLastItem a:visited img {
    opacity: 0.7;
}

.rightBoxItem a:hover img, .rightBoxItem a:active img, .rightBoxLastItem a:hover img, .rightBoxLastItem a:active img {
    opacity: 1;
}

.rightBoxImg {
    border: 1px solid #000;
}

.rightBoxBottom {
    width: 134px;
    height: 5px;
    background: url(/img/right_box_bottom.gif) no-repeat center bottom;
    font-size: 1px;
}