/* 게시판 목록 */

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


#bo_gall > .nav {width:100%;  margin:0 auto; margin-bottom:50px;}
 
#bo_gall > .nav > ul {background:#173348;border-top:1px solid #0b2437;}
#bo_gall > .nav > ul:after{clear:both; content:''; display:block;}
#bo_gall > .nav > ul > li {display:block; float:left; border-bottom:1px solid #0b2437; position:relative; top:0; left:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#bo_gall > .nav > ul > .li01 {border-left:1px solid  #0b2437; border-right:1px solid  #0b2437;}
#bo_gall > .nav > ul > .li02 {border-right:1px solid  #0b2437;}
#bo_gall > .nav > ul > .li03 {border-right:1px solid  #0b2437;}
#bo_gall > .nav > ul > .li04 {border-right:1px solid  #0b2437;}
#bo_gall > .nav > ul > .li05 {border-right:1px solid  #0b2437;}
#bo_gall > .nav > ul > li:hover {background:#1f9cc3;}
#bo_gall > .nav > ul > .width_20 {width:20%;}
#bo_gall > .nav > ul > .width_25 {width:25%;}
#bo_gall > .nav > ul > .width_33 {width:33%;}
#bo_gall > .nav > ul > .width_34 {width:34%;}
#bo_gall > .nav > ul > li .list_div {padding:13px 0 15px 0; text-align:center; cursor:pointer;}
#bo_gall > .nav > ul > li .list_div > .title_con {margin-bottom:6px;}
#bo_gall > .nav > ul > li .list_div > .title_con span {font-size:16px; font-weight:400; color:#fff;  opacity:0.6}
#bo_gall > .nav > ul > li .list_div > .btn_con {height:26px;}
#bo_gall > .nav > ul > li .list_div > .btn_con span {font-size:20px; color:#fff;  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);}
 
#bo_gall > .nav > ul > li .list_div > .btn_con .off {display:inline-block; *display:inline; zoom:1;}
#bo_gall > .nav > ul > li .list_div > .btn_con .on {display:none;}
#bo_gall > .nav > ul > .on .list_div > .btn_con .off {display:none;}
#bo_gall > .nav > ul > .on .list_div > .btn_con .on {display:inline-block; *display:inline; zoom:1;}
#bo_gall > .nav > ul > li .select_con {display:none;  border:4px solid #173348; background-color:#ffffff; position:absolute; top:-2px; left:-1px; right:-1px;z-index:20; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#bo_gall > .nav > ul > li .select_con > .list_con {padding:22px 0;}
#bo_gall > .nav > ul > li .select_con > .list_con > ul {}
#bo_gall > .nav > ul > li .select_con > .list_con > ul > li {margin-top:8px; text-align:center;}
#bo_gall > .nav > ul > li .select_con > .list_con > ul > li a {display:block;font-size:16px; color:#173348; line-height:25px; font-weight:400;}
#bo_gall > .nav > ul > li .select_con > .list_con > ul > li a:hover {  color:#1f9cc3;font-weight:500;}
#bo_gall > .nav > ul > li .select_con > .list_con > ul > li .on {color:#1f9cc3;}
#bo_gall > .nav > ul > li .select_con > .list_con > ul > li:first-child {margin-top:0;}
#bo_gall > .nav > ul > li .select_con > .btn_con {background-color:#173348; color:#fff; font-size:20px; padding:10px 0 8px 0; text-align:center; cursor:pointer;}
#bo_gall > .list_con {margin-bottom:56px;}
#bo_gall > .list_con > ul {}
#bo_gall > .list_con > ul > li {float:left; display:block; width:31%; margin:0 1% 24px 1%;}
#bo_gall > .list_con > ul > li .list_div {position:relative; top:0; left:0;}
#bo_gall > .list_con > ul > li .list_div > .img_con {background-color:#5b5b5b; overflow:hidden;}
#bo_gall > .list_con > ul > li .list_div > .img_con img {display:block; width:auto; height:245px; margin:0 auto; transition:all 0.2s ease-in-out;}
#bo_gall > .list_con > ul > li .list_div:hover > .img_con img {transform:scale(1.05,1.05);}
#bo_gall > .list_con > ul > li .list_div:focus > .img_con img {transform:scale(1.05,1.05);}
#bo_gall > .list_con > ul > li .list_div > .m_img_con {display:none; background-repeat:no-repeat; background-size:cover; background-position:center;}
#bo_gall > .list_con > ul > li .list_div > .m_img_con img {display:block; width:100%;}
#bo_gall > .list_con > ul > li .list_div > .text_con {width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0, 0.6); padding:16px 20px; position:absolute; bottom:0; left:0; right:0; z-index:10; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *zoom:1;}
#bo_gall > .list_con > ul > li .list_div > .text_con:after {content:""; display:block; clear:both;}
#bo_gall > .list_con > ul > li .list_div > .text_con span {font-size:17px; color:#ffffff; line-height:27px;}
#bo_gall > .list_con > ul > li .list_div > .text_con > .title_con {float:left;}
#bo_gall > .list_con > ul > li .list_div > .text_con > .info_con {float:right;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con {display:none; width:100%; height:100%; background-color:#e23345; background-color:rgba(0,0,0, 0.6); padding:42px 20px 0 20px; text-align:center; position:absolute; bottom:0; left:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .style_con {margin-bottom:7px;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .style_con span {font-size:18px; color:#ffffff; line-height:23px;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .bar {width:20px; height:1px; margin:0 auto; margin-bottom:11px; background-color:#ffffff;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .info01_con {margin-bottom:7px;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .info01_con span {font-size:18px; color:#ffffff; line-height:23px;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .info01_con .bar {font-size:16px;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .info02_con {}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .info02_con span {font-size:18px; color:#ffffff; line-height:23px;}
#bo_gall > .list_con > ul > li .list_div > .over_text_con > .icon_con {width:100%; margin:0 auto; position:absolute; bottom:35px; left:0; right:0; z-index:10;}
#bo_gall > .list_con > ul > li .list_div:hover > .text_con {display:none;}
#bo_gall > .list_con > ul > li .list_div:hover > .over_text_con {display:block;}
#bo_gall > .number_list_con {}



@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 .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;}
/* 게시판 목록 마감 */


/* 게시판 뷰 페이지 */

#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: 1600px; margin:0 auto;
}

#bo_v_con{ position: relative; background:#fff;}
.bo_v_topimg {height:100vh; overflow:hidden;position: fixed;  width: 100%;  left: 0;  top: 0;     }
.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:100vh;}
.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-weight:700; 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-size:16px; font-weight:normal; line-height:140%; margin-bottom:10px;}
.top_summary .subject {  font-size: 30px;  margin-bottom: 3.2rem; font-weight:500; line-height: 150%;  color: #173348; word-break:keep-all;}

#bo_v_con .bo_w_tit.view_div label { text-align:left; top:4px; width:70px;line-height:160%}
.top_summary .specdet {font-size:15px; }
#bo_v_con .bo_w_tit.view_div  {line-height:160%; padding:4px 0 4px 70px; font-weight:400;}
.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:15px; font-weight:500; 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: #1183a6;font-size:18px; font-weight:400;  line-height:60px; margin-top:0px;}
.top_summary .btndet a.btn_apply:hover {background:#1a4e8b;}

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

.botlistslide { width:100%; background:#fff;}
.botlistslide .box {position:relative;}
.botlistslide .title-wrap { 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;}
.botlistslide a:hover .box .title-wrap {display:flex; } 
.botlistslide a:hover .box .title-wrap  h3 {font-size:20px;color:#fff; line-height:1.3; padding:0px 0 0px; text-align:center; }
.botlistslide .scale img {max-width:100% !important; width:100% !important; height: 100% !important;     object-fit: cover !important;     }
.botlistslide  .slick-slider {    margin:0 -14px;}
.botlistslide .slick-slide {    padding:0px;    text-align:center;    margin-right:14px;    margin-left:14px;}
.botlistslide .slick-prev, .botlistslide .slick-next { z-index:1;  top:50%; width:37px; height:37px; border-radius:20px;color:#fff;  background:#868e96;  -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  transform: translate(0, -50%); }
.botlistslide .slick-prev {left:-40px;}
.botlistslide .slick-next {right:-40px;}
.botlistslide .slick-next:before { content: "\e649";}
.botlistslide .slick-prev:before { content: "\e64a";}
.botlistslide .slick-prev:before, .botlistslide .slick-next:before { font-size:13px;font-family: 'themify';  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;}

.botlistslide .slick-prev:hover, .botlistslide .slick-next:hover {background:#aeb4b9;}
.botlistslide .slick-dots li button {font-size:0px; display:inline-block; background:#fff;  width:10px; height:10px; line-height:8px; border-radius:8px; border:1px solid #a5a5a5;  box-sizing:border-box;}
.botlistslide .slick-dots li button:before {display:none !important;}
.botlistslide .slick-dots li.slick-active button {background:#868e96; border-color:#868e96;}

.botlistslide {border-top:1px solid #555;  padding-top:50px;}
.botlistslide .botsltitle {font-weight:800; font-size:24px; color:#212121; margin-bottom:30px;}


 

label {font-weight:400;  font-size:0.95em;  color: #8899A6;}
input[type="text"] {font-size:1.05em !important;}

input[type=checkbox], input[type=radio] {margin-top:-3px;}

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

@media (max-width: 1200px) {
.bo_v_topimg .viewtitleA {font-size:44px;top: 18vh;}
}

@media (max-width: 991px) {
.bo_v_topimg .viewtitleA {font-size:38px;}
.top_summary {padding:30px 20px 0px;  }
 .top_summary .specdet .line {border-left:none; border-right:none;}
.botlistslide  {padding-top:40px;}
.botlistslide .botsltitle { font-size:20px;  margin-bottom:25px;}
 }

@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;     }
 


}
@media (max-width: 767px) { 
.bo_v_topimg .viewtitleA {font-size:28px;}
.botlistslide .botsltitle {  margin-bottom:20px;}
}
@media (max-width: 420px) {
.bo_v_topimg .viewtitleA {font-size:24px;}
}