.mixed-container
{
    position: relative;
    width: 100%;
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: table;
    border-bottom: 1px solid rgb(180,180,180);
}

.mixed-container-wrap {
    /*background-color: #f4f4f4;*/
}

.mixed-container .item
{
    /*display: inline-block;*/
    display: table-cell;
    float: left;

    width: 25%;
    height: auto;
    margin: 10px 0;
    padding: 0;
    vertical-align: top;
}

.mixed-container .item img
{
    display: block;
    width: 100%;
    max-width: 100%;
    /*height: auto;*/
    min-height: 250px;
    /*max-height: 250px;*/
}

.item figure
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    text-align: center;
}

.item figure img
{
    position: relative;

    display: block;

    opacity: 1;
}

.large-images .masonry_wrapper .inner > div
{
    width: 90%;
    height: 50%;
}

.medium-images .masonry_wrapper .inner > div
{
    width: 90%;
    height: 60%;
}

.small-images .masonry_wrapper .inner > div
{
    width: 90%;
    height: 70%;
}

.inner > div
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 90%;
    height: 45%;
    margin: auto;
}

.mixed-container .blog-item
{
    position: relative;

    height: 100%;
    margin: 0 10px;
    opacity: 1;
    /*border: 1px solid #cecece;*/
    background-color: #fff;
}


.mixed-container .metaInfo
{
    font-size: 12px;
    font-weight: 600;

    margin-top: 25px;
    padding: 0;

    text-transform: uppercase;
}

.mixed-container .metaInfo a
{
    padding: 0;

    color: #555;
}
.mixed-container .metaInfo a:hover,
.blog-item > span a:hover,
.blog-title a:hover
{
    color: #727cb6;
}


.mixed-container .blog-content-wrap
{
    position: relative;
    left: 25px;

    display: none;

    /*width: 1540px;*/
    margin-bottom: 20px;
    padding: 30px;

    border: 1px solid #cecece;
    background-color: #fff;
}

.mixed-container .blog-content-wrap .blog-close
{
    position: absolute;
    z-index: 2;
    top: 45px;
    right: 45px;

    cursor: pointer;
}

.mixed-container .blog-content-wrap dl dt h4
{
    font-family: 'dinlight', sans-serif;
    font-size: 1.4em;
}
.blog-content-wrap
{
    min-width: 1000px;
    max-width: 1200px;
    margin: auto;
}
.blog-content-wrap  dl dt h4.blog-content-title-news
{
    line-height: 3.0em;

    color: #d51717;
}

.blog-content-wrap dl dt h4.blog-content-title-shop
{
    color: #3f25bf;
}

.blog-content-wrap dl dd h5
{
    font-size: 2.0em;
    line-height: 1.5em;

    color: #3b3b3b;
}
.blog-content-wrap dl dd div.blog-content-meta
{
    font-family: 'dinregular', sans-serif;
    font-size: 1.3em;
    /*float: right;*/

    text-align: right;
}


.blog-content-wrap dl dd .blog-content-meta-count
{
    font-weight: 500;

    position: relative;

    margin-left: 30px;

    color: #d51717;
}

.blog-content-wrap dl dd .blog-content-meta-count:before
{
    font-family: axicon;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    top: 0;
    left: -20px;

    display: inline-block;

    content: '\f06e';
    text-decoration: inherit;
    color: #d51717;
}

.blog-content-wrap .blog-contents
{
    margin-top: 20px;
    padding: 2em;
    padding-top: 20px;

    border-top: 1px solid #d8d8d8;
}

.blog-content-wrap .blog-contents:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.blog-contents-left
{
    float: left;

    width: 30%;
}

.blog-contents-left figure img
{
    border: 1px solid #eee;
}

.blog-contents-right
{
    float: right;

    width: 65%;
    padding-top: 2em;
}

.blog-contents-center
{
    position: relative;

    max-width: 1200px;
    margin: auto;
}

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

.blog-contents-p
{
    font-size: 1.3em;
    line-height: 1.9em;

    color: #444;
}

.blog-contents-h4
{
    font-size: 1.3em;
    font-weight: 600;

    padding: 1em 0;
}
.blog-contents-pSub
{
    font-size: 1.1em;
    line-height: 1.5em;
}



.blog-contents-dl dt
{
    font-size: 1.1em;
    font-weight: 600;
    line-height: 2.0em;

    float: left;
    clear: left;
    overflow: hidden;

    width: 10%;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blog-contents-dl dt:before
{
    position: relative;

    display: inline-block;
    clear: both;

    margin-right: 10px;

    content: '-';
}

.blog-contents-dl dd
{
    font-family: 'dinregular', sans-serif;
    font-size: 1.1em;
    line-height: 2.0em;

    margin-left: 12%;
}



.blog-item.blog-type-1 .blog-title
{
    position: absolute;
    right: 25px;
    bottom: 2em;
    left: 25px;
}

.blog-item .blog-title
{
    padding: 1em;

    background-color: #fff;
    min-height: 80px;
}

.blog-item .blog-title dl dt
{
    font-size: 1.2em;
    font-weight: 500;
    line-height: 30px;
}



.blog-title dl a
{
    font-weight: bold;

    color: #3b3b3b;
}

.blog-title dl h4
{
    font-size: 1.2em;

    /*min-height: 70px;*/
    margin: 0;
}

.blog-title dl dt p
{
    font-family: 'dinregular', sans-serif;
}

.blog-title dl dt p.title-gubun-news
{
    color: #d51717;
}
.blog-title dl dt p.title-gubun-shop
{
    color: #3f25bf;
}

.blog-title dl dd span
{
    font-family: 'dinregular', sans-serif;
    font-size: 1.1em;
}
.blog-title dl dd span.count
{
    position: relative;

    display: inline-block;
    float: right;

    padding-left: 20px;

    color: #d51717;
}

.blog-title dl dd span.count.count-shop
{
    color: #3f25bf;
}

.blog-title dl dd span.count:before
{
    font-family: axicon;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    content: '\f06e';
    text-decoration: inherit;
    color: #d51717;
}


.blog-title dl dd span.count.count-shop:before
{
    color: #3f25bf;
}

.blog-item .blog-desc
{
    padding: 1em 20px;
}

.blog-item .blog-desc
{
    line-height: 1.8em;
}

.blog-title a
{
    font-size: 1.2em;
    line-height: 1.3em;
    /*color: #fff;*/

    display: block;

    margin-bottom: .2em;
    /*white-space:normal;*/
    /* white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    white-space:  -ms-pre-wrap;
    word-wrap: break-word; */
    white-space:nowrap;
    overflow: hidden;
    word-break: break-all !important;  /* CLK 속성 */
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
     width: 100%;
    height: 30px;
    /*border: 1px solid #000; */
}

.blog-item.blog-type-2
{
    padding: 20px 20px ;
}



.blog-item .ImageWrapper
{
    overflow: hidden;

    max-height: 250px;
    min-height: 250px;
    border: 1px solid rgba(230, 230, 230, 1);
}


.blog-item .ImageWrapper a {
    display: block;
    max-height: 370px;
}

.blog-desc
{
    line-height: 2.0em;

    padding-top: 1em;
}

.masonry_blog .pagination
{
    margin: 50px 0 20px;
}

.btn-wrap
{
    clear: both;

    /*padding-top: 2em;*/

    text-align: center;
}

button.btn-list
{
    /*font-family: 'Nanum Barun Gothic', sans-serif;*/
    /*font-size: 1.5em;*/
    /*font-weight: 500;*/
    /*position: relative;*/
    /*width: 25%;*/
    /*min-width: 10%;*/
    /*max-width: 25%;*/
    /* margin: 1em auto; */
    /* margin-bottom: 2em; */
    /* padding: 1% 2%; */
    /*cursor: pointer;*/
    /*text-align: center;*/
    color: #fff;
    border: 1px solid #444;
    background-color: #444;
    /*box-sizing: content-box;*/
    /*vertical-align: middle;*/
}



table.cummunity_tbl {
  border-top: 2px solid rgb(150,150,150);
  width: 100%;
}

table.cummunity_tbl input {
    /*width: 100%;*/
    height: 48px;
    padding: 0 1%;
    margin: 0;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
}

table.cummunity_tbl textarea {
    overflow-y: hidden;
    width: 97%;
    height: 200px;
    margin-top: 12px;
    line-height: 19px;
    resize: none;
    padding: 9px;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
}

table.cummunity_tbl thead tr th {
  background-color: #eee; 
  padding: 40px 0;
  font-size: 1.4em;
}

table.cummunity_tbl tbody tr th {
  padding: 30px 0;
  font-size: 1.3em;
  border-bottom: 1px solid rgb(200,200,200);
}

table.cummunity_tbl tbody tr td {
  /*text-align: center;*/
  padding: 30px 0;
  font-size: 1.2em;
  border-bottom: 1px solid rgb(200,200,200);
}

table.cummunity_tbl.cummunity_tbl_view tbody tr th,
table.cummunity_tbl.cummunity_tbl_view tbody tr td  {
  text-align: left;
  padding-left: 20px;
}

.box_cummunity {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    padding: 20px 0;
    background-color: rgb(255,255,255);
    border-top: 1px solid rgb(20,20,20);
}
.box_cummunity.box_cummunity_shop {
    bottom: 90px;
}