@charset "utf-8";

.btn:hover {background: #00ccff}

.pressInner {margin-top: 80px; margin-bottom: 100px;} 
.press li {width: 32%; height: 240px; margin-bottom: 17px; background: #fff;
    border: 1px solid #ddd;
    padding: 30px;
cursor: pointer}
.press .pressInner ul li:nth-child(3n+2) {margin: 0 17px;}   
.press li .pressInfo { position: relative;
    bottom: 0;
    top: 0;
    height: 183px;}
.press li .pressInfo h6 {text-overflow:ellipsis;
  white-space:nowrap;
  word-wrap:normal;
  width:219px;
  overflow:hidden;} 
.pressList .pressInfo img {display: none;}
.press li .pressInfo p {text-align: left; margin-top: 10px; color: #999; width:219px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word; 
  line-height: 1.5em;}  
.pressList .pressInfo .dateArrow {color: #999;
    display: block;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;}
.pressList .pressInfo .dateArrow img {display: block; float: left;
    margin: 4px 5px 0 0;}

/*글보기*/
.pressView {background: #fff;}
.pressViewInner {width: 700px; margin: 0 auto; margin-top: 60px;}
.pressView .title {width: 87%; margin-bottom: 30px;}
.pressView  .date {    font-size: 0.8em;
    color: #838383;
    line-height: 2.5em;}
.pressView  .date img {margin-right: 3px;}
.pressView .content {width: 100%; float: left;text-align: center; margin-bottom: 120px;} 
/*
.pressView .content .link a {text-align: left; font-size: 0.85em;
    float: left;
    border: none;
    background: #fff;
    color: #333;
    padding: 0;} 
*/
.pressView .content p {text-align: left; margin-bottom: 30px;}
.pressView .content img {width: 100%; } 
.pressView .btnList {border-top: 1px dotted #999; padding: 10px 80px 50px 20px;}

/*글쓰기+수정하기*/
.form-horizontal .form-group {margin-left: 0; margin-right: 0;}
.pressEdit .btnList {text-align: center;}
.pressEdit .btnList .btn {border: none;}



/*모바일*/
@media (max-width: 950px) { 
    .pressInner {margin-top: 50px}
.press li {width: 100%; height: auto; margin-bottom: 17px; cursor: pointer}
.press .pressInner ul li:nth-child(3n+2) {margin: 0 0 17px 0;}  
    .press li .pressInfo h6 {width: 100%;}
    .press li .pressInfo p {width: 100%;}
    .press li .pressInfo {height: 120px;}

    .writeBtn {padding: 10px 30px; border-radius: 10px;}
    
    
    /*글보기*/
    .pressViewInner {width: 100%; margin-top: 20px;}
    .pressView .title {margin-bottom: 0; width: 100%;}
    .pressView  .date {margin-bottom: 10px;}
    .pressView .content {margin-bottom: 50px;}
    iframe {width: 100%; height: auto;}
    .pressView .btnList {padding: 0; text-align: center; width: 100%; float: left}
    

}