타이틀 : 공통 스타일 시트
최종저장시간 : 2017-04-20 16:35:13

-------------------- body start --------------------



-------------------- body end --------------------

-------------------- css start --------------------

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


/* global rest */

html,
body {
    min-width: 1350px;
    height: 100%;
}

html,
body,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
li,
ol,
th,
td,
p,
blockquote,
form,
fieldset,
legend,
menu,
nav,
section,
hgroup,
article,
header,
aside,
footer,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
table,
input,
select,
textarea,
a {
    font-size: 12px;
    line-height: 1.25;
    color: #777;
    font-family: 'Nanum Gothic', sans-serif;    
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

img,
fieldset,
button {
    border: 0 none;
}

img {
    vertical-align: top;
}

li {
    list-style: none;
}

hr,
caption,
legend {
    display: none;
}

a {
    color: #787878;
    text-decoration: none;
}

a:hover {}

button {
    overflow: hidden;
    cursor: pointer;
}

button span {
    visibility: hidden;
}

address,
em {
    font-style: normal;
}

button,
input,
select,
textarea,
a {
    vertical-align: middle;
}

select {
    line-height: 18px;
    height: 18px;
}

input:focus {
    outline: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}


/*
========================================================================
공통 class
========================================================================
*/


/* image replace, hidden text */

.ir *,
.blind {
    z-index: -1;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    text-indent: -9999px;
}


/* block, inline */

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}


/* form */

.txt-right {
    text-align: right;
}

.txt-input1 {
    padding: 2px 0 0 2px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #aaadb2;
}

.txt-input2 {
    padding: 2px 0 0 2px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #dcdcdc;
}

.MS_input_txt {
    margin-right: 5px;
    padding: 2px 0 0 2px;
    line-height: 17px;
    border: 1px solid #dcdcdc;
}

.txt-disabled {
    background-color: #f6f6f6;
}

.chk-rdo {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.txt-area1 {
    overflow-y: scroll;
    padding: 2px 0 0 2px;
    line-height: 17px;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #aaadb2;
}


/* file add trick */

.file-wrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 23px;
    width: 280px;
    vertical-align: middle;
    background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0;
}

.file-wrap .file-txt {
    float: left;
    border: 0 none;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    width: 198px;
    border: 1px solid #ccc;
}

.file-wrap .file-trick {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0;
    right: 0;
    width: 100px;
    height: 20px;
    background: none;
    border: 0 none;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* font-color */

.fc-red {
    color: #bd101b;
}

.fc-blue {
    color: #2c6b9e;
}

.MS_option_price {
    color: #FF3C00;
}


/* bold */

.bold {
    font-weight: bold;
}


/* float clear */

.clear {
    zoom: 1;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}


/* margin */

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}


/* padding */

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}


/* table */

table img {
    vertical-align: middle;
}

.tb-bold {
    font-weight: bold;
}

.tb-left,
.tb-center,
.tb-right {
    padding: 0 10px;
}

.tb-btn {
    padding: 0;
}

.tb-left {
    text-align: left;
}

.tb-center {
    text-align: center;
}

.tb-right {
    text-align: right;
}

.tb-label-r5 label {
    margin-right: 5px;
}

.tb-label-r10 label {
    margin-right: 10px;
}

.tb-label-r10 label.last,
.tb-label-r5 label.last {
    margin-right: 0;
}


/* table-type-1 */

.table-type-1 {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.table-type-1 th,
.table-type-1 td {
    padding: 8px 0 8px;
    background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom;
}

.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td {
    background-image: none;
}

.table-type-1 tr.bg th,
.table-type-1 tr.bg td {
    background-color: #f8f8f8;
}

.table-type-1 th {
    font-weight: normal;
}


/* table-type-2 */

.table-type-2 {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.table-type-2 th,
.table-type-2 td {
    padding: 8px 0 8px;
    background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom;
}

.table-type-2 th {
    font-weight: normal;
}

.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td {
    background-image: none;
}


/* 상품리스트 (메인/검색/상품리스트) */

.prd-list {
    margin-top: 10px;
}

.prd-list table td {
    border: 0;
    vertical-align: top;
}

.prd-list table .tb-center {
    padding: 0 10px;
}

.prd-list table .info {
    padding: 5px 0;
}

.prd-list .thumb {
    width: 196px;
    height: 196px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    line-height: 0;
    border: 2px solid #f2f4f3;
}

.prd-list .thumb a,
.prd-list .thumb img {
    display: block;
    width: 100%;
    height: 100%;
}

.prd-list .dsc {
    margin-top: 15px;
    font-weight: bold;
}

.prd-list .price {
    margin-top: 5px;
    font-weight: bold;
    color: #333;
}


/* 장바구니 리스트, 주문상품 리스트 */

.table-cart {
    margin-top: 10px;
    margin-bottom: 45px;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #777;
}

.table-cart thead th {
    padding: 19px 0px;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
    font-weight: bold;
    color: #000;
    font-size: 13px;
}

.table-cart tbody td,
.table-cart tfoot {
    border-top: 1px solid #d8d8d8;
}

.table-cart tbody td {
    height: 130px;
}

.table-cart tbody td .thumb {
    width: 83px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    line-height: 0;
    border: 2px solid #f6f6f6;
}

.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img {
    display: block;
    width: 83px;
    height: auto;
}

.table-cart tbody td .thumb a {
    font-size: 0;
    line-height: 0;
}

.table-cart tbody td .d-block {
    padding-bottom: 3px;
    display: inline-block;
    margin: 0px;
}

.table-cart tbody tr.nbg td {
    background-image: none;
}

.table-cart tfoot td {
    padding: 40px 0;
    font-weight: bold;
    background: #fff;
}

.table-cart tfoot strong {
    color: #333;
    font-size: 24px;
}

.table-cart tfoot strong span {
    font-size: 12px;
}

#mk_totalprice {
    color: #d04646;
}

#mk_order_save_reserve {
    color: #000;
    font-weight: bold;
}

.table-cart .uni-opt {
    margin-top: 7px;
}

.table-cart .uni-opt a {
    display: block;
    width: 105px;
    height: 23px;
    border: 1px solid #cacaca;
    font-size: 11px;
    text-align: center;
    line-height: 25px;
    color: #8d8d8d;
    background: #f5f5f5;
}

.tb-price span {
    color: #000;
}

.table-cart .tb-opt {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #e5e5e5;
    color: #555555;
}

.table-cart .total-result {
    color: #000;
}


/* 수량 컨트롤 */

.table-cart .opt-spin {
    position: relative;
    width: 51px;
    margin-left: auto;
    margin-right: auto;
}

.table-cart .opt-spin span.qty-btn a {
    width: 13px;
    height: 10px;
    border: 1px solid #cacaca;
    vertical-align: top;
    border-left: 0px;
}

.table-cart .opt-spin span.qty-btn a:nth-of-type(1) {
    line-height: 8px;
}

.table-cart .opt-spin span.qty-btn a:nth-of-type(2) {
    border-top: 0px;
    margin-top: -3px;
    line-height: 10px;
}

.tb-center a.modify-btn {
    border: 1px solid #cacaca;
    display: block;
    width: 49px;
    margin: 0 auto;
    height: 21px;
    line-height: 23px;
    color: #555555;
}

.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns {
    float: left;
}

.table-cart .opt-spin .txt-spin {
    width: 33px;
    height: 20px;
    padding-right: 1px;
    border: 1px solid #cacaca;
    font-size: 11px;
    text-align: center;
    margin-top: 1px;
}

.table-cart .opt-spin .btns {
    width: 42px;
    height: 20px;
    margin-left: 5px;
}

.table-cart .opt-spin .btns img {
    overflow: hidden;
    float: left;
    text-indent: -999px;
    background: none;
}

.tb-center a {
    display: inline-block;
    /*
    display: block;
    float: left;
*/
    margin-top: 0.5px;
}


/* 주문 - 주문정보 테이블 */

.table-order-info {
    margin-top: 10px;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.table-order-info tbody th,
.table-order-info tbody td {
    padding: 15px 0px;
    font-size: 13px;
    border-bottom: 1px solid #d8d8d8;
}

.table-order-info tbody th {
    color: #373737;
    font-weight: bold;
    background: #fafafa;
}

.table-order-info tbody th .d-block {
    font-weight: normal;
    letter-spacing: 0;
}

.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td {
    background-image: none;
}


/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */

.tit-tb-list {
    margin-top: 30px;
    font-size: 12px;
    color: #5f5f5f;
    padding-left: 10px;
    background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%;
}

.table-d2-list {
    border-top: 1px solid #707070;
}

.table-d2-list thead th {
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    color: #363636;
    font-size: 12px;
}

.table-d2-list tbody td {
    padding: 15px 0px;
    border-bottom: 1px solid #e1e1e1;
    color: #555;
    font-size: 13px;
}


/* 마이페이지 디자인 타입2 테이블 뷰 */

.table-d2-view {
    margin-top: 5px;
    border: 2px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.table-d2-view th,
.table-d2-view td {
    padding: 6px 0 5px;
    border-bottom: 1px solid #cdcdcd;
}

.table-d2-view th {
    font-weight: bold;
    border-right: 1px solid #e3e3e3;
    background-color: #ededed;
}


/* paging */

.paging {
    padding-top: 20px;
    height: 17px;
    text-align: center;
    line-height: 0;
    vertical-align: top;
}

.paging li {
    display: inline;
}

.paging li a {
    overflow: hidden;
    width: auto;
    height: 15px;
    padding: 0 7px;
    color: #999;
    cursor: pointer;
}

.paging li a:hover,
.paging li.now a {
    color: #d63448;
}

.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a {
    padding: 0 3px;
}

.paging li.prev {
    margin-right: 10px;
}

.paging li.next {
    margin-left: 10px;
}


/* 현재위치 */

.loc-navi {
    text-align: right;
}

.loc-navi,
.loc-navi a {
    color: #999;
    text-transform: capitalize;
}


/* 페이지 타이틀 */


/* 타입 1*/

#content .tit-page {
    position: relative;
    margin-top: 20px;
    font-size: 0;
    line-height: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #d0d0d0;
}

#content .tit-page .dsc {
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 11px;
    color: #a5a5a5;
    letter-spacing: -1px;
}

#content .tit-page .dsc em {
    color: #333;
}


/* 타입 2 */

#content .tit-page-2 {
    position: relative;
    margin-top: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d0d0d0;
}

#content .tit-page-2 .dsc {
    letter-spacing: -1px;
    display: inline-block;
    padding-top: 2px;
    margin-left: 30px;
    color: #9b9b9b;
}


/* 상품 total/정렬 */

.total-sort {
    zoom: 1;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}


/* total */

.total-sort .total {
    float: left;
    width: auto;
}

.total-sort .total dt,
.total-sort .total dd {
    display: inline;
}

.total-sort .total dd {
    font-weight: bold;
}

.total-sort .total dt {
    text-transform: capitalize;
}


/* sort */

.total-sort .sort {
    float: right;
    width: auto;
    display: inline;
    margin-right: 20px;
}

.total-sort .sort li,
.total-sort .sort li a {
    float: left;
    width: auto;
}

.total-sort .sort li {
    display: inline;
    margin-left: 10px;
}


/* 게시판 총게시글,PAGE */

.total-page {
    zoom: 1;
    overflow: hidden;
}

.total-page .total {
    float: left;
    width: auto;
}

.total-page .page {
    float: right;
    width: auto;
}


/* 회원 등급 표시 */


/* 타입 1 */

.mem-lvl {
    zoom: 1;
    overflow: hidden;
    padding: 15px 50px 15px 180px;
    background-color: #ededed;
}

.mem-lvl .lvl-img,
.mem-lvl p {
    position: relative;
    float: left;
}

.mem-lvl .lvl-img {
    left: -120px;
    margin-right: -120px;
    width: 120px;
}

.mem-lvl p {
    width: 100%;
    padding-top: 10px;
    line-height: 16px;
}

.mem-lvl p em {
    color: #be101a;
    font-weight: bold;
}

.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color: #F26622;
}


/* 타입 2 */

.mem-lvl-2 {
    zoom: 1;
    overflow: hidden;
    padding: 15px 50px 15px 150px;
    border: 5px solid #ededed;
}

.mem-lvl-2 .lvl-img,
.mem-lvl-2 p {
    position: relative;
    float: left;
}

.mem-lvl-2 .lvl-img {
    left: -130px;
    margin-right: -130px;
    width: 120px;
    border-right: 1px solid #ededed;
}

.mem-lvl-2 p {
    width: 100%;
    padding-top: 10px;
    line-height: 16px;
}

.mem-lvl-2 p em {
    color: #be101a;
    font-weight: bold;
}

.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color: #F26622;
}


/* 마이페이지 상단 메시지 박스 */

.t-box-msg {
    padding: 10px 20px;
    border: 5px solid #ededed;
}

.t-box-msg strong {
    color: #0178d3;
}


/*
========================================================================
공통 - 레이어
========================================================================
*/


/*
========================================================================
공통 - 레아웃
========================================================================
*/


/* z-index */

#layerWrap {
    z-index: 1;
}


/* layout */

#header,
#layerWrap,
#contentWrap,
#ftLink .link,
#footer {
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#contentWrapper {
    position: relative;
}

#contentWrap:after {
    content: "";
    display: block;
    clear: both;
}

#aside,
#content {
    position: relative;
    float: left;
}

#content {
    width: 100%;
}


/* 상품 미리보기 레이어 */

#detailpage {
    position: absolute;
    top: 100px;
    display: block;
    width: 640px;
    padding: 10px 10px 40px;
    border: 3px solid #93a4b3;
    background-color: #fff;
}

#detailpage .loc {
    zoom: 1;
    overflow: hidden;
}

#detailpage .loc span {
    float: right;
    width: auto;
}


/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/

#detailpage .hd {
    margin-top: 10px;
    padding: 5px 10px 5px 30px;
    border: 1px solid #becbd7;
    background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#detailpage .hd h2 {
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

#detailpage .detail {
    zoom: 1;
    overflow: hidden;
    margin-top: 20px;
    padding-left: 300px;
}

#detailpage .thumb-wrap,
#detailpage .txt-wrap {
    position: relative;
    float: left;
}

#detailpage .close-layer {
    position: absolute;
    right: 0px;
    bottom: 0px;
    _bottom: -1px;
}


/* thumb-wrap */

#detailpage .thumb-wrap {
    width: 300px;
    left: -300px;
    margin-right: -300px;
    text-align: center;
}

#detailpage .thumb-wrap .btns {
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

#detailpage .thumb-wrap .btns a {
    margin-left: 5px;
}

#detailpage .thumb-wrap .thumb img {
    width: 250px;
}


/* txt-wrap */

#detailpage .txt-wrap {
    width: 100%;
}

#detailpage .txt-wrap .ptit {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    border-bottom: 2px solid #ccc;
}

#detailpage .txt-wrap .opt {
    margin-top: 5px;
}

#detailpage .txt-wrap .opt li {
    padding: 3px 0;
}

#detailpage .txt-wrap .opt li.s-price {
    color: #a00000;
}

#detailpage .txt-wrap .f-btns {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 0;
    line-height: 0;
}

#detailpage .txt-wrap .f-btns a {
    margin-right: 5px;
}


/* opt-spin */

#detailpage .opt-spin {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 20px;
}

#detailpage .opt-spin .txt-spin {
    width: 22px;
    height: 18px;
    padding-right: 2px padding-top: 2px;
    border: 1px solid #acacac;
    font-size: 11px;
    text-align: right;
}

#detailpage .opt-spin .btns {
    position: absolute;
    left: 35px;
    top: 0px;
    width: 12px;
    height: 20px;
}

#detailpage .opt-spin .btns img {
    overflow: hidden;
    float: left;
    text-indent: -999px;
    background: none;
}

#detailpage .thumb-wrap .btns {
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

#detailpage .thumb-wrap .btns a {
    margin-left: 5px;
}


/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */


/* 상단 */

.bbs-hd {
    padding: 0px 0 20px;
    background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom;
}

.bbs-hd .link {
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.bbs-hd .link li {
    display: inline;
}

.bbs-hd .link li a {
    padding: 0 8px;
    color: #9c9c9c;
    letter-spacing: -0.5px;
    background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%;
}

.bbs-hd .link li.last a {
    background-image: none;
}


/* 타이틀 */

.bbs-tit {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

.bbs-tit .braket {
    padding: 0 15px;
    font-weight: bold;
    color: #cfcfcf;
    font-size: 14px;
    vertical-align: middle;
}

.bbs-tit em {
    margin-left: 10px;
    font-size: 11px;
    color: #898989;
}


/* 검색 */

.bbs-sch {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: right;
}

.bbs-sch label {
    margin-right: 10px;
}

.bbs-sch .key-wrap {
    font-size: 0;
    line-height: 0;
}

.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img {
    vertical-align: middle;
}

.bbs-sch .keyword {
    width: 125px;
    height: 14px;
    padding: 2px 0 0 2px;
    margin-right: 3px;
    line-height: 14px;
    border: 1px solid #ededed;
}


/* 게시판 글쓰기, 목록 이동 링크 */

.bbs-link {
    font-size: 0;
    line-height: 0;
}

.bbs-link a {
    display: inline-block;
    padding: 0 5px;
    font-size: 11px;
    color: #9b9b9b;
    background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') no-repeat left 45%;
}

.bbs-link a.write {
    padding-left: 23px;
    background: url(/images/d3/modern_simple/common/icon_bbs_write_link.gif) no-repeat 0 45%;
}


/* 게시판 글쓰기, 목록 이동 링크 */

.bbs-link a.none {
    background: url('');
}

.bbs-link span {
    font-size: 11px;
    color: #555;
    line-height: 14px;
}


/* 게시판 한줄공지 */

.bbs-online-notice {
    margin-top: 10px;
    margin-bottom: -10px;
    padding: 7px 10px;
    color: #9d9d9d;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}


/* 게시판 타입 - 리스트 */

.bbs-table-list {
    margin-top: 5px;
}

.bbs-table-list thead th,
.bbs-table-list tbody td {
    padding: 15px 0;
    font-size: 12px;
}

.bbs-table-list thead th {
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #e1e1e1;
}

.bbs-table-list tbody td {
    background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
    color: #555;
}

.bbs-table-list tbody td a {
    color: 555;
}


/* 게시판 타입 - 보기 */

.bbs-table-view {
    margin-top: 10px;
}

.bbs-table-view thead th,
.bbs-table-view tbody td {
    padding: 15px 0;
    font-size: 12px;
}

.bbs-table-view thead th {
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #e1e1e1;
}

.bbs-table-view thead td {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #e1e1e1;
    color: #555;
    font-size: 12px;
}

.bbs-table-view tbody th,
.bbs-table-view tbody td {
    border-bottom: 1px solid #e1e1e1;
}

.bbs-table-view thead th,
.bbs-table-view tbody th {
    background: #fafafa;
}

.bbs-table-view thead th .tb-left,
.bbs-table-view tbody th .tb-left {
    padding-left: 40px;
}

.bbs-table-view tbody th {
    font-weight: bold;
    color: #333;
}

.bbs-table-view tbody td.line {
    background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
}

.bbs-table-view .btn-dwn {
    margin-top: 15px;
}


/* 미니홈피, 방명록 게시글 뷰 */


/* 상단 */

.visit-vhd {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.visit-vhd th,
.visit-vhd td {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
    font-family: Dotum;
}

.visit-vhd .tb-left {
    padding: 0 3px;
}

.visit-vhd td .tb-no {
    color: #9c9c9c;
}

.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a {
    font-size: 11px;
    color: #9c9c9c;
}


/* 내용*/

.visit-vcont {
    background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
}

.visit-vcont th,
.visit-vcont td {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5e5;
}

.visit-vcont th {
    font-weight: normal;
    font-family: Dotum;
    color: #9d9d9d;
}

.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td {
    padding-bottom: 0;
    border-bottom: 0;
}

.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td {
    padding-top: 2px;
    border-bottom: 1px dotted #e5e5e5;
}

.visit-vcont tr.info td .tb-left {
    padding-left: 0;
    color: #555;
}

.visit-vcont .tb-left {
    padding: 0 3px;
}

.visit-vcont td .tb-cont {
    padding: 5px 0;
    min-height: 250px;
    _height: 250px;
}

.visit-vcont td .tb-cont img {
    max-width: 100%;
}


/* 코멘트 */

.visit-vcmt th,
.visit-vcmt td {
    padding: 6px 0;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
}

.visit-vcmt th {
    color: #c5c5c5;
}

.visit-vcmt .tb-tit {
    font-weight: bold;
    background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0;
}

.visit-vcmt td .tb-txt {
    min-height: 30px;
    _height: 30px;
    padding-left: 10px;
    color: #555;
}

.visit-vcmt td .date,
.visit-vcmt td .ctrl {
    display: block;
    font-size: 11px;
}

.visit-vcmt td .date {
    color: #555;
}

.visit-vcmt td .ctrl {
    margin-top: 5px;
}

.visit-vcmt td .ctrl a {
    margin-left: 2px;
    margin-right: 2px;
    color: #999;
    font-size: 11px;
}


/* 작성 */

.vist-vcmt-reg {
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.vist-vcmt-reg th,
.vist-vcmt-reg td,
#comment_reply_input th {
    padding: 6px 0;
}

.vist-vcmt-reg th,
#comment_reply_input th {
    font-weight: normal;
    color: #9d9d9d;
    font-family: Dotum;
}

.vist-vcmt-reg .tb-left,
#comment_reply_input .tb-left {
    padding: 0 3px;
}

.vist-vcmt-reg th .tb-left {
    padding-left: 10px;
    background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%;
}


/* 게시판 타입 - 쓰기 */

.bbs-table-write {
    margin-top: 10px;
}

.bbs-table-write tbody th,
.bbs-table-write tbody td {
    padding: 15px 0;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #e1e1e1;
    color: #333;
    font-weight: normal;
    font-size: 12px;
}

.bbs-table-write tbody th {
    background: #fafafa;
    font-weight: bold;
}

.bbs-table-write tbody td {
    padding-left: 10px;
}

.bbs-table-write tbody th.white {
    background: #fff;
}


/* 게시판 타입 - 비밀번호찾기 */

.bbs-table-pwd {
    margin-top: 25px;
}

.bbs-table-pwd table {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {
    padding: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}


/* 공통으로 쓰는거 */

textarea {
    width: 600px;
    height: 47px;
    padding: 2px;
    border: 1px solid #EDEDED;
}

.input-style {
    padding: 2px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #EDEDED;
}

.cont-sub-des {
    position: relative;
}

.cont-sub-des span {
    margin-right: 15px;
    color: #555;
}

.cont-sub-des span em {
    font-size: 11px;
    color: #9c9c9c;
}

.cont-sub-des .hit {
    position: absolute;
    top: 15px;
    right: 0;
}

.cont-sub-des .hit span {
    margin-right: 0;
}

.comment-box {
    border-bottom: 1px solid #d7d7d7;
}

.bbs-table-view .comment-box td {
    padding-bottom: 20px;
    border-top: 1px solid #d7d7d7;
    vertical-align: top;
}

.comment-box .com-name {
    margin-right: 8px;
    padding: 0 8px;
    background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0;
    font-weight: bold;
    color: #333333;
}

.bbs-table-view td.com-wrt-box {
    border: 0;
}

.com-wrt-box label {
    font-size: 12px;
    color: #555;
}

.com-wrt-box .input-style {
    margin: 0 10px 0 7px;
    padding: 2px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #d7d7d7;
    height: 27px;
}

.com-wrt-box .wrt {
    margin-top: 13px;
}

.view-link {
    padding: 12px 0;
}


/* 게시판 회원 게시글 검색 */

.search_id {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    display: block;
    padding: 3px;
    position: absolute;
    width: 90px;
}


/* 개인정보보호정책 동의 */

.new-privercy-contract {
    text-align: left;
    padding: 0px;
}

.new-privercy-contract p {
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}

.privercy-contract-tap {
    position: relative;
    height: 40px;
}

.privercy-contract-tap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
    *bottom: -2px;
}

.privercy-contract-tap li {
    border: 1px solid #ccc;
    border-right: none;
    background: #F4F4F4;
    float: left;
    display: inline-block;
}

.privercy-contract-tap li a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
}

.privercy-contract-tap li.end {
    border-right: 1px solid #ccc;
}

.privercy-contract-tap li.sel {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.privercy-contract {
    clear: both;
}

.privercy-contract textarea {
    clear: both;
    border: 1px solid #CCC;
    height: 60px;
    background: #FFFFFF;
    padding: 10px;
    width: 660px;
}

.privercy-agree {
    margin: 10px 0;
}

.privercy-agree label {
    margin-right: 10px;
}


/*
========================================================================
hot issue common class
========================================================================
*/


/* .item-wrap */

.item-wrap .item-hd {
    margin: 80px 0 40px 0;
    background: url(/images/d3/hot_issue/common/bd_line_gray.gif) repeat-x 0 60%;
}

.item-wrap .nbg {
    background: none;
    text-align: center;
}

.item-wrap .item-info {
    zoom: 1;
    overflow: hidden;
    padding: 35px 0 10px;
    border-bottom: 1px solid #ddd;
}

.item-wrap .item-info .item-total {
    float: left;
    padding-left: 20px;
}

.item-wrap .item-info .item-order {
    float: right;
    padding-right: 10px;
}

.item-wrap .item-info .item-order li {
    float: left;
    padding: 0 10px;
    background: url(/images/d3/hot_issue/common/bull_w1_h7_gray.gif) no-repeat 100% 40%;
}

.item-wrap .item-info .item-order li.nobg {
    background: none;
}

.item-wrap .item-info .item-order li a {
    font-size: 11px;
}

.item-wrap .item-cont {
    zoom: 1;
    overflow: hidden;
    margin-top: 10px;
}

.item-wrap .item-cont:after {
    content: "";
    display: block;
    clear: both;
}

.item-wrap .item-cont .item-list {
    float: left;
    width: 280px;
    margin: 10px 0;
    text-align: center;
}

.item-wrap .item-cont .item-list .thumb img {
    width: 200px;
    height: 200px;
}

.item-wrap .item-cont .item-list li {
    margin-top: 5px;
}

.item-wrap .item-cont .item-list .prd-price {
    font-weight: bold;
}

.item-wrap .item-page {
    margin-top: 80px;
    text-align: center;
}

.item-wrap .item-page a {
    padding: 0 5px;
}

.item-wrap .item-page a:hover,
.item-wrap .item-page a.now {
    color: #ec2626;
    font-weight: bold;
    letter-spacing: -1px;
}


/* .navi */

.navi p {
    text-align: right;
}

/* 페이지 공통 네비게이션 */

.normal_page_wrap {
    text-align: right;
    font-family: 'Nanum Gothic', sans-serif;    
}

.nv_location span.home {
    background: url(/design/finding7/wib/top/home.png) no-repeat left center;
    background-size: 11px;
    text-indent: 15px;
    display: inline-block;
}

.nv_location span.gt {
    margin: 0px 3px;
}

.nv_location span.current {
    font-weight: bold;
    color: #232323;
}


/* 페이지 공통 타이틀 */
.page-head {
    margin: 25px 0px 55px;
}

.page-head h1 {
    font-size: 23px;
    text-align: center;
    font-family: 'Lato', 'Nanum Gothic', sans-serif;  
    color: #232323;
    font-weight: bold;
}

/* 페이지 공통 테이틀 타이틀 */

#contentWrap #content .tit-cart {
    font-size: 15px;
    margin-top: 35px;
    color: #111111;
    font-weight: bold;
}

/* 공통 버튼 */
.common-btn {
    display: inline-block;
    width: 122px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 13px;
}

.common-btn.btn-charcoal {
    color: #fff;
    background: #5c5c5c;
    border-bottom: 2px solid #414141;
}

.common-btn.btn-gray {
    color: #333;
    background: #f2f2f2;
    border-bottom: 2px solid #b2b2b2;    
}

.common-btn.btn-white {
    color: #333;
    background: #fff;
    border-color: #aeaeae;
    border-bottom: 2px solid #aeaeae;    
}

-------------------- css end --------------------



-------------------- js start --------------------



-------------------- js end --------------------