@charset "utf-8";
/* SIR */

/* 목록 버튼 */
#bo_list a.btn_b01 {border-radius:3px;}
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
#bo_list_admin a.btn_b01 {}
#bo_list_admin a.btn_b02 {}
#bo_list_admin a.btn_admin {} /* 관리자 전용 버튼 */

/* 읽기 버튼 */
#bo_v a.btn_b01 {border-radius:4px;}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {color:#fff;}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */


/* 기본테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {text-align:left}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {height: 300px;}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

#bo_w .required, #bo_w textarea.required {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_allchk {margin:0 10px}

#bo_gall #gall_ul {margin:10px 0 0;padding:0 10px;list-style:none}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}



#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#666;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#414141;color:#fff;font-weight:bold}

#bo_gall .gall_li {padding:0 15px;position:relative;margin-bottom:20px;}

@media all and (min-width:320px){
    #bo_gall .gall_li{float:left;width:100%;margin:0 1% 10px}
    }

@media all and (min-width:500px){
   #bo_gall .gall_li{float:left;width:45%;margin:0 1% 15px}
    }

    @media all and (min-width:780px){
   #bo_gall .gall_li{float:left;width:23%;margin:0 1% 15px}
    }


/*#bo_gall .gall_li .gall_href{border:1px solid #ebe6de;border-top:none;border-radius:0 0 3px 3px}*/
#bo_gall .gall_li .gall_href img {width:100%;height:auto;}
/*#bo_gall .gall_clear {clear:both}*/
#bo_gall .gall_li input[type="checkbox"]{position:absolute;top:-4px;left:15px}

#bo_gall .gall_con {margin:0;padding:0;list-style:none}
#bo_gall .gall_con li {margin:0 0 5px;background: pink}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href .gall_block{display:none;position:absolute;width:100%;height:100%;border-radius:100%;top:0;left:0;transition: 0.3s ease-in-out;padding: 3%;z-index:999;padding:0 15px;}
#bo_gall .gall_href:hover .gall_block{display:block;}
#bo_gall .gall_href .gall_block a{display:inline-block;background:rgba(255, 255, 255, 0.6);width:100%;height:100%;text-align:center;}
#bo_gall .gall_href .gall_block img{width:142px;height:142px;text-align:center;margin-top:23%}

@media (max-width: 768px){
    #bo_gall .gall_href .gall_block{display:none}
    #bo_gall .gall_block{display:none;}
}

#bo_gall .gall_href img{width:100%;height:auto;}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:100% !important;height:100% !important;background:#f7f7f7;text-align:center;line-height:8em}

#bo_gall .gall_text_href{background:#ebe6de;text-align:center;}
#bo_gall .gall_text_href a {color:#967a4f;font-weight:bold;height:20px;display:inline-block;overflow:hidden;text-decoration:none}
#bo_gall .gall_text_href img {margin:0 0 0 5px}

.gall_detail{height:40px;padding-top:10px;}
.gall_detail a{display:block;height:30px;font-size:14px; color:#666; text-decoration:none; border:1px solid #eee;padding:3px 5px 6px 5px;text-align:center;}
.gall_detail a:hover{text-decoration:none}
.gall_content {padding:10px 5px 30px 5px; text-align:left; color:#999;line-height:20px;}


/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;padding:5px 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding:0;height:2.5em;line-height:2.5em}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_user .btn_b02:hover{color:#fff}
.btn_bo_adm {float:left}
.btn_b02:hover {background:#3e95b5;text-decoration:none;color:#fff;}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {display:inline-block;padding:10px 9px;border: 1px solid #cd2b43;background:#ed4545;color:#fff;cursor:pointer;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
                  background-image: linear-gradient(to bottom, #9f9f9f 0px, #f9f9f9f 100%);font-size: 0.93em;border-radius:4px}
.btn_bo_adm input:hover{background:#cc3b3b;text-decoration:none;color:#fff;}
.btn_bo_user .btn_admin10 {display:inline-block;margin:0 0 3px ;padding:10px 7px 7px;border:1px solid #cc3b3b;background:#ed4545;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px} /* 관리자 전용 버튼 */
.btn_admin10:focus, a.btn_admin10:hover {background:#cc3b3b;text-decoration:none;color:#fff;}

.bo_notice td {background:#f7f7f7}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
.td_subject a {display:block}
.td_subject img {margin-left:3px}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

#bo_sch {margin-bottom:30px;padding-top:5px;text-align:center}
#bo_sch select{height: 30px;border-radius:5px;background:#fff;border:1px solid #e4eaec;}
#bo_sch input[type="submit"] {background-color:#63a1b8; background-image: linear-gradient(to bottom, #63a1b8 0px, #63a1b8 100%);height:30px;background-repeat:repeat-x;color:#fff;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);padding: 5px 10px 5px 10px;font-size: 0.95em;border-radius: 4px;border: none;}
#bo_sch .frm_input{margin-right:5px;border: 1px solid #e4eaec;background: #f7f7f7;vertical-align: middle;line-height: 1.8em;-webkit-appearance: none;height: 30px;}


#bo_gall li.empty_list {padding:30px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

/* 게시판 읽기 */
#bo_v {margin-bottom:15px;background:#fff; text-align:left;}

#bo_v_table {padding:20px 0;color:#aea18c;font-size:1.2em;font-weight:bold;text-align:center;background:#fff;border-bottom:1px solid #e9e9e9; }

#bo_v_title {padding:10px 0;font-size:1.2em;margin:0 !important;}

#bo_v_info {padding:10px 0;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info {}
#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_file a {display:inline-block;padding:5px 0;color:#000}
#bo_v_file a:focus,
#bo_v_file a:hover,
#bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:0 10px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_link a {display:inline-block;padding:5px 0;color:#000}
#bo_v_link a:focus,
#bo_v_link a:hover,
#bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 10px}

#bo_v_top {margin:0 0 10px;padding:10px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

/*#bo_v_bot {padding:0 10px}*/
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {padding:0 10px;min-height:200px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:20px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {position:relative;margin-bottom:20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9;border-radius:3px}
#bo_vc h2 {margin-bottom:5px;font-size:1.3em}
#bo_vc .member{color:tomato;}
#bo_vc article form{background:#fff;border:1px solid #dde4e9;border-radius:3px;padding-top:20px}
#bo_vc article form .btn_confirm{margin: 0 0 15px;}
#bo_vc article form .tbl_wrap {margin:0 0 10px;}
#bo_vc header {position:relative;padding:13px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin-top: 10px;list-style:none}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px;display:inline-block;padding:8px 7px 7px;border:1px solid #d9ded9;color:#000;text-decoration:none;vertical-align:middle;background:#fff;border-radius:3px;}

#bo_vc_w {position:relative;margin-bottom:10px;padding-bottom:15px;border:1px solid #dde4e9;border-radius:3px}
#bo_vc_w h2 {padding:10px 10px 5px;font-size:1.3em}
#bo_vc_w .tbl_wrap {margin:0 0 15px}
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
#bo_vc_w textarea {width:99%}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 10px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}


/**
 * 3. - Content
 * -------------------------------------------------------------------
 */


.entry-thumb {
  width: 100%;
  position: relative; }
  .entry-thumb img {
    width: 100%; }
  .entry-thumb .thumb-hover {
    background: url("../home_imges/background/bg/black/4.png");
    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%;
  margin-top: -19px;
  margin-left: 0;
  color: #fff;
  left: 50%;
  -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; }


/*--- 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; }
  .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; }


* 5. - 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%; }