/* 웹폰트 로드 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);



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

/* global rest */

html,
body {
    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: 13px;
    color: #363636;
    font-family: 'Noto Sans KR', AppleGothic, Helvetica, sans-serif;
    line-height: 1.25;
}

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: #363636;
    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;
    text-indent: 10px;
}

.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;
}

/* 페이지 타이틀 */

/* 타입 1*/

#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;
}

/* 현재위치 */

.loc-navi {
    text-align: right;
    margin-bottom: 70px;
    margin: 0 auto;
    margin-top: 17px;
    margin-bottom: 50px;
}

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

.loc-navi > ul {
    text-align: right;
    float: right;
    font-size: 0;
}

.loc-navi > ul li {
    display: inline-block;
    vertical-align: middle;
}

.loc-navi,
.loc-navi a {
    text-transform: uppercase;
    color: #6a6a6a;
    font-size: 14px;
}

.loc-navi a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 11px;
    margin: 0px 11px 0px 13px;
    background: url(/design/drstory00/wib/pc/img/icon/icon-arrow-navi.png) no-repeat;
    position: relative;
    bottom: 1px;    
}

.loc-navi a:last-child:after,
.loc-navi li:last-child a:after {
    display: none;
}

.loc-navi img {
    display: none;
}

/* 회원 등급 표시 */

/* 타입 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 {
    width: 1100px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#contentWrapper {
    position: relative;
}

#ftWrap,
#hdWrap,
#contentWrapper,
#wrap {
    min-width: 1100px;
}

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

#contentWrap {
    margin: 0px auto 50px;
    margin-bottom: 100px;
    min-height: 700px;
}

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

#content {
    width: 100%;
}

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

#detailpage {
    position: absolute;
    top: 100px;
    display: block;
    width: 1025px;
    padding: 10px 10px 40px;
    border: 1px solid #0c0c0d;
    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: 490px;
}

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

#detailpage .close-layer {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* thumb-wrap */

#detailpage .thumb-wrap {
    width: 380px;
    left: -440px;
    margin-right: -380px;
    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: 380px;
}

/* txt-wrap */

#detailpage .txt-wrap {
    width: 500px;
}

#detailpage .txt-wrap .ptit {
    font-size: 29px;
    color: #333;
    margin-bottom: 10px;
}

#detailpage .txt-wrap .ptit_sub {
    font-size: 15px;
    line-height: 23px;
}

#detailpage .txt-wrap .ptit_sub.sub_border {
    color: #393939;
    margin-bottom: 15px;
    border-bottom: solid 1px;
    display: inline-block;
}

#detailpage .txt-wrap .table-opt {
    border-top: solid 1px #ccc;
    margin-top: 25px;
    padding-top: 20px;
}

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

#detailpage .txt-wrap .opt li {
    padding: 8px 0;
    font-size: 14px;
}

#detailpage .txt-wrap .opt li.s-price {}

#detailpage .txt-wrap .f-btns {
    margin-top: 30px;
    font-size: 0;
    line-height: 0;
}

#detailpage .txt-wrap .f-btns a {
    margin-right: 10px;
    width: 160px;
    height: 60px;
    border: solid 1px #000;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    color: #191919;
    font-size: 15px;
}

#detailpage .txt-wrap .f-btns a:first-child {
    background: #191919;
    color: #fff;
}

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

/* 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;
    line-height: 14px;
    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: 25px;
}

.bbs-table-list thead th,
.bbs-table-list tbody td {
    padding: 6px 0;
}

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

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

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

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

.bbs-table-view thead th,
.bbs-table-view tbody td {
    padding: 6px 0;
}

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

.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: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}

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

.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: 2px solid #e5e5e5;
}

.bbs-table-view .comment-box td {
    padding-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    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: #c5c5c5;
}

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

.com-wrt-box label {
    padding-left: 7px;
    color: #9d9d9d;
    background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;
}

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

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

.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: 5px;
}

.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 {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    margin: 0px 20px 50px 0px;
    text-align: center;
}

.item-wrap .item-cont .item-list:nth-of-type(4n) {
    margin-right: 0;
}

.item-wrap .item-cont .item-list dt {
    margin-bottom: 18px;
    overflow: hidden;
}

.item-wrap .item-cont .item-list .best-icon {
    display: none;
}

.item-wrap .item-cont .item-list dt .thumbnail > img {
    width: 100%;
    height: auto;
}

.item-wrap .item-cont .item-list dt a.layer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.03);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;       
}

.item-wrap .item-cont .item-list:hover a.layer-bg {
    opacity: 1;
    visibility: visible;
}

.item-wrap .item-cont .item-list dt a.layer-bg ~ a {
    position: absolute;
    bottom: 0;
    right: -38px;
    font-size: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;       
}

.item-wrap .item-cont .item-list:hover a.layer-bg ~ a {
    right: 0;
}

.item-wrap .item-cont .item-list dt a.layer-bg + a {
    bottom: 37px;
}

.item-wrap .item-cont .item-list span.discount-rate {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #e50012;
    font-size: 18px;
    color: #e50012;
    display: block;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    background: rgba(255,255,255,.8);
}

.item-wrap .item-cont .item-list li {
    font-size: 15px;
}

.item-wrap .item-cont .item-list li.prd-name {
    font-size: 14px;
    color: #343434;
    width: 260px;
    display: inline-block;
    margin-bottom: 12px;
}

.item-wrap .item-cont .item-list li.prd-subname {
    font-size: 13px;
    color: #6a6a6a;
    margin-bottom: 14px;
    line-height: 19px;
    font-weight: normal;
}

.item-wrap .item-cont .item-list li.prd-price {
    font-size: 17px;
    font-weight: bold;
    color: #231f20;
}

.item-wrap .item-cont .item-list li.prd-price span {
    display: block;
    line-height: 16.4px;
}

.item-wrap .item-cont .item-list li.prd-price.consumer {
    color: #353535;
    font-weight: normal;
}

.item-wrap .item-cont .item-list li.prd-price strike {
    font-size: 13px;
    color: #8e8e8e;
    font-weight: normal;
    display: block;
    margin-bottom: 1px;
}





/******************************** 추가 공통스타일 NE (아래에서부터 모듈화 추가스타일입니다.)*****************************/

/**** 상품폼 공통 페이징 *** */

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

.item-wrap .item-page a {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    font-size: 14px;
    color: #8c8c8c;
}

.item-wrap .item-page a:hover,
.item-wrap .item-page a.now {
    color: #e50012;
    padding-bottom: 5px;
    border-bottom: 1px solid #e50012;
}

.item-wrap .item-page a.first {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-first.png') no-repeat center;
    font-size: 0;
    width: 12px;
    height: 17px;
    display: inline-block;
    padding: 0px 15px;
}

.item-wrap .item-page a.prev {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-prev.png') no-repeat center;
    font-size: 0;
    width: 6px;
    height: 17px;
    display: inline-block;
    padding: 0px 15px;
}

.item-wrap .item-page a.next {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-next.png') no-repeat center;
    font-size: 0;
    width: 6px;
    height: 17px;
    display: inline-block;
    padding: 0px 15px;
}

.item-wrap .item-page a.last {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-last.png') no-repeat center;
    font-size: 0;
    width: 12px;
    height: 17px;
    display: inline-block;
    padding: 0px 15px;
}

.item-wrap .item-page a.first:hover,
.item-wrap .item-page a.prev:hover,
.item-wrap .item-page a.next:hover,
.item-wrap .item-page a.last:hover {
    padding: 0px 15px;
    border: none;
}

/**** 테이블폼 공통 페이징 *** */

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

.paging li {
    display: inline;
}

.paging a {
    overflow: hidden;
    width: auto;
    height: 15px;
    margin: 0 15px;
    font-size: 14px;
    color: #343434;
    cursor: pointer;
}

.paging li strong,
.paging a.now,
.paging li.now a {
    color: #e50012;
    padding-bottom: 5px;
    border-bottom: 1px solid #e50012;
    overflow: hidden;
    width: auto;
    height: 15px;
    margin: 0 15px;
    font-size: 14px;
    cursor: pointer;    
    vertical-align: middle;
}

.paging li.first a,
.paging a.first {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-first.png') no-repeat center;
    font-size: 0;
    width: 12px;
    height: 11px;
    display: inline-block;
    padding: 0px 5px;
}

.paging li.prev a,
.paging a.prev {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-prev.png') no-repeat center;
    font-size: 0;
    width: 6px;
    height: 11px;
    display: inline-block;
    padding: 0px 5px;
}

.paging li.next a,
.paging a.next {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-next.png') no-repeat center;
    font-size: 0;
    width: 6px;
    height: 11px;
    display: inline-block;
    padding: 0px 5px;
}

.paging li.last a,
.paging a.last {
    background: url('/design/drstory00/wib/pc/img/icon/icon-page-last.png') no-repeat center;
    font-size: 0;
    width: 12px;
    height: 11px;
    display: inline-block;
    padding: 0px 5px;
}


/**** 공통네비 navi  ****/

.navi p {
    text-align: right;
}

.page_tit30,
.page-head {
    font-size: 30px;
    font-weight: bold;
    color: #000;24
    text-align: center;
    margin-bottom: 40px;
}


/**** 로그인페이지 공통스타일****/

#loginWrap .page-body {
    box-sizing: border-box;
    width: 100%;
    margin: 0px auto 0px;
    border: 1px solid #d2d2d2;
    border-top: 1px solid #191919;
    padding: 90px 0;
}

#loginWrap .mlog-sign {
    zoom: 1;
    overflow: hidden;
    width: 914px;
    margin: 0 auto;
}

#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {
    float: left;
}

#loginWrap .mlog-sign .sign {
    position: relative;
    width: 365px;
    padding-left: 94px;
    border-left: 1px solid #d1d1d1;
    height: 100%;
}

#loginWrap .mlog-sign .sign .notice {
    color: #414141;
    font-size: 15px;
    margin-top: 10px;
    letter-spacing: -0.5px;
    display: block;
}

#loginWrap .mlog-sign .mlog {
    position: relative;
    width: 360px;
    margin-right: 94px;
}

#loginWrap .mlog .frm-list li {
    margin-bottom: 0px !important;
}

#loginWrap .frm-list li .txt-frm,
#loginWrap .frm-list li .MS_input_txt {
    width: 360px;
    height: 40px;
    line-height: 40px;
    border: none;
    background-color: #f7f7f7;
    text-indent: 10px;
    color: #707070;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 0!important;
    margin-right: 0!important;
}

#loginWrap h2.login_sub_tit {
    font-weight: bold;
    font-size: 19px;
    color: #292929;
    margin-bottom: 15px;
}

#loginWrap h3.login_sub_tit02 {
    color: #414141;
    font-size: 14px;
    line-height: 23px;
}

#loginWrap .sign p {
    font-size: 15px;
    color: #414141;
    font-weight: normal;
    line-height: 22px;
}

#loginWrap .login_bt01,
#findIdPwd_result .login_bt01 {
    width: 360px;
    height: 52px;
    line-height: 52px;
    display: block;
    text-align: center;
    color: #ffffff;
    background: #e50012;
    border: 1px solid #e50012;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    box-sizing: border-box;
}

#loginWrap .login_bt01 a,
#findIdPwd_result .login_bt01 a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    display: block;
    height: 100%;
    line-height: 52px;
}

#loginWrap .mlog .security {
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 1;
    font-size: 13px;
    color: #5f5f5f;
}

#loginWrap .join-banner {
    margin-top: 34px;
}

#loginWrap .sign .frm-list .login_bt01 {
    margin-top: 46px;
    width: 363px;
    background: #231f20;
    border: 1px solid #231f20;
}

#loginWrap .mlog .frm-list li label {
    width: 50px;
    line-height: 21px;
    font-size: 11px;
    letter-spacing: -1px;
    font-weight: bold;
}

#loginWrap .find_wrap {
    text-align: right;
    margin-top: 8px;
}

#loginWrap .find_wrap > div {
    display: inline-block;
    margin-left: 5px;
}

#loginWrap .find_wrap .bleat {
    font-weight: bold;
    padding-right: 5px;
    color: black;
}

#loginWrap .find_wrap a {
    font-size: 13px;
    color: #191919;
    border-bottom: solid 1px #191919;
    padding-bottom: 1px;
    display: inline-block;
}

#loginWrap .radio-wrap {
    margin: 50px 0 15px;
    text-align: right;
}

#loginWrap .radio-wrap label {
    color: #5f5f5f;
}

#loginWrap .login_ban {
    display: block;
    margin-top: 40px;
}

#find_pw_input_wrap {
    float: right;
}

#MSecure_layer1 {
    z-index: 99 !important;
}

/* SNS 로그인 */

#loginWrap #simpleLogin .sns-login,
#loginWrap #simpleLogin .sns-login > div {
    text-align: left !important;
    font-size: 0;
}

#loginWrap #simpleLogin .sns-login {
    margin-top: 12px;
}

#loginWrap #simpleLogin .sns-login a {
    margin: 0px;
    margin-right: 9px;
    display: inline-block;
    vertical-align: top;
}

#loginWrap #simpleLogin .sns-login a:last-child {
    margin-right: 0;
}


/**** 공통 버튼영역 ****/

.btn_black {
    width: 144px !important;
    height: 50px !important;
    background: #191919 !important;
    color: #fff !important;
    display: inline-block !important;
    line-height: 50px !important;
    font-size: 15px !important;
    vertical-align: top !important;
    text-align: center !important;
    margin: 0px 0 50px !important;
}

.btn_white {
    width: 144px !important;
    height: 50px !important;
    background: #fff !important;
    color: #191919 !important;
    border: solid 1px #191919;
    box-sizing: border-box;
    display: inline-block !important;
    line-height: 50px !important;
    font-size: 15px !important;
    vertical-align: top !important;
    text-align: center !important;
    margin: 0px 0 50px !important;
}

.btn_white_s {
    background: #fff!important;
    text-align: center !important;
    width: 90px !important;
    height: 36px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    border: solid 1px #191919 !important;
    line-height: 36px !important;
    display: inline-block !important;
    color: #191919 !important;
}

.btn_black_s {
    background: #191919!important;
    text-align: center !important;
    width: 90px !important;
    height: 36px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    border: solid 1px #191919 !important;
    line-height: 36px !important;
    display: inline-block !important;
    color: #fff !important;
}

.btn_dgray_xs {
    background: #191919;
    border: solid 1px #191919;
    color: #fff;
    padding: 2px 5px;
    text-align: center;
    width: auto;
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
    display: inline-block;
}

.btn_white_xs {
    background: #fff;
    color: #363636;
    padding: 2px 5px;
    text-align: center;
    width: auto;
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
    border: solid 1px #707070;
    box-sizing: border-box;
    display: inline-block;
}

.add_search_btn {
    display: inline-block;
    _display: inline;
    background: #191919;
    height: 31px;
    line-height: 29px;
    vertical-align: middle;
    padding: 0px 10px;
    color: #fff;
    font-size: 13px !important;
}

.add_search_btn a {
    color: #fff;
    font-size: 13px !important;
}

.btn_dgray_xs_file {
    color: #fff;
    text-align: center;
    width: auto;
    font-size: 12px;
    font-weight: 200;
    display: inline-block;
    margin-left: 5px;
    background: #191919;
    width: 67px;
    height: 30px;
    padding: 0;
    line-height: 30px;
}

.btn_dgray_bbs_com {
    color: #fff;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    background: #191919;
    width: 130px;
    height: 80px;
    font-size: 15px;
}

.btn_borad_pass_white {
    background: #fafafa;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    color: #393939;
    text-align: center;
    width: 81px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    display: inline-block;
    margin: 0 2px;
}

.btn_borad_pass_black {
    background: #303030;
    color: #fff;
    text-align: center;
    width: 81px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    display: inline-block;
    margin: 0 2px;
}

.dpib {
    display: inline-block;
    _display: inline;
    *display: inline;
}

.dpn {
    display: none!important;
}


/**** 컬러포인트 변경시 아래 주석풀고, 색상변경하면됩니다 ****/

/* 공통 하단 컬러버튼_블랙버전 ex) 확인,취소 */

/*
	#loginWrap .login_bt01, 
	#findIdPwd_result .login_bt01, 
	#content .btn_black, 
	#join .new-btn-area a, 
	#prdSearch .btn_dgray_bbs_com, 
	#content .btn_dgray_bbs_com, 
	#faqWrap 
	.search-wrap .search-cont .sch-btn, 
	#content .btn_black_s{ background: red !important; border-color: red !important; } 
	*/

/* 공통 회원가입,주문서 컬러버튼_블랙버전 ex) 우편번호찾기, 중복검색, 찾기 등 */

/*
	#content .add_search_btn, 
	#content #MS_recommand_search, 
	#order .btn-darkgray, 
	.btn_dgray_xs, 
	.btn_dgray_xs_file{ background: gray !important; border-color: gray !important; }
	*/

/* 공통 하단 컬러버튼_화이트버전 ex) 확인,취소 */

/*
	#content .btn_white, 
	#content .btn_white_s{ border-color: red !important; color: red !important; }
	*/

/* 공통 회원가입,주문서 컬러버튼_화이트버전 ex) 우편번호찾기, 중복검색, 찾기 등 */

/*
	.btn_white_xs{ border-color: gray !important; color: gray !important; }
	*/

/* 로그인,게시판비밀번호 페이지의 보더색상 */

/*
	.bbs-table-pwd, 
	#loginWrap .page-body, 
	#loginWrap .mlog-sign .sign{ border-color: red !important; }
	*/

/**** 게시판 시작  ***/

/* 게시판 타이틀 */

.bbs-tit {
    color: #222222;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

.bbs-tit .braket {
    display: none;
}

/* 게시판 목록 */

.bbs-hd {
    display: none;
}

.bbs-table-list thead th {
    color: #363636;
    font-size: 13px;
    line-height: 140%;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 0 10px;
    background: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

#bbsData .bbs-sch input[type=text] {
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
    padding: 0 2px;
    margin: 0 5px 0 0;
    border: 1px solid #dcdcdc;
}

.bbs_sch_btn_wrap {
    background: #fbfafa;
    overflow: hidden;
    position: relative;
    z-index: 20;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px;
    top: -1px;
}

.bbs_sch_btn_wrap .bbs-sch {
    margin: 0px;
    text-align: left;
    padding-left: 20px;
}

#bbsData .bbs-link-top {
    margin: 0px;
    display: inline-block;
    _display: inline;
    *display: inline;
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 20;
    display: none;
}

.bbs-table-list tbody td {
    background: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 6px 0px;
    height: 35px;    
}

.bbs-table-list thead th {
    padding: 15px 0px;
}

.bbs-link a.list {
    width: 100px;
    height: 30px;
    background: url(./wib/img/board/board_list_btn.gif) no-repeat 0 0;
    padding: 0px;
    font-size: 0px;
    float: right;
    margin-right: 10px;
}

.bbs-link a.modify {
    width: 100px;
    height: 30px;
    background: url(./wib/img/board/board_modify_btn.gif) no-repeat 0 0;
    padding: 0px;
    font-size: 0px;
    float: right;
    margin-right: 10px;
}

.bbs-link a.ans {
    width: 100px;
    height: 30px;
    background: url(./wib/img/board/board_ans_btn.gif) no-repeat 0 0;
    padding: 0px;
    font-size: 0px;
    float: right;
    margin-right: 10px;
}

.bbs-link a.del {
    width: 100px;
    height: 30px;
    background: url(./wib/img/board/board_del_btn.gif) no-repeat 0 0;
    padding: 0px;
    font-size: 0px;
    float: right;
    margin-right: 10px;
}

.borad_ban {
    display: block;
    margin-top: 70px;
}

/* 게시판 쓰기 */

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

.bbs-table-write tbody th,
.bbs-table-write tbody td {
    padding: 12px 10px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}

.bbs-table-write tbody th div {
    color: #363636;
    font-size: 13px;
}

.bbs-table-write tbody td iframe {
    width: 98%!important;
}

.bbs-table-write .input_style {
    width: 166px;
    height: 28px;
}

.bbs-table-write .input_style2 {
    width: 466px;
    height: 28px;
}

.bbs-table-write .MS_input_txt {
    padding: 0px;
    margin: 0px;
}

.bbs-table-write textarea {
    width: 950px !important;
    min-height: 300px;
}

#bbsData .bbs-table-write .bbs-link-btm {
    margin-top: 50px;
}

#bbsData .bbs-table-write .bbs-link-btm dd a {
    margin-left: 10px !important;
}

#bbsData .bbs-link-btm {
    margin-top: 10px;
    text-align: right;
}

#bbsData .bbs-table-write .input_style {
    width: 180px;
}

#bbsData .bbs-table-write .input_style2 {
    width: 460px;
}

#bbsData .bbs-table-write tbody td .title input[type="checkbox"] {
    margin-left: 10px;
}

/* 게시판 읽기 */

.bbs-table-view thead {
    border-top: 1px solid #1b1b1b;
}

.bbs-table-view thead th {
    background: #fbfafa;
    color: #353535!important;
}

.bbs-table-view thead th,
.bbs-table-view thead td {
    padding: 15px 10px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 13px;
}

.bbs-table-view .write_content {
    position: relative;
    z-index: 10;
}

.bbs-table-view .write_content .hit {
    position: absolute;
    top: 13px;
    right: 11px;
    z-index: 10;
    color: #353535;
}

.bbs-table-view .write_content .hit em {
    font-size: 12px;
    color: #353535;
    text-transform: uppercase;
}

.bbs-table-view thead .t_line {
    border-top: 1px solid #1b1b1b;
}

.bbs-table-view .write2 {
    display: inline-block;
    _display: inline;
    *display: inline;
}

.view-link {
    margin: 10px 0 20px 0;
    padding: 0px;
    overflow: hidden;
}

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

.com-wrt-box label {
    padding-left: 0px;
    background: none;
    display: inline-block;
    _display: inline;
    *display: inline;
    width: 110px;
    height: 30px;
    line-height: 2.5em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #353535;
}

.com-wrt-box .wrt2 {
    border-bottom: 1px solid #e2e2e2;
}

.com-wrt-box .wrt2 label {
    height: 60px;
    line-height: 4.8em;
}

.com-wrt-box .wrt {
    padding-left: 0px;
    border-top: 1px solid #e2e2e2;
    margin-top: 0px;
}

.com-wrt-box .wrt:nth-child(2) {
    border: none;
}

.wrt span {
    padding-right: 52px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e2e2e2;
    margin: 0px;
    padding: 0px;
    height: 28px;
    line-height: 2.1em;
    width: 120px;
}

.wrt textarea {
    width: 75%;
    padding: 0px;
    height: 60px;
}

.com-wrt-box .input-style {
    margin: 0px;
    padding: 0px;
    height: 28px;
    line-height: 2.1em;
}

/* 게시판 상단 */

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

.bbs-sch .btn_dgray_xs {
    background: #979696;
    border-color: #979696;
    margin-left: 0px;
    padding: 3.5px 8px;
}

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

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

.cont-sub-des span em {
    font-size: 13px;
    color: #5b5b5b;
}

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

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

.cont-sub-des span em.view-subject {
    margin-left: 30px;
    margin-right: 40px;
}

.bbs-link a.delete {
    padding: 0 3px 0 5px;
}

.bbs-link a.reply {
    padding: 0;
}

.bbs-table-view .data-bd-cont {
    padding: 20px 0 40px 0;
}

.bbs-table-view hr {
    display: block;
}

.list-link span.arrow {
    padding: 0px 10px 0px 15px;
    font-size: 11px;
    color: #9d9d9d;
}

.list-link span.arrow.prev {
    background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left top;
}

.list-link span.arrow.next {
    background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left top;
}

.data-bd-cont .add_info {
    float: left;
    border: 1px solid #e5e5e5;
    width: 97%;
    padding: 5px 10px;
    line-height: 150%;
    margin-bottom: 10px;
}

.data-bd-cont .add_title {
    float: left;
    width: 30%;
    font-weight: bold;
}

.data-bd-cont .add_content {
    float: left;
    width: 70%;
}

.data-bd-cont .attach {
    text-align: center;
    margin-bottom: 10px;
}

.bbs-table-view .data-bd-cont .attach {
    display: none;
}

.bbs-table-view .data-bd-cont {
    padding: 20px 20px 40px;
}

/* 게시판 하단 버튼영역*/

.view-link .bbs-link dd > a {
    margin-left: 10px !important;
}

.view-link .bbs-link.con-link dd > a {
    margin-left: 0px !important;
}

.list-link {
    padding: 6px 14px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.list-link li {
    padding: 4px 0px;
}

.list-link span.arrow {
    padding: 0px 10px 0px 15px;
    font-size: 11px;
    color: #9d9d9d;
}

.list-link span.arrow.prev {
    background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 5px;
}

.list-link span.arrow.next {
    background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 5px;
}

/* 게시판 관련 상품 목록 */

.bbs-table-view .fixed-img-collist {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.bbs-table-view .list-tit {
    padding-left: 7px;
    color: #9d9d9d;
    background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;
}

.bbs-table-view .fixed-img-collist ul {
    padding: 15px 11px 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding-right: 0px;
    padding-left: 0px;
}

.bbs-table-view .fixed-img-collist ul li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 150px;
    margin: 0;
}

.bbs-table-view .fixed-img-collist ul li:nth-child(3n) {
    padding-right: 15px;
}

.bbs-table-view .fixed-img-collist ul li a {
    display: block;
    width: 150px;
    font-size: 11px;
    color: #9d9d9d;
    padding: 10px 0;
}

.bbs-table-view .fixed-img-collist ul li a span.prd img {
    width: 142px;
    height: 142px;
    margin-bottom: 8px;
    padding: 3px;
    border: 1px solid #d8d8d8;
}

.bbs-table-view .fixed-img-collist ul li p {
    padding: 1px;
    font-size: 11px;
    color: #666;
    font-weight: bold;
}

/* 하단 댓글박스 */

.bbs-table-view td.com-wrt-box {
    background: #fbfbfb;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
}

.bbs-table-view .wrt textarea {
    margin-right: 10px;
    width: 760px;
    height: 80px;
}

.bbs-table-view .wrt span {
    border: none;
    width: 170px;
    height: 30px;
    line-height: 30px;
    margin: 0px;
}

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

.bbs-table-view .com-wrt-box .input-style {
    width: 170px;
    height: 30px;
    line-height: 30px;
}

.bbs-table-view .com-wrt-box label {
    padding-left: 0px;
    background: none;
    display: inline-block;
    _display: inline;
    width: 70px;
    height: 30px;
    line-height: 2.5em;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    color: #353535;
    text-align: right;
    margin-right: 20px;
}

.bbs-table-view .comment-box {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

.bbs-table-view .comment-box td {
    padding: 7px 0;
    vertical-align: middle;
    padding-right: 20px;
}

.bbs-table-view .comment-box td.com-wrt-box {
    padding: 20px 0;
}

.bbs-table-view .comment-box .com-name {
    margin-right: 8px;
    text-align: left;
    padding: 0px;
    padding-left: 20px;
    font-weight: normal;
    background: none;
    color: #363636;
}

.bbs-table-view .comment-box .bbs-link span {
    font-size: 13px;
}

.bbs-table-view .comment-box .bbs-link a {
    font-size: 13px;
    color: #363636;
    padding-left: 20px;
}

/* 상품 상단 정보 */

.prd-tinfo {
    zoom: 1;
    overflow: hidden;
    padding: 10px 0 10px 80px;
    border: 3px solid #e0e0e0;
}

.prd-tinfo dt,
.prd-tinfo dd {
    position: relative;
    float: left;
}

.prd-tinfo dt {
    left: -70px;
    margin-right: -70px;
    width: 60px;
    height: 60px;
}

.prd-tinfo dt img {
    width: 100%;
    height: 100%;
}

.prd-tinfo dd {
    width: 100%;
}

.prd-tinfo dd ul {
    padding: 15px 0 0 10px;
    min-height: 45px;
    _height: 45px;
    border-left: 1px solid #e0e0e0;
}

.prd-tinfo dd ul li {
    padding: 1px 0;
}

.prd-tinfo dd ul li .tit {
    display: inline-block;
    width: 55px;
}

.prd-tinfo dd ul li.name .tit {
    letter-spacing: 1px;
}

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

.privercy-contract textarea {
    height: 60px;
    width: 660px;
}

.privercy-contract-tap {
    height: 30px;
}

.privercy-contract-tap li a {
    padding: 7px 10px;
}

/* 개인정보 수집 이용 */

.privercy-contract .tbl {
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.privercy-contract .tbl caption {
    display: none;
}

.privercy-contract .tbl th {
    line-height: 32px;
    color: #3b3b3b;
    font-size: 12px;
    font-weight: bold;
    background: #f0f0f0;
    text-align: center;
}

.privercy-contract .tbl th,
.privercy-contract .tbl td {
    height: 32px;
    padding: 0;
    margin: 0;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    letter-spacing: -1px;
}

.privercy-contract .tbl td .txt-l {
    padding: 5px 3px;
    margin: 0;
    text-align: left;
}

.bbs-link a.btn_mgray_bbs {
    float: right;
}


/* 게시판 비밀번호 */

.bbs-table-pwd {
    width: 490px;
    height: 266px;
    border: 1px solid #191919;
    margin: 0 auto;
    padding: 15px 0;
}

.bbs-table-pwd tbody th {
    background: #fbfafa;
    color: #353535!important;
}

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

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

.bbs-table-pwd .MS_input_txt {
    height: 28px;
    padding: 0px;
    text-indent: 10px;
    width: 100%;
}

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

.bbs-table-pwd tbody th {
    background: none!important;
}

.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {
    border: none!important;
}

.bbs-table-pwd .notice_wrap {
    font-size: 15px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 40px 0 25px;
    line-height: 23px;
}

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

.pwd-link {
    margin-top: 20px;
    text-align: center;
}

.bbs-table-pwd .pwd-link dd a {
    margin: 0 5px;
}


/** 갤러리게시판 **/

.fixed-img-collist ul {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    font-size: 0;
}

.fixed-img-collist ul li {
    /*margin-right: 52px; width: 350px; padding-right: 52px; border-right: solid 1px #d7d7d7; margin-right: 52px; */
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-bottom: 70px;
    margin-right: 21px;
    width: 386px;
}

.fixed-img-collist ul li:nth-child(3n) {
    margin-right: 0;
    border-right: none;
    padding-right: 0px;
}

.fixed-img-collist ul li a {
    display: block;
}

.fixed-img-collist ul li a.data-info {
    margin-top: 18px;
}

.fixed-img-collist ul li a span {
    display: block;
}

.fixed-img-collist ul li a span img {
    width: 100%;
    height: 100%;
    ;
}

.fixed-img-collist ul li a strong {
    display: inline-block;
    margin-top: 5px;
    font-size: 11px;
    letter-spacing: -1px;
}

.fixed-img-collist ul li p.subject {
    display: block;
    font-size: 19px;
    color: #262626;
    margin-bottom: 5px;
}

.fixed-img-collist ul li p {
    color: #8f8f8f;
    font-size: 17px;
    display: inline;
}

/* noimage */

.fixed-img-collist ul li a span.noimg {
    display: block;
    width: 260px;
    height: 260px;
    padding: 3px;
    text-align: center;
    font-size: 16px;
    line-height: 142px;
    font-family: Tahoma;
    border: 1px solid #d8d8d8;
    background-color: #e0e0e0;
}


/**** 기본페이지 ****/

#content .tit-page {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

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

.table-cart {
    margin-top: 10px;
    margin-bottom: 30px;
    border-bottom: solid 1px #ddd;
}

.table-cart thead th {
    padding: 20px 0;
    background-color: #fff;
    border-top: solid 1px #707070;
    font-weight: normal;
}

.table-cart tbody td,
.table-cart tfoot {}

.table-cart tbody td {
    padding: 20px 0;
    border-top: solid 1px #ddd;
}

.table-cart tbody td .tb-opt,
#order .tbl-order tbody td .tb-opt {
    border-top: solid 1px #d8d8d8;
    padding-top: 7px;
    margin-top: 7px;
    padding-left: 0px;
}

.table-cart tbody td .thumb {
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    line-height: 0;
    border: none;
}

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

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

.table-cart tbody td .d-block {
    display: inline-block;
}

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

.table-cart tfoot td {
    padding: 20px 0;
    border-top: solid 1px #ddd;
    line-height: 50px;
    padding-right: 20px;
}

.table-cart tfoot strong {
    font-size: 26px;
    color: #191919;
    margin-right: 5px;
    font-weight: 500;
}

.cart_modify_btn {
    display: inline-block;
    background: #191919;
    vertical-align: middle;
    padding: 4px 10px;
    color: #fff;
    font-size: 13px !important;
    margin-top: 10px;
}

/* 수량 컨트롤 */

.table-cart .opt-spin {
    position: relative;
    width: 53px;
    height: 23px;
    padding-bottom: 0px;
}

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

.table-cart .opt-spin .txt-spin {
    width: 36px;
    height: 23px;
    border: 1px solid #c9c9c9;
    font-size: 13px;
    text-align: right;
    box-sizing: border-box;
}

.table-cart .opt-spin .btns {
    width: 14px;
    height: 25px;
    margin-top: 0;
}

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

.table-cart .modifi_btn_white {
    display: block;
    width: 50px;
    height: 23px;
    line-height: 21px;
    clear: both;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    margin-top: 4px;
    background: #fff;
}

.table-cart .MS_input_txt {
    margin-right: 5px;
    border: 1px solid #c9c9c9;
    width: 36px;
    height: 23px;
    line-height: 21px;
    padding: 0;
}

/* 장바구니 공통 타이틀, 배너*/

.order_ban {
    display: block;
    margin-top: 70px;
}

.basic-sub-title {
    font-size: 15px;
    color: #191919;
}


/**** 주문서작성 ****/

#order h3 {
    position: relative;
    margin-top: 40px;
    color: #191919;
    font-family: 'Noto Sans KR', AppleGothic, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
}

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

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

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

.table-order-info tbody tr th,
.table-order-info tbody tr td {
    border-bottom: solid 1px #ddd;
    padding: 20px 0;
    background: none;
}

.table-order-info tbody tr th {
    background-color: #fafafa;
    font-weight: normal;
    padding-left: 30px;
}


/**** 개인정보처리방침 ****/

.new-privercy-contract p {
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 0px;
    text-align: left;
    color: #929292;
}


/**** 오버시 오퍼시티 ****/

.opa_wrap > a,
.opa_wrap > span,
.opa_wrap > li,
.opa_wrap > img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    opacity: 1;
}

.opa_wrap > a:hover,
.opa_wrap > span:hover,
.opa_wrap > li:hover,
.opa_wrap > img:hover {
    opacity: 0.4;
}

/* 리뉴얼 추가 */

.container {
    width: 1100px;
    margin: 0 auto;
}

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

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

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

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

.inline {
    font-size: 0;
}

.inline > * {
    display: inline-block;
    vertical-align: top;
}

.relative {
    position: relative;
}

.text-one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-one-line-m {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.vertical-c {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.horizon-c {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.easing-one {
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.easing-two {
    -khtml-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.easing-three {
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* 게시판 상단 */

.board-header {
    margin-bottom: 43px;
}

.cs-title h3 {
    font-size: 27px;
    color: #231f20;
    text-align: left;
    line-height: 1;
    margin-bottom: 25px;
    font-weight: bold;
}

.board-header .banner {
    margin-bottom: 38px;
}

.board-tab li {
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    position: relative;
    box-sizing: border-box;
    width: 33.333%;
    margin-bottom:1px;
}

.board-tab li.current {
    border-color: #262323;
    z-index: 5;
}

.board-tab li:before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    background: #d1d1d1;
    position: absolute;
}

.board-tab li:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    position: absolute;
    background: #d1d1d1;
}

.board-tab li:first-child:before {
    left: 0;
}

.board-tab li.current:before {
    background: #262323;
    z-index: 5;
}

.board-tab li.current:after {
    height: 2px;
    bottom: -1px;
    background: #fff;
    z-index: 5;
}

.board-tab li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #8e8e8e;
    position: relative;
}

.board-tab li.current a {
    color: #231f20;
    font-weight: bold;
}

.board-tab li.current a:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #262323;
    position: absolute;
    top: 0px;
    left: 0px;
}