@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
#bo_v_con {
    margin: 0px!important;
}
.gall_img_item{text-align:center;}
#bo_v_title .bo_v_tit {margin-bottom:10px;font-weight:300;text-align:center;}
.leftMenuUseFlase #bo_v_title, .leftMenuUseFlase #bo_v_info{text-align:left;}
.gall_images{max-width:900px; margin:30px auto;}

/* 게시판 목록 */
#bo_gallBoxWst {margin:0 auto 20px; overflow:hidden;max-width:1020px;}
#bo_gallBoxWst h2 {margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#bo_gallBoxWst #gall_ul {margin:0 0 20px; padding:0; list-style:none; overflow:hidden; }
#bo_gallBoxWst .gall_box {position:relative; margin:5px; overflow:hidden; }
#bo_gallBoxWst .gall_li .gall_chk{position:absolute; top:0; right:0; padding:5px; z-index:1; }

.gall_row > li.gallWST{position:relative; margin-left:-0.03em; }

.gall_row  > li.col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative; min-height:1px; float:left; }
.gall_row  > li.gallWST.col-gn-0,.latest_row .col-gn-1,.gall_row  > li.gallWST.col-gn-1{width:100% !important; }
.gall_row  > li.gallWST.col-gn-2{width:50% !important; }
.gall_row  > li.gallWST.col-gn-3{width:33.33333333% !important; }
.gall_row  > li.gallWST.col-gn-4{width:25% !important; }
.gall_row  > li.gallWST.col-gn-5{width:20% !important; }
.gall_row  > li.gallWST.col-gn-6{width:16.66666667% !important; }
.gall_row  > li.gallWST.col-gn-7{width:14.28571428% !important; }
.gall_row  > li.gallWST.col-gn-8{width:12.5% !important; }
.gall_row  > li.gallWST.col-gn-9{width:11.11111111% !important; }
.gall_row  > li.gallWST.col-gn-10{width:10% !important; }

#bo_gallBoxWst .gall_now .gall_text_href a {color:#ffff33}

#bo_gallBoxWst .gall_href a:link, #bo_gallBoxWst .gall_href a:focus, #bo_gallBoxWst .gall_href a:hover {text-decoration:none}
#bo_gallBoxWst .gall_boxa{text-align:center; position:relative; }
#bo_gallBoxWst .gall_boxa a,#bo_gallBoxWst .gall_img .no_image,#bo_gallBoxWst .gall_img .is_notice{display:block}
#bo_gallBoxWst .gall_boxa a .iconPs{font-style:normal; position:absolute; left:10px; top:10px; z-index:1; }
#bo_gallBoxWst .gall_boxa a .icoNotice{display:inline-block; padding:5px; background-color:#000; border-radius:3px; color:#fff; }
#bo_gallBoxWst .gall_boxa a > img{display:block; width:100% !important; min-width:100%; height:auto !important; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gallBoxWst .gall_boxa a b{display:block; position:absolute; left:0px; top:50%; height:30px; line-height:30px; margin-top:-15px; color:#999; font-size:30px; font-family:verdana; letter-spacing:2px; font-weight:normal; width:100%; }
#bo_gallBoxWst .gall_boxa .gall_info{font-style:normal; position:absolute; left:0px; bottom:-50%; text-align:center; width:100%; height:20px; color:#fff; ; font-size:0.92em; line-height:20px; margin-top:-10px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gallBoxWst .gall_boxa .gall_info strong{ display:inline-block; margin:0 0 0 10px }
#bo_gallBoxWst .gall_boxa .gall_info i{font-size:12px}
#bo_gallBoxWst .gall_boxa .gall_info .gall_date{font-style:italic; display:inline-block; color:#fff; }
#bo_gallBoxWst .gall_boxa .gall_info u{display:block; color:#fff; text-decoration:none; }
#bo_gallBoxWst .gall_boxa .gall_info u .sv_member{color:#fff; }
#bo_gallBoxWst .gall_boxa a .imgAr{display:block; width:100%; max-width:100%; min-width:100%; height:auto; }
#bo_gallBoxWst .gall_boxa a .imgAr img{display:block; width:100%; max-width:100%; min-width:100%; height:auto; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

#bo_gallBoxWst .gall_boxa a .youtube_img{display:block; width:100%; max-width:100%; min-width:100%; position:relative; height:auto; overflow:hidden; background:#333; }
#bo_gallBoxWst .gall_boxa a .youtube_img sup{display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gallBoxWst .gall_boxa a .youtube_img sub,
#bo_gallBoxWst .gall_boxa a .youtube_img sub img{display:block; height:auto; width:100%; max-width:100%; min-width:100%; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; }
#bo_gallBoxWst .gall_box:hover .gall_boxa a .youtube_img sup{  filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }

.fa-youtube-play{font-size:22px !important; vertical-align:middle; }

#bo_gallBoxWst .gall_box:hover .gall_info{bottom:50%; }
#bo_gallBoxWst .gall_box:hover .gall_boxa{background:#222; }
/*#bo_gallBoxWst .gall_box:hover .gall_boxa a .imgAr img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;  }*/

#bo_gallBoxWst .gall_text_href {position:absolute; left:0px; bottom:0px; right:0px; padding:15px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); }
#bo_gallBoxWst .gall_text_href a {font-weight:bold; color:#fff; }
#bo_gallBoxWst .gall_text_href img {margin:0 0 0 4px}
#bo_gallBoxWst .bo_tit{display:block; font-weight:bold; color:#000; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }
#bo_gallBoxWst .bo_tit .cnt_cmt{background:#000; color:#78af65; font-size:11px; height:20px; line-height:20px; padding:1px 5px; border-radius:3px; vertical-align:middle; }
#bo_gallBoxWst .profile_img img{border-radius:50%}
#bo_gallBoxWst .gall_name{margin:10px}
#bo_gallBoxWst .bo_cate_link{display:block; filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:center; font-size:11px; }

.noDataArea{margin-bottom:20px; }

/* 썸네일 3:4 고정 */
#bo_gallBoxWst .gall_boxa{
    position:relative;
    width:100%;
    aspect-ratio:3 / 4;
    overflow:hidden;
}

/* 이미지 채우기 */
#bo_gallBoxWst .gall_boxa a > img,
#bo_gallBoxWst .gall_boxa a .imgAr img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}

/* hover 확대 안전장치 */
#bo_gallBoxWst .gall_box{
    overflow:hidden;
}
/* 1. 썸네일 비율 박스 */
#bo_gallBoxWst .gall_boxa{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
}

/* 2. 링크를 기준 박스로 */
#bo_gallBoxWst .gall_boxa > a{
    position:absolute;
    inset:0;
    display:block;
}

/* 3. imgAr도 기준 박스 채우기 */
#bo_gallBoxWst .gall_boxa .imgAr{
    position:absolute;
    inset:0;
    display:block;
}

/* 4. 실제 이미지 강제 채우기 */
#bo_gallBoxWst .gall_boxa img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
}
/* 제목 오버레이 제거 */
#bo_gallBoxWst .gall_text_href{
    position:static;
    background:none;
    padding:10px 0 10px;
}

/* 제목 텍스트 스타일 */
#bo_gallBoxWst .gall_text_href a{
    display:block;
    color:#000 !important;
    font-size:14px;
    font-weight:600;
    text-align:center;
    text-shadow:none;
}

/* 썸네일 + 제목 세로 정렬 */
#bo_gallBoxWst .gall_box{
    display:flex;
    flex-direction:column;
}

/* hover 효과 정리 */
#bo_gallBoxWst .gall_box:hover .gall_boxa{
    background:none;
}
#bo_gallBoxWst .gall_box:hover img{
    filter:none;
    opacity:1;
}


@media all and (max-width: 800px)
{
	#bo_gallBoxWst .gall_li .gall_chk{padding:2px; }
	.gall_row .box_clear{clear:none; }
	.gall_row  > li.col-gn-0,.gall_row  > li.gallWST.col-gn-3,.gall_row  > li.gallWST.col-gn-4,.gall_row  > li.gallWST.col-gn-5,.gall_row  > li.gallWST.col-gn-6,.gall_row  > li.gallWST.col-gn-7,.gall_row  > li.gallWST.col-gn-8,.gall_row  > li.gallWST.col-gn-9,.gall_row  > li.gallWST.col-gn-10
	{width:33.33333333% !important; }
	.gall_row  > li.gallWST.col-gn-1,.gall_row  > li.gallWST.col-gn-2{width:33.33333333% !important; }
}
@media all and (max-width: 680px)
{
	.gall_row  > li.col-gn-0,.gall_row  > li.gallWST.col-gn-3,.gall_row  > li.gallWST.col-gn-4,.gall_row  > li.gallWST.col-gn-5,.gall_row  > li.gallWST.col-gn-6,.gall_row  > li.gallWST.col-gn-7,.gall_row  > li.gallWST.col-gn-8,.gall_row  > li.gallWST.col-gn-9,.gall_row  > li.gallWST.col-gn-10
	{width:33.33333333% !important; }
	.gall_row  > li.gallWST.col-gn-1,.gall_row  > li.gallWST.col-gn-2{width:100% !important; }
	#bo_gallBoxWst .bo_tit{font-size:12px; }
}

.pet_info_table{
    margin:10px 0;
}

.pet_info_table table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
}

.pet_info_table tbody{
    display:flex;
    flex-wrap:wrap;
}

.pet_info_table tr{
    display:flex;
    width:50%; /* 한 줄에 두 세트 */
    box-sizing:border-box;
    border-bottom:1px solid #ddd;
}

.pet_info_table th{
    width:35%;
    background:#d9dcdc;
    text-align:center;
    font-weight:600;
    font-size:14px;
    padding:14px 10px;
    border-right:1px solid #ccc;
}

.pet_info_table td{
    width:65%;
    background:#fff;
    text-align:center;
    font-size:14px;
    padding:14px 10px;
}
#bo_gallBoxWst .gall_info{
    display:none !important;
}


/* 위쪽 라인 */
.pet_info_table tr:nth-child(1),
.pet_info_table tr:nth-child(2){
    border-top:1px solid #ddd;
}

/* 모바일 대응 */
@media (max-width:768px){
    .pet_info_table tr{
        width:100%;
    }
}


/* 반려견 / 반려묘 정보 구분 영역 */
.pet_type_info{
    margin:30px 0 00px;
    text-align:center;
}

/* 공통 태그 스타일 */
.pet-tag{
    display:inline-block;
    min-width:140px;
    padding:10px 22px;
    font-size:30px;
    font-weight:700;
    letter-spacing:-0.02em;
    border-radius:4px;
}

/* 반려견정보 */
.pet-tag.dog{
    background:#ffffff;
    color:#111;
}

/* 반려묘정보 (추후 확장용) */
.pet-tag.cat{
    background:#ffffff;
    color:#111;
    border-bottom:3px solid #444;
}

/* 모바일 대응 */
@media (max-width:768px){
    .pet-tag{
        font-size:20px;
        padding:8px 18px;
        min-width:120px;
    }
}