/*
template:Webms
Theme Name: Webms:KISPA Edition
Author: BBS e-Theme
Author URI: http://www.bbsetheme.com
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl.html

Description: Only for KISPA
Version: 1.0.0
Tags:

본 테마는 워드프레스와 동일한 GPL 라이센스의 테마입니다. 임의대로 수정,삭제 후 이용하셔도 됩니다.
단, 재배포 시 GPL 라이센스로 재배포 되어야 하며, 원 제작자의 표기를 해주시기 바랍니다.
‘Webms' WordPress Theme, Copyright 2014 BBS e-Theme(http://www.bbsetheme.com)
‘Webms' is distributed under the terms of the GNU GPL

*/
@import url("../Webms/style.css");


.article.cpt-area {margin-bottom:30px;}
  .article.cpt-area dl {}
    .article.cpt-area dl dt {position:relative;}
      .article.cpt-area dl dt .moreBtn {position:absolute;top:0;right:30px;font-size:14px;font-weight:normal}
        .article.cpt-area dl dt .moreBtn a {font-size:14px;font-weight:normal;font-family: 'Maven Pro', 'Nanum Gothic', Dotum, '돋움', Arial, sans-serif;}
    .article.cpt-area dl dd {}
      .article.cpt-area dl dd ul {margin:0;padding:0}
        .article.cpt-area dl dd ul li {margin:0 0 0 70px;padding:0 0 0 0;height:25px;line-height:25px;border-bottom:1px solid #e1e1e1;overflow:hidden}
          .article.cpt-area dl dd ul li a {display:block;margin:0;padding:0;width:100%;height:25px;line-height:25px;color:#666;overflow:hidden}
          .article.cpt-area dl dd ul li a:before {content:'- '}

/*
.mainGallery {position:relative;margin:0 auto 30px;width:1200px;}
  .mainGallery h2 {margin:0 0 30px 0;padding:0 0 10px 0;height:50px;line-height:50px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #e1e1e1}
  .mainGallery ul {float:left;}
    .mainGallery ul li {float:left;margin:0 1%;width:23%;border-bottom:1px solid #D4D4D4;background:#f7f7f7}
      .mainGallery ul li .thumb {position:relative;width:100%;height:176px; overflow:hidden;background-size:cover;background-position:50% 50%}
        .mainGallery ul li .thumb > .thumbNail {width:100%;height:auto;opacity:0;}
        .mainGallery ul li .thumb .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.5s}
          .mainGallery ul li .thumb .btn a {position:absolute;display:inline-block;top:50%;margin:-40px 0 0 0;width:80px;height:80px;overflow: hidden;text-indent: -1200px;;}
          .mainGallery ul li .thumb .btn a.mag {left:56px;background-image:url(./images/mag.png);}
          .mainGallery ul li .thumb .btn a.chain {right:56px;background-image:url(./images/chain.png);}
        .mainGallery ul li .thumb:hover .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:1;}
      .mainGallery ul li .excerpt {padding:15px;width:100%;max-height:90px;line-height:20px;box-sizing:border-box;overflow:hidden;}
        .mainGallery ul li .excerpt a {display:block;font-size:13px;width:100%;max-height:90px;line-height:20px;box-sizing:border-box;overflow:hidden}
  .mainGallery .moreBtn {position:absolute;top:23px;right:15px;font-size:14px;}
*/

.mainGallery {position:relative;margin:0 auto 30px;width:1200px;}
  .mainGallery h2 {margin:0 0 30px 0;padding:0 0 10px 0;height:50px;line-height:50px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #e1e1e1}
  .mainGallery ul {float:left;}
    .mainGallery ul li {float:left;margin:0 1%;width:23%;border-bottom:1px solid #D4D4D4;background:#f7f7f7}
      .mainGallery ul li .thumb {position:relative;width:100%;height:176px; overflow:hidden;background-position:50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
      }
        .mainGallery ul li .thumb > .thumbNail {visibility:hidden;width:100%;height:auto;}
        .mainGallery ul li .thumb .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-image:url(./images/alpha-black50.png);opacity:0;}

          .mainGallery ul li .thumb .btn a {position:absolute;display:inline-block;top:50%;margin:-40px 0 0 0;width:80px;height:80px;overflow: hidden;text-indent: -1200px;;}
          .mainGallery ul li .thumb .btn a.mag {left:56px;background-image:url(./images/mag.png);}
          .mainGallery ul li .thumb .btn a.chain {right:56px;background-image:url(./images/chain.png);}
        .mainGallery ul li .thumb:hover .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;}
      .mainGallery ul li .excerpt {padding:15px;width:100%;max-height:90px;line-height:20px;box-sizing:border-box;overflow:hidden;}
        .mainGallery ul li .excerpt a {display:block;font-size:13px;width:100%;max-height:90px;line-height:20px;box-sizing:border-box;overflow:hidden}
  .mainGallery .moreBtn {position:absolute;top:23px;right:15px;font-size:14px;}


.gall-paging {position:relative;float:right;margin:-45px 0 0 0;padding:0 !important;width:780px;}
  .gall-paging ul {float:left;margin:0;padding:0;width:100%;}
  .gall-paging .moreBtn {position:absolute;top:-20px;right:30px;font-size:14px;}


@media only screen and ( min-width: 640px ) and ( max-width: 1024px ) {
  .article.cpt-area {}
    .article.cpt-area dl {}
      .article.cpt-area dl dt {}
        .article.cpt-area dl dt .moreBtn {}
          .article.cpt-area dl dt .moreBtn a {}
      .article.cpt-area dl dd {}
        .article.cpt-area dl dd ul {}
          .article.cpt-area dl dd ul li {}
            .article.cpt-area dl dd ul li a {}
            .article.cpt-area dl dd ul li a:before {}

.mainGallery {position:relative;margin:0 auto 30px;width:100%;}
  .mainGallery h2 {margin:0 0 30px 0;padding:0 0 10px 0;height:50px;line-height:50px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #e1e1e1}
  .mainGallery ul {float:left;}
    .mainGallery ul li {float:left;margin:0 1%;width:23%;border-bottom:1px solid #D4D4D4;background:#f7f7f7}
      .mainGallery ul li .thumb {position:relative;width:100%;height:176px; overflow:hidden;background-size:cover;background-position:50% 50%}
        .mainGallery ul li .thumb > .thumbNail {width:100%;height:auto;opacity:0;}
        .mainGallery ul li .thumb .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.5s}
          .mainGallery ul li .thumb .btn a {position:absolute;display:inline-block;top:50%;margin:-40px 0 0 0;width:80px;height:80px;overflow: hidden;text-indent: -1200px;;}
          .mainGallery ul li .thumb .btn a.mag {left:56px;background-image:url(./images/mag.png);}
          .mainGallery ul li .thumb .btn a.chain {right:56px;background-image:url(./images/chain.png);}
        .mainGallery ul li .thumb:hover .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:1;}
      .mainGallery ul li .excerpt {padding:15px;}
        .mainGallery ul li .excerpt a {font-size:13px;}
  .mainGallery .moreBtn {position:absolute;top:23px;right:15px;font-size:14px;}


  .gall-paging {float:none;margin:0;width:100%;}
    .gall-paging ul {float:none;}
    .gall-paging .moreBtn {}

}
@media only screen and ( max-width: 639px ) {

.mainGallery {position:relative;margin:0 auto 30px;width:100%;}
  .mainGallery h2 {margin:0 0 30px 0;padding:0 0 10px 0;height:50px;line-height:50px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #e1e1e1}
  .mainGallery ul {float:left;}
    .mainGallery ul li {float:left;margin:0 1% 20px;;width:46%;border-bottom:1px solid #D4D4D4;background:#f7f7f7}
      .mainGallery ul li .thumb {position:relative;width:100%;height:176px; overflow:hidden;background-size:cover;background-position:50% 50%}
        .mainGallery ul li .thumb > .thumbNail {width:100%;height:auto;opacity:0;}
        .mainGallery ul li .thumb .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.5s}
          .mainGallery ul li .thumb .btn a {position:absolute;display:inline-block;top:50%;margin:-40px 0 0 0;width:80px;height:80px;overflow: hidden;text-indent: -1200px;;}
          .mainGallery ul li .thumb .btn a.mag {left:56px;background-image:url(./images/mag.png);}
          .mainGallery ul li .thumb .btn a.chain {right:56px;background-image:url(./images/chain.png);}
        .mainGallery ul li .thumb:hover .btn {display:block;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:1;}
      .mainGallery ul li .excerpt {padding:15px;}
        .mainGallery ul li .excerpt a {font-size:13px;}
  .mainGallery .moreBtn {position:absolute;top:23px;right:15px;font-size:14px;}

}