@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.lt3_pc {float:left;margin-left:20px}
.lt3 {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #e9e9e9}
.lt3 ul {margin:0 0 10px;padding:0;list-style:none}
.lt3 li {padding:3px 0}
.lt3 .lt_title {display:block;padding:10px 0 8px}
.lt3 .lt_more {position:absolute;top:10px;right:0}
.lt3 .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.thumb-hover:hover {filter:alpha(opacity=60);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}



.jcarousel-wrapper {margin:20px auto; position:relative; /**border:10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;**/
}

/** Carousel **/

.jcarousel {position:relative; overflow:hidden; width: 100%;}
.jcarousel ul {width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.jcarousel li {width:200px; float:left; border:1px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.jcarousel img {display:block; max-width:100%; height:auto !important;}

/** Carousel Controls **/

.jcarousel-control-prev {position: absolute;top:45%; margin-top:-15px; width:27px; height:50px; background: url(./img/bun-prev.png) no-repeat;}
.jcarousel-control-next {position: absolute;top:45%; margin-top:-15px; width:27px; height:50px; background: url(./img/bun-next.png) no-repeat; /**text-align:center; background:#000; opacity:0.5; color:#000; text-decoration:none; text-shadow:0 0 1px #000;
    font: 24px/27px Arial, sans-serif; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; box-shadow:0 0 4px #000;**/}
.jcarousel-control-prev:hover {background: url(./img/bun-prev-hover.png) no-repeat;}
.jcarousel-control-next:hover {background: url(./img/bun-next-hover.png) no-repeat;}
.jcarousel-control-prev, .jcarousel-control-next a{outline:none;}

.jcarousel-control-prev {left:-10px;}
.jcarousel-control-next {right:-10px;}

/** Carousel Pagination **/

.jcarousel-pagination {position:absolute; bottom:-40px; left:50%; -webkit-transform:translate(-50%, 0); -ms-transform: translate(-50%, 0); transform:translate(-50%, 0); margin: 0;}
.jcarousel-pagination a {text-decoration:none; display:inline-block; font-size:11px; height:10px; width:10px; line-height:10px; background:#fff; color:#4E443C; border-radius:10px; text-indent:-9999px; margin-right:7px;
  -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow:0 0 2px #4E443C; box-shadow:0 0 2px #4E443C;}
.jcarousel-pagination a.active {background: #4E443C; color: #fff; opacity:1; -webkit-box-shadow:0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow:0 0 2px #F0EFE7;}



/**
 * Content
 * -------------------------------------------------------------------
 */


.entry-thumb {width: 100%; position: relative;}
.entry-thumb img {width: 100%;border:1px solid #d3cfcf; border-radius:50%;}
.entry-thumb .thumb-hover {background: rgba(255, 255, 255, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; }
.entry-thumb:hover .thumb-hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }



.link-icon {margin-left:0; margin-right:-3px; }

.popup-icon.style1, .link-icon.style1 {text-align:center; width:42px; height:42px; line-height:42px; font-size:20px; position:absolute; top:50%; left:50%; margin-top:-19px; margin-left:0; color:#fff;
  
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #fff;
  background: none;
  margin-left: -25px; }
.popup-icon.style1:hover, .link-icon.style1:hover {border-color:#ffc619; color:#ffc619;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg); }

.link-icon.style1 {margin-left:-20px; margin-right:-3px; }

.fa-expand {text-align:center; padding:10px 0 10px 0}

/*--- kopa-portfolio-2-widget ---*/
.kopa-portfolio-2-widget .portfolio-container {
/*  margin-top: -20px; */}
.kopa-portfolio-2-widget .portfolio-list-item > li {width:25%; padding:30px 15px 0;}
.kopa-portfolio-2-widget .portfolio-list-item > li.inactive {visibility: hidden; opacity:0;}
.por-item2 {float:left; text-align:left; padding:0 10px 0 10px}
.por-item2 .entry-item .thumb-hover, .por-item2 .entry-item .popup-icon, .por-item2 .entry-item .link-icon {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0; }
.por-item2 .entry-item:hover .thumb-hover, .por-item2 .entry-item:hover .popup-icon, .por-item2 .entry-item:hover .link-icon {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }
.por-item2 .entry-item .entry-content {
    margin-top: 15px; }
.por-item2 .entry-item .entry-title {
    font-size: 13px;color:#666;font-family:'Nanum Gothic';
    line-height: 24px;
   
    margin-bottom: 5px; }
.por-item2 .entry-item .entry-categories {
    font-family:'Nanum Gothic', Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #898989;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 400; }
    .por-item2 .entry-item .entry-categories a {
      color: #898989; }
      .por-item2 .entry-item .entry-categories a:hover {
        color: #ffc619; }


* Responsive
* -------------------------------------------------------------------
*/
@media screen and (max-width: 1160px) {
 .wrapper {width:1000px;}

.owl-theme .owl-controls.style2 .owl-buttons div {top:221px;}

.kopa-area-9 .span-bg:before, .kopa-area-9 .span-bg:after {top:-146px;}
.kopa-intro-1-widget .intro-thumb:before {top:-90px;}
.kopa-sticky-menu .sd-menu > li > a {color:#fff;}
.kopa-sticky-menu .sd-menu > li > a:hover {color:#292929;}
.kopa-tag-line-widget {padding:0;}
.owl-theme .owl-controls.style2 .owl-buttons div {top:201px;}
.kopa-tag-line-widget p {font-size:25px;}
.kopa-intro-4-widget .col-md-5 {padding-left:15px;}
.kopa-flickr-widget .flickr-wrap li {width:auto;}
.kopa-flickr-widget .flickr-wrap li a {width: 77px; }
}
@media screen and (max-width: 979px) {
.wrapper {width: 780px; }
.span-bg-1 .c-tg {height:275px; width:485px;}
.entry-date.style1 {padding:9px 15px;}

  .entry-content.style1 {
    padding: 15px 20px 0; }
    .entry-content.style1 .entry-title {
      font-size: 18px;
      line-height: 24px; }
    .entry-content.style1 .entry-date.style1 {
      top: -40px;
      left: 40px; }

  
 .article-list-2 .entry-item .entry-content > p {
    display: none; }

  .slider-caption-2 {
    padding: 4px 20px 4px 10px; }

  .slider-link a {
    padding: 5px 10px; }

  .owl-carousel-5 .entry-content {
    width: 60%; }

  .kopa-portfolio-2-widget .portfolio-list-item > li {
    width: 50%; } }
@media screen and (max-width: 639px) {
  .wrapper {
    width: 460px; }

 .kopa-portfolio-2-widget .portfolio-list-item > li {
    width: 100%; }




