@charset "utf-8";

/* View */
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border-bottom:0px; }
.view-wrap .view-cnt { letter-spacing:0; }

/* ==========================================================
   TOBO SHOP PREMIUM PRODUCT TITLE
========================================================== */

.view-wrap h1{

    position:relative;

    margin:20px 0 30px;
    padding:20px 25px;

    font-size:32px;
    font-weight:800;
    line-height:1.45;

    color:#16233b;

    letter-spacing:-1.2px;

    white-space:normal;
    overflow:visible;
    text-overflow:unset;

    background:linear-gradient(180deg,#ffffff,#f7f9fc);

    border:1px solid #dfe7f3;
    border-left:8px solid #16233b;

    border-radius:12px;

    box-shadow:0 10px 25px rgba(22,35,59,.08);

}

/* 골드 포인트 */

.view-wrap h1:after{

    content:"";

    position:absolute;

    left:25px;
    bottom:0;

    width:90px;
    height:3px;

    background:#d4af37;

    border-radius:10px;

}

.view-wrap h1 span.talker-photo{
    display:none;
}

/* 모바일 */

@media(max-width:768px){

.view-wrap h1{

    font-size:24px;

    padding:16px 18px;

    line-height:1.5;

    border-left:6px solid #16233b;

}

.view-wrap h1:after{

    left:18px;
    width:70px;

}

}
.view-wrap h1 span.talker-photo { margin-bottom:10px; margin-right:10px; }
.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { padding-bottom:20px; line-height:180%; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:180%; }
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-icon { margin-bottom:10px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
.view-comment { margin: 0px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid rgb(51, 51, 51); display: inline-block; position: relative; }

/* Padding */
.view-padding { padding-left:15px; padding-right:15px; }
.is-mobile .view-padding { padding-left:0px; padding-right:0px; }
.view-author-none { height:1px; border-top:1px solid #eee; margin:12px 0px 20px; }

/* ==========================================================
   TOBO SHOP COMMENT STYLE
========================================================== */

.comment-box{
    margin-top:25px;
    padding:20px;
    background:#fff;
    border:1px solid #d9e2ec;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.comment-content{
    display:table;
    width:100%;
    table-layout:fixed;
}

.comment-content .comment-cell{
    display:table-cell;
    vertical-align:top;
}

.comment-content .comment-cell:first-child{
    padding-right:0;
}

/* 입력창 */

#wr_content{

    width:100%;
    min-height:250px;

    padding:18px;

    font-size:15px;
    line-height:1.8;

    background:#fff;

    border:1px solid #d9e2ec;
    border-right:0;

    border-radius:10px 0 0 10px;

    resize:vertical;
    outline:none;

}

#wr_content:focus{

    border-color:#29466f;

    box-shadow:0 0 0 3px rgba(41,70,111,.12);

}

/* 등록버튼 */

.comment-content .comment-cell.comment-submit{

    width:120px;

    padding:0;

}

.comment-content .comment-cell.comment-submit button{

    width:100%;
    height:250px;

    border:0;

    border-radius:0 12px 12px 0;

    background:#16233b;

    color:#fff;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.comment-content .comment-cell.comment-submit button:hover{

    background:#29466f;

}

@media(max-width:768px){

.comment-content .comment-cell.comment-submit{

    width:100%;

    margin-top:10px;

}

.comment-content .comment-cell.comment-submit button{

    height:52px;

    border-radius:10px;

}

}

/* 이름 / 비밀번호 */

.comment-box input[type=text],
.comment-box input[type=password]{

    border:1px solid #d9e2ec;

    border-radius:8px;

    height:48px;

    font-size:14px;

}

.comment-box input:focus{

    border-color:#29466f;

    box-shadow:0 0 0 3px rgba(41,70,111,.10);

}

/* 하단 아이콘 */

.comment-btn{

    margin-top:14px;

}

.comment-btn .cursor{

    margin-left:12px;

    color:#16233b;

}

.comment-btn .cursor:hover{

    color:#29466f;

}

/* ==========================
   모바일 댓글 입력창
========================== */
@media(max-width:768px){

    .comment-content{
        display:block !important;
    }

    .comment-content .comment-cell{
        display:block !important;
        width:100% !important;
    }

    /* 입력창 */
    #wr_content{

        width:100% !important;

        min-height:140px !important;
        height:140px !important;

        border:1px solid #d9e2ec !important;
        border-radius:10px !important;

        margin-bottom:10px;

    }

    /* 등록 영역 */
    .comment-content .comment-cell.comment-submit{

        width:100% !important;

    }

    .comment-content .comment-cell.comment-submit button{

        width:100% !important;
        height:50px !important;

        border-radius:10px !important;

        background:#16233b !important;
        color:#fff !important;

        font-size:16px !important;
        font-weight:700;

    }

}
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

@media all and (max-width:768px) {
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 28px; font-size: 20px; margin-bottom:10px; }
	.responsive .view-wrap h1 .photo { display:none; }
}

@media all and (max-width:480px) {
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
	.responsive .view-icon .pull-right { float:none !important; }
}
.view-head{
    display:none !important;
}