@charset "utf-8";

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall .board_port {margin-top:10px; margin-right:-20px}
#bo_gall .board_port .gall_li{  margin-bottom:20px;} 
#bo_gall .board_port .gall_li .gall_box { position: relative; margin-right:20px; border:1px solid #ccc; transition: .3s; height: 100%;}
#bo_gall .board_port .gall_li .gall_box:hover {border-color:#666; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
#bo_gall .board_port .gall_li .gall_box .gall_chk {position:absolute; top:5px; left:5px; padding:5px; z-index:1}
#bo_gall .board_port .gall_li .gall_box .gall_con {position:relative}
#bo_gall .board_port .gall_li .gall_img {text-align:center; overflow:hidden;}
#bo_gall .board_port .gall_li .gall_img a{height:100%;}
#bo_gall .board_port .gall_li .gall_img img,
#bo_gall .board_port .gall_li .gall_img video {max-width:100%;}
#bo_gall .board_port .gall_li .no_image{font-size:1.25em; color:#ccc; font-weight: 600; width:100%; height:100%; background-color: #f9f9f9;}
#bo_gall .board_port .gall_li .no_image .xi{font-size:2.5em; display: block; line-height: 1;}
#bo_gall .board_port .gall_li .gall_text_href{ position: relative;}
#bo_gall .board_port .gall_li .gall_text_href .bo_tit{font-weight:600; font-size: 1.125em; margin-bottom: 20px; display: inline-block;}
#bo_gall .board_port .gall_li .gall_text_href .bo_cnt{color:#666; font-size:.938em; margin-top:15px; line-height: 1.4; height: 42px;}
#bo_gall .board_port .gall_li .gall_text_href .bo_cnt br{display:none;}
#bo_gall .board_port .gall_li .gall_text_href .gall_info{margin-top:35px;}
#bo_gall .board_port .gall_li .gall_text_href .gall_info > li{font-size:.875em; color:#999; line-height: 1;}
#bo_gall .board_port .gall_li .gall_text_href .gall_info > li:not(:last-child){padding-right:15px; margin-right:15px; border-right:1px solid #ddd;}
#bo_gall .board_port .gall_li .gall_text_href .gall_info > li .xi{vertical-align: middle;}
#bo_gall .board_port .gall_li .gall_text_href .arr_btn{position: absolute; bottom:-13px; right: 0;}
#bo_gall .board_port .gall_li .gall_text_href .arr_btn .xi{width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background: #ddd; text-align: center; color: #fff; transition: .3s;}
#bo_gall .board_port .gall_li .gall_box:hover .arr_btn .xi{background-color:#333;}

.gall_row .col-gn-0,
.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:calc(100% / 2);}
.gall_row .col-gn-3 {width:calc(100% / 3);}
.gall_row .col-gn-4 {width:calc(100% / 4);}
.gall_row .col-gn-5 {width:calc(100% / 5);}
.gall_row .col-gn-6 {width:calc(100% / 6);}
.gall_row .col-gn-7 {width:calc(100% / 7);}
.gall_row .col-gn-8 {width:calc(100% / 8);}
.gall_row .col-gn-9 {width:calc(100% / 9);}
.gall_row .col-gn-10 {width:calc(100% / 10);}
.gall_row .box_clear {clear:both}
