/* 게시판 목록 */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}


 


@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }

}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.review-wrap {
 
}

.review-wrap .thumbnail .caption {
    padding: 15px 0;
    color: #000;
}

.review-wrap .thumbnail .caption h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
 
}

@media screen and (max-width: 992px) {
    .review-wrap .thumbnail .caption {
        padding: 0;
        color: #000;
 
    }
    .review-wrap .thumbnail .caption a h3 {
        font-size: 12px;
    }
    .review-wrap .row {
        margin: 0;
    }
    .review-wrap .col-half-offset {
        margin-left: none;
        padding: 0;
        margin: 0;
    }
    .review-wrap .row .col-xs-6 {
        padding: 0 4px;
        margin: 0;
    }

}
.review-wrap .card {	position:relative; overflow:hidden; margin-bottom:10px;}
.review-wrap .thumbnail { 
    padding: 0;
    background-color: #fff;
    margin: 0;
    transition: 0.3s;
    border-radius: 0;
    border: 0 !important;
     box-shadow: none !important;
	line-height:1;
-webkit-transform:scale(1.00); transform:scale(1.00);
-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;
}

.review-wrap .thumbnail:hover {
     box-shadow:  none !important;
}

.review-wrap .thumbnail p {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 13px;
}

.review-wrap .thumbnail img {width:100%; height:100%;  object-fit:cover; }

.review-wrap .card input[type=checkbox] {position:absolute; top:10px; left:10px; z-index:15;  width:16px; height:16px;}

.review-wrap .card  a .caption {position:absolute; bottom:0px; left:0px; width:100%;padding:0px; background:rgba(0,0,0,0.5); z-index:10; text-align:left;color:#fff;display:block; padding:20px 20px;  line-height:1.3;   display: flex;   -webkit-box-pack: justify;  justify-content: space-between;  align-items: center; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.review-wrap .card  a {display:block;}
.review-wrap .card .caption h3{ font-size:16px; margin:0px; padding:0px;}
.review-wrap .card .caption h4{font-size:16px; margin:0px; padding:0px;}
.review-wrap .card .caption h4 .st_ing { color:#19f059;}
.review-wrap .card .caption h4 .st_ready { color:#ccc;}
.review-wrap .card .summary { position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0px; background:rgba(0,0,0,0.6); z-index:10; text-align:left;color:#fff;  padding:20px 20px;  line-height:1.3;   display: flex;   -webkit-box-pack: justify;  justify-content: center; flex-direction: column; align-items: center; display:none;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.review-wrap .card:hover .thumbnail { -webkit-transform:scale(1.06); transform:scale(1.06);}
.review-wrap .card:hover .caption { -webkit-transform: translate(0,150%);  -ms-transform: translate(0,150%);  transform: translate(0,150%); }
.review-wrap .card:hover .summary {display:flex; }
 
.review-wrap .card:hover .summary .sbj  {font-size:22px;color:#fff; line-height:1.3; padding:0px 0 15px; text-align:center; }
.review-wrap .card:hover .summary .sbj span {display:inline-block;  }
 .review-wrap .card:hover .summary .info {font-size:16px; padding-top:12px; color:#fff;  display: flex;   -webkit-box-pack: justify;  justify-content: center;  align-items: center;  border-top:1px solid #fff;}
.review-wrap .card:hover .summary .info span {margin:0px 15px; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,0.9); border-radius:3px;  }

#gall_allchk {margin-bottom:20px; position:relative; padding-left:24px; line-height:18px;}
#gall_allchk input[type=checkbox] {margin:0px; position:absolute; top:2px; left:0px; width:16px; height:16px;}

 
.review-wrap .thumbnail {position:relative; height:290px; width:auto;   display: flex;   -webkit-box-pack: justify;  justify-content: center;  align-items: center;}
.review-wrap .Nothumbnail{ position:relative;height:290px; width:auto; background: url(/theme/responsive/img/logo.png) center center no-repeat #f7f7f7;  display: flex;   -webkit-box-pack: justify;  justify-content: center;  align-items: center;}
.review-wrap .thumbnail:before {position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); content:'';}
 
.now_dashboard .page-header {display:none;}
.now_details .page-header {display:none;}
.nowlist {padding-top:20px;}

/* 게시판 목록 마감 */


/* 게시판 뷰 페이지 */

#bo_v_title .bo_v_tit {
    border-top: 2px #000 solid;
    border-bottom: 1px #e0e0e0 solid;
    background-color: #fcfcfc;
    display: block;
    font-size: 19px;
    font-weight: 900;
    padding-left: 20px;
    margin: 5px 0 0;
    padding-top: 22px;
    padding-bottom: 22px;
    word-break: break-all;
}

#bo_v_info .profile_info .pf_img img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-right: 10px;
}

#bo_v_info .profile_info {
    margin: 10px 0 10px;
    display: inline-block;
    float: left;
    padding-left: 20px;
}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {
    font-weight: bold;
}

#bo_v_sns {
    padding: 0;
    list-style: none;
    zoom: 1;
    float: right;
    display: inline-block
}

#bo_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_sns li {
    float: left;
    width: 35px;
    margin-right: 3px;
    text-align: left
}

#bo_v_sns li a {
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 3em;
    color: #fff;
    font-size: 0.95em;
    padding-left: 6px;
}

#bo_v_sns li img {
    vertical-align: middle;
    margin-right: 5px
}

#bo_v_sns li .sns_f {
    display: block;
    background: #3b5997
}

#bo_v_sns li .sns_t {
    display: block;
    background: #09aeee
}

#bo_v_sns li .sns_g {
    display: block;
    background: #ea4026
}

#bo_v_sns li .sns_k {
    display: block;
    background: #fbe300
}

#bo_v_sns li span {
    display: none;
}

 .bo_v_wrap {
 width:100%;
  margin:0 auto;
}

#bo_v_top{ position: relative;  }
/* #bo_v_top .bo_v_topimg {height:42vh; overflow:hidden;position: fixed;  width: 100%;  left: 0;  top: 0;  background:#f5f5f5;  } */
.bo_v_topimg img{  width:100% !important; height:100% !important; object-fit: cover !important; margin-bottom:0px !important; }


.bo_v_content {  position: relative;background:#fff; z-index:1;margin-top:0;}
.bo_v_nb{ position: relative; background:#fff; }
.footer {position: relative;}
.bo_v_bottom{ position: relative; background:#fff; padding:20px 0;}
.bo_v_bottom .bo_v_nb {margin:0px;}
#bo_v_con p{margin:0px !important;}
.bo_v_wrap {padding:80px 0;}
.top_summary {  border:1px solid #dfe1e3; padding:50px 30px 20px; text-align:left;  }

/*
.bo_v_topimg .viewtitleA { position: fixed; top:14vh; left:50%;width:100%; padding:0px 20px;    font-family: 'S-CoreDream-6Bold'; font-size:50px; line-height:150%;color:#fff; text-align:center; word-break:keep-all; -webkit-transform: translate(-50%,0);  -ms-transform: translate(-50%,0);  transform: translate(-50%,0); text-shadow:0px 0px 3px rgba(0,0,0,0.3); -moz-text-shadow: 0px 0px 3px  rgba(0,0,0,0.3); -webkit-text-shadow: 0px 0px 3px  rgba(0,0,0,0.3); }
*/
.top_summary .expline {color:#03c75a;font-family: 'S-CoreDream-6Bold'; font-size:16px; font-weight:normal; line-height:140%; margin-bottom:10px;}
.top_summary .subject {  font-size: 30px;  margin-bottom: 3.2rem;  line-height: 150%;  color: #252525; word-break:keep-all;}

#bo_v_con .bo_w_tit.view_div label { text-align:left; top:4px; width:70px;}
.top_summary .specdet {font-size:14px; }
#bo_v_con .bo_w_tit.view_div  {line-height:140%; padding:4px 0 4px 70px;}
.top_summary .specdet .line { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.top_summary .btndet {display: flex;   -webkit-box-pack: justify;  justify-content: center; flex-direction: column; align-items: center;}
.top_summary .btndet a {display:block; width:100%;background:#5a697f; margin-top:5px;  border: 1px solid rgba(0,0,0,0.1); color:#fff !important; font-size:16px; font-weight:700; line-height:40px; text-align:center; text-decoration:none !important; text-shadow:0px 0px 2px rgba(0,0,0,0.3); -moz-text-shadow: 0px 0px 2px  rgba(0,0,0,0.3); -webkit-text-shadow: 0px 0px 2px  rgba(0,0,0,0.3);}
.top_summary .btndet a:hover {background:#97a8c1;}
.top_summary .btndet a.btn_apply {background: #01c73c;font-size:18px; font-weight:700;  line-height:60px; margin-top:0px;}
.top_summary .btndet a.btn_apply:hover {background:#43d77d;}


#bo_w .frm_input {width:100% !important;}
#bo_w .frm_textar1{height:290px !important;}

/* .bo_v_topimg .viewtitleA {   padding:60px 20px;    font-family: 'S-CoreDream-6Bold'; font-size:50px; line-height:150%;color:#000; text-align:center;  } */
.view_sub_title_box { margin-bottom:20px;width:100%; display: flex;   -webkit-box-pack: justify;  justify-content: center;  align-items: center;  }
.view_sub_title_box .view_sub_title {min-width:160px; font-size:1.1em;color:#fff; background: #aaafb5;   border: 1px solid rgba(0,0,0,0.1);padding:15px 20px; line-height:130%;margin:2px;display: flex;   -webkit-box-pack: justify;  justify-content: center;  align-items: center;}
.view_sub_title_box .view_sub_title:hover {background:#868e96; }
.view_sub_title_box .view_sub_title.on, .view_sub_title_box .view_sub_title.on:hover {background: #01c73c;  }
.nowdetailview h2 { padding:50px 0 30px; text-align:center;font-size:1.6em;   font-family: 'S-CoreDream-6Bold'; }
.nowdetailview h2 span {display:inline-flex;position:relative; padding:10px 0px 0px ;color:#252525;}
.nowdetailview h2 span:before {position:absolute; top:0px; left:50%; width:100%; height:2px;  background:#01c73c; content:''; display:block; -webkit-transform: translate(-50%,0%);  -ms-transform: translate(-50%,0%);  transform: translate(-50%,0%);}

.now_dashboard .container {padding:0px; width:100%;}
#bo_v_con .nowdetailview ul {padding:0px !important; margin:0px !important; }
.nowdetailview .nowdash_det {width:100%; padding:0px !important; margin:0px !important; }
.nowdetailview .nowdash_det li{padding:10px 50px 60px; display: flex !important;   -webkit-box-pack: justify;  justify-content: center;  align-items: center;flex-direction: column; }
.nowdetailview .nowdash_det #myChartx, .nowdetailview .nowdash_det #piechart_3d, .nowdetailview .nowdash_det #chart_div, .nowdetailview .nowdash_det .steptimeline{width:1080px; min-height:400px;border:1px solid #e9ecf3;  border-radius:10px; padding:50px; box-shadow:0px 0px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 8px  rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 8px  rgba(0,0,0,0.1);}
.nowdetailview .nowdash_det #piechart_3d {padding:0px 50px;}
.nowdetailview .nowdash_det #chart_div {min-height:600px;padding:0px 20px 20px;}
.nowdetailview .nowdash_det .steptimeline {min-height:500px;}

.nowdetailview .nowwork_det ul { width:100%; padding:0px !important; margin:0px !important;}
.nowdetailview .nowwork_det  li {border-bottom:1px solid #e9ecf3; padding:20px 0;width:100%; display: flex !important;   -webkit-box-pack: justify;  justify-content: space-between;  align-items: center; }
 
.nowdetailview .nowwork_det  li .txtA {width:48%;color:#474747;}
.nowdetailview .nowwork_det  li .imgA {width:50%; padding-left:2px; float:right;}
.nowdetailview .nowwork_det  li .imgA img {width:100% !important;height:auto !important; margin-bottom:0px !important;}
#bo_v_con .nowdetailview .nowwork_det  li .imgA img {width:100% !important;height:auto !important; margin-bottom:0px !important;}
.nowdetailview .nowwork_det  li .txtA p{padding:2px 0;}
.nowdetailview .nowwork_det  li .workDate { font-family: 'S-CoreDream-6Bold'; font-size:1.35em; color:#252525; }
.nowdetailview .nowwork_det  li .temperature {width:100%; display: flex;   -webkit-box-pack: justify;  justify-content: flex-start;  align-items: center;}
.nowdetailview .nowwork_det  li .temperature .tempLow {color:#7489e1; padding-left:15px;}
.nowdetailview .nowwork_det  li .temperature .tempHigh {color:#e1523a;}
.nowdetailview .nowwork_det  li .temperature .part {display:inline-block; width:1px; height:12px; background:#ccc; margin:0px 15px;}
.nowdetailview .nowwork_det  li .temperature strong { display:inline-block; margin-right:3px;}
.nowdetailview .nowwork_det  li .workContent {line-height:160%; color:#787878;}


@media (max-width: 1389px) {
.bo_v_wrap {  width: 100%; }
.bo_v_content .bo_v_wrap {  width: 100%;  padding:50px 0px;  }
.botlistslide{  width: 100%;  padding:20px 20px;  }
.botlistslide .slick-prev, .botlistslide .slick-next {display:none !important;}
}
 

@media (max-width: 1200px) {
 
}
 @media (max-width: 1080px) {
 .now_dashboard .container {padding:0px 15px;}
.nowdetailview .nowdash_det #myChartx, .nowdetailview .nowdash_det #piechart_3d, .nowdetailview .nowdash_det #chart_div, .nowdetailview .nowdash_det .steptimeline {width:100%; padding:20px !important;}
.nowdetailview .nowdash_det li {padding:0px 10px 40px;}
.nowdetailview .nowdash_det .steptimeline  {padding:30px;}
}
@media (max-width: 991px) {

.top_summary {padding:30px 20px 0px;  }
 .top_summary .specdet .line {border-left:none; border-right:none;}
}
@media(max-width:992px) {
 
.botlistslide  .slick-slider {    margin:0;}
.botlistslide .slick-slide {     margin-right:0px;    margin-left:0px;}
 .botlistslide .scale img {max-width:100%; width:100%; height: 100%;     object-fit: cover;     }
.view_sub_title_box .view_sub_title  { width:33%; margin-left:0.5%; min-width:auto; font-size:1em; padding:15px 2px;}
.view_sub_title_box .view_sub_title:first-child  {margin-left:0px; }
}
@media (max-width: 767px) { 
 .view_sub_title_box .view_sub_title  {   font-size:1em;}
.view_sub_title_box .view_sub_title {width:49%; margin:0px;}
.nowdetailview .nowwork_det  li { justify-content: flex-start; flex-direction: column-reverse; }
.nowdetailview .nowwork_det  li .txtA {width:100%; margin-top:20px; }
.nowdetailview .nowwork_det  li .imgA {width:100%; padding-left:0px;}
.nowdetailview .bo_v_topimg .viewtitleA {padding:30px 15px;}
.nowdetailview .nowdash_det .steptimeline  {padding:10px; overflow:auto;}
.nowdetailview .nowdash_det #myChartx, .nowdetailview .nowdash_det #piechart_3d, .nowdetailview .nowdash_det #chart_div, .nowdetailview .nowdash_det .steptimeline { padding:5px; min-height:300px;}
#view_sub_content {padding-top:25px;}
.nowdetailview .nowdash_det li:first-child h2 {padding-top:0px;}
}