/* 탭 디자인 */
.ec-base-tab_detail {
    position: relative;
    padding: 160px 0 0;
    overflow: hidden;
}
.ec-base-tab_detail .detail_tap_inner {
    width: 100%;
    margin: 0 auto;
}
.ec-base-tab_detail .tab_margin {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    display: block;
    margin: 0 0 -55px;
}
.ec-base-tab_detail .count {
    vertical-align: top;
    text-align: center;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}
.ec-base-tab_detail .menu {
    border-bottom: 0;
    margin: 0 0 20px;
    border-left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media (max-width: 767px) {
    .ec-base-tab_detail {
        padding: 102px 0 0;
    }
    .ec-base-tab_detail .detail_tap_inner {
        width: 100%;
    }
    .ec-base-tab_detail .tab_margin {
        display: none;
    }
    .ec-base-tab_detail[class*='grid'] .menu li.selected a {
    }
    .ec-base-tab_detail[class*='grid'] .menu li a {
        font-size: 13px !important;
    }
    .ec-base-tab_detail .count {
        padding: 0 !important;
    }
    .xans-product-additional #prdInfo .cont_all li.cont {
        width: 100% !important;
        display: block;
    }
    .xans-product-additional div.board h3 {
        padding: 0 !important;
        display: block;
    }
    .ec-base-button span {
        /*display:block !important; */
    }
    #p_review h2.title {
        padding: 20px 0 20px 0 !important;
        color: #000;
    }
}

.ec-base-tab_detail #product-review-read img {
    text-align: center;
    padding: 0 0 20px;
}

.ec-base-tab_detail .menu:after {
    content: '';
    display: block;
    clear: both;
}
.ec-base-tab_detail .menu li {
    float: left;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}
.ec-base-tab_detail .menu li a {
    display: block;
    min-width: 187px;
    margin: 0 0 0 -1px;
    padding: 12px 5px 11px;
    border-right: 1px solid #e8e8e8;
    color: #707070;
    text-decoration: none;
    outline: 0;
    text-align: center;
    background: #fff;
}
.ec-base-tab_detail .menu li:last-child {
    border-right: 1px solid #e8e8e8;
}
.ec-base-tab_detail .menu li:first-child a {
    margin-left: 0;
}
.ec-base-tab_detail .menu li.selected {
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}
.ec-base-tab_detail .menu li.selected a {
    position: relative;
    top: -1px;
    left: -2px;
    margin: 0 0 -1px;
    border: 1px solid #202020;
    border-bottom: 0;
    color: #fff;
    font-weight: 400;
    background: #4a5164;
}
.ec-base-tab_detail .menu li.selected:first-child a {
    left: -1px;
}
.ec-base-ta_detailb > .right {
    position: absolute;
    top: 8px;
    right: 10px;
    line-height: 24px;
    color: #909090;
}

/* 넓이 가변형 grid(2~7) : 메뉴갯수만큼 grid 뒤의 숫자를 바꿔주세요 */
.ec-base-tab_detail[class*='grid'] .menu {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.ec-base-tab_detail[class*='grid'] .menu li {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.ec-base-tab_detail[class*='grid'] .menu li a {
    border-top: 2px solid #fff;
    display: inline-block;
    line-height: 1.2;
    background: #fff;
    width: 100%;
    min-width: 0;
    margin: 0;
    font-weight: 300;
    padding: 17px 0;
    border: 0;
}
.ec-base-tab_detail[class*='grid'] .menu li.selected {
    position: relative;
    top: 0;
    border-bottom: 0;
    background: #fff !important;
}
.ec-base-tab_detail[class*='grid'] .menu li:first-child.selected {
    right: 0;
    background: #fff;
}
.ec-base-tab_detail[class*='grid'] .menu li.selected a {
    border-top: 2px solid #111;
    position: static;
    font-weight: 400;
    line-height: 1.2;
    background: #fff !important;
    color: #222;
}
.ec-base-tab_detail.grid5 .menu li {
    width: 25%;
}

.xans-product-additional {
    clear: both;
}
.xans-product-additional .ec-base-tab .menu {
    margin: 30px 0 11px;
}
.xans-product-additional .cont {
    padding: 17px 0 46px 0;
    overflow: hidden;
    color: #353535;
    text-align: center;
    line-height: 1.7;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto;
}
.xans-product-additional .cont h3 {
    margin: 0 0 20px;
    color: #444;
    font-size: 18px;
}
.xans-product-additional .cont p img {
    max-width: 100% !important;
    height: auto !important;
}

/* 상품 게시판 */
.xans-product-additional div.board {
    color: #353535;
    line-height: 1.3;
}
.xans-product-additional div.board h3 {
    padding: 10px 0 15px 185px;
    color: #222;
    display: block;
}
.xans-product-additional div.board p.desc {
    padding: 0 10px 0 9px;
}
.xans-product-additional div.board p.nodata {
    margin: 20px 0 0;
    padding: 50px 0;
    border: 1px solid #ececec;
    font-weight: 400;
    color: #222;
    line-height: 39px;
    text-align: center;
}
.xans-product-additional div.board td .view {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 19px 0;
    font-size: 18px;
    line-height: 1.7;
    text-align: center;
}
.xans-product-additional div.board td .view img {
    margin: 20px 0 0;
    max-width: 600px;
    height: auto !important;
}
.xans-product-additional .ec-base-button.typeBorder {
    text-align: center;
    padding: 20px 0 0;
}
.xans-product-additional .ec-base-table.typeList .center td.left a {
    font-size: 16px;
    font-weight: 300;
    color: #111;
}
#product-review-read,
#product-qna-read {
    font-size: 16px;
    font-weight: 300;
    color: #111;
}

/* 상품구매안내 */
.xans-product-additional #prdInfo {
    margin: 20px 0 80px;
}
.xans-product-additional #prdInfo .cont_all {
    margin: 50px 0 0 1px;
    border-top: 1px solid #eaeaea;
    width: 100%;
    font-size: 0;
}
.xans-product-additional #prdInfo .cont_all ul {
    border-bottom: 1px solid #eaeaea;
}
.xans-product-additional #prdInfo .cont_all ul.delivery {
    border: 0;
}
.xans-product-additional #prdInfo .cont_all li.cont {
    padding: 0;
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left;
    width: 50%;
    color: #777;
    line-height: 23px;
    margin: 0 0 -1px -1px;
    vertical-align: top;
    display: inline-block;
}
.xans-product-additional #prdInfo .cont_all li.cont h3 {
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 20px;
    font-weight: 700;
}
.xans-product-additional #prdInfo .cont_all li.cont .cont_inner {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding: 40px;
}
.xans-product-additional #prdInfo .cont_all li.cont .cont_inner b {
    display: block;
    padding: 0 0 0px;
}
@media screen and (max-width: 767px) {
    .xans-product-additional #prdInfo {
        margin: 0 0 80px;
    }
    .xans-product-additional #prdInfo .cont_all li.cont {
        font-size: 14px;
    }
    .xans-product-additional #prdInfo .cont_all li.cont h3 {
        font-size: 16px;
    }
    .xans-product-additional #prdInfo .cont_all li.cont .cont_inner {
        padding: 15px;
    }
}

#commentWriteForm_4,
#commentWriteForm_6 {
    padding: 0 19px;
}
#SecretForm_4,
#SecretForm_6 {
    background: #fbf9fa;
}
#SecretForm_4 .view,
#SecretForm_6 .view {
    padding: 8px 0 7px;
}
#SecretForm_4 input,
#SecretForm_6 input {
    width: 41px;
    height: 24px;
    margin: 0 0 0 6px;
    border: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url('//img.echosting.cafe24.com/skin/base_ko_KR/board/btn_ico_submit.gif') no-repeat 0 0;
}
#SecretForm_4 input#secure_password,
#SecretForm_6 input#secure_password {
    width: 130px;
    height: 18px;
    margin-left: 11px;
    padding: 2px 2px 2px 4px;
    border: 1px solid #d9d9d9;
    font-size: 12px;
    line-height: 14px;
    cursor: text;
    background: #fff;
}
#product-review-read td,
#product-qna-read td {
    padding: 0;
}
#product-review-read td #SecretForm_4 .view {
    padding-left: 79px;
}
#product-qna-read td #SecretForm_6 .view {
    padding-left: 213px;
}

.xans-product-additional .boardComment {
    padding: 0 19px;
}
.xans-product-additional .boardComment li {
    position: relative;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #d7d5d6;
    color: #353535;
    text-align: left;
    line-height: 14px;
}
.xans-product-additional .boardComment li:first-child {
    margin-top: 0;
}
.xans-product-additional .boardComment li .comment {
    margin: 9px 0 0;
    padding: 16px 0 15px 9px;
    border-top: 1px solid #e9e9e9;
    line-height: 18px;
    word-break: break-all;
}
.xans-product-additional .boardComment li .name {
    margin: 0 21px 0 0;
}
.xans-product-additional .boardComment li .name input {
    width: 13px;
    height: 13px;
    margin: 0 2px 0 0;
    vertical-align: -2px;
    *vertical-align: 2px;
}
.xans-product-additional .boardComment li .date {
    margin: 0 10px 0 0;
    font-size: 11px;
}
.xans-product-additional .boardComment li .grade {
    margin: 0 10px 0 0;
}
.xans-product-additional .boardComment li .button {
    position: absolute;
    right: 0;
    top: 6px;
}

.xans-product-additional .memoCont {
    margin: 20px 15px;
    padding: 10px 20px 15px 20px;
    border: 1px solid #e9e9e9;
    color: #353535;
    text-align: left;
    background: #fbfafa;
}
.xans-product-additional .memoCont .user {
    overflow: hidden;
    padding: 0 90px 0 0;
}
.xans-product-additional .memoCont .user input[type='text'],
.xans-product-additional .memoCont .user input[type='password'] {
    width: 135px;
    margin: 0 10px 0 9px;
}
.xans-product-additional .memoCont .user .secret {
    margin: 0 20px 0 10px;
}
.xans-product-additional .memoCont .user .secret label {
    margin: 0;
}
.xans-product-additional .memoCont .user textarea {
    float: left;
    width: 100%;
    padding: 2px 0;
    height: 44px;
    text-indent: 4px;
    *margin-right: 10px;
}
.xans-product-additional .memoCont .user a {
    float: right;
    margin: 0 -90px 0 0;
}
.xans-product-additional .memoCont .nameArea {
    display: block;
    margin: 0 0 10px;
}
.xans-product-additional .memoCont .nameArea .ec-base-help {
    margin-top: 10px;
}
.xans-product-additional .memoCont .rating {
    margin: 12px 0 0;
}
.xans-product-additional .memoCont .rating label {
    padding: 0 10px 0 0;
}
.xans-product-additional .memoCont .rating em {
    font-style: normal;
}
.xans-product-additional .memoCont .text {
    margin: 5px 0 0;
    font-size: 11px;
}
.xans-product-additional .memoCont .text span {
    color: #008bcc;
}
.xans-product-additional .memoCont .captcha {
    margin: 8px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #e9e9e9;
    color: #757575;
}
.xans-product-additional .memoCont .captcha img {
    vertical-align: middle;
}
.xans-product-additional .memoCont .captcha input {
    margin: 0 10px 0 20px;
    font-size: 12px;
}

.xans-product-additional table.board td .view + form .memoCont {
    margin-top: 0;
}

/* 댓글의 댓글 */
.xans-product-additional .boardComment li.replyArea {
    margin: -1px 0 0;
    padding: 10px 0 7px 33px;
    border: 1px solid #e9e9e9;
    background: url('//img.echosting.cafe24.com/skin/admin_ko_KR/board/ico_comment.gif') no-repeat 20px 15px;
}
.xans-product-additional .boardComment li.replyArea .commentSecret {
    margin-right: 30px;
}
.xans-product-additional .boardComment li.replyArea .comment {
    margin: 7px 0 0;
    padding: 0;
    border-top: 0;
}

/* 권한없을시 */
.xans-product-additional .noAccess {
    margin: 15px 0 10px;
    border: 1px solid #d7d5d5;
    font-weight: bold;
    color: #008bcc;
    line-height: 39px;
    text-align: center;
}

/* 미성년자 */
.xans-product-additional .minor {
    margin: 15px 0 0;
    padding: 35px 0 24px;
    border: 1px solid #d7d5d5;
    font-weight: bold;
    color: #353535;
    line-height: 14px;
    text-align: center;
}
.xans-product-additional .minor p:first-child img {
    margin: -11px 8px 0 0;
    vertical-align: top;
}
.xans-product-additional .minor strong {
    color: #008bcc;
}
.xans-product-additional .minor .button {
    margin: -7px 0 0;
}

/* 비밀글 관련 */
.xans-product-additional .commentSecret {
    margin: 10px 10px 5px 0;
    padding: 10px 15px;
    border: 1px solid #e9e9e9;
    background-color: #fbfafa;
    color: #353535;
}
