.board-info{}
.board-info .page-info span b{color:#3F4192;}
.board-form .btn-container.row{margin-left:-5px; margin-right:-5px;}
.board-form .btn-container.row li[class*="col"] { padding-left: 5px; padding-right:5px;}
.board-list-wrap{
    border-top: 1px solid #222;
    border-bottom: 1px solid #595959;}
.board-list .inner{border-bottom:0;}
.board-list:last-child .inner{border-bottom:0;}
.board-list .board-list-con dl{display: table; table-layout: fixed; width: 100%;}
.board-list .board-list-con dd{display: table-cell; height: 60px; padding: 16px 16px; vertical-align: middle;}

/* .board-list .list-con-head dl{border-top:1px solid #d1d1d1; background-color:#f6f6f6;} */
.board-list .list-con-head dd{height: auto; font-size: 0.95em; font-weight: 500; padding: 20px 10px; text-align: center; border-bottom: 1px solid #ccc;}
.board-list .board-list-con dl:last-child{border-bottom:0;}
.board-list .board-list-con-body dd{height:144px;}
.board-list .board-list-con dd.bin{display: none;}
.board-list .board-list-con dd.tit{width:auto;}
.board-list .board-list-con dd.tit span[data-attr="title"]{cursor: pointer;}
.board-list .board-list-con dd.tit.c-pointer{cursor: auto !important;}
.board-list .board-list-con dd.tit.c-pointer span{cursor: pointer;}
.board-list .board-list-con dd.img{width:84px;}
.board-list .board-list-con dd.xs-etc{width:48px;}
.board-list .board-list-con dd.sm-etc{width:96px;}
.board-list .board-list-con dd.md-etc{width:144px;}
.board-list .board-list-con dd.lg-etc{width: 192px;}


/* hover */
.board-list .board-list-con dd.tit span:hover{text-decoration: underline;}

/* no-image */
.board-list.community-board .board-list-con-body dd{
    height:84px; font-size: 1.14em;
    text-align: center;
}

/* .board-list .board-list-con > dl{border-bottom:1px solid #d1d1d1;} */
.board-list .board-list-con dd.reply .condition-done{background-color:#626262; font-size:0.75em; padding:2px 8px; color:#fff;}

.board-list-con-body-inner{border-bottom: 1px solid #d1d1d1;}

.list-con-body-inner-re{background-color:#fff; border-bottom:1px solid #d1d1d1;}
.list-con-body-inner-re dd{vertical-align: top; min-height:112px; height:auto; display: block;}
.list-con-body-inner-re .list-quest{min-height:64px; padding-bottom:32px;}
.list-quset-img-wrap .list-quset-img {margin-bottom:16px;}
.list-quset-img-wrap .list-quset-img:last-child{margin-bottom:0;}
.list-quset-img-wrap .list-quset-img  > img{max-width:576px; width: 100%;}

.list-con-body-inner-re .list-answer{ background-color:#f6f6f6; padding-left:44px; position: relative; min-height:100px;  padding-bottom:32px;}
.list-con-body-inner-re .list-answer:before{content:'A'; position: absolute; display: inline-block;  text-align: center;
    left:6px; color:#fff;  z-index: 2; top:17px; font-size:13px; margin-left:16px;}
.list-con-body-inner-re .list-answer:after{content:''; position: absolute; display: inline-block;; top:18px; left:0; z-index: 1;
    border-radius: 50%; width:20px; height:20px; background-color: #626262; margin-left:16px;}

.board-list .board-list-con-body-inner .no-post{border-bottom:0;}

.img-upload-con .essencial{position: relative !important;}

.img-upload{width:64px; height:64px; line-height:64px; position:relative; display:inline-block; margin-left:6px;
    margin-right:0; border:1px solid #e1e1e1; vertical-align: top; margin-bottom:12px;}
.img-upload-main{margin-left:0;}

.img-upload input[type="file"]{width:0;height:0;opacity:0}
.img-upload label{content:"";  text-align: center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.img-upload label{background:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-plus.png) no-repeat center center;}

.img-upload img{width:100%;height:100%;}
.img-upload .delete-btn{width: 17px; height:17px; position:absolute;
    top:0; right:0;background:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/upload-close-black.png)no-repeat center center;z-index:5;}

.btn-wrap{position: relative; overflow: hidden;}


/* 다운로드 버튼 */
.board-list .board-list-con dd.download-btn button{
    background:#3F4192; padding:5px 7px;
    font-weight: 700; color: #fff;
}
.board-view-container .body_in_file {
    margin-top: 0px;
    padding: 25px 16px 13px 0;
}
.board-view-container .body_in_file p {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 4px;
    background: #f5f5f5;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 4px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.board-view-container .body_in_file i {
    background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164048379369483.png) no-repeat center;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    display: inline-block;
}
.board-view-container .body_in_file a {
    font-size: 13px;
}


/* 리뷰 */
.review-pd{width: 84px; height:84px; position: absolute; top:0;}
.review-main{padding-left:100px; margin-top:16px;}
.star-label-wrap{height:22px;}
.review-main-name{position: absolute; top:4px; left:100px;}
.review-main-star{position: absolute; left: 100px; overflow: hidden; top:35px;}
.review-main-text{margin-top:48px;}
.star-label{position: relative;display: inline-block; width: 22px; height: 22px; cursor: pointer;}
.star-label-wrap .star-label input{opacity: 0; position: absolute; width:auto; height:auto; margin:0; padding:0; font-size: 0; top:-14px;}

/* 게시글 보기 */
.board-view-container .inner{border-top:1px solid #222; }
.board-view-head{
    height: auto;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 10px;
    border-bottom: 1px solid #ccc;}
.board-view-head .board-view-date{
    font-size: 14px; color:#666;}
.board-view-body{
    margin-top: 40px; padding:0 10px;
    min-height:240px; margin-bottom:80px;
    font-size: 16px;
}
.board-view-body .description{min-height: 240px;}
.board-view-etc{margin-top:8px; display: inline-block; margin-right:6px;}
.board-view-etc:last-child{margin-right:0;}

.board-view-body-reply{padding:20px 16px; background-color:#f6f6f6; min-height:200px;}


/* 검색창 */

.search-container-st1{position: relative; width:100%; max-width:300px; height: 46px;  overflow: hidden; border-radius: 8px;
    border: 1px solid #d1d1d1; background-color: white; box-sizing: border-box;}
 .search-container-st1 input{width:100%; padding-right: 46px;padding-left: 20px; height: 100%; float: left; overflow: hidden;}
 .search-container-st1 input::placeholder{color: #d4d4d4; font-size: 16px;}
 .search-container-st1 .news_search_btn{position: absolute; right: 16px; top:55%; transform:
    translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
     cursor: pointer;}
 .search-container-st1 .news_search_btn > img{width: 24px; height:24px;}
 
 
/* faq */
.faq-list > .inner{border:1px solid #d1d1d1;}
.faq-list-wrap{border-bottom:1px solid #d1d1d1;}
.faq-list-wrap .faq-list-q-con{}
.faq-list-q{position: relative; padding:20px 20px;}
.faq-list-q > i{position: absolute; font-size:1.55em; font-weight: 500; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left:20px;}
.faq-list-q .i-arrow{position: absolute; right:20px; top:55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.faq-list-q .i-arrow > img{height:8px;}
.faq-list-q .faq-list-q-con{padding-left:32px; cursor: pointer;}
.faq-list-a{padding:24px 20px; background-color:#f6f6f6; display: none;}

/* faq open */
.faq-list-q .i-arrow.open > img{transform: rotate(-180deg);}

/* 2020-06-02 */
.board-btn-container .btn{display: inline-block;}

/* 2020-06-08 */
.board_tab1 {display: block; text-align: center; margin-bottom:64px;}
.board_tab1 > li{display: inline-block; cursor: pointer; font-size: 1.375em; margin:0 16px; color:#999;}
.board_tab1 > li:hover{color:#626262;}
.board_tab1 > li.current{border-bottom:3px solid #626262; font-weight: 700; color:#626262;}

.con-tit > h3{position: relative;}
.con-tit > h3 button{font-size:.65em; position: absolute; right:0; top:-8px;}

/* 이전글 다음글 */
.board-prev-next{
    border-top:1px solid #ccc;
    /* border-bottom:1px solid #ccc; */
    margin-top: 50px;
}
.board-prev-next{
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}
.board-prev-next ul li:first-child{margin-right: 50px;}
.board-prev-next .head{margin-right: 30px;}
.board-prev-next .prev{border-bottom:  1px solid #ccc;padding: 1.5%;display: flex;}
.board-prev-next .prev img{width: 10px;margin: 0 10px;height: 8px;}
.board-prev-next .next img{width: 10px;margin: 0 10px;height: 8px;transform: rotate(180deg);}
.board-prev-next .next{border-bottom:  1px solid #ccc;padding: 1.5%;display: flex;}



@media (max-width:768px){
    
    .board-list.list-no-image .board-list-con dd.tit, .board-list.list-no-image .board-list-con dd[class*="etc"]
    {display:block; height:auto; padding-left:0; width:100%; }
    
    .board-list.list-no-image.list-numbering .board-list-con dd.tit,
    .board-list.list-no-image.list-numbering .board-list-con dd[class*="etc"]{padding-left:20px;}
    .board-list.list-no-image.list-numbering .board-list-con dd.num{display:none;
    }
    .board-list.list-no-image.list-numbering .board-list-con dd[class*="etc"]{
        text-align: right; font-size: 13px;
    }


    .board-list .board-list-con-body dd{height:auto;}

    .board-list .board-list-con dd.num{display:none;}
    .board-list .board-list-con dd.reply{position: absolute; right:0; top:7px; width: auto;}

    .board-list .board-list-con dl{display:block; position: relative; padding-top:8px;}
    .board-list.community-board .board-list-con dl{padding-top:0;}
    .board-list .board-list-con dd.total{border-top:1px solid #e1e1e1; background-color:#222; color:#fff; position: relative;}
    .board-list .board-list-con dd.total:before{position: absolute; content:'TOTAL'; left:16px; font-size:0.8em; line-height: 2.1;}

    /* 리뷰 */
    .review-main-star{position: unset; margin-top:14px;}
    .review-info{left:100px !important;}

    /* 공지사항, 상품문의 */
    .board-list.community-board .board-list-con dd{display: inline-block; height:auto; width: 100%;}
    .board-list.community-board .board-list-con dd.img{position: absolute; padding-left:0; width:84px; padding-right:0;}
    .board-list.community-board .board-list-con dd.tit{display: block; padding-left:88px;}
    .board-list.community-board .board-list-con dd[class*="etc"]{width:auto; padding: 0 16px 5px 0;}
    .board-list.community-board .board-list-con dd[class*="etc"]:last-child{padding-bottom:16px;}

    .board-list .board-list-con dd.tit span[data-attr="title"] {font-size: 16px; font-weight: 500;}

    
     

}