/*
   - Project : makeshop
   - Author : sue
   - Description : fashion direct
   - Create : 2010-07-23
   - Modify : YYYY-MM-DD
   - Version : ver 1.0

 * ¼öÁ¤ ÁÖ¼®Ã³¸® ¼ø¼­ : ³¯Â¥ À̸§ ¼öÁ¤»çÇ×
 */

/*
   ========================================================================
   RESET
   ========================================================================
 */

#fashionDirect {
    width: 785px;
    padding-bottom: 50px;
    font-size: 12px;
    line-height: 1.25;
    color: #5c5c5c;
    text-align: left;
    font-family: "µ¸¿ò", Dotum, AppleGothic, Helvetica, sans-serif, Dotum;
}
#fashionDirect * {
    margin: 0;
    padding: 0;
}
#fashionDirect h1,
#fashionDirect h2, 
#fashionDirect h3, 
#fashionDirect h4, 
#fashionDirect h5, 
#fashionDirect h6 {
    font-size: 100%;
    line-height: 1.25;
    font-weight: normal;
}
#fashionDirect img, 
#fashionDirect fieldset {
    border:0 none;
}
#fashionDirect img {
    vertical-align: top;
}
#fashionDirect li {
    list-style: none;
}
#fashionDirect hr {
    display: none;
}
#fashionDirect caption, 
#fashionDirect legend {
    display: none;
}
#fashionDirect a {
    text-decoration: none;
    color: #3c3c3c;
}
#fashionDirect em {
    font-style: normal;
}
/*
   ========================================================================
   Common (°øÅë)
   ========================================================================
 */
/* display type */
#fashionDirect .d-block {
    display: block; 
}
#fashionDirect .d-inline {
    display: inline;
}
/* image replacement */
#fashionDirect .ir *,
#fashionDirect .blind {
    z-index:-1;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* form */
#fashionDirect .chk-rdo {
    vertical-align: middle;
    width: 14px;
    height: 14px;
}
/*
   ========================================================================
   detail
   ========================================================================
 */
/* fashionDirectFooter */
#fashionDirectFooter {
    position: relative;
    margin-top: 66px;
}
#fashionDirectFooter .m-mail-link {
    position: absolute;
    overflow: hidden;
    display: block;
    left: 341px;
    top: 41px;
    width: 130px;
    height: 15px;
    opacity: 0;
    filter: alpha(opacity = 0);
    background: red;
}
/* fashionDirectContent */
#fashionDirectContent {
    margin-left: 25px;
}
#fashionDirectContent h3 {
    margin-top: 45px;
}

#fashionDirectContent .cont-comm {
    margin-top: 20px;
}

/* cont02 */
#fashionDirectContent .cont02 {
    position: relative;
}
#fashionDirectContent .cont02 a.down-doc {
    position: absolute;
    overflow: hidden;
    display: block;
    left: 325px;
    top: 116px;
    width: 90px;
    height: 17px;
    opacity: 0;
    filter: alpha(opacity = 0);
    background: red;
}
#fashionDirectContent .cont02-btn span {
    cursor: pointer;
}
#fashionDirectContent .cont02-btn .btn-manual {
    margin-right: 18px;
}
#fashionDirectContent .cont02-btn {
    *zoom: 1;
    margin-top: 25px;
    text-align: center;
    font: 0/0 Dotum;
    margin-left: 160px;
}
#fashionDirectContent .cont02-btn:after {
    content: "";
    display: block;
    clear: both;
}
#fashionDirectContent .cont02-btn li.btn-list {
    z-index: 2;
    position: relative;
    float: left;
}
#fashionDirectContent .cont02-btn li.btn-list ul.layer-list {
    position: absolute;
    display: none;
    left: 0;
    top: 39px;
    width: 207px;
    padding-top: 6px;
    padding-bottom: 10px;
    text-align: center;
    background: #fff;
}
#fashionDirectContent .cont02-btn li.btn-list ul.layer-list li {
    padding-top: 8px;
}
#fashionDirectContent .cont02-btn li.btn-list ul.layer-list a.link-video {
    margin-left: 10px;
}
/* layerManual */
#fashionDirectContent .cont02-btn li.btn-list ul#layerManual {
    border: 1px solid #eb4362;
    border-bottom: 4px solid #eb4362;
}

/* layerVideo */
#fashionDirectContent .cont02-btn li.btn-list ul#layerVideo {
    border: 1px solid #ec6a39;
    border-bottom: 4px solid #ec6a39;
}
/* cont03 */
#fashionDirectContent .cont03-detail-view {
    margin-left:500px;
    margin-right:30px;
    padding-top:20px;
    position:relative;
    text-align:right;
    z-index:2;
}
#fashionDirectContent .cont03 {
    z-index: 1;
    margin-bottom:-30px;
    top:-30px;
    position: relative;
    width: 739px;
    margin-top: 8px;
    padding-top: 345px;
    background: url(../images/fashion_direct/img_fashion_direct_cont03.gif) no-repeat 0 0;
}
#fashionDirectContent .cont03 .view-skin {
    position: absolute;
    overflow: hidden;
    display: block;
    left: 284px;
    top: 127px;
    width: 83px;
    height: 17px;
    opacity: 0;
    filter: alpha(opacity = 0);
    background: red;
}
/* ³¯Â¥ ¼±Åà */
#fashionDirectContent .cont03 .select-month {
    position: absolute;
    left: 185px;
    top: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
#fashionDirectContent .cont03 .select-month li {
    float: left;
}
#fashionDirectContent .cont03 .select-month .month-3 {
    width: 160px;
}
#fashionDirectContent .cont03 .select-month .month-6 {
    width: auto;
}
/* ÃÑ ±Ý¾× */
#fashionDirectContent .cont03 .total-price-wrap {
    position: absolute;
    display: block;
    left: 137px;
    top: 247px;
    width: 314px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: #bf1335;
    text-align: center;
}
#fashionDirectContent .cont03 .total-price-wrap #totalPrice {
    width: 100%;
    height: 100%;
}

#fashionDirectContent .cont03 .cont03-btn {
    text-align: center;
    font: 0/0 Dotum;
}
#fashionDirectContent .cont03 .cont03-btn a {
    margin-left: 20px;
}