@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 게시판 목록 */
#bo_gall {margin-bottom:20px; overflow:hidden}
#bo_gall h2 {margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#bo_gall #gall_ul {margin:0 0 20px; padding:0; list-style:none; overflow:hidden; }
#bo_gall .gall_box {position:relative; margin:0; overflow:hidden; }
#bo_gall .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_gall .gall_now .gall_text_href a {color:#999}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_boxa{overflow:hidden; text-align:center; position:relative; margin:10px 10px 0 10px; }
#bo_gall .gall_boxa a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_boxa a .iconPs{font-style:normal; position:absolute; left:10px; top:10px; z-index:1; }
#bo_gall .gall_boxa a .icoNotice{display:inline-block; padding:5px; background-color:#000; border-radius:3px; color:#fff; }
#bo_gall .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_gall .gall_boxa a b{display:block; position:absolute; left:0px; top:50%; height:30px; line-height:30px; margin-top:-15px; color:#999; font-size:12px; font-family:verdana; letter-spacing:2px; font-weight:normal; width:100%; }
#bo_gall .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_gall .gall_boxa .gall_info strong{ display:inline-block; margin:0 0 0 10px }
#bo_gall .gall_boxa .gall_info i{font-size:12px}
#bo_gall .gall_boxa .gall_info .gall_date{font-style:italic; display:inline-block; color:#fff; }
#bo_gall .gall_boxa .gall_info u{display:block; color:#fff; text-decoration:none; }
#bo_gall .gall_boxa .gall_info u .sv_member{color:#fff; }
#bo_gall .gall_boxa a .imgAr{display:block; width:100%; max-width:100%; min-width:100%; height:auto; overflow:hidden; }
#bo_gall .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_gall .gall_boxa a .youtube_img{display:block; width:100%; max-width:100%; min-width:100%; position:relative; height:auto; overflow:hidden; background:#333; }
#bo_gall .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:auto 200%;; background-position:center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gall .gall_boxa a .youtube_img sub,
#bo_gall .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_gall .gall_box:hover .gall_boxa a .youtube_img sup{transform: scale(1.1); filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }

#bo_gall .gall_box:hover .gall_info{bottom:50%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gall .gall_box:hover .gall_boxa{background:#222; }
#bo_gall .gall_box:hover .gall_boxa a .imgAr{width:100%; height:auto; filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
#bo_gall .gall_box:hover .gall_boxa a .imgAr img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; transform: scale(1.1); }

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

#bo_gall .gall_text_href {padding:10px 10px 30px 10px; }
#bo_gall .gall_text_href a {font-weight:bold; color:#000; }
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit{display:block; font-weight:bold; color:#000; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }
#bo_gall .bo_tit .cnt_cmt{background:#5c85c1; color:#fff; font-size:11px; height:20px; line-height:20px; padding:0 5px; border-radius:3px; vertical-align:middle; }
#bo_gall .profile_img img{border-radius:50%}
#bo_gall .gall_name{margin:10px}
#bo_gall .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; }

@media all and (max-width: 800px)
{
	.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:50% !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:50% !important; }
	.gall_row  > li.gallWST.col-gn-1,.gall_row  > li.gallWST.col-gn-2{width:100% !important; }
}
/* EXIF */
.exif_info {padding:0;font:11px Tahoma;color:#999;text-align:center}
#bo_v_img .exif_info {margin: -15px 0 20px}
#bo_v_con .exif_info {margin: 5px 0 20px}





/* =========================================================
   gallery_box_mapp_reactions: /mapp 프로필 사진 + 감정표현 연동
   ========================================================= */
.mapp-theme-author{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;max-width:100%}
.mapp-theme-author-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;background:#edf4ef;color:#2d7a4f;font-weight:900;flex:0 0 auto;border:1px solid rgba(45,122,79,.12)}
.mapp-theme-author-sm .mapp-theme-author-avatar{width:26px;height:26px;font-size:12px}
.mapp-theme-author-md .mapp-theme-author-avatar{width:34px;height:34px;font-size:14px}
.mapp-theme-author-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.mapp-theme-author-avatar em{font-style:normal;line-height:1}
.mapp-theme-author-name{display:inline-flex;align-items:center;min-width:0}
.mapp-theme-view-author .mapp-theme-author-name{font-weight:700}
#bo_gall .gall_info u .mapp-theme-author{color:inherit}
#bo_gall .gall_info u .mapp-theme-author-name{font-size:inherit}

.mapp-theme-reaction-box{display:inline-flex;align-items:center;gap:6px;position:relative;margin:6px 4px;vertical-align:middle}
.cmt_contents .mapp-theme-reaction-box{display:flex;margin:8px 0 2px}
.mapp-theme-rep,.mapp-theme-users,.mapp-theme-pick,.mapp-theme-avatar-stack{border:0;background:#f3f7f4;color:#2f3b34;border-radius:999px;cursor:pointer;font-family:inherit}
.mapp-theme-rep{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:6px 10px;font-weight:800;border:1px solid rgba(45,122,79,.12)}
.mapp-theme-rep span{font-size:16px}.mapp-theme-rep em{font-style:normal;font-size:12px}.mapp-theme-rep b{font-size:12px;color:#2d7a4f}
.mapp-theme-rep.active{background:#e6f3eb;color:#1f6b42;border-color:rgba(45,122,79,.28)}
.mapp-theme-strip{display:none;position:absolute;left:0;bottom:calc(100% + 7px);gap:5px;padding:7px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.16);z-index:50;white-space:nowrap}
.mapp-theme-reaction-box.open .mapp-theme-strip{display:flex}
.mapp-theme-pick{display:inline-flex;align-items:center;gap:2px;min-width:34px;min-height:34px;justify-content:center;background:#f8fafc;border:1px solid #e5e7eb;padding:5px 7px}
.mapp-theme-pick span{font-size:18px}.mapp-theme-pick b{font-size:11px;color:#64748b}
.mapp-theme-pick.active{background:#e6f3eb;border-color:rgba(45,122,79,.32)}
.mapp-theme-users{min-height:28px;padding:5px 9px;font-size:12px;font-weight:800;color:#64748b}
.mapp-theme-avatar-stack{display:inline-flex;align-items:center;gap:0;padding:2px 6px 2px 2px;border:1px solid #e5e7eb;background:#fff}
.mapp-theme-stack-one{position:relative;display:inline-block;margin-left:-3px}
.mapp-theme-stack-one:first-child{margin-left:0}
.mapp-theme-stack-one i{position:absolute;right:-2px;bottom:-3px;font-size:10px;background:#fff;border-radius:50%;line-height:1}
.mapp-theme-avatar-stack .more{font-size:11px;font-weight:900;color:#64748b;margin-left:3px}
.mapp-theme-mini-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;background:#edf4ef;color:#2d7a4f;font-weight:900;border:1px solid #fff;vertical-align:middle}
.mapp-theme-mini-avatar.xs{width:22px;height:22px;font-size:11px}.mapp-theme-mini-avatar.sm{width:28px;height:28px;font-size:12px}
.mapp-theme-mini-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.mapp-theme-mini-avatar em{font-style:normal}
.mapp-theme-reaction-box.saving{opacity:.65;pointer-events:none}

.mapp-theme-users-layer{position:fixed;inset:0;z-index:99999}
.mapp-theme-users-dim{position:absolute;inset:0;background:rgba(15,23,42,.42)}
.mapp-theme-users-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);max-height:72vh;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(15,23,42,.22);overflow:auto}
.mapp-theme-users-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}
.mapp-theme-users-head strong{font-size:16px}.mapp-theme-users-head button{border:0;background:#f1f5f9;border-radius:12px;padding:7px 10px;font-weight:800}
.mapp-theme-users-body{padding:12px 16px}.mapp-theme-users-empty{padding:18px;text-align:center;color:#64748b;font-weight:700}
.mapp-theme-users-group{margin:0 0 14px}.mapp-theme-users-group h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:14px}.mapp-theme-users-group h4 em{font-style:normal;color:#64748b;font-size:12px}
.mapp-theme-user-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid #f1f5f9}.mapp-theme-user-row .name{font-weight:800}.mapp-theme-user-row .id{font-size:11px;color:#94a3b8}